@optiaxiom/react 0.1.0-next.15 → 0.1.0-next.17

package/dist/index.js

@@ -1,87 +1,89 @@
-export { Accordion } from './accordion/Accordion.js';
-export { AccordionContent } from './accordion-content/AccordionContent.js';
-export { AccordionItem } from './accordion-item/AccordionItem.js';
-export { AccordionTrigger } from './accordion-trigger/AccordionTrigger.js';
-export { Alert } from './alert/Alert.js';
-export { AlertDescription } from './alert-description/AlertDescription.js';
-export { AlertDialog } from './alert-dialog/AlertDialog.js';
-export { AlertDialogAction } from './alert-dialog-action/AlertDialogAction.js';
-export { AlertDialogCancel } from './alert-dialog-cancel/AlertDialogCancel.js';
-export { AlertDialogContent } from './alert-dialog-content/AlertDialogContent.js';
-export { AlertDialogDescription } from './alert-dialog-description/AlertDialogDescription.js';
-export { AlertDialogFooter } from './alert-dialog-footer/AlertDialogFooter.js';
-export { AlertDialogTitle } from './alert-dialog-title/AlertDialogTitle.js';
-export { AlertDialogTrigger } from './alert-dialog-trigger/AlertDialogTrigger.js';
-export { AlertTitle } from './alert-title/AlertTitle.js';
-export { AnimatePresence } from './animate-presence/AnimatePresence.js';
-export { usePresence } from './animate-presence/usePresence.js';
-export { Avatar } from './avatar/Avatar.js';
-export { AvatarGroup } from './avatar-group/AvatarGroup.js';
-export { AxiomProvider } from './axiom-provider/AxiomProvider.js';
-export { Badge } from './badge/Badge.js';
-export { Box } from './box/Box.js';
-export { Button } from './button/Button.js';
-export { ButtonGroup } from './button-group/ButtonGroup.js';
-export { Checkbox } from './checkbox/Checkbox.js';
-export { Code } from './code/Code.js';
-export { Dialog } from './dialog/Dialog.js';
-export { DialogBody } from './dialog-body/DialogBody.js';
-export { DialogClose } from './dialog-close/DialogClose.js';
-export { DialogContent } from './dialog-content/DialogContent.js';
-export { DialogDescription } from './dialog-description/DialogDescription.js';
-export { DialogFooter } from './dialog-footer/DialogFooter.js';
-export { DialogTitle } from './dialog-title/DialogTitle.js';
-export { DialogTrigger } from './dialog-trigger/DialogTrigger.js';
-export { Drawer } from './drawer/Drawer.js';
-export { DrawerBody } from './drawer-body/DrawerBody.js';
-export { DrawerFooter } from './drawer-footer/DrawerFooter.js';
-export { DrawerTitle } from './drawer-title/DrawerTitle.js';
-export { DropdownMenu } from './dropdown-menu/DropdownMenu.js';
-export { DropdownMenuContent } from './dropdown-menu-content/DropdownMenuContent.js';
-export { DropdownMenuItem } from './dropdown-menu-item/DropdownMenuItem.js';
-export { DropdownMenuLabel } from './dropdown-menu-label/DropdownMenuLabel.js';
-export { DropdownMenuSeparator } from './dropdown-menu-separator/DropdownMenuSeparator.js';
-export { DropdownMenuTrigger } from './dropdown-menu-trigger/DropdownMenuTrigger.js';
-export { Field } from './field/Field.js';
-export { Flex } from './flex/Flex.js';
-export { Grid } from './grid/Grid.js';
-export { Heading } from './heading/Heading.js';
-export { HoverCard } from './hover-card/HoverCard.js';
-export { HoverCardContent } from './hover-card-content/HoverCardContent.js';
-export { HoverCardTrigger } from './hover-card-trigger/HoverCardTrigger.js';
-export { Indicator } from './indicator/Indicator.js';
-export { Input } from './input/Input.js';
-export { Kbd } from './kbd/Kbd.js';
-export { Link } from './link/Link.js';
-export { Pagination } from './pagination/Pagination.js';
-export { Popover } from './popover/Popover.js';
-export { PopoverContent } from './popover-content/PopoverContent.js';
-export { PopoverTrigger } from './popover-trigger/PopoverTrigger.js';
-export { Progress } from './progress/Progress.js';
-export { RadioGroup } from './radio-group/RadioGroup.js';
-export { RadioGroupItem } from './radio-group-item/RadioGroupItem.js';
-export { SearchInput } from './search-input/SearchInput.js';
-export { Separator } from './separator/Separator.js';
-export { Skeleton } from './skeleton/Skeleton.js';
-export { Spinner } from './spinner/Spinner.js';
-export { extractSprinkles } from './sprinkles/extractSprinkles.js';
-export { mapResponsiveValue, sprinkles } from './sprinkles/sprinkles-css.js';
-import * as layers_css from './styles/layers-css.js';
+export { Accordion } from './src/accordion/Accordion.js';
+export { AccordionContent } from './src/accordion-content/AccordionContent.js';
+export { AccordionItem } from './src/accordion-item/AccordionItem.js';
+export { AccordionTrigger } from './src/accordion-trigger/AccordionTrigger.js';
+export { Alert } from './src/alert/Alert.js';
+export { AlertDescription } from './src/alert-description/AlertDescription.js';
+export { AlertDialog } from './src/alert-dialog/AlertDialog.js';
+export { AlertDialogAction } from './src/alert-dialog-action/AlertDialogAction.js';
+export { AlertDialogCancel } from './src/alert-dialog-cancel/AlertDialogCancel.js';
+export { AlertDialogContent } from './src/alert-dialog-content/AlertDialogContent.js';
+export { AlertDialogDescription } from './src/alert-dialog-description/AlertDialogDescription.js';
+export { AlertDialogFooter } from './src/alert-dialog-footer/AlertDialogFooter.js';
+export { AlertDialogTitle } from './src/alert-dialog-title/AlertDialogTitle.js';
+export { AlertDialogTrigger } from './src/alert-dialog-trigger/AlertDialogTrigger.js';
+export { AlertTitle } from './src/alert-title/AlertTitle.js';
+export { AnimatePresence } from './src/animate-presence/AnimatePresence.js';
+export { usePresence } from './src/animate-presence/usePresence.js';
+export { Avatar } from './src/avatar/Avatar.js';
+export { AvatarGroup } from './src/avatar-group/AvatarGroup.js';
+export { AxiomProvider } from './src/axiom-provider/AxiomProvider.js';
+export { Badge } from './src/badge/Badge.js';
+export { Box } from './src/box/Box.js';
+export { Button } from './src/button/Button.js';
+export { ButtonGroup } from './src/button-group/ButtonGroup.js';
+export { Checkbox } from './src/checkbox/Checkbox.js';
+export { Code } from './src/code/Code.js';
+export { Dialog } from './src/dialog/Dialog.js';
+export { DialogBody } from './src/dialog-body/DialogBody.js';
+export { DialogClose } from './src/dialog-close/DialogClose.js';
+export { DialogContent } from './src/dialog-content/DialogContent.js';
+export { DialogDescription } from './src/dialog-description/DialogDescription.js';
+export { DialogFooter } from './src/dialog-footer/DialogFooter.js';
+export { DialogTitle } from './src/dialog-title/DialogTitle.js';
+export { DialogTrigger } from './src/dialog-trigger/DialogTrigger.js';
+export { Drawer } from './src/drawer/Drawer.js';
+export { DrawerBody } from './src/drawer-body/DrawerBody.js';
+export { DrawerFooter } from './src/drawer-footer/DrawerFooter.js';
+export { DrawerTitle } from './src/drawer-title/DrawerTitle.js';
+export { DropdownMenu } from './src/dropdown-menu/DropdownMenu.js';
+export { DropdownMenuContent } from './src/dropdown-menu-content/DropdownMenuContent.js';
+export { DropdownMenuItem } from './src/dropdown-menu-item/DropdownMenuItem.js';
+export { DropdownMenuLabel } from './src/dropdown-menu-label/DropdownMenuLabel.js';
+export { DropdownMenuSeparator } from './src/dropdown-menu-separator/DropdownMenuSeparator.js';
+export { DropdownMenuTrigger } from './src/dropdown-menu-trigger/DropdownMenuTrigger.js';
+export { Field } from './src/field/Field.js';
+export { Flex } from './src/flex/Flex.js';
+export { Grid } from './src/grid/Grid.js';
+export { Heading } from './src/heading/Heading.js';
+export { HoverCard } from './src/hover-card/HoverCard.js';
+export { HoverCardContent } from './src/hover-card-content/HoverCardContent.js';
+export { HoverCardTrigger } from './src/hover-card-trigger/HoverCardTrigger.js';
+export { Indicator } from './src/indicator/Indicator.js';
+export { Input } from './src/input/Input.js';
+export { Kbd } from './src/kbd/Kbd.js';
+import * as layers_css from './src/layers/layers-css.js';
 export { layers_css as layers };
-export { theme } from './styles/theme-css.js';
-export { Switch } from './switch/Switch.js';
-export { Tabs } from './tabs/Tabs.js';
-export { TabsContent } from './tabs-content/TabsContent.js';
-export { TabsList } from './tabs-list/TabsList.js';
-export { TabsTrigger } from './tabs-trigger/TabsTrigger.js';
-export { Text } from './text/Text.js';
-export { Textarea } from './textarea/Textarea.js';
-export { Toast } from './toast/Toast.js';
-export { ToastAction } from './toast-action/ToastAction.js';
-export { ToastProvider } from './toast-provider/ToastProvider.js';
-export { createToaster } from './toast-provider/createToaster.js';
-export { ToastTitle } from './toast-title/ToastTitle.js';
-export { Toggle } from './toggle/Toggle.js';
-export { tokens, tokensDark } from './tokens/index.js';
-export { Tooltip } from './tooltip/Tooltip.js';
-export { Transition } from './transition/Transition.js';
+export { Link } from './src/link/Link.js';
+export { Pagination } from './src/pagination/Pagination.js';
+export { Popover } from './src/popover/Popover.js';
+export { PopoverAnchor } from './src/popover-anchor/PopoverAnchor.js';
+export { PopoverContent } from './src/popover-content/PopoverContent.js';
+export { PopoverTrigger } from './src/popover-trigger/PopoverTrigger.js';
+export { Progress } from './src/progress/Progress.js';
+export { RadioGroup } from './src/radio-group/RadioGroup.js';
+export { RadioGroupItem } from './src/radio-group-item/RadioGroupItem.js';
+export { SearchInput } from './src/search-input/SearchInput.js';
+export { Separator } from './src/separator/Separator.js';
+export { Skeleton } from './src/skeleton/Skeleton.js';
+export { Spinner } from './src/spinner/Spinner.js';
+export { extractSprinkles } from './src/sprinkles/extractSprinkles.js';
+export { mapResponsiveValue, sprinkles } from './src/sprinkles/sprinkles-css.js';
+export { Switch } from './src/switch/Switch.js';
+export { Tabs } from './src/tabs/Tabs.js';
+export { TabsContent } from './src/tabs-content/TabsContent.js';
+export { TabsList } from './src/tabs-list/TabsList.js';
+export { TabsTrigger } from './src/tabs-trigger/TabsTrigger.js';
+export { Text } from './src/text/Text.js';
+export { Textarea } from './src/textarea/Textarea.js';
+export { theme } from './src/theme/theme-css.js';
+export { ThemeProvider } from './src/theme-provider/ThemeProvider.js';
+export { Toast } from './src/toast/Toast.js';
+export { ToastAction } from './src/toast-action/ToastAction.js';
+export { ToastProvider } from './src/toast-provider/ToastProvider.js';
+export { createToaster, toaster } from '@optiaxiom/globals';
+export { ToastTitle } from './src/toast-title/ToastTitle.js';
+export { Toggle } from './src/toggle/Toggle.js';
+export { tokens, tokensDark } from './src/tokens/index.js';
+export { Tooltip } from './src/tooltip/Tooltip.js';
+export { Transition } from './src/transition/Transition.js';

package/dist/package.json.js

@@ -0,0 +1,3 @@
+var version = "0.1.0-next.17";
+
+export { version };

package/dist/src/accordion-content/AccordionContent-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/accordion-content/AccordionContent.css.ts.vanilla-QcDygVUH.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var content = recipeRuntime({base:[{overflow:'hidden'},'_1mdbivv']});
+
+export { content };

package/dist/src/accordion-trigger/AccordionTrigger-css.js

@@ -0,0 +1,8 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-Bk2yaB9b.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{appearance:{primary:'_1o09vno',secondary:'_1nkeqgh'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',p:'xs',pl:'4',rounded:'md',textAlign:'start',w:'full'},'_1u7k1f']});
+
+export { icon, trigger };

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

@@ -0,0 +1,8 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/alert/Alert.css.ts.vanilla-B3AEqy5O.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var alert = recipeRuntime({base:[{alignItems:'start',flexDirection:'row',fontSize:'md',gap:'xs',justifyContent:'space-between',p:'md'}],variants:{colorScheme:{danger:'_138iv5m',neutral:'_1k5o2ry',success:'_5c74qd',warning:'_1m03oox'},variant:{light:[{rounded:'md'},'m0yj11'],solid:'_11ttxe9'}}});
+var icon = recipeRuntime({base:[{h:'16',mt:'4',w:'auto'}],variants:{colorScheme:{danger:'_17rt0kg',neutral:'mjtvoq',success:'_1mcmqlw',warning:'_1kh7dm7'},variant:{light:'pp964x',solid:'yabu0s'}}});
+
+export { alert, icon };

package/dist/src/alert-dialog-content/AlertDialogContent-css.js

@@ -0,0 +1,8 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-udVSBh-F.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'popover'},'_1x7pqvw'],variants:{size:{sm:'k6pdwu',md:'gbecmb',lg:'_1guabg7'}}});
+var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_1wzh4wd']});
+
+export { content, overlay };

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

@@ -0,0 +1,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-DdaPS89z.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var body = recipeRuntime({base:[{fontSize:'md',overflow:'auto',px:'24',py:'16'},'d86d23']});
+
+export { body };

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

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

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

@@ -0,0 +1,10 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-DMfjFOjy.css';
+import './../../assets/src/avatar/Avatar.css.ts.vanilla-CuVCdu8f.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'},'_1depebd'],variants:{colorScheme:{blue:{bg:'blue.500',color:'white'},brand:{bg:'brand.500',color:'white'},dark:{bg:'dark.500',color:'white'},gray:{bg:'gray.500',color:'white'},green:{bg:'green.500',color:'white'},magenta:{bg:'magenta.500',color:'white'},neutral:{bg:'neutral.150',color:'bg.neutral.inverse'},orange:{bg:'orange.500',color:'white'},purple:{bg:'purple.500',color:'white'},red:{bg:'red.500',color:'white'},slate:{bg:'slate.500',color:'white'},yellow:{bg:'yellow.500',color:'white'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_1eorsz0'],sm:[{fontSize:'xs',size:'sm'},'zlg38k'],md:[{fontSize:'md',size:'md'},'k6nnvn'],xl:[{fontSize:'2xl',size:'xl'},'_1rs52v8'],'5xl':[{fontSize:'4xl',size:'5xl'},'_4qeeow']}}});
+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'},xl:{w:'20'},'5xl':{w:'32'}}}});
+
+export { avatar, fallback, icon };

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

@@ -0,0 +1,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-DMfjFOjy.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var avatarGroup = recipeRuntime({base:['feyln4',{display:'flex'}]});
+
+export { avatarGroup };

package/dist/src/axiom-provider/AxiomProvider.js

@@ -0,0 +1,25 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { AxiomVersionContext } from '@optiaxiom/globals';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+import { useContext } from 'react';
+import { version } from '../../package.json.js';
+import { ThemeProvider } from '../theme-provider/ThemeProvider.js';
+import { ToastProvider } from '../toast-provider/ToastProvider.js';
+
+function AxiomProvider({
+  children,
+  toast,
+  tooltip
+}) {
+  const axiom = useContext(AxiomVersionContext);
+  if (axiom) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(AxiomVersionContext.Provider, { value: version, children: /* @__PURE__ */ jsx(RadixTooltip.Provider, { ...tooltip, children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+    children,
+    /* @__PURE__ */ jsx(ToastProvider, { ...toast })
+  ] }) }) });
+}
+AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
+
+export { AxiomProvider };

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

@@ -0,0 +1,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/badge/Badge.css.ts.vanilla-CosWUw11.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',leading:'none',rounded:'full'},'_1bu43ok'],variants:{colorScheme:{danger:'_2kynfh',information:'pmfpxx',neutral:'_19g8kwz',primary:'vjfs97',success:'pmdgor',warning:'_18gfgdi'},variant:{light:'shwo4l',solid:'_1446zch'}}});
+
+export { badge };

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

@@ -0,0 +1,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/box/Box.css.ts.vanilla-DqlsipSp.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var box = recipeRuntime({base:'_1198hky'});
+
+export { box };

package/dist/{box → src/box}/Box.js

@@ -1,8 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import '@fontsource-variable/fira-code';
+import '@optiaxiom/globals/fonts';
 import { Slot } from '@radix-ui/react-slot';
 import clsx from 'clsx';
-import 'inter-ui/inter-variable.css';
 import { createContext, forwardRef, useContext } from 'react';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import { sprinkles } from '../sprinkles/sprinkles-css.js';

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

@@ -0,0 +1,12 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-DMfjFOjy.css';
+import './../../assets/src/button/Button.css.ts.vanilla-D07KX5O9.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var button = recipeRuntime({base:['lqunob',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'ihl5cp'],variants:{colorScheme:{danger:'jfxdkt',neutral:'_1s8g8ar',primary:'rwkj10'},iconOnly:{false:'kd1j6n',true:{}},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_122z9z4',solid:'j3kivp',subtle:'v84144'}},variantsCompounded:[{style:'uh36my',variants:{colorScheme:'neutral',variant:'outline'}},{style:'_1imm4q2',variants:{iconOnly:true,size:'sm'}},{style:'_1ae7ld9',variants:{iconOnly:false,size:'sm'}},{style:'_1wzrkgj',variants:{iconOnly:true,size:'md'}},{style:'jtr6lf',variants:{iconOnly:false,size:'md'}},{style:'_9wnrob',variants:{iconOnly:true,size:'lg'}},{style:'_1lfjkdg',variants:{iconOnly:false,size:'lg'}}]});
+var decorator = recipeRuntime({base:[{transition:'opacity'},'g9qpy6']});
+var icon = recipeRuntime({base:[{h:'auto',w:'20'},{transition:'opacity'},'g9qpy6']});
+var label = recipeRuntime({base:[{flexDirection:'row',gap:'4',mx:'4'},{transition:'opacity'},'g9qpy6']});
+var spinner = recipeRuntime({base:'qmvjp8'});
+
+export { button, decorator, icon, label, spinner };

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

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

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

@@ -0,0 +1,11 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/control-base/ControlBase.css.ts.vanilla-C8TB4dNA.css';
+import './../../assets/src/checkbox/Checkbox.css.ts.vanilla-BjiyKHvy.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var checkbox = recipeRuntime({base:['mv4ood',{color:'white',mt:'2',rounded:'xs',size:'16'},'_415r9d']});
+var iconChecked = recipeRuntime({base:['_75gdbs']});
+var iconIndeterminate = recipeRuntime({base:['_1v2e15r']});
+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/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/code/Code.css.ts.vanilla-sldVXFhO.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var code = recipeRuntime({base:[{bg:'bg.neutral',display:'inline-block',px:'4',rounded:'sm'},'byxp9h']});
+
+export { code };

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/layers/layers.css.ts.vanilla-B7ZZTGQb.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,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/command-item/CommandItem.css.ts.vanilla-ByJWH0yk.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'},'buwolz']});
+
+export { item };

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

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

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

@@ -0,0 +1,10 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/control-base/ControlBase.css.ts.vanilla-C8TB4dNA.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var controlBase = recipeRuntime({base:[{display:'grid'},'cs08zu']});
+var description = recipeRuntime({base:[{fontSize:'sm',pl:'xs'},'bvfw2l']});
+var indicator = recipeRuntime({base:['_1hg12ya','_11dpnzm']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',overflow:'hidden',pl:'xs'},'_166a0ek']});
+
+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,13 +20,13 @@ const ControlBase = forwardRef(
         ...restProps
       }) }),
       /* @__PURE__ */ jsx(Text, { asChild: true, ...label(), children: /* @__PURE__ */ jsx(RadixLabel.Root, { htmlFor: id, children }) }),
-      endDecorator && /* @__PURE__ */ jsx(
+      description$1 && /* @__PURE__ */ jsx(
         Box,
         {
           asChild: true,
           color: props.disabled ? "fg.disabled" : "fg.secondary",
-          ...decorator(),
-          children: fallbackSpan(endDecorator)
+          ...description(),
+          children: fallbackSpan(description$1)
         }
       )
     ] });

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

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

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

@@ -0,0 +1,9 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CzC-Pm9R.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var close = recipeRuntime({base:[{rounded:'full'},'_293z2t']});
+var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'popover'},'_4amn67'],variants:{size:{sm:'qtvk43',md:'kwcx9d',lg:'_1dcu65v'}}});
+var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_173wkvm']});
+
+export { close, content, overlay };

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/layers/layers.css.ts.vanilla-B7ZZTGQb.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/drawer/Drawer-css.js

@@ -0,0 +1,9 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/drawer/Drawer.css.ts.vanilla-CjtQhy6h.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var close = recipeRuntime({base:[{rounded:'full'},'_1q0lv0l']});
+var content = recipeRuntime({base:[{bg:'surface',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'_1ot93ff'],variants:{position:{bottom:[{borderT:'1'},'xyiopr'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'y2civ1'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1hxz962']}}});
+var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_141bpgu']});
+
+export { close, content, overlay };

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/{dropdown-menu-context → src/dropdown-menu-context}/DropdownMenuContext.js

@@ -1,5 +1,5 @@
 import { createContext } from '@radix-ui/react-context';
 
-const [DropdownMenuContextProvider, useDropdownMenuContext] = createContext("Menu");
+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/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/hover-card-content/HoverCardContent-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css';
+import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-D8stDT3z.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'},'dgqkls']});
+
+export { content };