@optiaxiom/react 1.9.16 → 1.9.18

package/dist/css-runtime.d.ts

@@ -0,0 +1,235 @@
+import { CSSProperties } from 'react';
+export { theme, tokens } from '@optiaxiom/globals';
+
+declare const axiom = "optiaxiom";
+declare const theme = "optiaxiom.theme";
+declare const base = "optiaxiom.base";
+declare const reset: string;
+declare const components: string;
+
+declare const layers_css_axiom: typeof axiom;
+declare const layers_css_base: typeof base;
+declare const layers_css_components: typeof components;
+declare const layers_css_reset: typeof reset;
+declare const layers_css_theme: typeof theme;
+declare namespace layers_css {
+  export {
+    layers_css_axiom as axiom,
+    layers_css_base as base,
+    layers_css_components as components,
+    layers_css_reset as reset,
+    layers_css_theme as theme,
+  };
+}
+
+type ExtendProps<T1, T2> = NonNullable<T2> & Omit<NonNullable<T1>, keyof NonNullable<T1> & keyof NonNullable<T2>>;
+
+interface ResponsiveArray<Length extends number, Value> extends ReadonlyArray<Value> {
+    0: Value;
+    length: Length;
+}
+
+declare const sprinkles: ((props: {
+    animation?: "ping" | "pulse" | "spin" | undefined;
+    backgroundColor?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
+    backgroundImage?: "gradient.opal" | undefined;
+    borderBottomWidth?: "0" | "1" | "2" | undefined;
+    borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
+    borderLeftWidth?: "0" | "1" | "2" | undefined;
+    borderRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "inherit" | "none" | undefined;
+    borderRightWidth?: "0" | "1" | "2" | undefined;
+    borderTopWidth?: "0" | "1" | "2" | undefined;
+    boxShadow?: "sm" | "md" | "lg" | "xl" | "none" | undefined;
+    color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
+    cursor?: "pointer" | "default" | "text" | undefined;
+    fontFamily?: "mono" | "sans" | undefined;
+    fontSize?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | undefined;
+    fontWeight?: "inherit" | "400" | "500" | "600" | "700" | undefined;
+    marginBottom?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    marginLeft?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    marginRight?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    marginTop?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    objectFit?: "contain" | "cover" | "fill" | "none" | undefined;
+    overflowX?: "auto" | "hidden" | "visible" | undefined;
+    overflowY?: "auto" | "hidden" | "visible" | undefined;
+    paddingBottom?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    paddingLeft?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    paddingRight?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    paddingTop?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    pointerEvents?: "auto" | "none" | undefined;
+    textAlign?: "end" | "start" | "center" | "justify" | undefined;
+    textTransform?: "none" | "capitalize" | "uppercase" | undefined;
+    transition?: "opacity" | "transform" | "colors" | "none" | "all" | undefined;
+    whiteSpace?: "nowrap" | undefined;
+    zIndex?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
+    bg?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
+    border?: "0" | "1" | "2" | undefined;
+    borderB?: "0" | "1" | "2" | undefined;
+    borderL?: "0" | "1" | "2" | undefined;
+    borderR?: "0" | "1" | "2" | undefined;
+    borderT?: "0" | "1" | "2" | undefined;
+    m?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    mx?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    my?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    mb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    ml?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    mr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    mt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    overflow?: "auto" | "hidden" | "visible" | undefined;
+    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    px?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    py?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    pb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    pl?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    pr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    pt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    rounded?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "inherit" | "none" | undefined;
+    shadow?: "sm" | "md" | "lg" | "xl" | "none" | undefined;
+    z?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
+} & {
+    alignItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
+    alignSelf?: ("end" | "start" | "center" | "normal" | "stretch" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
+    display?: ("none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | {
+        readonly base?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
+        readonly sm?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
+        readonly md?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | null>;
+    flex?: ("1" | "auto" | "none" | "initial" | {
+        readonly base?: "1" | "auto" | "none" | "initial" | undefined;
+        readonly sm?: "1" | "auto" | "none" | "initial" | undefined;
+        readonly md?: "1" | "auto" | "none" | "initial" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "auto" | "none" | "initial" | null>;
+    flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
+        readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        readonly md?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "column" | "column-reverse" | "row" | "row-reverse" | null>;
+    flexWrap?: ("nowrap" | "wrap" | {
+        readonly base?: "nowrap" | "wrap" | undefined;
+        readonly sm?: "nowrap" | "wrap" | undefined;
+        readonly md?: "nowrap" | "wrap" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | null>;
+    gap?: ("0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | {
+        readonly base?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+        readonly sm?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+        readonly md?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | null>;
+    gridColumn?: ("1" | "2" | "3" | "4" | {
+        readonly base?: "1" | "2" | "3" | "4" | undefined;
+        readonly sm?: "1" | "2" | "3" | "4" | undefined;
+        readonly md?: "1" | "2" | "3" | "4" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
+    gridTemplateColumns?: ("1" | "2" | "3" | "4" | {
+        readonly base?: "1" | "2" | "3" | "4" | undefined;
+        readonly sm?: "1" | "2" | "3" | "4" | undefined;
+        readonly md?: "1" | "2" | "3" | "4" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
+    height?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    justifyContent?: ("end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | null>;
+    justifyItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
+        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
+    maxHeight?: ("xs" | "sm" | "md" | "lg" | "full" | {
+        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
+    maxWidth?: ("xs" | "sm" | "md" | "lg" | "full" | {
+        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
+    placeItems?: ("center" | {
+        readonly base?: "center" | undefined;
+        readonly sm?: "center" | undefined;
+        readonly md?: "center" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | null>;
+    width?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    maxH?: ("xs" | "sm" | "md" | "lg" | "full" | {
+        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
+    maxW?: ("xs" | "sm" | "md" | "lg" | "full" | {
+        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
+    size?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    h?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    w?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+}) => string) & {
+    properties: Set<"borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "animation" | "fontFamily" | "fontSize" | "size" | "backgroundColor" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "height" | "maxHeight" | "maxWidth" | "width" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w">;
+};
+type LonghandProps = keyof Pick<Parameters<typeof sprinkles>[0], "backgroundColor" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "zIndex">;
+type Sprinkles = Omit<Parameters<typeof sprinkles>[0], LonghandProps>;
+
+type CompoundVariant<Variants extends VariantGroups> = {
+    style: RecipeStyleRule;
+    variants: VariantSelectionArray<Variants>;
+};
+type RecipeStyleRule = Array<SprinklesRule | string> | SprinklesRule | string;
+type Resolve<T> = [T[keyof T]] extends [never] ? Record<string, never> : NonNullable<unknown> & {
+    [Key in keyof T]: T[Key];
+};
+type SprinklesRule = ExtendProps<Partial<Record<"selectors" | "vars" | keyof CSSProperties, never>>, Sprinkles>;
+type StringToBoolean<T> = T extends "false" | "true" ? boolean : T;
+type VariantDefinition<Variants extends VariantGroups> = {
+    [K in keyof Variants]: {
+        [T in keyof Variants[K]]: RecipeStyleRule;
+    };
+};
+type VariantGroups = Record<string, Record<string, unknown>>;
+type VariantSelection<Variants extends VariantGroups> = [
+    Variants[keyof Variants]
+] extends [never] ? Record<string, never> : {
+    [VariantGroup in keyof Variants]?: StringToBoolean<keyof Variants[VariantGroup]>;
+};
+type VariantSelectionArray<Variants extends VariantGroups> = [
+    Variants[keyof Variants]
+] extends [never] ? Record<string, never> : {
+    [VariantGroup in keyof Variants]?: Array<StringToBoolean<keyof Variants[VariantGroup]>> | StringToBoolean<keyof Variants[VariantGroup]>;
+};
+declare const recipeRuntime: <Variants extends VariantGroups = Record<string, never>>({ base, variants, variantsCompounded, }: {
+    base?: RecipeStyleRule;
+    variants?: VariantDefinition<Variants>;
+    variantsCompounded?: Array<CompoundVariant<NoInfer<Variants>>>;
+}) => (props?: Resolve<VariantSelection<Variants>>, className?: string) => {
+    className: string;
+};
+
+export { layers_css as layers, recipeRuntime as recipe };

package/dist/esm/assets/src/actions/ActionsContent.css.ts.vanilla-QXmKbQI2.css

@@ -0,0 +1,22 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._1tk9kdm {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  ._5htxv9:not(:has(._5htxv9)):focus-within ._1tk9kdm, ._1tk9kdm:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+    opacity: 1;
+    transition: none;
+  }
+  .m7j1o1 {
+    opacity: 1;
+  }
+  ._1getm68 {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    ._5htxv9:not(:has(._5htxv9)):hover ._1tk9kdm {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

package/dist/esm/assets/src/alert/Alert.css.ts.vanilla-B_FYmdJa.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  .mga16q {
+    min-height: var(--ax-size-sm);
+  }
+}

package/dist/esm/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-Cbloavob.css

@@ -0,0 +1,30 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._1in484c {
+    opacity: 0;
+  }
+  .i19zs8 {
+    inset: 0;
+    position: fixed;
+  }
+  ._1dlkalb {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_1nzf3al)))
+      scale(calc(1 - 0.06 * var(--_1nzf3al)))
+    ;
+  }
+  ._1dlkalb:focus-visible {
+    outline: none;
+  }
+  ._16yg6io {
+    width: 400px;
+  }
+  .h9x9ov {
+    width: 600px;
+  }
+  ._18086cn {
+    width: 800px;
+  }
+}

package/dist/esm/assets/src/alert-dialog/{AlertDialogFooter.css.ts.vanilla-DuVhDtzW.css → AlertDialogFooter.css.ts.vanilla-Cpdyr6T2.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  .e5q6f0 {
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  .goip6b {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

package/dist/esm/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DbIUvMej.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._1pqpiaw {
+    position: sticky;
+    top: 0;
+  }
+}

package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-DCWwo5j3.css → Avatar.css.ts.vanilla-BvGkJ8PJ.css}

@@ -1,52 +1,52 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  ._1cjcf65 {
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  .vm4qz6 {
     -webkit-user-select: none;
             user-select: none;
   }
-  ._4yb5h3 ._1cjcf65 {
+  ._1xais9o .vm4qz6 {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  ._16jl0oo {
+  ._1kshwr6 {
     font-size: 8px;
   }
-  ._4yb5h3 ._16jl0oo:not(:first-child) {
+  ._1xais9o ._1kshwr6:not(:first-child) {
     margin-left: -1px;
   }
-  ._19f4n1k {
+  ._1y197np {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._4yb5h3 ._19f4n1k:not(:first-child) {
+  ._1xais9o ._1y197np:not(:first-child) {
     margin-left: -3px;
   }
-  ._1amqvpe {
+  .h3cs91 {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._4yb5h3 ._1amqvpe:not(:first-child) {
+  ._1xais9o .h3cs91:not(:first-child) {
     margin-left: -5px;
   }
-  ._1nx1fs7 {
+  ._12k8x4b {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._4yb5h3 ._1nx1fs7:not(:first-child) {
+  ._1xais9o ._12k8x4b:not(:first-child) {
     margin-left: -7px;
   }
-  .u8rz7g {
+  ._5qvjze {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._4yb5h3 .u8rz7g:not(:first-child) {
+  ._1xais9o ._5qvjze:not(:first-child) {
     margin-left: -9px;
   }
-  ._1mkgwk6 {
+  .yiojw2 {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._4yb5h3 ._1mkgwk6:not(:first-child) {
+  ._1xais9o .yiojw2:not(:first-child) {
     margin-left: -11px;
   }
-  ._1ncnblv {
+  .k8b7ej {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  ._4yb5h3 ._1ncnblv:not(:first-child) {
+  ._1xais9o .k8b7ej:not(:first-child) {
     margin-left: -13px;
   }
 }

package/dist/{cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-B-QbvWHW.css → esm/assets/src/backdrop/Backdrop.css.ts.vanilla-D4I_hBVd.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  ._12vv1xe {
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._1mnfkx8 {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

package/dist/esm/assets/src/badge/Badge.css.ts.vanilla-CezSu4Nu.css

@@ -0,0 +1,51 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._18fxhmk {
+    --_5m4hln: var(--ax-colors-fg-white);
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._18fxhmk:not(:empty) {
+    min-width: var(--ax-size-xs);
+  }
+  ._1v7k6m9 {
+    --_22a7ul: var(--ax-colors-bg-error);
+    --anr7mb: var(--ax-colors-bg-error-subtle);
+    --iuotvn: var(--ax-colors-fg-error-strong);
+  }
+  .tp5yvu {
+    --_22a7ul: var(--ax-colors-bg-information);
+    --anr7mb: var(--ax-colors-bg-information-subtle);
+    --iuotvn: var(--ax-colors-fg-information-strong);
+  }
+  ._1iqaqly {
+    --_22a7ul: var(--ax-colors-bg-tertiary);
+    --_5m4hln: var(--ax-colors-fg-default);
+    --anr7mb: var(--ax-colors-bg-secondary);
+    --iuotvn: var(--ax-colors-fg-secondary);
+  }
+  .qmrdve {
+    --_22a7ul: var(--ax-colors-bg-accent);
+    --anr7mb: var(--ax-colors-bg-accent-subtle);
+    --iuotvn: var(--ax-colors-fg-accent-strong);
+  }
+  ._1orvqs9 {
+    --_22a7ul: var(--ax-colors-bg-success);
+    --anr7mb: var(--ax-colors-bg-success-subtle);
+    --iuotvn: var(--ax-colors-fg-success-strong);
+  }
+  ._1atd4e {
+    --_22a7ul: var(--ax-colors-bg-warning);
+    --_5m4hln: var(--ax-colors-fg-warning-inverse);
+    --anr7mb: var(--ax-colors-bg-warning-subtle);
+    --iuotvn: var(--ax-colors-fg-warning-strong);
+  }
+  .grjore {
+    background-color: var(--_22a7ul);
+    color: var(--_5m4hln);
+  }
+  ._1rfa35y {
+    background-color: var(--anr7mb);
+    color: var(--iuotvn);
+  }
+}

package/dist/esm/assets/src/banner/Banner.css.ts.vanilla-GSu4vdzh.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._1d1spco {
+    min-height: var(--ax-size-sm);
+  }
+}

package/dist/{cjs/assets/src/box/Box.css.ts.vanilla-D7CmYp4m.css → esm/assets/src/box/Box.css.ts.vanilla-DGokvZhb.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1xrxy9z;
-@layer optiaxiom._1xrxy9z {
-  ._1ss9pee {
+@layer optiaxiom._164ar9l;
+@layer optiaxiom._164ar9l {
+  .yx1hp1 {
     border: 0 solid var(--ax-colors-border-default);
     box-sizing: border-box;
     font-family: var(--ax-styles-fontFamily, var(--ax-fontFamily-sans));
@@ -9,74 +9,74 @@
     padding: 0;
     -webkit-font-smoothing: antialiased;
   }
-  ._1ss9pee:focus-visible {
+  .yx1hp1:focus-visible {
     --tw-ring-offset-width: 0;
   }
-  ._1ss9pee:is(hr) {
+  .yx1hp1:is(hr) {
     border-top-width: 1px;
     color: inherit;
     height: 0;
   }
-  ._1ss9pee:is(h1, h2, h3, h4, h5, h6) {
+  .yx1hp1:is(h1, h2, h3, h4, h5, h6) {
     font-size: inherit;
     font-weight: inherit;
   }
-  ._1ss9pee:is(b, strong) {
+  .yx1hp1:is(b, strong) {
     font-weight: bolder;
   }
-  ._1ss9pee:is(code, kbd, samp, pre) {
+  .yx1hp1:is(code, kbd, samp, pre) {
     --ax-styles-fontFamily: var(--ax-fontFamily-mono);
     font-feature-settings: normal;
     font-size: 1em;
     -webkit-font-smoothing: auto;
   }
-  ._1ss9pee:is(table) {
+  .yx1hp1:is(table) {
     border-collapse: collapse;
     border-color: inherit;
     text-indent: 0;
   }
-  ._1ss9pee:is(button, input, optgroup, select, textarea) {
+  .yx1hp1:is(button, input, optgroup, select, textarea) {
     color: inherit;
     font-size: 100%;
     letter-spacing: inherit;
   }
-  ._1ss9pee:is(button, input:where([type=button], [type=reset], [type=submit])) {
+  .yx1hp1:is(button, input:where([type=button], [type=reset], [type=submit])) {
     background-color: transparent;
     background-image: none;
     -webkit-appearance: button;
   }
-  ._1ss9pee:is([type=search]) {
+  .yx1hp1:is([type=search]) {
     outline-offset: -2px;
     -webkit-appearance: textfield;
   }
-  ._1ss9pee::-webkit-file-upload-button {
+  .yx1hp1::-webkit-file-upload-button {
     font: inherit;
     -webkit-appearance: button;
   }
-  ._1ss9pee:is(ol, ul, menu) {
+  .yx1hp1:is(ol, ul, menu) {
     list-style: none;
   }
-  ._1ss9pee:is(textarea) {
+  .yx1hp1:is(textarea) {
     resize: vertical;
   }
-  ._1ss9pee:is(input, textarea)::placeholder {
+  .yx1hp1:is(input, textarea)::placeholder {
     color: var(--ax-colors-fg-tertiary);
     opacity: 1;
   }
-  ._1ss9pee:is(button, [role=button]) {
+  .yx1hp1:is(button, [role=button]) {
     cursor: pointer;
   }
-  ._1ss9pee:is(:disabled) {
+  .yx1hp1:is(:disabled) {
     cursor: default;
   }
-  ._1ss9pee:is(img, svg, video, canvas, audio, iframe, embed, object) {
+  .yx1hp1:is(img, svg, video, canvas, audio, iframe, embed, object) {
     display: block;
   }
-  ._1ss9pee:is(img, video) {
+  .yx1hp1:is(img, video) {
     height: auto;
     max-width: 100%;
   }
-  ._1ss9pee:is(select) {
+  .yx1hp1:is(select) {
     appearance: none;
   }
 }

package/dist/esm/assets/src/breadcrumb/{Breadcrumb.css.ts.vanilla-CmUEODLX.css → Breadcrumb.css.ts.vanilla-CbXP0GLv.css}

@@ -1,16 +1,16 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  ._1elbqqg {
+@layer optiaxiom._1fm60vq;
+@layer optiaxiom._1fm60vq {
+  ._108dnq9 {
     min-height: var(--ax-size-md);
   }
-  ._1egwg3y {
+  .hiokff {
     color: var(--ax-colors-fg-tertiary);
   }
-  ._1egwg3y:visited {
+  .hiokff:visited {
     color: var(--ax-colors-fg-tertiary);
   }
   @media (hover: hover) {
-    ._1egwg3y:hover:not([data-disabled]) {
+    .hiokff:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-secondary);
     }
   }