@optiaxiom/web-components 3.0.4 → 3.0.5

package/dist/components/PopoverTrigger.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/PopoverTrigger.d.ts
 declare const PopoverTrigger = "ax-popover-trigger";
 type PopoverTriggerProps = BoxProps & {
@@ -10,17 +9,17 @@ type PopoverTriggerProps = 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/PopoverTrigger.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{tn as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../PopoverTrigger-UDt_jdRw.js";const i=`ax-popover-trigger`;var a=t(i,r,n,e);export{i as PopoverTrigger,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{tn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../PopoverTrigger-DVYE1HoW.js";const i=`ax-popover-trigger`;var a=t(i,r,n,e);export{i as PopoverTrigger,a as default};

package/dist/components/Progress.d.ts

@@ -1,18 +1,8 @@
-import { BoxProps } from "./Box.js";
+import "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Progress.d.ts
 declare const Progress = "ax-progress";
-type ProgressProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "value"?: number;
-  "max"?: number;
-  "getValueLabel"?: (value: number, max: number) => string;
-  "get-value-label"?: (value: number, max: number) => string;
-  "intent"?: "danger" | "primary" | "success" | "opal";
-};
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -28,4 +18,4 @@ declare module "react" {
   }
 }
 //#endregion
-export { Progress, ProgressProps };
+export { Progress };

package/dist/components/Progress.js

@@ -1,4 +1,4 @@
-import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-CmGCaC0G.js";import{nn as o}from"../propTypes-CCF8mpiF.js";import{t as s}from"../Box-CWv2x03U.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{n as l}from"../dist-CBRttV5v.js";import{t as u}from"../dist-DPyucU1T.js";n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{._1enlru8{height:8px}.kwnotc{background-color:var(--ax-colors-bg-error)}._63mtwy{background-color:var(--ax-colors-fg-tertiary)}}`);var d=c({base:[{h:`full`,rounded:`full`,transition:`all`}],variants:{intent:{danger:`kwnotc`,opal:{},primary:{},success:{}}},variantsCompounded:[{style:`_63mtwy`,variants:{intent:[`opal`,`primary`,`success`]}}]}),f=c({base:[{bg:`bg.pill.default`,overflow:`hidden`,rounded:`full`},`_1enlru8`]});t();var p=`Progress`,m=100,[h,g]=l(p),[_,v]=h(p),y=e((e,t)=>{let{__scopeProgress:n,value:r=null,max:a,getValueLabel:o=S,...s}=e;(a||a===0)&&!T(a)&&console.error(D(`${a}`,`Progress`));let c=T(a)?a:m;r!==null&&!E(r,c)&&console.error(O(`${r}`,`Progress`));let l=E(r,c)?r:null,d=w(l)?o(l,c):void 0;return i(_,{scope:n,value:l,max:c,children:i(u.div,{"aria-valuemax":c,"aria-valuemin":0,"aria-valuenow":w(l)?l:void 0,"aria-valuetext":d,role:`progressbar`,"data-state":C(l,c),"data-value":l??void 0,"data-max":c,...s,ref:t})})});y.displayName=p;var b=`ProgressIndicator`,x=e((e,t)=>{let{__scopeProgress:n,...r}=e,a=v(b,n);return i(u.div,{"data-state":C(a.value,a.max),"data-value":a.value??void 0,"data-max":a.max,...r,ref:t})});x.displayName=b;function S(e,t){return`${Math.round(e/t*100)}%`}function C(e,t){return e==null?`indeterminate`:e===t?`complete`:`loading`}function w(e){return typeof e==`number`}function T(e){return w(e)&&!isNaN(e)&&e>0}function E(e,t){return w(e)&&!isNaN(e)&&e<=t&&e>=0}function D(e,t){return`Invalid prop \`max\` of value \`${e}\` supplied to \`${t}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${m}\`.`}function O(e,t){return`Invalid prop \`value\` of value \`${e}\` supplied to \`${t}\`. The \`value\` prop must be:
+import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-DI_7juGg.js";import{nn as o}from"../propTypes-DvAE1OVW.js";import{t as s}from"../Box-BP7S1N6D.js";import"../layers.css.ts.vanilla-DAV8xjBt-CRO-lQbz.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{n as l}from"../dist-vPRa10lJ.js";import{t as u}from"../dist-CytMLipI.js";n(`@layer optiaxiom.m05w4x;@layer optiaxiom.m05w4x{.nrzo5{height:8px}._1bfxo8g{background-color:var(--ax-colors-bg-error)}._1y8mwo0{background-color:var(--ax-colors-fg-tertiary)}}`);var d=c({base:[{h:`full`,rounded:`full`,transition:`all`}],variants:{intent:{danger:`_1bfxo8g`,opal:{},primary:{},success:{}}},variantsCompounded:[{style:`_1y8mwo0`,variants:{intent:[`opal`,`primary`,`success`]}}]}),f=c({base:[{bg:`bg.pill.default`,overflow:`hidden`,rounded:`full`},`nrzo5`]});t();var p=`Progress`,m=100,[h,g]=l(p),[_,v]=h(p),y=e((e,t)=>{let{__scopeProgress:n,value:r=null,max:a,getValueLabel:o=S,...s}=e;(a||a===0)&&!T(a)&&console.error(D(`${a}`,`Progress`));let c=T(a)?a:m;r!==null&&!E(r,c)&&console.error(O(`${r}`,`Progress`));let l=E(r,c)?r:null,d=w(l)?o(l,c):void 0;return i(_,{scope:n,value:l,max:c,children:i(u.div,{"aria-valuemax":c,"aria-valuemin":0,"aria-valuenow":w(l)?l:void 0,"aria-valuetext":d,role:`progressbar`,"data-state":C(l,c),"data-value":l??void 0,"data-max":c,...s,ref:t})})});y.displayName=p;var b=`ProgressIndicator`,x=e((e,t)=>{let{__scopeProgress:n,...r}=e,a=v(b,n);return i(u.div,{"data-state":C(a.value,a.max),"data-value":a.value??void 0,"data-max":a.max,...r,ref:t})});x.displayName=b;function S(e,t){return`${Math.round(e/t*100)}%`}function C(e,t){return e==null?`indeterminate`:e===t?`complete`:`loading`}function w(e){return typeof e==`number`}function T(e){return w(e)&&!isNaN(e)&&e>0}function E(e,t){return w(e)&&!isNaN(e)&&e<=t&&e>=0}function D(e,t){return`Invalid prop \`max\` of value \`${e}\` supplied to \`${t}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${m}\`.`}function O(e,t){return`Invalid prop \`value\` of value \`${e}\` supplied to \`${t}\`. The \`value\` prop must be:
   - a positive number
   - less than the value passed to \`max\` (or ${m} if no \`max\` prop is set)
   - \`null\` or \`undefined\` if the progress is indeterminate.

package/dist/components/Radio.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/Radio.d.ts
 declare const Radio = "ax-radio";
 type RadioProps = BoxProps & {
   "description"?: string | number | false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "name"?: string;
-  "value"?: string | number | readonly string[];
-  "required"?: false | true;
-  "onCheckedChange"?: (checked: boolean) => void;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "name"?: undefined | string;
+  "value"?: undefined | string | number | readonly string[];
+  "required"?: undefined | false | true;
+  "onCheckedChange"?: undefined | ((checked: boolean) => void);
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Radio.js

@@ -1 +1 @@
-import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-CmGCaC0G.js";import{in as o}from"../propTypes-CCF8mpiF.js";import{n as s,t as c}from"../Box-CWv2x03U.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as l}from"../recipeRuntime-BkylZxVy.js";import"../AvatarGroup.css.ts.vanilla-Beph4zQj-QLm92BYZ.js";import{a as u,i as d,n as f,o as p,r as m,t as h}from"../ToggleInputHiddenInput-DP_mxOAP.js";import{n as g}from"../RadioGroupContext-DEmzqJT8.js";n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{._1q3of0z{border-color:var(--_11c9vbg);border-width:2px;place-content:center;position:relative;transition-property:border-color,border-width;transition-timing-function:ease}._1q3of0z,._1q3of0z:before{transition-duration:var(--ax-duration-sm)}._1q3of0z:before{border:1px solid var(--ax-colors-border-disabled);border-radius:inherit;content:"";inset:-2px;opacity:0;pointer-events:none;position:absolute;transition-property:inset,opacity;transition-timing-function:ease}._1josj1t:has(._3ehwj8:checked) ._1q3of0z:before{inset:-12px;opacity:1}._1josj1t:has(._3ehwj8:checked) ._1q3of0z{border-width:12px}._1o0tozf{margin-top:-2px}._1elo3je{background-color:var(--dcrkmb);height:8px;transform:scale(0);width:8px}._1josj1t:has(._3ehwj8:checked) ._1elo3je{transform:scale(1)}}`);var _=l({base:[{bg:`bg.default`,display:`grid`,rounded:`full`,size:`sm`},`_1q3of0z`],variants:{shift:{false:{},true:`_1o0tozf`}}}),v=l({base:[{rounded:`inherit`,transition:`transform`},`_1elo3je`]}),y=l({base:`_3ehwj8`}),b=l({base:`_1josj1t`});t();const x=e(({children:e,className:t,description:n,disabled:r,name:a,onBlur:o,onChange:l,...x},S)=>{let{boxProps:C,restProps:w}=s(x),T=g(`@optiaxiom/react/Radio`);if(T){if(`checked`in x)throw Error("Cannot use `checked` prop when `Radio` is used within `RadioGroup`");if(x.value===void 0)throw Error("Must use `value` prop when `Radio` is used within `RadioGroup`")}return i(f,{...b({},t),...C,children:[i(h,{checked:T?.value===void 0?void 0:T.value===x.value,defaultChecked:T?.defaultValue===void 0?void 0:T.defaultValue===x.value,disabled:T?.disabled??r,name:T?.name??a,onBlur:T?.onBlur??o,onChange:T?.onChange??l,ref:S,type:`radio`,...y(),...w}),i(m,{..._({shift:!!e}),children:i(c,{...v()})}),(e||n)&&i(p,{children:[e&&i(d,{children:e}),n&&i(u,{children:n})]})]})});x.displayName=`@optiaxiom/react/Radio`;const S=`ax-radio`;var C=a(S,x,o,r);export{S as Radio,C as default};
+import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-DI_7juGg.js";import{in as o}from"../propTypes-DvAE1OVW.js";import{r as s,t as c}from"../Box-BP7S1N6D.js";import"../layers.css.ts.vanilla-DAV8xjBt-CRO-lQbz.js";import{t as l}from"../recipeRuntime-BkylZxVy.js";import"../ButtonGroup.css.ts.vanilla-DCx5qTtl-CqTolPJK.js";import{a as u,i as d,n as f,o as p,r as m,t as h}from"../ToggleInputHiddenInput-DB34SzCM.js";import{n as g}from"../RadioGroupContext-DVwc1v4i.js";n(`@layer optiaxiom.m05w4x;@layer optiaxiom.m05w4x{._2g3ol4{border-color:var(--ex9d03);border-width:2px;place-content:center;position:relative;transition-property:border-color,border-width;transition-timing-function:ease}._2g3ol4,._2g3ol4:before{transition-duration:var(--ax-duration-sm)}._2g3ol4:before{content:"";border:1px solid var(--ax-colors-border-disabled);border-radius:inherit;inset:-2px;opacity:0;pointer-events:none;position:absolute;transition-property:inset,opacity;transition-timing-function:ease}.m378t3:has(.zfr6n:checked) ._2g3ol4:before{inset:-12px;opacity:1}.m378t3:has(.zfr6n:checked) ._2g3ol4{border-width:12px}.kvf8dm{margin-top:-2px}._1vuf36r{background-color:var(--_1gj7i72);height:8px;transform:scale(0);width:8px}.m378t3:has(.zfr6n:checked) ._1vuf36r{transform:scale(1)}}`);var _=l({base:[{bg:`bg.default`,display:`grid`,rounded:`full`,size:`sm`},`_2g3ol4`],variants:{shift:{false:{},true:`kvf8dm`}}}),v=l({base:[{rounded:`inherit`,transition:`transform`},`_1vuf36r`]}),y=l({base:`zfr6n`}),b=l({base:`m378t3`});t();const x=e(({children:e,className:t,description:n,disabled:r,name:a,onBlur:o,onChange:l,...x},S)=>{let{boxProps:C,restProps:w}=s(x),T=g(`@optiaxiom/react/Radio`);if(T){if(`checked`in x)throw Error("Cannot use `checked` prop when `Radio` is used within `RadioGroup`");if(x.value===void 0)throw Error("Must use `value` prop when `Radio` is used within `RadioGroup`")}return i(f,{...b({},t),...C,children:[i(h,{checked:T?.value===void 0?void 0:T.value===x.value,defaultChecked:T?.defaultValue===void 0?void 0:T.defaultValue===x.value,disabled:T?.disabled??r,name:T?.name??a,onBlur:T?.onBlur??o,onChange:T?.onChange??l,ref:S,type:`radio`,...y(),...w}),i(m,{..._({shift:!!e}),children:i(c,{...v()})}),(e||n)&&i(p,{children:[e&&i(d,{children:e}),n&&i(u,{children:n})]})]})});x.displayName=`@optiaxiom/react/Radio`;const S=`ax-radio`;var C=a(S,x,o,r);export{S as Radio,C as default};

package/dist/components/RadioGroup.d.ts

@@ -2,20 +2,19 @@ import { n as FocusEventHandler, t as ChangeEventHandler } from "../types-BYPfSW
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/RadioGroup.d.ts
 declare const RadioGroup = "ax-radio-group";
 type RadioGroupProps = BoxProps & {
-  "defaultValue"?: string;
-  "default-value"?: string;
-  "disabled"?: false | true;
-  "name"?: string;
-  "onBlur"?: FocusEventHandler<HTMLInputElement>;
-  "onChange"?: ChangeEventHandler<HTMLInputElement>;
-  "onValueChange"?: (value: string) => void;
-  "value"?: string;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "defaultValue"?: undefined | string;
+  "default-value"?: undefined | string;
+  "disabled"?: undefined | false | true;
+  "name"?: undefined | string;
+  "onBlur"?: undefined | FocusEventHandler<HTMLInputElement>;
+  "onChange"?: undefined | ChangeEventHandler<HTMLInputElement>;
+  "onValueChange"?: undefined | ((value: string) => void);
+  "value"?: undefined | string;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/RadioGroup.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{rn as a}from"../propTypes-CCF8mpiF.js";import{i as o}from"../Box-CWv2x03U.js";import{t as s}from"../Group-wqJPiiS3.js";import{t as c}from"../useSurface-B_WrRUUY.js";import{t as l}from"../RadioGroupContext-DEmzqJT8.js";t();const u={column:`12`,"column-reverse":`12`,row:`16`,"row-reverse":`16`},d=e(({children:e,defaultValue:t,disabled:n,flexDirection:i=`column`,name:a,onBlur:d,onChange:f,onValueChange:p,value:m,...h},g)=>{let{track:_}=c(`property`)??{};return r(l,{defaultValue:t,disabled:n,name:a,onBlur:d,onChange:e=>{let t=e.target.value;f?.(e),p?.(t),_?.({name:`changed`,value:t})},value:m,children:r(s,{flexDirection:i,fontSize:`md`,gap:o(i,e=>u[e]),ref:g,...h,children:e})})});d.displayName=`@optiaxiom/react/RadioGroup`;const f=`ax-radio-group`;var p=i(f,d,a,n);export{f as RadioGroup,p as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{rn as a}from"../propTypes-DvAE1OVW.js";import{a as o}from"../Box-BP7S1N6D.js";import{t as s}from"../Group-7td2Uy4I.js";import{t as c}from"../useSurface-Du7EBG-f.js";import{t as l}from"../RadioGroupContext-DVwc1v4i.js";t();const u={column:`12`,"column-reverse":`12`,row:`16`,"row-reverse":`16`},d=e(({children:e,defaultValue:t,disabled:n,flexDirection:i=`column`,name:a,onBlur:d,onChange:f,onValueChange:p,value:m,...h},g)=>{let{track:_}=c(`property`)??{};return r(l,{defaultValue:t,disabled:n,name:a,onBlur:d,onChange:e=>{let t=e.target.value;f?.(e),p?.(t),_?.({name:`changed`,value:t})},value:m,children:r(s,{flexDirection:i,fontSize:`md`,gap:o(i,e=>u[e]),ref:g,...h,children:e})})});d.displayName=`@optiaxiom/react/RadioGroup`;const f=`ax-radio-group`;var p=i(f,d,a,n);export{f as RadioGroup,p as default};

package/dist/components/SearchInput.d.ts

@@ -1,32 +1,31 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/SearchInput.d.ts
 declare const SearchInput = "ax-search-input";
 type SearchInputProps = BoxProps & {
-  "size"?: "lg" | "md" | "xl";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "autoFocus"?: false | true;
-  "auto-focus"?: false | true;
-  "name"?: string;
-  "onValueChange"?: (value: string) => void;
-  "placeholder"?: string;
-  "disabled"?: false | true;
-  "required"?: false | true;
-  "type"?: "number" | "color" | "hidden" | "text" | string & {} | "search" | "button" | "checkbox" | "radio" | "tel" | "url" | "email" | "date" | "time" | "image" | "datetime-local" | "file" | "month" | "password" | "range" | "reset" | "submit" | "week";
+  "size"?: undefined | "lg" | "md" | "xl";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "autoFocus"?: undefined | false | true;
+  "auto-focus"?: undefined | false | true;
+  "name"?: undefined | string;
+  "onValueChange"?: undefined | ((value: string) => void);
+  "placeholder"?: undefined | string;
+  "disabled"?: undefined | false | true;
+  "required"?: undefined | false | true;
+  "type"?: undefined | "number" | "color" | "hidden" | "text" | string & {} | "search" | "button" | "checkbox" | "radio" | "tel" | "url" | "email" | "date" | "time" | "image" | "datetime-local" | "file" | "month" | "password" | "range" | "reset" | "submit" | "week";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "addonPointerEvents"?: "auto" | "none";
-  "addon-pointer-events"?: "auto" | "none";
-  "error"?: false | true;
-  "appearance"?: "number" | "default";
-  "htmlSize"?: number;
-  "html-size"?: number;
-  "onValueClear"?: () => void;
+  "addonPointerEvents"?: undefined | "auto" | "none";
+  "addon-pointer-events"?: undefined | "auto" | "none";
+  "error"?: undefined | false | true;
+  "appearance"?: undefined | "number" | "default";
+  "htmlSize"?: undefined | number;
+  "html-size"?: undefined | number;
+  "onValueClear"?: undefined | (() => void);
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/SearchInput.js

@@ -1 +1 @@
-import{a as e,d as t,k as n,n as r,p as i,r as a,t as o}from"../register-CmGCaC0G.js";import{an as s}from"../propTypes-CCF8mpiF.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{n as l}from"../dist-DlPoRI4R.js";import{t as u}from"../Group-wqJPiiS3.js";import{t as d}from"../dist-hAtlzVVd.js";import{t as f}from"../Button-CZHroQ7E.js";import{t as p}from"../close-CWHwzZ3j.js";import{t as m}from"../search-N5WaUbxB.js";import{t as h}from"../Input-DeABdg0O.js";import{t as g}from"../useObserveValue-_EHcPZX3.js";n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{._13edbar::-webkit-search-cancel-button,._13edbar::-webkit-search-decoration{-webkit-appearance:none;display:none}._47pl6u:is(:not(:focus-within):not(:hover),:has(input:disabled)) ._17jrtmb{visibility:hidden}}`);var _=c({base:[{size:`sm`},`_17jrtmb`]}),v=c({base:`_13edbar`}),y=c({base:`_47pl6u`});t();const b=e(({addonBefore:e,className:t,onChange:n,onValueClear:r,...o},s)=>{let c=i(null),b=l(c,s),[x,S]=d({caller:`@optiaxiom/react/SearchInput`,defaultProp:o.defaultValue,prop:o.value}),C=g(c,S);return a(h,{addonAfter:x&&a(f,{appearance:`subtle`,"aria-label":`Clear`,icon:x&&a(p,{}),onPointerDown:e=>{e.preventDefault(),C(``),r?.()},tabIndex:-1,..._()}),addonBefore:a(u,{gap:`8`,children:[a(m,{}),e]}),addonPointerEvents:`none`,asChild:!0,autoComplete:`off`,onChange:e=>{n?.(e),S(e.target.value)},ref:b,type:`search`,...y({},t),...o,children:a(`input`,{...v()})})});b.displayName=`@optiaxiom/react/SearchInput`;const x=`ax-search-input`;var S=o(x,b,s,r);export{x as SearchInput,S as default};
+import{a as e,d as t,k as n,n as r,p as i,r as a,t as o}from"../register-DI_7juGg.js";import{an as s}from"../propTypes-DvAE1OVW.js";import"../layers.css.ts.vanilla-DAV8xjBt-CRO-lQbz.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{n as l}from"../dist-BA1lC60o.js";import{t as u}from"../Group-7td2Uy4I.js";import{t as d}from"../dist-DPEBf3IT.js";import{t as f}from"../Button-DPalZR2h.js";import{t as p}from"../close-CFjUl2bF.js";import{t as m}from"../search-ClrgyNuE.js";import{t as h}from"../Input-DWntDjJl.js";import{t as g}from"../useObserveValue-C8YYcGp_.js";n(`@layer optiaxiom.m05w4x;@layer optiaxiom.m05w4x{._8o7y4::-webkit-search-cancel-button,._8o7y4::-webkit-search-decoration{display:none;-webkit-appearance:none}._63ndb2:is(:not(:focus-within):not(:hover),:has(input:disabled)) ._3qh5kd{visibility:hidden}}`);var _=c({base:[{size:`sm`},`_3qh5kd`]}),v=c({base:`_8o7y4`}),y=c({base:`_63ndb2`});t();const b=e(({addonBefore:e,className:t,onChange:n,onValueClear:r,...o},s)=>{let c=i(null),b=l(c,s),[x,S]=d({caller:`@optiaxiom/react/SearchInput`,defaultProp:o.defaultValue,prop:o.value}),C=g(c,S);return a(h,{addonAfter:x&&a(f,{appearance:`subtle`,"aria-label":`Clear`,icon:x&&a(p,{}),onPointerDown:e=>{e.preventDefault(),C(``),r?.()},tabIndex:-1,..._()}),addonBefore:a(u,{gap:`8`,children:[a(m,{}),e]}),addonPointerEvents:`none`,asChild:!0,autoComplete:`off`,onChange:e=>{n?.(e),S(e.target.value)},ref:b,type:`search`,...y({},t),...o,children:a(`input`,{...v()})})});b.displayName=`@optiaxiom/react/SearchInput`;const x=`ax-search-input`;var S=o(x,b,s,r);export{x as SearchInput,S as default};

package/dist/components/SegmentedControl.d.ts

@@ -1,23 +1,22 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/SegmentedControl.d.ts
 declare const SegmentedControl = "ax-segmented-control";
 type SegmentedControlProps = BoxProps & {
-  "type"?: "multiple" | "single";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "defaultValue"?: string | string[];
-  "default-value"?: string | string[];
-  "dir"?: "ltr" | "rtl";
-  "onValueChange"?: ((value: string[]) => void) | ((value: string) => void);
-  "value"?: string | string[];
-  "disabled"?: false | true;
-  "loop"?: false | true;
-  "rovingFocus"?: false | true;
-  "roving-focus"?: false | true;
-  "orientation"?: "horizontal" | "vertical";
+  "type"?: undefined | "multiple" | "single";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "defaultValue"?: undefined | string | string[];
+  "default-value"?: undefined | string | string[];
+  "dir"?: undefined | "ltr" | "rtl";
+  "onValueChange"?: undefined | ((value: string[]) => void) | ((value: string) => void);
+  "value"?: undefined | string | string[];
+  "disabled"?: undefined | false | true;
+  "loop"?: undefined | false | true;
+  "rovingFocus"?: undefined | false | true;
+  "roving-focus"?: undefined | false | true;
+  "orientation"?: undefined | "horizontal" | "vertical";
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/SegmentedControl.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{sn as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Group-wqJPiiS3.js";import{n as s,r as c}from"../dist-uSNjM8Wr.js";t();const l=e(({children:e,type:t=`single`,...n},i)=>r(o,{asChild:!0,gap:`0`,...n,children:r(s,{ref:i,type:t,children:r(c,{children:e})})}));l.displayName=`@optiaxiom/react/SegmentedControl`;const u=`ax-segmented-control`;var d=i(u,l,a,n);export{u as SegmentedControl,d as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{sn as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Group-7td2Uy4I.js";import{n as s,r as c}from"../dist-Cd7m0vQx.js";t();const l=e(({children:e,type:t=`single`,...n},i)=>r(o,{asChild:!0,gap:`0`,...n,children:r(s,{ref:i,type:t,children:r(c,{children:e})})}));l.displayName=`@optiaxiom/react/SegmentedControl`;const u=`ax-segmented-control`;var d=i(u,l,a,n);export{u as SegmentedControl,d as default};

package/dist/components/SegmentedControlItem.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/SegmentedControlItem.d.ts
 declare const SegmentedControlItem = "ax-segmented-control-item";
 type SegmentedControlItemProps = BoxProps & {
@@ -10,17 +9,17 @@ type SegmentedControlItemProps = 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;
   "value"?: string;
 };
 declare module "@stencil/core" {

package/dist/components/SegmentedControlItem.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{on as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Button-CZHroQ7E.js";import{i as s,t as c}from"../dist-uSNjM8Wr.js";t();const l=e(({asChild:e,children:t,...n},i)=>(s(`@optiaxiom/react/SegmentedControlItem`),r(c,{appearance:`subtle`,asChild:!0,ref:i,...n,children:r(o,{asChild:e,children:t})})));l.displayName=`@optiaxiom/react/SegmentedControlItem`;const u=`ax-segmented-control-item`;var d=i(u,l,a,n);export{u as SegmentedControlItem,d as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{on as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Button-DPalZR2h.js";import{i as s,t as c}from"../dist-Cd7m0vQx.js";t();const l=e(({asChild:e,children:t,...n},i)=>(s(`@optiaxiom/react/SegmentedControlItem`),r(c,{appearance:`subtle`,asChild:!0,ref:i,...n,children:r(o,{asChild:e,children:t})})));l.displayName=`@optiaxiom/react/SegmentedControlItem`;const u=`ax-segmented-control-item`;var d=i(u,l,a,n);export{u as SegmentedControlItem,d as default};

package/dist/components/Select.d.ts

@@ -1,25 +1,25 @@
 import { n as FocusEventHandler, t as ChangeEventHandler } from "../types-BYPfSW5W.js";
+import "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Select.d.ts
 declare const Select = "ax-select";
 type SelectProps = {
-  "defaultOpen"?: false | true;
-  "default-open"?: false | true;
-  "defaultValue"?: string;
-  "default-value"?: string;
-  "disabled"?: false | true;
-  "loading"?: false | true;
-  "name"?: string;
-  "onBlur"?: FocusEventHandler<HTMLElement>;
-  "onChange"?: ChangeEventHandler<HTMLSelectElement>;
-  "onOpenChange"?: (open: boolean) => void;
-  "onValueChange"?: (value: string) => void;
-  "open"?: false | true;
+  "defaultOpen"?: undefined | false | true;
+  "default-open"?: undefined | false | true;
+  "defaultValue"?: undefined | string;
+  "default-value"?: undefined | string;
+  "disabled"?: undefined | false | true;
+  "loading"?: undefined | false | true;
+  "name"?: undefined | string;
+  "onBlur"?: undefined | FocusEventHandler<HTMLElement>;
+  "onChange"?: undefined | ChangeEventHandler<HTMLSelectElement>;
+  "onOpenChange"?: undefined | ((open: boolean) => void);
+  "onValueChange"?: undefined | ((value: string) => void);
+  "open"?: undefined | false | true;
   "options"?: readonly SelectOption[] | SelectOption[];
-  "required"?: false | true;
-  "value"?: string;
+  "required"?: undefined | false | true;
+  "value"?: undefined | string;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Select.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{ln as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Select-dJIoZlD9.js";const i=`ax-select`;var a=t(i,r,n,e);export{i as Select,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{ln as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Select-Bm50Paou.js";const i=`ax-select`;var a=t(i,r,n,e);export{i as Select,a as default};

package/dist/components/SelectContent.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/SelectContent.d.ts
 declare const SelectContent = "ax-select-content";
 type SelectContentProps = BoxProps & {
-  "maxH"?: "lg" | "md" | "sm" | "xs" | "full";
-  "max-h"?: "lg" | "md" | "sm" | "xs" | "full";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "minW"?: "0" | "trigger";
-  "min-w"?: "0" | "trigger";
-  "side"?: "top" | "right" | "bottom" | "left";
-  "align"?: "center" | "end" | "start";
+  "maxH"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
+  "max-h"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "minW"?: undefined | "0" | "trigger";
+  "min-w"?: undefined | "0" | "trigger";
+  "side"?: undefined | "top" | "right" | "bottom" | "left";
+  "align"?: undefined | "center" | "end" | "start";
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/SelectContent.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{cn as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../SelectContent--QFUzFPO.js";const i=`ax-select-content`;var a=t(i,r,n,e);export{i as SelectContent,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{cn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../SelectContent-BZm9hrbS.js";const i=`ax-select-content`;var a=t(i,r,n,e);export{i as SelectContent,a as default};

package/dist/components/SelectTrigger.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/SelectTrigger.d.ts
 declare const SelectTrigger = "ax-select-trigger";
 type SelectTriggerProps = BoxProps & {
-  "size"?: "lg" | "md" | "sm";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "placeholder"?: string;
-  "type"?: "button" | "reset" | "submit";
+  "size"?: undefined | "lg" | "md" | "sm";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "placeholder"?: undefined | string;
+  "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/SelectTrigger.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{un as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../SelectTrigger-CZFTLcex.js";const i=`ax-select-trigger`;var a=t(i,r,n,e);export{i as SelectTrigger,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{un as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../SelectTrigger-DbC1kpAN.js";const i=`ax-select-trigger`;var a=t(i,r,n,e);export{i as SelectTrigger,a as default};

package/dist/components/Separator.d.ts

@@ -2,14 +2,13 @@ import { a as ResponsiveArray, o as ResponsiveObject } from "../types-BYPfSW5W.j
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Separator.d.ts
 declare const Separator = "ax-separator";
 type SeparatorProps = BoxProps & {
-  "orientation"?: "horizontal" | "vertical" | ResponsiveArray<"horizontal" | "vertical"> | ResponsiveObject<"horizontal" | "vertical">;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "decorative"?: false | true;
+  "orientation"?: undefined | "horizontal" | "vertical" | ResponsiveArray<undefined | "horizontal" | "vertical"> | ResponsiveObject<undefined | "horizontal" | "vertical">;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "decorative"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Separator.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{dn as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Separator-DZ--y_Wu.js";const i=`ax-separator`;var a=t(i,r,n,e);export{i as Separator,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{dn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Separator-BAgRmkia.js";const i=`ax-separator`;var a=t(i,r,n,e);export{i as Separator,a as default};

package/dist/components/Sidebar.d.ts

@@ -1,16 +1,15 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Sidebar.d.ts
 declare const Sidebar = "ax-sidebar";
 type SidebarProps = BoxProps & {
-  "defaultExpanded"?: false | true;
-  "default-expanded"?: false | true;
-  "expanded"?: false | true;
-  "onExpandedChange"?: (expanded: boolean) => void;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "defaultExpanded"?: undefined | false | true;
+  "default-expanded"?: undefined | false | true;
+  "expanded"?: undefined | false | true;
+  "onExpandedChange"?: undefined | ((expanded: boolean) => void);
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Sidebar.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{fn as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Box-CWv2x03U.js";import{t as s}from"../dist-hAtlzVVd.js";import{t as c}from"../dist-DaIqmYGf.js";import{t as l}from"../SidebarContext-B78Z3KPQ.js";t();const u=e(({children:e,defaultExpanded:t=!1,expanded:n,onExpandedChange:i,...a},u)=>{let[d,f]=s({caller:`@optiaxiom/react/Sidebar`,defaultProp:t,onChange:i,prop:n});return r(l,{expanded:d,navId:c(),onExpandedChange:f,spacing:`8`,children:r(o,{alignItems:`stretch`,display:`flex`,gap:`0`,h:`full`,ref:u,...a,children:e})})});u.displayName=`@optiaxiom/react/Sidebar`;const d=`ax-sidebar`;var f=i(d,u,a,n);export{d as Sidebar,f as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{fn as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Box-BP7S1N6D.js";import{t as s}from"../dist-DPEBf3IT.js";import{t as c}from"../dist-CZh7xvrW.js";import{t as l}from"../SidebarContext-CdbXT8xl.js";t();const u=e(({children:e,defaultExpanded:t=!1,expanded:n,onExpandedChange:i,...a},u)=>{let[d,f]=s({caller:`@optiaxiom/react/Sidebar`,defaultProp:t,onChange:i,prop:n});return r(l,{expanded:d,navId:c(),onExpandedChange:f,spacing:`8`,children:r(o,{alignItems:`stretch`,display:`flex`,gap:`0`,h:`full`,ref:u,...a,children:e})})});u.displayName=`@optiaxiom/react/Sidebar`;const d=`ax-sidebar`;var f=i(d,u,a,n);export{d as Sidebar,f as default};

package/dist/components/SidebarToggle.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/SidebarToggle.d.ts
 declare const SidebarToggle = "ax-sidebar-toggle";
 type SidebarToggleProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "aria-label"?: string;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "aria-label"?: undefined | string;
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "icon"?: string | number | false | true;
-  "active"?: false | true;
+  "active"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/SidebarToggle.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{pn as a}from"../propTypes-CCF8mpiF.js";import{n as o}from"../SidebarContext-B78Z3KPQ.js";import{t as s}from"../NavItem-VpX3JWZJ.js";t();const c=e(({"aria-label":e,children:t,...n},i)=>{let{expanded:a,navId:c,onExpandedChange:l}=o(`@optiaxiom/react/SidebarToggle`);return r(s,{"aria-controls":c,"aria-expanded":a?`true`:`false`,"aria-label":e||(a?`Collapse`:`Expand`),onClick:()=>l(!a),ref:i,...n,children:t??`Collapse`})});c.displayName=`@optiaxiom/react/SidebarToggle`;const l=`ax-sidebar-toggle`;var u=i(l,c,a,n);export{l as SidebarToggle,u as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{pn as a}from"../propTypes-DvAE1OVW.js";import{n as o}from"../SidebarContext-CdbXT8xl.js";import{t as s}from"../NavItem-CRVDh-AX.js";t();const c=e(({"aria-label":e,children:t,...n},i)=>{let{expanded:a,navId:c,onExpandedChange:l}=o(`@optiaxiom/react/SidebarToggle`);return r(s,{"aria-controls":c,"aria-expanded":a?`true`:`false`,"aria-label":e||(a?`Collapse`:`Expand`),onClick:()=>l(!a),ref:i,...n,children:t??`Collapse`})});c.displayName=`@optiaxiom/react/SidebarToggle`;const l=`ax-sidebar-toggle`;var u=i(l,c,a,n);export{l as SidebarToggle,u as default};

package/dist/components/Skeleton.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/Skeleton.d.ts
 declare const Skeleton = "ax-skeleton";
 type SkeletonProps = BoxProps & {
-  "circle"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "circle"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Skeleton.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{mn as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Skeleton-CQL2NxDq.js";const i=`ax-skeleton`;var a=t(i,r,n,e);export{i as Skeleton,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{mn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Skeleton-BH1Ijfl9.js";const i=`ax-skeleton`;var a=t(i,r,n,e);export{i as Skeleton,a as default};

package/dist/components/Spinner.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/Spinner.d.ts
 declare const Spinner = "ax-spinner";
 type SpinnerProps = BoxProps & {
-  "appearance"?: "current" | "default" | "inverse";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "appearance"?: undefined | "current" | "default" | "inverse";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Spinner.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{hn as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Spinner-ByaByjzm.js";const i=`ax-spinner`;var a=t(i,r,n,e);export{i as Spinner,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{hn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Spinner-Dryqt19Y.js";const i=`ax-spinner`;var a=t(i,r,n,e);export{i as Spinner,a as default};

package/dist/components/SubNav.d.ts

@@ -1,12 +1,11 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/SubNav.d.ts
 declare const SubNav = "ax-sub-nav";
 type SubNavProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/SubNav.js

@@ -1 +1 @@
-import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-CmGCaC0G.js";import{gn as o}from"../propTypes-CCF8mpiF.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";import{t as c}from"../Group-wqJPiiS3.js";import{t as l}from"../SidebarContext-B78Z3KPQ.js";n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{._1oglpom{width:248px}}`);var u=s({base:[{bg:`bg.default`,flex:`1`,flexDirection:`column`,gap:`0`,overflow:`hidden`,py:`16`},`_1oglpom`]});t();const d=e(({children:e,...t},n)=>i(c,{borderColor:`border.secondary`,borderL:`1`,flexDirection:`column`,gap:`16`,h:`full`,ref:n,w:`fit`,...t,children:i(c,{asChild:!0,...u(),children:i(`nav`,{"aria-label":`Secondary`,children:i(l,{expanded:!0,navId:``,onExpandedChange:()=>{},spacing:`12`,children:e})})})}));d.displayName=`@optiaxiom/react/SubNav`;const f=`ax-sub-nav`;var p=a(f,d,o,r);export{f as SubNav,p as default};
+import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-DI_7juGg.js";import{gn as o}from"../propTypes-DvAE1OVW.js";import"../layers.css.ts.vanilla-DAV8xjBt-CRO-lQbz.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";import{t as c}from"../Group-7td2Uy4I.js";import{t as l}from"../SidebarContext-CdbXT8xl.js";n(`@layer optiaxiom.m05w4x;@layer optiaxiom.m05w4x{._5y0htp{width:248px}}`);var u=s({base:[{bg:`bg.default`,flex:`1`,flexDirection:`column`,gap:`0`,overflow:`hidden`,py:`16`},`_5y0htp`]});t();const d=e(({children:e,...t},n)=>i(c,{borderColor:`border.secondary`,borderL:`1`,flexDirection:`column`,gap:`16`,h:`full`,ref:n,w:`fit`,...t,children:i(c,{asChild:!0,...u(),children:i(`nav`,{"aria-label":`Secondary`,children:i(l,{expanded:!0,navId:``,onExpandedChange:()=>{},spacing:`12`,children:e})})})}));d.displayName=`@optiaxiom/react/SubNav`;const f=`ax-sub-nav`;var p=a(f,d,o,r);export{f as SubNav,p as default};