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

package/dist/popover/Popover.js

@@ -3,20 +3,20 @@ import * as RadixPopover from '@radix-ui/react-popover';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { PopoverContextProvider } from '../popover-context/PopoverContext.js';
 
-const Popover = ({
+function Popover({
   children,
   defaultOpen,
   onOpenChange,
   open: openProp,
   ...props
-}) => {
+}) {
   const [open, setOpen] = useControllableState({
     defaultProp: defaultOpen,
     onChange: onOpenChange,
     prop: openProp
   });
   return /* @__PURE__ */ jsx(RadixPopover.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(PopoverContextProvider, { open, children }) });
-};
+}
 Popover.displayName = "@optiaxiom/react/Popover";
 
 export { Popover };

package/dist/radio-group/RadioGroup.js

@@ -3,24 +3,42 @@ import * as RadixRadio from '@radix-ui/react-radio-group';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
-import '../sprinkles/sprinkles-css.js';
+import { mapResponsiveValue } from '../sprinkles/sprinkles-css.js';
 
 const mapDirectionToOrientation = {
   column: "vertical",
   row: "horizontal"
 };
+const mapGapToOrientation = {
+  column: "sm",
+  "column-reverse": "sm",
+  row: "md",
+  "row-reverse": "md"
+};
 const RadioGroup = forwardRef(
   ({ children, flexDirection = "column", ...props }, ref) => {
     const { restProps, sprinkleProps } = extractSprinkles(props);
-    return /* @__PURE__ */ jsx(Flex, { asChild: true, flexDirection, gap: "sm", ...sprinkleProps, children: /* @__PURE__ */ jsx(
-      RadixRadio.RadioGroup,
+    return /* @__PURE__ */ jsx(
+      Flex,
       {
-        orientation: flexDirection === "row" || flexDirection === "column" ? mapDirectionToOrientation[flexDirection] : void 0,
-        ref,
-        ...restProps,
-        children
+        asChild: true,
+        flexDirection,
+        gap: mapResponsiveValue(
+          flexDirection,
+          (value) => mapGapToOrientation[value]
+        ),
+        ...sprinkleProps,
+        children: /* @__PURE__ */ jsx(
+          RadixRadio.RadioGroup,
+          {
+            orientation: flexDirection === "row" || flexDirection === "column" ? mapDirectionToOrientation[flexDirection] : void 0,
+            ref,
+            ...restProps,
+            children
+          }
+        )
       }
-    ) });
+    );
   }
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";

package/dist/radio-group-item/RadioGroupItem-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/control-base/ControlBase.css.ts.vanilla-DGX7Yb9J.css';
 import './../assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-BFZr4-E-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';

package/dist/search-input/SearchInput-css.js

@@ -0,0 +1,8 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
+import './../assets/src/search-input/SearchInput.css.ts.vanilla-BTRVQpev.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var clear = recipeRuntime({base:[{rounded:'full',size:'sm'},'_1gom9xh1']});
+var search = recipeRuntime({base:'_1gom9xh0'});
+
+export { clear, search };

package/dist/{search/Search.js → search-input/SearchInput.js}

@@ -5,9 +5,9 @@ import { Button } from '../button/Button.js';
 import { IconMagnifyingGlass } from '../icons/IconMagnifyingGlass.js';
 import { IconX } from '../icons/IconX.js';
 import { Input } from '../input/Input.js';
-import { clear, search } from './Search-css.js';
+import { clear, search } from './SearchInput-css.js';
 
-const Search = forwardRef(
+const SearchInput = forwardRef(
   ({ className, defaultValue = "", onChange, value: valueProp, ...props }, outerRef) => {
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
@@ -46,7 +46,7 @@ const Search = forwardRef(
     );
   }
 );
-Search.displayName = "@optiaxiom/react/Search";
+SearchInput.displayName = "@optiaxiom/react/SearchInput";
 function forceValueChange(input, value) {
   Object.getOwnPropertyDescriptor(
     input.constructor.prototype,
@@ -55,4 +55,4 @@ function forceValueChange(input, value) {
   input.dispatchEvent(new Event("change", { bubbles: true }));
 }
 
-export { Search };
+export { SearchInput };

package/dist/sprinkles/sprinkles-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/sprinkles/sprinkles.css.ts.vanilla-o1FSIYj0.css';
 import { createMapValueFn } from '@vanilla-extract/sprinkles/createUtils';
 import { createSprinkles } from '@vanilla-extract/sprinkles/createRuntimeSprinkles';

package/dist/styles/theme-css.js

@@ -1,4 +1,4 @@
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 
 var theme = {borderRadius:{xs:'var(--ax-borderRadius-xs)',sm:'var(--ax-borderRadius-sm)',md:'var(--ax-borderRadius-md)',lg:'var(--ax-borderRadius-lg)',xl:'var(--ax-borderRadius-xl)',full:'var(--ax-borderRadius-full)',none:'var(--ax-borderRadius-none)'},borderWidth:{'0':'var(--ax-borderWidth-0)','1':'var(--ax-borderWidth-1)','2':'var(--ax-borderWidth-2)','4':'var(--ax-borderWidth-4)'},boxShadow:{xs:'var(--ax-boxShadow-xs)',sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)',xl:'var(--ax-boxShadow-xl)',inner:'var(--ax-boxShadow-inner)',none:'var(--ax-boxShadow-none)'},colors:{current:'var(--ax-colors-current)',transparent:'var(--ax-colors-transparent)',black:'var(--ax-colors-black)',white:'var(--ax-colors-white)','aqua.50':'var(--ax-colors-aqua-50)','aqua.200':'var(--ax-colors-aqua-200)','aqua.500':'var(--ax-colors-aqua-500)','aqua.600':'var(--ax-colors-aqua-600)','blue.50':'var(--ax-colors-blue-50)','blue.200':'var(--ax-colors-blue-200)','blue.500':'var(--ax-colors-blue-500)','blue.600':'var(--ax-colors-blue-600)','blue.900':'var(--ax-colors-blue-900)','brand.50':'var(--ax-colors-brand-50)','brand.100':'var(--ax-colors-brand-100)','brand.200':'var(--ax-colors-brand-200)','brand.300':'var(--ax-colors-brand-300)','brand.400':'var(--ax-colors-brand-400)','brand.500':'var(--ax-colors-brand-500)','brand.600':'var(--ax-colors-brand-600)','brand.700':'var(--ax-colors-brand-700)','brand.800':'var(--ax-colors-brand-800)','brand.900':'var(--ax-colors-brand-900)','dark.50':'var(--ax-colors-dark-50)','dark.200':'var(--ax-colors-dark-200)','dark.500':'var(--ax-colors-dark-500)','dark.600':'var(--ax-colors-dark-600)','gray.50':'var(--ax-colors-gray-50)','gray.100':'var(--ax-colors-gray-100)','gray.200':'var(--ax-colors-gray-200)','gray.300':'var(--ax-colors-gray-300)','gray.400':'var(--ax-colors-gray-400)','gray.500':'var(--ax-colors-gray-500)','gray.600':'var(--ax-colors-gray-600)','gray.700':'var(--ax-colors-gray-700)','gray.800':'var(--ax-colors-gray-800)','gray.900':'var(--ax-colors-gray-900)','green.50':'var(--ax-colors-green-50)','green.100':'var(--ax-colors-green-100)','green.200':'var(--ax-colors-green-200)','green.300':'var(--ax-colors-green-300)','green.400':'var(--ax-colors-green-400)','green.500':'var(--ax-colors-green-500)','green.600':'var(--ax-colors-green-600)','green.700':'var(--ax-colors-green-700)','green.800':'var(--ax-colors-green-800)','green.900':'var(--ax-colors-green-900)','magenta.50':'var(--ax-colors-magenta-50)','magenta.200':'var(--ax-colors-magenta-200)','magenta.500':'var(--ax-colors-magenta-500)','magenta.600':'var(--ax-colors-magenta-600)','neutral.50':'var(--ax-colors-neutral-50)','neutral.75':'var(--ax-colors-neutral-75)','neutral.100':'var(--ax-colors-neutral-100)','neutral.150':'var(--ax-colors-neutral-150)','neutral.200':'var(--ax-colors-neutral-200)','neutral.300':'var(--ax-colors-neutral-300)','neutral.500':'var(--ax-colors-neutral-500)','neutral.600':'var(--ax-colors-neutral-600)','neutral.700':'var(--ax-colors-neutral-700)','neutral.800':'var(--ax-colors-neutral-800)','neutral.900':'var(--ax-colors-neutral-900)','neutral.1000':'var(--ax-colors-neutral-1000)','neutral.1100':'var(--ax-colors-neutral-1100)','neutral.1200':'var(--ax-colors-neutral-1200)','neutral.50/6':'var(--ax-colors-neutral-50-6)','neutral.50/32':'var(--ax-colors-neutral-50-32)','neutral.1200/4':'var(--ax-colors-neutral-1200-4)','neutral.1200/12':'var(--ax-colors-neutral-1200-12)','neutral.1200/18':'var(--ax-colors-neutral-1200-18)','neutral.1200/22':'var(--ax-colors-neutral-1200-22)','neutral.1200/32':'var(--ax-colors-neutral-1200-32)','orange.50':'var(--ax-colors-orange-50)','orange.200':'var(--ax-colors-orange-200)','orange.500':'var(--ax-colors-orange-500)','orange.600':'var(--ax-colors-orange-600)','purple.50':'var(--ax-colors-purple-50)','purple.200':'var(--ax-colors-purple-200)','purple.500':'var(--ax-colors-purple-500)','purple.600':'var(--ax-colors-purple-600)','purple.900':'var(--ax-colors-purple-900)','red.50':'var(--ax-colors-red-50)','red.100':'var(--ax-colors-red-100)','red.200':'var(--ax-colors-red-200)','red.300':'var(--ax-colors-red-300)','red.400':'var(--ax-colors-red-400)','red.500':'var(--ax-colors-red-500)','red.600':'var(--ax-colors-red-600)','red.700':'var(--ax-colors-red-700)','red.800':'var(--ax-colors-red-800)','red.900':'var(--ax-colors-red-900)','slate.50':'var(--ax-colors-slate-50)','slate.100':'var(--ax-colors-slate-100)','slate.200':'var(--ax-colors-slate-200)','slate.300':'var(--ax-colors-slate-300)','slate.400':'var(--ax-colors-slate-400)','slate.500':'var(--ax-colors-slate-500)','slate.600':'var(--ax-colors-slate-600)','slate.700':'var(--ax-colors-slate-700)','slate.800':'var(--ax-colors-slate-800)','slate.900':'var(--ax-colors-slate-900)','slate.950':'var(--ax-colors-slate-950)','yellow.50':'var(--ax-colors-yellow-50)','yellow.100':'var(--ax-colors-yellow-100)','yellow.200':'var(--ax-colors-yellow-200)','yellow.300':'var(--ax-colors-yellow-300)','yellow.400':'var(--ax-colors-yellow-400)','yellow.500':'var(--ax-colors-yellow-500)','yellow.600':'var(--ax-colors-yellow-600)','yellow.700':'var(--ax-colors-yellow-700)','yellow.800':'var(--ax-colors-yellow-800)','yellow.900':'var(--ax-colors-yellow-900)','bg.brand':'var(--ax-colors-bg-brand)','bg.brand.solid':'var(--ax-colors-bg-brand-solid)','bg.brand.solid.hover':'var(--ax-colors-bg-brand-solid-hover)','bg.disabled':'var(--ax-colors-bg-disabled)','bg.discovery':'var(--ax-colors-bg-discovery)','bg.error':'var(--ax-colors-bg-error)','bg.error.solid':'var(--ax-colors-bg-error-solid)','bg.error.solid.hover':'var(--ax-colors-bg-error-solid-hover)','bg.information':'var(--ax-colors-bg-information)','bg.information.solid':'var(--ax-colors-bg-information-solid)','bg.input.disabled':'var(--ax-colors-bg-input-disabled)','bg.neutral':'var(--ax-colors-bg-neutral)','bg.neutral.inverse':'var(--ax-colors-bg-neutral-inverse)','bg.neutral.inverse.hover':'var(--ax-colors-bg-neutral-inverse-hover)','bg.neutral.solid':'var(--ax-colors-bg-neutral-solid)','bg.neutral.solid.hover':'var(--ax-colors-bg-neutral-solid-hover)','bg.success':'var(--ax-colors-bg-success)','bg.success.solid':'var(--ax-colors-bg-success-solid)','bg.success.solid.hover':'var(--ax-colors-bg-success-solid-hover)','bg.warning':'var(--ax-colors-bg-warning)','bg.warning.solid':'var(--ax-colors-bg-warning-solid)','bg.warning.solid.hover':'var(--ax-colors-bg-warning-solid-hover)','border.active':'var(--ax-colors-border-active)','border.active.hover':'var(--ax-colors-border-active-hover)','border.brand':'var(--ax-colors-border-brand)','border.default':'var(--ax-colors-border-default)','border.disabled':'var(--ax-colors-border-disabled)','border.error':'var(--ax-colors-border-error)','border.secondary':'var(--ax-colors-border-secondary)','border.success':'var(--ax-colors-border-success)','border.tertiary':'var(--ax-colors-border-tertiary)','border.warning':'var(--ax-colors-border-warning)','fg.accent.blue':'var(--ax-colors-fg-accent-blue)','fg.accent.magenta':'var(--ax-colors-fg-accent-magenta)','fg.accent.purple':'var(--ax-colors-fg-accent-purple)','fg.accent.red':'var(--ax-colors-fg-accent-red)','fg.brand':'var(--ax-colors-fg-brand)','fg.default':'var(--ax-colors-fg-default)','fg.default.inverse':'var(--ax-colors-fg-default-inverse)','fg.disabled':'var(--ax-colors-fg-disabled)','fg.error':'var(--ax-colors-fg-error)','fg.information':'var(--ax-colors-fg-information)','fg.link':'var(--ax-colors-fg-link)','fg.link.hover':'var(--ax-colors-fg-link-hover)','fg.link.visited':'var(--ax-colors-fg-link-visited)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.success':'var(--ax-colors-fg-success)','fg.tertiary':'var(--ax-colors-fg-tertiary)','fg.warning':'var(--ax-colors-fg-warning)','outline.brand':'var(--ax-colors-outline-brand)',overlay:'var(--ax-colors-overlay)',surface:'var(--ax-colors-surface)'},fontFamily:{mono:'var(--ax-fontFamily-mono)',sans:'var(--ax-fontFamily-sans)'},fontSize:{xs:{fontSize:'var(--ax-fontSize-xs-fontSize)',lineHeight:'var(--ax-fontSize-xs-lineHeight)'},sm:{fontSize:'var(--ax-fontSize-sm-fontSize)',lineHeight:'var(--ax-fontSize-sm-lineHeight)'},md:{fontSize:'var(--ax-fontSize-md-fontSize)',lineHeight:'var(--ax-fontSize-md-lineHeight)'},lg:{fontSize:'var(--ax-fontSize-lg-fontSize)',lineHeight:'var(--ax-fontSize-lg-lineHeight)'},xl:{fontSize:'var(--ax-fontSize-xl-fontSize)',lineHeight:'var(--ax-fontSize-xl-lineHeight)'},'2xl':{fontSize:'var(--ax-fontSize-2xl-fontSize)',lineHeight:'var(--ax-fontSize-2xl-lineHeight)'},'3xl':{fontSize:'var(--ax-fontSize-3xl-fontSize)',lineHeight:'var(--ax-fontSize-3xl-lineHeight)'},'4xl':{fontSize:'var(--ax-fontSize-4xl-fontSize)',lineHeight:'var(--ax-fontSize-4xl-lineHeight)'},'5xl':{fontSize:'var(--ax-fontSize-5xl-fontSize)',lineHeight:'var(--ax-fontSize-5xl-lineHeight)'},'6xl':{fontSize:'var(--ax-fontSize-6xl-fontSize)',lineHeight:'var(--ax-fontSize-6xl-lineHeight)'},'7xl':{fontSize:'var(--ax-fontSize-7xl-fontSize)',lineHeight:'var(--ax-fontSize-7xl-lineHeight)'}},letterSpacing:{tighter:'var(--ax-letterSpacing-tighter)',tight:'var(--ax-letterSpacing-tight)',normal:'var(--ax-letterSpacing-normal)',wide:'var(--ax-letterSpacing-wide)',wider:'var(--ax-letterSpacing-wider)',widest:'var(--ax-letterSpacing-widest)'},lineHeight:{none:'var(--ax-lineHeight-none)',tight:'var(--ax-lineHeight-tight)',normal:'var(--ax-lineHeight-normal)',loose:'var(--ax-lineHeight-loose)'},margins:{'0':'var(--ax-margins-0)','2':'var(--ax-margins-2)','4':'var(--ax-margins-4)','6':'var(--ax-margins-6)','8':'var(--ax-margins-8)','10':'var(--ax-margins-10)','12':'var(--ax-margins-12)','16':'var(--ax-margins-16)','20':'var(--ax-margins-20)','24':'var(--ax-margins-24)','32':'var(--ax-margins-32)','48':'var(--ax-margins-48)','64':'var(--ax-margins-64)','80':'var(--ax-margins-80)',xs:'var(--ax-margins-xs)',sm:'var(--ax-margins-sm)',md:'var(--ax-margins-md)',lg:'var(--ax-margins-lg)',xl:'var(--ax-margins-xl)','-xs':'var(--ax-margins--xs)','-sm':'var(--ax-margins--sm)','-md':'var(--ax-margins--md)','-lg':'var(--ax-margins--lg)','-xl':'var(--ax-margins--xl)','-2':'var(--ax-margins--2)','-4':'var(--ax-margins--4)','-6':'var(--ax-margins--6)','-8':'var(--ax-margins--8)','-10':'var(--ax-margins--10)','-12':'var(--ax-margins--12)','-16':'var(--ax-margins--16)','-24':'var(--ax-margins--24)','-32':'var(--ax-margins--32)','-48':'var(--ax-margins--48)','-64':'var(--ax-margins--64)','-80':'var(--ax-margins--80)'},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)',xl:'var(--ax-maxSize-xl)','2xl':'var(--ax-maxSize-2xl)',full:'var(--ax-maxSize-full)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)',lg:'var(--ax-screens-lg)'},size:{'0':'var(--ax-size-0)','1':'var(--ax-size-1)','2':'var(--ax-size-2)','4':'var(--ax-size-4)','6':'var(--ax-size-6)','8':'var(--ax-size-8)','12':'var(--ax-size-12)','16':'var(--ax-size-16)','20':'var(--ax-size-20)','24':'var(--ax-size-24)','32':'var(--ax-size-32)','40':'var(--ax-size-40)','48':'var(--ax-size-48)','56':'var(--ax-size-56)','64':'var(--ax-size-64)','80':'var(--ax-size-80)','96':'var(--ax-size-96)','112':'var(--ax-size-112)','128':'var(--ax-size-128)','144':'var(--ax-size-144)','160':'var(--ax-size-160)','176':'var(--ax-size-176)','192':'var(--ax-size-192)','208':'var(--ax-size-208)','224':'var(--ax-size-224)','240':'var(--ax-size-240)','256':'var(--ax-size-256)','288':'var(--ax-size-288)','320':'var(--ax-size-320)','384':'var(--ax-size-384)',xs:'var(--ax-size-xs)',sm:'var(--ax-size-sm)',md:'var(--ax-size-md)',lg:'var(--ax-size-lg)',xl:'var(--ax-size-xl)','5xl':'var(--ax-size-5xl)','1/2':'var(--ax-size-1-2)','1/3':'var(--ax-size-1-3)','2/3':'var(--ax-size-2-3)','1/4':'var(--ax-size-1-4)','2/4':'var(--ax-size-2-4)','3/4':'var(--ax-size-3-4)',auto:'var(--ax-size-auto)',fit:'var(--ax-size-fit)',full:'var(--ax-size-full)',max:'var(--ax-size-max)',min:'var(--ax-size-min)'},spacing:{'0':'var(--ax-spacing-0)','2':'var(--ax-spacing-2)','4':'var(--ax-spacing-4)','6':'var(--ax-spacing-6)','8':'var(--ax-spacing-8)','10':'var(--ax-spacing-10)','12':'var(--ax-spacing-12)','16':'var(--ax-spacing-16)','20':'var(--ax-spacing-20)','24':'var(--ax-spacing-24)','32':'var(--ax-spacing-32)','48':'var(--ax-spacing-48)','64':'var(--ax-spacing-64)','80':'var(--ax-spacing-80)',xs:'var(--ax-spacing-xs)',sm:'var(--ax-spacing-sm)',md:'var(--ax-spacing-md)',lg:'var(--ax-spacing-lg)',xl:'var(--ax-spacing-xl)'},zIndex:{'0':'var(--ax-zIndex-0)','10':'var(--ax-zIndex-10)','20':'var(--ax-zIndex-20)','30':'var(--ax-zIndex-30)','40':'var(--ax-zIndex-40)','50':'var(--ax-zIndex-50)',auto:'var(--ax-zIndex-auto)',popover:'var(--ax-zIndex-popover)',toast:'var(--ax-zIndex-toast)'}};
 

package/dist/switch/Switch-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/control-base/ControlBase.css.ts.vanilla-DGX7Yb9J.css';
 import './../assets/src/switch/Switch.css.ts.vanilla-BMfNlTAt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';

package/dist/table-cell/TableCell-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/table-row/TableRow.css.ts.vanilla-4BGjgIuZ.css';
 import './../assets/src/table-cell/TableCell.css.ts.vanilla-Bn9ccAMh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';

package/dist/tabs-list/TabsList-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/tabs-list/TabsList.css.ts.vanilla-B8IFbvV2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/tabs-trigger/TabsTrigger-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-CCcsbANV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/toast/Toast-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/toast-provider/ToastProvider.css.ts.vanilla-C2Olq0Jl.css';
 import './../assets/src/toast/Toast.css.ts.vanilla-D1qN8JIH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';

package/dist/transition/Transition.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef, useState, useEffect } from 'react';
-import '../animate-presence/PresenceContext.js';
+import '../animate-presence/AnimatePresence.js';
 import { usePresence } from '../animate-presence/usePresence.js';
 import { transitionDuration, transition } from './Transition-css.js';
 

package/dist/unstable.d.ts

@@ -1,10 +1,54 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import { B as BoxProps, S as Sprinkles, L as Link, P as Popover, b as PopoverContent } from './PopoverContent-DHQm-nPQ.js';
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithRef } from 'react';
-import { B as BoxProps, P as Popover, S as Sprinkles, b as PopoverContent } from './PopoverContent-DIhLXmjU.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import '@radix-ui/react-popover';
 import '@vanilla-extract/sprinkles';
 
+type BreadcrumbProps = BoxProps<"nav">;
+declare const Breadcrumb: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLElement>>;
+
+type BreadcrumbEllipsisProps = BoxProps<"span">;
+declare function BreadcrumbEllipsis({ ...props }: BreadcrumbEllipsisProps): react_jsx_runtime.JSX.Element;
+declare namespace BreadcrumbEllipsis {
+    var displayName: string;
+}
+
+type BreadcrumbItemProps = BoxProps<"li">;
+declare const BreadcrumbItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLLIElement>>;
+
+type BreadcrumbLinkProps = BoxProps<typeof Link>;
+declare const BreadcrumbLink: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    disabled?: boolean;
+    external?: boolean;
+} & {
+    colorScheme?: "neutral" | "primary" | "secondary" | undefined;
+} & react.RefAttributes<HTMLAnchorElement>, "ref">, "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "asChild" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLAnchorElement>>;
+
+type BreadcrumbPageProps = BoxProps<"span">;
+declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLSpanElement>>;
+
+type BreadcrumbSeparatorProps = BoxProps<"span">;
+declare function BreadcrumbSeparator({ asChild, children, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
+declare namespace BreadcrumbSeparator {
+    var displayName: string;
+}
+
 type ComboBoxProps = BoxProps<typeof Popover, {
     children: ReactNode;
     defaultOpen?: boolean;
@@ -15,10 +59,10 @@ type ComboBoxProps = BoxProps<typeof Popover, {
     open?: boolean;
     value?: string | string[];
 }>;
-declare const Combobox: {
-    ({ children, defaultOpen, defaultValue, mode, onOpenChange, onValueChange, open: openProp, value: valueProp, }: Partial<ComboBoxProps>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+declare function Combobox({ children, defaultOpen, defaultValue, mode, onOpenChange, onValueChange, open: openProp, value: valueProp, }: Partial<ComboBoxProps>): react_jsx_runtime.JSX.Element;
+declare namespace Combobox {
+    var displayName: string;
+}
 
 declare const Command: react.ForwardRefExoticComponent<Omit<Omit<{
     children?: react.ReactNode;
@@ -53,7 +97,7 @@ declare const ComboboxMultiTrigger: react.ForwardRefExoticComponent<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    appearance?: "default" | "primary" | "secondary" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     endDecorator?: react.ReactNode;
@@ -62,7 +106,7 @@ declare const ComboboxMultiTrigger: react.ForwardRefExoticComponent<{
     loading?: boolean;
     startDecorator?: react.ReactNode;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    colorScheme?: "neutral" | "primary" | "danger" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
@@ -70,7 +114,7 @@ declare const ComboboxMultiTrigger: react.ForwardRefExoticComponent<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    appearance?: "default" | "primary" | "secondary" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     endDecorator?: react.ReactNode;
@@ -79,7 +123,7 @@ declare const ComboboxMultiTrigger: react.ForwardRefExoticComponent<{
     loading?: boolean;
     startDecorator?: react.ReactNode;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    colorScheme?: "neutral" | "primary" | "danger" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
@@ -90,7 +134,7 @@ declare const ComboboxMultiTrigger: react.ForwardRefExoticComponent<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    appearance?: "default" | "primary" | "secondary" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     endDecorator?: react.ReactNode;
@@ -99,7 +143,7 @@ declare const ComboboxMultiTrigger: react.ForwardRefExoticComponent<{
     loading?: boolean;
     startDecorator?: react.ReactNode;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    colorScheme?: "neutral" | "primary" | "danger" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
@@ -109,7 +153,7 @@ declare const ComboboxSingleTrigger: react.ForwardRefExoticComponent<Omit<Omit<O
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    appearance?: "default" | "primary" | "secondary" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     endDecorator?: react.ReactNode;
@@ -118,7 +162,7 @@ declare const ComboboxSingleTrigger: react.ForwardRefExoticComponent<Omit<Omit<O
     loading?: boolean;
     startDecorator?: react.ReactNode;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    colorScheme?: "neutral" | "primary" | "danger" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
@@ -126,7 +170,7 @@ declare const ComboboxSingleTrigger: react.ForwardRefExoticComponent<Omit<Omit<O
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    appearance?: "default" | "primary" | "secondary" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     endDecorator?: react.ReactNode;
@@ -135,7 +179,7 @@ declare const ComboboxSingleTrigger: react.ForwardRefExoticComponent<Omit<Omit<O
     loading?: boolean;
     startDecorator?: react.ReactNode;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    colorScheme?: "neutral" | "primary" | "danger" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
@@ -146,7 +190,7 @@ declare const ComboboxSingleTrigger: react.ForwardRefExoticComponent<Omit<Omit<O
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    appearance?: "default" | "primary" | "secondary" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     endDecorator?: react.ReactNode;
@@ -155,7 +199,7 @@ declare const ComboboxSingleTrigger: react.ForwardRefExoticComponent<Omit<Omit<O
     loading?: boolean;
     startDecorator?: react.ReactNode;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    colorScheme?: "neutral" | "primary" | "danger" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
@@ -165,7 +209,7 @@ declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Om
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    appearance?: "default" | "primary" | "secondary" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     endDecorator?: react.ReactNode;
@@ -174,7 +218,7 @@ declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Om
     loading?: boolean;
     startDecorator?: react.ReactNode;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    colorScheme?: "neutral" | "primary" | "danger" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
@@ -182,7 +226,7 @@ declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Om
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    appearance?: "default" | "primary" | "secondary" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     endDecorator?: react.ReactNode;
@@ -191,7 +235,7 @@ declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Om
     loading?: boolean;
     startDecorator?: react.ReactNode;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    colorScheme?: "neutral" | "primary" | "danger" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
@@ -315,7 +359,7 @@ declare const Pill: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.De
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    appearance?: "default" | "inverse" | "danger" | "primary" | "danger-outline" | "secondary";
+    appearance?: "default" | "primary" | "secondary" | "inverse" | "danger" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     endDecorator?: react.ReactNode;
@@ -324,7 +368,7 @@ declare const Pill: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.De
     loading?: boolean;
     startDecorator?: react.ReactNode;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    colorScheme?: "neutral" | "primary" | "danger" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
@@ -367,4 +411,4 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLTableRowElement>>;
 
-export { Combobox, ComboboxContent, ComboboxMultiTrigger, ComboboxSingleTrigger, ComboboxTrigger, Command, CommandCheckboxItem, CommandEmpty, CommandFooter, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Pill, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };
+export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Combobox, ComboboxContent, ComboboxMultiTrigger, ComboboxSingleTrigger, ComboboxTrigger, Command, CommandCheckboxItem, CommandEmpty, CommandFooter, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Pill, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };

package/dist/unstable.js

@@ -1,3 +1,9 @@
+export { Breadcrumb } from './breadcrumb/Breadcrumb.js';
+export { BreadcrumbEllipsis } from './breadcrumb-ellipsis/BreadcrumbEllipsis.js';
+export { BreadcrumbItem } from './breadcrumb-item/BreadcrumbItem.js';
+export { BreadcrumbLink } from './breadcrumb-link/BreadcrumbLink.js';
+export { BreadcrumbPage } from './breadcrumb-page/BreadcrumbPage.js';
+export { BreadcrumbSeparator } from './breadcrumb-separator/BreadcrumbSeparator.js';
 export { Combobox } from './combobox/Combobox.js';
 export { ComboboxContent } from './combobox-content/ComboboxContent.js';
 export { ComboboxMultiTrigger } from './combobox-multi-trigger/ComboboxMultiTrigger.js';

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.1.0-next.14",
+  "version": "0.1.0-next.15",
   "files": [
     "dist/**",
     "LICENSE"
@@ -27,8 +27,8 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@fontsource-variable/fira-code": "^5.0.18",
-    "@mantine/hooks": "^7.12.0",
+    "@fontsource-variable/fira-code": "^5.0.20",
+    "@mantine/hooks": "^7.12.2",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-alert-dialog": "^1.1.1",
     "@radix-ui/react-arrow": "^1.1.0",
@@ -58,16 +58,16 @@
     "@radix-ui/react-use-controllable-state": "^1.1.0",
     "@radix-ui/react-visually-hidden": "^1.1.0",
     "@reach/auto-id": "^0.18.0",
-    "@vanilla-extract/sprinkles": "^1.6.2",
+    "@vanilla-extract/sprinkles": "^1.6.3",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
     "inter-ui": "^4.0.2",
-    "jotai": "^2.9.1",
+    "jotai": "^2.9.3",
     "react-textarea-autosize": "^8.5.3"
   },
   "devDependencies": {
-    "@types/node": "^20.14.12",
-    "@vanilla-extract/css": "^1.15.3",
+    "@types/node": "^20.16.5",
+    "@vanilla-extract/css": "^1.15.5",
     "@optiaxiom/shared": "^0.0.0"
   },
   "peerDependencies": {

package/dist/alert-dialog/AlertDialog-css.js

@@ -1,8 +0,0 @@
-import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/alert-dialog/AlertDialog.css.ts.vanilla-CpKGfNgS.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'popover'},'ot5vc20'],variants:{size:{sm:'ot5vc21',md:'ot5vc22',lg:'ot5vc23'}}});
-var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'ot5vc24']});
-
-export { content, overlay };

package/dist/assets/src/menu-item/MenuItem.css.ts.vanilla-BjEdkhqZ.css

@@ -1,30 +0,0 @@
-@layer optiaxiom._1kfj4ga1;
-@layer optiaxiom._1kfj4ga1 {
-  .p3nms82 {
-    user-select: none;
-  }
-  .p3nms82:focus-visible {
-    outline: 2px solid transparent;
-  }
-  .p3nms82:not([data-disabled]) {
-    color: var(--p3nms81);
-    cursor: pointer;
-  }
-  .p3nms82:not([data-disabled])[data-highlighted] {
-    background-color: var(--p3nms80);
-  }
-  .p3nms82:not([data-disabled])[data-highlighted]:active {
-    background-color: var(--ax-colors-neutral-1200-12);
-  }
-  .p3nms82[data-disabled] {
-    color: var(--ax-colors-fg-disabled);
-  }
-  .p3nms83 {
-    --p3nms81: var(--ax-colors-fg-error);
-    --p3nms80: var(--ax-colors-bg-error);
-  }
-  .p3nms84 {
-    --p3nms81: var(--ax-colors-fg-default);
-    --p3nms80: var(--ax-colors-bg-input-disabled);
-  }
-}

package/dist/breadcrumbs/useBreadcrumbItems.js

@@ -1,35 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useMemo, Children, isValidElement } from 'react';
-import { BreadcrumbItem } from '../breadcrumb-item/BreadcrumbItem.js';
-import { Menu } from '../menu/Menu.js';
-import { MenuContent } from '../menu-content/MenuContent.js';
-import { MenuItem } from '../menu-item/MenuItem.js';
-import { MenuTrigger } from '../menu-trigger/MenuTrigger.js';
-
-const useBreadcrumbItems = (children, maxItems, separator) => {
-  const visibleItems = useMemo(() => {
-    const childrenArray = Children.toArray(children).filter((child) => isValidElement(child)).filter((child) => child.type === BreadcrumbItem);
-    if (!maxItems || childrenArray.length <= maxItems) {
-      return childrenArray;
-    }
-    const leftItems = Math.floor(maxItems / 2);
-    const rightItems = Math.ceil(maxItems / 2);
-    return [
-      ...childrenArray.slice(0, leftItems),
-      /* @__PURE__ */ jsxs(Menu, { children: [
-        /* @__PURE__ */ jsx(MenuTrigger, { appearance: "secondary", icon: void 0, size: "sm", children: "..." }),
-        /* @__PURE__ */ jsx(MenuContent, { side: "bottom", children: childrenArray.slice(leftItems, -rightItems).map((item, index) => /* @__PURE__ */ jsx(MenuItem, { children: item }, item.props.href || index)) })
-      ] }, "ellipsis"),
-      ...childrenArray.slice(childrenArray.length - rightItems)
-    ];
-  }, [children, maxItems]);
-  return visibleItems.reduce((acc, item, index) => {
-    if (index !== 0) {
-      acc.push(separator);
-    }
-    acc.push(item);
-    return acc;
-  }, []);
-};
-
-export { useBreadcrumbItems };

package/dist/menu-context/MenuContext.js

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

package/dist/menu-item/MenuItem-css.js

@@ -1,8 +0,0 @@
-import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
-import './../assets/src/menu-item/MenuItem.css.ts.vanilla-BjEdkhqZ.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'p3nms82'],variants:{colorScheme:{danger:'p3nms83',neutral:'p3nms84'}}});
-
-export { item };

package/dist/menu-separator/MenuSeparator.js

@@ -1,11 +0,0 @@
-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 MenuSeparator = forwardRef(
-  (props, ref) => /* @__PURE__ */ jsx(Separator, { asChild: true, bg: "border.secondary", mx: "-4", my: "2", ...props, children: /* @__PURE__ */ jsx(RadixMenu.Separator, { ref }) })
-);
-MenuSeparator.displayName = "@optiaxiom/react/MenuSeparator";
-
-export { MenuSeparator };