{"version":3,"file":"defaultKbdTheme.mjs","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":[],"mappings":";;;;;;;;;AAWA,MAAM,eAAA,GAAkB;AAAA,EACtB,GAAG,uBAAA;AAAA,EACH,MAAA,EAAQ,EAAE,GAAG,uBAAA,CAAwB,QAAQ,MAAA,EAAQ,IAAI,0BAAyB;AACpF,CAAA;AAEO,MAAM,kBAAkB,IAAI,cAAA;AAAA,EACjC,KAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA;AAAA,EACA,eAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF;;;;"}