@optiaxiom/web-components 3.0.4 → 3.0.6

package/dist/components/Switch.d.ts

@@ -1,18 +1,17 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Switch.d.ts
 declare const Switch = "ax-switch";
 type SwitchProps = BoxProps & {
-  "size"?: "lg" | "md";
+  "size"?: undefined | "lg" | "md";
   "description"?: string | number | false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "name"?: string;
-  "value"?: string | number | readonly string[];
-  "required"?: false | true;
-  "onCheckedChange"?: (checked: boolean) => void;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "name"?: undefined | string;
+  "value"?: undefined | string | number | readonly string[];
+  "required"?: undefined | false | true;
+  "onCheckedChange"?: undefined | ((checked: boolean) => void);
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Switch.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{_n as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Switch-Bx9V6YQH.js";const i=`ax-switch`;var a=t(i,r,n,e);export{i as Switch,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{_n as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Switch-PS5nBnYf.js";const i=`ax-switch`;var a=t(i,r,n,e);export{i as Switch,a as default};

package/dist/components/Table.d.ts

@@ -1,13 +1,12 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Table.d.ts
 declare const Table = "ax-table";
 type TableProps = BoxProps & {
-  "layout"?: "auto" | "fixed";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "layout"?: undefined | "auto" | "fixed";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Table.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{Cn as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Table-DdqF-bqX.js";const i=`ax-table`;var a=t(i,r,n,e);export{i as Table,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Cn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Table-CQURVZp3.js";const i=`ax-table`;var a=t(i,r,n,e);export{i as Table,a as default};

package/dist/components/TableAction.d.ts

@@ -1,13 +1,12 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/TableAction.d.ts
 declare const TableAction = "ax-table-action";
 type TableActionProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "visible"?: "always" | "if-needed";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "visible"?: undefined | "always" | "if-needed";
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/TableAction.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{vn as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../TableAction-DNrIkB3e.js";const i=`ax-table-action`;var a=t(i,r,n,e);export{i as TableAction,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{vn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../TableAction-D8AQJtym.js";const i=`ax-table-action`;var a=t(i,r,n,e);export{i as TableAction,a as default};

package/dist/components/TableBody.d.ts

@@ -1,12 +1,11 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/TableBody.d.ts
 declare const TableBody = "ax-table-body";
 type TableBodyProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/TableBody.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{yn as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../TableBody-DDr7TtkM.js";const i=`ax-table-body`;var a=t(i,r,n,e);export{i as TableBody,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{yn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../TableBody-CB8fA1Fo.js";const i=`ax-table-body`;var a=t(i,r,n,e);export{i as TableBody,a as default};

package/dist/components/TableCell.d.ts

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

package/dist/components/TableCell.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{bn as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../TableCell-CvoZC3Jt.js";const i=`ax-table-cell`;var a=t(i,r,n,e);export{i as TableCell,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{bn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../TableCell-Di5dAmxe.js";const i=`ax-table-cell`;var a=t(i,r,n,e);export{i as TableCell,a as default};

package/dist/components/TableHeader.d.ts

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

package/dist/components/TableHeader.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{Sn as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../TableHeader-7C34plYB.js";const i=`ax-table-header`;var a=t(i,r,n,e);export{i as TableHeader,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Sn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../TableHeader-DVg3zgSm.js";const i=`ax-table-header`;var a=t(i,r,n,e);export{i as TableHeader,a as default};

package/dist/components/TableHeaderCell.d.ts

@@ -1,13 +1,12 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/TableHeaderCell.d.ts
 declare const TableHeaderCell = "ax-table-header-cell";
 type TableHeaderCellProps = BoxProps & {
-  "pinned"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "pinned"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/TableHeaderCell.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{xn as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../TableHeaderCell-K8aSB1TZ.js";const i=`ax-table-header-cell`;var a=t(i,r,n,e);export{i as TableHeaderCell,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{xn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../TableHeaderCell-C3EkhJYj.js";const i=`ax-table-header-cell`;var a=t(i,r,n,e);export{i as TableHeaderCell,a as default};

package/dist/components/TableRow.d.ts

@@ -1,12 +1,11 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/TableRow.d.ts
 declare const TableRow = "ax-table-row";
 type TableRowProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/TableRow.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{wn as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../TableRow-CzpiHfoe.js";const i=`ax-table-row`;var a=t(i,r,n,e);export{i as TableRow,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{wn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../TableRow-CsOwY6Ka.js";const i=`ax-table-row`;var a=t(i,r,n,e);export{i as TableRow,a as default};

package/dist/components/Tabs.d.ts

@@ -1,20 +1,19 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Tabs.d.ts
 declare const Tabs = "ax-tabs";
 type TabsProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "defaultValue"?: string;
-  "default-value"?: string;
-  "dir"?: "ltr" | "rtl";
-  "onValueChange"?: (value: string) => void;
-  "value"?: string;
-  "orientation"?: "horizontal" | "vertical";
-  "activationMode"?: "automatic" | "manual";
-  "activation-mode"?: "automatic" | "manual";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "defaultValue"?: undefined | string;
+  "default-value"?: undefined | string;
+  "dir"?: undefined | "ltr" | "rtl";
+  "onValueChange"?: undefined | ((value: string) => void);
+  "value"?: undefined | string;
+  "orientation"?: undefined | "horizontal" | "vertical";
+  "activationMode"?: undefined | "automatic" | "manual";
+  "activation-mode"?: undefined | "automatic" | "manual";
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Tabs.js

@@ -1 +1 @@
-import{C as e,_ as t,a as n,d as r,k as i,n as a,r as o,t as s}from"../register-CmGCaC0G.js";import{Dn as c}from"../propTypes-CCF8mpiF.js";import{n as l,t as u}from"../Box-CWv2x03U.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as d}from"../recipeRuntime-BkylZxVy.js";import{t as f}from"../useSurface-B_WrRUUY.js";import{n as p}from"../dist-B_wXcLvi.js";i(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{._1skkho4[data-orientation=horizontal]{flex-direction:column}._1skkho4[data-orientation=vertical]{flex-direction:row}}`);var m=d({base:[{display:`flex`},`_1skkho4`]});r();const h=n(({children:n,className:r,onValueChange:i,...a},s)=>{let{boxProps:c,restProps:d}=l(a),{track:h}=f(`tab`)??{},[g]=t(a.value);return e(()=>{g&&h?.({id:g,name:`viewed`})},[g,h]),o(u,{asChild:!0,...m({},r),...c,children:o(p,{onValueChange:e=>{i?.(e),h?.({id:e,name:`viewed`})},ref:s,...d,children:n})})});h.displayName=`@optiaxiom/react/Tabs`;const g=`ax-tabs`;var _=s(g,h,c,a);export{g as Tabs,_ as default};
+import{_ as e,a as t,d as n,k as r,n as i,r as a,t as o,y as s}from"../register-DI_7juGg.js";import{Dn as c}from"../propTypes-DvAE1OVW.js";import{r as l,t as u}from"../Box-7R0puqJI.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as d}from"../recipeRuntime-BkylZxVy.js";import{t as f}from"../useSurface-Du7EBG-f.js";import{n as p}from"../dist-B86yEBaf.js";r(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{._1qhko40[data-orientation=horizontal]{flex-direction:column}._1qhko40[data-orientation=vertical]{flex-direction:row}}`);var m=d({base:[{display:`flex`},`_1qhko40`]});n();const h=t(({children:t,className:n,onValueChange:r,...i},o)=>{let{boxProps:c,restProps:d}=l(i),{track:h}=f(`tab`)??{},[g]=e(i.value);return s(()=>{g&&h?.({id:g,name:`viewed`})},[g,h]),a(u,{asChild:!0,...m({},n),...c,children:a(p,{onValueChange:e=>{r?.(e),h?.({id:e,name:`viewed`})},ref:o,...d,children:t})})});h.displayName=`@optiaxiom/react/Tabs`;const g=`ax-tabs`;var _=o(g,h,c,i);export{g as Tabs,_ as default};

package/dist/components/TabsContent.d.ts

@@ -1,12 +1,11 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/TabsContent.d.ts
 declare const TabsContent = "ax-tabs-content";
 type TabsContentProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
   "value"?: string;
 };
 declare module "@stencil/core" {

package/dist/components/TabsContent.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{Tn as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Box-CWv2x03U.js";import{r as s}from"../dist-B_wXcLvi.js";t();const c=e(({children:e,value:t,...n},i)=>r(o,{asChild:!0,flex:`1`,ref:i,...n,children:r(s,{value:t,children:e})}));c.displayName=`@optiaxiom/react/TabsContent`;const l=`ax-tabs-content`;var u=i(l,c,a,n);export{l as TabsContent,u as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{Tn as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Box-7R0puqJI.js";import{r as s}from"../dist-B86yEBaf.js";t();const c=e(({children:e,value:t,...n},i)=>r(o,{asChild:!0,flex:`1`,ref:i,...n,children:r(s,{value:t,children:e})}));c.displayName=`@optiaxiom/react/TabsContent`;const l=`ax-tabs-content`;var u=i(l,c,a,n);export{l as TabsContent,u as default};

package/dist/components/TabsList.d.ts

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

package/dist/components/TabsList.js

@@ -1 +1 @@
-import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-CmGCaC0G.js";import{En as o}from"../propTypes-CCF8mpiF.js";import{t as s}from"../Box-CWv2x03U.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{t as l}from"../dist-B_wXcLvi.js";n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{.e2ajfd[data-orientation=horizontal]{align-items:center;border-bottom-width:1px;flex-direction:row;gap:24px}.e2ajfd[data-orientation=vertical]{border-right-width:1px;flex-direction:column;gap:8px}}`);var u=c({base:[{borderColor:`border.tertiary`,display:`flex`},`e2ajfd`]});t();const d=e(({children:e,className:t,...n},r)=>i(s,{asChild:!0,...u({},t),...n,children:i(l,{ref:r,children:e})}));d.displayName=`@optiaxiom/react/TabsList`;const f=`ax-tabs-list`;var p=a(f,d,o,r);export{f as TabsList,p as default};
+import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-DI_7juGg.js";import{En as o}from"../propTypes-DvAE1OVW.js";import{t as s}from"../Box-7R0puqJI.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{t as l}from"../dist-B86yEBaf.js";n(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{._1ka5htg[data-orientation=horizontal]{align-items:center;border-bottom-width:1px;flex-direction:row;gap:24px}._1ka5htg[data-orientation=vertical]{border-right-width:1px;flex-direction:column;gap:8px}}`);var u=c({base:[{borderColor:`border.tertiary`,display:`flex`},`_1ka5htg`]});t();const d=e(({children:e,className:t,...n},r)=>i(s,{asChild:!0,...u({},t),...n,children:i(l,{ref:r,children:e})}));d.displayName=`@optiaxiom/react/TabsList`;const f=`ax-tabs-list`;var p=a(f,d,o,r);export{f as TabsList,p as default};

package/dist/components/TabsTrigger.d.ts

@@ -1,7 +1,6 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/TabsTrigger.d.ts
 declare const TabsTrigger = "ax-tabs-trigger";
 type TabsTriggerProps = BoxProps & {
@@ -9,8 +8,8 @@ type TabsTriggerProps = BoxProps & {
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
   "value"?: string;
 };
 declare module "@stencil/core" {

package/dist/components/TabsTrigger.js

@@ -1 +1 @@
-import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-CmGCaC0G.js";import{On as o}from"../propTypes-CCF8mpiF.js";import{n as s,t as c}from"../Box-CWv2x03U.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as l}from"../recipeRuntime-BkylZxVy.js";import{t as u}from"../dist-BDLYMxjw.js";import{t as d}from"../Group-wqJPiiS3.js";import{t as f}from"../decorateChildren-BXbxnLou.js";import{i as p}from"../dist-B_wXcLvi.js";n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{.svp4e4{border-color:#0000;color:var(--ax-colors-fg-tertiary);text-decoration:none;-webkit-user-select:none;user-select:none}.svp4e4:focus-visible{outline:2px solid var(--ax-colors-border-focus);outline-offset:2px}.svp4e4[data-disabled]{color:var(--ax-colors-fg-disabled)}.svp4e4[data-orientation=horizontal]{border-bottom-width:2px;margin-bottom:-1px}.svp4e4[data-orientation=vertical]{border-right-width:2px;margin-right:-1px;padding-inline:10px}.svp4e4[data-state=active]{border-color:var(--ax-colors-fg-default);color:var(--ax-colors-fg-default)}.oeb73p:active ._34p2yp{background-color:var(--ax-colors-bg-secondary)}@media (hover:hover){.svp4e4:hover:not([data-state=active]){border-color:var(--ax-colors-border-default);color:var(--ax-colors-fg-secondary)}}}`);var m=l({base:[{gap:`8`,justifyContent:[`center`,`flex-start`],py:`6`,rounded:`sm`,transition:`colors`},`_34p2yp`]}),h=l({base:[`oeb73p`,{flex:[`1`,`initial`],fontSize:`md`,fontWeight:`500`,py:`4`,transition:`colors`},`svp4e4`]});t();const g=u(`@optiaxiom/react/TabsTrigger`),_=e(({addonAfter:e,addonBefore:t,asChild:n,children:r,className:a,value:o,...l},u)=>{let _=n?g:`button`,{boxProps:v,restProps:y}=s(l);return i(c,{asChild:!0,...h({},a),...v,children:i(p,{asChild:!0,ref:u,value:o,...y,children:i(_,{children:f({asChild:n,children:r},n=>i(d,{...m(),children:[t,n,e]}))})})})});_.displayName=`@optiaxiom/react/TabsTrigger`;const v=`ax-tabs-trigger`;var y=a(v,_,o,r);export{v as TabsTrigger,y as default};
+import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-DI_7juGg.js";import{On as o}from"../propTypes-DvAE1OVW.js";import{r as s,t as c}from"../Box-7R0puqJI.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as l}from"../recipeRuntime-BkylZxVy.js";import{t as u}from"../dist-CEk1F5TU.js";import{t as d}from"../Group-Ba9swfi0.js";import{t as f}from"../decorateChildren-B4wg6z6j.js";import{i as p}from"../dist-B86yEBaf.js";n(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{.txos1s{border-color:#0000;color:var(--ax-colors-fg-tertiary);text-decoration:none;-webkit-user-select:none;user-select:none}.txos1s:focus-visible{outline:2px solid var(--ax-colors-border-focus);outline-offset:2px}.txos1s[data-disabled]{color:var(--ax-colors-fg-disabled)}.txos1s[data-orientation=horizontal]{border-bottom-width:2px;margin-bottom:-1px}.txos1s[data-orientation=vertical]{border-right-width:2px;margin-right:-1px;padding-inline:10px}.txos1s[data-state=active]{border-color:var(--ax-colors-fg-default);color:var(--ax-colors-fg-default)}.ur5gdv:active ._424itm{background-color:var(--ax-colors-bg-secondary)}@media (hover:hover){.txos1s:hover:not([data-state=active]){border-color:var(--ax-colors-border-default);color:var(--ax-colors-fg-secondary)}}}`);var m=l({base:[{gap:`8`,justifyContent:[`center`,`flex-start`],py:`6`,rounded:`sm`,transition:`colors`},`_424itm`]}),h=l({base:[`ur5gdv`,{flex:[`1`,`initial`],fontSize:`md`,fontWeight:`500`,py:`4`,transition:`colors`},`txos1s`]});t();const g=u(`@optiaxiom/react/TabsTrigger`),_=e(({addonAfter:e,addonBefore:t,asChild:n,children:r,className:a,value:o,...l},u)=>{let _=n?g:`button`,{boxProps:v,restProps:y}=s(l);return i(c,{asChild:!0,...h({},a),...v,children:i(p,{asChild:!0,ref:u,value:o,...y,children:i(_,{children:f({asChild:n,children:r},n=>i(d,{...m(),children:[t,n,e]}))})})})});_.displayName=`@optiaxiom/react/TabsTrigger`;const v=`ax-tabs-trigger`;var y=a(v,_,o,r);export{v as TabsTrigger,y as default};

package/dist/components/Text.d.ts

@@ -1,15 +1,14 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Text.d.ts
 declare const Text = "ax-text";
 type TextProps = BoxProps & {
-  "lineClamp"?: "1" | "2" | "4" | "3";
-  "line-clamp"?: "1" | "2" | "4" | "3";
-  "truncate"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Text.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{kn as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Text-CebClX-o.js";const i=`ax-text`;var a=t(i,r,n,e);export{i as Text,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{kn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Text-BZK21tMK.js";const i=`ax-text`;var a=t(i,r,n,e);export{i as Text,a as default};

package/dist/components/Textarea.d.ts

@@ -1,29 +1,28 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/Textarea.d.ts
 declare const Textarea = "ax-textarea";
 type TextareaProps = BoxProps & {
-  "addonPointerEvents"?: "auto" | "none";
-  "addon-pointer-events"?: "auto" | "none";
-  "maxRows"?: 1 | 2 | 3 | 4 | 5;
-  "max-rows"?: 1 | 2 | 3 | 4 | 5;
-  "resize"?: "auto" | "none" | "vertical";
+  "addonPointerEvents"?: undefined | "auto" | "none";
+  "addon-pointer-events"?: undefined | "auto" | "none";
+  "maxRows"?: undefined | 1 | 2 | 3 | 4 | 5;
+  "max-rows"?: undefined | 1 | 2 | 3 | 4 | 5;
+  "resize"?: undefined | "auto" | "none" | "vertical";
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "rows"?: number;
-  "size"?: never;
-  "name"?: string;
-  "onValueChange"?: (value: string) => void;
-  "placeholder"?: string;
-  "disabled"?: false | true;
-  "required"?: false | true;
-  "error"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "rows"?: undefined | number;
+  "size"?: undefined;
+  "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;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/Textarea.js

@@ -1 +1 @@
-import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-CmGCaC0G.js";import{An as o}from"../propTypes-CCF8mpiF.js";import{n as s,t as c}from"../Box-CWv2x03U.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as l}from"../recipeRuntime-BkylZxVy.js";import{t as u}from"../dist-BDLYMxjw.js";import{t as d}from"../Group-wqJPiiS3.js";import{t as f}from"../dist-hAtlzVVd.js";import{t as p}from"../fallbackSpan-0MNQtoCw.js";import{t as m}from"../SuggestionPopover-GWCUdlEs.js";import{t as h}from"../InputAddon-ubbScbZ2.js";import{t as g}from"../InputControl-DyC41RTK.js";import{t as _}from"../InputRoot-CcSGRMUJ.js";n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{.dm6vpc:empty{display:none}}`);var v=l({base:`dm6vpc`});n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{._8mjbtl{max-height:calc(16px + var(--_1k7m3q5)*22px)}.ape7m4{--_1k7m3q5:1}._1pe3adi{--_1k7m3q5:2}.y243gt{--_1k7m3q5:3}._17h5wua{--_1k7m3q5:4}.ec5rsl{--_1k7m3q5:5}._1hcy9v0{resize:vertical}._1hcy9v0:after{bottom:0;content:"";display:block;height:16px;pointer-events:none;position:absolute;right:0;width:16px}._1xeufjo{grid-area:1/1/2/2}.geyy26{visibility:hidden;white-space:pre-wrap}._5b01wq{resize:none}}`);var y=l({base:[`_1xeufjo`,`geyy26`]}),b=l({base:[`_1xeufjo`,`_5b01wq`],variants:{resize:{auto:{overflow:`hidden`},none:{},vertical:{}}}}),x=l({base:{display:`grid`,flex:`auto`,overflow:`auto`},variants:{maxRows:{1:[`_8mjbtl`,`ape7m4`],2:[`_8mjbtl`,`_1pe3adi`],3:[`_8mjbtl`,`y243gt`],4:[`_8mjbtl`,`_17h5wua`],5:[`_8mjbtl`,`ec5rsl`]},resize:{auto:{},none:{},vertical:`_1hcy9v0`}}});t();const S=u(`@optiaxiom/react/TextareaAutosize`),C=e(({asChild:e,children:t,className:n,maxRows:r,onChange:a,resize:o=`none`,...l},u)=>{let d=e?S:`textarea`,{boxProps:p,restProps:m}=s(l),[h,g]=f({caller:`@optiaxiom/react/TextareaAutosize`,defaultProp:l.defaultValue,prop:l.value});return i(c,{...x({maxRows:o===`auto`?r:void 0,resize:o}),children:[i(c,{asChild:!0,...b({resize:o},n),...p,children:i(d,{onChange:e=>{g(e.target.value),a?.(e)},ref:u,...m,children:t})}),o===`auto`&&i(c,{...y({},n),...p,children:(h??``)+` `})]})});C.displayName=`@optiaxiom/react/TextareaAutosize`,t();const w=u(`@optiaxiom/react/Textarea`),T=e(({addonAfter:e,addonBefore:t,addonPointerEvents:n,asChild:r,children:a,className:o,style:c,...l},u)=>{let f=r?w:`textarea`,{boxProps:y,restProps:b}=s(l);return i(_,{addonPointerEvents:n,className:o,flexDirection:`column`,style:c,...y,children:[t&&i(h,{asChild:!0,children:p(t)}),i(g,{asChild:!0,p:`8`,size:`lg`,...b,children:i(C,{asChild:!0,children:i(f,{ref:u,rows:l.rows??3,children:a})})}),i(h,{...v(),children:[l.value!==void 0&&i(d,{justifyContent:`end`,children:i(m,{disabled:l.disabled})}),e]})]})});T.displayName=`@optiaxiom/react/Textarea`;const E=`ax-textarea`;var D=a(E,T,o,r);export{E as Textarea,D as default};
+import{a as e,d as t,k as n,n as r,r as i,t as a}from"../register-DI_7juGg.js";import{An as o}from"../propTypes-DvAE1OVW.js";import{r as s,t as c}from"../Box-7R0puqJI.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as l}from"../recipeRuntime-BkylZxVy.js";import{t as u}from"../dist-CEk1F5TU.js";import{t as d}from"../Group-Ba9swfi0.js";import{t as f}from"../dist-DPEBf3IT.js";import{t as p}from"../fallbackSpan-CFnvcYYi.js";import{t as m}from"../SuggestionPopover-C7eIx7tt.js";import{t as h}from"../InputAddon-DlYcUc9S.js";import{t as g}from"../InputControl-DQuGDlvh.js";import{t as _}from"../InputRoot-CksfRGNt.js";n(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{.hubhig:empty{display:none}}`);var v=l({base:`hubhig`});n(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{._1iekidh{max-height:calc(16px + var(--q0ygja)*22px)}._1vqs5y5{--q0ygja:1}.hhvjcy{--q0ygja:2}._1y2s51p{--q0ygja:3}._142i20e{--q0ygja:4}._20mfq{--q0ygja:5}.sgt8tu{resize:vertical}.sgt8tu:after{content:"";bottom:0;display:block;height:16px;pointer-events:none;position:absolute;right:0;width:16px}.drtgds{grid-area:1/1/2/2}._6m4yjt{visibility:hidden;white-space:pre-wrap}._13vs1z5{resize:none}}`);var y=l({base:[`drtgds`,`_6m4yjt`]}),b=l({base:[`drtgds`,`_13vs1z5`],variants:{resize:{auto:{overflow:`hidden`},none:{},vertical:{}}}}),x=l({base:{display:`grid`,flex:`auto`,overflow:`auto`},variants:{maxRows:{1:[`_1iekidh`,`_1vqs5y5`],2:[`_1iekidh`,`hhvjcy`],3:[`_1iekidh`,`_1y2s51p`],4:[`_1iekidh`,`_142i20e`],5:[`_1iekidh`,`_20mfq`]},resize:{auto:{},none:{},vertical:`sgt8tu`}}});t();const S=u(`@optiaxiom/react/TextareaAutosize`),C=e(({asChild:e,children:t,className:n,maxRows:r,onChange:a,resize:o=`none`,...l},u)=>{let d=e?S:`textarea`,{boxProps:p,restProps:m}=s(l),[h,g]=f({caller:`@optiaxiom/react/TextareaAutosize`,defaultProp:l.defaultValue,prop:l.value});return i(c,{...x({maxRows:o===`auto`?r:void 0,resize:o}),children:[i(c,{asChild:!0,...b({resize:o},n),...p,children:i(d,{onChange:e=>{g(e.target.value),a?.(e)},ref:u,...m,children:t})}),o===`auto`&&i(c,{...y({},n),...p,children:(h??``)+` `})]})});C.displayName=`@optiaxiom/react/TextareaAutosize`,t();const w=u(`@optiaxiom/react/Textarea`),T=e(({addonAfter:e,addonBefore:t,addonPointerEvents:n,asChild:r,children:a,className:o,style:c,...l},u)=>{let f=r?w:`textarea`,{boxProps:y,restProps:b}=s(l);return i(_,{addonPointerEvents:n,className:o,flexDirection:`column`,style:c,...y,children:[t&&i(h,{asChild:!0,children:p(t)}),i(g,{asChild:!0,p:`8`,size:`lg`,...b,children:i(C,{asChild:!0,children:i(f,{ref:u,rows:l.rows??3,children:a})})}),i(h,{...v(),children:[l.value!==void 0&&i(d,{justifyContent:`end`,children:i(m,{disabled:l.disabled})}),e]})]})});T.displayName=`@optiaxiom/react/Textarea`;const E=`ax-textarea`;var D=a(E,T,o,r);export{E as Textarea,D as default};

package/dist/components/ThemeProvider.d.ts

@@ -1,6 +1,6 @@
+import "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/ThemeProvider.d.ts
 declare const ThemeProvider = "ax-theme-provider";
 type ThemeProviderProps = {};

package/dist/components/ThemeProvider.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{jn as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../ThemeProvider-D_UgZE56.js";const i=`ax-theme-provider`;var a=t(i,r,n,e);export{i as ThemeProvider,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{jn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../ThemeProvider-BGWKmFPq.js";const i=`ax-theme-provider`;var a=t(i,r,n,e);export{i as ThemeProvider,a as default};

package/dist/components/ToastProvider.d.ts

@@ -2,22 +2,21 @@ import { s as Toaster } from "../types-BYPfSW5W.js";
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/ToastProvider.d.ts
 declare const ToastProvider = "ax-toast-provider";
 type ToastProviderProps = BoxProps & {
-  "label"?: string;
-  "duration"?: number;
-  "swipeDirection"?: "right" | "left" | "up" | "down";
-  "swipe-direction"?: "right" | "left" | "up" | "down";
-  "swipeThreshold"?: number;
-  "swipe-threshold"?: number;
-  "container"?: Element | DocumentFragment;
-  "position"?: "top" | "bottom" | "bottom-right" | "top-right" | "bottom-left" | "top-left";
-  "toaster"?: Toaster;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "hotkey"?: string[];
+  "label"?: undefined | string;
+  "duration"?: undefined | number;
+  "swipeDirection"?: undefined | "right" | "left" | "up" | "down";
+  "swipe-direction"?: undefined | "right" | "left" | "up" | "down";
+  "swipeThreshold"?: undefined | number;
+  "swipe-threshold"?: undefined | number;
+  "container"?: undefined | null | Element | DocumentFragment;
+  "position"?: undefined | "top" | "bottom" | "bottom-right" | "top-right" | "bottom-left" | "top-left";
+  "toaster"?: undefined | Toaster;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "hotkey"?: undefined | string[];
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/ToastProvider.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{Mn as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../ToastProvider-6scprMy7.js";const i=`ax-toast-provider`;var a=t(i,r,n,e);export{i as ToastProvider,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{Mn as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../ToastProvider-Dcp5L_aC.js";const i=`ax-toast-provider`;var a=t(i,r,n,e);export{i as ToastProvider,a as default};

package/dist/components/ToggleButton.d.ts

@@ -1,30 +1,29 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/ToggleButton.d.ts
 declare const ToggleButton = "ax-toggle-button";
 type ToggleButtonProps = BoxProps & {
-  "appearance"?: "default" | "subtle";
+  "appearance"?: undefined | "default" | "subtle";
   "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"?: "lg" | "md" | "sm";
-  "disabled"?: false | true;
-  "type"?: "button" | "reset" | "submit";
-  "addon"?: "none" | "end" | "start" | "both" | "only";
-  "loading"?: false | true;
-  "square"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "pressed"?: false | true;
-  "defaultPressed"?: false | true;
-  "default-pressed"?: false | true;
-  "onPressedChange"?: (pressed: boolean) => void;
+  "addon"?: undefined;
+  "iconPosition"?: undefined | "end" | "start";
+  "icon-position"?: undefined | "end" | "start";
+  "size"?: undefined | "lg" | "md" | "sm";
+  "disabled"?: undefined | false | true;
+  "type"?: undefined | "button" | "reset" | "submit";
+  "loading"?: undefined | false | true;
+  "square"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "pressed"?: undefined | false | true;
+  "defaultPressed"?: undefined | false | true;
+  "default-pressed"?: undefined | false | true;
+  "onPressedChange"?: undefined | ((pressed: boolean) => void);
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/ToggleButton.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{Nn as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Button-CZHroQ7E.js";import{t as s}from"../dist-D7T9AM8x.js";t();const c=e(({children:e,...t},n)=>r(o,{asChild:!0,...t,children:r(s,{ref:n,children:e})}));c.displayName=`@optiaxiom/react/ToggleButton`;const l=`ax-toggle-button`;var u=i(l,c,a,n);export{l as ToggleButton,u as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{Nn as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Button-DBq9GHkw.js";import{t as s}from"../dist-GJENuYh-.js";t();const c=e(({children:e,...t},n)=>r(o,{asChild:!0,...t,children:r(s,{ref:n,children:e})}));c.displayName=`@optiaxiom/react/ToggleButton`;const l=`ax-toggle-button`;var u=i(l,c,a,n);export{l as ToggleButton,u as default};