@vaneui/ui 1.4.2 → 1.4.3

package/dist/types/components/ui/radio/RadioWrapperTheme.d.cts

@@ -1,5 +1,5 @@
 import type { BaseComponentTheme, DefaultLayoutClassMappers } from "../theme/common/index.cjs";
-import type { SimpleConsumerClassMapper, DisabledOpacityClassMapper } from "../theme/appearance/index.cjs";
+import type { SimpleConsumerClassMapper, DisabledOpacityClassMapper, ReadOnlyClassMapper } from "../theme/appearance/index.cjs";
 import type { FocusVisibleClassMapper, AlignSelfClassMapper } from "../theme/layout/index.cjs";
 import type { SizeClassMapper } from "../theme/size/index.cjs";
 /** Theme interface for radio wrapper element */
@@ -15,5 +15,6 @@ export interface RadioWrapperTheme extends BaseComponentTheme {
         variant: SimpleConsumerClassMapper;
         focusVisible: SimpleConsumerClassMapper;
         disabled: DisabledOpacityClassMapper;
+        readOnly: ReadOnlyClassMapper;
     };
 }

package/dist/types/components/ui/radio/RadioWrapperTheme.d.mts

@@ -1,5 +1,5 @@
 import type { BaseComponentTheme, DefaultLayoutClassMappers } from "../theme/common/index.mjs";
-import type { SimpleConsumerClassMapper, DisabledOpacityClassMapper } from "../theme/appearance/index.mjs";
+import type { SimpleConsumerClassMapper, DisabledOpacityClassMapper, ReadOnlyClassMapper } from "../theme/appearance/index.mjs";
 import type { FocusVisibleClassMapper, AlignSelfClassMapper } from "../theme/layout/index.mjs";
 import type { SizeClassMapper } from "../theme/size/index.mjs";
 /** Theme interface for radio wrapper element */
@@ -15,5 +15,6 @@ export interface RadioWrapperTheme extends BaseComponentTheme {
         variant: SimpleConsumerClassMapper;
         focusVisible: SimpleConsumerClassMapper;
         disabled: DisabledOpacityClassMapper;
+        readOnly: ReadOnlyClassMapper;
     };
 }

package/dist/types/components/ui/radio/RadioWrapperTheme.d.ts

@@ -1,5 +1,5 @@
 import type { BaseComponentTheme, DefaultLayoutClassMappers } from "../theme/common";
-import type { SimpleConsumerClassMapper, DisabledOpacityClassMapper } from "../theme/appearance";
+import type { SimpleConsumerClassMapper, DisabledOpacityClassMapper, ReadOnlyClassMapper } from "../theme/appearance";
 import type { FocusVisibleClassMapper, AlignSelfClassMapper } from "../theme/layout";
 import type { SizeClassMapper } from "../theme/size";
 /** Theme interface for radio wrapper element */
@@ -15,5 +15,6 @@ export interface RadioWrapperTheme extends BaseComponentTheme {
         variant: SimpleConsumerClassMapper;
         focusVisible: SimpleConsumerClassMapper;
         disabled: DisabledOpacityClassMapper;
+        readOnly: ReadOnlyClassMapper;
     };
 }

package/dist/types/components/ui/select/SelectWrapperCategories.d.cts

@@ -1,2 +1,2 @@
-/** Categories for the select wrapper sub-theme (positioning only) */
-export declare const SELECT_WRAPPER_CATEGORIES: readonly ["display", "position", "width", "items", "justify", "hide", "disabled"];
+/** Categories for the select wrapper sub-theme (positioning, plus flex shrink since the wrapper is the flex item) */
+export declare const SELECT_WRAPPER_CATEGORIES: readonly ["display", "position", "width", "items", "justify", "hide", "shrink", "disabled"];

package/dist/types/components/ui/select/SelectWrapperCategories.d.mts

@@ -1,2 +1,2 @@
-/** Categories for the select wrapper sub-theme (positioning only) */
-export declare const SELECT_WRAPPER_CATEGORIES: readonly ["display", "position", "width", "items", "justify", "hide", "disabled"];
+/** Categories for the select wrapper sub-theme (positioning, plus flex shrink since the wrapper is the flex item) */
+export declare const SELECT_WRAPPER_CATEGORIES: readonly ["display", "position", "width", "items", "justify", "hide", "shrink", "disabled"];

package/dist/types/components/ui/select/SelectWrapperCategories.d.ts

@@ -1,2 +1,2 @@
-/** Categories for the select wrapper sub-theme (positioning only) */
-export declare const SELECT_WRAPPER_CATEGORIES: readonly ["display", "position", "width", "items", "justify", "hide", "disabled"];
+/** Categories for the select wrapper sub-theme (positioning, plus flex shrink since the wrapper is the flex item) */
+export declare const SELECT_WRAPPER_CATEGORIES: readonly ["display", "position", "width", "items", "justify", "hide", "shrink", "disabled"];

package/dist/types/components/ui/select/SelectWrapperProps.d.cts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import type { BaseProps, DisplayProps, PositionProps, WidthProps, ItemsProps, JustifyProps, HideProps } from '../props/index.cjs';
+import type { BaseProps, DisplayProps, PositionProps, WidthProps, ItemsProps, JustifyProps, HideProps, ShrinkProps } from '../props/index.cjs';
 /** Props for the select wrapper sub-theme (positions the field + overlaid chevron) */
-export type SelectWrapperProps = BaseProps & DisplayProps & PositionProps & WidthProps & ItemsProps & JustifyProps & HideProps & {
+export type SelectWrapperProps = BaseProps & DisplayProps & PositionProps & WidthProps & ItemsProps & JustifyProps & HideProps & ShrinkProps & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
 };

package/dist/types/components/ui/select/SelectWrapperProps.d.mts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import type { BaseProps, DisplayProps, PositionProps, WidthProps, ItemsProps, JustifyProps, HideProps } from '../props/index.mjs';
+import type { BaseProps, DisplayProps, PositionProps, WidthProps, ItemsProps, JustifyProps, HideProps, ShrinkProps } from '../props/index.mjs';
 /** Props for the select wrapper sub-theme (positions the field + overlaid chevron) */
-export type SelectWrapperProps = BaseProps & DisplayProps & PositionProps & WidthProps & ItemsProps & JustifyProps & HideProps & {
+export type SelectWrapperProps = BaseProps & DisplayProps & PositionProps & WidthProps & ItemsProps & JustifyProps & HideProps & ShrinkProps & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
 };

package/dist/types/components/ui/select/SelectWrapperProps.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import type { BaseProps, DisplayProps, PositionProps, WidthProps, ItemsProps, JustifyProps, HideProps } from '../props';
+import type { BaseProps, DisplayProps, PositionProps, WidthProps, ItemsProps, JustifyProps, HideProps, ShrinkProps } from '../props';
 /** Props for the select wrapper sub-theme (positions the field + overlaid chevron) */
-export type SelectWrapperProps = BaseProps & DisplayProps & PositionProps & WidthProps & ItemsProps & JustifyProps & HideProps & {
+export type SelectWrapperProps = BaseProps & DisplayProps & PositionProps & WidthProps & ItemsProps & JustifyProps & HideProps & ShrinkProps & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
 };

package/dist/types/components/ui/select/SelectWrapperTheme.d.cts

@@ -1,10 +1,11 @@
 import type { BaseComponentTheme, DefaultLayoutClassMappers } from "../theme/common/index.cjs";
-import type { WidthClassMapper } from "../theme/layout/index.cjs";
+import type { WidthClassMapper, ShrinkClassMapper } from "../theme/layout/index.cjs";
 import type { DisabledOpacityClassMapper } from "../theme/appearance/index.cjs";
 /** Theme interface for the select wrapper element */
 export interface SelectWrapperTheme extends BaseComponentTheme {
     layout: DefaultLayoutClassMappers & {
         width: WidthClassMapper;
+        shrink: ShrinkClassMapper;
     };
     appearance: {
         disabled: DisabledOpacityClassMapper;

package/dist/types/components/ui/select/SelectWrapperTheme.d.mts

@@ -1,10 +1,11 @@
 import type { BaseComponentTheme, DefaultLayoutClassMappers } from "../theme/common/index.mjs";
-import type { WidthClassMapper } from "../theme/layout/index.mjs";
+import type { WidthClassMapper, ShrinkClassMapper } from "../theme/layout/index.mjs";
 import type { DisabledOpacityClassMapper } from "../theme/appearance/index.mjs";
 /** Theme interface for the select wrapper element */
 export interface SelectWrapperTheme extends BaseComponentTheme {
     layout: DefaultLayoutClassMappers & {
         width: WidthClassMapper;
+        shrink: ShrinkClassMapper;
     };
     appearance: {
         disabled: DisabledOpacityClassMapper;

package/dist/types/components/ui/select/SelectWrapperTheme.d.ts

@@ -1,10 +1,11 @@
 import type { BaseComponentTheme, DefaultLayoutClassMappers } from "../theme/common";
-import type { WidthClassMapper } from "../theme/layout";
+import type { WidthClassMapper, ShrinkClassMapper } from "../theme/layout";
 import type { DisabledOpacityClassMapper } from "../theme/appearance";
 /** Theme interface for the select wrapper element */
 export interface SelectWrapperTheme extends BaseComponentTheme {
     layout: DefaultLayoutClassMappers & {
         width: WidthClassMapper;
+        shrink: ShrinkClassMapper;
     };
     appearance: {
         disabled: DisabledOpacityClassMapper;

package/dist/types/components/ui/switch/SwitchCategories.d.cts

@@ -1,2 +1,2 @@
 /** Switch reuses Checkbox's category set — same boolean control surface (incl. `alignSelf` for Label alignment). */
-export declare const SWITCH_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "alignSelf", "appearance", "border", "shadow", "ring", "focusVisible", "shape", "variant", "cursor", "transition", "validity", "width", "height", "transparent", "responsiveSizing", "disabled"];
+export declare const SWITCH_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "alignSelf", "appearance", "border", "shadow", "ring", "focusVisible", "shape", "variant", "cursor", "transition", "validity", "width", "height", "transparent", "responsiveSizing", "disabled", "readOnly"];

package/dist/types/components/ui/switch/SwitchCategories.d.mts

@@ -1,2 +1,2 @@
 /** Switch reuses Checkbox's category set — same boolean control surface (incl. `alignSelf` for Label alignment). */
-export declare const SWITCH_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "alignSelf", "appearance", "border", "shadow", "ring", "focusVisible", "shape", "variant", "cursor", "transition", "validity", "width", "height", "transparent", "responsiveSizing", "disabled"];
+export declare const SWITCH_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "alignSelf", "appearance", "border", "shadow", "ring", "focusVisible", "shape", "variant", "cursor", "transition", "validity", "width", "height", "transparent", "responsiveSizing", "disabled", "readOnly"];

package/dist/types/components/ui/switch/SwitchCategories.d.ts

@@ -1,2 +1,2 @@
 /** Switch reuses Checkbox's category set — same boolean control surface (incl. `alignSelf` for Label alignment). */
-export declare const SWITCH_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "alignSelf", "appearance", "border", "shadow", "ring", "focusVisible", "shape", "variant", "cursor", "transition", "validity", "width", "height", "transparent", "responsiveSizing", "disabled"];
+export declare const SWITCH_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "alignSelf", "appearance", "border", "shadow", "ring", "focusVisible", "shape", "variant", "cursor", "transition", "validity", "width", "height", "transparent", "responsiveSizing", "disabled", "readOnly"];

package/dist/types/components/ui/switch/SwitchWrapperTheme.d.cts

@@ -1,5 +1,5 @@
 import type { BaseComponentTheme, DefaultLayoutClassMappers } from "../theme/common/index.cjs";
-import type { SimpleConsumerClassMapper, DisabledOpacityClassMapper } from "../theme/appearance/index.cjs";
+import type { SimpleConsumerClassMapper, DisabledOpacityClassMapper, ReadOnlyClassMapper } from "../theme/appearance/index.cjs";
 import type { FocusVisibleClassMapper, AlignSelfClassMapper } from "../theme/layout/index.cjs";
 import type { SizeClassMapper } from "../theme/size/index.cjs";
 /** Theme interface for the switch wrapper element */
@@ -14,5 +14,6 @@ export interface SwitchWrapperTheme extends BaseComponentTheme {
     appearance: {
         focusVisible: SimpleConsumerClassMapper;
         disabled: DisabledOpacityClassMapper;
+        readOnly: ReadOnlyClassMapper;
     };
 }

package/dist/types/components/ui/switch/SwitchWrapperTheme.d.mts

@@ -1,5 +1,5 @@
 import type { BaseComponentTheme, DefaultLayoutClassMappers } from "../theme/common/index.mjs";
-import type { SimpleConsumerClassMapper, DisabledOpacityClassMapper } from "../theme/appearance/index.mjs";
+import type { SimpleConsumerClassMapper, DisabledOpacityClassMapper, ReadOnlyClassMapper } from "../theme/appearance/index.mjs";
 import type { FocusVisibleClassMapper, AlignSelfClassMapper } from "../theme/layout/index.mjs";
 import type { SizeClassMapper } from "../theme/size/index.mjs";
 /** Theme interface for the switch wrapper element */
@@ -14,5 +14,6 @@ export interface SwitchWrapperTheme extends BaseComponentTheme {
     appearance: {
         focusVisible: SimpleConsumerClassMapper;
         disabled: DisabledOpacityClassMapper;
+        readOnly: ReadOnlyClassMapper;
     };
 }

package/dist/types/components/ui/switch/SwitchWrapperTheme.d.ts

@@ -1,5 +1,5 @@
 import type { BaseComponentTheme, DefaultLayoutClassMappers } from "../theme/common";
-import type { SimpleConsumerClassMapper, DisabledOpacityClassMapper } from "../theme/appearance";
+import type { SimpleConsumerClassMapper, DisabledOpacityClassMapper, ReadOnlyClassMapper } from "../theme/appearance";
 import type { FocusVisibleClassMapper, AlignSelfClassMapper } from "../theme/layout";
 import type { SizeClassMapper } from "../theme/size";
 /** Theme interface for the switch wrapper element */
@@ -14,5 +14,6 @@ export interface SwitchWrapperTheme extends BaseComponentTheme {
     appearance: {
         focusVisible: SimpleConsumerClassMapper;
         disabled: DisabledOpacityClassMapper;
+        readOnly: ReadOnlyClassMapper;
     };
 }

package/dist/types/components/ui/table/Table.d.cts

@@ -1,3 +1,3 @@
-export declare const Table: import("react").ForwardRefExoticComponent<import("../props/index.cjs").BaseProps & import("../props/index.cjs").SizeProps & import("../props/index.cjs").AppearanceProps & import("../props/index.cjs").VariantProps & import("../props/index.cjs").BorderProps & import("../props/index.cjs").WidthProps & import("../props/index.cjs").MarginProps & import("../props/index.cjs").TextAlignProps & import("../props/index.cjs").HideProps & import("../props/index.cjs").ResponsiveProps & Omit<import("react").TableHTMLAttributes<HTMLTableElement>, "border" | "className" | "children"> & {
+export declare const Table: import("react").ForwardRefExoticComponent<import("../props/index.cjs").BaseProps & import("../props/index.cjs").SizeProps & import("../props/index.cjs").AppearanceProps & import("../props/index.cjs").VariantProps & import("../props/index.cjs").BorderProps & import("../props/index.cjs").WidthProps & import("../props/index.cjs").MarginProps & import("../props/index.cjs").TextAlignProps & import("../props/index.cjs").FontFamilyProps & import("../props/index.cjs").HideProps & import("../props/index.cjs").ResponsiveProps & Omit<import("react").TableHTMLAttributes<HTMLTableElement>, "border" | "className" | "children"> & {
     tag?: React.ElementType;
 } & import("react").RefAttributes<HTMLTableElement>>;

package/dist/types/components/ui/table/Table.d.mts

@@ -1,3 +1,3 @@
-export declare const Table: import("react").ForwardRefExoticComponent<import("../props/index.mjs").BaseProps & import("../props/index.mjs").SizeProps & import("../props/index.mjs").AppearanceProps & import("../props/index.mjs").VariantProps & import("../props/index.mjs").BorderProps & import("../props/index.mjs").WidthProps & import("../props/index.mjs").MarginProps & import("../props/index.mjs").TextAlignProps & import("../props/index.mjs").HideProps & import("../props/index.mjs").ResponsiveProps & Omit<import("react").TableHTMLAttributes<HTMLTableElement>, "border" | "className" | "children"> & {
+export declare const Table: import("react").ForwardRefExoticComponent<import("../props/index.mjs").BaseProps & import("../props/index.mjs").SizeProps & import("../props/index.mjs").AppearanceProps & import("../props/index.mjs").VariantProps & import("../props/index.mjs").BorderProps & import("../props/index.mjs").WidthProps & import("../props/index.mjs").MarginProps & import("../props/index.mjs").TextAlignProps & import("../props/index.mjs").FontFamilyProps & import("../props/index.mjs").HideProps & import("../props/index.mjs").ResponsiveProps & Omit<import("react").TableHTMLAttributes<HTMLTableElement>, "border" | "className" | "children"> & {
     tag?: React.ElementType;
 } & import("react").RefAttributes<HTMLTableElement>>;

package/dist/types/components/ui/table/Table.d.ts

@@ -1,3 +1,3 @@
-export declare const Table: import("react").ForwardRefExoticComponent<import("../props").BaseProps & import("../props").SizeProps & import("../props").AppearanceProps & import("../props").VariantProps & import("../props").BorderProps & import("../props").WidthProps & import("../props").MarginProps & import("../props").TextAlignProps & import("../props").HideProps & import("../props").ResponsiveProps & Omit<import("react").TableHTMLAttributes<HTMLTableElement>, "border" | "className" | "children"> & {
+export declare const Table: import("react").ForwardRefExoticComponent<import("../props").BaseProps & import("../props").SizeProps & import("../props").AppearanceProps & import("../props").VariantProps & import("../props").BorderProps & import("../props").WidthProps & import("../props").MarginProps & import("../props").TextAlignProps & import("../props").FontFamilyProps & import("../props").HideProps & import("../props").ResponsiveProps & Omit<import("react").TableHTMLAttributes<HTMLTableElement>, "border" | "className" | "children"> & {
     tag?: React.ElementType;
 } & import("react").RefAttributes<HTMLTableElement>>;

package/dist/types/components/ui/table/TableCategories.d.cts

@@ -1,2 +1,2 @@
 /** Categories for the Table (`<table>`) component. */
-export declare const TABLE_CATEGORIES: readonly ["size", "appearance", "variant", "border", "width", "margin", "textAlign", "hide", "responsiveSizing"];
+export declare const TABLE_CATEGORIES: readonly ["size", "appearance", "variant", "border", "width", "margin", "textAlign", "fontFamily", "hide", "responsiveSizing"];

package/dist/types/components/ui/table/TableCategories.d.mts

@@ -1,2 +1,2 @@
 /** Categories for the Table (`<table>`) component. */
-export declare const TABLE_CATEGORIES: readonly ["size", "appearance", "variant", "border", "width", "margin", "textAlign", "hide", "responsiveSizing"];
+export declare const TABLE_CATEGORIES: readonly ["size", "appearance", "variant", "border", "width", "margin", "textAlign", "fontFamily", "hide", "responsiveSizing"];

package/dist/types/components/ui/table/TableCategories.d.ts

@@ -1,2 +1,2 @@
 /** Categories for the Table (`<table>`) component. */
-export declare const TABLE_CATEGORIES: readonly ["size", "appearance", "variant", "border", "width", "margin", "textAlign", "hide", "responsiveSizing"];
+export declare const TABLE_CATEGORIES: readonly ["size", "appearance", "variant", "border", "width", "margin", "textAlign", "fontFamily", "hide", "responsiveSizing"];

package/dist/types/components/ui/table/TableProps.d.cts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import type { BaseProps, SizeProps, AppearanceProps, VariantProps, BorderProps, WidthProps, MarginProps, TextAlignProps, HideProps, ResponsiveProps } from "../props/index.cjs";
+import type { BaseProps, SizeProps, AppearanceProps, VariantProps, BorderProps, WidthProps, MarginProps, TextAlignProps, FontFamilyProps, HideProps, ResponsiveProps } from "../props/index.cjs";
 /** Table component props */
-export type TableProps = BaseProps & SizeProps & AppearanceProps & VariantProps & BorderProps & WidthProps & MarginProps & TextAlignProps & HideProps & ResponsiveProps & Omit<React.TableHTMLAttributes<HTMLTableElement>, 'className' | 'children' | 'border'> & {
+export type TableProps = BaseProps & SizeProps & AppearanceProps & VariantProps & BorderProps & WidthProps & MarginProps & TextAlignProps & FontFamilyProps & HideProps & ResponsiveProps & Omit<React.TableHTMLAttributes<HTMLTableElement>, 'className' | 'children' | 'border'> & {
     /** Custom HTML tag to render as */
     tag?: React.ElementType;
 };

package/dist/types/components/ui/table/TableProps.d.mts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import type { BaseProps, SizeProps, AppearanceProps, VariantProps, BorderProps, WidthProps, MarginProps, TextAlignProps, HideProps, ResponsiveProps } from "../props/index.mjs";
+import type { BaseProps, SizeProps, AppearanceProps, VariantProps, BorderProps, WidthProps, MarginProps, TextAlignProps, FontFamilyProps, HideProps, ResponsiveProps } from "../props/index.mjs";
 /** Table component props */
-export type TableProps = BaseProps & SizeProps & AppearanceProps & VariantProps & BorderProps & WidthProps & MarginProps & TextAlignProps & HideProps & ResponsiveProps & Omit<React.TableHTMLAttributes<HTMLTableElement>, 'className' | 'children' | 'border'> & {
+export type TableProps = BaseProps & SizeProps & AppearanceProps & VariantProps & BorderProps & WidthProps & MarginProps & TextAlignProps & FontFamilyProps & HideProps & ResponsiveProps & Omit<React.TableHTMLAttributes<HTMLTableElement>, 'className' | 'children' | 'border'> & {
     /** Custom HTML tag to render as */
     tag?: React.ElementType;
 };

package/dist/types/components/ui/table/TableProps.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import type { BaseProps, SizeProps, AppearanceProps, VariantProps, BorderProps, WidthProps, MarginProps, TextAlignProps, HideProps, ResponsiveProps } from "../props";
+import type { BaseProps, SizeProps, AppearanceProps, VariantProps, BorderProps, WidthProps, MarginProps, TextAlignProps, FontFamilyProps, HideProps, ResponsiveProps } from "../props";
 /** Table component props */
-export type TableProps = BaseProps & SizeProps & AppearanceProps & VariantProps & BorderProps & WidthProps & MarginProps & TextAlignProps & HideProps & ResponsiveProps & Omit<React.TableHTMLAttributes<HTMLTableElement>, 'className' | 'children' | 'border'> & {
+export type TableProps = BaseProps & SizeProps & AppearanceProps & VariantProps & BorderProps & WidthProps & MarginProps & TextAlignProps & FontFamilyProps & HideProps & ResponsiveProps & Omit<React.TableHTMLAttributes<HTMLTableElement>, 'className' | 'children' | 'border'> & {
     /** Custom HTML tag to render as */
     tag?: React.ElementType;
 };

package/dist/types/components/ui/table/TableTheme.d.cts

@@ -2,7 +2,7 @@ import type { BaseComponentTheme, DefaultLayoutClassMappers } from "../theme/com
 import type { MarginClassMapper } from "../theme/size/index.cjs";
 import type { BorderClassMapper, WidthClassMapper } from "../theme/layout/index.cjs";
 import type { SimpleConsumerClassMapper } from "../theme/appearance/index.cjs";
-import type { TextAlignClassMapper } from "../theme/typography/index.cjs";
+import type { TextAlignClassMapper, FontFamilyClassMapper } from "../theme/typography/index.cjs";
 export interface TableTheme extends BaseComponentTheme {
     size: {
         margin: MarginClassMapper;
@@ -16,5 +16,6 @@ export interface TableTheme extends BaseComponentTheme {
     };
     typography: {
         textAlign: TextAlignClassMapper;
+        fontFamily: FontFamilyClassMapper;
     };
 }

package/dist/types/components/ui/table/TableTheme.d.mts

@@ -2,7 +2,7 @@ import type { BaseComponentTheme, DefaultLayoutClassMappers } from "../theme/com
 import type { MarginClassMapper } from "../theme/size/index.mjs";
 import type { BorderClassMapper, WidthClassMapper } from "../theme/layout/index.mjs";
 import type { SimpleConsumerClassMapper } from "../theme/appearance/index.mjs";
-import type { TextAlignClassMapper } from "../theme/typography/index.mjs";
+import type { TextAlignClassMapper, FontFamilyClassMapper } from "../theme/typography/index.mjs";
 export interface TableTheme extends BaseComponentTheme {
     size: {
         margin: MarginClassMapper;
@@ -16,5 +16,6 @@ export interface TableTheme extends BaseComponentTheme {
     };
     typography: {
         textAlign: TextAlignClassMapper;
+        fontFamily: FontFamilyClassMapper;
     };
 }

package/dist/types/components/ui/table/TableTheme.d.ts

@@ -2,7 +2,7 @@ import type { BaseComponentTheme, DefaultLayoutClassMappers } from "../theme/com
 import type { MarginClassMapper } from "../theme/size";
 import type { BorderClassMapper, WidthClassMapper } from "../theme/layout";
 import type { SimpleConsumerClassMapper } from "../theme/appearance";
-import type { TextAlignClassMapper } from "../theme/typography";
+import type { TextAlignClassMapper, FontFamilyClassMapper } from "../theme/typography";
 export interface TableTheme extends BaseComponentTheme {
     size: {
         margin: MarginClassMapper;
@@ -16,5 +16,6 @@ export interface TableTheme extends BaseComponentTheme {
     };
     typography: {
         textAlign: TextAlignClassMapper;
+        fontFamily: FontFamilyClassMapper;
     };
 }

package/dist/types/components/ui/theme/appearance/disabledClassMapper.d.cts

@@ -9,3 +9,7 @@ export declare class DisabledClassMapper extends BaseClassMapper implements Reco
     disabled: string;
     getClasses(extractedKeys: CategoryProps): string[];
 }
+/** For elements whose own semantics block activation (native disabled fields, a disabled Link): pointer events stay on, so the cursor shows. */
+export declare class DisabledVisualClassMapper extends DisabledClassMapper {
+    disabled: string;
+}

package/dist/types/components/ui/theme/appearance/disabledClassMapper.d.mts

@@ -9,3 +9,7 @@ export declare class DisabledClassMapper extends BaseClassMapper implements Reco
     disabled: string;
     getClasses(extractedKeys: CategoryProps): string[];
 }
+/** For elements whose own semantics block activation (native disabled fields, a disabled Link): pointer events stay on, so the cursor shows. */
+export declare class DisabledVisualClassMapper extends DisabledClassMapper {
+    disabled: string;
+}

package/dist/types/components/ui/theme/appearance/disabledClassMapper.d.ts

@@ -9,3 +9,7 @@ export declare class DisabledClassMapper extends BaseClassMapper implements Reco
     disabled: string;
     getClasses(extractedKeys: CategoryProps): string[];
 }
+/** For elements whose own semantics block activation (native disabled fields, a disabled Link): pointer events stay on, so the cursor shows. */
+export declare class DisabledVisualClassMapper extends DisabledClassMapper {
+    disabled: string;
+}

package/dist/types/components/ui/theme/appearance/index.d.cts

@@ -2,7 +2,7 @@ export { LinkVariantClassMapper } from './linkVariantClassMapper.cjs';
 export { ShadowAppearanceClassMapper } from './shadowAppearanceClassMapper.cjs';
 export { SimpleConsumerClassMapper } from './simpleConsumerClassMapper.cjs';
 export { StatusClassMapper } from './statusClassMapper.cjs';
-export { DisabledClassMapper } from './disabledClassMapper.cjs';
+export { DisabledClassMapper, DisabledVisualClassMapper } from './disabledClassMapper.cjs';
 export { ReadOnlyClassMapper } from './readOnlyClassMapper.cjs';
 export { DisabledOpacityClassMapper } from './disabledOpacityClassMapper.cjs';
 export { DisabledInteractiveClassMapper } from './disabledInteractiveClassMapper.cjs';

package/dist/types/components/ui/theme/appearance/index.d.mts

@@ -2,7 +2,7 @@ export { LinkVariantClassMapper } from './linkVariantClassMapper.mjs';
 export { ShadowAppearanceClassMapper } from './shadowAppearanceClassMapper.mjs';
 export { SimpleConsumerClassMapper } from './simpleConsumerClassMapper.mjs';
 export { StatusClassMapper } from './statusClassMapper.mjs';
-export { DisabledClassMapper } from './disabledClassMapper.mjs';
+export { DisabledClassMapper, DisabledVisualClassMapper } from './disabledClassMapper.mjs';
 export { ReadOnlyClassMapper } from './readOnlyClassMapper.mjs';
 export { DisabledOpacityClassMapper } from './disabledOpacityClassMapper.mjs';
 export { DisabledInteractiveClassMapper } from './disabledInteractiveClassMapper.mjs';

package/dist/types/components/ui/theme/appearance/index.d.ts

@@ -2,7 +2,7 @@ export { LinkVariantClassMapper } from './linkVariantClassMapper';
 export { ShadowAppearanceClassMapper } from './shadowAppearanceClassMapper';
 export { SimpleConsumerClassMapper } from './simpleConsumerClassMapper';
 export { StatusClassMapper } from './statusClassMapper';
-export { DisabledClassMapper } from './disabledClassMapper';
+export { DisabledClassMapper, DisabledVisualClassMapper } from './disabledClassMapper';
 export { ReadOnlyClassMapper } from './readOnlyClassMapper';
 export { DisabledOpacityClassMapper } from './disabledOpacityClassMapper';
 export { DisabledInteractiveClassMapper } from './disabledInteractiveClassMapper';

package/dist/types/components/ui/theme/appearance/readOnlyClassMapper.d.cts

@@ -2,7 +2,7 @@ import { BaseClassMapper } from "../common/BaseClassMapper.cjs";
 import type { CategoryProps, ReadOnlyKey } from "../../props/index.cjs";
 /**
  * ReadOnlyClassMapper handles the read-only visual treatment for form controls.
- * Mirrors DisabledClassMapper but lighter (opacity-70 vs opacity-50) because a
+ * Mirrors DisabledClassMapper but lighter (opacity-70 vs --disabled-opacity) because a
  * read-only field is still focusable, selectable, and submittable. The opacity
  * and cursor live here as Tailwind classes (not a raw CSS rule) so they go
  * through the theme system like every other visual state.

package/dist/types/components/ui/theme/appearance/readOnlyClassMapper.d.mts

@@ -2,7 +2,7 @@ import { BaseClassMapper } from "../common/BaseClassMapper.mjs";
 import type { CategoryProps, ReadOnlyKey } from "../../props/index.mjs";
 /**
  * ReadOnlyClassMapper handles the read-only visual treatment for form controls.
- * Mirrors DisabledClassMapper but lighter (opacity-70 vs opacity-50) because a
+ * Mirrors DisabledClassMapper but lighter (opacity-70 vs --disabled-opacity) because a
  * read-only field is still focusable, selectable, and submittable. The opacity
  * and cursor live here as Tailwind classes (not a raw CSS rule) so they go
  * through the theme system like every other visual state.

package/dist/types/components/ui/theme/appearance/readOnlyClassMapper.d.ts

@@ -2,7 +2,7 @@ import { BaseClassMapper } from "../common/BaseClassMapper";
 import type { CategoryProps, ReadOnlyKey } from "../../props";
 /**
  * ReadOnlyClassMapper handles the read-only visual treatment for form controls.
- * Mirrors DisabledClassMapper but lighter (opacity-70 vs opacity-50) because a
+ * Mirrors DisabledClassMapper but lighter (opacity-70 vs --disabled-opacity) because a
  * read-only field is still focusable, selectable, and submittable. The opacity
  * and cursor live here as Tailwind classes (not a raw CSS rule) so they go
  * through the theme system like every other visual state.

package/dist/types/components/ui/theme/appearance/statusClassMapper.d.cts

@@ -5,7 +5,7 @@ import type { CategoryProps, ValidityKey } from "../../props/index.cjs";
  * Changes border/ring colors to indicate an invalid field.
  */
 export declare class StatusClassMapper extends BaseClassMapper implements Record<ValidityKey, string> {
-    /** Invalid state - danger border/ring via tokens (adapts to dark mode) */
+    /** Invalid state - full-strength danger border/ring (the danger text token), readable in both themes */
     invalid: string;
     getClasses(extractedKeys: CategoryProps): string[];
 }

package/dist/types/components/ui/theme/appearance/statusClassMapper.d.mts

@@ -5,7 +5,7 @@ import type { CategoryProps, ValidityKey } from "../../props/index.mjs";
  * Changes border/ring colors to indicate an invalid field.
  */
 export declare class StatusClassMapper extends BaseClassMapper implements Record<ValidityKey, string> {
-    /** Invalid state - danger border/ring via tokens (adapts to dark mode) */
+    /** Invalid state - full-strength danger border/ring (the danger text token), readable in both themes */
     invalid: string;
     getClasses(extractedKeys: CategoryProps): string[];
 }

package/dist/types/components/ui/theme/appearance/statusClassMapper.d.ts

@@ -5,7 +5,7 @@ import type { CategoryProps, ValidityKey } from "../../props";
  * Changes border/ring colors to indicate an invalid field.
  */
 export declare class StatusClassMapper extends BaseClassMapper implements Record<ValidityKey, string> {
-    /** Invalid state - danger border/ring via tokens (adapts to dark mode) */
+    /** Invalid state - full-strength danger border/ring (the danger text token), readable in both themes */
     invalid: string;
     getClasses(extractedKeys: CategoryProps): string[];
 }

package/dist/types/components/ui/theme/common/appearanceClassMappers.d.cts

@@ -20,5 +20,7 @@ export declare const focusVisibleAppearance: SimpleConsumerClassMapper;
 export declare const accentAppearance: SimpleConsumerClassMapper;
 /** Checked background appearance (Checkbox) */
 export declare const checkedBgAppearance: SimpleConsumerClassMapper;
+/** Checked-only background appearance (Radio) */
+export declare const checkedOnlyBgAppearance: SimpleConsumerClassMapper;
 /** Shadow appearance (static — differentiation between UI/layout happens via CSS variables) */
 export declare const shadowAppearance: ShadowAppearanceClassMapper;

package/dist/types/components/ui/theme/common/appearanceClassMappers.d.mts

@@ -20,5 +20,7 @@ export declare const focusVisibleAppearance: SimpleConsumerClassMapper;
 export declare const accentAppearance: SimpleConsumerClassMapper;
 /** Checked background appearance (Checkbox) */
 export declare const checkedBgAppearance: SimpleConsumerClassMapper;
+/** Checked-only background appearance (Radio) */
+export declare const checkedOnlyBgAppearance: SimpleConsumerClassMapper;
 /** Shadow appearance (static — differentiation between UI/layout happens via CSS variables) */
 export declare const shadowAppearance: ShadowAppearanceClassMapper;

package/dist/types/components/ui/theme/common/appearanceClassMappers.d.ts

@@ -20,5 +20,7 @@ export declare const focusVisibleAppearance: SimpleConsumerClassMapper;
 export declare const accentAppearance: SimpleConsumerClassMapper;
 /** Checked background appearance (Checkbox) */
 export declare const checkedBgAppearance: SimpleConsumerClassMapper;
+/** Checked-only background appearance (Radio) */
+export declare const checkedOnlyBgAppearance: SimpleConsumerClassMapper;
 /** Shadow appearance (static — differentiation between UI/layout happens via CSS variables) */
 export declare const shadowAppearance: ShadowAppearanceClassMapper;

package/dist/types/components/ui/theme/common/index.d.cts

@@ -3,5 +3,5 @@ export { ComponentTheme, defaultLayoutClassMappers, defaultSizedLayoutClassMappe
 export { interactiveClassMappers } from './interactiveClassMappers.cjs';
 export { layoutClassMappers } from './layoutClassMappers.cjs';
 export { typographyClassMappers } from './typographyClassMappers.cjs';
-export { bgAppearance, bgHoverAppearance, bgHoverOnlyAppearance, bgActiveAppearance, textAppearance, borderAppearance, ringAppearance, focusVisibleAppearance, accentAppearance, checkedBgAppearance, shadowAppearance, } from './appearanceClassMappers.cjs';
+export { bgAppearance, bgHoverAppearance, bgHoverOnlyAppearance, bgActiveAppearance, textAppearance, borderAppearance, ringAppearance, focusVisibleAppearance, accentAppearance, checkedBgAppearance, checkedOnlyBgAppearance, shadowAppearance, } from './appearanceClassMappers.cjs';
 export type { InteractiveSizeClassMapper, InteractiveAppearanceClassMappers, InteractiveLayoutClassMappers, InteractiveComponentTheme, ButtonLayoutClassMappers, LayoutSizeClassMapper, LayoutAppearanceClassMappers, LayoutLayoutClassMappers, BasicFlexLayoutComponentTheme, FlexLayoutComponentTheme, } from './sharedThemeTypes.cjs';

package/dist/types/components/ui/theme/common/index.d.mts

@@ -3,5 +3,5 @@ export { ComponentTheme, defaultLayoutClassMappers, defaultSizedLayoutClassMappe
 export { interactiveClassMappers } from './interactiveClassMappers.mjs';
 export { layoutClassMappers } from './layoutClassMappers.mjs';
 export { typographyClassMappers } from './typographyClassMappers.mjs';
-export { bgAppearance, bgHoverAppearance, bgHoverOnlyAppearance, bgActiveAppearance, textAppearance, borderAppearance, ringAppearance, focusVisibleAppearance, accentAppearance, checkedBgAppearance, shadowAppearance, } from './appearanceClassMappers.mjs';
+export { bgAppearance, bgHoverAppearance, bgHoverOnlyAppearance, bgActiveAppearance, textAppearance, borderAppearance, ringAppearance, focusVisibleAppearance, accentAppearance, checkedBgAppearance, checkedOnlyBgAppearance, shadowAppearance, } from './appearanceClassMappers.mjs';
 export type { InteractiveSizeClassMapper, InteractiveAppearanceClassMappers, InteractiveLayoutClassMappers, InteractiveComponentTheme, ButtonLayoutClassMappers, LayoutSizeClassMapper, LayoutAppearanceClassMappers, LayoutLayoutClassMappers, BasicFlexLayoutComponentTheme, FlexLayoutComponentTheme, } from './sharedThemeTypes.mjs';

package/dist/types/components/ui/theme/common/index.d.ts

@@ -3,5 +3,5 @@ export { ComponentTheme, defaultLayoutClassMappers, defaultSizedLayoutClassMappe
 export { interactiveClassMappers } from './interactiveClassMappers';
 export { layoutClassMappers } from './layoutClassMappers';
 export { typographyClassMappers } from './typographyClassMappers';
-export { bgAppearance, bgHoverAppearance, bgHoverOnlyAppearance, bgActiveAppearance, textAppearance, borderAppearance, ringAppearance, focusVisibleAppearance, accentAppearance, checkedBgAppearance, shadowAppearance, } from './appearanceClassMappers';
+export { bgAppearance, bgHoverAppearance, bgHoverOnlyAppearance, bgActiveAppearance, textAppearance, borderAppearance, ringAppearance, focusVisibleAppearance, accentAppearance, checkedBgAppearance, checkedOnlyBgAppearance, shadowAppearance, } from './appearanceClassMappers';
 export type { InteractiveSizeClassMapper, InteractiveAppearanceClassMappers, InteractiveLayoutClassMappers, InteractiveComponentTheme, ButtonLayoutClassMappers, LayoutSizeClassMapper, LayoutAppearanceClassMappers, LayoutLayoutClassMappers, BasicFlexLayoutComponentTheme, FlexLayoutComponentTheme, } from './sharedThemeTypes';

package/dist/types/components/ui/theme/layout/transitionClassMapper.d.cts

@@ -7,7 +7,7 @@ import type { CategoryProps, TransitionKey } from "../../props/index.cjs";
  * can retune them globally with a single :root override.
  */
 export declare class TransitionClassMapper extends BaseClassMapper implements Record<TransitionKey, string> {
-    /** Enable transitions - smooth state changes */
+    /** Enable transitions - colors, shadows and transforms fade; outline width/offset (the focus ring) stay instant */
     transition: string;
     /** Disable transitions - instant state changes (useful for reduced-motion) */
     noTransition: string;

package/dist/types/components/ui/theme/layout/transitionClassMapper.d.mts

@@ -7,7 +7,7 @@ import type { CategoryProps, TransitionKey } from "../../props/index.mjs";
  * can retune them globally with a single :root override.
  */
 export declare class TransitionClassMapper extends BaseClassMapper implements Record<TransitionKey, string> {
-    /** Enable transitions - smooth state changes */
+    /** Enable transitions - colors, shadows and transforms fade; outline width/offset (the focus ring) stay instant */
     transition: string;
     /** Disable transitions - instant state changes (useful for reduced-motion) */
     noTransition: string;

package/dist/types/components/ui/theme/layout/transitionClassMapper.d.ts

@@ -7,7 +7,7 @@ import type { CategoryProps, TransitionKey } from "../../props";
  * can retune them globally with a single :root override.
  */
 export declare class TransitionClassMapper extends BaseClassMapper implements Record<TransitionKey, string> {
-    /** Enable transitions - smooth state changes */
+    /** Enable transitions - colors, shadows and transforms fade; outline width/offset (the focus ring) stay instant */
     transition: string;
     /** Disable transitions - instant state changes (useful for reduced-motion) */
     noTransition: string;

package/dist/types/components/ui/typography/link/LinkCategories.d.cts

@@ -1,4 +1,4 @@
-/** Link-specific categories. Adds `focusVisible` so the focus ring can render
- * on the rendered `<a>` element. Other typography components (Text, Title, …)
+/** Link-specific categories. Adds `focusVisible` (a focus ring on the rendered `<a>`)
+ * and `disabled` (the dimmed disabled look). Other typography components (Text, Title, …)
  * are not focusable by default, so they keep the slimmer TYPOGRAPHY_CATEGORIES. */
-export declare const LINK_CATEGORIES: readonly ["fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily", "textAlign", "truncate", "size", "hide", "items", "justify", "position", "display", "overflow", "appearance", "margin", "variant", "cursor", "letterSpacing", "whitespace", "wordBreak", "width", "height", "responsiveSizing", "inheritSize", "inheritColor", "focusVisible"];
+export declare const LINK_CATEGORIES: readonly ["fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily", "textAlign", "truncate", "size", "hide", "items", "justify", "position", "display", "overflow", "appearance", "margin", "variant", "cursor", "letterSpacing", "whitespace", "wordBreak", "width", "height", "responsiveSizing", "inheritSize", "inheritColor", "focusVisible", "disabled"];

package/dist/types/components/ui/typography/link/LinkCategories.d.mts

@@ -1,4 +1,4 @@
-/** Link-specific categories. Adds `focusVisible` so the focus ring can render
- * on the rendered `<a>` element. Other typography components (Text, Title, …)
+/** Link-specific categories. Adds `focusVisible` (a focus ring on the rendered `<a>`)
+ * and `disabled` (the dimmed disabled look). Other typography components (Text, Title, …)
  * are not focusable by default, so they keep the slimmer TYPOGRAPHY_CATEGORIES. */
-export declare const LINK_CATEGORIES: readonly ["fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily", "textAlign", "truncate", "size", "hide", "items", "justify", "position", "display", "overflow", "appearance", "margin", "variant", "cursor", "letterSpacing", "whitespace", "wordBreak", "width", "height", "responsiveSizing", "inheritSize", "inheritColor", "focusVisible"];
+export declare const LINK_CATEGORIES: readonly ["fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily", "textAlign", "truncate", "size", "hide", "items", "justify", "position", "display", "overflow", "appearance", "margin", "variant", "cursor", "letterSpacing", "whitespace", "wordBreak", "width", "height", "responsiveSizing", "inheritSize", "inheritColor", "focusVisible", "disabled"];

package/dist/types/components/ui/typography/link/LinkCategories.d.ts

@@ -1,4 +1,4 @@
-/** Link-specific categories. Adds `focusVisible` so the focus ring can render
- * on the rendered `<a>` element. Other typography components (Text, Title, …)
+/** Link-specific categories. Adds `focusVisible` (a focus ring on the rendered `<a>`)
+ * and `disabled` (the dimmed disabled look). Other typography components (Text, Title, …)
  * are not focusable by default, so they keep the slimmer TYPOGRAPHY_CATEGORIES. */
-export declare const LINK_CATEGORIES: readonly ["fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily", "textAlign", "truncate", "size", "hide", "items", "justify", "position", "display", "overflow", "appearance", "margin", "variant", "cursor", "letterSpacing", "whitespace", "wordBreak", "width", "height", "responsiveSizing", "inheritSize", "inheritColor", "focusVisible"];
+export declare const LINK_CATEGORIES: readonly ["fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily", "textAlign", "truncate", "size", "hide", "items", "justify", "position", "display", "overflow", "appearance", "margin", "variant", "cursor", "letterSpacing", "whitespace", "wordBreak", "width", "height", "responsiveSizing", "inheritSize", "inheritColor", "focusVisible", "disabled"];