@optiaxiom/react 1.0.1 → 1.0.3

package/dist/esm/packages/react/src/data-table-header-cell/DataTableHeaderCell-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-CfXLzb22.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-4Ki8cozo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'hvhqj2']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'jtursu'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1wio9g1'],variants:{active:{false:'_1dmyoop',true:'_1r8vtd5'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_14fta0m']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'qt76u1'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1f6kwd5'],variants:{active:{false:'_1hmc7qr',true:'_4xt40z'}}});
 
 export { button, handle, icon };

package/dist/esm/packages/react/src/date-input/DateInput-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-Dh7Ttbc1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-iSIgi9uS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({base:'_1l9hcoo'});
+var picker = recipeRuntime({base:'_1tbpcko'});
 
 export { picker };

package/dist/esm/packages/react/src/date-input/DateInput.js

@@ -15,16 +15,31 @@ import { PopoverTrigger } from '../popover-trigger/PopoverTrigger.js';
 import '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import { forceValueChange } from '../utils/forceValueChange.js';
+import { toPlainDate } from '../utils/toPlainDate.js';
+import { toPlainDateTime } from '../utils/toPlainDateTime.js';
 import { picker } from './DateInput-css.js';
-import { parse, format } from './utils.js';
+import { toInstant } from './utils.js';
 
 const DateInput = forwardRef(
-  ({ disabled, holiday, max, min, onChange, weekend, ...props }, outerRef) => {
+  ({
+    disabled,
+    holiday,
+    max,
+    min,
+    onChange,
+    step,
+    type = "date",
+    weekend,
+    ...props
+  }, outerRef) => {
     const [open, setOpen] = useState(false);
+    const hasInteractedOutsideRef = useRef(false);
+    const pickerRef = useRef(null);
     const [value, setValue] = useControllableState({
       defaultProp: props.defaultValue,
       prop: props.value
     });
+    const instant = typeof value === "string" ? toInstant(value.includes("T") ? value : value + "T00:00") : void 0;
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
     const maxDate = max ? new Date(max) : void 0;
@@ -40,6 +55,7 @@ const DateInput = forwardRef(
               "aria-label": "Show date picker",
               hasCustomAnchor: true,
               icon: /* @__PURE__ */ jsx(IconCalendar, {}),
+              ref: pickerRef,
               size: "sm",
               ...picker()
             }
@@ -61,7 +77,8 @@ const DateInput = forwardRef(
             }
           },
           ref,
-          type: "date",
+          step,
+          type,
           ...props
         }
       ) }),
@@ -70,8 +87,17 @@ const DateInput = forwardRef(
         {
           gap: "8",
           onCloseAutoFocus: (event) => {
-            event.preventDefault();
-            innerRef.current?.focus();
+            if (hasInteractedOutsideRef.current) {
+              hasInteractedOutsideRef.current = false;
+            } else {
+              event.preventDefault();
+              innerRef.current?.focus();
+            }
+          },
+          onInteractOutside: (event) => {
+            if (!(event.target instanceof Node && pickerRef.current?.contains(event.target))) {
+              hasInteractedOutsideRef.current = true;
+            }
           },
           children: [
             /* @__PURE__ */ jsx(
@@ -85,27 +111,38 @@ const DateInput = forwardRef(
                     return;
                   }
                   if (innerRef.current) {
-                    forceValueChange(innerRef?.current, format(date));
+                    forceValueChange(
+                      innerRef?.current,
+                      type === "datetime-local" ? toPlainDateTime(date) : toPlainDate(date)
+                    );
+                  }
+                  if (type === "date") {
+                    setOpen(false);
                   }
-                  setOpen(false);
                 },
-                value: parse(value),
+                step,
+                type,
+                value: instant,
                 weekend
               }
             ),
-            /* @__PURE__ */ jsx(Flex, { flexDirection: "row", children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                appearance: "subtle",
-                onClick: () => {
-                  if (innerRef.current) {
-                    forceValueChange(innerRef.current, "");
-                  }
-                  setOpen(false);
-                },
-                children: "Clear"
-              }
-            ) })
+            /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", justifyContent: "space-between", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: () => {
+                    if (innerRef.current) {
+                      forceValueChange(innerRef.current, "");
+                    }
+                    if (type === "date") {
+                      setOpen(false);
+                    }
+                  },
+                  children: "Clear"
+                }
+              ),
+              type === "datetime-local" && /* @__PURE__ */ jsx(Button, { appearance: "primary", onClick: () => setOpen(false), children: "Done" })
+            ] })
           ]
         }
       )

package/dist/esm/packages/react/src/date-input/utils.js

@@ -1,10 +1,7 @@
-function format(date) {
-  return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())).toISOString().split("T")[0];
-}
-function parse(str) {
+function toInstant(str) {
   const rawDate = str && typeof str === "string" ? new Date(str) : void 0;
-  return isValidDate(rawDate) ? new Date(rawDate.getTime() + (/* @__PURE__ */ new Date()).getTimezoneOffset() * 60 * 1e3) : void 0;
+  return isValidDate(rawDate) ? rawDate : void 0;
 }
 const isValidDate = (date) => date ? !isNaN(+date) : false;
 
-export { format, parse };
+export { toInstant };

package/dist/esm/packages/react/src/date-picker/DatePicker.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { DatePickerContextProvider } from '../date-picker-context/DatePickerContext.js';
+import { DatePickerProvider } from '../date-picker-context/DatePickerContext.js';
 import { Popover } from '../popover/Popover.js';
 
 function DatePicker({
@@ -12,6 +12,8 @@ function DatePicker({
   onOpenChange,
   onValueChange,
   open: openProp,
+  step,
+  type = "date",
   value: valueProp,
   ...props
 }) {
@@ -26,10 +28,12 @@ function DatePicker({
     prop: valueProp
   });
   return /* @__PURE__ */ jsx(Popover, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(
-    DatePickerContextProvider,
+    DatePickerProvider,
     {
       disabled,
       setValue,
+      step,
+      type,
       value,
       children
     }

package/dist/esm/packages/react/src/date-picker-content/DatePickerContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-Bw17SkGI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-obBMUM8-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'hhvo11']});
+var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1b918su']});
 
 export { panels };

package/dist/esm/packages/react/src/date-picker-content/DatePickerContent.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { forwardRef, useRef } from 'react';
 import { Calendar } from '../calendar/Calendar.js';
 import { useDatePickerContext } from '../date-picker-context/DatePickerContext.js';
 import { Flex } from '../flex/Flex.js';
@@ -19,18 +19,29 @@ const DatePickerContent = forwardRef(
     weekend,
     ...props
   }, ref) => {
-    const { setValue, value } = useDatePickerContext("DatePickerContent");
+    const { setValue, step, type, value } = useDatePickerContext(
+      "@optiaxiom/react/DatePickerContent"
+    );
+    const panelRef = useRef(null);
     return /* @__PURE__ */ jsxs(PopoverContent, { gap: "8", maxW: void 0, ref, ...props, children: [
-      /* @__PURE__ */ jsxs(Flex, { ...panels(), children: [
+      /* @__PURE__ */ jsxs(Flex, { ref: panelRef, ...panels(), children: [
         addonBefore,
         /* @__PURE__ */ jsx(
           Calendar,
           {
+            alignSelf: "start",
             holiday,
             max,
             min,
+            onHeightChange: (height) => {
+              if (panelRef.current) {
+                panelRef.current.style.height = `${height}px`;
+              }
+            },
             onValueChange: setValue,
+            step,
             today,
+            type,
             value,
             weekend
           }

package/dist/esm/packages/react/src/date-picker-context/DatePickerContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [DatePickerContextProvider, useDatePickerContext] = createContext("DatePicker");
+const [DatePickerProvider, useDatePickerContext] = createContext("@optiaxiom/react/DatePicker");
 
-export { DatePickerContextProvider, useDatePickerContext };
+export { DatePickerProvider, useDatePickerContext };

package/dist/esm/packages/react/src/date-picker-trigger/DatePickerTrigger.js

@@ -10,20 +10,30 @@ import { IconCalendar } from '../icons/IconCalendar.js';
 import { PopoverTrigger } from '../popover-trigger/PopoverTrigger.js';
 import { useFieldLabelTrigger } from '../use-field-label-trigger/useFieldLabelTrigger.js';
 
-const DEFAULT_FORMATTER = (date) => date.toLocaleDateString(void 0, {
+const dateFormatter = new Intl.DateTimeFormat(void 0, {
   day: "numeric",
   month: "short",
   year: "numeric"
 });
+const dateTimeFormatter = new Intl.DateTimeFormat(void 0, {
+  day: "numeric",
+  hour: "numeric",
+  minute: "numeric",
+  month: "short",
+  year: "numeric"
+});
 const DatePickerTrigger = forwardRef(
   ({
     "aria-labelledby": ariaLabelledBy,
     children,
-    format = DEFAULT_FORMATTER,
+    format,
     placeholder = "Pick a date",
     ...props
   }, outerRef) => {
-    const { disabled, value } = useDatePickerContext("DatePickerTrigger");
+    const { disabled, type, value } = useDatePickerContext(
+      "@optiaxiom/react/DatePickerTrigger"
+    );
+    const formatter = format ? { format } : type === "datetime-local" ? dateTimeFormatter : dateFormatter;
     const buttonRef = useRef(null);
     const ref = useComposedRefs(outerRef, buttonRef);
     const labelId = useFieldLabelTrigger(buttonRef, ariaLabelledBy);
@@ -35,7 +45,7 @@ const DatePickerTrigger = forwardRef(
         icon: /* @__PURE__ */ jsx(IconCalendar, {}),
         ref,
         ...props,
-        children: children ?? (value ? format(value) : /* @__PURE__ */ jsx(Box, { color: "fg.tertiary", children: placeholder }))
+        children: children ?? (value ? formatter.format(value) : /* @__PURE__ */ jsx(Box, { color: "fg.tertiary", children: placeholder }))
       }
     );
   }

package/dist/esm/packages/react/src/date-range-picker/DateRangePicker.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { DateRangePickerContextProvider } from '../date-range-picker-context/DateRangePickerContext.js';
+import { DateRangePickerProvider } from '../date-range-picker-context/DateRangePickerContext.js';
 import { Popover } from '../popover/Popover.js';
 
 function DateRangePicker({
@@ -26,7 +26,7 @@ function DateRangePicker({
     prop: valueProp
   });
   return /* @__PURE__ */ jsx(Popover, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(
-    DateRangePickerContextProvider,
+    DateRangePickerProvider,
     {
       disabled,
       setValue,

package/dist/esm/packages/react/src/date-range-picker-content/DateRangePickerContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-MGfoUcbA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-CW_fG4pc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'ynn8r2']});
+var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'ptn1qq']});
 
 export { panels };

package/dist/esm/packages/react/src/date-range-picker-content/DateRangePickerContent.js

@@ -20,7 +20,7 @@ const DateRangePickerContent = forwardRef(
     ...props
   }, ref) => {
     const { setValue, value } = useDateRangePickerContext(
-      "DateRangePickerContent"
+      "@optiaxiom/react/DateRangePickerContent"
     );
     return /* @__PURE__ */ jsxs(PopoverContent, { gap: "8", maxW: void 0, ref, ...props, children: [
       /* @__PURE__ */ jsxs(Flex, { ...panels(), children: [

package/dist/esm/packages/react/src/date-range-picker-context/DateRangePickerContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [DateRangePickerContextProvider, useDateRangePickerContext] = createContext("DateRangePicker");
+const [DateRangePickerProvider, useDateRangePickerContext] = createContext("@optiaxiom/react/DateRangePicker");
 
-export { DateRangePickerContextProvider, useDateRangePickerContext };
+export { DateRangePickerProvider, useDateRangePickerContext };

package/dist/esm/packages/react/src/date-range-picker-trigger/DateRangePickerTrigger.js

@@ -28,7 +28,7 @@ const DateRangePickerTrigger = forwardRef(
     ...props
   }, outerRef) => {
     const { disabled, value } = useDateRangePickerContext(
-      "DateRangePickerTrigger"
+      "@optiaxiom/react/DateRangePickerTrigger"
     );
     const buttonRef = useRef(null);
     const ref = useComposedRefs(outerRef, buttonRef);

package/dist/esm/packages/react/src/dialog/Dialog.js

@@ -2,8 +2,8 @@
 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';
-import { NestedDialogContextProvider } from '../nested-dialog-context/NestedDialogContext.js';
+import { DialogProvider } from '../dialog-context/DialogContext.js';
+import { NestedDialogProvider } from '../nested-dialog-context/NestedDialogContext.js';
 import { useNestedDialogCount } from '../nested-dialog-context/useNestedDialogCount.js';
 
 function Dialog({
@@ -22,14 +22,7 @@ function Dialog({
     "Dialog",
     open
   );
-  return /* @__PURE__ */ jsx(NestedDialogContextProvider, { onCountChange: setNestedDialogCount, children: /* @__PURE__ */ jsx(RadixDialog.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(
-    DialogContextProvider,
-    {
-      nestedDialogCount,
-      open,
-      children
-    }
-  ) }) });
+  return /* @__PURE__ */ jsx(NestedDialogProvider, { onCountChange: setNestedDialogCount, children: /* @__PURE__ */ jsx(RadixDialog.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(DialogProvider, { nestedDialogCount, open, children }) }) });
 }
 Dialog.displayName = "@optiaxiom/react/Dialog";
 

package/dist/esm/packages/react/src/dialog-body/DialogBody-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-fu3h4666.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-CQt9wqEJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'ftyftk']});
+var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'glrdie']});
 
 export { body };

package/dist/esm/packages/react/src/dialog-content/DialogContent-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CiyPX0lq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-Cu1TmZGG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'d50948'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1x1zajw'],variants:{size:{sm:'_14sb8lf',md:'_1m1rgf1',lg:'f0ww25',fullscreen:'_6moa2e'}}});
-var nestedDialogCountVar = 'var(--_1iwstgs)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1b6xmlw'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'arbu4u'],variants:{size:{sm:'_1m2pj4u',md:'_1wv5206',lg:'_1k5n6rs',fullscreen:'_165r8x2'}}});
+var nestedDialogCountVar = 'var(--_157iqh0)';
 
 export { backdrop, content, nestedDialogCountVar };

package/dist/esm/packages/react/src/dialog-content/DialogContent.js

@@ -6,7 +6,7 @@ import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { forwardRef, useRef } from 'react';
 import { Backdrop } from '../backdrop/Backdrop.js';
 import { useDialogContext } from '../dialog-context/DialogContext.js';
-import { ModalContextProvider } from '../modal-context/ModalContext.js';
+import { ModalProvider } from '../modal-context/ModalContext.js';
 import { Paper } from '../paper/Paper.js';
 import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition-group/TransitionGroup.js';
@@ -24,7 +24,9 @@ const DialogContent = forwardRef(
     transitionType = "fade",
     ...props
   }, outerRef) => {
-    const { nestedDialogCount, open } = useDialogContext("DialogContent");
+    const { nestedDialogCount, open } = useDialogContext(
+      "@optiaxiom/react/DialogContent"
+    );
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
     return /* @__PURE__ */ jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsxs(RadixDialog.Portal, { forceMount: true, children: [
@@ -50,7 +52,7 @@ const DialogContent = forwardRef(
           },
           ...content({ size }, className),
           ...props,
-          children: /* @__PURE__ */ jsx(RadixDialog.Content, { ref, children: /* @__PURE__ */ jsx(ModalContextProvider, { shardRef: innerRef, children }) })
+          children: /* @__PURE__ */ jsx(RadixDialog.Content, { ref, children: /* @__PURE__ */ jsx(ModalProvider, { shardRef: innerRef, children }) })
         }
       ) })
     ] }) });

package/dist/esm/packages/react/src/dialog-context/DialogContext.js

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

package/dist/esm/packages/react/src/dialog-footer/DialogFooter-css.js

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

package/dist/esm/packages/react/src/dialog-footer/DialogFooter.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { ButtonContextProvider } from '../button-context/ButtonContext.js';
+import { ButtonProvider } from '../button-context/ButtonContext.js';
 import { Flex } from '../flex/Flex.js';
 import { footer } from './DialogFooter-css.js';
 
 const DialogFooter = forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Flex, { ref, ...footer({}, className), ...props, children: /* @__PURE__ */ jsx(ButtonContextProvider, { size: "lg", children }) });
+    return /* @__PURE__ */ jsx(Flex, { ref, ...footer({}, className), ...props, children: /* @__PURE__ */ jsx(ButtonProvider, { size: "lg", children }) });
   }
 );
 DialogFooter.displayName = "@optiaxiom/react/DialogFooter";

package/dist/esm/packages/react/src/dialog-header/DialogHeader-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DgTTVtjy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-B5IXO-wV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_15qirn3']});
-var close = recipeRuntime({base:['_1l7j8a9']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'pwbspz']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1m18ypk']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_1wlehry']});
+var close = recipeRuntime({base:['_1122gfk']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1eefuhe']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_9qptpm']});
 
 export { actions, close, description, title };

package/dist/esm/packages/react/src/disclosure/Disclosure.js

@@ -6,7 +6,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { DisclosureContextProvider } from '../disclosure-context/DisclosureContext.js';
+import { DisclosureProvider } from '../disclosure-context/DisclosureContext.js';
 
 const Disclosure = forwardRef(
   ({ asChild, children, defaultOpen, onOpenChange, open: openProp, ...props }, ref) => {
@@ -15,7 +15,7 @@ const Disclosure = forwardRef(
       onChange: onOpenChange,
       prop: openProp
     });
-    return /* @__PURE__ */ jsx(DisclosureContextProvider, { open, children: /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.default", fontSize: "md", ref, ...props, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(DisclosureProvider, { open, children: /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.default", fontSize: "md", ref, ...props, children: /* @__PURE__ */ jsx(
       RadixCollapsible.Root,
       {
         asChild,

package/dist/esm/packages/react/src/disclosure-content/DisclosureContent-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-xm0OKFDK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-B0sXxfKM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['_1onppan']});
-var outer = recipeRuntime({base:[{display:'grid'},'_1ybbz09']});
+var inner = recipeRuntime({base:['_98pv6']});
+var outer = recipeRuntime({base:[{display:'grid'},'_1o8dyzy']});
 
 export { inner, outer };

package/dist/esm/packages/react/src/disclosure-content/DisclosureContent.js

@@ -11,7 +11,7 @@ import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 import { outer, inner } from './DisclosureContent-css.js';
 
 const DisclosureContent = forwardRef(({ children, transitionType = "slide", ...props }, ref) => {
-  const { open } = useDisclosureContext("DisclosureContent");
+  const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
   const [skipAnimations, setSkipAnimations] = useState(Boolean(open));
   useEffect(() => {
     if (skipAnimations) {

package/dist/esm/packages/react/src/disclosure-context/DisclosureContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [DisclosureContextProvider, useDisclosureContext] = createContext("Disclosure");
+const [DisclosureProvider, useDisclosureContext] = createContext("@optiaxiom/react/Disclosure");
 
-export { DisclosureContextProvider, useDisclosureContext };
+export { DisclosureProvider, useDisclosureContext };

package/dist/esm/packages/react/src/disclosure-trigger/DisclosureTrigger-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DyTVL2_3.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BtF4kZQF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DVLeQtFY.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-3jfTR6kQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'ssf9gk',start:'_1c1hfyb'}}});
-var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1jxbcav']});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1vlk2tw']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'c27h5q',start:'my6vzb'}}});
+var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'ut4obu']});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_7lrtbr']});
 
 export { icon, root, trigger };

package/dist/esm/packages/react/src/disclosure-trigger/DisclosureTrigger.js

@@ -21,7 +21,7 @@ const DisclosureTrigger = forwardRef(
     className,
     ...props
   }, ref) => {
-    useDisclosureContext("DisclosureTrigger");
+    useDisclosureContext("@optiaxiom/react/DisclosureTrigger");
     return /* @__PURE__ */ jsxs(Flex, { ref, ...root({}, className), ...props, children: [
       addonBefore,
       /* @__PURE__ */ jsx(Flex, { asChild: true, ...trigger(), children: /* @__PURE__ */ jsx(Cover, { asChild: true, children: /* @__PURE__ */ jsxs(RadixCollapsible.Trigger, { children: [

package/dist/esm/packages/react/src/dropdown-menu/DropdownMenu.js

@@ -3,7 +3,7 @@ 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 { useState } from 'react';
-import { DropdownMenuContextProvider } from '../dropdown-menu-context/DropdownMenuContext.js';
+import { DropdownMenuProvider } from '../dropdown-menu-context/DropdownMenuContext.js';
 
 function DropdownMenu({
   children,
@@ -19,7 +19,7 @@ function DropdownMenu({
   });
   const [presence, setPresence] = useState();
   return /* @__PURE__ */ jsx(RadixMenu.Root, { onOpenChange: setOpen, open: open || presence, ...props, children: /* @__PURE__ */ jsx(
-    DropdownMenuContextProvider,
+    DropdownMenuProvider,
     {
       open,
       presence,

package/dist/esm/packages/react/src/dropdown-menu-content/DropdownMenuContent.js

@@ -12,7 +12,7 @@ import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 
 const DropdownMenuContent = forwardRef(({ align = "start", children, loading, ...props }, ref) => {
   const { open, presence, setPresence } = useDropdownMenuContext(
-    "DropdownMenuContent"
+    "@optiaxiom/react/DropdownMenuContent"
   );
   return /* @__PURE__ */ jsx(
     TransitionGroup,

package/dist/esm/packages/react/src/dropdown-menu-context/DropdownMenuContext.js

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