npm - @vaneui/ui - Versions diffs - 1.4.2 → 1.4.3-alpha.20260930171045.899e2fd - Mend

@vaneui/ui 1.4.2 → 1.4.3-alpha.20260930171045.899e2fd

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (323) hide show

package/dist/esm/components/ui/table/TableCategories.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableCategories.mjs","sources":["../../../../../src/components/ui/table/TableCategories.ts"],"sourcesContent":["import {\n VISUAL_CORE,\n VARIANT,\n BORDER,\n WIDTH,\n MARGIN,\n TEXT_ALIGN,\n RESPONSIVE,\n} from \"../props/categoryBuilders\";\n\n// No `shape`: border-radius has no effect on a border-collapse table, so the\n// rounded/pill/sharp props would be silently inert.\n/** Categories for the Table (`<table>`) component. */\nexport const TABLE_CATEGORIES = [\n 'size',\n ...VISUAL_CORE,\n ...VARIANT,\n ...BORDER,\n ...WIDTH,\n ...MARGIN,\n ...TEXT_ALIGN,\n 'hide',\n ...RESPONSIVE,\n] as const;\n"],"names":[],"mappings":";;~~AAaO~~,MAAM,gBAAA,GAAmB;AAAA,EAC9B,MAAA;AAAA,EACA,GAAG,WAAA;AAAA,EACH,GAAG,OAAA;AAAA,EACH,GAAG,MAAA;AAAA,EACH,GAAG,KAAA;AAAA,EACH,GAAG,MAAA;AAAA,EACH,GAAG,UAAA;AAAA,EACH,MAAA;AAAA,EACA,GAAG;AACL;;;;"}
1	+ {"version":3,"file":"TableCategories.mjs","sources":["../../../../../src/components/ui/table/TableCategories.ts"],"sourcesContent":["import {\n VISUAL_CORE,\n VARIANT,\n BORDER,\n WIDTH,\n MARGIN,\n TEXT_ALIGN,\n FONT_FAMILY,\n RESPONSIVE,\n} from \"../props/categoryBuilders\";\n\n// No `shape`: border-radius has no effect on a border-collapse table, so the\n// rounded/pill/sharp props would be silently inert.\n/** Categories for the Table (`<table>`) component. */\nexport const TABLE_CATEGORIES = [\n 'size',\n ...VISUAL_CORE,\n ...VARIANT,\n ...BORDER,\n ...WIDTH,\n ...MARGIN,\n ...TEXT_ALIGN,\n ...FONT_FAMILY,\n 'hide',\n ...RESPONSIVE,\n] as const;\n"],"names":[],"mappings":";;AAcO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,MAAA;AAAA,EACA,GAAG,WAAA;AAAA,EACH,GAAG,OAAA;AAAA,EACH,GAAG,MAAA;AAAA,EACH,GAAG,KAAA;AAAA,EACH,GAAG,MAAA;AAAA,EACH,GAAG,UAAA;AAAA,EACH,GAAG,WAAA;AAAA,EACH,MAAA;AAAA,EACA,GAAG;AACL;;;;"}

package/dist/esm/components/ui/table/defaultTableTheme.mjs CHANGED Viewed

@@ -8,6 +8,7 @@ import { tableDefaults } from './tableDefaults.mjs';
 import { MarginClassMapper } from '../theme/size/marginClassMapper.mjs';
 import { BorderClassMapper } from '../theme/layout/borderClassMapper.mjs';
 import { WidthClassMapper } from '../theme/layout/widthClassMapper.mjs';
+import { FontFamilyClassMapper } from '../theme/typography/fontFamilyClassMapper.mjs';
 import { TextAlignClassMapper } from '../theme/typography/textAlignClassMapper.mjs';
 const defaultTableTheme = new ComponentTheme(
@@ -26,7 +27,8 @@ const defaultTableTheme = new ComponentTheme(
       width: new WidthClassMapper()
     },
     typography: {
-      textAlign: new TextAlignClassMapper()
+      textAlign: new TextAlignClassMapper(),
+      fontFamily: new FontFamilyClassMapper()
     }
   },
   tableDefaults,

package/dist/esm/components/ui/table/defaultTableTheme.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defaultTableTheme.mjs","sources":["../../../../../src/components/ui/table/defaultTableTheme.ts"],"sourcesContent":["import { ComponentTheme, defaultLayoutClassMappers, borderAppearance } from \"../theme/common\";\nimport type { TableProps } from \"./TableProps\";\nimport type { TableTheme } from \"./TableTheme\";\nimport { TABLE_CATEGORIES } from \"./TableCategories\";\nimport { tableDefaults } from \"./tableDefaults\";\nimport { MarginClassMapper } from \"../theme/size\";\nimport { BorderClassMapper, WidthClassMapper } from \"../theme/layout\";\nimport { TextAlignClassMapper } from \"../theme/typography\";\n\nexport const defaultTableTheme = new ComponentTheme<TableProps, TableTheme>(\n \"table\",\n \"vane-table border-collapse\",\n {\n size: {\n margin: new MarginClassMapper(),\n },\n appearance: {\n border: borderAppearance,\n },\n layout: {\n ...defaultLayoutClassMappers,\n border: new BorderClassMapper(),\n width: new WidthClassMapper(),\n },\n typography: {\n textAlign: new TextAlignClassMapper(),\n },\n },\n tableDefaults,\n TABLE_CATEGORIES,\n undefined,\n 'layout'\n);\n"],"names":[],"mappings":"~~;;;;;;;;;;;;~~AASO,MAAM,oBAAoB,IAAI,cAAA;AAAA,EACnC,OAAA;AAAA,EACA,4BAAA;AAAA,EACA;AAAA,IACE,IAAA,EAAM;AAAA,MACJ,MAAA,EAAQ,IAAI,iBAAA;AAAkB,KAChC;AAAA,IACA,UAAA,EAAY;AAAA,MACV,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,GAAG,yBAAA;AAAA,MACH,MAAA,EAAQ,IAAI,iBAAA,EAAkB;AAAA,MAC9B,KAAA,EAAO,IAAI,gBAAA;AAAiB,KAC9B;AAAA,IACA,UAAA,EAAY;AAAA,MACV,SAAA,EAAW,IAAI,oBAAA;~~AAAqB~~;~~AACtC~~,GACF;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF;;;;"}
1	+ {"version":3,"file":"defaultTableTheme.mjs","sources":["../../../../../src/components/ui/table/defaultTableTheme.ts"],"sourcesContent":["import { ComponentTheme, defaultLayoutClassMappers, borderAppearance } from \"../theme/common\";\nimport type { TableProps } from \"./TableProps\";\nimport type { TableTheme } from \"./TableTheme\";\nimport { TABLE_CATEGORIES } from \"./TableCategories\";\nimport { tableDefaults } from \"./tableDefaults\";\nimport { MarginClassMapper } from \"../theme/size\";\nimport { BorderClassMapper, WidthClassMapper } from \"../theme/layout\";\nimport { TextAlignClassMapper, FontFamilyClassMapper } from \"../theme/typography\";\n\nexport const defaultTableTheme = new ComponentTheme<TableProps, TableTheme>(\n \"table\",\n \"vane-table border-collapse\",\n {\n size: {\n margin: new MarginClassMapper(),\n },\n appearance: {\n border: borderAppearance,\n },\n layout: {\n ...defaultLayoutClassMappers,\n border: new BorderClassMapper(),\n width: new WidthClassMapper(),\n },\n typography: {\n textAlign: new TextAlignClassMapper(),\n fontFamily: new FontFamilyClassMapper(),\n },\n },\n tableDefaults,\n TABLE_CATEGORIES,\n undefined,\n 'layout'\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;AASO,MAAM,oBAAoB,IAAI,cAAA;AAAA,EACnC,OAAA;AAAA,EACA,4BAAA;AAAA,EACA;AAAA,IACE,IAAA,EAAM;AAAA,MACJ,MAAA,EAAQ,IAAI,iBAAA;AAAkB,KAChC;AAAA,IACA,UAAA,EAAY;AAAA,MACV,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,GAAG,yBAAA;AAAA,MACH,MAAA,EAAQ,IAAI,iBAAA,EAAkB;AAAA,MAC9B,KAAA,EAAO,IAAI,gBAAA;AAAiB,KAC9B;AAAA,IACA,UAAA,EAAY;AAAA,MACV,SAAA,EAAW,IAAI,oBAAA,EAAqB;AAAA,MACpC,UAAA,EAAY,IAAI,qBAAA;AAAsB;AACxC,GACF;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF;;;;"}

package/dist/esm/components/ui/table/tableDefaults.mjs CHANGED Viewed

@@ -3,7 +3,8 @@ const tableDefaults = {
   secondary: true,
   outline: true,
   wFull: true,
-  noBorder: true
+  noBorder: true,
+  fontSans: true
 };
 export { tableDefaults };

package/dist/esm/components/ui/table/tableDefaults.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tableDefaults.mjs","sources":["../../../../../src/components/ui/table/tableDefaults.ts"],"sourcesContent":["import type { TableProps } from \"./TableProps\";\n\n/** Default props for the Table component */\nexport const tableDefaults: Partial<TableProps> = {\n md: true,\n secondary: true,\n outline: true,\n wFull: true,\n noBorder: true,\n};\n"],"names":[],"mappings":"AAGO,MAAM,aAAA,GAAqC;AAAA,EAChD,EAAA,EAAI,IAAA;AAAA,EACJ,SAAA,EAAW,IAAA;AAAA,EACX,OAAA,EAAS,IAAA;AAAA,EACT,KAAA,EAAO,IAAA;AAAA,EACP,QAAA,EAAU;AACZ;;;;"}
1	+ {"version":3,"file":"tableDefaults.mjs","sources":["../../../../../src/components/ui/table/tableDefaults.ts"],"sourcesContent":["import type { TableProps } from \"./TableProps\";\n\n/** Default props for the Table component */\nexport const tableDefaults: Partial<TableProps> = {\n md: true,\n secondary: true,\n outline: true,\n wFull: true,\n noBorder: true,\n fontSans: true,\n};\n"],"names":[],"mappings":"AAGO,MAAM,aAAA,GAAqC;AAAA,EAChD,EAAA,EAAI,IAAA;AAAA,EACJ,SAAA,EAAW,IAAA;AAAA,EACX,OAAA,EAAS,IAAA;AAAA,EACT,KAAA,EAAO,IAAA;AAAA,EACP,QAAA,EAAU,IAAA;AAAA,EACV,QAAA,EAAU;AACZ;;;;"}

package/dist/esm/components/ui/textarea/defaultTextareaTheme.mjs CHANGED Viewed

@@ -5,7 +5,7 @@ import '../theme/common/typographyClassMappers.mjs';
 import { bgHoverAppearance } from '../theme/common/appearanceClassMappers.mjs';
 import '../theme/appearance/shadowAppearanceClassMapper.mjs';
 import { StatusClassMapper } from '../theme/appearance/statusClassMapper.mjs';
-import { DisabledClassMapper } from '../theme/appearance/disabledClassMapper.mjs';
+import { DisabledVisualClassMapper } from '../theme/appearance/disabledClassMapper.mjs';
 import { ReadOnlyClassMapper } from '../theme/appearance/readOnlyClassMapper.mjs';
 import { INPUT_CATEGORIES } from '../input/InputCategories.mjs';
 import { textareaDefaults } from './textareaDefaults.mjs';
@@ -19,7 +19,7 @@ const defaultTextareaTheme = new ComponentTheme(
       ...interactiveClassMappers.appearance,
       background: bgHoverAppearance,
       status: new StatusClassMapper(),
-      disabled: new DisabledClassMapper(),
+      disabled: new DisabledVisualClassMapper(),
       readOnly: new ReadOnlyClassMapper()
     }
   },

package/dist/esm/components/ui/textarea/defaultTextareaTheme.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defaultTextareaTheme.mjs","sources":["../../../../../src/components/ui/textarea/defaultTextareaTheme.ts"],"sourcesContent":["import { ComponentTheme, interactiveClassMappers, bgHoverAppearance } from \"../theme/common\";\nimport type { TextareaProps } from \"./TextareaProps\";\nimport { StatusClassMapper, ~~DisabledClassMapper~~, ReadOnlyClassMapper } from \"../theme/appearance\";\nimport { INPUT_CATEGORIES } from \"../input/InputCategories\";\nimport type { InputTheme } from \"../input/InputTheme\";\nimport { textareaDefaults } from \"./textareaDefaults\";\n\n// Shares InputTheme and INPUT_CATEGORIES: a textarea is an input that wraps lines.\n// Its own base class carries the multi-line box and omits the trailing-icon\n// reservation `.vane-input[data-status=\"error\"]` makes for the overlaid alert icon.\n// No error icon here: the danger ring is the cue, so pair `invalid` with helper text.\nexport const defaultTextareaTheme = new ComponentTheme<TextareaProps, InputTheme>(\n \"textarea\",\n \"vane-textarea\",\n {\n ...interactiveClassMappers,\n appearance: {\n ...interactiveClassMappers.appearance,\n background: bgHoverAppearance,\n status: new StatusClassMapper(),\n disabled: new ~~DisabledClassMapper~~(),\n readOnly: new ReadOnlyClassMapper(),\n },\n },\n textareaDefaults,\n INPUT_CATEGORIES,\n () => \"textarea\",\n 'ui'\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAWO,MAAM,uBAAuB,IAAI,cAAA;AAAA,EACtC,UAAA;AAAA,EACA,eAAA;AAAA,EACA;AAAA,IACE,GAAG,uBAAA;AAAA,IACH,UAAA,EAAY;AAAA,MACV,GAAG,uBAAA,CAAwB,UAAA;AAAA,MAC3B,UAAA,EAAY,iBAAA;AAAA,MACZ,MAAA,EAAQ,IAAI,iBAAA,EAAkB;AAAA,MAC9B,QAAA,EAAU,IAAI,~~mBAAA~~,~~EAAoB~~;AAAA,~~MAClC~~,QAAA,EAAU,IAAI,mBAAA;AAAoB;AACpC,GACF;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,MAAM,UAAA;AAAA,EACN;AACF;;;;"}
1	+ {"version":3,"file":"defaultTextareaTheme.mjs","sources":["../../../../../src/components/ui/textarea/defaultTextareaTheme.ts"],"sourcesContent":["import { ComponentTheme, interactiveClassMappers, bgHoverAppearance } from \"../theme/common\";\nimport type { TextareaProps } from \"./TextareaProps\";\nimport { StatusClassMapper, DisabledVisualClassMapper, ReadOnlyClassMapper } from \"../theme/appearance\";\nimport { INPUT_CATEGORIES } from \"../input/InputCategories\";\nimport type { InputTheme } from \"../input/InputTheme\";\nimport { textareaDefaults } from \"./textareaDefaults\";\n\n// Shares InputTheme and INPUT_CATEGORIES: a textarea is an input that wraps lines.\n// Its own base class carries the multi-line box and omits the trailing-icon\n// reservation `.vane-input[data-status=\"error\"]` makes for the overlaid alert icon.\n// No error icon here: the danger ring is the cue, so pair `invalid` with helper text.\nexport const defaultTextareaTheme = new ComponentTheme<TextareaProps, InputTheme>(\n \"textarea\",\n \"vane-textarea\",\n {\n ...interactiveClassMappers,\n appearance: {\n ...interactiveClassMappers.appearance,\n background: bgHoverAppearance,\n status: new StatusClassMapper(),\n disabled: new DisabledVisualClassMapper(),\n readOnly: new ReadOnlyClassMapper(),\n },\n },\n textareaDefaults,\n INPUT_CATEGORIES,\n () => \"textarea\",\n 'ui'\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAWO,MAAM,uBAAuB,IAAI,cAAA;AAAA,EACtC,UAAA;AAAA,EACA,eAAA;AAAA,EACA;AAAA,IACE,GAAG,uBAAA;AAAA,IACH,UAAA,EAAY;AAAA,MACV,GAAG,uBAAA,CAAwB,UAAA;AAAA,MAC3B,UAAA,EAAY,iBAAA;AAAA,MACZ,MAAA,EAAQ,IAAI,iBAAA,EAAkB;AAAA,MAC9B,QAAA,EAAU,IAAI,yBAAA,EAA0B;AAAA,MACxC,QAAA,EAAU,IAAI,mBAAA;AAAoB;AACpC,GACF;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,MAAM,UAAA;AAAA,EACN;AACF;;;;"}

package/dist/esm/components/ui/theme/appearance/disabledClassMapper.mjs CHANGED Viewed

@@ -4,7 +4,7 @@ class DisabledClassMapper extends BaseClassMapper {
   constructor() {
     super(...arguments);
     /** Disabled state - reduced opacity, not-allowed cursor, no pointer events */
-    this.disabled = "opacity-50 cursor-not-allowed pointer-events-none";
+    this.disabled = "opacity-(--disabled-opacity) cursor-not-allowed pointer-events-none";
   }
   getClasses(extractedKeys) {
     const value = extractedKeys?.disabled;
@@ -14,6 +14,12 @@ class DisabledClassMapper extends BaseClassMapper {
     return [];
   }
 }
+class DisabledVisualClassMapper extends DisabledClassMapper {
+  constructor() {
+    super(...arguments);
+    this.disabled = "opacity-(--disabled-opacity) cursor-not-allowed";
+  }
+}
-export { DisabledClassMapper };
+export { DisabledClassMapper, DisabledVisualClassMapper };
 //# sourceMappingURL=disabledClassMapper.mjs.map

package/dist/esm/components/ui/theme/appearance/disabledClassMapper.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"disabledClassMapper.mjs","sources":["../../../../../../src/components/ui/theme/appearance/disabledClassMapper.ts"],"sourcesContent":["import { BaseClassMapper } from \"../common/BaseClassMapper\";\nimport type { CategoryProps, DisabledKey } from \"../../props\";\n\n/*\n DisabledClassMapper handles disabled state styling for interactive components.\n * Applies reduced opacity, not-allowed cursor, and disables pointer events.\n /\nexport class DisabledClassMapper extends BaseClassMapper implements Record<DisabledKey, string> {\n /* Disabled state - reduced opacity, not-allowed cursor, no pointer events */\n disabled: string = \"opacity-50 cursor-not-allowed pointer-events-none\";\n\n getClasses(extractedKeys: CategoryProps): string[] {\n const value = extractedKeys?.disabled;\n\n if (value && value in this) {\n return [this[value as DisabledKey]];\n }\n\n return [];\n }\n}\n"],"names":[],"mappings":";;AAOO,MAAM,4BAA4B,eAAA,CAAuD;AAAA,EAAzF,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEL;AAAA,IAAA,IAAA,CAAA,QAAA,GAAmB,~~mDAAA~~;AAAA,EAAA;AAAA,EAEnB,WAAW,aAAA,EAAwC;AACjD,IAAA,MAAM,QAAQ,aAAA,EAAe,QAAA;AAE7B,IAAA,IAAI,KAAA,IAAS,SAAS,IAAA,EAAM;AAC1B,MAAA,OAAO,CAAC,IAAA,CAAK,KAAoB,CAAC,CAAA;AAAA,IACpC;AAEA,IAAA,OAAO,EAAC;AAAA,EACV;AACF;;;;"}
1	+ {"version":3,"file":"disabledClassMapper.mjs","sources":["../../../../../../src/components/ui/theme/appearance/disabledClassMapper.ts"],"sourcesContent":["import { BaseClassMapper } from \"../common/BaseClassMapper\";\nimport type { CategoryProps, DisabledKey } from \"../../props\";\n\n/*\n DisabledClassMapper handles disabled state styling for interactive components.\n * Applies reduced opacity, not-allowed cursor, and disables pointer events.\n /\nexport class DisabledClassMapper extends BaseClassMapper implements Record<DisabledKey, string> {\n /* Disabled state - reduced opacity, not-allowed cursor, no pointer events /\n disabled: string = \"opacity-(--disabled-opacity) cursor-not-allowed pointer-events-none\";\n\n getClasses(extractedKeys: CategoryProps): string[] {\n const value = extractedKeys?.disabled;\n\n if (value && value in this) {\n return [this[value as DisabledKey]];\n }\n\n return [];\n }\n}\n\n/* For elements whose own semantics block activation (native disabled fields, a disabled Link): pointer events stay on, so the cursor shows. */\nexport class DisabledVisualClassMapper extends DisabledClassMapper {\n disabled: string = \"opacity-(--disabled-opacity) cursor-not-allowed\";\n}\n"],"names":[],"mappings":";;AAOO,MAAM,4BAA4B,eAAA,CAAuD;AAAA,EAAzF,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEL;AAAA,IAAA,IAAA,CAAA,QAAA,GAAmB,qEAAA;AAAA,EAAA;AAAA,EAEnB,WAAW,aAAA,EAAwC;AACjD,IAAA,MAAM,QAAQ,aAAA,EAAe,QAAA;AAE7B,IAAA,IAAI,KAAA,IAAS,SAAS,IAAA,EAAM;AAC1B,MAAA,OAAO,CAAC,IAAA,CAAK,KAAoB,CAAC,CAAA;AAAA,IACpC;AAEA,IAAA,OAAO,EAAC;AAAA,EACV;AACF;AAGO,MAAM,kCAAkC,mBAAA,CAAoB;AAAA,EAA5D,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AACL,IAAA,IAAA,CAAA,QAAA,GAAmB,iDAAA;AAAA,EAAA;AACrB;;;;"}

package/dist/esm/components/ui/theme/appearance/disabledOpacityClassMapper.mjs CHANGED Viewed

@@ -4,7 +4,7 @@ class DisabledOpacityClassMapper extends BaseClassMapper {
   constructor() {
     super(...arguments);
     /** Disabled state - reduced opacity only */
-    this.disabled = "opacity-50";
+    this.disabled = "opacity-(--disabled-opacity)";
   }
   getClasses(extractedKeys) {
     const value = extractedKeys?.disabled;

package/dist/esm/components/ui/theme/appearance/disabledOpacityClassMapper.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"disabledOpacityClassMapper.mjs","sources":["../../../../../../src/components/ui/theme/appearance/disabledOpacityClassMapper.ts"],"sourcesContent":["import { BaseClassMapper } from \"../common/BaseClassMapper\";\nimport type { CategoryProps, DisabledKey } from \"../../props\";\n\n/*\n DisabledOpacityClassMapper applies only opacity for disabled state.\n * Used on wrapper/container elements so the entire control appears dimmed.\n /\nexport class DisabledOpacityClassMapper extends BaseClassMapper implements Record<DisabledKey, string> {\n /* Disabled state - reduced opacity only */\n disabled: string = \"opacity-50\";\n\n getClasses(extractedKeys: CategoryProps): string[] {\n const value = extractedKeys?.disabled;\n\n if (value && value in this) {\n return [this[value as DisabledKey]];\n }\n\n return [];\n }\n}\n"],"names":[],"mappings":";;AAOO,MAAM,mCAAmC,eAAA,CAAuD;AAAA,EAAhG,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEL;AAAA,IAAA,IAAA,CAAA,QAAA,GAAmB,~~YAAA~~;AAAA,EAAA;AAAA,EAEnB,WAAW,aAAA,EAAwC;AACjD,IAAA,MAAM,QAAQ,aAAA,EAAe,QAAA;AAE7B,IAAA,IAAI,KAAA,IAAS,SAAS,IAAA,EAAM;AAC1B,MAAA,OAAO,CAAC,IAAA,CAAK,KAAoB,CAAC,CAAA;AAAA,IACpC;AAEA,IAAA,OAAO,EAAC;AAAA,EACV;AACF;;;;"}
1	+ {"version":3,"file":"disabledOpacityClassMapper.mjs","sources":["../../../../../../src/components/ui/theme/appearance/disabledOpacityClassMapper.ts"],"sourcesContent":["import { BaseClassMapper } from \"../common/BaseClassMapper\";\nimport type { CategoryProps, DisabledKey } from \"../../props\";\n\n/*\n DisabledOpacityClassMapper applies only opacity for disabled state.\n * Used on wrapper/container elements so the entire control appears dimmed.\n /\nexport class DisabledOpacityClassMapper extends BaseClassMapper implements Record<DisabledKey, string> {\n /* Disabled state - reduced opacity only */\n disabled: string = \"opacity-(--disabled-opacity)\";\n\n getClasses(extractedKeys: CategoryProps): string[] {\n const value = extractedKeys?.disabled;\n\n if (value && value in this) {\n return [this[value as DisabledKey]];\n }\n\n return [];\n }\n}\n"],"names":[],"mappings":";;AAOO,MAAM,mCAAmC,eAAA,CAAuD;AAAA,EAAhG,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEL;AAAA,IAAA,IAAA,CAAA,QAAA,GAAmB,8BAAA;AAAA,EAAA;AAAA,EAEnB,WAAW,aAAA,EAAwC;AACjD,IAAA,MAAM,QAAQ,aAAA,EAAe,QAAA;AAE7B,IAAA,IAAI,KAAA,IAAS,SAAS,IAAA,EAAM;AAC1B,MAAA,OAAO,CAAC,IAAA,CAAK,KAAoB,CAAC,CAAA;AAAA,IACpC;AAEA,IAAA,OAAO,EAAC;AAAA,EACV;AACF;;;;"}

package/dist/esm/components/ui/theme/appearance/readOnlyClassMapper.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"readOnlyClassMapper.mjs","sources":["../../../../../../src/components/ui/theme/appearance/readOnlyClassMapper.ts"],"sourcesContent":["import { BaseClassMapper } from \"../common/BaseClassMapper\";\nimport type { CategoryProps, ReadOnlyKey } from \"../../props\";\n\n/*\n ReadOnlyClassMapper handles the read-only visual treatment for form controls.\n * Mirrors DisabledClassMapper but lighter (opacity-70 vs opacity~~-50~~) because a\n * read-only field is still focusable, selectable, and submittable. The opacity\n * and cursor live here as Tailwind classes (not a raw CSS rule) so they go\n * through the theme system like every other visual state.\n /\nexport class ReadOnlyClassMapper extends BaseClassMapper implements Record<ReadOnlyKey, string> {\n /* Read-only state - muted opacity + default cursor */\n readOnly: string = \"opacity-70 cursor-default\";\n\n getClasses(extractedKeys: CategoryProps): string[] {\n const value = extractedKeys?.readOnly;\n if (value && value in this) {\n return [this[value as ReadOnlyKey]];\n }\n return [];\n }\n}\n"],"names":[],"mappings":";;AAUO,MAAM,4BAA4B,eAAA,CAAuD;AAAA,EAAzF,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEL;AAAA,IAAA,IAAA,CAAA,QAAA,GAAmB,2BAAA;AAAA,EAAA;AAAA,EAEnB,WAAW,aAAA,EAAwC;AACjD,IAAA,MAAM,QAAQ,aAAA,EAAe,QAAA;AAC7B,IAAA,IAAI,KAAA,IAAS,SAAS,IAAA,EAAM;AAC1B,MAAA,OAAO,CAAC,IAAA,CAAK,KAAoB,CAAC,CAAA;AAAA,IACpC;AACA,IAAA,OAAO,EAAC;AAAA,EACV;AACF;;;;"}
1	+ {"version":3,"file":"readOnlyClassMapper.mjs","sources":["../../../../../../src/components/ui/theme/appearance/readOnlyClassMapper.ts"],"sourcesContent":["import { BaseClassMapper } from \"../common/BaseClassMapper\";\nimport type { CategoryProps, ReadOnlyKey } from \"../../props\";\n\n/*\n ReadOnlyClassMapper handles the read-only visual treatment for form controls.\n * Mirrors DisabledClassMapper but lighter (opacity-70 vs --disabled-opacity) because a\n * read-only field is still focusable, selectable, and submittable. The opacity\n * and cursor live here as Tailwind classes (not a raw CSS rule) so they go\n * through the theme system like every other visual state.\n /\nexport class ReadOnlyClassMapper extends BaseClassMapper implements Record<ReadOnlyKey, string> {\n /* Read-only state - muted opacity + default cursor */\n readOnly: string = \"opacity-70 cursor-default\";\n\n getClasses(extractedKeys: CategoryProps): string[] {\n const value = extractedKeys?.readOnly;\n if (value && value in this) {\n return [this[value as ReadOnlyKey]];\n }\n return [];\n }\n}\n"],"names":[],"mappings":";;AAUO,MAAM,4BAA4B,eAAA,CAAuD;AAAA,EAAzF,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEL;AAAA,IAAA,IAAA,CAAA,QAAA,GAAmB,2BAAA;AAAA,EAAA;AAAA,EAEnB,WAAW,aAAA,EAAwC;AACjD,IAAA,MAAM,QAAQ,aAAA,EAAe,QAAA;AAC7B,IAAA,IAAI,KAAA,IAAS,SAAS,IAAA,EAAM;AAC1B,MAAA,OAAO,CAAC,IAAA,CAAK,KAAoB,CAAC,CAAA;AAAA,IACpC;AACA,IAAA,OAAO,EAAC;AAAA,EACV;AACF;;;;"}

package/dist/esm/components/ui/theme/appearance/statusClassMapper.mjs CHANGED Viewed

@@ -3,8 +3,8 @@ import { BaseClassMapper } from '../common/BaseClassMapper.mjs';
 class StatusClassMapper extends BaseClassMapper {
   constructor() {
     super(...arguments);
-    /** Invalid state - danger border/ring via tokens (adapts to dark mode) */
-    this.invalid = "border-(--color-border-danger) ring-(--color-border-danger)/30 focus-visible:ring-(--color-border-danger)/30";
+    /** Invalid state - full-strength danger border/ring (the danger text token), readable in both themes */
+    this.invalid = "border-(--color-text-danger) ring-(--color-text-danger)";
   }
   getClasses(extractedKeys) {
     const classes = [];

package/dist/esm/components/ui/theme/appearance/statusClassMapper.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"statusClassMapper.mjs","sources":["../../../../../../src/components/ui/theme/appearance/statusClassMapper.ts"],"sourcesContent":["import { BaseClassMapper } from \"../common/BaseClassMapper\";\nimport type { CategoryProps, ValidityKey } from \"../../props\";\n\n/*\n Validation-state styling for form components.\n * Changes border/ring colors to indicate an invalid field.\n /\nexport class StatusClassMapper extends BaseClassMapper implements Record<ValidityKey, string> {\n /* Invalid state - danger border/ring ~~via tokens~~ (~~adapts~~ to ~~dark~~ ~~mode~~) */\n invalid: string = \"border-(--color-~~border~~-danger) ring-(--color-~~border~~-danger)~~/30 focus-visible:ring-(--color-border-danger)/30~~\";\n\n getClasses(extractedKeys: CategoryProps): string[] {\n const classes: string[] = [];\n\n const value = extractedKeys?.validity;\n\n if (value && value in this) {\n classes.push(this[value as ValidityKey]);\n }\n\n return classes;\n }\n}\n"],"names":[],"mappings":";;AAOO,MAAM,0BAA0B,eAAA,CAAuD;AAAA,EAAvF,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEL;AAAA,IAAA,IAAA,CAAA,OAAA,GAAkB,~~8GAAA~~;AAAA,EAAA;AAAA,EAElB,WAAW,aAAA,EAAwC;AACjD,IAAA,MAAM,UAAoB,EAAC;AAE3B,IAAA,MAAM,QAAQ,aAAA,EAAe,QAAA;AAE7B,IAAA,IAAI,KAAA,IAAS,SAAS,IAAA,EAAM;AAC1B,MAAA,OAAA,CAAQ,IAAA,CAAK,IAAA,CAAK,KAAoB,CAAC,CAAA;AAAA,IACzC;AAEA,IAAA,OAAO,OAAA;AAAA,EACT;AACF;;;;"}
1	+ {"version":3,"file":"statusClassMapper.mjs","sources":["../../../../../../src/components/ui/theme/appearance/statusClassMapper.ts"],"sourcesContent":["import { BaseClassMapper } from \"../common/BaseClassMapper\";\nimport type { CategoryProps, ValidityKey } from \"../../props\";\n\n/*\n Validation-state styling for form components.\n * Changes border/ring colors to indicate an invalid field.\n /\nexport class StatusClassMapper extends BaseClassMapper implements Record<ValidityKey, string> {\n /* Invalid state - full-strength danger border/ring (the danger text token), readable in both themes */\n invalid: string = \"border-(--color-text-danger) ring-(--color-text-danger)\";\n\n getClasses(extractedKeys: CategoryProps): string[] {\n const classes: string[] = [];\n\n const value = extractedKeys?.validity;\n\n if (value && value in this) {\n classes.push(this[value as ValidityKey]);\n }\n\n return classes;\n }\n}\n"],"names":[],"mappings":";;AAOO,MAAM,0BAA0B,eAAA,CAAuD;AAAA,EAAvF,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEL;AAAA,IAAA,IAAA,CAAA,OAAA,GAAkB,yDAAA;AAAA,EAAA;AAAA,EAElB,WAAW,aAAA,EAAwC;AACjD,IAAA,MAAM,UAAoB,EAAC;AAE3B,IAAA,MAAM,QAAQ,aAAA,EAAe,QAAA;AAE7B,IAAA,IAAI,KAAA,IAAS,SAAS,IAAA,EAAM;AAC1B,MAAA,OAAA,CAAQ,IAAA,CAAK,IAAA,CAAK,KAAoB,CAAC,CAAA;AAAA,IACzC;AAEA,IAAA,OAAO,OAAA;AAAA,EACT;AACF;;;;"}

package/dist/esm/components/ui/theme/common/ComponentTheme.mjs CHANGED Viewed

@@ -238,7 +238,7 @@ class ComponentTheme {
     if (hasAppearance) {
       dataAttributes["data-appearance"] = extractedKeys.appearance;
     }
-    if (extractedKeys.variant && (hasAppearance || extractedKeys.variant !== "outline")) {
+    if (extractedKeys.variant && hasAppearance) {
       dataAttributes["data-variant"] = extractedKeys.variant;
     }
     if (rawProps.disabled) {
@@ -246,7 +246,8 @@ class ComponentTheme {
     }
     if (rawProps.readOnly) {
       dataAttributes["data-readonly"] = "true";
-      if (rawProps["aria-readonly"] === void 0) {
+      const isFormControlTag = typeof componentTag !== "string" || ["input", "textarea", "select"].includes(componentTag);
+      if (rawProps["aria-readonly"] === void 0 && isFormControlTag) {
         dataAttributes["aria-readonly"] = "true";
       }
     }

package/dist/esm/components/ui/theme/common/ComponentTheme.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComponentTheme.mjs","sources":["../../../../../../src/components/ui/theme/common/ComponentTheme.tsx"],"sourcesContent":["import React from \"react\";\nimport { BaseClassMapper } from \"./BaseClassMapper\";\nimport { ComponentCategoryKey } from \"../../props\";\nimport { ComponentKeys } from \"../../props\";\nimport { HideClassMapper } from \"../layout/hideClassMapper\";\nimport { ItemsClassMapper } from \"../layout/itemsClassMapper\";\nimport { JustifyClassMapper } from \"../layout/justifyClassMapper\";\nimport { PositionClassMapper } from \"../layout/positionClassMapper\";\nimport { FontStyleClassMapper } from \"../typography/fontStyleClassMapper\";\nimport { FontFamilyClassMapper } from \"../typography/fontFamilyClassMapper\";\nimport { FontWeightClassMapper } from \"../typography/fontWeightClassMapper\";\nimport { TextDecorationClassMapper } from \"../typography/textDecorationClassMapper\";\nimport { TextTransformClassMapper } from \"../typography/textTransformClassMapper\";\nimport { TextAlignClassMapper } from \"../typography/textAlignClassMapper\";\nimport { TruncateClassMapper } from \"../typography/truncateClassMapper\";\nimport { DeepPartial } from \"../../../utils/deepPartial\";\nimport { DisplayClassMapper } from \"../layout/displayClassMapper\";\nimport { twMerge } from \"tailwind-merge\";\nimport { OverflowClassMapper } from \"../layout/overflowClassMapper\";\nimport { WidthClassMapper } from \"../layout/widthClassMapper\";\nimport { HeightClassMapper } from \"../layout/heightClassMapper\";\nimport { pickFirstTruthyKeyByCategory, collectTruthyKeysByCategory, MULTI_VALUE_CATEGORIES, resetConflictKey } from \"../../../utils/componentUtils\";\n\ntype ComponentProps = { className?: string; children?: React.ReactNode; tag?: React.ElementType; };\ntype ThemeNode<P> = BaseClassMapper \| ThemeMap<P>;\n\n// HTML tags where the native disabled attribute is valid and desired\nconst NATIVE_DISABLED_TAGS = new Set([\n 'button', 'input', 'select', 'textarea', 'fieldset', 'optgroup', 'option',\n]);\n\n// props consumed by the theme engine itself — never forwarded to the DOM\n// (boolean category props are stripped separately via ResolutionState.omitKeys)\nconst INTERNAL_PROPS = new Set(['className', 'tag', 'children', 'theme']);\n\n// attributes that are invalid on a given resolved tag — stripped so a wrong-tag\n// HTML attribute can't leak through a tag-switching component (e.g. type/form\n// reaching a rendered <a>, or href/target/download/rel reaching a rendered\n// <button>). Components like Button/NavLink/Badge union button + anchor attrs.\nconst TAG_INVALID_ATTRS: Record<string, readonly string[]> = {\n a: ['type', 'form', 'formAction', 'formEncType', 'formMethod', 'formNoValidate', 'formTarget'],\n button: ['href', 'target', 'download', 'rel', 'hrefLang', 'ping'],\n};\n\nexport type VaneComponentType = 'ui' \| 'layout';\n\nexport type ThemeMap<P> = {\n [key: string]: ThemeNode<P>;\n};\n\nexport interface DefaultLayoutClassMappers {\n hide: HideClassMapper;\n items: ItemsClassMapper;\n justify: JustifyClassMapper;\n position: PositionClassMapper;\n display: DisplayClassMapper;\n overflow: OverflowClassMapper;\n}\n\nexport interface DefaultTypographyClassMappers {\n fontFamily: FontFamilyClassMapper;\n fontWeight: FontWeightClassMapper;\n fontStyle: FontStyleClassMapper;\n textDecoration: TextDecorationClassMapper;\n textTransform: TextTransformClassMapper;\n textAlign: TextAlignClassMapper;\n truncate: TruncateClassMapper;\n}\n\nexport interface BaseComponentTheme {\n layout: DefaultLayoutClassMappers;\n}\n\nexport interface BaseTypographyComponentTheme extends BaseComponentTheme {\n typography: DefaultTypographyClassMappers;\n}\n\nexport const defaultLayoutClassMappers: DefaultLayoutClassMappers = {\n hide: new HideClassMapper(),\n items: new ItemsClassMapper(),\n justify: new JustifyClassMapper(),\n position: new PositionClassMapper(),\n display: new DisplayClassMapper(),\n overflow: new OverflowClassMapper(),\n};\n\nexport interface DefaultSizedLayoutClassMappers extends DefaultLayoutClassMappers {\n width: WidthClassMapper;\n height: HeightClassMapper;\n}\n\nexport const defaultSizedLayoutClassMappers: DefaultSizedLayoutClassMappers = {\n ...defaultLayoutClassMappers,\n width: new WidthClassMapper(),\n height: new HeightClassMapper(),\n};\n\nexport const defaultTypographyClassMappers: DefaultTypographyClassMappers = {\n fontFamily: new FontFamilyClassMapper(),\n fontWeight: new FontWeightClassMapper(),\n fontStyle: new FontStyleClassMapper(),\n textDecoration: new TextDecorationClassMapper(),\n textTransform: new TextTransformClassMapper(),\n textAlign: new TextAlignClassMapper(),\n truncate: new TruncateClassMapper(),\n};\n\n/* Per-instance derived state: constant omitKeys/baseClasses + walkCache (memoizes the tree walk per extracted-keys signature; defaults only affect the cache key, extraClasses applied per call). /\ninterface ResolutionState {\n /* boolean prop names consumed by the theme system (union of all category keys) — stripped from DOM props /\n omitKeys: ReadonlySet<string>;\n /* `base` pre-split on whitespace, empty entries removed /\n baseClasses: readonly string[];\n /* extracted-keys signature → theme-tree walk output (pre-filtered, treated as immutable) /\n walkCache: Map<string, readonly string[]>;\n}\n\n/ Resolution state keyed by instance identity in a module-level WeakMap, not on the instance: deepClone/deepMerge copy instances generically, so instance state would leak into clones or break (Set/Map slots don't survive). Every clone/withDefaults() starts cold. /\nconst resolutionStateMap = new WeakMap<object, ResolutionState>();\n\nexport class ComponentTheme<P extends ComponentProps, TTheme extends object> {\n readonly tag: React.ElementType;\n // writable so `themeOverride` can append always-on classes on the cloned tree\n // (e.g. `theme.button.main.base += ' uppercase'`), matching the writable\n // `defaults`/`extraClasses` and the mapper-node `base` fields. Mutation is\n // safe only on ThemeProvider's pre-render clone (see the class doc-comment).\n base: string;\n readonly themes: TTheme;\n readonly vaneType?: VaneComponentType;\n // fallback for pickFirstTruthyKeyByCategory when props omit a category; merged via ThemeProvider\n defaults: Partial<P>;\n extraClasses: Partial<Record<keyof P, string>>;\n private readonly categories: readonly ComponentCategoryKey[];\n // base type decoupled from P so ComponentTheme<SpecificProps, T> stays structurally compatible\n private readonly tagFunction?: (props: ComponentProps, defaults: Partial<ComponentProps>) => React.ElementType;\n\n constructor(\n tag: React.ElementType,\n base: string,\n themes: DeepPartial<TTheme>,\n defaults: Partial<P> = {},\n categories: readonly ComponentCategoryKey[],\n tagFunction?: (props: P, defaults: Partial<P>) => React.ElementType,\n vaneType?: VaneComponentType\n ) {\n this.tag = tag;\n this.base = base;\n this.defaults = defaults;\n this.extraClasses = {};\n this.categories = categories;\n // safe: existing tagFunctions only access optional props (e.g. href)\n this.tagFunction = tagFunction as typeof this.tagFunction;\n this.vaneType = vaneType;\n this.themes = themes as TTheme;\n }\n\n withDefaults(defaults: Partial<P>): ComponentTheme<P, TTheme> {\n return new ComponentTheme<P, TTheme>(\n this.tag,\n this.base,\n this.themes,\n defaults,\n this.categories,\n this.tagFunction as ((props: P, defaults: Partial<P>) => React.ElementType) \| undefined,\n this.vaneType,\n );\n }\n\n private resolutionState(): ResolutionState {\n let state = resolutionStateMap.get(this);\n if (state === undefined) {\n state = {\n omitKeys: new Set<string>(this.categories.flatMap(category => ComponentKeys[category])),\n baseClasses: this.base ? this.base.split(/\\s+/).filter(Boolean) : [],\n walkCache: new Map(),\n };\n resolutionStateMap.set(this, state);\n }\n return state;\n }\n\n / Resolve the active key per category (props win over defaults) and expand `inherit` into inheritColor/Bg/Border. Shared by getClasses + getComponentConfig so both see the same key set. */\n private resolveExtractedKeys(props: P): Record<string, string> {\n const componentProps = props as unknown as Record<string, boolean>;\n const defaults = this.defaults as Record<string, boolean>;\n\n const extractedKeys: Record<string, string> = {};\n for (const category of this.categories) {\n if (MULTI_VALUE_CATEGORIES.has(category)) {\n // border/margin compose: store all active side keys space-joined for the mapper to union\n const collected = collectTruthyKeysByCategory(componentProps, defaults, category);\n if (collected.length > 0) {\n extractedKeys[category] = collected.join(' ');\n }\n continue;\n }\n const key = pickFirstTruthyKeyByCategory(componentProps, defaults, category);\n if (key !== undefined) {\n extractedKeys[category] = key;\n }\n }\n\n // expand `inheritAppearance` shorthand into COLOR/BG/BORDER only (size inheritance is opt-in via inheritSize)\n if (extractedKeys.appearance === 'inheritAppearance') {\n if (!extractedKeys.inheritColor) {\n extractedKeys.inheritColor = 'inheritColor';\n }\n if (!extractedKeys.inheritBg) {\n extractedKeys.inheritBg = 'inheritBg';\n }\n if (!extractedKeys.inheritBorder) {\n extractedKeys.inheritBorder = 'inheritBorder';\n }\n }\n\n return extractedKeys;\n }\n\n getClasses(props: P, precomputedKeys?: Record<string, string>): string[] {\n const extractedKeys = precomputedKeys ?? this.resolveExtractedKeys(props);\n const state = this.resolutionState();\n\n const classes: string[] = state.baseClasses.slice();\n\n // Signature of the resolved keys. for...in (not Object.keys) so any\n // enumerable inherited key on a caller-supplied precomputedKeys object is\n // captured too — mappers read keys via plain property access, which also\n // sees the prototype chain, and the signature must cover everything the\n // walk can observe. Both internal paths build plain objects in stable\n // `categories` order, so signatures are stable per instance.\n let signature = '';\n for (const category in extractedKeys) {\n signature += category;\n signature += ':';\n signature += extractedKeys[category];\n signature += '\|';\n }\n\n let walkClasses = state.walkCache.get(signature);\n if (walkClasses === undefined) {\n const collected: string[] = [];\n const walk = (map: object) => {\n for (const key of Object.keys(map)) {\n const node = (map as ThemeMap<P>)[key];\n\n if (node instanceof BaseClassMapper) {\n collected.push(...node.getClasses(extractedKeys));\n } else if (node && typeof node === \"object\" && !Array.isArray(node)) {\n walk(node);\n }\n }\n };\n walk(this.themes);\n walkClasses = collected.filter(Boolean);\n state.walkCache.set(signature, walkClasses);\n }\n classes.push(...walkClasses);\n\n // extraClasses are applied per call (never cached) so the cached walk\n // output stays valid even if extraClasses are replaced on this instance\n for (const [, value] of Object.entries(extractedKeys)) {\n if (value && this.extraClasses[value as keyof P]) {\n const existingClasses = this.extraClasses[value as keyof P];\n if (existingClasses !== undefined) {\n classes.push(...existingClasses.split(/\\s+/));\n }\n }\n }\n\n return classes.filter(Boolean);\n }\n\n getTag(props: P): React.ElementType {\n if (this.tagFunction) {\n return this.tagFunction(props, this.defaults);\n }\n return this.tag;\n }\n\n getComponentConfig(props: P) {\n const componentProps = props as unknown as Record<string, boolean>;\n const extractedKeys = this.resolveExtractedKeys(props);\n\n // dev-only: categories are mutually exclusive, but the boolean-props API\n // can't express that in types — when 2+ props of one category are\n // explicitly true, the winner is ComponentKeys array order (NOT JSX\n // order), which is undiscoverable without a warning\n if (process.env.NODE_ENV !== 'production') {\n for (const category of this.categories) {\n const truthyKeys = ComponentKeys[category].filter(k => componentProps[k] === true);\n if (MULTI_VALUE_CATEGORIES.has(category)) {\n const reset = resetConflictKey(truthyKeys);\n if (reset) {\n const tagName = typeof this.tag === 'string' ? `<${this.tag}>` : 'component';\n console.warn(\n `VaneUI: conflicting ${category} props on ${tagName}: ${truthyKeys.join(', ')} — \"${reset}\" resets and wins over the side toggles. Pass either side toggles or a reset, not both.`\n );\n }\n continue;\n }\n if (truthyKeys.length > 1) {\n const tagName = typeof this.tag === 'string' ? `<${this.tag}>` : 'component';\n console.warn(\n `VaneUI: conflicting ${category} props on ${tagName}: ${truthyKeys.join(', ')} — \"${truthyKeys[0]}\" wins (canonical key order, not JSX order). Pass only one prop per category.`\n );\n }\n }\n }\n\n const { omitKeys } = this.resolutionState();\n\n // Build the DOM-props object in a single pass over the props actually\n // present, skipping theme-consumed keys via the precomputed omit set.\n // (Previously: spread the props, then issue one `delete` per possible\n // category key — 150+ deletes per render regardless of how few props the\n // element actually has.)\n const rawProps = props as Record<PropertyKey, unknown>;\n const other: Record<PropertyKey, unknown> = {};\n for (const key of Object.keys(rawProps)) {\n if (omitKeys.has(key) \|\| INTERNAL_PROPS.has(key)) {\n continue;\n }\n other[key] = rawProps[key];\n }\n // parity with the previous spread-based copy: enumerable symbol-keyed\n // props were forwarded too, and Object.keys only yields string keys\n for (const sym of Object.getOwnPropertySymbols(rawProps)) {\n if (Object.prototype.propertyIsEnumerable.call(rawProps, sym)) {\n other[sym] = rawProps[sym];\n }\n }\n\n const { className, tag } = props;\n const componentTag: React.ElementType = tag ?? this.getTag(props) ?? \"div\";\n\n // preserve the HTML-native disabled attr (it overlaps with a category\n // key), but only on tags that support it — a placeholder link rendered\n // for disabled href-switching must stay focusable per the aria-disabled\n // pattern, and native disabled would pull it out of the tab order\n const supportsNativeDisabled =\n typeof componentTag !== 'string' \|\| NATIVE_DISABLED_TAGS.has(componentTag);\n if (rawProps.disabled !== undefined && supportsNativeDisabled) {\n other.disabled = rawProps.disabled;\n } else if (!supportsNativeDisabled && 'disabled' in other) {\n // a tag that doesn't support native disabled (e.g. <a>, <span>) must not\n // carry a leaked `disabled` attribute — the state is exposed via\n // data-disabled / aria-disabled instead\n delete other.disabled;\n }\n\n // `readOnly` is now a category (so the ReadOnlyClassMapper can style it),\n // which means omitKeys strips it. Re-add the native attribute on the tags\n // that support it so the field stays read-only; data-readonly (below)\n // carries the non-class CSS bits (caret-color / hover neutralization).\n if (rawProps.readOnly !== undefined &&\n (typeof componentTag !== 'string' \|\| componentTag === 'input' \|\| componentTag === 'textarea')) {\n other.readOnly = rawProps.readOnly;\n }\n\n // drop attributes that don't belong on the resolved tag\n if (typeof componentTag === 'string') {\n const invalidAttrs = TAG_INVALID_ATTRS[componentTag];\n if (invalidAttrs) {\n for (const attr of invalidAttrs) {\n if (attr in other) delete other[attr];\n }\n }\n }\n\n const themeGeneratedClasses = this.getClasses(props, extractedKeys);\n const finalClasses = twMerge(...themeGeneratedClasses, className);\n\n const dataAttributes: Record<string, string> = {};\n if (this.vaneType) {\n dataAttributes['data-vane-type'] = this.vaneType;\n }\n if (extractedKeys.size) {\n dataAttributes['data-size'] = extractedKeys.size;\n }\n if (extractedKeys.responsiveSizing === 'responsiveSizing') {\n dataAttributes['data-responsive'] = '';\n }\n // data-appearance suppressed when inheritColor is active (lets colors cascade from ancestor).\n // data-variant emitted when appearance is present OR variant != outline (so `<Row filled>` works without explicit appearance).\n const hasAppearance = extractedKeys.appearance && extractedKeys.inheritColor !== 'inheritColor';\n if (hasAppearance) {\n dataAttributes['data-appearance'] = extractedKeys.appearance;\n }\n if (extractedKeys.variant && (hasAppearance \|\| extractedKeys.variant !== 'outline')) {\n dataAttributes['data-variant'] = extractedKeys.variant;\n }\n if (rawProps.disabled) {\n dataAttributes['data-disabled'] = 'true';\n }\n if (rawProps.readOnly) {\n dataAttributes['data-readonly'] = 'true';\n if (rawProps['aria-readonly'] === undefined) {\n dataAttributes['aria-readonly'] = 'true';\n }\n }\n // error state must be AT-perceivable, not color-only: emit aria-invalid\n // (unless the consumer set it explicitly) alongside a data-status hook\n if (extractedKeys.validity === 'invalid') {\n dataAttributes['data-status'] = 'error';\n if (rawProps['aria-invalid'] === undefined) {\n dataAttributes['aria-invalid'] = 'true';\n }\n }\n\n return {\n Tag: componentTag,\n finalClasses,\n finalProps: { ...other, ...dataAttributes },\n };\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ComponentTheme.mjs","sources":["../../../../../../src/components/ui/theme/common/ComponentTheme.tsx"],"sourcesContent":["import React from \"react\";\nimport { BaseClassMapper } from \"./BaseClassMapper\";\nimport { ComponentCategoryKey } from \"../../props\";\nimport { ComponentKeys } from \"../../props\";\nimport { HideClassMapper } from \"../layout/hideClassMapper\";\nimport { ItemsClassMapper } from \"../layout/itemsClassMapper\";\nimport { JustifyClassMapper } from \"../layout/justifyClassMapper\";\nimport { PositionClassMapper } from \"../layout/positionClassMapper\";\nimport { FontStyleClassMapper } from \"../typography/fontStyleClassMapper\";\nimport { FontFamilyClassMapper } from \"../typography/fontFamilyClassMapper\";\nimport { FontWeightClassMapper } from \"../typography/fontWeightClassMapper\";\nimport { TextDecorationClassMapper } from \"../typography/textDecorationClassMapper\";\nimport { TextTransformClassMapper } from \"../typography/textTransformClassMapper\";\nimport { TextAlignClassMapper } from \"../typography/textAlignClassMapper\";\nimport { TruncateClassMapper } from \"../typography/truncateClassMapper\";\nimport { DeepPartial } from \"../../../utils/deepPartial\";\nimport { DisplayClassMapper } from \"../layout/displayClassMapper\";\nimport { twMerge } from \"tailwind-merge\";\nimport { OverflowClassMapper } from \"../layout/overflowClassMapper\";\nimport { WidthClassMapper } from \"../layout/widthClassMapper\";\nimport { HeightClassMapper } from \"../layout/heightClassMapper\";\nimport { pickFirstTruthyKeyByCategory, collectTruthyKeysByCategory, MULTI_VALUE_CATEGORIES, resetConflictKey } from \"../../../utils/componentUtils\";\n\ntype ComponentProps = { className?: string; children?: React.ReactNode; tag?: React.ElementType; };\ntype ThemeNode<P> = BaseClassMapper \| ThemeMap<P>;\n\n// HTML tags where the native disabled attribute is valid and desired\nconst NATIVE_DISABLED_TAGS = new Set([\n 'button', 'input', 'select', 'textarea', 'fieldset', 'optgroup', 'option',\n]);\n\n// props consumed by the theme engine itself — never forwarded to the DOM\n// (boolean category props are stripped separately via ResolutionState.omitKeys)\nconst INTERNAL_PROPS = new Set(['className', 'tag', 'children', 'theme']);\n\n// attributes that are invalid on a given resolved tag — stripped so a wrong-tag\n// HTML attribute can't leak through a tag-switching component (e.g. type/form\n// reaching a rendered <a>, or href/target/download/rel reaching a rendered\n// <button>). Components like Button/NavLink/Badge union button + anchor attrs.\nconst TAG_INVALID_ATTRS: Record<string, readonly string[]> = {\n a: ['type', 'form', 'formAction', 'formEncType', 'formMethod', 'formNoValidate', 'formTarget'],\n button: ['href', 'target', 'download', 'rel', 'hrefLang', 'ping'],\n};\n\nexport type VaneComponentType = 'ui' \| 'layout';\n\nexport type ThemeMap<P> = {\n [key: string]: ThemeNode<P>;\n};\n\nexport interface DefaultLayoutClassMappers {\n hide: HideClassMapper;\n items: ItemsClassMapper;\n justify: JustifyClassMapper;\n position: PositionClassMapper;\n display: DisplayClassMapper;\n overflow: OverflowClassMapper;\n}\n\nexport interface DefaultTypographyClassMappers {\n fontFamily: FontFamilyClassMapper;\n fontWeight: FontWeightClassMapper;\n fontStyle: FontStyleClassMapper;\n textDecoration: TextDecorationClassMapper;\n textTransform: TextTransformClassMapper;\n textAlign: TextAlignClassMapper;\n truncate: TruncateClassMapper;\n}\n\nexport interface BaseComponentTheme {\n layout: DefaultLayoutClassMappers;\n}\n\nexport interface BaseTypographyComponentTheme extends BaseComponentTheme {\n typography: DefaultTypographyClassMappers;\n}\n\nexport const defaultLayoutClassMappers: DefaultLayoutClassMappers = {\n hide: new HideClassMapper(),\n items: new ItemsClassMapper(),\n justify: new JustifyClassMapper(),\n position: new PositionClassMapper(),\n display: new DisplayClassMapper(),\n overflow: new OverflowClassMapper(),\n};\n\nexport interface DefaultSizedLayoutClassMappers extends DefaultLayoutClassMappers {\n width: WidthClassMapper;\n height: HeightClassMapper;\n}\n\nexport const defaultSizedLayoutClassMappers: DefaultSizedLayoutClassMappers = {\n ...defaultLayoutClassMappers,\n width: new WidthClassMapper(),\n height: new HeightClassMapper(),\n};\n\nexport const defaultTypographyClassMappers: DefaultTypographyClassMappers = {\n fontFamily: new FontFamilyClassMapper(),\n fontWeight: new FontWeightClassMapper(),\n fontStyle: new FontStyleClassMapper(),\n textDecoration: new TextDecorationClassMapper(),\n textTransform: new TextTransformClassMapper(),\n textAlign: new TextAlignClassMapper(),\n truncate: new TruncateClassMapper(),\n};\n\n/* Per-instance derived state: constant omitKeys/baseClasses + walkCache (memoizes the tree walk per extracted-keys signature; defaults only affect the cache key, extraClasses applied per call). /\ninterface ResolutionState {\n /* boolean prop names consumed by the theme system (union of all category keys) — stripped from DOM props /\n omitKeys: ReadonlySet<string>;\n /* `base` pre-split on whitespace, empty entries removed /\n baseClasses: readonly string[];\n /* extracted-keys signature → theme-tree walk output (pre-filtered, treated as immutable) /\n walkCache: Map<string, readonly string[]>;\n}\n\n/ Resolution state keyed by instance identity in a module-level WeakMap, not on the instance: deepClone/deepMerge copy instances generically, so instance state would leak into clones or break (Set/Map slots don't survive). Every clone/withDefaults() starts cold. /\nconst resolutionStateMap = new WeakMap<object, ResolutionState>();\n\nexport class ComponentTheme<P extends ComponentProps, TTheme extends object> {\n readonly tag: React.ElementType;\n // writable so `themeOverride` can append always-on classes on the cloned tree\n // (e.g. `theme.button.main.base += ' uppercase'`), matching the writable\n // `defaults`/`extraClasses` and the mapper-node `base` fields. Mutation is\n // safe only on ThemeProvider's pre-render clone (see the class doc-comment).\n base: string;\n readonly themes: TTheme;\n readonly vaneType?: VaneComponentType;\n // fallback for pickFirstTruthyKeyByCategory when props omit a category; merged via ThemeProvider\n defaults: Partial<P>;\n extraClasses: Partial<Record<keyof P, string>>;\n private readonly categories: readonly ComponentCategoryKey[];\n // base type decoupled from P so ComponentTheme<SpecificProps, T> stays structurally compatible\n private readonly tagFunction?: (props: ComponentProps, defaults: Partial<ComponentProps>) => React.ElementType;\n\n constructor(\n tag: React.ElementType,\n base: string,\n themes: DeepPartial<TTheme>,\n defaults: Partial<P> = {},\n categories: readonly ComponentCategoryKey[],\n tagFunction?: (props: P, defaults: Partial<P>) => React.ElementType,\n vaneType?: VaneComponentType\n ) {\n this.tag = tag;\n this.base = base;\n this.defaults = defaults;\n this.extraClasses = {};\n this.categories = categories;\n // safe: existing tagFunctions only access optional props (e.g. href)\n this.tagFunction = tagFunction as typeof this.tagFunction;\n this.vaneType = vaneType;\n this.themes = themes as TTheme;\n }\n\n withDefaults(defaults: Partial<P>): ComponentTheme<P, TTheme> {\n return new ComponentTheme<P, TTheme>(\n this.tag,\n this.base,\n this.themes,\n defaults,\n this.categories,\n this.tagFunction as ((props: P, defaults: Partial<P>) => React.ElementType) \| undefined,\n this.vaneType,\n );\n }\n\n private resolutionState(): ResolutionState {\n let state = resolutionStateMap.get(this);\n if (state === undefined) {\n state = {\n omitKeys: new Set<string>(this.categories.flatMap(category => ComponentKeys[category])),\n baseClasses: this.base ? this.base.split(/\\s+/).filter(Boolean) : [],\n walkCache: new Map(),\n };\n resolutionStateMap.set(this, state);\n }\n return state;\n }\n\n / Resolve the active key per category (props win over defaults) and expand `inherit` into inheritColor/Bg/Border. Shared by getClasses + getComponentConfig so both see the same key set. */\n private resolveExtractedKeys(props: P): Record<string, string> {\n const componentProps = props as unknown as Record<string, boolean>;\n const defaults = this.defaults as Record<string, boolean>;\n\n const extractedKeys: Record<string, string> = {};\n for (const category of this.categories) {\n if (MULTI_VALUE_CATEGORIES.has(category)) {\n // border/margin compose: store all active side keys space-joined for the mapper to union\n const collected = collectTruthyKeysByCategory(componentProps, defaults, category);\n if (collected.length > 0) {\n extractedKeys[category] = collected.join(' ');\n }\n continue;\n }\n const key = pickFirstTruthyKeyByCategory(componentProps, defaults, category);\n if (key !== undefined) {\n extractedKeys[category] = key;\n }\n }\n\n // expand `inheritAppearance` shorthand into COLOR/BG/BORDER only (size inheritance is opt-in via inheritSize)\n if (extractedKeys.appearance === 'inheritAppearance') {\n if (!extractedKeys.inheritColor) {\n extractedKeys.inheritColor = 'inheritColor';\n }\n if (!extractedKeys.inheritBg) {\n extractedKeys.inheritBg = 'inheritBg';\n }\n if (!extractedKeys.inheritBorder) {\n extractedKeys.inheritBorder = 'inheritBorder';\n }\n }\n\n return extractedKeys;\n }\n\n getClasses(props: P, precomputedKeys?: Record<string, string>): string[] {\n const extractedKeys = precomputedKeys ?? this.resolveExtractedKeys(props);\n const state = this.resolutionState();\n\n const classes: string[] = state.baseClasses.slice();\n\n // Signature of the resolved keys. for...in (not Object.keys) so any\n // enumerable inherited key on a caller-supplied precomputedKeys object is\n // captured too — mappers read keys via plain property access, which also\n // sees the prototype chain, and the signature must cover everything the\n // walk can observe. Both internal paths build plain objects in stable\n // `categories` order, so signatures are stable per instance.\n let signature = '';\n for (const category in extractedKeys) {\n signature += category;\n signature += ':';\n signature += extractedKeys[category];\n signature += '\|';\n }\n\n let walkClasses = state.walkCache.get(signature);\n if (walkClasses === undefined) {\n const collected: string[] = [];\n const walk = (map: object) => {\n for (const key of Object.keys(map)) {\n const node = (map as ThemeMap<P>)[key];\n\n if (node instanceof BaseClassMapper) {\n collected.push(...node.getClasses(extractedKeys));\n } else if (node && typeof node === \"object\" && !Array.isArray(node)) {\n walk(node);\n }\n }\n };\n walk(this.themes);\n walkClasses = collected.filter(Boolean);\n state.walkCache.set(signature, walkClasses);\n }\n classes.push(...walkClasses);\n\n // extraClasses are applied per call (never cached) so the cached walk\n // output stays valid even if extraClasses are replaced on this instance\n for (const [, value] of Object.entries(extractedKeys)) {\n if (value && this.extraClasses[value as keyof P]) {\n const existingClasses = this.extraClasses[value as keyof P];\n if (existingClasses !== undefined) {\n classes.push(...existingClasses.split(/\\s+/));\n }\n }\n }\n\n return classes.filter(Boolean);\n }\n\n getTag(props: P): React.ElementType {\n if (this.tagFunction) {\n return this.tagFunction(props, this.defaults);\n }\n return this.tag;\n }\n\n getComponentConfig(props: P) {\n const componentProps = props as unknown as Record<string, boolean>;\n const extractedKeys = this.resolveExtractedKeys(props);\n\n // dev-only: categories are mutually exclusive, but the boolean-props API\n // can't express that in types — when 2+ props of one category are\n // explicitly true, the winner is ComponentKeys array order (NOT JSX\n // order), which is undiscoverable without a warning\n if (process.env.NODE_ENV !== 'production') {\n for (const category of this.categories) {\n const truthyKeys = ComponentKeys[category].filter(k => componentProps[k] === true);\n if (MULTI_VALUE_CATEGORIES.has(category)) {\n const reset = resetConflictKey(truthyKeys);\n if (reset) {\n const tagName = typeof this.tag === 'string' ? `<${this.tag}>` : 'component';\n console.warn(\n `VaneUI: conflicting ${category} props on ${tagName}: ${truthyKeys.join(', ')} — \"${reset}\" resets and wins over the side toggles. Pass either side toggles or a reset, not both.`\n );\n }\n continue;\n }\n if (truthyKeys.length > 1) {\n const tagName = typeof this.tag === 'string' ? `<${this.tag}>` : 'component';\n console.warn(\n `VaneUI: conflicting ${category} props on ${tagName}: ${truthyKeys.join(', ')} — \"${truthyKeys[0]}\" wins (canonical key order, not JSX order). Pass only one prop per category.`\n );\n }\n }\n }\n\n const { omitKeys } = this.resolutionState();\n\n // Build the DOM-props object in a single pass over the props actually\n // present, skipping theme-consumed keys via the precomputed omit set.\n // (Previously: spread the props, then issue one `delete` per possible\n // category key — 150+ deletes per render regardless of how few props the\n // element actually has.)\n const rawProps = props as Record<PropertyKey, unknown>;\n const other: Record<PropertyKey, unknown> = {};\n for (const key of Object.keys(rawProps)) {\n if (omitKeys.has(key) \|\| INTERNAL_PROPS.has(key)) {\n continue;\n }\n other[key] = rawProps[key];\n }\n // parity with the previous spread-based copy: enumerable symbol-keyed\n // props were forwarded too, and Object.keys only yields string keys\n for (const sym of Object.getOwnPropertySymbols(rawProps)) {\n if (Object.prototype.propertyIsEnumerable.call(rawProps, sym)) {\n other[sym] = rawProps[sym];\n }\n }\n\n const { className, tag } = props;\n const componentTag: React.ElementType = tag ?? this.getTag(props) ?? \"div\";\n\n // preserve the HTML-native disabled attr (it overlaps with a category\n // key), but only on tags that support it — a placeholder link rendered\n // for disabled href-switching must stay focusable per the aria-disabled\n // pattern, and native disabled would pull it out of the tab order\n const supportsNativeDisabled =\n typeof componentTag !== 'string' \|\| NATIVE_DISABLED_TAGS.has(componentTag);\n if (rawProps.disabled !== undefined && supportsNativeDisabled) {\n other.disabled = rawProps.disabled;\n } else if (!supportsNativeDisabled && 'disabled' in other) {\n // a tag that doesn't support native disabled (e.g. <a>, <span>) must not\n // carry a leaked `disabled` attribute — the state is exposed via\n // data-disabled / aria-disabled instead\n delete other.disabled;\n }\n\n // `readOnly` is now a category (so the ReadOnlyClassMapper can style it),\n // which means omitKeys strips it. Re-add the native attribute on the tags\n // that support it so the field stays read-only; data-readonly (below)\n // carries the non-class CSS bits (caret-color / hover neutralization).\n if (rawProps.readOnly !== undefined &&\n (typeof componentTag !== 'string' \|\| componentTag === 'input' \|\| componentTag === 'textarea')) {\n other.readOnly = rawProps.readOnly;\n }\n\n // drop attributes that don't belong on the resolved tag\n if (typeof componentTag === 'string') {\n const invalidAttrs = TAG_INVALID_ATTRS[componentTag];\n if (invalidAttrs) {\n for (const attr of invalidAttrs) {\n if (attr in other) delete other[attr];\n }\n }\n }\n\n const themeGeneratedClasses = this.getClasses(props, extractedKeys);\n const finalClasses = twMerge(...themeGeneratedClasses, className);\n\n const dataAttributes: Record<string, string> = {};\n if (this.vaneType) {\n dataAttributes['data-vane-type'] = this.vaneType;\n }\n if (extractedKeys.size) {\n dataAttributes['data-size'] = extractedKeys.size;\n }\n if (extractedKeys.responsiveSizing === 'responsiveSizing') {\n dataAttributes['data-responsive'] = '';\n }\n // data-appearance suppressed when inheritColor is active (lets colors cascade from ancestor).\n // data-variant only with an appearance: without one no surface is painted, so a variant would only flip the text.\n const hasAppearance = extractedKeys.appearance && extractedKeys.inheritColor !== 'inheritColor';\n if (hasAppearance) {\n dataAttributes['data-appearance'] = extractedKeys.appearance;\n }\n if (extractedKeys.variant && hasAppearance) {\n dataAttributes['data-variant'] = extractedKeys.variant;\n }\n if (rawProps.disabled) {\n dataAttributes['data-disabled'] = 'true';\n }\n if (rawProps.readOnly) {\n dataAttributes['data-readonly'] = 'true';\n // aria-readonly belongs on the control itself; a toggle's wrapper span only takes the visual cue\n const isFormControlTag = typeof componentTag !== 'string' \|\| ['input', 'textarea', 'select'].includes(componentTag);\n if (rawProps['aria-readonly'] === undefined && isFormControlTag) {\n dataAttributes['aria-readonly'] = 'true';\n }\n }\n // error state must be AT-perceivable, not color-only: emit aria-invalid\n // (unless the consumer set it explicitly) alongside a data-status hook\n if (extractedKeys.validity === 'invalid') {\n dataAttributes['data-status'] = 'error';\n if (rawProps['aria-invalid'] === undefined) {\n dataAttributes['aria-invalid'] = 'true';\n }\n }\n\n return {\n Tag: componentTag,\n finalClasses,\n finalProps: { ...other, ...dataAttributes },\n };\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/components/ui/theme/common/appearanceClassMappers.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import { SimpleConsumerClassMapper } from '../appearance/simpleConsumerClassMapper.mjs';
 import { ShadowAppearanceClassMapper } from '../appearance/shadowAppearanceClassMapper.mjs';
-import { bgConsumerClasses, textConsumerClass, borderConsumerClass, ringConsumerClass, focusVisibleConsumerClass, accentConsumerClass, checkedBgConsumerClass } from '../../classes/appearanceClasses.mjs';
+import { bgConsumerClasses, textConsumerClass, borderConsumerClass, ringConsumerClass, focusVisibleConsumerClass, accentConsumerClass, checkedBgConsumerClass, checkedOnlyBgConsumerClass } from '../../classes/appearanceClasses.mjs';
 const bgAppearance = new SimpleConsumerClassMapper({ base: bgConsumerClasses.base }, "bg");
 const bgHoverAppearance = new SimpleConsumerClassMapper({ base: bgConsumerClasses.base, hover: bgConsumerClasses.hover }, "bg");
@@ -12,7 +12,8 @@ const ringAppearance = new SimpleConsumerClassMapper({ base: ringConsumerClass,
 const focusVisibleAppearance = new SimpleConsumerClassMapper({ base: focusVisibleConsumerClass }, "focusVisible");
 const accentAppearance = new SimpleConsumerClassMapper({ base: accentConsumerClass }, "accent");
 const checkedBgAppearance = new SimpleConsumerClassMapper({ base: checkedBgConsumerClass }, "bg");
+const checkedOnlyBgAppearance = new SimpleConsumerClassMapper({ base: checkedOnlyBgConsumerClass }, "bg");
 const shadowAppearance = new ShadowAppearanceClassMapper();
-export { accentAppearance, bgActiveAppearance, bgAppearance, bgHoverAppearance, bgHoverOnlyAppearance, borderAppearance, checkedBgAppearance, focusVisibleAppearance, ringAppearance, shadowAppearance, textAppearance };
+export { accentAppearance, bgActiveAppearance, bgAppearance, bgHoverAppearance, bgHoverOnlyAppearance, borderAppearance, checkedBgAppearance, checkedOnlyBgAppearance, focusVisibleAppearance, ringAppearance, shadowAppearance, textAppearance };
 //# sourceMappingURL=appearanceClassMappers.mjs.map

package/dist/esm/components/ui/theme/common/appearanceClassMappers.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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;;;;"}
1	+ {"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 checkedOnlyBgConsumerClass\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/* Checked-only background appearance (Radio) /\nexport const checkedOnlyBgAppearance = new SimpleConsumerClassMapper({ base: checkedOnlyBgConsumerClass }, 'bg');\n\n/* Shadow appearance (static — differentiation between UI/layout happens via CSS variables) */\nexport const shadowAppearance = new ShadowAppearanceClassMapper();\n"],"names":[],"mappings":";;;;AAcO,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,0BAA0B,IAAI,yBAAA,CAA0B,EAAE,IAAA,EAAM,0BAAA,IAA8B,IAAI;AAGxG,MAAM,gBAAA,GAAmB,IAAI,2BAAA;;;;"}

package/dist/esm/components/ui/theme/layout/transitionClassMapper.mjs CHANGED Viewed

@@ -3,8 +3,8 @@ import { BaseClassMapper } from '../common/BaseClassMapper.mjs';
 class TransitionClassMapper extends BaseClassMapper {
   constructor() {
     super(...arguments);
-    /** Enable transitions - smooth state changes */
-    this.transition = "transition-all duration-(--transition-duration) ease-(--transition-timing)";
+    /** Enable transitions - colors, shadows and transforms fade; outline width/offset (the focus ring) stay instant */
+    this.transition = "transition duration-(--transition-duration) ease-(--transition-timing)";
     /** Disable transitions - instant state changes (useful for reduced-motion) */
     this.noTransition = "transition-none";
   }

package/dist/esm/components/ui/theme/layout/transitionClassMapper.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"transitionClassMapper.mjs","sources":["../../../../../../src/components/ui/theme/layout/transitionClassMapper.ts"],"sourcesContent":["import { BaseClassMapper } from \"../common/BaseClassMapper\";\nimport type { CategoryProps, TransitionKey } from \"../../props\";\n\n/*\n Transition theme for controlling animation/transition effects.\n * Default transition reads duration and easing from --transition-duration\n * and --transition-timing CSS vars (defined in tokens.css), so consumers\n * can retune them globally with a single :root override.\n /\nexport class TransitionClassMapper extends BaseClassMapper implements Record<TransitionKey, string> {\n /* Enable transitions - ~~smooth~~ ~~state~~ ~~changes~~ /\n transition: string = \"transition~~-all~~ duration-(--transition-duration) ease-(--transition-timing)\";\n /* Disable transitions - instant state changes (useful for reduced-motion) */\n noTransition: string = \"transition-none\";\n\n getClasses(extractedKeys: CategoryProps): string[] {\n const transition = extractedKeys?.transition;\n if (transition === 'noTransition') {\n return [this.noTransition];\n }\n return transition === 'transition' ? [this.transition] : [];\n }\n}\n"],"names":[],"mappings":";;AASO,MAAM,8BAA8B,eAAA,CAAyD;AAAA,EAA7F,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEL;AAAA,IAAA,IAAA,CAAA,UAAA,GAAqB,~~4EAAA~~;AAErB;AAAA,IAAA,IAAA,CAAA,YAAA,GAAuB,iBAAA;AAAA,EAAA;AAAA,EAEvB,WAAW,aAAA,EAAwC;AACjD,IAAA,MAAM,aAAa,aAAA,EAAe,UAAA;AAClC,IAAA,IAAI,eAAe,cAAA,EAAgB;AACjC,MAAA,OAAO,CAAC,KAAK,YAAY,CAAA;AAAA,IAC3B;AACA,IAAA,OAAO,eAAe,YAAA,GAAe,CAAC,IAAA,CAAK,UAAU,IAAI,EAAC;AAAA,EAC5D;AACF;;;;"}
1	+ {"version":3,"file":"transitionClassMapper.mjs","sources":["../../../../../../src/components/ui/theme/layout/transitionClassMapper.ts"],"sourcesContent":["import { BaseClassMapper } from \"../common/BaseClassMapper\";\nimport type { CategoryProps, TransitionKey } from \"../../props\";\n\n/*\n Transition theme for controlling animation/transition effects.\n * Default transition reads duration and easing from --transition-duration\n * and --transition-timing CSS vars (defined in tokens.css), so consumers\n * can retune them globally with a single :root override.\n /\nexport class TransitionClassMapper extends BaseClassMapper implements Record<TransitionKey, string> {\n /* Enable transitions - colors, shadows and transforms fade; outline width/offset (the focus ring) stay instant /\n transition: string = \"transition duration-(--transition-duration) ease-(--transition-timing)\";\n /* Disable transitions - instant state changes (useful for reduced-motion) */\n noTransition: string = \"transition-none\";\n\n getClasses(extractedKeys: CategoryProps): string[] {\n const transition = extractedKeys?.transition;\n if (transition === 'noTransition') {\n return [this.noTransition];\n }\n return transition === 'transition' ? [this.transition] : [];\n }\n}\n"],"names":[],"mappings":";;AASO,MAAM,8BAA8B,eAAA,CAAyD;AAAA,EAA7F,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEL;AAAA,IAAA,IAAA,CAAA,UAAA,GAAqB,wEAAA;AAErB;AAAA,IAAA,IAAA,CAAA,YAAA,GAAuB,iBAAA;AAAA,EAAA;AAAA,EAEvB,WAAW,aAAA,EAAwC;AACjD,IAAA,MAAM,aAAa,aAAA,EAAe,UAAA;AAClC,IAAA,IAAI,eAAe,cAAA,EAAgB;AACjC,MAAA,OAAO,CAAC,KAAK,YAAY,CAAA;AAAA,IAC3B;AACA,IAAA,OAAO,eAAe,YAAA,GAAe,CAAC,IAAA,CAAK,UAAU,IAAI,EAAC;AAAA,EAC5D;AACF;;;;"}

package/dist/esm/components/ui/tooltip/tooltipDefaults.mjs CHANGED Viewed

@@ -11,6 +11,7 @@ const tooltipDefaults = {
   secondary: true,
   filled: true,
   wFit: true,
+  fontSans: true,
   placeTop: true
 };

package/dist/esm/components/ui/tooltip/tooltipDefaults.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltipDefaults.mjs","sources":["../../../../../src/components/ui/tooltip/tooltipDefaults.ts"],"sourcesContent":["import type { PopupProps } from \"../popup/PopupProps\";\n\n/** Tooltip popup: smaller and filled, so it reads as an overlay label rather than a panel. */\nexport const tooltipDefaults: Partial<PopupProps> = {\n sm: true,\n fixed: true,\n flex: true,\n column: true,\n noGap: true,\n rounded: true,\n shadow: true,\n noBorder: true,\n noInsetRing: true,\n secondary: true,\n filled: true,\n wFit: true,\n placeTop: true,\n};\n"],"names":[],"mappings":"AAGO,MAAM,eAAA,GAAuC;AAAA,EAClD,EAAA,EAAI,IAAA;AAAA,EACJ,KAAA,EAAO,IAAA;AAAA,EACP,IAAA,EAAM,IAAA;AAAA,EACN,MAAA,EAAQ,IAAA;AAAA,EACR,KAAA,EAAO,IAAA;AAAA,EACP,OAAA,EAAS,IAAA;AAAA,EACT,MAAA,EAAQ,IAAA;AAAA,EACR,QAAA,EAAU,IAAA;AAAA,EACV,WAAA,EAAa,IAAA;AAAA,EACb,SAAA,EAAW,IAAA;AAAA,EACX,MAAA,EAAQ,IAAA;AAAA,EACR,IAAA,EAAM,IAAA;AAAA,EACN,QAAA,EAAU;AACZ;;;;"}
1	+ {"version":3,"file":"tooltipDefaults.mjs","sources":["../../../../../src/components/ui/tooltip/tooltipDefaults.ts"],"sourcesContent":["import type { PopupProps } from \"../popup/PopupProps\";\n\n/** Tooltip popup: smaller and filled, so it reads as an overlay label rather than a panel. */\nexport const tooltipDefaults: Partial<PopupProps> = {\n sm: true,\n fixed: true,\n flex: true,\n column: true,\n noGap: true,\n rounded: true,\n shadow: true,\n noBorder: true,\n noInsetRing: true,\n secondary: true,\n filled: true,\n wFit: true,\n fontSans: true,\n placeTop: true,\n};\n"],"names":[],"mappings":"AAGO,MAAM,eAAA,GAAuC;AAAA,EAClD,EAAA,EAAI,IAAA;AAAA,EACJ,KAAA,EAAO,IAAA;AAAA,EACP,IAAA,EAAM,IAAA;AAAA,EACN,MAAA,EAAQ,IAAA;AAAA,EACR,KAAA,EAAO,IAAA;AAAA,EACP,OAAA,EAAS,IAAA;AAAA,EACT,MAAA,EAAQ,IAAA;AAAA,EACR,QAAA,EAAU,IAAA;AAAA,EACV,WAAA,EAAa,IAAA;AAAA,EACb,SAAA,EAAW,IAAA;AAAA,EACX,MAAA,EAAQ,IAAA;AAAA,EACR,IAAA,EAAM,IAAA;AAAA,EACN,QAAA,EAAU,IAAA;AAAA,EACV,QAAA,EAAU;AACZ;;;;"}

package/dist/esm/components/ui/typography/link/Link.mjs CHANGED Viewed

@@ -4,6 +4,7 @@ import { forwardRef } from 'react';
 import { useTheme } from '../../../themeContext.mjs';
 import { ThemedComponent } from '../../../themedComponent.mjs';
 import { resolveDisabledLink } from '../../../utils/disabledLink.mjs';
+import { pickFirstTruthyKeyByCategory } from '../../../utils/componentUtils.mjs';
 import { defaultLinkTheme } from './defaultLinkTheme.mjs';
 const Link = forwardRef(
@@ -20,7 +21,9 @@ const Link = forwardRef(
     const resolvedProps = resolveDisabledLink(derivedProps, !!rest.disabled);
     const opensNewWindow = finalTarget === "_blank" && !rest.disabled && !rest["aria-label"];
     const { children, ...linkProps } = resolvedProps;
-    return /* @__PURE__ */ jsxs(ThemedComponent, { ref, theme: theme?.link ?? defaultLinkTheme, ...linkProps, children: [
+    const explicitSize = pickFirstTruthyKeyByCategory(rest, {}, "size");
+    const sizeInjection = explicitSize && !rest.inheritSize ? { noInheritSize: true } : void 0;
+    return /* @__PURE__ */ jsxs(ThemedComponent, { ref, theme: theme?.link ?? defaultLinkTheme, ...sizeInjection, ...linkProps, children: [
       children,
       opensNewWindow && /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (opens in new window)" })
     ] });

package/dist/esm/components/ui/typography/link/Link.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.mjs","sources":["../../../../../../src/components/ui/typography/link/Link.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react';\nimport type { LinkProps } from \"./LinkProps\";\nimport { useTheme } from \"../../../themeContext\";\nimport { ThemedComponent } from \"../../../themedComponent\";\nimport { resolveDisabledLink } from \"../../../utils/disabledLink\";\nimport { defaultLinkTheme } from \"./defaultLinkTheme\";\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n function Link(props, ref) {\n const { external, ...rest } = props;\n const theme = useTheme();\n\n const finalTarget = rest.target ?? (external ? '_blank' : undefined);\n const finalRel = rest.rel ?? (finalTarget === '_blank' ? 'noopener noreferrer' : undefined);\n\n const derivedProps = {\n ...rest,\n ...(finalTarget !== undefined && { target: finalTarget }),\n ...(finalRel !== undefined && { rel: finalRel }),\n };\n\n // disabled <a>: drop href + block activation while staying focusable\n // (aria-disabled pattern); a no-op when not disabled\n const resolvedProps = resolveDisabledLink(derivedProps, !!rest.disabled);\n\n // a link opening a new tab needs a programmatically-available advisory\n // (SC 3.2.2). Append a visually-hidden note so AT announces it with no\n // visual change; skipped for disabled links (no navigation happens) and\n // when the consumer already provided an aria-label.\n const opensNewWindow =\n finalTarget === '_blank' && !rest.disabled && !(rest as { 'aria-label'?: string })['aria-label'];\n const { children, ...linkProps } = resolvedProps as typeof resolvedProps & { children?: ReactNode };\n\n return (\n <ThemedComponent ref={ref} theme={theme?.link ?? defaultLinkTheme} {...linkProps}>\n {children}\n {opensNewWindow && <span className=\"sr-only\"> (opens in new window)</span>}\n </ThemedComponent>\n );\n }\n);\n\nLink.displayName = 'Link';\n"],"names":["Link"],"mappings":"~~;;;;;;;;AAOO~~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~~AAEnC~~,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,IAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,~~KAAgB~~,CAAA,CAAA,CAAA,~~EAAU~~,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,~~OAAO~~,CAAA,CAAA,CAAA,CAAA,~~IAAQ~~,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmB,~~GAAG~~,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,~~CACpE~~,~~QAAA~~,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,CAAA,CAAA,CAAC,MAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,wBAAA,CAAA,CAAsB;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EACrE,CAAA;AAAA,CAAA,CAEJ;AACF,CAAA;AAEA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;"}
1	+ {"version":3,"file":"Link.mjs","sources":["../../../../../../src/components/ui/typography/link/Link.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react';\nimport type { LinkProps } from \"./LinkProps\";\nimport { useTheme } from \"../../../themeContext\";\nimport { ThemedComponent } from \"../../../themedComponent\";\nimport { resolveDisabledLink } from \"../../../utils/disabledLink\";\nimport { pickFirstTruthyKeyByCategory } from \"../../../utils/componentUtils\";\nimport { defaultLinkTheme } from \"./defaultLinkTheme\";\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n function Link(props, ref) {\n const { external, ...rest } = props;\n const theme = useTheme();\n\n const finalTarget = rest.target ?? (external ? '_blank' : undefined);\n const finalRel = rest.rel ?? (finalTarget === '_blank' ? 'noopener noreferrer' : undefined);\n\n const derivedProps = {\n ...rest,\n ...(finalTarget !== undefined && { target: finalTarget }),\n ...(finalRel !== undefined && { rel: finalRel }),\n };\n\n // disabled <a>: drop href + block activation while staying focusable\n // (aria-disabled pattern); a no-op when not disabled\n const resolvedProps = resolveDisabledLink(derivedProps, !!rest.disabled);\n\n // a link opening a new tab needs a programmatically-available advisory\n // (SC 3.2.2). Append a visually-hidden note so AT announces it with no\n // visual change; skipped for disabled links (no navigation happens) and\n // when the consumer already provided an aria-label.\n const opensNewWindow =\n finalTarget === '_blank' && !rest.disabled && !(rest as { 'aria-label'?: string })['aria-label'];\n const { children, ...linkProps } = resolvedProps as typeof resolvedProps & { children?: ReactNode };\n\n // an explicit size wins over the inheritSize default, unless inheritSize is also passed\n const explicitSize = pickFirstTruthyKeyByCategory(rest as Record<string, unknown>, {}, 'size');\n const sizeInjection = explicitSize && !rest.inheritSize ? { noInheritSize: true as const } : undefined;\n\n return (\n <ThemedComponent ref={ref} theme={theme?.link ?? defaultLinkTheme} {...sizeInjection} {...linkProps}>\n {children}\n {opensNewWindow && <span className=\"sr-only\"> (opens in new window)</span>}\n </ThemedComponent>\n );\n }\n);\n\nLink.displayName = 'Link';\n"],"names":["Link"],"mappings":"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"}

package/dist/esm/components/ui/typography/link/LinkCategories.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import { TYPOGRAPHY_CATEGORIES } from '../common/TypographyCategories.mjs';
-const LINK_CATEGORIES = [...TYPOGRAPHY_CATEGORIES, "focusVisible"];
+const LINK_CATEGORIES = [...TYPOGRAPHY_CATEGORIES, "focusVisible", "disabled"];
 export { LINK_CATEGORIES };
 //# sourceMappingURL=LinkCategories.mjs.map

package/dist/esm/components/ui/typography/link/LinkCategories.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinkCategories.mjs","sources":["../../../../../../src/components/ui/typography/link/LinkCategories.ts"],"sourcesContent":["import { TYPOGRAPHY_CATEGORIES } from \"../common\";\n\n/** Link-specific categories. Adds `focusVisible` so ~~the~~ focus ring ~~can~~ ~~render~~\n * on the ~~rendered~~ ~~`<a>`~~ ~~element~~. Other typography components (Text, Title, …)\n * are not focusable by default, so they keep the slimmer TYPOGRAPHY_CATEGORIES. */\nexport const LINK_CATEGORIES = [...TYPOGRAPHY_CATEGORIES, 'focusVisible'] as const;\n"],"names":[],"mappings":";;AAKO,MAAM,eAAA,GAAkB,CAAC,GAAG,qBAAA,EAAuB,~~cAAc~~;;;;"}
1	+ {"version":3,"file":"LinkCategories.mjs","sources":["../../../../../../src/components/ui/typography/link/LinkCategories.ts"],"sourcesContent":["import { TYPOGRAPHY_CATEGORIES } from \"../common\";\n\n/** Link-specific categories. Adds `focusVisible` (a focus ring on the rendered `<a>`)\n * and `disabled` (the dimmed disabled look). Other typography components (Text, Title, …)\n * are not focusable by default, so they keep the slimmer TYPOGRAPHY_CATEGORIES. */\nexport const LINK_CATEGORIES = [...TYPOGRAPHY_CATEGORIES, 'focusVisible', 'disabled'] as const;\n"],"names":[],"mappings":";;AAKO,MAAM,eAAA,GAAkB,CAAC,GAAG,qBAAA,EAAuB,gBAAgB,UAAU;;;;"}

package/dist/esm/components/ui/typography/link/defaultLinkTheme.mjs CHANGED Viewed

@@ -5,6 +5,8 @@ import { typographyClassMappers } from '../../theme/common/typographyClassMapper
 import '../../theme/common/appearanceClassMappers.mjs';
 import { FocusVisibleClassMapper } from '../../theme/layout/focusVisibleClassMapper.mjs';
 import { LinkVariantClassMapper } from '../../theme/appearance/linkVariantClassMapper.mjs';
+import { SimpleConsumerClassMapper } from '../../theme/appearance/simpleConsumerClassMapper.mjs';
+import { DisabledVisualClassMapper } from '../../theme/appearance/disabledClassMapper.mjs';
 import { LINK_CATEGORIES } from './LinkCategories.mjs';
 import { linkDefaults } from './linkDefaults.mjs';
@@ -17,12 +19,16 @@ const defaultLinkTheme = new ComponentTheme(
       ...typographyClassMappers.appearance,
       // delta: link-variant colors (cascading --link-text / --app-text) instead
       // of the generic text appearance — Link has no data-variant to drive --text-color
-      text: new LinkVariantClassMapper()
+      text: new LinkVariantClassMapper(),
+      // delta: the focus ring takes the link's own color; Link has no appearance, so --focus-color would be unset
+      focusVisible: new SimpleConsumerClassMapper({ base: "focus-visible:outline-current", alwaysOutput: true }, "focusVisible")
     },
     layout: {
       ...typographyClassMappers.layout,
       // delta: LINK_CATEGORIES adds `focusVisible` so the rendered <a> can show a keyboard focus ring
-      focusVisible: new FocusVisibleClassMapper()
+      focusVisible: new FocusVisibleClassMapper(),
+      // delta: a disabled link dims like other disabled controls; after cursor so not-allowed wins over pointer
+      disabled: new DisabledVisualClassMapper()
     }
   },
   linkDefaults,

package/dist/esm/components/ui/typography/link/defaultLinkTheme.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defaultLinkTheme.mjs","sources":["../../../../../../src/components/ui/typography/link/defaultLinkTheme.ts"],"sourcesContent":["import { ComponentTheme } from \"../../theme/common\";\nimport type { TypographyProps } from \"../common\";\nimport type { LinkTheme } from \"./LinkTheme\";\nimport { typographyClassMappers } from \"../../theme/common/typographyClassMappers\";\nimport { FocusVisibleClassMapper } from \"../../theme/layout/focusVisibleClassMapper\";\nimport { LinkVariantClassMapper } from \"../../theme/appearance/linkVariantClassMapper\";\nimport { LINK_CATEGORIES } from \"./LinkCategories\";\nimport { linkDefaults } from \"./linkDefaults\";\n\n/* Link theme composed over the shared typographyClassMappers (inherits size/typography/layout); only the deltas below diverge. Background-less like all typography. /\nexport const defaultLinkTheme: ComponentTheme<TypographyProps, LinkTheme> = new ComponentTheme<TypographyProps, LinkTheme>(\n \"a\",\n \"vane-link hover:underline\",\n {\n ...typographyClassMappers,\n appearance: {\n ...typographyClassMappers.appearance,\n // delta: link-variant colors (cascading --link-text / --app-text) instead\n // of the generic text appearance — Link has no data-variant to drive --text-color\n text: new LinkVariantClassMapper(),\n },\n layout: {\n ...typographyClassMappers.layout,\n // delta: LINK_CATEGORIES adds `focusVisible` so the rendered <a> can show a keyboard focus ring\n focusVisible: new FocusVisibleClassMapper(),\n },\n },\n linkDefaults,\n LINK_CATEGORIES,\n undefined,\n 'ui'\n);\n\n/* Alias for backward compatibility */\nexport const linkTheme = defaultLinkTheme;\n"],"names":[],"mappings":"~~;;;;;;;;;;AAUO~~,MAAM,mBAA+D,IAAI,cAAA;AAAA,EAC9E,GAAA;AAAA,EACA,2BAAA;AAAA,EACA;AAAA,IACE,GAAG,sBAAA;AAAA,IACH,UAAA,EAAY;AAAA,MACV,GAAG,sBAAA,CAAuB,UAAA;AAAA;AAAA;AAAA,MAG1B,IAAA,EAAM,IAAI,sBAAA;~~AAAuB~~,~~KACnC~~;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,GAAG,sBAAA,CAAuB,MAAA;AAAA;AAAA,MAE1B,YAAA,EAAc,IAAI,uBAAA;~~AAAwB~~;~~AAC5C~~,GACF;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF;AAGO,MAAM,SAAA,GAAY;;;;"}
1	+ {"version":3,"file":"defaultLinkTheme.mjs","sources":["../../../../../../src/components/ui/typography/link/defaultLinkTheme.ts"],"sourcesContent":["import { ComponentTheme } from \"../../theme/common\";\nimport type { TypographyProps } from \"../common\";\nimport type { LinkTheme } from \"./LinkTheme\";\nimport { typographyClassMappers } from \"../../theme/common/typographyClassMappers\";\nimport { FocusVisibleClassMapper } from \"../../theme/layout/focusVisibleClassMapper\";\nimport { LinkVariantClassMapper } from \"../../theme/appearance/linkVariantClassMapper\";\nimport { SimpleConsumerClassMapper } from \"../../theme/appearance/simpleConsumerClassMapper\";\nimport { DisabledVisualClassMapper } from \"../../theme/appearance/disabledClassMapper\";\nimport { LINK_CATEGORIES } from \"./LinkCategories\";\nimport { linkDefaults } from \"./linkDefaults\";\n\n/* Link theme composed over the shared typographyClassMappers (inherits size/typography/layout); only the deltas below diverge. Background-less like all typography. /\nexport const defaultLinkTheme: ComponentTheme<TypographyProps, LinkTheme> = new ComponentTheme<TypographyProps, LinkTheme>(\n \"a\",\n \"vane-link hover:underline\",\n {\n ...typographyClassMappers,\n appearance: {\n ...typographyClassMappers.appearance,\n // delta: link-variant colors (cascading --link-text / --app-text) instead\n // of the generic text appearance — Link has no data-variant to drive --text-color\n text: new LinkVariantClassMapper(),\n // delta: the focus ring takes the link's own color; Link has no appearance, so --focus-color would be unset\n focusVisible: new SimpleConsumerClassMapper({ base: \"focus-visible:outline-current\", alwaysOutput: true }, 'focusVisible'),\n },\n layout: {\n ...typographyClassMappers.layout,\n // delta: LINK_CATEGORIES adds `focusVisible` so the rendered <a> can show a keyboard focus ring\n focusVisible: new FocusVisibleClassMapper(),\n // delta: a disabled link dims like other disabled controls; after cursor so not-allowed wins over pointer\n disabled: new DisabledVisualClassMapper(),\n },\n },\n linkDefaults,\n LINK_CATEGORIES,\n undefined,\n 'ui'\n);\n\n/* Alias for backward compatibility */\nexport const linkTheme = defaultLinkTheme;\n"],"names":[],"mappings":";;;;;;;;;;;;AAYO,MAAM,mBAA+D,IAAI,cAAA;AAAA,EAC9E,GAAA;AAAA,EACA,2BAAA;AAAA,EACA;AAAA,IACE,GAAG,sBAAA;AAAA,IACH,UAAA,EAAY;AAAA,MACV,GAAG,sBAAA,CAAuB,UAAA;AAAA;AAAA;AAAA,MAG1B,IAAA,EAAM,IAAI,sBAAA,EAAuB;AAAA;AAAA,MAEjC,YAAA,EAAc,IAAI,yBAAA,CAA0B,EAAE,MAAM,+BAAA,EAAiC,YAAA,EAAc,IAAA,EAAK,EAAG,cAAc;AAAA,KAC3H;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,GAAG,sBAAA,CAAuB,MAAA;AAAA;AAAA,MAE1B,YAAA,EAAc,IAAI,uBAAA,EAAwB;AAAA;AAAA,MAE1C,QAAA,EAAU,IAAI,yBAAA;AAA0B;AAC1C,GACF;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF;AAGO,MAAM,SAAA,GAAY;;;;"}

package/dist/esm/components/ui/typography/listItem/ListItem.mjs CHANGED Viewed

@@ -12,8 +12,6 @@ const ListItem = forwardRef(
     return /* @__PURE__ */ jsxs(ThemedComponent, { ref, theme: theme?.listItem ?? defaultListItemTheme, ...rest, ...dataAttr, children: [
       icon ? (
         // me- (margin-inline-end) keeps the icon-to-text gap on the correct side under RTL.
-        // ListItem uses the full --gap (list content); Link's inline icons deliberately use
-        // half (.vane-link-start-icon / -end-icon in rules.css) for tighter inline runs.
         /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "vane-list-item-icon me-(--gap) inline-flex items-center justify-center align-middle h-(--icon-size) min-w-(--icon-size)", children: icon })
       ) : null,
       children

package/dist/esm/components/ui/typography/listItem/ListItem.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.mjs","sources":["../../../../../../src/components/ui/typography/listItem/ListItem.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { ListItemProps } from './ListItemProps';\nimport { useTheme } from \"../../../themeContext\";\nimport { ThemedComponent } from \"../../../themedComponent\";\nimport { defaultListItemTheme } from \"./defaultListItemTheme\";\n\n// `icon` replaces the native list marker; data-has-icon suppresses list-style via base selector\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(\n function ListItem({ icon, children, ...rest }, ref) {\n const theme = useTheme();\n const dataAttr = icon ? { 'data-has-icon': 'true' as const } : {};\n return (\n <ThemedComponent ref={ref} theme={theme?.listItem ?? defaultListItemTheme} {...rest} {...dataAttr}>\n {icon ? (\n // me- (margin-inline-end) keeps the icon-to-text gap on the correct side under RTL.\n ~~// ListItem uses the full --gap (list content); Link's inline icons deliberately use\n // half (.vane-link-start-icon / -end-icon in rules.css) for tighter inline runs.\n~~ <span aria-hidden=\"true\" className=\"vane-list-item-icon me-(--gap) inline-flex items-center justify-center align-middle h-(--icon-size) min-w-(--icon-size)\">\n {icon}\n </span>\n ) : null}\n {children}\n </ThemedComponent>\n );\n }\n);\n\nListItem.displayName = 'ListItem';\n"],"names":["ListItem"],"mappings":";;;;;;;AAOO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACtB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAASA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,EAAS,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAU,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,GAAQ,GAAA,CAAA,CAAK;AAClD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,IAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS;AACvB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAoB,CAAA,CAAC;AAChE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,IAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAgB,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,EAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,EAAO,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACtF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,~~CAAA~~,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAIE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,aAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAChC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CACH;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACH,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EACH,CAAA;AAAA,CAAA,CAEJ;AACF,CAAA;AAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;"}
1	+ {"version":3,"file":"ListItem.mjs","sources":["../../../../../../src/components/ui/typography/listItem/ListItem.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { ListItemProps } from './ListItemProps';\nimport { useTheme } from \"../../../themeContext\";\nimport { ThemedComponent } from \"../../../themedComponent\";\nimport { defaultListItemTheme } from \"./defaultListItemTheme\";\n\n// `icon` replaces the native list marker; data-has-icon suppresses list-style via base selector\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(\n function ListItem({ icon, children, ...rest }, ref) {\n const theme = useTheme();\n const dataAttr = icon ? { 'data-has-icon': 'true' as const } : {};\n return (\n <ThemedComponent ref={ref} theme={theme?.listItem ?? defaultListItemTheme} {...rest} {...dataAttr}>\n {icon ? (\n // me- (margin-inline-end) keeps the icon-to-text gap on the correct side under RTL.\n <span aria-hidden=\"true\" className=\"vane-list-item-icon me-(--gap) inline-flex items-center justify-center align-middle h-(--icon-size) min-w-(--icon-size)\">\n {icon}\n </span>\n ) : null}\n {children}\n </ThemedComponent>\n );\n }\n);\n\nListItem.displayName = 'ListItem';\n"],"names":["ListItem"],"mappings":"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"}