@vaneui/ui 1.0.2 → 1.1.0

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

@@ -0,0 +1,3 @@
+import type { ColTheme } from "../col/ColTheme.mjs";
+/** Field's root shares Col's theme shape. */
+export type FieldTheme = ColTheme;

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

@@ -0,0 +1,3 @@
+import type { ColTheme } from "../col/ColTheme";
+/** Field's root shares Col's theme shape. */
+export type FieldTheme = ColTheme;

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

@@ -0,0 +1,2 @@
+/** Field's help text: the Text theme, muted. */
+export declare const defaultFieldDescriptionTheme: import("../theme/index.cjs").ComponentTheme<import("../typography/index.cjs").TypographyProps, import("../typography/index.cjs").TextTheme>;

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

@@ -0,0 +1,2 @@
+/** Field's help text: the Text theme, muted. */
+export declare const defaultFieldDescriptionTheme: import("../theme/index.mjs").ComponentTheme<import("../typography/index.mjs").TypographyProps, import("../typography/index.mjs").TextTheme>;

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

@@ -0,0 +1,2 @@
+/** Field's help text: the Text theme, muted. */
+export declare const defaultFieldDescriptionTheme: import("../theme").ComponentTheme<import("../typography").TypographyProps, import("../typography").TextTheme>;

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

@@ -0,0 +1,2 @@
+/** Field's error text: the Text theme, danger. */
+export declare const defaultFieldErrorTheme: import("../theme/index.cjs").ComponentTheme<import("../typography/index.cjs").TypographyProps, import("../typography/index.cjs").TextTheme>;

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

@@ -0,0 +1,2 @@
+/** Field's error text: the Text theme, danger. */
+export declare const defaultFieldErrorTheme: import("../theme/index.mjs").ComponentTheme<import("../typography/index.mjs").TypographyProps, import("../typography/index.mjs").TextTheme>;

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

@@ -0,0 +1,2 @@
+/** Field's error text: the Text theme, danger. */
+export declare const defaultFieldErrorTheme: import("../theme").ComponentTheme<import("../typography").TypographyProps, import("../typography").TextTheme>;

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

@@ -0,0 +1,2 @@
+/** Field's label: the Label theme with the stacking dropped, since Field owns the column. */
+export declare const defaultFieldLabelTheme: import("../theme/index.cjs").ComponentTheme<import("../label/index.cjs").LabelProps, import("../label/index.cjs").LabelTheme>;

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

@@ -0,0 +1,2 @@
+/** Field's label: the Label theme with the stacking dropped, since Field owns the column. */
+export declare const defaultFieldLabelTheme: import("../theme/index.mjs").ComponentTheme<import("../label/index.mjs").LabelProps, import("../label/index.mjs").LabelTheme>;

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

@@ -0,0 +1,2 @@
+/** Field's label: the Label theme with the stacking dropped, since Field owns the column. */
+export declare const defaultFieldLabelTheme: import("../theme").ComponentTheme<import("../label").LabelProps, import("../label").LabelTheme>;

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

@@ -0,0 +1,3 @@
+import { ComponentTheme } from "../theme/common/index.cjs";
+import type { FieldProps } from "./FieldProps.cjs";
+export declare const defaultFieldTheme: ComponentTheme<FieldProps, import("../theme/index.cjs").FlexLayoutComponentTheme>;

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

@@ -0,0 +1,3 @@
+import { ComponentTheme } from "../theme/common/index.mjs";
+import type { FieldProps } from "./FieldProps.mjs";
+export declare const defaultFieldTheme: ComponentTheme<FieldProps, import("../theme/index.mjs").FlexLayoutComponentTheme>;

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

@@ -0,0 +1,3 @@
+import { ComponentTheme } from "../theme/common";
+import type { FieldProps } from "./FieldProps";
+export declare const defaultFieldTheme: ComponentTheme<FieldProps, import("../theme").FlexLayoutComponentTheme>;

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

@@ -0,0 +1,3 @@
+import type { FieldProps } from "./FieldProps.cjs";
+/** Default props for Field component */
+export declare const fieldDefaults: Partial<FieldProps>;

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

@@ -0,0 +1,3 @@
+import type { FieldProps } from "./FieldProps.mjs";
+/** Default props for Field component */
+export declare const fieldDefaults: Partial<FieldProps>;

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

@@ -0,0 +1,3 @@
+import type { FieldProps } from "./FieldProps";
+/** Default props for Field component */
+export declare const fieldDefaults: Partial<FieldProps>;

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

@@ -0,0 +1,3 @@
+import type { TypographyProps } from "../typography/common/index.cjs";
+/** Field's help text: muted, one step down from the control. */
+export declare const fieldDescriptionDefaults: Partial<TypographyProps>;

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

@@ -0,0 +1,3 @@
+import type { TypographyProps } from "../typography/common/index.mjs";
+/** Field's help text: muted, one step down from the control. */
+export declare const fieldDescriptionDefaults: Partial<TypographyProps>;

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

@@ -0,0 +1,3 @@
+import type { TypographyProps } from "../typography/common";
+/** Field's help text: muted, one step down from the control. */
+export declare const fieldDescriptionDefaults: Partial<TypographyProps>;

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

@@ -0,0 +1,3 @@
+import type { TypographyProps } from "../typography/common/index.cjs";
+/** Field's error text, matching the danger cue the control gets from invalid. */
+export declare const fieldErrorDefaults: Partial<TypographyProps>;

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

@@ -0,0 +1,3 @@
+import type { TypographyProps } from "../typography/common/index.mjs";
+/** Field's error text, matching the danger cue the control gets from invalid. */
+export declare const fieldErrorDefaults: Partial<TypographyProps>;

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

@@ -0,0 +1,3 @@
+import type { TypographyProps } from "../typography/common";
+/** Field's error text, matching the danger cue the control gets from invalid. */
+export declare const fieldErrorDefaults: Partial<TypographyProps>;

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

@@ -0,0 +1,3 @@
+import type { LabelProps } from "../label/LabelProps.cjs";
+/** Field's label sits above the control and owns no layout of its own. */
+export declare const fieldLabelDefaults: Partial<LabelProps>;

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

@@ -0,0 +1,3 @@
+import type { LabelProps } from "../label/LabelProps.mjs";
+/** Field's label sits above the control and owns no layout of its own. */
+export declare const fieldLabelDefaults: Partial<LabelProps>;

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

@@ -0,0 +1,3 @@
+import type { LabelProps } from "../label/LabelProps";
+/** Field's label sits above the control and owns no layout of its own. */
+export declare const fieldLabelDefaults: Partial<LabelProps>;

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

@@ -0,0 +1,14 @@
+export { Field } from './Field.cjs';
+export type { FieldProps } from './FieldProps.cjs';
+export { FIELD_CATEGORIES } from './FieldCategories.cjs';
+export type { FieldTheme } from './FieldTheme.cjs';
+export { fieldDefaults } from './fieldDefaults.cjs';
+export { fieldLabelDefaults } from './fieldLabelDefaults.cjs';
+export { fieldDescriptionDefaults } from './fieldDescriptionDefaults.cjs';
+export { fieldErrorDefaults } from './fieldErrorDefaults.cjs';
+export { defaultFieldTheme } from './defaultFieldTheme.cjs';
+export { defaultFieldLabelTheme } from './defaultFieldLabelTheme.cjs';
+export { defaultFieldDescriptionTheme } from './defaultFieldDescriptionTheme.cjs';
+export { defaultFieldErrorTheme } from './defaultFieldErrorTheme.cjs';
+export { FieldControlContext, useFieldControlProps, useFieldGroupProps } from './FieldContext.cjs';
+export type { FieldControlContextValue } from './FieldContext.cjs';

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

@@ -0,0 +1,14 @@
+export { Field } from './Field.mjs';
+export type { FieldProps } from './FieldProps.mjs';
+export { FIELD_CATEGORIES } from './FieldCategories.mjs';
+export type { FieldTheme } from './FieldTheme.mjs';
+export { fieldDefaults } from './fieldDefaults.mjs';
+export { fieldLabelDefaults } from './fieldLabelDefaults.mjs';
+export { fieldDescriptionDefaults } from './fieldDescriptionDefaults.mjs';
+export { fieldErrorDefaults } from './fieldErrorDefaults.mjs';
+export { defaultFieldTheme } from './defaultFieldTheme.mjs';
+export { defaultFieldLabelTheme } from './defaultFieldLabelTheme.mjs';
+export { defaultFieldDescriptionTheme } from './defaultFieldDescriptionTheme.mjs';
+export { defaultFieldErrorTheme } from './defaultFieldErrorTheme.mjs';
+export { FieldControlContext, useFieldControlProps, useFieldGroupProps } from './FieldContext.mjs';
+export type { FieldControlContextValue } from './FieldContext.mjs';

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

@@ -0,0 +1,14 @@
+export { Field } from './Field';
+export type { FieldProps } from './FieldProps';
+export { FIELD_CATEGORIES } from './FieldCategories';
+export type { FieldTheme } from './FieldTheme';
+export { fieldDefaults } from './fieldDefaults';
+export { fieldLabelDefaults } from './fieldLabelDefaults';
+export { fieldDescriptionDefaults } from './fieldDescriptionDefaults';
+export { fieldErrorDefaults } from './fieldErrorDefaults';
+export { defaultFieldTheme } from './defaultFieldTheme';
+export { defaultFieldLabelTheme } from './defaultFieldLabelTheme';
+export { defaultFieldDescriptionTheme } from './defaultFieldDescriptionTheme';
+export { defaultFieldErrorTheme } from './defaultFieldErrorTheme';
+export { FieldControlContext, useFieldControlProps, useFieldGroupProps } from './FieldContext';
+export type { FieldControlContextValue } from './FieldContext';

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

@@ -3,6 +3,9 @@ export { LAYOUT_CORE, LAYOUT_FLEX, PADDING, MARGIN, BREAKPOINT, VISUAL_CORE, BOR
 import { BADGE_CATEGORIES, BUTTON_CATEGORIES, CHIP_CATEGORIES, CODE_CATEGORIES, CONTAINER_CATEGORIES, GRID_CATEGORIES, ICON_CATEGORIES, ROW_CATEGORIES, STACK_CATEGORIES } from './categoryBuilders.cjs';
 import { CARD_CATEGORIES } from '../card/CardCategories.cjs';
 import { COL_CATEGORIES } from '../col/ColCategories.cjs';
+import { FIELD_CATEGORIES } from '../field/FieldCategories.cjs';
+import { ALERT_CATEGORIES } from '../alert/AlertCategories.cjs';
+import { SPINNER_CATEGORIES } from '../spinner/SpinnerCategories.cjs';
 import { DIVIDER_CATEGORIES } from '../divider/DividerCategories.cjs';
 import { IMG_CATEGORIES } from '../img/ImgCategories.cjs';
 import { SECTION_CATEGORIES } from '../section/SectionCategories.cjs';
@@ -10,6 +13,10 @@ import { LABEL_CATEGORIES } from '../label/LabelCategories.cjs';
 import { INPUT_CATEGORIES } from '../input/InputCategories.cjs';
 import { INPUT_ERROR_ICON_CATEGORIES } from '../input/InputErrorIconCategories.cjs';
 import { INPUT_WRAPPER_CATEGORIES } from '../input/InputWrapperCategories.cjs';
+import { SELECT_CHEVRON_CATEGORIES } from '../select/SelectChevronCategories.cjs';
+import { SELECT_WRAPPER_CATEGORIES } from '../select/SelectWrapperCategories.cjs';
+import { SWITCH_CATEGORIES } from '../switch/SwitchCategories.cjs';
+import { RADIO_CATEGORIES, RADIO_GROUP_CATEGORIES } from '../radio/RadioCategories.cjs';
 import { OVERLAY_CATEGORIES } from '../overlay/OverlayCategories.cjs';
 import { MODAL_CATEGORIES } from '../modal/ModalCategories.cjs';
 import { POPUP_CATEGORIES } from '../popup/PopupCategories.cjs';
@@ -24,6 +31,9 @@ export { CARD_CATEGORIES };
 export { CHIP_CATEGORIES };
 export { CODE_CATEGORIES };
 export { COL_CATEGORIES };
+export { FIELD_CATEGORIES };
+export { ALERT_CATEGORIES };
+export { SPINNER_CATEGORIES };
 export { CONTAINER_CATEGORIES };
 export { DIVIDER_CATEGORIES };
 export { GRID_CATEGORIES };
@@ -36,6 +46,10 @@ export { LABEL_CATEGORIES };
 export { INPUT_CATEGORIES };
 export { INPUT_ERROR_ICON_CATEGORIES };
 export { INPUT_WRAPPER_CATEGORIES };
+export { SELECT_CHEVRON_CATEGORIES };
+export { SELECT_WRAPPER_CATEGORIES };
+export { SWITCH_CATEGORIES };
+export { RADIO_CATEGORIES, RADIO_GROUP_CATEGORIES };
 export { OVERLAY_CATEGORIES };
 export { MODAL_CATEGORIES };
 export { POPUP_CATEGORIES };
@@ -329,7 +343,7 @@ export type CategoryProps = {
     [K in ComponentCategoryKey]?: (typeof ComponentKeys)[K][number];
 };
 /** All available component names in the library */
-export declare const COMPONENT: readonly ["button", "iconButton", "badge", "chip", "code", "kbd", "mark", "icon", "card", "divider", "container", "row", "col", "stack", "section", "grid2", "grid3", "grid4", "grid5", "grid6", "pageTitle", "sectionTitle", "title", "text", "blockquote", "blockquoteCite", "link", "list", "listItem", "checkbox", "label", "img", "input", "inputErrorIcon", "inputWrapper", "overlay", "modal", "popup", "menu", "navLink", "table"];
+export declare const COMPONENT: readonly ["button", "iconButton", "badge", "chip", "code", "kbd", "mark", "icon", "card", "field", "alert", "spinner", "divider", "container", "row", "col", "stack", "section", "grid2", "grid3", "grid4", "grid5", "grid6", "pageTitle", "sectionTitle", "title", "text", "blockquote", "blockquoteCite", "link", "list", "listItem", "checkbox", "label", "img", "input", "inputErrorIcon", "inputWrapper", "textarea", "select", "selectChevron", "selectWrapper", "switch", "radio", "radioGroup", "overlay", "modal", "popup", "tooltip", "menu", "navLink", "table"];
 /** Type for component name keys */
 export type ComponentKey = typeof COMPONENT[number];
 /** Mapping of each component to its available property categories */

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

@@ -3,6 +3,9 @@ export { LAYOUT_CORE, LAYOUT_FLEX, PADDING, MARGIN, BREAKPOINT, VISUAL_CORE, BOR
 import { BADGE_CATEGORIES, BUTTON_CATEGORIES, CHIP_CATEGORIES, CODE_CATEGORIES, CONTAINER_CATEGORIES, GRID_CATEGORIES, ICON_CATEGORIES, ROW_CATEGORIES, STACK_CATEGORIES } from './categoryBuilders.mjs';
 import { CARD_CATEGORIES } from '../card/CardCategories.mjs';
 import { COL_CATEGORIES } from '../col/ColCategories.mjs';
+import { FIELD_CATEGORIES } from '../field/FieldCategories.mjs';
+import { ALERT_CATEGORIES } from '../alert/AlertCategories.mjs';
+import { SPINNER_CATEGORIES } from '../spinner/SpinnerCategories.mjs';
 import { DIVIDER_CATEGORIES } from '../divider/DividerCategories.mjs';
 import { IMG_CATEGORIES } from '../img/ImgCategories.mjs';
 import { SECTION_CATEGORIES } from '../section/SectionCategories.mjs';
@@ -10,6 +13,10 @@ import { LABEL_CATEGORIES } from '../label/LabelCategories.mjs';
 import { INPUT_CATEGORIES } from '../input/InputCategories.mjs';
 import { INPUT_ERROR_ICON_CATEGORIES } from '../input/InputErrorIconCategories.mjs';
 import { INPUT_WRAPPER_CATEGORIES } from '../input/InputWrapperCategories.mjs';
+import { SELECT_CHEVRON_CATEGORIES } from '../select/SelectChevronCategories.mjs';
+import { SELECT_WRAPPER_CATEGORIES } from '../select/SelectWrapperCategories.mjs';
+import { SWITCH_CATEGORIES } from '../switch/SwitchCategories.mjs';
+import { RADIO_CATEGORIES, RADIO_GROUP_CATEGORIES } from '../radio/RadioCategories.mjs';
 import { OVERLAY_CATEGORIES } from '../overlay/OverlayCategories.mjs';
 import { MODAL_CATEGORIES } from '../modal/ModalCategories.mjs';
 import { POPUP_CATEGORIES } from '../popup/PopupCategories.mjs';
@@ -24,6 +31,9 @@ export { CARD_CATEGORIES };
 export { CHIP_CATEGORIES };
 export { CODE_CATEGORIES };
 export { COL_CATEGORIES };
+export { FIELD_CATEGORIES };
+export { ALERT_CATEGORIES };
+export { SPINNER_CATEGORIES };
 export { CONTAINER_CATEGORIES };
 export { DIVIDER_CATEGORIES };
 export { GRID_CATEGORIES };
@@ -36,6 +46,10 @@ export { LABEL_CATEGORIES };
 export { INPUT_CATEGORIES };
 export { INPUT_ERROR_ICON_CATEGORIES };
 export { INPUT_WRAPPER_CATEGORIES };
+export { SELECT_CHEVRON_CATEGORIES };
+export { SELECT_WRAPPER_CATEGORIES };
+export { SWITCH_CATEGORIES };
+export { RADIO_CATEGORIES, RADIO_GROUP_CATEGORIES };
 export { OVERLAY_CATEGORIES };
 export { MODAL_CATEGORIES };
 export { POPUP_CATEGORIES };
@@ -329,7 +343,7 @@ export type CategoryProps = {
     [K in ComponentCategoryKey]?: (typeof ComponentKeys)[K][number];
 };
 /** All available component names in the library */
-export declare const COMPONENT: readonly ["button", "iconButton", "badge", "chip", "code", "kbd", "mark", "icon", "card", "divider", "container", "row", "col", "stack", "section", "grid2", "grid3", "grid4", "grid5", "grid6", "pageTitle", "sectionTitle", "title", "text", "blockquote", "blockquoteCite", "link", "list", "listItem", "checkbox", "label", "img", "input", "inputErrorIcon", "inputWrapper", "overlay", "modal", "popup", "menu", "navLink", "table"];
+export declare const COMPONENT: readonly ["button", "iconButton", "badge", "chip", "code", "kbd", "mark", "icon", "card", "field", "alert", "spinner", "divider", "container", "row", "col", "stack", "section", "grid2", "grid3", "grid4", "grid5", "grid6", "pageTitle", "sectionTitle", "title", "text", "blockquote", "blockquoteCite", "link", "list", "listItem", "checkbox", "label", "img", "input", "inputErrorIcon", "inputWrapper", "textarea", "select", "selectChevron", "selectWrapper", "switch", "radio", "radioGroup", "overlay", "modal", "popup", "tooltip", "menu", "navLink", "table"];
 /** Type for component name keys */
 export type ComponentKey = typeof COMPONENT[number];
 /** Mapping of each component to its available property categories */

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

@@ -3,6 +3,9 @@ export { LAYOUT_CORE, LAYOUT_FLEX, PADDING, MARGIN, BREAKPOINT, VISUAL_CORE, BOR
 import { BADGE_CATEGORIES, BUTTON_CATEGORIES, CHIP_CATEGORIES, CODE_CATEGORIES, CONTAINER_CATEGORIES, GRID_CATEGORIES, ICON_CATEGORIES, ROW_CATEGORIES, STACK_CATEGORIES } from './categoryBuilders';
 import { CARD_CATEGORIES } from '../card/CardCategories';
 import { COL_CATEGORIES } from '../col/ColCategories';
+import { FIELD_CATEGORIES } from '../field/FieldCategories';
+import { ALERT_CATEGORIES } from '../alert/AlertCategories';
+import { SPINNER_CATEGORIES } from '../spinner/SpinnerCategories';
 import { DIVIDER_CATEGORIES } from '../divider/DividerCategories';
 import { IMG_CATEGORIES } from '../img/ImgCategories';
 import { SECTION_CATEGORIES } from '../section/SectionCategories';
@@ -10,6 +13,10 @@ import { LABEL_CATEGORIES } from '../label/LabelCategories';
 import { INPUT_CATEGORIES } from '../input/InputCategories';
 import { INPUT_ERROR_ICON_CATEGORIES } from '../input/InputErrorIconCategories';
 import { INPUT_WRAPPER_CATEGORIES } from '../input/InputWrapperCategories';
+import { SELECT_CHEVRON_CATEGORIES } from '../select/SelectChevronCategories';
+import { SELECT_WRAPPER_CATEGORIES } from '../select/SelectWrapperCategories';
+import { SWITCH_CATEGORIES } from '../switch/SwitchCategories';
+import { RADIO_CATEGORIES, RADIO_GROUP_CATEGORIES } from '../radio/RadioCategories';
 import { OVERLAY_CATEGORIES } from '../overlay/OverlayCategories';
 import { MODAL_CATEGORIES } from '../modal/ModalCategories';
 import { POPUP_CATEGORIES } from '../popup/PopupCategories';
@@ -24,6 +31,9 @@ export { CARD_CATEGORIES };
 export { CHIP_CATEGORIES };
 export { CODE_CATEGORIES };
 export { COL_CATEGORIES };
+export { FIELD_CATEGORIES };
+export { ALERT_CATEGORIES };
+export { SPINNER_CATEGORIES };
 export { CONTAINER_CATEGORIES };
 export { DIVIDER_CATEGORIES };
 export { GRID_CATEGORIES };
@@ -36,6 +46,10 @@ export { LABEL_CATEGORIES };
 export { INPUT_CATEGORIES };
 export { INPUT_ERROR_ICON_CATEGORIES };
 export { INPUT_WRAPPER_CATEGORIES };
+export { SELECT_CHEVRON_CATEGORIES };
+export { SELECT_WRAPPER_CATEGORIES };
+export { SWITCH_CATEGORIES };
+export { RADIO_CATEGORIES, RADIO_GROUP_CATEGORIES };
 export { OVERLAY_CATEGORIES };
 export { MODAL_CATEGORIES };
 export { POPUP_CATEGORIES };
@@ -329,7 +343,7 @@ export type CategoryProps = {
     [K in ComponentCategoryKey]?: (typeof ComponentKeys)[K][number];
 };
 /** All available component names in the library */
-export declare const COMPONENT: readonly ["button", "iconButton", "badge", "chip", "code", "kbd", "mark", "icon", "card", "divider", "container", "row", "col", "stack", "section", "grid2", "grid3", "grid4", "grid5", "grid6", "pageTitle", "sectionTitle", "title", "text", "blockquote", "blockquoteCite", "link", "list", "listItem", "checkbox", "label", "img", "input", "inputErrorIcon", "inputWrapper", "overlay", "modal", "popup", "menu", "navLink", "table"];
+export declare const COMPONENT: readonly ["button", "iconButton", "badge", "chip", "code", "kbd", "mark", "icon", "card", "field", "alert", "spinner", "divider", "container", "row", "col", "stack", "section", "grid2", "grid3", "grid4", "grid5", "grid6", "pageTitle", "sectionTitle", "title", "text", "blockquote", "blockquoteCite", "link", "list", "listItem", "checkbox", "label", "img", "input", "inputErrorIcon", "inputWrapper", "textarea", "select", "selectChevron", "selectWrapper", "switch", "radio", "radioGroup", "overlay", "modal", "popup", "tooltip", "menu", "navLink", "table"];
 /** Type for component name keys */
 export type ComponentKey = typeof COMPONENT[number];
 /** Mapping of each component to its available property categories */

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

@@ -0,0 +1,3 @@
+export declare const Radio: import("react").ForwardRefExoticComponent<import("../props/index.cjs").BaseProps & import("../props/index.cjs").SizeProps & import("../props/index.cjs").HideProps & import("../props/index.cjs").ItemsProps & import("../props/index.cjs").AlignSelfProps & import("../props/index.cjs").JustifyProps & import("../props/index.cjs").PositionProps & import("../props/index.cjs").DisplayProps & import("../props/index.cjs").OverflowProps & import("../props/index.cjs").AppearanceProps & import("../props/index.cjs").BorderProps & import("../props/index.cjs").ShadowProps & import("../props/index.cjs").RingProps & import("../props/index.cjs").FocusVisibleProps & import("../props/index.cjs").ShapeProps & import("../props/index.cjs").VariantProps & import("../props/index.cjs").CursorProps & import("../props/index.cjs").TransitionProps & import("../props/index.cjs").StatusProps & import("../props/index.cjs").WidthProps & import("../props/index.cjs").HeightProps & import("../props/index.cjs").TransparentProps & import("../props/index.cjs").ResponsiveProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "className" | "children"> & {
+    tag?: React.ElementType;
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,3 @@
+export declare const Radio: import("react").ForwardRefExoticComponent<import("../props/index.mjs").BaseProps & import("../props/index.mjs").SizeProps & import("../props/index.mjs").HideProps & import("../props/index.mjs").ItemsProps & import("../props/index.mjs").AlignSelfProps & import("../props/index.mjs").JustifyProps & import("../props/index.mjs").PositionProps & import("../props/index.mjs").DisplayProps & import("../props/index.mjs").OverflowProps & import("../props/index.mjs").AppearanceProps & import("../props/index.mjs").BorderProps & import("../props/index.mjs").ShadowProps & import("../props/index.mjs").RingProps & import("../props/index.mjs").FocusVisibleProps & import("../props/index.mjs").ShapeProps & import("../props/index.mjs").VariantProps & import("../props/index.mjs").CursorProps & import("../props/index.mjs").TransitionProps & import("../props/index.mjs").StatusProps & import("../props/index.mjs").WidthProps & import("../props/index.mjs").HeightProps & import("../props/index.mjs").TransparentProps & import("../props/index.mjs").ResponsiveProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "className" | "children"> & {
+    tag?: React.ElementType;
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,3 @@
+export declare const Radio: import("react").ForwardRefExoticComponent<import("../props").BaseProps & import("../props").SizeProps & import("../props").HideProps & import("../props").ItemsProps & import("../props").AlignSelfProps & import("../props").JustifyProps & import("../props").PositionProps & import("../props").DisplayProps & import("../props").OverflowProps & import("../props").AppearanceProps & import("../props").BorderProps & import("../props").ShadowProps & import("../props").RingProps & import("../props").FocusVisibleProps & import("../props").ShapeProps & import("../props").VariantProps & import("../props").CursorProps & import("../props").TransitionProps & import("../props").StatusProps & import("../props").WidthProps & import("../props").HeightProps & import("../props").TransparentProps & import("../props").ResponsiveProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "className" | "children"> & {
+    tag?: React.ElementType;
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,6 @@
+/** 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"];
+/** 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. */
+export declare const RADIO_GROUP_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "flex", "shrink", "padding", "margin", "appearance", "border", "shadow", "ring", "shape", "variant", "breakpoint", "width", "height", "transparent", "responsiveSizing", "textAlign", "focusVisible"];

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

@@ -0,0 +1,6 @@
+/** 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"];
+/** 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. */
+export declare const RADIO_GROUP_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "flex", "shrink", "padding", "margin", "appearance", "border", "shadow", "ring", "shape", "variant", "breakpoint", "width", "height", "transparent", "responsiveSizing", "textAlign", "focusVisible"];

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

@@ -0,0 +1,6 @@
+/** 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"];
+/** 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. */
+export declare const RADIO_GROUP_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "flex", "shrink", "padding", "margin", "appearance", "border", "shadow", "ring", "shape", "variant", "breakpoint", "width", "height", "transparent", "responsiveSizing", "textAlign", "focusVisible"];

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

@@ -0,0 +1,15 @@
+import type { ReactElement } from "react";
+import type { BaseComponentTheme, DefaultLayoutClassMappers } from "../theme/common/index.cjs";
+import type { SimpleConsumerClassMapper } from "../theme/appearance/index.cjs";
+import type { FocusVisibleClassMapper } from "../theme/layout/index.cjs";
+/** Theme interface for radio dot element */
+export interface RadioDotTheme extends BaseComponentTheme {
+    dotElement: () => ReactElement;
+    appearance: {
+        color: SimpleConsumerClassMapper;
+        focusVisible: SimpleConsumerClassMapper;
+    };
+    layout: DefaultLayoutClassMappers & {
+        focusVisible: FocusVisibleClassMapper;
+    };
+}

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

@@ -0,0 +1,15 @@
+import type { ReactElement } from "react";
+import type { BaseComponentTheme, DefaultLayoutClassMappers } from "../theme/common/index.mjs";
+import type { SimpleConsumerClassMapper } from "../theme/appearance/index.mjs";
+import type { FocusVisibleClassMapper } from "../theme/layout/index.mjs";
+/** Theme interface for radio dot element */
+export interface RadioDotTheme extends BaseComponentTheme {
+    dotElement: () => ReactElement;
+    appearance: {
+        color: SimpleConsumerClassMapper;
+        focusVisible: SimpleConsumerClassMapper;
+    };
+    layout: DefaultLayoutClassMappers & {
+        focusVisible: FocusVisibleClassMapper;
+    };
+}

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

@@ -0,0 +1,15 @@
+import type { ReactElement } from "react";
+import type { BaseComponentTheme, DefaultLayoutClassMappers } from "../theme/common";
+import type { SimpleConsumerClassMapper } from "../theme/appearance";
+import type { FocusVisibleClassMapper } from "../theme/layout";
+/** Theme interface for radio dot element */
+export interface RadioDotTheme extends BaseComponentTheme {
+    dotElement: () => ReactElement;
+    appearance: {
+        color: SimpleConsumerClassMapper;
+        focusVisible: SimpleConsumerClassMapper;
+    };
+    layout: DefaultLayoutClassMappers & {
+        focusVisible: FocusVisibleClassMapper;
+    };
+}

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

@@ -0,0 +1,7 @@
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<import("../props/index.cjs").BaseProps & 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").FocusVisibleProps & import("../props/index.cjs").ShapeProps & import("../props/index.cjs").VariantProps & import("../props/index.cjs").TransparentProps & import("../props/index.cjs").ResponsiveProps & import("../props/index.cjs").TextAlignProps & import("../props/index.cjs").PaddingProps & import("../props/index.cjs").MarginProps & import("../props/index.cjs").WidthProps & import("../props/index.cjs").HeightProps & import("../props/index.cjs").CleanHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    tag?: React.ElementType;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<import("../props/index.mjs").BaseProps & 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").FocusVisibleProps & import("../props/index.mjs").ShapeProps & import("../props/index.mjs").VariantProps & import("../props/index.mjs").TransparentProps & import("../props/index.mjs").ResponsiveProps & import("../props/index.mjs").TextAlignProps & import("../props/index.mjs").PaddingProps & import("../props/index.mjs").MarginProps & import("../props/index.mjs").WidthProps & import("../props/index.mjs").HeightProps & import("../props/index.mjs").CleanHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    tag?: React.ElementType;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<import("../props").BaseProps & 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").FocusVisibleProps & import("../props").ShapeProps & import("../props").VariantProps & import("../props").TransparentProps & import("../props").ResponsiveProps & import("../props").TextAlignProps & import("../props").PaddingProps & import("../props").MarginProps & import("../props").WidthProps & import("../props").HeightProps & import("../props").CleanHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    tag?: React.ElementType;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,16 @@
+import { type ChangeEventHandler } from 'react';
+import type { SizeKey } from '../props/index.cjs';
+export interface RadioGroupContextValue {
+    /** Name shared by every Radio in the group, so the browser enforces single selection. */
+    name?: string;
+    /** Size explicitly set on the group — the size default for its Radios; an explicit Radio size wins. */
+    size?: SizeKey;
+    /** Selected value when the group is controlled. */
+    value?: string;
+    /** Initially selected value when the group is uncontrolled. */
+    defaultValue?: string;
+    /** Called after the Radio's own onChange whenever a Radio in the group changes. */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue | null>;
+export declare function useRadioGroupContext(): RadioGroupContextValue | null;

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

@@ -0,0 +1,16 @@
+import { type ChangeEventHandler } from 'react';
+import type { SizeKey } from '../props/index.mjs';
+export interface RadioGroupContextValue {
+    /** Name shared by every Radio in the group, so the browser enforces single selection. */
+    name?: string;
+    /** Size explicitly set on the group — the size default for its Radios; an explicit Radio size wins. */
+    size?: SizeKey;
+    /** Selected value when the group is controlled. */
+    value?: string;
+    /** Initially selected value when the group is uncontrolled. */
+    defaultValue?: string;
+    /** Called after the Radio's own onChange whenever a Radio in the group changes. */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue | null>;
+export declare function useRadioGroupContext(): RadioGroupContextValue | null;

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

@@ -0,0 +1,16 @@
+import { type ChangeEventHandler } from 'react';
+import type { SizeKey } from '../props';
+export interface RadioGroupContextValue {
+    /** Name shared by every Radio in the group, so the browser enforces single selection. */
+    name?: string;
+    /** Size explicitly set on the group — the size default for its Radios; an explicit Radio size wins. */
+    size?: SizeKey;
+    /** Selected value when the group is controlled. */
+    value?: string;
+    /** Initially selected value when the group is uncontrolled. */
+    defaultValue?: string;
+    /** Called after the Radio's own onChange whenever a Radio in the group changes. */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue | null>;
+export declare function useRadioGroupContext(): RadioGroupContextValue | null;

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

@@ -0,0 +1,15 @@
+import type React from 'react';
+import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, FlexProps, ShrinkProps, GapProps, FlexDirectionProps, BreakpointProps, AppearanceProps, BorderProps, ShadowProps, RingProps, FocusVisibleProps, ShapeProps, VariantProps, TransparentProps, ResponsiveProps, TextAlignProps, PaddingProps, MarginProps, WidthProps, HeightProps, CleanHTMLProps } from '../props/index.cjs';
+/** RadioGroup component props */
+export type RadioGroupProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & FlexProps & ShrinkProps & GapProps & FlexDirectionProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & VariantProps & TransparentProps & ResponsiveProps & TextAlignProps & PaddingProps & MarginProps & WidthProps & HeightProps & CleanHTMLProps<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> & {
+    /** Custom HTML tag or React component to render as */
+    tag?: React.ElementType;
+    /** Name shared by every Radio in the group; generated when omitted */
+    name?: string;
+    /** Selected value — makes the group controlled */
+    value?: string;
+    /** Initially selected value for an uncontrolled group */
+    defaultValue?: string;
+    /** Fires when any Radio in the group changes */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+};

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

@@ -0,0 +1,15 @@
+import type React from 'react';
+import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, FlexProps, ShrinkProps, GapProps, FlexDirectionProps, BreakpointProps, AppearanceProps, BorderProps, ShadowProps, RingProps, FocusVisibleProps, ShapeProps, VariantProps, TransparentProps, ResponsiveProps, TextAlignProps, PaddingProps, MarginProps, WidthProps, HeightProps, CleanHTMLProps } from '../props/index.mjs';
+/** RadioGroup component props */
+export type RadioGroupProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & FlexProps & ShrinkProps & GapProps & FlexDirectionProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & VariantProps & TransparentProps & ResponsiveProps & TextAlignProps & PaddingProps & MarginProps & WidthProps & HeightProps & CleanHTMLProps<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> & {
+    /** Custom HTML tag or React component to render as */
+    tag?: React.ElementType;
+    /** Name shared by every Radio in the group; generated when omitted */
+    name?: string;
+    /** Selected value — makes the group controlled */
+    value?: string;
+    /** Initially selected value for an uncontrolled group */
+    defaultValue?: string;
+    /** Fires when any Radio in the group changes */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+};

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

@@ -0,0 +1,15 @@
+import type React from 'react';
+import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, FlexProps, ShrinkProps, GapProps, FlexDirectionProps, BreakpointProps, AppearanceProps, BorderProps, ShadowProps, RingProps, FocusVisibleProps, ShapeProps, VariantProps, TransparentProps, ResponsiveProps, TextAlignProps, PaddingProps, MarginProps, WidthProps, HeightProps, CleanHTMLProps } from '../props';
+/** RadioGroup component props */
+export type RadioGroupProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & FlexProps & ShrinkProps & GapProps & FlexDirectionProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & VariantProps & TransparentProps & ResponsiveProps & TextAlignProps & PaddingProps & MarginProps & WidthProps & HeightProps & CleanHTMLProps<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> & {
+    /** Custom HTML tag or React component to render as */
+    tag?: React.ElementType;
+    /** Name shared by every Radio in the group; generated when omitted */
+    name?: string;
+    /** Selected value — makes the group controlled */
+    value?: string;
+    /** Initially selected value for an uncontrolled group */
+    defaultValue?: string;
+    /** Fires when any Radio in the group changes */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+};

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

@@ -0,0 +1,10 @@
+import type React from 'react';
+import type { BaseProps, SizeProps, HideProps, ItemsProps, AlignSelfProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, AppearanceProps, BorderProps, ShadowProps, RingProps, FocusVisibleProps, ShapeProps, VariantProps, CursorProps, TransitionProps, StatusProps, WidthProps, HeightProps, TransparentProps, ResponsiveProps } from '../props/index.cjs';
+import type { CheckboxCheckProps } from '../checkbox/CheckboxCheckProps.cjs';
+/** Radio component props */
+export type RadioProps = BaseProps & SizeProps & HideProps & ItemsProps & AlignSelfProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & AppearanceProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & VariantProps & CursorProps & TransitionProps & StatusProps & WidthProps & HeightProps & TransparentProps & ResponsiveProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'children'> & {
+    /** Custom HTML tag or React component to render as */
+    tag?: React.ElementType;
+};
+/** Props for the radio dot sub-theme — same decorative-overlay contract as Checkbox's check mark */
+export type RadioDotProps = CheckboxCheckProps;