@optiaxiom/web-components 3.0.0 → 3.0.1

package/dist/components/Box.d.ts

@@ -1,102 +1,101 @@
-import { JSXBase } from '@stencil/core/internal';
-import { ComponentPropsWithoutRef } from 'react';
-import { R as ResponsiveObject, a as ResponsiveArray } from '../types-B4RnVKcG.js';
+import { a as ResponsiveArray, o as ResponsiveObject } from "../types-BYPfSW5W.js";
+import { JSXBase } from "@stencil/core/internal";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 
+//#region src/components/Box.d.ts
 declare const Box = "ax-box";
-
-type BoxProps =  {
+type BoxProps = {
+  "fontFamily"?: "heading" | "mono" | "sans";
+  "font-family"?: "heading" | "mono" | "sans";
+  "fontSize"?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs";
+  "font-size"?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs";
+  "size"?: "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min" | ResponsiveArray<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min"> | ResponsiveObject<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min">;
   "animation"?: "ping" | "pulse" | "spin";
-"backgroundImage"?: "gradient.opal";
-"background-image"?: "gradient.opal";
-"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";
-"border-color"?: "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";
-"color"?: "transparent" | "current" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.black" | "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";
-"cursor"?: "pointer" | "default" | "text";
-"fontFamily"?: "heading" | "mono" | "sans";
-"font-family"?: "heading" | "mono" | "sans";
-"fontSize"?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl";
-"font-size"?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl";
-"fontWeight"?: "inherit" | "400" | "500" | "600" | "700" | "900";
-"font-weight"?: "inherit" | "400" | "500" | "600" | "700" | "900";
-"objectFit"?: "contain" | "cover" | "fill" | "none";
-"object-fit"?: "contain" | "cover" | "fill" | "none";
-"overflowX"?: "hidden" | "auto" | "visible";
-"overflow-x"?: "hidden" | "auto" | "visible";
-"overflowY"?: "hidden" | "auto" | "visible";
-"overflow-y"?: "hidden" | "auto" | "visible";
-"pointerEvents"?: "none" | "auto";
-"pointer-events"?: "none" | "auto";
-"textAlign"?: "end" | "start" | "center" | "justify";
-"text-align"?: "end" | "start" | "center" | "justify";
-"textTransform"?: "none" | "capitalize" | "uppercase";
-"text-transform"?: "none" | "capitalize" | "uppercase";
-"transition"?: "none" | "opacity" | "transform" | "colors" | "all";
-"whiteSpace"?: "nowrap";
-"white-space"?: "nowrap";
-"bg"?: "transparent" | "current" | "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.pill.default" | "bg.pill.hovered" | "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";
-"border"?: "0" | "1" | "2";
-"borderB"?: "0" | "1" | "2";
-"border-b"?: "0" | "1" | "2";
-"borderL"?: "0" | "1" | "2";
-"border-l"?: "0" | "1" | "2";
-"borderR"?: "0" | "1" | "2";
-"border-r"?: "0" | "1" | "2";
-"borderT"?: "0" | "1" | "2";
-"border-t"?: "0" | "1" | "2";
-"m"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"mx"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"my"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"mb"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"ml"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"mr"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"mt"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"overflow"?: "hidden" | "auto" | "visible";
-"p"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"px"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"py"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"pb"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"pl"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"pr"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"pt"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"rounded"?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "none" | "full";
-"shadow"?: "sm" | "md" | "lg" | "xl" | "none";
-"z"?: "auto" | "0" | "10" | "20" | "popover" | "toast" | "tooltip" | "30";
-"alignItems"?: "end" | "start" | "center" | "normal" | "stretch" | ResponsiveObject<"end" | "start" | "center" | "normal" | "stretch"> | ResponsiveArray<"end" | "start" | "center" | "normal" | "stretch">;
-"align-items"?: "end" | "start" | "center" | "normal" | "stretch";
-"alignSelf"?: "end" | "start" | "center" | "normal" | "stretch" | ResponsiveArray<"end" | "start" | "center" | "normal" | "stretch"> | ResponsiveObject<"end" | "start" | "center" | "normal" | "stretch">;
-"align-self"?: "end" | "start" | "center" | "normal" | "stretch";
-"display"?: "flex" | "none" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | ResponsiveObject<"flex" | "none" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row"> | ResponsiveArray<"flex" | "none" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row">;
-"flex"?: "none" | "auto" | "1" | "initial" | ResponsiveObject<"none" | "auto" | "1" | "initial"> | ResponsiveArray<"none" | "auto" | "1" | "initial">;
-"flexDirection"?: "column" | "column-reverse" | "row" | "row-reverse" | ResponsiveObject<"column" | "column-reverse" | "row" | "row-reverse"> | ResponsiveArray<"column" | "column-reverse" | "row" | "row-reverse">;
-"flex-direction"?: "column" | "column-reverse" | "row" | "row-reverse";
-"flexWrap"?: "nowrap" | "wrap" | ResponsiveObject<"nowrap" | "wrap"> | ResponsiveArray<"nowrap" | "wrap">;
-"flex-wrap"?: "nowrap" | "wrap";
-"gap"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | ResponsiveObject<"0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80"> | ResponsiveArray<"0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80">;
-"gridAutoRows"?: "fr" | ResponsiveObject<"fr"> | ResponsiveArray<"fr">;
-"grid-auto-rows"?: "fr";
-"gridColumn"?: "1" | "2" | "4" | "3" | ResponsiveObject<"1" | "2" | "4" | "3"> | ResponsiveArray<"1" | "2" | "4" | "3">;
-"grid-column"?: "1" | "2" | "4" | "3";
-"gridTemplateColumns"?: "1" | "2" | "4" | "3" | ResponsiveArray<"1" | "2" | "4" | "3"> | ResponsiveObject<"1" | "2" | "4" | "3">;
-"grid-template-columns"?: "1" | "2" | "4" | "3";
-"justifyContent"?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | ResponsiveObject<"end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly"> | ResponsiveArray<"end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly">;
-"justify-content"?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly";
-"justifyItems"?: "end" | "start" | "center" | "normal" | "stretch" | ResponsiveArray<"end" | "start" | "center" | "normal" | "stretch"> | ResponsiveObject<"end" | "start" | "center" | "normal" | "stretch">;
-"justify-items"?: "end" | "start" | "center" | "normal" | "stretch";
-"placeItems"?: "center" | ResponsiveObject<"center"> | ResponsiveArray<"center">;
-"place-items"?: "center";
-"maxH"?: "xs" | "sm" | "md" | "lg" | "full" | ResponsiveObject<"xs" | "sm" | "md" | "lg" | "full"> | ResponsiveArray<"xs" | "sm" | "md" | "lg" | "full">;
-"max-h"?: "xs" | "sm" | "md" | "lg" | "full";
-"maxW"?: "xs" | "sm" | "md" | "lg" | "full" | ResponsiveArray<"xs" | "sm" | "md" | "lg" | "full"> | ResponsiveObject<"xs" | "sm" | "md" | "lg" | "full">;
-"max-w"?: "xs" | "sm" | "md" | "lg" | "full";
-"size"?: "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | ResponsiveObject<"xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min"> | ResponsiveArray<"xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min">;
-"h"?: "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | ResponsiveArray<"xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min"> | ResponsiveObject<"xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min">;
-"w"?: "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | ResponsiveArray<"xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min"> | ResponsiveObject<"xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min">;
-"asChild"?: false | true;
-"as-child"?: false | true;
-"className"?: string;
-"class-name"?: string;
+  "backgroundImage"?: "gradient.opal";
+  "background-image"?: "gradient.opal";
+  "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" | "current" | "transparent";
+  "border-color"?: "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" | "current" | "transparent";
+  "color"?: "current" | "transparent" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.black" | "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";
+  "cursor"?: "default" | "pointer" | "text";
+  "fontWeight"?: "inherit" | "400" | "500" | "600" | "700" | "900";
+  "font-weight"?: "inherit" | "400" | "500" | "600" | "700" | "900";
+  "objectFit"?: "contain" | "cover" | "fill" | "none";
+  "object-fit"?: "contain" | "cover" | "fill" | "none";
+  "overflowX"?: "hidden" | "auto" | "visible";
+  "overflow-x"?: "hidden" | "auto" | "visible";
+  "overflowY"?: "hidden" | "auto" | "visible";
+  "overflow-y"?: "hidden" | "auto" | "visible";
+  "pointerEvents"?: "auto" | "none";
+  "pointer-events"?: "auto" | "none";
+  "textAlign"?: "center" | "end" | "justify" | "start";
+  "text-align"?: "center" | "end" | "justify" | "start";
+  "textTransform"?: "none" | "capitalize" | "uppercase";
+  "text-transform"?: "none" | "capitalize" | "uppercase";
+  "transition"?: "colors" | "none" | "all" | "opacity" | "transform";
+  "whiteSpace"?: "nowrap";
+  "white-space"?: "nowrap";
+  "bg"?: "current" | "transparent" | "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.pill.default" | "bg.pill.hovered" | "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";
+  "border"?: "0" | "1" | "2";
+  "borderB"?: "0" | "1" | "2";
+  "border-b"?: "0" | "1" | "2";
+  "borderL"?: "0" | "1" | "2";
+  "border-l"?: "0" | "1" | "2";
+  "borderR"?: "0" | "1" | "2";
+  "border-r"?: "0" | "1" | "2";
+  "borderT"?: "0" | "1" | "2";
+  "border-t"?: "0" | "1" | "2";
+  "m"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mx"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "my"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mb"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "ml"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mr"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mt"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "overflow"?: "hidden" | "auto" | "visible";
+  "p"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "px"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "py"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pb"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pl"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pr"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pt"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "rounded"?: "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | "full" | "none";
+  "shadow"?: "lg" | "md" | "sm" | "xl" | "none";
+  "z"?: "0" | "10" | "20" | "auto" | "30" | "popover" | "toast" | "tooltip";
+  "alignItems"?: "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<"center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<"center" | "end" | "start" | "normal" | "stretch">;
+  "align-items"?: "center" | "end" | "start" | "normal" | "stretch";
+  "alignSelf"?: "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<"center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<"center" | "end" | "start" | "normal" | "stretch">;
+  "align-self"?: "center" | "end" | "start" | "normal" | "stretch";
+  "display"?: "flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | ResponsiveArray<"flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row"> | ResponsiveObject<"flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row">;
+  "flex"?: "auto" | "none" | "1" | "initial" | ResponsiveArray<"auto" | "none" | "1" | "initial"> | ResponsiveObject<"auto" | "none" | "1" | "initial">;
+  "flexDirection"?: "column" | "column-reverse" | "row" | "row-reverse" | ResponsiveArray<"column" | "column-reverse" | "row" | "row-reverse"> | ResponsiveObject<"column" | "column-reverse" | "row" | "row-reverse">;
+  "flex-direction"?: "column" | "column-reverse" | "row" | "row-reverse";
+  "flexWrap"?: "nowrap" | "wrap" | ResponsiveArray<"nowrap" | "wrap"> | ResponsiveObject<"nowrap" | "wrap">;
+  "flex-wrap"?: "nowrap" | "wrap";
+  "gap"?: "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8" | ResponsiveArray<"0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8"> | ResponsiveObject<"0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8">;
+  "gridAutoRows"?: "fr" | ResponsiveArray<"fr"> | ResponsiveObject<"fr">;
+  "grid-auto-rows"?: "fr";
+  "gridColumn"?: "1" | "2" | "4" | "3" | ResponsiveArray<"1" | "2" | "4" | "3"> | ResponsiveObject<"1" | "2" | "4" | "3">;
+  "grid-column"?: "1" | "2" | "4" | "3";
+  "gridTemplateColumns"?: "1" | "2" | "4" | "3" | ResponsiveArray<"1" | "2" | "4" | "3"> | ResponsiveObject<"1" | "2" | "4" | "3">;
+  "grid-template-columns"?: "1" | "2" | "4" | "3";
+  "justifyContent"?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | ResponsiveArray<"center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly"> | ResponsiveObject<"center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly">;
+  "justify-content"?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly";
+  "justifyItems"?: "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<"center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<"center" | "end" | "start" | "normal" | "stretch">;
+  "justify-items"?: "center" | "end" | "start" | "normal" | "stretch";
+  "placeItems"?: "center" | ResponsiveArray<"center"> | ResponsiveObject<"center">;
+  "place-items"?: "center";
+  "maxH"?: "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full">;
+  "max-h"?: "lg" | "md" | "sm" | "xs" | "full";
+  "maxW"?: "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full">;
+  "max-w"?: "lg" | "md" | "sm" | "xs" | "full";
+  "h"?: "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min" | ResponsiveArray<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min"> | ResponsiveObject<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min">;
+  "w"?: "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min" | ResponsiveArray<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min"> | ResponsiveObject<"3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "max" | "min">;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "className"?: string;
+  "class-name"?: string;
 };
-
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -104,7 +103,6 @@ declare module "@stencil/core" {
     }
   }
 }
-
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -112,6 +110,5 @@ declare module "react" {
     }
   }
 }
-
-export { Box };
-export type { BoxProps };
+//#endregion
+export { Box, BoxProps };

package/dist/components/Box.js

@@ -1 +1 @@
-import{r,c as t}from"../register-Jxf4mhRg.js";import{p as a}from"../propTypes-DQak6nhg.js";import{a as m}from"../Box-CV4CtSQ7.js";import"../index-CHUhFArm.js";import"../layers.css.ts.vanilla-BnNnDBQ3-yK8eJtnx.js";import"../recipeRuntime-BvPxdQJv.js";const o="ax-box";var p=r(o,m,a,t);export{o as Box,p as default};
+import{n as e,t}from"../register-CcKBKePR.js";import{_ as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../Box-BB6icLFu.js";const i=`ax-box`;var a=t(i,r,n,e);export{i as Box,a as default};

package/dist/components/Breadcrumb.d.ts

@@ -1,18 +1,21 @@
-import { JSXBase } from '@stencil/core/internal';
-import { ReactNode, ComponentPropsWithoutRef } from 'react';
-import { BoxProps } from './Box.js';
-import '../types-B4RnVKcG.js';
+import { BoxProps } from "./Box.js";
+import { JSXBase } from "@stencil/core/internal";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 
+//#region src/components/Breadcrumb.d.ts
 declare const Breadcrumb = "ax-breadcrumb";
-
-type BreadcrumbProps = BoxProps &  {
-  "items"?: { addonAfter?: ReactNode; execute?: () => void; href?: string; label: string; }[];
-"maxItems"?: number;
-"max-items"?: number;
-"asChild"?: false | true;
-"as-child"?: false | true;
+type BreadcrumbProps = BoxProps & {
+  "items"?: {
+    addonAfter?: ReactNode;
+    execute?: () => void;
+    href?: string;
+    label: string;
+  }[];
+  "maxItems"?: number;
+  "max-items"?: number;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
-
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -20,7 +23,6 @@ declare module "@stencil/core" {
     }
   }
 }
-
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -28,6 +30,5 @@ declare module "react" {
     }
   }
 }
-
-export { Breadcrumb };
-export type { BreadcrumbProps };
+//#endregion
+export { Breadcrumb, BreadcrumbProps };

package/dist/components/Breadcrumb.js

@@ -1 +1 @@
-import{i as h,D as b,u as r,S as f,r as _,c as w}from"../register-Jxf4mhRg.js";import{q as C}from"../propTypes-DQak6nhg.js";import{i as u,a as l}from"../Box-CV4CtSQ7.js";import{n as g}from"../Link-DgH5BuqR.js";import{I as B}from"../Menu-sh7TPzPq.js";import{s as N}from"../MenuContent-CmRcVGFw.js";import{i as j}from"../MenuTrigger-BAhdJlDP.js";import{o as P}from"../Text-Dag_U1Vf.js";import{t as I}from"../Tooltip-7AWPkyPk.js";import"../TooltipContent-DgYxSTbi.js";import"../TooltipProvider-CoPEAacD.js";import"../TooltipRoot-BxoGM8XH.js";import"../TooltipTrigger-CrhT_82S.js";import"../layers.css.ts.vanilla-BnNnDBQ3-yK8eJtnx.js";import{p as s}from"../recipeRuntime-BvPxdQJv.js";import{o as S}from"../Group-BZ64vOhC.js";import"../isHoverSupported-BWzvcjJQ.js";import{m as q}from"../fallbackSpan-DzjBTaxI.js";import{o as A}from"../more_horiz.svg-DEJtVDmt.js";import"../index-CHUhFArm.js";import"../Cover-Df4okq9S.js";import"../Cover.css.ts.vanilla-BIGZHESl-DjRUgRLn.js";import"../decorateChildren-DceoQfLz.js";import"../open_in_new.svg-BU-nJ9og.js";import"../MaterialIcon-Bk5ioJ2S.js";import"../index-CfWSRbGc.js";import"../index-BzIpwXn1.js";import"../useMenuSurface-CdJdS9ED.js";import"../useHighlightedIndex-CHeL2gYc.js";import"../useEffectEvent-yhfb_y9N.js";import"../FieldContext-DhLL-p5u.js";import"../index-DJSJX8vV.js";import"../useSurface-mcnxhoAn.js";import"../Input-fmuJksMc.js";import"../SuggestionPopover-DjYLzfyy.js";import"../Avatar-Bbj08UHU.js";import"../index-B6mZRI1I.js";import"../index-Cnb334T6.js";import"../index-CfTuczyl.js";import"../IconOpal-C8z7ykpm.js";import"../AvatarGroup.css.ts.vanilla-Cw2ao1B0-BnX_Tx4M.js";import"../AvatarContext-dCvbGlDj.js";import"../AvatarGroup-oM-XvE0s.js";import"../Button-CUhazaDP.js";import"../ButtonRoot-Bb3l1pZH.js";import"../Spinner-BtcHhTum.js";import"../Transition-NSqouGx2.js";import"../TransitionGroupContext-B2FTL_jl.js";import"../TransitionGroup-M9RT3XeS.js";import"../ButtonContext-DFZkdWkZ.js";import"../Icon-CX3s8z8w.js";import"../ButtonGroup-CC9XRuPe.js";import"../Heading-yrECY2iG.js";import"../Popover-Dj8sWW7T.js";import"../usePopoverScope-DSsqDfAh.js";import"../index-CBrz5xtv.js";import"../index-DVJ8QmSG.js";import"../Combination-DMxzHxML.js";import"../index-DcfvvjAr.js";import"../index-DNVp5G2I.js";import"../index-C5SfZ6cm.js";import"../index-CDr5kGHV.js";import"../PopoverAnchor-bdcZeaij.js";import"../Listbox-q5L-8c3l.js";import"../Alert-BrFUrf-V.js";import"../warning.svg-DjR1Q1pK.js";import"../close.svg-Bz6wgbqx.js";import"../useSuggestions-DPlvL0Y_.js";import"../ToggleInputLabel-CCR00D23.js";import"../VisuallyHidden-BmklSBLt.js";import"../index-Dm3oMS4e.js";import"../FilteredSlot-DudEDOhm.js";import"../withIcon-cYL21Bpv.js";import"../ListboxItem-D_kmTuEZ.js";import"../ListboxEmpty-Cnq1LdnZ.js";import"../ListboxGroup-D86C580G.js";import"../ListboxGroupContext-CJWheMR7.js";import"../ListboxItemIndicator-BgaY7DbM.js";import"../ListboxItemized-Bnu7Fnpf.js";import"../Skeleton-BNJ81_0t.js";import"../index-2WYm7pKZ.js";import"../ListboxLabel-DckuhM0j.js";import"../ListboxRadioItem-C9wtmXsa.js";import"../ListboxSeparator-DwEFeinu.js";import"../Separator-1qXp3fA2.js";import"../Paper-DijuyQQo.js";import"../Portal-CCLNsZzC.js";import"../PortalContext-B40StADY.js";import"../onReactSelectInputBlur-BqDXHEGb.js";import"../modal-context-DjEp7oJz.js";import"../PopoverTrigger-Dzqj87Nq.js";import"../InputAddon-Dj_PsWS7.js";import"../InputContext-DzaZHn3j.js";import"../InputControl-CATzSsbS.js";import"../InputControl.css.ts.vanilla-BKEDBT5_-CRs5-1og.js";import"../InputRoot-BsX7CdMt.js";import"../search.svg-BYFmKpit.js";import"../chevron_right.svg-t21AOvnQ.js";import"../AlertDialog-DqaXJlCS.js";import"../index-CRdqsiiJ.js";import"../DialogBody-BigLmGc-.js";import"../vanilla-extract-dynamic.esm-eGTknIhu.js";import"../DialogFooter-C6h0g6Ss.js";import"../DialogForm-f1wbWL_o.js";import"../DialogTrigger-BxH0drX_.js";import"../AlertDialogBody-BVBmshuT.js";import"../AlertDialogFooter-CD2A9Gck.js";import"../AlertDialogHeader-aY4bjEwb.js";import"../AlertDialogTrigger-BS-7t9Ih.js";import"../MenuContext-CSa7zhDy.js";import"../utils-DmL-SVWU.js";import"../AngleMenuButton-DzN0Ab1m.js";import"../keyboard_arrow_down.svg-5O3cbT-j.js";import"../useFieldLabelTrigger-wsXl-c_m.js";import"../index-CGgkWnDx.js";import"../TooltipContext-_5JMKAbe.js";import"../theme-css-D9T4e-il.js";import"../index-BC1Z8Guw.js";h("@layer optiaxiom._1bbhnib;@layer optiaxiom._1bbhnib{._1cpqpw3{min-height:var(--ax-size-md)}._1wb4a3n{color:var(--ax-colors-fg-tertiary)}._1wb4a3n:visited{color:var(--ax-colors-fg-tertiary)}@media (hover:hover){._1wb4a3n:hover:not([data-disabled]){color:var(--ax-colors-fg-secondary)}}}");var x=s({base:"_1wb4a3n"}),M=s({base:[{alignItems:"center",color:"fg.default",display:"flex",fontSize:"md",gap:"8"},"_1cpqpw3"]});h('@layer optiaxiom._1bbhnib;@layer optiaxiom._1bbhnib{._1jn0fer{max-width:160px}._1jn0fer:not(:first-child):before{color:var(--ax-colors-fg-tertiary);content:"/";margin-right:4px}}');var z=s({base:[{alignItems:"center",display:"inline-flex",gap:"4",whiteSpace:"nowrap"},"_1jn0fer"]});const c=b(({addonAfter:o,children:t,className:a,...i},e)=>{const{boxProps:m,restProps:n}=u(i);return r(l,{asChild:!0,...z({},a),...m,children:r("li",{ref:e,...n,children:[t,o&&r(S,{asChild:!0,flex:"none",gap:"4",children:q(o)})]})})});c.displayName="@optiaxiom/react/BreadcrumbNode";const y=b(({className:o,items:t,maxItems:a=3,...i},e)=>{const{boxProps:m,restProps:n}=u(i);return r(l,{asChild:!0,className:o,...m,children:r("nav",{"aria-label":"Breadcrumb",ref:e,...n,children:r(l,{asChild:!0,...M(),children:r("ol",{children:k(t,a,(p,d)=>r(c,{addonAfter:p.addonAfter,children:r(I,{auto:!0,content:p.label,children:r(P,{asChild:!0,truncate:!0,children:d===t.length-1?r(l,{"aria-current":d===t.length-1?"page":void 0,children:p.label}):p.href?r(g,{appearance:"subtle",href:p.href,...x(),children:p.label}):p.execute?r(g,{appearance:"subtle",asChild:!0,...x(),children:r("button",{onClick:()=>p.execute?.(),children:p.label})}):null})})}))})})})})});y.displayName="@optiaxiom/react/Breadcrumb";const k=(o,t=o.length,a)=>{t<0&&(t=0),(t>o.length||typeof t!="number")&&(t=o.length);const i=[0,Math.floor(t/2),o.length-Math.ceil(t/2),o.length];return[...o.slice(i[0],i[1]).map((e,m)=>r(f,{children:a(e,m)},"left"+m)),i[2]>i[1]&&r(c,{children:r(B,{options:o.slice(i[1],i[2]),children:[r(j,{appearance:"subtle","aria-label":"More items",icon:r(l,{asChild:!0,color:"fg.tertiary",children:r(A,{})})}),r(N,{})]})},"ellipsis"),...o.slice(i[2],i[3]).map((e,m)=>r(f,{children:a(e,i[2]+m)},"right"+m))]},v="ax-breadcrumb";var D=_(v,y,C,w);export{v as Breadcrumb,D as default};
+import{A as e,T as t,a as n,d as r,n as i,r as a,t as o}from"../register-CcKBKePR.js";import{v as s}from"../propTypes-BNb4ZFT2.js";import{n as c,t as l}from"../Box-BB6icLFu.js";import"../layers.css.ts.vanilla-CGWWihaW-BIYv6PmD.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../Text-BVUJUB1o.js";import{t as f}from"../Group-BUG9Nm0e.js";import{t as p}from"../fallbackSpan-DeAzFY6H.js";import{t as m}from"../more_horiz-DceY8TW7.js";import{t as h}from"../Tooltip-nDjTmU-D.js";import{t as g}from"../Link-CZ2rs641.js";import{t as _}from"../Menu-Po8ZaRRu.js";import{t as v}from"../MenuContent-Be6nnTom.js";import{t as y}from"../MenuTrigger-Bl7r0ieB.js";e(`@layer optiaxiom._1r27r56;@layer optiaxiom._1r27r56{.oyho4b{min-height:var(--ax-size-md)}._1vmnda7,._1vmnda7:visited{color:var(--ax-colors-fg-tertiary)}@media (hover:hover){._1vmnda7:hover:not([data-disabled]){color:var(--ax-colors-fg-secondary)}}}`);var b=u({base:`_1vmnda7`}),x=u({base:[{alignItems:`center`,color:`fg.default`,display:`flex`,fontSize:`md`,gap:`8`},`oyho4b`]});e(`@layer optiaxiom._1r27r56;@layer optiaxiom._1r27r56{._4up6n{max-width:160px}._4up6n:not(:first-child):before{color:var(--ax-colors-fg-tertiary);content:"/";margin-right:4px}}`);var S=u({base:[{alignItems:`center`,display:`inline-flex`,gap:`4`,whiteSpace:`nowrap`},`_4up6n`]});r();const C=n(({addonAfter:e,children:t,className:n,...r},i)=>{let{boxProps:o,restProps:s}=c(r);return a(l,{asChild:!0,...S({},n),...o,children:a(`li`,{ref:i,...s,children:[t,e&&a(f,{asChild:!0,flex:`none`,gap:`4`,children:p(e)})]})})});C.displayName=`@optiaxiom/react/BreadcrumbNode`,r();const w=n(({className:e,items:t,maxItems:n=3,...r},i)=>{let{boxProps:o,restProps:s}=c(r);return a(l,{asChild:!0,className:e,...o,children:a(`nav`,{"aria-label":`Breadcrumb`,ref:i,...s,children:a(l,{asChild:!0,...x(),children:a(`ol`,{children:T(t,n,(e,n)=>a(C,{addonAfter:e.addonAfter,children:a(h,{auto:!0,content:e.label,children:a(d,{asChild:!0,truncate:!0,children:n===t.length-1?a(l,{"aria-current":n===t.length-1?`page`:void 0,children:e.label}):e.href?a(g,{appearance:`subtle`,href:e.href,...b(),children:e.label}):e.execute?a(g,{appearance:`subtle`,asChild:!0,...b(),children:a(`button`,{onClick:()=>e.execute?.(),children:e.label})}):null})})}))})})})})});w.displayName=`@optiaxiom/react/Breadcrumb`;const T=(e,n=e.length,r)=>{n<0&&(n=0),(n>e.length||typeof n!=`number`)&&(n=e.length);let i=[0,Math.floor(n/2),e.length-Math.ceil(n/2),e.length];return[...e.slice(i[0],i[1]).map((e,n)=>a(t,{children:r(e,n)},`left`+n)),i[2]>i[1]&&a(C,{children:a(_,{options:e.slice(i[1],i[2]),children:[a(y,{appearance:`subtle`,"aria-label":`More items`,icon:a(l,{asChild:!0,color:`fg.tertiary`,children:a(m,{})})}),a(v,{})]})},`ellipsis`),...e.slice(i[2],i[3]).map((e,n)=>a(t,{children:r(e,i[2]+n)},`right`+n))]},E=`ax-breadcrumb`;var D=o(E,w,s,i);export{E as Breadcrumb,D as default};

package/dist/components/Button.d.ts

@@ -1,28 +1,26 @@
-import { JSXBase } from '@stencil/core/internal';
-import { ComponentPropsWithoutRef } from 'react';
-import { BoxProps } from './Box.js';
-import '../types-B4RnVKcG.js';
+import { BoxProps } from "./Box.js";
+import { JSXBase } from "@stencil/core/internal";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 
+//#region src/components/Button.d.ts
 declare const Button = "ax-button";
-
-type ButtonProps = BoxProps &  {
+type ButtonProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
-"addon-after"?: string;
-"addonBefore"?: string | number | false | true;
-"addon-before"?: string;
-"icon"?: string | number | false | true;
-"iconPosition"?: "end" | "start";
-"icon-position"?: "end" | "start";
-"size"?: "sm" | "md" | "lg";
-"square"?: false | true;
-"appearance"?: "danger" | "default" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-"disabled"?: false | true;
-"loading"?: false | true;
-"type"?: "button" | "reset" | "submit";
-"asChild"?: false | true;
-"as-child"?: false | true;
+  "addon-after"?: string;
+  "addonBefore"?: string | number | false | true;
+  "addon-before"?: string;
+  "icon"?: string | number | false | true;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "size"?: "lg" | "md" | "sm";
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
+  "square"?: false | true;
+  "appearance"?: "default" | "danger" | "danger-outline" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
+  "loading"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
-
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -30,7 +28,6 @@ declare module "@stencil/core" {
     }
   }
 }
-
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -38,6 +35,5 @@ declare module "react" {
     }
   }
 }
-
-export { Button };
-export type { ButtonProps };
+//#endregion
+export { Button, ButtonProps };

package/dist/components/Button.js

@@ -1 +1 @@
-import{r as o,c as r}from"../register-Jxf4mhRg.js";import{r as m}from"../propTypes-DQak6nhg.js";import{h as p}from"../Button-CUhazaDP.js";import"../index-CHUhFArm.js";import"../useSurface-mcnxhoAn.js";import"../isHoverSupported-BWzvcjJQ.js";import"../index-BC1Z8Guw.js";import"../decorateChildren-DceoQfLz.js";import"../fallbackSpan-DzjBTaxI.js";import"../ButtonRoot-Bb3l1pZH.js";import"../Box-CV4CtSQ7.js";import"../layers.css.ts.vanilla-BnNnDBQ3-yK8eJtnx.js";import"../recipeRuntime-BvPxdQJv.js";import"../AvatarGroup.css.ts.vanilla-Cw2ao1B0-BnX_Tx4M.js";import"../Spinner-BtcHhTum.js";import"../Group-BZ64vOhC.js";import"../Transition-NSqouGx2.js";import"../TransitionGroupContext-B2FTL_jl.js";import"../index-DJSJX8vV.js";import"../TransitionGroup-M9RT3XeS.js";import"../index-CfWSRbGc.js";import"../index-BzIpwXn1.js";import"../ButtonContext-DFZkdWkZ.js";import"../Icon-CX3s8z8w.js";import"../Text-Dag_U1Vf.js";const t="ax-button";var i=o(t,p,m,r);export{t as Button,i as default};
+import{n as e,t}from"../register-CcKBKePR.js";import{b as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../Button-B5QHqem8.js";const i=`ax-button`;var a=t(i,r,n,e);export{i as Button,a as default};

package/dist/components/ButtonGroup.d.ts

@@ -1,16 +1,14 @@
-import { JSXBase } from '@stencil/core/internal';
-import { ComponentPropsWithoutRef } from 'react';
-import { BoxProps } from './Box.js';
-import '../types-B4RnVKcG.js';
+import { BoxProps } from "./Box.js";
+import { JSXBase } from "@stencil/core/internal";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 
+//#region src/components/ButtonGroup.d.ts
 declare const ButtonGroup = "ax-button-group";
-
-type ButtonGroupProps = BoxProps &  {
+type ButtonGroupProps = BoxProps & {
   "orientation"?: "horizontal" | "vertical";
-"asChild"?: false | true;
-"as-child"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
-
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -18,7 +16,6 @@ declare module "@stencil/core" {
     }
   }
 }
-
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -26,6 +23,5 @@ declare module "react" {
     }
   }
 }
-
-export { ButtonGroup };
-export type { ButtonGroupProps };
+//#endregion
+export { ButtonGroup, ButtonGroupProps };

package/dist/components/ButtonGroup.js

@@ -1 +1 @@
-import{r as t,c as r}from"../register-Jxf4mhRg.js";import{s as p}from"../propTypes-DQak6nhg.js";import{t as m}from"../ButtonGroup-CC9XRuPe.js";import"../Group-BZ64vOhC.js";import"../Box-CV4CtSQ7.js";import"../index-CHUhFArm.js";import"../layers.css.ts.vanilla-BnNnDBQ3-yK8eJtnx.js";import"../recipeRuntime-BvPxdQJv.js";import"../AvatarGroup.css.ts.vanilla-Cw2ao1B0-BnX_Tx4M.js";const o="ax-button-group";var i=t(o,m,p,r);export{o as ButtonGroup,i as default};
+import{a as e,d as t,n,r,t as i}from"../register-CcKBKePR.js";import{y as a}from"../propTypes-BNb4ZFT2.js";import"../layers.css.ts.vanilla-CGWWihaW-BIYv6PmD.js";import{t as o}from"../recipeRuntime-BkylZxVy.js";import{t as s}from"../Group-BUG9Nm0e.js";import"../ButtonGroup.css.ts.vanilla-dwYhKFVX-CwLdBlgM.js";var c=o({base:`_11op1ip`});t();const l=e(({children:e,className:t,gap:n=`0`,orientation:i=`horizontal`,...a},o)=>r(s,{"data-orientation":n===`0`?i:void 0,flexDirection:i===`vertical`?`column`:`row`,gap:n,ref:o,...c({},t),...a,children:e}));l.displayName=`@optiaxiom/react/ButtonGroup`;const u=`ax-button-group`;var d=i(u,l,a,n);export{u as ButtonGroup,d as default};

package/dist/components/Card.d.ts

@@ -1,15 +1,13 @@
-import { JSXBase } from '@stencil/core/internal';
-import { ComponentPropsWithoutRef } from 'react';
-import { BoxProps } from './Box.js';
-import '../types-B4RnVKcG.js';
+import { BoxProps } from "./Box.js";
+import { JSXBase } from "@stencil/core/internal";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 
+//#region src/components/Card.d.ts
 declare const Card = "ax-card";
-
-type CardProps = BoxProps &  {
+type CardProps = BoxProps & {
   "asChild"?: false | true;
-"as-child"?: false | true;
+  "as-child"?: false | true;
 };
-
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -17,7 +15,6 @@ declare module "@stencil/core" {
     }
   }
 }
-
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -25,6 +22,5 @@ declare module "react" {
     }
   }
 }
-
-export { Card };
-export type { CardProps };
+//#endregion
+export { Card, CardProps };

package/dist/components/Card.js

@@ -1 +1 @@
-import{i as l,D as b,u as r,r as n,c}from"../register-Jxf4mhRg.js";import{C as f}from"../propTypes-DQak6nhg.js";import{u as o}from"../index-DcfvvjAr.js";import{o as u}from"../ActionsRoot-CoOGKHhO.js";import{o as x}from"../Group-BZ64vOhC.js";import"../layers.css.ts.vanilla-BnNnDBQ3-yK8eJtnx.js";import"../Cover.css.ts.vanilla-BIGZHESl-DjRUgRLn.js";import{p as g}from"../recipeRuntime-BvPxdQJv.js";import{e as h}from"../CardContext-CXVMpbO5.js";import"../index-BzIpwXn1.js";import"../Box-CV4CtSQ7.js";import"../index-CHUhFArm.js";import"../AvatarGroup.css.ts.vanilla-Cw2ao1B0-BnX_Tx4M.js";import"../index-DJSJX8vV.js";l("@layer optiaxiom._1bbhnib;@layer optiaxiom._1bbhnib{._1uxabw8{--_1irqamh:var(--ax-borderRadius-lg);border-radius:var(--ax-borderRadius-lg);position:relative}}");var C=g({base:["_1905bse",{alignItems:"start",bg:"bg.default",border:"1",borderColor:"border.tertiary",color:"fg.default",flexDirection:"column",fontSize:"md",gap:"8",p:"16"},"_1uxabw8"]});const a=b(({children:e,className:t,...m},d)=>{const s=o(),p=o();return r(h,{descriptionId:s,labelId:p,children:r(u,{asChild:!0,children:r(x,{ref:d,...C({},t),...m,children:e})})})});a.displayName="@optiaxiom/react/Card";const i="ax-card";var _=n(i,a,f,c);export{i as Card,_ as default};
+import{A as e,a as t,d as n,n as r,r as i,t as a}from"../register-CcKBKePR.js";import{O as o}from"../propTypes-BNb4ZFT2.js";import"../layers.css.ts.vanilla-CGWWihaW-BIYv6PmD.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";import{t as c}from"../Group-BUG9Nm0e.js";import{t as l}from"../dist-Drux-m2s.js";import"../Cover.css.ts.vanilla-C9GAjYm0-Cn7i4w8P.js";import{t as u}from"../ActionsRoot-9nMo-_Xg.js";import{t as d}from"../CardContext-NfNuamjs.js";e(`@layer optiaxiom._1r27r56;@layer optiaxiom._1r27r56{.doaq2i{--_17gxk98:var(--ax-borderRadius-lg);border-radius:var(--ax-borderRadius-lg);position:relative}}`);var f=s({base:[`_18xis4i`,{alignItems:`start`,bg:`bg.default`,border:`1`,borderColor:`border.tertiary`,color:`fg.default`,flexDirection:`column`,fontSize:`md`,gap:`8`,p:`16`},`doaq2i`]});n();const p=t(({children:e,className:t,...n},r)=>i(d,{descriptionId:l(),labelId:l(),children:i(u,{asChild:!0,children:i(c,{ref:r,...f({},t),...n,children:e})})}));p.displayName=`@optiaxiom/react/Card`;const m=`ax-card`;var h=a(m,p,o,r);export{m as Card,h as default};