@optiaxiom/react 0.11.1 → 0.12.1

package/dist/packages/react/src/transition/Transition-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-BZgdj_SE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-CzNeaprk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_1pgemux',variants:{duration:{sm:'_1scsq97',md:'v9xolc',lg:'qqkdoj'},type:{fade:'_1xg212p',pop:'_174wnyd'}}});
+var transition = recipeRuntime({base:'o4ahd3',variants:{duration:{sm:'_10zykhj',md:'vn4ldk',lg:'_12855vg'},type:{fade:'_1sq98cs',pop:'_1a2x0em',slide:'sa8ulo'}}});
 
 export { transition };

package/dist/packages/react/src/transition-group-context/TransitionGroupContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from 'react';
 
 const TransitionGroupContext = createContext(undefined);

package/dist/packages/react/src/use-event/useEffectEvent.js

@@ -1,3 +1,4 @@
+"use client";
 import { useRef, useEffect, useCallback } from 'react';
 
 function useEffectEvent(callback) {

package/dist/packages/react/src/use-responsive-matches/useResponsiveMatches.js

@@ -1,8 +1,9 @@
+"use client";
 import { conditions } from '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import 'react';
 import 'react/jsx-runtime';
-import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@7.15.3_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
+import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@7.16.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
 
 const list = ["md", "sm"];
 const useResponsiveMatches = (config) => {

package/dist/packages/react/src/use-transition-status/useTransitionStatus.js

@@ -1,3 +1,4 @@
+"use client";
 import { useContext, useEffect, useState } from 'react';
 import { TransitionGroupContext } from '../transition-group-context/TransitionGroupContext.js';
 

package/dist/packages/react/src/utils/forceValueChange.js

@@ -0,0 +1,9 @@
+const forceValueChange = (input, value) => {
+  Object.getOwnPropertyDescriptor(
+    input.constructor.prototype,
+    "value"
+  )?.set?.call(input, value);
+  input.dispatchEvent(new Event("change", { bubbles: true }));
+};
+
+export { forceValueChange };

package/dist/unstable.d.ts

@@ -4,10 +4,11 @@ import { ReactNode, ComponentPropsWithoutRef, ReactElement } from 'react';
 import { UseComboboxProps, UseSelectProps } from 'downshift';
 import * as _radix_ui_react_popper from '@radix-ui/react-popper';
 import { PopperContent } from '@radix-ui/react-popper';
-import { E as ExcludeProps, B as BoxProps, M as MenuListbox, S as Sprinkles, L as Link, D as DialogContent, P as PopoverContent, b as ResponsiveArray } from './PopoverContent-BgXq33Tj.js';
+import { E as ExcludeProps, B as BoxProps, M as MenuListbox, S as Sprinkles, L as Link, D as DialogContent, P as PopoverContent, b as ResponsiveArray } from './PopoverContent-bLVoy8F_.js';
 import * as _radix_ui_react_separator from '@radix-ui/react-separator';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { Table as Table$1, Header } from '@tanstack/react-table';
+import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import * as RadixDialog from '@radix-ui/react-dialog';
 
 type CommandProps<Item> = Pick<UseComboboxProps<Item>, "inputId" | "selectedItem" | "stateReducer"> & {
@@ -37,7 +38,7 @@ type CommandProps<Item> = Pick<UseComboboxProps<Item>, "inputId" | "selectedItem
     open?: boolean;
     value?: Item[] | Set<Item>;
 };
-declare function Command<Item>({ children, inputValue: inputValueProp, isItemDisabled, items, itemToKey, itemToString, itemToSubItems, onInputValueChange, onItemSelect, onOpenChange, open, value: valueProp, ...props }: CommandProps<Item>): react_jsx_runtime.JSX.Element;
+declare function Command<Item>({ children, inputValue: inputValueProp, isItemDisabled, items, itemToKey, itemToString, itemToSubItems, onInputValueChange, onItemSelect, onOpenChange, open, selectedItem, value: valueProp, ...props }: CommandProps<Item>): react_jsx_runtime.JSX.Element;
 declare namespace Command {
     var displayName: string;
 }
@@ -195,6 +196,106 @@ declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<NonNullable<S
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
 
+declare const Calendar: react.ForwardRefExoticComponent<{
+    /**
+     * The initial selected value in uncontrolled mode.
+     */
+    defaultValue?: Date;
+    /**
+     * The latest month to end the month navigation.
+     */
+    max?: Date;
+    /**
+     * The earliest month to start the month navigation.
+     */
+    min?: Date;
+    /**
+     * Handler that is called when the selected value changes.
+     */
+    onValueChange?: (value: Date | undefined) => void;
+    /**
+     * The today’s date. Default is the current date.
+     */
+    today?: Date;
+    /**
+     * The selected value in controlled mode.
+     */
+    value?: Date;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const Card: react.ForwardRefExoticComponent<{
+    /**
+     * The orientation/layout of the elements inside the card.
+     */
+    orientation?: "horizontal" | "vertical";
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const CardCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<{
+    description?: react.ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+    indeterminate?: boolean;
+    shift?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "p" | "asChild" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "indeterminate"> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
+declare const CardContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const CardDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLParagraphElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
+
+declare const CardImage: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLImageElement>>;
+
+declare const CardOverflow: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const CardTitle: react.ForwardRefExoticComponent<Omit<{
+    level?: "1" | "2" | "4" | "6" | "3" | "5";
+}, never> & Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
 type ComboBoxProps<Item> = ComponentPropsWithoutRef<typeof Command<Item>> & {
     children: ReactNode;
     defaultOpen?: boolean;
@@ -334,9 +435,9 @@ declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
@@ -415,6 +516,31 @@ declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
 
+declare const DateInput: react.ForwardRefExoticComponent<Omit<Pick<Omit<Pick<{
+    addonPointerEvents?: "auto" | "none";
+    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
+} & {
+    children: React.ReactNode;
+}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
+    appearance?: "number" | "default" | undefined;
+    size?: "md" | "lg" | "xl" | undefined;
+} & {
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    htmlSize?: number;
+} & Omit<NonNullable<{
+    size?: "md" | "lg" | "xl" | undefined;
+} & {
+    disabled?: boolean;
+    error?: boolean;
+}>, "size"> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
 declare const Highlight: react.ForwardRefExoticComponent<{
     children?: (chunk: ReactElement) => ReactNode;
     content?: string;
@@ -437,6 +563,41 @@ declare const InlineInput: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+declare const NavGroup: react.ForwardRefExoticComponent<{
+    defaultOpen?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const NavGroupContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const NavGroupLabel: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    chevronPosition?: "end" | "start";
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const NavSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    orientation?: ("vertical" | "horizontal" | {
+        readonly base?: "vertical" | "horizontal" | undefined;
+        readonly sm?: "vertical" | "horizontal" | undefined;
+        readonly md?: "vertical" | "horizontal" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "p" | "asChild" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
 declare const Pill: react.ForwardRefExoticComponent<{
     size?: "md" | "lg" | undefined;
 } & {
@@ -450,9 +611,9 @@ declare const Pill: react.ForwardRefExoticComponent<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
@@ -540,9 +701,9 @@ declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
@@ -664,9 +825,9 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
@@ -681,9 +842,9 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
@@ -692,7 +853,12 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "disabled" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "p" | "disabled" | "asChild" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconOnly" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "disabled" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "p" | "disabled" | "asChild" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "appearance" | "square" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const SubNav: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const Table: react.ForwardRefExoticComponent<{
     layout?: "fixed" | "auto" | undefined;
@@ -726,4 +892,4 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkl
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableRowElement>>;
 
-export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteRadioItem, AutocompleteTrigger, AutocompleteVirtualized, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableHeaderCell, Highlight, InlineInput, Pill, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, SelectValue, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightRadioItem, SpotlightScrollArea, SpotlightSub, SpotlightSubItem, SpotlightTrigger, Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };
+export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteRadioItem, AutocompleteTrigger, AutocompleteVirtualized, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, Calendar, Card, CardCheckbox, CardContent, CardDescription, CardImage, CardOverflow, CardTitle, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableHeaderCell, DateInput, Highlight, InlineInput, NavGroup, NavGroupContent, NavGroupLabel, NavSeparator, Pill, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, SelectValue, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightRadioItem, SpotlightScrollArea, SpotlightSub, SpotlightSubItem, SpotlightTrigger, SubNav, Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };

package/dist/unstable.js

@@ -1,7 +1,7 @@
 export { Autocomplete } from './packages/react/src/autocomplete/Autocomplete.js';
 export { AutocompleteContent } from './packages/react/src/autocomplete-content/AutocompleteContent.js';
 export { AutocompleteEmpty } from './packages/react/src/autocomplete-empty/AutocompleteEmpty.js';
-export { AutocompleteItem } from './packages/react/src/autocomplete-item/AutocompletItem.js';
+export { AutocompleteItem } from './packages/react/src/autocomplete-item/AutocompleteItem.js';
 export { AutocompleteRadioItem } from './packages/react/src/autocomplete-radio-item/AutocompleteRadioItem.js';
 export { AutocompleteTrigger } from './packages/react/src/autocomplete-trigger/AutocompleteTrigger.js';
 export { AutocompleteVirtualized } from './packages/react/src/autocomplete-virtualized/AutocompleteVirtualized.js';
@@ -10,6 +10,14 @@ export { BreadcrumbEllipsis } from './packages/react/src/breadcrumb-ellipsis/Bre
 export { BreadcrumbItem } from './packages/react/src/breadcrumb-item/BreadcrumbItem.js';
 export { BreadcrumbLink } from './packages/react/src/breadcrumb-link/BreadcrumbLink.js';
 export { BreadcrumbPage } from './packages/react/src/breadcrumb-page/BreadcrumbPage.js';
+export { Calendar } from './packages/react/src/calendar/Calendar.js';
+export { Card } from './packages/react/src/card/Card.js';
+export { CardCheckbox } from './packages/react/src/card-checkbox/CardCheckbox.js';
+export { CardContent } from './packages/react/src/card-content/CardContent.js';
+export { CardDescription } from './packages/react/src/card-description/CardDescription.js';
+export { CardImage } from './packages/react/src/card-image/CardImage.js';
+export { CardOverflow } from './packages/react/src/card-overflow/CardOverflow.js';
+export { CardTitle } from './packages/react/src/card-title/CardTitle.js';
 export { Combobox } from './packages/react/src/combobox/Combobox.js';
 export { ComboboxCheckboxItem } from './packages/react/src/combobox-checkbox-item/ComboboxCheckboxItem.js';
 export { ComboboxContent } from './packages/react/src/combobox-content/ComboboxContent.js';
@@ -30,8 +38,13 @@ export { CommandItem } from './packages/react/src/command-item/CommandItem.js';
 export { CommandListbox } from './packages/react/src/command-listbox/CommandListbox.js';
 export { DataTable } from './packages/react/src/data-table/DataTable.js';
 export { DataTableHeaderCell } from './packages/react/src/data-table-header-cell/DataTableHeaderCell.js';
+export { DateInput } from './packages/react/src/date-input/DateInput.js';
 export { Highlight } from './packages/react/src/highlight/Highlight.js';
 export { InlineInput } from './packages/react/src/inline-input/InlineInput.js';
+export { NavGroup } from './packages/react/src/nav-group/NavGroup.js';
+export { NavGroupContent } from './packages/react/src/nav-group-content/NavGroupContent.js';
+export { NavGroupLabel } from './packages/react/src/nav-group-label/NavGroupLabel.js';
+export { NavSeparator } from './packages/react/src/nav-separator/NavSeparator.js';
 export { Pill } from './packages/react/src/pill/Pill.js';
 export { Select } from './packages/react/src/select/Select.js';
 export { SelectContent } from './packages/react/src/select-content/SelectContent.js';
@@ -53,6 +66,7 @@ export { SpotlightScrollArea } from './packages/react/src/spotlight-scroll-area/
 export { SpotlightSub } from './packages/react/src/spotlight-sub/SpotlightSub.js';
 export { SpotlightSubItem } from './packages/react/src/spotlight-sub-item/SpotlightSubItem.js';
 export { SpotlightTrigger } from './packages/react/src/spotlight-trigger/SpotlightTrigger.js';
+export { SubNav } from './packages/react/src/sub-nav/SubNav.js';
 export { Table } from './packages/react/src/table/Table.js';
 export { TableBody } from './packages/react/src/table-body/TableBody.js';
 export { TableCell } from './packages/react/src/table-cell/TableCell.js';

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.11.1",
+  "version": "0.12.1",
   "files": [
     "dist/**",
     "LICENSE"
@@ -28,20 +28,20 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@radix-ui/react-alert-dialog": "^1.1.4",
+    "@radix-ui/react-alert-dialog": "^1.1.5",
     "@radix-ui/react-arrow": "^1.1.1",
     "@radix-ui/react-avatar": "^1.1.2",
     "@radix-ui/react-collapsible": "^1.1.2",
     "@radix-ui/react-compose-refs": "^1.1.1",
     "@radix-ui/react-context": "^1.1.1",
-    "@radix-ui/react-dialog": "^1.1.4",
-    "@radix-ui/react-dismissable-layer": "^1.1.3",
-    "@radix-ui/react-dropdown-menu": "^2.1.4",
+    "@radix-ui/react-dialog": "^1.1.5",
+    "@radix-ui/react-dismissable-layer": "^1.1.4",
+    "@radix-ui/react-dropdown-menu": "^2.1.5",
     "@radix-ui/react-focus-guards": "^1.1.1",
     "@radix-ui/react-id": "^1.1.0",
     "@radix-ui/react-label": "^2.1.1",
-    "@radix-ui/react-menu": "^2.1.4",
-    "@radix-ui/react-popover": "^1.1.4",
+    "@radix-ui/react-menu": "^2.1.5",
+    "@radix-ui/react-popover": "^1.1.5",
     "@radix-ui/react-popper": "^1.2.1",
     "@radix-ui/react-portal": "^1.1.3",
     "@radix-ui/react-primitive": "^2.0.1",
@@ -49,25 +49,27 @@
     "@radix-ui/react-separator": "^1.1.1",
     "@radix-ui/react-slot": "^1.1.1",
     "@radix-ui/react-tabs": "^1.1.2",
-    "@radix-ui/react-toast": "^1.2.4",
+    "@radix-ui/react-toast": "^1.2.5",
     "@radix-ui/react-toggle": "^1.1.1",
     "@radix-ui/react-toggle-group": "^1.1.1",
-    "@radix-ui/react-tooltip": "^1.1.6",
+    "@radix-ui/react-tooltip": "^1.1.7",
     "@radix-ui/react-use-controllable-state": "^1.1.0",
     "@radix-ui/react-visually-hidden": "^1.1.1",
-    "@tanstack/react-virtual": "^3.11.2",
-    "@tanstack/virtual-core": "^3.11.2",
+    "@tanstack/react-virtual": "^3.11.3",
+    "@tanstack/virtual-core": "^3.11.3",
     "@vanilla-extract/dynamic": "^2.1.2",
     "clsx": "^2.1.1",
     "downshift": "^9.0.8",
-    "react-remove-scroll": "^2.6.2",
+    "react-day-picker": "^9.5.1",
+    "react-remove-scroll": "^2.6.3",
     "use-sync-external-store": "^1.4.0",
-    "@optiaxiom/globals": "^0.7.0"
+    "@optiaxiom/globals": "^0.7.1"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",
-    "@mantine/hooks": "^7.15.3",
-    "@types/node": "^22.10.5",
+    "@mantine/hooks": "^7.16.2",
+    "@radix-ui/react-focus-scope": "^1.1.1",
+    "@types/node": "^22.12.0",
     "@types/use-sync-external-store": "^0.0.6",
     "@vanilla-extract/css": "^1.17.0",
     "@vanilla-extract/sprinkles": "^1.6.3",

package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-C0L1W0AH.css

@@ -1,27 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  .dropx0 {
-    opacity: 0;
-  }
-  .qg7zhy {
-    inset: 0;
-    position: fixed;
-  }
-  ._1826sqa {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--rhkbg7)))
-      scale(calc(1 - 0.06 * var(--rhkbg7)))
-    ;
-  }
-  ._14ds8yy {
-    width: 400px;
-  }
-  ._1kmsjxz {
-    width: 600px;
-  }
-  ._1q23xxa {
-    width: 800px;
-  }
-}

package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-BRTnaXQ8.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  .mk0cds {
-    border-top: 1px solid var(--ax-colors-border-secondary);
-  }
-}

package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-BdLxr1Z_.css

@@ -1,10 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  .sqfxyd {
-    overflow: auto;
-    overscroll-behavior: contain;
-  }
-  .sqfxyd:empty {
-    visibility: hidden;
-  }
-}

package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DfBE8AZb.css

@@ -1,27 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._1s6fx03 {
-    user-select: none;
-  }
-  ._10e0v01 ._1s6fx03 {
-    border: 1px solid var(--ax-colors-bg-default);
-  }
-  ._10e0v01 .t19ntn:not(:first-child) {
-    margin-left: -3px;
-  }
-  ._10e0v01 .k6qu9p:not(:first-child) {
-    margin-left: -5px;
-  }
-  ._10e0v01 .hc0fkv:not(:first-child) {
-    margin-left: -7px;
-  }
-  ._10e0v01 ._4shcl7:not(:first-child) {
-    margin-left: -9px;
-  }
-  ._10e0v01 .yb25gq:not(:first-child) {
-    margin-left: -11px;
-  }
-  ._10e0v01 .avvcrq:not(:first-child) {
-    margin-left: -13px;
-  }
-}

package/dist/assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css

@@ -1,4 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-
-}

package/dist/assets/src/badge/Badge.css.ts.vanilla-35fv_Rde.css

@@ -1,46 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._4qaa28 {
-    --zjbpnl: var(--ax-colors-fg-white);
-  }
-  ._1fuhj2z {
-    --_1gl0xmh: var(--ax-colors-bg-error);
-    --qi9s9y: var(--ax-colors-bg-error-subtle);
-    --xwhqw4: var(--ax-colors-fg-error-strong);
-  }
-  ._1dag4qa {
-    --_1gl0xmh: var(--ax-colors-bg-information);
-    --qi9s9y: var(--ax-colors-bg-information-subtle);
-    --xwhqw4: var(--ax-colors-fg-information-strong);
-  }
-  .e0revi {
-    --_1gl0xmh: var(--ax-colors-bg-tertiary);
-    --zjbpnl: var(--ax-colors-fg-default);
-    --qi9s9y: var(--ax-colors-bg-secondary);
-    --xwhqw4: var(--ax-colors-fg-secondary);
-  }
-  .ojvx0s {
-    --_1gl0xmh: var(--ax-colors-bg-accent);
-    --qi9s9y: var(--ax-colors-bg-accent-subtle);
-    --xwhqw4: var(--ax-colors-fg-accent-strong);
-  }
-  ._7vxxyq {
-    --_1gl0xmh: var(--ax-colors-bg-success);
-    --qi9s9y: var(--ax-colors-bg-success-subtle);
-    --xwhqw4: var(--ax-colors-fg-success-strong);
-  }
-  ._2weqgt {
-    --_1gl0xmh: var(--ax-colors-bg-warning);
-    --zjbpnl: var(--ax-colors-fg-warning-inverse);
-    --qi9s9y: var(--ax-colors-bg-warning-subtle);
-    --xwhqw4: var(--ax-colors-fg-warning-strong);
-  }
-  .r9mbo9 {
-    background-color: var(--qi9s9y);
-    color: var(--xwhqw4);
-  }
-  ._117ca5a {
-    background-color: var(--_1gl0xmh);
-    color: var(--zjbpnl);
-  }
-}

package/dist/assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Cu-ZPbjv.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  .wxb4d9:not(:first-child)::before {
-    content: "/";
-    color: var(--ax-colors-fg-tertiary);
-    margin-right: 8px;
-  }
-}