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

package/dist/types/components/ui/alert/Alert.d.cts

@@ -1,4 +1,4 @@
-export declare const Alert: import("react").ForwardRefExoticComponent<import("../props/index.cjs").BaseProps & import("../props/index.cjs").TextAlignProps & import("../props/index.cjs").SizeProps & import("../props/index.cjs").HideProps & import("../props/index.cjs").ItemsProps & import("../props/index.cjs").JustifyProps & import("../props/index.cjs").PositionProps & import("../props/index.cjs").DisplayProps & import("../props/index.cjs").OverflowProps & import("../props/index.cjs").WrapProps & import("../props/index.cjs").FlexProps & import("../props/index.cjs").ShrinkProps & import("../props/index.cjs").GapProps & import("../props/index.cjs").FlexDirectionProps & import("../props/index.cjs").BreakpointProps & import("../props/index.cjs").AppearanceProps & import("../props/index.cjs").BorderProps & import("../props/index.cjs").ShadowProps & import("../props/index.cjs").RingProps & import("../props/index.cjs").ShapeProps & import("../props/index.cjs").PaddingProps & import("../props/index.cjs").MarginProps & import("../props/index.cjs").VariantProps & import("../props/index.cjs").TransparentProps & import("../props/index.cjs").ResponsiveProps & import("../props/index.cjs").WidthProps & import("../props/index.cjs").HeightProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
+export declare const Alert: import("react").ForwardRefExoticComponent<import("../props/index.cjs").BaseProps & import("../props/index.cjs").TextAlignProps & import("../props/index.cjs").FontFamilyProps & import("../props/index.cjs").SizeProps & import("../props/index.cjs").HideProps & import("../props/index.cjs").ItemsProps & import("../props/index.cjs").JustifyProps & import("../props/index.cjs").PositionProps & import("../props/index.cjs").DisplayProps & import("../props/index.cjs").OverflowProps & import("../props/index.cjs").WrapProps & import("../props/index.cjs").FlexProps & import("../props/index.cjs").ShrinkProps & import("../props/index.cjs").GapProps & import("../props/index.cjs").FlexDirectionProps & import("../props/index.cjs").BreakpointProps & import("../props/index.cjs").AppearanceProps & import("../props/index.cjs").BorderProps & import("../props/index.cjs").ShadowProps & import("../props/index.cjs").RingProps & import("../props/index.cjs").ShapeProps & import("../props/index.cjs").PaddingProps & import("../props/index.cjs").MarginProps & import("../props/index.cjs").VariantProps & import("../props/index.cjs").TransparentProps & import("../props/index.cjs").ResponsiveProps & import("../props/index.cjs").WidthProps & import("../props/index.cjs").HeightProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
     polite?: boolean;
     tag?: React.ElementType;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/ui/alert/Alert.d.mts

@@ -1,4 +1,4 @@
-export declare const Alert: import("react").ForwardRefExoticComponent<import("../props/index.mjs").BaseProps & import("../props/index.mjs").TextAlignProps & import("../props/index.mjs").SizeProps & import("../props/index.mjs").HideProps & import("../props/index.mjs").ItemsProps & import("../props/index.mjs").JustifyProps & import("../props/index.mjs").PositionProps & import("../props/index.mjs").DisplayProps & import("../props/index.mjs").OverflowProps & import("../props/index.mjs").WrapProps & import("../props/index.mjs").FlexProps & import("../props/index.mjs").ShrinkProps & import("../props/index.mjs").GapProps & import("../props/index.mjs").FlexDirectionProps & import("../props/index.mjs").BreakpointProps & import("../props/index.mjs").AppearanceProps & import("../props/index.mjs").BorderProps & import("../props/index.mjs").ShadowProps & import("../props/index.mjs").RingProps & import("../props/index.mjs").ShapeProps & import("../props/index.mjs").PaddingProps & import("../props/index.mjs").MarginProps & import("../props/index.mjs").VariantProps & import("../props/index.mjs").TransparentProps & import("../props/index.mjs").ResponsiveProps & import("../props/index.mjs").WidthProps & import("../props/index.mjs").HeightProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
+export declare const Alert: import("react").ForwardRefExoticComponent<import("../props/index.mjs").BaseProps & import("../props/index.mjs").TextAlignProps & import("../props/index.mjs").FontFamilyProps & import("../props/index.mjs").SizeProps & import("../props/index.mjs").HideProps & import("../props/index.mjs").ItemsProps & import("../props/index.mjs").JustifyProps & import("../props/index.mjs").PositionProps & import("../props/index.mjs").DisplayProps & import("../props/index.mjs").OverflowProps & import("../props/index.mjs").WrapProps & import("../props/index.mjs").FlexProps & import("../props/index.mjs").ShrinkProps & import("../props/index.mjs").GapProps & import("../props/index.mjs").FlexDirectionProps & import("../props/index.mjs").BreakpointProps & import("../props/index.mjs").AppearanceProps & import("../props/index.mjs").BorderProps & import("../props/index.mjs").ShadowProps & import("../props/index.mjs").RingProps & import("../props/index.mjs").ShapeProps & import("../props/index.mjs").PaddingProps & import("../props/index.mjs").MarginProps & import("../props/index.mjs").VariantProps & import("../props/index.mjs").TransparentProps & import("../props/index.mjs").ResponsiveProps & import("../props/index.mjs").WidthProps & import("../props/index.mjs").HeightProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
     polite?: boolean;
     tag?: React.ElementType;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/ui/alert/Alert.d.ts

@@ -1,4 +1,4 @@
-export declare const Alert: import("react").ForwardRefExoticComponent<import("../props").BaseProps & import("../props").TextAlignProps & import("../props").SizeProps & import("../props").HideProps & import("../props").ItemsProps & import("../props").JustifyProps & import("../props").PositionProps & import("../props").DisplayProps & import("../props").OverflowProps & import("../props").WrapProps & import("../props").FlexProps & import("../props").ShrinkProps & import("../props").GapProps & import("../props").FlexDirectionProps & import("../props").BreakpointProps & import("../props").AppearanceProps & import("../props").BorderProps & import("../props").ShadowProps & import("../props").RingProps & import("../props").ShapeProps & import("../props").PaddingProps & import("../props").MarginProps & import("../props").VariantProps & import("../props").TransparentProps & import("../props").ResponsiveProps & import("../props").WidthProps & import("../props").HeightProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
+export declare const Alert: import("react").ForwardRefExoticComponent<import("../props").BaseProps & import("../props").TextAlignProps & import("../props").FontFamilyProps & import("../props").SizeProps & import("../props").HideProps & import("../props").ItemsProps & import("../props").JustifyProps & import("../props").PositionProps & import("../props").DisplayProps & import("../props").OverflowProps & import("../props").WrapProps & import("../props").FlexProps & import("../props").ShrinkProps & import("../props").GapProps & import("../props").FlexDirectionProps & import("../props").BreakpointProps & import("../props").AppearanceProps & import("../props").BorderProps & import("../props").ShadowProps & import("../props").RingProps & import("../props").ShapeProps & import("../props").PaddingProps & import("../props").MarginProps & import("../props").VariantProps & import("../props").TransparentProps & import("../props").ResponsiveProps & import("../props").WidthProps & import("../props").HeightProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
     polite?: boolean;
     tag?: React.ElementType;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/ui/alert/AlertCategories.d.cts

@@ -1,2 +1,2 @@
 /** Card's list without cursor/focusVisible: an Alert is a surface, never a link. */
-export declare const ALERT_CATEGORIES: readonly ["textAlign", "size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "flex", "shrink", "breakpoint", "appearance", "border", "shadow", "ring", "shape", "padding", "margin", "variant", "width", "height", "transparent", "responsiveSizing"];
+export declare const ALERT_CATEGORIES: readonly ["textAlign", "fontFamily", "size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "flex", "shrink", "breakpoint", "appearance", "border", "shadow", "ring", "shape", "padding", "margin", "variant", "width", "height", "transparent", "responsiveSizing"];

package/dist/types/components/ui/alert/AlertCategories.d.mts

@@ -1,2 +1,2 @@
 /** Card's list without cursor/focusVisible: an Alert is a surface, never a link. */
-export declare const ALERT_CATEGORIES: readonly ["textAlign", "size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "flex", "shrink", "breakpoint", "appearance", "border", "shadow", "ring", "shape", "padding", "margin", "variant", "width", "height", "transparent", "responsiveSizing"];
+export declare const ALERT_CATEGORIES: readonly ["textAlign", "fontFamily", "size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "flex", "shrink", "breakpoint", "appearance", "border", "shadow", "ring", "shape", "padding", "margin", "variant", "width", "height", "transparent", "responsiveSizing"];

package/dist/types/components/ui/alert/AlertCategories.d.ts

@@ -1,2 +1,2 @@
 /** Card's list without cursor/focusVisible: an Alert is a surface, never a link. */
-export declare const ALERT_CATEGORIES: readonly ["textAlign", "size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "flex", "shrink", "breakpoint", "appearance", "border", "shadow", "ring", "shape", "padding", "margin", "variant", "width", "height", "transparent", "responsiveSizing"];
+export declare const ALERT_CATEGORIES: readonly ["textAlign", "fontFamily", "size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "flex", "shrink", "breakpoint", "appearance", "border", "shadow", "ring", "shape", "padding", "margin", "variant", "width", "height", "transparent", "responsiveSizing"];

package/dist/types/components/ui/alert/AlertProps.d.cts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import type { BaseProps, TextAlignProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, FlexProps, ShrinkProps, GapProps, FlexDirectionProps, BreakpointProps, AppearanceProps, BorderProps, ShadowProps, RingProps, ShapeProps, PaddingProps, MarginProps, VariantProps, TransparentProps, ResponsiveProps, WidthProps, HeightProps } from "../props/index.cjs";
+import type { BaseProps, TextAlignProps, FontFamilyProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, FlexProps, ShrinkProps, GapProps, FlexDirectionProps, BreakpointProps, AppearanceProps, BorderProps, ShadowProps, RingProps, ShapeProps, PaddingProps, MarginProps, VariantProps, TransparentProps, ResponsiveProps, WidthProps, HeightProps } from "../props/index.cjs";
 /** Alert component props */
-export type AlertProps = BaseProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & FlexProps & ShrinkProps & GapProps & FlexDirectionProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & MarginProps & VariantProps & TransparentProps & ResponsiveProps & WidthProps & HeightProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
+export type AlertProps = BaseProps & TextAlignProps & FontFamilyProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & FlexProps & ShrinkProps & GapProps & FlexDirectionProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & MarginProps & VariantProps & TransparentProps & ResponsiveProps & WidthProps & HeightProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
     /** Announce politely (role="status") instead of interrupting (role="alert") */
     polite?: boolean;
     /** Custom HTML tag or React component to render as */

package/dist/types/components/ui/alert/AlertProps.d.mts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import type { BaseProps, TextAlignProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, FlexProps, ShrinkProps, GapProps, FlexDirectionProps, BreakpointProps, AppearanceProps, BorderProps, ShadowProps, RingProps, ShapeProps, PaddingProps, MarginProps, VariantProps, TransparentProps, ResponsiveProps, WidthProps, HeightProps } from "../props/index.mjs";
+import type { BaseProps, TextAlignProps, FontFamilyProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, FlexProps, ShrinkProps, GapProps, FlexDirectionProps, BreakpointProps, AppearanceProps, BorderProps, ShadowProps, RingProps, ShapeProps, PaddingProps, MarginProps, VariantProps, TransparentProps, ResponsiveProps, WidthProps, HeightProps } from "../props/index.mjs";
 /** Alert component props */
-export type AlertProps = BaseProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & FlexProps & ShrinkProps & GapProps & FlexDirectionProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & MarginProps & VariantProps & TransparentProps & ResponsiveProps & WidthProps & HeightProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
+export type AlertProps = BaseProps & TextAlignProps & FontFamilyProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & FlexProps & ShrinkProps & GapProps & FlexDirectionProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & MarginProps & VariantProps & TransparentProps & ResponsiveProps & WidthProps & HeightProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
     /** Announce politely (role="status") instead of interrupting (role="alert") */
     polite?: boolean;
     /** Custom HTML tag or React component to render as */

package/dist/types/components/ui/alert/AlertProps.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import type { BaseProps, TextAlignProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, FlexProps, ShrinkProps, GapProps, FlexDirectionProps, BreakpointProps, AppearanceProps, BorderProps, ShadowProps, RingProps, ShapeProps, PaddingProps, MarginProps, VariantProps, TransparentProps, ResponsiveProps, WidthProps, HeightProps } from "../props";
+import type { BaseProps, TextAlignProps, FontFamilyProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, FlexProps, ShrinkProps, GapProps, FlexDirectionProps, BreakpointProps, AppearanceProps, BorderProps, ShadowProps, RingProps, ShapeProps, PaddingProps, MarginProps, VariantProps, TransparentProps, ResponsiveProps, WidthProps, HeightProps } from "../props";
 /** Alert component props */
-export type AlertProps = BaseProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & FlexProps & ShrinkProps & GapProps & FlexDirectionProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & MarginProps & VariantProps & TransparentProps & ResponsiveProps & WidthProps & HeightProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
+export type AlertProps = BaseProps & TextAlignProps & FontFamilyProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & FlexProps & ShrinkProps & GapProps & FlexDirectionProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & MarginProps & VariantProps & TransparentProps & ResponsiveProps & WidthProps & HeightProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
     /** Announce politely (role="status") instead of interrupting (role="alert") */
     polite?: boolean;
     /** Custom HTML tag or React component to render as */

package/dist/types/components/ui/alert/AlertTheme.d.cts

@@ -1,6 +1,6 @@
 import type { FlexLayoutComponentTheme } from "../theme/common/index.cjs";
 import type { BreakpointClassMapper } from "../theme/size/index.cjs";
-import type { TextAlignClassMapper } from "../theme/typography/index.cjs";
+import type { TextAlignClassMapper, FontFamilyClassMapper } from "../theme/typography/index.cjs";
 /** Alert is a flex surface; no cursor or focus ring, since it is never a link. */
 export type AlertTheme = FlexLayoutComponentTheme & {
     size: FlexLayoutComponentTheme['size'] & {
@@ -8,5 +8,6 @@ export type AlertTheme = FlexLayoutComponentTheme & {
     };
     typography: {
         textAlign: TextAlignClassMapper;
+        fontFamily: FontFamilyClassMapper;
     };
 };

package/dist/types/components/ui/alert/AlertTheme.d.mts

@@ -1,6 +1,6 @@
 import type { FlexLayoutComponentTheme } from "../theme/common/index.mjs";
 import type { BreakpointClassMapper } from "../theme/size/index.mjs";
-import type { TextAlignClassMapper } from "../theme/typography/index.mjs";
+import type { TextAlignClassMapper, FontFamilyClassMapper } from "../theme/typography/index.mjs";
 /** Alert is a flex surface; no cursor or focus ring, since it is never a link. */
 export type AlertTheme = FlexLayoutComponentTheme & {
     size: FlexLayoutComponentTheme['size'] & {
@@ -8,5 +8,6 @@ export type AlertTheme = FlexLayoutComponentTheme & {
     };
     typography: {
         textAlign: TextAlignClassMapper;
+        fontFamily: FontFamilyClassMapper;
     };
 };

package/dist/types/components/ui/alert/AlertTheme.d.ts

@@ -1,6 +1,6 @@
 import type { FlexLayoutComponentTheme } from "../theme/common";
 import type { BreakpointClassMapper } from "../theme/size";
-import type { TextAlignClassMapper } from "../theme/typography";
+import type { TextAlignClassMapper, FontFamilyClassMapper } from "../theme/typography";
 /** Alert is a flex surface; no cursor or focus ring, since it is never a link. */
 export type AlertTheme = FlexLayoutComponentTheme & {
     size: FlexLayoutComponentTheme['size'] & {
@@ -8,5 +8,6 @@ export type AlertTheme = FlexLayoutComponentTheme & {
     };
     typography: {
         textAlign: TextAlignClassMapper;
+        fontFamily: FontFamilyClassMapper;
     };
 };

package/dist/types/components/ui/card/CardTheme.d.cts

@@ -26,6 +26,7 @@ export interface CardTheme extends BaseComponentTheme {
         border: SimpleConsumerClassMapper;
         ring: SimpleConsumerClassMapper;
         shadow: ShadowAppearanceClassMapper;
+        focusVisible: SimpleConsumerClassMapper;
     };
     typography: {
         textAlign: TextAlignClassMapper;

package/dist/types/components/ui/card/CardTheme.d.mts

@@ -26,6 +26,7 @@ export interface CardTheme extends BaseComponentTheme {
         border: SimpleConsumerClassMapper;
         ring: SimpleConsumerClassMapper;
         shadow: ShadowAppearanceClassMapper;
+        focusVisible: SimpleConsumerClassMapper;
     };
     typography: {
         textAlign: TextAlignClassMapper;

package/dist/types/components/ui/card/CardTheme.d.ts

@@ -26,6 +26,7 @@ export interface CardTheme extends BaseComponentTheme {
         border: SimpleConsumerClassMapper;
         ring: SimpleConsumerClassMapper;
         shadow: ShadowAppearanceClassMapper;
+        focusVisible: SimpleConsumerClassMapper;
     };
     typography: {
         textAlign: TextAlignClassMapper;

package/dist/types/components/ui/checkbox/CheckboxCategories.d.cts

@@ -3,4 +3,4 @@
  * Includes `alignSelf` so the wrapper can pin itself to the top of a flex line
  * (`alignSelfStart`), keeping the box centered on the first text row inside a Label
  * with multi-line content. */
-export declare const CHECKBOX_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 CHECKBOX_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/checkbox/CheckboxCategories.d.mts

@@ -3,4 +3,4 @@
  * Includes `alignSelf` so the wrapper can pin itself to the top of a flex line
  * (`alignSelfStart`), keeping the box centered on the first text row inside a Label
  * with multi-line content. */
-export declare const CHECKBOX_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 CHECKBOX_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/checkbox/CheckboxCategories.d.ts

@@ -3,4 +3,4 @@
  * Includes `alignSelf` so the wrapper can pin itself to the top of a flex line
  * (`alignSelfStart`), keeping the box centered on the first text row inside a Label
  * with multi-line content. */
-export declare const CHECKBOX_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 CHECKBOX_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/checkbox/CheckboxWrapperTheme.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 checkbox wrapper element */
@@ -15,5 +15,6 @@ export interface CheckboxWrapperTheme extends BaseComponentTheme {
         variant: SimpleConsumerClassMapper;
         focusVisible: SimpleConsumerClassMapper;
         disabled: DisabledOpacityClassMapper;
+        readOnly: ReadOnlyClassMapper;
     };
 }

package/dist/types/components/ui/checkbox/CheckboxWrapperTheme.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 checkbox wrapper element */
@@ -15,5 +15,6 @@ export interface CheckboxWrapperTheme extends BaseComponentTheme {
         variant: SimpleConsumerClassMapper;
         focusVisible: SimpleConsumerClassMapper;
         disabled: DisabledOpacityClassMapper;
+        readOnly: ReadOnlyClassMapper;
     };
 }

package/dist/types/components/ui/checkbox/CheckboxWrapperTheme.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 checkbox wrapper element */
@@ -15,5 +15,6 @@ export interface CheckboxWrapperTheme extends BaseComponentTheme {
         variant: SimpleConsumerClassMapper;
         focusVisible: SimpleConsumerClassMapper;
         disabled: DisabledOpacityClassMapper;
+        readOnly: ReadOnlyClassMapper;
     };
 }

package/dist/types/components/ui/classes/appearanceClasses.d.cts

@@ -23,3 +23,5 @@ export declare const accentConsumerClass = "accent-(--accent-color)";
  *  Applies on :indeterminate too, so an indeterminate checkbox is filled like a
  *  checked one and its (white) dash overlay stays visible. */
 export declare const checkedBgConsumerClass = "checked:[background:var(--checked-bg-color)] indeterminate:[background:var(--checked-bg-color)]";
+/** Checked-only background (Radio): an unchecked radio group matches `:indeterminate`, so that variant must not fill it. */
+export declare const checkedOnlyBgConsumerClass = "checked:[background:var(--checked-bg-color)]";

package/dist/types/components/ui/classes/appearanceClasses.d.mts

@@ -23,3 +23,5 @@ export declare const accentConsumerClass = "accent-(--accent-color)";
  *  Applies on :indeterminate too, so an indeterminate checkbox is filled like a
  *  checked one and its (white) dash overlay stays visible. */
 export declare const checkedBgConsumerClass = "checked:[background:var(--checked-bg-color)] indeterminate:[background:var(--checked-bg-color)]";
+/** Checked-only background (Radio): an unchecked radio group matches `:indeterminate`, so that variant must not fill it. */
+export declare const checkedOnlyBgConsumerClass = "checked:[background:var(--checked-bg-color)]";

package/dist/types/components/ui/classes/appearanceClasses.d.ts

@@ -23,3 +23,5 @@ export declare const accentConsumerClass = "accent-(--accent-color)";
  *  Applies on :indeterminate too, so an indeterminate checkbox is filled like a
  *  checked one and its (white) dash overlay stays visible. */
 export declare const checkedBgConsumerClass = "checked:[background:var(--checked-bg-color)] indeterminate:[background:var(--checked-bg-color)]";
+/** Checked-only background (Radio): an unchecked radio group matches `:indeterminate`, so that variant must not fill it. */
+export declare const checkedOnlyBgConsumerClass = "checked:[background:var(--checked-bg-color)]";

package/dist/types/components/ui/field/FieldContext.d.cts

@@ -4,11 +4,18 @@ export interface FieldControlContextValue {
     labelId: string;
     describedBy?: string;
     invalid: boolean;
+    /** Control state passed to a child control (children mode); the child's own prop wins. */
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
 }
 export declare const FieldControlContext: import("react").Context<FieldControlContextValue | null>;
 type FieldControlProps = {
     id?: string;
     invalid?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
     'aria-describedby'?: string;
 };
 /** Merges the enclosing Field's wiring into a labelable control; explicit props win. */

package/dist/types/components/ui/field/FieldContext.d.mts

@@ -4,11 +4,18 @@ export interface FieldControlContextValue {
     labelId: string;
     describedBy?: string;
     invalid: boolean;
+    /** Control state passed to a child control (children mode); the child's own prop wins. */
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
 }
 export declare const FieldControlContext: import("react").Context<FieldControlContextValue | null>;
 type FieldControlProps = {
     id?: string;
     invalid?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
     'aria-describedby'?: string;
 };
 /** Merges the enclosing Field's wiring into a labelable control; explicit props win. */

package/dist/types/components/ui/field/FieldContext.d.ts

@@ -4,11 +4,18 @@ export interface FieldControlContextValue {
     labelId: string;
     describedBy?: string;
     invalid: boolean;
+    /** Control state passed to a child control (children mode); the child's own prop wins. */
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
 }
 export declare const FieldControlContext: import("react").Context<FieldControlContextValue | null>;
 type FieldControlProps = {
     id?: string;
     invalid?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
     'aria-describedby'?: string;
 };
 /** Merges the enclosing Field's wiring into a labelable control; explicit props win. */

package/dist/types/components/ui/menu/MenuContext.d.cts

@@ -7,6 +7,10 @@ export interface MenuContextValue {
     isSubmenu: boolean;
     /** Submenu only: close just this submenu and return focus to its trigger (ArrowLeft / Escape). */
     closeSubmenu?: () => void;
+    /** A submenu registers its close while open (null on close), so moving to a sibling item can close it. */
+    setOpenSubmenu: (close: (() => void) | null) => void;
+    /** Close whichever child submenu is open, if any. */
+    closeOpenSubmenu: () => void;
 }
 export declare const MenuContext: import("react").Context<MenuContextValue | null>;
 export declare function useMenuContext(): MenuContextValue | null;

package/dist/types/components/ui/menu/MenuContext.d.mts

@@ -7,6 +7,10 @@ export interface MenuContextValue {
     isSubmenu: boolean;
     /** Submenu only: close just this submenu and return focus to its trigger (ArrowLeft / Escape). */
     closeSubmenu?: () => void;
+    /** A submenu registers its close while open (null on close), so moving to a sibling item can close it. */
+    setOpenSubmenu: (close: (() => void) | null) => void;
+    /** Close whichever child submenu is open, if any. */
+    closeOpenSubmenu: () => void;
 }
 export declare const MenuContext: import("react").Context<MenuContextValue | null>;
 export declare function useMenuContext(): MenuContextValue | null;

package/dist/types/components/ui/menu/MenuContext.d.ts

@@ -7,6 +7,10 @@ export interface MenuContextValue {
     isSubmenu: boolean;
     /** Submenu only: close just this submenu and return focus to its trigger (ArrowLeft / Escape). */
     closeSubmenu?: () => void;
+    /** A submenu registers its close while open (null on close), so moving to a sibling item can close it. */
+    setOpenSubmenu: (close: (() => void) | null) => void;
+    /** Close whichever child submenu is open, if any. */
+    closeOpenSubmenu: () => void;
 }
 export declare const MenuContext: import("react").Context<MenuContextValue | null>;
 export declare function useMenuContext(): MenuContextValue | null;

package/dist/types/components/ui/navLink/NavLinkLabelCategories.d.cts

@@ -1,2 +1,2 @@
-/** Categories for NavLink label sub-theme — truncation, overflow, whitespace, width */
-export declare const NAV_LINK_LABEL_CATEGORIES: readonly ["truncate", "overflow", "whitespace", "width"];
+/** Categories for NavLink label sub-theme — truncation, overflow, whitespace, width, flex grow */
+export declare const NAV_LINK_LABEL_CATEGORIES: readonly ["truncate", "overflow", "whitespace", "width", "flex"];

package/dist/types/components/ui/navLink/NavLinkLabelCategories.d.mts

@@ -1,2 +1,2 @@
-/** Categories for NavLink label sub-theme — truncation, overflow, whitespace, width */
-export declare const NAV_LINK_LABEL_CATEGORIES: readonly ["truncate", "overflow", "whitespace", "width"];
+/** Categories for NavLink label sub-theme — truncation, overflow, whitespace, width, flex grow */
+export declare const NAV_LINK_LABEL_CATEGORIES: readonly ["truncate", "overflow", "whitespace", "width", "flex"];

package/dist/types/components/ui/navLink/NavLinkLabelCategories.d.ts

@@ -1,2 +1,2 @@
-/** Categories for NavLink label sub-theme — truncation, overflow, whitespace, width */
-export declare const NAV_LINK_LABEL_CATEGORIES: readonly ["truncate", "overflow", "whitespace", "width"];
+/** Categories for NavLink label sub-theme — truncation, overflow, whitespace, width, flex grow */
+export declare const NAV_LINK_LABEL_CATEGORIES: readonly ["truncate", "overflow", "whitespace", "width", "flex"];

package/dist/types/components/ui/navLink/NavLinkLabelProps.d.cts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import type { BaseProps, TruncateProps, OverflowProps, WhitespaceProps, WordBreakProps, WidthProps } from '../props/index.cjs';
+import type { BaseProps, TruncateProps, OverflowProps, WhitespaceProps, WordBreakProps, WidthProps, FlexProps } from '../props/index.cjs';
 /** Props for the NavLink label sub-theme (inner text wrapper) */
-export type NavLinkLabelProps = BaseProps & TruncateProps & OverflowProps & WhitespaceProps & WordBreakProps & WidthProps & {
+export type NavLinkLabelProps = BaseProps & TruncateProps & OverflowProps & WhitespaceProps & WordBreakProps & WidthProps & FlexProps & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
 };

package/dist/types/components/ui/navLink/NavLinkLabelProps.d.mts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import type { BaseProps, TruncateProps, OverflowProps, WhitespaceProps, WordBreakProps, WidthProps } from '../props/index.mjs';
+import type { BaseProps, TruncateProps, OverflowProps, WhitespaceProps, WordBreakProps, WidthProps, FlexProps } from '../props/index.mjs';
 /** Props for the NavLink label sub-theme (inner text wrapper) */
-export type NavLinkLabelProps = BaseProps & TruncateProps & OverflowProps & WhitespaceProps & WordBreakProps & WidthProps & {
+export type NavLinkLabelProps = BaseProps & TruncateProps & OverflowProps & WhitespaceProps & WordBreakProps & WidthProps & FlexProps & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
 };

package/dist/types/components/ui/navLink/NavLinkLabelProps.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import type { BaseProps, TruncateProps, OverflowProps, WhitespaceProps, WordBreakProps, WidthProps } from '../props';
+import type { BaseProps, TruncateProps, OverflowProps, WhitespaceProps, WordBreakProps, WidthProps, FlexProps } from '../props';
 /** Props for the NavLink label sub-theme (inner text wrapper) */
-export type NavLinkLabelProps = BaseProps & TruncateProps & OverflowProps & WhitespaceProps & WordBreakProps & WidthProps & {
+export type NavLinkLabelProps = BaseProps & TruncateProps & OverflowProps & WhitespaceProps & WordBreakProps & WidthProps & FlexProps & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
 };

package/dist/types/components/ui/navLink/NavLinkLabelTheme.d.cts

@@ -2,12 +2,14 @@ import type { TruncateClassMapper } from "../theme/typography/truncateClassMappe
 import type { OverflowClassMapper } from "../theme/layout/overflowClassMapper.cjs";
 import type { WhitespaceClassMapper } from "../theme/layout/whitespaceClassMapper.cjs";
 import type { WidthClassMapper } from "../theme/layout/widthClassMapper.cjs";
+import type { FlexClassMapper } from "../theme/layout/flexClassMapper.cjs";
 /** Theme interface for NavLink label element */
 export interface NavLinkLabelTheme {
     layout: {
         overflow: OverflowClassMapper;
         whitespace: WhitespaceClassMapper;
         width: WidthClassMapper;
+        flex: FlexClassMapper;
     };
     typography: {
         truncate: TruncateClassMapper;

package/dist/types/components/ui/navLink/NavLinkLabelTheme.d.mts

@@ -2,12 +2,14 @@ import type { TruncateClassMapper } from "../theme/typography/truncateClassMappe
 import type { OverflowClassMapper } from "../theme/layout/overflowClassMapper.mjs";
 import type { WhitespaceClassMapper } from "../theme/layout/whitespaceClassMapper.mjs";
 import type { WidthClassMapper } from "../theme/layout/widthClassMapper.mjs";
+import type { FlexClassMapper } from "../theme/layout/flexClassMapper.mjs";
 /** Theme interface for NavLink label element */
 export interface NavLinkLabelTheme {
     layout: {
         overflow: OverflowClassMapper;
         whitespace: WhitespaceClassMapper;
         width: WidthClassMapper;
+        flex: FlexClassMapper;
     };
     typography: {
         truncate: TruncateClassMapper;

package/dist/types/components/ui/navLink/NavLinkLabelTheme.d.ts

@@ -2,12 +2,14 @@ import type { TruncateClassMapper } from "../theme/typography/truncateClassMappe
 import type { OverflowClassMapper } from "../theme/layout/overflowClassMapper";
 import type { WhitespaceClassMapper } from "../theme/layout/whitespaceClassMapper";
 import type { WidthClassMapper } from "../theme/layout/widthClassMapper";
+import type { FlexClassMapper } from "../theme/layout/flexClassMapper";
 /** Theme interface for NavLink label element */
 export interface NavLinkLabelTheme {
     layout: {
         overflow: OverflowClassMapper;
         whitespace: WhitespaceClassMapper;
         width: WidthClassMapper;
+        flex: FlexClassMapper;
     };
     typography: {
         truncate: TruncateClassMapper;

package/dist/types/components/ui/props/categoryBuilders.d.cts

@@ -11,6 +11,7 @@ export declare const VISUAL_DECORATION: readonly ["shadow", "ring", "focusVisibl
 export declare const VISUAL_DECORATION_LAYOUT: readonly ["shadow", "ring"];
 export declare const SHAPE: readonly ["shape"];
 export declare const TEXT_ALIGN: readonly ["textAlign"];
+export declare const FONT_FAMILY: readonly ["fontFamily"];
 export declare const TRUNCATE: readonly ["truncate"];
 export declare const TYPOGRAPHY_STYLE_CORE: readonly ["fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily"];
 export declare const TYPOGRAPHY_STYLE: readonly ["fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily", "textAlign", "truncate"];

package/dist/types/components/ui/props/categoryBuilders.d.mts

@@ -11,6 +11,7 @@ export declare const VISUAL_DECORATION: readonly ["shadow", "ring", "focusVisibl
 export declare const VISUAL_DECORATION_LAYOUT: readonly ["shadow", "ring"];
 export declare const SHAPE: readonly ["shape"];
 export declare const TEXT_ALIGN: readonly ["textAlign"];
+export declare const FONT_FAMILY: readonly ["fontFamily"];
 export declare const TRUNCATE: readonly ["truncate"];
 export declare const TYPOGRAPHY_STYLE_CORE: readonly ["fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily"];
 export declare const TYPOGRAPHY_STYLE: readonly ["fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily", "textAlign", "truncate"];

package/dist/types/components/ui/props/categoryBuilders.d.ts

@@ -11,6 +11,7 @@ export declare const VISUAL_DECORATION: readonly ["shadow", "ring", "focusVisibl
 export declare const VISUAL_DECORATION_LAYOUT: readonly ["shadow", "ring"];
 export declare const SHAPE: readonly ["shape"];
 export declare const TEXT_ALIGN: readonly ["textAlign"];
+export declare const FONT_FAMILY: readonly ["fontFamily"];
 export declare const TRUNCATE: readonly ["truncate"];
 export declare const TYPOGRAPHY_STYLE_CORE: readonly ["fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily"];
 export declare const TYPOGRAPHY_STYLE: readonly ["fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily", "textAlign", "truncate"];

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

@@ -1,5 +1,5 @@
 /** Radio is the same box control as Checkbox (minus indeterminate, which is not a category). */
-export declare const RADIO_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 RADIO_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"];
 /** The dot is a decorative overlay like Checkbox's check mark — layout categories only. */
 export declare const RADIO_DOT_CATEGORIES: readonly ["display", "items", "justify", "position", "hide"];
 /** RadioGroup is a flex column container, so it takes Col's category set. */

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

@@ -1,5 +1,5 @@
 /** Radio is the same box control as Checkbox (minus indeterminate, which is not a category). */
-export declare const RADIO_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 RADIO_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"];
 /** The dot is a decorative overlay like Checkbox's check mark — layout categories only. */
 export declare const RADIO_DOT_CATEGORIES: readonly ["display", "items", "justify", "position", "hide"];
 /** RadioGroup is a flex column container, so it takes Col's category set. */

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

@@ -1,5 +1,5 @@
 /** Radio is the same box control as Checkbox (minus indeterminate, which is not a category). */
-export declare const RADIO_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 RADIO_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"];
 /** The dot is a decorative overlay like Checkbox's check mark — layout categories only. */
 export declare const RADIO_DOT_CATEGORIES: readonly ["display", "items", "justify", "position", "hide"];
 /** RadioGroup is a flex column container, so it takes Col's category set. */

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

@@ -11,6 +11,9 @@ export interface RadioGroupContextValue {
     defaultValue?: string;
     /** Called after the Radio's own onChange whenever a Radio in the group changes. */
     onChange?: ChangeEventHandler<HTMLInputElement>;
+    /** Set by an enclosing Field; a Radio's own prop wins. */
+    disabled?: boolean;
+    required?: boolean;
 }
 export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue | null>;
 export declare function useRadioGroupContext(): RadioGroupContextValue | null;

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

@@ -11,6 +11,9 @@ export interface RadioGroupContextValue {
     defaultValue?: string;
     /** Called after the Radio's own onChange whenever a Radio in the group changes. */
     onChange?: ChangeEventHandler<HTMLInputElement>;
+    /** Set by an enclosing Field; a Radio's own prop wins. */
+    disabled?: boolean;
+    required?: boolean;
 }
 export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue | null>;
 export declare function useRadioGroupContext(): RadioGroupContextValue | null;

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

@@ -11,6 +11,9 @@ export interface RadioGroupContextValue {
     defaultValue?: string;
     /** Called after the Radio's own onChange whenever a Radio in the group changes. */
     onChange?: ChangeEventHandler<HTMLInputElement>;
+    /** Set by an enclosing Field; a Radio's own prop wins. */
+    disabled?: boolean;
+    required?: boolean;
 }
 export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue | null>;
 export declare function useRadioGroupContext(): RadioGroupContextValue | null;

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;
     };
 }