@optiaxiom/web-components 0.8.5 → 0.8.7

package/dist/components/ListboxCheckboxItem.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 { a4 as ListboxCheckboxItem$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const ListboxCheckboxItem = "ax-listbox-checkbox-item";
 
-declare global {
+type ListboxCheckboxItemProps = 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 {
+      [ListboxCheckboxItem]: ListboxCheckboxItemProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [ListboxCheckboxItem]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof ListboxCheckboxItem$1>
-      >;
+      [ListboxCheckboxItem]: ListboxCheckboxItemProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { ListboxCheckboxItem };
+export { ListboxCheckboxItem, type ListboxCheckboxItemProps };

package/dist/components/ListboxCheckboxItem.js

@@ -1 +1 @@
-import{$ as a,u as o,r as c}from"../register-CXrvYTg0.js";import{e as n}from"../Checkbox-CZHCluFT.js";import{t as s}from"../Flex-CSKZnhNQ.js";import{o as d}from"../Icon-CIfPpmTP.js";import{s as x}from"../ListboxItem-BQFX9Dvz.js";import"../factory-BErXNamt.js";import"../ToggleInputHiddenInput-BQ5EaCXj.js";import"../Box-CcuCJrwq.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../recipeRuntime-DkvY0ny0.js";import"../ActionsRoot.css.ts.vanilla-Cq0dWayh-JyVHP8o6.js";import"../index-CURXWsRI.js";import"../index-wVTVRAen.js";import"../index-BK6fPfRZ.js";import"../index-q0aTvx7X.js";import"../index-BYnJ2ASg.js";import"../withIcon-CMwAXkw9.js";import"../Text-HKSR2xK9.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-C4L2PFYG.js";import"../fallbackSpan-CsEcXVoy.js";const i=a(({addonBefore:m,icon:r,...t},p)=>o(x,{addonBefore:o(s,{flexDirection:"row",gap:"8",children:[o(n,{checked:Boolean(t[t.role==="option"?"aria-selected":"aria-checked"]),pointerEvents:"none",tabIndex:-1}),m||(r?o(d,{asChild:!0,children:r}):null)]}),ref:p,...t}));i.displayName="@optiaxiom/react/ListboxCheckboxItem";const e="ax-listbox-checkbox-item";var l=c(e,i,{customEvents:[]});export{e as ListboxCheckboxItem,l as default};
+import{$ as a,u as o,r as c,c as s}from"../register-b54KUePW.js";import{a9 as n}from"../propTypes-BS0cSwu1.js";import{e as x}from"../Checkbox-D3TNP36j.js";import{t as d}from"../Flex-Cz5Cg9L6.js";import{o as l}from"../Icon-DGRlKqN4.js";import{s as b}from"../ListboxItem-DfKPIW8F.js";import"../ToggleInputHiddenInput-B01-iZIB.js";import"../Box-Cx5uG7vH.js";import"../index-D8fjhMLF.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";import"../ActionsRoot.css.ts.vanilla-Dfk5YZBS-DdVAPr7I.js";import"../index-BGEMjMk7.js";import"../index-DIUvH_Xd.js";import"../index-Ceax_uYU.js";import"../index-COx1pHSg.js";import"../index-CHzmDk7o.js";import"../withIcon-BIYs4Gcs.js";import"../Text-BcMMeoNg.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-DDCK5QCj.js";import"../fallbackSpan-DXInwL_2.js";const i=a(({addonBefore:m,icon:t,...r},p)=>o(b,{addonBefore:o(d,{flexDirection:"row",gap:"8",children:[o(x,{checked:Boolean(r[r.role==="option"?"aria-selected":"aria-checked"]),pointerEvents:"none",tabIndex:-1}),m||(t?o(l,{asChild:!0,children:t}):null)]}),ref:p,...r}));i.displayName="@optiaxiom/react/ListboxCheckboxItem";const e="ax-listbox-checkbox-item";var f=c(e,i,n,s);export{e as ListboxCheckboxItem,f as default};

package/dist/components/ListboxEmpty.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 { a5 as ListboxEmpty$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const ListboxEmpty = "ax-listbox-empty";
 
-declare global {
+type ListboxEmptyProps = BoxProps &  {
+  "asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [ListboxEmpty]: ListboxEmptyProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [ListboxEmpty]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof ListboxEmpty$1>
-      >;
+      [ListboxEmpty]: ListboxEmptyProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { ListboxEmpty };
+export { ListboxEmpty, type ListboxEmptyProps };

package/dist/components/ListboxEmpty.js

@@ -1 +1 @@
-import{$ as m,u as s,r as p}from"../register-CXrvYTg0.js";import{o as a}from"../Box-CcuCJrwq.js";import"../factory-BErXNamt.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../recipeRuntime-DkvY0ny0.js";const o=m(({children:i,...r},e)=>s(a,{alignItems:"center",color:"fg.disabled",display:"flex",flexDirection:"column",fontSize:"md",p:"16",ref:e,...r,children:i||"No options"}));o.displayName="@optiaxiom/react/ListboxEmpty";const t="ax-listbox-empty";var l=p(t,o,{customEvents:[]});export{t as ListboxEmpty,l as default};
+import{$ as s,u as e,r as p,c as a}from"../register-b54KUePW.js";import{aa as l}from"../propTypes-BS0cSwu1.js";import{o as n}from"../Box-Cx5uG7vH.js";import"../index-D8fjhMLF.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";const o=s(({children:i,...r},m)=>e(n,{alignItems:"center",color:"fg.disabled",display:"flex",flexDirection:"column",fontSize:"md",p:"16",ref:m,...r,children:i||"No options"}));o.displayName="@optiaxiom/react/ListboxEmpty";const t="ax-listbox-empty";var c=p(t,o,l,a);export{t as ListboxEmpty,c as default};

package/dist/components/ListboxFooter.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 { a6 as ListboxFooter$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const ListboxFooter = "ax-listbox-footer";
 
-declare global {
+type ListboxFooterProps = BoxProps &  {
+  "asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [ListboxFooter]: ListboxFooterProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [ListboxFooter]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof ListboxFooter$1>
-      >;
+      [ListboxFooter]: ListboxFooterProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { ListboxFooter };
+export { ListboxFooter, type ListboxFooterProps };

package/dist/components/ListboxFooter.js

@@ -1 +1 @@
-import{$ as s,u as p,r as a}from"../register-CXrvYTg0.js";import{t as m}from"../Flex-CSKZnhNQ.js";import"../factory-BErXNamt.js";import"../Box-CcuCJrwq.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../recipeRuntime-DkvY0ny0.js";const o=s(({children:t,...e},i)=>p(m,{borderColor:"border.secondary",borderT:"1",flexDirection:"row",gap:"16",justifyContent:"space-between",p:"12",ref:i,...e,children:t}));o.displayName="@optiaxiom/react/ListboxFooter";const r="ax-listbox-footer";var n=a(r,o,{customEvents:[]});export{r as ListboxFooter,n as default};
+import{$ as s,u as a,r as p,c as m}from"../register-b54KUePW.js";import{ab as n}from"../propTypes-BS0cSwu1.js";import{t as b}from"../Flex-Cz5Cg9L6.js";import"../Box-Cx5uG7vH.js";import"../index-D8fjhMLF.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";const o=s(({children:t,...e},i)=>a(b,{borderColor:"border.secondary",borderT:"1",flexDirection:"row",gap:"16",justifyContent:"space-between",p:"12",ref:i,...e,children:t}));o.displayName="@optiaxiom/react/ListboxFooter";const r="ax-listbox-footer";var c=p(r,o,n,m);export{r as ListboxFooter,c as default};

package/dist/components/ListboxGroup.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 { a7 as ListboxGroup$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const ListboxGroup = "ax-listbox-group";
 
-declare global {
+type ListboxGroupProps = BoxProps &  {
+  "asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [ListboxGroup]: ListboxGroupProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [ListboxGroup]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof ListboxGroup$1>
-      >;
+      [ListboxGroup]: ListboxGroupProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { ListboxGroup };
+export { ListboxGroup, type ListboxGroupProps };

package/dist/components/ListboxGroup.js

@@ -1 +1 @@
-import{$ as s,u as r,r as a}from"../register-CXrvYTg0.js";import{n as l}from"../index-CURXWsRI.js";import{o as n}from"../Box-CcuCJrwq.js";import{t as u}from"../ListboxGroupContext-CZn1WSIe.js";import"../factory-BErXNamt.js";import"../index-wVTVRAen.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../recipeRuntime-DkvY0ny0.js";import"../index-BYnJ2ASg.js";const t=s(({children:p,...m},e)=>{const o=l();return r(u,{id:o,children:r(n,{"aria-labelledby":o,ref:e,role:"group",...m,children:p})})});t.displayName="@optiaxiom/react/ListboxGroup";const i="ax-listbox-group";var c=a(i,t,{customEvents:[]});export{i as ListboxGroup,c as default};
+import{$ as a,u as r,r as e,c}from"../register-b54KUePW.js";import{ac as l}from"../propTypes-BS0cSwu1.js";import{n}from"../index-BGEMjMk7.js";import{o as u}from"../Box-Cx5uG7vH.js";import{t as x}from"../ListboxGroupContext-DjgnqFgB.js";import"../index-DIUvH_Xd.js";import"../index-D8fjhMLF.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";import"../index-CHzmDk7o.js";const t=a(({children:p,...m},s)=>{const o=n();return r(x,{id:o,children:r(u,{"aria-labelledby":o,ref:s,role:"group",...m,children:p})})});t.displayName="@optiaxiom/react/ListboxGroup";const i="ax-listbox-group";var b=e(i,t,l,c);export{i as ListboxGroup,b as default};

package/dist/components/ListboxItem.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 { a8 as ListboxItem$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const ListboxItem = "ax-listbox-item";
 
-declare global {
+type ListboxItemProps = BoxProps &  {
+  "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;
+"asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [ListboxItem]: ListboxItemProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [ListboxItem]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof ListboxItem$1>
-      >;
+      [ListboxItem]: ListboxItemProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { ListboxItem };
+export { ListboxItem, type ListboxItemProps };

package/dist/components/ListboxItem.js

@@ -1 +1 @@
-import{r as o}from"../register-CXrvYTg0.js";import{s as r}from"../ListboxItem-BQFX9Dvz.js";import"../factory-BErXNamt.js";import"../index-CURXWsRI.js";import"../index-wVTVRAen.js";import"../index-lblyEDnd.js";import"../Box-CcuCJrwq.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../recipeRuntime-DkvY0ny0.js";import"../Flex-CSKZnhNQ.js";import"../Icon-CIfPpmTP.js";import"../Text-HKSR2xK9.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-C4L2PFYG.js";import"../fallbackSpan-CsEcXVoy.js";const t="ax-listbox-item";var m=o(t,r,{customEvents:[]});export{t as ListboxItem,m as default};
+import{r as o,c as r}from"../register-b54KUePW.js";import{ad as m}from"../propTypes-BS0cSwu1.js";import{s as i}from"../ListboxItem-DfKPIW8F.js";import"../index-BGEMjMk7.js";import"../index-DIUvH_Xd.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"../Text-BcMMeoNg.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-DDCK5QCj.js";import"../fallbackSpan-DXInwL_2.js";const t="ax-listbox-item";var p=o(t,i,m,r);export{t as ListboxItem,p as default};

package/dist/components/ListboxItemIndicator.d.ts

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

package/dist/components/ListboxItemIndicator.js

@@ -1 +1 @@
-import{r as o}from"../register-CXrvYTg0.js";import{m as r}from"../ListboxItemIndicator-9V9b4-fD.js";import"../factory-BErXNamt.js";import"../Box-CcuCJrwq.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../recipeRuntime-DkvY0ny0.js";import"../withIcon-CMwAXkw9.js";const t="ax-listbox-item-indicator";var i=o(t,r,{customEvents:[]});export{t as ListboxItemIndicator,i as default};
+import{r as o,c as r}from"../register-b54KUePW.js";import{ae as i}from"../propTypes-BS0cSwu1.js";import{m}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"../withIcon-BIYs4Gcs.js";const t="ax-listbox-item-indicator";var a=o(t,m,i,r);export{t as ListboxItemIndicator,a as default};

package/dist/components/ListboxLabel.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 { aa as ListboxLabel$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const ListboxLabel = "ax-listbox-label";
 
-declare global {
+type ListboxLabelProps = BoxProps &  {
+  "asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [ListboxLabel]: ListboxLabelProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [ListboxLabel]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof ListboxLabel$1>
-      >;
+      [ListboxLabel]: ListboxLabelProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { ListboxLabel };
+export { ListboxLabel, type ListboxLabelProps };

package/dist/components/ListboxLabel.js

@@ -1 +1 @@
-import{$ as s,u as m,r as l}from"../register-CXrvYTg0.js";import{o as p}from"../Box-CcuCJrwq.js";import{e as b}from"../ListboxGroupContext-CZn1WSIe.js";import"../factory-BErXNamt.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../recipeRuntime-DkvY0ny0.js";import"../index-BYnJ2ASg.js";const o=s(({children:r,...i},e)=>{const{id:a}=b("ListboxLabel");return m(p,{color:"fg.tertiary",fontSize:"sm",id:a,p:"8",ref:e,...i,children:r})});o.displayName="@optiaxiom/react/ListboxLabel";const t="ax-listbox-label";var c=l(t,o,{customEvents:[]});export{t as ListboxLabel,c as default};
+import{$ as s,u as m,r as p,c as l}from"../register-b54KUePW.js";import{af as b}from"../propTypes-BS0cSwu1.js";import{o as L}from"../Box-Cx5uG7vH.js";import{e as c}from"../ListboxGroupContext-DjgnqFgB.js";import"../index-D8fjhMLF.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";import"../index-CHzmDk7o.js";const o=s(({children:t,...i},e)=>{const{id:a}=c("ListboxLabel");return m(L,{color:"fg.tertiary",fontSize:"sm",id:a,p:"8",ref:e,...i,children:t})});o.displayName="@optiaxiom/react/ListboxLabel";const r="ax-listbox-label";var f=p(r,o,b,l);export{r as ListboxLabel,f as default};

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-CSKZnhNQ.js";import{s as d}from"../ListboxItem-BQFX9Dvz.js";import{m as c}from"../ListboxItemIndicator-9V9b4-fD.js";import"../factory-BErXNamt.js";import"../Box-CcuCJrwq.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../recipeRuntime-DkvY0ny0.js";import"../index-CURXWsRI.js";import"../index-wVTVRAen.js";import"../Icon-CIfPpmTP.js";import"../Text-HKSR2xK9.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-CcuCJrwq.js";import"../factory-BErXNamt.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.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-BRCE2SSh.js";import"../factory-BErXNamt.js";import"../Separator-CuDvMF2o.js";import"../index-q0aTvx7X.js";import"../index-lblyEDnd.js";import"../Box-CcuCJrwq.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.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-DfILI54t.js";import"../factory-BErXNamt.js";import"../Flex-CSKZnhNQ.js";import"../Box-CcuCJrwq.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../recipeRuntime-DkvY0ny0.js";import"../Icon-CIfPpmTP.js";import"../ListboxItem-BQFX9Dvz.js";import"../index-CURXWsRI.js";import"../index-wVTVRAen.js";import"../Text-HKSR2xK9.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-C4L2PFYG.js";import"../fallbackSpan-CsEcXVoy.js";import"../Switch-DdsqD65Z.js";import"../ToggleInputHiddenInput-BQ5EaCXj.js";import"../ActionsRoot.css.ts.vanilla-Cq0dWayh-JyVHP8o6.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 n,u as r,T as t,r as p}from"../register-CXrvYTg0.js";import{p as u}from"../index-DOMkU18p.js";import{o as f,n as h}from"../Combination-1GJ0-b9I.js";import{f as y}from"../index-lblyEDnd.js";import"../factory-BErXNamt.js";import"../index-DXFJDeKK.js";import"../index-q0aTvx7X.js";import"../index-BvHNas55.js";const a=n(({asChild:d,children:i,...l},m)=>{let o=r(u,{asChild:d,ref:m,...l,children:i});const[c]=t(()=>document.body.dataset.scrollLocked);c&&(o=r(f,{allowPinchZoom:!0,as:y,children:o}));const[s]=t(()=>document.querySelector("[data-radix-focus-guard]"));return s&&(o=r(h,{children:o})),o});a.displayName="@optiaxiom/react/ModalLayer";const e="ax-modal-layer";var x=p(e,a,{customEvents:[]});export{e as ModalLayer,x 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};