@vaneui/ui 1.0.2 → 1.1.0

package/dist/types/components/themeTypes.d.cts

@@ -10,6 +10,9 @@ import type { LinkTheme } from './ui/typography/link/LinkTheme.cjs';
 import type { ListTheme } from './ui/typography/list/ListTheme.cjs';
 import type { ListItemTheme } from './ui/typography/listItem/ListItemTheme.cjs';
 import type { CardTheme } from "./ui/card/CardTheme.cjs";
+import type { FieldTheme } from "./ui/field/FieldTheme.cjs";
+import type { AlertTheme } from "./ui/alert/AlertTheme.cjs";
+import type { SpinnerTheme } from "./ui/spinner/SpinnerTheme.cjs";
 import type { CardHeaderTheme } from './ui/card/CardHeaderTheme.cjs';
 import type { CardBodyTheme } from './ui/card/CardBodyTheme.cjs';
 import type { CardFooterTheme } from './ui/card/CardFooterTheme.cjs';
@@ -29,6 +32,14 @@ import type { ImgTheme } from './ui/img/ImgTheme.cjs';
 import type { InputTheme } from './ui/input/InputTheme.cjs';
 import type { InputErrorIconTheme } from './ui/input/InputErrorIconTheme.cjs';
 import type { InputWrapperTheme } from './ui/input/InputWrapperTheme.cjs';
+import type { SelectChevronTheme } from './ui/select/SelectChevronTheme.cjs';
+import type { SelectWrapperTheme } from './ui/select/SelectWrapperTheme.cjs';
+import type { SwitchTheme } from './ui/switch/SwitchTheme.cjs';
+import type { SwitchThumbTheme } from './ui/switch/SwitchThumbTheme.cjs';
+import type { SwitchWrapperTheme } from './ui/switch/SwitchWrapperTheme.cjs';
+import type { RadioTheme } from './ui/radio/RadioTheme.cjs';
+import type { RadioDotTheme } from './ui/radio/RadioDotTheme.cjs';
+import type { RadioWrapperTheme } from './ui/radio/RadioWrapperTheme.cjs';
 import type { OverlayTheme } from './ui/overlay/OverlayTheme.cjs';
 import type { ModalContentTheme } from './ui/modal/ModalContentTheme.cjs';
 import type { ModalHeaderTheme } from './ui/modal/ModalHeaderTheme.cjs';
@@ -56,6 +67,9 @@ import type { BadgeProps } from "./ui/badge/BadgeProps.cjs";
 import type { ButtonProps } from "./ui/button/ButtonProps.cjs";
 import type { ButtonSpinnerProps } from "./ui/button/ButtonSpinnerProps.cjs";
 import type { CardProps } from "./ui/card/CardProps.cjs";
+import type { FieldProps } from "./ui/field/FieldProps.cjs";
+import type { AlertProps } from "./ui/alert/AlertProps.cjs";
+import type { SpinnerProps } from "./ui/spinner/SpinnerProps.cjs";
 import type { CardHeaderProps } from "./ui/card/CardHeaderProps.cjs";
 import type { CardBodyProps } from "./ui/card/CardBodyProps.cjs";
 import type { CardFooterProps } from "./ui/card/CardFooterProps.cjs";
@@ -75,6 +89,10 @@ import type { CheckboxIndeterminateProps } from "./ui/checkbox/CheckboxIndetermi
 import type { LabelProps } from "./ui/label/index.cjs";
 import type { ImgProps } from "./ui/img/index.cjs";
 import type { InputProps, InputErrorIconProps, InputWrapperProps } from "./ui/input/index.cjs";
+import type { TextareaProps } from "./ui/textarea/TextareaProps.cjs";
+import type { SelectProps, SelectChevronProps, SelectWrapperProps } from "./ui/select/index.cjs";
+import type { SwitchProps, SwitchThumbProps } from "./ui/switch/index.cjs";
+import type { RadioProps, RadioDotProps, RadioGroupProps } from "./ui/radio/index.cjs";
 import type { OverlayProps } from "./ui/overlay/index.cjs";
 import type { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps } from "./ui/modal/index.cjs";
 import type { ModalCloseButtonProps } from "./ui/modal/ModalCloseButtonProps.cjs";
@@ -142,10 +160,31 @@ export interface ThemeProps {
         wrapper: ComponentTheme<CheckboxProps, CheckboxWrapperTheme>;
     };
     label: ComponentTheme<LabelProps, LabelTheme>;
+    field: {
+        main: ComponentTheme<FieldProps, FieldTheme>;
+        label: ComponentTheme<LabelProps, LabelTheme>;
+        description: ComponentTheme<TypographyProps, TypographyTheme>;
+        error: ComponentTheme<TypographyProps, TypographyTheme>;
+    };
     img: ComponentTheme<ImgProps, ImgTheme>;
     input: ComponentTheme<InputProps, InputTheme>;
     inputErrorIcon: ComponentTheme<InputErrorIconProps, InputErrorIconTheme>;
     inputWrapper: ComponentTheme<InputWrapperProps, InputWrapperTheme>;
+    textarea: ComponentTheme<TextareaProps, InputTheme>;
+    select: ComponentTheme<SelectProps, InputTheme>;
+    selectChevron: ComponentTheme<SelectChevronProps, SelectChevronTheme>;
+    selectWrapper: ComponentTheme<SelectWrapperProps, SelectWrapperTheme>;
+    switch: {
+        input: ComponentTheme<SwitchProps, SwitchTheme>;
+        thumb: ComponentTheme<SwitchThumbProps, SwitchThumbTheme>;
+        wrapper: ComponentTheme<SwitchProps, SwitchWrapperTheme>;
+    };
+    radio: {
+        input: ComponentTheme<RadioProps, RadioTheme>;
+        dot: ComponentTheme<RadioDotProps, RadioDotTheme>;
+        wrapper: ComponentTheme<RadioProps, RadioWrapperTheme>;
+    };
+    radioGroup: ComponentTheme<RadioGroupProps, ColTheme>;
     overlay: ComponentTheme<OverlayProps, OverlayTheme>;
     modal: {
         content: ComponentTheme<ModalProps, ModalContentTheme>;
@@ -156,6 +195,9 @@ export interface ThemeProps {
         closeButton: ComponentTheme<ModalCloseButtonProps, ModalCloseButtonTheme>;
     };
     popup: ComponentTheme<PopupProps, PopupTheme>;
+    tooltip: ComponentTheme<PopupProps, PopupTheme>;
+    alert: ComponentTheme<AlertProps, AlertTheme>;
+    spinner: ComponentTheme<SpinnerProps, SpinnerTheme>;
     menu: {
         item: ComponentTheme<MenuItemProps, MenuItemTheme>;
         popup: ComponentTheme<PopupProps, PopupTheme>;

package/dist/types/components/themeTypes.d.mts

@@ -10,6 +10,9 @@ import type { LinkTheme } from './ui/typography/link/LinkTheme.mjs';
 import type { ListTheme } from './ui/typography/list/ListTheme.mjs';
 import type { ListItemTheme } from './ui/typography/listItem/ListItemTheme.mjs';
 import type { CardTheme } from "./ui/card/CardTheme.mjs";
+import type { FieldTheme } from "./ui/field/FieldTheme.mjs";
+import type { AlertTheme } from "./ui/alert/AlertTheme.mjs";
+import type { SpinnerTheme } from "./ui/spinner/SpinnerTheme.mjs";
 import type { CardHeaderTheme } from './ui/card/CardHeaderTheme.mjs';
 import type { CardBodyTheme } from './ui/card/CardBodyTheme.mjs';
 import type { CardFooterTheme } from './ui/card/CardFooterTheme.mjs';
@@ -29,6 +32,14 @@ import type { ImgTheme } from './ui/img/ImgTheme.mjs';
 import type { InputTheme } from './ui/input/InputTheme.mjs';
 import type { InputErrorIconTheme } from './ui/input/InputErrorIconTheme.mjs';
 import type { InputWrapperTheme } from './ui/input/InputWrapperTheme.mjs';
+import type { SelectChevronTheme } from './ui/select/SelectChevronTheme.mjs';
+import type { SelectWrapperTheme } from './ui/select/SelectWrapperTheme.mjs';
+import type { SwitchTheme } from './ui/switch/SwitchTheme.mjs';
+import type { SwitchThumbTheme } from './ui/switch/SwitchThumbTheme.mjs';
+import type { SwitchWrapperTheme } from './ui/switch/SwitchWrapperTheme.mjs';
+import type { RadioTheme } from './ui/radio/RadioTheme.mjs';
+import type { RadioDotTheme } from './ui/radio/RadioDotTheme.mjs';
+import type { RadioWrapperTheme } from './ui/radio/RadioWrapperTheme.mjs';
 import type { OverlayTheme } from './ui/overlay/OverlayTheme.mjs';
 import type { ModalContentTheme } from './ui/modal/ModalContentTheme.mjs';
 import type { ModalHeaderTheme } from './ui/modal/ModalHeaderTheme.mjs';
@@ -56,6 +67,9 @@ import type { BadgeProps } from "./ui/badge/BadgeProps.mjs";
 import type { ButtonProps } from "./ui/button/ButtonProps.mjs";
 import type { ButtonSpinnerProps } from "./ui/button/ButtonSpinnerProps.mjs";
 import type { CardProps } from "./ui/card/CardProps.mjs";
+import type { FieldProps } from "./ui/field/FieldProps.mjs";
+import type { AlertProps } from "./ui/alert/AlertProps.mjs";
+import type { SpinnerProps } from "./ui/spinner/SpinnerProps.mjs";
 import type { CardHeaderProps } from "./ui/card/CardHeaderProps.mjs";
 import type { CardBodyProps } from "./ui/card/CardBodyProps.mjs";
 import type { CardFooterProps } from "./ui/card/CardFooterProps.mjs";
@@ -75,6 +89,10 @@ import type { CheckboxIndeterminateProps } from "./ui/checkbox/CheckboxIndetermi
 import type { LabelProps } from "./ui/label/index.mjs";
 import type { ImgProps } from "./ui/img/index.mjs";
 import type { InputProps, InputErrorIconProps, InputWrapperProps } from "./ui/input/index.mjs";
+import type { TextareaProps } from "./ui/textarea/TextareaProps.mjs";
+import type { SelectProps, SelectChevronProps, SelectWrapperProps } from "./ui/select/index.mjs";
+import type { SwitchProps, SwitchThumbProps } from "./ui/switch/index.mjs";
+import type { RadioProps, RadioDotProps, RadioGroupProps } from "./ui/radio/index.mjs";
 import type { OverlayProps } from "./ui/overlay/index.mjs";
 import type { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps } from "./ui/modal/index.mjs";
 import type { ModalCloseButtonProps } from "./ui/modal/ModalCloseButtonProps.mjs";
@@ -142,10 +160,31 @@ export interface ThemeProps {
         wrapper: ComponentTheme<CheckboxProps, CheckboxWrapperTheme>;
     };
     label: ComponentTheme<LabelProps, LabelTheme>;
+    field: {
+        main: ComponentTheme<FieldProps, FieldTheme>;
+        label: ComponentTheme<LabelProps, LabelTheme>;
+        description: ComponentTheme<TypographyProps, TypographyTheme>;
+        error: ComponentTheme<TypographyProps, TypographyTheme>;
+    };
     img: ComponentTheme<ImgProps, ImgTheme>;
     input: ComponentTheme<InputProps, InputTheme>;
     inputErrorIcon: ComponentTheme<InputErrorIconProps, InputErrorIconTheme>;
     inputWrapper: ComponentTheme<InputWrapperProps, InputWrapperTheme>;
+    textarea: ComponentTheme<TextareaProps, InputTheme>;
+    select: ComponentTheme<SelectProps, InputTheme>;
+    selectChevron: ComponentTheme<SelectChevronProps, SelectChevronTheme>;
+    selectWrapper: ComponentTheme<SelectWrapperProps, SelectWrapperTheme>;
+    switch: {
+        input: ComponentTheme<SwitchProps, SwitchTheme>;
+        thumb: ComponentTheme<SwitchThumbProps, SwitchThumbTheme>;
+        wrapper: ComponentTheme<SwitchProps, SwitchWrapperTheme>;
+    };
+    radio: {
+        input: ComponentTheme<RadioProps, RadioTheme>;
+        dot: ComponentTheme<RadioDotProps, RadioDotTheme>;
+        wrapper: ComponentTheme<RadioProps, RadioWrapperTheme>;
+    };
+    radioGroup: ComponentTheme<RadioGroupProps, ColTheme>;
     overlay: ComponentTheme<OverlayProps, OverlayTheme>;
     modal: {
         content: ComponentTheme<ModalProps, ModalContentTheme>;
@@ -156,6 +195,9 @@ export interface ThemeProps {
         closeButton: ComponentTheme<ModalCloseButtonProps, ModalCloseButtonTheme>;
     };
     popup: ComponentTheme<PopupProps, PopupTheme>;
+    tooltip: ComponentTheme<PopupProps, PopupTheme>;
+    alert: ComponentTheme<AlertProps, AlertTheme>;
+    spinner: ComponentTheme<SpinnerProps, SpinnerTheme>;
     menu: {
         item: ComponentTheme<MenuItemProps, MenuItemTheme>;
         popup: ComponentTheme<PopupProps, PopupTheme>;

package/dist/types/components/themeTypes.d.ts

@@ -10,6 +10,9 @@ import type { LinkTheme } from './ui/typography/link/LinkTheme';
 import type { ListTheme } from './ui/typography/list/ListTheme';
 import type { ListItemTheme } from './ui/typography/listItem/ListItemTheme';
 import type { CardTheme } from "./ui/card/CardTheme";
+import type { FieldTheme } from "./ui/field/FieldTheme";
+import type { AlertTheme } from "./ui/alert/AlertTheme";
+import type { SpinnerTheme } from "./ui/spinner/SpinnerTheme";
 import type { CardHeaderTheme } from './ui/card/CardHeaderTheme';
 import type { CardBodyTheme } from './ui/card/CardBodyTheme';
 import type { CardFooterTheme } from './ui/card/CardFooterTheme';
@@ -29,6 +32,14 @@ import type { ImgTheme } from './ui/img/ImgTheme';
 import type { InputTheme } from './ui/input/InputTheme';
 import type { InputErrorIconTheme } from './ui/input/InputErrorIconTheme';
 import type { InputWrapperTheme } from './ui/input/InputWrapperTheme';
+import type { SelectChevronTheme } from './ui/select/SelectChevronTheme';
+import type { SelectWrapperTheme } from './ui/select/SelectWrapperTheme';
+import type { SwitchTheme } from './ui/switch/SwitchTheme';
+import type { SwitchThumbTheme } from './ui/switch/SwitchThumbTheme';
+import type { SwitchWrapperTheme } from './ui/switch/SwitchWrapperTheme';
+import type { RadioTheme } from './ui/radio/RadioTheme';
+import type { RadioDotTheme } from './ui/radio/RadioDotTheme';
+import type { RadioWrapperTheme } from './ui/radio/RadioWrapperTheme';
 import type { OverlayTheme } from './ui/overlay/OverlayTheme';
 import type { ModalContentTheme } from './ui/modal/ModalContentTheme';
 import type { ModalHeaderTheme } from './ui/modal/ModalHeaderTheme';
@@ -56,6 +67,9 @@ import type { BadgeProps } from "./ui/badge/BadgeProps";
 import type { ButtonProps } from "./ui/button/ButtonProps";
 import type { ButtonSpinnerProps } from "./ui/button/ButtonSpinnerProps";
 import type { CardProps } from "./ui/card/CardProps";
+import type { FieldProps } from "./ui/field/FieldProps";
+import type { AlertProps } from "./ui/alert/AlertProps";
+import type { SpinnerProps } from "./ui/spinner/SpinnerProps";
 import type { CardHeaderProps } from "./ui/card/CardHeaderProps";
 import type { CardBodyProps } from "./ui/card/CardBodyProps";
 import type { CardFooterProps } from "./ui/card/CardFooterProps";
@@ -75,6 +89,10 @@ import type { CheckboxIndeterminateProps } from "./ui/checkbox/CheckboxIndetermi
 import type { LabelProps } from "./ui/label";
 import type { ImgProps } from "./ui/img";
 import type { InputProps, InputErrorIconProps, InputWrapperProps } from "./ui/input";
+import type { TextareaProps } from "./ui/textarea/TextareaProps";
+import type { SelectProps, SelectChevronProps, SelectWrapperProps } from "./ui/select";
+import type { SwitchProps, SwitchThumbProps } from "./ui/switch";
+import type { RadioProps, RadioDotProps, RadioGroupProps } from "./ui/radio";
 import type { OverlayProps } from "./ui/overlay";
 import type { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps } from "./ui/modal";
 import type { ModalCloseButtonProps } from "./ui/modal/ModalCloseButtonProps";
@@ -142,10 +160,31 @@ export interface ThemeProps {
         wrapper: ComponentTheme<CheckboxProps, CheckboxWrapperTheme>;
     };
     label: ComponentTheme<LabelProps, LabelTheme>;
+    field: {
+        main: ComponentTheme<FieldProps, FieldTheme>;
+        label: ComponentTheme<LabelProps, LabelTheme>;
+        description: ComponentTheme<TypographyProps, TypographyTheme>;
+        error: ComponentTheme<TypographyProps, TypographyTheme>;
+    };
     img: ComponentTheme<ImgProps, ImgTheme>;
     input: ComponentTheme<InputProps, InputTheme>;
     inputErrorIcon: ComponentTheme<InputErrorIconProps, InputErrorIconTheme>;
     inputWrapper: ComponentTheme<InputWrapperProps, InputWrapperTheme>;
+    textarea: ComponentTheme<TextareaProps, InputTheme>;
+    select: ComponentTheme<SelectProps, InputTheme>;
+    selectChevron: ComponentTheme<SelectChevronProps, SelectChevronTheme>;
+    selectWrapper: ComponentTheme<SelectWrapperProps, SelectWrapperTheme>;
+    switch: {
+        input: ComponentTheme<SwitchProps, SwitchTheme>;
+        thumb: ComponentTheme<SwitchThumbProps, SwitchThumbTheme>;
+        wrapper: ComponentTheme<SwitchProps, SwitchWrapperTheme>;
+    };
+    radio: {
+        input: ComponentTheme<RadioProps, RadioTheme>;
+        dot: ComponentTheme<RadioDotProps, RadioDotTheme>;
+        wrapper: ComponentTheme<RadioProps, RadioWrapperTheme>;
+    };
+    radioGroup: ComponentTheme<RadioGroupProps, ColTheme>;
     overlay: ComponentTheme<OverlayProps, OverlayTheme>;
     modal: {
         content: ComponentTheme<ModalProps, ModalContentTheme>;
@@ -156,6 +195,9 @@ export interface ThemeProps {
         closeButton: ComponentTheme<ModalCloseButtonProps, ModalCloseButtonTheme>;
     };
     popup: ComponentTheme<PopupProps, PopupTheme>;
+    tooltip: ComponentTheme<PopupProps, PopupTheme>;
+    alert: ComponentTheme<AlertProps, AlertTheme>;
+    spinner: ComponentTheme<SpinnerProps, SpinnerTheme>;
     menu: {
         item: ComponentTheme<MenuItemProps, MenuItemTheme>;
         popup: ComponentTheme<PopupProps, PopupTheme>;

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

@@ -0,0 +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"> & {
+    polite?: boolean;
+    tag?: React.ElementType;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +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"> & {
+    polite?: boolean;
+    tag?: React.ElementType;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +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"> & {
+    polite?: boolean;
+    tag?: React.ElementType;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +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"];

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

@@ -0,0 +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"];

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

@@ -0,0 +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"];

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

@@ -0,0 +1,9 @@
+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";
+/** 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'> & {
+    /** Announce politely (role="status") instead of interrupting (role="alert") */
+    polite?: boolean;
+    /** Custom HTML tag or React component to render as */
+    tag?: React.ElementType;
+};

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

@@ -0,0 +1,9 @@
+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";
+/** 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'> & {
+    /** Announce politely (role="status") instead of interrupting (role="alert") */
+    polite?: boolean;
+    /** Custom HTML tag or React component to render as */
+    tag?: React.ElementType;
+};

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

@@ -0,0 +1,9 @@
+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";
+/** 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'> & {
+    /** Announce politely (role="status") instead of interrupting (role="alert") */
+    polite?: boolean;
+    /** Custom HTML tag or React component to render as */
+    tag?: React.ElementType;
+};

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

@@ -0,0 +1,12 @@
+import type { FlexLayoutComponentTheme } from "../theme/common/index.cjs";
+import type { BreakpointClassMapper } from "../theme/size/index.cjs";
+import type { TextAlignClassMapper } 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'] & {
+        breakpoint: BreakpointClassMapper;
+    };
+    typography: {
+        textAlign: TextAlignClassMapper;
+    };
+};

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

@@ -0,0 +1,12 @@
+import type { FlexLayoutComponentTheme } from "../theme/common/index.mjs";
+import type { BreakpointClassMapper } from "../theme/size/index.mjs";
+import type { TextAlignClassMapper } 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'] & {
+        breakpoint: BreakpointClassMapper;
+    };
+    typography: {
+        textAlign: TextAlignClassMapper;
+    };
+};

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

@@ -0,0 +1,12 @@
+import type { FlexLayoutComponentTheme } from "../theme/common";
+import type { BreakpointClassMapper } from "../theme/size";
+import type { TextAlignClassMapper } 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'] & {
+        breakpoint: BreakpointClassMapper;
+    };
+    typography: {
+        textAlign: TextAlignClassMapper;
+    };
+};

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { ComponentTheme } from "../theme/common/index.cjs";
+import type { AlertProps } from "./AlertProps.cjs";
+import type { AlertTheme } from "./AlertTheme.cjs";
+export declare const defaultAlertTheme: ComponentTheme<AlertProps, AlertTheme>;

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

@@ -0,0 +1,4 @@
+import { ComponentTheme } from "../theme/common/index.mjs";
+import type { AlertProps } from "./AlertProps.mjs";
+import type { AlertTheme } from "./AlertTheme.mjs";
+export declare const defaultAlertTheme: ComponentTheme<AlertProps, AlertTheme>;

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

@@ -0,0 +1,4 @@
+import { ComponentTheme } from "../theme/common";
+import type { AlertProps } from "./AlertProps";
+import type { AlertTheme } from "./AlertTheme";
+export declare const defaultAlertTheme: ComponentTheme<AlertProps, AlertTheme>;

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

@@ -0,0 +1,6 @@
+export { Alert } from './Alert.cjs';
+export type { AlertProps } from './AlertProps.cjs';
+export { ALERT_CATEGORIES } from './AlertCategories.cjs';
+export type { AlertTheme } from './AlertTheme.cjs';
+export { alertDefaults } from './alertDefaults.cjs';
+export { defaultAlertTheme } from './defaultAlertTheme.cjs';

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

@@ -0,0 +1,6 @@
+export { Alert } from './Alert.mjs';
+export type { AlertProps } from './AlertProps.mjs';
+export { ALERT_CATEGORIES } from './AlertCategories.mjs';
+export type { AlertTheme } from './AlertTheme.mjs';
+export { alertDefaults } from './alertDefaults.mjs';
+export { defaultAlertTheme } from './defaultAlertTheme.mjs';

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

@@ -0,0 +1,6 @@
+export { Alert } from './Alert';
+export type { AlertProps } from './AlertProps';
+export { ALERT_CATEGORIES } from './AlertCategories';
+export type { AlertTheme } from './AlertTheme';
+export { alertDefaults } from './alertDefaults';
+export { defaultAlertTheme } from './defaultAlertTheme';

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

@@ -0,0 +1,8 @@
+export declare const Field: 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 & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & Partial<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children">> & {
+    href?: string;
+    tag?: React.ElementType;
+} & {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+export declare const Field: 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 & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & Partial<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children">> & {
+    href?: string;
+    tag?: React.ElementType;
+} & {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+export declare const Field: 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 & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & Partial<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children">> & {
+    href?: string;
+    tag?: React.ElementType;
+} & {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+/** Field wraps a control in a column. Col's list minus `focusVisible`: Field is
+ * always a div, never an anchor, so a focus ring would be a dead prop. */
+export declare const FIELD_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"];

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

@@ -0,0 +1,3 @@
+/** Field wraps a control in a column. Col's list minus `focusVisible`: Field is
+ * always a div, never an anchor, so a focus ring would be a dead prop. */
+export declare const FIELD_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"];

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

@@ -0,0 +1,3 @@
+/** Field wraps a control in a column. Col's list minus `focusVisible`: Field is
+ * always a div, never an anchor, so a focus ring would be a dead prop. */
+export declare const FIELD_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"];

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

@@ -0,0 +1,22 @@
+/** Ids and validity a Field publishes to whichever control it wraps. */
+export interface FieldControlContextValue {
+    id: string;
+    labelId: string;
+    describedBy?: string;
+    invalid: boolean;
+}
+export declare const FieldControlContext: import("react").Context<FieldControlContextValue | null>;
+type FieldControlProps = {
+    id?: string;
+    invalid?: boolean;
+    'aria-describedby'?: string;
+};
+/** Merges the enclosing Field's wiring into a labelable control; explicit props win. */
+export declare function useFieldControlProps<P extends FieldControlProps>(props: P): P;
+type FieldGroupProps = {
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+};
+/** A group (radiogroup) is not labelable, so it takes the label by reference instead of htmlFor. */
+export declare function useFieldGroupProps<P extends FieldGroupProps>(props: P): P;
+export {};

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

@@ -0,0 +1,22 @@
+/** Ids and validity a Field publishes to whichever control it wraps. */
+export interface FieldControlContextValue {
+    id: string;
+    labelId: string;
+    describedBy?: string;
+    invalid: boolean;
+}
+export declare const FieldControlContext: import("react").Context<FieldControlContextValue | null>;
+type FieldControlProps = {
+    id?: string;
+    invalid?: boolean;
+    'aria-describedby'?: string;
+};
+/** Merges the enclosing Field's wiring into a labelable control; explicit props win. */
+export declare function useFieldControlProps<P extends FieldControlProps>(props: P): P;
+type FieldGroupProps = {
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+};
+/** A group (radiogroup) is not labelable, so it takes the label by reference instead of htmlFor. */
+export declare function useFieldGroupProps<P extends FieldGroupProps>(props: P): P;
+export {};

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

@@ -0,0 +1,22 @@
+/** Ids and validity a Field publishes to whichever control it wraps. */
+export interface FieldControlContextValue {
+    id: string;
+    labelId: string;
+    describedBy?: string;
+    invalid: boolean;
+}
+export declare const FieldControlContext: import("react").Context<FieldControlContextValue | null>;
+type FieldControlProps = {
+    id?: string;
+    invalid?: boolean;
+    'aria-describedby'?: string;
+};
+/** Merges the enclosing Field's wiring into a labelable control; explicit props win. */
+export declare function useFieldControlProps<P extends FieldControlProps>(props: P): P;
+type FieldGroupProps = {
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+};
+/** A group (radiogroup) is not labelable, so it takes the label by reference instead of htmlFor. */
+export declare function useFieldGroupProps<P extends FieldGroupProps>(props: P): P;
+export {};

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

@@ -0,0 +1,11 @@
+import type React from 'react';
+import type { ColProps } from "../col/ColProps.cjs";
+/** Field component props */
+export type FieldProps = ColProps & {
+    /** Label text, associated with the control via htmlFor */
+    label?: React.ReactNode;
+    /** Help text below the control, linked with aria-describedby */
+    description?: React.ReactNode;
+    /** Error text below the control; its presence also marks the control invalid */
+    error?: React.ReactNode;
+};

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

@@ -0,0 +1,11 @@
+import type React from 'react';
+import type { ColProps } from "../col/ColProps.mjs";
+/** Field component props */
+export type FieldProps = ColProps & {
+    /** Label text, associated with the control via htmlFor */
+    label?: React.ReactNode;
+    /** Help text below the control, linked with aria-describedby */
+    description?: React.ReactNode;
+    /** Error text below the control; its presence also marks the control invalid */
+    error?: React.ReactNode;
+};

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

@@ -0,0 +1,11 @@
+import type React from 'react';
+import type { ColProps } from "../col/ColProps";
+/** Field component props */
+export type FieldProps = ColProps & {
+    /** Label text, associated with the control via htmlFor */
+    label?: React.ReactNode;
+    /** Help text below the control, linked with aria-describedby */
+    description?: React.ReactNode;
+    /** Error text below the control; its presence also marks the control invalid */
+    error?: React.ReactNode;
+};

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

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