@optiaxiom/react 0.3.2 → 0.3.4

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

@@ -0,0 +1,26 @@
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._61n40y {
+    --_1rem3j7: var(--ax-colors-bg-tertiary);
+  }
+  ._61n40y:has(._5k94tm:not(:disabled):not(:checked)):hover {
+    --_1rem3j7: var(--ax-colors-bg-tertiary-hovered);
+  }
+  ._8ttg5z {
+    background-color: var(--_1rem3j7);
+    position: relative;
+  }
+  ._14psck2 {
+    background-color: var(--ax-colors-bg-default);
+    transform: translateX(-10px);
+  }
+  ._9542np:has(._5k94tm:checked) ._14psck2 {
+    transform: translateX(10px);
+  }
+  ._9542np:has(._5k94tm:disabled) ._14psck2 {
+    background-color: var(--ax-colors-bg-page);
+  }
+  ._9542np:has(._5k94tm:not(:disabled)) ._14psck2 {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+}

package/dist/assets/src/table/{Table.css.ts.vanilla-BfvHtBhn.css → Table.css.ts.vanilla-DCz5_D85.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.kvgl8g;
-@layer optiaxiom.kvgl8g {
-  .ld88b2 {
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._1n5tmjc {
     caption-side: bottom;
   }
-  ._14gbpjh {
+  ._12jj8vy {
     max-height: 80dvh;
     max-width: 80dvw;
     position: relative;

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

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

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

@@ -1,10 +1,10 @@
-@layer optiaxiom.kvgl8g;
-@layer optiaxiom.kvgl8g {
-  .okdtf0 {
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._1n8vc0j {
     vertical-align: middle;
     word-break: break-word;
   }
-  .mom0k8:hover .okdtf0 {
+  ._4hg9s1:hover ._1n8vc0j {
     background-color: var(--ax-colors-bg-secondary);
   }
 }

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

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

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

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

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

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

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

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

package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-Bn4aHj9i.css → TabsTrigger.css.ts.vanilla-CG_99hZP.css}

@@ -1,35 +1,35 @@
-@layer optiaxiom.kvgl8g;
-@layer optiaxiom.kvgl8g {
-  ._5aoksd {
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._641lmi {
     border-color: transparent;
     color: var(--ax-colors-fg-tertiary);
     user-select: none;
   }
-  ._5aoksd:focus-visible {
+  ._641lmi:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._5aoksd:hover:not([data-state="active"]) {
+  ._641lmi:hover:not([data-state="active"]) {
     border-color: var(--ax-colors-border-default);
     color: var(--ax-colors-fg-secondary);
   }
-  ._5aoksd[data-disabled] {
+  ._641lmi[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._5aoksd[data-orientation="horizontal"] {
+  ._641lmi[data-orientation="horizontal"] {
     border-bottom-width: 2px;
     margin-bottom: -1px;
   }
-  ._5aoksd[data-orientation="vertical"] {
+  ._641lmi[data-orientation="vertical"] {
     border-right-width: 2px;
     margin-right: -1px;
     padding-inline: 10px;
   }
-  ._5aoksd[data-state="active"] {
+  ._641lmi[data-state="active"] {
     border-color: var(--ax-colors-border-accent);
     color: var(--ax-colors-fg-default);
   }
-  ._14smz24:active ._1h87ztm {
+  .ah539l:active .xb2a4z {
     background-color: var(--ax-colors-bg-secondary);
   }
 }

package/dist/assets/src/text/{Text.css.ts.vanilla-Ct8tbV9g.css → Text.css.ts.vanilla-AqeTOozB.css}

@@ -1,22 +1,22 @@
-@layer optiaxiom.kvgl8g;
-@layer optiaxiom.kvgl8g {
-  ._11ihx2h {
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._1wf48c9 {
     text-overflow: ellipsis;
   }
-  ._1w7kuk5 {
+  ._1fvmajc {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-  ._1irvnb3 {
+  .jrvp07 {
     -webkit-line-clamp: 1;
   }
-  .gol2wa {
+  .a90lup {
     -webkit-line-clamp: 2;
   }
-  .k2xz5m {
+  ._9t11n6 {
     -webkit-line-clamp: 3;
   }
-  ._1jucbey {
+  .i6adrq {
     -webkit-line-clamp: 4;
   }
 }

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

@@ -0,0 +1,34 @@
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._1pfw6m7 {
+    max-height: calc(16px + var(--ire867) * 22px);
+  }
+  .b99499 {
+    --ire867: 1;
+  }
+  ._87fl7e {
+    --ire867: 2;
+  }
+  .zc85qp {
+    --ire867: 3;
+  }
+  .lvd06 {
+    --ire867: 4;
+  }
+  .mxynr2 {
+    --ire867: 5;
+  }
+  .fmudw2 {
+    resize: vertical;
+  }
+  ._1i3b7fd {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  ._16rmsha {
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+  ._10yx66i {
+    resize: none;
+  }
+}

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

@@ -0,0 +1,92 @@
+@keyframes _1pkxwfx {
+  from {
+    opacity: 1;
+  }
+}
+@keyframes _1b87vob {
+  from {
+    translate: var(--_1cq52ml);
+  }
+  to {
+    translate: 0;
+  }
+}
+@keyframes z3x38x {
+  from {
+    opacity: 1;
+    translate: var(--radix-toast-swipe-end-x) var(--radix-toast-swipe-end-y);
+  }
+  to {
+    translate: var(--_1cq52ml);
+  }
+}
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  .biqcg2:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  .biqcg2[data-state="closed"] {
+    animation: _1pkxwfx 100ms ease-in;
+    opacity: 0;
+  }
+  .biqcg2[data-state="closed"] ~ .biqcg2 {
+    transition: translate 100ms ease-in 100ms;
+  }
+  .biqcg2[data-state="open"] {
+    animation: _1b87vob 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  .biqcg2[data-swipe="cancel"] {
+    transition: translate 150ms ease;
+    translate: 0;
+  }
+  .biqcg2[data-swipe="end"] {
+    animation: z3x38x 100ms ease-out;
+    opacity: 0;
+  }
+  .biqcg2[data-swipe="move"] {
+    translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
+  }
+  .biqcg2[data-swipe-direction="down"] {
+    --_1cq52ml: 0 calc(100% + var(--ax-spacing-24));
+  }
+  .biqcg2[data-swipe-direction="left"] {
+    --_1cq52ml: calc(-100% - var(--ax-spacing-24)) 0;
+  }
+  .biqcg2[data-swipe-direction="right"] {
+    --_1cq52ml: calc(100% + var(--ax-spacing-24)) 0;
+  }
+  .biqcg2[data-swipe-direction="up"] {
+    --_1cq52ml: 0 calc(-100% - var(--ax-spacing-24));
+  }
+  [data-position^="bottom"] .biqcg2:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] .biqcg2[data-state="closed"] ~ .biqcg2 {
+    translate: 0 calc(100% + var(--ax-spacing-md));
+  }
+  [data-position^="top"] .biqcg2:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] .biqcg2[data-state="closed"] ~ .biqcg2 {
+    translate: 0 calc(-100% - var(--ax-spacing-md));
+  }
+  ._1xko13c {
+    --_1gdz6t3: var(--ax-colors-fg-error-light);
+  }
+  ._4j60dk {
+    --_1gdz6t3: var(--ax-colors-fg-information-light);
+  }
+  ._1jjg9i {
+    --_1gdz6t3: var(--ax-colors-fg-default-inverse);
+  }
+  ._1sgbtc2 {
+    --_1gdz6t3: var(--ax-colors-fg-success-light);
+  }
+  ._1lslqv5 {
+    --_1gdz6t3: var(--ax-colors-fg-warning-light);
+  }
+  ._1w8rle2 {
+    color: var(--_1gdz6t3);
+  }
+}

package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-BLTq-uVy.css → ToastProvider.css.ts.vanilla-D0WvOUI1.css}

@@ -1,33 +1,33 @@
-@layer optiaxiom.kvgl8g;
-@layer optiaxiom.kvgl8g {
-  .cx96n3 {
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._11cqo1y {
     outline: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  ._17jao08 {
+  .avkih1 {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  ._10dutje {
+  ._1b788g3 {
     bottom: 0;
     left: 0;
   }
-  .qry7n1 {
+  ._5lsw9p {
     bottom: 0;
     right: 0;
   }
-  .voxpwz {
+  ._1k7g9xb {
     left: 50%;
     top: 0;
     transform: translateX(-50%);
   }
-  ._1vu07nb {
+  ._1mxb55n {
     left: 0;
     top: 0;
   }
-  ._18uxb5s {
+  .gb52re {
     right: 0;
     top: 0;
   }

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

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

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

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

package/dist/assets/src/transition/{Transition.css.ts.vanilla-1IYS0C05.css → Transition.css.ts.vanilla-8tg-gwE2.css}

@@ -1,55 +1,55 @@
-@layer optiaxiom.kvgl8g;
-@layer optiaxiom.kvgl8g {
-  ._4kg4k8 {
+@layer optiaxiom._8eawvo;
+@layer optiaxiom._8eawvo {
+  ._1azpzr7 {
     transform-origin: var(--radix-popper-transform-origin);
     transition-property: opacity, transform;
     transition-timing-function: ease;
   }
-  .wi0vxn {
+  ._8lyvl5 {
     transition-duration: 150ms;
   }
-  .t4114u {
+  ._1styjlp {
     transition-duration: 250ms;
   }
-  ._8ctnk {
+  ._2t7u54 {
     transition-duration: 400ms;
   }
-  .i9oo1s {
+  .isc3ld {
     opacity: 0;
   }
-  .i9oo1s[data-side="bottom"] {
+  .isc3ld[data-side="bottom"] {
     opacity: 0;
     transform: translateY(-15px);
   }
-  .i9oo1s[data-side="left"] {
+  .isc3ld[data-side="left"] {
     opacity: 0;
     transform: translateX(15px);
   }
-  .i9oo1s[data-side="right"] {
+  .isc3ld[data-side="right"] {
     opacity: 0;
     transform: translateX(-15px);
   }
-  .i9oo1s[data-side="top"] {
+  .isc3ld[data-side="top"] {
     opacity: 0;
     transform: translateY(15px);
   }
-  .kghzs1 {
+  .fx13no {
     opacity: 0;
     transform: scale(0.95);
   }
-  .kghzs1[data-side="bottom"] {
+  .fx13no[data-side="bottom"] {
     opacity: 0;
     transform: scale(0.95) translateY(-8px);
   }
-  .kghzs1[data-side="left"] {
+  .fx13no[data-side="left"] {
     opacity: 0;
     transform: scale(0.95) translateX(8px);
   }
-  .kghzs1[data-side="right"] {
+  .fx13no[data-side="right"] {
     opacity: 0;
     transform: scale(0.95) translateX(-8px);
   }
-  .kghzs1[data-side="top"] {
+  .fx13no[data-side="top"] {
     opacity: 0;
     transform: scale(0.95) translateY(8px);
   }

package/dist/index.d.ts

@@ -53,6 +53,7 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<Omit<Radix
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
@@ -72,6 +73,7 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<Radix
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
@@ -131,6 +133,7 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<Radi
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
@@ -286,6 +289,7 @@ type ButtonProps<T extends ElementType = "button", P = unknown> = BoxProps<T, Ex
     children?: ReactNode;
     disabled?: boolean;
     icon?: ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<ButtonVariants, "colorScheme" | "iconOnly" | "variant">, P>>;
@@ -299,6 +303,7 @@ declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHT
     children?: ReactNode;
     disabled?: boolean;
     icon?: ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
@@ -355,6 +360,7 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
@@ -407,6 +413,7 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixDial
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
@@ -548,6 +555,7 @@ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omi
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
@@ -716,6 +724,7 @@ declare const MenuButton: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.D
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
@@ -781,6 +790,7 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<rea
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
@@ -839,6 +849,7 @@ declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<Omit<Ra
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
@@ -899,6 +910,7 @@ declare const SideNavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<r
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
@@ -906,7 +918,7 @@ declare const SideNavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<r
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild" | "aria-label" | "addonAfter" | "addonBefore" | "appearance" | "disabled" | "icon" | "iconPosition" | "loading"> & Omit<{
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild" | "aria-label" | "addonAfter" | "addonBefore" | "appearance" | "disabled" | "icon" | "iconAutosize" | "iconPosition" | "loading"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
@@ -916,6 +928,7 @@ declare const SideNavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<r
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
@@ -995,6 +1008,7 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
@@ -1082,6 +1096,7 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{
@@ -1109,6 +1124,7 @@ declare const ToggleButton: react.ForwardRefExoticComponent<Omit<Omit<RadixToggl
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
+    iconAutosize?: boolean;
     iconPosition?: "end" | "start";
     loading?: boolean;
 } & Omit<{

package/dist/package.json.js

@@ -1,3 +1,3 @@
-var version = "0.3.2";
+var version = "0.3.4";
 
 export { version };

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

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.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-CMujrH3-.css';
-import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-D9op-dN0.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-BofFY4c6.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'},'n5qets'],variants:{size:{sm:'q8wkp4',md:'_4l8trx',lg:'_1gr0piu'}}});
-var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'vc5za3']});
+var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',rounded:'lg',shadow:'md',z:'popover'},'_44u4q2'],variants:{size:{sm:'ipirkx',md:'bih0w6',lg:'_1ua8kni'}}});
+var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'cltilp']});
 
 export { content, overlay };

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

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CMujrH3-.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.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-CMujrH3-.css';
-import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DDS8OH-1.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
+import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-D5AnKyTd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_1ympgzg']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_14oqywm']});
 
 export { footer };