@optiaxiom/web-components 3.0.0 → 3.0.2

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-Jxf4mhRg.js";import{I as i}from"../propTypes-DQak6nhg.js";import{u as m}from"../DataTableAction-ftJrGzQI.js";import"../index-CHUhFArm.js";import"../Table-CHcjAYLP.js";import"../Box-CV4CtSQ7.js";import"../layers.css.ts.vanilla-BnNnDBQ3-yK8eJtnx.js";import"../recipeRuntime-BvPxdQJv.js";import"../TableAction-Q9EyRNsp.js";import"../ActionsRoot-CoOGKHhO.js";import"../AvatarGroup.css.ts.vanilla-Cw2ao1B0-BnX_Tx4M.js";import"../TableBody-DBjAdioY.js";import"../TableCell-tAQD9nOJ.js";import"../TableRow.css.ts.vanilla-EERAOdGT-BCPDwy1C.js";import"../TableHeader-B4aqgaXJ.js";import"../TableHeaderCell-DkeuQEjb.js";import"../TableRow-Brnlqy3m.js";import"../DataTableRowContext-C6lmTVaL.js";import"../index-DJSJX8vV.js";import"../Skeleton-BNJ81_0t.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-CcKBKePR.js";import{M as n}from"../propTypes-BNb4ZFT2.js";import{t as r}from"../DataTableAction-BHDs1YuV.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 H,d as L,A as k,y as M,T as re,r as oe,c as ne}from"../register-Jxf4mhRg.js";import{H as ie}from"../propTypes-DQak6nhg.js";import{u as j}from"../index-CHUhFArm.js";import{O as N}from"../index-2WYm7pKZ.js";import{g as _}from"../vanilla-extract-dynamic.esm-eGTknIhu.js";import{a as ae}from"../Box-CV4CtSQ7.js";import{t as le}from"../Table-CHcjAYLP.js";import"../TableAction-Q9EyRNsp.js";import{r as se}from"../TableBody-DBjAdioY.js";import{e as R}from"../TableCell-tAQD9nOJ.js";import{e as ce}from"../TableHeader-B4aqgaXJ.js";import{i as de}from"../TableHeaderCell-DkeuQEjb.js";import{r as K}from"../TableRow-Brnlqy3m.js";import"../layers.css.ts.vanilla-BnNnDBQ3-yK8eJtnx.js";import"../TableRow.css.ts.vanilla-EERAOdGT-BCPDwy1C.js";import{p as $}from"../recipeRuntime-BvPxdQJv.js";import{a as Z}from"../DataTableContext-B59kBVoW.js";import{a as U,o as ue}from"../ActionsRoot-CoOGKHhO.js";import{o as me}from"../Cover-Df4okq9S.js";import{o as A}from"../Icon-CX3s8z8w.js";import{a as P}from"../withIcon-cYL21Bpv.js";import{t as ge}from"../Separator-1qXp3fA2.js";import{o as pe}from"../VisuallyHidden-BmklSBLt.js";import{u as fe}from"../index-DcfvvjAr.js";import{f as W}from"../useEffectEvent-yhfb_y9N.js";import"../FieldContext-DhLL-p5u.js";import"../isHoverSupported-BWzvcjJQ.js";import{g as he,d as V}from"../DataTableRowContext-C6lmTVaL.js";import"../index-DJSJX8vV.js";import"../AvatarGroup.css.ts.vanilla-Cw2ao1B0-BnX_Tx4M.js";import"../Cover.css.ts.vanilla-BIGZHESl-DjRUgRLn.js";import"../index-Cnb334T6.js";import"../index-Dm3oMS4e.js";import"../FilteredSlot-DudEDOhm.js";import"../index-BzIpwXn1.js";import"../index-BC1Z8Guw.js";import"../Skeleton-BNJ81_0t.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?be(r)?te(r,o):r:null}function be(r){return ye(r)||typeof r=="function"||xe(r)}function ye(r){return typeof r=="function"&&(()=>{const o=Object.getPrototypeOf(r);return o.prototype&&o.prototype.isReactComponent})()}function xe(r){return typeof r=="object"&&typeof r.$$typeof=="symbol"&&["react.memo","react.forward_ref"].includes(r.$$typeof.description)}B('@property --_1cdc659{syntax:"<color>";inherits:false;initial-value:transparent}@layer optiaxiom._1bbhnib;@layer optiaxiom._1bbhnib{._1hbxok9{position:relative}._1hbxok9[data-scroll-timeline]:after{background-image:linear-gradient(270deg,rgba(0,0,0,.1),transparent);right:var(--_1kn6pdp)}._1hbxok9[data-scroll-timeline]:before{background-image:linear-gradient(90deg,rgba(0,0,0,.1),transparent);left:var(--_2imub2)}._1hbxok9[data-scroll-timeline]:after,._1hbxok9[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}._1hbxok9[data-scroll-timeline]:not([data-scroll-timeline=left]):before{opacity:1}._1hbxok9[data-scroll-timeline]:not([data-scroll-timeline=right]):after{opacity:1}._1podmf1{width:calc(1px*var(--_1xg3ncy))}._19rcxzx{left:var(--_1n363c6)}.scu77u{right:var(--_1n363c6)}._16y46ir{background-color:var(--ax-colors-bg-default);background-image:linear-gradient(var(--_1cdc659),var(--_1cdc659));transition:--_1cdc659 var(--ax-duration-sm) ease}.k9kr1o[data-selected] ._16y46ir{--_1cdc659:var(--ax-colors-bg-accent-subtle)}.qsvqbu{flex-grow:calc(var(--_1xg3ncy)/var(--_9zcy64))}@media (hover:hover){.k9kr1o:hover ._16y46ir{--_1cdc659:var(--ax-colors-bg-default-hovered)}.k9kr1o[data-selected]:hover ._16y46ir{--_1cdc659:color-mix(in srgb,var(--ax-colors-bg-accent-subtle),var(--ax-colors-bg-accent-light) 15%)}}}');var D=$({base:[{alignItems:"start",display:"flex"},"_1podmf1"],variants:{pinned:{left:"_19rcxzx",right:"scu77u"},pinnedType:{body:"_16y46ir",header:{}},resizable:{false:{},true:"qsvqbu"}}}),O="var(--_1n363c6)",T="var(--_1xg3ncy)",ve="var(--_2imub2)",Ce="var(--_1kn6pdp)",we=$({base:[{display:"flex",flexDirection:"column",maxW:"full",overflow:"hidden",rounded:"lg"},"_1hbxok9"]}),_e="var(--_9zcy64)";const $e=P({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=P({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"})),ze=P({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._1bbhnib;@layer optiaxiom._1bbhnib{.ylnxno{color:var(--ax-colors-fg-tertiary);text-decoration:none;-webkit-user-select:none;user-select:none}.ylnxno:focus-visible{outline:none;z-index:10}._1sb6nvb{grid-area:1/1/2/2}._1ekb5hi{opacity:0}._1mdq10s{opacity:1}._1wp8adz{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){.ylnxno:hover{color:var(--ax-colors-fg-secondary)}}}");var ke=$({base:[{alignItems:"center",display:"flex",gap:"4",justifyContent:"flex-start",rounded:"md",textAlign:"start",textTransform:"uppercase",transition:"colors",w:"full"},"ylnxno"]}),Re=$({base:[{h:"full",z:"10"},"_1wp8adz"],variants:{resizing:{false:{},true:{borderColor:"border.focus"}}}}),q=$({base:[{h:"12",mx:"2",transition:"opacity"},"_1sb6nvb"],variants:{active:{false:"_1ekb5hi",true:"_1mdq10s"}}});const G=H(({children:r,header:o,...l},w)=>{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:w,...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)`:""},...Re({resizing:o.column.getIsResizing()})})}),o.column.getCanSort()?n(me,{asChild:!0,inset:!0,...ke(),children:n("button",{onClick:()=>o.column.toggleSorting(),children:[r,c&&n(pe,{children:["sorted ",c==="asc"?"ascending":"descending"]}),n(U,{display:"grid",placeItems:"center",visible:c?"always":"if-needed",children:[n(A,{asChild:!0,...q({active:c===!1}),children:n($e,{})}),n(A,{asChild:!0,...q({active:c==="asc"}),children:n(ze,{})}),n(A,{asChild:!0,...q({active:c==="desc"}),children:n(Se,{})})]})]})}):r]})})});G.displayName="@optiaxiom/react/DataTableHeaderCell";const F=H(({children:r,index:o,row:l,...w},c)=>{const{highlightedIndex:p,setHighlightedIndex:b,table:C}=Z("@optiaxiom/react/DataTableRow"),[s,y]=L(-1),m=fe(),x=k(null),f=j(x,c);M(()=>{if(p===o)return x.current?.contains((()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})())||x.current?.focus(),()=>y(-1)},[p,o]);const[v,h]=L([]),d=v.find(e=>e.primary),[g,S]=L(),u=Boolean(g||d),z=W(({primary:e,ref:t})=>(h(i=>[...i,{primary:e,ref:t}]),()=>h(i=>i.filter(a=>a.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&&C.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&&(b(o),e.target===e.currentTarget&&y(-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}=C.getRowModel();if(u&&(e.key==="ArrowDown"||e.key==="ArrowUp")){const i=e.key==="ArrowDown"?p+1:p-1;if(i>=0&&i<=t.length-1&&(e.preventDefault(),b(i),g)){const a=t[i];e.shiftKey&&l.getCanMultiSelect()?C.setRowSelection(E=>E[a.id]?{...E,[l.id]:!1}:{...E,[a.id]:!0}):C.setRowSelection({[a.id]:!0})}}else if(u&&(()=>{let i=document.activeElement;for(;i?.shadowRoot;)i=i.shadowRoot.activeElement;return i})()===e.currentTarget&&e.key==="ArrowRight"){const i=s+1;i<=v.length-1&&(e.preventDefault(),y(i))}else e.currentTarget===(()=>{let i=document.activeElement;for(;i?.shadowRoot;)i=i.shadowRoot.activeElement;return i})()&&(e.key===" "&&g?(e.preventDefault(),l.toggleSelected()):e.key==="Enter"&&d&&(e.preventDefault(),d.ref.current?.click()))},ref:f,tabIndex:u?(p===-1||p===o)&&s===-1?0:-1:void 0,...w,children:n(he,{actions:v.map(({ref:e})=>e),focusManaged:u,highlightedIndex:s,labelId:m,onActionMount:z,row:l,setHighlightedIndex:W(e=>{y(e),e===-1&&x.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=H(({className:r,estimatedRowHeight:o=52,loading:l,style:w,...c},p)=>{const b=k(null),C=j(b,p),{table:s}=Z("@optiaxiom/react/DataTableBody"),{rows:y}=s.getRowModel(),m=re(()=>{let e=0;return y.reduce((t,i)=>(t.push(i),e++,l&&typeof l=="object"&&l[i.id]==="sub-rows"&&t.push(V(s,e++),V(s,e++)),t),[])},[l,y,s]),x=k(m);M(()=>{x.current=m});const f=k(null),v=()=>{if(!b.current||!f.current)return;const{offsetWidth:e,scrollLeft:t,scrollWidth:i}=f.current;i>e?b.current.dataset.scrollTimeline=t===0?"left":t>=i-e?"right":"middle":delete b.current.dataset.scrollTimeline};M(()=>{v();const e=f.current;if(!e)return;const t=new ResizeObserver(v);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:()=>f.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:()=>f.current}),z=u.getVirtualItems();return n(ae,{ref:C,style:{..._({[ve]:`${s.getLeftTotalSize()}px`,[Ce]:`${s.getRightTotalSize()}px`,[_e]:(s.getHeaderGroups()[0]?.headers.reduce((e,t)=>e+(t.column.getCanResize()?t.getSize():0),0)??0).toString()}),...w},...we({},r),...c,children:n(le,{layout:"fixed",onScroll:v,ref:f,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:{..._({[O]:`${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:V(s,t),virtualRow:void 0})):u.options.enabled?z.length===0&&m.length>0?x.current.map(e=>({row:e,virtualRow:void 0})):z.map(e=>({row:m[e.index],virtualRow:e})):m.map(e=>({row:e,virtualRow:void 0}))).map(({row:e,virtualRow:t},i)=>n(F,{"data-index":t?.index,display:"flex",index:t?.index??i,ref:t?u.measureElement:void 0,row:e,style:t?{position:"absolute",transform:`translateY(${t.start}px)`}:void 0,children:[e.getLeftVisibleCells().map(a=>n(R,{pinned:!0,style:{..._({[O]:`${a.column.getStart("left")}px`,[T]:`${a.column.getSize()}`})},...D({pinned:"left",pinnedType:"body",resizable:a.column.getCanResize()}),children:I(a.column.columnDef.cell,a.getContext())},a.id)),d.options.enabled&&S>0&&n(R,{style:{width:S}}),(d.options.enabled?g.map(a=>e.getCenterVisibleCells()[a.index]):e.getCenterVisibleCells()).map(a=>n(R,{style:{..._({[T]:`${a.column.getSize()}`})},...D({resizable:a.column.getCanResize()}),children:I(a.column.columnDef.cell,a.getContext())},a.id)),e.getRightVisibleCells().map(a=>n(R,{pinned:!0,style:{..._({[O]:`${a.column.getStart("right")}px`,[T]:`${a.column.getSize()}`})},...D({pinned:"right",pinnedType:"body",resizable:a.column.getCanResize()}),children:I(a.column.columnDef.cell,a.getContext())},a.id))]},e.id))})]})})});Q.displayName="@optiaxiom/react/DataTableBody";const ee="ax-data-table-body";var Te=oe(ee,Q,ie,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-CcKBKePR.js";import{N as d}from"../propTypes-BNb4ZFT2.js";import{t as f}from"../Box-Bn9SKL4V.js";import"../layers.css.ts.vanilla-Bns6EnEc-C8fCso9K.js";import{t as p}from"../recipeRuntime-BkylZxVy.js";import{n as m}from"../dist-xpsU5GX1.js";import{t as h}from"../Icon-DSHAbP7Y.js";import{t as g}from"../dist-Drux-m2s.js";import{t as _}from"../vanilla-extract-dynamic.esm-BTVburtF.js";import{t as v}from"../VisuallyHidden-Dz2K2wyZ.js";import{t as y}from"../useEffectEvent-DVVhOB2y.js";import{t as b}from"../Separator-C9DTcBFv.js";import{t as x}from"../Cover-VgVVzpR7.js";import{t as S}from"../withIcon-DzMirfio.js";import{t as C}from"../esm-CmD1-y7K.js";import{t as w}from"../ActionsRoot-BT6kSgm4.js";import{t as T}from"../ActionsContent-B1J4ovHx.js";import{n as E}from"../DataTableContext-D5Tu28Ys.js";import{t as D}from"../Table-1UpFb-h1.js";import{t as O}from"../TableBody-Df4cUSE7.js";import"../TableRow.css.ts.vanilla-BfijQLNf-DW0FuIsS.js";import{t as k}from"../TableCell-McMexrs1.js";import{t as A}from"../TableHeader-CCPhsDAR.js";import{t as j}from"../TableHeaderCell-CJIgeI0T.js";import{t as M}from"../TableRow-KatHHW7n.js";import{n as N,t as P}from"../DataTableRowContext-CkRVP2TY.js";e(`@property --tlu92z{syntax:"<color>";inherits:false;initial-value:#0000}@layer optiaxiom.sxo7zf;@layer optiaxiom.sxo7zf{.f6kdjl{position:relative}.f6kdjl[data-scroll-timeline]:after{background-image:linear-gradient(270deg,#0000001a,#0000);right:var(--_1ynalvq)}.f6kdjl[data-scroll-timeline]:before{background-image:linear-gradient(90deg,#0000001a,#0000);left:var(--_1xqh099)}.f6kdjl[data-scroll-timeline]:after,.f6kdjl[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}.f6kdjl[data-scroll-timeline]:not([data-scroll-timeline=left]):before,.f6kdjl[data-scroll-timeline]:not([data-scroll-timeline=right]):after{opacity:1}._1cfwgwb{width:calc(1px*var(--jd2yxb))}._9d3y0d{left:var(--_1w67ptq)}.poeepq{right:var(--_1w67ptq)}.w5zeci{background-color:var(--ax-colors-bg-default);background-image:linear-gradient(var(--tlu92z),var(--tlu92z));transition:--tlu92z var(--ax-duration-sm) ease}.dqgo6g[data-selected] .w5zeci{--tlu92z:var(--ax-colors-bg-accent-subtle)}._18ky3vj{flex-grow:calc(var(--jd2yxb)/var(--a3tgfn))}@media (hover:hover){.dqgo6g:hover .w5zeci{--tlu92z:var(--ax-colors-bg-default-hovered)}.dqgo6g[data-selected]:hover .w5zeci{--tlu92z: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`},`_1cfwgwb`],variants:{pinned:{left:`_9d3y0d`,right:`poeepq`},pinnedType:{body:`w5zeci`,header:{}},resizable:{false:{},true:`_18ky3vj`}}}),I=`var(--_1w67ptq)`,L=`var(--jd2yxb)`,R=`var(--_1xqh099)`,z=`var(--_1ynalvq)`,B=p({base:[{display:`flex`,flexDirection:`column`,maxW:`full`,overflow:`hidden`,rounded:`lg`},`f6kdjl`]}),ee=`var(--a3tgfn)`;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.sxo7zf;@layer optiaxiom.sxo7zf{._1o2lbqo{color:var(--ax-colors-fg-tertiary);text-decoration:none;-webkit-user-select:none;user-select:none}._1o2lbqo:focus-visible{outline:none;z-index:10}._324g3m{grid-area:1/1/2/2}._1rj7nbd{opacity:0}._1jiyhhd{opacity:1}._1ut5xrn{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){._1o2lbqo: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`},`_1o2lbqo`]}),H=p({base:[{h:`full`,z:`10`},`_1ut5xrn`],variants:{resizing:{false:{},true:{borderColor:`border.focus`}}}}),U=p({base:[{h:`12`,mx:`2`,transition:`opacity`},`_324g3m`],variants:{active:{false:`_1rj7nbd`,true:`_1jiyhhd`}}});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(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};

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-Jxf4mhRg.js";import{J as C}from"../propTypes-DQak6nhg.js";import{u as I}from"../index-CHUhFArm.js";import{u as T}from"../index-DcfvvjAr.js";import{V as w}from"../index-Dm3oMS4e.js";import{c as D}from"../Box-CV4CtSQ7.js";import{i as v}from"../SuggestionPopover-DjYLzfyy.js";import{u as R}from"../DataTableAction-ftJrGzQI.js";import{a as y}from"../DataTableContext-B59kBVoW.js";import{c as P}from"../DataTableRowContext-C6lmTVaL.js";import"../index-BzIpwXn1.js";import"../index-Cnb334T6.js";import"../layers.css.ts.vanilla-BnNnDBQ3-yK8eJtnx.js";import"../recipeRuntime-BvPxdQJv.js";import"../useSurface-mcnxhoAn.js";import"../Avatar-Bbj08UHU.js";import"../index-DJSJX8vV.js";import"../index-B6mZRI1I.js";import"../index-CfTuczyl.js";import"../IconOpal-C8z7ykpm.js";import"../AvatarGroup.css.ts.vanilla-Cw2ao1B0-BnX_Tx4M.js";import"../AvatarContext-dCvbGlDj.js";import"../MaterialIcon-Bk5ioJ2S.js";import"../AvatarGroup-oM-XvE0s.js";import"../Button-CUhazaDP.js";import"../isHoverSupported-BWzvcjJQ.js";import"../index-BC1Z8Guw.js";import"../decorateChildren-DceoQfLz.js";import"../fallbackSpan-DzjBTaxI.js";import"../ButtonRoot-Bb3l1pZH.js";import"../Spinner-BtcHhTum.js";import"../Group-BZ64vOhC.js";import"../Transition-NSqouGx2.js";import"../TransitionGroupContext-B2FTL_jl.js";import"../TransitionGroup-M9RT3XeS.js";import"../index-CfWSRbGc.js";import"../ButtonContext-DFZkdWkZ.js";import"../Icon-CX3s8z8w.js";import"../Text-Dag_U1Vf.js";import"../ButtonGroup-CC9XRuPe.js";import"../Heading-yrECY2iG.js";import"../useEffectEvent-yhfb_y9N.js";import"../FieldContext-DhLL-p5u.js";import"../Popover-Dj8sWW7T.js";import"../usePopoverScope-DSsqDfAh.js";import"../index-CBrz5xtv.js";import"../index-DVJ8QmSG.js";import"../Combination-DMxzHxML.js";import"../index-DNVp5G2I.js";import"../index-C5SfZ6cm.js";import"../index-CDr5kGHV.js";import"../PopoverAnchor-bdcZeaij.js";import"../Listbox-q5L-8c3l.js";import"../Alert-BrFUrf-V.js";import"../warning.svg-DjR1Q1pK.js";import"../close.svg-Bz6wgbqx.js";import"../useSuggestions-DPlvL0Y_.js";import"../ToggleInputLabel-CCR00D23.js";import"../VisuallyHidden-BmklSBLt.js";import"../FilteredSlot-DudEDOhm.js";import"../withIcon-cYL21Bpv.js";import"../ListboxItem-D_kmTuEZ.js";import"../ListboxEmpty-Cnq1LdnZ.js";import"../ListboxGroup-D86C580G.js";import"../ListboxGroupContext-CJWheMR7.js";import"../ListboxItemIndicator-BgaY7DbM.js";import"../ListboxItemized-Bnu7Fnpf.js";import"../Skeleton-BNJ81_0t.js";import"../index-2WYm7pKZ.js";import"../ListboxLabel-DckuhM0j.js";import"../ListboxRadioItem-C9wtmXsa.js";import"../ListboxSeparator-DwEFeinu.js";import"../Separator-1qXp3fA2.js";import"../Paper-DijuyQQo.js";import"../Portal-CCLNsZzC.js";import"../PortalContext-B40StADY.js";import"../onReactSelectInputBlur-BqDXHEGb.js";import"../modal-context-DjEp7oJz.js";import"../PopoverTrigger-Dzqj87Nq.js";import"../Table-CHcjAYLP.js";import"../TableAction-Q9EyRNsp.js";import"../ActionsRoot-CoOGKHhO.js";import"../TableBody-DBjAdioY.js";import"../TableCell-tAQD9nOJ.js";import"../TableRow.css.ts.vanilla-EERAOdGT-BCPDwy1C.js";import"../TableHeader-B4aqgaXJ.js";import"../TableHeaderCell-DkeuQEjb.js";import"../TableRow-Brnlqy3m.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-CcKBKePR.js";import{P as l}from"../propTypes-BNb4ZFT2.js";import{r as u}from"../Box-Bn9SKL4V.js";import{n as d}from"../dist-xpsU5GX1.js";import{t as f}from"../dist-Drux-m2s.js";import{n as p}from"../VisuallyHidden-Dz2K2wyZ.js";import{t as m}from"../Checkbox-C-FtqhBf.js";import{n as h}from"../DataTableContext-D5Tu28Ys.js";import{r as g}from"../DataTableRowContext-CkRVP2TY.js";import{t as _}from"../DataTableAction-BHDs1YuV.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 d,D as b,u as t,S as u,r as h,c as x}from"../register-Jxf4mhRg.js";import{K as S}from"../propTypes-DQak6nhg.js";import{u as z}from"../index-DcfvvjAr.js";import{a as C}from"../Box-CV4CtSQ7.js";import{o as e}from"../Group-BZ64vOhC.js";import{h as P}from"../Pagination-d1aFMSvn.js";import{T}from"../Select-Bz5JIxX6.js";import{n as y}from"../SelectContent-CHiZvJnH.js";import{x as w}from"../SelectTrigger-CY-26LXy.js";import{o as a}from"../Text-Dag_U1Vf.js";import{a as D}from"../DataTableContext-B59kBVoW.js";import"../layers.css.ts.vanilla-BnNnDBQ3-yK8eJtnx.js";import{p as F}from"../recipeRuntime-BvPxdQJv.js";import"../index-BzIpwXn1.js";import"../index-CHUhFArm.js";import"../index-CfWSRbGc.js";import"../Button-CUhazaDP.js";import"../useSurface-mcnxhoAn.js";import"../isHoverSupported-BWzvcjJQ.js";import"../index-BC1Z8Guw.js";import"../decorateChildren-DceoQfLz.js";import"../fallbackSpan-DzjBTaxI.js";import"../ButtonRoot-Bb3l1pZH.js";import"../AvatarGroup.css.ts.vanilla-Cw2ao1B0-BnX_Tx4M.js";import"../Spinner-BtcHhTum.js";import"../Transition-NSqouGx2.js";import"../TransitionGroupContext-B2FTL_jl.js";import"../index-DJSJX8vV.js";import"../TransitionGroup-M9RT3XeS.js";import"../ButtonContext-DFZkdWkZ.js";import"../Icon-CX3s8z8w.js";import"../ButtonGroup-CC9XRuPe.js";import"../Tooltip-7AWPkyPk.js";import"../TooltipContent-DgYxSTbi.js";import"../index-CGgkWnDx.js";import"../index-CBrz5xtv.js";import"../index-DVJ8QmSG.js";import"../index-Cnb334T6.js";import"../index-B6mZRI1I.js";import"../index-DNVp5G2I.js";import"../index-C5SfZ6cm.js";import"../index-Dm3oMS4e.js";import"../Portal-CCLNsZzC.js";import"../PortalContext-B40StADY.js";import"../TooltipContext-_5JMKAbe.js";import"../theme-css-D9T4e-il.js";import"../TooltipRoot-BxoGM8XH.js";import"../TooltipTrigger-CrhT_82S.js";import"../FilteredSlot-DudEDOhm.js";import"../TooltipProvider-CoPEAacD.js";import"../VisuallyHidden-BmklSBLt.js";import"../chevron_left.svg-Bch0qJyg.js";import"../MaterialIcon-Bk5ioJ2S.js";import"../more_horiz.svg-DEJtVDmt.js";import"../chevron_right.svg-t21AOvnQ.js";import"../useHighlightedIndex-CHeL2gYc.js";import"../useEffectEvent-yhfb_y9N.js";import"../FieldContext-DhLL-p5u.js";import"../Avatar-Bbj08UHU.js";import"../index-CfTuczyl.js";import"../IconOpal-C8z7ykpm.js";import"../AvatarContext-dCvbGlDj.js";import"../AvatarGroup-oM-XvE0s.js";import"../useObserveValue-CGyaoE8y.js";import"../useSuggestions-DPlvL0Y_.js";import"../SelectContext-C_BqJNCZ.js";import"../Listbox-q5L-8c3l.js";import"../SuggestionPopover-DjYLzfyy.js";import"../Heading-yrECY2iG.js";import"../Popover-Dj8sWW7T.js";import"../usePopoverScope-DSsqDfAh.js";import"../Combination-DMxzHxML.js";import"../index-CDr5kGHV.js";import"../PopoverAnchor-bdcZeaij.js";import"../Alert-BrFUrf-V.js";import"../warning.svg-DjR1Q1pK.js";import"../close.svg-Bz6wgbqx.js";import"../ToggleInputLabel-CCR00D23.js";import"../withIcon-cYL21Bpv.js";import"../ListboxItem-D_kmTuEZ.js";import"../ListboxEmpty-Cnq1LdnZ.js";import"../ListboxGroup-D86C580G.js";import"../ListboxGroupContext-CJWheMR7.js";import"../ListboxItemIndicator-BgaY7DbM.js";import"../ListboxItemized-Bnu7Fnpf.js";import"../Skeleton-BNJ81_0t.js";import"../index-2WYm7pKZ.js";import"../ListboxLabel-DckuhM0j.js";import"../ListboxRadioItem-C9wtmXsa.js";import"../ListboxSeparator-DwEFeinu.js";import"../Separator-1qXp3fA2.js";import"../Paper-DijuyQQo.js";import"../onReactSelectInputBlur-BqDXHEGb.js";import"../modal-context-DjEp7oJz.js";import"../PopoverTrigger-Dzqj87Nq.js";import"../utils-DmL-SVWU.js";import"../ModalLayer-ByL0o0Md.js";import"../AngleMenuButton-DzN0Ab1m.js";import"../keyboard_arrow_down.svg-5O3cbT-j.js";import"../useFieldLabelTrigger-wsXl-c_m.js";d("@layer optiaxiom._1bbhnib;@layer optiaxiom._1bbhnib{._1c9ufse{width:180px}}");var n=F({base:"_1c9ufse",variants:{slot:{after:{textAlign:"end"},before:{}}}});const v=["10","20","30","50","100"].map(i=>({label:i,value:i})),l=b(({pageSizeOptions:i=v,showPageSizeOptions:g,...f},c)=>{const{table:o}=D("@optiaxiom/react/DataTableFooter"),{pagination:r}=o.getState(),m=z();return t(e,{alignSelf:"stretch",fontSize:"md",gap:"16",justifyContent:"space-between",mt:"auto",ref:c,...f,children:[t(C,{...n({slot:"before"}),children:g&&t(e,{gap:"8",children:[t(a,{color:"fg.secondary",id:m,children:"Page Size"}),t(T,{onValueChange:p=>p&&o.setPageSize(parseFloat(p)),options:i,value:r.pageSize.toString(),children:[t(w,{appearance:"subtle","aria-labelledby":m}),t(y,{})]})]})}),o.getPageCount()>1&&t(P,{onPageChange:p=>o.setPageIndex(p-1),page:r.pageIndex+1,total:o.getPageCount()}),t(a,{...n({slot:"after"}),children:o.getRowCount()>0&&t(u,{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-CcKBKePR.js";import{F as c}from"../propTypes-BNb4ZFT2.js";import{t as l}from"../Box-Bn9SKL4V.js";import"../layers.css.ts.vanilla-Bns6EnEc-C8fCso9K.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../Text-BQy7V3rg.js";import{t as f}from"../Group-BXw3BA-z.js";import{t as p}from"../dist-Drux-m2s.js";import{n as m}from"../DataTableContext-D5Tu28Ys.js";import{t as h}from"../Pagination-OWbC-DKG.js";import{t as g}from"../Select-CSKASjcu.js";import{t as _}from"../SelectContent-D-N6Vgj6.js";import{t as v}from"../SelectTrigger-JoiUMG7c.js";e(`@layer optiaxiom.sxo7zf;@layer optiaxiom.sxo7zf{.h1bjcm{width:180px}}`);var y=u({base:`h1bjcm`,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-Jxf4mhRg.js";import{L as b}from"../propTypes-DQak6nhg.js";import{a as s}from"../Box-CV4CtSQ7.js";import{c}from"../DataTableRowContext-C6lmTVaL.js";import"../index-CHUhFArm.js";import"../layers.css.ts.vanilla-BnNnDBQ3-yK8eJtnx.js";import"../recipeRuntime-BvPxdQJv.js";import"../index-DJSJX8vV.js";import"../Skeleton-BNJ81_0t.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-CcKBKePR.js";import{I as a}from"../propTypes-BNb4ZFT2.js";import{t as o}from"../Box-Bn9SKL4V.js";import{r as s}from"../DataTableRowContext-CkRVP2TY.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-Jxf4mhRg.js";import{M as K}from"../propTypes-DQak6nhg.js";import{u as L}from"../index-CHUhFArm.js";import{u as M}from"../index-DcfvvjAr.js";import{u as G}from"../index-CfWSRbGc.js";import{c as H}from"../Box-CV4CtSQ7.js";import{h as D}from"../Button-CUhazaDP.js";import"../ButtonGroup-CC9XRuPe.js";import{F as J}from"../Calendar-CJodGZ7W.js";import{i as Q}from"../FieldContext-DhLL-p5u.js";import{o as T}from"../useObserveValue-CGyaoE8y.js";import"../isHoverSupported-BWzvcjJQ.js";import{i as s,t as U,a as W}from"../toPlainDate-B6atItEt.js";import{n as X}from"../Input-fmuJksMc.js";import"../InputAddon-Dj_PsWS7.js";import"../InputControl-CATzSsbS.js";import"../InputRoot-BsX7CdMt.js";import{r as Y}from"../Popover-Dj8sWW7T.js";import{t as Z}from"../PopoverAnchor-bdcZeaij.js";import{n as tt}from"../SuggestionPopover-DjYLzfyy.js";import{p as rt}from"../PopoverTrigger-Dzqj87Nq.js";import{o as ot}from"../VisuallyHidden-BmklSBLt.js";import"../layers.css.ts.vanilla-BnNnDBQ3-yK8eJtnx.js";import{p}from"../recipeRuntime-BvPxdQJv.js";import{q as it}from"../calendar_today.svg-WYgziXw0.js";import{o as et}from"../close.svg-Bz6wgbqx.js";import"../index-BzIpwXn1.js";import"../useSurface-mcnxhoAn.js";import"../decorateChildren-DceoQfLz.js";import"../fallbackSpan-DzjBTaxI.js";import"../ButtonRoot-Bb3l1pZH.js";import"../AvatarGroup.css.ts.vanilla-Cw2ao1B0-BnX_Tx4M.js";import"../Spinner-BtcHhTum.js";import"../Group-BZ64vOhC.js";import"../Transition-NSqouGx2.js";import"../TransitionGroupContext-B2FTL_jl.js";import"../index-DJSJX8vV.js";import"../TransitionGroup-M9RT3XeS.js";import"../ButtonContext-DFZkdWkZ.js";import"../Icon-CX3s8z8w.js";import"../Text-Dag_U1Vf.js";import"../Select-Bz5JIxX6.js";import"../index-DNVp5G2I.js";import"../index-Cnb334T6.js";import"../index-B6mZRI1I.js";import"../useHighlightedIndex-CHeL2gYc.js";import"../useEffectEvent-yhfb_y9N.js";import"../Avatar-Bbj08UHU.js";import"../index-CfTuczyl.js";import"../IconOpal-C8z7ykpm.js";import"../AvatarContext-dCvbGlDj.js";import"../MaterialIcon-Bk5ioJ2S.js";import"../AvatarGroup-oM-XvE0s.js";import"../useSuggestions-DPlvL0Y_.js";import"../SelectContext-C_BqJNCZ.js";import"../SelectContent-CHiZvJnH.js";import"../Listbox-q5L-8c3l.js";import"../ListboxEmpty-Cnq1LdnZ.js";import"../ListboxGroup-D86C580G.js";import"../ListboxGroupContext-CJWheMR7.js";import"../ListboxItem-D_kmTuEZ.js";import"../ListboxItemIndicator-BgaY7DbM.js";import"../ListboxItemized-Bnu7Fnpf.js";import"../Skeleton-BNJ81_0t.js";import"../index-2WYm7pKZ.js";import"../ListboxLabel-DckuhM0j.js";import"../ListboxRadioItem-C9wtmXsa.js";import"../ListboxSeparator-DwEFeinu.js";import"../Separator-1qXp3fA2.js";import"../utils-DmL-SVWU.js";import"../ModalLayer-ByL0o0Md.js";import"../index-DVJ8QmSG.js";import"../index-CBrz5xtv.js";import"../Combination-DMxzHxML.js";import"../modal-context-DjEp7oJz.js";import"../Portal-CCLNsZzC.js";import"../PortalContext-B40StADY.js";import"../Tooltip-7AWPkyPk.js";import"../TooltipContent-DgYxSTbi.js";import"../index-CGgkWnDx.js";import"../index-C5SfZ6cm.js";import"../index-Dm3oMS4e.js";import"../TooltipContext-_5JMKAbe.js";import"../theme-css-D9T4e-il.js";import"../TooltipRoot-BxoGM8XH.js";import"../TooltipTrigger-CrhT_82S.js";import"../FilteredSlot-DudEDOhm.js";import"../TooltipProvider-CoPEAacD.js";import"../SelectTrigger-CY-26LXy.js";import"../AngleMenuButton-DzN0Ab1m.js";import"../keyboard_arrow_down.svg-5O3cbT-j.js";import"../useFieldLabelTrigger-wsXl-c_m.js";import"../usePopoverScope-DSsqDfAh.js";import"../index-CDr5kGHV.js";import"../chevron_left.svg-Bch0qJyg.js";import"../chevron_right.svg-t21AOvnQ.js";import"../index-BC1Z8Guw.js";import"../InputContext-DzaZHn3j.js";import"../InputControl.css.ts.vanilla-BKEDBT5_-CRs5-1og.js";import"../Heading-yrECY2iG.js";import"../Alert-BrFUrf-V.js";import"../warning.svg-DjR1Q1pK.js";import"../ToggleInputLabel-CCR00D23.js";import"../withIcon-cYL21Bpv.js";import"../Paper-DijuyQQo.js";import"../onReactSelectInputBlur-BqDXHEGb.js";V("@layer optiaxiom._1bbhnib;@layer optiaxiom._1bbhnib{._1euljlr::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.pyf2ig:is(:not(:focus-within):not(:hover),:has(input:disabled)) .euzj3s{visibility:hidden}@supports not selector(::-webkit-datetime-edit){._1g2cmh7{display:none!important}}}");var pt=p({base:[{size:"sm"},"euzj3s"]}),mt=p({base:"pyf2ig"}),at=p({base:"_1euljlr"}),nt=p({base:"_1g2cmh7"});const g=q(({className:v,disabled:d,holiday:x,max:w,min:I,onChange:j,placeholder:S,step:u,type:i="date",weekend:_,...o},$)=>{const{labelId:O}=Q("@optiaxiom/react/DateInput"),c=M(),[A,e]=B(!1),m=l(!1),f=l(null),a=l(null),z=L(a,$),[n,h]=G({caller:"@optiaxiom/react/DateInput",defaultProp:o.defaultValue,prop:o.value}),b=T(a,h),F=typeof n=="string"?s(n)??null:null,y=w||"2100-12-31",C=I||"1900-01-01",N=s(y),P=s(C);return r(Y,{onOpenChange:e,open:!d&&A,children:[r(Z,{children:r(X,{addonAfter:n&&!o.readOnly&&!o.required&&r(D,{appearance:"subtle","aria-label":"Clear",icon:r(et,{}),onPointerDown:t=>{t.preventDefault(),b("")},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:y,min:C,onChange:t=>{j?.(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:z,step:u,type:i,...mt({},v),...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:x,max:N,min:P,onValueChange:t=>{t&&(b(i==="datetime-local"?U(t):W(t)),i==="date"&&e(!1))},placeholder:S,step:u,type:i,value:F,weekend:_}),i==="datetime-local"&&r(D,{flex:"none",justifyContent:"center",onClick:()=>e(!1),children:"Done"})]})]})});g.displayName="@optiaxiom/react/DateInput";const k="ax-date-input";var lt=R(k,g,K,E);export{k 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-CcKBKePR.js";import{R as c}from"../propTypes-BNb4ZFT2.js";import{r as l}from"../Box-Bn9SKL4V.js";import"../layers.css.ts.vanilla-Bns6EnEc-C8fCso9K.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{n as d}from"../dist-xpsU5GX1.js";import{t as f}from"../dist-CDOj7bN0.js";import{t as p}from"../Button-CfKIVvxM.js";import{t as m}from"../calendar_today-DMFJkN6l.js";import{t as h}from"../close-DR5oFUx9.js";import{t as g}from"../dist-Drux-m2s.js";import{t as _}from"../VisuallyHidden-Dz2K2wyZ.js";import{t as v}from"../Popover-6GMR2y9U.js";import{t as y}from"../PopoverAnchor-Cg_fwWm9.js";import{t as b}from"../PopoverContent-Bomzsw2m.js";import{t as x}from"../PopoverTrigger-W5zL8SxQ.js";import{n as S}from"../FieldContext-D_cMZfbh.js";import{t as C}from"../Input-CcoQ8a7a.js";import{t as w}from"../useObserveValue-BuKWrpgx.js";import{n as T,r as E,t as D}from"../toPlainDate-C1-yIov4.js";import{t as O}from"../Calendar-BtaUbfzz.js";e(`@layer optiaxiom.sxo7zf;@layer optiaxiom.sxo7zf{._1fot00p::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}._1fa3rr3:is(:not(:focus-within):not(:hover),:has(input:disabled)) ._1l6g3ko{visibility:hidden}@supports not selector(::-webkit-datetime-edit){._1narfjg{display:none!important}}}`);var k=u({base:[{size:`sm`},`_1l6g3ko`]}),A=u({base:`_1fa3rr3`}),j=u({base:`_1fot00p`}),M=u({base:`_1narfjg`});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}=S(`@optiaxiom/react/DateInput`),z=g(),[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=w(W,q),Y=typeof K==`string`?E(K)??null:null,X=r||`2100-12-31`,Z=o||`1900-01-01`,Q=X?E(X):void 0,$=Z?E(Z):void 0;return a(v,{onOpenChange:V,open:!t&&B,children:[a(y,{children:a(C,{addonAfter:K&&!I.readOnly&&!I.required&&a(p,{appearance:`subtle`,"aria-label":`Clear`,icon:a(h,{}),onPointerDown:e=>{e.preventDefault(),J(``)},tabIndex:-1,...k()}),addonBefore:a(x,{"aria-label":`Show date picker`,asChild:!0,onClick:e=>{I.readOnly&&e.preventDefault()},ref:U,role:`img`,...M(),children:a(m,{})}),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(b,{"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(_,{asChild:!0,id:z,children:a(`h2`,{children:`Calendar`})}),a(O,{holiday:n,max:Q,min:$,onValueChange:e=>{e&&(J(P===`datetime-local`?T(e):D(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-Jxf4mhRg.js";import{N as V}from"../propTypes-DQak6nhg.js";import{u as n}from"../index-CfWSRbGc.js";import{f as y}from"../useEffectEvent-yhfb_y9N.js";import"../FieldContext-DhLL-p5u.js";import"../isHoverSupported-BWzvcjJQ.js";import{i as N,a as A}from"../toPlainDate-B6atItEt.js";import{r as F}from"../Popover-Dj8sWW7T.js";import"../PopoverAnchor-bdcZeaij.js";import"../SuggestionPopover-DjYLzfyy.js";import"../PopoverTrigger-Dzqj87Nq.js";import{t as S}from"../DateRangePickerContext-CENm6Zdm.js";import"../index-BzIpwXn1.js";import"../index-DJSJX8vV.js";import"../index-BC1Z8Guw.js";import"../usePopoverScope-DSsqDfAh.js";import"../index-CBrz5xtv.js";import"../index-CHUhFArm.js";import"../index-DVJ8QmSG.js";import"../index-Cnb334T6.js";import"../index-B6mZRI1I.js";import"../Combination-DMxzHxML.js";import"../index-DcfvvjAr.js";import"../index-DNVp5G2I.js";import"../index-C5SfZ6cm.js";import"../index-CDr5kGHV.js";import"../Box-CV4CtSQ7.js";import"../layers.css.ts.vanilla-BnNnDBQ3-yK8eJtnx.js";import"../recipeRuntime-BvPxdQJv.js";import"../useSurface-mcnxhoAn.js";import"../Avatar-Bbj08UHU.js";import"../index-CfTuczyl.js";import"../IconOpal-C8z7ykpm.js";import"../AvatarGroup.css.ts.vanilla-Cw2ao1B0-BnX_Tx4M.js";import"../AvatarContext-dCvbGlDj.js";import"../MaterialIcon-Bk5ioJ2S.js";import"../AvatarGroup-oM-XvE0s.js";import"../Button-CUhazaDP.js";import"../decorateChildren-DceoQfLz.js";import"../fallbackSpan-DzjBTaxI.js";import"../ButtonRoot-Bb3l1pZH.js";import"../Spinner-BtcHhTum.js";import"../Group-BZ64vOhC.js";import"../Transition-NSqouGx2.js";import"../TransitionGroupContext-B2FTL_jl.js";import"../TransitionGroup-M9RT3XeS.js";import"../ButtonContext-DFZkdWkZ.js";import"../Icon-CX3s8z8w.js";import"../Text-Dag_U1Vf.js";import"../ButtonGroup-CC9XRuPe.js";import"../Heading-yrECY2iG.js";import"../Listbox-q5L-8c3l.js";import"../Alert-BrFUrf-V.js";import"../warning.svg-DjR1Q1pK.js";import"../close.svg-Bz6wgbqx.js";import"../useSuggestions-DPlvL0Y_.js";import"../ToggleInputLabel-CCR00D23.js";import"../VisuallyHidden-BmklSBLt.js";import"../index-Dm3oMS4e.js";import"../FilteredSlot-DudEDOhm.js";import"../withIcon-cYL21Bpv.js";import"../ListboxItem-D_kmTuEZ.js";import"../ListboxEmpty-Cnq1LdnZ.js";import"../ListboxGroup-D86C580G.js";import"../ListboxGroupContext-CJWheMR7.js";import"../ListboxItemIndicator-BgaY7DbM.js";import"../ListboxItemized-Bnu7Fnpf.js";import"../Skeleton-BNJ81_0t.js";import"../index-2WYm7pKZ.js";import"../ListboxLabel-DckuhM0j.js";import"../ListboxRadioItem-C9wtmXsa.js";import"../ListboxSeparator-DwEFeinu.js";import"../Separator-1qXp3fA2.js";import"../Paper-DijuyQQo.js";import"../Portal-CCLNsZzC.js";import"../PortalContext-B40StADY.js";import"../onReactSelectInputBlur-BqDXHEGb.js";import"../modal-context-DjEp7oJz.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-CcKBKePR.js";import{B as s}from"../propTypes-BNb4ZFT2.js";import{t as c}from"../dist-CDOj7bN0.js";import{t as l}from"../useEffectEvent-DVVhOB2y.js";import{t as u}from"../Popover-6GMR2y9U.js";import{r as d,t as f}from"../toPlainDate-C1-yIov4.js";import{t as p}from"../DateRangePickerContext-BzArGjNj.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};