@optiaxiom/react 0.2.1 → 0.3.1

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

@@ -0,0 +1,26 @@
+@layer optiaxiom._1368myb;
+@layer optiaxiom._1368myb {
+  ._1dnvns7 {
+    --_1ld3hcn: var(--ax-colors-bg-tertiary);
+  }
+  ._1dnvns7:has(._1ypotc3:not(:disabled):not(:checked)):hover {
+    --_1ld3hcn: var(--ax-colors-bg-tertiary-hovered);
+  }
+  ._85fn1a {
+    background-color: var(--_1ld3hcn);
+    position: relative;
+  }
+  ._8e0u5o {
+    background-color: var(--ax-colors-bg-default);
+    transform: translateX(-10px);
+  }
+  .w7x207:has(._1ypotc3:checked) ._8e0u5o {
+    transform: translateX(10px);
+  }
+  .w7x207:has(._1ypotc3:disabled) ._8e0u5o {
+    background-color: var(--ax-colors-bg-page);
+  }
+  .w7x207:has(._1ypotc3:not(:disabled)) ._8e0u5o {
+    box-shadow: var(--ax-boxShadow-sm);
+  }
+}

package/dist/assets/src/table/Table.css.ts.vanilla-CkaM38hU.css

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,22 +1,22 @@
-@layer optiaxiom._1jg1fzn;
-@layer optiaxiom._1jg1fzn {
-  ._145uddn {
+@layer optiaxiom._1368myb;
+@layer optiaxiom._1368myb {
+  .rs37xd {
     text-overflow: ellipsis;
   }
-  ._11300y4 {
+  .zc6w7r {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-  ._1l6a6a5 {
+  .fx8l9j {
     -webkit-line-clamp: 1;
   }
-  ._9awjug {
+  .i5w301 {
     -webkit-line-clamp: 2;
   }
-  .mhs3lb {
+  ._1qlyj8h {
     -webkit-line-clamp: 3;
   }
-  .w0zkyw {
+  ._12f3ay4 {
     -webkit-line-clamp: 4;
   }
 }

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

@@ -0,0 +1,34 @@
+@layer optiaxiom._1368myb;
+@layer optiaxiom._1368myb {
+  .x36uhr {
+    max-height: calc(16px + var(--_9wmitw) * 22px);
+  }
+  .wmd54p {
+    --_9wmitw: 1;
+  }
+  ._1n38p49 {
+    --_9wmitw: 2;
+  }
+  ._10fltgs {
+    --_9wmitw: 3;
+  }
+  .c2aeom {
+    --_9wmitw: 4;
+  }
+  .r3vjgo {
+    --_9wmitw: 5;
+  }
+  ._1hf7s79 {
+    resize: vertical;
+  }
+  .znpik7 {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  ._1srch95 {
+    visibility: hidden;
+    white-space: pre-wrap;
+  }
+  ._1a32yg8 {
+    resize: none;
+  }
+}

package/dist/assets/src/toast/Toast.css.ts.vanilla-BdU-6f3A.css

@@ -0,0 +1,92 @@
+@keyframes fu9dol {
+  from {
+    opacity: 1;
+  }
+}
+@keyframes gbc691 {
+  from {
+    translate: var(--_1w038pd);
+  }
+  to {
+    translate: 0;
+  }
+}
+@keyframes e5g7wv {
+  from {
+    opacity: 1;
+    translate: var(--radix-toast-swipe-end-x) var(--radix-toast-swipe-end-y);
+  }
+  to {
+    translate: var(--_1w038pd);
+  }
+}
+@layer optiaxiom._1368myb;
+@layer optiaxiom._1368myb {
+  ._16vnlwc:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  ._16vnlwc[data-state="closed"] {
+    animation: fu9dol 100ms ease-in;
+    opacity: 0;
+  }
+  ._16vnlwc[data-state="closed"] ~ ._16vnlwc {
+    transition: translate 100ms ease-in 100ms;
+  }
+  ._16vnlwc[data-state="open"] {
+    animation: gbc691 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  ._16vnlwc[data-swipe="cancel"] {
+    transition: translate 150ms ease;
+    translate: 0;
+  }
+  ._16vnlwc[data-swipe="end"] {
+    animation: e5g7wv 100ms ease-out;
+    opacity: 0;
+  }
+  ._16vnlwc[data-swipe="move"] {
+    translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
+  }
+  ._16vnlwc[data-swipe-direction="down"] {
+    --_1w038pd: 0 calc(100% + var(--ax-spacing-24));
+  }
+  ._16vnlwc[data-swipe-direction="left"] {
+    --_1w038pd: calc(-100% - var(--ax-spacing-24)) 0;
+  }
+  ._16vnlwc[data-swipe-direction="right"] {
+    --_1w038pd: calc(100% + var(--ax-spacing-24)) 0;
+  }
+  ._16vnlwc[data-swipe-direction="up"] {
+    --_1w038pd: 0 calc(-100% - var(--ax-spacing-24));
+  }
+  [data-position^="bottom"] ._16vnlwc:first-child {
+    margin-bottom: auto;
+  }
+  [data-position^="bottom"] ._16vnlwc[data-state="closed"] ~ ._16vnlwc {
+    translate: 0 calc(100% + var(--ax-spacing-md));
+  }
+  [data-position^="top"] ._16vnlwc:last-child {
+    margin-top: auto;
+  }
+  [data-position^="top"] ._16vnlwc[data-state="closed"] ~ ._16vnlwc {
+    translate: 0 calc(-100% - var(--ax-spacing-md));
+  }
+  ._1l7qguu {
+    --bcswiq: var(--ax-colors-fg-error-light);
+  }
+  ._6pajml {
+    --bcswiq: var(--ax-colors-fg-information-light);
+  }
+  .bsvonn {
+    --bcswiq: var(--ax-colors-fg-default-inverse);
+  }
+  ._1yyxzep {
+    --bcswiq: var(--ax-colors-fg-success-light);
+  }
+  .lpa3vm {
+    --bcswiq: var(--ax-colors-fg-warning-light);
+  }
+  .wpsgb0 {
+    color: var(--bcswiq);
+  }
+}

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

@@ -1,33 +1,33 @@
-@layer optiaxiom._1jg1fzn;
-@layer optiaxiom._1jg1fzn {
-  .ry7844 {
+@layer optiaxiom._1368myb;
+@layer optiaxiom._1368myb {
+  ._13cj3ou {
     outline: none;
     position: fixed;
     scrollbar-gutter: stable;
   }
-  ._1xb0pgi {
+  .xsk5eq {
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
   }
-  ._1mb18b5 {
+  ._1tabhli {
     bottom: 0;
     left: 0;
   }
-  ._1ls0r0b {
+  ._9kq99b {
     bottom: 0;
     right: 0;
   }
-  .atu3td {
+  ._1p5jyfw {
     left: 50%;
     top: 0;
     transform: translateX(-50%);
   }
-  .u36yfk {
+  ._1jml1jn {
     left: 0;
     top: 0;
   }
-  ._1abj0sx {
+  .ibu9pe {
     right: 0;
     top: 0;
   }

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

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

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

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

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

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

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode, ReactElement, ElementType, ComponentPropsWithRef } from 'react';
-import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './Link-Dc8ekUk0.js';
-export { a as Box, L as Link, m as mapResponsiveValue, s as sprinkles } from './Link-Dc8ekUk0.js';
+import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './Link-DSt1ACyC.js';
+export { a as Box, L as Link, m as mapResponsiveValue, s as sprinkles } from './Link-DSt1ACyC.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
@@ -82,8 +82,8 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<Radix
 }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
-    restProps: Omit<S, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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">;
-    sprinkleProps: Pick<S, keyof S & ("borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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")>;
+    restProps: Omit<S, "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">;
+    sprinkleProps: Pick<S, keyof S & ("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")>;
 };
 
 declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
@@ -643,7 +643,7 @@ declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<rea
 }, never> & {
     colorScheme?: "danger" | "neutral" | "primary" | "information" | "success" | "warning" | undefined;
     variant?: "solid" | "light" | undefined;
-} & react.RefAttributes<HTMLSpanElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "content"> & Omit<{
+} & react.RefAttributes<HTMLSpanElement>, "ref">, "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" | "content"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
@@ -726,24 +726,20 @@ declare const MenuButton: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.D
 }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 type PaginationProps = BoxProps<"nav", {
-    boundaries?: number;
     defaultPage?: number;
     disabled?: boolean;
     onPageChange?: (offset: number) => void;
     page?: number;
-    siblings?: number;
     total: number;
 }>;
 declare const Pagination: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    boundaries?: number;
     defaultPage?: number;
     disabled?: boolean;
     onPageChange?: (offset: number) => void;
     page?: number;
-    siblings?: number;
     total: number;
 } & react.RefAttributes<HTMLElement>>;
 
@@ -910,7 +906,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" | "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" | "iconPosition" | "loading"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
@@ -1039,7 +1035,7 @@ declare const Textarea: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<reac
 } & Sprinkles, never> & {
     maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
     resize?: "none" | "auto" | "vertical" | undefined;
-} & react.RefAttributes<HTMLTextAreaElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "disabled" | "resize" | "maxRows"> & Omit<{
+} & react.RefAttributes<HTMLTextAreaElement>, "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" | "disabled" | "resize" | "maxRows"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
@@ -1134,7 +1130,7 @@ declare namespace TooltipRoot {
 declare const Tooltip: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "content"> & Omit<{
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "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" | "content"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
@@ -1146,6 +1142,7 @@ declare const Tooltip: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Radix
     content?: ReactNode;
     defaultOpen?: boolean;
     delayDuration?: ComponentPropsWithRef<typeof TooltipRoot>["delayDuration"];
+    disabled?: boolean;
     keepOpenOnActivation?: boolean;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;

package/dist/package.json.js

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

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

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.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/Alert.js

@@ -1,5 +1,7 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useId } from '@reach/auto-id';
 import { forwardRef, createElement } from 'react';
+import { AlertContextProvider } from '../alert-context/AlertContext.js';
 import { Button } from '../button/Button.js';
 import { Flex } from '../flex/Flex.js';
 import { Icon } from '../icon/Icon.js';
@@ -19,22 +21,35 @@ const iconMap = {
 };
 const Alert = forwardRef(
   ({ children, className, colorScheme = "neutral", onClose, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(Flex, { ref, ...alert({ colorScheme }, className), ...props, children: [
-      /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon({ colorScheme }), children: createElement(iconMap[colorScheme]) }),
-      /* @__PURE__ */ jsx(Flex, { flex: "1", gap: "xs", my: "2", children }),
-      !!onClose && /* @__PURE__ */ jsx(
-        Button,
-        {
-          appearance: "subtle",
-          "aria-label": "close",
-          color: "fg.default",
-          flex: "none",
-          icon: /* @__PURE__ */ jsx(IconX, {}),
-          onClick: onClose,
-          size: "sm"
-        }
-      )
-    ] });
+    const descriptionId = useId();
+    const labelId = useId();
+    return /* @__PURE__ */ jsx(AlertContextProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        "aria-describedby": descriptionId,
+        "aria-labelledby": labelId,
+        ref,
+        role: "alert",
+        ...alert({ colorScheme }, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon({ colorScheme }), children: createElement(iconMap[colorScheme]) }),
+          /* @__PURE__ */ jsx(Flex, { flex: "1", gap: "xs", my: "2", children }),
+          !!onClose && /* @__PURE__ */ jsx(
+            Button,
+            {
+              appearance: "subtle",
+              "aria-label": "close",
+              color: "fg.default",
+              flex: "none",
+              icon: /* @__PURE__ */ jsx(IconX, {}),
+              onClick: onClose,
+              size: "sm"
+            }
+          )
+        ]
+      }
+    ) });
   }
 );
 Alert.displayName = "@optiaxiom/react/Alert";