@optiaxiom/react 0.12.2 → 0.13.0

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

@@ -0,0 +1,14 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CgvKoCRz.css';
+import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-CbD9vNcU.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var cell = recipeRuntime({base:['_9zg2pa'],variants:{pinned:{left:'u4bbji',right:'sdm6uy'},pinnedType:{body:'l1akui',header:{}}}});
+var cellOffsetVar = 'var(--_13mxk2m)';
+var cellSizeVar = 'var(--b669pf)';
+var header = recipeRuntime({base:['_183xdxw']});
+var leftTotalSizeVar = 'var(--_3gyhym)';
+var rightTotalSizeVar = 'var(--_14j1dyj)';
+var table = recipeRuntime({base:'d7848j',variants:{pinned:{both:'_1585f9r',left:'_1iclc34',none:{},right:'vk97ad'}}});
+
+export { cell, cellOffsetVar, cellSizeVar, header, leftTotalSizeVar, rightTotalSizeVar, table };

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

@@ -13,7 +13,7 @@ import { TableBody } from '../table-body/TableBody.js';
 import { TableCell } from '../table-cell/TableCell.js';
 import { TableHeader } from '../table-header/TableHeader.js';
 import { TableRow } from '../table-row/TableRow.js';
-import { leftTotalSizeVar, rightTotalSizeVar, table, header, cellOffsetVar, cellSizeVar, cell } from './DataTable-css.js';
+import { table, header, cell, cellSizeVar, cellOffsetVar, rightTotalSizeVar, leftTotalSizeVar } from './DataTable-css.js';
 
 const DataTable = forwardRef(
   ({ table: table$1, ...props }, ref) => {
@@ -50,8 +50,8 @@ const DataTable = forwardRef(
                       })
                     },
                     ...cell({
-                      pinned: header.column.getIsPinned() || undefined,
-                      pinnedType: header.column.getIsPinned() ? "header" : undefined
+                      pinned: header.column.getIsPinned() || void 0,
+                      pinnedType: header.column.getIsPinned() ? "header" : void 0
                     }),
                     children: header.isPlaceholder ? null : flexRender(
                       header.column.columnDef.header,
@@ -71,8 +71,8 @@ const DataTable = forwardRef(
                         })
                       },
                       ...cell({
-                        pinned: cell$1.column.getIsPinned() || undefined,
-                        pinnedType: cell$1.column.getIsPinned() ? "body" : undefined
+                        pinned: cell$1.column.getIsPinned() || void 0,
+                        pinnedType: cell$1.column.getIsPinned() ? "body" : void 0
                       }),
                       children: flexRender(
                         cell$1.column.columnDef.cell,

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-By6j_C-y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-BPJHzlBh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',textAlign:'start',transition:'colors',w:'full'},'_1e5jpda','_1xe4l5m']});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'al46u9'],variants:{active:{false:'_8g22qz',true:'_1hwn07s'},muted:{false:{},true:'kynfhs'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',textAlign:'start',transition:'colors',w:'full'},'ka7ruu','toplv5']});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1yjmu2n'],variants:{active:{false:'_1oame5a',true:'_1e7j5ao'},muted:{false:{},true:'_1f00x7k'}}});
 
 export { button, icon };

package/dist/{packages → esm/packages}/react/src/data-table-header-cell/DataTableHeaderCell.js

@@ -18,7 +18,7 @@ const DataTableHeaderCell = forwardRef(({ children, header, ...props }, ref) =>
   return /* @__PURE__ */ jsx(
     TableHeaderCell,
     {
-      "aria-sort": header.column.columnDef.enableSorting ? sortDir === false ? "none" : sortDir === "asc" ? "ascending" : "descending" : undefined,
+      "aria-sort": header.column.columnDef.enableSorting ? sortDir === false ? "none" : sortDir === "asc" ? "ascending" : "descending" : void 0,
       colSpan: header.colSpan,
       ref,
       ...props,

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

@@ -14,7 +14,7 @@ import '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import { forceValueChange } from '../utils/forceValueChange.js';
 import { useCalendarSupported } from './useCalendarSupported.js';
-import { format, parse } from './utils.js';
+import { parse, format } from './utils.js';
 
 const DateInput = forwardRef(
   ({ disabled, max, min, onChange, ...props }, outerRef) => {
@@ -25,8 +25,8 @@ const DateInput = forwardRef(
     });
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
-    const maxDate = max ? new Date(max) : undefined;
-    const minDate = min ? new Date(min) : undefined;
+    const maxDate = max ? new Date(max) : void 0;
+    const minDate = min ? new Date(min) : void 0;
     const supported = useCalendarSupported();
     if (supported === null) {
       return null;

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

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

package/dist/{packages → esm/packages}/react/src/dialog-close/DialogClose.js

@@ -5,8 +5,8 @@ import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
 
 const DialogClose = forwardRef(
-  ({ appearance = "subtle", asChild, children, size = "lg", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsx(Button, { appearance, size, children }) });
+  ({ appearance = "subtle", asChild, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsx(Button, { appearance, children }) });
   }
 );
 DialogClose.displayName = "@optiaxiom/react/DialogClose";

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

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-BQ9-WHf6.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'baet66'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'psr1f'],variants:{size:{sm:'_1i9tkd2',md:'_135vpww',lg:'b2dor9',fullscreen:'iwiqy2'}}});
+var nestedDialogCountVar = 'var(--wd5f9v)';
+
+export { backdrop, content, nestedDialogCountVar };

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

@@ -11,7 +11,7 @@ import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 import '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import { onReactSelectInputBlur } from '../utils/onReactSelectInputBlur.js';
-import { backdrop, nestedDialogCountVar, content } from './DialogContent-css.js';
+import { backdrop, content, nestedDialogCountVar } from './DialogContent-css.js';
 
 const DialogContent = forwardRef(
   ({

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.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/{packages → esm/packages}/react/src/dialog-footer/DialogFooter.js

@@ -1,12 +1,13 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
+import { ButtonContextProvider } 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 });
+    return /* @__PURE__ */ jsx(Flex, { ref, ...footer({}, className), ...props, children: /* @__PURE__ */ jsx(ButtonContextProvider, { size: "lg", children }) });
   }
 );
 DialogFooter.displayName = "@optiaxiom/react/DialogFooter";

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-PQBmklv5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-g_BPVGm3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'r09to9']});
-var close = recipeRuntime({base:['xollim']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1q6fmvy']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'h63we6']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'n8i0u7']});
+var close = recipeRuntime({base:['_1apj6e6']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1dsbh3r']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1qr0chj']});
 
 export { actions, close, description, title };

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

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CoBOLDcZ.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var inner = recipeRuntime({base:['_1pd5ixm']});
+var outer = recipeRuntime({base:[{display:'grid'},'_15gi53l']});
+
+export { inner, outer };

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

@@ -10,7 +10,7 @@ import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 import { outer, inner } from './DisclosureContent-css.js';
 
-const DisclosureContent = forwardRef(({ children, ...props }, ref) => {
+const DisclosureContent = forwardRef(({ children, transitionType = "slide", ...props }, ref) => {
   const { open } = useDisclosureContext("DisclosureContent");
   const [skipAnimations, setSkipAnimations] = useState(Boolean(open));
   useEffect(() => {
@@ -23,8 +23,8 @@ const DisclosureContent = forwardRef(({ children, ...props }, ref) => {
     {
       "data-side": "bottom",
       skipAnimations,
-      type: "slide",
-      children: /* @__PURE__ */ jsx(Box, { ...outer(), children: /* @__PURE__ */ jsx(Box, { asChild: true, ...inner(), children: /* @__PURE__ */ jsx(RadixCollapsible.Content, { forceMount: true, children: /* @__PURE__ */ jsx(Box, { p: "8", pt: "0", ref, ...props, children }) }) }) })
+      type: transitionType,
+      children: /* @__PURE__ */ jsx(Box, { ...outer(), children: /* @__PURE__ */ jsx(Box, { asChild: true, ...inner(), children: /* @__PURE__ */ jsx(RadixCollapsible.Content, { forceMount: true, children: /* @__PURE__ */ jsx(Box, { p: "8", ref, ...props, children }) }) }) })
     }
   ) });
 });

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DW6VBXnj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CiNDiK90.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_3samyx',start:'day7ni'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'8',px:'4',rounded:'md',textAlign:'start',w:'full',z:'10'},'tpjqr0']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_1te8vyg',start:'_1cndddn'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',h:'lg',px:'8',transition:'colors'},'_1b69dxl']});
 
 export { icon, trigger };

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

@@ -0,0 +1,50 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as RadixCollapsible from '@radix-ui/react-collapsible';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { Cover } from '../cover/Cover.js';
+import { useDisclosureContext } from '../disclosure-context/DisclosureContext.js';
+import { Flex } from '../flex/Flex.js';
+import { IconAngleLeft } from '../icons/IconAngleLeft.js';
+import { IconAngleRight } from '../icons/IconAngleRight.js';
+import { trigger, icon } from './DisclosureTrigger-css.js';
+
+const DisclosureTrigger = forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    chevronPosition = "start",
+    children,
+    className,
+    ...props
+  }, ref) => {
+    useDisclosureContext("DisclosureTrigger");
+    return /* @__PURE__ */ jsxs(Flex, { ref, ...trigger({}, className), ...props, children: [
+      addonBefore,
+      /* @__PURE__ */ jsx(
+        Flex,
+        {
+          asChild: true,
+          flexDirection: "row",
+          fontWeight: "inherit",
+          gap: "4",
+          rounded: "md",
+          textAlign: "start",
+          w: "full",
+          children: /* @__PURE__ */ jsx(Cover, { asChild: true, overlay: true, children: /* @__PURE__ */ jsxs(RadixCollapsible.Trigger, { children: [
+            chevronPosition === "start" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ chevronPosition }), children: /* @__PURE__ */ jsx(IconAngleRight, {}) }),
+            /* @__PURE__ */ jsx(Box, { flex: "1", children }),
+            chevronPosition === "end" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ chevronPosition }), children: /* @__PURE__ */ jsx(IconAngleLeft, {}) })
+          ] }) })
+        }
+      ),
+      addonAfter
+    ] });
+  }
+);
+DisclosureTrigger.displayName = "@optiaxiom/react/DisclosureTrigger";
+
+export { DisclosureTrigger };

package/dist/{packages → esm/packages}/react/src/drawer-actions/DrawerActions-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
-import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-BY_xKCah.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-C5moTRX0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'_9ju96i']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'hnjkmn']});
 
 export { actions };

package/dist/esm/packages/react/src/drawer-content/DrawerContent-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-DrHSgLrl.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_16elo2n'],variants:{position:{bottom:[{borderT:'1'},'n4d0w7'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_8sjneu'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1qiwigc']}}});
+
+export { content };

package/dist/{packages → esm/packages}/react/src/drawer-description/DrawerDescription-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
-import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-CpnN-kRO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-CRBMloeK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_2p3pmp']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1v6taoa']});
 
 export { description };

package/dist/esm/packages/react/src/drawer-title/DrawerTitle-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-C_2hFP_b.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var title = recipeRuntime({base:[{flex:'1'},'_1wmxqq1']});
+
+export { title };

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

@@ -16,7 +16,7 @@ const DropdownMenuContent = forwardRef(({ align = "start", children, loading, ..
     MenuListbox,
     {
       asChild: true,
-      minW: loading ? "trigger" : undefined,
+      minW: loading ? "trigger" : void 0,
       provider: "dropdown-menu",
       ...props,
       children: /* @__PURE__ */ jsx(RadixMenu.Content, { align, ref, sideOffset: 4, children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children })

package/dist/{packages → esm/packages}/react/src/field/Field.js

@@ -44,11 +44,11 @@ const Field = forwardRef(
         FieldContext.Provider,
         {
           value: {
-            descriptionId: description ? descriptionId : undefined,
+            descriptionId: description ? descriptionId : void 0,
             error: !!error,
-            errorId: error ? errorId : undefined,
+            errorId: error ? errorId : void 0,
             inputId,
-            labelId: label ? labelId : undefined
+            labelId: label ? labelId : void 0
           },
           children
         }

package/dist/{packages → esm/packages}/react/src/field-context/FieldContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from 'react';
 
-const FieldContext = createContext(undefined);
+const FieldContext = createContext(void 0);
 
 export { FieldContext };

package/dist/{packages → esm/packages}/react/src/heading/Heading.js

@@ -8,22 +8,18 @@ const mapLevelToTag = {
   "1": "h1",
   "2": "h2",
   "3": "h3",
-  "4": "h4",
-  "5": "h5",
-  "6": "h6"
+  "4": "h4"
 };
 const mapLevelToFontSize = {
-  "1": "5xl",
-  "2": "4xl",
-  "3": "3xl",
-  "4": "2xl",
-  "5": "xl",
-  "6": "md"
+  "1": "4xl",
+  "2": "3xl",
+  "3": "2xl",
+  "4": "xl"
 };
 const Heading = forwardRef(
   ({ asChild, children, level = "1", ...props }, ref) => {
-    const Comp = asChild ? Slot : mapLevelToTag[level];
-    const fontSize = mapLevelToFontSize[level];
+    const Comp = asChild ? Slot : mapLevelToTag[level] ?? "h1";
+    const fontSize = mapLevelToFontSize[level] ?? "4xl";
     return /* @__PURE__ */ jsx(Text, { asChild: true, fontSize, fontWeight: "700", ref, ...props, children: /* @__PURE__ */ jsx(Comp, { children }) });
   }
 );

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-ArrfUFmX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-G8KfRd1k.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_1k36yb2'});
+var mark = recipeRuntime({base:'_6rkrco'});
 
 export { mark };

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

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-wAOVppoq.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var badge = recipeRuntime({base:'_11hzs0t',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_2s4qd2']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1spq1o9']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'j5tqul'],variants:{offset:{false:'_1u29m95',true:{}},position:{'bottom-right':'_1ni07er','top-right':'yix4ly'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'kqxxdh']});
+
+export { badge, floating, indicator };

package/dist/esm/packages/react/src/inline-input/InlineInput-css.js

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-DUHjYb7w.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var editor = recipeRuntime({base:'_1u8my2m',variants:{empty:{false:{},true:'_44ar1f'}}});
+var input = recipeRuntime({base:'rcxj6e'});
+
+export { editor, input };

package/dist/{packages → esm/packages}/react/src/input/Input-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var addon = recipeRuntime({base:{display:'flex',flex:'none'}});

package/dist/esm/packages/react/src/input-control/InputControl-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-D_Y4T4gr.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var control = recipeRuntime({base:['zydbp1',{bg:'transparent',flex:'auto',w:'full'},'_1660juk','_17uia1y'],variants:{size:{md:{},lg:{},xl:['_1p0coh5']}}});
+
+export { control };

package/dist/{packages → esm/packages}/react/src/input-control/InputControl.js

@@ -25,13 +25,13 @@ const InputControl = forwardRef(
     return /* @__PURE__ */ jsx(
       Box,
       {
-        "aria-describedby": errorId || descriptionId ? clsx(errorId, descriptionId) : undefined,
+        "aria-describedby": errorId || descriptionId ? clsx(errorId, descriptionId) : void 0,
         "aria-disabled": disabled,
-        "aria-invalid": error ? true : undefined,
+        "aria-invalid": error ? true : void 0,
         asChild: true,
-        "data-disabled": disabled ? "" : undefined,
-        "data-invalid": error ? "" : undefined,
-        "data-readonly": readOnly ? "" : undefined,
+        "data-disabled": disabled ? "" : void 0,
+        "data-invalid": error ? "" : void 0,
+        "data-readonly": readOnly ? "" : void 0,
         ...control({ size }, className),
         ...boxProps,
         children: /* @__PURE__ */ jsx(Comp, { id: inputId, ref, ...restProps, children })

package/dist/{packages → esm/packages}/react/src/input-root/InputRoot-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Df83DDkl.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-vlrSoyZz.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-Do36JkwD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-pvg1PXNv.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-D_Y4T4gr.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-B-a174zk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1mex7gj']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1vbsl41']});
 
 export { root };

package/dist/esm/packages/react/src/kbd/Kbd-css.js

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-B271fCLJ.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'m62xg4'],variants:{variant:{outline:{border:'1',borderB:'2',borderColor:'border.tertiary',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
+var keys = recipeRuntime({base:'_2txbve',variants:{variant:{outline:'_1vq6xw8',subtle:{}}}});
+
+export { kbd, keys };

package/dist/esm/packages/react/src/layers/layers-css.js

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+
+var axiom = 'optiaxiom';
+var base = 'optiaxiom.base';
+var components = 'optiaxiom.rok3ul';
+var reset = 'optiaxiom._1x7rilg';
+var theme = 'optiaxiom.theme';
+
+export { axiom, base, components, reset, theme };

package/dist/esm/packages/react/src/layout/Layout.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { Flex } from '../flex/Flex.js';
+
+const Layout = forwardRef(
+  ({ children, header, sidenav, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(Flex, { gap: "0", h: "full", ref, ...props, children: [
+      header,
+      /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          alignItems: "start",
+          flexDirection: "row",
+          gap: "0",
+          justifyContent: "start",
+          children: [
+            sidenav,
+            /* @__PURE__ */ jsx(Box, { flex: "1", h: "full", children })
+          ]
+        }
+      )
+    ] });
+  }
+);
+Layout.displayName = "@optiaxiom/react/Layout";
+
+export { Layout };

package/dist/esm/packages/react/src/link/Link-css.js

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-DpUHZuBB.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1oi7r22']});
+var link = recipeRuntime({base:['fa2lq8','u4xb40'],variants:{appearance:{'default':'_1cjm9qy',inverse:'_18qmi44',subtle:'_10bhhzf'}}});
+
+export { icon, link };

package/dist/esm/packages/react/src/link/Link.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { extractBoxProps } from '../box/extractBoxProps.js';
+import { Cover } from '../cover/Cover.js';
+import { IconUpRightFromSquare } from '../icons/IconUpRightFromSquare.js';
+import '../utils/conditions.js';
+import { decorateChildren } from '../utils/decorateChildren.js';
+import { link, icon } from './Link-css.js';
+
+const Link = forwardRef(
+  ({
+    appearance = "default",
+    asChild,
+    children,
+    className,
+    disabled,
+    external,
+    overlay,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "a";
+    const { boxProps, restProps } = extractBoxProps(props);
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...link({ appearance }, className), ...boxProps, children: /* @__PURE__ */ jsx(Cover, { asChild: true, overlay, children: /* @__PURE__ */ jsx(
+      Comp,
+      {
+        "aria-disabled": disabled,
+        "data-disabled": disabled ? "" : void 0,
+        "data-overlay": overlay ? "" : void 0,
+        ref,
+        ...external && { rel: "noopener noreferrer", target: "_blank" },
+        ...restProps,
+        ...disabled && {
+          href: void 0,
+          role: "link"
+        },
+        children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          children2,
+          external && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconUpRightFromSquare, {}) })
+        ] }))
+      }
+    ) }) });
+  }
+);
+Link.displayName = "@optiaxiom/react/Link";
+
+export { Link };

package/dist/{packages → esm/packages}/react/src/listbox-group-context/ListboxGroupContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [ListboxGroupContextProvider, useListboxGroupContext] = createContext("ListboxGroup", { id: undefined });
+const [ListboxGroupContextProvider, useListboxGroupContext] = createContext("ListboxGroup", { id: void 0 });
 
 export { ListboxGroupContextProvider, useListboxGroupContext };

package/dist/esm/packages/react/src/listbox-item/ListboxItem-css.js

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-BFoVwm4N.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var description = recipeRuntime({base:[{fontSize:'sm'},'_5fy8l6']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1rug828'],variants:{intent:{danger:'csgzfw',neutral:'_1lfst83'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'jdx5ea']});
+
+export { description, item, title };