@optiaxiom/react 0.13.9 → 0.13.11

package/dist/esm/packages/react/src/command-focusable-item/CommandFocusableItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COiQatzf.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-DsEAhC9c.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-C1O1RVDt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'_1rqpp2u'});
+var item = recipeRuntime({base:'_1i9d352'});
 
 export { item };

package/dist/esm/packages/react/src/cover/Cover-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COiQatzf.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-Cf8Y2X99.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-BiP4aP7J.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['_1b1rpoy','_1ai1oti'],true:{}},inset:{false:'_7em4m5',true:'_6cwn1h'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['xi4grp','jy1tlj'],true:{}},inset:{false:'aod726',true:'olxexs'}}});
 
 export { cover };

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

@@ -6,7 +6,18 @@ import { Flex } from '../flex/Flex.js';
 
 const DataTable = forwardRef(
   ({ children, table, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Flex, { alignItems: "start", gap: "8", maxW: "full", ref, ...props, children: /* @__PURE__ */ jsx(DataTableContextProvider, { table, children }) });
+    return /* @__PURE__ */ jsx(
+      Flex,
+      {
+        gap: "8",
+        justifyContent: "start",
+        maxH: "full",
+        maxW: "full",
+        ref,
+        ...props,
+        children: /* @__PURE__ */ jsx(DataTableContextProvider, { table, children })
+      }
+    );
   }
 );
 DataTable.displayName = "@optiaxiom/react/DataTable";

package/dist/esm/packages/react/src/data-table-body/DataTableBody-css.js

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COiQatzf.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Dr-tbOIn.css';
-import './../../../../assets/src/data-table-body/DataTableBody.css.ts.vanilla-BUWI9H-H.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-D-0hyctR.css';
+import './../../../../assets/src/data-table-body/DataTableBody.css.ts.vanilla-D5mjQ_wI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1tn3rtf'],variants:{pinned:{left:'sqvcjz',right:'_4vxqvq'},pinnedType:{body:'_1brs2zz',header:{}}}});
-var cellOffsetVar = 'var(--_1o92e7c)';
-var cellSizeVar = 'var(--zq9qzv)';
-var header = recipeRuntime({base:[{display:'grid'},'livqtu']});
-var leftTotalSizeVar = 'var(--_11aogxn)';
-var rightTotalSizeVar = 'var(--_1tb049k)';
-var table = recipeRuntime({base:'_1dyp1ey',variants:{pinned:{both:'_1cpds01',left:'_1y5gmi8',none:{},right:'_1dj5qcm'}}});
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1pa1nv5'],variants:{pinned:{left:'gsr9xl',right:'_9x3h9k'},pinnedType:{body:'bifv5g',header:{}}}});
+var cellOffsetVar = 'var(--dkj37b)';
+var cellSizeVar = 'var(--_15fra1p)';
+var header = recipeRuntime({base:[{display:'grid'},'_1k633cr']});
+var leftTotalSizeVar = 'var(--_1h96vcy)';
+var rightTotalSizeVar = 'var(--_1uy7uiq)';
+var table = recipeRuntime({base:'_1q2re9c',variants:{pinned:{both:'y7ie3u',left:'ew089x',none:{},right:'_1besteb'}}});
 
 export { cell, cellOffsetVar, cellSizeVar, header, leftTotalSizeVar, rightTotalSizeVar, table };

package/dist/esm/packages/react/src/data-table-body/DataTableBody.js

@@ -12,6 +12,7 @@ import { Table } from '../table/Table.js';
 import { TableBody } from '../table-body/TableBody.js';
 import { TableCell } from '../table-cell/TableCell.js';
 import { TableHeader } from '../table-header/TableHeader.js';
+import { TableHeaderCell } from '../table-header-cell/TableHeaderCell.js';
 import { TableRow } from '../table-row/TableRow.js';
 import { table, header, cell, cellSizeVar, cellOffsetVar, rightTotalSizeVar, leftTotalSizeVar } from './DataTableBody-css.js';
 
@@ -56,27 +57,30 @@ const DataTableBody = forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx(TableHeader, { ...header(), children: table$1.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { display: "flex", children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
-            DataTableHeaderCell,
-            {
-              header,
-              style: {
-                ...assignInlineVars({
-                  [cellOffsetVar]: `${header.column.getStart(header.column.getIsPinned() || "left")}px`,
-                  [cellSizeVar]: `${header.getSize()}px`
-                })
+          /* @__PURE__ */ jsx(TableHeader, { ...header(), children: table$1.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxs(TableRow, { display: "flex", children: [
+            headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
+              DataTableHeaderCell,
+              {
+                header,
+                style: {
+                  ...assignInlineVars({
+                    [cellOffsetVar]: `${header.column.getStart(header.column.getIsPinned() || "left")}px`,
+                    [cellSizeVar]: `${header.getSize()}px`
+                  })
+                },
+                ...cell({
+                  pinned: header.column.getIsPinned() || void 0,
+                  pinnedType: header.column.getIsPinned() ? "header" : void 0
+                }),
+                children: header.isPlaceholder ? null : flexRender(
+                  header.column.columnDef.header,
+                  header.getContext()
+                )
               },
-              ...cell({
-                pinned: header.column.getIsPinned() || void 0,
-                pinnedType: header.column.getIsPinned() ? "header" : void 0
-              }),
-              children: header.isPlaceholder ? null : flexRender(
-                header.column.columnDef.header,
-                header.getContext()
-              )
-            },
-            header.id
-          )) }, headerGroup.id)) }),
+              header.id
+            )),
+            /* @__PURE__ */ jsx(TableHeaderCell, { flex: "1", p: "0", w: "0" })
+          ] }, headerGroup.id)) }),
           /* @__PURE__ */ jsx(
             TableBody,
             {
@@ -151,7 +155,8 @@ const DataTableBody = forwardRef(
                         children: loading ? /* @__PURE__ */ jsx(Skeleton, { w: fakeCellWidth(cell$1.id) }) : flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
                       },
                       cell$1.id
-                    ))
+                    )),
+                    /* @__PURE__ */ jsx(TableCell, { flex: "1", p: "0", w: "0" })
                   ]
                 },
                 row.id

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-Dttxxg5e.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var addon = recipeRuntime({base:'_1nefg2t',variants:{position:{end:{textAlign:'end'},start:{}}}});
+
+export { addon };

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

@@ -2,6 +2,9 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useId } from '@radix-ui/react-id';
 import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { useDataTableContext } from '../data-table-context/DataTableContext.js';
 import { Flex } from '../flex/Flex.js';
 import { Pagination } from '../pagination/Pagination.js';
@@ -9,8 +12,8 @@ import { Select } from '../select/Select.js';
 import { SelectContent } from '../select-content/SelectContent.js';
 import { SelectRadioItem } from '../select-radio-item/SelectRadioItem.js';
 import { SelectTrigger } from '../select-trigger/SelectTrigger.js';
-import { SelectValue } from '../select-value/SelectValue.js';
 import { Text } from '../text/Text.js';
+import { addon } from './DataTableFooter-css.js';
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"];
 const DataTableFooter = forwardRef(
@@ -24,10 +27,11 @@ const DataTableFooter = forwardRef(
         alignSelf: "stretch",
         flexDirection: "row",
         justifyContent: "space-between",
+        mt: "auto",
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "8", children: showPageSizeOptions && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Box, { ...addon({ position: "start" }), children: showPageSizeOptions && /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "8", children: [
             /* @__PURE__ */ jsx(Text, { color: "fg.secondary", id: pageSizeId, children: "Page Size" }),
             /* @__PURE__ */ jsxs(
               Select,
@@ -36,7 +40,13 @@ const DataTableFooter = forwardRef(
                 onValueChange: (value) => value && table.setPageSize(parseFloat(value)),
                 value: pagination.pageSize.toString(),
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { appearance: "subtle", "aria-labelledby": pageSizeId, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsx(
+                    SelectTrigger,
+                    {
+                      appearance: "subtle",
+                      "aria-labelledby": pageSizeId
+                    }
+                  ),
                   /* @__PURE__ */ jsx(SelectContent, { children: pageSizeOptions.map((rows) => /* @__PURE__ */ jsx(SelectRadioItem, { item: rows, children: rows }, rows)) })
                 ]
               }
@@ -50,7 +60,7 @@ const DataTableFooter = forwardRef(
               total: table.getPageCount()
             }
           ),
-          /* @__PURE__ */ jsx(Text, { children: table.getRowCount() > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { ...addon({ position: "end" }), children: table.getRowCount() > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
             pagination.pageIndex * pagination.pageSize + 1,
             " -",
             " ",

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-COiQatzf.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-DXjLy5l_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-CYNVfLex.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1clllsx']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'_50bmhr'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_10twzbi'],variants:{active:{false:'_171krdz',true:'eek0et'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'sh6bmb']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'_5ehgcm'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'tf9jxk'],variants:{active:{false:'ac7ypt',true:'otr1y4'}}});
 
 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-COiQatzf.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-CTKWbu6k.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-Dlo5a245.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({base:'zojbsi'});
+var picker = recipeRuntime({base:'iyw311'});
 
 export { picker };

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

@@ -19,7 +19,7 @@ import { picker } from './DateInput-css.js';
 import { parse, format } from './utils.js';
 
 const DateInput = forwardRef(
-  ({ disabled, max, min, onChange, ...props }, outerRef) => {
+  ({ disabled, holiday, max, min, onChange, weekend, ...props }, outerRef) => {
     const [open, setOpen] = useState(false);
     const [value, setValue] = useControllableState({
       defaultProp: props.defaultValue,
@@ -77,6 +77,7 @@ const DateInput = forwardRef(
             /* @__PURE__ */ jsx(
               Calendar,
               {
+                holiday,
                 max: maxDate,
                 min: minDate,
                 onValueChange: (date) => {
@@ -88,7 +89,8 @@ const DateInput = forwardRef(
                   }
                   setOpen(false);
                 },
-                value: parse(value)
+                value: parse(value),
+                weekend
               }
             ),
             /* @__PURE__ */ jsx(Flex, { flexDirection: "row", children: /* @__PURE__ */ jsx(

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

@@ -0,0 +1,40 @@
+"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 { Popover } from '../popover/Popover.js';
+
+function DatePicker({
+  children,
+  defaultOpen,
+  defaultValue,
+  disabled,
+  onOpenChange,
+  onValueChange,
+  open: openProp,
+  value: valueProp,
+  ...props
+}) {
+  const [open, setOpen] = useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  const [value, setValue] = useControllableState({
+    defaultProp: defaultValue,
+    onChange: onValueChange,
+    prop: valueProp
+  });
+  return /* @__PURE__ */ jsx(Popover, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(
+    DatePickerContextProvider,
+    {
+      disabled,
+      setValue,
+      value,
+      children
+    }
+  ) });
+}
+DatePicker.displayName = "@optiaxiom/react/DatePicker";
+
+export { DatePicker };

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-YfVYW-E6.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1u0lmee']});
+
+export { panels };

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

@@ -0,0 +1,46 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Calendar } from '../calendar/Calendar.js';
+import { useDatePickerContext } from '../date-picker-context/DatePickerContext.js';
+import { Flex } from '../flex/Flex.js';
+import { PopoverContent } from '../popover-content/PopoverContent.js';
+import { panels } from './DatePickerContent-css.js';
+
+const DatePickerContent = forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    children,
+    holiday,
+    max,
+    min,
+    today,
+    weekend,
+    ...props
+  }, ref) => {
+    const { setValue, value } = useDatePickerContext("DatePickerContent");
+    return /* @__PURE__ */ jsxs(PopoverContent, { gap: "8", maxW: void 0, ref, ...props, children: [
+      /* @__PURE__ */ jsxs(Flex, { ...panels(), children: [
+        addonBefore,
+        /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            holiday,
+            max,
+            min,
+            onValueChange: setValue,
+            today,
+            value,
+            weekend
+          }
+        ),
+        addonAfter
+      ] }),
+      children
+    ] });
+  }
+);
+DatePickerContent.displayName = "@optiaxiom/react/DatePickerContent";
+
+export { DatePickerContent };

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

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

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

@@ -0,0 +1,45 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import { forwardRef, useRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { useDatePickerContext } from '../date-picker-context/DatePickerContext.js';
+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, {
+  day: "numeric",
+  month: "short",
+  year: "numeric"
+});
+const DatePickerTrigger = forwardRef(
+  ({
+    "aria-labelledby": ariaLabelledBy,
+    children,
+    format = DEFAULT_FORMATTER,
+    placeholder = "Pick a date",
+    ...props
+  }, outerRef) => {
+    const { disabled, value } = useDatePickerContext("DatePickerTrigger");
+    const buttonRef = useRef(null);
+    const ref = useComposedRefs(outerRef, buttonRef);
+    const labelId = useFieldLabelTrigger(buttonRef, ariaLabelledBy);
+    return /* @__PURE__ */ jsx(
+      PopoverTrigger,
+      {
+        "aria-labelledby": labelId,
+        disabled,
+        icon: /* @__PURE__ */ jsx(IconCalendar, {}),
+        ref,
+        ...props,
+        children: children ?? (value ? format(value) : /* @__PURE__ */ jsx(Box, { color: "fg.tertiary", children: placeholder }))
+      }
+    );
+  }
+);
+DatePickerTrigger.displayName = "@optiaxiom/react/DatePickerTrigger";
+
+export { DatePickerTrigger };

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

@@ -0,0 +1,40 @@
+"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 { Popover } from '../popover/Popover.js';
+
+function DateRangePicker({
+  children,
+  defaultOpen,
+  defaultValue,
+  disabled,
+  onOpenChange,
+  onValueChange,
+  open: openProp,
+  value: valueProp,
+  ...props
+}) {
+  const [open, setOpen] = useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  const [value, setValue] = useControllableState({
+    defaultProp: defaultValue,
+    onChange: onValueChange,
+    prop: valueProp
+  });
+  return /* @__PURE__ */ jsx(Popover, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(
+    DateRangePickerContextProvider,
+    {
+      disabled,
+      setValue,
+      value,
+      children
+    }
+  ) });
+}
+DateRangePicker.displayName = "@optiaxiom/react/DateRangePicker";
+
+export { DateRangePicker };

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

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

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

@@ -0,0 +1,49 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Calendar } from '../calendar/Calendar.js';
+import { useDateRangePickerContext } from '../date-range-picker-context/DateRangePickerContext.js';
+import { Flex } from '../flex/Flex.js';
+import { PopoverContent } from '../popover-content/PopoverContent.js';
+import { panels } from './DateRangePickerContent-css.js';
+
+const DateRangePickerContent = forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    children,
+    holiday,
+    max,
+    min,
+    today,
+    weekend,
+    ...props
+  }, ref) => {
+    const { setValue, value } = useDateRangePickerContext(
+      "DateRangePickerContent"
+    );
+    return /* @__PURE__ */ jsxs(PopoverContent, { gap: "8", maxW: void 0, ref, ...props, children: [
+      /* @__PURE__ */ jsxs(Flex, { ...panels(), children: [
+        addonBefore,
+        /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            holiday,
+            max,
+            min,
+            mode: "range",
+            onValueChange: setValue,
+            today,
+            value,
+            weekend
+          }
+        ),
+        addonAfter
+      ] }),
+      children
+    ] });
+  }
+);
+DateRangePickerContent.displayName = "@optiaxiom/react/DateRangePickerContent";
+
+export { DateRangePickerContent };

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

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

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

@@ -0,0 +1,51 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import { forwardRef, useRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { useDateRangePickerContext } from '../date-range-picker-context/DateRangePickerContext.js';
+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.from && date.to ? date.from.toLocaleDateString(void 0, {
+  day: "numeric",
+  month: "short",
+  year: "numeric"
+}) + " - " + date.to.toLocaleDateString(void 0, {
+  day: "numeric",
+  month: "short",
+  year: "numeric"
+}) : null;
+const DateRangePickerTrigger = forwardRef(
+  ({
+    "aria-labelledby": ariaLabelledBy,
+    children,
+    format = DEFAULT_FORMATTER,
+    placeholder = "Pick a date",
+    ...props
+  }, outerRef) => {
+    const { disabled, value } = useDateRangePickerContext(
+      "DateRangePickerTrigger"
+    );
+    const buttonRef = useRef(null);
+    const ref = useComposedRefs(outerRef, buttonRef);
+    const labelId = useFieldLabelTrigger(buttonRef, ariaLabelledBy);
+    return /* @__PURE__ */ jsx(
+      PopoverTrigger,
+      {
+        "aria-labelledby": labelId,
+        disabled,
+        icon: /* @__PURE__ */ jsx(IconCalendar, {}),
+        ref,
+        ...props,
+        children: children ?? (value ? format(value) : /* @__PURE__ */ jsx(Box, { color: "fg.tertiary", children: placeholder }))
+      }
+    );
+  }
+);
+DateRangePickerTrigger.displayName = "@optiaxiom/react/DateRangePickerTrigger";
+
+export { DateRangePickerTrigger };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COiQatzf.css';
-import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-DEFiv6bH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-CCN8ABcH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'start',overflow:'auto',px:'24',py:'16'},'z4rt44']});
+var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'start',overflow:'auto',px:'24',py:'16'},'_1odz286']});
 
 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-COiQatzf.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-D81mSo0t.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-DiEKBpt2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'upy21t'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_7kbe3'],variants:{size:{sm:'_1hdiqqn',md:'_8oy5e9',lg:'c3jkp1',fullscreen:'w1k4a9'}}});
-var nestedDialogCountVar = 'var(--_1qnyl0)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1xwq42u'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_18ytbsf'],variants:{size:{sm:'_18unznu',md:'_498iqy',lg:'q3jkve',fullscreen:'_1oeuinh'}}});
+var nestedDialogCountVar = 'var(--_17ia8vh)';
 
 export { backdrop, content, nestedDialogCountVar };

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

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

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COiQatzf.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-BnUEhHPV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-BoATGaCt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'un83jy']});
-var close = recipeRuntime({base:['anavas']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'a5937l']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1dbl2tx']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_15iq8hj']});
+var close = recipeRuntime({base:['su0ol5']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_3f497k']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1uooq8z']});
 
 export { actions, close, description, title };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COiQatzf.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BZkThAKT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-_egRNMsa.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['_1s70lrc']});
-var outer = recipeRuntime({base:[{display:'grid'},'_2w9zi']});
+var inner = recipeRuntime({base:['tde8w3']});
+var outer = recipeRuntime({base:[{display:'grid'},'sqnkr8']});
 
 export { inner, outer };