@optiaxiom/web-components 3.0.4 → 3.0.5

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;
-  "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;
+  "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-CmGCaC0G.js";import{Ft as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../MenuContent-3ceEuRnl.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};

package/dist/components/MenuTrigger.d.ts

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

package/dist/components/MenuTrigger.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{Lt as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../MenuTrigger-CClyh02B.js";const i=`ax-menu-trigger`;var a=t(i,r,n,e);export{i as MenuTrigger,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Lt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../MenuTrigger--dfV5v-V.js";const i=`ax-menu-trigger`;var a=t(i,r,n,e);export{i as MenuTrigger,a as default};

package/dist/components/ModalLayer.d.ts

@@ -1,12 +1,12 @@
+import "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/ModalLayer.d.ts
 declare const ModalLayer = "ax-modal-layer";
 type ModalLayerProps = {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "onEscapeKeyDown"?: (event: KeyboardEvent) => void;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "onEscapeKeyDown"?: undefined | ((event: KeyboardEvent) => void);
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/ModalLayer.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{Rt as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../ModalLayer-BeFrRtfn.js";const i=`ax-modal-layer`;var a=t(i,r,n,e);export{i as ModalLayer,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Rt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../ModalLayer-Czg7s-fS.js";const i=`ax-modal-layer`;var a=t(i,r,n,e);export{i as ModalLayer,a as default};

package/dist/components/Nav.d.ts

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

package/dist/components/Nav.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{Jt as o}from"../propTypes-CCF8mpiF.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";import{t as c}from"../Group-wqJPiiS3.js";import{n as l}from"../SidebarContext-B78Z3KPQ.js";n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{._1361jgn{transition:width var(--ax-duration-md) ease}}`);var u=s({base:[{bg:`bg.default`,flex:`1`,flexDirection:`column`,gap:`0`,overflow:`hidden`,pb:`8`,pt:`16`},`_1361jgn`]});t();const d=e(({children:e,...t},n)=>{let{expanded:r,navId:a}=l(`@optiaxiom/react/Nav`);return i(c,{flexDirection:`column`,gap:`16`,h:`full`,ref:n,w:`fit`,...t,children:i(c,{asChild:!0,id:a,w:r?`224`:`56`,...u(),children:i(`nav`,{"aria-label":`Main`,children:e})})})});d.displayName=`@optiaxiom/react/Nav`;const f=`ax-nav`;var p=a(f,d,o,r);export{f as Nav,p as default};
+import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-DI_7juGg.js";import{Jt as o}from"../propTypes-DvAE1OVW.js";import"../layers.css.ts.vanilla-DAV8xjBt-CRO-lQbz.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";import{t as c}from"../Group-7td2Uy4I.js";import{n as l}from"../SidebarContext-CdbXT8xl.js";n(`@layer optiaxiom.m05w4x;@layer optiaxiom.m05w4x{._11au1s7{transition:width var(--ax-duration-md) ease}}`);var u=s({base:[{bg:`bg.default`,flex:`1`,flexDirection:`column`,gap:`0`,overflow:`hidden`,pb:`8`,pt:`16`},`_11au1s7`]});t();const d=e(({children:e,...t},n)=>{let{expanded:r,navId:a}=l(`@optiaxiom/react/Nav`);return i(c,{flexDirection:`column`,gap:`16`,h:`full`,ref:n,w:`fit`,...t,children:i(c,{asChild:!0,id:a,w:r?`224`:`56`,...u(),children:i(`nav`,{"aria-label":`Main`,children:e})})})});d.displayName=`@optiaxiom/react/Nav`;const f=`ax-nav`;var p=a(f,d,o,r);export{f as Nav,p as default};

package/dist/components/NavAccountItem.d.ts

@@ -1,15 +1,14 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/NavAccountItem.d.ts
 declare const NavAccountItem = "ax-nav-account-item";
 type NavAccountItemProps = BoxProps & {
-  "name"?: string;
-  "organization"?: string;
-  "src"?: string;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "name"?: undefined | string;
+  "organization"?: undefined | string;
+  "src"?: undefined | string;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/NavAccountItem.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{zt as o}from"../propTypes-CCF8mpiF.js";import{t as s}from"../Box-CWv2x03U.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{t as l}from"../Group-wqJPiiS3.js";import{t as u}from"../Text-CebClX-o.js";import{t as d}from"../Avatar-B93oY7Wa.js";import{t as f}from"../more_horiz-D9v5_bs1.js";import{n as p}from"../SidebarContext-B78Z3KPQ.js";n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{.cimhxn{opacity:0}.z6vval{opacity:1}}`);var m=c({base:{flex:`1`,fontSize:`md`,gap:`8`,overflowX:`hidden`,transition:`opacity`},variants:{expanded:{false:`cimhxn`,true:`z6vval`}}});t();const h=e(({name:e,organization:t,src:n,...r},a)=>{let{expanded:o}=p(`@optiaxiom/react/NavAccountItem`);return i(l,{asChild:!0,flexDirection:`column`,gap:`16`,my:`8`,children:i(`li`,{children:i(l,{asChild:!0,gap:`8`,p:`4`,textAlign:`start`,...r,children:i(`button`,{ref:a,children:[i(d,{"aria-hidden":!0,flex:`none`,my:`2`,name:e,rounded:`sm`,src:n}),i(l,{...m({expanded:!!o}),children:[i(l,{flex:`1`,flexDirection:`column`,gap:`0`,overflowX:`hidden`,children:[i(u,{color:`fg.default`,fontWeight:`500`,truncate:!0,children:e}),i(u,{color:`fg.tertiary`,fontSize:`sm`,truncate:!0,children:t})]}),i(s,{asChild:!0,children:i(f,{})})]})]})})})})});h.displayName=`@optiaxiom/react/NavAccountItem`;const g=`ax-nav-account-item`;var _=a(g,h,o,r);export{g as NavAccountItem,_ 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{zt as o}from"../propTypes-DvAE1OVW.js";import{t as s}from"../Box-BP7S1N6D.js";import"../layers.css.ts.vanilla-DAV8xjBt-CRO-lQbz.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{t as l}from"../Group-7td2Uy4I.js";import{t as u}from"../Text-BCLAUcfC.js";import{t as d}from"../Avatar-CcmXFH6r.js";import{t as f}from"../more_horiz-yXdzrqAz.js";import{n as p}from"../SidebarContext-CdbXT8xl.js";n(`@layer optiaxiom.m05w4x;@layer optiaxiom.m05w4x{._1w2il3u{opacity:0}.yueqou{opacity:1}}`);var m=c({base:{flex:`1`,fontSize:`md`,gap:`8`,overflowX:`hidden`,transition:`opacity`},variants:{expanded:{false:`_1w2il3u`,true:`yueqou`}}});t();const h=e(({name:e,organization:t,src:n,...r},a)=>{let{expanded:o}=p(`@optiaxiom/react/NavAccountItem`);return i(l,{asChild:!0,flexDirection:`column`,gap:`16`,my:`8`,children:i(`li`,{children:i(l,{asChild:!0,gap:`8`,p:`4`,textAlign:`start`,...r,children:i(`button`,{ref:a,children:[i(d,{"aria-hidden":!0,flex:`none`,my:`2`,name:e,rounded:`sm`,src:n}),i(l,{...m({expanded:!!o}),children:[i(l,{flex:`1`,flexDirection:`column`,gap:`0`,overflowX:`hidden`,children:[i(u,{color:`fg.default`,fontWeight:`500`,truncate:!0,children:e}),i(u,{color:`fg.tertiary`,fontSize:`sm`,truncate:!0,children:t})]}),i(s,{asChild:!0,children:i(f,{})})]})]})})})})});h.displayName=`@optiaxiom/react/NavAccountItem`;const g=`ax-nav-account-item`;var _=a(g,h,o,r);export{g as NavAccountItem,_ as default};

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

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{Bt 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{n as c}from"../SidebarContext-B78Z3KPQ.js";var l=o({base:[{flex:`1`,flexDirection:`column`,gap:`4`,justifyContent:`flex-start`,overflowX:`hidden`,py:`8`,w:`full`}],variants:{expanded:{false:{overflowY:`hidden`},true:{overflowY:`auto`}}}});t();const u=e(({children:e,className:t,...n},i)=>{let{expanded:a,spacing:o}=c(`@optiaxiom/react/NavBody`);return r(s,{px:o,ref:i,...l({expanded:a},t),...n,children:e})});u.displayName=`@optiaxiom/react/NavBody`;const d=`ax-nav-body`;var f=i(d,u,a,n);export{d as NavBody,f as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{Bt as a}from"../propTypes-DvAE1OVW.js";import"../layers.css.ts.vanilla-DAV8xjBt-CRO-lQbz.js";import{t as o}from"../recipeRuntime-BkylZxVy.js";import{t as s}from"../Group-7td2Uy4I.js";import{n as c}from"../SidebarContext-CdbXT8xl.js";var l=o({base:[{flex:`1`,flexDirection:`column`,gap:`4`,justifyContent:`flex-start`,overflowX:`hidden`,py:`8`,w:`full`}],variants:{expanded:{false:{overflowY:`hidden`},true:{overflowY:`auto`}}}});t();const u=e(({children:e,className:t,...n},i)=>{let{expanded:a,spacing:o}=c(`@optiaxiom/react/NavBody`);return r(s,{px:o,ref:i,...l({expanded:a},t),...n,children:e})});u.displayName=`@optiaxiom/react/NavBody`;const d=`ax-nav-body`;var f=i(d,u,a,n);export{d as NavBody,f as default};

package/dist/components/NavFooter.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/NavFooter.d.ts
 declare const NavFooter = "ax-nav-footer";
 type NavFooterProps = 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/NavFooter.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{Vt as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Group-wqJPiiS3.js";import{n as s}from"../SidebarContext-B78Z3KPQ.js";t();const c=e(({children:e,...t},n)=>{let{spacing:i}=s(`@optiaxiom/react/NavFooter`);return r(o,{flexDirection:`column`,gap:`8`,mt:`auto`,overflowX:`hidden`,px:i,py:`8`,ref:n,...t,children:e})});c.displayName=`@optiaxiom/react/NavFooter`;const l=`ax-nav-footer`;var u=i(l,c,a,n);export{l as NavFooter,u as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{Vt as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Group-7td2Uy4I.js";import{n as s}from"../SidebarContext-CdbXT8xl.js";t();const c=e(({children:e,...t},n)=>{let{spacing:i}=s(`@optiaxiom/react/NavFooter`);return r(o,{flexDirection:`column`,gap:`8`,mt:`auto`,overflowX:`hidden`,px:i,py:`8`,ref:n,...t,children:e})});c.displayName=`@optiaxiom/react/NavFooter`;const l=`ax-nav-footer`;var u=i(l,c,a,n);export{l as NavFooter,u as default};

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

package/dist/components/NavGroup.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{Ut as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Group-wqJPiiS3.js";import{t as s}from"../dist-DaIqmYGf.js";import{t as c}from"../Disclosure-CgEvw4Xa.js";import{t as l}from"../NavGroupContext-Cwdd2sJj.js";t();const u=e(({children:e,collapsible:t,defaultOpen:n=!0,onOpenChange:i,open:a,...u},d)=>{let f=s();return r(o,{asChild:!0,flexDirection:`column`,gap:`16`,children:r(`li`,{children:r(l,{collapsible:t,id:f,children:r(c,{alignItems:`stretch`,"aria-labelledby":u[`aria-label`]?void 0:f,defaultOpen:!0,display:`flex`,flexDirection:`column`,ref:d,role:`group`,...t&&{defaultOpen:n,onOpenChange:i,open:a},...u,children:e})})})})});u.displayName=`@optiaxiom/react/NavGroup`;const d=`ax-nav-group`;var f=i(d,u,a,n);export{d as NavGroup,f as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{Ut as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Group-7td2Uy4I.js";import{t as s}from"../dist-CZh7xvrW.js";import{t as c}from"../Disclosure-TuQdfsD3.js";import{t as l}from"../NavGroupContext-GGv9lF29.js";t();const u=e(({children:e,collapsible:t,defaultOpen:n=!0,onOpenChange:i,open:a,...u},d)=>{let f=s();return r(o,{asChild:!0,flexDirection:`column`,gap:`16`,children:r(`li`,{children:r(l,{collapsible:t,id:f,children:r(c,{alignItems:`stretch`,"aria-labelledby":u[`aria-label`]?void 0:f,defaultOpen:!0,display:`flex`,flexDirection:`column`,ref:d,role:`group`,...t&&{defaultOpen:n,onOpenChange:i,open:a},...u,children:e})})})})});u.displayName=`@optiaxiom/react/NavGroup`;const d=`ax-nav-group`;var f=i(d,u,a,n);export{d as NavGroup,f as default};

package/dist/components/NavGroupContent.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/NavGroupContent.d.ts
 declare const NavGroupContent = "ax-nav-group-content";
 type NavGroupContentProps = 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/NavGroupContent.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{Ht as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../DisclosureContent-CkckdEKy.js";t();const s=e(({children:e,...t},n)=>r(o,{asChild:!0,"data-transition-scale":!0,display:`flex`,flexDirection:`column`,gap:`4`,pb:`0`,pt:`0`,...t,children:r(`ul`,{ref:n,children:e})}));s.displayName=`@optiaxiom/react/NavGroupContent`;const c=`ax-nav-group-content`;var l=i(c,s,a,n);export{c as NavGroupContent,l as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{Ht as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../DisclosureContent-C1VBnNyV.js";t();const s=e(({children:e,...t},n)=>r(o,{asChild:!0,"data-transition-scale":!0,display:`flex`,flexDirection:`column`,gap:`4`,pb:`0`,pt:`0`,...t,children:r(`ul`,{ref:n,children:e})}));s.displayName=`@optiaxiom/react/NavGroupContent`;const c=`ax-nav-group-content`;var l=i(c,s,a,n);export{c as NavGroupContent,l as default};

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

package/dist/components/NavGroupTrigger.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{Wt as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Box-CWv2x03U.js";import{t as s}from"../Text-CebClX-o.js";import{t as c}from"../DisclosureTrigger-DUSIOt6i.js";import{n as l}from"../NavGroupContext-Cwdd2sJj.js";t();const u=e(({children:e,...t},n)=>{let{collapsible:i,id:a}=l(`@optiaxiom/react/NavGroupTrigger`);return i?r(c,{chevronPosition:`end`,color:`fg.tertiary`,fontSize:`sm`,h:`sm`,id:a,mb:`4`,mt:`8`,p:`0`,px:`12`,ref:n,w:`auto`,...t,children:r(s,{fontFamily:`mono`,textTransform:`uppercase`,children:e})}):r(o,{alignItems:`center`,color:`fg.tertiary`,display:`flex`,fontFamily:`mono`,fontSize:`sm`,h:`sm`,id:a,mb:`4`,mt:`8`,p:`0`,px:`12`,ref:n,textTransform:`uppercase`,w:`auto`,children:e})});u.displayName=`@optiaxiom/react/NavGroupTrigger`;const d=`ax-nav-group-trigger`;var f=i(d,u,a,n);export{d as NavGroupTrigger,f as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{Wt as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Box-BP7S1N6D.js";import{t as s}from"../Text-BCLAUcfC.js";import{t as c}from"../DisclosureTrigger-BGNx8Lzd.js";import{n as l}from"../NavGroupContext-GGv9lF29.js";t();const u=e(({children:e,...t},n)=>{let{collapsible:i,id:a}=l(`@optiaxiom/react/NavGroupTrigger`);return i?r(c,{chevronPosition:`end`,color:`fg.tertiary`,fontSize:`sm`,h:`sm`,id:a,mb:`4`,mt:`8`,p:`0`,px:`12`,ref:n,w:`auto`,...t,children:r(s,{fontFamily:`mono`,textTransform:`uppercase`,children:e})}):r(o,{alignItems:`center`,color:`fg.tertiary`,display:`flex`,fontFamily:`mono`,fontSize:`sm`,h:`sm`,id:a,mb:`4`,mt:`8`,p:`0`,px:`12`,ref:n,textTransform:`uppercase`,w:`auto`,children:e})});u.displayName=`@optiaxiom/react/NavGroupTrigger`;const d=`ax-nav-group-trigger`;var f=i(d,u,a,n);export{d as NavGroupTrigger,f as default};

package/dist/components/NavHeader.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/NavHeader.d.ts
 declare const NavHeader = "ax-nav-header";
 type NavHeaderProps = 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/NavHeader.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{Gt as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Group-wqJPiiS3.js";import{n as s}from"../SidebarContext-B78Z3KPQ.js";t();const c=e(({children:e,...t},n)=>{let{spacing:i}=s(`@optiaxiom/react/NavHeader`);return r(o,{flexDirection:`column`,gap:`16`,px:i,ref:n,...t,children:e})});c.displayName=`@optiaxiom/react/NavHeader`;const l=`ax-nav-header`;var u=i(l,c,a,n);export{l as NavHeader,u as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{Gt as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Group-7td2Uy4I.js";import{n as s}from"../SidebarContext-CdbXT8xl.js";t();const c=e(({children:e,...t},n)=>{let{spacing:i}=s(`@optiaxiom/react/NavHeader`);return r(o,{flexDirection:`column`,gap:`16`,px:i,ref:n,...t,children:e})});c.displayName=`@optiaxiom/react/NavHeader`;const l=`ax-nav-header`;var u=i(l,c,a,n);export{l as NavHeader,u as default};

package/dist/components/NavItem.d.ts

@@ -1,16 +1,15 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/NavItem.d.ts
 declare const NavItem = "ax-nav-item";
 type NavItemProps = BoxProps & {
-  "active"?: false | true;
+  "active"?: undefined | false | true;
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "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/NavItem.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{Kt as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../NavItem-VpX3JWZJ.js";const i=`ax-nav-item`;var a=t(i,r,n,e);export{i as NavItem,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"../NavItem-CRVDh-AX.js";const i=`ax-nav-item`;var a=t(i,r,n,e);export{i as NavItem,a as default};

package/dist/components/NavList.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/NavList.d.ts
 declare const NavList = "ax-nav-list";
 type NavListProps = 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/NavList.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{qt as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Box-CWv2x03U.js";t();const s=e(({children:e,...t},n)=>r(o,{asChild:!0,display:`flex`,flexDirection:`column`,gap:`4`,p:`0`,...t,children:r(`ul`,{ref:n,children:e})}));s.displayName=`@optiaxiom/react/NavList`;const c=`ax-nav-list`;var l=i(c,s,a,n);export{c as NavList,l as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{qt as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Box-BP7S1N6D.js";t();const s=e(({children:e,...t},n)=>r(o,{asChild:!0,display:`flex`,flexDirection:`column`,gap:`4`,p:`0`,...t,children:r(`ul`,{ref:n,children:e})}));s.displayName=`@optiaxiom/react/NavList`;const c=`ax-nav-list`;var l=i(c,s,a,n);export{c as NavList,l as default};

package/dist/components/NavSeparator.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/NavSeparator.d.ts
 declare const NavSeparator = "ax-nav-separator";
 type NavSeparatorProps = 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/NavSeparator.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{Yt as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Separator-DZ--y_Wu.js";t();const s=e((e,t)=>r(o,{flex:`none`,mx:`12`,my:`8`,ref:t,...e}));s.displayName=`@optiaxiom/react/NavSeparator`;const c=`ax-nav-separator`;var l=i(c,s,a,n);export{c as NavSeparator,l as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{Yt as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Separator-BAgRmkia.js";t();const s=e((e,t)=>r(o,{flex:`none`,mx:`12`,my:`8`,ref:t,...e}));s.displayName=`@optiaxiom/react/NavSeparator`;const c=`ax-nav-separator`;var l=i(c,s,a,n);export{c as NavSeparator,l as default};

package/dist/components/Pagination.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/Pagination.d.ts
 declare const Pagination = "ax-pagination";
 type PaginationProps = BoxProps & {
-  "defaultPage"?: number;
-  "default-page"?: number;
-  "disabled"?: false | true;
-  "onPageChange"?: (offset: number) => void;
-  "page"?: number;
+  "defaultPage"?: undefined | number;
+  "default-page"?: undefined | number;
+  "disabled"?: undefined | false | true;
+  "onPageChange"?: undefined | ((offset: number) => void);
+  "page"?: undefined | number;
   "total"?: number;
-  "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/Pagination.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{Xt as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Pagination-Cpi3dK4X.js";const i=`ax-pagination`;var a=t(i,r,n,e);export{i as Pagination,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Xt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Pagination-Chhd1I70.js";const i=`ax-pagination`;var a=t(i,r,n,e);export{i as Pagination,a as default};

package/dist/components/Paper.d.ts

@@ -1,13 +1,12 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Paper.d.ts
 declare const Paper = "ax-paper";
 type PaperProps = BoxProps & {
-  "elevation"?: "dialog" | "menu" | "screen";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "elevation"?: undefined | "dialog" | "menu" | "screen";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Paper.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{Zt as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Paper-RHWsLuCj.js";const i=`ax-paper`;var a=t(i,r,n,e);export{i as Paper,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Zt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Paper-C7_F3iHs.js";const i=`ax-paper`;var a=t(i,r,n,e);export{i as Paper,a as default};

package/dist/components/Popover.d.ts

@@ -1,14 +1,14 @@
+import "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Popover.d.ts
 declare const Popover = "ax-popover";
 type PopoverProps = {
-  "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/Popover.js

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

package/dist/components/PopoverAnchor.d.ts

@@ -1,12 +1,15 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/PopoverAnchor.d.ts
 declare const PopoverAnchor = "ax-popover-anchor";
 type PopoverAnchorProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "staticRef"?: undefined | RefObject<HTMLElement>;
+  "static-ref"?: undefined | RefObject<HTMLElement>;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "virtualRef"?: undefined | RefObject<Measurable>;
+  "virtual-ref"?: undefined | RefObject<Measurable>;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/PopoverAnchor.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{Qt as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../PopoverAnchor-Cwi-aDp_.js";const i=`ax-popover-anchor`;var a=t(i,r,n,e);export{i as PopoverAnchor,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Qt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../PopoverAnchor-CQUZ_-am.js";const i=`ax-popover-anchor`;var a=t(i,r,n,e);export{i as PopoverAnchor,a as default};

package/dist/components/PopoverContent.d.ts

@@ -2,28 +2,27 @@ 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/PopoverContent.d.ts
 declare const PopoverContent = "ax-popover-content";
 type PopoverContentProps = 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;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/PopoverContent.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{$t as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../PopoverContent-RTw1EAFU.js";const i=`ax-popover-content`;var a=t(i,r,n,e);export{i as PopoverContent,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"../PopoverContent-Cm33ldkw.js";const i=`ax-popover-content`;var a=t(i,r,n,e);export{i as PopoverContent,a as default};