{"version":3,"file":"appearanceClassMappers.mjs","sources":["../../../../../../src/components/ui/theme/common/appearanceClassMappers.ts"],"sourcesContent":["import { SimpleConsumerClassMapper } from \"../appearance/simpleConsumerClassMapper\";\nimport { ShadowAppearanceClassMapper } from \"../appearance/shadowAppearanceClassMapper\";\nimport {\n  bgConsumerClasses,\n  textConsumerClass,\n  borderConsumerClass,\n  ringConsumerClass,\n  focusVisibleConsumerClass,\n  accentConsumerClass,\n  checkedBgConsumerClass\n} from \"../../classes/appearanceClasses\";\n\n/** Background appearance — base color only */\nexport const bgAppearance = new SimpleConsumerClassMapper({ base: bgConsumerClasses.base }, 'bg');\n\n/** Background appearance — base + hover */\nexport const bgHoverAppearance = new SimpleConsumerClassMapper({ base: bgConsumerClasses.base, hover: bgConsumerClasses.hover }, 'bg');\n\n/** Background appearance — hover only, no idle bg (MenuItem, NavLink, MenuLabel) */\nexport const bgHoverOnlyAppearance = new SimpleConsumerClassMapper({ hover: bgConsumerClasses.hover }, 'bg');\n\n/** Background appearance — base + hover + active (Button) */\nexport const bgActiveAppearance = new SimpleConsumerClassMapper({ base: bgConsumerClasses.base, hover: bgConsumerClasses.hover, active: bgConsumerClasses.active }, 'bg');\n\n/** Text color appearance */\nexport const textAppearance = new SimpleConsumerClassMapper({ base: textConsumerClass }, 'text');\n\n/** Border color appearance — alwaysOutput so border has a color even without an explicit appearance prop */\nexport const borderAppearance = new SimpleConsumerClassMapper({ base: borderConsumerClass, alwaysOutput: true }, 'border');\n\n/** Ring color appearance — alwaysOutput so ring has a color even without an explicit appearance prop (symmetric with border) */\nexport const ringAppearance = new SimpleConsumerClassMapper({ base: ringConsumerClass, alwaysOutput: true }, 'ring');\n\n/** Focus-visible outline appearance */\nexport const focusVisibleAppearance = new SimpleConsumerClassMapper({ base: focusVisibleConsumerClass }, 'focusVisible');\n\n/** Accent color appearance (Checkbox) */\nexport const accentAppearance = new SimpleConsumerClassMapper({ base: accentConsumerClass }, 'accent');\n\n/** Checked background appearance (Checkbox) */\nexport const checkedBgAppearance = new SimpleConsumerClassMapper({ base: checkedBgConsumerClass }, 'bg');\n\n/** Shadow appearance (static — differentiation between UI/layout happens via CSS variables) */\nexport const shadowAppearance = new ShadowAppearanceClassMapper();\n"],"names":[],"mappings":";;;;AAaO,MAAM,YAAA,GAAe,IAAI,yBAAA,CAA0B,EAAE,MAAM,iBAAA,CAAkB,IAAA,IAAQ,IAAI;AAGzF,MAAM,iBAAA,GAAoB,IAAI,yBAAA,CAA0B,EAAE,IAAA,EAAM,iBAAA,CAAkB,IAAA,EAAM,KAAA,EAAO,iBAAA,CAAkB,KAAA,EAAM,EAAG,IAAI;AAG9H,MAAM,qBAAA,GAAwB,IAAI,yBAAA,CAA0B,EAAE,OAAO,iBAAA,CAAkB,KAAA,IAAS,IAAI;AAGpG,MAAM,kBAAA,GAAqB,IAAI,yBAAA,CAA0B,EAAE,MAAM,iBAAA,CAAkB,IAAA,EAAM,KAAA,EAAO,iBAAA,CAAkB,KAAA,EAAO,MAAA,EAAQ,iBAAA,CAAkB,MAAA,IAAU,IAAI;AAGjK,MAAM,iBAAiB,IAAI,yBAAA,CAA0B,EAAE,IAAA,EAAM,iBAAA,IAAqB,MAAM;AAGxF,MAAM,gBAAA,GAAmB,IAAI,yBAAA,CAA0B,EAAE,MAAM,mBAAA,EAAqB,YAAA,EAAc,IAAA,EAAK,EAAG,QAAQ;AAGlH,MAAM,cAAA,GAAiB,IAAI,yBAAA,CAA0B,EAAE,MAAM,iBAAA,EAAmB,YAAA,EAAc,IAAA,EAAK,EAAG,MAAM;AAG5G,MAAM,yBAAyB,IAAI,yBAAA,CAA0B,EAAE,IAAA,EAAM,yBAAA,IAA6B,cAAc;AAGhH,MAAM,mBAAmB,IAAI,yBAAA,CAA0B,EAAE,IAAA,EAAM,mBAAA,IAAuB,QAAQ;AAG9F,MAAM,sBAAsB,IAAI,yBAAA,CAA0B,EAAE,IAAA,EAAM,sBAAA,IAA0B,IAAI;AAGhG,MAAM,gBAAA,GAAmB,IAAI,2BAAA;;;;"}