@optiaxiom/react 0.1.0-next.11 → 0.1.0-next.13

package/dist/unstable.d.ts

@@ -0,0 +1,340 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, ComponentPropsWithRef } from 'react';
+import { B as BoxProps, P as Popover, S as Sprinkles, b as PopoverContent } from './PopoverContent-_Tn-IzNJ.js';
+import '@radix-ui/react-popover';
+import '@vanilla-extract/sprinkles';
+
+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, mode, onOpenChange, onValueChange, open: openProp, value: valueProp, }: Partial<ComboBoxProps>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Command: react.ForwardRefExoticComponent<Omit<Omit<{
+    children?: react.ReactNode;
+} & 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>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+type ComboboxContentProps = BoxProps<typeof Command, {
+    emptyResult?: ReactNode;
+} & 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" | "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;
+}, "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" | "colorScheme" | "variant" | "appearance" | "endDecorator" | "icon" | "iconPosition" | "loading" | "startDecorator"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "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;
+}, "iconOnly">, 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" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "asChild" | "className" | "disabled" | "colorScheme" | "variant" | "appearance" | "endDecorator" | "icon" | "iconPosition" | "loading" | "startDecorator"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "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;
+}, "iconOnly">, 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" | "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;
+}, "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" | "colorScheme" | "variant" | "appearance" | "endDecorator" | "icon" | "iconPosition" | "loading" | "startDecorator"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "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;
+}, "iconOnly">, 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" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "asChild" | "className" | "disabled" | "colorScheme" | "variant" | "appearance" | "endDecorator" | "icon" | "iconPosition" | "loading" | "startDecorator"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "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;
+}, "iconOnly">, 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";
+    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;
+}, "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" | "colorScheme" | "variant" | "appearance" | "endDecorator" | "icon" | "iconPosition" | "loading" | "startDecorator"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "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;
+}, "iconOnly">, 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>> & {
+    ref?: react.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>> & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    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>> & {
+    ref?: react.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+    heading?: react.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const CommandInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Pick<Pick<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof react.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: react.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof react.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLInputElement>>;
+
+declare const CommandItem: 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>>;
+
+declare const CommandList: react.ForwardRefExoticComponent<Omit<Omit<{
+    children?: react.ReactNode;
+} & 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>> & {
+    label?: string;
+} & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const CommandSeparator: react.ForwardRefExoticComponent<Omit<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>> & {
+    alwaysRender?: boolean;
+} & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+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" | "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;
+}, "iconOnly">, 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" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "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>>;
+
+export { Combobox, ComboboxContent, ComboboxMultiTrigger, ComboboxSingleTrigger, ComboboxTrigger, Command, CommandCheckboxItem, CommandEmpty, CommandFooter, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Pill };

package/dist/unstable.js

@@ -0,0 +1,15 @@
+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';

package/dist/vanilla-extract/recipeRuntime.js

@@ -25,7 +25,9 @@ const recipeRuntime = ({
       }
       const variant = variants[variantName];
       const selection = typeof selections[variantName] === "boolean" ? selections[variantName] ? "true" : "false" : selections[variantName];
-      process(variant[selection]);
+      if (String(selection) in variant) {
+        process(variant[selection]);
+      }
     }
     for (const { style, variants: variants2 } of variantsCompounded) {
       if (!shouldApplyCompound(variants2, selections)) {

package/package.json

@@ -6,26 +6,40 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.1.0-next.11",
+  "version": "0.1.0-next.13",
   "files": [
     "dist/**",
     "LICENSE"
   ],
   "license": "Apache-2.0",
-  "exports": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./unstable": {
+      "import": "./dist/unstable.js",
+      "types": "./dist/unstable.d.ts"
+    }
+  },
   "sideEffects": [
     "*.css"
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
     "@fontsource-variable/fira-code": "^5.0.18",
+    "@mantine/hooks": "^7.12.0",
+    "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-alert-dialog": "^1.1.1",
     "@radix-ui/react-arrow": "^1.1.0",
     "@radix-ui/react-avatar": "^1.1.0",
     "@radix-ui/react-checkbox": "^1.1.1",
+    "@radix-ui/react-collapsible": "^1.1.0",
     "@radix-ui/react-compose-refs": "^1.1.0",
+    "@radix-ui/react-context": "^1.1.0",
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-hover-card": "^1.1.1",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-menu": "^2.1.1",
     "@radix-ui/react-popover": "^1.1.1",
@@ -46,6 +60,7 @@
     "@reach/auto-id": "^0.18.0",
     "@vanilla-extract/sprinkles": "^1.6.2",
     "clsx": "^2.1.1",
+    "cmdk": "^1.0.0",
     "inter-ui": "^4.0.2",
     "jotai": "^2.9.1",
     "react-textarea-autosize": "^8.5.3"

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/separator/Separator.css.ts.vanilla-C_EYtori.css

@@ -1,42 +0,0 @@
-.tlk8153 {
-  height: 1px;
-  width: auto;
-}
-.tlk8157 {
-  align-self: stretch;
-  height: auto;
-  width: 1px;
-}
-@media screen and (min-width: 37.5rem) {
-  .tlk8150 {
-    height: 1px;
-    width: auto;
-  }
-  .tlk8154 {
-    align-self: stretch;
-    height: auto;
-    width: 1px;
-  }
-}
-@media screen and (min-width: 56.25rem) {
-  .tlk8151 {
-    height: 1px;
-    width: auto;
-  }
-  .tlk8155 {
-    align-self: stretch;
-    height: auto;
-    width: 1px;
-  }
-}
-@media screen and (min-width: 75rem) {
-  .tlk8152 {
-    height: 1px;
-    width: auto;
-  }
-  .tlk8156 {
-    align-self: stretch;
-    height: auto;
-    width: 1px;
-  }
-}

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-Eou6ov6w.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 };

package/dist/icons/IconDanger.js

@@ -1,17 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconDanger = withIcon(
-  {
-    name: "IconDanger"
-  },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M9.99075 0C5.55325 0 1.99075 3.59375 1.99075 8C1.99075 12.4375 5.55325 16 9.99075 16C14.397 16 17.9908 12.4375 17.9908 8C17.9908 3.59375 14.397 0 9.99075 0ZM9.99075 15C6.11575 15 2.99075 11.875 2.99075 8C2.99075 4.15625 6.11575 1 9.99075 1C13.8345 1 16.9908 4.15625 16.9908 8C16.9908 11.875 13.8345 15 9.99075 15ZM9.99075 9.5C10.2408 9.5 10.4908 9.28125 10.4908 9V4C10.4908 3.75 10.2408 3.5 9.99075 3.5C9.7095 3.5 9.49075 3.75 9.49075 4V9C9.49075 9.28125 9.7095 9.5 9.99075 9.5ZM9.99075 10.75C9.55325 10.75 9.24075 11.0938 9.24075 11.5C9.24075 11.9375 9.55325 12.25 9.99075 12.25C10.397 12.25 10.7408 11.9375 10.7408 11.5C10.7408 11.0938 10.397 10.75 9.99075 10.75Z",
-      fill: "currentColor"
-    }
-  )
-);
-
-export { IconDanger };

package/dist/icons/IconInfoCircle.js

@@ -1,17 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconInfoCircle = withIcon(
-  {
-    name: "IconInfoCircle"
-  },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M10 0C5.5625 0 2 3.59375 2 8C2 12.4375 5.5625 16 10 16C14.4062 16 18 12.4375 18 8C18 3.59375 14.4062 0 10 0ZM10 15C6.125 15 3 11.875 3 8C3 4.15625 6.125 1 10 1C13.8438 1 17 4.15625 17 8C17 11.875 13.8438 15 10 15ZM10 5.75C10.4062 5.75 10.75 5.4375 10.75 5C10.75 4.59375 10.4062 4.25 10 4.25C9.5625 4.25 9.25 4.59375 9.25 5C9.25 5.4375 9.5625 5.75 10 5.75ZM11.5 11H10.5V7.5C10.5 7.25 10.25 7 10 7H9C8.71875 7 8.5 7.25 8.5 7.5C8.5 7.78125 8.71875 8 9 8H9.5V11H8.5C8.21875 11 8 11.25 8 11.5C8 11.7812 8.21875 12 8.5 12H11.5C11.75 12 12 11.7812 12 11.5C12 11.25 11.75 11 11.5 11Z",
-      fill: "currentColor"
-    }
-  )
-);
-
-export { IconInfoCircle };

package/dist/icons/IconSuccess.js

@@ -1,17 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconSuccess = withIcon(
-  {
-    name: "IconSuccess"
-  },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M12.6158 5.65625L8.99075 9.3125L7.3345 7.65625C7.147 7.46875 6.80325 7.46875 6.61575 7.65625C6.42825 7.84375 6.42825 8.1875 6.61575 8.375L8.61575 10.375C8.7095 10.4688 8.8345 10.5 8.99075 10.5C9.11575 10.5 9.24075 10.4688 9.3345 10.375L13.3345 6.375C13.522 6.1875 13.522 5.84375 13.3345 5.65625C13.147 5.46875 12.8033 5.46875 12.6158 5.65625ZM9.99075 0C5.55325 0 1.99075 3.59375 1.99075 8C1.99075 12.4375 5.55325 16 9.99075 16C14.397 16 17.9908 12.4375 17.9908 8C17.9908 3.59375 14.397 0 9.99075 0ZM9.99075 15C6.11575 15 2.99075 11.875 2.99075 8C2.99075 4.15625 6.11575 1 9.99075 1C13.8345 1 16.9908 4.15625 16.9908 8C16.9908 11.875 13.8345 15 9.99075 15Z",
-      fill: "currentColor"
-    }
-  )
-);
-
-export { IconSuccess };

package/dist/icons/IconWarning.js

@@ -1,17 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconWarning = withIcon(
-  {
-    name: "IconWarning"
-  },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M10.0064 11.25C9.56888 11.25 9.25638 11.5938 9.25638 12C9.25638 12.4375 9.60013 12.75 10.0064 12.75C10.4126 12.75 10.7251 12.4375 10.7251 12C10.7564 11.5938 10.4126 11.25 10.0064 11.25ZM10.0064 10C10.2564 10 10.4751 9.78125 10.4751 9.5V5C10.4751 4.75 10.2251 4.5 10.0064 4.5C9.75638 4.5 9.50638 4.75 9.50638 5V9.5C9.50638 9.78125 9.72513 10 10.0064 10ZM17.7564 12.4375L11.5064 1.875C11.1939 1.34375 10.6314 1.03125 10.0064 1C9.35013 1 8.78763 1.34375 8.47513 1.875L2.22513 12.4375C1.91263 12.9688 1.91263 13.5938 2.22513 14.125C2.53763 14.6875 3.10013 15 3.75638 15H16.2564C16.8814 15 17.4439 14.6875 17.7564 14.125C18.0689 13.5938 18.0689 12.9688 17.7564 12.4375ZM16.8814 13.625C16.7564 13.875 16.5064 14 16.2251 14H3.75638C3.47513 14 3.22513 13.875 3.10013 13.625C2.94388 13.4062 2.97513 13.1562 3.10013 12.9375L9.35013 2.375C9.47513 2.15625 9.72513 2 10.0064 2C9.97513 2 10.0064 2 10.0064 2C10.2564 2.03125 10.5064 2.15625 10.6314 2.375L16.8814 12.9375C17.0064 13.1562 17.0376 13.4062 16.8814 13.625Z",
-      fill: "currentColor"
-    }
-  )
-);
-
-export { IconWarning };

package/dist/paper/Paper.js

@@ -1,12 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-
-const Paper = forwardRef(
-  ({ elevation = "sm", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Box, { bg: "surface", ref, rounded: "sm", shadow: elevation, ...props });
-  }
-);
-Paper.displayName = "@optiaxiom/react/Paper";
-
-export { Paper };