@optiaxiom/react 0.3.4 → 0.4.0

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,41 +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;
-    iconAutosize?: boolean;
-    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;
-    iconAutosize?: boolean;
-    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">;
@@ -127,21 +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;
-    iconAutosize?: boolean;
-    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;
@@ -246,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;
@@ -254,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: {
@@ -282,36 +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;
-    iconAutosize?: boolean;
     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;
-    iconAutosize?: boolean;
-    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;
@@ -354,24 +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;
-    iconAutosize?: boolean;
-    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;
 };
@@ -407,21 +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;
-    iconAutosize?: boolean;
-    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;
@@ -497,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;
@@ -504,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>>;
@@ -541,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>>;
@@ -549,21 +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;
-    iconAutosize?: boolean;
-    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;
@@ -718,21 +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;
-    iconAutosize?: boolean;
-    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;
@@ -771,34 +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;
-    iconAutosize?: boolean;
-    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;
@@ -843,23 +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;
-    iconAutosize?: boolean;
-    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> & {
@@ -871,7 +891,7 @@ declare const Separator: react.ForwardRefExoticComponent<Omit<Omit<RadixSeparato
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
 } & react.RefAttributes<HTMLHRElement>>;
 
-declare const SideNav: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
+declare const Sidenav: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
@@ -882,12 +902,12 @@ declare const SideNav: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedH
     onExpandedChange?: (expanded: boolean) => void;
 } & react.RefAttributes<HTMLElement>>;
 
-type SideNavProfileMenuProps = BoxProps<"div", {
+type SidenavProfileMenuProps = BoxProps<"div", {
     avatar: ReactNode;
     name?: string;
     organization?: string;
 }>;
-declare const SideNavAccountItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const SidenavAccountItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
@@ -896,55 +916,57 @@ declare const SideNavAccountItem: react.ForwardRefExoticComponent<Omit<Omit<reac
     organization?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
 
-type SideNavItemProps = ButtonProps<typeof Button, {
+type SidenavItemProps = ButtonProps<typeof Button, {
     active?: boolean;
     "aria-label": string;
 }>;
-declare const SideNavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
+declare const SidenavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
     appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconAutosize?: boolean;
-    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" | "iconAutosize" | "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;
-    iconAutosize?: boolean;
-    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>>;
 
-type SideNavToggleProps = {
+type SidenavToggleProps = {
     "aria-label"?: string;
-} & Omit<ComponentPropsWithRef<typeof SideNavItem>, "aria-label">;
-declare const SideNavToggle: react.ForwardRefExoticComponent<Omit<SideNavToggleProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+} & Omit<ComponentPropsWithRef<typeof SidenavItem>, "aria-label">;
+declare const SidenavToggle: react.ForwardRefExoticComponent<Omit<SidenavToggleProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -1002,21 +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;
-    iconAutosize?: boolean;
-    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;
@@ -1090,21 +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;
-    iconAutosize?: boolean;
-    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;
@@ -1118,21 +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;
-    iconAutosize?: boolean;
-    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;
@@ -1184,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';
@@ -72,10 +73,10 @@ export { SearchInput } from './src/search-input/SearchInput.js';
 export { SegmentedControl } from './src/segmented-control/SegmentedControl.js';
 export { SegmentedControlItem } from './src/segmented-control-item/SegmentedControlItem.js';
 export { Separator } from './src/separator/Separator.js';
-export { SideNav } from './src/side-nav/SideNav.js';
-export { SideNavAccountItem } from './src/side-nav-account-item/SideNavAccountItem.js';
-export { SideNavItem } from './src/side-nav-item/SideNavItem.js';
-export { SideNavToggle } from './src/side-nav-toggle/SideNavToggle.js';
+export { Sidenav } from './src/sidenav/Sidenav.js';
+export { SidenavAccountItem } from './src/sidenav-account-item/SidenavAccountItem.js';
+export { SidenavItem } from './src/sidenav-item/SidenavItem.js';
+export { SidenavToggle } from './src/sidenav-toggle/SidenavToggle.js';
 export { Skeleton } from './src/skeleton/Skeleton.js';
 export { Spinner } from './src/spinner/Spinner.js';
 export { extractSprinkles } from './src/sprinkles/extractSprinkles.js';

package/dist/package.json.js

@@ -1,3 +1,3 @@
-var version = "0.3.4";
+var version = "0.4.0";
 
 export { version };

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

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.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-DQSmpGQ1.css';
-import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-BofFY4c6.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Q3NIqlJM.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'},'_44u4q2'],variants:{size:{sm:'ipirkx',md:'bih0w6',lg:'_1ua8kni'}}});
-var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'cltilp']});
+var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',rounded:'lg',shadow:'md',z:'popover'},'_1ty4aa4'],variants:{size:{sm:'qq49iq',md:'_12j35md',lg:'j1yi4j'}}});
+var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1frn6bu']});
 
 export { content, overlay };