@optiaxiom/react 0.12.0 → 0.12.2

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"> & {
@@ -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,38 @@ 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<Omit<{
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "onOpenChange" | "open" | "defaultOpen" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLLIElement>>;
+
+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 +608,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 +698,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 +822,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 +839,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 +850,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 +889,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, 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

@@ -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,12 @@ 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 { 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 +65,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.12.0",
+  "version": "0.12.2",
   "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.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-CBT4ik99.css

@@ -1,27 +0,0 @@
-@layer optiaxiom._5obs4g;
-@layer optiaxiom._5obs4g {
-  .ssthbc {
-    opacity: 0;
-  }
-  ._125u4cl {
-    inset: 0;
-    position: fixed;
-  }
-  .idt198 {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_1y0sw0f)))
-      scale(calc(1 - 0.06 * var(--_1y0sw0f)))
-    ;
-  }
-  ._1kw2vj1 {
-    width: 400px;
-  }
-  ._18kv87o {
-    width: 600px;
-  }
-  .b6i756 {
-    width: 800px;
-  }
-}

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

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

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

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

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

@@ -1,27 +0,0 @@
-@layer optiaxiom._5obs4g;
-@layer optiaxiom._5obs4g {
-  ._1xfv4i3 {
-    user-select: none;
-  }
-  .d6twk6 ._1xfv4i3 {
-    border: 1px solid var(--ax-colors-bg-default);
-  }
-  .d6twk6 .xd7dgi:not(:first-child) {
-    margin-left: -3px;
-  }
-  .d6twk6 ._1w6f87l:not(:first-child) {
-    margin-left: -5px;
-  }
-  .d6twk6 .g6hjuv:not(:first-child) {
-    margin-left: -7px;
-  }
-  .d6twk6 ._1hq45yy:not(:first-child) {
-    margin-left: -9px;
-  }
-  .d6twk6 ._1wemkgd:not(:first-child) {
-    margin-left: -11px;
-  }
-  .d6twk6 .majuqc:not(:first-child) {
-    margin-left: -13px;
-  }
-}

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

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

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._5obs4g;
-@layer optiaxiom._5obs4g {
-  ._3p6lo7 {
-    --_1dcq5qa: var(--ax-colors-fg-white);
-  }
-  ._1oge57o {
-    --w83gvj: var(--ax-colors-bg-error);
-    --_1sks75o: var(--ax-colors-bg-error-subtle);
-    --uuzhff: var(--ax-colors-fg-error-strong);
-  }
-  .r4hfnp {
-    --w83gvj: var(--ax-colors-bg-information);
-    --_1sks75o: var(--ax-colors-bg-information-subtle);
-    --uuzhff: var(--ax-colors-fg-information-strong);
-  }
-  ._1mjqgua {
-    --w83gvj: var(--ax-colors-bg-tertiary);
-    --_1dcq5qa: var(--ax-colors-fg-default);
-    --_1sks75o: var(--ax-colors-bg-secondary);
-    --uuzhff: var(--ax-colors-fg-secondary);
-  }
-  ._1hkfltl {
-    --w83gvj: var(--ax-colors-bg-accent);
-    --_1sks75o: var(--ax-colors-bg-accent-subtle);
-    --uuzhff: var(--ax-colors-fg-accent-strong);
-  }
-  ._144p78s {
-    --w83gvj: var(--ax-colors-bg-success);
-    --_1sks75o: var(--ax-colors-bg-success-subtle);
-    --uuzhff: var(--ax-colors-fg-success-strong);
-  }
-  ._1up9d85 {
-    --w83gvj: var(--ax-colors-bg-warning);
-    --_1dcq5qa: var(--ax-colors-fg-warning-inverse);
-    --_1sks75o: var(--ax-colors-bg-warning-subtle);
-    --uuzhff: var(--ax-colors-fg-warning-strong);
-  }
-  ._68bru9 {
-    background-color: var(--_1sks75o);
-    color: var(--uuzhff);
-  }
-  .e7mx75 {
-    background-color: var(--w83gvj);
-    color: var(--_1dcq5qa);
-  }
-}

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

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