@optiaxiom/react 1.0.2 → 1.1.0

package/dist/esm/packages/react/src/data-table-context/DataTableContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [DataTableContextProvider, useDataTableContext] = createContext("DataTable");
+const [DataTableProvider, useDataTableContext] = createContext("@optiaxiom/react/DataTable");
 
-export { DataTableContextProvider, useDataTableContext };
+export { DataTableProvider, useDataTableContext };

package/dist/esm/packages/react/src/data-table-footer/DataTableFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-DV0TYHds.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-B7XSi-el.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_17o6sfb',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = recipeRuntime({base:'bxd4en',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 export { addon };

package/dist/esm/packages/react/src/data-table-footer/DataTableFooter.js

@@ -18,7 +18,7 @@ import { addon } from './DataTableFooter-css.js';
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"];
 const DataTableFooter = forwardRef(
   ({ pageSizeOptions = DEFAULT_PAGE_SIZES, showPageSizeOptions, ...props }, ref) => {
-    const { table } = useDataTableContext("DataTableFooter");
+    const { table } = useDataTableContext("@optiaxiom/react/DataTableFooter");
     const { pagination } = table.getState();
     const pageSizeId = useId();
     return /* @__PURE__ */ jsxs(
@@ -26,6 +26,7 @@ const DataTableFooter = forwardRef(
       {
         alignSelf: "stretch",
         flexDirection: "row",
+        fontSize: "md",
         justifyContent: "space-between",
         mt: "auto",
         ref,

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-6xLEkHBd.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-CQes1rIJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-BnZgXHK7.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'},'i36ohh']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'tft6v7'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_76b24g'],variants:{active:{false:'dds9wk',true:'iweeh1'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1n20p99']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'bad435'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'j2cnd9'],variants:{active:{false:'_1a5sce4',true:'dg1py2'}}});
 
 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-6xLEkHBd.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-B0e6Oo6W.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-COGhbDU6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({base:'_114qqkw'});
+var picker = recipeRuntime({base:'_1ru8rxk'});
 
 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,18 +1,7 @@
-import '../utils/conditions.js';
-import '@radix-ui/react-slot';
-import 'react';
-import 'react/jsx-runtime';
-import { toLocalDate } from '../utils/toLocalDate.js';
-
-function format(date) {
-  return toLocalDate(date).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() + new Date(rawDate).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({
@@ -28,7 +28,7 @@ function DatePicker({
     prop: valueProp
   });
   return /* @__PURE__ */ jsx(Popover, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(
-    DatePickerContextProvider,
+    DatePickerProvider,
     {
       disabled,
       setValue,

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-5QVFlo3i.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-C1UbsQ3R.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_179iirr'],variants:{height:{sm:'_38aklq',lg:'_3286bq'}}});
+var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1o3h4ao']});
 
 export { panels };

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

@@ -1,15 +1,10 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState, useEffect } from 'react';
+import { forwardRef, useRef } from 'react';
 import { Calendar } from '../calendar/Calendar.js';
-import { Clock } from '../clock/Clock.js';
 import { useDatePickerContext } from '../date-picker-context/DatePickerContext.js';
 import { Flex } from '../flex/Flex.js';
 import { PopoverContent } from '../popover-content/PopoverContent.js';
-import { usePopoverContext } from '../popover-context/PopoverContext.js';
-import '../utils/conditions.js';
-import '@radix-ui/react-slot';
-import { toLocalDate } from '../utils/toLocalDate.js';
 import { panels } from './DatePickerContent-css.js';
 
 const DatePickerContent = forwardRef(
@@ -24,17 +19,12 @@ const DatePickerContent = forwardRef(
     weekend,
     ...props
   }, ref) => {
-    const { open } = usePopoverContext("DatePickerContent");
-    const { setValue, step, type, value } = useDatePickerContext("DatePickerContent");
-    const [height, setHeight] = useState("sm");
-    const [time, setTime] = useState();
-    useEffect(() => {
-      setTime(
-        type === "date" ? "00:00" : formatTime(value ?? /* @__PURE__ */ new Date(), parseInt(step) / 60)
-      );
-    }, [open, step, type, value]);
+    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({ height }), children: [
+      /* @__PURE__ */ jsxs(Flex, { ref: panelRef, ...panels(), children: [
         addonBefore,
         /* @__PURE__ */ jsx(
           Calendar,
@@ -43,31 +33,19 @@ const DatePickerContent = forwardRef(
             holiday,
             max,
             min,
-            onHeightChange: (height2) => {
-              setHeight(height2 > 300 ? "lg" : "sm");
+            onHeightChange: (height) => {
+              if (panelRef.current) {
+                panelRef.current.style.height = `${height}px`;
+              }
             },
-            onValueChange: (value2) => setValue(
-              value2 ? /* @__PURE__ */ new Date(formatDate(value2) + "T" + (time ?? "00:00")) : void 0
-            ),
+            onValueChange: setValue,
+            step,
             today,
+            type,
             value,
             weekend
           }
         ),
-        type === "datetime-local" && /* @__PURE__ */ jsx(
-          Clock,
-          {
-            ml: "8",
-            onValueChange: (time2) => {
-              setTime(time2);
-              if (value) {
-                setValue(/* @__PURE__ */ new Date(formatDate(value) + "T" + time2));
-              }
-            },
-            step,
-            value: time
-          }
-        ),
         addonAfter
       ] }),
       children
@@ -75,12 +53,5 @@ const DatePickerContent = forwardRef(
   }
 );
 DatePickerContent.displayName = "@optiaxiom/react/DatePickerContent";
-function formatDate(date) {
-  return toLocalDate(date).split("T")[0];
-}
-function formatTime(date, step = 1) {
-  const [hour, minute] = toLocalDate(date).split("T")[1].slice(0, 5).split(":");
-  return hour + ":" + (Math.floor(parseInt(minute) / step) * step).toString().padStart(2, "0");
-}
 
 export { DatePickerContent };

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

@@ -30,7 +30,9 @@ const DatePickerTrigger = forwardRef(
     placeholder = "Pick a date",
     ...props
   }, outerRef) => {
-    const { disabled, type, 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);

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-6xLEkHBd.css';
-import './../../../../assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-w1iL6nG7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-BsbkFgoB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_180nydb']});
+var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1l2apsc']});
 
 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-6xLEkHBd.css';
-import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-D4FqLhkk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-C6PCdyHb.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'},'_1fzh83a']});
+var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'_1106lbj']});
 
 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-6xLEkHBd.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CBpuJlOi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-Bx03v-7N.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_8p3nne'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1y4c3uf'],variants:{size:{sm:'_1b75zaa',md:'yzmx9k',lg:'_1r80nxr',fullscreen:'q84p9j'}}});
-var nestedDialogCountVar = 'var(--_1ssmgzb)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1cebdc1'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1up7sqh'],variants:{size:{sm:'_14eawp4',md:'_1hbsf5c',lg:'_741a59',fullscreen:'yjv3cm'}}});
+var nestedDialogCountVar = 'var(--_1molcu9)';
 
 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-6xLEkHBd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.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-6xLEkHBd.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DckzuXrK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DZ557ibQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'ddwdqn']});
-var close = recipeRuntime({base:['v3m9x4']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1cs9cvb']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1rizneh']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_1rulk07']});
+var close = recipeRuntime({base:['_12btd7z']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'_12hi4ob']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1thk973']});
 
 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-6xLEkHBd.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-s-wSZli9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BOrCrc1Q.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['_1xc6tuf']});
-var outer = recipeRuntime({base:[{display:'grid'},'_1jt7xhj']});
+var inner = recipeRuntime({base:['_1fujcab']});
+var outer = recipeRuntime({base:[{display:'grid'},'_1ler3im']});
 
 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 };