@optiaxiom/web-components 3.0.7 → 3.2.0

package/dist/components/PopoverTrigger.d.ts

@@ -2,24 +2,24 @@ 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 & {
+export declare const PopoverTrigger = "ax-popover-trigger";
+export type PopoverTriggerProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | 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;
+  "addon"?: never;
+  "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";
+  "loading"?: false | true;
+  "square"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -35,5 +35,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { PopoverTrigger, PopoverTriggerProps };
+//#endregion

package/dist/components/PopoverTrigger.js

@@ -1 +1 @@
-import{n as e,t}from"../register-DI_7juGg.js";import{tn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../PopoverTrigger-03Lbjkhx.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-DcSi2tvI.js";import{tn as n}from"../propTypes-ClbnBdm_.js";import{t as r}from"../PopoverTrigger-UBKHtfWF.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,8 +1,17 @@
-import "./Box.js";
+import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/Progress.d.ts
-declare const Progress = "ax-progress";
+export declare const Progress = "ax-progress";
+export 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 {
@@ -17,5 +26,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { Progress };
+//#endregion

package/dist/components/Progress.js

@@ -1,6 +1,6 @@
-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-BLJUMIbj.js";import"../layers.css.ts.vanilla-aCHm1GAF-B7j9vPYC.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._118cs24;@layer optiaxiom._118cs24{._1w633t6{height:8px}.btvtft{background-color:var(--ax-colors-bg-error)}._1a49qdi{background-color:var(--ax-colors-fg-tertiary)}}`);var d=c({base:[{h:`full`,rounded:`full`,transition:`all`}],variants:{intent:{danger:`btvtft`,opal:{},primary:{},success:{}}},variantsCompounded:[{style:`_1a49qdi`,variants:{intent:[`opal`,`primary`,`success`]}}]}),f=c({base:[{bg:`bg.pill.default`,overflow:`hidden`,rounded:`full`},`_1w633t6`]});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-DcSi2tvI.js";import{nn as o}from"../propTypes-ClbnBdm_.js";import{t as s}from"../Box-BKiQ7uSE.js";import"../layers.css.ts.vanilla-DD7saQYy-_i2NMAGU.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{n as l}from"../dist-6MN6pL8D.js";import{t as u}from"../dist-BW0GizDN.js";n(`@layer optiaxiom._1cgq1zr;@layer optiaxiom._1cgq1zr{.khu3vu{height:calc(var(--ax-styles-scale)*.5)}.lvw7ci{background-color:var(--ax-colors-bg-error)}.ke1pft{background-color:var(--ax-colors-fg-tertiary)}}`);var d=c({base:[{h:`full`,rounded:`full`,transition:`all`}],variants:{intent:{danger:`lvw7ci`,opal:{},primary:{},success:{}}},variantsCompounded:[{style:`ke1pft`,variants:{intent:[`opal`,`primary`,`success`]}}]}),f=c({base:[{bg:`bg.pill.default`,overflow:`hidden`,rounded:`full`},`khu3vu`]});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/* @__PURE__ */ i(_,{scope:n,value:l,max:c,children:/* @__PURE__ */ 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/* @__PURE__ */ 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.
 
-Defaulting to \`null\`.`}var k=y,A=x;t();const j=e(({className:e,intent:t=`primary`,...n},r)=>{let a=(n.value??0)/(n.max??M)*100,o=n.value!==void 0&&n.value!==null&&n.value>=0&&n.value<=(n.max??M);return i(s,{asChild:!0,...f({},e),...n,children:i(k,{ref:r,children:o&&i(s,{asChild:!0,style:{backgroundSize:`${1e4/a}%`,width:`${a}%`},...d({intent:t}),children:i(A,{})})})})}),M=100;j.displayName=`@optiaxiom/react/Progress`;const N=`ax-progress`;var P=a(N,j,o,r);export{N as Progress,P as default};
+Defaulting to \`null\`.`}var k=y,A=x;t();const j=e(({className:e,intent:t=`primary`,...n},r)=>{let a=(n.value??0)/(n.max??M)*100,o=n.value!==void 0&&n.value!==null&&n.value>=0&&n.value<=(n.max??M);return/* @__PURE__ */ i(s,{asChild:!0,...f({},e),...n,children:/* @__PURE__ */ i(k,{ref:r,children:o&&/* @__PURE__ */ i(s,{asChild:!0,style:{backgroundSize:`${1e4/a}%`,width:`${a}%`},...d({intent:t}),children:/* @__PURE__ */ i(A,{})})})})}),M=100;j.displayName=`@optiaxiom/react/Progress`;const N=`ax-progress`;var P=a(N,j,o,r);export{N as Progress,P as default};

package/dist/components/Radio.d.ts

@@ -2,15 +2,15 @@ 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 & {
+export declare const Radio = "ax-radio";
+export type RadioProps = BoxProps & {
   "description"?: string | number | false | true;
-  "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);
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "name"?: string;
+  "value"?: string | number | readonly string[];
+  "required"?: false | true;
+  "onCheckedChange"?: (checked: boolean) => void;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -26,5 +26,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { Radio, RadioProps };
+//#endregion

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-DI_7juGg.js";import{in as o}from"../propTypes-DvAE1OVW.js";import{r as s,t as c}from"../Box-BLJUMIbj.js";import"../layers.css.ts.vanilla-aCHm1GAF-B7j9vPYC.js";import{t as l}from"../recipeRuntime-BkylZxVy.js";import"../AvatarGroup.css.ts.vanilla-C-3yrfwt-Caw4MwY0.js";import{a as u,i as d,n as f,o as p,r as m,t as h}from"../ToggleInputHiddenInput-70OlakJR.js";import{n as g}from"../RadioGroupContext-DVwc1v4i.js";n(`@layer optiaxiom._118cs24;@layer optiaxiom._118cs24{._1adrvai{border-color:var(--njzer6);border-width:2px;place-content:center;position:relative;transition-property:border-color,border-width;transition-timing-function:ease}._1adrvai,._1adrvai:before{transition-duration:var(--ax-duration-sm)}._1adrvai: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}.wdc028:has(.grcl13:checked) ._1adrvai:before{inset:-12px;opacity:1}.wdc028:has(.grcl13:checked) ._1adrvai{border-width:12px}._3j6bwr{margin-top:-2px}._1jta4lu{background-color:var(--_1i1jsa9);height:8px;transform:scale(0);width:8px}.wdc028:has(.grcl13:checked) ._1jta4lu{transform:scale(1)}}`);var _=l({base:[{bg:`bg.default`,display:`grid`,rounded:`full`,size:`sm`},`_1adrvai`],variants:{shift:{false:{},true:`_3j6bwr`}}}),v=l({base:[{rounded:`inherit`,transition:`transform`},`_1jta4lu`]}),y=l({base:`grcl13`}),b=l({base:`wdc028`});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-DcSi2tvI.js";import{in as o}from"../propTypes-ClbnBdm_.js";import{r as s,t as c}from"../Box-BKiQ7uSE.js";import"../layers.css.ts.vanilla-DD7saQYy-_i2NMAGU.js";import{t as l}from"../recipeRuntime-BkylZxVy.js";import"../AvatarGroup.css.ts.vanilla-BKGbg4bv-Clk8uUhI.js";import{a as u,i as d,n as f,o as p,r as m,t as h}from"../ToggleInputHiddenInput-BA2c7D-t.js";import{n as g}from"../RadioGroupContext-D_qOaOKI.js";n(`@layer optiaxiom._1cgq1zr;@layer optiaxiom._1cgq1zr{._6styxt{border-color:var(--hc3v0o);border-width:2px;place-content:center;position:relative;transition-property:border-color,border-width;transition-timing-function:ease}._6styxt,._6styxt:before{transition-duration:var(--ax-duration-sm)}._6styxt: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}._14cdx70:has(._1lfeq3n:checked) ._6styxt:before{inset:calc(var(--ax-styles-scale)*-.75);opacity:1}._14cdx70:has(._1lfeq3n:checked) ._6styxt{border-width:calc(var(--ax-styles-scale)*.75)}._1v7ngho{margin-top:calc(var(--ax-styles-scale)*-.125)}._11cahba{background-color:var(--t1phdt);height:calc(var(--ax-styles-scale)*.5);transform:scale(0);width:calc(var(--ax-styles-scale)*.5)}._14cdx70:has(._1lfeq3n:checked) ._11cahba{transform:scale(1)}}`);var _=l({base:[{bg:`bg.default`,display:`grid`,rounded:`full`,size:`sm`},`_6styxt`],variants:{shift:{false:{},true:`_1v7ngho`}}}),v=l({base:[{rounded:`inherit`,transition:`transform`},`_11cahba`]}),y=l({base:`_1lfeq3n`}),b=l({base:`_14cdx70`});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/* @__PURE__ */ i(f,{...b({},t),...C,children:[/* @__PURE__ */ 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}),/* @__PURE__ */ i(m,{..._({shift:!!e}),children:/* @__PURE__ */ i(c,{...v()})}),(e||n)&&/* @__PURE__ */ i(p,{children:[e&&/* @__PURE__ */ i(d,{children:e}),n&&/* @__PURE__ */ 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

@@ -3,18 +3,18 @@ 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"?: 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;
+export declare const RadioGroup = "ax-radio-group";
+export 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -30,5 +30,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { RadioGroup, RadioGroupProps };
+//#endregion

package/dist/components/RadioGroup.js

@@ -1 +1 @@
-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-BLJUMIbj.js";import{t as s}from"../Group-CNgPZJMY.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};
+import{a as e,d as t,n,r,t as i}from"../register-DcSi2tvI.js";import{rn as a}from"../propTypes-ClbnBdm_.js";import{a as o}from"../Box-BKiQ7uSE.js";import{t as s}from"../Group-B5i0wlSD.js";import{t as c}from"../useSurface-CdthBe7F.js";import{t as l}from"../RadioGroupContext-D_qOaOKI.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/* @__PURE__ */ 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:/* @__PURE__ */ 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

@@ -2,30 +2,30 @@ 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"?: 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";
+export declare const SearchInput = "ax-search-input";
+export 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";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "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);
+  "addonPointerEvents"?: "auto" | "none";
+  "addon-pointer-events"?: "auto" | "none";
+  "error"?: false | true;
+  "appearance"?: "number" | "default";
+  "htmlSize"?: number;
+  "html-size"?: number;
+  "onValueClear"?: () => void;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -41,5 +41,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { SearchInput, SearchInputProps };
+//#endregion

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-DI_7juGg.js";import{an as s}from"../propTypes-DvAE1OVW.js";import"../layers.css.ts.vanilla-aCHm1GAF-B7j9vPYC.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{n as l}from"../dist-BA1lC60o.js";import{t as u}from"../Group-CNgPZJMY.js";import{t as d}from"../dist-DPEBf3IT.js";import{t as f}from"../Button-DQ1XqlwG.js";import{t as p}from"../close-CFjUl2bF.js";import{t as m}from"../search-ClrgyNuE.js";import{t as h}from"../Input-B7ta5TNb.js";import{t as g}from"../useObserveValue-C8YYcGp_.js";n(`@layer optiaxiom._118cs24;@layer optiaxiom._118cs24{.b1onmv::-webkit-search-cancel-button,.b1onmv::-webkit-search-decoration{display:none;-webkit-appearance:none}.o53ury:is(:not(:focus-within):not(:hover),:has(input:disabled)) ._1p4aekz{visibility:hidden}}`);var _=c({base:[{size:`sm`},`_1p4aekz`]}),v=c({base:`b1onmv`}),y=c({base:`o53ury`});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-DcSi2tvI.js";import{an as s}from"../propTypes-ClbnBdm_.js";import"../layers.css.ts.vanilla-DD7saQYy-_i2NMAGU.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{n as l}from"../dist-D14eSf0T.js";import{t as u}from"../Group-B5i0wlSD.js";import{t as d}from"../dist-CHHIUfal.js";import{t as f}from"../Button-DOM2GyTM.js";import{t as p}from"../close-D20bT7dT.js";import{t as m}from"../search-DRf-k7nS.js";import{t as h}from"../Input-B7Ake-pY.js";import{t as g}from"../useObserveValue-DnErp7y9.js";n(`@layer optiaxiom._1cgq1zr;@layer optiaxiom._1cgq1zr{.dz4jko::-webkit-search-cancel-button,.dz4jko::-webkit-search-decoration{display:none;-webkit-appearance:none}.rse7xv:is(:not(:focus-within):not(:hover),:has(input:disabled)) .jgint4{visibility:hidden}}`);var _=c({base:[{size:`sm`},`jgint4`]}),v=c({base:`dz4jko`}),y=c({base:`rse7xv`});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/* @__PURE__ */ a(h,{addonAfter:x&&/* @__PURE__ */ a(f,{appearance:`subtle`,"aria-label":`Clear`,icon:x&&/* @__PURE__ */ a(p,{}),onPointerDown:e=>{e.preventDefault(),C(``),r?.()},tabIndex:-1,..._()}),addonBefore:/* @__PURE__ */ a(u,{gap:`8`,children:[/* @__PURE__ */ 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:/* @__PURE__ */ 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

@@ -2,21 +2,21 @@ 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"?: 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";
+export declare const SegmentedControl = "ax-segmented-control";
+export 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";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -32,5 +32,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { SegmentedControl, SegmentedControlProps };
+//#endregion

package/dist/components/SegmentedControl.js

@@ -1 +1 @@
-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-CNgPZJMY.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};
+import{a as e,d as t,n,r,t as i}from"../register-DcSi2tvI.js";import{sn as a}from"../propTypes-ClbnBdm_.js";import{t as o}from"../Group-B5i0wlSD.js";import{n as s,r as c}from"../dist-DbleV_82.js";t();const l=e(({children:e,type:t=`single`,...n},i)=>/* @__PURE__ */ r(o,{asChild:!0,gap:`0`,...n,children:/* @__PURE__ */ r(s,{ref:i,type:t,children:/* @__PURE__ */ 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

@@ -2,24 +2,24 @@ 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 & {
+export declare const SegmentedControlItem = "ax-segmented-control-item";
+export type SegmentedControlItemProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | 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;
+  "addon"?: never;
+  "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";
+  "loading"?: false | true;
+  "square"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
   "value"?: string;
 };
 declare module "@stencil/core" {
@@ -36,5 +36,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { SegmentedControlItem, SegmentedControlItemProps };
+//#endregion

package/dist/components/SegmentedControlItem.js

@@ -1 +1 @@
-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-DQ1XqlwG.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};
+import{a as e,d as t,n,r,t as i}from"../register-DcSi2tvI.js";import{on as a}from"../propTypes-ClbnBdm_.js";import{t as o}from"../Button-DOM2GyTM.js";import{i as s,t as c}from"../dist-DbleV_82.js";t();const l=e(({asChild:e,children:t,...n},i)=>(s(`@optiaxiom/react/SegmentedControlItem`),/* @__PURE__ */ r(c,{appearance:`subtle`,asChild:!0,ref:i,...n,children:/* @__PURE__ */ 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

@@ -3,23 +3,23 @@ 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"?: 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;
+export declare const Select = "ax-select";
+export 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;
   "options"?: readonly SelectOption[] | SelectOption[];
-  "required"?: undefined | false | true;
-  "value"?: undefined | string;
+  "required"?: false | true;
+  "value"?: string;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -35,5 +35,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { Select, SelectProps };
+//#endregion

package/dist/components/Select.js

@@ -1 +1 @@
-import{n as e,t}from"../register-DI_7juGg.js";import{ln as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Select-DFL0NXUy.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-DcSi2tvI.js";import{ln as n}from"../propTypes-ClbnBdm_.js";import{t as r}from"../Select-BbSfkO9C.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

@@ -2,16 +2,16 @@ 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"?: 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";
+export declare const SelectContent = "ax-select-content";
+export 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";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -27,5 +27,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { SelectContent, SelectContentProps };
+//#endregion

package/dist/components/SelectContent.js

@@ -1 +1 @@
-import{n as e,t}from"../register-DI_7juGg.js";import{cn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../SelectContent-CQeHvXUi.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-DcSi2tvI.js";import{cn as n}from"../propTypes-ClbnBdm_.js";import{t as r}from"../SelectContent-BMQ1fmJ0.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

@@ -2,24 +2,24 @@ 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"?: undefined | "lg" | "md" | "sm";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "placeholder"?: undefined | string;
-  "type"?: undefined | "button" | "reset" | "submit";
+export declare const SelectTrigger = "ax-select-trigger";
+export type SelectTriggerProps = BoxProps & {
+  "size"?: "lg" | "md" | "sm";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "placeholder"?: string;
+  "type"?: "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"?: 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;
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "loading"?: false | true;
+  "square"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -35,5 +35,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { SelectTrigger, SelectTriggerProps };
+//#endregion

package/dist/components/SelectTrigger.js

@@ -1 +1 @@
-import{n as e,t}from"../register-DI_7juGg.js";import{un as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../SelectTrigger-VKprrUba.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-DcSi2tvI.js";import{un as n}from"../propTypes-ClbnBdm_.js";import{t as r}from"../SelectTrigger-BZpsIqdp.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

@@ -3,12 +3,12 @@ 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"?: undefined | "horizontal" | "vertical" | ResponsiveArray<undefined | "horizontal" | "vertical"> | ResponsiveObject<undefined | "horizontal" | "vertical">;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "decorative"?: undefined | false | true;
+export declare const Separator = "ax-separator";
+export type SeparatorProps = BoxProps & {
+  "orientation"?: "horizontal" | "vertical" | ResponsiveArray<"horizontal" | "vertical"> | ResponsiveObject<"horizontal" | "vertical">;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "decorative"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -24,5 +24,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { Separator, SeparatorProps };
+//#endregion

package/dist/components/Separator.js

@@ -1 +1 @@
-import{n as e,t}from"../register-DI_7juGg.js";import{dn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Separator-BT1Jd800.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-DcSi2tvI.js";import{dn as n}from"../propTypes-ClbnBdm_.js";import{t as r}from"../Separator-DcDX3DAU.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

@@ -2,14 +2,14 @@ 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"?: 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;
+export declare const Sidebar = "ax-sidebar";
+export type SidebarProps = BoxProps & {
+  "defaultExpanded"?: false | true;
+  "default-expanded"?: false | true;
+  "expanded"?: false | true;
+  "onExpandedChange"?: (expanded: boolean) => void;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -25,5 +25,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { Sidebar, SidebarProps };
+//#endregion

package/dist/components/Sidebar.js

@@ -1 +1 @@
-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-BLJUMIbj.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};
+import{a as e,d as t,n,r,t as i}from"../register-DcSi2tvI.js";import{fn as a}from"../propTypes-ClbnBdm_.js";import{t as o}from"../Box-BKiQ7uSE.js";import{t as s}from"../dist-CHHIUfal.js";import{t as c}from"../dist-B_ewNSZX.js";import{t as l}from"../SidebarContext-CGHJ8wvK.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/* @__PURE__ */ r(l,{expanded:d,navId:c(),onExpandedChange:f,spacing:`8`,children:/* @__PURE__ */ 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

@@ -2,15 +2,15 @@ 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"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "aria-label"?: undefined | string;
+export declare const SidebarToggle = "ax-sidebar-toggle";
+export type SidebarToggleProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "aria-label"?: string;
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "icon"?: string | number | false | true;
-  "active"?: undefined | false | true;
+  "active"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -26,5 +26,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { SidebarToggle, SidebarToggleProps };
+//#endregion

package/dist/components/SidebarToggle.js

@@ -1 +1 @@
-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-C2B0IofV.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-DcSi2tvI.js";import{pn as a}from"../propTypes-ClbnBdm_.js";import{n as o}from"../SidebarContext-CGHJ8wvK.js";import{t as s}from"../NavItem-BYpyILLc.js";t();const c=e(({"aria-label":e,children:t,...n},i)=>{let{expanded:a,navId:c,onExpandedChange:l}=o(`@optiaxiom/react/SidebarToggle`);return/* @__PURE__ */ 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};