@optiaxiom/web-components 3.0.3 → 3.0.5

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-BwBRWJD3.js";import{x as a}from"../propTypes-BNb4ZFT2.js";import{t as o}from"../ActionsContent-DCxwprnn.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-ZFHM4VWL.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;
-  "required"?: false | true;
-  "value"?: string | number | readonly string[];
-  "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{A as e,D as t,T as n,a as r,d as i,n as a,r as o,t as s}from"../register-BwBRWJD3.js";import{S as c}from"../propTypes-BNb4ZFT2.js";import{r as l}from"../Box-BvgpHWh-.js";import"../layers.css.ts.vanilla-DRoTvdmB-CmYWmWfU.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../dist-Cj1FYlrq.js";import{t as f}from"../dist-CbI-HqNc.js";import{t as p}from"../VisuallyHidden-BPQBTcwX.js";import{t as m}from"../Checkbox-Bu-mzxEc.js";import{n as h}from"../CardContext-crHjuYwi.js";e(`@layer optiaxiom.frggve;@layer optiaxiom.frggve{._1pib0ew{position:relative}._1pib0ew:before{content:"";inset:-8px;position:absolute}}`);var g=u({base:[`_1pib0ew`]});i(),t();const _=r(({className:e,onChange:t,...r},i)=>{let a=f(),{labelId:s}=h(`@optiaxiom/react/CardCheckbox`),[c,u]=d({caller:`@optiaxiom/react/CardCheckbox`,defaultProp:r.defaultChecked,prop:r.checked});return o(n,{children:[o(p,{id:a,children:[`Check to `,c?`unselect`:`select`]}),o(m,{"aria-labelledby":l(a,s),onChange:e=>{t?.(e),u(e.target.checked)},ref:i,...g({},e),...r})]})});_.displayName=`@optiaxiom/react/CardCheckbox`;const v=`ax-card-checkbox`;var y=s(v,_,c,a);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-BP7S1N6D.js";import"../layers.css.ts.vanilla-DAV8xjBt-CRO-lQbz.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-BsUy4QXD.js";import{n as h}from"../CardContext-BbSJMYsT.js";r(`@layer optiaxiom.m05w4x;@layer optiaxiom.m05w4x{._1ektd5w{position:relative}._1ektd5w:before{content:"";inset:-8px;position:absolute}}`);var g=u({base:[`_1ektd5w`]});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-BwBRWJD3.js";import{C as a}from"../propTypes-BNb4ZFT2.js";import{t as o}from"../Box-BvgpHWh-.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-BP7S1N6D.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,a as t,d as n,n as r,r as i,t as a}from"../register-BwBRWJD3.js";import{w as o}from"../propTypes-BNb4ZFT2.js";import{t as s}from"../Box-BvgpHWh-.js";import"../layers.css.ts.vanilla-DRoTvdmB-CmYWmWfU.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{t as l}from"../Group-s2CVOZNg.js";import{t as u}from"../Heading-4Jnp3FSD.js";import{n as d}from"../CardContext-crHjuYwi.js";e(`@layer optiaxiom.frggve;@layer optiaxiom.frggve{._1ph0i9g{min-height:var(--ax-size-sm)}._1tlbo5a{order:3}._1wq3oiw{order:1}.fp22x4{order:2}}`);var f=c({base:[{flex:`none`,gap:`8`}],variants:{slot:{after:`_1tlbo5a`,before:`_1wq3oiw`}}}),p=c({base:[{flex:`1`},`fp22x4`]}),m=c({base:[{alignSelf:`stretch`,gap:`12`,justifyContent:`space-between`},`_1ph0i9g`]});n();const h=t(({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-BP7S1N6D.js";import"../layers.css.ts.vanilla-DAV8xjBt-CRO-lQbz.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{t as l}from"../Group-7td2Uy4I.js";import{t as u}from"../Heading-DJ4Me2oV.js";import{n as d}from"../CardContext-BbSJMYsT.js";n(`@layer optiaxiom.m05w4x;@layer optiaxiom.m05w4x{.ch1r71{min-height:var(--ax-size-sm)}.dxyaao{order:3}.ztzjrk{order:1}._1rhqhgw{order:2}}`);var f=c({base:[{flex:`none`,gap:`8`}],variants:{slot:{after:`dxyaao`,before:`ztzjrk`}}}),p=c({base:[{flex:`1`},`_1rhqhgw`]}),m=c({base:[{alignSelf:`stretch`,gap:`12`,justifyContent:`space-between`},`ch1r71`]});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-BwBRWJD3.js";import{T as a}from"../propTypes-BNb4ZFT2.js";import{t as o}from"../Box-BvgpHWh-.js";import"../layers.css.ts.vanilla-DRoTvdmB-CmYWmWfU.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-BP7S1N6D.js";import"../layers.css.ts.vanilla-DAV8xjBt-CRO-lQbz.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" | "inverse" | "subtle";
-  "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-BwBRWJD3.js";import{E as a}from"../propTypes-BNb4ZFT2.js";import{t as o}from"../Link-CVXvlj8x.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-DidJFQso.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,a as t,d as n,n as r,r as i,t as a}from"../register-BwBRWJD3.js";import{D as o}from"../propTypes-BNb4ZFT2.js";import{t as s}from"../Box-BvgpHWh-.js";import"../layers.css.ts.vanilla-DRoTvdmB-CmYWmWfU.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";e(`@layer optiaxiom.frggve;@layer optiaxiom.frggve{._1u7fsb3{border-top-left-radius:inherit;border-top-right-radius:inherit;margin:-16px -16px 8px;position:relative}.pewxc7{inset:0;padding:16px;place-content:space-between;position:absolute}}`);var l=c({base:[{display:`flex`,flexWrap:`wrap`},`pewxc7`]}),u=c({base:[{alignSelf:`stretch`,display:`grid`,placeItems:`center`},`_1u7fsb3`]});n();const d=t(({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-BP7S1N6D.js";import"../layers.css.ts.vanilla-DAV8xjBt-CRO-lQbz.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";n(`@layer optiaxiom.m05w4x;@layer optiaxiom.m05w4x{._83k53r{border-top-left-radius:inherit;border-top-right-radius:inherit;margin:-16px -16px 8px;position:relative}.m4ifkp{inset:0;padding:16px;place-content:space-between;position:absolute}}`);var l=c({base:[{display:`flex`,flexWrap:`wrap`},`m4ifkp`]}),u=c({base:[{alignSelf:`stretch`,display:`grid`,placeItems:`center`},`_83k53r`]});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;
-  "required"?: false | true;
-  "value"?: string | number | readonly string[];
-  "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-BwBRWJD3.js";import{k as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../Checkbox-Bu-mzxEc.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-BsUy4QXD.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,a as t,d as n,n as r,r as i,t as a}from"../register-BwBRWJD3.js";import{A as o}from"../propTypes-BNb4ZFT2.js";import{n as s,t as c}from"../Box-BvgpHWh-.js";import"../layers.css.ts.vanilla-DRoTvdmB-CmYWmWfU.js";import{t as l}from"../recipeRuntime-BkylZxVy.js";import{t as u}from"../dist-B40F20_C.js";e('@layer optiaxiom.frggve;@layer optiaxiom.frggve{.oh7exo{font-size:.9em;font-variant-ligatures:none}.oh7exo:after,.oh7exo:before{content:"`"}}');var d=l({base:[{fontWeight:`600`},`oh7exo`]});n();const f=u(`@optiaxiom/react/Code`),p=t(({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-BP7S1N6D.js";import"../layers.css.ts.vanilla-DAV8xjBt-CRO-lQbz.js";import{t as l}from"../recipeRuntime-BkylZxVy.js";import{t as u}from"../dist-CEk1F5TU.js";n('@layer optiaxiom.m05w4x;@layer optiaxiom.m05w4x{.ixznqy{font-size:.9em;font-variant-ligatures:none}.ixznqy:after,.ixznqy:before{content:"`"}}');var d=l({base:[{fontWeight:`600`},`ixznqy`]});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-BwBRWJD3.js";import{j as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../Cover-BYLKpsmK.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-DTDkokY6.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{a as e,d as t,n,r,t as i,v as a}from"../register-BwBRWJD3.js";import{L as o}from"../propTypes-BNb4ZFT2.js";import{t as s}from"../Group-s2CVOZNg.js";import{t as c}from"../DataTableContext-DmcqbDTQ.js";t();const l=e(({children:e,table:t,...n},i)=>{let[o,l]=a(-1);return r(s,{flexDirection:`column`,gap:`8`,maxH:`full`,maxW:`full`,ref:i,...n,children:r(c,{highlightedIndex:o,setHighlightedIndex:l,table:t,children:e})})});l.displayName=`@optiaxiom/react/DataTable`;const u=`ax-data-table`;var d=i(u,l,o,n);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-7td2Uy4I.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-BwBRWJD3.js";import{M as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../DataTableAction-D8_PcVlq.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-9WIgBlu9.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{A as e,O as t,a as n,d as r,g as i,n as a,p as o,r as s,t as c,v as l,w as u}from"../register-BwBRWJD3.js";import{N as d}from"../propTypes-BNb4ZFT2.js";import{t as f}from"../Box-BvgpHWh-.js";import"../layers.css.ts.vanilla-DRoTvdmB-CmYWmWfU.js";import{t as p}from"../recipeRuntime-BkylZxVy.js";import{n as m}from"../dist-BKNY9mc2.js";import{t as h}from"../Icon-Jtp2PXGT.js";import{t as g}from"../dist-CbI-HqNc.js";import{t as _}from"../vanilla-extract-dynamic.esm-BTVburtF.js";import{t as v}from"../VisuallyHidden-BPQBTcwX.js";import{t as y}from"../useEffectEvent-DclKYaXW.js";import{t as b}from"../Separator-B_bdQH__.js";import{t as x}from"../Cover-BYLKpsmK.js";import{t as S}from"../withIcon-DXvAihMP.js";import{t as C}from"../esm-Bt9nzjdk.js";import{t as w}from"../ActionsRoot-vON5-o7J.js";import{t as T}from"../ActionsContent-DCxwprnn.js";import{n as E}from"../DataTableContext-DmcqbDTQ.js";import{t as D}from"../Table-UDxRRLB1.js";import{t as O}from"../TableBody-DqeWpxfA.js";import"../TableRow.css.ts.vanilla-Bw8zZIWn-BIbv6ydx.js";import{t as k}from"../TableCell-BchbVVlR.js";import{t as A}from"../TableHeader-CVUKFKlu.js";import{t as j}from"../TableHeaderCell-cOxMNgR6.js";import{t as M}from"../TableRow-CMvDRzsV.js";import{n as N,t as P}from"../DataTableRowContext-C70v-5jc.js";e(`@property --_17m1t55{syntax:"<color>";inherits:false;initial-value:#0000}@layer optiaxiom.frggve;@layer optiaxiom.frggve{.ov7jol{position:relative}.ov7jol[data-scroll-timeline]:after{background-image:linear-gradient(270deg,#0000001a,#0000);right:var(--t2om6h)}.ov7jol[data-scroll-timeline]:before{background-image:linear-gradient(90deg,#0000001a,#0000);left:var(--_22ig5a)}.ov7jol[data-scroll-timeline]:after,.ov7jol[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}.ov7jol[data-scroll-timeline]:not([data-scroll-timeline=left]):before,.ov7jol[data-scroll-timeline]:not([data-scroll-timeline=right]):after{opacity:1}.wwc4uo{width:calc(1px*var(--qek82y))}.nlaln8{left:var(--a4382i)}._6egdh6{right:var(--a4382i)}._19lnjn5{background-color:var(--ax-colors-bg-default);background-image:linear-gradient(var(--_17m1t55),var(--_17m1t55));transition:--_17m1t55 var(--ax-duration-sm) ease}.aaok98[data-selected] ._19lnjn5{--_17m1t55:var(--ax-colors-bg-accent-subtle)}.d9jdj8{flex-grow:calc(var(--qek82y)/var(--_1dwdwe5))}@media (hover:hover){.aaok98:hover ._19lnjn5{--_17m1t55:var(--ax-colors-bg-default-hovered)}.aaok98[data-selected]:hover ._19lnjn5{--_17m1t55: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`},`wwc4uo`],variants:{pinned:{left:`nlaln8`,right:`_6egdh6`},pinnedType:{body:`_19lnjn5`,header:{}},resizable:{false:{},true:`d9jdj8`}}}),I=`var(--a4382i)`,L=`var(--qek82y)`,R=`var(--_22ig5a)`,z=`var(--t2om6h)`,B=p({base:[{display:`flex`,flexDirection:`column`,maxW:`full`,overflow:`hidden`,rounded:`lg`},`ov7jol`]}),ee=`var(--_1dwdwe5)`;const te=S({height:12,name:`IconSort`,width:14},s(`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},s(`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},s(`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`}));e(`@layer optiaxiom.frggve;@layer optiaxiom.frggve{._54kdq2{color:var(--ax-colors-fg-tertiary);text-decoration:none;-webkit-user-select:none;user-select:none}._54kdq2:focus-visible{outline:none;z-index:10}._110nywa{grid-area:1/1/2/2}._1mbmv1g{opacity:0}.zpe758{opacity:1}._12s0qt7{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){._54kdq2: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`},`_54kdq2`]}),H=p({base:[{h:`full`,z:`10`},`_12s0qt7`],variants:{resizing:{false:{},true:{borderColor:`border.focus`}}}}),U=p({base:[{h:`12`,mx:`2`,transition:`opacity`},`_110nywa`],variants:{active:{false:`_1mbmv1g`,true:`zpe758`}}});r();
+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-BP7S1N6D.js";import"../layers.css.ts.vanilla-DAV8xjBt-CRO-lQbz.js";import{t as p}from"../recipeRuntime-BkylZxVy.js";import{n as m}from"../dist-BA1lC60o.js";import{t as h}from"../Icon-k-XoBJUM.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-BAgRmkia.js";import{t as x}from"../Cover-DTDkokY6.js";import{t as S}from"../withIcon-BWYJkwd6.js";import{t as C}from"../esm-A3Yt4Rxm.js";import{t as w}from"../ActionsRoot-BAwQhjfi.js";import{t as T}from"../ActionsContent-ZFHM4VWL.js";import{n as E}from"../DataTableContext-CjDKR7ob.js";import{t as D}from"../Table-BibnHWJ7.js";import{t as O}from"../TableBody--rZ3eDo0.js";import"../TableRow.css.ts.vanilla-BC8UusV6-ClCjw0BY.js";import{t as k}from"../TableCell-BqTeVyYk.js";import{t as A}from"../TableHeader-J4Lnqisc.js";import{t as j}from"../TableHeaderCell-Cf0CtDOH.js";import{t as M}from"../TableRow-BTQrV2S8.js";import{n as N,t as P}from"../DataTableRowContext-8lDz4Pkx.js";a(`@property --t982ik{syntax:"<color>";inherits:false;initial-value:#0000}@layer optiaxiom.m05w4x;@layer optiaxiom.m05w4x{._1lg7kib{position:relative}._1lg7kib[data-scroll-timeline]:after{background-image:linear-gradient(270deg,#0000001a,#0000);right:var(--_37mava)}._1lg7kib[data-scroll-timeline]:before{background-image:linear-gradient(90deg,#0000001a,#0000);left:var(--j5cprq)}._1lg7kib[data-scroll-timeline]:after,._1lg7kib[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}._1lg7kib[data-scroll-timeline]:not([data-scroll-timeline=left]):before,._1lg7kib[data-scroll-timeline]:not([data-scroll-timeline=right]):after{opacity:1}.vbchrr{width:calc(1px*var(--_1b4pdc5))}._16m5lzu{left:var(--g4305k)}.wz0imm{right:var(--g4305k)}.ie0csq{background-color:var(--ax-colors-bg-default);background-image:linear-gradient(var(--t982ik),var(--t982ik));transition:--t982ik var(--ax-duration-sm) ease}.imqzrh[data-selected] .ie0csq{--t982ik:var(--ax-colors-bg-accent-subtle)}._17fsaqz{flex-grow:calc(var(--_1b4pdc5)/var(--_11icor3))}@media (hover:hover){.imqzrh:hover .ie0csq{--t982ik:var(--ax-colors-bg-default-hovered)}.imqzrh[data-selected]:hover .ie0csq{--t982ik: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`},`vbchrr`],variants:{pinned:{left:`_16m5lzu`,right:`wz0imm`},pinnedType:{body:`ie0csq`,header:{}},resizable:{false:{},true:`_17fsaqz`}}}),I=`var(--g4305k)`,L=`var(--_1b4pdc5)`,R=`var(--j5cprq)`,z=`var(--_37mava)`,B=p({base:[{display:`flex`,flexDirection:`column`,maxW:`full`,overflow:`hidden`,rounded:`lg`},`_1lg7kib`]}),ee=`var(--_11icor3)`;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.m05w4x;@layer optiaxiom.m05w4x{._1n1kcw6{color:var(--ax-colors-fg-tertiary);text-decoration:none;-webkit-user-select:none;user-select:none}._1n1kcw6:focus-visible{outline:none;z-index:10}._14hjb4p{grid-area:1/1/2/2}._12w4sl6{opacity:0}._10rquqt{opacity:1}._1u7nuh7{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){._1n1kcw6: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`},`_1n1kcw6`]}),H=p({base:[{h:`full`,z:`10`},`_1u7nuh7`],variants:{resizing:{false:{},true:{borderColor:`border.focus`}}}}),U=p({base:[{h:`12`,mx:`2`,transition:`opacity`},`_14hjb4p`],variants:{active:{false:`_12w4sl6`,true:`_10rquqt`}}});r();
 /**
 * react-table
 *
@@ -9,4 +9,4 @@ import{A as e,O as t,a as n,d as r,g as i,n as a,p as o,r as s,t as c,v as l,w 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)}r();const J=n(({children:e,header:t,...n},r)=>{let i=t.column.getIsSorted();return s(w,{asChild:!0,children:s(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()&&s(T,{visible:t.column.getIsResizing()?`always`:`if-needed`,children:s(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()?s(x,{asChild:!0,inset:!0,...V(),children:s(`button`,{onClick:()=>t.column.toggleSorting(),children:[e,i&&s(v,{children:[`sorted `,i===`asc`?`ascending`:`descending`]}),s(T,{display:`grid`,placeItems:`center`,visible:i?`always`:`if-needed`,children:[s(h,{asChild:!0,...U({active:i===!1}),children:s(te,{})}),s(h,{asChild:!0,...U({active:i===`asc`}),children:s(re,{})}),s(h,{asChild:!0,...U({active:i===`desc`}),children:s(ne,{})})]})]})}):e]})})});J.displayName=`@optiaxiom/react/DataTableHeaderCell`,r();const Y=n(({children:e,index:t,row:n,...r},i)=>{let{highlightedIndex:a,setHighlightedIndex:c,table:d}=E(`@optiaxiom/react/DataTableRow`),[f,p]=l(-1),h=g(),_=o(null),v=m(_,i);u(()=>{if(a===t)return _.current?.contains((()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})())||_.current?.focus(),()=>p(-1)},[a,t]);let[b,x]=l([]),S=b.find(e=>e.primary),[C,w]=l(),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 s(M,{"aria-labelledby":h,"aria-selected":n.getCanSelect()?n.getIsSelected():void 0,"data-focus-visible":T?``:void 0,"data-selected":n.getIsSelected()?``:void 0,onClick:e=>{e.target instanceof Element&&(Z(e)||X(e)||(n.getCanSelect()?C&&ie(e)!==C.current&&d.setRowSelection({[n.id]:!0}):S?.ref.current?.contains(e.target)||S?.ref.current?.click()))},onDoubleClick:e=>{!n.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&&(c(t),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 r=e.key===`ArrowDown`?a+1:a-1;if(r>=0&&r<=t.length-1&&(e.preventDefault(),c(r),C)){let i=t[r];e.shiftKey&&n.getCanMultiSelect()?d.setRowSelection(e=>e[i.id]?{...e,[n.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(),n.toggleSelected()):e.key===`Enter`&&S&&(e.preventDefault(),S.ref.current?.click()))},ref:v,tabIndex:T?(a===-1||a===t)&&f===-1?0:-1:void 0,...r,children:s(P,{actions:b.map(({ref:e})=>e),focusManaged:T,highlightedIndex:f,labelId:h,onActionMount:D,row:n,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},c)=>{let l=o(null),d=m(l,c),{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=o(g);u(()=>{v.current=g});let y=o(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 s(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:s(D,{layout:`fixed`,onScroll:b,ref:y,children:[s(A,{display:`grid`,pinned:!0,children:p.getHeaderGroups().map(e=>s(M,{display:`flex`,children:e.headers.map(e=>s(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))}),s(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)=>s(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=>s(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&&s(k,{style:{width:T}}),(S.options.enabled?w.map(t=>e.getCenterVisibleCells()[t.index]):e.getCenterVisibleCells()).map(e=>s(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=>s(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=c($,Q,d,a);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;
+  "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;
-  "name"?: string;
-  "required"?: false | true;
-  "value"?: string | number | readonly string[];
-  "onCheckedChange"?: (checked: boolean) => void;
-  "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{D as e,T 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-BwBRWJD3.js";import{P as l}from"../propTypes-BNb4ZFT2.js";import{r as u}from"../Box-BvgpHWh-.js";import{n as d}from"../dist-BKNY9mc2.js";import{t as f}from"../dist-CbI-HqNc.js";import{n as p}from"../VisuallyHidden-BPQBTcwX.js";import{t as m}from"../Checkbox-Bu-mzxEc.js";import{n as h}from"../DataTableContext-DmcqbDTQ.js";import{r as g}from"../DataTableRowContext-C70v-5jc.js";import{t as _}from"../DataTableAction-D8_PcVlq.js";r(),e();const v=n(({children:e,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 c(()=>{if(b)return n||b(S),()=>b(void 0)},[n,b]),o(t,{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:e})})]})});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-BP7S1N6D.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-BsUy4QXD.js";import{n as h}from"../DataTableContext-CjDKR7ob.js";import{r as g}from"../DataTableRowContext-8lDz4Pkx.js";import{t as _}from"../DataTableAction-9WIgBlu9.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{A as e,D as t,T as n,a as r,d as i,n as a,r as o,t as s}from"../register-BwBRWJD3.js";import{F as c}from"../propTypes-BNb4ZFT2.js";import{t as l}from"../Box-BvgpHWh-.js";import"../layers.css.ts.vanilla-DRoTvdmB-CmYWmWfU.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../Text-CKVmZmX4.js";import{t as f}from"../Group-s2CVOZNg.js";import{t as p}from"../dist-CbI-HqNc.js";import{n as m}from"../DataTableContext-DmcqbDTQ.js";import{t as h}from"../Pagination-SDoGULVM.js";import{t as g}from"../Select-C9ega8yb.js";import{t as _}from"../SelectContent-0bkzfNuW.js";import{t as v}from"../SelectTrigger-BKhncSZh.js";e(`@layer optiaxiom.frggve;@layer optiaxiom.frggve{._7jotqr{width:180px}}`);var y=u({base:`_7jotqr`,variants:{slot:{after:{textAlign:`end`},before:{}}}});i(),t();const b=[`10`,`20`,`30`,`50`,`100`].map(e=>({label:e,value:e})),x=r(({pageSizeOptions:e=b,showPageSizeOptions:t,...r},i)=>{let{table:a}=m(`@optiaxiom/react/DataTableFooter`),{pagination:s}=a.getState(),c=p();return o(f,{alignSelf:`stretch`,fontSize:`md`,gap:`16`,justifyContent:`space-between`,mt:`auto`,ref:i,...r,children:[o(l,{...y({slot:`before`}),children:t&&o(f,{gap:`8`,children:[o(d,{color:`fg.secondary`,id:c,children:`Page Size`}),o(g,{onValueChange:e=>e&&a.setPageSize(parseFloat(e)),options:e,value:s.pageSize.toString(),children:[o(v,{appearance:`subtle`,"aria-labelledby":c}),o(_,{})]})]})}),a.getPageCount()>1&&o(h,{onPageChange:e=>a.setPageIndex(e-1),page:s.pageIndex+1,total:a.getPageCount()}),o(d,{...y({slot:`after`}),children:a.getRowCount()>0&&o(n,{children:[s.pageIndex*s.pageSize+1,` -`,` `,Math.min((s.pageIndex+1)*s.pageSize,a.getRowCount()),` `,`of `,a.getRowCount()]})})]})});x.displayName=`@optiaxiom/react/DataTableFooter`;const S=`ax-data-table-footer`;var C=s(S,x,c,a);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-BP7S1N6D.js";import"../layers.css.ts.vanilla-DAV8xjBt-CRO-lQbz.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../Group-7td2Uy4I.js";import{t as f}from"../Text-BCLAUcfC.js";import{t as p}from"../dist-CZh7xvrW.js";import{n as m}from"../DataTableContext-CjDKR7ob.js";import{t as h}from"../Pagination-Chhd1I70.js";import{t as g}from"../Select-Bm50Paou.js";import{t as _}from"../SelectContent-BZm9hrbS.js";import{t as v}from"../SelectTrigger-DbC1kpAN.js";r(`@layer optiaxiom.m05w4x;@layer optiaxiom.m05w4x{.astla9{width:180px}}`);var y=u({base:`astla9`,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-BwBRWJD3.js";import{I as a}from"../propTypes-BNb4ZFT2.js";import{t as o}from"../Box-BvgpHWh-.js";import{r as s}from"../DataTableRowContext-C70v-5jc.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-BP7S1N6D.js";import{r as s}from"../DataTableRowContext-8lDz4Pkx.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};

package/dist/components/DateInput.d.ts

@@ -1,33 +1,32 @@
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-
 //#region src/components/DateInput.d.ts
 declare const DateInput = "ax-date-input";
 type DateInputProps = BoxProps & {
-  "placeholder"?: string;
-  "holiday"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
-  "weekend"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
-  "type"?: "date" | "datetime-local";
-  "size"?: "lg" | "md" | "xl";
-  "asChild"?: false | true;
-  "as-child"?: false | true;
-  "autoFocus"?: false | true;
-  "auto-focus"?: false | true;
+  "placeholder"?: undefined | string;
+  "holiday"?: undefined | false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
+  "weekend"?: undefined | false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
+  "type"?: undefined | "date" | "datetime-local";
+  "size"?: undefined | "lg" | "md" | "xl";
+  "asChild"?: undefined | false | true;
+  "as-child"?: undefined | false | true;
+  "autoFocus"?: undefined | false | true;
+  "auto-focus"?: undefined | false | true;
+  "name"?: undefined | string;
+  "onValueChange"?: undefined | ((value: string) => void);
+  "disabled"?: undefined | false | true;
+  "required"?: undefined | false | true;
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
-  "disabled"?: false | true;
-  "name"?: string;
-  "required"?: false | true;
-  "appearance"?: "number" | "default";
-  "addonPointerEvents"?: "auto" | "none";
-  "addon-pointer-events"?: "auto" | "none";
-  "onValueChange"?: (value: string) => void;
-  "error"?: false | true;
-  "htmlSize"?: number;
-  "html-size"?: number;
+  "addonPointerEvents"?: undefined | "auto" | "none";
+  "addon-pointer-events"?: undefined | "auto" | "none";
+  "error"?: undefined | false | true;
+  "appearance"?: undefined | "number" | "default";
+  "htmlSize"?: undefined | number;
+  "html-size"?: undefined | number;
 };
 declare module "@stencil/core" {
   namespace JSX {