@optiaxiom/react 0.3.1 → 0.3.3

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

@@ -0,0 +1,26 @@
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+  ._1t6urpn {
+    --_1le1xxx: var(--ax-colors-bg-tertiary);
+  }
+  ._1t6urpn:has(._1h5sy2j:not(:disabled):not(:checked)):hover {
+    --_1le1xxx: var(--ax-colors-bg-tertiary-hovered);
+  }
+  .yv3fcz {
+    background-color: var(--_1le1xxx);
+    position: relative;
+  }
+  .srlckw {
+    background-color: var(--ax-colors-bg-default);
+    transform: translateX(-10px);
+  }
+  .tof6ej:has(._1h5sy2j:checked) .srlckw {
+    transform: translateX(10px);
+  }
+  .tof6ej:has(._1h5sy2j:disabled) .srlckw {
+    background-color: var(--ax-colors-bg-page);
+  }
+  .tof6ej:has(._1h5sy2j:not(:disabled)) .srlckw {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+}

package/dist/assets/src/table/{Table.css.ts.vanilla-CkaM38hU.css → Table.css.ts.vanilla-m1N-e0Vc.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._1368myb;
-@layer optiaxiom._1368myb {
-  ._16xi4ap {
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+  ._13cnu6g {
     caption-side: bottom;
   }
-  ._1g18u95 {
+  ._1or640f {
     max-height: 80dvh;
     max-width: 80dvw;
     position: relative;

package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BcYHU0P3.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+  .hpldo0 {
+    position: relative;
+  }
+}

package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-Crpjbbr7.css → TableCell.css.ts.vanilla-ZAmhNzaE.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom._1368myb;
-@layer optiaxiom._1368myb {
-  .x9lfro {
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+  ._68iz2l {
     vertical-align: middle;
     word-break: break-word;
   }
-  ._7nt16x:hover .x9lfro {
+  ._1c9pqfn:hover ._68iz2l {
     background-color: var(--ax-colors-bg-secondary);
   }
 }

package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-CPgX36rF.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+  ._1h2ysk0 {
+    vertical-align: middle;
+  }
+}

package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DtdkkHE5.css

@@ -0,0 +1,4 @@
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+
+}

package/dist/assets/src/tabs/Tabs.css.ts.vanilla-6Tb_1v1L.css

@@ -0,0 +1,9 @@
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+  ._109v1v5[data-orientation="horizontal"] {
+    flex-direction: column;
+  }
+  ._109v1v5[data-orientation="vertical"] {
+    flex-direction: row;
+  }
+}

package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-CfJX9Lr1.css

@@ -0,0 +1,23 @@
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+  .pg3nj2[data-orientation="horizontal"] {
+    flex-direction: row;
+  }
+  .pg3nj2[data-orientation="vertical"] {
+    flex-direction: column;
+  }
+  ._1o190ro[data-orientation="horizontal"] {
+    border-bottom-width: 1px;
+    gap: var(--ax-spacing-lg);
+  }
+  ._1o190ro[data-orientation="vertical"] {
+    border-right-width: 1px;
+    gap: var(--ax-spacing-xs);
+  }
+  .et85ce[data-orientation="horizontal"] {
+    gap: var(--ax-spacing-md);
+  }
+  .et85ce[data-orientation="vertical"] {
+    gap: var(--ax-spacing-xs);
+  }
+}

package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-CiwM-iX8.css → TabsTrigger.css.ts.vanilla-DXn2VZ67.css}

@@ -1,35 +1,35 @@
-@layer optiaxiom._1368myb;
-@layer optiaxiom._1368myb {
-  .tlpw92 {
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+  ._1jp04py {
     border-color: transparent;
     color: var(--ax-colors-fg-tertiary);
     user-select: none;
   }
-  .tlpw92:focus-visible {
+  ._1jp04py:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .tlpw92:hover:not([data-state="active"]) {
+  ._1jp04py:hover:not([data-state="active"]) {
     border-color: var(--ax-colors-border-default);
     color: var(--ax-colors-fg-secondary);
   }
-  .tlpw92[data-disabled] {
+  ._1jp04py[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .tlpw92[data-orientation="horizontal"] {
+  ._1jp04py[data-orientation="horizontal"] {
     border-bottom-width: 2px;
     margin-bottom: -1px;
   }
-  .tlpw92[data-orientation="vertical"] {
+  ._1jp04py[data-orientation="vertical"] {
     border-right-width: 2px;
     margin-right: -1px;
     padding-inline: 10px;
   }
-  .tlpw92[data-state="active"] {
+  ._1jp04py[data-state="active"] {
     border-color: var(--ax-colors-border-accent);
     color: var(--ax-colors-fg-default);
   }
-  .vakta4:active ._4s3lo5 {
+  .u0niwe:active .r04cvo {
     background-color: var(--ax-colors-bg-secondary);
   }
 }

package/dist/assets/src/text/{Text.css.ts.vanilla-E7frbCff.css → Text.css.ts.vanilla-BxYXQpZA.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom._1368myb;
-@layer optiaxiom._1368myb {
-  .rs37xd {
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+  ._4lz2sj {
     text-overflow: ellipsis;
   }
-  .zc6w7r {
+  .l5vyp0 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-  .fx8l9j {
+  .wpy72s {
     -webkit-line-clamp: 1;
   }
-  .i5w301 {
+  ._1s7nefn {
     -webkit-line-clamp: 2;
   }
-  ._1qlyj8h {
+  ._15tlnho {
     -webkit-line-clamp: 3;
   }
-  ._12f3ay4 {
+  ._1ckulbk {
     -webkit-line-clamp: 4;
   }
 }

package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-UZZkUzZb.css

@@ -0,0 +1,34 @@
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+  .gky68p {
+    max-height: calc(16px + var(--_1p2dhti) * 22px);
+  }
+  ._5x1mcu {
+    --_1p2dhti: 1;
+  }
+  .wcbzag {
+    --_1p2dhti: 2;
+  }
+  ._19hag42 {
+    --_1p2dhti: 3;
+  }
+  ._1idnht {
+    --_1p2dhti: 4;
+  }
+  ._1jcuw8d {
+    --_1p2dhti: 5;
+  }
+  .s2q7o1 {
+    resize: vertical;
+  }
+  ._1o9b5uo {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  ._141gg0q {
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+  .i3l3n4 {
+    resize: none;
+  }
+}

package/dist/assets/src/toast/Toast.css.ts.vanilla-o29zz8Nn.css

@@ -0,0 +1,92 @@
+@keyframes uwsurr {
+  from {
+    opacity: 1;
+  }
+}
+@keyframes _1hvqdhg {
+  from {
+    translate: var(--_1me4t9a);
+  }
+  to {
+    translate: 0;
+  }
+}
+@keyframes _1w7v1r0 {
+  from {
+    opacity: 1;
+    translate: var(--radix-toast-swipe-end-x) var(--radix-toast-swipe-end-y);
+  }
+  to {
+    translate: var(--_1me4t9a);
+  }
+}
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+  .pknen:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  .pknen[data-state="closed"] {
+    animation: uwsurr 100ms ease-in;
+    opacity: 0;
+  }
+  .pknen[data-state="closed"] ~ .pknen {
+    transition: translate 100ms ease-in 100ms;
+  }
+  .pknen[data-state="open"] {
+    animation: _1hvqdhg 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  .pknen[data-swipe="cancel"] {
+    transition: translate 150ms ease;
+    translate: 0;
+  }
+  .pknen[data-swipe="end"] {
+    animation: _1w7v1r0 100ms ease-out;
+    opacity: 0;
+  }
+  .pknen[data-swipe="move"] {
+    translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
+  }
+  .pknen[data-swipe-direction="down"] {
+    --_1me4t9a: 0 calc(100% + var(--ax-spacing-24));
+  }
+  .pknen[data-swipe-direction="left"] {
+    --_1me4t9a: calc(-100% - var(--ax-spacing-24)) 0;
+  }
+  .pknen[data-swipe-direction="right"] {
+    --_1me4t9a: calc(100% + var(--ax-spacing-24)) 0;
+  }
+  .pknen[data-swipe-direction="up"] {
+    --_1me4t9a: 0 calc(-100% - var(--ax-spacing-24));
+  }
+  [data-position^="bottom"] .pknen:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] .pknen[data-state="closed"] ~ .pknen {
+    translate: 0 calc(100% + var(--ax-spacing-md));
+  }
+  [data-position^="top"] .pknen:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] .pknen[data-state="closed"] ~ .pknen {
+    translate: 0 calc(-100% - var(--ax-spacing-md));
+  }
+  ._2rv36x {
+    --elwwvb: var(--ax-colors-fg-error-light);
+  }
+  .rkfcqo {
+    --elwwvb: var(--ax-colors-fg-information-light);
+  }
+  .fxejgc {
+    --elwwvb: var(--ax-colors-fg-default-inverse);
+  }
+  ._1fsyuew {
+    --elwwvb: var(--ax-colors-fg-success-light);
+  }
+  ._162gm0r {
+    --elwwvb: var(--ax-colors-fg-warning-light);
+  }
+  ._1moujfc {
+    color: var(--elwwvb);
+  }
+}

package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-DT0Xoumk.css → ToastProvider.css.ts.vanilla-K3MUigBV.css}

@@ -1,33 +1,33 @@
-@layer optiaxiom._1368myb;
-@layer optiaxiom._1368myb {
-  ._13cj3ou {
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+  ._1w079hl {
     outline: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  .xsk5eq {
+  ._1fivm9h {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  ._1tabhli {
+  ._811jpo {
     bottom: 0;
     left: 0;
   }
-  ._9kq99b {
+  .aqd1yb {
     bottom: 0;
     right: 0;
   }
-  ._1p5jyfw {
+  .l4qn01 {
     left: 50%;
     top: 0;
     transform: translateX(-50%);
   }
-  ._1jml1jn {
+  ._1nbh2sl {
     left: 0;
     top: 0;
   }
-  .ibu9pe {
+  ._1eqb5fi {
     right: 0;
     top: 0;
   }

package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-DEHzszBc.css

@@ -0,0 +1,22 @@
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+  .ssgdwa {
+    --_1le1xxx: var(--ax-colors-border-active);
+    color: var(--ax-colors-fg-default);
+  }
+  .ssgdwa:has(._1lqv16r:not(:disabled):checked):hover {
+    --_1le1xxx: var(--ax-colors-bg-accent-hovered);
+  }
+  .ssgdwa:has(._1lqv16r:not(:disabled):not(:checked)):hover {
+    --_1le1xxx: var(--ax-colors-border-active-hovered);
+  }
+  .ssgdwa:has(._1lqv16r:checked) {
+    --_1le1xxx: var(--ax-colors-bg-accent);
+  }
+  .ssgdwa:has(._1lqv16r:disabled) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  .ssgdwa:not(:has(._1lqv16r:disabled)) {
+    cursor: pointer;
+  }
+}

package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CKL0tO-A.css

@@ -0,0 +1,10 @@
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+  .mgwg4d:has(:focus-visible) ._1itaasu {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  .mgwg4d:has(input:disabled) ._1itaasu {
+    opacity: 0.3;
+  }
+}

package/dist/assets/src/transition/{Transition.css.ts.vanilla-trnUEh7p.css → Transition.css.ts.vanilla-BiM8-hyq.css}

@@ -1,55 +1,55 @@
-@layer optiaxiom._1368myb;
-@layer optiaxiom._1368myb {
-  ._9j30k8 {
+@layer optiaxiom.rzssx9;
+@layer optiaxiom.rzssx9 {
+  .tfn3y4 {
     transform-origin: var(--radix-popper-transform-origin);
     transition-property: opacity, transform;
     transition-timing-function: ease;
   }
-  ._18ydu45 {
+  .ow9baj {
     transition-duration: 150ms;
   }
-  ._16wpx0e {
+  ._158760e {
     transition-duration: 250ms;
   }
-  ._1sek8m8 {
+  ._1rwdxyf {
     transition-duration: 400ms;
   }
-  ._1ot5vgi {
+  ._1xhwqr3 {
     opacity: 0;
   }
-  ._1ot5vgi[data-side="bottom"] {
+  ._1xhwqr3[data-side="bottom"] {
     opacity: 0;
     transform: translateY(-15px);
   }
-  ._1ot5vgi[data-side="left"] {
+  ._1xhwqr3[data-side="left"] {
     opacity: 0;
     transform: translateX(15px);
   }
-  ._1ot5vgi[data-side="right"] {
+  ._1xhwqr3[data-side="right"] {
     opacity: 0;
     transform: translateX(-15px);
   }
-  ._1ot5vgi[data-side="top"] {
+  ._1xhwqr3[data-side="top"] {
     opacity: 0;
     transform: translateY(15px);
   }
-  ._1c2fgpf {
+  ._13fxohh {
     opacity: 0;
     transform: scale(0.95);
   }
-  ._1c2fgpf[data-side="bottom"] {
+  ._13fxohh[data-side="bottom"] {
     opacity: 0;
     transform: scale(0.95) translateY(-8px);
   }
-  ._1c2fgpf[data-side="left"] {
+  ._13fxohh[data-side="left"] {
     opacity: 0;
     transform: scale(0.95) translateX(8px);
   }
-  ._1c2fgpf[data-side="right"] {
+  ._13fxohh[data-side="right"] {
     opacity: 0;
     transform: scale(0.95) translateX(-8px);
   }
-  ._1c2fgpf[data-side="top"] {
+  ._13fxohh[data-side="top"] {
     opacity: 0;
     transform: scale(0.95) translateY(8px);
   }

package/dist/package.json.js

@@ -1,3 +1,3 @@
-var version = "0.3.1";
+var version = "0.3.3";
 
 export { version };

package/dist/src/alert/Alert-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',justifyContent:'space-between',p:'sm',pr:'md',rounded:'md'}],variants:{colorScheme:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});

package/dist/src/alert-description/AlertDescription.js

@@ -1,11 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useAlertContext } from '../alert-context/AlertContext.js';
-import { Flex } from '../flex/Flex.js';
+import { Box } from '../box/Box.js';
 
 const AlertDescription = forwardRef(({ children, ...props }, ref) => {
   const { descriptionId } = useAlertContext("AlertDescription");
-  return /* @__PURE__ */ jsx(Flex, { gap: "xs", id: descriptionId, ref, ...props, children });
+  return /* @__PURE__ */ jsx(Box, { id: descriptionId, ref, ...props, children });
 });
 AlertDescription.displayName = "@optiaxiom/react/AlertDescription";
 

package/dist/src/alert-dialog-content/AlertDialogContent-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
-import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-BwQefyfD.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
+import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Cr0jsrlM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',rounded:'lg',shadow:'md',z:'popover'},'xousaf'],variants:{size:{sm:'r7i7gu',md:'_1x9rvpw',lg:'_1o0j9gc'}}});
-var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_5f6l5z']});
+var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',rounded:'lg',shadow:'md',z:'popover'},'_14cwact'],variants:{size:{sm:'bamikp',md:'_143e421',lg:'_1utmb02'}}});
+var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1svy4d']});
 
 export { content, overlay };

package/dist/src/alert-dialog-description/AlertDialogDescription-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',fontSize:'md',overflow:'auto',px:'24',py:'16'}]});

package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
-import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DAtF98vf.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
+import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CSF3IjhR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'ds0w15']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_1ktdehn']});
 
 export { footer };

package/dist/src/autocomplete-content/AutocompleteContent-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
-import './../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-bqp1e34h.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
+import './../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-CKRzpEat.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{p:'4'},'_3hz293']});
+var content = recipeRuntime({base:[{p:'4'},'_1uog2ab']});
 
 export { content };

package/dist/src/avatar/Avatar-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-D66Bv1MJ.css';
-import './../../assets/src/avatar/Avatar.css.ts.vanilla-CrJJGukn.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-DtdkkHE5.css';
+import './../../assets/src/avatar/Avatar.css.ts.vanilla-BF1qaLvg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1ygs0ep'],variants:{colorScheme:{blue:{bg:'avatar.bg.blue',color:'avatar.fg.blue'},cyan:{bg:'avatar.bg.cyan',color:'avatar.fg.cyan'},green:{bg:'avatar.bg.green',color:'avatar.fg.green'},magenta:{bg:'avatar.bg.magenta',color:'avatar.fg.magenta'},neutral:{bg:'bg.secondary',color:'fg.default'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'},red:{bg:'bg.error.subtle',color:'fg.error.strong'},yellow:{bg:'avatar.bg.yellow',color:'avatar.fg.yellow'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'hv4l1z'],sm:[{fontSize:'xs',size:'sm'},'_1ye7ui3'],md:[{fontSize:'md',size:'md'},'_1y6d07s'],lg:[{fontSize:'lg',size:'lg'},'_1udgnrz'],xl:[{fontSize:'2xl',size:'xl'},'l8h6gw'],'5xl':[{fontSize:'4xl',size:'5xl'},'_1qs6gxp']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'rhysjq'],variants:{colorScheme:{blue:{bg:'avatar.bg.blue',color:'avatar.fg.blue'},cyan:{bg:'avatar.bg.cyan',color:'avatar.fg.cyan'},green:{bg:'avatar.bg.green',color:'avatar.fg.green'},magenta:{bg:'avatar.bg.magenta',color:'avatar.fg.magenta'},neutral:{bg:'bg.secondary',color:'fg.default'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'},red:{bg:'bg.error.subtle',color:'fg.error.strong'},yellow:{bg:'avatar.bg.yellow',color:'avatar.fg.yellow'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'vzqu2g'],sm:[{fontSize:'xs',size:'sm'},'_154lu2q'],md:[{fontSize:'md',size:'md'},'rk85en'],lg:[{fontSize:'lg',size:'lg'},'_1w7f5vq'],xl:[{fontSize:'2xl',size:'xl'},'rpl2io'],'5xl':[{fontSize:'4xl',size:'5xl'},'_4j2h85']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{h:'auto'}],variants:{size:{xs:{w:'12'},sm:{w:'12'},md:{w:'16'},lg:{w:'20'},xl:{w:'20'},'5xl':{w:'32'}}}});
 

package/dist/src/avatar-group/AvatarGroup-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-D66Bv1MJ.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-DtdkkHE5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_1mvpqkx',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_14qmtc8',{display:'flex'}]});
 
 export { avatarGroup };

package/dist/src/badge/Badge-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
-import './../../assets/src/badge/Badge.css.ts.vanilla-BPzZ1dzX.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
+import './../../assets/src/badge/Badge.css.ts.vanilla-CDFp0bWo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'v0wvwq'],variants:{colorScheme:{danger:'_83ef51',information:'jnigog',neutral:'tsgac0',primary:'_1h8ii3',success:'mfe4ya',warning:'_1vgh9ej'},variant:{light:'_1l4zmao',solid:'vemier'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'_3cmv2i'],variants:{colorScheme:{danger:'_16jr9ht',information:'s30x2m',neutral:'u8hs3s',primary:'btpj4w',success:'_503mp6',warning:'_1e1p44p'},variant:{light:'_1qh9p2t',solid:'_157w3f8'}}});
 
 export { badge };

package/dist/src/banner/Banner-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'sm',justifyContent:'space-between',px:'lg',py:'sm'}],variants:{colorScheme:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});

package/dist/src/banner-description/BannerDescription.js

@@ -1,11 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useBannerContext } from '../banner-context/BannerContext.js';
-import { Flex } from '../flex/Flex.js';
+import { Box } from '../box/Box.js';
 
 const BannerDescription = forwardRef(({ children, ...props }, ref) => {
   const { descriptionId } = useBannerContext("BannerDescription");
-  return /* @__PURE__ */ jsx(Flex, { gap: "xs", id: descriptionId, ref, ...props, children });
+  return /* @__PURE__ */ jsx(Box, { id: descriptionId, ref, ...props, children });
 });
 BannerDescription.displayName = "@optiaxiom/react/BannerDescription";
 

package/dist/src/box/Box-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
-import './../../assets/src/box/Box.css.ts.vanilla-Dd4yeYOS.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
+import './../../assets/src/box/Box.css.ts.vanilla-CIZw6Oxp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1rsm61g'});
+var box = recipeRuntime({base:'_1ndimy9'});
 
 export { box };