@optiaxiom/web-components 0.8.6 → 0.8.7

package/dist/components/ListboxRadioItem.d.ts

@@ -1,18 +1,36 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { ab as ListboxRadioItem$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const ListboxRadioItem = "ax-listbox-radio-item";
 
-declare global {
+type ListboxRadioItemProps = BoxProps &  {
+  "asChild"?: false | true;
+"as-child"?: false | true;
+"description"?: string | number | false | true;
+"intent"?: "danger" | "neutral";
+"addonAfter"?: string | number | false | true;
+"addon-after"?: string;
+"addonBefore"?: string | number | false | true;
+"addon-before"?: string;
+"icon"?: string | number | false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [ListboxRadioItem]: ListboxRadioItemProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [ListboxRadioItem]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof ListboxRadioItem$1>
-      >;
+      [ListboxRadioItem]: ListboxRadioItemProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { ListboxRadioItem };
+export { ListboxRadioItem, type ListboxRadioItemProps };

package/dist/components/ListboxRadioItem.js

@@ -1 +1 @@
-import{$ as p,u as t,r as a}from"../register-CXrvYTg0.js";import{t as s}from"../Flex-b9ZLsPm-.js";import{s as d}from"../ListboxItem-DRBGuvSN.js";import{m as c}from"../ListboxItemIndicator-Oq4q8NSn.js";import"../factory-BErXNamt.js";import"../Box-BHP0qKRO.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-BSdkAYOS-C7JUhpTg.js";import"../recipeRuntime-DkvY0ny0.js";import"../index-CURXWsRI.js";import"../index-wVTVRAen.js";import"../Icon-Ce13qRKB.js";import"../Text-D7gfbOqr.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-C4L2PFYG.js";import"../fallbackSpan-CsEcXVoy.js";import"../withIcon-CMwAXkw9.js";const i=p(({addonAfter:m,...o},e)=>t(d,{addonAfter:t(s,{flexDirection:"row",gap:"8",children:[m,t(c,{active:Boolean(o[o.role==="option"?"aria-selected":"aria-checked"])})]}),ref:e,...o}));i.displayName="@optiaxiom/react/ListboxRadioItem";const r="ax-listbox-radio-item";var f=a(r,i,{customEvents:[]});export{r as ListboxRadioItem,f as default};
+import{$ as a,u as t,r as p,c as s}from"../register-b54KUePW.js";import{ag as d}from"../propTypes-BS0cSwu1.js";import{t as c}from"../Flex-Cz5Cg9L6.js";import{s as f}from"../ListboxItem-DfKPIW8F.js";import{m as n}from"../ListboxItemIndicator-BvDyYUKF.js";import"../Box-Cx5uG7vH.js";import"../index-D8fjhMLF.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";import"../index-BGEMjMk7.js";import"../index-DIUvH_Xd.js";import"../Icon-DGRlKqN4.js";import"../Text-BcMMeoNg.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-DDCK5QCj.js";import"../fallbackSpan-DXInwL_2.js";import"../withIcon-BIYs4Gcs.js";const i=a(({addonAfter:m,...o},e)=>t(f,{addonAfter:t(c,{flexDirection:"row",gap:"8",children:[m,t(n,{active:Boolean(o[o.role==="option"?"aria-selected":"aria-checked"])})]}),ref:e,...o}));i.displayName="@optiaxiom/react/ListboxRadioItem";const r="ax-listbox-radio-item";var x=p(r,i,d,s);export{r as ListboxRadioItem,x as default};

package/dist/components/ListboxScrollArea.d.ts

@@ -1,18 +1,29 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { ac as ListboxScrollArea$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const ListboxScrollArea = "ax-listbox-scroll-area";
 
-declare global {
+type ListboxScrollAreaProps = BoxProps &  {
+  "asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [ListboxScrollArea]: ListboxScrollAreaProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [ListboxScrollArea]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof ListboxScrollArea$1>
-      >;
+      [ListboxScrollArea]: ListboxScrollAreaProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { ListboxScrollArea };
+export { ListboxScrollArea, type ListboxScrollAreaProps };

package/dist/components/ListboxScrollArea.js

@@ -1 +1 @@
-import{$ as e,u as i,r as l}from"../register-CXrvYTg0.js";import{o as s}from"../Box-BHP0qKRO.js";import"../factory-BErXNamt.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-BSdkAYOS-C7JUhpTg.js";import"../recipeRuntime-DkvY0ny0.js";const o=e((t,a)=>i(s,{display:"flex",flex:"1",flexDirection:"column",gap:"2",overflow:"auto",ref:a,...t}));o.displayName="@optiaxiom/react/ListboxScrollArea";const r="ax-listbox-scroll-area";var m=l(r,o,{customEvents:[]});export{r as ListboxScrollArea,m as default};
+import{$ as l,u as e,r as i,c as s}from"../register-b54KUePW.js";import{ah as m}from"../propTypes-BS0cSwu1.js";import{o as p}from"../Box-Cx5uG7vH.js";import"../index-D8fjhMLF.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";const o=l((a,t)=>e(p,{display:"flex",flex:"1",flexDirection:"column",gap:"2",overflow:"auto",ref:t,...a}));o.displayName="@optiaxiom/react/ListboxScrollArea";const r="ax-listbox-scroll-area";var c=i(r,o,m,s);export{r as ListboxScrollArea,c as default};

package/dist/components/ListboxSeparator.d.ts

@@ -1,18 +1,31 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { ad as ListboxSeparator$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { R as ResponsiveObject, a as ResponsiveArray } from '../types-BvBovt-9.js';
+import { BoxProps } from './Box.js';
 
 declare const ListboxSeparator = "ax-listbox-separator";
 
-declare global {
+type ListboxSeparatorProps = BoxProps &  {
+  "asChild"?: false | true;
+"as-child"?: false | true;
+"orientation"?: "horizontal" | "vertical" | ResponsiveObject<"horizontal" | "vertical"> | ResponsiveArray<"horizontal" | "vertical">;
+"decorative"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [ListboxSeparator]: ListboxSeparatorProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [ListboxSeparator]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof ListboxSeparator$1>
-      >;
+      [ListboxSeparator]: ListboxSeparatorProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { ListboxSeparator };
+export { ListboxSeparator, type ListboxSeparatorProps };

package/dist/components/ListboxSeparator.js

@@ -1 +1 @@
-import{r as o}from"../register-CXrvYTg0.js";import{o as t}from"../ListboxSeparator-D2ytB1C4.js";import"../factory-BErXNamt.js";import"../Separator-pvH6TTda.js";import"../index-q0aTvx7X.js";import"../index-lblyEDnd.js";import"../Box-BHP0qKRO.js";import"../layers.css.ts.vanilla-BSdkAYOS-C7JUhpTg.js";import"../recipeRuntime-DkvY0ny0.js";const r="ax-listbox-separator";var i=o(r,t,{customEvents:[]});export{r as ListboxSeparator,i as default};
+import{r,c as t}from"../register-b54KUePW.js";import{ai as a}from"../propTypes-BS0cSwu1.js";import{o as p}from"../ListboxSeparator-vc499Usp.js";import"../Separator-DBWEXh3d.js";import"../index-COx1pHSg.js";import"../index-D8fjhMLF.js";import"../Box-Cx5uG7vH.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";const o="ax-listbox-separator";var i=r(o,p,a,t);export{o as ListboxSeparator,i as default};

package/dist/components/ListboxSwitchItem.d.ts

@@ -1,18 +1,36 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { ae as ListboxSwitchItem$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const ListboxSwitchItem = "ax-listbox-switch-item";
 
-declare global {
+type ListboxSwitchItemProps = BoxProps &  {
+  "asChild"?: false | true;
+"as-child"?: false | true;
+"description"?: string | number | false | true;
+"intent"?: "danger" | "neutral";
+"addonAfter"?: string | number | false | true;
+"addon-after"?: string;
+"addonBefore"?: string | number | false | true;
+"addon-before"?: string;
+"icon"?: string | number | false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [ListboxSwitchItem]: ListboxSwitchItemProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [ListboxSwitchItem]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof ListboxSwitchItem$1>
-      >;
+      [ListboxSwitchItem]: ListboxSwitchItemProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { ListboxSwitchItem };
+export { ListboxSwitchItem, type ListboxSwitchItemProps };

package/dist/components/ListboxSwitchItem.js

@@ -1 +1 @@
-import{r as i}from"../register-CXrvYTg0.js";import{i as o}from"../ListboxSwitchItem-e4VHAgVE.js";import"../factory-BErXNamt.js";import"../Flex-b9ZLsPm-.js";import"../Box-BHP0qKRO.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-BSdkAYOS-C7JUhpTg.js";import"../recipeRuntime-DkvY0ny0.js";import"../Icon-Ce13qRKB.js";import"../ListboxItem-DRBGuvSN.js";import"../index-CURXWsRI.js";import"../index-wVTVRAen.js";import"../Text-D7gfbOqr.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-C4L2PFYG.js";import"../fallbackSpan-CsEcXVoy.js";import"../Switch-DbAKn_GI.js";import"../ToggleInputHiddenInput-okRSUUyf.js";import"../ActionsRoot.css.ts.vanilla-Dfk5YZBS-V6zoDkoJ.js";import"../index-BK6fPfRZ.js";import"../index-q0aTvx7X.js";import"../index-BYnJ2ASg.js";const t="ax-listbox-switch-item";var r=i(t,o,{customEvents:[]});export{t as ListboxSwitchItem,r as default};
+import{r as o,c as i}from"../register-b54KUePW.js";import{aj as r}from"../propTypes-BS0cSwu1.js";import{i as m}from"../ListboxSwitchItem-BHiJ-yOB.js";import"../Flex-Cz5Cg9L6.js";import"../Box-Cx5uG7vH.js";import"../index-D8fjhMLF.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";import"../Icon-DGRlKqN4.js";import"../ListboxItem-DfKPIW8F.js";import"../index-BGEMjMk7.js";import"../index-DIUvH_Xd.js";import"../Text-BcMMeoNg.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-DDCK5QCj.js";import"../fallbackSpan-DXInwL_2.js";import"../Switch-Bg-tTl8l.js";import"../ToggleInputHiddenInput-B01-iZIB.js";import"../ActionsRoot.css.ts.vanilla-Dfk5YZBS-DdVAPr7I.js";import"../index-Ceax_uYU.js";import"../index-COx1pHSg.js";import"../index-CHzmDk7o.js";const t="ax-listbox-switch-item";var p=o(t,m,r,i);export{t as ListboxSwitchItem,p as default};

package/dist/components/ModalContextProvider.d.ts

@@ -0,0 +1,28 @@
+import { JSXBase } from '@stencil/core/internal';
+import { ComponentPropsWithoutRef } from 'react';
+import './Box.js';
+import '../types-BvBovt-9.js';
+
+declare const ModalContextProvider = "ax-modal-context-provider";
+
+type ModalContextProviderProps =  {
+  "enabled"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [ModalContextProvider]: ModalContextProviderProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [ModalContextProvider]: ModalContextProviderProps & ComponentPropsWithoutRef<"div">;
+    }
+  }
+}
+
+export { ModalContextProvider, type ModalContextProviderProps };

package/dist/components/ModalContextProvider.js

@@ -0,0 +1 @@
+import{r,c as t}from"../register-b54KUePW.js";import{ak as e}from"../propTypes-BS0cSwu1.js";import{o as a}from"../ModalContext-N9pvaumq.js";import"../index-CHzmDk7o.js";const o="ax-modal-context-provider";var d=r(o,a,e,t);export{o as ModalContextProvider,d as default};

package/dist/components/ModalLayer.d.ts

@@ -1,18 +1,29 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { af as ModalLayer$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const ModalLayer = "ax-modal-layer";
 
-declare global {
+type ModalLayerProps =  {
+  "asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [ModalLayer]: ModalLayerProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [ModalLayer]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof ModalLayer$1>
-      >;
+      [ModalLayer]: ModalLayerProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { ModalLayer };
+export { ModalLayer, type ModalLayerProps };

package/dist/components/ModalLayer.js

@@ -1 +1 @@
-import{$ as u,T as d,u as o,D as f,r as h}from"../register-CXrvYTg0.js";import{p as y}from"../index-DOMkU18p.js";import{o as L,n as x}from"../Combination-1GJ0-b9I.js";import{f as l}from"../index-lblyEDnd.js";import{t as M}from"../ModalContext-DB7OynAo.js";import"../factory-BErXNamt.js";import"../index-DXFJDeKK.js";import"../index-q0aTvx7X.js";import"../index-BvHNas55.js";import"../index-BYnJ2ASg.js";const m=u(({asChild:t,children:e,...a},i)=>{const{enabled:n}=M("ModalLayer"),[s]=d(()=>document.body.dataset.scrollLocked),[p]=d(()=>document.querySelector("[data-radix-focus-guard]"));if(!n)return t?o(l,{ref:i,...a,children:e}):o(f,{children:e});let r=o(y,{asChild:t,ref:i,...a,children:e});return s&&(r=o(L,{allowPinchZoom:!0,as:l,children:r})),p&&(r=o(x,{children:r})),r});m.displayName="@optiaxiom/react/ModalLayer";const c="ax-modal-layer";var $=h(c,m,{customEvents:[]});export{c as ModalLayer,$ as default};
+import{$ as f,T as i,u as o,D as u,r as h,c as y}from"../register-b54KUePW.js";import{al as L}from"../propTypes-BS0cSwu1.js";import{p as M}from"../index-0VYBJ9Rc.js";import{o as x,n as $}from"../Combination-CNsT22n5.js";import{f as l}from"../index-D8fjhMLF.js";import{t as b}from"../ModalContext-N9pvaumq.js";import"../index-DXFJDeKK.js";import"../index-COx1pHSg.js";import"../index-BX3RLjgR.js";import"../index-CHzmDk7o.js";const m=f(({asChild:e,children:a,...t},d)=>{const{enabled:n}=b("ModalLayer"),[s]=i(()=>document.body.dataset.scrollLocked),[p]=i(()=>document.querySelector("[data-radix-focus-guard]"));if(!n)return e?o(l,{ref:d,...t,children:a}):o(u,{children:a});let r=o(M,{asChild:e,ref:d,...t,children:a});return s&&(r=o(x,{allowPinchZoom:!0,as:l,children:r})),p&&(r=o($,{children:r})),r});m.displayName="@optiaxiom/react/ModalLayer";const c="ax-modal-layer";var g=h(c,m,L,y);export{c as ModalLayer,g as default};

package/dist/components/Nav.d.ts

@@ -1,18 +1,33 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { ag as Nav$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const Nav = "ax-nav";
 
-declare global {
+type NavProps = BoxProps &  {
+  "defaultExpanded"?: false | true;
+"default-expanded"?: false | true;
+"expanded"?: false | true;
+"onExpandedChange"?: any;
+"asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [Nav]: NavProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [Nav]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof Nav$1>
-      >;
+      [Nav]: NavProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { Nav };
+export { Nav, type NavProps };

package/dist/components/Nav.js

@@ -1 +1 @@
-import{i as p,$ as l,u as r,r as s}from"../register-CXrvYTg0.js";import{t as a}from"../Flex-b9ZLsPm-.js";import{r as h}from"../SidebarContext-CN_2D__2.js";import"../layers.css.ts.vanilla-BSdkAYOS-C7JUhpTg.js";import{y as v}from"../recipeRuntime-DkvY0ny0.js";import"../factory-BErXNamt.js";import"../Box-BHP0qKRO.js";import"../index-lblyEDnd.js";import"../index-BYnJ2ASg.js";p("@layer optiaxiom._1bu6yhw;@layer optiaxiom._1bu6yhw{._189hg5{transition:width var(--ax-duration-md) ease}}");var c=v({base:[{bg:"bg.default",flex:"1",gap:"0",overflow:"hidden",pb:"8",pt:"16"},"_189hg5"]});const e=l(({children:t,...i},d)=>{const{expanded:n,navId:m}=h("Nav");return r(a,{borderColor:"border.tertiary",borderR:"1",h:"full",ref:d,w:"fit",...i,children:r(a,{asChild:!0,id:m,w:n?"224":"56",...c(),children:r("nav",{"aria-label":"Main",children:t})})})});e.displayName="@optiaxiom/react/Nav";const o="ax-nav";var f=s(o,e,{customEvents:["onExpandedChange"]});export{o as Nav,f as default};
+import{i as n,$ as l,u as r,r as s,c}from"../register-b54KUePW.js";import{am as f}from"../propTypes-BS0cSwu1.js";import{t as a}from"../Flex-Cz5Cg9L6.js";import{r as h}from"../SidebarContext-QCnOxR0E.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import{y as v}from"../recipeRuntime-DkvY0ny0.js";import"../Box-Cx5uG7vH.js";import"../index-D8fjhMLF.js";import"../index-CHzmDk7o.js";n("@layer optiaxiom._1bu6yhw;@layer optiaxiom._1bu6yhw{._189hg5{transition:width var(--ax-duration-md) ease}}");var b=v({base:[{bg:"bg.default",flex:"1",gap:"0",overflow:"hidden",pb:"8",pt:"16"},"_189hg5"]});const o=l(({children:t,...e},m)=>{const{expanded:d,navId:p}=h("Nav");return r(a,{borderColor:"border.tertiary",borderR:"1",h:"full",ref:m,w:"fit",...e,children:r(a,{asChild:!0,id:p,w:d?"224":"56",...b(),children:r("nav",{"aria-label":"Main",children:t})})})});o.displayName="@optiaxiom/react/Nav";const i="ax-nav";var u=s(i,o,f,c);export{i as Nav,u as default};

package/dist/components/NavAccountItem.d.ts

@@ -1,18 +1,32 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { ah as NavAccountItem$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const NavAccountItem = "ax-nav-account-item";
 
-declare global {
+type NavAccountItemProps = BoxProps &  {
+  "name"?: string;
+"organization"?: string;
+"src"?: string;
+"asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [NavAccountItem]: NavAccountItemProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [NavAccountItem]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof NavAccountItem$1>
-      >;
+      [NavAccountItem]: NavAccountItemProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { NavAccountItem };
+export { NavAccountItem, type NavAccountItemProps };

package/dist/components/NavAccountItem.js

@@ -1 +1 @@
-import{i as d,$ as f,u as t,r as s}from"../register-CXrvYTg0.js";import{m as u}from"../Avatar-BdFbg-wY.js";import{o as h}from"../Box-BHP0qKRO.js";import{t as r}from"../Flex-b9ZLsPm-.js";import{n as x}from"../IconEllipsis-x0J3d0at.js";import{r as y}from"../SidebarContext-CN_2D__2.js";import{r as e}from"../Text-D7gfbOqr.js";import"../layers.css.ts.vanilla-BSdkAYOS-C7JUhpTg.js";import{y as v}from"../recipeRuntime-DkvY0ny0.js";import"../factory-BErXNamt.js";import"../index-BYnJ2ASg.js";import"../index-BvHNas55.js";import"../index-wVTVRAen.js";import"../index-q0aTvx7X.js";import"../index-lblyEDnd.js";import"../AvatarContext-6hiJcrh_.js";import"../withIcon-CMwAXkw9.js";import"../ActionsRoot.css.ts.vanilla-Dfk5YZBS-V6zoDkoJ.js";d("@layer optiaxiom._1bu6yhw;@layer optiaxiom._1bu6yhw{.cwt6xn{opacity:0}._1fdoxh7{opacity:1}}");var g=v({base:{flex:"1",flexDirection:"row",gap:"8",overflowX:"hidden",transition:"opacity"},variants:{expanded:{false:"cwt6xn",true:"_1fdoxh7"}}});const i=f(({name:o,organization:n,src:m,...c},p)=>{const{expanded:l}=y("NavAccountItem");return t(r,{asChild:!0,my:"8",children:t("li",{children:t(r,{asChild:!0,flexDirection:"row",gap:"8",p:"4",textAlign:"start",...c,children:t("button",{ref:p,children:[t(u,{"aria-hidden":!0,flex:"none",my:"2",name:o,rounded:"sm",src:m}),t(r,{...g({expanded:Boolean(l)}),children:[t(r,{flex:"1",gap:"0",overflowX:"hidden",children:[t(e,{color:"fg.default",fontWeight:"500",truncate:!0,children:o}),t(e,{color:"fg.tertiary",fontSize:"sm",truncate:!0,children:n})]}),t(h,{asChild:!0,children:t(x,{})})]})]})})})})});i.displayName="@optiaxiom/react/NavAccountItem";const a="ax-nav-account-item";var w=s(a,i,{customEvents:[]});export{a as NavAccountItem,w as default};
+import{i as d,$ as f,u as r,r as s,c as u}from"../register-b54KUePW.js";import{an as h}from"../propTypes-BS0cSwu1.js";import{m as x}from"../Avatar-DQIpdPwa.js";import{o as y}from"../Box-Cx5uG7vH.js";import{t}from"../Flex-Cz5Cg9L6.js";import{n as v}from"../IconEllipsis-Bo_Hf8U1.js";import{r as g}from"../SidebarContext-QCnOxR0E.js";import{r as e}from"../Text-BcMMeoNg.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import{y as w}from"../recipeRuntime-DkvY0ny0.js";import"../index-CHzmDk7o.js";import"../index-BX3RLjgR.js";import"../index-DIUvH_Xd.js";import"../index-COx1pHSg.js";import"../index-D8fjhMLF.js";import"../AvatarContext-BxJ3vaF8.js";import"../withIcon-BIYs4Gcs.js";import"../ActionsRoot.css.ts.vanilla-Dfk5YZBS-DdVAPr7I.js";d("@layer optiaxiom._1bu6yhw;@layer optiaxiom._1bu6yhw{.cwt6xn{opacity:0}._1fdoxh7{opacity:1}}");var A=w({base:{flex:"1",flexDirection:"row",gap:"8",overflowX:"hidden",transition:"opacity"},variants:{expanded:{false:"cwt6xn",true:"_1fdoxh7"}}});const i=f(({name:o,organization:n,src:m,...c},p)=>{const{expanded:l}=g("NavAccountItem");return r(t,{asChild:!0,my:"8",children:r("li",{children:r(t,{asChild:!0,flexDirection:"row",gap:"8",p:"4",textAlign:"start",...c,children:r("button",{ref:p,children:[r(x,{"aria-hidden":!0,flex:"none",my:"2",name:o,rounded:"sm",src:m}),r(t,{...A({expanded:Boolean(l)}),children:[r(t,{flex:"1",gap:"0",overflowX:"hidden",children:[r(e,{color:"fg.default",fontWeight:"500",truncate:!0,children:o}),r(e,{color:"fg.tertiary",fontSize:"sm",truncate:!0,children:n})]}),r(y,{asChild:!0,children:r(v,{})})]})]})})})})});i.displayName="@optiaxiom/react/NavAccountItem";const a="ax-nav-account-item";var N=s(a,i,h,u);export{a as NavAccountItem,N as default};

package/dist/components/NavBody.d.ts

@@ -1,18 +1,29 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { ai as NavBody$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const NavBody = "ax-nav-body";
 
-declare global {
+type NavBodyProps = BoxProps &  {
+  "asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [NavBody]: NavBodyProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [NavBody]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof NavBody$1>
-      >;
+      [NavBody]: NavBodyProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { NavBody };
+export { NavBody, type NavBodyProps };

package/dist/components/NavBody.js

@@ -1 +1 @@
-import{$ as m,u as n,r as s}from"../register-CXrvYTg0.js";import{t as f}from"../Flex-b9ZLsPm-.js";import{r as l}from"../SidebarContext-CN_2D__2.js";import"../layers.css.ts.vanilla-BSdkAYOS-C7JUhpTg.js";import{y as v}from"../recipeRuntime-DkvY0ny0.js";import"../factory-BErXNamt.js";import"../Box-BHP0qKRO.js";import"../index-lblyEDnd.js";import"../index-BYnJ2ASg.js";var c=v({base:[{flex:"1",gap:"4",justifyContent:"start",overflowX:"hidden",py:"8",w:"full"}],variants:{expanded:{false:{overflowY:"hidden"},true:{overflowY:"auto"}}}});const o=m(({children:a,className:t,...e},i)=>{const{expanded:d,spacing:p}=l("NavBody");return n(f,{px:p,ref:i,...c({expanded:d},t),...e,children:a})});o.displayName="@optiaxiom/react/NavBody";const r="ax-nav-body";var y=s(r,o,{customEvents:[]});export{r as NavBody,y as default};
+import{$ as s,u as m,r as n,c as f}from"../register-b54KUePW.js";import{ao as l}from"../propTypes-BS0cSwu1.js";import{t as v}from"../Flex-Cz5Cg9L6.js";import{r as c}from"../SidebarContext-QCnOxR0E.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import{y}from"../recipeRuntime-DkvY0ny0.js";import"../Box-Cx5uG7vH.js";import"../index-D8fjhMLF.js";import"../index-CHzmDk7o.js";var x=y({base:[{flex:"1",gap:"4",justifyContent:"start",overflowX:"hidden",py:"8",w:"full"}],variants:{expanded:{false:{overflowY:"hidden"},true:{overflowY:"auto"}}}});const o=s(({children:a,className:e,...t},i)=>{const{expanded:p,spacing:d}=c("NavBody");return m(v,{px:d,ref:i,...x({expanded:p},e),...t,children:a})});o.displayName="@optiaxiom/react/NavBody";const r="ax-nav-body";var u=n(r,o,l,f);export{r as NavBody,u as default};

package/dist/components/NavFooter.d.ts

@@ -1,18 +1,29 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { aj as NavFooter$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const NavFooter = "ax-nav-footer";
 
-declare global {
+type NavFooterProps = BoxProps &  {
+  "asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [NavFooter]: NavFooterProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [NavFooter]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof NavFooter$1>
-      >;
+      [NavFooter]: NavFooterProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { NavFooter };
+export { NavFooter, type NavFooterProps };

package/dist/components/NavFooter.js

@@ -1 +1 @@
-import{$ as m,u as p,r as n}from"../register-CXrvYTg0.js";import{t as s}from"../Flex-b9ZLsPm-.js";import{r as c}from"../SidebarContext-CN_2D__2.js";import"../factory-BErXNamt.js";import"../Box-BHP0qKRO.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-BSdkAYOS-C7JUhpTg.js";import"../recipeRuntime-DkvY0ny0.js";import"../index-BYnJ2ASg.js";const o=m(({children:t,...a},e)=>{const{spacing:i}=c("NavFooter");return p(s,{gap:"8",mt:"auto",overflowX:"hidden",px:i,py:"8",ref:e,...a,children:t})});o.displayName="@optiaxiom/react/NavFooter";const r="ax-nav-footer";var v=n(r,o,{customEvents:[]});export{r as NavFooter,v as default};
+import{$ as i,u as m,r as s,c as n}from"../register-b54KUePW.js";import{ap as c}from"../propTypes-BS0cSwu1.js";import{t as f}from"../Flex-Cz5Cg9L6.js";import{r as v}from"../SidebarContext-QCnOxR0E.js";import"../Box-Cx5uG7vH.js";import"../index-D8fjhMLF.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";import"../index-CHzmDk7o.js";const o=i(({children:t,...a},e)=>{const{spacing:p}=v("NavFooter");return m(f,{gap:"8",mt:"auto",overflowX:"hidden",px:p,py:"8",ref:e,...a,children:t})});o.displayName="@optiaxiom/react/NavFooter";const r="ax-nav-footer";var d=s(r,o,c,n);export{r as NavFooter,d as default};

package/dist/components/NavHeader.d.ts

@@ -1,18 +1,29 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { ak as NavHeader$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const NavHeader = "ax-nav-header";
 
-declare global {
+type NavHeaderProps = BoxProps &  {
+  "asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [NavHeader]: NavHeaderProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [NavHeader]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof NavHeader$1>
-      >;
+      [NavHeader]: NavHeaderProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { NavHeader };
+export { NavHeader, type NavHeaderProps };

package/dist/components/NavHeader.js

@@ -1 +1 @@
-import{$ as m,u as p,r as s}from"../register-CXrvYTg0.js";import{t as d}from"../Flex-b9ZLsPm-.js";import{r as n}from"../SidebarContext-CN_2D__2.js";import"../factory-BErXNamt.js";import"../Box-BHP0qKRO.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-BSdkAYOS-C7JUhpTg.js";import"../recipeRuntime-DkvY0ny0.js";import"../index-BYnJ2ASg.js";const r=m(({children:a,...e},o)=>{const{spacing:i}=n("NavHeader");return p(d,{px:i,ref:o,...e,children:a})});r.displayName="@optiaxiom/react/NavHeader";const t="ax-nav-header";var c=s(t,r,{customEvents:[]});export{t as NavHeader,c as default};
+import{$ as m,u as p,r as s,c as d}from"../register-b54KUePW.js";import{aq as n}from"../propTypes-BS0cSwu1.js";import{t as c}from"../Flex-Cz5Cg9L6.js";import{r as v}from"../SidebarContext-QCnOxR0E.js";import"../Box-Cx5uG7vH.js";import"../index-D8fjhMLF.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";import"../index-CHzmDk7o.js";const r=m(({children:e,...o},t)=>{const{spacing:i}=v("NavHeader");return p(c,{px:i,ref:t,...o,children:e})});r.displayName="@optiaxiom/react/NavHeader";const a="ax-nav-header";var f=s(a,r,n,d);export{a as NavHeader,f as default};

package/dist/components/NavItem.d.ts

@@ -1,18 +1,33 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { al as NavItem$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const NavItem = "ax-nav-item";
 
-declare global {
+type NavItemProps = BoxProps &  {
+  "active"?: false | true;
+"addonAfter"?: string | number | false | true;
+"addon-after"?: string;
+"icon"?: string | number | false | true;
+"asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [NavItem]: NavItemProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [NavItem]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof NavItem$1>
-      >;
+      [NavItem]: NavItemProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { NavItem };
+export { NavItem, type NavItemProps };

package/dist/components/NavItem.js

@@ -1 +1 @@
-import{r}from"../register-CXrvYTg0.js";import{s as m}from"../NavItem-BzWrkzjn.js";import"../factory-BErXNamt.js";import"../index-lblyEDnd.js";import"../Box-BHP0qKRO.js";import"../layers.css.ts.vanilla-BSdkAYOS-C7JUhpTg.js";import"../recipeRuntime-DkvY0ny0.js";import"../Flex-b9ZLsPm-.js";import"../Icon-Ce13qRKB.js";import"../SidebarContext-CN_2D__2.js";import"../index-BYnJ2ASg.js";import"../Text-D7gfbOqr.js";import"../Tooltip-CXe3Bh6Y.js";import"../TooltipContent-DNViuS_r.js";import"../index-DYmkxMm3.js";import"../index-DXFJDeKK.js";import"../index-DOMkU18p.js";import"../index-q0aTvx7X.js";import"../index-BvHNas55.js";import"../index-CURXWsRI.js";import"../index-wVTVRAen.js";import"../index-CrWzovFQ.js";import"../index-S4WFd4Dn.js";import"../index-CSr4MqOt.js";import"../index-KVjnXpyZ.js";import"../index-BK6fPfRZ.js";import"../TooltipContext-D8A9qKZJ.js";import"../Transition-DXc9OUar.js";import"../TransitionGroup-B8QHzhH1.js";import"../theme-css-B61lyqMB.js";import"../TooltipRoot-B6-1cYu4.js";import"../TooltipTrigger-DsJTCGGx.js";import"../Button-21RX8sP3.js";import"../ActionsRoot.css.ts.vanilla-Dfk5YZBS-V6zoDkoJ.js";import"../Spinner-CdSi0_hW.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-C4L2PFYG.js";import"../ButtonContext-BCRupyxa.js";import"../fallbackSpan-CsEcXVoy.js";const t="ax-nav-item";var o=r(t,m,{customEvents:[]});export{t as NavItem,o as default};
+import{r as t,c as m}from"../register-b54KUePW.js";import{ar as o}from"../propTypes-BS0cSwu1.js";import{s as p}from"../NavItem-CcLWuT1b.js";import"../index-D8fjhMLF.js";import"../Box-Cx5uG7vH.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";import"../Flex-Cz5Cg9L6.js";import"../Icon-DGRlKqN4.js";import"../SidebarContext-QCnOxR0E.js";import"../index-CHzmDk7o.js";import"../Text-BcMMeoNg.js";import"../Tooltip-CEdisft1.js";import"../TooltipContent-BmDfwSoe.js";import"../index-Cs7lwrTM.js";import"../index-DXFJDeKK.js";import"../index-0VYBJ9Rc.js";import"../index-COx1pHSg.js";import"../index-BX3RLjgR.js";import"../index-BGEMjMk7.js";import"../index-DIUvH_Xd.js";import"../index-CURB1Y5l.js";import"../index-Dt7QiBAn.js";import"../index-17s6MfzL.js";import"../index-UVUhp3Uz.js";import"../index-Ceax_uYU.js";import"../TooltipContext-CXuX4mY2.js";import"../Transition-L0MbUskW.js";import"../TransitionGroup-BWut0hj4.js";import"../theme-css-B61lyqMB.js";import"../TooltipRoot-fipHpFKP.js";import"../TooltipTrigger-B0PS4qaZ.js";import"../Button-BnBM-Uxg.js";import"../ActionsRoot.css.ts.vanilla-Dfk5YZBS-DdVAPr7I.js";import"../Spinner-DQNz5OzG.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-DDCK5QCj.js";import"../ButtonContext-DM7jH16l.js";import"../fallbackSpan-DXInwL_2.js";const r="ax-nav-item";var i=t(r,p,o,m);export{r as NavItem,i as default};

package/dist/components/NavList.d.ts

@@ -1,18 +1,29 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { am as NavList$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const NavList = "ax-nav-list";
 
-declare global {
+type NavListProps = BoxProps &  {
+  "asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [NavList]: NavListProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [NavList]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof NavList$1>
-      >;
+      [NavList]: NavListProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { NavList };
+export { NavList, type NavListProps };