@optiaxiom/react 0.1.0-next.12 → 0.1.0-next.14

package/dist/unstable.d.ts

@@ -1,36 +1,22 @@
-import { S as Sprinkles, B as BoxProps, P as PopoverContent } from './PopoverContent-DGBVbvBc.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithRef } from 'react';
-import * as RadixToggle from '@radix-ui/react-toggle';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import { B as BoxProps, P as Popover, S as Sprinkles, b as PopoverContent } from './PopoverContent-DIhLXmjU.js';
 import '@radix-ui/react-popover';
 import '@vanilla-extract/sprinkles';
 
-declare const Chip: react.ForwardRefExoticComponent<Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & {
-    endDecorator?: ReactNode;
-    startDecorator?: ReactNode;
-} & {
-    size?: "sm" | "md" | "lg" | undefined;
-} & react.RefAttributes<HTMLButtonElement>>;
-
-type Item = {
-    label: string;
-    value: string;
-};
-
+type ComboBoxProps = BoxProps<typeof Popover, {
+    children: ReactNode;
+    defaultOpen?: boolean;
+    defaultValue?: string | string[];
+    mode?: "multiple" | "single";
+    onOpenChange?: (open: boolean) => void;
+    onValueChange?: (value: string | string[]) => void;
+    open?: boolean;
+    value?: string | string[];
+}>;
 declare const Combobox: {
-    ({ children, defaultOpen, defaultValue, items, onOpenChange, onSelect, open: openProp, }: {
-        children: ReactNode;
-        defaultOpen?: boolean;
-        defaultValue?: string;
-        items?: Item[];
-        onOpenChange?: (open: boolean) => void;
-        onSelect?: (value: string) => void;
-        open?: boolean;
-    }): react_jsx_runtime.JSX.Element;
+    ({ children, defaultOpen, defaultValue, mode, onOpenChange, onValueChange, open: openProp, value: valueProp, }: Partial<ComboBoxProps>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -60,11 +46,126 @@ type ComboboxContentProps = BoxProps<typeof Command, {
 } & ComponentPropsWithRef<typeof PopoverContent>>;
 declare const ComboboxContent: react.ForwardRefExoticComponent<Omit<ComboboxContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
+declare const ComboboxMultiTrigger: react.ForwardRefExoticComponent<{
+    maxDisplayedItems?: number;
+    title?: string;
+} & Omit<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    endDecorator?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+    startDecorator?: react.ReactNode;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "title" | "asChild" | "className" | "disabled" | "appearance" | "endDecorator" | "icon" | "iconPosition" | "loading" | "startDecorator"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    endDecorator?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+    startDecorator?: react.ReactNode;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & {
+    maxDisplayedItems?: number;
+    title?: string;
+} & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "asChild" | "className" | "disabled" | "appearance" | "endDecorator" | "icon" | "iconPosition" | "loading" | "startDecorator"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    endDecorator?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+    startDecorator?: react.ReactNode;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const ComboboxSingleTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    endDecorator?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+    startDecorator?: react.ReactNode;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "title" | "asChild" | "className" | "disabled" | "appearance" | "endDecorator" | "icon" | "iconPosition" | "loading" | "startDecorator"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    endDecorator?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+    startDecorator?: react.ReactNode;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & {
+    maxDisplayedItems?: number;
+    title?: string;
+} & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "asChild" | "className" | "disabled" | "appearance" | "endDecorator" | "icon" | "iconPosition" | "loading" | "startDecorator"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    endDecorator?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+    startDecorator?: react.ReactNode;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
 declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "danger" | "primary" | "danger-outline" | "secondary";
+    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
     children?: react.ReactNode;
     disabled?: boolean;
     endDecorator?: react.ReactNode;
@@ -77,11 +178,11 @@ declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Om
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "title" | "asChild" | "className" | "disabled" | "endDecorator" | "startDecorator" | "colorScheme" | "variant" | "appearance" | "icon" | "iconPosition" | "loading"> & Omit<{
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "title" | "asChild" | "className" | "disabled" | "appearance" | "endDecorator" | "icon" | "iconPosition" | "loading" | "startDecorator"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "danger" | "primary" | "danger-outline" | "secondary";
+    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
     children?: react.ReactNode;
     disabled?: boolean;
     endDecorator?: react.ReactNode;
@@ -94,10 +195,32 @@ declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Om
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "iconOnly">, never> & {
+}, "colorScheme" | "iconOnly" | "variant">, never> & {
+    maxDisplayedItems?: number;
     title?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
 
+declare const CommandCheckboxItem: react.ForwardRefExoticComponent<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<BoxProps<react.ForwardRefExoticComponent<Omit<Omit<{
+    children?: react.ReactNode;
+} & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
+    ref?: react.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>>, "value" | "onSelect" | "disabled"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & react.RefAttributes<HTMLDivElement>, "ref">, "value" | "color" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    value: string;
+} & react.RefAttributes<HTMLDivElement>>>, "onSelect"> & react.RefAttributes<HTMLDivElement>>;
+
 declare const CommandEmpty: react.ForwardRefExoticComponent<Omit<Omit<{
     children?: react.ReactNode;
 } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
@@ -109,6 +232,15 @@ declare const CommandEmpty: react.ForwardRefExoticComponent<Omit<Omit<{
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
 
+declare const CommandFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & 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>, "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 CommandGroup: react.ForwardRefExoticComponent<Omit<Omit<{
     children?: react.ReactNode;
 } & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
@@ -148,11 +280,11 @@ declare const CommandItem: react.ForwardRefExoticComponent<Omit<Omit<{
     value?: string;
     keywords?: string[];
     forceMount?: boolean;
-} & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+} & react.RefAttributes<HTMLDivElement>, "ref">, "value" | "color" | "asChild" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    colorScheme?: "danger" | "neutral" | undefined;
+    value: string;
 } & react.RefAttributes<HTMLDivElement>>;
 
 declare const CommandList: react.ForwardRefExoticComponent<Omit<Omit<{
@@ -179,4 +311,60 @@ declare const CommandSeparator: react.ForwardRefExoticComponent<Omit<Omit<Pick<P
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
 
-export { Chip, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator };
+declare const Pill: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    endDecorator?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+    startDecorator?: react.ReactNode;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & {
+    onRemove?: () => void;
+} & {
+    size?: "md" | "lg" | undefined;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+declare const Table: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "color" | "border" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableElement>>;
+
+declare const TableBody: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableSectionElement>>;
+
+declare const TableCell: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableCellElement>>;
+
+declare const TableHead: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableSectionElement>>;
+
+declare const TableHeaderCell: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableCellElement>>;
+
+declare const TableRow: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableRowElement>>;
+
+export { Combobox, ComboboxContent, ComboboxMultiTrigger, ComboboxSingleTrigger, ComboboxTrigger, Command, CommandCheckboxItem, CommandEmpty, CommandFooter, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Pill, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };

package/dist/unstable.js

@@ -1,11 +1,21 @@
-export { Chip } from './chip/Chip.js';
 export { Combobox } from './combobox/Combobox.js';
 export { ComboboxContent } from './combobox-content/ComboboxContent.js';
+export { ComboboxMultiTrigger } from './combobox-multi-trigger/ComboboxMultiTrigger.js';
+export { ComboboxSingleTrigger } from './combobox-single-trigger/ComboboxSingleTrigger.js';
 export { ComboboxTrigger } from './combobox-trigger/ComboboxTrigger.js';
 export { Command } from './command/Command.js';
+export { CommandCheckboxItem } from './command-checkbox-item/CommandCheckboxItem.js';
 export { CommandEmpty } from './command-empty/CommandEmpty.js';
+export { CommandFooter } from './command-footer/CommandFooter.js';
 export { CommandGroup } from './command-group/CommandGroup.js';
 export { CommandInput } from './command-input/CommandInput.js';
 export { CommandItem } from './command-item/CommandItem.js';
 export { CommandList } from './command-list/CommandList.js';
 export { CommandSeparator } from './command-separator/CommandSeparator.js';
+export { Pill } from './pill/Pill.js';
+export { Table } from './table/Table.js';
+export { TableBody } from './table-body/TableBody.js';
+export { TableCell } from './table-cell/TableCell.js';
+export { TableHead } from './table-head/TableHead.js';
+export { TableHeaderCell } from './table-header-cell/TableHeaderCell.js';
+export { TableRow } from './table-row/TableRow.js';

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.1.0-next.12",
+  "version": "0.1.0-next.14",
   "files": [
     "dist/**",
     "LICENSE"

package/dist/assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-B3KNV6RG.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1kfj4ga1;
-@layer optiaxiom._1kfj4ga1 {
-  [data-state=open] > ._1qeyc360 {
-    transform: rotate(180deg);
-  }
-}

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

@@ -1,12 +0,0 @@
-@layer optiaxiom._1kfj4ga1;
-@layer optiaxiom._1kfj4ga1 {
-  .t64xwp0 {
-    user-select: none;
-  }
-  ._11600940 .t64xwp0:not(:first-child) {
-    margin-left: -12px;
-  }
-  ._11600940 .t64xwp0 {
-    border: 2px solid var(--ax-colors-white);
-  }
-}

package/dist/assets/src/chip/Chip.css.ts.vanilla-SD4SsrSx.css

@@ -1,26 +0,0 @@
-@layer optiaxiom._1kfj4ga1;
-@layer optiaxiom._1kfj4ga1 {
-  .wnd97r0 {
-    background-color: var(--ax-colors-gray-300);
-    color: var(--ax-colors-fg-default);
-    position: relative;
-    user-select: none;
-  }
-  .wnd97r0:focus-visible {
-    outline: 2px solid var(--ax-colors-gray-300);
-    outline-offset: 1px;
-  }
-  .wnd97r0:hover:not([data-disabled]) {
-    background-color: var(--ax-colors-gray-600);
-    color: var(--ax-colors-white);
-  }
-  .wnd97r0[data-disabled] {
-    background-color: var(--ax-colors-bg-disabled);
-    border: 1px solid var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  .wnd97r0[data-state="on"] {
-    background-color: var(--ax-colors-gray-600);
-    color: var(--ax-colors-white);
-  }
-}

package/dist/assets/src/command-item/CommandItem.css.ts.vanilla-DUMU-Chn.css

@@ -1,25 +0,0 @@
-@layer optiaxiom._1kfj4ga1;
-@layer optiaxiom._1kfj4ga1 {
-  .xxa7fd2 {
-    cursor: default;
-    outline: none;
-    position: relative;
-    user-select: none;
-  }
-  .xxa7fd2[data-disabled='true'] {
-    color: var(--ax-colors-fg-disabled);
-  }
-  .xxa7fd2[data-selected='true'] {
-    background-color: var(--xxa7fd0);
-    color: var(--xxa7fd1);
-    cursor: pointer;
-  }
-  .xxa7fd3 {
-    --xxa7fd1: var(--ax-colors-fg-error);
-    --xxa7fd0: var(--ax-colors-bg-error);
-  }
-  .xxa7fd4 {
-    --xxa7fd1: var(--ax-colors-fg-default);
-    --xxa7fd0: var(--ax-colors-bg-input-disabled);
-  }
-}

package/dist/chip/Chip-css.js

@@ -1,8 +0,0 @@
-import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-DWW2Oo9s.css';
-import './../assets/src/chip/Chip.css.ts.vanilla-SD4SsrSx.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var chip = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flexDirection:'row',gap:'xs',justifyContent:'center',rounded:'full'},'wnd97r0'],variants:{size:{sm:{fontSize:'sm',px:'sm',py:'2'},md:{fontSize:'md',px:'sm',py:'4'},lg:{fontSize:'lg',px:'md',py:'6'}}}});
-
-export { chip };

package/dist/chip/Chip.js

@@ -1,31 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import * as RadixToggle from '@radix-ui/react-toggle';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import { IconX } from '../icons/IconX.js';
-import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
-import '../sprinkles/sprinkles-css.js';
-import { chip } from './Chip-css.js';
-
-const Chip = forwardRef(
-  ({
-    children,
-    className,
-    disabled,
-    endDecorator,
-    onPressedChange,
-    size = "md",
-    startDecorator,
-    ...props
-  }, ref) => {
-    const { restProps, sprinkleProps } = extractSprinkles(props);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ...chip({ size }, className), ...sprinkleProps, children: /* @__PURE__ */ jsxs(RadixToggle.Root, { disabled, ref, ...restProps, children: [
-      startDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ml: "4", children: startDecorator }),
-      children,
-      endDecorator ? /* @__PURE__ */ jsx(Box, { asChild: true, children: endDecorator }) : !!onPressedChange && /* @__PURE__ */ jsx(IconX, {})
-    ] }) });
-  }
-);
-Chip.displayName = "@optiaxiom/react/Chip";
-
-export { Chip };