@optiaxiom/web-components 3.0.4 → 3.0.6

package/dist/components/DateInput.d.ts

@@ -1,33 +1,32 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/DateInput.d.ts
 declare const DateInput = "ax-date-input";
 type DateInputProps = BoxProps & {
-  "placeholder"?: string;
-  "holiday"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
-  "weekend"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
-  "type"?: "date" | "datetime-local";
-  "size"?: "lg" | "md" | "xl";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "autoFocus"?: false | true;
-  "auto-focus"?: false | true;
-  "name"?: string;
-  "onValueChange"?: (value: string) => void;
-  "disabled"?: false | true;
-  "required"?: false | true;
+  "placeholder"?: undefined | string;
+  "holiday"?: undefined | false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
+  "weekend"?: undefined | false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
+  "type"?: undefined | "date" | "datetime-local";
+  "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);
+  "disabled"?: undefined | false | true;
+  "required"?: undefined | false | true;
   "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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/DateInput.js

@@ -1 +1 @@
-import{_ as e,a as t,d as n,k as r,n as i,p as a,r as o,t as s}from"../register-CmGCaC0G.js";import{R as c}from"../propTypes-CCF8mpiF.js";import{r as l}from"../Box-CWv2x03U.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{n as d}from"../dist-DlPoRI4R.js";import{t as f}from"../dist-hAtlzVVd.js";import{t as p}from"../Button-CZHroQ7E.js";import{t as m}from"../dist-DaIqmYGf.js";import{t as h}from"../calendar_today-DU6VGpRI.js";import{t as g}from"../close-CWHwzZ3j.js";import{t as _}from"../VisuallyHidden-4aRgR_Ie.js";import{t as v}from"../Popover-BtS40CBA.js";import{t as y}from"../PopoverAnchor-Cwi-aDp_.js";import{t as b}from"../PopoverContent-RTw1EAFU.js";import{t as x}from"../PopoverTrigger-UDt_jdRw.js";import{n as S}from"../FieldContext-DLc_s33y.js";import{t as C}from"../Input-DeABdg0O.js";import{t as w}from"../useObserveValue-_EHcPZX3.js";import{n as T,r as E,t as D}from"../toPlainDate-C1-yIov4.js";import{t as O}from"../Calendar-BMFDUizw.js";r(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{.mp17r2::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.g3s9xe:is(:not(:focus-within):not(:hover),:has(input:disabled)) .x0ut72{visibility:hidden}@supports not selector(::-webkit-datetime-edit){.hwwciz{display:none!important}}}`);var k=u({base:[{size:`sm`},`x0ut72`]}),A=u({base:`g3s9xe`}),j=u({base:`mp17r2`}),M=u({base:`hwwciz`});n();const N=t(({className:t,disabled:n,holiday:r,max:i,min:s,onChange:c,placeholder:u,step:N,type:P=`date`,weekend:F,...I},L)=>{let{labelId:R}=S(`@optiaxiom/react/DateInput`),z=m(),[B,V]=e(!1),H=a(!1),U=a(null),W=a(null),G=d(W,L),[K,q]=f({caller:`@optiaxiom/react/DateInput`,defaultProp:I.defaultValue,prop:I.value}),J=w(W,q),Y=typeof K==`string`?E(K)??null:null,X=i||`2100-12-31`,Z=s||`1900-01-01`,Q=X?E(X):void 0,$=Z?E(Z):void 0;return o(v,{onOpenChange:V,open:!n&&B,children:[o(y,{children:o(C,{addonAfter:K&&!I.readOnly&&!I.required&&o(p,{appearance:`subtle`,"aria-label":`Clear`,icon:o(g,{}),onPointerDown:e=>{e.preventDefault(),J(``)},tabIndex:-1,...k()}),addonBefore:o(x,{"aria-label":`Show date picker`,asChild:!0,onClick:e=>{I.readOnly&&e.preventDefault()},ref:U,role:`img`,...M(),children:o(h,{})}),asChild:!0,disabled:n,max:X,min:Z,onChange:e=>{c?.(e),q(e.target.value)},onClick:e=>{CSS.supports(`selector(::-webkit-datetime-edit)`)&&e.preventDefault()},onKeyDown:e=>{CSS.supports(`selector(::-webkit-datetime-edit)`)&&(e.key===` `?(e.preventDefault(),I.readOnly||V(!0)):e.key===`Escape`&&(e.preventDefault(),V(!1)))},ref:G,step:N,type:P,...A({},t),...I,children:o(`input`,{...j()})})}),o(b,{"aria-labelledby":l(z,R),gap:`8`,onCloseAutoFocus:e=>{H.current?H.current=!1:(e.preventDefault(),W.current?.focus())},onInteractOutside:e=>{e.target instanceof Node&&U.current?.contains(e.target)||(H.current=!0)},children:[o(_,{asChild:!0,id:z,children:o(`h2`,{children:`Calendar`})}),o(O,{holiday:r,max:Q,min:$,onValueChange:e=>{e&&(J(P===`datetime-local`?T(e):D(e)),P===`date`&&V(!1))},placeholder:u,step:N,type:P,value:Y,weekend:F}),P===`datetime-local`&&o(p,{flex:`none`,justifyContent:`center`,onClick:()=>V(!1),children:`Done`})]})]})});N.displayName=`@optiaxiom/react/DateInput`;const P=`ax-date-input`;var F=s(P,N,c,i);export{P as DateInput,F as default};
+import{_ as e,a as t,d as n,k as r,n as i,p as a,r as o,t as s}from"../register-DI_7juGg.js";import{R as c}from"../propTypes-DvAE1OVW.js";import{i as l}from"../Box-7R0puqJI.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{n as d}from"../dist-BA1lC60o.js";import{t as f}from"../dist-DPEBf3IT.js";import{t as p}from"../Button-DBq9GHkw.js";import{t as m}from"../dist-CZh7xvrW.js";import{t as h}from"../calendar_today-DKTS49rB.js";import{t as g}from"../close-CFjUl2bF.js";import{t as _}from"../VisuallyHidden-DCd41jCL.js";import{t as v}from"../Popover-DiqenM2N.js";import{t as y}from"../PopoverAnchor-BMi-aJJ0.js";import{t as b}from"../PopoverContent-CQWDgKFg.js";import{t as x}from"../PopoverTrigger-p1KlP1ha.js";import{n as S}from"../FieldContext-DuEd_cV1.js";import{t as C}from"../Input-CFpaJsO-.js";import{t as w}from"../useObserveValue-C8YYcGp_.js";import{n as T,r as E,t as D}from"../toPlainDate-C1-yIov4.js";import{t as O}from"../Calendar-Bv0EnHJ9.js";r(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{.u8zkjl::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}._1qyibv8:is(:not(:focus-within):not(:hover),:has(input:disabled)) ._13mbll6{visibility:hidden}@supports not selector(::-webkit-datetime-edit){._21kv8i{display:none!important}}}`);var k=u({base:[{size:`sm`},`_13mbll6`]}),A=u({base:`_1qyibv8`}),j=u({base:`u8zkjl`}),M=u({base:`_21kv8i`});n();const N=t(({className:t,disabled:n,holiday:r,max:i,min:s,onChange:c,placeholder:u,step:N,type:P=`date`,weekend:F,...I},L)=>{let{labelId:R}=S(`@optiaxiom/react/DateInput`),z=m(),[B,V]=e(!1),H=a(!1),U=a(null),W=a(null),G=d(W,L),[K,q]=f({caller:`@optiaxiom/react/DateInput`,defaultProp:I.defaultValue,prop:I.value}),J=w(W,q),Y=typeof K==`string`?E(K)??null:null,X=i||`2100-12-31`,Z=s||`1900-01-01`,Q=X?E(X):void 0,$=Z?E(Z):void 0;return o(v,{onOpenChange:V,open:!n&&B,children:[o(y,{children:o(C,{addonAfter:K&&!I.readOnly&&!I.required&&o(p,{appearance:`subtle`,"aria-label":`Clear`,icon:o(g,{}),onPointerDown:e=>{e.preventDefault(),J(``)},tabIndex:-1,...k()}),addonBefore:o(x,{"aria-label":`Show date picker`,asChild:!0,onClick:e=>{I.readOnly&&e.preventDefault()},ref:U,role:`img`,...M(),children:o(h,{})}),asChild:!0,disabled:n,max:X,min:Z,onChange:e=>{c?.(e),q(e.target.value)},onClick:e=>{CSS.supports(`selector(::-webkit-datetime-edit)`)&&e.preventDefault()},onKeyDown:e=>{CSS.supports(`selector(::-webkit-datetime-edit)`)&&(e.key===` `?(e.preventDefault(),I.readOnly||V(!0)):e.key===`Escape`&&(e.preventDefault(),V(!1)))},ref:G,step:N,type:P,...A({},t),...I,children:o(`input`,{...j()})})}),o(b,{"aria-labelledby":l(z,R),gap:`8`,onCloseAutoFocus:e=>{H.current?H.current=!1:(e.preventDefault(),W.current?.focus())},onInteractOutside:e=>{e.target instanceof Node&&U.current?.contains(e.target)||(H.current=!0)},children:[o(_,{asChild:!0,id:z,children:o(`h2`,{children:`Calendar`})}),o(O,{holiday:r,max:Q,min:$,onValueChange:e=>{e&&(J(P===`datetime-local`?T(e):D(e)),P===`date`&&V(!1))},placeholder:u,step:N,type:P,value:Y,weekend:F}),P===`datetime-local`&&o(p,{flex:`none`,justifyContent:`center`,onClick:()=>V(!1),children:`Done`})]})]})});N.displayName=`@optiaxiom/react/DateInput`;const P=`ax-date-input`;var F=s(P,N,c,i);export{P as DateInput,F as default};

package/dist/components/DateRangePicker.d.ts

@@ -1,19 +1,19 @@
+import "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/DateRangePicker.d.ts
 declare const DateRangePicker = "ax-date-range-picker";
 type DateRangePickerProps = {
-  "defaultOpen"?: false | true;
-  "default-open"?: false | true;
-  "modal"?: false | true;
-  "onOpenChange"?: (open: boolean) => void;
-  "open"?: false | true;
-  "defaultValue"?: DateRange;
-  "default-value"?: DateRange;
-  "disabled"?: false | true;
-  "onValueChange"?: (value: DateRange) => void;
-  "value"?: DateRange;
+  "defaultOpen"?: undefined | false | true;
+  "default-open"?: undefined | false | true;
+  "modal"?: undefined | false | true;
+  "onOpenChange"?: undefined | ((open: boolean) => void);
+  "open"?: undefined | false | true;
+  "defaultValue"?: undefined | null | DateRange;
+  "default-value"?: undefined | null | DateRange;
+  "disabled"?: undefined | false | true;
+  "onValueChange"?: undefined | ((value: DateRange | null) => void);
+  "value"?: undefined | null | DateRange;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/DateRangePicker.js

@@ -1 +1 @@
-import{C as e,_ as t,d as n,n as r,p as i,r as a,t as o}from"../register-CmGCaC0G.js";import{B as s}from"../propTypes-CCF8mpiF.js";import{t as c}from"../dist-hAtlzVVd.js";import{t as l}from"../useEffectEvent-Dxj6Jbwt.js";import{t as u}from"../Popover-BtS40CBA.js";import{r as d,t as f}from"../toPlainDate-C1-yIov4.js";import{t as p}from"../DateRangePickerContext-BF4amRAz.js";n();function m({children:n,defaultOpen:r=!1,defaultValue:o=null,disabled:s,onOpenChange:m,onValueChange:h,open:g,value:_,...v}){let y=i(null),[b,x]=t(),[S,C]=c({caller:`@optiaxiom/react/DateRangePicker`,defaultProp:r,onChange:m,prop:g}),[w,T]=c({caller:`@optiaxiom/react/DateRangePicker`,defaultProp:o,onChange:h,prop:_}),E=l(T);return e(()=>{S&&x(void 0)},[S]),e(()=>{if(!S&&b){let e=d(f(b)+`T23:59:59.999`);e&&E({from:b,to:e})}},[b,S]),a(u,{onOpenChange:C,open:S,...v,children:a(p,{disabled:s,setFrom:x,setOpen:C,setValue:T,triggerRef:y,value:w,children:n})})}m.displayName=`@optiaxiom/react/DateRangePicker`;const h=`ax-date-range-picker`;var g=o(h,m,s,r);export{h as DateRangePicker,g as default};
+import{_ as e,d as t,n,p as r,r as i,t as a,y as o}from"../register-DI_7juGg.js";import{B as s}from"../propTypes-DvAE1OVW.js";import{t as c}from"../dist-DPEBf3IT.js";import{t as l}from"../useEvent-CXngOW4Z.js";import{t as u}from"../Popover-DiqenM2N.js";import{r as d,t as f}from"../toPlainDate-C1-yIov4.js";import{t as p}from"../DateRangePickerContext-Cipg2qMC.js";t();function m({children:t,defaultOpen:n=!1,defaultValue:a=null,disabled:s,onOpenChange:m,onValueChange:h,open:g,value:_,...v}){let y=r(null),[b,x]=e(),[S,C]=c({caller:`@optiaxiom/react/DateRangePicker`,defaultProp:n,onChange:m,prop:g}),[w,T]=c({caller:`@optiaxiom/react/DateRangePicker`,defaultProp:a,onChange:h,prop:_}),E=l(T);return o(()=>{S&&x(void 0)},[S]),o(()=>{if(!S&&b){let e=d(f(b)+`T23:59:59.999`);e&&E({from:b,to:e})}},[b,S,E]),i(u,{onOpenChange:C,open:S,...v,children:i(p,{disabled:s,setFrom:x,setOpen:C,setValue:T,triggerRef:y,value:w,children:t})})}m.displayName=`@optiaxiom/react/DateRangePicker`;const h=`ax-date-range-picker`;var g=a(h,m,s,n);export{h as DateRangePicker,g as default};

package/dist/components/DateRangePickerContent.d.ts

@@ -2,33 +2,32 @@ import { i as PointerDownOutsideEvent, r as FocusOutsideEvent } from "../types-B
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/DateRangePickerContent.d.ts
 declare const DateRangePickerContent = "ax-date-range-picker-content";
 type DateRangePickerContentProps = BoxProps & {
-  "maxH"?: "lg" | "md" | "sm" | "xs" | "full";
-  "max-h"?: "lg" | "md" | "sm" | "xs" | "full";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "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;
-  "minW"?: "0" | "trigger";
-  "min-w"?: "0" | "trigger";
-  "side"?: "top" | "right" | "bottom" | "left";
-  "sideOffset"?: number;
-  "side-offset"?: number;
-  "align"?: "center" | "end" | "start";
-  "alignOffset"?: number;
-  "align-offset"?: number;
-  "max"?: Date;
-  "min"?: Date;
-  "today"?: Date;
-  "holiday"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
-  "weekend"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
+  "maxH"?: 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;
+  "max"?: undefined | Date;
+  "min"?: undefined | Date;
+  "today"?: undefined | Date;
+  "holiday"?: undefined | false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
+  "weekend"?: undefined | false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;

package/dist/components/DateRangePickerContent.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{z as a}from"../propTypes-CCF8mpiF.js";import{r as o}from"../Box-CWv2x03U.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"../dist-DaIqmYGf.js";import{t as u}from"../VisuallyHidden-4aRgR_Ie.js";import{t as d}from"../PopoverContent-RTw1EAFU.js";import{n as f}from"../FieldContext-DLc_s33y.js";import{t as p}from"../Calendar-BMFDUizw.js";import{n as m}from"../DateRangePickerContext-BF4amRAz.js";var h=s({base:[{alignItems:`stretch`,gap:`0`}]});t();const g=e(({addonAfter:e,addonBefore:t,"aria-label":n,children:i,holiday:a,max:s,min:g,today:_,weekend:v,...y},b)=>{let{labelId:x}=f(`@optiaxiom/react/DateRangePickerContent`),{setFrom:S,setOpen:C,setValue:w,triggerRef:T,value:E}=m(`@optiaxiom/react/DateRangePickerContent`),D=l();return r(d,{"aria-labelledby":o(x??T.current?.id,D),gap:`8`,maxW:void 0,ref:b,...y,children:[r(u,{id:D,children:n||`Calendar`}),r(c,{...h(),children:[t,r(p,{alignSelf:`start`,holiday:a,max:s,min:g,mode:`range`,onDateSelect:e=>{S(t=>t?void 0:e)},onValueChange:e=>{w(e),requestAnimationFrame(()=>{C(!1)})},today:_,value:E,weekend:v}),e]}),i]})});g.displayName=`@optiaxiom/react/DateRangePickerContent`;const _=`ax-date-range-picker-content`;var v=i(_,g,a,n);export{_ as DateRangePickerContent,v as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{z as a}from"../propTypes-DvAE1OVW.js";import{i as o}from"../Box-7R0puqJI.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";import{t as c}from"../Group-Ba9swfi0.js";import{t as l}from"../dist-CZh7xvrW.js";import{t as u}from"../VisuallyHidden-DCd41jCL.js";import{t as d}from"../PopoverContent-CQWDgKFg.js";import{n as f}from"../FieldContext-DuEd_cV1.js";import{t as p}from"../Calendar-Bv0EnHJ9.js";import{n as m}from"../DateRangePickerContext-Cipg2qMC.js";var h=s({base:[{alignItems:`stretch`,gap:`0`}]});t();const g=e(({addonAfter:e,addonBefore:t,"aria-label":n,children:i,holiday:a,max:s,min:g,today:_,weekend:v,...y},b)=>{let{labelId:x}=f(`@optiaxiom/react/DateRangePickerContent`),{setFrom:S,setOpen:C,setValue:w,triggerRef:T,value:E}=m(`@optiaxiom/react/DateRangePickerContent`),D=l();return r(d,{"aria-labelledby":o(x??T.current?.id,D),gap:`8`,maxW:void 0,ref:b,...y,children:[r(u,{id:D,children:n||`Calendar`}),r(c,{...h(),children:[t,r(p,{alignSelf:`start`,holiday:a,max:s,min:g,mode:`range`,onDateSelect:e=>{S(t=>t?void 0:e)},onValueChange:e=>{w(e),requestAnimationFrame(()=>{C(!1)})},today:_,value:E,weekend:v}),e]}),i]})});g.displayName=`@optiaxiom/react/DateRangePickerContent`;const _=`ax-date-range-picker-content`;var v=i(_,g,a,n);export{_ as DateRangePickerContent,v as default};

package/dist/components/DateRangePickerTrigger.d.ts

@@ -1,30 +1,8 @@
-import { BoxProps } from "./Box.js";
+import "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/DateRangePickerTrigger.d.ts
 declare const DateRangePickerTrigger = "ax-date-range-picker-trigger";
-type DateRangePickerTriggerProps = BoxProps & {
-  "size"?: "lg" | "md" | "sm";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "disabled"?: false | true;
-  "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"?: "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;
-  "formatRange"?: any;
-  "format-range"?: any;
-  "placeholder"?: string;
-};
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -40,4 +18,4 @@ declare module "react" {
   }
 }
 //#endregion
-export { DateRangePickerTrigger, DateRangePickerTriggerProps };
+export { DateRangePickerTrigger };

package/dist/components/DateRangePickerTrigger.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{V as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Box-CWv2x03U.js";import{n as s}from"../dist-DlPoRI4R.js";import{t as c}from"../dist-DaIqmYGf.js";import{t as l}from"../calendar_today-DU6VGpRI.js";import{n as u}from"../LocaleContext-Bmzloa8O.js";import{t as d}from"../PopoverTrigger-UDt_jdRw.js";import{t as f}from"../useFieldLabelTrigger-B5yY5M4V.js";import{t as p}from"../memoize-DKZP80fZ.js";import{n as m}from"../DateRangePickerContext-BF4amRAz.js";t();const h=p(e=>new Intl.DateTimeFormat(e,{day:`numeric`,month:`short`,year:`numeric`})),g=e(({"aria-labelledby":e,children:t,formatRange:n,placeholder:i=`Pick a date`,...a},p)=>{let{disabled:g,triggerRef:_,value:v}=m(`@optiaxiom/react/DateRangePickerTrigger`),{locale:y}=u(`@optiaxiom/react/DateRangePickerTrigger`),b=c(),x=s(p,_),S=f(_,e),C=n?{formatRange:n}:h(y);return r(d,{"aria-labelledby":S,disabled:g,icon:r(l,{}),id:b,ref:x,...a,children:t??(v?C.formatRange(v.from,v.to):r(o,{color:`fg.tertiary`,children:i}))})});g.displayName=`@optiaxiom/react/DateRangePickerTrigger`;const _=`ax-date-range-picker-trigger`;var v=i(_,g,a,n);export{_ as DateRangePickerTrigger,v as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{V as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Box-7R0puqJI.js";import{n as s}from"../dist-BA1lC60o.js";import{t as c}from"../dist-CZh7xvrW.js";import{t as l}from"../calendar_today-DKTS49rB.js";import{n as u}from"../LocaleContext-AhjkMwCF.js";import{t as d}from"../PopoverTrigger-p1KlP1ha.js";import{t as f}from"../useFieldLabelTrigger-9pYV4t5-.js";import{t as p}from"../memoize-DKZP80fZ.js";import{n as m}from"../DateRangePickerContext-Cipg2qMC.js";t();const h=p(e=>new Intl.DateTimeFormat(e,{day:`numeric`,month:`short`,year:`numeric`})),g=e(({"aria-labelledby":e,children:t,formatRange:n,placeholder:i=`Pick a date`,...a},p)=>{let{disabled:g,triggerRef:_,value:v}=m(`@optiaxiom/react/DateRangePickerTrigger`),{locale:y}=u(`@optiaxiom/react/DateRangePickerTrigger`),b=c(),x=s(p,_),S=f(_,e),C=n?{formatRange:n}:h(y);return r(d,{"aria-labelledby":S,disabled:g,icon:r(l,{}),id:b,ref:x,...a,children:t??(v?C.formatRange(v.from,v.to):r(o,{color:`fg.tertiary`,children:i}))})});g.displayName=`@optiaxiom/react/DateRangePickerTrigger`;const _=`ax-date-range-picker-trigger`;var v=i(_,g,a,n);export{_ as DateRangePickerTrigger,v as default};

package/dist/components/Dialog.d.ts

@@ -1,13 +1,13 @@
+import "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Dialog.d.ts
 declare const Dialog = "ax-dialog";
 type DialogProps = {
-  "defaultOpen"?: false | true;
-  "default-open"?: false | true;
-  "onOpenChange"?: (open: boolean) => void;
-  "open"?: false | true;
+  "defaultOpen"?: undefined | false | true;
+  "default-open"?: undefined | false | true;
+  "onOpenChange"?: undefined | ((open: boolean) => void);
+  "open"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Dialog.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{J as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Dialog-B3ApGI4A.js";const i=`ax-dialog`;var a=t(i,r,n,e);export{i as Dialog,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{J as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Dialog-CBaaW1yM.js";const i=`ax-dialog`;var a=t(i,r,n,e);export{i as Dialog,a as default};

package/dist/components/DialogBody.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/DialogBody.d.ts
 declare const DialogBody = "ax-dialog-body";
 type DialogBodyProps = 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/DialogBody.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{H as a}from"../propTypes-CCF8mpiF.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as o}from"../recipeRuntime-BkylZxVy.js";import{t as s}from"../Group-wqJPiiS3.js";import"../AvatarGroup.css.ts.vanilla-Beph4zQj-QLm92BYZ.js";var c=o({base:[{flex:`1`,flexDirection:`column`,fontSize:`md`,gap:`16`,px:`24`,py:`16`,z:`0`},`nibojk`]});t();const l=e(({children:e,className:t,...n},i)=>r(s,{ref:i,...c({},t),...n,children:e}));l.displayName=`@optiaxiom/react/DialogBody`;const u=`ax-dialog-body`;var d=i(u,l,a,n);export{u as DialogBody,d as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{H as a}from"../propTypes-DvAE1OVW.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as o}from"../recipeRuntime-BkylZxVy.js";import{t as s}from"../Group-Ba9swfi0.js";import"../AvatarGroup.css.ts.vanilla-uvl5fWua-nFnU_gq3.js";var c=o({base:[{flex:`1`,flexDirection:`column`,fontSize:`md`,gap:`16`,px:`24`,py:`16`,z:`0`},`_1r7yrqe`]});t();const l=e(({children:e,className:t,...n},i)=>r(s,{ref:i,...c({},t),...n,children:e}));l.displayName=`@optiaxiom/react/DialogBody`;const u=`ax-dialog-body`;var d=i(u,l,a,n);export{u as DialogBody,d as default};

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

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{U as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../DialogClose-D0iidoyk.js";const i=`ax-dialog-close`;var a=t(i,r,n,e);export{i as DialogClose,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{U as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../DialogClose-Bheaobwu.js";const i=`ax-dialog-close`;var a=t(i,r,n,e);export{i as DialogClose,a as default};

package/dist/components/DialogContent.d.ts

@@ -2,19 +2,18 @@ import { i as PointerDownOutsideEvent, r as FocusOutsideEvent } from "../types-B
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/DialogContent.d.ts
 declare const DialogContent = "ax-dialog-content";
 type DialogContentProps = BoxProps & {
-  "size"?: "lg" | "md" | "sm" | "fullscreen";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "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;
+  "size"?: undefined | "lg" | "md" | "sm" | "fullscreen";
+  "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);
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/DialogContent.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{W as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../DialogContent-DI_Qit6D.js";const i=`ax-dialog-content`;var a=t(i,r,n,e);export{i as DialogContent,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{W as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../DialogContent-4dwtDV8v.js";const i=`ax-dialog-content`;var a=t(i,r,n,e);export{i as DialogContent,a as default};

package/dist/components/DialogFooter.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/DialogFooter.d.ts
 declare const DialogFooter = "ax-dialog-footer";
 type DialogFooterProps = 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/DialogFooter.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{G as o}from"../propTypes-CCF8mpiF.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";import{n as c}from"../dist-DlPoRI4R.js";import{t as l}from"../Group-wqJPiiS3.js";import{t as u}from"../ButtonContext-BLLmR8yR.js";import{n as d}from"../DialogContext-keGjUS4s.js";n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{.u3xj0p{bottom:0;position:sticky}}`);var f=s({base:[{bg:`bg.default`,borderColor:`border.secondary`,borderT:`1`,gap:`16`,justifyContent:`flex-end`,px:`24`,py:`20`},`u3xj0p`]});t();const p=e(({children:e,className:t,...n},r)=>{let{footerRef:a}=d(`@optiaxiom/react/DialogFooter`);return i(u,{size:`lg`,children:i(l,{ref:c(a,r),...f({},t),...n,children:e})})});p.displayName=`@optiaxiom/react/DialogFooter`;const m=`ax-dialog-footer`;var h=a(m,p,o,r);export{m as DialogFooter,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{G as o}from"../propTypes-DvAE1OVW.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";import{n as c}from"../dist-BA1lC60o.js";import{t as l}from"../Group-Ba9swfi0.js";import{t as u}from"../ButtonContext-zv0Biuqq.js";import{n as d}from"../DialogContext-JX-Wuza1.js";n(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{.o1n5b3{bottom:0;position:sticky}}`);var f=s({base:[{bg:`bg.default`,borderColor:`border.secondary`,borderT:`1`,gap:`16`,justifyContent:`flex-end`,px:`24`,py:`20`},`o1n5b3`]});t();const p=e(({children:e,className:t,...n},r)=>{let{footerRef:a}=d(`@optiaxiom/react/DialogFooter`);return i(u,{size:`lg`,children:i(l,{ref:c(a,r),...f({},t),...n,children:e})})});p.displayName=`@optiaxiom/react/DialogFooter`;const m=`ax-dialog-footer`;var h=a(m,p,o,r);export{m as DialogFooter,h as default};

package/dist/components/DialogForm.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/DialogForm.d.ts
 declare const DialogForm = "ax-dialog-form";
 type DialogFormProps = 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/DialogForm.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{K as a}from"../propTypes-CCF8mpiF.js";import{n as o,t as s}from"../Box-CWv2x03U.js";t();const c=e(({children:e,className:t,...n},i)=>{let{boxProps:a,restProps:c}=o(n);return r(s,{asChild:!0,className:t,display:`flex`,flexDirection:`column`,...a,children:r(`form`,{ref:i,...c,children:e})})});c.displayName=`@optiaxiom/react/DialogForm`;const l=`ax-dialog-form`;var u=i(l,c,a,n);export{l as DialogForm,u as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{K as a}from"../propTypes-DvAE1OVW.js";import{r as o,t as s}from"../Box-7R0puqJI.js";t();const c=e(({children:e,className:t,...n},i)=>{let{boxProps:a,restProps:c}=o(n);return r(s,{asChild:!0,className:t,display:`flex`,flexDirection:`column`,...a,children:r(`form`,{ref:i,...c,children:e})})});c.displayName=`@optiaxiom/react/DialogForm`;const l=`ax-dialog-form`;var u=i(l,c,a,n);export{l as DialogForm,u as default};

package/dist/components/DialogHeader.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/DialogHeader.d.ts
 declare const DialogHeader = "ax-dialog-header";
 type DialogHeaderProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "description"?: string | number | false | true;
-  "lineClamp"?: "1" | "2" | "4" | "3";
-  "line-clamp"?: "1" | "2" | "4" | "3";
-  "truncate"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "lineClamp"?: undefined | "1" | "2" | "4" | "3";
+  "line-clamp"?: undefined | "1" | "2" | "4" | "3";
+  "truncate"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/DialogHeader.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{q as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../DialogHeader-DZA5SywU.js";const i=`ax-dialog-header`;var a=t(i,r,n,e);export{i as DialogHeader,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{q as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../DialogHeader-B8L20L3e.js";const i=`ax-dialog-header`;var a=t(i,r,n,e);export{i as DialogHeader,a as default};

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

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{Y as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../DialogTrigger--boQJLjc.js";const i=`ax-dialog-trigger`;var a=t(i,r,n,e);export{i as DialogTrigger,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Y as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../DialogTrigger-D4EHyTXI.js";const i=`ax-dialog-trigger`;var a=t(i,r,n,e);export{i as DialogTrigger,a as default};

package/dist/components/Disclosure.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/Disclosure.d.ts
 declare const Disclosure = "ax-disclosure";
 type DisclosureProps = BoxProps & {
-  "defaultOpen"?: false | true;
-  "default-open"?: false | true;
-  "onOpenChange"?: (open: boolean) => void;
-  "open"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "disabled"?: false | true;
+  "defaultOpen"?: undefined | false | true;
+  "default-open"?: undefined | false | true;
+  "onOpenChange"?: undefined | ((open: boolean) => void);
+  "open"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "disabled"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Disclosure.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{Z as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Disclosure-CgEvw4Xa.js";const i=`ax-disclosure`;var a=t(i,r,n,e);export{i as Disclosure,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Z as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Disclosure-DmwEhgr6.js";const i=`ax-disclosure`;var a=t(i,r,n,e);export{i as Disclosure,a as default};

package/dist/components/DisclosureContent.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/DisclosureContent.d.ts
 declare const DisclosureContent = "ax-disclosure-content";
 type DisclosureContentProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "hiddenUntilFound"?: false | true;
-  "hidden-until-found"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "hiddenUntilFound"?: undefined | false | true;
+  "hidden-until-found"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/DisclosureContent.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{X as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../DisclosureContent-CkckdEKy.js";const i=`ax-disclosure-content`;var a=t(i,r,n,e);export{i as DisclosureContent,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{X as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../DisclosureContent-CFeN86Wb.js";const i=`ax-disclosure-content`;var a=t(i,r,n,e);export{i as DisclosureContent,a as default};

package/dist/components/DisclosureTrigger.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/DisclosureTrigger.d.ts
 declare const DisclosureTrigger = "ax-disclosure-trigger";
 type DisclosureTriggerProps = BoxProps & {
@@ -9,10 +8,10 @@ type DisclosureTriggerProps = BoxProps & {
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "chevronPosition"?: "end" | "start";
-  "chevron-position"?: "end" | "start";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "chevronPosition"?: undefined | "end" | "start";
+  "chevron-position"?: undefined | "end" | "start";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/DisclosureTrigger.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{Q as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../DisclosureTrigger-DUSIOt6i.js";const i=`ax-disclosure-trigger`;var a=t(i,r,n,e);export{i as DisclosureTrigger,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Q as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../DisclosureTrigger-Bm1Ut_i8.js";const i=`ax-disclosure-trigger`;var a=t(i,r,n,e);export{i as DisclosureTrigger,a as default};

package/dist/components/DropdownMenu.d.ts

@@ -1,14 +1,14 @@
+import "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/DropdownMenu.d.ts
 declare const DropdownMenu = "ax-dropdown-menu";
 type DropdownMenuProps = {
-  "defaultOpen"?: false | true;
-  "default-open"?: false | true;
-  "modal"?: false | true;
-  "onOpenChange"?: (open: boolean) => void;
-  "open"?: false | true;
+  "defaultOpen"?: undefined | false | true;
+  "default-open"?: undefined | false | true;
+  "modal"?: undefined | false | true;
+  "onOpenChange"?: undefined | ((open: boolean) => void);
+  "open"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/DropdownMenu.js

@@ -1 +1 @@
-import{_ as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{it as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../dist-hAtlzVVd.js";import{t as s}from"../DropdownMenuContext-njYGBDQQ.js";import{t as c}from"../DropdownMenuNestedContext-DvdrmuRF.js";import{o as l}from"../dist-CyyF9DEo.js";t();function u({children:t,defaultOpen:n=!1,onOpenChange:i,open:a,...u}){let[d,f]=o({caller:`@optiaxiom/react/DropdownMenu`,defaultProp:n,onChange:i,prop:a}),[p,m]=e(!1);return r(l,{onOpenChange:f,open:d,...u,children:r(s,{open:d,presence:p,setOpen:f,setPresence:m,children:r(c,{open:d,children:t})})})}u.displayName=`@optiaxiom/react/DropdownMenu`;const d=`ax-dropdown-menu`;var f=i(d,u,a,n);export{d as DropdownMenu,f as default};
+import{_ as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{it as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../dist-DPEBf3IT.js";import{t as s}from"../DropdownMenuContext-Bv5WW4fQ.js";import{t as c}from"../DropdownMenuNestedContext-DDWT-7A9.js";import{o as l}from"../dist-D-A-sM-6.js";t();function u({children:t,defaultOpen:n=!1,onOpenChange:i,open:a,...u}){let[d,f]=o({caller:`@optiaxiom/react/DropdownMenu`,defaultProp:n,onChange:i,prop:a}),[p,m]=e(!1);return r(l,{onOpenChange:f,open:d,...u,children:r(s,{open:d,presence:p,setOpen:f,setPresence:m,children:r(c,{open:d,children:t})})})}u.displayName=`@optiaxiom/react/DropdownMenu`;const d=`ax-dropdown-menu`;var f=i(d,u,a,n);export{d as DropdownMenu,f as default};