@optiaxiom/web-components 3.0.4 → 3.0.6

package/dist/components/ButtonGroup.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/ButtonGroup.d.ts
 declare const ButtonGroup = "ax-button-group";
 type ButtonGroupProps = BoxProps & {
-  "orientation"?: "horizontal" | "vertical";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "orientation"?: undefined | "horizontal" | "vertical";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/ButtonGroup.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{y as a}from"../propTypes-CCF8mpiF.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as o}from"../recipeRuntime-BkylZxVy.js";import{t as s}from"../Group-wqJPiiS3.js";import"../AvatarGroup.css.ts.vanilla-Beph4zQj-QLm92BYZ.js";var c=o({base:`fseufj`});t();const l=e(({children:e,className:t,gap:n=`0`,orientation:i=`horizontal`,...a},o)=>r(s,{"data-orientation":n===`0`?i:void 0,flexDirection:i===`vertical`?`column`:`row`,gap:n,ref:o,...c({},t),...a,children:e}));l.displayName=`@optiaxiom/react/ButtonGroup`;const u=`ax-button-group`;var d=i(u,l,a,n);export{u as ButtonGroup,d as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{y as a}from"../propTypes-DvAE1OVW.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as o}from"../recipeRuntime-BkylZxVy.js";import{t as s}from"../Group-Ba9swfi0.js";import"../AvatarGroup.css.ts.vanilla-uvl5fWua-nFnU_gq3.js";var c=o({base:`_14io4dd`});t();const l=e(({children:e,className:t,gap:n=`0`,orientation:i=`horizontal`,...a},o)=>r(s,{"data-orientation":n===`0`?i:void 0,flexDirection:i===`vertical`?`column`:`row`,gap:n,ref:o,...c({},t),...a,children:e}));l.displayName=`@optiaxiom/react/ButtonGroup`;const u=`ax-button-group`;var d=i(u,l,a,n);export{u as ButtonGroup,d as default};

package/dist/components/Card.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/Card.d.ts
 declare const Card = "ax-card";
 type CardProps = 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/Card.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{O as o}from"../propTypes-CCF8mpiF.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";import{t as c}from"../Group-wqJPiiS3.js";import{t as l}from"../dist-DaIqmYGf.js";import"../Cover.css.ts.vanilla-HffrI0AQ-_G4zrzJI.js";import{t as u}from"../ActionsRoot-BXKA-TAK.js";import{t as d}from"../CardContext-i7Z2d2kE.js";n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{.oitk66{--_1qoa8as:var(--ax-borderRadius-lg);border-radius:var(--ax-borderRadius-lg);position:relative}}`);var f=s({base:[`sfqwds`,{alignItems:`start`,bg:`bg.default`,border:`1`,borderColor:`border.tertiary`,color:`fg.default`,flexDirection:`column`,fontSize:`md`,gap:`8`,p:`16`},`oitk66`]});t();const p=e(({children:e,className:t,...n},r)=>i(d,{descriptionId:l(),labelId:l(),children:i(u,{asChild:!0,children:i(c,{ref:r,...f({},t),...n,children:e})})}));p.displayName=`@optiaxiom/react/Card`;const m=`ax-card`;var h=a(m,p,o,r);export{m as Card,h 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{O as o}from"../propTypes-DvAE1OVW.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";import{t as c}from"../Group-Ba9swfi0.js";import{t as l}from"../dist-CZh7xvrW.js";import"../Cover.css.ts.vanilla-Dc3p5Ovc-Dm--X5Rw.js";import{t as u}from"../ActionsRoot-BxnCQXLb.js";import{t as d}from"../CardContext-BbSJMYsT.js";n(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{._19go3ib{--_1unnbor:var(--ax-borderRadius-lg);border-radius:var(--ax-borderRadius-lg);position:relative}}`);var f=s({base:[`s8yzo7`,{alignItems:`start`,bg:`bg.default`,border:`1`,borderColor:`border.tertiary`,color:`fg.default`,flexDirection:`column`,fontSize:`md`,gap:`8`,p:`16`},`_19go3ib`]});t();const p=e(({children:e,className:t,...n},r)=>i(d,{descriptionId:l(),labelId:l(),children:i(u,{asChild:!0,children:i(c,{ref:r,...f({},t),...n,children:e})})}));p.displayName=`@optiaxiom/react/Card`;const m=`ax-card`;var h=a(m,p,o,r);export{m as Card,h as default};

package/dist/components/CardAction.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/CardAction.d.ts
 declare const CardAction = "ax-card-action";
 type CardActionProps = 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/CardAction.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{x as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../ActionsContent-BfNJfbLa.js";t();const s=e(({children:e,...t},n)=>r(o,{flex:`1`,ref:n,...t,children:e}));s.displayName=`@optiaxiom/react/CardAction`;const c=`ax-card-action`;var l=i(c,s,a,n);export{c as CardAction,l as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{x as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../ActionsContent-B401ILlE.js";t();const s=e(({children:e,...t},n)=>r(o,{flex:`1`,ref:n,...t,children:e}));s.displayName=`@optiaxiom/react/CardAction`;const c=`ax-card-action`;var l=i(c,s,a,n);export{c as CardAction,l as default};

package/dist/components/CardCheckbox.d.ts

@@ -1,17 +1,16 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/CardCheckbox.d.ts
 declare const CardCheckbox = "ax-card-checkbox";
 type CardCheckboxProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "name"?: string;
-  "value"?: string | number | readonly string[];
-  "required"?: false | true;
-  "onCheckedChange"?: (checked: boolean) => void;
-  "indeterminate"?: false | true;
+  "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);
+  "indeterminate"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/CardCheckbox.js

@@ -1 +1 @@
-import{E as e,a as t,d as n,k as r,n as i,r as a,t as o,w as s}from"../register-CmGCaC0G.js";import{S as c}from"../propTypes-CCF8mpiF.js";import{r as l}from"../Box-CWv2x03U.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../dist-hAtlzVVd.js";import{t as f}from"../dist-DaIqmYGf.js";import{t as p}from"../VisuallyHidden-4aRgR_Ie.js";import{t as m}from"../Checkbox-DyqDlNCf.js";import{n as h}from"../CardContext-i7Z2d2kE.js";r(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{.qkn9g0{position:relative}.qkn9g0:before{content:"";inset:-8px;position:absolute}}`);var g=u({base:[`qkn9g0`]});n(),e();const _=t(({className:e,onChange:t,...n},r)=>{let i=f(),{labelId:o}=h(`@optiaxiom/react/CardCheckbox`),[c,u]=d({caller:`@optiaxiom/react/CardCheckbox`,defaultProp:n.defaultChecked,prop:n.checked});return a(s,{children:[a(p,{id:i,children:[`Check to `,c?`unselect`:`select`]}),a(m,{"aria-labelledby":l(i,o),onChange:e=>{t?.(e),u(e.target.checked)},ref:r,...g({},e),...n})]})});_.displayName=`@optiaxiom/react/CardCheckbox`;const v=`ax-card-checkbox`;var y=o(v,_,c,i);export{v as CardCheckbox,y as default};
+import{E as e,a as t,d as n,k as r,n as i,r as a,t as o,w as s}from"../register-DI_7juGg.js";import{S as c}from"../propTypes-DvAE1OVW.js";import{i as l}from"../Box-7R0puqJI.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../dist-DPEBf3IT.js";import{t as f}from"../dist-CZh7xvrW.js";import{t as p}from"../VisuallyHidden-DCd41jCL.js";import{t as m}from"../Checkbox-CgO_zHLo.js";import{n as h}from"../CardContext-BbSJMYsT.js";r(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{.llww74{position:relative}.llww74:before{content:"";inset:-8px;position:absolute}}`);var g=u({base:[`llww74`]});n(),e();const _=t(({className:e,onChange:t,...n},r)=>{let i=f(),{labelId:o}=h(`@optiaxiom/react/CardCheckbox`),[c,u]=d({caller:`@optiaxiom/react/CardCheckbox`,defaultProp:n.defaultChecked,prop:n.checked});return a(s,{children:[a(p,{id:i,children:[`Check to `,c?`unselect`:`select`]}),a(m,{"aria-labelledby":l(i,o),onChange:e=>{t?.(e),u(e.target.checked)},ref:r,...g({},e),...n})]})});_.displayName=`@optiaxiom/react/CardCheckbox`;const v=`ax-card-checkbox`;var y=o(v,_,c,i);export{v as CardCheckbox,y as default};

package/dist/components/CardFooter.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/CardFooter.d.ts
 declare const CardFooter = "ax-card-footer";
 type CardFooterProps = 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/CardFooter.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{C as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Box-CWv2x03U.js";t();const s=e(({children:e,...t},n)=>r(o,{alignSelf:`stretch`,mt:`auto`,ref:n,...t,children:e}));s.displayName=`@optiaxiom/react/CardFooter`;const c=`ax-card-footer`;var l=i(c,s,a,n);export{c as CardFooter,l as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{C as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Box-7R0puqJI.js";t();const s=e(({children:e,...t},n)=>r(o,{alignSelf:`stretch`,mt:`auto`,ref:n,...t,children:e}));s.displayName=`@optiaxiom/react/CardFooter`;const c=`ax-card-footer`;var l=i(c,s,a,n);export{c as CardFooter,l as default};

package/dist/components/CardHeader.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/CardHeader.d.ts
 declare const CardHeader = "ax-card-header";
 type CardHeaderProps = BoxProps & {
@@ -10,11 +9,11 @@ type CardHeaderProps = BoxProps & {
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "description"?: string | number | false | true;
-  "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/CardHeader.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{w 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"../Group-wqJPiiS3.js";import{t as u}from"../Heading-LArd5JBA.js";import{n as d}from"../CardContext-i7Z2d2kE.js";n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{.mwrh1s{min-height:var(--ax-size-sm)}._1lhy4tc{order:3}._7qq70r{order:1}._1g8i1co{order:2}}`);var f=c({base:[{flex:`none`,gap:`8`}],variants:{slot:{after:`_1lhy4tc`,before:`_7qq70r`}}}),p=c({base:[{flex:`1`},`_1g8i1co`]}),m=c({base:[{alignSelf:`stretch`,gap:`12`,justifyContent:`space-between`},`mwrh1s`]});t();const h=e(({addonAfter:e,addonBefore:t,children:n,className:r,description:a,lineClamp:o,truncate:c,...h},g)=>{let{descriptionId:_,labelId:v}=d(`@optiaxiom/react/CardHeader`);return i(l,{ref:g,...m({},r),...h,children:[i(s,{...p(),children:[i(u,{fontSize:`md`,fontWeight:`500`,id:v,level:`2`,lineClamp:o,truncate:c,children:n}),a&&i(s,{color:`fg.tertiary`,fontSize:`sm`,id:_,children:a})]}),t&&i(l,{...f({slot:`before`}),children:t}),e&&i(l,{...f({slot:`after`}),children:e})]})});h.displayName=`@optiaxiom/react/CardHeader`;const g=`ax-card-header`;var _=a(g,h,o,r);export{g as CardHeader,_ 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{w 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"../Group-Ba9swfi0.js";import{t as u}from"../Heading-Derjx5UE.js";import{n as d}from"../CardContext-BbSJMYsT.js";n(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{._1vr0n0b{min-height:var(--ax-size-sm)}.ofi0zi{order:3}._1ww6ufj{order:1}._1mbu27z{order:2}}`);var f=c({base:[{flex:`none`,gap:`8`}],variants:{slot:{after:`ofi0zi`,before:`_1ww6ufj`}}}),p=c({base:[{flex:`1`},`_1mbu27z`]}),m=c({base:[{alignSelf:`stretch`,gap:`12`,justifyContent:`space-between`},`_1vr0n0b`]});t();const h=e(({addonAfter:e,addonBefore:t,children:n,className:r,description:a,lineClamp:o,truncate:c,...h},g)=>{let{descriptionId:_,labelId:v}=d(`@optiaxiom/react/CardHeader`);return i(l,{ref:g,...m({},r),...h,children:[i(s,{...p(),children:[i(u,{fontSize:`md`,fontWeight:`500`,id:v,level:`2`,lineClamp:o,truncate:c,children:n}),a&&i(s,{color:`fg.tertiary`,fontSize:`sm`,id:_,children:a})]}),t&&i(l,{...f({slot:`before`}),children:t}),e&&i(l,{...f({slot:`after`}),children:e})]})});h.displayName=`@optiaxiom/react/CardHeader`;const g=`ax-card-header`;var _=a(g,h,o,r);export{g as CardHeader,_ as default};

package/dist/components/CardImage.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/CardImage.d.ts
 declare const CardImage = "ax-card-image";
 type CardImageProps = 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/CardImage.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{T as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Box-CWv2x03U.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";var c=s({base:{objectFit:`cover`,rounded:`inherit`,size:`full`}});t();const l=e(({alt:e=``,asChild:t,children:n,className:i,src:a,...s},l)=>r(o,{asChild:!0,ref:l,...c({},i),...s,children:t?n:r(`img`,{alt:e,src:a})}));l.displayName=`@optiaxiom/react/CardImage`;const u=`ax-card-image`;var d=i(u,l,a,n);export{u as CardImage,d as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{T as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Box-7R0puqJI.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";var c=s({base:{objectFit:`cover`,rounded:`inherit`,size:`full`}});t();const l=e(({alt:e=``,asChild:t,children:n,className:i,src:a,...s},l)=>r(o,{asChild:!0,ref:l,...c({},i),...s,children:t?n:r(`img`,{alt:e,src:a})}));l.displayName=`@optiaxiom/react/CardImage`;const u=`ax-card-image`;var d=i(u,l,a,n);export{u as CardImage,d as default};

package/dist/components/CardLink.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/CardLink.d.ts
 declare const CardLink = "ax-card-link";
 type CardLinkProps = BoxProps & {
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "onClick"?: MouseEventHandler<HTMLAnchorElement>;
-  "cover"?: false | true | "inset";
-  "disabled"?: false | true;
-  "appearance"?: "default" | "subtle" | "inverse";
-  "href"?: string;
-  "external"?: false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "onClick"?: undefined | MouseEventHandler<HTMLAnchorElement>;
+  "cover"?: undefined | false | true | "inset";
+  "disabled"?: undefined | false | true;
+  "appearance"?: undefined | "default" | "subtle" | "inverse";
+  "href"?: undefined | string;
+  "external"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/CardLink.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{E as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Link-Mu1-cy3g.js";t();const s=e(({...e},t)=>r(o,{appearance:`subtle`,cover:!0,ref:t,...e}));s.displayName=`@optiaxiom/react/CardLink`;const c=`ax-card-link`;var l=i(c,s,a,n);export{c as CardLink,l as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{E as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Link-CZEQMXOk.js";t();const s=e(({...e},t)=>r(o,{appearance:`subtle`,cover:!0,ref:t,...e}));s.displayName=`@optiaxiom/react/CardLink`;const c=`ax-card-link`;var l=i(c,s,a,n);export{c as CardLink,l as default};

package/dist/components/CardPreview.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/CardPreview.d.ts
 declare const CardPreview = "ax-card-preview";
 type CardPreviewProps = BoxProps & {
@@ -13,8 +12,8 @@ type CardPreviewProps = BoxProps & {
   "addon-top-left"?: string;
   "addonTopRight"?: string | number | false | true;
   "addon-top-right"?: string;
-  "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/CardPreview.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{D 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";n(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{._19ehp6r{border-top-left-radius:inherit;border-top-right-radius:inherit;margin:-16px -16px 8px;position:relative}._10nlm1v{inset:0;padding:16px;place-content:space-between;position:absolute}}`);var l=c({base:[{display:`flex`,flexWrap:`wrap`},`_10nlm1v`]}),u=c({base:[{alignSelf:`stretch`,display:`grid`,placeItems:`center`},`_19ehp6r`]});t();const d=e(({addonBottomLeft:e,addonBottomRight:t,addonTopLeft:n,addonTopRight:r,children:a,className:o,...c},d)=>i(s,{ref:d,...u({},o),...c,children:[a,(n||r)&&i(s,{...l(),children:[i(s,{alignItems:`center`,alignSelf:`start`,display:`flex`,justifyContent:`space-between`,children:n}),i(s,{alignItems:`center`,alignSelf:`start`,display:`flex`,justifyContent:`space-between`,children:r}),i(s,{w:`full`}),i(s,{alignItems:`center`,alignSelf:`end`,display:`flex`,justifyContent:`space-between`,children:e}),i(s,{alignItems:`center`,alignSelf:`end`,display:`flex`,justifyContent:`space-between`,children:t})]})]}));d.displayName=`@optiaxiom/react/CardPreview`;const f=`ax-card-preview`;var p=a(f,d,o,r);export{f as CardPreview,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{D 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";n(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{._1f4l1x{border-top-left-radius:inherit;border-top-right-radius:inherit;margin:-16px -16px 8px;position:relative}._1qb9xvz{inset:0;padding:16px;place-content:space-between;position:absolute}}`);var l=c({base:[{display:`flex`,flexWrap:`wrap`},`_1qb9xvz`]}),u=c({base:[{alignSelf:`stretch`,display:`grid`,placeItems:`center`},`_1f4l1x`]});t();const d=e(({addonBottomLeft:e,addonBottomRight:t,addonTopLeft:n,addonTopRight:r,children:a,className:o,...c},d)=>i(s,{ref:d,...u({},o),...c,children:[a,(n||r)&&i(s,{...l(),children:[i(s,{alignItems:`center`,alignSelf:`start`,display:`flex`,justifyContent:`space-between`,children:n}),i(s,{alignItems:`center`,alignSelf:`start`,display:`flex`,justifyContent:`space-between`,children:r}),i(s,{w:`full`}),i(s,{alignItems:`center`,alignSelf:`end`,display:`flex`,justifyContent:`space-between`,children:e}),i(s,{alignItems:`center`,alignSelf:`end`,display:`flex`,justifyContent:`space-between`,children:t})]})]}));d.displayName=`@optiaxiom/react/CardPreview`;const f=`ax-card-preview`;var p=a(f,d,o,r);export{f as CardPreview,p as default};

package/dist/components/Checkbox.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/Checkbox.d.ts
 declare const Checkbox = "ax-checkbox";
 type CheckboxProps = BoxProps & {
   "description"?: string | number | false | true;
-  "indeterminate"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "name"?: string;
-  "value"?: string | number | readonly string[];
-  "required"?: false | true;
-  "onCheckedChange"?: (checked: boolean) => void;
+  "indeterminate"?: undefined | false | true;
+  "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/Checkbox.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{k as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Checkbox-DyqDlNCf.js";const i=`ax-checkbox`;var a=t(i,r,n,e);export{i as Checkbox,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{k as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Checkbox-CgO_zHLo.js";const i=`ax-checkbox`;var a=t(i,r,n,e);export{i as Checkbox,a as default};

package/dist/components/Code.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/Code.d.ts
 declare const Code = "ax-code";
 type CodeProps = 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/Code.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{A 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";n('@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{._2tjm1g{font-size:.9em;font-variant-ligatures:none}._2tjm1g:after,._2tjm1g:before{content:"`"}}');var d=l({base:[{fontWeight:`600`},`_2tjm1g`]});t();const f=u(`@optiaxiom/react/Code`),p=e(({asChild:e,children:t,className:n,...r},a)=>{let o=e?f:`code`,{boxProps:l,restProps:u}=s(r);return i(c,{asChild:!0,...d({},n),...l,children:i(o,{ref:a,...u,children:t})})});p.displayName=`@optiaxiom/react/Code`;const m=`ax-code`;var h=a(m,p,o,r);export{m as Code,h 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{A 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";n('@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{.hvf1gc{font-size:.9em;font-variant-ligatures:none}.hvf1gc:after,.hvf1gc:before{content:"`"}}');var d=l({base:[{fontWeight:`600`},`hvf1gc`]});t();const f=u(`@optiaxiom/react/Code`),p=e(({asChild:e,children:t,className:n,...r},a)=>{let o=e?f:`code`,{boxProps:l,restProps:u}=s(r);return i(c,{asChild:!0,...d({},n),...l,children:i(o,{ref:a,...u,children:t})})});p.displayName=`@optiaxiom/react/Code`;const m=`ax-code`;var h=a(m,p,o,r);export{m as Code,h as default};

package/dist/components/Cover.d.ts

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

package/dist/components/Cover.js

@@ -1 +1 @@
-import{n as e,t}from"../register-CmGCaC0G.js";import{j as n}from"../propTypes-CCF8mpiF.js";import{t as r}from"../Cover-peS5AXzU.js";const i=`ax-cover`;var a=t(i,r,n,e);export{i as Cover,a as default};
+import{n as e,t}from"../register-DI_7juGg.js";import{j as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Cover-CStaTlKo.js";const i=`ax-cover`;var a=t(i,r,n,e);export{i as Cover,a as default};

package/dist/components/DataTable.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/DataTable.d.ts
 declare const DataTable = "ax-data-table";
 type DataTableProps = BoxProps & {
   "table"?: Table<any>;
-  "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/DataTable.js

@@ -1 +1 @@
-import{_ as e,a as t,d as n,n as r,r as i,t as a}from"../register-CmGCaC0G.js";import{L as o}from"../propTypes-CCF8mpiF.js";import{t as s}from"../Group-wqJPiiS3.js";import{t as c}from"../DataTableContext-DQ1Jwa9B.js";n();const l=t(({children:t,table:n,...r},a)=>{let[o,l]=e(-1);return i(s,{flexDirection:`column`,gap:`8`,maxH:`full`,maxW:`full`,ref:a,...r,children:i(c,{highlightedIndex:o,setHighlightedIndex:l,table:n,children:t})})});l.displayName=`@optiaxiom/react/DataTable`;const u=`ax-data-table`;var d=a(u,l,o,r);export{u as DataTable,d as default};
+import{_ as e,a as t,d as n,n as r,r as i,t as a}from"../register-DI_7juGg.js";import{L as o}from"../propTypes-DvAE1OVW.js";import{t as s}from"../Group-Ba9swfi0.js";import{t as c}from"../DataTableContext-CjDKR7ob.js";n();const l=t(({children:t,table:n,...r},a)=>{let[o,l]=e(-1);return i(s,{flexDirection:`column`,gap:`8`,maxH:`full`,maxW:`full`,ref:a,...r,children:i(c,{highlightedIndex:o,setHighlightedIndex:l,table:n,children:t})})});l.displayName=`@optiaxiom/react/DataTable`;const u=`ax-data-table`;var d=a(u,l,o,r);export{u as DataTable,d as default};

package/dist/components/DataTableAction.d.ts

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

package/dist/components/DataTableAction.js

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

package/dist/components/DataTableBody.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/DataTableBody.d.ts
 declare const DataTableBody = "ax-data-table-body";
 type DataTableBodyProps = BoxProps & {
-  "estimatedRowHeight"?: number;
-  "estimated-row-height"?: number;
-  "loading"?: false | true | Record<string, false | "sub-rows">;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "estimatedRowHeight"?: undefined | number;
+  "estimated-row-height"?: undefined | number;
+  "loading"?: undefined | false | true | Record<string, false | "sub-rows">;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/DataTableBody.js

@@ -1,4 +1,4 @@
-import{C as e,D as t,_ as n,a as r,d as i,h as a,k as o,n as s,p as c,r as l,t as u}from"../register-CmGCaC0G.js";import{N as d}from"../propTypes-CCF8mpiF.js";import{t as f}from"../Box-CWv2x03U.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as p}from"../recipeRuntime-BkylZxVy.js";import{n as m}from"../dist-DlPoRI4R.js";import{t as h}from"../Icon-B3a0miDj.js";import{t as g}from"../dist-DaIqmYGf.js";import{t as _}from"../vanilla-extract-dynamic.esm-BTVburtF.js";import{t as v}from"../VisuallyHidden-4aRgR_Ie.js";import{t as y}from"../useEffectEvent-Dxj6Jbwt.js";import{t as b}from"../Separator-DZ--y_Wu.js";import{t as x}from"../Cover-peS5AXzU.js";import{t as S}from"../withIcon-BZagDgxJ.js";import{t as C}from"../esm-CMs2hj4I.js";import{t as w}from"../ActionsRoot-BXKA-TAK.js";import{t as T}from"../ActionsContent-BfNJfbLa.js";import{n as E}from"../DataTableContext-DQ1Jwa9B.js";import{t as D}from"../Table-DdqF-bqX.js";import{t as O}from"../TableBody-DDr7TtkM.js";import"../TableRow.css.ts.vanilla-DRrzQ-g7-BvVCc6gP.js";import{t as k}from"../TableCell-CvoZC3Jt.js";import{t as A}from"../TableHeader-7C34plYB.js";import{t as j}from"../TableHeaderCell-K8aSB1TZ.js";import{t as M}from"../TableRow-CzpiHfoe.js";import{n as N,t as P}from"../DataTableRowContext-lMDGjB1O.js";o(`@property --s80d2g{syntax:"<color>";inherits:false;initial-value:#0000}@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{.ydmn1f{position:relative}.ydmn1f[data-scroll-timeline]:after{background-image:linear-gradient(270deg,#0000001a,#0000);right:var(--_9auf4w)}.ydmn1f[data-scroll-timeline]:before{background-image:linear-gradient(90deg,#0000001a,#0000);left:var(--fmhmel)}.ydmn1f[data-scroll-timeline]:after,.ydmn1f[data-scroll-timeline]:before{content:"";display:block;height:100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s;width:16px;z-index:1}.ydmn1f[data-scroll-timeline]:not([data-scroll-timeline=left]):before,.ydmn1f[data-scroll-timeline]:not([data-scroll-timeline=right]):after{opacity:1}._1y9c0cj{width:calc(1px*var(--w0oxb8))}._1euunpd{left:var(--b7bu1b)}._1g1v8m7{right:var(--b7bu1b)}._16upd73{background-color:var(--ax-colors-bg-default);background-image:linear-gradient(var(--s80d2g),var(--s80d2g));transition:--s80d2g var(--ax-duration-sm) ease}.bvfwsx[data-selected] ._16upd73{--s80d2g:var(--ax-colors-bg-accent-subtle)}._6pa6eg{flex-grow:calc(var(--w0oxb8)/var(--_1ah08s6))}@media (hover:hover){.bvfwsx:hover ._16upd73{--s80d2g:var(--ax-colors-bg-default-hovered)}.bvfwsx[data-selected]:hover ._16upd73{--s80d2g:color-mix(in srgb,var(--ax-colors-bg-accent-subtle),var(--ax-colors-bg-accent-light) 15%)}}}`);var F=p({base:[{alignItems:`start`,display:`flex`},`_1y9c0cj`],variants:{pinned:{left:`_1euunpd`,right:`_1g1v8m7`},pinnedType:{body:`_16upd73`,header:{}},resizable:{false:{},true:`_6pa6eg`}}}),I=`var(--b7bu1b)`,L=`var(--w0oxb8)`,R=`var(--fmhmel)`,z=`var(--_9auf4w)`,B=p({base:[{display:`flex`,flexDirection:`column`,maxW:`full`,overflow:`hidden`,rounded:`lg`},`ydmn1f`]}),ee=`var(--_1ah08s6)`;const te=S({height:12,name:`IconSort`,width:14},l(`path`,{d:`M3.88274 5.25H10.0937C10.6562 5.25 10.9609 4.57031 10.539 4.14844L7.44524 0.960938C7.32805 0.820312 7.16399 0.75 6.99993 0.75C6.83586 0.75 6.64836 0.820312 6.53118 0.960938L3.43743 4.14844C3.01555 4.57031 3.32024 5.25 3.88274 5.25ZM10.0937 6.75H3.88274C3.32024 6.75 3.01555 7.45312 3.43743 7.875L6.53118 11.0625C6.64836 11.2031 6.81243 11.25 6.99993 11.25C7.16399 11.25 7.32805 11.2031 7.44524 11.0625L10.539 7.875C10.9609 7.45312 10.6562 6.75 10.0937 6.75Z`,fill:`currentColor`})),ne=S({height:12,name:`IconSortDown`,width:14},l(`path`,{d:`M10.5156 5.78906L7.53907 8.78906C7.375 8.92969 7.1875 9 7 9C6.78907 9 6.60157 8.92969 6.46094 8.78906L3.48438 5.78906C3.25 5.57812 3.17969 5.25 3.29688 4.96875C3.41407 4.6875 3.69532 4.5 4 4.5H9.97657C10.2813 4.5 10.5391 4.6875 10.6563 4.96875C10.7734 5.25 10.7266 5.57812 10.5156 5.78906Z`,fill:`currentColor`})),re=S({height:12,name:`IconSortUp`,width:14},l(`path`,{d:`M3.46099 6.23438L6.43756 3.23438C6.60162 3.09375 6.78912 3 7.00006 3C7.18756 3 7.37506 3.09375 7.51568 3.23438L10.4922 6.23438C10.7032 6.44531 10.7735 6.77344 10.6563 7.05469C10.5391 7.33594 10.2813 7.5 9.97662 7.5H4.00006C3.69537 7.5 3.41412 7.33594 3.29693 7.05469C3.17974 6.77344 3.25006 6.44531 3.46099 6.23438Z`,fill:`currentColor`}));o(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{._183zmlx{color:var(--ax-colors-fg-tertiary);text-decoration:none;-webkit-user-select:none;user-select:none}._183zmlx:focus-visible{outline:none;z-index:10}.lzfkoy{grid-area:1/1/2/2}.c1ka7d{opacity:0}._1vbuah0{opacity:1}._7vm39n{border-left-width:3px;cursor:col-resize;position:absolute;right:0;top:0;touch-action:none;-webkit-user-select:none;user-select:none}@media (hover:hover){._183zmlx:hover{color:var(--ax-colors-fg-secondary)}}}`);var V=p({base:[{alignItems:`center`,display:`flex`,gap:`4`,justifyContent:`flex-start`,rounded:`md`,textAlign:`start`,textTransform:`uppercase`,transition:`colors`,w:`full`},`_183zmlx`]}),H=p({base:[{h:`full`,z:`10`},`_7vm39n`],variants:{resizing:{false:{},true:{borderColor:`border.focus`}}}}),U=p({base:[{h:`12`,mx:`2`,transition:`opacity`},`lzfkoy`],variants:{active:{false:`c1ka7d`,true:`_1vbuah0`}}});i();
+import{D as e,_ as t,a as n,d as r,h as i,k as a,n as o,p as s,r as c,t as l,y as u}from"../register-DI_7juGg.js";import{N as d}from"../propTypes-DvAE1OVW.js";import{t as f}from"../Box-7R0puqJI.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as p}from"../recipeRuntime-BkylZxVy.js";import{n as m}from"../dist-BA1lC60o.js";import{t as h}from"../Icon-D7Nb6bEV.js";import{t as g}from"../dist-CZh7xvrW.js";import{t as _}from"../vanilla-extract-dynamic.esm-BTVburtF.js";import{t as v}from"../VisuallyHidden-DCd41jCL.js";import{t as y}from"../useEvent-CXngOW4Z.js";import{t as b}from"../Separator-C7BYckzs.js";import{t as x}from"../Cover-CStaTlKo.js";import{t as S}from"../withIcon-BWYJkwd6.js";import{t as C}from"../esm-A3Yt4Rxm.js";import{t as w}from"../ActionsRoot-BxnCQXLb.js";import{t as T}from"../ActionsContent-B401ILlE.js";import{n as E}from"../DataTableContext-CjDKR7ob.js";import{t as D}from"../Table-CQURVZp3.js";import{t as O}from"../TableBody-CB8fA1Fo.js";import"../TableRow.css.ts.vanilla-DsswNncT-D9c8T5QY.js";import{t as k}from"../TableCell-Di5dAmxe.js";import{t as A}from"../TableHeader-DVg3zgSm.js";import{t as j}from"../TableHeaderCell-C3EkhJYj.js";import{t as M}from"../TableRow-CsOwY6Ka.js";import{n as N,t as P}from"../DataTableRowContext-Df235BjY.js";a(`@property --qze78t{syntax:"<color>";inherits:false;initial-value:#0000}@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{._1g6uxst{position:relative}._1g6uxst[data-scroll-timeline]:after{background-image:linear-gradient(270deg,#0000001a,#0000);right:var(--pfw4fp)}._1g6uxst[data-scroll-timeline]:before{background-image:linear-gradient(90deg,#0000001a,#0000);left:var(--_6ipi24)}._1g6uxst[data-scroll-timeline]:after,._1g6uxst[data-scroll-timeline]:before{content:"";display:block;height:100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s;width:16px;z-index:1}._1g6uxst[data-scroll-timeline]:not([data-scroll-timeline=left]):before,._1g6uxst[data-scroll-timeline]:not([data-scroll-timeline=right]):after{opacity:1}.k62i4d{width:calc(1px*var(--mrwh96))}._7x5hk6{left:var(--zu01i0)}._1g66ndr{right:var(--zu01i0)}.sn2sqe{background-color:var(--ax-colors-bg-default);background-image:linear-gradient(var(--qze78t),var(--qze78t));transition:--qze78t var(--ax-duration-sm) ease}._1wgtjkq[data-selected] .sn2sqe{--qze78t:var(--ax-colors-bg-accent-subtle)}._1xmivh6{flex-grow:calc(var(--mrwh96)/var(--mojhv3))}@media (hover:hover){._1wgtjkq:hover .sn2sqe{--qze78t:var(--ax-colors-bg-default-hovered)}._1wgtjkq[data-selected]:hover .sn2sqe{--qze78t:color-mix(in srgb,var(--ax-colors-bg-accent-subtle),var(--ax-colors-bg-accent-light) 15%)}}}`);var F=p({base:[{alignItems:`start`,display:`flex`},`k62i4d`],variants:{pinned:{left:`_7x5hk6`,right:`_1g66ndr`},pinnedType:{body:`sn2sqe`,header:{}},resizable:{false:{},true:`_1xmivh6`}}}),I=`var(--zu01i0)`,L=`var(--mrwh96)`,R=`var(--_6ipi24)`,z=`var(--pfw4fp)`,B=p({base:[{display:`flex`,flexDirection:`column`,maxW:`full`,overflow:`hidden`,rounded:`lg`},`_1g6uxst`]}),ee=`var(--mojhv3)`;const te=S({height:12,name:`IconSort`,width:14},c(`path`,{d:`M3.88274 5.25H10.0937C10.6562 5.25 10.9609 4.57031 10.539 4.14844L7.44524 0.960938C7.32805 0.820312 7.16399 0.75 6.99993 0.75C6.83586 0.75 6.64836 0.820312 6.53118 0.960938L3.43743 4.14844C3.01555 4.57031 3.32024 5.25 3.88274 5.25ZM10.0937 6.75H3.88274C3.32024 6.75 3.01555 7.45312 3.43743 7.875L6.53118 11.0625C6.64836 11.2031 6.81243 11.25 6.99993 11.25C7.16399 11.25 7.32805 11.2031 7.44524 11.0625L10.539 7.875C10.9609 7.45312 10.6562 6.75 10.0937 6.75Z`,fill:`currentColor`})),ne=S({height:12,name:`IconSortDown`,width:14},c(`path`,{d:`M10.5156 5.78906L7.53907 8.78906C7.375 8.92969 7.1875 9 7 9C6.78907 9 6.60157 8.92969 6.46094 8.78906L3.48438 5.78906C3.25 5.57812 3.17969 5.25 3.29688 4.96875C3.41407 4.6875 3.69532 4.5 4 4.5H9.97657C10.2813 4.5 10.5391 4.6875 10.6563 4.96875C10.7734 5.25 10.7266 5.57812 10.5156 5.78906Z`,fill:`currentColor`})),re=S({height:12,name:`IconSortUp`,width:14},c(`path`,{d:`M3.46099 6.23438L6.43756 3.23438C6.60162 3.09375 6.78912 3 7.00006 3C7.18756 3 7.37506 3.09375 7.51568 3.23438L10.4922 6.23438C10.7032 6.44531 10.7735 6.77344 10.6563 7.05469C10.5391 7.33594 10.2813 7.5 9.97662 7.5H4.00006C3.69537 7.5 3.41412 7.33594 3.29693 7.05469C3.17974 6.77344 3.25006 6.44531 3.46099 6.23438Z`,fill:`currentColor`}));a(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{.q5nk6f{color:var(--ax-colors-fg-tertiary);text-decoration:none;-webkit-user-select:none;user-select:none}.q5nk6f:focus-visible{outline:none;z-index:10}._1klczo9{grid-area:1/1/2/2}.armm46{opacity:0}._15fo3zs{opacity:1}.guvuw5{border-left-width:3px;cursor:col-resize;position:absolute;right:0;top:0;touch-action:none;-webkit-user-select:none;user-select:none}@media (hover:hover){.q5nk6f:hover{color:var(--ax-colors-fg-secondary)}}}`);var V=p({base:[{alignItems:`center`,display:`flex`,gap:`4`,justifyContent:`flex-start`,rounded:`md`,textAlign:`start`,textTransform:`uppercase`,transition:`colors`,w:`full`},`q5nk6f`]}),H=p({base:[{h:`full`,z:`10`},`guvuw5`],variants:{resizing:{false:{},true:{borderColor:`border.focus`}}}}),U=p({base:[{h:`12`,mx:`2`,transition:`opacity`},`_1klczo9`],variants:{active:{false:`armm46`,true:`_15fo3zs`}}});r();
 /**
 * react-table
 *
@@ -9,4 +9,4 @@ import{C as e,D as t,_ as n,a as r,d as i,h as a,k as o,n as s,p as c,r as l,t a
 *
 * @license MIT
 */
-function W(e,n){return e?G(e)?t(e,n):e:null}function G(e){return K(e)||typeof e==`function`||q(e)}function K(e){return typeof e==`function`&&(()=>{let t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}function q(e){return typeof e==`object`&&typeof e.$$typeof==`symbol`&&[`react.memo`,`react.forward_ref`].includes(e.$$typeof.description)}i();const J=r(({children:e,header:t,...n},r)=>{let i=t.column.getIsSorted();return l(w,{asChild:!0,children:l(j,{"aria-sort":t.column.getCanSort()?i===!1?`none`:i===`asc`?`ascending`:`descending`:void 0,colSpan:t.colSpan,ref:r,...n,children:[t.column.getCanResize()&&l(T,{visible:t.column.getIsResizing()?`always`:`if-needed`,children:l(b,{onDoubleClick:()=>t.column.resetSize(),onMouseDown:t.getResizeHandler(),onTouchStart:t.getResizeHandler(),orientation:`vertical`,style:{transform:t.getContext().table.options.columnResizeMode===`onEnd`&&t.column.getIsResizing()?`translateX(${t.getContext().table.getState().columnSizingInfo.deltaOffset}px)`:``},...H({resizing:t.column.getIsResizing()})})}),t.column.getCanSort()?l(x,{asChild:!0,inset:!0,...V(),children:l(`button`,{onClick:()=>t.column.toggleSorting(),children:[e,i&&l(v,{children:[`sorted `,i===`asc`?`ascending`:`descending`]}),l(T,{display:`grid`,placeItems:`center`,visible:i?`always`:`if-needed`,children:[l(h,{asChild:!0,...U({active:i===!1}),children:l(te,{})}),l(h,{asChild:!0,...U({active:i===`asc`}),children:l(re,{})}),l(h,{asChild:!0,...U({active:i===`desc`}),children:l(ne,{})})]})]})}):e]})})});J.displayName=`@optiaxiom/react/DataTableHeaderCell`,i();const Y=r(({children:t,index:r,row:i,...a},o)=>{let{highlightedIndex:s,setHighlightedIndex:u,table:d}=E(`@optiaxiom/react/DataTableRow`),[f,p]=n(-1),h=g(),_=c(null),v=m(_,o);e(()=>{if(s===r)return _.current?.contains((()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})())||_.current?.focus(),()=>p(-1)},[s,r]);let[b,x]=n([]),S=b.find(e=>e.primary),[C,w]=n(),T=!!(C||S),D=y(({primary:e,ref:t})=>(x(n=>[...n,{primary:e,ref:t}]),()=>x(e=>e.filter(e=>e.ref!==t))));return l(M,{"aria-labelledby":h,"aria-selected":i.getCanSelect()?i.getIsSelected():void 0,"data-focus-visible":T?``:void 0,"data-selected":i.getIsSelected()?``:void 0,onClick:e=>{e.target instanceof Element&&(Z(e)||X(e)||(i.getCanSelect()?C&&ie(e)!==C.current&&d.setRowSelection({[i.id]:!0}):S?.ref.current?.contains(e.target)||S?.ref.current?.click()))},onDoubleClick:e=>{!i.getCanSelect()||!S||!(e.target instanceof Element)||Z(e)||X(e)||S.ref.current?.contains(e.target)||(e.preventDefault(),document.getSelection()?.empty(),S.ref.current?.click())},onFocus:e=>{T&&(u(r),e.target===e.currentTarget&&p(-1))},onKeyDown:e=>{if(e.defaultPrevented||e.target instanceof HTMLElement&&e.target!==C?.current&&(e.target.isContentEditable||[`input`,`select`,`textarea`].includes(e.target.localName)))return;let{rows:t}=d.getRowModel();if(T&&(e.key===`ArrowDown`||e.key===`ArrowUp`)){let n=e.key===`ArrowDown`?s+1:s-1;if(n>=0&&n<=t.length-1&&(e.preventDefault(),u(n),C)){let r=t[n];e.shiftKey&&i.getCanMultiSelect()?d.setRowSelection(e=>e[r.id]?{...e,[i.id]:!1}:{...e,[r.id]:!0}):d.setRowSelection({[r.id]:!0})}}else if(T&&(()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})()===e.currentTarget&&e.key===`ArrowRight`){let t=f+1;t<=b.length-1&&(e.preventDefault(),p(t))}else e.currentTarget===(()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})()&&(e.key===` `&&C?(e.preventDefault(),i.toggleSelected()):e.key===`Enter`&&S&&(e.preventDefault(),S.ref.current?.click()))},ref:v,tabIndex:T?(s===-1||s===r)&&f===-1?0:-1:void 0,...a,children:l(P,{actions:b.map(({ref:e})=>e),focusManaged:T,highlightedIndex:f,labelId:h,onActionMount:D,row:i,setHighlightedIndex:y(e=>{p(e),e===-1&&_.current?.focus()}),setSelector:w,children:t})})});Y.displayName=`@optiaxiom/react/DataTableRow`;const ie=e=>{if(e.target instanceof Element){let t=e.target.closest(`label`);if(t&&e.currentTarget.contains(t)&&t.control)return t.control}},X=e=>{if(!(e.target instanceof Element))return!1;let t=e.target.closest(`a, button, input, select, textarea, [contenteditable="true"], [role="button"], [role="link"]`);return t&&t!==e.currentTarget},Z=e=>e.target instanceof Element&&!e.currentTarget.contains(e.target);i();const Q=r(({className:t,estimatedRowHeight:n=52,loading:r,style:i,...o},s)=>{let u=c(null),d=m(u,s),{table:p}=E(`@optiaxiom/react/DataTableBody`),{rows:h}=p.getRowModel(),g=a(()=>{let e=0;return h.reduce((t,n)=>(t.push(n),e++,r&&typeof r==`object`&&r[n.id]===`sub-rows`&&t.push(N(p,e++),N(p,e++)),t),[])},[r,h,p]),v=c(g);e(()=>{v.current=g});let y=c(null),b=()=>{if(!u.current||!y.current)return;let{offsetWidth:e,scrollLeft:t,scrollWidth:n}=y.current;n>e?u.current.dataset.scrollTimeline=t===0?`left`:t>=n-e?`right`:`middle`:delete u.current.dataset.scrollTimeline};e(()=>{b();let e=y.current;if(!e)return;let t=new ResizeObserver(b);return t.observe(e),()=>t.disconnect()},[]);let x=p.getCenterVisibleLeafColumns(),S=C({count:x.length,enabled:x.length>20,estimateSize:e=>x[e].getSize(),getItemKey:e=>x[e].id,getScrollElement:()=>y.current,horizontal:!0}),w=S.getVirtualItems(),T=w[0]?.start??0,j=C({count:g.length,enabled:x.length>20||g.length>20,estimateSize:()=>n,getItemKey:e=>g[e].id,getScrollElement:()=>y.current}),P=j.getVirtualItems();return l(f,{ref:d,style:{..._({[R]:`${p.getLeftTotalSize()}px`,[z]:`${p.getRightTotalSize()}px`,[ee]:(p.getHeaderGroups()[0]?.headers.reduce((e,t)=>e+(t.column.getCanResize()?t.getSize():0),0)??0).toString()}),...i},...B({},t),...o,children:l(D,{layout:`fixed`,onScroll:b,ref:y,children:[l(A,{display:`grid`,pinned:!0,children:p.getHeaderGroups().map(e=>l(M,{display:`flex`,children:e.headers.map(e=>l(J,{header:e,pinned:!!e.column.getIsPinned(),style:{..._({[I]:`${e.column.getStart(e.column.getIsPinned()||`left`)}px`,[L]:`${e.getSize()}`})},...F({pinned:e.column.getIsPinned()||void 0,pinnedType:e.column.getIsPinned()?`header`:void 0,resizable:e.column.getCanResize()}),children:e.isPlaceholder?null:W(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),l(O,{display:`grid`,style:j.options.enabled?{height:`${j.getTotalSize()}px`}:void 0,children:(r===!0?Array.from({length:10},(e,t)=>({row:N(p,t),virtualRow:void 0})):j.options.enabled?P.length===0&&g.length>0?v.current.map(e=>({row:e,virtualRow:void 0})):P.map(e=>({row:g[e.index],virtualRow:e})):g.map(e=>({row:e,virtualRow:void 0}))).map(({row:e,virtualRow:t},n)=>l(Y,{"data-index":t?.index,display:`flex`,index:t?.index??n,ref:t?j.measureElement:void 0,row:e,style:t?{position:`absolute`,transform:`translateY(${t.start}px)`}:void 0,children:[e.getLeftVisibleCells().map(e=>l(k,{pinned:!0,style:{..._({[I]:`${e.column.getStart(`left`)}px`,[L]:`${e.column.getSize()}`})},...F({pinned:`left`,pinnedType:`body`,resizable:e.column.getCanResize()}),children:W(e.column.columnDef.cell,e.getContext())},e.id)),S.options.enabled&&T>0&&l(k,{style:{width:T}}),(S.options.enabled?w.map(t=>e.getCenterVisibleCells()[t.index]):e.getCenterVisibleCells()).map(e=>l(k,{style:{..._({[L]:`${e.column.getSize()}`})},...F({resizable:e.column.getCanResize()}),children:W(e.column.columnDef.cell,e.getContext())},e.id)),e.getRightVisibleCells().map(e=>l(k,{pinned:!0,style:{..._({[I]:`${e.column.getStart(`right`)}px`,[L]:`${e.column.getSize()}`})},...F({pinned:`right`,pinnedType:`body`,resizable:e.column.getCanResize()}),children:W(e.column.columnDef.cell,e.getContext())},e.id))]},e.id))})]})})});Q.displayName=`@optiaxiom/react/DataTableBody`;const $=`ax-data-table-body`;var ae=u($,Q,d,s);export{$ as DataTableBody,ae as default};
+function W(t,n){return t?G(t)?e(t,n):t:null}function G(e){return K(e)||typeof e==`function`||q(e)}function K(e){return typeof e==`function`&&(()=>{let t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}function q(e){return typeof e==`object`&&typeof e.$$typeof==`symbol`&&[`react.memo`,`react.forward_ref`].includes(e.$$typeof.description)}r();const J=n(({children:e,header:t,...n},r)=>{let i=t.column.getIsSorted();return c(w,{asChild:!0,children:c(j,{"aria-sort":t.column.getCanSort()?i===!1?`none`:i===`asc`?`ascending`:`descending`:void 0,colSpan:t.colSpan,ref:r,...n,children:[t.column.getCanResize()&&c(T,{visible:t.column.getIsResizing()?`always`:`if-needed`,children:c(b,{onDoubleClick:()=>t.column.resetSize(),onMouseDown:t.getResizeHandler(),onTouchStart:t.getResizeHandler(),orientation:`vertical`,style:{transform:t.getContext().table.options.columnResizeMode===`onEnd`&&t.column.getIsResizing()?`translateX(${t.getContext().table.getState().columnSizingInfo.deltaOffset}px)`:``},...H({resizing:t.column.getIsResizing()})})}),t.column.getCanSort()?c(x,{asChild:!0,inset:!0,...V(),children:c(`button`,{onClick:()=>t.column.toggleSorting(),children:[e,i&&c(v,{children:[`sorted `,i===`asc`?`ascending`:`descending`]}),c(T,{display:`grid`,placeItems:`center`,visible:i?`always`:`if-needed`,children:[c(h,{asChild:!0,...U({active:i===!1}),children:c(te,{})}),c(h,{asChild:!0,...U({active:i===`asc`}),children:c(re,{})}),c(h,{asChild:!0,...U({active:i===`desc`}),children:c(ne,{})})]})]})}):e]})})});J.displayName=`@optiaxiom/react/DataTableHeaderCell`,r();const Y=n(({children:e,index:n,row:r,...i},a)=>{let{highlightedIndex:o,setHighlightedIndex:l,table:d}=E(`@optiaxiom/react/DataTableRow`),[f,p]=t(-1),h=g(),_=s(null),v=m(_,a);u(()=>{if(o===n)return _.current?.contains((()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})())||_.current?.focus(),()=>p(-1)},[o,n]);let[b,x]=t([]),S=b.find(e=>e.primary),[C,w]=t(),T=!!(C||S),D=y(({primary:e,ref:t})=>(x(n=>[...n,{primary:e,ref:t}]),()=>x(e=>e.filter(e=>e.ref!==t))));return c(M,{"aria-labelledby":h,"aria-selected":r.getCanSelect()?r.getIsSelected():void 0,"data-focus-visible":T?``:void 0,"data-selected":r.getIsSelected()?``:void 0,onClick:e=>{e.target instanceof Element&&(Z(e)||X(e)||(r.getCanSelect()?C&&ie(e)!==C.current&&d.setRowSelection({[r.id]:!0}):S?.ref.current?.contains(e.target)||S?.ref.current?.click()))},onDoubleClick:e=>{!r.getCanSelect()||!S||!(e.target instanceof Element)||Z(e)||X(e)||S.ref.current?.contains(e.target)||(e.preventDefault(),document.getSelection()?.empty(),S.ref.current?.click())},onFocus:e=>{T&&(l(n),e.target===e.currentTarget&&p(-1))},onKeyDown:e=>{if(e.defaultPrevented||e.target instanceof HTMLElement&&e.target!==C?.current&&(e.target.isContentEditable||[`input`,`select`,`textarea`].includes(e.target.localName)))return;let{rows:t}=d.getRowModel();if(T&&(e.key===`ArrowDown`||e.key===`ArrowUp`)){let n=e.key===`ArrowDown`?o+1:o-1;if(n>=0&&n<=t.length-1&&(e.preventDefault(),l(n),C)){let i=t[n];e.shiftKey&&r.getCanMultiSelect()?d.setRowSelection(e=>e[i.id]?{...e,[r.id]:!1}:{...e,[i.id]:!0}):d.setRowSelection({[i.id]:!0})}}else if(T&&(()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})()===e.currentTarget&&e.key===`ArrowRight`){let t=f+1;t<=b.length-1&&(e.preventDefault(),p(t))}else e.currentTarget===(()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})()&&(e.key===` `&&C?(e.preventDefault(),r.toggleSelected()):e.key===`Enter`&&S&&(e.preventDefault(),S.ref.current?.click()))},ref:v,tabIndex:T?(o===-1||o===n)&&f===-1?0:-1:void 0,...i,children:c(P,{actions:b.map(({ref:e})=>e),focusManaged:T,highlightedIndex:f,labelId:h,onActionMount:D,row:r,setHighlightedIndex:y(e=>{p(e),e===-1&&_.current?.focus()}),setSelector:w,children:e})})});Y.displayName=`@optiaxiom/react/DataTableRow`;const ie=e=>{if(e.target instanceof Element){let t=e.target.closest(`label`);if(t&&e.currentTarget.contains(t)&&t.control)return t.control}},X=e=>{if(!(e.target instanceof Element))return!1;let t=e.target.closest(`a, button, input, select, textarea, [contenteditable="true"], [role="button"], [role="link"]`);return t&&t!==e.currentTarget},Z=e=>e.target instanceof Element&&!e.currentTarget.contains(e.target);r();const Q=n(({className:e,estimatedRowHeight:t=52,loading:n,style:r,...a},o)=>{let l=s(null),d=m(l,o),{table:p}=E(`@optiaxiom/react/DataTableBody`),{rows:h}=p.getRowModel(),g=i(()=>{let e=0;return h.reduce((t,r)=>(t.push(r),e++,n&&typeof n==`object`&&n[r.id]===`sub-rows`&&t.push(N(p,e++),N(p,e++)),t),[])},[n,h,p]),v=s(g);u(()=>{v.current=g});let y=s(null),b=()=>{if(!l.current||!y.current)return;let{offsetWidth:e,scrollLeft:t,scrollWidth:n}=y.current;n>e?l.current.dataset.scrollTimeline=t===0?`left`:t>=n-e?`right`:`middle`:delete l.current.dataset.scrollTimeline};u(()=>{b();let e=y.current;if(!e)return;let t=new ResizeObserver(b);return t.observe(e),()=>t.disconnect()},[]);let x=p.getCenterVisibleLeafColumns(),S=C({count:x.length,enabled:x.length>20,estimateSize:e=>x[e].getSize(),getItemKey:e=>x[e].id,getScrollElement:()=>y.current,horizontal:!0}),w=S.getVirtualItems(),T=w[0]?.start??0,j=C({count:g.length,enabled:x.length>20||g.length>20,estimateSize:()=>t,getItemKey:e=>g[e].id,getScrollElement:()=>y.current}),P=j.getVirtualItems();return c(f,{ref:d,style:{..._({[R]:`${p.getLeftTotalSize()}px`,[z]:`${p.getRightTotalSize()}px`,[ee]:(p.getHeaderGroups()[0]?.headers.reduce((e,t)=>e+(t.column.getCanResize()?t.getSize():0),0)??0).toString()}),...r},...B({},e),...a,children:c(D,{layout:`fixed`,onScroll:b,ref:y,children:[c(A,{display:`grid`,pinned:!0,children:p.getHeaderGroups().map(e=>c(M,{display:`flex`,children:e.headers.map(e=>c(J,{header:e,pinned:!!e.column.getIsPinned(),style:{..._({[I]:`${e.column.getStart(e.column.getIsPinned()||`left`)}px`,[L]:`${e.getSize()}`})},...F({pinned:e.column.getIsPinned()||void 0,pinnedType:e.column.getIsPinned()?`header`:void 0,resizable:e.column.getCanResize()}),children:e.isPlaceholder?null:W(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),c(O,{display:`grid`,style:j.options.enabled?{height:`${j.getTotalSize()}px`}:void 0,children:(n===!0?Array.from({length:10},(e,t)=>({row:N(p,t),virtualRow:void 0})):j.options.enabled?P.length===0&&g.length>0?v.current.map(e=>({row:e,virtualRow:void 0})):P.map(e=>({row:g[e.index],virtualRow:e})):g.map(e=>({row:e,virtualRow:void 0}))).map(({row:e,virtualRow:t},n)=>c(Y,{"data-index":t?.index,display:`flex`,index:t?.index??n,ref:t?j.measureElement:void 0,row:e,style:t?{position:`absolute`,transform:`translateY(${t.start}px)`}:void 0,children:[e.getLeftVisibleCells().map(e=>c(k,{pinned:!0,style:{..._({[I]:`${e.column.getStart(`left`)}px`,[L]:`${e.column.getSize()}`})},...F({pinned:`left`,pinnedType:`body`,resizable:e.column.getCanResize()}),children:W(e.column.columnDef.cell,e.getContext())},e.id)),S.options.enabled&&T>0&&c(k,{style:{width:T}}),(S.options.enabled?w.map(t=>e.getCenterVisibleCells()[t.index]):e.getCenterVisibleCells()).map(e=>c(k,{style:{..._({[L]:`${e.column.getSize()}`})},...F({resizable:e.column.getCanResize()}),children:W(e.column.columnDef.cell,e.getContext())},e.id)),e.getRightVisibleCells().map(e=>c(k,{pinned:!0,style:{..._({[I]:`${e.column.getStart(`right`)}px`,[L]:`${e.column.getSize()}`})},...F({pinned:`right`,pinnedType:`body`,resizable:e.column.getCanResize()}),children:W(e.column.columnDef.cell,e.getContext())},e.id))]},e.id))})]})})});Q.displayName=`@optiaxiom/react/DataTableBody`;const $=`ax-data-table-body`;var ae=l($,Q,d,o);export{$ as DataTableBody,ae as default};

package/dist/components/DataTableCheckbox.d.ts

@@ -1,19 +1,18 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/DataTableCheckbox.d.ts
 declare const DataTableCheckbox = "ax-data-table-checkbox";
 type DataTableCheckboxProps = BoxProps & {
-  "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);
   "description"?: string | number | false | true;
-  "indeterminate"?: false | true;
-  "visible"?: "always" | "if-needed";
+  "indeterminate"?: undefined | false | true;
+  "visible"?: undefined | "always" | "if-needed";
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/DataTableCheckbox.js

@@ -1 +1 @@
-import{C as e,E as t,a as n,d as r,n as i,p as a,r as o,t as s,w as c}from"../register-CmGCaC0G.js";import{P as l}from"../propTypes-CCF8mpiF.js";import{r as u}from"../Box-CWv2x03U.js";import{n as d}from"../dist-DlPoRI4R.js";import{t as f}from"../dist-DaIqmYGf.js";import{n as p}from"../VisuallyHidden-4aRgR_Ie.js";import{t as m}from"../Checkbox-DyqDlNCf.js";import{n as h}from"../DataTableContext-DQ1Jwa9B.js";import{r as g}from"../DataTableRowContext-lMDGjB1O.js";import{t as _}from"../DataTableAction-OilUztrO.js";r(),t();const v=n(({children:t,disabled:n,visible:r,...i},s)=>{let{table:l}=h(`@optiaxiom/react/DataTableCheckbox`),{labelId:v,row:y,setSelector:b}=g(`@optiaxiom/react/DataTableCheckbox`),x=f(),S=a(null),C=d(S,s);return e(()=>{if(b)return n||b(S),()=>b(void 0)},[n,b]),o(c,{children:[y&&o(p,{id:x,children:[`Check to `,y.getIsSelected()?`unselect`:`select`]}),o(_,{visible:r??(l.getIsSomeRowsSelected()||!y)?`always`:void 0,children:o(m,{"aria-label":y?void 0:`Select all`,"aria-labelledby":y&&u(x,v),checked:y?y.getIsSelected():l.getIsAllPageRowsSelected()||l.getIsSomePageRowsSelected(),disabled:n,indeterminate:!y&&l.getIsSomePageRowsSelected(),onChange:y?y.getToggleSelectedHandler():l.getToggleAllPageRowsSelectedHandler(),ref:C,...i,children:t})})]})});v.displayName=`@optiaxiom/react/DataTableCheckbox`;const y=`ax-data-table-checkbox`;var b=s(y,v,l,i);export{y as DataTableCheckbox,b as default};
+import{E as e,a as t,d as n,n as r,p as i,r as a,t as o,w as s,y as c}from"../register-DI_7juGg.js";import{P as l}from"../propTypes-DvAE1OVW.js";import{i as u}from"../Box-7R0puqJI.js";import{n as d}from"../dist-BA1lC60o.js";import{t as f}from"../dist-CZh7xvrW.js";import{n as p}from"../VisuallyHidden-DCd41jCL.js";import{t as m}from"../Checkbox-CgO_zHLo.js";import{n as h}from"../DataTableContext-CjDKR7ob.js";import{r as g}from"../DataTableRowContext-Df235BjY.js";import{t as _}from"../DataTableAction-BZp0ny20.js";n(),e();const v=t(({children:e,disabled:t,visible:n,...r},o)=>{let{table:l}=h(`@optiaxiom/react/DataTableCheckbox`),{labelId:v,row:y,setSelector:b}=g(`@optiaxiom/react/DataTableCheckbox`),x=f(),S=i(null),C=d(S,o);return c(()=>{if(b)return t||b(S),()=>b(void 0)},[t,b]),a(s,{children:[y&&a(p,{id:x,children:[`Check to `,y.getIsSelected()?`unselect`:`select`]}),a(_,{visible:n??(l.getIsSomeRowsSelected()||!y)?`always`:void 0,children:a(m,{"aria-label":y?void 0:`Select all`,"aria-labelledby":y&&u(x,v),checked:y?y.getIsSelected():l.getIsAllPageRowsSelected()||l.getIsSomePageRowsSelected(),disabled:t,indeterminate:!y&&l.getIsSomePageRowsSelected(),onChange:y?y.getToggleSelectedHandler():l.getToggleAllPageRowsSelectedHandler(),ref:C,...r,children:e})})]})});v.displayName=`@optiaxiom/react/DataTableCheckbox`;const y=`ax-data-table-checkbox`;var b=o(y,v,l,r);export{y as DataTableCheckbox,b as default};

package/dist/components/DataTableFooter.d.ts

@@ -1,22 +1,16 @@
+import { o as ResponsiveObject } from "../types-BYPfSW5W.js";
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/DataTableFooter.d.ts
 declare const DataTableFooter = "ax-data-table-footer";
 type DataTableFooterProps = BoxProps & {
-  "pageSizeOptions"?: {
-    label: string;
-    value: string;
-  }[];
-  "page-size-options"?: {
-    label: string;
-    value: string;
-  }[];
-  "showPageSizeOptions"?: false | true;
-  "show-page-size-options"?: false | true;
-  "asChild"?: false | true;
-  "as-child"?: false | true;
+  "pageSizeOptions"?: undefined | ResponsiveObject<undefined>;
+  "page-size-options"?: undefined;
+  "showPageSizeOptions"?: undefined | false | true;
+  "show-page-size-options"?: undefined | false | true;
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {

package/dist/components/DataTableFooter.js

@@ -1 +1 @@
-import{E as e,a as t,d as n,k as r,n as i,r as a,t as o,w as s}from"../register-CmGCaC0G.js";import{F as c}from"../propTypes-CCF8mpiF.js";import{t as l}from"../Box-CWv2x03U.js";import"../layers.css.ts.vanilla-CEJpfE2T-BP9YGHlT.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../Group-wqJPiiS3.js";import{t as f}from"../Text-CebClX-o.js";import{t as p}from"../dist-DaIqmYGf.js";import{n as m}from"../DataTableContext-DQ1Jwa9B.js";import{t as h}from"../Pagination-Cpi3dK4X.js";import{t as g}from"../Select-dJIoZlD9.js";import{t as _}from"../SelectContent--QFUzFPO.js";import{t as v}from"../SelectTrigger-CZFTLcex.js";r(`@layer optiaxiom._1dfr2ib;@layer optiaxiom._1dfr2ib{.oe4az9{width:180px}}`);var y=u({base:`oe4az9`,variants:{slot:{after:{textAlign:`end`},before:{}}}});n(),e();const b=[`10`,`20`,`30`,`50`,`100`].map(e=>({label:e,value:e})),x=t(({pageSizeOptions:e=b,showPageSizeOptions:t,...n},r)=>{let{table:i}=m(`@optiaxiom/react/DataTableFooter`),{pagination:o}=i.getState(),c=p();return a(d,{alignSelf:`stretch`,fontSize:`md`,gap:`16`,justifyContent:`space-between`,mt:`auto`,ref:r,...n,children:[a(l,{...y({slot:`before`}),children:t&&a(d,{gap:`8`,children:[a(f,{color:`fg.secondary`,id:c,children:`Page Size`}),a(g,{onValueChange:e=>e&&i.setPageSize(parseFloat(e)),options:e,value:o.pageSize.toString(),children:[a(v,{appearance:`subtle`,"aria-labelledby":c}),a(_,{})]})]})}),i.getPageCount()>1&&a(h,{onPageChange:e=>i.setPageIndex(e-1),page:o.pageIndex+1,total:i.getPageCount()}),a(f,{...y({slot:`after`}),children:i.getRowCount()>0&&a(s,{children:[o.pageIndex*o.pageSize+1,` -`,` `,Math.min((o.pageIndex+1)*o.pageSize,i.getRowCount()),` `,`of `,i.getRowCount()]})})]})});x.displayName=`@optiaxiom/react/DataTableFooter`;const S=`ax-data-table-footer`;var C=o(S,x,c,i);export{S as DataTableFooter,C as default};
+import{E as e,a as t,d as n,k as r,n as i,r as a,t as o,w as s}from"../register-DI_7juGg.js";import{F as c}from"../propTypes-DvAE1OVW.js";import{t as l}from"../Box-7R0puqJI.js";import"../layers.css.ts.vanilla-BypHg6k1-BcpO_Flj.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../Group-Ba9swfi0.js";import{t as f}from"../Text-BZK21tMK.js";import{t as p}from"../dist-CZh7xvrW.js";import{n as m}from"../DataTableContext-CjDKR7ob.js";import{t as h}from"../Pagination-CTPt6lhK.js";import{t as g}from"../Select-CvIlEMP7.js";import{t as _}from"../SelectContent-D7Ie9mbZ.js";import{t as v}from"../SelectTrigger-B9y8IjGI.js";r(`@layer optiaxiom.yam1o;@layer optiaxiom.yam1o{.t4mf23{width:180px}}`);var y=u({base:`t4mf23`,variants:{slot:{after:{textAlign:`end`},before:{}}}});n(),e();const b=[`10`,`20`,`30`,`50`,`100`].map(e=>({label:e,value:e})),x=t(({pageSizeOptions:e=b,showPageSizeOptions:t,...n},r)=>{let{table:i}=m(`@optiaxiom/react/DataTableFooter`),{pagination:o}=i.getState(),c=p();return a(d,{alignSelf:`stretch`,fontSize:`md`,gap:`16`,justifyContent:`space-between`,mt:`auto`,ref:r,...n,children:[a(l,{...y({slot:`before`}),children:t&&a(d,{gap:`8`,children:[a(f,{color:`fg.secondary`,id:c,children:`Page Size`}),a(g,{onValueChange:e=>e&&i.setPageSize(parseFloat(e)),options:e,value:o.pageSize.toString(),children:[a(v,{appearance:`subtle`,"aria-labelledby":c}),a(_,{})]})]})}),i.getPageCount()>1&&a(h,{onPageChange:e=>i.setPageIndex(e-1),page:o.pageIndex+1,total:i.getPageCount()}),a(f,{...y({slot:`after`}),children:i.getRowCount()>0&&a(s,{children:[o.pageIndex*o.pageSize+1,` -`,` `,Math.min((o.pageIndex+1)*o.pageSize,i.getRowCount()),` `,`of `,i.getRowCount()]})})]})});x.displayName=`@optiaxiom/react/DataTableFooter`;const S=`ax-data-table-footer`;var C=o(S,x,c,i);export{S as DataTableFooter,C as default};

package/dist/components/DataTableLabel.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/DataTableLabel.d.ts
 declare const DataTableLabel = "ax-data-table-label";
 type DataTableLabelProps = 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/DataTableLabel.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-CmGCaC0G.js";import{I as a}from"../propTypes-CCF8mpiF.js";import{t as o}from"../Box-CWv2x03U.js";import{r as s}from"../DataTableRowContext-lMDGjB1O.js";t();const c=e((e,t)=>{let{labelId:n}=s(`@optiaxiom/react/DataTableLabel`);return r(o,{id:n,ref:t,...e})});c.displayName=`@optiaxiom/react/DataTableLabel`;const l=`ax-data-table-label`;var u=i(l,c,a,n);export{l as DataTableLabel,u as default};
+import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{I as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Box-7R0puqJI.js";import{r as s}from"../DataTableRowContext-Df235BjY.js";t();const c=e((e,t)=>{let{labelId:n}=s(`@optiaxiom/react/DataTableLabel`);return r(o,{id:n,ref:t,...e})});c.displayName=`@optiaxiom/react/DataTableLabel`;const l=`ax-data-table-label`;var u=i(l,c,a,n);export{l as DataTableLabel,u as default};