@optiaxiom/react 0.13.8 → 0.13.10

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-DEV62wR-.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-BmmNePA-.css';
-import './../../../../assets/src/data-table-body/DataTableBody.css.ts.vanilla-uUstIJUJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-B-rdxkhY.css';
+import './../../../../assets/src/data-table-body/DataTableBody.css.ts.vanilla-DLHleMzh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'ntq9ga'],variants:{pinned:{left:'zgsyjz',right:'_1sz1kwm'},pinnedType:{body:'sq2m94',header:{}}}});
-var cellOffsetVar = 'var(--jabh0m)';
-var cellSizeVar = 'var(--uzup92)';
-var header = recipeRuntime({base:[{display:'grid'},'eb11ai']});
-var leftTotalSizeVar = 'var(--au6a8r)';
-var rightTotalSizeVar = 'var(--ge1nff)';
-var table = recipeRuntime({base:'_21dycs',variants:{pinned:{both:'_113hicb',left:'_2tc7zg',none:{},right:'euk9u9'}}});
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_13bqm2w'],variants:{pinned:{left:'fg8jqi',right:'_14dcjhs'},pinnedType:{body:'eel9zk',header:{}}}});
+var cellOffsetVar = 'var(--ht96u1)';
+var cellSizeVar = 'var(--_1f4yda4)';
+var header = recipeRuntime({base:[{display:'grid'},'_1ds9fhg']});
+var leftTotalSizeVar = 'var(--bdmzhs)';
+var rightTotalSizeVar = 'var(--nuu3ay)';
+var table = recipeRuntime({base:'_1boymzc',variants:{pinned:{both:'hrr47g',left:'z96q0j',none:{},right:'_1z0hpty'}}});
 
 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.js

@@ -9,7 +9,6 @@ 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';
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"];
@@ -24,6 +23,7 @@ const DataTableFooter = forwardRef(
         alignSelf: "stretch",
         flexDirection: "row",
         justifyContent: "space-between",
+        mt: "auto",
         ref,
         ...props,
         children: [
@@ -36,7 +36,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)) })
                 ]
               }

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-DEV62wR-.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-B4SwGoqq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-D2xsj1oJ.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'},'ql5m7w']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1vmum53'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1qaw493'],variants:{active:{false:'lqoft',true:'jjz7si'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_105ntgs']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1o9z4r5'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_149vja1'],variants:{active:{false:'_1yr03es',true:'_1ij04um'}}});
 
 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-DEV62wR-.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-D1MMMFvP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-C4Ty_o6t.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({base:'_1rbnf1h'});
+var picker = recipeRuntime({base:'_2npfnv'});
 
 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-fo9WwyPs.css';
+import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-C3aITHZQ.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_10gr4a6']});
+
+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-fo9WwyPs.css';
+import './../../../../assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-Bk6BLBoH.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_10t2ac6']});
+
+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-DEV62wR-.css';
-import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-BgZpCG4V.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-CqPADtv9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'start',overflow:'auto',px:'24',py:'16'},'itq5vd']});
+var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'start',overflow:'auto',px:'24',py:'16'},'_1woyf7z']});
 
 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-DEV62wR-.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-C-g4SchC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-5HypoJhx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'qbwsie'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_2hc3af'],variants:{size:{sm:'_1mta528',md:'_1hgixlt',lg:'_1u8xuk9',fullscreen:'_5ku80i'}}});
-var nestedDialogCountVar = 'var(--mlgsmt)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_14t7gu0'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_117tfkh'],variants:{size:{sm:'g0ea7a',md:'_1uhtkjn',lg:'_1jcim2w',fullscreen:'x4ftjl'}}});
+var nestedDialogCountVar = 'var(--q10eid)';
 
 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-DEV62wR-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.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-DEV62wR-.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-CXAAvV-_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-D8QM8ZC9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_1hnipzb']});
-var close = recipeRuntime({base:['_1fvso9c']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_18ki0ts']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_3rf6p']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'thwj99']});
+var close = recipeRuntime({base:['yncx54']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1qpmfwq']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'kd4mjd']});
 
 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-DEV62wR-.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-cCeSyIu6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BBZO9bw0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['_1md47gq']});
-var outer = recipeRuntime({base:[{display:'grid'},'_1e7s8ba']});
+var inner = recipeRuntime({base:['_157bbs1']});
+var outer = recipeRuntime({base:[{display:'grid'},'_1cwfk0v']});
 
 export { inner, outer };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-U4k8Ssru.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-_GGUiYag.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_1ruxuhc',start:'_45mp7k'}}});
-var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',p:'8',transition:'colors'},'_7qmdok']});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_149fb8x']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_17eylhu',start:'_1ftc7r2'}}});
+var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',p:'8',transition:'colors'},'_1j6hr1f']});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'lj0u0o']});
 
 export { icon, root, trigger };

package/dist/esm/packages/react/src/highlight/Highlight-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-5Bk3kmtQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-CwU-Uq9J.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_15man6o'});
+var mark = recipeRuntime({base:'ug42nu'});
 
 export { mark };

package/dist/esm/packages/react/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-C8sAuwtL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-B5yl6yev.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'ekjmlj',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_11kq8oz']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'uhvmkj']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_8iu5bj'],variants:{offset:{false:'_1mul7ux',true:{}},position:{'bottom-right':'_1o0uz2z','top-right':'_76aa73'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'ie9htv']});
+var badge = recipeRuntime({base:'d4ekh7',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'lb645d']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1n9lacg']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'jzcve6'],variants:{offset:{false:'w4gsec',true:{}},position:{'bottom-right':'_11znjbg','top-right':'_5iknmt'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'n7gxvz']});
 
 export { badge, floating, indicator };