@optiaxiom/web-components 3.0.3 → 3.0.5

package/dist/components/InputAddon.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/InputAddon.d.ts
 declare const InputAddon = "ax-input-addon";
 type InputAddonProps = 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/InputAddon.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{_t as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../InputAddon-BCVH6tno.js";const i=`ax-input-addon`;var a=t(i,r,n,e);export{i as InputAddon,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{_t as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../InputAddon-qVoC1YxI.js";const i=`ax-input-addon`;var a=t(i,r,n,e);export{i as InputAddon,a as default};

package/dist/components/InputControl.d.ts

@@ -1,19 +1,18 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/InputControl.d.ts
 declare const InputControl = "ax-input-control";
 type InputControlProps = BoxProps & {
-  "size"?: "lg" | "md" | "xl";
-  "disabled"?: false | true;
-  "name"?: string;
-  "placeholder"?: string;
-  "required"?: false | true;
-  "onValueChange"?: (value: string) => void;
-  "error"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "size"?: undefined | "lg" | "md" | "xl";
+  "name"?: undefined | string;
+  "onValueChange"?: undefined | ((value: string) => void);
+  "placeholder"?: undefined | string;
+  "disabled"?: undefined | false | true;
+  "required"?: undefined | false | true;
+  "error"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/InputControl.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{vt as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../InputControl-H5KlIwYL.js";const i=`ax-input-control`;var a=t(i,r,n,e);export{i as InputControl,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{vt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../InputControl-B7tyGwZR.js";const i=`ax-input-control`;var a=t(i,r,n,e);export{i as InputControl,a as default};

package/dist/components/InputRoot.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/InputRoot.d.ts
 declare const InputRoot = "ax-input-root";
 type InputRootProps = BoxProps & {
-  "addonPointerEvents"?: "auto" | "none";
-  "addon-pointer-events"?: "auto" | "none";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "addonPointerEvents"?: undefined | "auto" | "none";
+  "addon-pointer-events"?: undefined | "auto" | "none";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/InputRoot.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{bt as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../InputRoot-Cab0ijsw.js";const i=`ax-input-root`;var a=t(i,r,n,e);export{i as InputRoot,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{bt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../InputRoot-BERnwc12.js";const i=`ax-input-root`;var a=t(i,r,n,e);export{i as InputRoot,a as default};

package/dist/components/Kbd.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/Kbd.d.ts
 declare const Kbd = "ax-kbd";
 type KbdProps = BoxProps & {
-  "variant"?: "subtle" | "outline";
-  "modifiers"?: "alt" | "shift" | "meta" | "ctrl" | "mod" | (("alt" | "shift" | "meta" | "ctrl" | "mod")[]);
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "variant"?: undefined | "subtle" | "outline";
+  "modifiers"?: undefined | "alt" | "meta" | "shift" | "ctrl" | "mod" | (("alt" | "meta" | "shift" | "ctrl" | "mod")[]);
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Kbd.js

@@ -1 +1 @@
-import{A as e,a as t,d as n,n as r,r as i,t as a}from"../register-BwBRWJD3.js";import{xt as o}from"../propTypes-BNb4ZFT2.js";import{t as s}from"../Box-BvgpHWh-.js";import"../layers.css.ts.vanilla-DRoTvdmB-CmYWmWfU.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";e(`@layer optiaxiom.frggve;@layer optiaxiom.frggve{.wwfvp3{font-size:.8em;min-width:calc(1lh + 5px);padding:1px 5px}}`);var l=c({base:{color:`fg.secondary`,display:`inline-flex`,gap:`2`,whiteSpace:`nowrap`}}),u=c({base:{alignItems:`center`,display:`inline-flex`,fontFamily:`sans`,gap:`2`,justifyContent:`center`},variants:{variant:{outline:[{bg:`bg.secondary`,border:`1`,borderB:`2`,borderColor:`border.secondary`,rounded:`sm`},`wwfvp3`],subtle:{}}}});n();const d=typeof navigator<`u`&&(navigator.platform.startsWith(`Mac`)||navigator.platform===`iPhone`)?`mac`:`win`,f={mac:{alt:`⌥`,ctrl:`⌃`,meta:`⌘`,mod:`⌘`,shift:`⇧`},win:{alt:`Alt`,ctrl:`Ctrl`,meta:`Win`,mod:`Ctrl`,shift:`Shift`}},p=t(({children:e,className:t,modifiers:n,variant:r=`outline`,...a},o)=>i(s,{asChild:!0,...l({},t),...a,children:i(`kbd`,{ref:o,children:[n&&(Array.isArray(n)?n:[n]).map(e=>e in f[d]&&i(s,{"aria-label":e,asChild:!0,title:e,...u({variant:r}),children:i(`kbd`,{children:f[d][e]})},e)),i(s,{asChild:!0,...u({variant:r}),children:i(`kbd`,{children:e})})]})}));p.displayName=`@optiaxiom/react/Kbd`;const m=`ax-kbd`;var h=a(m,p,o,r);export{m as Kbd,h 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{xt 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";n(`@layer optiaxiom.m05w4x;@layer optiaxiom.m05w4x{.r3smdk{font-size:.8em;min-width:calc(1lh + 5px);padding:1px 5px}}`);var l=c({base:{color:`fg.secondary`,display:`inline-flex`,gap:`2`,whiteSpace:`nowrap`}}),u=c({base:{alignItems:`center`,display:`inline-flex`,fontFamily:`sans`,gap:`2`,justifyContent:`center`},variants:{variant:{outline:[{bg:`bg.secondary`,border:`1`,borderB:`2`,borderColor:`border.secondary`,rounded:`sm`},`r3smdk`],subtle:{}}}});t();const d=typeof navigator<`u`&&(navigator.platform.startsWith(`Mac`)||navigator.platform===`iPhone`)?`mac`:`win`,f={mac:{alt:`⌥`,ctrl:`⌃`,meta:`⌘`,mod:`⌘`,shift:`⇧`},win:{alt:`Alt`,ctrl:`Ctrl`,meta:`Win`,mod:`Ctrl`,shift:`Shift`}},p=e(({children:e,className:t,modifiers:n,variant:r=`outline`,...a},o)=>i(s,{asChild:!0,...l({},t),...a,children:i(`kbd`,{ref:o,children:[n&&(Array.isArray(n)?n:[n]).map(e=>e in f[d]&&i(s,{"aria-label":e,asChild:!0,title:e,...u({variant:r}),children:i(`kbd`,{children:f[d][e]})},e)),i(s,{asChild:!0,...u({variant:r}),children:i(`kbd`,{children:e})})]})}));p.displayName=`@optiaxiom/react/Kbd`;const m=`ax-kbd`;var h=a(m,p,o,r);export{m as Kbd,h as default};

package/dist/components/LabelMenuButton.d.ts

@@ -1,18 +1,18 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/LabelMenuButton.d.ts
 declare const LabelMenuButton = "ax-label-menu-button";
 type LabelMenuButtonProps = BoxProps & {
-  "size"?: never;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "disabled"?: false | true;
-  "type"?: "button" | "reset" | "submit";
-  "square"?: false | true;
-  "appearance"?: never;
-  "loading"?: false | true;
+  "size"?: undefined;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "disabled"?: undefined | false | true;
+  "type"?: undefined | "button" | "reset" | "submit";
+  "appearance"?: undefined;
+  "addon"?: undefined | "none" | "end" | "start" | "both" | "only";
+  "loading"?: undefined | false | true;
+  "square"?: undefined | false | true;
   "label"?: string;
 };
 declare module "@stencil/core" {

package/dist/components/LabelMenuButton.js

@@ -1 +1 @@
-import{A as e,D as t,T as n,a as r,d as i,n as a,r as o,t as s}from"../register-BwBRWJD3.js";import{St as c}from"../propTypes-BNb4ZFT2.js";import{r as l}from"../Box-BvgpHWh-.js";import"../layers.css.ts.vanilla-DRoTvdmB-CmYWmWfU.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../Text-CKVmZmX4.js";import{t as f}from"../Group-s2CVOZNg.js";import"../ButtonGroup.css.ts.vanilla-DTAA6K_o-BKtqlYiu.js";import{n as p,t as m}from"../ButtonRoot-DuLWLmE0.js";import{t as h}from"../keyboard_arrow_down-CrtWmWio.js";import{t as g}from"../dist-CbI-HqNc.js";import{t as _}from"../dist-DInCh-Gr.js";e(`@layer optiaxiom.frggve;@layer optiaxiom.frggve{._9nmbjk{--_18j043y:8px;min-width:0}}`);var v=u({base:[{justifyContent:`space-between`},`_9nmbjk`]}),y=u({base:[{fontSize:`sm`,transition:`all`}],variants:{filled:{false:{h:`0`},true:{h:`16`}}}}),b=u({base:[{color:`fg.tertiary`,cursor:`pointer`,fontFamily:`mono`,fontWeight:`400`,maxW:`full`,textTransform:`uppercase`,transition:`all`}],variants:{filled:{false:{fontSize:`md`},true:{fontSize:`xs`}}}});i(),t();const x=r(({"aria-labelledby":e,children:t,className:r,label:i,...a},s)=>{let c=String(a[`aria-expanded`])===`true`||!!t,u=g(),x=g();return o(m,{"aria-labelledby":e?l(u,e):l(u,t&&x),"data-filled":c?``:void 0,ref:s,size:`lg`,...v({},r),...a,children:[o(f,{flexDirection:`column`,gap:`0`,overflow:`hidden`,textAlign:`start`,children:[o(d,{asChild:!0,id:u,truncate:!0,...b({filled:c}),children:o(_,{children:i})}),o(d,{id:x,truncate:!0,...y({filled:c}),children:t??o(n,{children:`\xA0`})})]}),o(p,{asChild:!0,children:o(h,{})})]})});x.displayName=`@optiaxiom/react/LabelMenuButton`;const S=`ax-label-menu-button`;var C=s(S,x,c,a);export{S as LabelMenuButton,C as default};
+import{E as e,a as t,d as n,k as r,n as i,r as a,t as o,w as s}from"../register-DI_7juGg.js";import{St as c}from"../propTypes-DvAE1OVW.js";import{i as l}from"../Box-BP7S1N6D.js";import"../layers.css.ts.vanilla-DAV8xjBt-CRO-lQbz.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../Group-7td2Uy4I.js";import{t as f}from"../Text-BCLAUcfC.js";import"../ButtonGroup.css.ts.vanilla-DCx5qTtl-CqTolPJK.js";import{n as p,t as m}from"../ButtonRoot-CPEqm9xI.js";import{t as h}from"../dist-CZh7xvrW.js";import{t as g}from"../keyboard_arrow_down-1UXrEMI4.js";import{t as _}from"../dist-L2q1Abu6.js";r(`@layer optiaxiom.m05w4x;@layer optiaxiom.m05w4x{._10rljqs{--powkg1:8px;min-width:0}}`);var v=u({base:[{justifyContent:`space-between`},`_10rljqs`]}),y=u({base:[{fontSize:`sm`,transition:`all`}],variants:{filled:{false:{h:`0`},true:{h:`16`}}}}),b=u({base:[{color:`fg.tertiary`,cursor:`pointer`,fontFamily:`mono`,fontWeight:`400`,maxW:`full`,textTransform:`uppercase`,transition:`all`}],variants:{filled:{false:{fontSize:`md`},true:{fontSize:`xs`}}}});n(),e();const x=t(({"aria-labelledby":e,children:t,className:n,label:r,...i},o)=>{let c=String(i[`aria-expanded`])===`true`||!!t,u=h(),x=h();return a(m,{"aria-labelledby":e?l(u,e):l(u,t&&x),"data-filled":c?``:void 0,ref:o,size:`lg`,...v({},n),...i,children:[a(d,{flexDirection:`column`,gap:`0`,overflow:`hidden`,textAlign:`start`,children:[a(f,{asChild:!0,id:u,truncate:!0,...b({filled:c}),children:a(_,{children:r})}),a(f,{id:x,truncate:!0,...y({filled:c}),children:t??a(s,{children:`\xA0`})})]}),a(p,{asChild:!0,children:a(g,{})})]})});x.displayName=`@optiaxiom/react/LabelMenuButton`;const S=`ax-label-menu-button`;var C=o(S,x,c,i);export{S as LabelMenuButton,C as default};

package/dist/components/Link.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/Link.d.ts
 declare const Link = "ax-link";
 type LinkProps = BoxProps & {
-  "appearance"?: "default" | "inverse" | "subtle";
-  "cover"?: false | true | "inset";
-  "disabled"?: false | true;
-  "external"?: false | true;
-  "href"?: string;
-  "onClick"?: MouseEventHandler<HTMLAnchorElement>;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "appearance"?: undefined | "default" | "subtle" | "inverse";
+  "cover"?: undefined | false | true | "inset";
+  "disabled"?: undefined | false | true;
+  "external"?: undefined | false | true;
+  "href"?: undefined | string;
+  "onClick"?: undefined | MouseEventHandler<HTMLAnchorElement>;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Link.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{Ct as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../Link-CVXvlj8x.js";const i=`ax-link`;var a=t(i,r,n,e);export{i as Link,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Ct as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Link-DidJFQso.js";const i=`ax-link`;var a=t(i,r,n,e);export{i as Link,a as default};

package/dist/components/Listbox.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/Listbox.d.ts
 declare const Listbox = "ax-listbox";
 type ListboxProps = 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/Listbox.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{jt as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../Listbox-BoG03Y_R.js";const i=`ax-listbox`;var a=t(i,r,n,e);export{i as Listbox,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{jt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Listbox-DoXhA7XG.js";const i=`ax-listbox`;var a=t(i,r,n,e);export{i as Listbox,a as default};

package/dist/components/ListboxCheckboxItem.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/ListboxCheckboxItem.d.ts
 declare const ListboxCheckboxItem = "ax-listbox-checkbox-item";
 type ListboxCheckboxItemProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "intent"?: "danger" | "neutral";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "description"?: string | number | false | true;
+  "intent"?: undefined | "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "description"?: string | number | false | true;
   "icon"?: string | number | false | true;
-  "onCheckedChange"?: (checked: boolean) => void;
+  "onCheckedChange"?: undefined | ((checked: boolean) => void);
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/ListboxCheckboxItem.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{wt as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../ListboxCheckboxItem-CIDUYAvk.js";const i=`ax-listbox-checkbox-item`;var a=t(i,r,n,e);export{i as ListboxCheckboxItem,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{wt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../ListboxCheckboxItem-CcSdFVTK.js";const i=`ax-listbox-checkbox-item`;var a=t(i,r,n,e);export{i as ListboxCheckboxItem,a as default};

package/dist/components/ListboxEmpty.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/ListboxEmpty.d.ts
 declare const ListboxEmpty = "ax-listbox-empty";
 type ListboxEmptyProps = 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/ListboxEmpty.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{Tt as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../ListboxEmpty-DCmCoZeW.js";const i=`ax-listbox-empty`;var a=t(i,r,n,e);export{i as ListboxEmpty,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Tt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../ListboxEmpty-BrIEw-Yy.js";const i=`ax-listbox-empty`;var a=t(i,r,n,e);export{i as ListboxEmpty,a as default};

package/dist/components/ListboxGroup.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/ListboxGroup.d.ts
 declare const ListboxGroup = "ax-listbox-group";
 type ListboxGroupProps = 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/ListboxGroup.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-BwBRWJD3.js";import{Et as a}from"../propTypes-BNb4ZFT2.js";import{t as o}from"../Box-BvgpHWh-.js";import{t as s}from"../dist-CbI-HqNc.js";import{t as c}from"../ListboxGroupContext-BD3G_lxm.js";t();const l=e(({children:e,...t},n)=>{let i=s();return r(c,{id:i,children:r(o,{"aria-labelledby":i,ref:n,role:`group`,...t,children:e})})});l.displayName=`@optiaxiom/react/ListboxGroup`;const u=`ax-listbox-group`;var d=i(u,l,a,n);export{u as ListboxGroup,d as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{Et as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Box-BP7S1N6D.js";import{t as s}from"../dist-CZh7xvrW.js";import{t as c}from"../ListboxGroupContext-DNqflQ0H.js";t();const l=e(({children:e,...t},n)=>{let i=s();return r(c,{id:i,children:r(o,{"aria-labelledby":i,ref:n,role:`group`,...t,children:e})})});l.displayName=`@optiaxiom/react/ListboxGroup`;const u=`ax-listbox-group`;var d=i(u,l,a,n);export{u as ListboxGroup,d as default};

package/dist/components/ListboxItem.d.ts

@@ -1,19 +1,18 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/ListboxItem.d.ts
 declare const ListboxItem = "ax-listbox-item";
 type ListboxItemProps = BoxProps & {
-  "intent"?: "danger" | "neutral";
+  "description"?: string | number | false | true;
+  "intent"?: undefined | "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "description"?: string | number | false | true;
   "icon"?: string | number | false | true;
-  "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/ListboxItem.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{Ot as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../ListboxItem-Dt1OA6ZV.js";const i=`ax-listbox-item`;var a=t(i,r,n,e);export{i as ListboxItem,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Ot as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../ListboxItem-BRln5q2K.js";const i=`ax-listbox-item`;var a=t(i,r,n,e);export{i as ListboxItem,a as default};

package/dist/components/ListboxItemIndicator.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/ListboxItemIndicator.d.ts
 declare const ListboxItemIndicator = "ax-listbox-item-indicator";
 type ListboxItemIndicatorProps = BoxProps & {
-  "active"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "filled"?: false | true;
+  "active"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "filled"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/ListboxItemIndicator.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{Dt as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../ListboxItemIndicator-BCCN2Z7N.js";const i=`ax-listbox-item-indicator`;var a=t(i,r,n,e);export{i as ListboxItemIndicator,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Dt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../ListboxItemIndicator-9XaNw7Pa.js";const i=`ax-listbox-item-indicator`;var a=t(i,r,n,e);export{i as ListboxItemIndicator,a as default};

package/dist/components/ListboxItemized.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/ListboxItemized.d.ts
 declare const ListboxItemized = "ax-listbox-itemized";
 type ListboxItemizedProps = BoxProps & {
@@ -11,10 +10,10 @@ type ListboxItemizedProps = BoxProps & {
   "items"?: any[] | readonly any[];
   "itemToKey"?: (item: any) => string;
   "item-to-key"?: (item: any) => string;
-  "loading"?: "both" | "skeleton" | "spinner";
-  "onPlacedChange"?: (placed: boolean) => void;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "loading"?: undefined | "both" | "skeleton" | "spinner";
+  "onPlacedChange"?: undefined | ((placed: boolean) => void);
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/ListboxItemized.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{kt as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../ListboxItemized-DO2g4Ezz.js";const i=`ax-listbox-itemized`;var a=t(i,r,n,e);export{i as ListboxItemized,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{kt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../ListboxItemized-CGfTC-DW.js";const i=`ax-listbox-itemized`;var a=t(i,r,n,e);export{i as ListboxItemized,a as default};

package/dist/components/ListboxLabel.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/ListboxLabel.d.ts
 declare const ListboxLabel = "ax-listbox-label";
 type ListboxLabelProps = 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/ListboxLabel.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{At as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../ListboxLabel-CiPBJll5.js";const i=`ax-listbox-label`;var a=t(i,r,n,e);export{i as ListboxLabel,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{At as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../ListboxLabel-CTbYMSUG.js";const i=`ax-listbox-label`;var a=t(i,r,n,e);export{i as ListboxLabel,a as default};

package/dist/components/ListboxRadioItem.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/ListboxRadioItem.d.ts
 declare const ListboxRadioItem = "ax-listbox-radio-item";
 type ListboxRadioItemProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "intent"?: "danger" | "neutral";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "description"?: string | number | false | true;
+  "intent"?: undefined | "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "description"?: string | number | false | true;
   "icon"?: string | number | false | true;
 };
 declare module "@stencil/core" {

package/dist/components/ListboxRadioItem.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{Mt as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../ListboxRadioItem-Djhi7dGS.js";const i=`ax-listbox-radio-item`;var a=t(i,r,n,e);export{i as ListboxRadioItem,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Mt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../ListboxRadioItem-DX6IpgNy.js";const i=`ax-listbox-radio-item`;var a=t(i,r,n,e);export{i as ListboxRadioItem,a as default};

package/dist/components/ListboxSeparator.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/ListboxSeparator.d.ts
 declare const ListboxSeparator = "ax-listbox-separator";
 type ListboxSeparatorProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "orientation"?: "horizontal" | "vertical" | ResponsiveArray<"horizontal" | "vertical"> | ResponsiveObject<"horizontal" | "vertical">;
-  "decorative"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "orientation"?: undefined | "horizontal" | "vertical" | ResponsiveArray<undefined | "horizontal" | "vertical"> | ResponsiveObject<undefined | "horizontal" | "vertical">;
+  "decorative"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/ListboxSeparator.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{Nt as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../ListboxSeparator-ClqBNoXr.js";const i=`ax-listbox-separator`;var a=t(i,r,n,e);export{i as ListboxSeparator,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Nt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../ListboxSeparator-CTzZ4GNx.js";const i=`ax-listbox-separator`;var a=t(i,r,n,e);export{i as ListboxSeparator,a as default};

package/dist/components/ListboxSwitchItem.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/ListboxSwitchItem.d.ts
 declare const ListboxSwitchItem = "ax-listbox-switch-item";
 type ListboxSwitchItemProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "intent"?: "danger" | "neutral";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "description"?: string | number | false | true;
+  "intent"?: undefined | "danger" | "neutral";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "description"?: string | number | false | true;
   "icon"?: string | number | false | true;
-  "onCheckedChange"?: (checked: boolean) => void;
+  "onCheckedChange"?: undefined | ((checked: boolean) => void);
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/ListboxSwitchItem.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{Pt as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../ListboxSwitchItem-Crgctpup.js";const i=`ax-listbox-switch-item`;var a=t(i,r,n,e);export{i as ListboxSwitchItem,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Pt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../ListboxSwitchItem-gf6fKI5G.js";const i=`ax-listbox-switch-item`;var a=t(i,r,n,e);export{i as ListboxSwitchItem,a as default};

package/dist/components/Menu.d.ts

@@ -1,23 +1,23 @@
+import "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Menu.d.ts
 declare const Menu = "ax-menu";
 type MenuProps = {
-  "size"?: "lg" | "sm";
-  "placeholder"?: string;
-  "loading"?: false | true | "both" | "skeleton" | "spinner";
-  "defaultOpen"?: false | true;
-  "default-open"?: false | true;
-  "onOpenChange"?: (open: boolean) => void;
-  "open"?: false | true;
+  "size"?: undefined | "lg" | "sm";
+  "placeholder"?: undefined | string;
+  "defaultOpen"?: undefined | false | true;
+  "default-open"?: undefined | false | true;
+  "open"?: undefined | false | true;
+  "onOpenChange"?: undefined | ((open: boolean) => void);
+  "loading"?: undefined | false | true | "both" | "skeleton" | "spinner";
   "options"?: CommandOption[] | readonly CommandOption[];
   "empty"?: string | number | false | true;
-  "inputValue"?: string;
-  "input-value"?: string;
-  "onInputValueChange"?: (inputValue: string) => void;
-  "inputVisible"?: "always" | "if-needed";
-  "input-visible"?: "always" | "if-needed";
+  "inputValue"?: undefined | string;
+  "input-value"?: undefined | string;
+  "onInputValueChange"?: undefined | ((inputValue: string) => void);
+  "inputVisible"?: undefined | "always" | "if-needed";
+  "input-visible"?: undefined | "always" | "if-needed";
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Menu.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{It as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../Menu-CgUONnuL.js";const i=`ax-menu`;var a=t(i,r,n,e);export{i as Menu,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{It as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Menu-BLxRULjR.js";const i=`ax-menu`;var a=t(i,r,n,e);export{i as Menu,a as default};

package/dist/components/MenuContent.d.ts

@@ -2,28 +2,27 @@ import { a as ResponsiveArray, i as PointerDownOutsideEvent, o as ResponsiveObje
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/MenuContent.d.ts
 declare const MenuContent = "ax-menu-content";
 type MenuContentProps = BoxProps & {
-  "maxH"?: "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<"lg" | "md" | "sm" | "xs" | "full">;
-  "max-h"?: "lg" | "md" | "sm" | "xs" | "full";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "align"?: "center" | "end" | "start";
-  "minW"?: "0" | "trigger";
-  "min-w"?: "0" | "trigger";
-  "side"?: "left" | "right" | "top" | "bottom";
-  "sideOffset"?: number;
-  "side-offset"?: number;
-  "alignOffset"?: number;
-  "align-offset"?: number;
-  "onEscapeKeyDown"?: (event: KeyboardEvent) => void;
-  "onPointerDownOutside"?: (event: PointerDownOutsideEvent) => void;
-  "onFocusOutside"?: (event: FocusOutsideEvent) => void;
-  "onInteractOutside"?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
-  "onOpenAutoFocus"?: (event: Event) => void;
-  "onCloseAutoFocus"?: (event: Event) => void;
+  "maxH"?: undefined | "lg" | "md" | "sm" | "xs" | "full" | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveArray<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full"> | ResponsiveObject<undefined | "lg" | "md" | "sm" | "xs" | "full">;
+  "max-h"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "onEscapeKeyDown"?: undefined | ((event: KeyboardEvent) => void);
+  "onPointerDownOutside"?: undefined | ((event: PointerDownOutsideEvent) => void);
+  "onFocusOutside"?: undefined | ((event: FocusOutsideEvent) => void);
+  "onInteractOutside"?: undefined | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void);
+  "onOpenAutoFocus"?: undefined | ((event: Event) => void);
+  "onCloseAutoFocus"?: undefined | ((event: Event) => void);
+  "minW"?: undefined | "0" | "trigger";
+  "min-w"?: undefined | "0" | "trigger";
+  "side"?: undefined | "top" | "right" | "bottom" | "left";
+  "sideOffset"?: undefined | number;
+  "side-offset"?: undefined | number;
+  "align"?: undefined | "center" | "end" | "start";
+  "alignOffset"?: undefined | number;
+  "align-offset"?: undefined | number;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/MenuContent.js

@@ -1 +1 @@
-import{n as e,t}from"../register-BwBRWJD3.js";import{Ft as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../MenuContent-d73udceQ.js";const i=`ax-menu-content`;var a=t(i,r,n,e);export{i as MenuContent,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Ft as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../MenuContent-BGfU7t2M.js";const i=`ax-menu-content`;var a=t(i,r,n,e);export{i as MenuContent,a as default};