@cascivo/react 0.13.0 → 0.13.1

package/dist/index.d.ts

@@ -47,33 +47,28 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
    */
   asChild?: boolean;
 }
-declare function Button({
-  variant,
-  size,
-  loading,
-  asChild,
-  className,
-  disabled,
-  children,
-  ...props
-}: ButtonProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<button>` — and so it is TYPED. See
+ * `textarea.tsx` for the full rationale (2026-07-28 report C10).
+ *
+ * Under `asChild` the ref goes to `Slot`, which composes it onto the child element, so a
+ * consumer's ref lands on whatever they rendered rather than being dropped.
+ */
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
   label?: string;
   hint?: string;
   error?: string;
   size?: 'sm' | 'md' | 'lg';
 }
-declare function Input({
-  label,
-  hint,
-  error,
-  size,
-  className,
-  id,
-  onFocus,
-  onBlur,
-  ...props
-}: InputProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<input>` — and so it is TYPED. See
+ * `textarea.tsx` for the full rationale (2026-07-28 report C10): the ref already worked at
+ * runtime under React 19, but nothing declared it, so passing one was a `ts(2322)` and every
+ * consumer had to cast. `forwardRef` rather than a bare `ref?: Ref<T>` prop keeps the
+ * `react >= 18` peer floor honest, since ref-as-prop does not work there.
+ */
+declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
 interface CardProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * Selects the visual style variant.
@@ -164,6 +159,22 @@ interface ModalProps {
   title?: string;
   description?: string;
   children?: ReactNode;
+  /**
+   * Dialog actions, rendered in a right-aligned row below the body and separated from it
+   * by a divider. Every consumer hand-rolled this before it existed.
+   *
+   * ```tsx
+   * <Modal open={open} title="Delete project" footer={
+   *   <>
+   *     <Button variant="ghost" onClick={close}>Cancel</Button>
+   *     <Button variant="destructive" onClick={remove}>Delete</Button>
+   *   </>
+   * }>
+   *   …
+   * </Modal>
+   * ```
+   */
+  footer?: ReactNode;
   className?: string;
   size?: 'sm' | 'md' | 'lg';
   /**
@@ -180,6 +191,7 @@ declare function Modal({
   title,
   description,
   children,
+  footer,
   className,
   size,
   draggable
@@ -395,18 +407,21 @@ interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
   error?: string;
   resize?: 'none' | 'vertical' | 'both';
 }
-declare function Textarea({
-  label,
-  hint,
-  error,
-  resize,
-  rows,
-  className,
-  id,
-  onFocus,
-  onBlur,
-  ...props
-}: TextareaProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<textarea>` — and so it is TYPED.
+ *
+ * Under React 19 the ref already arrived at runtime (it is passed as an ordinary prop and
+ * spread onto the element), but no component declared it, so `<Textarea ref={r} />` was a
+ * `ts(2322)` and every consumer needing the element had to cast. One needed it for caret
+ * restoration in a collaborative editor and kept the cast quarantined in its own file
+ * (2026-07-28 report C10).
+ *
+ * `forwardRef` rather than adding `ref?: Ref<T>` to the props interface: the peer floor is
+ * `react >= 18`, where ref-as-prop does NOT work — a bare type declaration would compile
+ * and silently hand back `null` there. This keeps the floor honest on both majors, and
+ * matches `IconButton`, which already used it.
+ */
+declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 interface SelectOption {
   value: string;
   label: string;
@@ -426,21 +441,13 @@ interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'siz
   options: SelectOption[];
   size?: 'sm' | 'md' | 'lg';
 }
-declare function Select({
-  label,
-  hint,
-  error,
-  placeholder,
-  options,
-  size,
-  className,
-  id,
-  defaultValue,
-  value,
-  onFocus,
-  onBlur,
-  ...props
-}: SelectProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<select>` — and so it is TYPED. See
+ * `textarea.tsx` for the full rationale (2026-07-28 report C10). `forwardRef` rather than a
+ * bare `ref?: Ref<T>` prop keeps the `react >= 18` peer floor honest, since ref-as-prop does
+ * not work there.
+ */
+declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLSelectElement>>;
 interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
   label?: string;
   /**
@@ -451,26 +458,27 @@ interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
    */
   indeterminate?: boolean;
 }
-declare function Checkbox({
-  label,
-  indeterminate,
-  className,
-  id,
-  disabled,
-  ...props
-}: CheckboxProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<input>` — and so it is TYPED. See
+ * `textarea.tsx` for the full rationale (2026-07-28 report C10): the ref already worked at
+ * runtime under React 19, but nothing declared it, so passing one was a `ts(2322)` and every
+ * consumer had to cast. `forwardRef` rather than a bare `ref?: Ref<T>` prop keeps the
+ * `react >= 18` peer floor honest, since ref-as-prop does not work there.
+ */
+declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
 interface RadioProps extends InputHTMLAttributes<HTMLInputElement> {
   label?: string;
   value: string;
 }
-declare function Radio({
-  label,
-  className,
-  id,
-  disabled,
-  value,
-  ...props
-}: RadioProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<input>` — and so it is TYPED. See
+ * `textarea.tsx` for the full rationale (2026-07-28 report C10). `forwardRef` rather than a
+ * bare `ref?: Ref<T>` prop keeps the `react >= 18` peer floor honest, since ref-as-prop does
+ * not work there.
+ *
+ * Only `Radio` is wrapped; `RadioGroup` below is a layout container with no single host.
+ */
+declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
 interface RadioGroupProps {
   name: string;
   value?: string;
@@ -511,30 +519,23 @@ interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onC
   label?: string;
   size?: 'sm' | 'md';
 }
-declare function Toggle({
-  checked,
-  defaultChecked,
-  onValueChange,
-  onChange,
-  label,
-  size,
-  className,
-  disabled,
-  ...props
-}: ToggleProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<button>` — and so it is TYPED. See
+ * `textarea.tsx` for the full rationale (2026-07-28 report C10). `forwardRef` rather than a
+ * bare `ref?: Ref<T>` prop keeps the `react >= 18` peer floor honest, since ref-as-prop does
+ * not work there.
+ */
+declare const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
 interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
   label?: string;
 }
-declare function Slider({
-  label,
-  className,
-  id,
-  min,
-  max,
-  step,
-  disabled,
-  ...props
-}: SliderProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<input>` — and so it is TYPED. See
+ * `textarea.tsx` for the full rationale (2026-07-28 report C10). `forwardRef` rather than a
+ * bare `ref?: Ref<T>` prop keeps the `react >= 18` peer floor honest, since ref-as-prop does
+ * not work there.
+ */
+declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLInputElement>>;
 interface TooltipProps {
   content: ReactNode;
   /**
@@ -652,7 +653,12 @@ interface TabsTriggerProps extends HTMLAttributes<HTMLButtonElement> {
   value: string;
   disabled?: boolean;
 }
-declare function TabsTrigger(props: TabsTriggerProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the tab `<button>` — see `textarea.tsx` for the full
+ * rationale (2026-07-28 report C10). Threaded through the private Inner, which owns the
+ * button. Roving-focus navs need a real element here, so this is not cosmetic.
+ */
+declare const TabsTrigger: import("react").ForwardRefExoticComponent<TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 interface TabsContentProps extends HTMLAttributes<HTMLDivElement> {
   value: string;
 }
@@ -682,7 +688,12 @@ declare function AccordionItem({
   children,
   ...props
 }: AccordionItemProps): import("react").JSX.Element;
-declare function AccordionTrigger(props: HTMLAttributes<HTMLButtonElement>): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the trigger `<button>` — see `textarea.tsx` for the full
+ * rationale (2026-07-28 report C10). The ref is threaded through the private Inner, which is
+ * where the button actually lives.
+ */
+declare const AccordionTrigger: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
 declare function AccordionContent(props: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 interface ActionSheetAction {
   label: ReactNode;
@@ -771,15 +782,13 @@ interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
    */
   asChild?: boolean;
 }
-declare function Link({
-  variant,
-  size,
-  external,
-  asChild,
-  className,
-  children,
-  ...props
-}: LinkProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<a>` — and so it is TYPED. See
+ * `textarea.tsx` for the full rationale (2026-07-28 report C10). `forwardRef` rather than a
+ * bare `ref?: Ref<T>` prop keeps the `react >= 18` peer floor honest, since ref-as-prop does
+ * not work there.
+ */
+declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
 interface BreadcrumbItem {
   label: string;
   href?: string;
@@ -1383,30 +1392,13 @@ interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, '
    */
   decrementLabel?: string;
 }
-declare function NumberInput({
-  value,
-  defaultValue,
-  onValueChange,
-  onChange,
-  min,
-  max,
-  step,
-  precision,
-  formatOptions,
-  label,
-  hint,
-  error,
-  size,
-  disabled,
-  incrementLabel,
-  decrementLabel,
-  className,
-  id,
-  onFocus,
-  onBlur,
-  onKeyDown,
-  ...props
-}: NumberInputProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<input>` — and so it is TYPED. See
+ * `textarea.tsx` for the full rationale (2026-07-28 report C10). Enforced by
+ * `ref-parity.test.ts`, which found this component: the plan's own list of 16 was itself
+ * incomplete, which is why the rule is a guard and not a checklist.
+ */
+declare const NumberInput: import("react").ForwardRefExoticComponent<NumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
 interface Column<Row> {
   key: string;
   header: string;
@@ -1957,24 +1949,13 @@ interface TimePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 's
   error?: string;
   size?: 'sm' | 'md' | 'lg';
 }
-declare function TimePicker({
-  value,
-  defaultValue,
-  onValueChange,
-  onChange,
-  min,
-  max,
-  step,
-  label,
-  hint,
-  error,
-  size,
-  className,
-  id,
-  onFocus,
-  onBlur,
-  ...props
-}: TimePickerProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<input>` — and so it is TYPED. See
+ * `textarea.tsx` for the full rationale (2026-07-28 report C10). Enforced by
+ * `ref-parity.test.ts`, which found this component: the plan's own list of 16 was itself
+ * incomplete, which is why the rule is a guard and not a checklist.
+ */
+declare const TimePicker: import("react").ForwardRefExoticComponent<TimePickerProps & import("react").RefAttributes<HTMLInputElement>>;
 interface UsePopoverOptions {
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
@@ -2000,10 +1981,24 @@ declare function Popover({
 }: PopoverProps): import("react").JSX.Element;
 interface PopoverTriggerProps {
   children: ReactNode;
+  /**
+   * Render the single child element as the trigger instead of wrapping it in
+   * `PopoverTrigger`'s own `<button>` — the Slot pattern. Use this whenever the child is
+   * already an interactive element (`Button`, `IconButton`, a router link): nesting a
+   * `<button>` inside a `<button>` is invalid HTML, and it orphans the inner element's
+   * `aria-label` on a node the accessibility tree does not expect there.
+   *
+   * ```tsx
+   * <PopoverTrigger asChild>
+   *   <IconButton label="Theme" icon={<Palette />} />
+   * </PopoverTrigger>
+   * ```
+   */
   asChild?: boolean;
 }
 declare function PopoverTrigger({
-  children
+  children,
+  asChild
 }: PopoverTriggerProps): import("react").JSX.Element;
 interface PopoverContentProps {
   children: ReactNode;
@@ -2254,17 +2249,13 @@ interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
   size?: 'sm' | 'md' | 'lg';
   labels?: PasswordInputLabels;
 }
-declare function PasswordInput({
-  showStrengthMeter,
-  size,
-  labels,
-  className,
-  id,
-  value,
-  defaultValue,
-  onChange,
-  ...props
-}: PasswordInputProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<input>` — and so it is TYPED. See
+ * `textarea.tsx` for the full rationale (2026-07-28 report C10). Enforced by
+ * `ref-parity.test.ts`, which found this component: the plan's own list of 16 was itself
+ * incomplete, which is why the rule is a guard and not a checklist.
+ */
+declare const PasswordInput: import("react").ForwardRefExoticComponent<PasswordInputProps & import("react").RefAttributes<HTMLInputElement>>;
 interface MultiSelectOption {
   label: string;
   value: string;
@@ -2500,14 +2491,14 @@ interface RadioCardProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'na
   disabled?: boolean;
   hideIndicator?: boolean;
 }
-declare function RadioCard({
-  value,
-  title,
-  description,
-  disabled,
-  hideIndicator,
-  ...props
-}: RadioCardProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<input>` — and so it is TYPED. See
+ * `textarea.tsx` for the rationale (2026-07-28 report C10).
+ *
+ * `RadioCard` (the item), not `RadioCardGroup` (the container): the group renders a <div>
+ * and only the card owns a focusable control.
+ */
+declare const RadioCard: import("react").ForwardRefExoticComponent<RadioCardProps & import("react").RefAttributes<HTMLInputElement>>;
 interface ShellHeaderBrand {
   prefix?: string;
   name: string;
@@ -2621,16 +2612,13 @@ interface CheckboxCardProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
   onCheckedChange?: (checked: boolean) => void;
   className?: string | undefined;
 }
-declare function CheckboxCard({
-  title,
-  description,
-  checked,
-  defaultChecked,
-  disabled,
-  onCheckedChange,
-  className,
-  ...props
-}: CheckboxCardProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<input>` — and so it is TYPED. See
+ * `textarea.tsx` for the full rationale (2026-07-28 report C10). Enforced by
+ * `ref-parity.test.ts`, which found this component: the plan's own list of 16 was itself
+ * incomplete, which is why the rule is a guard and not a checklist.
+ */
+declare const CheckboxCard: import("react").ForwardRefExoticComponent<CheckboxCardProps & import("react").RefAttributes<HTMLInputElement>>;
 interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
   /** The text written to the clipboard on click. */
   value: string;
@@ -2640,13 +2628,13 @@ interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>,
     copied?: string;
   };
 }
-declare function CopyButton({
-  value,
-  size,
-  labels,
-  className,
-  ...props
-}: CopyButtonProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<button>` — and so it is TYPED. See
+ * `textarea.tsx` for the full rationale (2026-07-28 report C10). Enforced by
+ * `ref-parity.test.ts`, which found this component: the plan's own list of 16 was itself
+ * incomplete, which is why the rule is a guard and not a checklist.
+ */
+declare const CopyButton: import("react").ForwardRefExoticComponent<CopyButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 interface StatProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
   label: string;
   value: string | number;
@@ -2710,12 +2698,13 @@ interface SkipNavLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>,
   };
 }
 /** Render as the FIRST focusable element on the page — visually hidden until focused. */
-declare function SkipNavLink({
-  targetId,
-  labels,
-  className,
-  ...props
-}: SkipNavLinkProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<a>` — and so it is TYPED. See
+ * `textarea.tsx` for the full rationale (2026-07-28 report C10). Enforced by
+ * `ref-parity.test.ts`, which found this component: the plan's own list of 16 was itself
+ * incomplete, which is why the rule is a guard and not a checklist.
+ */
+declare const SkipNavLink: import("react").ForwardRefExoticComponent<SkipNavLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
 interface SkipNavTargetProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * SkipNavTarget: anchor id — must match the link targetId
@@ -4095,18 +4084,14 @@ interface NativeSelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>
  * layers on a custom chevron and focus/invalid rings via CSS only. No JS interactivity, so no
  * signals: the browser owns all state. Distinct from the custom-rendered `Select` listbox.
  */
-declare function NativeSelect({
-  options,
-  children,
-  size,
-  invalid,
-  disabled,
-  placeholder,
-  value,
-  defaultValue,
-  className,
-  ...props
-}: NativeSelectProps): import("react").JSX.Element;
+/**
+ * `forwardRef` so `ref` reaches the underlying `<select>` — and so it is TYPED. See
+ * `textarea.tsx` for the full rationale (2026-07-28 report C10): the ref already worked at
+ * runtime under React 19, but nothing declared it, so passing one was a `ts(2322)` and every
+ * consumer had to cast. `forwardRef` rather than a bare `ref?: Ref<T>` prop keeps the
+ * `react >= 18` peer floor honest, since ref-as-prop does not work there.
+ */
+declare const NativeSelect: import("react").ForwardRefExoticComponent<NativeSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
 type CodeLang = 'bash' | 'css' | 'js' | 'ts';
 interface CodeSnippetProps {
   /** The code to display (and copy). */
@@ -4640,8 +4625,31 @@ declare function PageHeader({
 /**
  * Set the active theme imperatively, from anywhere. Persists the choice and
  * drives the `data-theme` attribute through the mounted {@link ThemeProvider}.
+ *
+ * Requires a mounted {@link ThemeProvider} — this writes the signal, the provider writes
+ * the DOM. Without one, nothing restyles (dev builds warn). To write the attribute
+ * directly, with no provider and no React, use {@link applyTheme}.
  */
 declare function setTheme(next: string): void;
+/**
+ * Write a theme onto an element directly, with no provider and no React.
+ *
+ * The escape hatch for imperative setups: a theme toggle in a non-React shell, a
+ * pre-hydration inline script, a Storybook decorator, an e2e test. Also updates the theme
+ * signal, so a React tree reading {@link useTheme} stays in sync.
+ *
+ * `setTheme` deliberately does **not** do this itself: it is SSR-callable, and
+ * `ThemeProvider` can scope a theme to any subtree via its `target` ref. A direct document
+ * write inside `setTheme` would break scoped theming and touch `document` on the server.
+ *
+ * ```ts
+ * applyTheme('midnight')                       // <html data-theme="midnight">
+ * applyTheme('warm', panelRef.current)         // scope to a subtree
+ * ```
+ *
+ * No-op on the server (no `document`).
+ */
+declare function applyTheme(next: string, target?: HTMLElement | null): void;
 /**
  * Read and set the active theme. Returns the current theme **name** (a plain
  * string) and a setter — the component re-renders when the theme changes with no
@@ -4753,4 +4761,4 @@ declare function themePreloadScript(options?: {
   attribute?: string;
   defaultTheme?: string;
 }): string;
-export { Accordion, AccordionContent, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, ActionSheet, ActionSheetAction, ActionSheetProps, Alert, AlertDialog, AlertDialogLabels, AlertDialogProps, AlertProps, AppShell, AppShellProps, AspectRatio, AspectRatioProps, AutoGrid, AutoGridProps, Avatar, AvatarGroup, AvatarGroupLabels, AvatarGroupProps, AvatarProps, Badge, BadgeProps, Blockquote, BlockquoteProps, BottomSheet, BottomSheetProps, Breadcrumb, BreadcrumbItem, BreadcrumbProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Calendar, CalendarLabels, CalendarProps, Card, CardContent, CardContentProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps, Carousel, CarouselLabels, CarouselProps, Center, CenterProps, ChatBubble, ChatBubbleProps, ChatBubbleSide, Checkbox, CheckboxCard, CheckboxCardProps, CheckboxProps, Code, type CodeLang, CodeProps, CodeSnippet, CodeSnippetProps, Collapsible, CollapsibleProps, ColorPicker, ColorPickerLabels, ColorPickerProps, Column, Columns, ColumnsProps, Combobox, ComboboxLabels, ComboboxOption, ComboboxProps, CommandAction, CommandGroup, CommandItem, CommandMenu, CommandMenuProps, CommandPage, CommandScope, CommandStatus, Comparison, ComparisonProps, ContainedList, ContainedListItem, ContainedListItemProps, ContainedListProps, ContextMenu, ContextMenuItem, ContextMenuItemProps, ContextMenuProps, CopyButton, CopyButtonProps, DataList, DataListItem, DataListProps, DataTable, DataTableLabels, DataTableProps, DatePicker, DatePickerLabels, DatePickerProps, DateRange, DateRangePicker, DateRangePickerLabels, DateRangePickerProps, DateRangePreset, DismissableLayer, type DismissableLayerProps, Dock, DockItem, DockProps, Drawer, DrawerProps, Dropdown, DropdownItem, DropdownProps, Editable, EditableProps, EmptyState, EmptyStateProps, ErrorBoundary, Fab, FabAction, FabProps, Field, FieldProps, FileUploader, FileUploaderLabels, FileUploaderProps, Filter, FilterOption, FilterProps, FilterVariant, Flex, FlexProps, FocusScope, Form, FormConfig, FormProps, FormStore, FuzzyMatch, Grid, GridAlign, GridItem, GridItemProps, GridProps, Header, HeaderLabels, HeaderLink, HeaderPanel, HeaderPanelLabels, HeaderPanelProps, HeaderProps, Heading, HeadingLevel, HeadingProps, HeadingSize, HoverCard, HoverCardContent, HoverCardContentProps, HoverCardProps, HoverCardTrigger, HoverCardTriggerProps, IconButton, IconButtonProps, Image, ImageProps, Indicator, IndicatorPlacement, IndicatorProps, InlineLoading, InlineLoadingProps, InlineLoadingStatus, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupProps, InputProps, Item, ItemActions, ItemActionsProps, ItemContent, ItemContentProps, ItemDescription, ItemDescriptionProps, ItemMedia, ItemMediaProps, ItemProps, ItemTitle, ItemTitleProps, Join, JoinOrientation, JoinProps, Kbd, KbdProps, Label, LabelProps, Link, type LinkComponent, type LinkComponentProps, LinkProps, List, ListItem, ListItemProps, ListProps, LogLevel, LogLine, LogViewer, LogViewerLabels, LogViewerProps, type Machine, type MachineConfig, Menu, MenuButton, MenuButtonItem, MenuButtonProps, MenuItem, MenuItemProps, MenuProps, MenuSeparator, MenuTrigger, MenuTriggerProps, Menubar, MenubarItem, MenubarMenu, MenubarProps, Modal, ModalProps, MultiSelect, MultiSelectLabels, MultiSelectOption, MultiSelectProps, NativeSelect, NativeSelectOption, NativeSelectProps, NavigationMenu, NavigationMenuItem, NavigationMenuProps, Notification, NotificationProps, NotificationVariant, NumberInput, NumberInputProps, OtpInput, OtpInputProps, OverflowMenu, OverflowMenuItem, OverflowMenuProps, PageHeader, PageHeaderProps, Pagination, PaginationLabels, PaginationProps, PasswordInput, PasswordInputLabels, PasswordInputProps, Popover, PopoverContent, PopoverContentProps, PopoverProps, PopoverTrigger, PopoverTriggerProps, Portal, Presence, Progress, ProgressBar, ProgressBarProps, ProgressCircle, ProgressCircleProps, ProgressIndicator, ProgressIndicatorProps, ProgressProps, ProgressSize, ProgressStep, ProgressVariant, Prose, ProseProps, PullToRefresh, PullToRefreshProps, QrCode, QrCodeProps, RadialProgress, RadialProgressProps, RadialProgressSize, RadialProgressVariant, Radio, RadioCard, RadioCardGroup, RadioCardGroupProps, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps, RatingGroup, RatingGroupLabels, RatingGroupProps, RelativeTime, RelativeTimeProps, Resizable, ResizableProps, Responsive, ScrollArea, ScrollAreaProps, Search, SearchProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, Select, SelectOption, SelectProps, Separator, SeparatorProps, Sheet, SheetProps, ShellHeader, ShellHeaderAction, ShellHeaderBrand, ShellHeaderLabels, ShellHeaderNavItem, ShellHeaderNavLink, ShellHeaderNavMenu, ShellHeaderNavMenuItem, ShellHeaderProps, SideNav, SideNavGroup, SideNavItem, SideNavLinkProps, SideNavLinkSubItem, SideNavProps, SideNavSubItem, SideNavTone, Skeleton, SkeletonProps, SkipNavLink, SkipNavLinkProps, SkipNavTarget, SkipNavTargetProps, Slider, SliderProps, Slot, type SlotProps, SortDirection, SortState, Spacer, SpacerProps, Spinner, SpinnerProps, Stack, StackProps, type StandardSchemaV1, Stat, StatProps, Status, StatusProps, Step, StepState, Steps, StepsProps, StructuredList, StructuredListItem, StructuredListProps, SuspenseBoundary, Swap, SwapMode, SwapProps, SwipeAction, SwipeItem, SwipeItemProps, Switcher, SwitcherEntry, SwitcherLink, SwitcherProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsProps, TabsTrigger, TabsTriggerProps, Tag, TagProps, TagsInput, TagsInputProps, Text, TextProps, Textarea, TextareaProps, ThemeProvider, type ThemeProviderProps, Tile, TileProps, TimePicker, TimePickerProps, Timeline, TimelineItem, TimelineProps, ToastOptions, ToastProvider, ToastVariant, Toc, TocItem, TocProps, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupProps, ToggleProps, Toggletip, ToggletipPlacement, ToggletipProps, Tooltip, TooltipProps, TreeNode, TreeView, TreeViewProps, UploaderFile, type UseClipboardOptions, type UseClipboardReturn, type UseControllableSignalOptions, type UseDisclosureOptions, type UseDisclosureReturn, type UsePopoverOptions, type UsePopoverReturn, type UseTocFromRegionOptions, User, UserProps, VisuallyHidden, VisuallyHiddenProps, batch, cn, composeRefs, computePosition, computed, createForm, createMachine, createScope, createStreamBuffer, dismissAllToasts, effect, fuzzyMatch, fuzzyScore, getLinkComponent, mergeProps, setLinkComponent, setTheme, signal, themePreloadScript, themeSignal, treeViewMessages, useAnchorPosition, useClipboard, useComputed, useControllableSignal, useDisclosure, useEffectPropSignal, useForm, useId, useMachine, useMediaQuery, usePopover, useRovingFocus, useScope, useScrollLock, useSignal, useSignalEffect, useSignals, useStreamBuffer, useTheme, useToast, useTocFromRegion, useTypeahead };
+export { Accordion, AccordionContent, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, ActionSheet, ActionSheetAction, ActionSheetProps, Alert, AlertDialog, AlertDialogLabels, AlertDialogProps, AlertProps, AppShell, AppShellProps, AspectRatio, AspectRatioProps, AutoGrid, AutoGridProps, Avatar, AvatarGroup, AvatarGroupLabels, AvatarGroupProps, AvatarProps, Badge, BadgeProps, Blockquote, BlockquoteProps, BottomSheet, BottomSheetProps, Breadcrumb, BreadcrumbItem, BreadcrumbProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Calendar, CalendarLabels, CalendarProps, Card, CardContent, CardContentProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps, Carousel, CarouselLabels, CarouselProps, Center, CenterProps, ChatBubble, ChatBubbleProps, ChatBubbleSide, Checkbox, CheckboxCard, CheckboxCardProps, CheckboxProps, Code, type CodeLang, CodeProps, CodeSnippet, CodeSnippetProps, Collapsible, CollapsibleProps, ColorPicker, ColorPickerLabels, ColorPickerProps, Column, Columns, ColumnsProps, Combobox, ComboboxLabels, ComboboxOption, ComboboxProps, CommandAction, CommandGroup, CommandItem, CommandMenu, CommandMenuProps, CommandPage, CommandScope, CommandStatus, Comparison, ComparisonProps, ContainedList, ContainedListItem, ContainedListItemProps, ContainedListProps, ContextMenu, ContextMenuItem, ContextMenuItemProps, ContextMenuProps, CopyButton, CopyButtonProps, DataList, DataListItem, DataListProps, DataTable, DataTableLabels, DataTableProps, DatePicker, DatePickerLabels, DatePickerProps, DateRange, DateRangePicker, DateRangePickerLabels, DateRangePickerProps, DateRangePreset, DismissableLayer, type DismissableLayerProps, Dock, DockItem, DockProps, Drawer, DrawerProps, Dropdown, DropdownItem, DropdownProps, Editable, EditableProps, EmptyState, EmptyStateProps, ErrorBoundary, Fab, FabAction, FabProps, Field, FieldProps, FileUploader, FileUploaderLabels, FileUploaderProps, Filter, FilterOption, FilterProps, FilterVariant, Flex, FlexProps, FocusScope, Form, FormConfig, FormProps, FormStore, FuzzyMatch, Grid, GridAlign, GridItem, GridItemProps, GridProps, Header, HeaderLabels, HeaderLink, HeaderPanel, HeaderPanelLabels, HeaderPanelProps, HeaderProps, Heading, HeadingLevel, HeadingProps, HeadingSize, HoverCard, HoverCardContent, HoverCardContentProps, HoverCardProps, HoverCardTrigger, HoverCardTriggerProps, IconButton, IconButtonProps, Image, ImageProps, Indicator, IndicatorPlacement, IndicatorProps, InlineLoading, InlineLoadingProps, InlineLoadingStatus, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupProps, InputProps, Item, ItemActions, ItemActionsProps, ItemContent, ItemContentProps, ItemDescription, ItemDescriptionProps, ItemMedia, ItemMediaProps, ItemProps, ItemTitle, ItemTitleProps, Join, JoinOrientation, JoinProps, Kbd, KbdProps, Label, LabelProps, Link, type LinkComponent, type LinkComponentProps, LinkProps, List, ListItem, ListItemProps, ListProps, LogLevel, LogLine, LogViewer, LogViewerLabels, LogViewerProps, type Machine, type MachineConfig, Menu, MenuButton, MenuButtonItem, MenuButtonProps, MenuItem, MenuItemProps, MenuProps, MenuSeparator, MenuTrigger, MenuTriggerProps, Menubar, MenubarItem, MenubarMenu, MenubarProps, Modal, ModalProps, MultiSelect, MultiSelectLabels, MultiSelectOption, MultiSelectProps, NativeSelect, NativeSelectOption, NativeSelectProps, NavigationMenu, NavigationMenuItem, NavigationMenuProps, Notification, NotificationProps, NotificationVariant, NumberInput, NumberInputProps, OtpInput, OtpInputProps, OverflowMenu, OverflowMenuItem, OverflowMenuProps, PageHeader, PageHeaderProps, Pagination, PaginationLabels, PaginationProps, PasswordInput, PasswordInputLabels, PasswordInputProps, Popover, PopoverContent, PopoverContentProps, PopoverProps, PopoverTrigger, PopoverTriggerProps, Portal, Presence, Progress, ProgressBar, ProgressBarProps, ProgressCircle, ProgressCircleProps, ProgressIndicator, ProgressIndicatorProps, ProgressProps, ProgressSize, ProgressStep, ProgressVariant, Prose, ProseProps, PullToRefresh, PullToRefreshProps, QrCode, QrCodeProps, RadialProgress, RadialProgressProps, RadialProgressSize, RadialProgressVariant, Radio, RadioCard, RadioCardGroup, RadioCardGroupProps, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps, RatingGroup, RatingGroupLabels, RatingGroupProps, RelativeTime, RelativeTimeProps, Resizable, ResizableProps, Responsive, ScrollArea, ScrollAreaProps, Search, SearchProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, Select, SelectOption, SelectProps, Separator, SeparatorProps, Sheet, SheetProps, ShellHeader, ShellHeaderAction, ShellHeaderBrand, ShellHeaderLabels, ShellHeaderNavItem, ShellHeaderNavLink, ShellHeaderNavMenu, ShellHeaderNavMenuItem, ShellHeaderProps, SideNav, SideNavGroup, SideNavItem, SideNavLinkProps, SideNavLinkSubItem, SideNavProps, SideNavSubItem, SideNavTone, Skeleton, SkeletonProps, SkipNavLink, SkipNavLinkProps, SkipNavTarget, SkipNavTargetProps, Slider, SliderProps, Slot, type SlotProps, SortDirection, SortState, Spacer, SpacerProps, Spinner, SpinnerProps, Stack, StackProps, type StandardSchemaV1, Stat, StatProps, Status, StatusProps, Step, StepState, Steps, StepsProps, StructuredList, StructuredListItem, StructuredListProps, SuspenseBoundary, Swap, SwapMode, SwapProps, SwipeAction, SwipeItem, SwipeItemProps, Switcher, SwitcherEntry, SwitcherLink, SwitcherProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsProps, TabsTrigger, TabsTriggerProps, Tag, TagProps, TagsInput, TagsInputProps, Text, TextProps, Textarea, TextareaProps, ThemeProvider, type ThemeProviderProps, Tile, TileProps, TimePicker, TimePickerProps, Timeline, TimelineItem, TimelineProps, ToastOptions, ToastProvider, ToastVariant, Toc, TocItem, TocProps, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupProps, ToggleProps, Toggletip, ToggletipPlacement, ToggletipProps, Tooltip, TooltipProps, TreeNode, TreeView, TreeViewProps, UploaderFile, type UseClipboardOptions, type UseClipboardReturn, type UseControllableSignalOptions, type UseDisclosureOptions, type UseDisclosureReturn, type UsePopoverOptions, type UsePopoverReturn, type UseTocFromRegionOptions, User, UserProps, VisuallyHidden, VisuallyHiddenProps, applyTheme, batch, cn, composeRefs, computePosition, computed, createForm, createMachine, createScope, createStreamBuffer, dismissAllToasts, effect, fuzzyMatch, fuzzyScore, getLinkComponent, mergeProps, setLinkComponent, setTheme, signal, themePreloadScript, themeSignal, treeViewMessages, useAnchorPosition, useClipboard, useComputed, useControllableSignal, useDisclosure, useEffectPropSignal, useForm, useId, useMachine, useMediaQuery, usePopover, useRovingFocus, useScope, useScrollLock, useSignal, useSignalEffect, useSignals, useStreamBuffer, useTheme, useToast, useTocFromRegion, useTypeahead };

package/dist/input/input.js

@@ -2,53 +2,54 @@
 
 import e from "./input.module.js";
 import { cn as t, createMachine as n, useMachine as r } from "@cascivo/core";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../components/src/input/input.tsx
-var o = n({
+var s = n({
 	initial: "idle",
 	states: {
 		idle: { on: { FOCUS: "focused" } },
 		focused: { on: { BLUR: "idle" } }
 	}
-});
-function s({ label: n, hint: s, error: c, size: l = "md", className: u, id: d, onFocus: f, onBlur: p, ...m }) {
-	let [h, g] = r(o), _ = d ?? (n ? `cascade-input-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0);
-	return /* @__PURE__ */ a("div", {
+}), c = i(function({ label: n, hint: i, error: c, size: l = "md", className: u, id: d, onFocus: f, onBlur: p, ...m }, h) {
+	let [g, _] = r(s), v = d ?? (n ? `cascade-input-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0);
+	return /* @__PURE__ */ o("div", {
 		className: t(e.wrapper, u),
-		"data-state": c ? "error" : h.value,
+		"data-state": c ? "error" : g.value,
 		"data-size": l,
 		children: [
-			n && /* @__PURE__ */ i("label", {
+			n && /* @__PURE__ */ a("label", {
 				className: e.label,
-				htmlFor: _,
+				htmlFor: v,
 				children: n
 			}),
-			/* @__PURE__ */ i("input", {
-				id: _,
+			/* @__PURE__ */ a("input", {
+				ref: h,
+				id: v,
 				className: e.input,
 				"aria-invalid": c ? !0 : void 0,
-				"aria-describedby": c ? `${_}-error` : s ? `${_}-hint` : void 0,
+				"aria-describedby": c ? `${v}-error` : i ? `${v}-hint` : void 0,
 				onFocus: (e) => {
-					g("FOCUS"), f?.(e);
+					_("FOCUS"), f?.(e);
 				},
 				onBlur: (e) => {
-					g("BLUR"), p?.(e);
+					_("BLUR"), p?.(e);
 				},
 				...m
 			}),
-			c && /* @__PURE__ */ i("span", {
-				id: `${_}-error`,
+			c && /* @__PURE__ */ a("span", {
+				id: `${v}-error`,
 				className: e.error,
 				role: "alert",
 				children: c
 			}),
-			!c && s && /* @__PURE__ */ i("span", {
-				id: `${_}-hint`,
+			!c && i && /* @__PURE__ */ a("span", {
+				id: `${v}-hint`,
 				className: e.hint,
-				children: s
+				children: i
 			})
 		]
 	});
-}
+});
 //#endregion
-export { s as Input };
+export { c as Input };