@optiaxiom/web-components 3.0.7 → 3.2.0

package/dist/components/DropdownMenuSubContent.d.ts

@@ -3,18 +3,18 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/DropdownMenuSubContent.d.ts
-declare const DropdownMenuSubContent = "ax-dropdown-menu-sub-content";
-type DropdownMenuSubContentProps = BoxProps & {
-  "maxH"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "max-h"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "onEscapeKeyDown"?: undefined | ((event: KeyboardEvent) => void);
-  "onPointerDownOutside"?: undefined | ((event: PointerDownOutsideEvent) => void);
-  "onFocusOutside"?: undefined | ((event: FocusOutsideEvent) => void);
-  "onInteractOutside"?: undefined | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void);
-  "minW"?: undefined | "0" | "trigger";
-  "min-w"?: undefined | "0" | "trigger";
+export declare const DropdownMenuSubContent = "ax-dropdown-menu-sub-content";
+export type DropdownMenuSubContentProps = BoxProps & {
+  "maxH"?: "lg" | "md" | "sm" | "xs" | "full";
+  "max-h"?: "lg" | "md" | "sm" | "xs" | "full";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "onEscapeKeyDown"?: (event: KeyboardEvent) => void;
+  "onPointerDownOutside"?: (event: PointerDownOutsideEvent) => void;
+  "onFocusOutside"?: (event: FocusOutsideEvent) => void;
+  "onInteractOutside"?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+  "minW"?: "0" | "trigger";
+  "min-w"?: "0" | "trigger";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -30,5 +30,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { DropdownMenuSubContent, DropdownMenuSubContentProps };
+//#endregion

package/dist/components/DropdownMenuSubContent.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{ot as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../TransitionGroup-BcSstAOL.js";import{t as s}from"../Portal-DQR9I9LU.js";import{t as c}from"../ModalListbox-DU0MR1d-.js";import{l}from"../dist-D-A-sM-6.js";import{n as u}from"../DropdownMenuSubContext-SR_FIqOl.js";t();const d=e(({asChild:e,children:t,...n},i)=>{let{open:a,setPresence:d}=u(`@optiaxiom/react/DropdownMenuSubContent`);return r(o,{onPresenceChange:d,open:a,children:r(s,{asChild:!0,children:r(c,{asChild:!0,...n,children:r(l,{alignOffset:-4,asChild:e,ref:i,sideOffset:0,children:t})})})})});d.displayName=`@optiaxiom/react/DropdownMenuSubContent`;const f=`ax-dropdown-menu-sub-content`;var p=i(f,d,a,n);export{f as DropdownMenuSubContent,p as default};
+import{a as e,d as t,n,r,t as i}from"../register-DcSi2tvI.js";import{ot as a}from"../propTypes-ClbnBdm_.js";import{t as o}from"../TransitionGroup-DnMHLTfo.js";import{t as s}from"../Portal-BevNp75E.js";import{t as c}from"../ModalListbox-BTle2cIw.js";import{l}from"../dist-BnObtY2H.js";import{n as u}from"../DropdownMenuSubContext-DkmphqhI.js";t();const d=e(({asChild:e,children:t,...n},i)=>{let{open:a,setPresence:d}=u(`@optiaxiom/react/DropdownMenuSubContent`);return/* @__PURE__ */ r(o,{onPresenceChange:d,open:a,children:/* @__PURE__ */ r(s,{asChild:!0,children:/* @__PURE__ */ r(c,{asChild:!0,...n,children:/* @__PURE__ */ r(l,{alignOffset:-4,asChild:e,ref:i,sideOffset:0,children:t})})})})});d.displayName=`@optiaxiom/react/DropdownMenuSubContent`;const f=`ax-dropdown-menu-sub-content`;var p=i(f,d,a,n);export{f as DropdownMenuSubContent,p as default};

package/dist/components/DropdownMenuTrigger.d.ts

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

package/dist/components/DropdownMenuTrigger.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{ct as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../AngleMenuButton-CsOgQMe3.js";import{n as s}from"../DropdownMenuContext-Bv5WW4fQ.js";import{u as c}from"../dist-D-A-sM-6.js";t();const l=e(({asChild:e,children:t,...n},i)=>{let{open:a,presence:l}=s(`@optiaxiom/react/DropdownMenuTrigger`);return r(c,{"aria-expanded":a||l,asChild:!0,"data-state":a||l?`open`:`closed`,ref:i,...n,children:e?t:r(o,{children:t})})});l.displayName=`@optiaxiom/react/DropdownMenuTrigger`;const u=`ax-dropdown-menu-trigger`;var d=i(u,l,a,n);export{u as DropdownMenuTrigger,d as default};
+import{a as e,d as t,n,r,t as i}from"../register-DcSi2tvI.js";import{ct as a}from"../propTypes-ClbnBdm_.js";import{t as o}from"../AngleMenuButton-Dcbj5Jya.js";import{n as s}from"../DropdownMenuContext-D30l6jwm.js";import{u as c}from"../dist-BnObtY2H.js";t();const l=e(({asChild:e,children:t,...n},i)=>{let{open:a,presence:l}=s(`@optiaxiom/react/DropdownMenuTrigger`);return/* @__PURE__ */ r(c,{"aria-expanded":a||l,asChild:!0,"data-state":a||l?`open`:`closed`,ref:i,...n,children:e?t:/* @__PURE__ */ r(o,{children:t})})});l.displayName=`@optiaxiom/react/DropdownMenuTrigger`;const u=`ax-dropdown-menu-trigger`;var d=i(u,l,a,n);export{u as DropdownMenuTrigger,d as default};

package/dist/components/EllipsisMenuButton.d.ts

@@ -2,24 +2,24 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/EllipsisMenuButton.d.ts
-declare const EllipsisMenuButton = "ax-ellipsis-menu-button";
-type EllipsisMenuButtonProps = BoxProps & {
-  "size"?: undefined | "lg" | "md" | "sm";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
+export declare const EllipsisMenuButton = "ax-ellipsis-menu-button";
+export type EllipsisMenuButtonProps = BoxProps & {
+  "size"?: "lg" | "md" | "sm";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "loading"?: false | true;
+  "square"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -35,5 +35,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { EllipsisMenuButton, EllipsisMenuButtonProps };
+//#endregion

package/dist/components/EllipsisMenuButton.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{lt as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Button-DQ1XqlwG.js";import{t as s}from"../more_horiz-yXdzrqAz.js";t();const c=e(({children:e,...t},n)=>r(o,{icon:r(s,{}),iconPosition:`end`,ref:n,...t,children:e}));c.displayName=`@optiaxiom/react/EllipsisMenuButton`;const l=`ax-ellipsis-menu-button`;var u=i(l,c,a,n);export{l as EllipsisMenuButton,u as default};
+import{a as e,d as t,n,r,t as i}from"../register-DcSi2tvI.js";import{lt as a}from"../propTypes-ClbnBdm_.js";import{t as o}from"../Button-DOM2GyTM.js";import{t as s}from"../more_horiz-BnxaVOUs.js";t();const c=e(({children:e,...t},n)=>/* @__PURE__ */ r(o,{icon:/* @__PURE__ */ r(s,{}),iconPosition:`end`,ref:n,...t,children:e}));c.displayName=`@optiaxiom/react/EllipsisMenuButton`;const l=`ax-ellipsis-menu-button`;var u=i(l,c,a,n);export{l as EllipsisMenuButton,u as default};

package/dist/components/Field.d.ts

@@ -2,19 +2,19 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/Field.d.ts
-declare const Field = "ax-field";
-type FieldProps = BoxProps & {
-  "required"?: undefined | false | true;
+export declare const Field = "ax-field";
+export type FieldProps = BoxProps & {
+  "required"?: false | true;
   "info"?: string | number | false | true;
-  "inputId"?: undefined | string;
-  "input-id"?: undefined | string;
-  "labelId"?: undefined | string;
-  "label-id"?: undefined | string;
+  "inputId"?: string;
+  "input-id"?: string;
+  "labelId"?: string;
+  "label-id"?: string;
   "description"?: string | number | false | true;
   "error"?: string | number | false | true;
   "label"?: string | number | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -30,5 +30,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { Field, FieldProps };
+//#endregion

package/dist/components/Field.js

@@ -1 +1 @@
-import{_ as e,a as t,d as n,n as r,r as i,t as a,y as o}from"../register-DI_7juGg.js";import{dt as s}from"../propTypes-DvAE1OVW.js";import{t as c}from"../Box-BLJUMIbj.js";import{t as l}from"../Group-CNgPZJMY.js";import{t as u}from"../Text-C9OrQhMt.js";import{t as d}from"../useSurface-Du7EBG-f.js";import{t as f}from"../fallbackSpan-CFnvcYYi.js";import{t as p}from"../Button-DQ1XqlwG.js";import{t as m}from"../dist-CZh7xvrW.js";import{t as h}from"../Alert-D_U5SHPq.js";import{t as g}from"../warning-B_up58Or.js";import{t as _}from"../FieldLabel-C1dTmwNc.js";import{t as v}from"../useEvent-CXngOW4Z.js";import{t as y}from"../useSuggestions-DPNuLpUd.js";import{t as b}from"../FieldContext-DuEd_cV1.js";n();function x({...t}){let n=d(`property`),r=n?.suggestionPopover.registered,a=y(`property`,`message`),s=y(`property`,`value`),[c,f]=e(!1),m=v(n?.suggestionAlert.register??(()=>{}));o(()=>m(),[m]);let g=a?.[0],_=r?void 0:s?.find(e=>e.value!==n?.value),b=g??_;if(!b||!n)return null;let x=b.type===`message`?b.text:n.renderSuggestionValue?n.renderSuggestionValue(b.value):String(b.value),S=b.type===`value`?b.reason:void 0;return i(h,{intent:`opal`,onDismiss:()=>n.reject(b.id),...t,children:[i(u,{children:x}),S&&i(u,{color:`fg.secondary`,children:S}),i(l,{gap:`4`,children:i(p,{appearance:`primary-opal`,disabled:c,loading:c,onClick:async()=>{if(b.type===`message`&&b.tool){f(!0);try{await n.executeTool(b.tool.name,b.tool.parameters)}finally{f(!1)}}n.accept(b.id)},size:`sm`,children:`Accept`})})]})}x.displayName=`@optiaxiom/react/SuggestionAlert`,n();const S=t(({children:e,description:t,error:n,info:r,inputId:a,label:o,labelId:s,required:u,...d},p)=>{let h=m(a),v=m(),y=m(),S=m(s);return i(l,{flexDirection:`column`,gap:`4`,ref:p,...d,children:[o&&i(_,{info:r,inputId:h,labelId:S,required:u,children:o}),i(b,{descriptionId:t?v:void 0,error:!!n,errorId:n?y:void 0,inputId:h,labelId:o?S:void 0,children:e}),n&&n!==!0&&i(l,{alignItems:`start`,color:`fg.error`,fontSize:`sm`,gap:`4`,id:y,role:`alert`,children:[i(c,{asChild:!0,flex:`none`,size:`16`,children:i(g,{"aria-label":`Error`})}),n]}),t&&i(c,{asChild:!0,color:`fg.tertiary`,fontSize:`sm`,id:v,children:f(t)}),i(x,{})]})});S.displayName=`@optiaxiom/react/Field`;const C=`ax-field`;var w=a(C,S,s,r);export{C as Field,w as default};
+import{_ as e,a as t,d as n,n as r,r as i,t as a,y as o}from"../register-DcSi2tvI.js";import{dt as s}from"../propTypes-ClbnBdm_.js";import{t as c}from"../Box-BKiQ7uSE.js";import{t as l}from"../Group-B5i0wlSD.js";import{t as u}from"../Text-BvwIPbmK.js";import{t as d}from"../useSurface-CdthBe7F.js";import{t as f}from"../fallbackSpan-DYi9RBBK.js";import{t as p}from"../Button-DOM2GyTM.js";import{t as m}from"../dist-B_ewNSZX.js";import{t as h}from"../Alert-BsUWnZjt.js";import{t as g}from"../warning-e0oMqwTN.js";import{t as _}from"../FieldLabel-CupidGo3.js";import{t as v}from"../useEvent-qi9fV62T.js";import{t as y}from"../useSuggestions-C4tecKLy.js";import{t as b}from"../FieldContext-DeGw3EIx.js";n();function x({...t}){let n=d(`property`),r=n?.suggestionPopover.registered,a=y(`property`,`message`),s=y(`property`,`value`),[c,f]=e(!1),m=v(n?.suggestionAlert.register??(()=>{}));o(()=>m(),[m]);let g=a?.[0],_=r?void 0:s?.find(e=>e.value!==n?.value),b=g??_;if(!b||!n)return null;let x=b.type===`message`?b.text:n.renderSuggestionValue?n.renderSuggestionValue(b.value):String(b.value),S=b.type===`value`?b.reason:void 0;return/* @__PURE__ */ i(h,{intent:`opal`,onDismiss:()=>n.reject(b.id),...t,children:[/* @__PURE__ */ i(u,{children:x}),S&&/* @__PURE__ */ i(u,{color:`fg.secondary`,children:S}),/* @__PURE__ */ i(l,{gap:`4`,children:/* @__PURE__ */ i(p,{appearance:`primary-opal`,disabled:c,loading:c,onClick:async()=>{if(b.type===`message`&&b.tool){f(!0);try{await n.executeTool(b.tool.name,b.tool.parameters)}finally{f(!1)}}n.accept(b.id)},size:`sm`,children:`Accept`})})]})}x.displayName=`@optiaxiom/react/SuggestionAlert`,n();const S=t(({children:e,description:t,error:n,info:r,inputId:a,label:o,labelId:s,required:u,...d},p)=>{let h=m(a),v=m(),y=m(),S=m(s);return/* @__PURE__ */ i(l,{flexDirection:`column`,gap:`4`,ref:p,...d,children:[o&&/* @__PURE__ */ i(_,{info:r,inputId:h,labelId:S,required:u,children:o}),/* @__PURE__ */ i(b,{descriptionId:t?v:void 0,error:!!n,errorId:n?y:void 0,inputId:h,labelId:o?S:void 0,children:e}),n&&n!==!0&&/* @__PURE__ */ i(l,{alignItems:`start`,color:`fg.error`,fontSize:`sm`,gap:`4`,id:y,role:`alert`,children:[/* @__PURE__ */ i(c,{asChild:!0,flex:`none`,size:`16`,children:/* @__PURE__ */ i(g,{"aria-label":`Error`})}),n]}),t&&/* @__PURE__ */ i(c,{asChild:!0,color:`fg.tertiary`,fontSize:`sm`,id:v,children:f(t)}),/* @__PURE__ */ i(x,{})]})});S.displayName=`@optiaxiom/react/Field`;const C=`ax-field`;var w=a(C,S,s,r);export{C as Field,w as default};

package/dist/components/FieldLabel.d.ts

@@ -2,16 +2,16 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/FieldLabel.d.ts
-declare const FieldLabel = "ax-field-label";
-type FieldLabelProps = BoxProps & {
+export declare const FieldLabel = "ax-field-label";
+export type FieldLabelProps = BoxProps & {
   "info"?: string | number | false | true;
-  "inputId"?: undefined | string;
-  "input-id"?: undefined | string;
-  "labelId"?: undefined | string;
-  "label-id"?: undefined | string;
-  "required"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "inputId"?: string;
+  "input-id"?: string;
+  "labelId"?: string;
+  "label-id"?: string;
+  "required"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -27,5 +27,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { FieldLabel, FieldLabelProps };
+//#endregion

package/dist/components/FieldLabel.js

@@ -1 +1 @@
-import{n as e,t}from"../register-DI_7juGg.js";import{ut as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../FieldLabel-C1dTmwNc.js";const i=`ax-field-label`;var a=t(i,r,n,e);export{i as FieldLabel,a as default};
+import{n as e,t}from"../register-DcSi2tvI.js";import{ut as n}from"../propTypes-ClbnBdm_.js";import{t as r}from"../FieldLabel-CupidGo3.js";const i=`ax-field-label`;var a=t(i,r,n,e);export{i as FieldLabel,a as default};

package/dist/components/Flex.d.ts

@@ -2,10 +2,10 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/Flex.d.ts
-declare const Flex = "ax-flex";
-type FlexProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Flex = "ax-flex";
+export type FlexProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -21,5 +21,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { Flex, FlexProps };
+//#endregion

package/dist/components/Flex.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{ft as a}from"../propTypes-DvAE1OVW.js";import{a as o,t as s}from"../Box-BLJUMIbj.js";t();const c={column:`stretch`,"column-reverse":`stretch`,row:`center`,"row-reverse":`center`},l=e(({alignItems:e,display:t=`flex`,flexDirection:n=`column`,gap:i=`16`,...a},l)=>r(s,{alignItems:e??o(n,e=>c[e]),display:t,flexDirection:n,gap:i,ref:l,...a}));l.displayName=`@optiaxiom/react/Flex`;const u=`ax-flex`;var d=i(u,l,a,n);export{u as Flex,d as default};
+import{a as e,d as t,n,r,t as i}from"../register-DcSi2tvI.js";import{ft as a}from"../propTypes-ClbnBdm_.js";import{a as o,t as s}from"../Box-BKiQ7uSE.js";t();const c={column:`stretch`,"column-reverse":`stretch`,row:`center`,"row-reverse":`center`},l=e(({alignItems:e,display:t=`flex`,flexDirection:n=`column`,gap:i=`16`,...a},l)=>/* @__PURE__ */ r(s,{alignItems:e??o(n,e=>c[e]),display:t,flexDirection:n,gap:i,ref:l,...a}));l.displayName=`@optiaxiom/react/Flex`;const u=`ax-flex`;var d=i(u,l,a,n);export{u as Flex,d as default};

package/dist/components/Grid.d.ts

@@ -2,10 +2,10 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/Grid.d.ts
-declare const Grid = "ax-grid";
-type GridProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Grid = "ax-grid";
+export type GridProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -21,5 +21,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { Grid, GridProps };
+//#endregion

package/dist/components/Grid.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{pt as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Box-BLJUMIbj.js";t();const s=e(({display:e=`grid`,gap:t=`16`,gridTemplateColumns:n=`1`,...i},a)=>r(o,{display:e,gap:t,gridTemplateColumns:n,ref:a,...i}));s.displayName=`@optiaxiom/react/Grid`;const c=`ax-grid`;var l=i(c,s,a,n);export{c as Grid,l as default};
+import{a as e,d as t,n,r,t as i}from"../register-DcSi2tvI.js";import{pt as a}from"../propTypes-ClbnBdm_.js";import{t as o}from"../Box-BKiQ7uSE.js";t();const s=e(({display:e=`grid`,gap:t=`16`,gridTemplateColumns:n=`1`,...i},a)=>/* @__PURE__ */ r(o,{display:e,gap:t,gridTemplateColumns:n,ref:a,...i}));s.displayName=`@optiaxiom/react/Grid`;const c=`ax-grid`;var l=i(c,s,a,n);export{c as Grid,l as default};

package/dist/components/Group.d.ts

@@ -2,10 +2,10 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/Group.d.ts
-declare const Group = "ax-group";
-type GroupProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Group = "ax-group";
+export type GroupProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -21,5 +21,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { Group, GroupProps };
+//#endregion

package/dist/components/Group.js

@@ -1 +1 @@
-import{n as e,t}from"../register-DI_7juGg.js";import{mt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Group-CNgPZJMY.js";const i=`ax-group`;var a=t(i,r,n,e);export{i as Group,a as default};
+import{n as e,t}from"../register-DcSi2tvI.js";import{mt as n}from"../propTypes-ClbnBdm_.js";import{t as r}from"../Group-B5i0wlSD.js";const i=`ax-group`;var a=t(i,r,n,e);export{i as Group,a as default};

package/dist/components/Heading.d.ts

@@ -2,14 +2,14 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/Heading.d.ts
-declare const Heading = "ax-heading";
-type HeadingProps = BoxProps & {
-  "level"?: undefined | "1" | "2" | "4" | "3";
-  "lineClamp"?: undefined | "1" | "2" | "4" | "3";
-  "line-clamp"?: undefined | "1" | "2" | "4" | "3";
-  "truncate"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Heading = "ax-heading";
+export type HeadingProps = BoxProps & {
+  "level"?: "1" | "2" | "4" | "3";
+  "lineClamp"?: "1" | "2" | "4" | "3";
+  "line-clamp"?: "1" | "2" | "4" | "3";
+  "truncate"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -25,5 +25,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { Heading, HeadingProps };
+//#endregion

package/dist/components/Heading.js

@@ -1 +1 @@
-import{n as e,t}from"../register-DI_7juGg.js";import{ht as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Heading-DioOx9bg.js";const i=`ax-heading`;var a=t(i,r,n,e);export{i as Heading,a as default};
+import{n as e,t}from"../register-DcSi2tvI.js";import{ht as n}from"../propTypes-ClbnBdm_.js";import{t as r}from"../Heading-J__RO2v8.js";const i=`ax-heading`;var a=t(i,r,n,e);export{i as Heading,a as default};

package/dist/components/Indicator.d.ts

@@ -2,20 +2,20 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/Indicator.d.ts
-declare const Indicator = "ax-indicator";
-type IndicatorProps = BoxProps & {
+export declare const Indicator = "ax-indicator";
+export type IndicatorProps = BoxProps & {
   "content"?: string | number | false | true;
-  "disabled"?: undefined | false | true;
-  "offset"?: undefined | false | true;
-  "ping"?: undefined | false | true;
-  "position"?: undefined | "bottom-right" | "top-right";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "intent"?: undefined | "danger" | "neutral" | "information" | "primary" | "success" | "warning";
-  "lineClamp"?: undefined | "1" | "2" | "4" | "3";
-  "line-clamp"?: undefined | "1" | "2" | "4" | "3";
-  "truncate"?: undefined | false | true;
-  "variant"?: undefined | "strong" | "subtle";
+  "disabled"?: false | true;
+  "offset"?: false | true;
+  "ping"?: false | true;
+  "position"?: "bottom-right" | "top-right";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "intent"?: "danger" | "neutral" | "information" | "primary" | "success" | "warning";
+  "lineClamp"?: "1" | "2" | "4" | "3";
+  "line-clamp"?: "1" | "2" | "4" | "3";
+  "truncate"?: false | true;
+  "variant"?: "strong" | "subtle";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -31,5 +31,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { Indicator, IndicatorProps };
+//#endregion

package/dist/components/Indicator.js

@@ -1 +1 @@
-import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-DI_7juGg.js";import{gt as o}from"../propTypes-DvAE1OVW.js";import{t as s}from"../Box-BLJUMIbj.js";import"../layers.css.ts.vanilla-aCHm1GAF-B7j9vPYC.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{t as l}from"../dist-CEk1F5TU.js";import{t as u}from"../Group-CNgPZJMY.js";import{t as d}from"../Badge-ISxgbAF4.js";n(`@layer optiaxiom._118cs24;@layer optiaxiom._118cs24{.ezyep4{position:relative}.tbyi9e{--sknl7c:2px;--_5mn3xv:50%;position:absolute;right:var(--sknl7c)}.bkuec9{--sknl7c:0;--_5mn3xv:0}.nc4ui{bottom:var(--sknl7c);transform:translate(var(--_5mn3xv),var(--_5mn3xv))}._1cxulvy{top:var(--sknl7c);transform:translate(var(--_5mn3xv),calc(var(--_5mn3xv)*-1))}._8eimch{position:relative}._8eimch:empty{aspect-ratio:1}._1bzqhp6:not(:empty){min-width:16px}._1qhi42t{position:absolute}}`);var f=c({base:`_8eimch`,variants:{offset:{false:{px:`0`,py:`0`},true:[{px:`4`,py:`0`},`_1bzqhp6`]},ping:{false:{},true:[{animation:`ping`,color:`transparent`,pointerEvents:`none`},`_1qhi42t`]}}}),p=c({base:[{display:`inline-flex`,pointerEvents:`none`,z:`10`},`tbyi9e`],variants:{offset:{false:`bkuec9`,true:{}},position:{"bottom-right":`nc4ui`,"top-right":`_1cxulvy`}}}),m=c({base:[{display:`inline-flex`,flexDirection:`column`,gap:`16`},`ezyep4`]});t();const h=l(`@optiaxiom/react/Indicator`),g=e(({asChild:e,children:t,className:n,content:r,disabled:a,intent:o,offset:c=!0,ping:l,position:g=`top-right`,variant:_,...v},y)=>i(u,{ref:y,...m({},n),...v,children:[t,!a&&i(s,{...p({offset:c,position:g}),children:[l&&i(h,{"aria-hidden":`true`,...f({offset:c,ping:!0}),children:e?r:i(d,{intent:o,variant:_,children:r})}),i(h,{...f({offset:c}),children:e?r:i(d,{intent:o,variant:_,children:r})})]})]}));g.displayName=`@optiaxiom/react/Indicator`;const _=`ax-indicator`;var v=a(_,g,o,r);export{_ as Indicator,v as default};
+import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-DcSi2tvI.js";import{gt as o}from"../propTypes-ClbnBdm_.js";import{t as s}from"../Box-BKiQ7uSE.js";import"../layers.css.ts.vanilla-DD7saQYy-_i2NMAGU.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{t as l}from"../dist-DHiUKxD0.js";import{t as u}from"../Group-B5i0wlSD.js";import{t as d}from"../Badge-DF3yipDg.js";n(`@layer optiaxiom._1cgq1zr;@layer optiaxiom._1cgq1zr{._1acgzpi{position:relative}.m8lexj{--_7dasyr:calc(var(--ax-styles-scale)*0.125);--_186zk3j:50%;position:absolute;right:var(--_7dasyr)}._10kyhwd{--_7dasyr:0;--_186zk3j:0}.j6ezxm{bottom:var(--_7dasyr);transform:translate(var(--_186zk3j),var(--_186zk3j))}._21r128{top:var(--_7dasyr);transform:translate(var(--_186zk3j),calc(var(--_186zk3j)*-1))}._13ca5td{position:relative}._13ca5td:empty{aspect-ratio:1}._1vv2b49:not(:empty){min-width:calc(var(--ax-styles-scale)*1)}.yvpj01{position:absolute}}`);var f=c({base:`_13ca5td`,variants:{offset:{false:{px:`0`,py:`0`},true:[{px:`4`,py:`0`},`_1vv2b49`]},ping:{false:{},true:[{animation:`ping`,color:`transparent`,pointerEvents:`none`},`yvpj01`]}}}),p=c({base:[{display:`inline-flex`,pointerEvents:`none`,z:`10`},`m8lexj`],variants:{offset:{false:`_10kyhwd`,true:{}},position:{"bottom-right":`j6ezxm`,"top-right":`_21r128`}}}),m=c({base:[{display:`inline-flex`,flexDirection:`column`,gap:`16`},`_1acgzpi`]});t();const h=l(`@optiaxiom/react/Indicator`),g=e(({asChild:e,children:t,className:n,content:r,disabled:a,intent:o,offset:c=!0,ping:l,position:g=`top-right`,variant:_,...v},y)=>/* @__PURE__ */ i(u,{ref:y,...m({},n),...v,children:[t,!a&&/* @__PURE__ */ i(s,{...p({offset:c,position:g}),children:[l&&/* @__PURE__ */ i(h,{"aria-hidden":`true`,...f({offset:c,ping:!0}),children:e?r:/* @__PURE__ */ i(d,{intent:o,variant:_,children:r})}),/* @__PURE__ */ i(h,{...f({offset:c}),children:e?r:/* @__PURE__ */ i(d,{intent:o,variant:_,children:r})})]})]}));g.displayName=`@optiaxiom/react/Indicator`;const _=`ax-indicator`;var v=a(_,g,o,r);export{_ as Indicator,v as default};

package/dist/components/Input.d.ts

@@ -2,29 +2,29 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/Input.d.ts
-declare const Input = "ax-input";
-type InputProps = BoxProps & {
-  "addonPointerEvents"?: undefined | "auto" | "none";
-  "addon-pointer-events"?: undefined | "auto" | "none";
-  "appearance"?: undefined | "number" | "default";
-  "size"?: undefined | "lg" | "md" | "xl";
+export declare const Input = "ax-input";
+export type InputProps = BoxProps & {
+  "addonPointerEvents"?: "auto" | "none";
+  "addon-pointer-events"?: "auto" | "none";
+  "appearance"?: "number" | "default";
+  "size"?: "lg" | "md" | "xl";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "autoFocus"?: undefined | false | true;
-  "auto-focus"?: undefined | false | true;
-  "htmlSize"?: undefined | number;
-  "html-size"?: undefined | number;
-  "type"?: undefined | "number" | "color" | "hidden" | "text" | string & {} | "search" | "button" | "checkbox" | "radio" | "tel" | "url" | "email" | "date" | "time" | "image" | "datetime-local" | "file" | "month" | "password" | "range" | "reset" | "submit" | "week";
-  "name"?: undefined | string;
-  "onValueChange"?: undefined | ((value: string) => void);
-  "placeholder"?: undefined | string;
-  "disabled"?: undefined | false | true;
-  "required"?: undefined | false | true;
-  "error"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "autoFocus"?: false | true;
+  "auto-focus"?: false | true;
+  "htmlSize"?: number;
+  "html-size"?: number;
+  "type"?: "number" | "color" | "hidden" | "text" | string & {} | "search" | "button" | "checkbox" | "radio" | "tel" | "url" | "email" | "date" | "time" | "image" | "datetime-local" | "file" | "month" | "password" | "range" | "reset" | "submit" | "week";
+  "name"?: string;
+  "onValueChange"?: (value: string) => void;
+  "placeholder"?: string;
+  "disabled"?: false | true;
+  "required"?: false | true;
+  "error"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -40,5 +40,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { Input, InputProps };
+//#endregion

package/dist/components/Input.js

@@ -1 +1 @@
-import{n as e,t}from"../register-DI_7juGg.js";import{yt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Input-B7ta5TNb.js";const i=`ax-input`;var a=t(i,r,n,e);export{i as Input,a as default};
+import{n as e,t}from"../register-DcSi2tvI.js";import{yt as n}from"../propTypes-ClbnBdm_.js";import{t as r}from"../Input-B7Ake-pY.js";const i=`ax-input`;var a=t(i,r,n,e);export{i as Input,a as default};

package/dist/components/InputAddon.d.ts

@@ -2,10 +2,10 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/InputAddon.d.ts
-declare const InputAddon = "ax-input-addon";
-type InputAddonProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const InputAddon = "ax-input-addon";
+export type InputAddonProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -21,5 +21,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { InputAddon, InputAddonProps };
+//#endregion

package/dist/components/InputAddon.js

@@ -1 +1 @@
-import{n as e,t}from"../register-DI_7juGg.js";import{_t as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../InputAddon-Dnbs2laE.js";const i=`ax-input-addon`;var a=t(i,r,n,e);export{i as InputAddon,a as default};
+import{n as e,t}from"../register-DcSi2tvI.js";import{_t as n}from"../propTypes-ClbnBdm_.js";import{t as r}from"../InputAddon-BFrJNjPm.js";const i=`ax-input-addon`;var a=t(i,r,n,e);export{i as InputAddon,a as default};

package/dist/components/InputControl.d.ts

@@ -2,17 +2,17 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/InputControl.d.ts
-declare const InputControl = "ax-input-control";
-type InputControlProps = BoxProps & {
-  "size"?: undefined | "lg" | "md" | "xl";
-  "name"?: undefined | string;
-  "onValueChange"?: undefined | ((value: string) => void);
-  "placeholder"?: undefined | string;
-  "disabled"?: undefined | false | true;
-  "required"?: undefined | false | true;
-  "error"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const InputControl = "ax-input-control";
+export type InputControlProps = BoxProps & {
+  "size"?: "lg" | "md" | "xl";
+  "name"?: string;
+  "onValueChange"?: (value: string) => void;
+  "placeholder"?: string;
+  "disabled"?: false | true;
+  "required"?: false | true;
+  "error"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -28,5 +28,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { InputControl, InputControlProps };
+//#endregion

package/dist/components/InputControl.js

@@ -1 +1 @@
-import{n as e,t}from"../register-DI_7juGg.js";import{vt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../InputControl-BXB6G-ik.js";const i=`ax-input-control`;var a=t(i,r,n,e);export{i as InputControl,a as default};
+import{n as e,t}from"../register-DcSi2tvI.js";import{vt as n}from"../propTypes-ClbnBdm_.js";import{t as r}from"../InputControl-BgrklGEV.js";const i=`ax-input-control`;var a=t(i,r,n,e);export{i as InputControl,a as default};

package/dist/components/InputRoot.d.ts

@@ -2,12 +2,12 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/InputRoot.d.ts
-declare const InputRoot = "ax-input-root";
-type InputRootProps = BoxProps & {
-  "addonPointerEvents"?: undefined | "auto" | "none";
-  "addon-pointer-events"?: undefined | "auto" | "none";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const InputRoot = "ax-input-root";
+export type InputRootProps = BoxProps & {
+  "addonPointerEvents"?: "auto" | "none";
+  "addon-pointer-events"?: "auto" | "none";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -23,5 +23,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { InputRoot, InputRootProps };
+//#endregion

package/dist/components/InputRoot.js

@@ -1 +1 @@
-import{n as e,t}from"../register-DI_7juGg.js";import{bt as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../InputRoot-DaFdorLM.js";const i=`ax-input-root`;var a=t(i,r,n,e);export{i as InputRoot,a as default};
+import{n as e,t}from"../register-DcSi2tvI.js";import{bt as n}from"../propTypes-ClbnBdm_.js";import{t as r}from"../InputRoot-CX_nX9fb.js";const i=`ax-input-root`;var a=t(i,r,n,e);export{i as InputRoot,a as default};

package/dist/components/Kbd.d.ts

@@ -2,12 +2,12 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/Kbd.d.ts
-declare const Kbd = "ax-kbd";
-type KbdProps = BoxProps & {
-  "variant"?: undefined | "subtle" | "outline";
-  "modifiers"?: undefined | "alt" | "meta" | "shift" | "ctrl" | "mod" | (("alt" | "meta" | "shift" | "ctrl" | "mod")[]);
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const Kbd = "ax-kbd";
+export type KbdProps = BoxProps & {
+  "variant"?: "subtle" | "outline";
+  "modifiers"?: "alt" | "meta" | "shift" | "ctrl" | "mod" | (("alt" | "meta" | "shift" | "ctrl" | "mod")[]);
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -23,5 +23,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { Kbd, KbdProps };
+//#endregion

package/dist/components/Kbd.js

@@ -1 +1 @@
-import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-DI_7juGg.js";import{xt as o}from"../propTypes-DvAE1OVW.js";import{t as s}from"../Box-BLJUMIbj.js";import"../layers.css.ts.vanilla-aCHm1GAF-B7j9vPYC.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";n(`@layer optiaxiom._118cs24;@layer optiaxiom._118cs24{._1yizx6i{font-size:.8em;min-width:calc(1lh + 5px);padding:1px 5px}}`);var l=c({base:{color:`fg.secondary`,display:`inline-flex`,gap:`2`,whiteSpace:`nowrap`}}),u=c({base:{alignItems:`center`,display:`inline-flex`,fontFamily:`sans`,gap:`2`,justifyContent:`center`},variants:{variant:{outline:[{bg:`bg.secondary`,border:`1`,borderB:`2`,borderColor:`border.secondary`,rounded:`sm`},`_1yizx6i`],subtle:{}}}});t();const d=typeof navigator<`u`&&(navigator.platform.startsWith(`Mac`)||navigator.platform===`iPhone`)?`mac`:`win`,f={mac:{alt:`⌥`,ctrl:`⌃`,meta:`⌘`,mod:`⌘`,shift:`⇧`},win:{alt:`Alt`,ctrl:`Ctrl`,meta:`Win`,mod:`Ctrl`,shift:`Shift`}},p=e(({children:e,className:t,modifiers:n,variant:r=`outline`,...a},o)=>i(s,{asChild:!0,...l({},t),...a,children:i(`kbd`,{ref:o,children:[n&&(Array.isArray(n)?n:[n]).map(e=>e in f[d]&&i(s,{"aria-label":e,asChild:!0,title:e,...u({variant:r}),children:i(`kbd`,{children:f[d][e]})},e)),i(s,{asChild:!0,...u({variant:r}),children:i(`kbd`,{children:e})})]})}));p.displayName=`@optiaxiom/react/Kbd`;const m=`ax-kbd`;var h=a(m,p,o,r);export{m as Kbd,h as default};
+import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-DcSi2tvI.js";import{xt as o}from"../propTypes-ClbnBdm_.js";import{t as s}from"../Box-BKiQ7uSE.js";import"../layers.css.ts.vanilla-DD7saQYy-_i2NMAGU.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";n(`@layer optiaxiom._1cgq1zr;@layer optiaxiom._1cgq1zr{._1sfsxif{font-size:.8em;min-width:calc(1lh + 5px);padding:1px 5px}}`);var l=c({base:{color:`fg.secondary`,display:`inline-flex`,gap:`2`,whiteSpace:`nowrap`}}),u=c({base:{alignItems:`center`,display:`inline-flex`,fontFamily:`sans`,gap:`2`,justifyContent:`center`},variants:{variant:{outline:[{bg:`bg.secondary`,border:`1`,borderB:`2`,borderColor:`border.secondary`,rounded:`sm`},`_1sfsxif`],subtle:{}}}});t();const d=typeof navigator<`u`&&(navigator.platform.startsWith(`Mac`)||navigator.platform===`iPhone`)?`mac`:`win`,f={mac:{alt:`⌥`,ctrl:`⌃`,meta:`⌘`,mod:`⌘`,shift:`⇧`},win:{alt:`Alt`,ctrl:`Ctrl`,meta:`Win`,mod:`Ctrl`,shift:`Shift`}},p=e(({children:e,className:t,modifiers:n,variant:r=`outline`,...a},o)=>/* @__PURE__ */ i(s,{asChild:!0,...l({},t),...a,children:/* @__PURE__ */ i(`kbd`,{ref:o,children:[n&&(Array.isArray(n)?n:[n]).map(e=>e in f[d]&&/* @__PURE__ */ i(s,{"aria-label":e,asChild:!0,title:e,...u({variant:r}),children:/* @__PURE__ */ i(`kbd`,{children:f[d][e]})},e)),/* @__PURE__ */ i(s,{asChild:!0,...u({variant:r}),children:/* @__PURE__ */ i(`kbd`,{children:e})})]})}));p.displayName=`@optiaxiom/react/Kbd`;const m=`ax-kbd`;var h=a(m,p,o,r);export{m as Kbd,h as default};