@optiaxiom/react 0.1.0-next.8 → 0.1.0-next.9

package/dist/assets/src/styles/{theme.css.ts.vanilla-BftJbjRk.css → theme.css.ts.vanilla-CQvpCMCS.css}

@@ -80,6 +80,13 @@
   --ax-colors-neutral-900: #262B37;
   --ax-colors-neutral-1000: #1C2029;
   --ax-colors-neutral-1100: #171A23;
+  --ax-colors-neutral-1200: #091E42;
+  --ax-colors-neutral-50-32: #F9FAFC52;
+  --ax-colors-neutral-1200-5: #091E420D;
+  --ax-colors-neutral-1200-12: #091E421F;
+  --ax-colors-neutral-1200-18: #091E422E;
+  --ax-colors-neutral-1200-22: #091E4238;
+  --ax-colors-neutral-1200-32: #091E4252;
   --ax-colors-orange-50: #fff5e5;
   --ax-colors-orange-200: #ffd699;
   --ax-colors-orange-500: #ff9900;
@@ -124,7 +131,7 @@
   --ax-colors-bg-brand-solid-hover: #002CCC;
   --ax-colors-bg-brand-subtle: #F0F3FF;
   --ax-colors-bg-default-hover: #F5F6FA;
-  --ax-colors-bg-disabled: #F9FAFC;
+  --ax-colors-bg-disabled: #091E422E;
   --ax-colors-bg-discovery: #F1ECF8;
   --ax-colors-bg-error-solid: #CC1616;
   --ax-colors-bg-error-solid-hover: #B21313;
@@ -139,6 +146,8 @@
   --ax-colors-bg-warning-solid: #F79008;
   --ax-colors-bg-warning-solid-hover: #DC6903;
   --ax-colors-bg-warning-subtle: #FFFAEA;
+  --ax-colors-border-active: #868FA4;
+  --ax-colors-border-active-hover: #626A81;
   --ax-colors-border-brand: #0037FF;
   --ax-colors-border-default: #CACFDC;
   --ax-colors-border-disabled: #F5F6FA;
@@ -166,29 +175,33 @@
   --ax-colors-fg-tertiary-hover: #464D61;
   --ax-colors-fg-warning: #F79008;
   --ax-colors-fg-warning-hover: #DC6903;
+  --ax-colors-outline-brand: #6A8FFC;
+  --ax-colors-overlay: #091E4252;
   --ax-colors-surface: #FFFFFF;
   --ax-fontFamily-mono: Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   --ax-fontFamily-sans: InterVariable, system-ui, sans-serif;
   --ax-fontSize-xs-fontSize: 0.625rem;
-  --ax-fontSize-xs-lineHeight: 1.25;
+  --ax-fontSize-xs-lineHeight: 0.875rem;
   --ax-fontSize-sm-fontSize: 0.75rem;
-  --ax-fontSize-sm-lineHeight: 1.45;
+  --ax-fontSize-sm-lineHeight: 1.125rem;
   --ax-fontSize-md-fontSize: 0.875rem;
-  --ax-fontSize-md-lineHeight: 1.5;
+  --ax-fontSize-md-lineHeight: 1.25rem;
   --ax-fontSize-lg-fontSize: 1rem;
-  --ax-fontSize-lg-lineHeight: 1.6;
+  --ax-fontSize-lg-lineHeight: 1.5rem;
   --ax-fontSize-xl-fontSize: 1.125rem;
-  --ax-fontSize-xl-lineHeight: 1.65;
+  --ax-fontSize-xl-lineHeight: 1.75rem;
   --ax-fontSize-2xl-fontSize: 1.25rem;
-  --ax-fontSize-2xl-lineHeight: 1.6;
-  --ax-fontSize-3xl-fontSize: 1.875rem;
-  --ax-fontSize-3xl-lineHeight: 2.25rem;
-  --ax-fontSize-4xl-fontSize: 2.25rem;
-  --ax-fontSize-4xl-lineHeight: 2.5rem;
-  --ax-fontSize-5xl-fontSize: 3rem;
-  --ax-fontSize-5xl-lineHeight: 1;
-  --ax-fontSize-6xl-fontSize: 3.75rem;
+  --ax-fontSize-2xl-lineHeight: 1.75rem;
+  --ax-fontSize-3xl-fontSize: 1.5rem;
+  --ax-fontSize-3xl-lineHeight: 2rem;
+  --ax-fontSize-4xl-fontSize: 1.875rem;
+  --ax-fontSize-4xl-lineHeight: 2.25rem;
+  --ax-fontSize-5xl-fontSize: 2.25rem;
+  --ax-fontSize-5xl-lineHeight: 2.5rem;
+  --ax-fontSize-6xl-fontSize: 3rem;
   --ax-fontSize-6xl-lineHeight: 1;
+  --ax-fontSize-7xl-fontSize: 3.75rem;
+  --ax-fontSize-7xl-lineHeight: 1;
   --ax-letterSpacing-tighter: -0.05em;
   --ax-letterSpacing-tight: -0.025em;
   --ax-letterSpacing-normal: 0;
@@ -200,17 +213,11 @@
   --ax-lineHeight-normal: 1.5;
   --ax-lineHeight-loose: 2;
   --ax-margins-0: 0;
-  --ax-margins-1: 0.063rem;
   --ax-margins-2: 0.125rem;
-  --ax-margins-3: 0.188rem;
   --ax-margins-4: 0.25rem;
-  --ax-margins-5: 0.313rem;
   --ax-margins-6: 0.375rem;
-  --ax-margins-7: 0.438rem;
   --ax-margins-8: 0.5rem;
-  --ax-margins-9: 0.563rem;
   --ax-margins-10: 0.625rem;
-  --ax-margins-11: 0.688rem;
   --ax-margins-12: 0.75rem;
   --ax-margins-16: 1rem;
   --ax-margins-20: 1.25rem;
@@ -298,17 +305,11 @@
   --ax-size-max: max-content;
   --ax-size-min: min-content;
   --ax-spacing-0: 0;
-  --ax-spacing-1: 0.063rem;
   --ax-spacing-2: 0.125rem;
-  --ax-spacing-3: 0.188rem;
   --ax-spacing-4: 0.25rem;
-  --ax-spacing-5: 0.313rem;
   --ax-spacing-6: 0.375rem;
-  --ax-spacing-7: 0.438rem;
   --ax-spacing-8: 0.5rem;
-  --ax-spacing-9: 0.563rem;
   --ax-spacing-10: 0.625rem;
-  --ax-spacing-11: 0.688rem;
   --ax-spacing-12: 0.75rem;
   --ax-spacing-16: 1rem;
   --ax-spacing-20: 1.25rem;
@@ -413,6 +414,13 @@
   --ax-colors-neutral-900: #262B37;
   --ax-colors-neutral-1000: #1C2029;
   --ax-colors-neutral-1100: #171A23;
+  --ax-colors-neutral-1200: #091E42;
+  --ax-colors-neutral-50-32: #F9FAFC52;
+  --ax-colors-neutral-1200-5: #091E420D;
+  --ax-colors-neutral-1200-12: #091E421F;
+  --ax-colors-neutral-1200-18: #091E422E;
+  --ax-colors-neutral-1200-22: #091E4238;
+  --ax-colors-neutral-1200-32: #091E4252;
   --ax-colors-orange-50: #fff5e5;
   --ax-colors-orange-200: #ffd699;
   --ax-colors-orange-500: #ff9900;
@@ -472,6 +480,8 @@
   --ax-colors-bg-warning-solid: #F79008;
   --ax-colors-bg-warning-solid-hover: #DC6903;
   --ax-colors-bg-warning-subtle: #FFFAEA;
+  --ax-colors-border-active: #868FA4;
+  --ax-colors-border-active-hover: #626A81;
   --ax-colors-border-brand: #0037FF;
   --ax-colors-border-default: #1f2937;
   --ax-colors-border-disabled: #F5F6FA;
@@ -499,29 +509,33 @@
   --ax-colors-fg-tertiary-hover: #464D61;
   --ax-colors-fg-warning: #F79008;
   --ax-colors-fg-warning-hover: #DC6903;
+  --ax-colors-outline-brand: #6A8FFC;
+  --ax-colors-overlay: #F9FAFC52;
   --ax-colors-surface: #111827;
   --ax-fontFamily-mono: Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   --ax-fontFamily-sans: InterVariable, system-ui, sans-serif;
   --ax-fontSize-xs-fontSize: 0.625rem;
-  --ax-fontSize-xs-lineHeight: 1.25;
+  --ax-fontSize-xs-lineHeight: 0.875rem;
   --ax-fontSize-sm-fontSize: 0.75rem;
-  --ax-fontSize-sm-lineHeight: 1.45;
+  --ax-fontSize-sm-lineHeight: 1.125rem;
   --ax-fontSize-md-fontSize: 0.875rem;
-  --ax-fontSize-md-lineHeight: 1.5;
+  --ax-fontSize-md-lineHeight: 1.25rem;
   --ax-fontSize-lg-fontSize: 1rem;
-  --ax-fontSize-lg-lineHeight: 1.6;
+  --ax-fontSize-lg-lineHeight: 1.5rem;
   --ax-fontSize-xl-fontSize: 1.125rem;
-  --ax-fontSize-xl-lineHeight: 1.65;
+  --ax-fontSize-xl-lineHeight: 1.75rem;
   --ax-fontSize-2xl-fontSize: 1.25rem;
-  --ax-fontSize-2xl-lineHeight: 1.6;
-  --ax-fontSize-3xl-fontSize: 1.875rem;
-  --ax-fontSize-3xl-lineHeight: 2.25rem;
-  --ax-fontSize-4xl-fontSize: 2.25rem;
-  --ax-fontSize-4xl-lineHeight: 2.5rem;
-  --ax-fontSize-5xl-fontSize: 3rem;
-  --ax-fontSize-5xl-lineHeight: 1;
-  --ax-fontSize-6xl-fontSize: 3.75rem;
+  --ax-fontSize-2xl-lineHeight: 1.75rem;
+  --ax-fontSize-3xl-fontSize: 1.5rem;
+  --ax-fontSize-3xl-lineHeight: 2rem;
+  --ax-fontSize-4xl-fontSize: 1.875rem;
+  --ax-fontSize-4xl-lineHeight: 2.25rem;
+  --ax-fontSize-5xl-fontSize: 2.25rem;
+  --ax-fontSize-5xl-lineHeight: 2.5rem;
+  --ax-fontSize-6xl-fontSize: 3rem;
   --ax-fontSize-6xl-lineHeight: 1;
+  --ax-fontSize-7xl-fontSize: 3.75rem;
+  --ax-fontSize-7xl-lineHeight: 1;
   --ax-letterSpacing-tighter: -0.05em;
   --ax-letterSpacing-tight: -0.025em;
   --ax-letterSpacing-normal: 0;
@@ -533,17 +547,11 @@
   --ax-lineHeight-normal: 1.5;
   --ax-lineHeight-loose: 2;
   --ax-margins-0: 0;
-  --ax-margins-1: 0.063rem;
   --ax-margins-2: 0.125rem;
-  --ax-margins-3: 0.188rem;
   --ax-margins-4: 0.25rem;
-  --ax-margins-5: 0.313rem;
   --ax-margins-6: 0.375rem;
-  --ax-margins-7: 0.438rem;
   --ax-margins-8: 0.5rem;
-  --ax-margins-9: 0.563rem;
   --ax-margins-10: 0.625rem;
-  --ax-margins-11: 0.688rem;
   --ax-margins-12: 0.75rem;
   --ax-margins-16: 1rem;
   --ax-margins-20: 1.25rem;
@@ -631,17 +639,11 @@
   --ax-size-max: max-content;
   --ax-size-min: min-content;
   --ax-spacing-0: 0;
-  --ax-spacing-1: 0.063rem;
   --ax-spacing-2: 0.125rem;
-  --ax-spacing-3: 0.188rem;
   --ax-spacing-4: 0.25rem;
-  --ax-spacing-5: 0.313rem;
   --ax-spacing-6: 0.375rem;
-  --ax-spacing-7: 0.438rem;
   --ax-spacing-8: 0.5rem;
-  --ax-spacing-9: 0.563rem;
   --ax-spacing-10: 0.625rem;
-  --ax-spacing-11: 0.688rem;
   --ax-spacing-12: 0.75rem;
   --ax-spacing-16: 1rem;
   --ax-spacing-20: 1.25rem;

package/dist/assets/src/switch/Switch.css.ts.vanilla-DqRWTr5T.css

@@ -0,0 +1,23 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  .n3x1po0 {
+    background-color: var(--_7uwxjo1);
+    position: relative;
+  }
+  .n3x1po0[data-state="unchecked"]:not([data-disabled]) {
+    background-color: var(--ax-colors-bg-disabled);
+  }
+  .n3x1po1 {
+    background-color: var(--ax-colors-white);
+    transform: translateX(-10px);
+  }
+  .n3x1po1:not([data-disabled]) {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+  .n3x1po1[data-disabled] {
+    background-color: var(--ax-colors-bg-disabled);
+  }
+  .n3x1po1[data-state="checked"] {
+    transform: translateX(10px);
+  }
+}

package/dist/assets/src/textarea/Textarea.css.ts.vanilla-B4lEj1jX.css

@@ -0,0 +1,9 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  ._1kbp2ib0 {
+    resize: vertical;
+  }
+  ._1kbp2ib1 {
+    resize: none;
+  }
+}

package/dist/box/Box-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-BftJbjRk.css';
+import './../assets/src/styles/theme.css.ts.vanilla-CQvpCMCS.css';
 import './../assets/src/box/Box.css.ts.vanilla-DMx7YI4c.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/button/Button-css.js

@@ -1,10 +1,10 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-BftJbjRk.css';
+import './../assets/src/styles/theme.css.ts.vanilla-CQvpCMCS.css';
 import './../assets/src/button-group/ButtonGroup.css.ts.vanilla-4BGjgIuZ.css';
-import './../assets/src/button/Button.css.ts.vanilla-BopXGX13.css';
+import './../assets/src/button/Button.css.ts.vanilla-CmOG82Kg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flexDirection:'row',gap:'4',justifyContent:'center',overflow:'hidden',transition:'colors'},'_1gqmi2d3'],variants:{colorScheme:{danger:'_1gqmi2d4',primary:'_1gqmi2d5',secondary:'_1gqmi2d6'},disabled:{false:{},true:{}},iconOnly:{false:{},true:{}},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',h:'md'},lg:{fontSize:'lg',h:'lg'}},variant:{ghost:'_1gqmi2d7',outline:'_1gqmi2d8',solid:'_1gqmi2d9'}},variantsCompounded:[{style:'_1gqmi2da',variants:{colorScheme:'secondary',variant:'outline'}},{style:{px:'2'},variants:{iconOnly:true,size:'sm'}},{style:{px:'4'},variants:{iconOnly:false,size:'sm'}},{style:{px:'1'},variants:{iconOnly:true,size:'sm',variant:'outline'}},{style:{px:'1'},variants:{disabled:true,iconOnly:true,size:'sm',variant:'solid'}},{style:{px:'3'},variants:{iconOnly:false,size:'sm',variant:'outline'}},{style:{px:'3'},variants:{disabled:true,iconOnly:false,size:'sm',variant:'solid'}},{style:{px:'6'},variants:{iconOnly:true,size:'md'}},{style:{px:'8'},variants:{iconOnly:false,size:'md'}},{style:{px:'5'},variants:{iconOnly:true,size:'md',variant:'outline'}},{style:{px:'5'},variants:{disabled:true,iconOnly:true,size:'md',variant:'solid'}},{style:{px:'7'},variants:{iconOnly:false,size:'md',variant:'outline'}},{style:{px:'7'},variants:{disabled:true,iconOnly:false,size:'md',variant:'solid'}},{style:{px:'10'},variants:{iconOnly:true,size:'lg'}},{style:{px:'12'},variants:{iconOnly:false,size:'lg'}},{style:{px:'9'},variants:{iconOnly:true,size:'lg',variant:'outline'}},{style:{px:'9'},variants:{disabled:true,iconOnly:true,size:'lg',variant:'solid'}},{style:{px:'11'},variants:{iconOnly:false,size:'lg',variant:'outline'}},{style:{px:'11'},variants:{disabled:true,iconOnly:false,size:'lg',variant:'solid'}}]});
+var button = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flexDirection:'row',gap:'4',justifyContent:'center',overflow:'hidden',transition:'colors'},'_1gqmi2d4'],variants:{colorScheme:{danger:'_1gqmi2d5',primary:'_1gqmi2d6',secondary:'_1gqmi2d7'},iconOnly:{false:{},true:{}},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',h:'md'},lg:{fontSize:'lg',h:'lg'}},variant:{outline:'_1gqmi2d8',solid:'_1gqmi2d9',subtle:'_1gqmi2da'}},variantsCompounded:[{style:'_1gqmi2db',variants:{colorScheme:'secondary',variant:'outline'}},{style:'_1gqmi2dc',variants:{iconOnly:true,size:'sm'}},{style:'_1gqmi2dd',variants:{iconOnly:false,size:'sm'}},{style:'_1gqmi2de',variants:{iconOnly:true,size:'md'}},{style:'_1gqmi2df',variants:{iconOnly:false,size:'md'}},{style:'_1gqmi2dg',variants:{iconOnly:true,size:'lg'}},{style:'_1gqmi2dh',variants:{iconOnly:false,size:'lg'}}]});
 var icon = recipeRuntime({variants:{position:{end:{},start:{}},size:{sm:{w:'20'},md:{w:'20'},lg:{w:'20'}}},variantsCompounded:[{style:{ml:'2'},variants:{position:'end',size:'md'}},{style:{mr:'2'},variants:{position:'start',size:'md'}},{style:{ml:'4'},variants:{position:'end',size:'lg'}},{style:{mr:'4'},variants:{position:'start',size:'lg'}}]});
 
 export { button, icon };

package/dist/button/Button.js

@@ -2,6 +2,8 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { Slottable, Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles-css.js';
 import { button, icon } from './Button-css.js';
 
 const appearances = {
@@ -9,7 +11,7 @@ const appearances = {
   "danger-outline": { colorScheme: "danger", variant: "outline" },
   default: { colorScheme: "secondary", variant: "outline" },
   primary: { colorScheme: "primary", variant: "solid" },
-  secondary: { colorScheme: "secondary", variant: "ghost" }
+  secondary: { colorScheme: "secondary", variant: "subtle" }
 };
 const Button = forwardRef(
   ({
@@ -27,6 +29,7 @@ const Button = forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? Slot : "button";
+    const { restProps, sprinkleProps } = extractSprinkles(props);
     const presetProps = appearances[appearance];
     const finalColorScheme = colorScheme ?? presetProps.colorScheme;
     const finalVariant = variant ?? presetProps.variant;
@@ -36,19 +39,18 @@ const Button = forwardRef(
       Box,
       {
         asChild: true,
-        "data-disabled": isDisabled,
+        "data-disabled": isDisabled ? "" : void 0,
         ...button(
           {
             colorScheme: finalColorScheme,
-            disabled: isDisabled,
             iconOnly: isIconOnly,
             size,
             variant: finalVariant
           },
           className
         ),
-        ...props,
-        children: /* @__PURE__ */ jsxs(Comp, { disabled: isDisabled, ref, children: [
+        ...sprinkleProps,
+        children: /* @__PURE__ */ jsxs(Comp, { disabled: isDisabled, ref, ...restProps, children: [
           !isIconOnly && /* @__PURE__ */ jsx(
             Box,
             {

package/dist/checkbox/Checkbox-css.js

@@ -0,0 +1,12 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
+import './../assets/src/styles/theme.css.ts.vanilla-CQvpCMCS.css';
+import './../assets/src/control-base/ControlBase.css.ts.vanilla-BRvl57K9.css';
+import './../assets/src/checkbox/Checkbox.css.ts.vanilla-w5cdPwHc.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var checkbox = recipeRuntime({base:['_1vlnf5q0',{color:'white',rounded:'xs',size:'16'},'_1vlnf5q3']});
+var iconChecked = recipeRuntime({base:['_1vlnf5q1']});
+var iconIndeterminate = recipeRuntime({base:['_1vlnf5q2']});
+var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
+
+export { checkbox, iconChecked, iconIndeterminate, indicator };

package/dist/checkbox/Checkbox.js

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as RadixCheckbox from '@radix-ui/react-checkbox';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { ControlBase } from '../control-base/ControlBase.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles-css.js';
+import { checkbox, indicator, iconChecked, iconIndeterminate } from './Checkbox-css.js';
+import { IconChecked } from './icons-svg/IconChecked.js';
+import { IconIndeterminate } from './icons-svg/IconIndeterminate.js';
+
+const Checkbox = forwardRef(
+  ({ children, className, endDecorator, ...props }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    return /* @__PURE__ */ jsx(
+      ControlBase,
+      {
+        endDecorator: endDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ml: "lg", children: endDecorator }),
+        label: children,
+        ref,
+        ...sprinkleProps,
+        children: /* @__PURE__ */ jsx(Box, { asChild: true, ...checkbox(), children: /* @__PURE__ */ jsx(RadixCheckbox.Root, { ...restProps, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...indicator(), children: /* @__PURE__ */ jsxs(RadixCheckbox.Indicator, { children: [
+          /* @__PURE__ */ jsx(Box, { asChild: true, ...iconChecked(), children: /* @__PURE__ */ jsx(IconChecked, {}) }),
+          /* @__PURE__ */ jsx(Box, { asChild: true, ...iconIndeterminate(), children: /* @__PURE__ */ jsx(IconIndeterminate, {}) })
+        ] }) }) }) })
+      }
+    );
+  }
+);
+Checkbox.displayName = "@optiaxiom/react/Checkbox";
+
+export { Checkbox };

package/dist/checkbox/icons-svg/IconChecked.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+
+const IconChecked = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      fill: "none",
+      height: "8",
+      viewBox: "0 0 12 8",
+      width: "12",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M1.5 3.47059L4.83333 7L10.5 1",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.5"
+        }
+      )
+    }
+  );
+};
+
+export { IconChecked };

package/dist/checkbox/icons-svg/IconIndeterminate.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+
+const IconIndeterminate = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      height: "8",
+      viewBox: "0 0 12 8",
+      width: "12",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M2.85714 3.19995C2.35714 3.19995 2 3.56662 2 3.99995C2 4.46662 2.35714 4.79995 2.85714 4.79995H9.14286C9.60714 4.79995 10 4.46662 10 3.99995C10 3.56662 9.60714 3.19995 9.14286 3.19995H2.85714Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+};
+
+export { IconIndeterminate };

package/dist/chip/Chip-css.js

@@ -0,0 +1,8 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
+import './../assets/src/styles/theme.css.ts.vanilla-CQvpCMCS.css';
+import './../assets/src/chip/Chip.css.ts.vanilla-SD4SsrSx.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var chip = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flexDirection:'row',gap:'xs',justifyContent:'center',rounded:'full'},'wnd97r0'],variants:{size:{sm:{fontSize:'sm',px:'sm',py:'2'},md:{fontSize:'md',px:'sm',py:'4'},lg:{fontSize:'lg',px:'md',py:'6'}}}});
+
+export { chip };

package/dist/chip/Chip.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as RadixToggle from '@radix-ui/react-toggle';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles-css.js';
+import { chip } from './Chip-css.js';
+import { IconCross } from './IconCross.js';
+
+const Chip = forwardRef(
+  ({
+    children,
+    className,
+    disabled,
+    endDecorator,
+    onPressedChange,
+    size = "md",
+    startDecorator,
+    ...props
+  }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...chip({ size }, className), ...sprinkleProps, children: /* @__PURE__ */ jsxs(RadixToggle.Root, { disabled, ref, ...restProps, children: [
+      startDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ml: "4", children: startDecorator }),
+      children,
+      endDecorator ? /* @__PURE__ */ jsx(Box, { asChild: true, children: endDecorator }) : !!onPressedChange && /* @__PURE__ */ jsx(IconCross, {})
+    ] }) });
+  }
+);
+Chip.displayName = "@optiaxiom/react/Chip";
+
+export { Chip };

package/dist/chip/IconCross.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+
+const IconCross = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    height: "16",
+    viewBox: "0 0 20 16",
+    width: "20",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M14.8438 12.875C14.6562 13.0625 14.3125 13.0625 14.125 12.875L10 8.71875L5.84375 12.875C5.65625 13.0625 5.3125 13.0625 5.125 12.875C4.9375 12.6875 4.9375 12.3438 5.125 12.1562L9.28125 8L5.125 3.875C4.9375 3.6875 4.9375 3.34375 5.125 3.15625C5.3125 2.96875 5.65625 2.96875 5.84375 3.15625L10 7.3125L14.125 3.15625C14.3125 2.96875 14.6562 2.96875 14.8438 3.15625C15.0312 3.34375 15.0312 3.6875 14.8438 3.875L10.6875 8L14.8438 12.1562C15.0312 12.3438 15.0312 12.6875 14.8438 12.875Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+
+export { IconCross };

package/dist/code/Code-css.js

@@ -2,6 +2,6 @@ import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
 import './../assets/src/code/Code.css.ts.vanilla-Dz07Qp9h.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:'go7emt0'});
+var code = recipeRuntime({base:[{bg:'bg.neutral',display:'inline-block',px:'4',rounded:'sm'},'go7emt0']});
 
 export { code };

package/dist/code/Code.js

@@ -2,24 +2,15 @@ import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles-css.js';
 import { code } from './Code-css.js';
 
 const Code = forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
     const Comp = asChild ? Slot : "code";
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        asChild: true,
-        bg: "bg.neutral",
-        display: "inline-block",
-        px: "4",
-        rounded: "sm",
-        ...code({}, className),
-        ...props,
-        children: /* @__PURE__ */ jsx(Comp, { ref, children })
-      }
-    );
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...code({}, className), ...sprinkleProps, children: /* @__PURE__ */ jsx(Comp, { ref, ...restProps, children }) });
   }
 );
 Code.displayName = "@optiaxiom/react/Code";

package/dist/control-base/ControlBase-css.js

@@ -0,0 +1,10 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
+import './../assets/src/styles/theme.css.ts.vanilla-CQvpCMCS.css';
+import './../assets/src/control-base/ControlBase.css.ts.vanilla-BRvl57K9.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var controlBase = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_7uwxjo2']});
+var indicator = recipeRuntime({base:['_7uwxjo0','_7uwxjo3']});
+var label = recipeRuntime({base:[{flex:'1',pl:'xs'},'_7uwxjo4']});
+
+export { controlBase, indicator, label };

package/dist/control-base/ControlBase.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as RadixLabel from '@radix-ui/react-label';
+import { useId } from '@reach/auto-id';
+import { forwardRef, cloneElement } from 'react';
+import { Box } from '../box/Box.js';
+import { Flex } from '../flex/Flex.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles-css.js';
+import { Text } from '../text/Text.js';
+import { controlBase, indicator, label } from './ControlBase-css.js';
+
+const ControlBase = forwardRef(
+  ({ children, className, endDecorator, id: idProp, label: label$1, ...props }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    const id = useId(idProp);
+    return /* @__PURE__ */ jsxs(Flex, { className, gap: "0", ref, ...sprinkleProps, children: [
+      /* @__PURE__ */ jsxs(Flex, { ...controlBase(), children: [
+        /* @__PURE__ */ jsx(Box, { asChild: true, ...indicator(), children: cloneElement(children, {
+          id,
+          ...restProps
+        }) }),
+        /* @__PURE__ */ jsx(Text, { asChild: true, ...label(), children: /* @__PURE__ */ jsx(RadixLabel.Root, { htmlFor: id, children: label$1 }) })
+      ] }),
+      endDecorator
+    ] });
+  }
+);
+ControlBase.displayName = "@optiaxiom/react/ControlBase";
+
+export { ControlBase };

package/dist/dialog/CloseIcon.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+
+const CloseIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    fill: "none",
+    height: "16",
+    viewBox: "0 0 20 16",
+    width: "20",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M14.8436 12.875C14.6561 13.0625 14.3124 13.0625 14.1249 12.875L9.99988 8.71875L5.84363 12.875C5.65613 13.0625 5.31238 13.0625 5.12488 12.875C4.93738 12.6875 4.93738 12.3438 5.12488 12.1562L9.28113 8L5.12488 3.875C4.93738 3.6875 4.93738 3.34375 5.12488 3.15625C5.31238 2.96875 5.65613 2.96875 5.84363 3.15625L9.99988 7.3125L14.1249 3.15625C14.3124 2.96875 14.6561 2.96875 14.8436 3.15625C15.0311 3.34375 15.0311 3.6875 14.8436 3.875L10.6874 8L14.8436 12.1562C15.0311 12.3438 15.0311 12.6875 14.8436 12.875Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+
+export { CloseIcon };

package/dist/dialog/Dialog-css.js

@@ -0,0 +1,9 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
+import './../assets/src/dialog/Dialog.css.ts.vanilla-B7OE7tnX.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var close = recipeRuntime({base:[{rounded:'full'},'_1hgarxm5']});
+var content = recipeRuntime({base:[{rounded:'lg',shadow:'md',z:'popover'},'_1hgarxm0'],variants:{size:{sm:'_1hgarxm1',md:'_1hgarxm2',lg:'_1hgarxm3'}}});
+var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_1hgarxm4']});
+
+export { close, content, overlay };