@optiaxiom/react 0.3.3 → 0.3.5

package/dist/index.d.ts

@@ -17,7 +17,7 @@ import * as RadixPopover from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
 import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
-import * as RadixSeparator from '@radix-ui/react-separator';
+import * as _radix_ui_react_separator from '@radix-ui/react-separator';
 import * as RadixTabs from '@radix-ui/react-tabs';
 import * as RadixToggle from '@radix-ui/react-toggle';
 
@@ -47,39 +47,43 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<Omit<Radix
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
     appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
     appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
     restProps: Omit<S, "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">;
@@ -125,20 +129,22 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<Radi
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
     appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -243,7 +249,7 @@ declare const BannerTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<r
     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 button: (props?: {
+declare const buttonBase: (props?: {
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
@@ -251,7 +257,7 @@ declare const button: (props?: {
 } | undefined, className?: string) => {
     className: string;
 };
-type ButtonVariants = NonNullable<RecipeVariants<typeof button>>;
+type ButtonVariants = NonNullable<RecipeVariants<typeof buttonBase>>;
 
 declare const appearances: {
     danger: {
@@ -279,34 +285,40 @@ declare const appearances: {
         variant: "subtle";
     };
 };
-type ButtonProps<T extends ElementType = "button", P = unknown> = BoxProps<T, ExtendProps<{
-    addonAfter?: ReactNode;
-    addonBefore?: ReactNode;
+type ButtonBaseProps<T extends ElementType = "button", P = unknown> = BoxProps<T, ExtendProps<{
     appearance?: keyof typeof appearances;
     children?: ReactNode;
     disabled?: boolean;
+    loading?: boolean;
+} & Omit<ButtonVariants, "colorScheme" | "variant">, P>>;
+
+type ButtonProps<T extends ElementType = "button", P = unknown> = ButtonBaseProps<T, ExtendProps<{
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+    children?: ReactNode;
     icon?: ReactNode;
     iconPosition?: "end" | "start";
-    loading?: boolean;
-} & Omit<ButtonVariants, "colorScheme" | "iconOnly" | "variant">, P>>;
+}, P>>;
 declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: ReactNode;
-    addonBefore?: ReactNode;
-    appearance?: keyof typeof appearances;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: ReactNode;
     disabled?: boolean;
-    icon?: ReactNode;
-    iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "variant">, "children"> & Omit<{
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+    children?: ReactNode;
+    icon?: ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const ButtonGroup: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -349,23 +361,25 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
     appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const content$2: (props?: {
-    size?: "sm" | "md" | "lg" | undefined;
+    size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
@@ -401,20 +415,22 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixDial
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
     appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Disclosure: react.ForwardRefExoticComponent<Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
@@ -490,6 +506,11 @@ declare const DropdownMenuContent: react.ForwardRefExoticComponent<Omit<Omit<Rad
     provider?: "popover" | "dropdown-menu" | "popper" | undefined;
 }, never> & react.RefAttributes<HTMLDivElement>>;
 
+declare const DropdownMenuGroup: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
 declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -497,6 +518,7 @@ declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<Omit<RadixM
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     description?: react.ReactNode;
+    icon?: react.ReactNode;
 } & {
     colorScheme?: "danger" | "neutral" | undefined;
 }, never> & react.RefAttributes<HTMLDivElement>>;
@@ -534,6 +556,7 @@ declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     description?: react.ReactNode;
+    icon?: react.ReactNode;
 } & {
     colorScheme?: "danger" | "neutral" | undefined;
 }, never> & react.RefAttributes<HTMLDivElement>>;
@@ -542,20 +565,22 @@ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omi
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
     appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Field: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -710,20 +735,22 @@ declare const MenuButton: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.D
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
     appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 type PaginationProps = BoxProps<"nav", {
     defaultPage?: number;
@@ -762,33 +789,35 @@ declare const content: (props?: {
 };
 type ContentVariants = RecipeVariants<typeof content>;
 
-type MenuContentBaseProps<T extends ElementType = "div", P = unknown> = BoxProps<T, ExtendProps<{
+type ListboxBaseProps<T extends ElementType = "div", P = unknown> = BoxProps<T, ExtendProps<{
     enableExitAnimation?: boolean;
 } & ContentVariants, P>>;
 
-type PopoverContentProps = MenuContentBaseProps<typeof RadixPopover.Content, {
+type PopoverContentProps = ListboxBaseProps<typeof RadixPopover.Content, {
     withArrow?: boolean;
 }>;
 declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
+declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
     appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Progress: react.ForwardRefExoticComponent<Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
@@ -833,22 +862,24 @@ declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<Omit<Ra
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
     appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const Separator: react.ForwardRefExoticComponent<Omit<Omit<RadixSeparator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & Omit<{
+declare const Separator: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
@@ -893,37 +924,41 @@ declare const SideNavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<r
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
     appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild" | "aria-label" | "addonAfter" | "addonBefore" | "appearance" | "disabled" | "icon" | "iconPosition" | "loading"> & Omit<{
+}, "colorScheme" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild" | "aria-label" | "iconOnly" | "appearance" | "disabled" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
     appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & {
+}, "colorScheme" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & {
     active?: boolean;
     "aria-label": string;
 } & react.RefAttributes<HTMLButtonElement>>;
@@ -989,20 +1024,22 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
     appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const text: (props?: {
     lineClamp?: "1" | "2" | "4" | "3" | undefined;
@@ -1076,20 +1113,22 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
     appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const ToastTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
@@ -1103,20 +1142,22 @@ declare const ToggleButton: react.ForwardRefExoticComponent<Omit<Omit<RadixToggl
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
     appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>>;
 
 type TooltipRootProps = BoxProps<typeof RadixTooltip.Root, {
     auto?: boolean;
@@ -1168,4 +1209,4 @@ declare const TransitionGlobalConfig: {
     skipAnimations: boolean;
 };
 
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BannerDescription, BannerTitle, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerBody, DrawerFooter, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, MenuButton, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, SideNav, SideNavAccountItem, SideNavItem, type SideNavItemProps, type SideNavProfileMenuProps, SideNavToggle, type SideNavToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, extractSprinkles, layers_css as layers, sprinklesMerge };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BannerDescription, BannerTitle, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerBody, DrawerFooter, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, MenuButton, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, SideNav, SideNavAccountItem, SideNavItem, type SideNavItemProps, type SideNavProfileMenuProps, SideNavToggle, type SideNavToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, extractSprinkles, layers_css as layers, sprinklesMerge };

package/dist/index.js

@@ -39,6 +39,7 @@ export { DrawerFooter } from './src/drawer-footer/DrawerFooter.js';
 export { DrawerTitle } from './src/drawer-title/DrawerTitle.js';
 export { DropdownMenu } from './src/dropdown-menu/DropdownMenu.js';
 export { DropdownMenuContent } from './src/dropdown-menu-content/DropdownMenuContent.js';
+export { DropdownMenuGroup } from './src/dropdown-menu-group/DropdownMenuGroup.js';
 export { DropdownMenuItem } from './src/dropdown-menu-item/DropdownMenuItem.js';
 export { DropdownMenuLabel } from './src/dropdown-menu-label/DropdownMenuLabel.js';
 export { DropdownMenuSeparator } from './src/dropdown-menu-separator/DropdownMenuSeparator.js';

package/dist/package.json.js

@@ -1,3 +1,3 @@
-var version = "0.3.3";
+var version = "0.3.5";
 
 export { version };

package/dist/src/alert/Alert-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',justifyContent:'space-between',p:'sm',pr:'md',rounded:'md'}],variants:{colorScheme:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});

package/dist/src/alert-dialog-content/AlertDialogContent-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
-import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Cr0jsrlM.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
+import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-CvVkw3cs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',rounded:'lg',shadow:'md',z:'popover'},'_14cwact'],variants:{size:{sm:'bamikp',md:'_143e421',lg:'_1utmb02'}}});
-var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1svy4d']});
+var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',rounded:'lg',shadow:'md',z:'popover'},'a8y4xj'],variants:{size:{sm:'_1qjdv17',md:'_1u61zz4',lg:'_1y322hc'}}});
+var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'c8iu6f']});
 
 export { content, overlay };

package/dist/src/alert-dialog-description/AlertDialogDescription-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',fontSize:'md',overflow:'auto',px:'24',py:'16'}]});

package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
-import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CSF3IjhR.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
+import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-B2pBflJv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_1ktdehn']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_1qz8joq']});
 
 export { footer };

package/dist/src/alert-dialog-title/AlertDialogTitle.js

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
 import { Heading } from '../heading/Heading.js';
 import { Icon } from '../icon/Icon.js';
-import { IconTriangleExclamation } from '../icons/IconTriangleExclamation.js';
+import { IconTriangleExclamationFilled } from '../icons/IconTriangleExclamationFilled.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
@@ -13,8 +13,8 @@ import { fallbackSpan } from '../utils/fallbackSpan.js';
 
 const AlertDialogTitle = forwardRef(({ addonBefore, children, ...props }, ref) => {
   const { restProps, sprinkleProps } = extractSprinkles(props);
-  return /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "md", p: "lg", pb: "md", ...sprinkleProps, children: [
-    /* @__PURE__ */ jsx(Icon, { asChild: true, color: "fg.error", children: addonBefore ? fallbackSpan(addonBefore) : /* @__PURE__ */ jsx(IconTriangleExclamation, {}) }),
+  return /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "xs", p: "lg", pb: "md", ...sprinkleProps, children: [
+    /* @__PURE__ */ jsx(Icon, { asChild: true, color: "fg.error", children: addonBefore ? fallbackSpan(addonBefore) : /* @__PURE__ */ jsx(IconTriangleExclamationFilled, {}) }),
     /* @__PURE__ */ jsx(
       Heading,
       {

package/dist/src/autocomplete/Autocomplete.js

@@ -68,6 +68,7 @@ function Autocomplete({
     },
     selectedItem: selectedItem ?? null
   });
+  downshift.getMenuProps({}, { suppressRefError: true });
   return /* @__PURE__ */ jsx(Popper, { children: /* @__PURE__ */ jsx(
     AutocompleteContextProvider,
     {

package/dist/src/autocomplete-content/AutocompleteContent-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
-import './../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-CKRzpEat.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
+import './../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-Bbsg7no2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{p:'4'},'_1uog2ab']});
+var content = recipeRuntime({base:[{p:'4'},'_1xvw2tn']});
 
 export { content };