npm - @optiaxiom/react - Versions diffs - 0.7.8 → 0.8.1 - Mend

@optiaxiom/react 0.7.8 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (242) hide show

package/dist/unstable.d.ts CHANGED Viewed

@@ -3,14 +3,14 @@ import { UseComboboxProps, UseSelectProps } from 'downshift';
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithoutRef, ReactElement } from 'react';
 import * as _radix_ui_react_popper from '@radix-ui/react-popper';
-import { S as Sprinkles, B as BoxProps, L as Link, M as MenuListbox, T as Transition, R as ResponsiveArray, D as DialogContent, P as PopoverContent } from './PopoverContent-DqKMUggl.js';
+import { S as Sprinkles, B as BoxProps, L as Link, T as Transition, M as MenuListbox, R as ResponsiveArray, D as DialogContent, P as PopoverContent } from './PopoverContent-DWNFnl2l.js';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixPopover from '@radix-ui/react-popover';
 import * as _radix_ui_react_separator from '@radix-ui/react-separator';
 import { TableOptions, Column } from '@tanstack/react-table';
 export { ColumnDef } from '@tanstack/react-table';
-type AutocompleteProps<Item> = {
+type AutocompleteProps<Item> = Pick<UseComboboxProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString"> & {
     children?: ReactNode;
     defaultOpen?: boolean;
     defaultValue?: Item | null;
@@ -20,7 +20,7 @@ type AutocompleteProps<Item> = {
     onValueChange?: (value: Item | null) => void;
     open?: boolean;
     value?: Item | null;
-} & Pick<UseComboboxProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString">;
+};
 declare function Autocomplete<Item>({ children, defaultOpen, defaultValue, disabled, isItemDisabled, items, itemToKey, itemToString, onInputValueChange, onOpenChange, onValueChange, open, value, }: AutocompleteProps<Item>): react_jsx_runtime.JSX.Element;
 declare namespace Autocomplete {
     var displayName: string;
@@ -28,77 +28,77 @@ declare namespace Autocomplete {
 declare const AutocompleteContent: react.ForwardRefExoticComponent<{
     loading?: boolean;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<Omit<NonNullable<{
+}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "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 AutocompleteEmpty: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const AutocompleteEmpty: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 declare const AutocompleteItem: react.ForwardRefExoticComponent<Omit<{
     item: unknown;
     selected?: boolean;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const AutocompleteRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{
     item: unknown;
     selected?: boolean;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<NonNullable<{
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     description?: react.ReactNode;
     icon?: react.ReactNode;
-} & {
-    intent?: "danger" | "neutral" | undefined;
-}>, never> & Omit<NonNullable<{
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const AutocompleteTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    htmlSize?: number;
-} & Pick<Omit<Pick<{
+declare const AutocompleteTrigger: react.ForwardRefExoticComponent<Omit<Omit<Pick<Omit<Pick<{
     addonPointerEvents?: "auto" | "none";
     inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
 } & {
     children: React.ReactNode;
-}, "addonPointerEvents"> & Omit<NonNullable<{
+}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
+}>, 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" | "2xl" | 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?: "md" | "lg" | "2xl" | undefined;
-}>, "size"> & Omit<NonNullable<{
+}>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "color" | "size" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & {
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & {
     ref?: ((instance: HTMLInputElement | 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<HTMLInputElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLInputElement>>;
 type BreadcrumbProps = BoxProps<"nav">;
-declare const Breadcrumb: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const Breadcrumb: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
 type BreadcrumbEllipsisProps = BoxProps<"span">;
 declare function BreadcrumbEllipsis({ ...props }: BreadcrumbEllipsisProps): react_jsx_runtime.JSX.Element;
@@ -107,32 +107,32 @@ declare namespace BreadcrumbEllipsis {
 }
 type BreadcrumbItemProps = BoxProps<"li">;
-declare const BreadcrumbItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const BreadcrumbItem: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLLIElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLLIElement>>;
 type BreadcrumbLinkProps = BoxProps<typeof Link>;
-declare const BreadcrumbLink: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const BreadcrumbLink: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<{
+}>, never> & Omit<Omit<{
+    appearance?: "default" | "inverse" | "subtle" | undefined;
+} & {
     disabled?: boolean;
     external?: boolean;
-} & {
-    appearance?: "default" | "inverse" | "subtle" | undefined;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "ref">, "asChild" | "p" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "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<HTMLAnchorElement>>;
 type BreadcrumbPageProps = BoxProps<"span">;
-declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
-type CommandProps<Item> = {
+type CommandProps<Item> = Pick<UseComboboxProps<Item>, "inputId" | "isItemDisabled" | "items" | "itemToKey" | "itemToString" | "selectedItem" | "stateReducer"> & {
     children: ReactNode;
     inputValue?: string;
     itemToSubItems?: (value: Item) => Item[] | null;
@@ -141,19 +141,19 @@ type CommandProps<Item> = {
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
     value?: Item[] | Set<Item>;
-} & Pick<UseComboboxProps<Item>, "inputId" | "isItemDisabled" | "items" | "itemToKey" | "itemToString" | "selectedItem" | "stateReducer">;
+};
 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 namespace Command {
     var displayName: string;
 }
-type ComboBoxProps<Item> = {
+type ComboBoxProps<Item> = ComponentPropsWithoutRef<typeof Command<Item>> & {
     children: ReactNode;
     defaultOpen?: boolean;
     onInputValueChange?: (inputValue: string) => void;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
-} & ComponentPropsWithoutRef<typeof Command<Item>>;
+};
 declare function Combobox<Item>({ children, defaultOpen, isItemDisabled, items, itemToKey, itemToString, onInputValueChange, onItemSelect, onOpenChange, open: openProp, value: valueProp, }: ComboBoxProps<Item>): react_jsx_runtime.JSX.Element;
 declare namespace Combobox {
     var displayName: string;
@@ -162,137 +162,136 @@ declare namespace Combobox {
 declare const ComboboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{
     item: unknown;
     selected?: boolean;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<NonNullable<{
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     description?: react.ReactNode;
     icon?: react.ReactNode;
-} & {
-    intent?: "danger" | "neutral" | undefined;
-}>, never> & Omit<NonNullable<{
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const ComboboxDialogContent: react.ForwardRefExoticComponent<{
-    minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
-} & Omit<{
-    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
-} & {
+declare const ComboboxDialogContent: react.ForwardRefExoticComponent<Omit<{
     size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
-} & Omit<NonNullable<{
+} & {
+    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
+} & react.RefAttributes<HTMLDivElement>>;
 declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<{
     minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
     withArrow?: boolean;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 type ComboboxContentProps = ComponentPropsWithoutRef<typeof ComboboxDialogContent | typeof ComboboxPopoverContent>;
 declare const ComboboxContent: react.ForwardRefExoticComponent<ComboboxContentProps & react.RefAttributes<HTMLDivElement>>;
-declare const ComboboxEmpty: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
+declare const ComboboxEmpty: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const ComboboxFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<NonNullable<{
+declare const ComboboxFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+}>, 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>, "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"> & react.RefAttributes<HTMLDivElement>>;
-declare const ComboboxGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
+declare const ComboboxGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const ComboboxInput: react.ForwardRefExoticComponent<Omit<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    htmlSize?: number;
-} & Pick<Omit<Pick<{
+declare const ComboboxInput: react.ForwardRefExoticComponent<Omit<Omit<Pick<Omit<Pick<{
     addonPointerEvents?: "auto" | "none";
     inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
 } & {
     children: React.ReactNode;
-}, "addonPointerEvents"> & Omit<NonNullable<{
+}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
+}>, 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" | "2xl" | 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?: "md" | "lg" | "2xl" | undefined;
-}>, "size"> & Omit<NonNullable<{
+}>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "color" | "size" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 declare const ComboboxItem: react.ForwardRefExoticComponent<Omit<{
     item: unknown;
     selected?: boolean;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const ComboboxLabel: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
+declare const ComboboxLabel: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const ComboboxRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{
     item: unknown;
     selected?: boolean;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<NonNullable<{
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     description?: react.ReactNode;
     icon?: react.ReactNode;
-} & {
-    intent?: "danger" | "neutral" | undefined;
-}>, never> & Omit<NonNullable<{
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const ComboboxScrollArea: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
+declare const ComboboxScrollArea: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const ComboboxSeparator: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
+declare const ComboboxSeparator: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<{
+}>, never> & Omit<Omit<{
     orientation?: ("vertical" | "horizontal" | {
         readonly base?: "vertical" | "horizontal" | undefined;
         readonly sm?: "vertical" | "horizontal" | undefined;
         readonly md?: "vertical" | "horizontal" | undefined;
-        readonly lg?: "vertical" | "horizontal" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "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>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     addonAfter?: react.ReactNode;
@@ -300,65 +299,65 @@ declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<{
-    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 declare const ComboboxValue: react.ForwardRefExoticComponent<{
     placeholder?: string;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-declare const CommandInput: react.ForwardRefExoticComponent<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    htmlSize?: number;
-} & Pick<Omit<Pick<{
+declare const CommandInput: react.ForwardRefExoticComponent<Omit<Pick<Omit<Pick<{
     addonPointerEvents?: "auto" | "none";
     inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
 } & {
     children: React.ReactNode;
-}, "addonPointerEvents"> & Omit<NonNullable<{
+}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
+}>, 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" | "2xl" | 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?: "md" | "lg" | "2xl" | undefined;
-}>, "size"> & Omit<NonNullable<{
+}>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "color" | "size" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 declare const CommandItem: react.ForwardRefExoticComponent<{
     item: unknown;
     selected?: boolean;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-declare const CommandListbox: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const CommandListbox: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 type DataTableProps<TData> = TableOptions<TData>;
 declare const DataTable: <TData>({ columns, data, ...props }: DataTableProps<TData>) => react_jsx_runtime.JSX.Element;
@@ -390,40 +389,40 @@ declare const InlineInput: react.ForwardRefExoticComponent<{
     onValueChange?: (value: string) => void;
     placeholder?: string;
     value?: string;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 declare const Pill: react.ForwardRefExoticComponent<{
-    onRemove?: () => void;
-} & {
     size?: "md" | "lg" | undefined;
-} & Omit<NonNullable<{
+} & {
+    onRemove?: () => void;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<Omit<{
+}>, "size"> & Omit<Omit<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<{
-    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "disabled" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "p" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "disabled" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "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<HTMLButtonElement>>;
-type SelectProps<Item> = {
+type SelectProps<Item> = Pick<UseSelectProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString"> & {
     children?: ReactNode;
     defaultOpen?: boolean;
     defaultValue?: Item | null;
@@ -432,7 +431,7 @@ type SelectProps<Item> = {
     onValueChange?: (value: Item | null) => void;
     open?: boolean;
     value?: Item | null;
-} & Pick<UseSelectProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString">;
+};
 declare function Select<Item>({ children, defaultOpen, defaultValue, disabled, items, itemToKey, itemToString, onOpenChange, onValueChange, open, value, ...props }: SelectProps<Item>): react_jsx_runtime.JSX.Element;
 declare namespace Select {
     var displayName: string;
@@ -441,62 +440,61 @@ declare namespace Select {
 declare const SelectContent: react.ForwardRefExoticComponent<{
     loading?: boolean;
     minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<Omit<NonNullable<{
+}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "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 SelectGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
+declare const SelectGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const SelectItem: react.ForwardRefExoticComponent<{
     item: unknown;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
+declare const SelectLabel: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const SelectRadioItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     description?: react.ReactNode;
     icon?: react.ReactNode;
-} & {
-    intent?: "danger" | "neutral" | undefined;
-}>, never> & Omit<NonNullable<{
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<{
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<{
     item: unknown;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
+declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<{
+}>, never> & Omit<Omit<{
     orientation?: ("vertical" | "horizontal" | {
         readonly base?: "vertical" | "horizontal" | undefined;
         readonly sm?: "vertical" | "horizontal" | undefined;
         readonly md?: "vertical" | "horizontal" | undefined;
-        readonly lg?: "vertical" | "horizontal" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "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>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -504,35 +502,35 @@ declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<{
     children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<{
-    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<_radix_ui_react_popper.PopperAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<_radix_ui_react_popper.PopperAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 declare const SelectValue: react.ForwardRefExoticComponent<{
     placeholder?: string;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-type SpotlightProps<Item> = {
+type SpotlightProps<Item> = ComponentPropsWithoutRef<typeof Command<Item>> & {
     children: ReactNode;
     defaultOpen?: boolean;
     onInputValueChange?: (inputValue: string) => void;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
-} & ComponentPropsWithoutRef<typeof Command<Item>>;
+};
 declare function Spotlight<Item>({ children, defaultOpen, inputValue, isItemDisabled, items, itemToKey, itemToString, itemToSubItems, onInputValueChange, onItemSelect, onOpenChange, open: openProp, }: SpotlightProps<Item>): react_jsx_runtime.JSX.Element;
 declare namespace Spotlight {
     var displayName: string;
@@ -541,86 +539,86 @@ declare namespace Spotlight {
 type SpotlightContentProps = ComponentPropsWithoutRef<typeof DialogContent | typeof PopoverContent>;
 declare const SpotlightContent: react.ForwardRefExoticComponent<SpotlightContentProps & react.RefAttributes<HTMLDivElement>>;
-declare const SpotlightEmpty: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
+declare const SpotlightEmpty: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const SpotlightInput: react.ForwardRefExoticComponent<Omit<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    htmlSize?: number;
-} & Pick<Omit<Pick<{
+declare const SpotlightInput: react.ForwardRefExoticComponent<Omit<Omit<Pick<Omit<Pick<{
     addonPointerEvents?: "auto" | "none";
     inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
 } & {
     children: React.ReactNode;
-}, "addonPointerEvents"> & Omit<NonNullable<{
+}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
+}>, 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" | "2xl" | 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?: "md" | "lg" | "2xl" | undefined;
-}>, "size"> & Omit<NonNullable<{
+}>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "color" | "size" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 declare const SpotlightItem: react.ForwardRefExoticComponent<Omit<{
     item: unknown;
     selected?: boolean;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const SpotlightLabel: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const SpotlightLabel: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 declare const SpotlightRadioItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     description?: react.ReactNode;
     icon?: react.ReactNode;
-} & {
-    intent?: "danger" | "neutral" | undefined;
-}>, never> & Omit<NonNullable<{
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<{
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<{
     item: unknown;
     selected?: boolean;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const SpotlightScrollArea: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
+declare const SpotlightScrollArea: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const SpotlightSub: react.ForwardRefExoticComponent<Omit<{
     item: unknown;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const SpotlightSubItem: react.ForwardRefExoticComponent<Omit<{
     item: unknown;
     selected?: boolean;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
     hotkey?: string;
@@ -630,68 +628,68 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
     children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<{
-    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<Omit<{
+}>, "size"> & Omit<Omit<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<{
-    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "asChild" | "p" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconOnly" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "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>>;
-declare const Table: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const Table: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "color" | "border" | "className"> & react.RefAttributes<HTMLTableElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "color" | "border" | "className"> & react.RefAttributes<HTMLTableElement>>;
-declare const TableBody: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const TableBody: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableSectionElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableSectionElement>>;
-declare const TableCell: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const TableCell: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
-declare const TableHead: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const TableHead: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableSectionElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableSectionElement>>;
-declare const TableHeaderCell: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const TableHeaderCell: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
-declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableRowElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableRowElement>>;
 export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteRadioItem, AutocompleteTrigger, 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, DataTableHeader, 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, TableHead, TableHeaderCell, TableRow };