{"version":3,"file":"defaultKbdTheme.cjs","sources":["../../../../../src/components/ui/kbd/defaultKbdTheme.ts"],"sourcesContent":["import { ComponentTheme, interactiveClassMappers } from \"../theme/common\";\nimport type { KbdProps } from \"./KbdProps\";\nimport type { KbdTheme } from \"./KbdTheme\";\nimport { CODE_CATEGORIES } from \"../props/categoryBuilders\";\nimport { PerSideBorderClassMapper } from \"../theme/layout/perSideBorderClassMapper\";\nimport { kbdDefaults } from \"./kbdDefaults\";\n\n// Kbd is a normal `border` component (prop-driven, `noBorder`-toggleable, color\n// from the appearance system) — it just swaps in the per-side border-width\n// mapper so its `.vane-kbd { --bw-b }` override thickens the bottom into the\n// keycap. Every other side tracks --bw like any other bordered component.\nconst kbdClassMappers = {\n  ...interactiveClassMappers,\n  layout: { ...interactiveClassMappers.layout, border: new PerSideBorderClassMapper() },\n};\n\nexport const defaultKbdTheme = new ComponentTheme<KbdProps, KbdTheme>(\n  \"kbd\",\n  \"vane-kbd\",\n  kbdClassMappers,\n  kbdDefaults,\n  CODE_CATEGORIES,\n  undefined,\n  'ui'\n);\n"],"names":["interactiveClassMappers","PerSideBorderClassMapper","ComponentTheme","kbdDefaults","CODE_CATEGORIES"],"mappings":";;;;;;;;;;;AAWA,MAAM,eAAA,GAAkB;AAAA,EACtB,GAAGA,+CAAA;AAAA,EACH,MAAA,EAAQ,EAAE,GAAGA,+CAAA,CAAwB,QAAQ,MAAA,EAAQ,IAAIC,mDAAyB;AACpF,CAAA;AAEO,MAAM,kBAAkB,IAAIC,6BAAA;AAAA,EACjC,KAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACAC,uBAAA;AAAA,EACAC,gCAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF;;;;"}