@optiaxiom/react 0.12.0 → 0.12.2

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';
@@ -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;
@@ -257,9 +276,9 @@ declare const Banner: react.ForwardRefExoticComponent<{
 }>, 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;
@@ -343,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";
@@ -366,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>>;
@@ -420,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";
@@ -465,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";
@@ -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";
@@ -715,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";
@@ -749,6 +794,10 @@ declare const Field: react.ForwardRefExoticComponent<{
      * The label of the field.
      */
     label?: ReactNode;
+    /**
+     * Override the default generated label ID used for associating the controls to the label.
+     */
+    labelId?: string;
     /**
      * Display an asterisk for required inputs.
      */
@@ -1110,25 +1159,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;
@@ -1174,48 +1204,38 @@ declare const NavHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Sprink
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type NavItemProps = ButtonProps<typeof Button, {
+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;
-} & 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 & {
+    /**
+     * Display an icon before button content.
+     */
+    icon?: ReactNode;
+} & 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 & {
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "className" | "aria-label"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const NavList: react.ForwardRefExoticComponent<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>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
 
 type PaginationProps = BoxProps<"nav", {
     /**
@@ -1307,9 +1327,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";
@@ -1371,9 +1391,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";
@@ -1395,8 +1415,7 @@ 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>>;
 
-type SidebarProps = {
-    children?: ReactNode;
+declare const Sidebar: react.ForwardRefExoticComponent<{
     /**
      * The initial expanded state in uncontrolled mode.
      */
@@ -1409,11 +1428,10 @@ type SidebarProps = {
      * Handler that is called when the expanded state changes.
      */
     onExpandedChange?: (expanded: boolean) => void;
-};
-declare const Sidebar: {
-    ({ children, defaultExpanded, expanded: expandedProp, onExpandedChange, }: SidebarProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type SidebarToggleProps = Omit<ComponentPropsWithRef<typeof NavItem>, "aria-label"> & {
     "aria-label"?: string;
@@ -1548,9 +1566,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";
@@ -1580,9 +1598,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";
@@ -1646,4 +1664,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, DropdownMenuCheckboxItem, 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, 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 };
+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, NavList, 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';
@@ -50,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';
@@ -75,7 +77,6 @@ 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';
@@ -83,6 +84,7 @@ 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 { NavList } from './packages/react/src/nav-list/NavList.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';

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

@@ -16,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;
   }
@@ -37,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 };

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/use-hotkeys.js

@@ -14,14 +14,16 @@ function shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable = false)
 function useHotkeys(hotkeys, tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"], triggerOnContentEditable = false) {
   useEffect(() => {
     const keydownListener = (event) => {
-      hotkeys.forEach(([hotkey, handler, options = { preventDefault: true }]) => {
-        if (getHotkeyMatcher(hotkey)(event) && shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable)) {
-          if (options.preventDefault) {
-            event.preventDefault();
+      hotkeys.forEach(
+        ([hotkey, handler, options = { preventDefault: true, usePhysicalKeys: false }]) => {
+          if (getHotkeyMatcher(hotkey, options.usePhysicalKeys)(event) && shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable)) {
+            if (options.preventDefault) {
+              event.preventDefault();
+            }
+            handler(event);
           }
-          handler(event);
         }
-      });
+      );
     };
     document.documentElement.addEventListener("keydown", keydownListener);
     return () => document.documentElement.removeEventListener("keydown", keydownListener);

package/dist/packages/react/package.json.js

@@ -1,3 +1,3 @@
-var version = "0.12.0";
+var version = "0.12.2";
 
 export { version };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',justifyContent:'space-between',p:'12',pr:'16',rounded:'md'}],variants:{intent:{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/packages/react/src/alert-dialog-content/AlertDialogContent-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-CBT4ik99.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-CCmQ7cKy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'ssthbc'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'idt198'],variants:{size:{sm:'_1kw2vj1',md:'_18kv87o',lg:'b6i756'}}});
-var nestedDialogCountVar = 'var(--_1y0sw0f)';
-var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_125u4cl']});
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_7o0eew'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'vgfrky'],variants:{size:{sm:'_1pe0jrj',md:'_1g02tzo',lg:'_1mgowqt'}}});
+var nestedDialogCountVar = 'var(--kbmqw2)';
+var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1avfjuu']});
 
 export { backdrop, content, nestedDialogCountVar, root };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DJdMcgnM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DKi-Fkg6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'_1f7hvb2']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'vxmtib']});
 
 export { footer };

package/dist/packages/react/src/angle-menu-button/AngleMenuButton.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Button } from '../button/Button.js';
+import { IconAngleDown } from '../icons/IconAngleDown.js';
+
+const AngleMenuButton = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(IconAngleDown, {}), iconPosition: "end", ref, ...props, children });
+});
+AngleMenuButton.displayName = "@optiaxiom/react/AngleMenuButton";
+
+export { AngleMenuButton };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DD6Dfjxc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-IwwxtYgr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{p:'4'},'_1d7aoya']});
+var content = recipeRuntime({base:[{p:'4'},'_1m14vto']});
 
 export { content };

package/dist/packages/react/src/avatar/Avatar-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BxCgGwKO.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-DaEbM6Dm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Df83DDkl.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-azZeVk-v.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1xfv4i3'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'xd7dgi'],sm:[{fontSize:'xs',size:'sm'},'_1w6f87l'],md:[{fontSize:'md',size:'md'},'g6hjuv'],lg:[{fontSize:'lg',size:'lg'},'_1hq45yy'],xl:[{fontSize:'2xl',size:'xl'},'_1wemkgd'],'3xl':[{fontSize:'4xl',size:'3xl'},'majuqc']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_3korro'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_12m6dr'],sm:[{fontSize:'xs',size:'sm'},'zgbobi'],md:[{fontSize:'md',size:'md'},'_12qhpj3'],lg:[{fontSize:'lg',size:'lg'},'rukj2i'],xl:[{fontSize:'2xl',size:'xl'},'ya77v4'],'3xl':[{fontSize:'4xl',size:'3xl'},'_14hban9']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
 

package/dist/packages/react/src/avatar-group/AvatarGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BxCgGwKO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Df83DDkl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['d6twk6',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1k3djy',{display:'flex'}]});
 
 export { avatarGroup };

package/dist/packages/react/src/backdrop/Backdrop-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-aY2Bq-5D.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BykIw7Bp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_4hisb']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_15m70xt']});
 
 export { backdrop };

package/dist/packages/react/src/badge/Badge-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-COUckmC-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-P1KZpPmF.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'8',py:'2',rounded:'full'},'_3p6lo7'],variants:{intent:{danger:'_1oge57o',information:'r4hfnp',neutral:'_1mjqgua',primary:'_1hkfltl',success:'_144p78s',warning:'_1up9d85'},variant:{light:'_68bru9',solid:'e7mx75'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'8',py:'2',rounded:'full'},'gak9zv'],variants:{intent:{danger:'gv6u46',information:'pbf663',neutral:'n6ygzd',primary:'uqrlyx',success:'_1xhatcd',warning:'_1jrzrkh'},variant:{light:'_1oztywz',solid:'_1x8ykng'}}});
 
 export { badge };

package/dist/packages/react/src/banner/Banner-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'12',justifyContent:'space-between',px:'24',py:'12'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});