@cascivo/react 0.8.0 → 0.10.0

package/dist/field/field.js

@@ -6,34 +6,43 @@ import { cn as n, useId as r } from "@cascivo/core";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Children as o, cloneElement as s, isValidElement as c } from "react";
 //#region ../components/src/field/field.tsx
-function l({ label: l, description: u, error: d, required: f = !1, disabled: p = !1, id: m, children: h, className: g }) {
-	let _ = r("cascade-field"), v = m ?? _, y = `${v}-description`, b = `${v}-error`, x = [u ? y : null, d ? b : null].filter(Boolean).join(" ") || void 0, S = { id: v };
-	x && (S["aria-describedby"] = x), d && (S["aria-invalid"] = !0), (p || h.props.disabled) && (S.disabled = !0);
-	let C = c(h) ? s(o.only(h), S) : h;
+var l = /* @__PURE__ */ new Set();
+function u() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
+}
+function d(e, t) {
+	if (!u() || e == null || t.props.label == null) return;
+	let n = String(e);
+	l.has(n) || (l.add(n), console.warn(`cascivo Field: both the Field and its child control define a \`label\` (${n}). Omit the child's \`label\` inside a Field — it renders a second <label> for the same control. The Field owns the label.`));
+}
+function f({ label: l, description: u, error: f, required: p = !1, disabled: m = !1, id: h, children: g, className: _ }) {
+	let v = r("cascade-field"), y = h ?? v, b = `${y}-description`, x = `${y}-error`, S = [u ? b : null, f ? x : null].filter(Boolean).join(" ") || void 0, C = { id: y };
+	S && (C["aria-describedby"] = S), f && (C["aria-invalid"] = !0), (m || g.props.disabled) && (C.disabled = !0), c(g) && d(l, g);
+	let w = c(g) ? s(o.only(g), C) : g;
 	return /* @__PURE__ */ a("div", {
-		className: n(t.field, g),
-		"data-disabled": p ? "" : void 0,
+		className: n(t.field, _),
+		"data-disabled": m ? "" : void 0,
 		children: [
 			l && /* @__PURE__ */ i(e, {
-				htmlFor: v,
-				required: f,
-				disabled: p,
+				htmlFor: y,
+				required: p,
+				disabled: m,
 				children: l
 			}),
-			C,
+			w,
 			u && /* @__PURE__ */ i("p", {
-				id: y,
+				id: b,
 				className: t.description,
 				children: u
 			}),
-			d && /* @__PURE__ */ i("p", {
-				id: b,
+			f && /* @__PURE__ */ i("p", {
+				id: x,
 				role: "alert",
 				className: t.error,
-				children: d
+				children: f
 			})
 		]
 	});
 }
 //#endregion
-export { l as Field };
+export { f as Field };

package/dist/filter/filter.js

@@ -4,28 +4,28 @@ import e from "./filter.module.js";
 import { useControllableSignal as t, useSignals as n } from "@cascivo/core";
 import { jsx as r } from "react/jsx-runtime";
 //#region ../components/src/filter/filter.tsx
-function i({ options: i, value: a, defaultValue: o = [], onChange: s, multi: c = !1, variant: l = "pill", className: u, ...d }) {
+function i({ options: i, value: a, defaultValue: o = [], onValueChange: s, onChange: c, multi: l = !1, variant: u = "pill", className: d, ...f }) {
 	n();
-	let [f, p] = t({
+	let [p, m] = t({
 		value: a,
 		defaultValue: o,
-		onChange: s
+		onChange: s ?? c
 	});
-	function m(e) {
-		let t = f.value, n;
-		n = c ? t.includes(e) ? t.filter((t) => t !== e) : [...t, e] : t.includes(e) ? [] : [e], p(n);
+	function h(e) {
+		let t = p.value, n;
+		n = l ? t.includes(e) ? t.filter((t) => t !== e) : [...t, e] : t.includes(e) ? [] : [e], m(n);
 	}
 	return /* @__PURE__ */ r("div", {
 		role: "group",
-		className: [e.filter, u].filter(Boolean).join(" "),
-		"data-variant": l,
-		...d,
+		className: [e.filter, d].filter(Boolean).join(" "),
+		"data-variant": u,
+		...f,
 		children: i.map((t) => /* @__PURE__ */ r("button", {
 			type: "button",
 			className: e.item,
-			"data-selected": f.value.includes(t.value) || void 0,
-			onClick: () => m(t.value),
-			"aria-pressed": f.value.includes(t.value),
+			"data-selected": p.value.includes(t.value) || void 0,
+			onClick: () => h(t.value),
+			"aria-pressed": p.value.includes(t.value),
 			children: t.label
 		}, t.value))
 	});

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { ErrorBoundary, FocusScope, LinkComponent, Portal, RovingOrientation, Signal, SuspenseBoundary, getLinkComponent, setLinkComponent } from "@cascivo/core";
+import { ErrorBoundary, FocusScope, LinkComponent, LinkComponentProps, Portal, RovingOrientation, Signal, SuspenseBoundary, getLinkComponent, setLinkComponent } from "@cascivo/core";
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, FormHTMLAttributes, HTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, MouseEvent, ReactElement, ReactNode, RefObject, SelectHTMLAttributes, TextareaHTMLAttributes, TimeHTMLAttributes } from "react";
 
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -335,6 +335,9 @@ declare function RadioGroup({
 interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
   checked?: boolean;
   defaultChecked?: boolean;
+  /** Called with the new checked state when the switch is toggled. */
+  onValueChange?: (checked: boolean) => void;
+  /** @deprecated Use `onValueChange` — it receives the same `checked` boolean. */
   onChange?: (checked: boolean) => void;
   /**
    * Renders a **visible** text label beside the switch that also becomes its
@@ -348,6 +351,7 @@ interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onC
 declare function Toggle({
   checked,
   defaultChecked,
+  onValueChange,
   onChange,
   label,
   size,
@@ -652,7 +656,13 @@ interface SideNavLinkProps {
   'data-state'?: 'active' | undefined;
   'data-tone'?: Exclude<SideNavTone, 'default'> | undefined;
   tabIndex?: number | undefined;
-  onClick: (e: MouseEvent<HTMLAnchorElement>) => void;
+  /**
+   * Always provided by cascivo when it builds the bag; only calls
+   * `preventDefault()` for a disabled item, otherwise inert. Optional on the type
+   * so it composes cleanly — spread it onto a router `<Link>`, which layers its own
+   * click handling on top.
+   */
+  onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
 }
 /** A selectable/navigable sub-item (link when `href` is set, action when `onSelect` is set). */
 interface SideNavLinkSubItem {
@@ -924,6 +934,9 @@ declare function OverflowMenu({
 interface SearchProps {
   value?: string;
   defaultValue?: string;
+  /** Called with the current text on every keystroke. */
+  onValueChange?: (value: string) => void;
+  /** @deprecated Use `onValueChange` — it receives the same string. */
   onChange?: (value: string) => void;
   onSearch?: (value: string) => void;
   debounceMs?: number;
@@ -938,6 +951,7 @@ interface SearchProps {
 declare function Search({
   value,
   defaultValue,
+  onValueChange,
   onChange,
   onSearch,
   debounceMs,
@@ -952,6 +966,9 @@ declare function Search({
 interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'> {
   value?: number | null;
   defaultValue?: number;
+  /** Called with the new numeric value (or null when cleared). */
+  onValueChange?: (value: number | null) => void;
+  /** @deprecated Use `onValueChange` — it receives the same `number | null`. */
   onChange?: (value: number | null) => void;
   min?: number;
   max?: number;
@@ -968,6 +985,7 @@ interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, '
 declare function NumberInput({
   value,
   defaultValue,
+  onValueChange,
   onChange,
   min,
   max,
@@ -1251,6 +1269,9 @@ interface ComboboxProps {
   options: ComboboxOption[];
   value?: string;
   defaultValue?: string;
+  /** Called with the selected option value (or undefined when cleared). */
+  onValueChange?: (value: string | undefined) => void;
+  /** @deprecated Use `onValueChange` — it receives the same `string | undefined`. */
   onChange?: (value: string | undefined) => void;
   clearable?: boolean;
   searchable?: boolean;
@@ -1267,6 +1288,7 @@ declare function Combobox({
   options,
   value,
   defaultValue,
+  onValueChange,
   onChange,
   clearable,
   searchable,
@@ -1288,6 +1310,9 @@ interface DatePickerLabels {
 interface DatePickerProps {
   value?: string;
   defaultValue?: string;
+  /** Called with the selected ISO date string (or undefined when cleared). */
+  onValueChange?: (value: string | undefined) => void;
+  /** @deprecated Use `onValueChange` — it receives the same ISO `string | undefined`. */
   onChange?: (value: string | undefined) => void;
   min?: string;
   max?: string;
@@ -1304,6 +1329,7 @@ interface DatePickerProps {
 declare function DatePicker({
   value,
   defaultValue,
+  onValueChange,
   onChange,
   min,
   max,
@@ -1363,6 +1389,9 @@ declare function FileUploader({
 interface TimePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'> {
   value?: string;
   defaultValue?: string;
+  /** Called with the new `HH:MM` time string when the value changes. */
+  onValueChange?: (value: string) => void;
+  /** @deprecated Use `onValueChange` — it receives the same time string. */
   onChange?: (value: string) => void;
   min?: string;
   max?: string;
@@ -1375,6 +1404,7 @@ interface TimePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 's
 declare function TimePicker({
   value,
   defaultValue,
+  onValueChange,
   onChange,
   min,
   max,
@@ -2315,6 +2345,9 @@ interface FilterProps {
   options: FilterOption[];
   value?: string[];
   defaultValue?: string[];
+  /** Called with the selected values whenever the selection changes. */
+  onValueChange?: (selected: string[]) => void;
+  /** @deprecated Use `onValueChange` — it receives the same `string[]`. */
   onChange?: (selected: string[]) => void;
   multi?: boolean;
   variant?: FilterVariant;
@@ -2325,6 +2358,7 @@ declare function Filter({
   options,
   value,
   defaultValue,
+  onValueChange,
   onChange,
   multi,
   variant,
@@ -3201,6 +3235,9 @@ interface SwapProps {
   on: React.ReactNode;
   off: React.ReactNode;
   checked?: boolean;
+  /** Called with the new checked state when the swap is toggled. */
+  onValueChange?: (checked: boolean) => void;
+  /** @deprecated Use `onValueChange` — it receives the same `checked` boolean. */
   onChange?: (checked: boolean) => void;
   mode?: SwapMode;
   'aria-label'?: string;
@@ -3210,6 +3247,7 @@ declare function Swap({
   on,
   off,
   checked,
+  onValueChange,
   onChange,
   mode,
   className,
@@ -3365,8 +3403,11 @@ declare function setTheme(next: string): void;
 declare function useTheme(): readonly [Signal<string>, (next: string) => void];
 interface ThemeProviderProps {
   /**
-   * Theme to use when nothing is persisted yet. Falls back to the visitor's OS
-   * `prefers-color-scheme` (light/dark), then to `'light'`.
+   * Theme to use when nothing is persisted yet. When set, it **wins over** the
+   * visitor's OS `prefers-color-scheme` — pass it for a "dark by default" or
+   * custom-theme (`'midnight'`, …) app. Omit it to follow the OS (light/dark),
+   * falling back to `'light'`. Precedence: persisted value > `defaultTheme` (if
+   * set) > OS preference > `'light'`.
    */
   defaultTheme?: string;
   /**
@@ -3386,6 +3427,12 @@ interface ThemeProviderProps {
   target?: RefObject<HTMLElement | null>;
   /** Called whenever the active theme changes. */
   onChange?: (theme: string) => void;
+  /**
+   * CSP nonce forwarded to the inline attribute-setter script emitted for the
+   * controlled ({@link ThemeProviderProps.value}) SSR flow. Set it to match your
+   * Content-Security-Policy `script-src 'nonce-…'`.
+   */
+  nonce?: string;
   children?: ReactNode;
 }
 /**
@@ -3397,6 +3444,12 @@ interface ThemeProviderProps {
  * - No banned React hooks: the DOM write happens in `useSignalEffect`, not
  *   `useEffect`; there is no `useState`/`useContext`.
  * - Uncontrolled by default (persists to localStorage); pass `value` to control.
+ * - SSR-safe when controlled: with a `value` (and no scoped `target`), the
+ *   provider renders a tiny inline script that sets `data-theme` during HTML
+ *   parsing, so the server-rendered first paint is themed — no flash, no
+ *   hydration mismatch (the same markup renders on both sides; the client effect
+ *   owns every update after hydration). For the uncontrolled/persisted flow, pair
+ *   with {@link themePreloadScript} in `<head>` instead.
  */
 declare function ThemeProvider({
   defaultTheme,
@@ -3405,6 +3458,7 @@ declare function ThemeProvider({
   attribute,
   target,
   onChange,
+  nonce,
   children
 }: ThemeProviderProps): ReactNode;
 /**
@@ -3413,11 +3467,23 @@ declare function ThemeProvider({
  * SSR or a hard reload. Pass the same `storageKey`/`attribute`/`defaultTheme`
  * you give {@link ThemeProvider}.
  *
+ * Precedence matches {@link ThemeProvider}: persisted value > `defaultTheme`
+ * (if set) > OS `prefers-color-scheme` > `'light'`. Passing `defaultTheme`
+ * suppresses the OS check, so a "dark by default" app stays dark on a light-OS
+ * visitor.
+ *
+ * The script sets `data-theme` **before** React hydrates, so add
+ * `suppressHydrationWarning` to the element that carries the attribute (usually
+ * `<html>`) — the mutation is intentional, and without the flag React 19 logs a
+ * hydration mismatch.
+ *
  * ```tsx
  * // Next.js app/layout.tsx
- * <head>
- *   <script dangerouslySetInnerHTML={{ __html: themePreloadScript() }} />
- * </head>
+ * <html suppressHydrationWarning>
+ *   <head>
+ *     <script dangerouslySetInnerHTML={{ __html: themePreloadScript({ defaultTheme: 'dark' }) }} />
+ *   </head>
+ * </html>
  * ```
  */
 declare function themePreloadScript(options?: {
@@ -3425,4 +3491,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, 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, LinkProps, List, ListItem, ListItemProps, ListProps, LogLevel, LogLine, LogViewer, LogViewerLabels, LogViewerProps, 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, Pagination, PaginationLabels, PaginationProps, PasswordInput, PasswordInputLabels, PasswordInputProps, Popover, PopoverContent, PopoverContentProps, PopoverProps, PopoverTrigger, PopoverTriggerProps, Portal, 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, 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$1 as 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 UsePopoverOptions, type UsePopoverReturn, type UseTocFromRegionOptions, User, UserProps, VisuallyHidden, VisuallyHiddenProps, createForm, dismissAllToasts, fuzzyMatch, fuzzyScore, getLinkComponent, setLinkComponent, setTheme, themePreloadScript, treeViewMessages, useForm, usePopover, useTheme, useToast, useTocFromRegion };
+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, 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, 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, Pagination, PaginationLabels, PaginationProps, PasswordInput, PasswordInputLabels, PasswordInputProps, Popover, PopoverContent, PopoverContentProps, PopoverProps, PopoverTrigger, PopoverTriggerProps, Portal, 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, 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$1 as 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 UsePopoverOptions, type UsePopoverReturn, type UseTocFromRegionOptions, User, UserProps, VisuallyHidden, VisuallyHiddenProps, createForm, dismissAllToasts, fuzzyMatch, fuzzyScore, getLinkComponent, setLinkComponent, setTheme, themePreloadScript, treeViewMessages, useForm, usePopover, useTheme, useToast, useTocFromRegion };

package/dist/index.js

@@ -0,0 +1,2 @@
+'use client';
+export * from './react/src/index.js';

package/dist/node/accordion/accordion.js

@@ -0,0 +1,95 @@
+"use client";
+
+import e from "./accordion.module.js";
+import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { createContext as o, useId as s } from "react";
+//#region ../components/src/accordion/accordion.tsx
+var c = o(null), l = o(null);
+function u(e) {
+	return e === void 0 ? [] : Array.isArray(e) ? e : [e];
+}
+function d({ type: r = "single", defaultValue: a, value: o, onValueChange: l, className: d, children: f }) {
+	let p = s(), m = n(u(o ?? a));
+	o !== void 0 && (m.value = u(o));
+	let h = {
+		open: m,
+		baseId: p,
+		toggle: (e) => {
+			let t = m.value, n;
+			n = r === "multiple" ? t.includes(e) ? t.filter((t) => t !== e) : [...t, e] : t.includes(e) ? [] : [e], o === void 0 && (m.value = n), l?.(r === "multiple" ? n : n[0] ?? "");
+		}
+	};
+	return /* @__PURE__ */ i(c.Provider, {
+		value: h,
+		children: /* @__PURE__ */ i("div", {
+			"data-type": r,
+			className: t(e.accordion, d),
+			children: f
+		})
+	});
+}
+function f({ value: n, className: r, children: a, ...o }) {
+	return /* @__PURE__ */ i(l.Provider, {
+		value: { value: n },
+		children: /* @__PURE__ */ i("div", {
+			"data-value": n,
+			className: t(e.item, r),
+			...o,
+			children: a
+		})
+	});
+}
+function p(e) {
+	return /* @__PURE__ */ i(c.Consumer, { children: (t) => /* @__PURE__ */ i(l.Consumer, { children: (n) => t && n ? /* @__PURE__ */ i(m, {
+		store: t,
+		item: n,
+		...e
+	}) : null }) });
+}
+function m({ store: n, item: o, className: s, children: c, ...l }) {
+	r();
+	let u = n.open.value.includes(o.value);
+	return /* @__PURE__ */ i("h3", {
+		className: e.heading,
+		children: /* @__PURE__ */ a("button", {
+			type: "button",
+			id: `${n.baseId}-trigger-${o.value}`,
+			"aria-expanded": u,
+			"aria-controls": `${n.baseId}-content-${o.value}`,
+			"data-state": u ? "open" : "closed",
+			className: t(e.trigger, s),
+			onClick: () => n.toggle(o.value),
+			...l,
+			children: [/* @__PURE__ */ i("span", { children: c }), /* @__PURE__ */ i("span", {
+				className: e.indicator,
+				"aria-hidden": "true"
+			})]
+		})
+	});
+}
+function h(e) {
+	return /* @__PURE__ */ i(c.Consumer, { children: (t) => /* @__PURE__ */ i(l.Consumer, { children: (n) => t && n ? /* @__PURE__ */ i(g, {
+		store: t,
+		item: n,
+		...e
+	}) : null }) });
+}
+function g({ store: n, item: a, className: o, children: s, ...c }) {
+	r();
+	let l = n.open.value.includes(a.value);
+	return /* @__PURE__ */ i("div", {
+		role: "region",
+		id: `${n.baseId}-content-${a.value}`,
+		"aria-labelledby": `${n.baseId}-trigger-${a.value}`,
+		"data-state": l ? "open" : "closed",
+		className: t(e.content, o),
+		...c,
+		children: /* @__PURE__ */ i("div", {
+			className: e.contentInner,
+			children: s
+		})
+	});
+}
+//#endregion
+export { d as Accordion, h as AccordionContent, f as AccordionItem, p as AccordionTrigger };

package/dist/node/accordion/accordion.module.js

@@ -0,0 +1,13 @@
+"use client";
+
+var e = {
+	accordion: "_accordion_9ch4s_2",
+	item: "_item_9ch4s_10",
+	heading: "_heading_9ch4s_16",
+	trigger: "_trigger_9ch4s_22",
+	indicator: "_indicator_9ch4s_48",
+	content: "_content_9ch4s_62",
+	contentInner: "_contentInner_9ch4s_77"
+};
+//#endregion
+export { e as default };

package/dist/node/action-sheet/action-sheet.js

@@ -0,0 +1,91 @@
+"use client";
+
+import e from "./action-sheet.module.js";
+import { DismissableLayer as t, FocusScope as n, Portal as r, Presence as i, cn as a, useControllableSignal as o, useRovingFocus as s, useSignals as c } from "@cascivo/core";
+import { builtin as l, t as u } from "@cascivo/i18n";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useId as p } from "react";
+//#region ../components/src/action-sheet/action-sheet.tsx
+function m({ open: m, defaultOpen: h, onOpenChange: g, actions: _, title: v, description: y, showCancel: b = !0, labels: x, className: S }) {
+	c();
+	let [C, w] = o({
+		value: m,
+		defaultValue: h ?? !1,
+		onChange: g
+	}), T = s({
+		orientation: "vertical",
+		loop: !0
+	}), E = p(), D = p(), O = x?.cancel ?? u(l.actionSheet.cancel), k = x?.label ?? u(l.actionSheet.label), A = (e) => {
+		e.disabled || (e.onSelect(), w(!1));
+	}, j = _.length;
+	return /* @__PURE__ */ d(r, { children: /* @__PURE__ */ d(i, {
+		present: C,
+		children: /* @__PURE__ */ d("div", {
+			className: e.overlay,
+			children: /* @__PURE__ */ d(t, {
+				onDismiss: () => w(!1),
+				children: /* @__PURE__ */ d(n, {
+					trapped: !0,
+					restoreFocus: !0,
+					autoFocus: !0,
+					children: /* @__PURE__ */ f("div", {
+						role: "menu",
+						"aria-label": v ? void 0 : k,
+						"aria-labelledby": v ? E : void 0,
+						"aria-describedby": y ? D : void 0,
+						className: a(e.sheet, S),
+						children: [/* @__PURE__ */ f("div", {
+							className: e.group,
+							children: [(v || y) && /* @__PURE__ */ f("div", {
+								className: e.heading,
+								role: "presentation",
+								children: [v && /* @__PURE__ */ d("p", {
+									id: E,
+									className: e.title,
+									children: v
+								}), y && /* @__PURE__ */ d("p", {
+									id: D,
+									className: e.description,
+									children: y
+								})]
+							}), _.map((t, n) => {
+								let r = T.getItemProps(n);
+								return /* @__PURE__ */ d("button", {
+									ref: r.ref,
+									type: "button",
+									role: "menuitem",
+									tabIndex: r.tabIndex,
+									"aria-disabled": t.disabled || void 0,
+									"data-destructive": t.destructive ? "" : void 0,
+									className: e.item,
+									onKeyDown: r.onKeyDown,
+									onFocus: r.onFocus,
+									onClick: () => A(t),
+									children: t.label
+								}, n);
+							})]
+						}), b && /* @__PURE__ */ d("div", {
+							className: e.group,
+							children: (() => {
+								let t = T.getItemProps(j);
+								return /* @__PURE__ */ d("button", {
+									ref: t.ref,
+									type: "button",
+									role: "menuitem",
+									tabIndex: t.tabIndex,
+									className: a(e.item, e.cancel),
+									onKeyDown: t.onKeyDown,
+									onFocus: t.onFocus,
+									onClick: () => w(!1),
+									children: O
+								});
+							})()
+						})]
+					})
+				})
+			})
+		})
+	}) });
+}
+//#endregion
+export { m as ActionSheet };

package/dist/node/action-sheet/action-sheet.module.js

@@ -0,0 +1,14 @@
+"use client";
+
+var e = {
+	overlay: "_overlay_17irl_2",
+	sheet: "_sheet_17irl_28",
+	group: "_group_17irl_50",
+	heading: "_heading_17irl_60",
+	title: "_title_17irl_66",
+	description: "_description_17irl_73",
+	item: "_item_17irl_79",
+	cancel: "_cancel_17irl_119"
+};
+//#endregion
+export { e as default };

package/dist/node/alert/alert.js

@@ -0,0 +1,55 @@
+"use client";
+
+import e from "./alert.module.js";
+import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
+import { builtin as i, t as a } from "@cascivo/i18n";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region ../components/src/alert/alert.tsx
+var c = new Set(["warning", "destructive"]);
+function l({ variant: l = "default", title: u, icon: d, dismissible: f = !1, onDismiss: p, action: m, className: h, children: g, ..._ }) {
+	r();
+	let v = n(!1);
+	return v.value ? null : /* @__PURE__ */ s("div", {
+		role: c.has(l) ? "alert" : "status",
+		"data-variant": l,
+		className: t(e.alert, h),
+		..._,
+		children: [
+			d && /* @__PURE__ */ o("span", {
+				className: e.icon,
+				"aria-hidden": "true",
+				children: d
+			}),
+			/* @__PURE__ */ s("div", {
+				className: e.body,
+				children: [
+					u && /* @__PURE__ */ o("div", {
+						className: e.title,
+						children: u
+					}),
+					g && /* @__PURE__ */ o("div", {
+						className: e.content,
+						children: g
+					}),
+					m && /* @__PURE__ */ o("button", {
+						type: "button",
+						className: e.action,
+						onClick: m.onClick,
+						children: m.label
+					})
+				]
+			}),
+			f && /* @__PURE__ */ o("button", {
+				type: "button",
+				className: e.dismiss,
+				"aria-label": a(i.alert.dismiss),
+				onClick: () => {
+					v.value = !0, p?.();
+				},
+				children: "✕"
+			})
+		]
+	});
+}
+//#endregion
+export { l as Alert };

package/dist/node/alert/alert.module.js

@@ -0,0 +1,13 @@
+"use client";
+
+var e = {
+	alert: "_alert_a2dn2_2",
+	icon: "_icon_a2dn2_18",
+	title: "_title_a2dn2_19",
+	body: "_body_a2dn2_90",
+	content: "_content_a2dn2_104",
+	action: "_action_a2dn2_110",
+	dismiss: "_dismiss_a2dn2_149"
+};
+//#endregion
+export { e as default };