@optiaxiom/web-components 0.8.5 → 0.8.7

package/dist/components/PopoverContent.js

@@ -1 +1 @@
-import{$ as u,u as o,r as f}from"../register-CXrvYTg0.js";import{s as h,c as v,p as g}from"../index-0jRFgTjV.js";import{r as C}from"../MenuListbox-CL8avlcb.js";import{t as P}from"../PopoverContext-BNFpuPre.js";import{m as w}from"../TransitionGroup-u4KtWxLW.js";import"../conditions-MIJg7YDH.js";import{e as O}from"../onReactSelectInputBlur-Ccsx5sdl.js";import{r}from"../theme-css-B61lyqMB.js";import"../factory-BErXNamt.js";import"../index-DXFJDeKK.js";import"../index-lblyEDnd.js";import"../index-BYnJ2ASg.js";import"../index-DOMkU18p.js";import"../index-q0aTvx7X.js";import"../index-BvHNas55.js";import"../Combination-1GJ0-b9I.js";import"../index-CepDNGR1.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"../Listbox-wfE2cNs2.js";import"../Box-CcuCJrwq.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../recipeRuntime-DkvY0ny0.js";import"../Paper-DnBOV260.js";import"../Transition-B_DSmgzB.js";import"../index-RxKnZQN0.js";const t=u(({align:i="start",children:n,sideOffset:p=2,withArrow:s,...m},c)=>{const{open:a,presence:d,setPresence:l}=P("PopoverContent");return o(w,{onPresenceChange:l,open:a,presence:d,children:o(h,{forceMount:!0,children:o(C,{asChild:!0,onBlur:O,p:"16",provider:"popover",...m,children:o(v,{align:i,ref:c,sideOffset:p,children:[n,s&&o(g,{asChild:!0,children:o("svg",{fill:r.colors["bg.default"],height:4,preserveAspectRatio:"none",stroke:r.colors["border.secondary"],viewBox:"0 0 30 10",width:8,children:[o("polygon",{points:"0,0 30,0 15,10"}),o("polyline",{points:"0,0 15,10 30,0",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2.5"})]})})]})})})})});t.displayName="@optiaxiom/react/PopoverContent";const e="ax-popover-content";var y=f(e,t,{customEvents:["onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","onOpenAutoFocus","onCloseAutoFocus"]});export{e as PopoverContent,y as default};
+import{$ as f,u as o,r as h,c as u}from"../register-b54KUePW.js";import{ax as v}from"../propTypes-BS0cSwu1.js";import{s as g,c as C,p as P}from"../index-ncmBP7py.js";import{r as x}from"../MenuListbox-B3Amegay.js";import{o as k}from"../ModalContext-N9pvaumq.js";import{t as w}from"../PopoverContext-C2ZT8Z0p.js";import{m as y}from"../TransitionGroup-BWut0hj4.js";import"../conditions-MIJg7YDH.js";import{e as $}from"../onReactSelectInputBlur-Ccsx5sdl.js";import{r}from"../theme-css-B61lyqMB.js";import"../index-DXFJDeKK.js";import"../index-D8fjhMLF.js";import"../index-CHzmDk7o.js";import"../index-0VYBJ9Rc.js";import"../index-COx1pHSg.js";import"../index-BX3RLjgR.js";import"../Combination-CNsT22n5.js";import"../index-BkJvGJS0.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"../Listbox-C5h3hR1m.js";import"../Box-Cx5uG7vH.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";import"../Paper-SOSZ3YPD.js";import"../Transition-L0MbUskW.js";import"../index-RxKnZQN0.js";const t=f(({align:i="start",children:p,sideOffset:n=2,withArrow:m,...s},a)=>{const{open:c,presence:l,setPresence:d}=w("PopoverContent");return o(y,{onPresenceChange:d,open:c,presence:l,children:o(g,{forceMount:!0,children:o(x,{asChild:!0,onBlur:$,p:"16",provider:"popover",...s,children:o(C,{align:i,ref:a,sideOffset:n,children:[o(k,{enabled:!0,children:p}),m&&o(P,{asChild:!0,children:o("svg",{fill:r.colors["bg.default"],height:4,preserveAspectRatio:"none",stroke:r.colors["border.secondary"],viewBox:"0 0 30 10",width:8,children:[o("polygon",{points:"0,0 30,0 15,10"}),o("polyline",{points:"0,0 15,10 30,0",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2.5"})]})})]})})})})});t.displayName="@optiaxiom/react/PopoverContent";const e="ax-popover-content";var b=h(e,t,v,u);export{e as PopoverContent,b as default};

package/dist/components/PopoverTrigger.d.ts

@@ -1,18 +1,43 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { ar as PopoverTrigger$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const PopoverTrigger = "ax-popover-trigger";
 
-declare global {
+type PopoverTriggerProps = BoxProps &  {
+  "hasCustomAnchor"?: false | true;
+"has-custom-anchor"?: false | true;
+"addonAfter"?: string | number | false | true;
+"addon-after"?: string;
+"addonBefore"?: string | number | false | true;
+"addon-before"?: string;
+"icon"?: string | number | false | true;
+"iconPosition"?: "end" | "start";
+"icon-position"?: "end" | "start";
+"size"?: "sm" | "md" | "lg";
+"disabled"?: false | true;
+"appearance"?: "default" | "subtle" | "inverse" | "danger" | "primary" | "danger-outline";
+"square"?: false | true;
+"loading"?: false | true;
+"asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [PopoverTrigger]: PopoverTriggerProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [PopoverTrigger]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof PopoverTrigger$1>
-      >;
+      [PopoverTrigger]: PopoverTriggerProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { PopoverTrigger };
+export { PopoverTrigger, type PopoverTriggerProps };

package/dist/components/PopoverTrigger.js

@@ -1 +1 @@
-import{$ as g,T as n,u as t,S as h,r as d}from"../register-CXrvYTg0.js";import{a as l}from"../index-0jRFgTjV.js";import{h as u}from"../Button-DBw0OtNL.js";import"../factory-BErXNamt.js";import"../index-DXFJDeKK.js";import"../index-lblyEDnd.js";import"../index-BYnJ2ASg.js";import"../index-DOMkU18p.js";import"../index-q0aTvx7X.js";import"../index-BvHNas55.js";import"../Combination-1GJ0-b9I.js";import"../index-CepDNGR1.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"../Box-CcuCJrwq.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../recipeRuntime-DkvY0ny0.js";import"../ActionsRoot.css.ts.vanilla-Cq0dWayh-JyVHP8o6.js";import"../Spinner-CqBg2ls0.js";import"../Flex-CSKZnhNQ.js";import"../Transition-B_DSmgzB.js";import"../TransitionGroup-u4KtWxLW.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-C4L2PFYG.js";import"../ButtonContext-BCRupyxa.js";import"../Icon-CIfPpmTP.js";import"../fallbackSpan-CsEcXVoy.js";const i=g(({asChild:m,children:o,hasCustomAnchor:e,...a},s)=>{const[r,c]=n(!e);return h(()=>{r||c(!0)},[r]),r&&t(l,{asChild:!0,ref:s,...a,children:m?o:t(u,{children:o})})});i.displayName="@optiaxiom/react/PopoverTrigger";const p="ax-popover-trigger";var v=d(p,i,{customEvents:[]});export{p as PopoverTrigger,v as default};
+import{$ as c,T as n,u as t,S as h,r as d,c as l}from"../register-b54KUePW.js";import{ay as f}from"../propTypes-BS0cSwu1.js";import{a as u}from"../index-ncmBP7py.js";import{h as v}from"../Button-BnBM-Uxg.js";import"../index-DXFJDeKK.js";import"../index-D8fjhMLF.js";import"../index-CHzmDk7o.js";import"../index-0VYBJ9Rc.js";import"../index-COx1pHSg.js";import"../index-BX3RLjgR.js";import"../Combination-CNsT22n5.js";import"../index-BkJvGJS0.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"../Box-Cx5uG7vH.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";import"../ActionsRoot.css.ts.vanilla-Dfk5YZBS-DdVAPr7I.js";import"../Spinner-DQNz5OzG.js";import"../Flex-Cz5Cg9L6.js";import"../Transition-L0MbUskW.js";import"../TransitionGroup-BWut0hj4.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-DDCK5QCj.js";import"../ButtonContext-DM7jH16l.js";import"../Icon-DGRlKqN4.js";import"../fallbackSpan-DXInwL_2.js";const i=c(({asChild:m,children:o,hasCustomAnchor:e,...a},s)=>{const[r,g]=n(!e);return h(()=>{r||g(!0)},[r]),r&&t(u,{asChild:!0,ref:s,...a,children:m?o:t(v,{children:o})})});i.displayName="@optiaxiom/react/PopoverTrigger";const p="ax-popover-trigger";var P=d(p,i,f,l);export{p as PopoverTrigger,P as default};

package/dist/components/Progress.d.ts

@@ -1,18 +1,34 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { as as Progress$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const Progress = "ax-progress";
 
-declare global {
+type ProgressProps = BoxProps &  {
+  "asChild"?: false | true;
+"as-child"?: false | true;
+"max"?: number;
+"value"?: number;
+"getValueLabel"?: (value: number, max: number) => string;
+"get-value-label"?: (value: number, max: number) => string;
+"intent"?: "success" | "danger" | "primary";
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [Progress]: ProgressProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [Progress]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof Progress$1>
-      >;
+      [Progress]: ProgressProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { Progress };
+export { Progress, type ProgressProps };

package/dist/components/Progress.js

@@ -1,6 +1,6 @@
-import{$ as m,u as s,i as w,r as q}from"../register-CXrvYTg0.js";import{l as C}from"../index-BYnJ2ASg.js";import{t as v}from"../index-q0aTvx7X.js";import{o as c}from"../Box-CcuCJrwq.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import{y as f}from"../recipeRuntime-DkvY0ny0.js";import"../factory-BErXNamt.js";import"../index-lblyEDnd.js";var d="Progress",p=100,[D,U]=C(d),[E,L]=D(d),g=m((a,e)=>{const{__scopeProgress:t,value:o=null,max:r,getValueLabel:u=M,...I}=a;(r||r===0)&&!y(r)&&console.error(S(`${r}`,"Progress"));const i=y(r)?r:p;o!==null&&!P(o,i)&&console.error(V(`${o}`,"Progress"));const n=P(o,i)?o:null,j=l(n)?u(n,i):void 0;return s(E,{scope:t,value:n,max:i,children:s(v.div,{"aria-valuemax":i,"aria-valuemin":0,"aria-valuenow":l(n)?n:void 0,"aria-valuetext":j,role:"progressbar","data-state":b(n,i),"data-value":n??void 0,"data-max":i,...I,ref:e})})});g.displayName=d;var x="ProgressIndicator",h=m((a,e)=>{const{__scopeProgress:t,...o}=a,r=L(x,t);return s(v.div,{"data-state":b(r.value,r.max),"data-value":r.value??void 0,"data-max":r.max,...o,ref:e})});h.displayName=x;function M(a,e){return`${Math.round(a/e*100)}%`}function b(a,e){return a==null?"indeterminate":a===e?"complete":"loading"}function l(a){return typeof a=="number"}function y(a){return l(a)&&!isNaN(a)&&a>0}function P(a,e){return l(a)&&!isNaN(a)&&a<=e&&a>=0}function S(a,e){return`Invalid prop \`max\` of value \`${a}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${p}\`.`}function V(a,e){return`Invalid prop \`value\` of value \`${a}\` supplied to \`${e}\`. The \`value\` prop must be:
+import{$ as m,u as i,i as C,r as D,c as L}from"../register-b54KUePW.js";import{az as M}from"../propTypes-BS0cSwu1.js";import{l as S}from"../index-CHzmDk7o.js";import{t as v}from"../index-COx1pHSg.js";import{o as c}from"../Box-Cx5uG7vH.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import{y as f}from"../recipeRuntime-DkvY0ny0.js";import"../index-D8fjhMLF.js";var p="Progress",d=100,[V,X]=S(p),[j,z]=V(p),g=m((a,e)=>{const{__scopeProgress:t,value:o=null,max:r,getValueLabel:u=A,...w}=a;(r||r===0)&&!y(r)&&console.error(E(`${r}`,"Progress"));const s=y(r)?r:d;o!==null&&!P(o,s)&&console.error(O(`${o}`,"Progress"));const n=P(o,s)?o:null,I=l(n)?u(n,s):void 0;return i(j,{scope:t,value:n,max:s,children:i(v.div,{"aria-valuemax":s,"aria-valuemin":0,"aria-valuenow":l(n)?n:void 0,"aria-valuetext":I,role:"progressbar","data-state":b(n,s),"data-value":n??void 0,"data-max":s,...w,ref:e})})});g.displayName=p;var h="ProgressIndicator",x=m((a,e)=>{const{__scopeProgress:t,...o}=a,r=z(h,t);return i(v.div,{"data-state":b(r.value,r.max),"data-value":r.value??void 0,"data-max":r.max,...o,ref:e})});x.displayName=h;function A(a,e){return`${Math.round(a/e*100)}%`}function b(a,e){return a==null?"indeterminate":a===e?"complete":"loading"}function l(a){return typeof a=="number"}function y(a){return l(a)&&!isNaN(a)&&a>0}function P(a,e){return l(a)&&!isNaN(a)&&a<=e&&a>=0}function E(a,e){return`Invalid prop \`max\` of value \`${a}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${d}\`.`}function O(a,e){return`Invalid prop \`value\` of value \`${a}\` supplied to \`${e}\`. The \`value\` prop must be:
   - a positive number
-  - less than the value passed to \`max\` (or ${p} if no \`max\` prop is set)
+  - less than the value passed to \`max\` (or ${d} if no \`max\` prop is set)
   - \`null\` or \`undefined\` if the progress is indeterminate.
 
-Defaulting to \`null\`.`}var A=g,O=h;w("@layer optiaxiom._1aaiej1;@layer optiaxiom._1aaiej1{._1423mqo{height:8px}}");var R=f({base:[{h:"full",transition:"all"}],variants:{intent:{danger:{bg:"bg.error"},primary:{bg:"bg.accent"},success:{bg:"bg.success"}}}}),T=f({base:[{bg:"bg.tertiary",overflow:"hidden",rounded:"full"},"_1423mqo"]});const N=m(({className:a,intent:e="primary",...t},o)=>{const r=(t.value??0)/(t.max??_)*100,u=typeof t.value<"u"&&t.value!==null&&t.value>=0&&t.value<=(t.max??_);return s(c,{asChild:!0,...T({},a),...t,children:s(A,{ref:o,children:u&&s(c,{asChild:!0,style:{width:`${r}%`},...R({intent:e}),children:s(O,{})})})})}),_=100;N.displayName="@optiaxiom/react/Progress";const $="ax-progress";var k=q($,N,{customEvents:[]});export{$ as Progress,k as default};
+Defaulting to \`null\`.`}var R=g,T=x;C("@layer optiaxiom._1bu6yhw;@layer optiaxiom._1bu6yhw{._2vftrh{height:8px}}");var k=f({base:[{h:"full",transition:"all"}],variants:{intent:{danger:{bg:"bg.error"},primary:{bg:"bg.accent"},success:{bg:"bg.success"}}}}),q=f({base:[{bg:"bg.tertiary",overflow:"hidden",rounded:"full"},"_2vftrh"]});const N=m(({className:a,intent:e="primary",...t},o)=>{const r=(t.value??0)/(t.max??_)*100,u=typeof t.value<"u"&&t.value!==null&&t.value>=0&&t.value<=(t.max??_);return i(c,{asChild:!0,...q({},a),...t,children:i(R,{ref:o,children:u&&i(c,{asChild:!0,style:{width:`${r}%`},...k({intent:e}),children:i(T,{})})})})}),_=100;N.displayName="@optiaxiom/react/Progress";const $="ax-progress";var B=D($,N,M,L);export{$ as Progress,B as default};

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

package/dist/components/Radio.js

@@ -1 +1 @@
-import{i as v,$ as b,u as e,r as x}from"../register-CXrvYTg0.js";import{i as w,o as y}from"../Box-CcuCJrwq.js";import{e as _}from"../RadioGroupContext-C2MazBib.js";import{t as g,c as R,b as k,o as C,a as B,e as j}from"../ToggleInputHiddenInput-BQ5EaCXj.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../ActionsRoot.css.ts.vanilla-Cq0dWayh-JyVHP8o6.js";import{y as s}from"../recipeRuntime-DkvY0ny0.js";import"../factory-BErXNamt.js";import"../index-lblyEDnd.js";import"../index-BYnJ2ASg.js";import"../index-CURXWsRI.js";import"../index-wVTVRAen.js";import"../Flex-CSKZnhNQ.js";import"../index-BK6fPfRZ.js";import"../index-q0aTvx7X.js";v("@layer optiaxiom._1aaiej1;@layer optiaxiom._1aaiej1{.y4dcfv{border-color:var(--_84e3sx)}._1n49hm1{background-color:var(--_84e3sx);transform:scale(0)}._19ec178:has(.xvy9cw:checked) ._1n49hm1{transform:scale(1)}}");var E=s({base:[{bg:"bg.default",border:"1",p:"2",rounded:"full",size:"2xs"},"y4dcfv"],variants:{shift:{false:{},true:{mt:"2"}}}}),z=s({base:[{rounded:"inherit",size:"full",transition:"transform"},"_1n49hm1"]}),G=s({base:"xvy9cw"}),N=s({base:"_19ec178"});const t=b(({children:r,className:n,description:i,disabled:l,name:c,onBlur:m,onChange:p,...a},u)=>{const{boxProps:h,restProps:f}=w(a),o=_("Radio");if(o){if("checked"in a)throw new Error("Cannot use `checked` prop when `Radio` is used within `RadioGroup`");if(a.value===void 0)throw new Error("Must use `value` prop when `Radio` is used within `RadioGroup`")}return e(j,{description:!!i,...N({},n),...h,children:[e(g,{checked:o?.value!==void 0?o.value===a.value:void 0,defaultChecked:o?.defaultValue!==void 0?o.defaultValue===a.value:void 0,disabled:o?.disabled??l,name:o?.name??c,onBlur:o?.onBlur??m,onChange:o?.onChange??p,ref:u,type:"radio",...G(),...f}),e(R,{...E({shift:Boolean(r)}),children:e(y,{...z()})}),(r||i)&&e(k,{children:[r&&e(C,{children:r}),i&&e(B,{children:i})]})]})});t.displayName="@optiaxiom/react/Radio";const d="ax-radio";var P=x(d,t,{customEvents:["onCheckedChange"]});export{d as Radio,P as default};
+import{i as b,$ as v,u as a,r as w,c as x}from"../register-b54KUePW.js";import{aA as _}from"../propTypes-BS0cSwu1.js";import{i as g,o as R}from"../Box-Cx5uG7vH.js";import{e as k}from"../RadioGroupContext-i0ypSc70.js";import{t as y,c as j,b as C,o as z,a as B,e as q}from"../ToggleInputHiddenInput-B01-iZIB.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../ActionsRoot.css.ts.vanilla-Dfk5YZBS-DdVAPr7I.js";import{y as s}from"../recipeRuntime-DkvY0ny0.js";import"../index-D8fjhMLF.js";import"../index-CHzmDk7o.js";import"../index-BGEMjMk7.js";import"../index-DIUvH_Xd.js";import"../Flex-Cz5Cg9L6.js";import"../index-Ceax_uYU.js";import"../index-COx1pHSg.js";b("@layer optiaxiom._1bu6yhw;@layer optiaxiom._1bu6yhw{.z7ofif{border-color:var(--_1pbvkjb)}._1xowxiq{background-color:var(--_1pbvkjb);transform:scale(0)}._1umom8r:has(._1agtj2o:checked) ._1xowxiq{transform:scale(1)}}");var P=s({base:[{bg:"bg.default",border:"1",p:"2",rounded:"full",size:"2xs"},"z7ofif"],variants:{shift:{false:{},true:{mt:"2"}}}}),E=s({base:[{rounded:"inherit",size:"full",transition:"transform"},"_1xowxiq"]}),G=s({base:"_1agtj2o"}),N=s({base:"_1umom8r"});const t=v(({children:e,className:n,description:i,disabled:l,name:m,onBlur:p,onChange:u,...r},c)=>{const{boxProps:f,restProps:h}=g(r),o=k("Radio");if(o){if("checked"in r)throw new Error("Cannot use `checked` prop when `Radio` is used within `RadioGroup`");if(r.value===void 0)throw new Error("Must use `value` prop when `Radio` is used within `RadioGroup`")}return a(q,{description:!!i,...N({},n),...f,children:[a(y,{checked:o?.value!==void 0?o.value===r.value:void 0,defaultChecked:o?.defaultValue!==void 0?o.defaultValue===r.value:void 0,disabled:o?.disabled??l,name:o?.name??m,onBlur:o?.onBlur??p,onChange:o?.onChange??u,ref:c,type:"radio",...G(),...h}),a(j,{...P({shift:Boolean(e)}),children:a(R,{...E()})}),(e||i)&&a(C,{children:[e&&a(z,{children:e}),i&&a(B,{children:i})]})]})});t.displayName="@optiaxiom/react/Radio";const d="ax-radio";var V=w(d,t,_,x);export{d as Radio,V as default};

package/dist/components/RadioGroup.d.ts

@@ -1,18 +1,37 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { au as RadioGroup$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const RadioGroup = "ax-radio-group";
 
-declare global {
+type RadioGroupProps = BoxProps &  {
+  "defaultValue"?: string;
+"default-value"?: string;
+"disabled"?: false | true;
+"name"?: string;
+"onBlur"?: any;
+"onChange"?: any;
+"onValueChange"?: any;
+"value"?: string;
+"asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [RadioGroup]: RadioGroupProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [RadioGroup]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof RadioGroup$1>
-      >;
+      [RadioGroup]: RadioGroupProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { RadioGroup };
+export { RadioGroup, type RadioGroupProps };

package/dist/components/RadioGroup.js

@@ -1 +1 @@
-import{$ as g,u as r,r as h}from"../register-CXrvYTg0.js";import{t as v}from"../Flex-CSKZnhNQ.js";import{t as x}from"../RadioGroupContext-C2MazBib.js";import{n as C}from"../Box-CcuCJrwq.js";import"../factory-BErXNamt.js";import"../index-BYnJ2ASg.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../recipeRuntime-DkvY0ny0.js";const G={column:"12","column-reverse":"12",row:"16","row-reverse":"16"},a=g(({children:t,defaultValue:i,disabled:l,flexDirection:e="column",name:m,onBlur:u,onChange:p,onValueChange:d,value:s,...c},f)=>r(x,{defaultValue:i,disabled:l,name:m,onBlur:u,onChange:o=>{p?.(o),d?.(o.target.value)},value:s,children:r(v,{flexDirection:e,gap:C(e,o=>G[o]),ref:f,...c,children:t})}));a.displayName="@optiaxiom/react/RadioGroup";const n="ax-radio-group";var V=h(n,a,{customEvents:["onBlur","onChange","onValueChange"]});export{n as RadioGroup,V as default};
+import{$ as g,u as e,r as h,c as v}from"../register-b54KUePW.js";import{aB as x}from"../propTypes-BS0cSwu1.js";import{t as G}from"../Flex-Cz5Cg9L6.js";import{t as R}from"../RadioGroupContext-i0ypSc70.js";import{n as B}from"../Box-Cx5uG7vH.js";import"../index-CHzmDk7o.js";import"../index-D8fjhMLF.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";const C={column:"12","column-reverse":"12",row:"16","row-reverse":"16"},a=g(({children:t,defaultValue:m,disabled:n,flexDirection:r="column",name:l,onBlur:p,onChange:u,onValueChange:d,value:s,...c},f)=>e(R,{defaultValue:m,disabled:n,name:l,onBlur:p,onChange:o=>{u?.(o),d?.(o.target.value)},value:s,children:e(G,{flexDirection:r,gap:B(r,o=>C[o]),ref:f,...c,children:t})}));a.displayName="@optiaxiom/react/RadioGroup";const i="ax-radio-group";var V=h(i,a,x,v);export{i as RadioGroup,V as default};

package/dist/components/SearchInput.d.ts

@@ -1,18 +1,42 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { av as SearchInput$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const SearchInput = "ax-search-input";
 
-declare global {
+type SearchInputProps = BoxProps &  {
+  "size"?: "md" | "lg" | "xl";
+"asChild"?: false | true;
+"as-child"?: false | true;
+"disabled"?: false | true;
+"appearance"?: "number" | "default";
+"addonAfter"?: string | number | false | true;
+"addon-after"?: string;
+"addonBefore"?: string | number | false | true;
+"addon-before"?: string;
+"error"?: false | true;
+"addonPointerEvents"?: "none" | "auto";
+"addon-pointer-events"?: "none" | "auto";
+"htmlSize"?: number;
+"html-size"?: number;
+"onValueClear"?: any;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [SearchInput]: SearchInputProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [SearchInput]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof SearchInput$1>
-      >;
+      [SearchInput]: SearchInputProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { SearchInput };
+export { SearchInput, type SearchInputProps };

package/dist/components/SearchInput.js

@@ -1 +1 @@
-import{u as o,D as y,i as C,$ as v,W as k,T as g,r as x}from"../register-CXrvYTg0.js";import{s as j}from"../index-lblyEDnd.js";import{h as L}from"../Button-DBw0OtNL.js";import{a as $}from"../withIcon-CMwAXkw9.js";import{l as w}from"../IconX-D8j9q4bB.js";import{l as I}from"../Input-Cur3SQ8A.js";import"../conditions-MIJg7YDH.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import{y as p}from"../recipeRuntime-DkvY0ny0.js";import"../factory-BErXNamt.js";import"../Box-CcuCJrwq.js";import"../ActionsRoot.css.ts.vanilla-Cq0dWayh-JyVHP8o6.js";import"../Spinner-CqBg2ls0.js";import"../Flex-CSKZnhNQ.js";import"../Transition-B_DSmgzB.js";import"../TransitionGroup-u4KtWxLW.js";import"../index-KVjnXpyZ.js";import"../index-BvHNas55.js";import"../decorateChildren-C4L2PFYG.js";import"../ButtonContext-BCRupyxa.js";import"../index-BYnJ2ASg.js";import"../Icon-CIfPpmTP.js";import"../fallbackSpan-CsEcXVoy.js";import"../InputAddon-B7df4MdB.js";import"../InputContext-0I1X73Wy.js";import"../InputControl-ChrwDJNg.js";import"../FieldContext-Du9GU0ye.js";import"../InputControl.css.ts.vanilla-Dvu280Ft-IkwjWiBe.js";import"../InputRoot-wqa0EDJL.js";import"../index-RxKnZQN0.js";const E=$({fill:"none",name:"IconMagnifyingGlass"},o(y,{children:[o("path",{d:"M8 13C11.3137 13 14 10.3137 14 7C14 3.68629 11.3137 1 8 1C4.68629 1 2 3.68629 2 7C2 10.3137 4.68629 13 8 13Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o("path",{d:"M16.5 15.5L12.5 11.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})]})),S=(r,e)=>{Object.getOwnPropertyDescriptor(r.constructor.prototype,"value")?.set?.call(r,e),r.dispatchEvent(new Event("change",{bubbles:!0}))};C("@layer optiaxiom._1aaiej1;@layer optiaxiom._1aaiej1{._1hbpcib:is(:not(:focus-within):not(:hover),:has(input:disabled)) .xnywmk{visibility:hidden}}");var _=p({base:[{size:"sm"},"xnywmk"]}),M=p({base:"_1hbpcib"});const m=v(({className:r,defaultValue:e="",onChange:l,onValueClear:c,value:a,...u},d)=>{const t=k(null),f=j(t,d),[h,b]=g(e),i=typeof a>"u"?h:a;return o(I,{addonAfter:i&&o(L,{appearance:"subtle","aria-label":"Clear",icon:i&&o(w,{}),onClick:()=>{t.current&&(S(t.current,""),t.current.focus(),c?.())},tabIndex:-1,..._()}),addonBefore:o(E,{}),addonPointerEvents:"none",autoComplete:"off",onChange:n=>{l?.(n),b(n.target.value)},ref:f,type:"search",value:i,...M({},r),...u})});m.displayName="@optiaxiom/react/SearchInput";const s="ax-search-input";var V=x(s,m,{customEvents:["onValueClear"]});export{s as SearchInput,V as default};
+import{u as r,D as b,i as C,$ as v,W as g,T as k,r as $,c as x}from"../register-b54KUePW.js";import{aC as I}from"../propTypes-BS0cSwu1.js";import{s as L}from"../index-D8fjhMLF.js";import{h as _}from"../Button-BnBM-Uxg.js";import{a as w}from"../withIcon-BIYs4Gcs.js";import{l as S}from"../IconX-CLF9PmDU.js";import{l as j}from"../Input-DaKbs8-O.js";import"../conditions-MIJg7YDH.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import{y as p}from"../recipeRuntime-DkvY0ny0.js";import"../Box-Cx5uG7vH.js";import"../ActionsRoot.css.ts.vanilla-Dfk5YZBS-DdVAPr7I.js";import"../Spinner-DQNz5OzG.js";import"../Flex-Cz5Cg9L6.js";import"../Transition-L0MbUskW.js";import"../TransitionGroup-BWut0hj4.js";import"../index-UVUhp3Uz.js";import"../index-BX3RLjgR.js";import"../decorateChildren-DDCK5QCj.js";import"../ButtonContext-DM7jH16l.js";import"../index-CHzmDk7o.js";import"../Icon-DGRlKqN4.js";import"../fallbackSpan-DXInwL_2.js";import"../InputAddon-ByOZ-JMl.js";import"../InputContext-B130-TrB.js";import"../InputControl-C76YVAjS.js";import"../FieldContext-CsSVvBWF.js";import"../InputControl.css.ts.vanilla-BTzKwlXr-BZKfV42b.js";import"../InputRoot-e0bYfs3I.js";import"../index-RxKnZQN0.js";const E=w({fill:"none",name:"IconMagnifyingGlass"},r(b,{children:[r("path",{d:"M8 13C11.3137 13 14 10.3137 14 7C14 3.68629 11.3137 1 8 1C4.68629 1 2 3.68629 2 7C2 10.3137 4.68629 13 8 13Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),r("path",{d:"M16.5 15.5L12.5 11.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})]})),M=(o,e)=>{Object.getOwnPropertyDescriptor(o.constructor.prototype,"value")?.set?.call(o,e),o.dispatchEvent(new Event("change",{bubbles:!0}))};C("@layer optiaxiom._1bu6yhw;@layer optiaxiom._1bu6yhw{._1sim26s:is(:not(:focus-within):not(:hover),:has(input:disabled)) ._1ra7yg8{visibility:hidden}}");var P=p({base:[{size:"sm"},"_1ra7yg8"]}),D=p({base:"_1sim26s"});const s=v(({className:o,defaultValue:e="",onChange:c,onValueClear:l,value:i,...u},d)=>{const t=g(null),f=L(t,d),[h,y]=k(e),a=typeof i>"u"?h:i;return r(j,{addonAfter:a&&r(_,{appearance:"subtle","aria-label":"Clear",icon:a&&r(S,{}),onClick:()=>{t.current&&(M(t.current,""),t.current.focus(),l?.())},tabIndex:-1,...P()}),addonBefore:r(E,{}),addonPointerEvents:"none",autoComplete:"off",onChange:n=>{c?.(n),y(n.target.value)},ref:f,type:"search",value:a,...D({},o),...u})});s.displayName="@optiaxiom/react/SearchInput";const m="ax-search-input";var N=$(m,s,I,x);export{m as SearchInput,N as default};

package/dist/components/SegmentedControl.d.ts

@@ -1,18 +1,40 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { aw as SegmentedControl$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const SegmentedControl = "ax-segmented-control";
 
-declare global {
+type SegmentedControlProps = BoxProps &  {
+  "type"?: "multiple" | "single";
+"asChild"?: false | true;
+"as-child"?: false | true;
+"disabled"?: false | true;
+"value"?: string | string[];
+"defaultValue"?: string | string[];
+"default-value"?: string | string[];
+"dir"?: "ltr" | "rtl";
+"loop"?: false | true;
+"orientation"?: "horizontal" | "vertical";
+"onValueChange"?: any;
+"rovingFocus"?: false | true;
+"roving-focus"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [SegmentedControl]: SegmentedControlProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [SegmentedControl]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof SegmentedControl$1>
-      >;
+      [SegmentedControl]: SegmentedControlProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { SegmentedControl };
+export { SegmentedControl, type SegmentedControlProps };

package/dist/components/SegmentedControl.js

@@ -1 +1 @@
-import{$ as n,u as t,r as a}from"../register-CXrvYTg0.js";import{k as l,t as s}from"../SegmentedControlContext-CbEGXQGT.js";import{t as d}from"../Flex-CSKZnhNQ.js";import"../factory-BErXNamt.js";import"../index-BYnJ2ASg.js";import"../index-q0aTvx7X.js";import"../index-lblyEDnd.js";import"../index-DV-wZSSZ.js";import"../index-DXFJDeKK.js";import"../index-BNicqkeG.js";import"../index-CURXWsRI.js";import"../index-wVTVRAen.js";import"../index-BvHNas55.js";import"../index-KVjnXpyZ.js";import"../index-Db2DXrmO.js";import"../Box-CcuCJrwq.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../recipeRuntime-DkvY0ny0.js";const r=n(({children:e,type:i="single",...m},p)=>t(d,{asChild:!0,flexDirection:"row",gap:"0",...m,children:t(l,{ref:p,type:i,children:t(s,{children:e})})}));r.displayName="@optiaxiom/react/SegmentedControl";const o="ax-segmented-control";var c=a(o,r,{customEvents:["onValueChange"]});export{o as SegmentedControl,c as default};
+import{$ as n,u as t,r as a,c as l}from"../register-b54KUePW.js";import{aD as s}from"../propTypes-BS0cSwu1.js";import{k as d,t as c}from"../SegmentedControlContext-D6sIDi2D.js";import{t as g}from"../Flex-Cz5Cg9L6.js";import"../index-CHzmDk7o.js";import"../index-COx1pHSg.js";import"../index-D8fjhMLF.js";import"../index-BG2PsQQa.js";import"../index-DXFJDeKK.js";import"../index-nSdOLOpB.js";import"../index-BGEMjMk7.js";import"../index-DIUvH_Xd.js";import"../index-BX3RLjgR.js";import"../index-UVUhp3Uz.js";import"../index-BkNgpX5Y.js";import"../Box-Cx5uG7vH.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";const o=n(({children:e,type:i="single",...m},p)=>t(g,{asChild:!0,flexDirection:"row",gap:"0",...m,children:t(d,{ref:p,type:i,children:t(c,{children:e})})}));o.displayName="@optiaxiom/react/SegmentedControl";const r="ax-segmented-control";var f=a(r,o,s,l);export{r as SegmentedControl,f as default};

package/dist/components/SegmentedControlItem.d.ts

@@ -1,18 +1,42 @@
+import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { C as ComponentAttributes } from '../PopoverContent-XMsYEAmD.d-D_T0fOOH.js';
-import { ax as SegmentedControlItem$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { BoxProps } from './Box.js';
+import '../types-BvBovt-9.js';
 
 declare const SegmentedControlItem = "ax-segmented-control-item";
 
-declare global {
+type SegmentedControlItemProps = BoxProps &  {
+  "addonAfter"?: string | number | false | true;
+"addon-after"?: string;
+"addonBefore"?: string | number | false | true;
+"addon-before"?: string;
+"icon"?: string | number | false | true;
+"iconPosition"?: "end" | "start";
+"icon-position"?: "end" | "start";
+"size"?: "sm" | "md" | "lg";
+"disabled"?: false | true;
+"appearance"?: "default" | "subtle" | "inverse" | "danger" | "primary" | "danger-outline";
+"square"?: false | true;
+"loading"?: false | true;
+"asChild"?: false | true;
+"as-child"?: false | true;
+"value"?: string;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [SegmentedControlItem]: SegmentedControlItemProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [SegmentedControlItem]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof SegmentedControlItem$1>
-      >;
+      [SegmentedControlItem]: SegmentedControlItemProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { SegmentedControlItem };
+export { SegmentedControlItem, type SegmentedControlItemProps };

package/dist/components/SegmentedControlItem.js

@@ -1 +1 @@
-import{$ as p,u as t,r as n}from"../register-CXrvYTg0.js";import{o as a,B as l}from"../SegmentedControlContext-CbEGXQGT.js";import{h as d}from"../Button-DBw0OtNL.js";import"../factory-BErXNamt.js";import"../index-BYnJ2ASg.js";import"../index-q0aTvx7X.js";import"../index-lblyEDnd.js";import"../index-DV-wZSSZ.js";import"../index-DXFJDeKK.js";import"../index-BNicqkeG.js";import"../index-CURXWsRI.js";import"../index-wVTVRAen.js";import"../index-BvHNas55.js";import"../index-KVjnXpyZ.js";import"../index-Db2DXrmO.js";import"../Box-CcuCJrwq.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../recipeRuntime-DkvY0ny0.js";import"../ActionsRoot.css.ts.vanilla-Cq0dWayh-JyVHP8o6.js";import"../Spinner-CqBg2ls0.js";import"../Flex-CSKZnhNQ.js";import"../Transition-B_DSmgzB.js";import"../TransitionGroup-u4KtWxLW.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-C4L2PFYG.js";import"../ButtonContext-BCRupyxa.js";import"../Icon-CIfPpmTP.js";import"../fallbackSpan-CsEcXVoy.js";const o=p(({children:m,...i},e)=>(a("SegmentedControlItem"),t(l,{appearance:"subtle",asChild:!0,ref:e,...i,children:t(d,{children:m})})));o.displayName="@optiaxiom/react/SegmentedControlItem";const r="ax-segmented-control-item";var s=n(r,o,{customEvents:[]});export{r as SegmentedControlItem,s as default};
+import{$ as p,u as t,r as n,c as a}from"../register-b54KUePW.js";import{aE as l}from"../propTypes-BS0cSwu1.js";import{o as s,B as d}from"../SegmentedControlContext-D6sIDi2D.js";import{h as c}from"../Button-BnBM-Uxg.js";import"../index-CHzmDk7o.js";import"../index-COx1pHSg.js";import"../index-D8fjhMLF.js";import"../index-BG2PsQQa.js";import"../index-DXFJDeKK.js";import"../index-nSdOLOpB.js";import"../index-BGEMjMk7.js";import"../index-DIUvH_Xd.js";import"../index-BX3RLjgR.js";import"../index-UVUhp3Uz.js";import"../index-BkNgpX5Y.js";import"../Box-Cx5uG7vH.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";import"../ActionsRoot.css.ts.vanilla-Dfk5YZBS-DdVAPr7I.js";import"../Spinner-DQNz5OzG.js";import"../Flex-Cz5Cg9L6.js";import"../Transition-L0MbUskW.js";import"../TransitionGroup-BWut0hj4.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-DDCK5QCj.js";import"../ButtonContext-DM7jH16l.js";import"../Icon-DGRlKqN4.js";import"../fallbackSpan-DXInwL_2.js";const o=p(({children:m,...e},i)=>(s("SegmentedControlItem"),t(d,{appearance:"subtle",asChild:!0,ref:i,...e,children:t(c,{children:m})})));o.displayName="@optiaxiom/react/SegmentedControlItem";const r="ax-segmented-control-item";var g=n(r,o,l,a);export{r as SegmentedControlItem,g as default};

package/dist/components/Separator.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 { ay as Separator$1 } from '../index.d-DvAmfUkz.js';
-import 'react/jsx-runtime';
+import { a as ResponsiveArray, R as ResponsiveObject } from '../types-BvBovt-9.js';
+import { BoxProps } from './Box.js';
 
 declare const Separator = "ax-separator";
 
-declare global {
+type SeparatorProps = BoxProps &  {
+  "orientation"?: "horizontal" | "vertical" | ResponsiveArray<"horizontal" | "vertical"> | ResponsiveObject<"horizontal" | "vertical">;
+"asChild"?: false | true;
+"as-child"?: false | true;
+"decorative"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [Separator]: SeparatorProps & JSXBase.HTMLAttributes;
+    }
+  }
+}
+
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [Separator]: ComponentAttributes<
-        ComponentPropsWithoutRef<typeof Separator$1>
-      >;
+      [Separator]: SeparatorProps & ComponentPropsWithoutRef<"div">;
     }
   }
 }
 
-export { Separator };
+export { Separator, type SeparatorProps };

package/dist/components/Separator.js

@@ -1 +1 @@
-import{r as o}from"../register-CXrvYTg0.js";import{o as t}from"../Separator-CuDvMF2o.js";import"../factory-BErXNamt.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-separator";var p=o(r,t,{customEvents:[]});export{r as Separator,p as default};
+import{r as o,c as t}from"../register-b54KUePW.js";import{aF as a}from"../propTypes-BS0cSwu1.js";import{o as p}from"../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 r="ax-separator";var m=o(r,p,a,t);export{r as Separator,m as default};

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

package/dist/components/Sidebar.js

@@ -1 +1 @@
-import{$ as l,u as r,r as f}from"../register-CXrvYTg0.js";import{n as c}from"../index-CURXWsRI.js";import{v as x}from"../index-KVjnXpyZ.js";import{o as h}from"../Box-CcuCJrwq.js";import{t as g}from"../SidebarContext-CN_2D__2.js";import"../factory-BErXNamt.js";import"../index-wVTVRAen.js";import"../index-BvHNas55.js";import"../index-lblyEDnd.js";import"../layers.css.ts.vanilla-DSlls5n2-C2JqJNSb.js";import"../recipeRuntime-DkvY0ny0.js";import"../index-BYnJ2ASg.js";const e=l(({children:a,defaultExpanded:t,expanded:n,onExpandedChange:p,...i},d)=>{const[m,s]=x({defaultProp:t,onChange:p,prop:n});return r(g,{expanded:m,navId:c(),onExpandedChange:s,spacing:"8",children:r(h,{alignItems:"stretch",display:"flex",gap:"0",h:"full",ref:d,...i,children:a})})});e.displayName="@optiaxiom/react/Sidebar";const o="ax-sidebar";var u=f(o,e,{customEvents:["onExpandedChange"]});export{o as Sidebar,u as default};
+import{$ as f,u as r,r as l,c}from"../register-b54KUePW.js";import{aG as x}from"../propTypes-BS0cSwu1.js";import{n as h}from"../index-BGEMjMk7.js";import{v as g}from"../index-UVUhp3Uz.js";import{o as u}from"../Box-Cx5uG7vH.js";import{t as b}from"../SidebarContext-QCnOxR0E.js";import"../index-DIUvH_Xd.js";import"../index-BX3RLjgR.js";import"../index-D8fjhMLF.js";import"../layers.css.ts.vanilla-BSdkAYOS-DSqExME7.js";import"../recipeRuntime-DkvY0ny0.js";import"../index-CHzmDk7o.js";const o=f(({children:e,defaultExpanded:p,expanded:t,onExpandedChange:i,...n},d)=>{const[m,s]=g({defaultProp:p,onChange:i,prop:t});return r(b,{expanded:m,navId:h(),onExpandedChange:s,spacing:"8",children:r(u,{alignItems:"stretch",display:"flex",gap:"0",h:"full",ref:d,...n,children:e})})});o.displayName="@optiaxiom/react/Sidebar";const a="ax-sidebar";var S=l(a,o,x,c);export{a as Sidebar,S as default};

package/dist/components/SidebarToggle.d.ts

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

package/dist/components/SidebarToggle.js

@@ -1 +1 @@
-import{$ as n,u as d,r as s}from"../register-CXrvYTg0.js";import{s as g}from"../NavItem-HbvofJoN.js";import{r as c}from"../SidebarContext-CN_2D__2.js";import"../factory-BErXNamt.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"../Tooltip-BWArrx-U.js";import"../TooltipContent-DIiYxdnZ.js";import"../index-DYmkxMm3.js";import"../index-DXFJDeKK.js";import"../index-BYnJ2ASg.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-B_DSmgzB.js";import"../TransitionGroup-u4KtWxLW.js";import"../theme-css-B61lyqMB.js";import"../TooltipRoot-B6-1cYu4.js";import"../TooltipTrigger-DBDxZWGt.js";import"../Button-DBw0OtNL.js";import"../ActionsRoot.css.ts.vanilla-Cq0dWayh-JyVHP8o6.js";import"../Spinner-CqBg2ls0.js";import"../conditions-MIJg7YDH.js";import"../index-RxKnZQN0.js";import"../decorateChildren-C4L2PFYG.js";import"../ButtonContext-BCRupyxa.js";import"../fallbackSpan-CsEcXVoy.js";const o=n(({"aria-label":t,children:p,...m},e)=>{const{expanded:r,navId:a,onExpandedChange:l}=c("SidebarToggle");return d(g,{"aria-controls":a,"aria-expanded":r?"true":"false","aria-label":t||(r?"Collapse":"Expand"),fontWeight:"400",onClick:()=>l(!r),ref:e,...m,children:p??"Collapse"})});o.displayName="@optiaxiom/react/SidebarToggle";const i="ax-sidebar-toggle";var b=s(i,o,{customEvents:[]});export{i as SidebarToggle,b as default};
+import{$ as n,u as d,r as s,c as g}from"../register-b54KUePW.js";import{aH as c}from"../propTypes-BS0cSwu1.js";import{s as b}from"../NavItem-CcLWuT1b.js";import{r as f}from"../SidebarContext-QCnOxR0E.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"../Tooltip-CEdisft1.js";import"../TooltipContent-BmDfwSoe.js";import"../index-Cs7lwrTM.js";import"../index-DXFJDeKK.js";import"../index-CHzmDk7o.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 o=n(({"aria-label":t,children:p,...m},a)=>{const{expanded:r,navId:e,onExpandedChange:l}=f("SidebarToggle");return d(b,{"aria-controls":e,"aria-expanded":r?"true":"false","aria-label":t||(r?"Collapse":"Expand"),fontWeight:"400",onClick:()=>l(!r),ref:a,...m,children:p??"Collapse"})});o.displayName="@optiaxiom/react/SidebarToggle";const i="ax-sidebar-toggle";var x=s(i,o,c,g);export{i as SidebarToggle,x as default};