@optiaxiom/react 0.1.0-next.14 → 0.1.0-next.16

package/dist/src/button/Button-css.js

@@ -0,0 +1,13 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-D7uZcMEm.css';
+import './../../assets/src/button/Button.css.ts.vanilla-C5Mge_U0.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var button = recipeRuntime({base:['_103fp1u',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'zvv3gv'],variants:{colorScheme:{danger:'gpazws',neutral:'_1g8jnbs',primary:'_1qtze12'},iconOnly:{false:'_1qwy0zp',true:{}},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'kcniq1',solid:'_6gnv13',subtle:'_116h857'}},variantsCompounded:[{style:'_6fi4gl',variants:{colorScheme:'neutral',variant:'outline'}},{style:'_1299p35',variants:{iconOnly:true,size:'sm'}},{style:'_12tjw4r',variants:{iconOnly:false,size:'sm'}},{style:'a9w641',variants:{iconOnly:true,size:'md'}},{style:'_17sfedd',variants:{iconOnly:false,size:'md'}},{style:'_1i55d65',variants:{iconOnly:true,size:'lg'}},{style:'_1f8qpfw',variants:{iconOnly:false,size:'lg'}}]});
+var decorator = recipeRuntime({base:[{transition:'opacity'},'_13v2bio']});
+var icon = recipeRuntime({base:[{h:'auto',w:'20'},{transition:'opacity'},'_13v2bio']});
+var label = recipeRuntime({base:[{flexDirection:'row',gap:'4',mx:'4'},{transition:'opacity'},'_13v2bio']});
+var spinner = recipeRuntime({base:'bqheof'});
+
+export { button, decorator, icon, label, spinner };

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

@@ -0,0 +1,7 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-D7uZcMEm.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var buttonGroup = recipeRuntime({base:'_1e7ffv0'});
+
+export { buttonGroup };

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

@@ -0,0 +1,12 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
+import './../../assets/src/control-base/ControlBase.css.ts.vanilla-bFUlyJGU.css';
+import './../../assets/src/checkbox/Checkbox.css.ts.vanilla-CVkYXFLB.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var checkbox = recipeRuntime({base:['_1olpc6',{color:'white',mt:'2',rounded:'xs',size:'16'},'pwey7e']});
+var iconChecked = recipeRuntime({base:['e8hiuz']});
+var iconIndeterminate = recipeRuntime({base:['_1rwgzg5']});
+var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
+
+export { checkbox, iconChecked, iconIndeterminate, indicator };

package/dist/{checkbox → src/checkbox}/Checkbox.js

@@ -8,7 +8,7 @@ import { IconMinus } from '../icons/IconMinus.js';
 import { checkbox, indicator, iconChecked, iconIndeterminate } from './Checkbox-css.js';
 
 const Checkbox = forwardRef(
-  ({ children, defaultChecked, endDecorator, id, ...props }, ref) => {
+  ({ children, defaultChecked, description, id, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       ControlBase,
       {
@@ -16,7 +16,7 @@ const Checkbox = forwardRef(
           /* @__PURE__ */ jsx(Box, { asChild: true, ...iconChecked(), children: /* @__PURE__ */ jsx(IconCheck, {}) }),
           /* @__PURE__ */ jsx(Box, { asChild: true, ...iconIndeterminate(), children: /* @__PURE__ */ jsx(IconMinus, {}) })
         ] }) }) }) }),
-        endDecorator,
+        description,
         id,
         ref,
         ...props,

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

@@ -0,0 +1,7 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/code/Code.css.ts.vanilla-fccn-cCb.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var code = recipeRuntime({base:[{bg:'bg.neutral',display:'inline-block',px:'4',rounded:'sm'},'v6ogol']});
+
+export { code };

package/dist/{combobox → src/combobox}/Combobox.js

@@ -3,7 +3,7 @@ import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { ComboboxContextProvider } from '../combobox-context/ComboboxContext.js';
 import { Popover } from '../popover/Popover.js';
 
-const Combobox = ({
+function Combobox({
   children,
   defaultOpen,
   defaultValue = "",
@@ -12,7 +12,7 @@ const Combobox = ({
   onValueChange,
   open: openProp,
   value: valueProp
-}) => {
+}) {
   const [open, setOpen] = useControllableState({
     defaultProp: defaultOpen,
     onChange: onOpenChange,
@@ -34,7 +34,7 @@ const Combobox = ({
       children: /* @__PURE__ */ jsx(Popover, { onOpenChange: setOpen, open, children })
     }
   );
-};
+}
 Combobox.displayName = "@optiaxiom/react/Combobox";
 
 export { Combobox };

package/dist/{combobox-content → src/combobox-content}/ComboboxContent.js

@@ -5,7 +5,7 @@ import { Command } from '../command/Command.js';
 import { CommandInput } from '../command-input/CommandInput.js';
 import { CommandSeparator } from '../command-separator/CommandSeparator.js';
 import { PopoverContent } from '../popover-content/PopoverContent.js';
-import { Search } from '../search/Search.js';
+import { SearchInput } from '../search-input/SearchInput.js';
 
 const ComboboxContent = forwardRef(
   ({ asChild, children, ...props }, ref) => {
@@ -13,7 +13,7 @@ const ComboboxContent = forwardRef(
     if (!context)
       throw new Error("ComboboxContent must be used within a Combobox");
     return /* @__PURE__ */ jsx(PopoverContent, { asChild: true, p: "0", ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxs(Command, { children: [
-      /* @__PURE__ */ jsx(CommandInput, { asChild: true, children: /* @__PURE__ */ jsx(Search, { m: "2" }) }),
+      /* @__PURE__ */ jsx(CommandInput, { asChild: true, children: /* @__PURE__ */ jsx(SearchInput, { m: "2" }) }),
       /* @__PURE__ */ jsx(CommandSeparator, { alwaysRender: true }),
       children
     ] }) });

package/dist/{command-footer → src/command-footer}/CommandFooter-css.js

@@ -1,4 +1,4 @@
-import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'md',justifyContent:'space-between',p:'sm'}]});

package/dist/src/command-item/CommandItem-css.js

@@ -0,0 +1,8 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
+import './../../assets/src/command-item/CommandItem.css.ts.vanilla-DPd2tbIM.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_1qlad3b']});
+
+export { item };

package/dist/src/command-list/CommandList-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/command-list/CommandList.css.ts.vanilla-CCZC8sV0.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var list = recipeRuntime({base:['_1ng7joe']});
+
+export { list };

package/dist/src/control-base/ControlBase-css.js

@@ -0,0 +1,11 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
+import './../../assets/src/control-base/ControlBase.css.ts.vanilla-bFUlyJGU.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var controlBase = recipeRuntime({base:[{display:'grid'},'_1kajbb']});
+var description = recipeRuntime({base:[{fontSize:'sm',pl:'xs'},'_17kpbez']});
+var indicator = recipeRuntime({base:['aruaf1','_1t3a9en']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',overflow:'hidden',pl:'xs'},'n1qu8']});
+
+export { controlBase, description, indicator, label };

package/dist/{control-base → src/control-base}/ControlBase.js

@@ -8,10 +8,10 @@ import '../sprinkles/sprinkles-css.js';
 import { Text } from '../text/Text.js';
 import '../utils/conditions.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
-import { controlBase, indicator, label, decorator } from './ControlBase-css.js';
+import { controlBase, indicator, label, description } from './ControlBase-css.js';
 
 const ControlBase = forwardRef(
-  ({ children, className, control, endDecorator, id: idProp, ...props }, ref) => {
+  ({ children, className, control, description: description$1, id: idProp, ...props }, ref) => {
     const { restProps, sprinkleProps } = extractSprinkles(props);
     const id = useId(idProp);
     return /* @__PURE__ */ jsxs(Box, { ref, ...controlBase({}, className), ...sprinkleProps, children: [
@@ -20,7 +20,15 @@ const ControlBase = forwardRef(
         ...restProps
       }) }),
       /* @__PURE__ */ jsx(Text, { asChild: true, ...label(), children: /* @__PURE__ */ jsx(RadixLabel.Root, { htmlFor: id, children }) }),
-      endDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ...decorator(), children: fallbackSpan(endDecorator) })
+      description$1 && /* @__PURE__ */ jsx(
+        Box,
+        {
+          asChild: true,
+          color: props.disabled ? "fg.disabled" : "fg.secondary",
+          ...description(),
+          children: fallbackSpan(description$1)
+        }
+      )
     ] });
   }
 );

package/dist/src/dialog/Dialog.js

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { DialogContextProvider } from '../dialog-context/DialogContext.js';
+
+function Dialog({
+  children,
+  defaultOpen,
+  modal,
+  onOpenChange,
+  open: openProp,
+  ...props
+}) {
+  const [open, setOpen] = useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  return /* @__PURE__ */ jsx(
+    RadixDialog.Root,
+    {
+      modal,
+      onOpenChange: setOpen,
+      open,
+      ...props,
+      children: /* @__PURE__ */ jsx(DialogContextProvider, { open, children })
+    }
+  );
+}
+Dialog.displayName = "@optiaxiom/react/Dialog";
+
+export { Dialog };

package/dist/src/dialog-body/DialogBody-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/dialog-body/DialogBody.css.ts.vanilla-C42GcBP7.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var body = recipeRuntime({base:[{fontSize:'md',overflow:'auto',pb:'md',pt:'lg',px:'lg'},'cvtpm0']});
+
+export { body };

package/dist/{menu-trigger/MenuTrigger.js → src/dialog-close/DialogClose.js}

@@ -1,17 +1,16 @@
 import { jsx } from 'react/jsx-runtime';
-import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import * as RadixDialog from '@radix-ui/react-dialog';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
-import { IconAngleDown } from '../icons/IconAngleDown.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles-css.js';
 
-const MenuTrigger = forwardRef(
+const DialogClose = forwardRef(
   ({ asChild, children, ...props }, ref) => {
     const { restProps, sprinkleProps } = extractSprinkles(props);
-    return /* @__PURE__ */ jsx(RadixMenu.Trigger, { asChild: true, ref, ...sprinkleProps, children: asChild ? children : /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(IconAngleDown, {}), iconPosition: "end", ...restProps, children }) });
+    return /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, ref, ...sprinkleProps, children: asChild ? children : /* @__PURE__ */ jsx(Button, { ...restProps, children }) });
   }
 );
-MenuTrigger.displayName = "@optiaxiom/react/MenuTrigger";
+DialogClose.displayName = "@optiaxiom/react/DialogClose";
 
-export { MenuTrigger };
+export { DialogClose };

package/dist/src/dialog-content/DialogContent-css.js

@@ -0,0 +1,9 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CfwdS2Dn.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var close = recipeRuntime({base:[{rounded:'full'},'vo19z0']});
+var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'popover'},'c1tpzj'],variants:{size:{sm:'_1yjc4vr',md:'_1pv5rfe',lg:'_1b7ocap'}}});
+var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_8o6y6']});
+
+export { close, content, overlay };

package/dist/{dialog/Dialog.js → src/dialog-content/DialogContent.js}

@@ -5,21 +5,15 @@ import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
 import '../animate-presence/PresenceContext.js';
 import { Box } from '../box/Box.js';
 import { Button } from '../button/Button.js';
+import { useDialogContext } from '../dialog-context/DialogContext.js';
 import { IconX } from '../icons/IconX.js';
 import { Transition } from '../transition/Transition.js';
-import { overlay, content, close } from './Dialog-css.js';
+import { overlay, content, close } from './DialogContent-css.js';
 
-const Dialog = forwardRef(
-  ({
-    children,
-    modal,
-    onClose,
-    open,
-    size = "md",
-    withCloseButton = false,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(RadixDialog.Root, { modal, onOpenChange: onClose, open, children: /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsxs(RadixDialog.Portal, { forceMount: true, children: [
+const DialogContent = forwardRef(
+  ({ children, size = "md", withCloseButton = false, ...props }, ref) => {
+    const { open } = useDialogContext("DialogContent");
+    return /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsxs(RadixDialog.Portal, { forceMount: true, children: [
       /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Box, { asChild: true, ...overlay(), children: /* @__PURE__ */ jsx(RadixDialog.Overlay, {}) }) }),
       /* @__PURE__ */ jsx(Transition, { "data-side": "bottom", type: "fade", children: /* @__PURE__ */ jsx(Box, { asChild: true, ...content({ size }), children: /* @__PURE__ */ jsxs(RadixDialog.Content, { ref, ...props, children: [
         children,
@@ -36,9 +30,9 @@ const Dialog = forwardRef(
           }
         )
       ] }) }) })
-    ] }) }) });
+    ] }) });
   }
 );
-Dialog.displayName = "@optiaxiom/react/Dialog";
+DialogContent.displayName = "@optiaxiom/react/DialogContent";
 
-export { Dialog };
+export { DialogContent };

package/dist/src/dialog-context/DialogContext.js

@@ -0,0 +1,5 @@
+import { createContext } from '@radix-ui/react-context';
+
+const [DialogContextProvider, useDialogContext] = createContext("Dialog");
+
+export { DialogContextProvider, useDialogContext };

package/dist/src/dialog-description/DialogDescription.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import { forwardRef } from 'react';
+import { Text } from '../text/Text.js';
+
+const DialogDescription = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      asChild: true,
+      color: "fg.secondary",
+      fontWeight: "400",
+      pb: "xs",
+      px: "lg",
+      ref,
+      ...props,
+      children: /* @__PURE__ */ jsx(RadixDialog.Description, { children })
+    }
+  );
+});
+DialogDescription.displayName = "@optiaxiom/react/DialogDescription";
+
+export { DialogDescription };

package/dist/{dialog-footer → src/dialog-footer}/DialogFooter-css.js

@@ -1,4 +1,4 @@
-import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'md',justifyContent:'end',px:'lg',py:'20'}]});

package/dist/src/dialog-title/DialogTitle.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import { forwardRef } from 'react';
+import { Heading } from '../heading/Heading.js';
+
+const DialogTitle = forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Heading,
+      {
+        asChild: true,
+        fontWeight: "500",
+        level: "3",
+        p: "lg",
+        pb: "xs",
+        ref,
+        ...props,
+        children: /* @__PURE__ */ jsx(RadixDialog.Title, { children })
+      }
+    );
+  }
+);
+DialogTitle.displayName = "@optiaxiom/react/DialogTitle";
+
+export { DialogTitle };

package/dist/src/dialog-trigger/DialogTrigger.js

@@ -0,0 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import { forwardRef } from 'react';
+import { Button } from '../button/Button.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles-css.js';
+
+const DialogTrigger = forwardRef(
+  ({ asChild, children, ...props }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    return /* @__PURE__ */ jsx(RadixDialog.Trigger, { asChild: true, ref, ...sprinkleProps, children: asChild ? children : /* @__PURE__ */ jsx(Button, { ...restProps, children }) });
+  }
+);
+DialogTrigger.displayName = "@optiaxiom/react/DialogTrigger";
+
+export { DialogTrigger };

package/dist/src/drawer/Drawer-css.js

@@ -0,0 +1,9 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/drawer/Drawer.css.ts.vanilla-CwD5hBpe.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var close = recipeRuntime({base:[{rounded:'full'},'xaqmv1']});
+var content = recipeRuntime({base:[{bg:'surface',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'odcp0g'],variants:{position:{bottom:[{borderT:'1'},'_5x60o8'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1wf0s1q'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1yxy3q5']}}});
+var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_1469twn']});
+
+export { close, content, overlay };

package/dist/{menu/Menu.js → src/dropdown-menu/DropdownMenu.js}

@@ -1,22 +1,22 @@
 import { jsx } from 'react/jsx-runtime';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { MenuContextProvider } from '../menu-context/MenuContext.js';
+import { DropdownMenuContextProvider } from '../dropdown-menu-context/DropdownMenuContext.js';
 
-const Menu = ({
+function DropdownMenu({
   children,
   defaultOpen,
   onOpenChange,
   open: openProp,
   ...props
-}) => {
+}) {
   const [open, setOpen] = useControllableState({
     defaultProp: defaultOpen,
     onChange: onOpenChange,
     prop: openProp
   });
-  return /* @__PURE__ */ jsx(RadixMenu.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(MenuContextProvider, { open, children }) });
-};
-Menu.displayName = "@optiaxiom/react/Menu";
+  return /* @__PURE__ */ jsx(RadixMenu.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(DropdownMenuContextProvider, { open, children }) });
+}
+DropdownMenu.displayName = "@optiaxiom/react/DropdownMenu";
 
-export { Menu };
+export { DropdownMenu };

package/dist/src/dropdown-menu-content/DropdownMenuContent.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { useDropdownMenuContext } from '../dropdown-menu-context/DropdownMenuContext.js';
+import { MenuContentBase } from '../menu-content-base/MenuContentBase.js';
+
+const DropdownMenuContent = forwardRef(
+  ({ align = "start", children, sideOffset = 2, ...props }, ref) => {
+    const { open } = useDropdownMenuContext("DropdownMenuContent");
+    return /* @__PURE__ */ jsx(MenuContentBase, { open, ...props, children: /* @__PURE__ */ jsx(RadixMenu.Content, { align, ref, sideOffset, children }) });
+  }
+);
+DropdownMenuContent.displayName = "@optiaxiom/react/DropdownMenuContent";
+
+export { DropdownMenuContent };

package/dist/src/dropdown-menu-context/DropdownMenuContext.js

@@ -0,0 +1,5 @@
+import { createContext } from '@radix-ui/react-context';
+
+const [DropdownMenuContextProvider, useDropdownMenuContext] = createContext("DropdownMenu");
+
+export { DropdownMenuContextProvider, useDropdownMenuContext };

package/dist/src/dropdown-menu-item/DropdownMenuItem.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { MenuItemBase } from '../menu-item-base/MenuItemBase.js';
+
+const DropdownMenuItem = forwardRef(({ children, onSelect, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(MenuItemBase, { ref, ...props, children: /* @__PURE__ */ jsx(RadixMenu.Item, { onSelect, children }) });
+});
+DropdownMenuItem.displayName = "@optiaxiom/react/DropdownMenuItem";
+
+export { DropdownMenuItem };

package/dist/{menu-label/MenuLabel.js → src/dropdown-menu-label/DropdownMenuLabel.js}

@@ -3,7 +3,7 @@ import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 
-const MenuLabel = forwardRef(
+const DropdownMenuLabel = forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       Box,
@@ -20,6 +20,6 @@ const MenuLabel = forwardRef(
     );
   }
 );
-MenuLabel.displayName = "@optiaxiom/react/MenuLabel";
+DropdownMenuLabel.displayName = "@optiaxiom/react/DropdownMenuLabel";
 
-export { MenuLabel };
+export { DropdownMenuLabel };

package/dist/src/dropdown-menu-separator/DropdownMenuSeparator.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { Separator } from '../separator/Separator.js';
+
+const DropdownMenuSeparator = forwardRef((props, ref) => /* @__PURE__ */ jsx(Separator, { asChild: true, bg: "border.secondary", mx: "-4", my: "2", ...props, children: /* @__PURE__ */ jsx(RadixMenu.Separator, { ref }) }));
+DropdownMenuSeparator.displayName = "@optiaxiom/react/DropdownMenuSeparator";
+
+export { DropdownMenuSeparator };

package/dist/src/dropdown-menu-sub/DropdownMenuSub.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { DropdownMenuSubContextProvider } from '../dropdown-menu-sub-context/DropdownMenuSubContext.js';
+
+function DropdownMenuSub({
+  children,
+  defaultOpen,
+  onOpenChange,
+  open: openProp,
+  ...props
+}) {
+  const [open, setOpen] = useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  return /* @__PURE__ */ jsx(RadixMenu.Sub, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(DropdownMenuSubContextProvider, { open, children }) });
+}
+DropdownMenuSub.displayName = "@optiaxiom/react/DropdownMenuSub";
+
+export { DropdownMenuSub };

package/dist/src/dropdown-menu-sub-content/DropdownMenuSubContent.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { useDropdownMenuSubContext } from '../dropdown-menu-sub-context/DropdownMenuSubContext.js';
+import { MenuContentBase } from '../menu-content-base/MenuContentBase.js';
+
+const DropdownMenuSubContent = forwardRef(({ alignOffset = -4, children, sideOffset = 2, ...props }, ref) => {
+  const { open } = useDropdownMenuSubContext("DropdownMenuSubContent");
+  return /* @__PURE__ */ jsx(MenuContentBase, { open, ...props, children: /* @__PURE__ */ jsx(
+    RadixMenu.SubContent,
+    {
+      alignOffset,
+      ref,
+      sideOffset,
+      children
+    }
+  ) });
+});
+DropdownMenuSubContent.displayName = "@optiaxiom/react/DropdownMenuSubContent";
+
+export { DropdownMenuSubContent };

package/dist/src/dropdown-menu-sub-context/DropdownMenuSubContext.js

@@ -0,0 +1,5 @@
+import { createContext } from '@radix-ui/react-context';
+
+const [DropdownMenuSubContextProvider, useDropdownMenuSubContext] = createContext("DropdownMenuSub");
+
+export { DropdownMenuSubContextProvider, useDropdownMenuSubContext };

package/dist/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { IconAngleRight } from '../icons/IconAngleRight.js';
+import { MenuItemBase } from '../menu-item-base/MenuItemBase.js';
+
+const DropdownMenuSubTrigger = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(MenuItemBase, { endDecorator: /* @__PURE__ */ jsx(IconAngleRight, {}), ref, ...props, children: /* @__PURE__ */ jsx(RadixMenu.SubTrigger, { children }) });
+});
+DropdownMenuSubTrigger.displayName = "@optiaxiom/react/DropdownMenuSubTrigger";
+
+export { DropdownMenuSubTrigger };

package/dist/src/dropdown-menu-trigger/DropdownMenuTrigger.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { Button } from '../button/Button.js';
+import { IconAngleDown } from '../icons/IconAngleDown.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles-css.js';
+
+const DropdownMenuTrigger = forwardRef(({ asChild, children, ...props }, ref) => {
+  const { restProps, sprinkleProps } = extractSprinkles(props);
+  return /* @__PURE__ */ jsx(RadixMenu.Trigger, { asChild: true, ref, ...sprinkleProps, children: asChild ? children : /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(IconAngleDown, {}), iconPosition: "end", ...restProps, children }) });
+});
+DropdownMenuTrigger.displayName = "@optiaxiom/react/DropdownMenuTrigger";
+
+export { DropdownMenuTrigger };

package/dist/{hover-card → src/hover-card}/HoverCard.js

@@ -3,7 +3,7 @@ import * as RadixHoverCard from '@radix-ui/react-hover-card';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { HoverCardContextProvider } from '../hover-card-context/HoverCardContext.js';
 
-const HoverCard = ({
+function HoverCard({
   children,
   defaultOpen,
   keepOpenOnActivation,
@@ -11,7 +11,7 @@ const HoverCard = ({
   open: openProp,
   openDelay = 500,
   ...props
-}) => {
+}) {
   const [open, setOpen] = useControllableState({
     defaultProp: defaultOpen,
     onChange: onOpenChange,
@@ -35,7 +35,7 @@ const HoverCard = ({
       )
     }
   );
-};
+}
 HoverCard.displayName = "@optiaxiom/react/HoverCard";
 
 export { HoverCard };

package/dist/src/hover-card-content/HoverCardContent-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-CJ3CmHfW.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var content = recipeRuntime({base:[{bg:'surface',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',p:'sm',rounded:'lg',shadow:'md',z:'popover'},'_1xqitxx']});
+
+export { content };

package/dist/{hover-card-content → src/hover-card-content}/HoverCardContent.js

@@ -6,7 +6,7 @@ import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
 import '../animate-presence/PresenceContext.js';
 import { Box } from '../box/Box.js';
 import { useHoverCardContext } from '../hover-card-context/HoverCardContext.js';
-import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
 import { theme } from '../styles/theme-css.js';
 import { Transition } from '../transition/Transition.js';
 import { content } from './HoverCardContent-css.js';