@optiaxiom/react 0.11.1 → 0.12.1

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithoutRef, ElementType, ComponentPropsWithRef, ReactElement } from 'react';
-import { S as Sprinkles, R as RecipeVariants, E as ExcludeProps, B as BoxProps, a as ExtendProps, M as MenuListbox, b as ResponsiveArray } from './PopoverContent-BgXq33Tj.js';
-export { c as Box, D as DialogContent, L as Link, P as PopoverContent, T as Transition, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-BgXq33Tj.js';
+import { S as Sprinkles, R as RecipeVariants, E as ExcludeProps, B as BoxProps, a as ExtendProps, M as MenuListbox, b as ResponsiveArray } from './PopoverContent-bLVoy8F_.js';
+export { c as Box, D as DialogContent, L as Link, P as PopoverContent, T as Transition, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-bLVoy8F_.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import { createToaster } from '@optiaxiom/globals';
@@ -25,7 +25,7 @@ declare const Alert: react.ForwardRefExoticComponent<{
     /**
      * Show a close button inside the alert and invoke this callback when the close button is clicked.
      */
-    onClose?: () => void;
+    onDismiss?: () => void;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -57,9 +57,9 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
@@ -81,9 +81,9 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
@@ -136,9 +136,9 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
@@ -149,6 +149,25 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
+declare const AngleMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<Omit<{
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    disabled?: boolean;
+    loading?: boolean;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
 declare const mapFallbackToIcon: {
     team: react_jsx_runtime.JSX.Element;
     user: react_jsx_runtime.JSX.Element;
@@ -198,13 +217,13 @@ declare const ToastProvider: react.ForwardRefExoticComponent<RadixToast.ToastPro
     className?: string;
 }>, never> & Omit<Omit<RadixToast.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref">, "asChild" | "children" | "label" | "color" | "className"> & react.RefAttributes<HTMLOListElement>>;
 
-type TooltipProviderProps = ExtendProps<ComponentPropsWithoutRef<typeof RadixTooltip.Provider>, {
+type TooltipProviderProps$1 = ExtendProps<ComponentPropsWithoutRef<typeof RadixTooltip.Provider>, {
     /**
      * When `true`, trying to hover the content will result in the tooltip closing as the pointer leaves the trigger.
      */
     disableHoverableContent?: boolean;
 }>;
-declare function TooltipProvider({ disableHoverableContent, ...props }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
+declare function TooltipProvider({ disableHoverableContent, ...props }: TooltipProviderProps$1): react_jsx_runtime.JSX.Element;
 declare namespace TooltipProvider {
     var displayName: string;
 }
@@ -222,10 +241,12 @@ type AxiomProviderProps = {
      *
      * {@link https://optimizely-axiom.github.io/optiaxiom/components/tooltip/ Documentation}
      */
-    tooltip?: Omit<ComponentPropsWithoutRef<typeof TooltipProvider>, "children">;
+    tooltip?: Omit<TooltipProviderProps, "children">;
 };
 interface ToastProviderProps extends ComponentPropsWithoutRef<typeof ToastProvider> {
 }
+interface TooltipProviderProps extends ComponentPropsWithoutRef<typeof TooltipProvider> {
+}
 declare function AxiomProvider({ children, toast, tooltip, }: AxiomProviderProps): react_jsx_runtime.JSX.Element;
 declare namespace AxiomProvider {
     var displayName: string;
@@ -248,16 +269,16 @@ declare const Banner: react.ForwardRefExoticComponent<{
     /**
      * Show a close button inside the banner and invoke this callback when the close button is clicked.
      */
-    onClose?: () => void;
+    onDismiss?: () => void;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const buttonBase: (props?: {
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
 } | undefined, className?: string) => {
     className: string;
@@ -341,9 +362,9 @@ declare const Button: react.ForwardRefExoticComponent<Omit<{
      */
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
@@ -364,18 +385,25 @@ declare const ButtonGroup: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const Checkbox: react.ForwardRefExoticComponent<{
-    /**
-     * Add helper text after the label.
-     */
-    description?: ReactNode;
-    /**
-     * Display a partially checked icon instead of the regular checkmark.
-     */
+declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
+    description?: react.ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
+    shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
+}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "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<HTMLInputElement>, "ref">, "indeterminate"> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
 }>, never> & Omit<Omit<{
     onCheckedChange?: (checked: boolean) => void;
 } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
@@ -418,9 +446,9 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
@@ -463,9 +491,9 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
@@ -494,10 +522,8 @@ declare const Disclosure: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "open" | "defaultOpen" | "onOpenChange"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DisclosureContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<RadixCollapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+type DisclosureContentProps = ExcludeProps<BoxProps<typeof RadixCollapsible.Content>, "forceMount">;
+declare const DisclosureContent: react.ForwardRefExoticComponent<DisclosureContentProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const DisclosureTrigger: react.ForwardRefExoticComponent<{
     addonAfter?: ReactNode;
@@ -532,9 +558,9 @@ declare const DrawerClose: react.ForwardRefExoticComponent<Omit<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
@@ -590,9 +616,9 @@ declare const DrawerTrigger: react.ForwardRefExoticComponent<Omit<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
@@ -627,6 +653,18 @@ declare namespace DropdownMenu {
     var displayName: string;
 }
 
+declare const DropdownMenuCheckboxItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+    icon?: react.ReactNode;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
 type DropdownMenuContentProps = ExcludeProps<BoxProps<typeof RadixMenu.Content, Pick<ComponentPropsWithoutRef<typeof MenuListbox>, "maxH" | "minW"> & {
     /**
      * Whether to show loading spinner inside the menu.
@@ -703,9 +741,28 @@ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    disabled?: boolean;
+    loading?: boolean;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const EllipsisMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<Omit<{
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
@@ -1098,25 +1155,6 @@ declare const ListboxSeparator: react.ForwardRefExoticComponent<Omit<NonNullable
     className?: string;
 }>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "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 MenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    disabled?: boolean;
-    loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-
 declare const ModalLayer: react.ForwardRefExoticComponent<Pick<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -1124,6 +1162,72 @@ declare const ModalLayer: react.ForwardRefExoticComponent<Pick<Omit<Omit<NonNull
     children?: ReactNode;
 } & react.RefAttributes<HTMLDivElement>>;
 
+declare const Nav: react.ForwardRefExoticComponent<{
+    defaultExpanded?: boolean;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type NavAccountItemProps = BoxProps<"div", {
+    name?: string;
+    organization?: string;
+    src?: string;
+}>;
+declare const NavAccountItem: react.ForwardRefExoticComponent<{
+    name?: string;
+    organization?: string;
+    src?: string;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const NavBody: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const NavFooter: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const NavHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type NavItemProps = BoxProps<"button", {
+    active?: boolean;
+    /**
+     * Display content inside the button after `children`.
+     */
+    addonAfter?: ReactNode;
+    "aria-label": string;
+    /**
+     * Display an icon before button content.
+     */
+    icon?: ReactNode;
+}>;
+declare const NavItem: react.ForwardRefExoticComponent<{
+    active?: boolean;
+    /**
+     * Display content inside the button after `children`.
+     */
+    addonAfter?: ReactNode;
+    "aria-label": string;
+    /**
+     * Display an icon before button content.
+     */
+    icon?: ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "className" | "aria-label"> & react.RefAttributes<HTMLButtonElement>>;
+
 type PaginationProps = BoxProps<"nav", {
     /**
      * The default active page in uncontrolled mode.
@@ -1214,9 +1318,9 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
@@ -1278,9 +1382,9 @@ declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
@@ -1302,91 +1406,28 @@ declare const Separator: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const Sidenav: react.ForwardRefExoticComponent<{
+declare const Sidebar: react.ForwardRefExoticComponent<{
+    /**
+     * The initial expanded state in uncontrolled mode.
+     */
     defaultExpanded?: boolean;
+    /**
+     * The expanded state in controlled mode.
+     */
     expanded?: boolean;
+    /**
+     * Handler that is called when the expanded state changes.
+     */
     onExpandedChange?: (expanded: boolean) => void;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
-
-type SidenavAccountItemProps = BoxProps<"div", {
-    name?: string;
-    organization?: string;
-    src?: string;
-}>;
-declare const SidenavAccountItem: react.ForwardRefExoticComponent<{
-    name?: string;
-    organization?: string;
-    src?: string;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const SidenavBody: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const SidenavFooter: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const SidenavHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-type SidenavItemProps = ButtonProps<typeof Button, {
-    active?: boolean;
-    "aria-label": string;
-}>;
-declare const SidenavItem: react.ForwardRefExoticComponent<{
-    active?: boolean;
-    "aria-label": string;
-} & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    disabled?: boolean;
-    loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    disabled?: boolean;
-    loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "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" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "aria-label" | "iconOnly" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
-
-type SidenavToggleProps = Omit<ComponentPropsWithRef<typeof SidenavItem>, "aria-label"> & {
+type SidebarToggleProps = Omit<ComponentPropsWithRef<typeof NavItem>, "aria-label"> & {
     "aria-label"?: string;
 };
-declare const SidenavToggle: react.ForwardRefExoticComponent<Omit<SidenavToggleProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const SidebarToggle: react.ForwardRefExoticComponent<Omit<SidebarToggleProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Skeleton: react.ForwardRefExoticComponent<{
     children?: ReactElement;
@@ -1444,14 +1485,6 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<{
      * Display content inside the button before `children`.
      */
     addonBefore?: ReactNode;
-    /**
-     * Display an icon before or after the button content.
-     */
-    icon?: ReactNode;
-    /**
-     * Control whether to show the icon before or after the button content.
-     */
-    iconPosition?: "end" | "start";
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -1524,9 +1557,9 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
@@ -1556,9 +1589,9 @@ declare const ToggleButton: react.ForwardRefExoticComponent<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
@@ -1622,4 +1655,4 @@ declare namespace TransitionGroup {
     var displayName: string;
 }
 
-export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, MenuButton, ModalLayer, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, type SidenavAccountItemProps, SidenavBody, SidenavFooter, SidenavHeader, SidenavItem, type SidenavItemProps, SidenavToggle, type SidenavToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge };
+export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, ModalLayer, Nav, NavAccountItem, type NavAccountItemProps, NavBody, NavFooter, NavHeader, NavItem, type NavItemProps, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidebar, SidebarToggle, type SidebarToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge };

package/dist/index.js

@@ -7,6 +7,7 @@ export { AlertDialogContent } from './packages/react/src/alert-dialog-content/Al
 export { AlertDialogFooter } from './packages/react/src/alert-dialog-footer/AlertDialogFooter.js';
 export { AlertDialogHeader } from './packages/react/src/alert-dialog-header/AlertDialogHeader.js';
 export { AlertDialogTrigger } from './packages/react/src/alert-dialog-trigger/AlertDialogTrigger.js';
+export { AngleMenuButton } from './packages/react/src/angle-menu-button/AngleMenuButton.js';
 export { Avatar } from './packages/react/src/avatar/Avatar.js';
 export { AvatarGroup } from './packages/react/src/avatar-group/AvatarGroup.js';
 export { AxiomProvider } from './packages/react/src/axiom-provider/AxiomProvider.js';
@@ -40,6 +41,7 @@ export { DrawerHeader } from './packages/react/src/drawer-header/DrawerHeader.js
 export { DrawerTitle } from './packages/react/src/drawer-title/DrawerTitle.js';
 export { DrawerTrigger } from './packages/react/src/drawer-trigger/DrawerTrigger.js';
 export { DropdownMenu } from './packages/react/src/dropdown-menu/DropdownMenu.js';
+export { DropdownMenuCheckboxItem } from './packages/react/src/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.js';
 export { DropdownMenuContent } from './packages/react/src/dropdown-menu-content/DropdownMenuContent.js';
 export { DropdownMenuGroup } from './packages/react/src/dropdown-menu-group/DropdownMenuGroup.js';
 export { DropdownMenuItem } from './packages/react/src/dropdown-menu-item/DropdownMenuItem.js';
@@ -49,6 +51,7 @@ export { DropdownMenuSub } from './packages/react/src/dropdown-menu-sub/Dropdown
 export { DropdownMenuSubContent } from './packages/react/src/dropdown-menu-sub-content/DropdownMenuSubContent.js';
 export { DropdownMenuSubTrigger } from './packages/react/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js';
 export { DropdownMenuTrigger } from './packages/react/src/dropdown-menu-trigger/DropdownMenuTrigger.js';
+export { EllipsisMenuButton } from './packages/react/src/ellipsis-menu-button/EllipsisMenuButton.js';
 export { Field } from './packages/react/src/field/Field.js';
 export { FieldLabel } from './packages/react/src/field-label/FieldLabel.js';
 export { Flex } from './packages/react/src/flex/Flex.js';
@@ -74,8 +77,13 @@ export { ListboxLabel } from './packages/react/src/listbox-label/ListboxLabel.js
 export { ListboxRadioItem } from './packages/react/src/listbox-radio-item/ListboxRadioItem.js';
 export { ListboxScrollArea } from './packages/react/src/listbox-scroll-area/ListboxScrollArea.js';
 export { ListboxSeparator } from './packages/react/src/listbox-separator/ListboxSeparator.js';
-export { MenuButton } from './packages/react/src/menu-button/MenuButton.js';
 export { ModalLayer } from './packages/react/src/modal-layer/ModalLayer.js';
+export { Nav } from './packages/react/src/nav/Nav.js';
+export { NavAccountItem } from './packages/react/src/nav-account-item/NavAccountItem.js';
+export { NavBody } from './packages/react/src/nav-body/NavBody.js';
+export { NavFooter } from './packages/react/src/nav-footer/NavFooter.js';
+export { NavHeader } from './packages/react/src/nav-header/NavHeader.js';
+export { NavItem } from './packages/react/src/nav-item/NavItem.js';
 export { Pagination } from './packages/react/src/pagination/Pagination.js';
 export { Paper } from './packages/react/src/paper/Paper.js';
 export { Popover } from './packages/react/src/popover/Popover.js';
@@ -89,13 +97,8 @@ export { SearchInput } from './packages/react/src/search-input/SearchInput.js';
 export { SegmentedControl } from './packages/react/src/segmented-control/SegmentedControl.js';
 export { SegmentedControlItem } from './packages/react/src/segmented-control-item/SegmentedControlItem.js';
 export { Separator } from './packages/react/src/separator/Separator.js';
-export { Sidenav } from './packages/react/src/sidenav/Sidenav.js';
-export { SidenavAccountItem } from './packages/react/src/sidenav-account-item/SidenavAccountItem.js';
-export { SidenavBody } from './packages/react/src/sidenav-body/SidenavBody.js';
-export { SidenavFooter } from './packages/react/src/sidenav-footer/SidenavFooter.js';
-export { SidenavHeader } from './packages/react/src/sidenav-header/SidenavHeader.js';
-export { SidenavItem } from './packages/react/src/sidenav-item/SidenavItem.js';
-export { SidenavToggle } from './packages/react/src/sidenav-toggle/SidenavToggle.js';
+export { Sidebar } from './packages/react/src/sidebar/Sidebar.js';
+export { SidebarToggle } from './packages/react/src/sidebar-toggle/SidebarToggle.js';
 export { Skeleton } from './packages/react/src/skeleton/Skeleton.js';
 export { Spinner } from './packages/react/src/spinner/Spinner.js';
 export { mapResponsiveValue, sprinkles } from './packages/react/src/sprinkles/sprinkles.js';

package/dist/node_modules/.pnpm/{@mantine_hooks@7.15.3_react@18.3.1 → @mantine_hooks@7.16.2_react@18.3.1}/node_modules/@mantine/hooks/esm/use-hotkeys/parse-hotkey.js

@@ -1,3 +1,4 @@
+"use client";
 function parseHotkey(hotkey) {
   const keys = hotkey.toLowerCase().split("+").map((part) => part.trim());
   const modifiers = {
@@ -15,9 +16,9 @@ function parseHotkey(hotkey) {
     key: freeKey === "[plus]" ? "+" : freeKey
   };
 }
-function isExactHotkey(hotkey, event) {
+function isExactHotkey(hotkey, event, usePhysicalKeys) {
   const { alt, ctrl, meta, mod, shift, key } = hotkey;
-  const { altKey, ctrlKey, metaKey, shiftKey, key: pressedKey } = event;
+  const { altKey, ctrlKey, metaKey, shiftKey, key: pressedKey, code: pressedCode } = event;
   if (alt !== altKey) {
     return false;
   }
@@ -36,13 +37,13 @@ function isExactHotkey(hotkey, event) {
   if (shift !== shiftKey) {
     return false;
   }
-  if (key && (pressedKey.toLowerCase() === key.toLowerCase() || event.code.replace("Key", "").toLowerCase() === key.toLowerCase())) {
+  if (key && (!usePhysicalKeys && pressedKey.toLowerCase() === key.toLowerCase() || pressedCode.replace("Key", "").toLowerCase() === key.toLowerCase())) {
     return true;
   }
   return false;
 }
-function getHotkeyMatcher(hotkey) {
-  return (event) => isExactHotkey(parseHotkey(hotkey), event);
+function getHotkeyMatcher(hotkey, usePhysicalKeys) {
+  return (event) => isExactHotkey(parseHotkey(hotkey), event, usePhysicalKeys);
 }
 
 export { getHotkeyMatcher, parseHotkey };