@optiaxiom/web-components 3.0.4 → 3.0.6

package/dist/components/AngleMenuButton.d.ts

@@ -1,26 +1,25 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/AngleMenuButton.d.ts
 declare const AngleMenuButton = "ax-angle-menu-button";
 type AngleMenuButtonProps = BoxProps & {
-  "size"?: "lg" | "md" | "sm";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "disabled"?: false | true;
-  "type"?: "button" | "reset" | "submit";
+  "size"?: undefined | "lg" | "md" | "sm";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "disabled"?: undefined | false | true;
+  "type"?: undefined | "button" | "reset" | "submit";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "iconPosition"?: "end" | "start";
-  "icon-position"?: "end" | "start";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: false | true;
+  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "addon"?: undefined;
+  "iconPosition"?: undefined | "end" | "start";
+  "icon-position"?: undefined | "end" | "start";
+  "loading"?: undefined | false | true;
+  "square"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/AngleMenuButton.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{u as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../AngleMenuButton-B3YQHISl.js";const i=`ax-angle-menu-button`;var a=t(i,r,n,e);export{i as AngleMenuButton,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{u as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../AngleMenuButton-Dh2K310L.js";const i=`ax-angle-menu-button`;var a=t(i,r,n,e);export{i as AngleMenuButton,a as default};

package/dist/components/AuthProvider.d.ts

@@ -1,6 +1,6 @@
+import "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/AuthProvider.d.ts
 declare const AuthProvider = "ax-auth-provider";
 type AuthProviderProps = {

package/dist/components/AuthProvider.js

@@ -1 +1 @@
-import{d as e,h as t,n,r,t as i}from"../register-CmGCaC0G.js";import{d as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../context-hK1Thesx.js";import{t as s}from"../useEffectEvent-Dxj6Jbwt.js";e();function c({children:e,instance:n,refresh:i,token:a}){let c=s(i);return r(o.Provider,{value:t(()=>({instance:n,refresh:c,token:a}),[n,a]),children:e})}c.displayName=`@optiaxiom/react/AuthProvider`;const l=`ax-auth-provider`;var u=i(l,c,a,n);export{l as AuthProvider,u as default};
+import{d as e,h as t,n,r,t as i}from"../register-DI_7juGg.js";import{d as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../context-ycfshMZv.js";import{t as s}from"../useEvent-CXngOW4Z.js";e();function c({children:e,instance:n,refresh:i,token:a}){let c=s(i);return r(o.Provider,{value:t(()=>({instance:n,refresh:c,token:a}),[n,c,a]),children:e})}c.displayName=`@optiaxiom/react/AuthProvider`;const l=`ax-auth-provider`;var u=i(l,c,a,n);export{l as AuthProvider,u as default};

package/dist/components/Avatar.d.ts

@@ -1,18 +1,17 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Avatar.d.ts
 declare const Avatar = "ax-avatar";
 type AvatarProps = BoxProps & {
-  "colorScheme"?: "neutral" | "purple";
-  "color-scheme"?: "neutral" | "purple";
-  "size"?: "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "2xs";
-  "fallback"?: "user" | "opal" | "team";
-  "name"?: string;
-  "src"?: string;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "colorScheme"?: undefined | "neutral" | "purple";
+  "color-scheme"?: undefined | "neutral" | "purple";
+  "size"?: undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "2xs";
+  "fallback"?: undefined | "user" | "opal" | "team";
+  "name"?: undefined | string;
+  "src"?: undefined | string;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Avatar.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{p as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Avatar-B93oY7Wa.js";const i=`ax-avatar`;var a=t(i,r,n,e);export{i as Avatar,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{p as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Avatar-Bhwnf7_n.js";const i=`ax-avatar`;var a=t(i,r,n,e);export{i as Avatar,a as default};

package/dist/components/AvatarGroup.d.ts

@@ -1,13 +1,12 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/AvatarGroup.d.ts
 declare const AvatarGroup = "ax-avatar-group";
 type AvatarGroupProps = BoxProps & {
-  "size"?: "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "2xs";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "size"?: undefined | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | "2xs";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/AvatarGroup.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{f as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Box-CWv2x03U.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";import"../AvatarGroup.css.ts.vanilla-Beph4zQj-QLm92BYZ.js";import{t as c}from"../AvatarContext-BTEVlK1X.js";var l=s({base:[`_1iwp742`,{display:`flex`}]});t();const u=e(({children:e,className:t,size:n=`md`,...i},a)=>r(o,{ref:a,...l({},t),...i,children:r(c,{size:n,children:e})}));u.displayName=`@optiaxiom/react/AvatarGroup`;const d=`ax-avatar-group`;var f=i(d,u,a,n);export{d as AvatarGroup,f as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{f as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Box-7R0puqJI.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";import"../AvatarGroup.css.ts.vanilla-uvl5fWua-nFnU_gq3.js";import{t as c}from"../AvatarContext-ACL-GuxD.js";var l=s({base:[`d3vc7c`,{display:`flex`}]});t();const u=e(({children:e,className:t,size:n=`md`,...i},a)=>r(o,{ref:a,...l({},t),...i,children:r(c,{size:n,children:e})}));u.displayName=`@optiaxiom/react/AvatarGroup`;const d=`ax-avatar-group`;var f=i(d,u,a,n);export{d as AvatarGroup,f as default};

package/dist/components/AxiomProvider.d.ts

@@ -1,13 +1,13 @@
+import "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/AxiomProvider.d.ts
 declare const AxiomProvider = "ax-axiom-provider";
 type AxiomProviderProps = {
-  "dialog"?: Omit<DialogKitProviderProps, "children">;
-  "locale"?: string;
-  "toast"?: Omit<ToastProviderProps, "children">;
-  "tooltip"?: Omit<TooltipProviderProps, "children">;
+  "dialog"?: undefined | Omit<DialogKitProviderProps, "children">;
+  "locale"?: undefined | string;
+  "toast"?: undefined | Omit<ToastProviderProps, "children">;
+  "tooltip"?: undefined | Omit<TooltipProviderProps, "children">;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/AxiomProvider.js

@@ -1 +1 @@
-import{E as e,S as t,_ as n,d as r,h as i,n as a,r as o,t as s,u as c,w as l}from"../register-CmGCaC0G.js";import{m as u}from"../propTypes-CCF8mpiF.js";import{s as d}from"../Box-CWv2x03U.js";import{t as f}from"../Group-wqJPiiS3.js";import{t as p}from"../Text-CebClX-o.js";import{t as m}from"../Transition-BtG94qc_.js";import{n as h}from"../context-hK1Thesx.js";import{n as g}from"../useSurface-B_WrRUUY.js";import{t as _}from"../ToastProvider-6scprMy7.js";import{t as v}from"../Button-CZHroQ7E.js";import{t as y}from"../Portal-BrRX2Y4z.js";import{t as b}from"../dist-DaIqmYGf.js";import{t as x}from"../TooltipProvider-CRBTfL9X.js";import{t as S}from"../close-CWHwzZ3j.js";import{t as C}from"../DialogKitContext-CyoDnZUm.js";import{t as w}from"../Dialog-B3ApGI4A.js";import{t as T}from"../FocusBookmarkProvider-DmgVCl1n.js";import{t as E}from"../AlertDialogAction-d4rjbATb.js";import{t as D}from"../AlertDialogBody-XAXoN5wI.js";import{t as O}from"../AlertDialogCancel-DG1V3ppg.js";import{t as k}from"../AlertDialogContent-8dbUxFQE.js";import{t as A}from"../AlertDialogFooter-Lq4EL1QS.js";import{t as j}from"../AlertDialogHeader-Cl6WBz6v.js";import{t as M}from"../shim-LTwv0vOR.js";import{t as N}from"../ThemeProvider-D_UgZE56.js";import{t as P}from"../LocaleContext-Bmzloa8O.js";r();const F=[];let I=1;const L=()=>`t`+ I++,R=(()=>{let e=[],t=new Set,n=()=>{for(let e of t)e()},r=(t,r)=>{let i=L();return e=[{...r,element:t,id:i,onClose:()=>{e=e.filter(e=>e.id!==i),n()},open:!0},...e],n(),i},i=t=>{e=e.map(e=>e.id===t?{...e,open:!1}:e),n()};return{store:[e=>(t.add(e),()=>t.delete(e)),()=>e,()=>F],clear:()=>{for(let t of e)i(t.id)},confirm:async e=>new Promise(t=>{r(c(e)?e:o(k,{children:[o(j,{children:e.header}),o(D,{children:e.body}),o(A,{children:[o(O,{}),o(E,{children:e.action})]})]}),{onDismiss:(e,n)=>{t(n===`action`)}})}),create:r,remove:i}})();var z=M();function B({kit:e=R}){return(0,z.useSyncExternalStore)(...e.store).reduce((e,t)=>o(w,{open:t.open,children:[o(C.Provider,{value:{id:t.id,onClose:t.onClose,onDismiss:(e,n)=>{t.onDismiss?.(e,n),!e.defaultPrevented&&R.remove(t.id)}},children:t.element}),e]},t.id),null)}B.displayName=`@optiaxiom/react/DialogKitProvider`,r(),e();function V({children:e}){let t=b(),[r,a]=n([]);return o(g.Provider,{value:i(()=>({add:(e,t)=>(a(n=>[...n,{suggestion:e,surface:t}]),()=>{a(t=>t.filter(t=>t.suggestion!==e))})}),[]),children:[e,r.length>0&&o(y,{asChild:!0,children:o(f,{alignItems:`center`,flexDirection:`column`,gap:`16`,pointerEvents:`none`,style:{bottom:32,insetInline:32,position:`fixed`},z:`popover`,children:r.slice(0,1).map(({suggestion:e,surface:n})=>o(m,{"data-side":`top`,type:`pop`,children:o(f,{"aria-describedby":t+`-`+e.id,"aria-label":`App companion suggestion`,bg:`bg.default`,color:`fg.default`,fontSize:`md`,gap:`16`,maxW:`lg`,p:`16`,pointerEvents:`auto`,role:`dialog`,rounded:`md`,shadow:`md`,children:[o(f,{flexDirection:`column`,gap:`4`,id:t+`-`+e.id,children:[o(p,{children:e.type===`message`?e.text:o(l,{children:[o(`strong`,{children:`Suggested:`}),` `,n.renderSuggestionValue?n.renderSuggestionValue(e.value):String(e.value)]})}),e.type===`value`&&e.reason&&o(p,{color:`fg.secondary`,children:e.reason})]}),o(v,{appearance:`primary-opal`,onClick:async()=>{e.type===`message`&&e.tool&&await n.executeTool(e.tool.name,e.tool.parameters),n.accept(e.id)},size:`sm`,children:`Accept`}),o(v,{appearance:`subtle`,"aria-label":`close`,color:`fg.default`,flex:`none`,icon:o(S,{}),onClick:()=>{n.reject(e.id)},size:`sm`})]})},e.id))})})]})}V.displayName=`@optiaxiom/react/SuggestionProvider`,r();function H({children:e,dialog:n,locale:r,toast:i,tooltip:a}){let s=r??(typeof navigator<`u`?navigator.language:`en-US`);return t(h)||(e=o(N,{children:o(V,{children:[e,o(_,{...i})]})})),o(h.Provider,{value:d,children:o(P,{locale:s,children:o(x,{...a,children:o(T,{children:[e,o(B,{...n})]})})})})}H.displayName=`@optiaxiom/react/AxiomProvider`;const U=`ax-axiom-provider`;var W=s(U,H,u,a);export{U as AxiomProvider,W as default};
+import{E as e,S as t,_ as n,d as r,h as i,n as a,r as o,t as s,u as c,w as l}from"../register-DI_7juGg.js";import{m as u}from"../propTypes-DvAE1OVW.js";import{n as d}from"../Box-7R0puqJI.js";import{t as f}from"../Group-Ba9swfi0.js";import{t as p}from"../Text-BZK21tMK.js";import{t as m}from"../Transition-BFWGPqwv.js";import{n as h}from"../context-ycfshMZv.js";import{n as g}from"../useSurface-Du7EBG-f.js";import{t as _}from"../ToastProvider-Dcp5L_aC.js";import{t as v}from"../Button-DBq9GHkw.js";import{t as y}from"../Portal-DQR9I9LU.js";import{t as b}from"../dist-CZh7xvrW.js";import{t as x}from"../TooltipProvider-7rVN-ksH.js";import{t as S}from"../close-CFjUl2bF.js";import{t as C}from"../DialogKitContext-C40GefN0.js";import{t as w}from"../Dialog-CBaaW1yM.js";import{t as T}from"../FocusBookmarkProvider-Dwz356AS.js";import{t as E}from"../AlertDialogAction-CWDatq2O.js";import{t as D}from"../AlertDialogBody-5lCQu8d7.js";import{t as O}from"../AlertDialogCancel-BbVjVEh1.js";import{t as k}from"../AlertDialogContent-TqOUa4--.js";import{t as A}from"../AlertDialogFooter-nrjyLQsc.js";import{t as j}from"../AlertDialogHeader-DzMVsuQm.js";import{t as M}from"../shim-D6TcXQiS.js";import{t as N}from"../ThemeProvider-BGWKmFPq.js";import{t as P}from"../LocaleContext-AhjkMwCF.js";r();const F=[];let I=1;const L=()=>`t`+I++,R=(()=>{let e=[],t=new Set,n=()=>{for(let e of t)e()},r=(t,r)=>{let i=L();return e=[{...r,element:t,id:i,onClose:()=>{e=e.filter(e=>e.id!==i),n()},open:!0},...e],n(),i},i=t=>{e=e.map(e=>e.id===t?{...e,open:!1}:e),n()};return{store:[e=>(t.add(e),()=>t.delete(e)),()=>e,()=>F],clear:()=>{for(let t of e)i(t.id)},confirm:async e=>new Promise(t=>{r(c(e)?e:o(k,{children:[o(j,{children:e.header}),o(D,{children:e.body}),o(A,{children:[o(O,{}),o(E,{children:e.action})]})]}),{onDismiss:(e,n)=>{t(n===`action`)}})}),create:r,remove:i}})();var z=M();function B({kit:e=R}){return(0,z.useSyncExternalStore)(...e.store).reduce((e,t)=>o(w,{open:t.open,children:[o(C.Provider,{value:{id:t.id,onClose:t.onClose,onDismiss:(e,n)=>{t.onDismiss?.(e,n),!e.defaultPrevented&&R.remove(t.id)}},children:t.element}),e]},t.id),null)}B.displayName=`@optiaxiom/react/DialogKitProvider`,r(),e();function V({children:e}){let t=b(),[r,a]=n([]);return o(g.Provider,{value:i(()=>({add:(e,t)=>(a(n=>[...n,{suggestion:e,surface:t}]),()=>{a(t=>t.filter(t=>t.suggestion!==e))})}),[]),children:[e,r.length>0&&o(y,{asChild:!0,children:o(f,{alignItems:`center`,flexDirection:`column`,gap:`16`,pointerEvents:`none`,style:{bottom:32,insetInline:32,position:`fixed`},z:`popover`,children:r.slice(0,1).map(({suggestion:e,surface:n})=>o(m,{"data-side":`top`,type:`pop`,children:o(f,{"aria-describedby":t+`-`+e.id,"aria-label":`App companion suggestion`,bg:`bg.default`,color:`fg.default`,fontSize:`md`,gap:`16`,maxW:`lg`,p:`16`,pointerEvents:`auto`,role:`dialog`,rounded:`md`,shadow:`md`,children:[o(f,{flexDirection:`column`,gap:`4`,id:t+`-`+e.id,children:[o(p,{children:e.type===`message`?e.text:o(l,{children:[o(`strong`,{children:`Suggested:`}),` `,n.renderSuggestionValue?n.renderSuggestionValue(e.value):String(e.value)]})}),e.type===`value`&&e.reason&&o(p,{color:`fg.secondary`,children:e.reason})]}),o(v,{appearance:`primary-opal`,onClick:async()=>{e.type===`message`&&e.tool&&await n.executeTool(e.tool.name,e.tool.parameters),n.accept(e.id)},size:`sm`,children:`Accept`}),o(v,{appearance:`subtle`,"aria-label":`close`,color:`fg.default`,flex:`none`,icon:o(S,{}),onClick:()=>{n.reject(e.id)},size:`sm`})]})},e.id))})})]})}V.displayName=`@optiaxiom/react/SuggestionProvider`,r();function H({children:e,dialog:n,locale:r,toast:i,tooltip:a}){let s=r??(typeof navigator<`u`?navigator.language:`en-US`);return t(h)||(e=o(N,{children:o(V,{children:[e,o(_,{...i})]})})),o(h.Provider,{value:d,children:o(P,{locale:s,children:o(x,{...a,children:o(T,{children:[e,o(B,{...n})]})})})})}H.displayName=`@optiaxiom/react/AxiomProvider`;const U=`ax-axiom-provider`;var W=s(U,H,u,a);export{U as AxiomProvider,W as default};

package/dist/components/Badge.d.ts

@@ -1,17 +1,16 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Badge.d.ts
 declare const Badge = "ax-badge";
 type BadgeProps = BoxProps & {
-  "intent"?: "danger" | "neutral" | "information" | "primary" | "success" | "warning";
-  "variant"?: "strong" | "subtle";
-  "lineClamp"?: "1" | "2" | "4" | "3";
-  "line-clamp"?: "1" | "2" | "4" | "3";
-  "truncate"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "intent"?: undefined | "danger" | "neutral" | "information" | "primary" | "success" | "warning";
+  "variant"?: undefined | "strong" | "subtle";
+  "lineClamp"?: undefined | "1" | "2" | "4" | "3";
+  "line-clamp"?: undefined | "1" | "2" | "4" | "3";
+  "truncate"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Badge.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{h as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Badge-DsR9WNQq.js";const i=`ax-badge`;var a=t(i,r,n,e);export{i as Badge,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{h as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Badge-BqhIHlCS.js";const i=`ax-badge`;var a=t(i,r,n,e);export{i as Badge,a as default};

package/dist/components/Banner.d.ts

@@ -1,14 +1,13 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Banner.d.ts
 declare const Banner = "ax-banner";
 type BannerProps = BoxProps & {
-  "intent"?: "danger" | "neutral" | "information" | "success" | "warning";
-  "onDismiss"?: () => void;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "intent"?: undefined | "danger" | "neutral" | "information" | "success" | "warning";
+  "onDismiss"?: undefined | (() => void);
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Banner.js

@@ -1 +1 @@
-import{D as e,a as t,d as n,k as r,n as i,r as a,t as o}from"../register-CmGCaC0G.js";import{g as s}from"../propTypes-CCF8mpiF.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{t as l}from"../Group-wqJPiiS3.js";import{t as u}from"../Icon-B3a0miDj.js";import{t as d}from"../Button-CZHroQ7E.js";import{t as f}from"../dist-DaIqmYGf.js";import{i as p,n as m,r as h,t as g}from"../warning-DYo-pco5.js";import{t as _}from"../close-CWHwzZ3j.js";r(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{._433pc7{min-height:var(--ax-size-sm)}}`);var v=c({base:[{alignItems:`start`,color:`fg.default`,fontSize:`md`,fontWeight:`500`,gap:`12`,justifyContent:`space-between`,px:`24`,py:`12`}],variants:{intent:{danger:{bg:`bg.error.subtle`},information:{bg:`bg.information.subtle`},neutral:{bg:`bg.tertiary`},success:{bg:`bg.success.subtle`},warning:{bg:`bg.warning.subtle`}}}}),y=c({base:[{flex:`1`,flexDirection:`column`,gap:`8`,justifyContent:`center`},`_433pc7`]}),b=c({base:[{mt:`4`}],variants:{intent:{danger:{color:`fg.error.strong`},information:{color:`fg.information.strong`},neutral:{color:`fg.tertiary`},success:{color:`fg.success.strong`},warning:{color:`fg.warning.strong`}}}});n();const x={danger:h,information:m,neutral:m,success:p,warning:g},S=t(({children:t,className:n,intent:r=`neutral`,onDismiss:i,...o},s)=>{let c=f();return a(l,{"aria-labelledby":c,ref:s,role:`alert`,...v({intent:r},n),...o,children:[a(u,{asChild:!0,...b({intent:r}),children:e(x[r],{filled:!0})}),a(l,{id:c,...y(),children:t}),!!i&&a(d,{appearance:`subtle`,"aria-label":`close`,color:`fg.default`,flex:`none`,icon:a(_,{}),onClick:i,size:`sm`})]})});S.displayName=`@optiaxiom/react/Banner`;const C=`ax-banner`;var w=o(C,S,s,i);export{C as Banner,w as default};
+import{D as e,a as t,d as n,k as r,n as i,r as a,t as o}from"../register-DI_7juGg.js";import{g as s}from"../propTypes-DvAE1OVW.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{t as l}from"../Group-Ba9swfi0.js";import{t as u}from"../Icon-D7Nb6bEV.js";import{t as d}from"../Button-DBq9GHkw.js";import{t as f}from"../dist-CZh7xvrW.js";import{i as p,n as m,r as h,t as g}from"../warning-B_up58Or.js";import{t as _}from"../close-CFjUl2bF.js";r(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{._6dt22k{min-height:var(--ax-size-sm)}}`);var v=c({base:[{alignItems:`start`,color:`fg.default`,fontSize:`md`,fontWeight:`500`,gap:`12`,justifyContent:`space-between`,px:`24`,py:`12`}],variants:{intent:{danger:{bg:`bg.error.subtle`},information:{bg:`bg.information.subtle`},neutral:{bg:`bg.tertiary`},success:{bg:`bg.success.subtle`},warning:{bg:`bg.warning.subtle`}}}}),y=c({base:[{flex:`1`,flexDirection:`column`,gap:`8`,justifyContent:`center`},`_6dt22k`]}),b=c({base:[{mt:`4`}],variants:{intent:{danger:{color:`fg.error.strong`},information:{color:`fg.information.strong`},neutral:{color:`fg.tertiary`},success:{color:`fg.success.strong`},warning:{color:`fg.warning.strong`}}}});n();const x={danger:h,information:m,neutral:m,success:p,warning:g},S=t(({children:t,className:n,intent:r=`neutral`,onDismiss:i,...o},s)=>{let c=f();return a(l,{"aria-labelledby":c,ref:s,role:`alert`,...v({intent:r},n),...o,children:[a(u,{asChild:!0,...b({intent:r}),children:e(x[r],{filled:!0})}),a(l,{id:c,...y(),children:t}),!!i&&a(d,{appearance:`subtle`,"aria-label":`close`,color:`fg.default`,flex:`none`,icon:a(_,{}),onClick:i,size:`sm`})]})});S.displayName=`@optiaxiom/react/Banner`;const C=`ax-banner`;var w=o(C,S,s,i);export{C as Banner,w as default};

package/dist/components/Box.d.ts

@@ -1,100 +1,99 @@
 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 = {
-  "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" | "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;
+  "fontFamily"?: undefined | "heading" | "mono" | "sans";
+  "font-family"?: undefined | "heading" | "mono" | "sans";
+  "fontSize"?: undefined | "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs";
+  "font-size"?: undefined | "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs";
+  "size"?: undefined | "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<undefined | "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<undefined | "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"?: undefined | "ping" | "pulse" | "spin";
+  "backgroundImage"?: undefined | "gradient.opal";
+  "background-image"?: undefined | "gradient.opal";
+  "borderColor"?: undefined | "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"?: undefined | "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"?: undefined | "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"?: undefined | "default" | "pointer" | "text";
+  "fontWeight"?: undefined | "inherit" | "400" | "500" | "600" | "700" | "900";
+  "font-weight"?: undefined | "inherit" | "400" | "500" | "600" | "700" | "900";
+  "objectFit"?: undefined | "contain" | "cover" | "fill" | "none";
+  "object-fit"?: undefined | "contain" | "cover" | "fill" | "none";
+  "overflowX"?: undefined | "hidden" | "auto" | "visible";
+  "overflow-x"?: undefined | "hidden" | "auto" | "visible";
+  "overflowY"?: undefined | "hidden" | "auto" | "visible";
+  "overflow-y"?: undefined | "hidden" | "auto" | "visible";
+  "pointerEvents"?: undefined | "auto" | "none";
+  "pointer-events"?: undefined | "auto" | "none";
+  "textAlign"?: undefined | "center" | "end" | "justify" | "start";
+  "text-align"?: undefined | "center" | "end" | "justify" | "start";
+  "textTransform"?: undefined | "none" | "capitalize" | "uppercase";
+  "text-transform"?: undefined | "none" | "capitalize" | "uppercase";
+  "transition"?: undefined | "colors" | "none" | "all" | "opacity" | "transform";
+  "whiteSpace"?: undefined | "nowrap";
+  "white-space"?: undefined | "nowrap";
+  "bg"?: undefined | "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.message.neutral" | "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"?: undefined | "0" | "1" | "2";
+  "borderB"?: undefined | "0" | "1" | "2";
+  "border-b"?: undefined | "0" | "1" | "2";
+  "borderL"?: undefined | "0" | "1" | "2";
+  "border-l"?: undefined | "0" | "1" | "2";
+  "borderR"?: undefined | "0" | "1" | "2";
+  "border-r"?: undefined | "0" | "1" | "2";
+  "borderT"?: undefined | "0" | "1" | "2";
+  "border-t"?: undefined | "0" | "1" | "2";
+  "m"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mx"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "my"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mb"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "ml"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mr"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "mt"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2" | "4" | "6" | "8";
+  "overflow"?: undefined | "hidden" | "auto" | "visible";
+  "p"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "px"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "py"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pb"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pl"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pr"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "pt"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8";
+  "rounded"?: undefined | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | "full" | "none";
+  "shadow"?: undefined | "lg" | "md" | "sm" | "xl" | "none";
+  "z"?: undefined | "0" | "10" | "20" | "auto" | "30" | "popover" | "toast" | "tooltip";
+  "alignItems"?: undefined | "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<undefined | "center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<undefined | "center" | "end" | "start" | "normal" | "stretch">;
+  "align-items"?: undefined | "center" | "end" | "start" | "normal" | "stretch";
+  "alignSelf"?: undefined | "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<undefined | "center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<undefined | "center" | "end" | "start" | "normal" | "stretch">;
+  "align-self"?: undefined | "center" | "end" | "start" | "normal" | "stretch";
+  "display"?: undefined | "flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | ResponsiveArray<undefined | "flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row"> | ResponsiveObject<undefined | "flex" | "none" | "block" | "grid" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row">;
+  "flex"?: undefined | "auto" | "none" | "1" | "initial" | ResponsiveArray<undefined | "auto" | "none" | "1" | "initial"> | ResponsiveObject<undefined | "auto" | "none" | "1" | "initial">;
+  "flexDirection"?: undefined | "column" | "column-reverse" | "row" | "row-reverse" | ResponsiveArray<undefined | "column" | "column-reverse" | "row" | "row-reverse"> | ResponsiveObject<undefined | "column" | "column-reverse" | "row" | "row-reverse">;
+  "flex-direction"?: undefined | "column" | "column-reverse" | "row" | "row-reverse";
+  "flexWrap"?: undefined | "nowrap" | "wrap" | ResponsiveArray<undefined | "nowrap" | "wrap"> | ResponsiveObject<undefined | "nowrap" | "wrap">;
+  "flex-wrap"?: undefined | "nowrap" | "wrap";
+  "gap"?: undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8" | ResponsiveArray<undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8"> | ResponsiveObject<undefined | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "2" | "4" | "6" | "8">;
+  "gridAutoRows"?: undefined | "fr" | ResponsiveArray<undefined | "fr"> | ResponsiveObject<undefined | "fr">;
+  "grid-auto-rows"?: undefined | "fr";
+  "gridColumn"?: undefined | "1" | "2" | "4" | "3" | ResponsiveArray<undefined | "1" | "2" | "4" | "3"> | ResponsiveObject<undefined | "1" | "2" | "4" | "3">;
+  "grid-column"?: undefined | "1" | "2" | "4" | "3";
+  "gridTemplateColumns"?: undefined | "1" | "2" | "4" | "3" | ResponsiveArray<undefined | "1" | "2" | "4" | "3"> | ResponsiveObject<undefined | "1" | "2" | "4" | "3">;
+  "grid-template-columns"?: undefined | "1" | "2" | "4" | "3";
+  "justifyContent"?: undefined | "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | ResponsiveArray<undefined | "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly"> | ResponsiveObject<undefined | "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly">;
+  "justify-content"?: undefined | "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly";
+  "justifyItems"?: undefined | "center" | "end" | "start" | "normal" | "stretch" | ResponsiveArray<undefined | "center" | "end" | "start" | "normal" | "stretch"> | ResponsiveObject<undefined | "center" | "end" | "start" | "normal" | "stretch">;
+  "justify-items"?: undefined | "center" | "end" | "start" | "normal" | "stretch";
+  "placeItems"?: undefined | "center" | ResponsiveArray<undefined | "center"> | ResponsiveObject<undefined | "center">;
+  "place-items"?: undefined | "center";
+  "maxH"?: undefined | "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full">;
+  "max-h"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
+  "maxW"?: undefined | "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full">;
+  "max-w"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
+  "h"?: undefined | "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<undefined | "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<undefined | "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"?: undefined | "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<undefined | "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<undefined | "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"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "className"?: undefined | string;
+  "class-name"?: undefined | string;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Box.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{_ as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Box-CWv2x03U.js";const i=`ax-box`;var a=t(i,r,n,e);export{i as Box,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{_ as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Box-7R0puqJI.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,20 +1,19 @@
 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;
+    execute?: (() => void) | undefined;
+    href?: string | undefined;
     label: string;
   }[];
-  "maxItems"?: number;
-  "max-items"?: number;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "maxItems"?: undefined | number;
+  "max-items"?: undefined | number;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Breadcrumb.js

@@ -1 +1 @@
-import{a as e,d as t,k as n,n as r,r as i,t as a,w as o}from"../register-CmGCaC0G.js";import{v as s}from"../propTypes-CCF8mpiF.js";import{n as c,t as l}from"../Box-CWv2x03U.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../Group-wqJPiiS3.js";import{t as f}from"../Text-CebClX-o.js";import{t as p}from"../fallbackSpan-0MNQtoCw.js";import{t as m}from"../Tooltip-CFhPFKua.js";import{t as h}from"../more_horiz-D9v5_bs1.js";import{t as g}from"../Link-Mu1-cy3g.js";import{t as _}from"../Menu-BnrD0U8-.js";import{t as v}from"../MenuContent-3ceEuRnl.js";import{t as y}from"../MenuTrigger-CClyh02B.js";n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{._2ny4a1{min-height:var(--ax-size-md)}.r0gj29,.r0gj29:visited{color:var(--ax-colors-fg-tertiary)}@media (hover:hover){.r0gj29:hover:not([data-disabled]){color:var(--ax-colors-fg-secondary)}}}`);var b=u({base:`r0gj29`}),x=u({base:[{alignItems:`center`,color:`fg.default`,display:`flex`,fontSize:`md`,gap:`8`},`_2ny4a1`]});n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{.ljr6fb{max-width:160px}.ljr6fb: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`},`ljr6fb`]});t();const C=e(({addonAfter:e,children:t,className:n,...r},a)=>{let{boxProps:o,restProps:s}=c(r);return i(l,{asChild:!0,...S({},n),...o,children:i(`li`,{ref:a,...s,children:[t,e&&i(d,{asChild:!0,flex:`none`,gap:`4`,children:p(e)})]})})});C.displayName=`@optiaxiom/react/BreadcrumbNode`,t();const w=e(({className:e,items:t,maxItems:n=3,...r},a)=>{let{boxProps:o,restProps:s}=c(r);return i(l,{asChild:!0,className:e,...o,children:i(`nav`,{"aria-label":`Breadcrumb`,ref:a,...s,children:i(l,{asChild:!0,...x(),children:i(`ol`,{children:T(t,n,(e,n)=>i(C,{addonAfter:e.addonAfter,children:i(m,{auto:!0,content:e.label,children:i(f,{asChild:!0,truncate:!0,children:n===t.length-1?i(l,{"aria-current":n===t.length-1?`page`:void 0,children:e.label}):e.href?i(g,{appearance:`subtle`,href:e.href,...b(),children:e.label}):e.execute?i(g,{appearance:`subtle`,asChild:!0,...b(),children:i(`button`,{onClick:()=>e.execute?.(),children:e.label})}):null})})}))})})})})});w.displayName=`@optiaxiom/react/Breadcrumb`;const T=(e,t=e.length,n)=>{t<0&&(t=0),(t>e.length||typeof t!=`number`)&&(t=e.length);let r=[0,Math.floor(t/2),e.length-Math.ceil(t/2),e.length];return[...e.slice(r[0],r[1]).map((e,t)=>i(o,{children:n(e,t)},`left`+t)),r[2]>r[1]&&i(C,{children:i(_,{options:e.slice(r[1],r[2]),children:[i(y,{appearance:`subtle`,"aria-label":`More items`,icon:i(l,{asChild:!0,color:`fg.tertiary`,children:i(h,{})})}),i(v,{})]})},`ellipsis`),...e.slice(r[2],r[3]).map((e,t)=>i(o,{children:n(e,r[2]+t)},`right`+t))]},E=`ax-breadcrumb`;var D=a(E,w,s,r);export{E as Breadcrumb,D as default};
+import{a as e,d as t,k as n,n as r,r as i,t as a,w as o}from"../register-DI_7juGg.js";import{v as s}from"../propTypes-DvAE1OVW.js";import{r as c,t as l}from"../Box-7R0puqJI.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../Group-Ba9swfi0.js";import{t as f}from"../Text-BZK21tMK.js";import{t as p}from"../fallbackSpan-CFnvcYYi.js";import{t as m}from"../Tooltip-BE0QN7i9.js";import{t as h}from"../more_horiz-yXdzrqAz.js";import{t as g}from"../Link-CZEQMXOk.js";import{t as _}from"../Menu-BLxRULjR.js";import{t as v}from"../MenuContent-CTNbsnTv.js";import{t as y}from"../MenuTrigger-C9qshQQs.js";n(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{._1q7oq1v{min-height:var(--ax-size-md)}._1fonovm,._1fonovm:visited{color:var(--ax-colors-fg-tertiary)}@media (hover:hover){._1fonovm:hover:not([data-disabled]){color:var(--ax-colors-fg-secondary)}}}`);var b=u({base:`_1fonovm`}),x=u({base:[{alignItems:`center`,color:`fg.default`,display:`flex`,fontSize:`md`,gap:`8`},`_1q7oq1v`]});n(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{._1h6z7no{max-width:160px}._1h6z7no:not(:first-child):before{content:"/";color:var(--ax-colors-fg-tertiary);margin-right:4px}}`);var S=u({base:[{alignItems:`center`,display:`inline-flex`,gap:`4`,whiteSpace:`nowrap`},`_1h6z7no`]});t();const C=e(({addonAfter:e,children:t,className:n,...r},a)=>{let{boxProps:o,restProps:s}=c(r);return i(l,{asChild:!0,...S({},n),...o,children:i(`li`,{ref:a,...s,children:[t,e&&i(d,{asChild:!0,flex:`none`,gap:`4`,children:p(e)})]})})});C.displayName=`@optiaxiom/react/BreadcrumbNode`,t();const w=e(({className:e,items:t,maxItems:n=3,...r},a)=>{let{boxProps:o,restProps:s}=c(r);return i(l,{asChild:!0,className:e,...o,children:i(`nav`,{"aria-label":`Breadcrumb`,ref:a,...s,children:i(l,{asChild:!0,...x(),children:i(`ol`,{children:T(t,n,(e,n)=>i(C,{addonAfter:e.addonAfter,children:i(m,{auto:!0,content:e.label,children:i(f,{asChild:!0,truncate:!0,children:n===t.length-1?i(l,{"aria-current":n===t.length-1?`page`:void 0,children:e.label}):e.href?i(g,{appearance:`subtle`,href:e.href,...b(),children:e.label}):e.execute?i(g,{appearance:`subtle`,asChild:!0,...b(),children:i(`button`,{onClick:()=>e.execute?.(),children:e.label})}):null})})}))})})})})});w.displayName=`@optiaxiom/react/Breadcrumb`;const T=(e,t=e.length,n)=>{t<0&&(t=0),(t>e.length||typeof t!=`number`)&&(t=e.length);let r=[0,Math.floor(t/2),e.length-Math.ceil(t/2),e.length];return[...e.slice(r[0],r[1]).map((e,t)=>i(o,{children:n(e,t)},`left`+t)),r[2]>r[1]&&i(C,{children:i(_,{options:e.slice(r[1],r[2]),children:[i(y,{appearance:`subtle`,"aria-label":`More items`,icon:i(l,{asChild:!0,color:`fg.tertiary`,children:i(h,{})})}),i(v,{})]})},`ellipsis`),...e.slice(r[2],r[3]).map((e,t)=>i(o,{children:n(e,r[2]+t)},`right`+t))]},E=`ax-breadcrumb`;var D=a(E,w,s,r);export{E as Breadcrumb,D as default};

package/dist/components/Button.d.ts

@@ -1,7 +1,6 @@
 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 & {
@@ -10,17 +9,17 @@ type ButtonProps = BoxProps & {
   "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";
-  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "addon"?: undefined;
+  "iconPosition"?: undefined | "end" | "start";
+  "icon-position"?: undefined | "end" | "start";
+  "size"?: undefined | "lg" | "md" | "sm";
+  "disabled"?: undefined | false | true;
+  "type"?: undefined | "button" | "reset" | "submit";
+  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "loading"?: undefined | false | true;
+  "square"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Button.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{b as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Button-CZHroQ7E.js";const i=`ax-button`;var a=t(i,r,n,e);export{i as Button,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{b as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Button-DBq9GHkw.js";const i=`ax-button`;var a=t(i,r,n,e);export{i as Button,a as default};