@optiaxiom/web-components 0.13.0-next.2 → 1.0.1

package/dist/components/DataTableAction.d.ts

@@ -1,17 +1,15 @@
-import { JSXBase } from '@stencil/core/internal';
-import { ComponentPropsWithoutRef } from 'react';
-import { BoxProps } from './Box.js';
-import '../types-B4RnVKcG.js';
+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 &  {
+type DataTableActionProps = BoxProps & {
   "primary"?: false | true;
-"asChild"?: false | true;
-"as-child"?: false | true;
-"visible"?: "always" | "if-needed";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "visible"?: "always" | "if-needed";
 };
-
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -19,7 +17,6 @@ declare module "@stencil/core" {
     }
   }
 }
-
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -27,6 +24,5 @@ declare module "react" {
     }
   }
 }
-
-export { DataTableAction };
-export type { DataTableActionProps };
+//#endregion
+export { DataTableAction, DataTableActionProps };

package/dist/components/DataTableAction.js

@@ -1 +1 @@
-import{r as o,c as r}from"../register-Suw5SMp3.js";import{I as i}from"../propTypes-CBoT2zxL.js";import{u as m}from"../DataTableAction-CRnIg5pT.js";import"../index-DF-lKL9l.js";import"../Table-DOi_sYkg.js";import"../Box-D6ZZWdZy.js";import"../layers.css.ts.vanilla-CjfsrNSJ-DNQt9VKM.js";import"../recipeRuntime-BvPxdQJv.js";import"../TableAction-hl3EG4TR.js";import"../ActionsRoot-EzxyHvVx.js";import"../AvatarGroup.css.ts.vanilla-aK308P49-BzJDHmyf.js";import"../TableBody-2mlfbsEK.js";import"../TableCell-BW5-vRBs.js";import"../TableRow.css.ts.vanilla-BPRD8lJ4-B-FRvh6s.js";import"../TableHeader-L2uDLTv4.js";import"../TableHeaderCell-CkWIusPu.js";import"../TableRow-Cvw3-GlY.js";import"../DataTableRowContext-4gosJAwa.js";import"../index-BCRt_Cv9.js";import"../Skeleton-DJz2nUKo.js";const t="ax-data-table-action";var p=o(t,m,i,r);export{t as DataTableAction,p as default};
+import{n as e,t}from"../register-D962gXY2.js";import{M as n}from"../propTypes-BUbCsTMn.js";import{t as r}from"../DataTableAction-DLHOI0xY.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,18 +1,16 @@
-import { JSXBase } from '@stencil/core/internal';
-import { ComponentPropsWithoutRef } from 'react';
-import { BoxProps } from './Box.js';
-import '../types-B4RnVKcG.js';
+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 &  {
+type DataTableBodyProps = BoxProps & {
   "estimatedRowHeight"?: number;
-"estimated-row-height"?: number;
-"loading"?: false | true | Record<string, false | "sub-rows">;
-"asChild"?: false | true;
-"as-child"?: false | true;
+  "estimated-row-height"?: number;
+  "loading"?: false | true | Record<string, false | "sub-rows">;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
-
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -20,7 +18,6 @@ declare module "@stencil/core" {
     }
   }
 }
-
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -28,6 +25,5 @@ declare module "react" {
     }
   }
 }
-
-export { DataTableBody };
-export type { DataTableBodyProps };
+//#endregion
+export { DataTableBody, DataTableBodyProps };

package/dist/components/DataTableBody.js

@@ -1,10 +1,12 @@
-import{k as te,i as B,u as n,D as E,d as H,A as z,y as L,T as re,r as oe,c as ne}from"../register-Suw5SMp3.js";import{H as ae}from"../propTypes-CBoT2zxL.js";import{u as q}from"../index-DF-lKL9l.js";import{O as N}from"../index-Z-Fpnr53.js";import{g as _}from"../vanilla-extract-dynamic.esm-eGTknIhu.js";import{r as ie}from"../Box-D6ZZWdZy.js";import{t as le}from"../Table-DOi_sYkg.js";import"../TableAction-hl3EG4TR.js";import{r as se}from"../TableBody-2mlfbsEK.js";import{e as k}from"../TableCell-BW5-vRBs.js";import{e as ce}from"../TableHeader-L2uDLTv4.js";import{i as de}from"../TableHeaderCell-CkWIusPu.js";import{r as K}from"../TableRow-Cvw3-GlY.js";import"../layers.css.ts.vanilla-CjfsrNSJ-DNQt9VKM.js";import"../TableRow.css.ts.vanilla-BPRD8lJ4-B-FRvh6s.js";import{p as $}from"../recipeRuntime-BvPxdQJv.js";import{a as Z}from"../DataTableContext-YS5J3ZQZ.js";import{a as U,o as ue}from"../ActionsRoot-EzxyHvVx.js";import{o as me}from"../Cover-B009JOML.js";import{o as M}from"../Icon-DDV0pJLY.js";import{a as A}from"../withIcon-Cf7t_1Ja.js";import{t as ge}from"../Separator-DvqhjIOB.js";import{o as fe}from"../VisuallyHidden-CPqW64JW.js";import{u as pe}from"../index-DvcyhUZo.js";import{f as W}from"../useEffectEvent-DJZrCahU.js";import"../FieldContext-Cilw5-ml.js";import"../isHoverSupported-BZl_ktsP.js";import{g as he,d as P}from"../DataTableRowContext-4gosJAwa.js";import"../index-BCRt_Cv9.js";import"../AvatarGroup.css.ts.vanilla-aK308P49-BzJDHmyf.js";import"../Cover.css.ts.vanilla-DCq-y0_u-bcqdDGXC.js";import"../index-BgwdcOG9.js";import"../index-b5jsa8Sf.js";import"../FilteredSlot-CzMUQ7sE.js";import"../index-CJw0gSFa.js";import"../index-Cei0n8FZ.js";import"../Skeleton-DJz2nUKo.js";/**
-   * react-table
-   *
-   * Copyright (c) TanStack
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */function I(r,o){return r?ve(r)?te(r,o):r:null}function ve(r){return be(r)||typeof r=="function"||ye(r)}function be(r){return typeof r=="function"&&(()=>{const o=Object.getPrototypeOf(r);return o.prototype&&o.prototype.isReactComponent})()}function ye(r){return typeof r=="object"&&typeof r.$$typeof=="symbol"&&["react.memo","react.forward_ref"].includes(r.$$typeof.description)}B('@property --_17bxwjw{syntax:"<color>";inherits:false;initial-value:transparent}@layer optiaxiom._2m54yp;@layer optiaxiom._2m54yp{._1rfcjv9{position:relative}._1rfcjv9[data-scroll-timeline]:after{background-image:linear-gradient(270deg,rgba(0,0,0,.1),transparent);right:var(--fltjgt)}._1rfcjv9[data-scroll-timeline]:before{background-image:linear-gradient(90deg,rgba(0,0,0,.1),transparent);left:var(--_1eemmat)}._1rfcjv9[data-scroll-timeline]:after,._1rfcjv9[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}._1rfcjv9[data-scroll-timeline]:not([data-scroll-timeline=left]):before{opacity:1}._1rfcjv9[data-scroll-timeline]:not([data-scroll-timeline=right]):after{opacity:1}._1k7qt7e{width:calc(1px*var(--vcfkn8))}._1kyu2bt{left:var(--_1pr9lqo)}.cla2gl{right:var(--_1pr9lqo)}._1i8uy8s{background-color:var(--ax-colors-bg-default);background-image:linear-gradient(var(--_17bxwjw),var(--_17bxwjw));transition:--_17bxwjw var(--ax-duration-sm) ease}._1x2sk53[data-selected] ._1i8uy8s{--_17bxwjw:var(--ax-colors-bg-accent-subtle)}._1e0ebg4{flex-grow:calc(var(--vcfkn8)/var(--_6v5ff8))}@media (hover:hover){._1x2sk53:hover ._1i8uy8s{--_17bxwjw:var(--ax-colors-bg-default-hovered)}._1x2sk53[data-selected]:hover ._1i8uy8s{--_17bxwjw:color-mix(in srgb,var(--ax-colors-bg-accent-subtle),var(--ax-colors-bg-accent-light) 15%)}}}');var D=$({base:[{alignItems:"start",display:"flex"},"_1k7qt7e"],variants:{pinned:{left:"_1kyu2bt",right:"cla2gl"},pinnedType:{body:"_1i8uy8s",header:{}},resizable:{false:{},true:"_1e0ebg4"}}}),V="var(--_1pr9lqo)",T="var(--vcfkn8)",xe="var(--_1eemmat)",we="var(--fltjgt)",Ce=$({base:[{display:"flex",flexDirection:"column",maxW:"full",overflow:"hidden",rounded:"lg"},"_1rfcjv9"]}),_e="var(--_6v5ff8)";const $e=A({height:12,name:"IconSort",width:14},n("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"})),Se=A({height:12,name:"IconSortDown",width:14},n("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=A({height:12,name:"IconSortUp",width:14},n("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"}));B("@layer optiaxiom._2m54yp;@layer optiaxiom._2m54yp{._1h1s55s{color:var(--ax-colors-fg-tertiary);text-decoration:none;-webkit-user-select:none;user-select:none}._1h1s55s:focus-visible{outline:none;z-index:10}.v04nvy{grid-area:1/1/2/2}._7cvfol{opacity:0}._16fn9pg{opacity:1}.debkd1{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){._1h1s55s:hover{color:var(--ax-colors-fg-secondary)}}}");var ze=$({base:[{alignItems:"center",display:"flex",gap:"4",justifyContent:"flex-start",rounded:"md",textAlign:"start",textTransform:"uppercase",transition:"colors",w:"full"},"_1h1s55s"]}),ke=$({base:[{h:"full",z:"10"},"debkd1"],variants:{resizing:{false:{},true:{borderColor:"border.focus"}}}}),O=$({base:[{h:"12",mx:"2",transition:"opacity"},"v04nvy"],variants:{active:{false:"_7cvfol",true:"_16fn9pg"}}});const G=E(({children:r,header:o,...l},C)=>{const c=o.column.getIsSorted();return n(ue,{asChild:!0,children:n(de,{"aria-sort":o.column.getCanSort()?c===!1?"none":c==="asc"?"ascending":"descending":void 0,colSpan:o.colSpan,ref:C,...l,children:[o.column.getCanResize()&&n(U,{visible:o.column.getIsResizing()?"always":"if-needed",children:n(ge,{onDoubleClick:()=>o.column.resetSize(),onMouseDown:o.getResizeHandler(),onTouchStart:o.getResizeHandler(),orientation:"vertical",style:{transform:o.getContext().table.options.columnResizeMode==="onEnd"&&o.column.getIsResizing()?`translateX(${o.getContext().table.getState().columnSizingInfo.deltaOffset}px)`:""},...ke({resizing:o.column.getIsResizing()})})}),o.column.getCanSort()?n(me,{asChild:!0,inset:!0,...ze(),children:n("button",{onClick:()=>o.column.toggleSorting(),children:[r,c&&n(fe,{children:["sorted ",c==="asc"?"ascending":"descending"]}),n(U,{display:"grid",placeItems:"center",visible:c?"always":"if-needed",children:[n(M,{asChild:!0,...O({active:c===!1}),children:n($e,{})}),n(M,{asChild:!0,...O({active:c==="asc"}),children:n(Re,{})}),n(M,{asChild:!0,...O({active:c==="desc"}),children:n(Se,{})})]})]})}):r]})})});G.displayName="@optiaxiom/react/DataTableHeaderCell";const F=E(({children:r,index:o,row:l,...C},c)=>{const{highlightedIndex:f,setHighlightedIndex:v,table:w}=Z("@optiaxiom/react/DataTableRow"),[s,b]=H(-1),m=pe(),y=z(null),p=q(y,c);L(()=>{if(f===o)return y.current?.contains((()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})())||y.current?.focus(),()=>b(-1)},[f,o]);const[x,h]=H([]),d=x.find(e=>e.primary),[g,S]=H(),u=Boolean(g||d),R=W(({primary:e,ref:t})=>(h(a=>[...a,{primary:e,ref:t}]),()=>h(a=>a.filter(i=>i.ref!==t))));return n(K,{"aria-labelledby":m,"aria-selected":l.getCanSelect()?l.getIsSelected():void 0,"data-focus-visible":u?"":void 0,"data-selected":l.getIsSelected()?"":void 0,onClick:e=>{e.target instanceof Element&&(Y(e)||X(e)||(l.getCanSelect()?g&&Ie(e)!==g.current&&w.setRowSelection({[l.id]:!0}):d?.ref.current?.contains(e.target)||d?.ref.current?.click()))},onDoubleClick:e=>{!l.getCanSelect()||!d||!(e.target instanceof Element)||Y(e)||X(e)||d.ref.current?.contains(e.target)||(e.preventDefault(),document.getSelection()?.empty(),d.ref.current?.click())},onFocus:e=>{u&&(v(o),e.target===e.currentTarget&&b(-1))},onKeyDown:e=>{if(e.defaultPrevented||e.target instanceof HTMLElement&&e.target!==g?.current&&(e.target.isContentEditable||["input","select","textarea"].includes(e.target.localName)))return;const{rows:t}=w.getRowModel();if(u&&(e.key==="ArrowDown"||e.key==="ArrowUp")){const a=e.key==="ArrowDown"?f+1:f-1;if(a>=0&&a<=t.length-1&&(e.preventDefault(),v(a),g)){const i=t[a];e.shiftKey&&l.getCanMultiSelect()?w.setRowSelection(j=>j[i.id]?{...j,[l.id]:!1}:{...j,[i.id]:!0}):w.setRowSelection({[i.id]:!0})}}else if(u&&(()=>{let a=document.activeElement;for(;a?.shadowRoot;)a=a.shadowRoot.activeElement;return a})()===e.currentTarget&&e.key==="ArrowRight"){const a=s+1;a<=x.length-1&&(e.preventDefault(),b(a))}else e.currentTarget===(()=>{let a=document.activeElement;for(;a?.shadowRoot;)a=a.shadowRoot.activeElement;return a})()&&(e.key===" "&&g?(e.preventDefault(),l.toggleSelected()):e.key==="Enter"&&d&&(e.preventDefault(),d.ref.current?.click()))},ref:p,tabIndex:u?(f===-1||f===o)&&s===-1?0:-1:void 0,...C,children:n(he,{actions:x.map(({ref:e})=>e),focusManaged:u,highlightedIndex:s,labelId:m,onActionMount:R,row:l,setHighlightedIndex:W(e=>{b(e),e===-1&&y.current?.focus()}),setSelector:S,children:r})})});F.displayName="@optiaxiom/react/DataTableRow";const Ie=r=>{if(r.target instanceof Element){const o=r.target.closest("label");if(o&&r.currentTarget.contains(o)&&o.control)return o.control}},X=r=>{if(!(r.target instanceof Element))return!1;const o=r.target.closest('a, button, input, select, textarea, [contenteditable="true"], [role="button"], [role="link"]');return o&&o!==r.currentTarget},Y=r=>r.target instanceof Element&&!r.currentTarget.contains(r.target),J=20,De=20,Q=E(({className:r,estimatedRowHeight:o=52,loading:l,style:C,...c},f)=>{const v=z(null),w=q(v,f),{table:s}=Z("@optiaxiom/react/DataTableBody"),{rows:b}=s.getRowModel(),m=re(()=>{let e=0;return b.reduce((t,a)=>(t.push(a),e++,l&&typeof l=="object"&&l[a.id]==="sub-rows"&&t.push(P(s,e++),P(s,e++)),t),[])},[l,b,s]),y=z(m);L(()=>{y.current=m});const p=z(null),x=()=>{if(!v.current||!p.current)return;const{offsetWidth:e,scrollLeft:t,scrollWidth:a}=p.current;a>e?v.current.dataset.scrollTimeline=t===0?"left":t>=a-e?"right":"middle":delete v.current.dataset.scrollTimeline};L(()=>{x();const e=p.current;if(!e)return;const t=new ResizeObserver(x);return t.observe(e),()=>t.disconnect()},[]);const h=s.getCenterVisibleLeafColumns(),d=N({count:h.length,enabled:h.length>J,estimateSize:e=>h[e].getSize(),getItemKey:e=>h[e].id,getScrollElement:()=>p.current,horizontal:!0}),g=d.getVirtualItems(),S=g[0]?.start??0,u=N({count:m.length,enabled:h.length>J||m.length>De,estimateSize:()=>o,getItemKey:e=>m[e].id,getScrollElement:()=>p.current}),R=u.getVirtualItems();return n(ie,{ref:w,style:{..._({[xe]:`${s.getLeftTotalSize()}px`,[we]:`${s.getRightTotalSize()}px`,[_e]:(s.getHeaderGroups()[0]?.headers.reduce((e,t)=>e+(t.column.getCanResize()?t.getSize():0),0)??0).toString()}),...C},...Ce({},r),...c,children:n(le,{layout:"fixed",onScroll:x,ref:p,children:[n(ce,{display:"grid",pinned:!0,children:s.getHeaderGroups().map(e=>n(K,{display:"flex",children:e.headers.map(t=>n(G,{header:t,pinned:!!t.column.getIsPinned(),style:{..._({[V]:`${t.column.getStart(t.column.getIsPinned()||"left")}px`,[T]:`${t.getSize()}`})},...D({pinned:t.column.getIsPinned()||void 0,pinnedType:t.column.getIsPinned()?"header":void 0,resizable:t.column.getCanResize()}),children:t.isPlaceholder?null:I(t.column.columnDef.header,t.getContext())},t.id))},e.id))}),n(se,{display:"grid",style:u.options.enabled?{height:`${u.getTotalSize()}px`}:void 0,children:(l===!0?Array.from({length:10},(e,t)=>({row:P(s,t),virtualRow:void 0})):u.options.enabled?R.length===0&&m.length>0?y.current.map(e=>({row:e,virtualRow:void 0})):R.map(e=>({row:m[e.index],virtualRow:e})):m.map(e=>({row:e,virtualRow:void 0}))).map(({row:e,virtualRow:t},a)=>n(F,{"data-index":t?.index,display:"flex",index:t?.index??a,ref:t?u.measureElement:void 0,row:e,style:t?{position:"absolute",transform:`translateY(${t.start}px)`}:void 0,children:[e.getLeftVisibleCells().map(i=>n(k,{pinned:!0,style:{..._({[V]:`${i.column.getStart("left")}px`,[T]:`${i.column.getSize()}`})},...D({pinned:"left",pinnedType:"body",resizable:i.column.getCanResize()}),children:I(i.column.columnDef.cell,i.getContext())},i.id)),d.options.enabled&&S>0&&n(k,{style:{width:S}}),(d.options.enabled?g.map(i=>e.getCenterVisibleCells()[i.index]):e.getCenterVisibleCells()).map(i=>n(k,{style:{..._({[T]:`${i.column.getSize()}`})},...D({resizable:i.column.getCanResize()}),children:I(i.column.columnDef.cell,i.getContext())},i.id)),e.getRightVisibleCells().map(i=>n(k,{pinned:!0,style:{..._({[V]:`${i.column.getStart("right")}px`,[T]:`${i.column.getSize()}`})},...D({pinned:"right",pinnedType:"body",resizable:i.column.getCanResize()}),children:I(i.column.columnDef.cell,i.getContext())},i.id))]},e.id))})]})})});Q.displayName="@optiaxiom/react/DataTableBody";const ee="ax-data-table-body";var Te=oe(ee,Q,ae,ne);export{ee as DataTableBody,Te as default};
+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-D962gXY2.js";import{N as d}from"../propTypes-BUbCsTMn.js";import{t as f}from"../Box-DuMleIt5.js";import"../layers.css.ts.vanilla-Cc5AvKlz-D0ut0JB6.js";import{t as p}from"../recipeRuntime-BkylZxVy.js";import{i as m}from"../dist-Dtf6VyOD.js";import{t as h}from"../Icon-BZRN4Yyi.js";import{t as g}from"../withIcon-BX2PhdO9.js";import{t as _}from"../dist-hrP5hD47.js";import{t as v}from"../vanilla-extract-dynamic.esm-BTVburtF.js";import{t as y}from"../VisuallyHidden-S4KW974R.js";import{t as b}from"../useEffectEvent-CWAuDirH.js";import{t as x}from"../Separator-aTBcfbcC.js";import{t as S}from"../Cover-WJN1vi25.js";import{t as C}from"../esm-DyhYMEM3.js";import{t as w}from"../ActionsRoot-CRA3V2d6.js";import{t as T}from"../ActionsContent-B7g4HMKb.js";import{n as E}from"../DataTableContext-B9I_O3IN.js";import{t as D}from"../Table-B15KHTzC.js";import{t as O}from"../TableBody-DBx3s-bD.js";import"../TableRow.css.ts.vanilla-B50yeXiC-C6XQNono.js";import{t as k}from"../TableCell-DCPD7xN3.js";import{t as A}from"../TableHeader-B982i-QY.js";import{t as j}from"../TableHeaderCell-CB2_O0fL.js";import{t as M}from"../TableRow-IeQtApUN.js";import{n as N,t as P}from"../DataTableRowContext-C3EdopiV.js";e(`@property --s6dmgc{syntax:"<color>";inherits:false;initial-value:transparent}@layer optiaxiom.dx1887;@layer optiaxiom.dx1887{._8pb46c{position:relative}._8pb46c[data-scroll-timeline]:after{background-image:linear-gradient(270deg,rgba(0,0,0,.1),transparent);right:var(--_1dbnf0i)}._8pb46c[data-scroll-timeline]:before{background-image:linear-gradient(90deg,rgba(0,0,0,.1),transparent);left:var(--_1jsve2u)}._8pb46c[data-scroll-timeline]:after,._8pb46c[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}._8pb46c[data-scroll-timeline]:not([data-scroll-timeline=left]):before{opacity:1}._8pb46c[data-scroll-timeline]:not([data-scroll-timeline=right]):after{opacity:1}._1vhfb7v{width:calc(1px*var(--en9kv1))}._1g2br2c{left:var(--_1nxv7ff)}._1fjykuh{right:var(--_1nxv7ff)}._1m749t7{background-color:var(--ax-colors-bg-default);background-image:linear-gradient(var(--s6dmgc),var(--s6dmgc));transition:--s6dmgc var(--ax-duration-sm) ease}.e1osdj[data-selected] ._1m749t7{--s6dmgc:var(--ax-colors-bg-accent-subtle)}._19gq2ob{flex-grow:calc(var(--en9kv1)/var(--_1cuqhc9))}@media (hover:hover){.e1osdj:hover ._1m749t7{--s6dmgc:var(--ax-colors-bg-default-hovered)}.e1osdj[data-selected]:hover ._1m749t7{--s6dmgc: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`},`_1vhfb7v`],variants:{pinned:{left:`_1g2br2c`,right:`_1fjykuh`},pinnedType:{body:`_1m749t7`,header:{}},resizable:{false:{},true:`_19gq2ob`}}}),I=`var(--_1nxv7ff)`,L=`var(--en9kv1)`,R=`var(--_1jsve2u)`,z=`var(--_1dbnf0i)`,B=p({base:[{display:`flex`,flexDirection:`column`,maxW:`full`,overflow:`hidden`,rounded:`lg`},`_8pb46c`]}),ee=`var(--_1cuqhc9)`;const te=g({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=g({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=g({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.dx1887;@layer optiaxiom.dx1887{._12h06dy{color:var(--ax-colors-fg-tertiary);text-decoration:none;-webkit-user-select:none;user-select:none}._12h06dy:focus-visible{outline:none;z-index:10}._19486go{grid-area:1/1/2/2}._57j5yw{opacity:0}._1a284cb{opacity:1}._1ob15zp{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){._12h06dy:hover{color:var(--ax-colors-fg-secondary)}}}`);var V=p({base:[{alignItems:`center`,display:`flex`,gap:`4`,justifyContent:`flex-start`,rounded:`md`,textAlign:`start`,transition:`colors`,w:`full`},`_12h06dy`]}),H=p({base:[{h:`full`,z:`10`},`_1ob15zp`],variants:{resizing:{false:{},true:{borderColor:`border.focus`}}}}),U=p({base:[{h:`12`,mx:`2`,transition:`opacity`},`_19486go`],variants:{active:{false:`_57j5yw`,true:`_1a284cb`}}});r();
+/**
+* react-table
+*
+* Copyright (c) TanStack
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE.md file in the root directory of this source tree.
+*
+* @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(x,{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(S,{asChild:!0,inset:!0,...V(),children:s(`button`,{onClick:()=>t.column.toggleSorting(),children:[e,i&&s(y,{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(g,i);u(()=>{if(a===t)return g.current?.contains((()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})())||g.current?.focus(),()=>p(-1)},[a,t]);let[y,x]=l([]),S=y.find(e=>e.primary),[C,w]=l(),T=!!(C||S),D=b(({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<=y.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:y.map(({ref:e})=>e),focusManaged:T,highlightedIndex:f,labelId:h,onActionMount:D,row:n,setHighlightedIndex:b(e=>{p(e),e===-1&&g.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]),_=o(g);u(()=>{_.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:{...v({[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:{...v({[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?_.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:{...v({[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:{...v({[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:{...v({[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};

package/dist/components/DataTableCheckbox.d.ts

@@ -1,22 +1,20 @@
-import { JSXBase } from '@stencil/core/internal';
-import { ComponentPropsWithoutRef } from 'react';
-import { BoxProps } from './Box.js';
-import '../types-B4RnVKcG.js';
+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 &  {
+type DataTableCheckboxProps = BoxProps & {
   "asChild"?: false | true;
-"as-child"?: false | true;
-"name"?: string;
-"value"?: string | number | readonly string[];
-"required"?: false | true;
-"onCheckedChange"?: (checked: boolean) => void;
-"description"?: string | number | false | true;
-"indeterminate"?: false | true;
-"visible"?: "always" | "if-needed";
+  "as-child"?: false | true;
+  "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";
 };
-
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -24,7 +22,6 @@ declare module "@stencil/core" {
     }
   }
 }
-
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -32,6 +29,5 @@ declare module "react" {
     }
   }
 }
-
-export { DataTableCheckbox };
-export type { DataTableCheckboxProps };
+//#endregion
+export { DataTableCheckbox, DataTableCheckboxProps };

package/dist/components/DataTableCheckbox.js

@@ -1 +1 @@
-import{D as f,A as h,y as u,u as i,S,r as x,c as k}from"../register-Suw5SMp3.js";import{J as C}from"../propTypes-CBoT2zxL.js";import{u as I}from"../index-DF-lKL9l.js";import{u as T}from"../index-DvcyhUZo.js";import{V as w}from"../index-b5jsa8Sf.js";import{c as D}from"../Box-D6ZZWdZy.js";import{i as v}from"../SuggestionPopover-DAbVCCPM.js";import{u as R}from"../DataTableAction-CRnIg5pT.js";import{a as y}from"../DataTableContext-YS5J3ZQZ.js";import{c as P}from"../DataTableRowContext-4gosJAwa.js";import"../index-CJw0gSFa.js";import"../index-BgwdcOG9.js";import"../layers.css.ts.vanilla-CjfsrNSJ-DNQt9VKM.js";import"../recipeRuntime-BvPxdQJv.js";import"../Avatar-CBB2rQrF.js";import"../index-BCRt_Cv9.js";import"../index-BfktuCSZ.js";import"../index-BbvZJc_a.js";import"../IconOpal-De2JavpW.js";import"../AvatarGroup.css.ts.vanilla-aK308P49-BzJDHmyf.js";import"../AvatarContext-BD96I2qr.js";import"../MaterialIcon-BDk_mnTM.js";import"../AvatarGroup-Dl6OmX2N.js";import"../Button-3vXWvS2c.js";import"../useSurface-D_0IunOp.js";import"../isHoverSupported-BZl_ktsP.js";import"../index-Cei0n8FZ.js";import"../decorateChildren-DQDkGEva.js";import"../fallbackSpan-RbOgXklO.js";import"../ButtonRoot-CIoxlKXS.js";import"../Spinner-BZW6Zi-u.js";import"../Group-CM2ImPbo.js";import"../Transition-D5QN75EE.js";import"../TransitionGroupContext-WssuPMwI.js";import"../TransitionGroup-D6c4qfix.js";import"../index-Bsxgez75.js";import"../ButtonContext-DKYKHqBA.js";import"../Icon-DDV0pJLY.js";import"../Text-BGICplJk.js";import"../ButtonGroup-CoP9cMtK.js";import"../Heading-BTHhUfxS.js";import"../useEffectEvent-DJZrCahU.js";import"../FieldContext-Cilw5-ml.js";import"../Popover-CReQ9Sg7.js";import"../usePopoverScope-BT99NHuB.js";import"../index-CBrz5xtv.js";import"../index-7txskGDj.js";import"../Combination-DYMbGHDA.js";import"../index-bIZ0RFsR.js";import"../index-V4EsGGoq.js";import"../index-CDr5kGHV.js";import"../PopoverAnchor-BTCP7cTA.js";import"../Listbox-DnwaZLQu.js";import"../Alert-BCfpw-mz.js";import"../warning.svg-iwIxe6q-.js";import"../close.svg-BP4IyfQG.js";import"../useSuggestions-Badn-3mi.js";import"../PopoverTrigger-BPLM4g9U.js";import"../Separator-DvqhjIOB.js";import"../ListboxItemIndicator-Bk26M7DE.js";import"../ToggleInputLabel-T6BZIsZO.js";import"../VisuallyHidden-CPqW64JW.js";import"../FilteredSlot-CzMUQ7sE.js";import"../withIcon-Cf7t_1Ja.js";import"../ListboxItem-DQx3jq87.js";import"../ListboxEmpty-_elGBqdL.js";import"../ListboxGroup-DAt_LHjK.js";import"../ListboxGroupContext-DmYNkUi1.js";import"../ListboxItemized-FJ-a116V.js";import"../Skeleton-DJz2nUKo.js";import"../index-Z-Fpnr53.js";import"../ListboxLabel-BB8-rbj9.js";import"../ListboxRadioItem-2JMieuZu.js";import"../ListboxSeparator-CY3-ykZ7.js";import"../Paper-DRdk_yDz.js";import"../Portal-D6m37m0T.js";import"../PortalContext-Cpof8SBZ.js";import"../onReactSelectInputBlur-Czd5pWjQ.js";import"../modal-context-BtRhKF6r.js";import"../Table-DOi_sYkg.js";import"../TableAction-hl3EG4TR.js";import"../ActionsRoot-EzxyHvVx.js";import"../TableBody-2mlfbsEK.js";import"../TableCell-BW5-vRBs.js";import"../TableRow.css.ts.vanilla-BPRD8lJ4-B-FRvh6s.js";import"../TableHeader-L2uDLTv4.js";import"../TableHeaderCell-CkWIusPu.js";import"../TableRow-Cvw3-GlY.js";const a=f(({children:s,disabled:m,visible:c,...d},b)=>{const{table:t}=y("@optiaxiom/react/DataTableCheckbox"),{labelId:n,row:o,setSelector:r}=P("@optiaxiom/react/DataTableCheckbox"),e=T(),p=h(null),g=I(p,b);return u(()=>{if(r)return m||r(p),()=>r(void 0)},[m,r]),i(S,{children:[o&&i(w,{id:e,children:["Check to ",o.getIsSelected()?"unselect":"select"]}),i(R,{visible:c??(t.getIsSomeRowsSelected()||!o)?"always":void 0,children:i(v,{"aria-label":o?void 0:"Select all","aria-labelledby":o&&D(e,n),checked:o?o.getIsSelected():t.getIsAllPageRowsSelected()||t.getIsSomePageRowsSelected(),disabled:m,indeterminate:!o&&t.getIsSomePageRowsSelected(),onChange:o?o.getToggleSelectedHandler():t.getToggleAllPageRowsSelectedHandler(),ref:g,...d,children:s})})]})});a.displayName="@optiaxiom/react/DataTableCheckbox";const l="ax-data-table-checkbox";var A=x(l,a,C,k);export{l as DataTableCheckbox,A as default};
+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-D962gXY2.js";import{P as l}from"../propTypes-BUbCsTMn.js";import{r as u}from"../Box-DuMleIt5.js";import{i as d}from"../dist-Dtf6VyOD.js";import{t as f}from"../dist-hrP5hD47.js";import{n as p}from"../dist-CJ17gT9K2.js";import{t as m}from"../Checkbox-BRuGc_sb.js";import{n as h}from"../DataTableContext-B9I_O3IN.js";import{r as g}from"../DataTableRowContext-C3EdopiV.js";import{t as _}from"../DataTableAction-DLHOI0xY.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};

package/dist/components/DataTableFooter.d.ts

@@ -1,19 +1,23 @@
-import { JSXBase } from '@stencil/core/internal';
-import { ComponentPropsWithoutRef } from 'react';
-import { BoxProps } from './Box.js';
-import '../types-B4RnVKcG.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;
+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;
 };
-
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -21,7 +25,6 @@ declare module "@stencil/core" {
     }
   }
 }
-
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -29,6 +32,5 @@ declare module "react" {
     }
   }
 }
-
-export { DataTableFooter };
-export type { DataTableFooterProps };
+//#endregion
+export { DataTableFooter, DataTableFooterProps };

package/dist/components/DataTableFooter.js

@@ -1 +1 @@
-import{i as c,D as u,u as t,S as b,r as h,c as x}from"../register-Suw5SMp3.js";import{K as S}from"../propTypes-CBoT2zxL.js";import{u as y}from"../index-DvcyhUZo.js";import{r as z}from"../Box-D6ZZWdZy.js";import{o as e}from"../Group-CM2ImPbo.js";import{h as C}from"../Pagination-BHvkS4jf.js";import{T as P}from"../Select-C9ibChqr.js";import{n as T}from"../SelectContent-BEp_lzCy.js";import{x as w}from"../SelectTrigger-D42I4oO5.js";import{o as a}from"../Text-BGICplJk.js";import{a as D}from"../DataTableContext-YS5J3ZQZ.js";import"../layers.css.ts.vanilla-CjfsrNSJ-DNQt9VKM.js";import{p as F}from"../recipeRuntime-BvPxdQJv.js";import"../index-CJw0gSFa.js";import"../index-DF-lKL9l.js";import"../index-Bsxgez75.js";import"../Button-3vXWvS2c.js";import"../useSurface-D_0IunOp.js";import"../isHoverSupported-BZl_ktsP.js";import"../index-Cei0n8FZ.js";import"../decorateChildren-DQDkGEva.js";import"../fallbackSpan-RbOgXklO.js";import"../ButtonRoot-CIoxlKXS.js";import"../AvatarGroup.css.ts.vanilla-aK308P49-BzJDHmyf.js";import"../Spinner-BZW6Zi-u.js";import"../Transition-D5QN75EE.js";import"../TransitionGroupContext-WssuPMwI.js";import"../index-BCRt_Cv9.js";import"../TransitionGroup-D6c4qfix.js";import"../ButtonContext-DKYKHqBA.js";import"../Icon-DDV0pJLY.js";import"../ButtonGroup-CoP9cMtK.js";import"../Tooltip-C4I-Al56.js";import"../TooltipContent-Ca71ujmw.js";import"../index-DukvR277.js";import"../index-CBrz5xtv.js";import"../index-7txskGDj.js";import"../index-BgwdcOG9.js";import"../index-BfktuCSZ.js";import"../index-bIZ0RFsR.js";import"../index-V4EsGGoq.js";import"../index-b5jsa8Sf.js";import"../Portal-D6m37m0T.js";import"../PortalContext-Cpof8SBZ.js";import"../TooltipContext-C3Ty0m6w.js";import"../theme-css-D9T4e-il.js";import"../TooltipRoot-BIOhl8qj.js";import"../TooltipTrigger-CQLBcRpq.js";import"../FilteredSlot-CzMUQ7sE.js";import"../TooltipProvider-gN8G_zTX.js";import"../VisuallyHidden-CPqW64JW.js";import"../chevron_left.svg-Bn5zXQdI.js";import"../MaterialIcon-BDk_mnTM.js";import"../more_horiz.svg-D1xvl4OG.js";import"../chevron_right.svg-C7Ezi2TC.js";import"../useHighlightedIndex-qYMxalRA.js";import"../useEffectEvent-DJZrCahU.js";import"../FieldContext-Cilw5-ml.js";import"../Avatar-CBB2rQrF.js";import"../index-BbvZJc_a.js";import"../IconOpal-De2JavpW.js";import"../AvatarContext-BD96I2qr.js";import"../AvatarGroup-Dl6OmX2N.js";import"../useObserveValue-Lh-5eHci.js";import"../useSuggestions-Badn-3mi.js";import"../SelectContext-BUQYIc5j.js";import"../Listbox-DnwaZLQu.js";import"../SuggestionPopover-DAbVCCPM.js";import"../Heading-BTHhUfxS.js";import"../Popover-CReQ9Sg7.js";import"../usePopoverScope-BT99NHuB.js";import"../Combination-DYMbGHDA.js";import"../index-CDr5kGHV.js";import"../PopoverAnchor-BTCP7cTA.js";import"../Alert-BCfpw-mz.js";import"../warning.svg-iwIxe6q-.js";import"../close.svg-BP4IyfQG.js";import"../PopoverTrigger-BPLM4g9U.js";import"../Separator-DvqhjIOB.js";import"../ListboxItemIndicator-Bk26M7DE.js";import"../ToggleInputLabel-T6BZIsZO.js";import"../withIcon-Cf7t_1Ja.js";import"../ListboxItem-DQx3jq87.js";import"../ListboxEmpty-_elGBqdL.js";import"../ListboxGroup-DAt_LHjK.js";import"../ListboxGroupContext-DmYNkUi1.js";import"../ListboxItemized-FJ-a116V.js";import"../Skeleton-DJz2nUKo.js";import"../index-Z-Fpnr53.js";import"../ListboxLabel-BB8-rbj9.js";import"../ListboxRadioItem-2JMieuZu.js";import"../ListboxSeparator-CY3-ykZ7.js";import"../Paper-DRdk_yDz.js";import"../onReactSelectInputBlur-Czd5pWjQ.js";import"../modal-context-BtRhKF6r.js";import"../utils-DmL-SVWU.js";import"../ModalLayer-PP5YdstY.js";import"../AngleMenuButton-DVh_Mkr5.js";import"../keyboard_arrow_down.svg-DPagRH1t.js";import"../useFieldLabelTrigger-DuYdj9Il.js";c("@layer optiaxiom._2m54yp;@layer optiaxiom._2m54yp{._1908jey{width:180px}}");var n=F({base:"_1908jey",variants:{slot:{after:{textAlign:"end"},before:{}}}});const v=["10","20","30","50","100"].map(i=>({label:i,value:i})),l=u(({pageSizeOptions:i=v,showPageSizeOptions:g,...f},d)=>{const{table:o}=D("@optiaxiom/react/DataTableFooter"),{pagination:r}=o.getState(),m=y();return t(e,{alignSelf:"stretch",fontSize:"md",gap:"16",justifyContent:"space-between",mt:"auto",ref:d,...f,children:[t(z,{...n({slot:"before"}),children:g&&t(e,{gap:"8",children:[t(a,{color:"fg.secondary",id:m,children:"Page Size"}),t(P,{onValueChange:p=>p&&o.setPageSize(parseFloat(p)),options:i,value:r.pageSize.toString(),children:[t(w,{appearance:"subtle","aria-labelledby":m}),t(T,{})]})]})}),o.getPageCount()>1&&t(C,{onPageChange:p=>o.setPageIndex(p-1),page:r.pageIndex+1,total:o.getPageCount()}),t(a,{...n({slot:"after"}),children:o.getRowCount()>0&&t(b,{children:[r.pageIndex*r.pageSize+1," -"," ",Math.min((r.pageIndex+1)*r.pageSize,o.getRowCount())," ","of ",o.getRowCount()]})})]})});l.displayName="@optiaxiom/react/DataTableFooter";const s="ax-data-table-footer";var I=h(s,l,S,x);export{s as DataTableFooter,I as default};
+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-D962gXY2.js";import{F as c}from"../propTypes-BUbCsTMn.js";import{t as l}from"../Box-DuMleIt5.js";import"../layers.css.ts.vanilla-Cc5AvKlz-D0ut0JB6.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../Text-DrYrdccB.js";import{t as f}from"../Group-BOhnIDE0.js";import{t as p}from"../dist-hrP5hD47.js";import{n as m}from"../DataTableContext-B9I_O3IN.js";import{t as h}from"../Pagination-BYoMuuNB.js";import{t as g}from"../Select-BTEvPopM.js";import{t as _}from"../SelectContent-B3zWbpos.js";import{t as v}from"../SelectTrigger-YK9j6uvB.js";e(`@layer optiaxiom.dx1887;@layer optiaxiom.dx1887{._390tec{width:180px}}`);var y=u({base:`_390tec`,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};

package/dist/components/DataTableLabel.d.ts

@@ -1,15 +1,13 @@
-import { JSXBase } from '@stencil/core/internal';
-import { ComponentPropsWithoutRef } from 'react';
-import { BoxProps } from './Box.js';
-import '../types-B4RnVKcG.js';
+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 &  {
+type DataTableLabelProps = BoxProps & {
   "asChild"?: false | true;
-"as-child"?: false | true;
+  "as-child"?: false | true;
 };
-
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -17,7 +15,6 @@ declare module "@stencil/core" {
     }
   }
 }
-
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -25,6 +22,5 @@ declare module "react" {
     }
   }
 }
-
-export { DataTableLabel };
-export type { DataTableLabelProps };
+//#endregion
+export { DataTableLabel, DataTableLabelProps };

package/dist/components/DataTableLabel.js

@@ -1 +1 @@
-import{D as l,u as m,r as i,c as p}from"../register-Suw5SMp3.js";import{L as b}from"../propTypes-CBoT2zxL.js";import{r as s}from"../Box-D6ZZWdZy.js";import{c}from"../DataTableRowContext-4gosJAwa.js";import"../index-DF-lKL9l.js";import"../layers.css.ts.vanilla-CjfsrNSJ-DNQt9VKM.js";import"../recipeRuntime-BvPxdQJv.js";import"../index-BCRt_Cv9.js";import"../Skeleton-DJz2nUKo.js";const a=l((e,r)=>{const{labelId:o}=c("@optiaxiom/react/DataTableLabel");return m(s,{id:o,ref:r,...e})});a.displayName="@optiaxiom/react/DataTableLabel";const t="ax-data-table-label";var f=i(t,a,b,p);export{t as DataTableLabel,f as default};
+import{a as e,d as t,n,r,t as i}from"../register-D962gXY2.js";import{I as a}from"../propTypes-BUbCsTMn.js";import{t as o}from"../Box-DuMleIt5.js";import{r as s}from"../DataTableRowContext-C3EdopiV.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,36 +1,34 @@
-import { JSXBase } from '@stencil/core/internal';
-import { ComponentPropsWithoutRef } from 'react';
-import { BoxProps } from './Box.js';
-import '../types-B4RnVKcG.js';
+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 &  {
+type DateInputProps = BoxProps & {
+  "placeholder"?: string;
   "holiday"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
-"placeholder"?: string;
-"weekend"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
-"type"?: "date" | "datetime-local";
-"size"?: "md" | "lg" | "xl";
-"asChild"?: false | true;
-"as-child"?: false | true;
-"autoFocus"?: false | true;
-"auto-focus"?: false | true;
-"addonAfter"?: string | number | false | true;
-"addon-after"?: string;
-"addonBefore"?: string | number | false | true;
-"addon-before"?: string;
-"appearance"?: "number" | "default";
-"disabled"?: false | true;
-"name"?: string;
-"required"?: false | true;
-"onValueChange"?: (value: string) => void;
-"addonPointerEvents"?: "none" | "auto";
-"addon-pointer-events"?: "none" | "auto";
-"error"?: false | true;
-"htmlSize"?: number;
-"html-size"?: number;
+  "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;
+  "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;
 };
-
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -38,7 +36,6 @@ declare module "@stencil/core" {
     }
   }
 }
-
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -46,6 +43,5 @@ declare module "react" {
     }
   }
 }
-
-export { DateInput };
-export type { DateInputProps };
+//#endregion
+export { DateInput, DateInputProps };

package/dist/components/DateInput.js

@@ -1 +1 @@
-import{i as V,D as q,d as B,A as l,u as r,r as R,c as E}from"../register-Suw5SMp3.js";import{M as K}from"../propTypes-CBoT2zxL.js";import{u as L}from"../index-DF-lKL9l.js";import{u as M}from"../index-DvcyhUZo.js";import{u as G}from"../index-Bsxgez75.js";import{c as H}from"../Box-D6ZZWdZy.js";import{h as v}from"../Button-3vXWvS2c.js";import"../ButtonGroup-CoP9cMtK.js";import{F as J}from"../Calendar-C59-Hfv8.js";import{i as Q}from"../FieldContext-Cilw5-ml.js";import{o as T}from"../useObserveValue-Lh-5eHci.js";import"../isHoverSupported-BZl_ktsP.js";import{i as s,t as U,a as W}from"../toPlainDate-B6atItEt.js";import{n as X}from"../Input-M4CObWYq.js";import"../InputAddon-Cpasha6P.js";import"../InputControl-bIjOV5W3.js";import"../InputRoot-DIizFKLC.js";import{r as Y}from"../Popover-CReQ9Sg7.js";import{t as Z}from"../PopoverAnchor-BTCP7cTA.js";import{n as tt}from"../SuggestionPopover-DAbVCCPM.js";import{p as rt}from"../PopoverTrigger-BPLM4g9U.js";import{o as ot}from"../VisuallyHidden-CPqW64JW.js";import"../layers.css.ts.vanilla-CjfsrNSJ-DNQt9VKM.js";import{p}from"../recipeRuntime-BvPxdQJv.js";import{q as it}from"../calendar_today.svg-BVLhQ24q.js";import{o as et}from"../close.svg-BP4IyfQG.js";import"../index-CJw0gSFa.js";import"../useSurface-D_0IunOp.js";import"../decorateChildren-DQDkGEva.js";import"../fallbackSpan-RbOgXklO.js";import"../ButtonRoot-CIoxlKXS.js";import"../AvatarGroup.css.ts.vanilla-aK308P49-BzJDHmyf.js";import"../Spinner-BZW6Zi-u.js";import"../Group-CM2ImPbo.js";import"../Transition-D5QN75EE.js";import"../TransitionGroupContext-WssuPMwI.js";import"../index-BCRt_Cv9.js";import"../TransitionGroup-D6c4qfix.js";import"../ButtonContext-DKYKHqBA.js";import"../Icon-DDV0pJLY.js";import"../Text-BGICplJk.js";import"../Select-C9ibChqr.js";import"../index-bIZ0RFsR.js";import"../index-BgwdcOG9.js";import"../index-BfktuCSZ.js";import"../useHighlightedIndex-qYMxalRA.js";import"../useEffectEvent-DJZrCahU.js";import"../Avatar-CBB2rQrF.js";import"../index-BbvZJc_a.js";import"../IconOpal-De2JavpW.js";import"../AvatarContext-BD96I2qr.js";import"../MaterialIcon-BDk_mnTM.js";import"../AvatarGroup-Dl6OmX2N.js";import"../useSuggestions-Badn-3mi.js";import"../SelectContext-BUQYIc5j.js";import"../SelectContent-BEp_lzCy.js";import"../Listbox-DnwaZLQu.js";import"../ListboxEmpty-_elGBqdL.js";import"../ListboxGroup-DAt_LHjK.js";import"../ListboxGroupContext-DmYNkUi1.js";import"../ListboxItem-DQx3jq87.js";import"../ListboxItemIndicator-Bk26M7DE.js";import"../ListboxItemized-FJ-a116V.js";import"../Skeleton-DJz2nUKo.js";import"../index-Z-Fpnr53.js";import"../ListboxLabel-BB8-rbj9.js";import"../ListboxRadioItem-2JMieuZu.js";import"../ListboxSeparator-CY3-ykZ7.js";import"../Separator-DvqhjIOB.js";import"../utils-DmL-SVWU.js";import"../ModalLayer-PP5YdstY.js";import"../index-7txskGDj.js";import"../index-CBrz5xtv.js";import"../Combination-DYMbGHDA.js";import"../modal-context-BtRhKF6r.js";import"../Portal-D6m37m0T.js";import"../PortalContext-Cpof8SBZ.js";import"../Tooltip-C4I-Al56.js";import"../TooltipContent-Ca71ujmw.js";import"../index-DukvR277.js";import"../index-V4EsGGoq.js";import"../index-b5jsa8Sf.js";import"../TooltipContext-C3Ty0m6w.js";import"../theme-css-D9T4e-il.js";import"../TooltipRoot-BIOhl8qj.js";import"../TooltipTrigger-CQLBcRpq.js";import"../FilteredSlot-CzMUQ7sE.js";import"../TooltipProvider-gN8G_zTX.js";import"../SelectTrigger-D42I4oO5.js";import"../AngleMenuButton-DVh_Mkr5.js";import"../keyboard_arrow_down.svg-DPagRH1t.js";import"../useFieldLabelTrigger-DuYdj9Il.js";import"../usePopoverScope-BT99NHuB.js";import"../index-CDr5kGHV.js";import"../chevron_left.svg-Bn5zXQdI.js";import"../chevron_right.svg-C7Ezi2TC.js";import"../index-Cei0n8FZ.js";import"../InputContext-D7_Dpaqj.js";import"../InputControl.css.ts.vanilla-fv8xFx5v-DxMLH2g8.js";import"../Heading-BTHhUfxS.js";import"../Alert-BCfpw-mz.js";import"../warning.svg-iwIxe6q-.js";import"../ToggleInputLabel-T6BZIsZO.js";import"../withIcon-Cf7t_1Ja.js";import"../Paper-DRdk_yDz.js";import"../onReactSelectInputBlur-Czd5pWjQ.js";V("@layer optiaxiom._2m54yp;@layer optiaxiom._2m54yp{._92v9g7::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}._1vfpm19:is(:not(:focus-within):not(:hover),:has(input:disabled)) .hzzy3i{visibility:hidden}@supports not selector(::-webkit-datetime-edit){._1ye8xoi{display:none!important}}}");var pt=p({base:[{size:"sm"},"hzzy3i"]}),mt=p({base:"_1vfpm19"}),at=p({base:"_92v9g7"}),nt=p({base:"_1ye8xoi"});const D=q(({className:k,disabled:d,holiday:g,max:w,min:I,onChange:_,placeholder:S,step:u,type:i="date",weekend:$,...o},z)=>{const{labelId:O}=Q("@optiaxiom/react/DateInput"),c=M(),[A,e]=B(!1),m=l(!1),f=l(null),a=l(null),j=L(a,z),[n,h]=G({caller:"@optiaxiom/react/DateInput",defaultProp:o.defaultValue,prop:o.value}),y=T(a,h),F=typeof n=="string"?s(n)??null:null,b=w||"2100-12-31",C=I||"1900-01-01",N=s(b),P=s(C);return r(Y,{onOpenChange:e,open:!d&&A,children:[r(Z,{children:r(X,{addonAfter:n&&!o.readOnly&&!o.required&&r(v,{appearance:"subtle","aria-label":"Clear",icon:r(et,{}),onPointerDown:t=>{t.preventDefault(),y("")},tabIndex:-1,...pt()}),addonBefore:r(rt,{"aria-label":"Show date picker",asChild:!0,onClick:t=>{o.readOnly&&t.preventDefault()},ref:f,role:"img",...nt(),children:r(it,{})}),asChild:!0,disabled:d,max:b,min:C,onChange:t=>{_?.(t),h(t.target.value)},onClick:t=>{CSS.supports("selector(::-webkit-datetime-edit)")&&t.preventDefault()},onKeyDown:t=>{CSS.supports("selector(::-webkit-datetime-edit)")&&(t.key===" "?(t.preventDefault(),o.readOnly||e(!0)):t.key==="Escape"&&(t.preventDefault(),e(!1)))},ref:j,step:u,type:i,...mt({},k),...o,children:r("input",{...at()})})}),r(tt,{"aria-labelledby":H(c,O),gap:"8",onCloseAutoFocus:t=>{m.current?m.current=!1:(t.preventDefault(),a.current?.focus())},onInteractOutside:t=>{t.target instanceof Node&&f.current?.contains(t.target)||(m.current=!0)},children:[r(ot,{asChild:!0,id:c,children:r("h2",{children:"Calendar"})}),r(J,{holiday:g,max:N,min:P,onValueChange:t=>{t&&(y(i==="datetime-local"?U(t):W(t)),i==="date"&&e(!1))},placeholder:S,step:u,type:i,value:F,weekend:$}),i==="datetime-local"&&r(v,{flex:"none",justifyContent:"center",onClick:()=>e(!1),children:"Done"})]})]})});D.displayName="@optiaxiom/react/DateInput";const x="ax-date-input";var lt=R(x,D,K,E);export{x as DateInput,lt as default};
+import{A as e,a as t,d as n,n as r,p as i,r as a,t as o,v as s}from"../register-D962gXY2.js";import{R as c}from"../propTypes-BUbCsTMn.js";import{r as l}from"../Box-DuMleIt5.js";import"../layers.css.ts.vanilla-Cc5AvKlz-D0ut0JB6.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{i as d}from"../dist-Dtf6VyOD.js";import{t as f}from"../dist-Dmdr0WIE.js";import{t as p}from"../Button-DerKHHGg.js";import{t as m}from"../IconX-CVLc1VcQ.js";import{t as h}from"../dist-hrP5hD47.js";import{t as g}from"../VisuallyHidden-S4KW974R.js";import{t as _}from"../Popover-BWxW4_sZ.js";import{t as v}from"../PopoverAnchor-BdLrBUp9.js";import{t as y}from"../PopoverContent-CCxoE7vp.js";import{t as b}from"../PopoverTrigger-C27zoaF6.js";import{n as x}from"../FieldContext-BzfEYaFU.js";import{t as S}from"../Input-BAT09llU.js";import{t as C}from"../useObserveValue-BxDVnCpQ.js";import{n as w,r as T,t as E}from"../toPlainDate-C1-yIov4.js";import{t as D}from"../Calendar-BxIHo5be.js";import{t as O}from"../IconCalendar-B8qX8AFm.js";e(`@layer optiaxiom.dx1887;@layer optiaxiom.dx1887{.vzhxgq::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}._1kaqoyp:is(:not(:focus-within):not(:hover),:has(input:disabled)) ._1lafap0{visibility:hidden}@supports not selector(::-webkit-datetime-edit){.wjrmo3{display:none!important}}}`);var k=u({base:[{size:`sm`},`_1lafap0`]}),A=u({base:`_1kaqoyp`}),j=u({base:`vzhxgq`}),M=u({base:`wjrmo3`});n();const N=t(({className:e,disabled:t,holiday:n,max:r,min:o,onChange:c,placeholder:u,step:N,type:P=`date`,weekend:F,...I},L)=>{let{labelId:R}=x(`@optiaxiom/react/DateInput`),z=h(),[B,V]=s(!1),H=i(!1),U=i(null),W=i(null),G=d(W,L),[K,q]=f({caller:`@optiaxiom/react/DateInput`,defaultProp:I.defaultValue,prop:I.value}),J=C(W,q),Y=typeof K==`string`?T(K)??null:null,X=r||`2100-12-31`,Z=o||`1900-01-01`,Q=X?T(X):void 0,$=Z?T(Z):void 0;return a(_,{onOpenChange:V,open:!t&&B,children:[a(v,{children:a(S,{addonAfter:K&&!I.readOnly&&!I.required&&a(p,{appearance:`subtle`,"aria-label":`Clear`,icon:a(m,{}),onPointerDown:e=>{e.preventDefault(),J(``)},tabIndex:-1,...k()}),addonBefore:a(b,{"aria-label":`Show date picker`,asChild:!0,onClick:e=>{I.readOnly&&e.preventDefault()},ref:U,role:`img`,...M(),children:a(O,{})}),asChild:!0,disabled:t,max:X,min:Z,onChange:e=>{c?.(e),q(e.target.value)},onClick:e=>{CSS.supports(`selector(::-webkit-datetime-edit)`)&&e.preventDefault()},onKeyDown:e=>{CSS.supports(`selector(::-webkit-datetime-edit)`)&&(e.key===` `?(e.preventDefault(),I.readOnly||V(!0)):e.key===`Escape`&&(e.preventDefault(),V(!1)))},ref:G,step:N,type:P,...A({},e),...I,children:a(`input`,{...j()})})}),a(y,{"aria-labelledby":l(z,R),gap:`8`,onCloseAutoFocus:e=>{H.current?H.current=!1:(e.preventDefault(),W.current?.focus())},onInteractOutside:e=>{e.target instanceof Node&&U.current?.contains(e.target)||(H.current=!0)},children:[a(g,{asChild:!0,id:z,children:a(`h2`,{children:`Calendar`})}),a(D,{holiday:n,max:Q,min:$,onValueChange:e=>{e&&(J(P===`datetime-local`?w(e):E(e)),P===`date`&&V(!1))},placeholder:u,step:N,type:P,value:Y,weekend:F}),P===`datetime-local`&&a(p,{flex:`none`,justifyContent:`center`,onClick:()=>V(!1),children:`Done`})]})]})});N.displayName=`@optiaxiom/react/DateInput`;const P=`ax-date-input`;var F=o(P,N,c,r);export{P as DateInput,F as default};

package/dist/components/DateRangePicker.d.ts

@@ -1,23 +1,20 @@
-import { ReactNode } from 'react';
-import './Box.js';
-import '@stencil/core/internal';
-import '../types-B4RnVKcG.js';
+import { JSXBase } from "@stencil/core/internal";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 
+//#region src/components/DateRangePicker.d.ts
 declare const DateRangePicker = "ax-date-range-picker";
-
-type DateRangePickerProps =  {
+type DateRangePickerProps = {
   "defaultOpen"?: false | true;
-"default-open"?: false | true;
-"modal"?: false | true;
-"onOpenChange"?: (open: boolean) => void;
-"open"?: false | true;
-"defaultValue"?: DateRange;
-"default-value"?: DateRange;
-"disabled"?: false | true;
-"onValueChange"?: (value: DateRange) => void;
-"value"?: DateRange;
+  "default-open"?: false | true;
+  "modal"?: false | true;
+  "onOpenChange"?: (open: boolean) => void;
+  "open"?: false | true;
+  "defaultValue"?: DateRange;
+  "default-value"?: DateRange;
+  "disabled"?: false | true;
+  "onValueChange"?: (value: DateRange) => void;
+  "value"?: DateRange;
 };
-
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -25,14 +22,14 @@ declare module "@stencil/core" {
     }
   }
 }
-
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
-      [DateRangePicker]: DateRangePickerProps & { children?: ReactNode };
+      [DateRangePicker]: DateRangePickerProps & {
+        children?: ReactNode;
+      };
     }
   }
 }
-
-export { DateRangePicker };
-export type { DateRangePickerProps };
+//#endregion
+export { DateRangePicker, DateRangePickerProps };

package/dist/components/DateRangePicker.js

@@ -1 +1 @@
-import{A as v,d as O,y as e,u as a,r as $,c as b}from"../register-Suw5SMp3.js";import{N as V}from"../propTypes-CBoT2zxL.js";import{u as n}from"../index-Bsxgez75.js";import{f as y}from"../useEffectEvent-DJZrCahU.js";import"../FieldContext-Cilw5-ml.js";import"../isHoverSupported-BZl_ktsP.js";import{i as N,a as A}from"../toPlainDate-B6atItEt.js";import{r as F}from"../Popover-CReQ9Sg7.js";import"../PopoverAnchor-BTCP7cTA.js";import"../SuggestionPopover-DAbVCCPM.js";import"../PopoverTrigger-BPLM4g9U.js";import{t as S}from"../DateRangePickerContext-DOyvmS16.js";import"../index-CJw0gSFa.js";import"../index-BCRt_Cv9.js";import"../index-Cei0n8FZ.js";import"../usePopoverScope-BT99NHuB.js";import"../index-CBrz5xtv.js";import"../index-DF-lKL9l.js";import"../index-7txskGDj.js";import"../index-BgwdcOG9.js";import"../index-BfktuCSZ.js";import"../Combination-DYMbGHDA.js";import"../index-DvcyhUZo.js";import"../index-bIZ0RFsR.js";import"../index-V4EsGGoq.js";import"../index-CDr5kGHV.js";import"../Box-D6ZZWdZy.js";import"../layers.css.ts.vanilla-CjfsrNSJ-DNQt9VKM.js";import"../recipeRuntime-BvPxdQJv.js";import"../Avatar-CBB2rQrF.js";import"../index-BbvZJc_a.js";import"../IconOpal-De2JavpW.js";import"../AvatarGroup.css.ts.vanilla-aK308P49-BzJDHmyf.js";import"../AvatarContext-BD96I2qr.js";import"../MaterialIcon-BDk_mnTM.js";import"../AvatarGroup-Dl6OmX2N.js";import"../Button-3vXWvS2c.js";import"../useSurface-D_0IunOp.js";import"../decorateChildren-DQDkGEva.js";import"../fallbackSpan-RbOgXklO.js";import"../ButtonRoot-CIoxlKXS.js";import"../Spinner-BZW6Zi-u.js";import"../Group-CM2ImPbo.js";import"../Transition-D5QN75EE.js";import"../TransitionGroupContext-WssuPMwI.js";import"../TransitionGroup-D6c4qfix.js";import"../ButtonContext-DKYKHqBA.js";import"../Icon-DDV0pJLY.js";import"../Text-BGICplJk.js";import"../ButtonGroup-CoP9cMtK.js";import"../Heading-BTHhUfxS.js";import"../Listbox-DnwaZLQu.js";import"../Alert-BCfpw-mz.js";import"../warning.svg-iwIxe6q-.js";import"../close.svg-BP4IyfQG.js";import"../useSuggestions-Badn-3mi.js";import"../Separator-DvqhjIOB.js";import"../ListboxItemIndicator-Bk26M7DE.js";import"../ToggleInputLabel-T6BZIsZO.js";import"../VisuallyHidden-CPqW64JW.js";import"../index-b5jsa8Sf.js";import"../FilteredSlot-CzMUQ7sE.js";import"../withIcon-Cf7t_1Ja.js";import"../ListboxItem-DQx3jq87.js";import"../ListboxEmpty-_elGBqdL.js";import"../ListboxGroup-DAt_LHjK.js";import"../ListboxGroupContext-DmYNkUi1.js";import"../ListboxItemized-FJ-a116V.js";import"../Skeleton-DJz2nUKo.js";import"../index-Z-Fpnr53.js";import"../ListboxLabel-BB8-rbj9.js";import"../ListboxRadioItem-2JMieuZu.js";import"../ListboxSeparator-CY3-ykZ7.js";import"../Paper-DRdk_yDz.js";import"../Portal-D6m37m0T.js";import"../PortalContext-Cpof8SBZ.js";import"../onReactSelectInputBlur-Czd5pWjQ.js";import"../modal-context-BtRhKF6r.js";function l({children:s,defaultOpen:f=!1,defaultValue:u=null,disabled:d,onOpenChange:g,onValueChange:P,open:h,value:k,...D}){const R=v(null),[o,t]=O(),[r,i]=n({caller:"@optiaxiom/react/DateRangePicker",defaultProp:f,onChange:g,prop:h}),[x,p]=n({caller:"@optiaxiom/react/DateRangePicker",defaultProp:u,onChange:P,prop:k}),C=y(p);return e(()=>{r&&t(void 0)},[r]),e(()=>{if(!r&&o){const m=N(A(o)+"T23:59:59.999");m&&C({from:o,to:m})}},[o,r]),a(F,{onOpenChange:i,open:r,...D,children:a(S,{disabled:d,setFrom:t,setOpen:i,setValue:p,triggerRef:R,value:x,children:s})})}l.displayName="@optiaxiom/react/DateRangePicker";const c="ax-date-range-picker";var T=$(c,l,V,b);export{c as DateRangePicker,T as default};
+import{d as e,n as t,p as n,r,t as i,v as a,w as o}from"../register-D962gXY2.js";import{B as s}from"../propTypes-BUbCsTMn.js";import{t as c}from"../dist-Dmdr0WIE.js";import{t as l}from"../useEffectEvent-CWAuDirH.js";import{t as u}from"../Popover-BWxW4_sZ.js";import{r as d,t as f}from"../toPlainDate-C1-yIov4.js";import{t as p}from"../DateRangePickerContext-DNxY3NH1.js";e();function m({children:e,defaultOpen:t=!1,defaultValue:i=null,disabled:s,onOpenChange:m,onValueChange:h,open:g,value:_,...v}){let y=n(null),[b,x]=a(),[S,C]=c({caller:`@optiaxiom/react/DateRangePicker`,defaultProp:t,onChange:m,prop:g}),[w,T]=c({caller:`@optiaxiom/react/DateRangePicker`,defaultProp:i,onChange:h,prop:_}),E=l(T);return o(()=>{S&&x(void 0)},[S]),o(()=>{if(!S&&b){let e=d(f(b)+`T23:59:59.999`);e&&E({from:b,to:e})}},[b,S]),r(u,{onOpenChange:C,open:S,...v,children:r(p,{disabled:s,setFrom:x,setOpen:C,setValue:T,triggerRef:y,value:w,children:e})})}m.displayName=`@optiaxiom/react/DateRangePicker`;const h=`ax-date-range-picker`;var g=i(h,m,s,t);export{h as DateRangePicker,g as default};