@optiaxiom/react 0.5.4 → 0.6.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode, ReactElement, ElementType, ComponentPropsWithRef } from 'react';
-import { S as Sprinkles, B as BoxProps, E as ExtendProps, M as MenuListbox } from './PopoverContent-C6I-rB7-.js';
-export { a as Box, D as DialogContent, L as Link, P as PopoverContent, T as Transition, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-C6I-rB7-.js';
+import { S as Sprinkles, B as BoxProps, E as ExtendProps, M as MenuListbox } from './PopoverContent-_0gUSeax.js';
+export { a as Box, D as DialogContent, L as Link, P as PopoverContent, T as Transition, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-_0gUSeax.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
@@ -109,7 +109,12 @@ declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<
 declare const AlertDialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
+} & Sprinkles, never> & Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & Omit<{
+    level?: "1" | "2" | "4" | "3" | "5" | "6";
+}, never> & {
     addonBefore?: ReactNode;
 } & react.RefAttributes<HTMLHeadingElement>>;
 
@@ -347,6 +352,11 @@ declare namespace Dialog {
     var displayName: string;
 }
 
+declare const DialogActions: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
+
 declare const DialogBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -395,11 +405,21 @@ declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
     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 DialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const DialogHeader: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
 
+declare const DialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & Omit<{
+    level?: "1" | "2" | "4" | "3" | "5" | "6";
+}, never> & react.RefAttributes<HTMLHeadingElement>>;
+
 declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -440,18 +460,16 @@ declare const DisclosureTrigger: react.ForwardRefExoticComponent<Omit<Omit<Radix
     chevronPosition?: "end" | "start";
 } & react.RefAttributes<HTMLButtonElement>>;
 
-declare const Drawer: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "color" | "className" | "asChild"> & Omit<{
+type DrawerProps = ComponentPropsWithoutRef<typeof RadixDialog.Root>;
+declare function Drawer({ children, defaultOpen, modal, onOpenChange, open: openProp, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare namespace Drawer {
+    var displayName: string;
+}
+
+declare const DrawerActions: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
-    children: ReactNode;
-    modal?: boolean;
-    onClose: () => void;
-    open?: boolean;
-    withCloseButton?: boolean;
-} & {
-    position?: "left" | "right" | "bottom" | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
 
 declare const DrawerBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -460,6 +478,42 @@ declare const DrawerBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<re
     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 DrawerClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+} & Omit<{
+    iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "intent" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const DrawerContent: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    position?: "left" | "right" | "bottom" | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+declare const DrawerDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & react.RefAttributes<HTMLParagraphElement>>;
+
 declare const DrawerFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -469,12 +523,41 @@ declare const DrawerFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
     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 DrawerHeader: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
 declare const DrawerTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
-    description?: string;
-} & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & Omit<{
+    level?: "1" | "2" | "4" | "3" | "5" | "6";
+}, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DrawerTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+} & Omit<{
+    iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "intent" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>>;
 
 type MenuProps = ComponentPropsWithoutRef<typeof RadixMenu.Root>;
 declare function DropdownMenu({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
@@ -589,6 +672,29 @@ declare const Grid: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.De
     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 text: (props?: {
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type TextVariants = RecipeVariants<typeof text>;
+
+type TextProps<T extends ElementType = "p", P = unknown> = BoxProps<T, ExtendProps<NonNullable<TextVariants>, P>>;
+declare const Text: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & react.RefAttributes<HTMLParagraphElement>>;
+
+type HeadingProps<T extends ElementType = "h1", P = unknown> = TextProps<T, ExtendProps<{
+    /**
+     * Presets for each level of heading h1-h6.
+     */
+    level?: keyof typeof mapLevelToTag;
+}, P>>;
 declare const mapLevelToTag: {
     readonly "1": "h1";
     readonly "2": "h2";
@@ -603,12 +709,12 @@ declare const Heading: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedH
 } & Sprinkles, never> & Omit<{
     lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
-}, never> & {
+}, never> & Omit<{
     /**
      * Presets for each level of heading h1-h6.
      */
     level?: keyof typeof mapLevelToTag;
-} & react.RefAttributes<HTMLHeadingElement>>;
+}, never> & react.RefAttributes<HTMLHeadingElement>>;
 
 type HoverCardProps = BoxProps<typeof RadixHoverCard.Root, {
     keepOpenOnActivation?: boolean;
@@ -661,6 +767,7 @@ declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
 }, "size"> & {
     addonAfter?: ReactNode;
     addonBefore?: ReactNode;
+    htmlSize?: number;
 } & Pick<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -1169,23 +1276,6 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
     iconPosition?: "end" | "start";
 }, never> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const text: (props?: {
-    lineClamp?: "1" | "2" | "4" | "3" | undefined;
-    truncate?: boolean | undefined;
-} | undefined, className?: string) => {
-    className: string;
-};
-type TextVariants = RecipeVariants<typeof text>;
-
-type TextProps<T extends ElementType = "p", P = unknown> = BoxProps<T, ExtendProps<NonNullable<TextVariants>, P>>;
-declare const Text: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & Omit<{
-    lineClamp?: "1" | "2" | "4" | "3" | undefined;
-    truncate?: boolean | undefined;
-}, never> & react.RefAttributes<HTMLParagraphElement>>;
-
 declare const TextareaAutosize: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -1331,4 +1421,4 @@ declare const TooltipContent: react.ForwardRefExoticComponent<Omit<Omit<RadixToo
 
 declare const TooltipTrigger: react.ForwardRefExoticComponent<Omit<RadixTooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-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, 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, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, MenuButton, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, type SidenavAccountItemProps, SidenavContent, 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, TooltipRoot, TooltipTrigger, 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, DialogActions, DialogBody, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogTitle, 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, Flex, Grid, Heading, type HeadingProps, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, MenuButton, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, type SidenavAccountItemProps, SidenavContent, 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, TooltipRoot, TooltipTrigger, TransitionGlobalConfig, extractSprinkles, layers_css as layers, sprinklesMerge };

package/dist/index.js

@@ -23,20 +23,28 @@ export { ButtonGroup } from './packages/react/src/button-group/ButtonGroup.js';
 export { Checkbox } from './packages/react/src/checkbox/Checkbox.js';
 export { Code } from './packages/react/src/code/Code.js';
 export { Dialog } from './packages/react/src/dialog/Dialog.js';
+export { DialogActions } from './packages/react/src/dialog-actions/DialogActions.js';
 export { DialogBody } from './packages/react/src/dialog-body/DialogBody.js';
 export { DialogClose } from './packages/react/src/dialog-close/DialogClose.js';
 export { DialogContent } from './packages/react/src/dialog-content/DialogContent.js';
 export { DialogDescription } from './packages/react/src/dialog-description/DialogDescription.js';
 export { DialogFooter } from './packages/react/src/dialog-footer/DialogFooter.js';
+export { DialogHeader } from './packages/react/src/dialog-header/DialogHeader.js';
 export { DialogTitle } from './packages/react/src/dialog-title/DialogTitle.js';
 export { DialogTrigger } from './packages/react/src/dialog-trigger/DialogTrigger.js';
 export { Disclosure } from './packages/react/src/disclosure/Disclosure.js';
 export { DisclosureContent } from './packages/react/src/disclosure-content/DisclosureContent.js';
 export { DisclosureTrigger } from './packages/react/src/disclosure-trigger/DisclosureTrigger.js';
 export { Drawer } from './packages/react/src/drawer/Drawer.js';
+export { DrawerActions } from './packages/react/src/drawer-actions/DrawerActions.js';
 export { DrawerBody } from './packages/react/src/drawer-body/DrawerBody.js';
+export { DrawerClose } from './packages/react/src/drawer-close/DrawerClose.js';
+export { DrawerContent } from './packages/react/src/drawer-content/DrawerContent.js';
+export { DrawerDescription } from './packages/react/src/drawer-description/DrawerDescription.js';
 export { DrawerFooter } from './packages/react/src/drawer-footer/DrawerFooter.js';
+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 { DropdownMenuContent } from './packages/react/src/dropdown-menu-content/DropdownMenuContent.js';
 export { DropdownMenuGroup } from './packages/react/src/dropdown-menu-group/DropdownMenuGroup.js';

package/dist/node_modules/.pnpm/{framer-motion@11.11.17_react-dom@18.3.1_react@18.3.1__react@18.3.1 → framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.js

@@ -4,7 +4,6 @@ import { useCallback, useMemo } from 'react';
 import { useId } from '@reach/auto-id';
 import { PresenceContext } from '../../context/PresenceContext.js';
 import { useConstant } from '../../utils/use-constant.js';
-import { PopChild } from './PopChild.js';
 
 const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, }) => {
     const presenceChildren = useConstant(newChildrenMap);
@@ -49,9 +48,6 @@ const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, p
             onExitComplete &&
             onExitComplete();
     }, [isPresent]);
-    if (mode === "popLayout") {
-        children = jsx(PopChild, { isPresent: isPresent, children: children });
-    }
     return (jsx(PresenceContext.Provider, { value: context, children: children }));
 };
 function newChildrenMap() {

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

@@ -1,3 +1,3 @@
-var version = "0.5.4";
+var version = "0.6.0";
 
 export { version };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.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:{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,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-C0kks2r5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Dv1yxjr8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var container = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1wb8xuc']});
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'_1uk2lu4'],variants:{size:{sm:'xkr51s',md:'v41eet',lg:'_1qwtv6m'}}});
+var container = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'m0865v']});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'_12et29l'],variants:{size:{sm:'d5eqko',md:'r53193',lg:'_1jwtqk8'}}});
 
 export { container, content };

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

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

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

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

package/dist/packages/react/src/animate-presence/AnimatePresence.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import '../transition/Transition.js';
 import { TransitionGlobalConfig } from '../transition/TransitionGlobalConfig.js';
-import { AnimatePresence as AnimatePresence$1 } from '../../../../node_modules/.pnpm/framer-motion@11.11.17_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
+import { AnimatePresence as AnimatePresence$1 } from '../../../../node_modules/.pnpm/framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
 
 function AnimatePresence({
   children

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DYU4OPrx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DWsyG2LP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{p:'4'},'_1au8xfj']});
+var content = recipeRuntime({base:[{p:'4'},'_1j3102e']});
 
 export { content };

package/dist/packages/react/src/autocomplete-item/AutocompletItem.js

@@ -5,7 +5,7 @@ import { CommandItem } from '../command-item/CommandItem.js';
 
 const AutocompleteItem = forwardRef((props, ref) => {
   const { selectedItem } = useAutocompleteContext("AutocompleteItem");
-  return /* @__PURE__ */ jsx(CommandItem, { active: props.item === selectedItem, ref, ...props });
+  return /* @__PURE__ */ jsx(CommandItem, { ref, selected: props.item === selectedItem, ...props });
 });
 AutocompleteItem.displayName = "@optiaxiom/react/AutocompleteItem";
 

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BI_34xQo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-D2kH-64w.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden'},'_1yt4s9p'],variants:{colorScheme:{blue:{bg:'avatar.bg.blue',color:'avatar.fg.blue'},cyan:{bg:'avatar.bg.cyan',color:'avatar.fg.cyan'},green:{bg:'avatar.bg.green',color:'avatar.fg.green'},magenta:{bg:'avatar.bg.magenta',color:'avatar.fg.magenta'},neutral:{bg:'bg.secondary',color:'fg.default'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'},red:{bg:'bg.error.subtle',color:'fg.error.strong'},yellow:{bg:'avatar.bg.yellow',color:'avatar.fg.yellow'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_1i8tva0'],sm:[{fontSize:'xs',size:'sm'},'_1drd8jv'],md:[{fontSize:'md',size:'md'},'_14h95lj'],lg:[{fontSize:'lg',size:'lg'},'_1wp2nu1'],xl:[{fontSize:'2xl',size:'xl'},'_1nrfuiq'],'5xl':[{fontSize:'4xl',size:'5xl'},'eobtob']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden'},'avwi1y'],variants:{colorScheme:{blue:{bg:'avatar.bg.blue',color:'avatar.fg.blue'},cyan:{bg:'avatar.bg.cyan',color:'avatar.fg.cyan'},green:{bg:'avatar.bg.green',color:'avatar.fg.green'},magenta:{bg:'avatar.bg.magenta',color:'avatar.fg.magenta'},neutral:{bg:'bg.secondary',color:'fg.default'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'},red:{bg:'bg.error.subtle',color:'fg.error.strong'},yellow:{bg:'avatar.bg.yellow',color:'avatar.fg.yellow'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'yzl75m'],sm:[{fontSize:'xs',size:'sm'},'_1ykzkg0'],md:[{fontSize:'md',size:'md'},'_1mguit9'],lg:[{fontSize:'lg',size:'lg'},'_18dbhm0'],xl:[{fontSize:'2xl',size:'xl'},'_108hnli'],'5xl':[{fontSize:'4xl',size:'5xl'},'_1je74q']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{h:'auto'}],variants:{size:{xs:{w:'12'},sm:{w:'12'},md:{w:'16'},lg:{w:'20'},xl:{w:'20'},'5xl':{w:'32'}}}});
 

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['u5bucn',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1dmjy14',{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-CAta_a7S.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DDmh_j9o.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-gmff1L-P.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_9pba07']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1rei4dn']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-C7hKRSOB.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-3hLwWO1L.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'fkwvku'],variants:{intent:{danger:'rqtt1o',information:'_1kdqxlx',neutral:'zlbwxk',primary:'_3ilnej',success:'_1eebru0',warning:'m0b1g9'},variant:{light:'afvqkt',solid:'_1e61mn0'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'_1b6eq8a'],variants:{intent:{danger:'_18tolwx',information:'_1lv4plm',neutral:'_14364vu',primary:'_1s2cdh6',success:'_1dp981w',warning:'_1twjmb0'},variant:{light:'ub9ctg',solid:'_1cncw28'}}});
 
 export { badge };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'sm',justifyContent:'space-between',px:'lg',py:'sm'}],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'}}}});

package/dist/packages/react/src/box/Box-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-DtsMeZ8W.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-DR0P-LL5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'gl95mw'});
+var box = recipeRuntime({base:'_1aq3qvr'});
 
 export { box };

package/dist/packages/react/src/button-base/ButtonBase-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DVG1wJsX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DrMH1fkC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['o6wvqx',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'_128zych'],variants:{iconOnly:{false:'_1sro0zp',true:{}},intent:{danger:'_1w9n8ar',neutral:'_1xh7ecp',primary:'_17jkgk4'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'vuogqa',solid:'_3dbdow',subtle:'_1lf5vbv'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'s69nsd',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'_1v1ktl5',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_1um93oe',variants:{iconOnly:false,size:'lg'}}]});
-var spinner = recipeRuntime({base:'qzc5qq'});
+var buttonBase = recipeRuntime({base:['wf7wpi',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'xj42bo'],variants:{iconOnly:{false:'_12carwg',true:{}},intent:{danger:'_1t5rfpo',neutral:'_1mqzu28',primary:'egoifx'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_11vjqn8',solid:'e5ed1h',subtle:'_1d9z2vl'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'gvt7ty',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'by4zlx',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_3djs94',variants:{iconOnly:false,size:'lg'}}]});
+var spinner = recipeRuntime({base:'_1ckiwe5'});
 
 export { buttonBase, spinner };

package/dist/packages/react/src/button-group/ButtonGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'rl8wz3'});
+var buttonGroup = recipeRuntime({base:'_1k0rcwr'});
 
 export { buttonGroup };

package/dist/packages/react/src/button-loadable/ButtonLoadable-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DVG1wJsX.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DpWBOXls.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DrMH1fkC.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CLCW6X94.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'l5zls3']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'jmwgf8']});
 
 export { loadable };

package/dist/packages/react/src/checkbox/Checkbox-css.js

@@ -1,13 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BAabvprz.css';
-import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-1v2_Zwwc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BZS5FCfo.css';
+import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-BAr9yxjN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:'_1gvzbrz'});
-var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'ci0cr0'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:['_1dp0fb8']});
+var checkbox = recipeRuntime({base:'m17fz7'});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'_1gd5q2e'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:['_10tt2nl']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-var input = recipeRuntime({base:'_1nb1o8j'});
+var input = recipeRuntime({base:'_2jv94g'});
 
 export { checkbox, control, icon, indicator, input };

package/dist/packages/react/src/code/Code-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-BNZmSP-V.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-DXXEKMdP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'_1dfgg6p']});
+var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'_1d8axnk']});
 
 export { code };

package/dist/packages/react/src/combobox/Combobox.js

@@ -2,11 +2,11 @@ import { jsx } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useMemo, useEffect } from 'react';
 import { ComboboxContextProvider } from '../combobox-context/ComboboxContext.js';
+import { ComboboxDialogContent } from '../combobox-dialog-content/ComboboxDialogContent.js';
+import { ComboboxPopoverContent } from '../combobox-popover-content/ComboboxPopoverContent.js';
 import { Dialog } from '../dialog/Dialog.js';
-import { DialogContent } from '../dialog-content/DialogContent.js';
 import { DialogTrigger } from '../dialog-trigger/DialogTrigger.js';
 import { Popover } from '../popover/Popover.js';
-import { PopoverContent } from '../popover-content/PopoverContent.js';
 import { PopoverTrigger } from '../popover-trigger/PopoverTrigger.js';
 import { useEffectEvent } from '../use-event/useEffectEvent.js';
 import { useResponsiveMatches } from '../use-responsive-matches/useResponsiveMatches.js';
@@ -26,12 +26,12 @@ function Combobox({
 }) {
   const components = useResponsiveMatches({
     base: {
-      Content: DialogContent,
+      Content: ComboboxDialogContent,
       Root: Dialog,
       Trigger: DialogTrigger
     },
     sm: {
-      Content: PopoverContent,
+      Content: ComboboxPopoverContent,
       Root: Popover,
       Trigger: PopoverTrigger
     }

package/dist/packages/react/src/combobox-dialog-content/ComboboxDialogContent.js

@@ -0,0 +1,15 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+import { forwardRef } from 'react';
+import { DialogContent } from '../dialog-content/DialogContent.js';
+import { DialogTitle } from '../dialog-title/DialogTitle.js';
+
+const ComboboxDialogContent = forwardRef(({ "aria-label": ariaLabel, children, minW: _minW, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs(DialogContent, { "aria-describedby": void 0, ref, ...props, children: [
+    /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(DialogTitle, { children: ariaLabel }) }),
+    children
+  ] });
+});
+ComboboxDialogContent.displayName = "@optiaxiom/react/ComboboxDialogContent";
+
+export { ComboboxDialogContent };