@optiaxiom/web-components 1.0.0 → 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-CctNh5sC.js";import{I as i}from"../propTypes-D0yNqIYi.js";import{u as m}from"../DataTableAction-KYaor5Lz.js";import"../index-BdXZ3u21.js";import"../Table-ClAI01z9.js";import"../Box-CEmVhC_v.js";import"../layers.css.ts.vanilla-vDw4DFSx-DV6qn0Mn.js";import"../recipeRuntime-BvPxdQJv.js";import"../TableAction-B-xIfziW.js";import"../ActionsRoot-BnbQQscg.js";import"../ButtonGroup.css.ts.vanilla-nvciSeRP-B8-80EFl.js";import"../TableBody-5uL17pdf.js";import"../TableCell-Pz4-XvVZ.js";import"../TableRow.css.ts.vanilla-B3Y4o06J-C6yHemwK.js";import"../TableHeader-DGTF_R__.js";import"../TableHeaderCell-CVZPwMxg.js";import"../TableRow-DHOFpn5v.js";import"../DataTableRowContext-CNyjgEkL.js";import"../index-DNKPzuib.js";import"../Skeleton-JVorWCg1.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 O,u as i,D as q,d as H,A as I,y as L,T as re,r as oe,c as ie}from"../register-CctNh5sC.js";import{H as ae}from"../propTypes-D0yNqIYi.js";import{u as B}from"../index-BdXZ3u21.js";import{O as N}from"../index-C7r_9qMc.js";import{g as z}from"../vanilla-extract-dynamic.esm-eGTknIhu.js";import{a as ne}from"../Box-CEmVhC_v.js";import{t as le}from"../Table-ClAI01z9.js";import"../TableAction-B-xIfziW.js";import{r as se}from"../TableBody-5uL17pdf.js";import{e as D}from"../TableCell-Pz4-XvVZ.js";import{e as ce}from"../TableHeader-DGTF_R__.js";import{i as de}from"../TableHeaderCell-CVZPwMxg.js";import{r as K}from"../TableRow-DHOFpn5v.js";import"../layers.css.ts.vanilla-vDw4DFSx-DV6qn0Mn.js";import"../TableRow.css.ts.vanilla-B3Y4o06J-C6yHemwK.js";import{p as $}from"../recipeRuntime-BvPxdQJv.js";import{a as Z}from"../DataTableContext-CIP6qnfU.js";import{a as U,o as ue}from"../ActionsRoot-BnbQQscg.js";import{o as me}from"../Cover-MLvQzy1I.js";import{o as M}from"../Icon-_J_KpoUT.js";import{a as j}from"../withIcon-CtfpAiMM.js";import{t as ge}from"../Separator-BM1870sv.js";import{o as pe}from"../VisuallyHidden-DEJd8AMB.js";import{u as fe}from"../index-D0IUhyYD.js";import{f as W}from"../useEffectEvent-D7cbqRBJ.js";import"../FieldContext-B40TYDis.js";import"../isHoverSupported-D44d_mIZ.js";import{g as he,d as A}from"../DataTableRowContext-CNyjgEkL.js";import"../index-DNKPzuib.js";import"../ButtonGroup.css.ts.vanilla-nvciSeRP-B8-80EFl.js";import"../Cover.css.ts.vanilla-8mlBqHYd-CiedZZdA.js";import"../index-DLTg4FK9.js";import"../index-BghsgQ4f.js";import"../FilteredSlot-B5x8Ul12.js";import"../index-vBNTmZ5e.js";import"../index-DyVWey1I.js";import"../Skeleton-JVorWCg1.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 k(r,o){return r?be(r)?te(r,o):r:null}function be(r){return ye(r)||typeof r=="function"||ve(r)}function ye(r){return typeof r=="function"&&(()=>{const o=Object.getPrototypeOf(r);return o.prototype&&o.prototype.isReactComponent})()}function ve(r){return typeof r=="object"&&typeof r.$$typeof=="symbol"&&["react.memo","react.forward_ref"].includes(r.$$typeof.description)}O('@property --zlbpsh{syntax:"<color>";inherits:false;initial-value:transparent}@layer optiaxiom.onfzil;@layer optiaxiom.onfzil{._11oacyc{position:relative}._11oacyc[data-scroll-timeline]:after{background-image:linear-gradient(270deg,rgba(0,0,0,.1),transparent);right:var(--mtjdgx)}._11oacyc[data-scroll-timeline]:before{background-image:linear-gradient(90deg,rgba(0,0,0,.1),transparent);left:var(--_74i4ql)}._11oacyc[data-scroll-timeline]:after,._11oacyc[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}._11oacyc[data-scroll-timeline]:not([data-scroll-timeline=left]):before{opacity:1}._11oacyc[data-scroll-timeline]:not([data-scroll-timeline=right]):after{opacity:1}._17b25za{width:calc(1px*var(--qq7wvy))}._1p7h78k{left:var(--m0ui0w)}._44rwjb{right:var(--m0ui0w)}.dw8qfr{background-color:var(--ax-colors-bg-default);background-image:linear-gradient(var(--zlbpsh),var(--zlbpsh));transition:--zlbpsh var(--ax-duration-sm) ease}.iwr0l5[data-selected] .dw8qfr{--zlbpsh:var(--ax-colors-bg-accent-subtle)}.bfrgt0{flex-grow:calc(var(--qq7wvy)/var(--_1huuyio))}@media (hover:hover){.iwr0l5:hover .dw8qfr{--zlbpsh:var(--ax-colors-bg-default-hovered)}.iwr0l5[data-selected]:hover .dw8qfr{--zlbpsh:color-mix(in srgb,var(--ax-colors-bg-accent-subtle),var(--ax-colors-bg-accent-light) 15%)}}}');var T=$({base:[{alignItems:"start",display:"flex"},"_17b25za"],variants:{pinned:{left:"_1p7h78k",right:"_44rwjb"},pinnedType:{body:"dw8qfr",header:{}},resizable:{false:{},true:"bfrgt0"}}}),P="var(--m0ui0w)",_="var(--qq7wvy)",xe="var(--_74i4ql)",we="var(--mtjdgx)",Ce=$({base:[{display:"flex",flexDirection:"column",maxW:"full",overflow:"hidden",rounded:"lg"},"_11oacyc"]}),ze="var(--_1huuyio)";const $e=j({height:12,name:"IconSort",width:14},i("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=j({height:12,name:"IconSortDown",width:14},i("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=j({height:12,name:"IconSortUp",width:14},i("path",{d:"M3.46099 6.23438L6.43756 3.23438C6.60162 3.09375 6.78912 3 7.00006 3C7.18756 3 7.37506 3.09375 7.51568 3.23438L10.4922 6.23438C10.7032 6.44531 10.7735 6.77344 10.6563 7.05469C10.5391 7.33594 10.2813 7.5 9.97662 7.5H4.00006C3.69537 7.5 3.41412 7.33594 3.29693 7.05469C3.17974 6.77344 3.25006 6.44531 3.46099 6.23438Z",fill:"currentColor"}));O("@layer optiaxiom.onfzil;@layer optiaxiom.onfzil{.iex6i3{color:var(--ax-colors-fg-tertiary);text-decoration:none;-webkit-user-select:none;user-select:none}.iex6i3:focus-visible{outline:none;z-index:10}.u3ag0v{grid-area:1/1/2/2}.fs6ciq{opacity:0}.cbo598{opacity:1}._16u6yre{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){.iex6i3:hover{color:var(--ax-colors-fg-secondary)}}}");var Ie=$({base:[{alignItems:"center",display:"flex",gap:"4",justifyContent:"flex-start",rounded:"md",textAlign:"start",transition:"colors",w:"full"},"iex6i3"]}),De=$({base:[{h:"full",z:"10"},"_16u6yre"],variants:{resizing:{false:{},true:{borderColor:"border.focus"}}}}),V=$({base:[{h:"12",mx:"2",transition:"opacity"},"u3ag0v"],variants:{active:{false:"fs6ciq",true:"cbo598"}}});const G=q(({children:r,header:o,...l},C)=>{const c=o.column.getIsSorted();return i(ue,{asChild:!0,children:i(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()&&i(U,{visible:o.column.getIsResizing()?"always":"if-needed",children:i(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)`:""},...De({resizing:o.column.getIsResizing()})})}),o.column.getCanSort()?i(me,{asChild:!0,inset:!0,...Ie(),children:i("button",{onClick:()=>o.column.toggleSorting(),children:[r,c&&i(pe,{children:["sorted ",c==="asc"?"ascending":"descending"]}),i(U,{display:"grid",placeItems:"center",visible:c?"always":"if-needed",children:[i(M,{asChild:!0,...V({active:c===!1}),children:i($e,{})}),i(M,{asChild:!0,...V({active:c==="asc"}),children:i(Re,{})}),i(M,{asChild:!0,...V({active:c==="desc"}),children:i(Se,{})})]})]})}):r]})})});G.displayName="@optiaxiom/react/DataTableHeaderCell";const F=q(({children:r,index:o,row:l,...C},c)=>{const{highlightedIndex:p,setHighlightedIndex:b,table:w}=Z("@optiaxiom/react/DataTableRow"),[s,y]=H(-1),m=fe(),v=I(null),f=B(v,c);L(()=>{if(p===o)return v.current?.contains((()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})())||v.current?.focus(),()=>y(-1)},[p,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(n=>n.ref!==t))));return i(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&&ke(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&&(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}=w.getRowModel();if(u&&(e.key==="ArrowDown"||e.key==="ArrowUp")){const a=e.key==="ArrowDown"?p+1:p-1;if(a>=0&&a<=t.length-1&&(e.preventDefault(),b(a),g)){const n=t[a];e.shiftKey&&l.getCanMultiSelect()?w.setRowSelection(E=>E[n.id]?{...E,[l.id]:!1}:{...E,[n.id]:!0}):w.setRowSelection({[n.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(),y(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:f,tabIndex:u?(p===-1||p===o)&&s===-1?0:-1:void 0,...C,children:i(he,{actions:x.map(({ref:e})=>e),focusManaged:u,highlightedIndex:s,labelId:m,onActionMount:R,row:l,setHighlightedIndex:W(e=>{y(e),e===-1&&v.current?.focus()}),setSelector:S,children:r})})});F.displayName="@optiaxiom/react/DataTableRow";const ke=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,Te=20,Q=q(({className:r,estimatedRowHeight:o=52,loading:l,style:C,...c},p)=>{const b=I(null),w=B(b,p),{table:s}=Z("@optiaxiom/react/DataTableBody"),{rows:y}=s.getRowModel(),m=re(()=>{let e=0;return y.reduce((t,a)=>(t.push(a),e++,l&&typeof l=="object"&&l[a.id]==="sub-rows"&&t.push(A(s,e++),A(s,e++)),t),[])},[l,y,s]),v=I(m);L(()=>{v.current=m});const f=I(null),x=()=>{if(!b.current||!f.current)return;const{offsetWidth:e,scrollLeft:t,scrollWidth:a}=f.current;a>e?b.current.dataset.scrollTimeline=t===0?"left":t>=a-e?"right":"middle":delete b.current.dataset.scrollTimeline};L(()=>{x();const e=f.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:()=>f.current,horizontal:!0}),g=d.getVirtualItems(),S=g[0]?.start??0,u=N({count:m.length,enabled:h.length>J||m.length>Te,estimateSize:()=>o,getItemKey:e=>m[e].id,getScrollElement:()=>f.current}),R=u.getVirtualItems();return i(ne,{ref:w,style:{...z({[xe]:`${s.getLeftTotalSize()}px`,[we]:`${s.getRightTotalSize()}px`,[ze]:(s.getHeaderGroups()[0]?.headers.reduce((e,t)=>e+(t.column.getCanResize()?t.getSize():0),0)??0).toString()}),...C},...Ce({},r),...c,children:i(le,{layout:"fixed",onScroll:x,ref:f,children:[i(ce,{display:"grid",pinned:!0,children:s.getHeaderGroups().map(e=>i(K,{display:"flex",children:e.headers.map(t=>i(G,{header:t,pinned:!!t.column.getIsPinned(),style:{...z({[P]:`${t.column.getStart(t.column.getIsPinned()||"left")}px`,[_]:`${t.getSize()}`})},...T({pinned:t.column.getIsPinned()||void 0,pinnedType:t.column.getIsPinned()?"header":void 0,resizable:t.column.getCanResize()}),children:t.isPlaceholder?null:k(t.column.columnDef.header,t.getContext())},t.id))},e.id))}),i(se,{display:"grid",style:u.options.enabled?{height:`${u.getTotalSize()}px`}:void 0,children:(l===!0?Array.from({length:10},(e,t)=>({row:A(s,t),virtualRow:void 0})):u.options.enabled?R.length===0&&m.length>0?v.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)=>i(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(n=>i(D,{pinned:!0,style:{...z({[P]:`${n.column.getStart("left")}px`,[_]:`${n.column.getSize()}`})},...T({pinned:"left",pinnedType:"body",resizable:n.column.getCanResize()}),children:k(n.column.columnDef.cell,n.getContext())},n.id)),d.options.enabled&&S>0&&i(D,{style:{width:S}}),(d.options.enabled?g.map(n=>e.getCenterVisibleCells()[n.index]):e.getCenterVisibleCells()).map(n=>i(D,{style:{...z({[_]:`${n.column.getSize()}`})},...T({resizable:n.column.getCanResize()}),children:k(n.column.columnDef.cell,n.getContext())},n.id)),e.getRightVisibleCells().map(n=>i(D,{pinned:!0,style:{...z({[P]:`${n.column.getStart("right")}px`,[_]:`${n.column.getSize()}`})},...T({pinned:"right",pinnedType:"body",resizable:n.column.getCanResize()}),children:k(n.column.columnDef.cell,n.getContext())},n.id))]},e.id))})]})})});Q.displayName="@optiaxiom/react/DataTableBody";const ee="ax-data-table-body";var _e=oe(ee,Q,ae,ie);export{ee as DataTableBody,_e 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-CctNh5sC.js";import{J as C}from"../propTypes-D0yNqIYi.js";import{u as I}from"../index-BdXZ3u21.js";import{u as T}from"../index-D0IUhyYD.js";import{V as w}from"../index-BghsgQ4f.js";import{c as D}from"../Box-CEmVhC_v.js";import{i as v}from"../SuggestionPopover-BeljKmto.js";import{u as R}from"../DataTableAction-KYaor5Lz.js";import{a as y}from"../DataTableContext-CIP6qnfU.js";import{c as P}from"../DataTableRowContext-CNyjgEkL.js";import"../index-vBNTmZ5e.js";import"../index-DLTg4FK9.js";import"../layers.css.ts.vanilla-vDw4DFSx-DV6qn0Mn.js";import"../recipeRuntime-BvPxdQJv.js";import"../useSurface-D72ABN_4.js";import"../Avatar-CC-8teXo.js";import"../index-DNKPzuib.js";import"../index-BgemDbgr.js";import"../index-BF1mGHQJ.js";import"../IconOpal-DTBU15cw.js";import"../withIcon-CtfpAiMM.js";import"../ButtonGroup.css.ts.vanilla-nvciSeRP-B8-80EFl.js";import"../AvatarContext-E-ubcl4t.js";import"../AvatarGroup-b0ZOq3E-.js";import"../Button-UeB-bxva.js";import"../Icon-_J_KpoUT.js";import"../isHoverSupported-D44d_mIZ.js";import"../index-DyVWey1I.js";import"../decorateChildren-CLt2qMqh.js";import"../fallbackSpan-BB6zWjM_.js";import"../ButtonRoot-CDFN88U0.js";import"../Spinner-C6HAZFbG.js";import"../Group-36iWgXeH.js";import"../Transition-BjDdAUFM.js";import"../TransitionGroupContext-Dz9c4fyy.js";import"../TransitionGroup-Dip-XyXf.js";import"../index-D02OsEFI.js";import"../ButtonContext-tytHr1NB.js";import"../Text-Jv2JdwD5.js";import"../ButtonGroup-YrkSuMrh.js";import"../Heading-CYVtJ2b9.js";import"../useEffectEvent-D7cbqRBJ.js";import"../FieldContext-B40TYDis.js";import"../ListboxItemIndicator-t_YokEQm.js";import"../Popover-DMEaO67w.js";import"../usePopoverScope-D6T7Hjl6.js";import"../index-CBrz5xtv.js";import"../index-C581Q6aA.js";import"../Combination-BCgv9NZO.js";import"../index-AedhIhg-.js";import"../index-Bie-IK03.js";import"../index-CDr5kGHV.js";import"../PopoverAnchor-HeW5ERw2.js";import"../Listbox-Lhx21g66.js";import"../Alert-C1JBGRMJ.js";import"../IconTriangleExclamationSolid-BWZ0GYp5.js";import"../IconX-DMM6Jxn-.js";import"../useSuggestions-CDlb526x.js";import"../ToggleInputLabel-swN7BMgr.js";import"../VisuallyHidden-DEJd8AMB.js";import"../FilteredSlot-B5x8Ul12.js";import"../ListboxItem-CoYXm3Kz.js";import"../ListboxEmpty-BeGgc-a6.js";import"../ListboxGroup-CJkO2CxU.js";import"../ListboxGroupContext-DQmktSP4.js";import"../ListboxItemized-qUUjpGMp.js";import"../Skeleton-JVorWCg1.js";import"../index-C7r_9qMc.js";import"../ListboxLabel-BseXFhBv.js";import"../ListboxRadioItem-BwXQpMOe.js";import"../ListboxSeparator-Ys7wlkpT.js";import"../Separator-BM1870sv.js";import"../Paper-XDLSJbFk.js";import"../Portal-BClJqUds.js";import"../PortalContext-BAQslT3X.js";import"../onReactSelectInputBlur-BSwj0-sR.js";import"../modal-context-CPtL8Wdw.js";import"../PopoverTrigger-CyxAvGC-.js";import"../Table-ClAI01z9.js";import"../TableAction-B-xIfziW.js";import"../ActionsRoot-BnbQQscg.js";import"../TableBody-5uL17pdf.js";import"../TableCell-Pz4-XvVZ.js";import"../TableRow.css.ts.vanilla-B3Y4o06J-C6yHemwK.js";import"../TableHeader-DGTF_R__.js";import"../TableHeaderCell-CVZPwMxg.js";import"../TableRow-DHOFpn5v.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 o,S as h,r as b,c as x}from"../register-CctNh5sC.js";import{K as S}from"../propTypes-D0yNqIYi.js";import{u as z}from"../index-D0IUhyYD.js";import{a as y}from"../Box-CEmVhC_v.js";import{o as e}from"../Group-36iWgXeH.js";import{h as C}from"../Pagination-Cjmwhv7l.js";import{T as P}from"../Select-CG2jT5fK.js";import{n as T}from"../SelectContent-C_rezINb.js";import{x as w}from"../SelectTrigger-DKlNe9p6.js";import{o as a}from"../Text-Jv2JdwD5.js";import{a as D}from"../DataTableContext-CIP6qnfU.js";import"../layers.css.ts.vanilla-vDw4DFSx-DV6qn0Mn.js";import{p as F}from"../recipeRuntime-BvPxdQJv.js";import"../index-vBNTmZ5e.js";import"../index-BdXZ3u21.js";import"../index-D02OsEFI.js";import"../Button-UeB-bxva.js";import"../Icon-_J_KpoUT.js";import"../useSurface-D72ABN_4.js";import"../isHoverSupported-D44d_mIZ.js";import"../index-DyVWey1I.js";import"../decorateChildren-CLt2qMqh.js";import"../fallbackSpan-BB6zWjM_.js";import"../ButtonRoot-CDFN88U0.js";import"../ButtonGroup.css.ts.vanilla-nvciSeRP-B8-80EFl.js";import"../Spinner-C6HAZFbG.js";import"../Transition-BjDdAUFM.js";import"../TransitionGroupContext-Dz9c4fyy.js";import"../index-DNKPzuib.js";import"../TransitionGroup-Dip-XyXf.js";import"../ButtonContext-tytHr1NB.js";import"../ButtonGroup-YrkSuMrh.js";import"../IconAngleLeft-C5btTZ5y.js";import"../withIcon-CtfpAiMM.js";import"../IconAngleRight-CHO4o7U-.js";import"../IconEllipsis-DWK9yqG2.js";import"../Tooltip-CoFu6u3C.js";import"../TooltipContent-CmgFvoPe.js";import"../index-0NFoOusd.js";import"../index-CBrz5xtv.js";import"../index-C581Q6aA.js";import"../index-DLTg4FK9.js";import"../index-BgemDbgr.js";import"../index-AedhIhg-.js";import"../index-Bie-IK03.js";import"../index-BghsgQ4f.js";import"../Portal-BClJqUds.js";import"../PortalContext-BAQslT3X.js";import"../TooltipContext-B8U1RfxA.js";import"../theme-css-Bg5Y5ztL.js";import"../TooltipRoot-CyFc7nFJ.js";import"../TooltipTrigger-Byq9_IW-.js";import"../FilteredSlot-B5x8Ul12.js";import"../TooltipProvider-Cub0j6XP.js";import"../VisuallyHidden-DEJd8AMB.js";import"../useHighlightedIndex-DAeA6I0n.js";import"../useEffectEvent-D7cbqRBJ.js";import"../FieldContext-B40TYDis.js";import"../Avatar-CC-8teXo.js";import"../index-BF1mGHQJ.js";import"../IconOpal-DTBU15cw.js";import"../AvatarContext-E-ubcl4t.js";import"../AvatarGroup-b0ZOq3E-.js";import"../useObserveValue-5XT0w55-.js";import"../useSuggestions-CDlb526x.js";import"../SelectContext-RXba9iKz.js";import"../Listbox-Lhx21g66.js";import"../SuggestionPopover-BeljKmto.js";import"../Heading-CYVtJ2b9.js";import"../ListboxItemIndicator-t_YokEQm.js";import"../Popover-DMEaO67w.js";import"../usePopoverScope-D6T7Hjl6.js";import"../Combination-BCgv9NZO.js";import"../index-CDr5kGHV.js";import"../PopoverAnchor-HeW5ERw2.js";import"../Alert-C1JBGRMJ.js";import"../IconTriangleExclamationSolid-BWZ0GYp5.js";import"../IconX-DMM6Jxn-.js";import"../ToggleInputLabel-swN7BMgr.js";import"../ListboxItem-CoYXm3Kz.js";import"../ListboxEmpty-BeGgc-a6.js";import"../ListboxGroup-CJkO2CxU.js";import"../ListboxGroupContext-DQmktSP4.js";import"../ListboxItemized-qUUjpGMp.js";import"../Skeleton-JVorWCg1.js";import"../index-C7r_9qMc.js";import"../ListboxLabel-BseXFhBv.js";import"../ListboxRadioItem-BwXQpMOe.js";import"../ListboxSeparator-Ys7wlkpT.js";import"../Separator-BM1870sv.js";import"../Paper-XDLSJbFk.js";import"../onReactSelectInputBlur-BSwj0-sR.js";import"../modal-context-CPtL8Wdw.js";import"../PopoverTrigger-CyxAvGC-.js";import"../utils-DmL-SVWU.js";import"../ModalLayer-BjqphgnH.js";import"../AngleMenuButton-BqVWvozg.js";import"../IconAngleDown-D-QE-Cn5.js";import"../useFieldLabelTrigger-DdHxzkma.js";c("@layer optiaxiom.onfzil;@layer optiaxiom.onfzil{.a11ryh{width:180px}}");var n=F({base:"a11ryh",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:t}=D("@optiaxiom/react/DataTableFooter"),{pagination:r}=t.getState(),m=z();return o(e,{alignSelf:"stretch",fontSize:"md",gap:"16",justifyContent:"space-between",mt:"auto",ref:d,...f,children:[o(y,{...n({slot:"before"}),children:g&&o(e,{gap:"8",children:[o(a,{color:"fg.secondary",id:m,children:"Page Size"}),o(P,{onValueChange:p=>p&&t.setPageSize(parseFloat(p)),options:i,value:r.pageSize.toString(),children:[o(w,{appearance:"subtle","aria-labelledby":m}),o(T,{})]})]})}),t.getPageCount()>1&&o(C,{onPageChange:p=>t.setPageIndex(p-1),page:r.pageIndex+1,total:t.getPageCount()}),o(a,{...n({slot:"after"}),children:t.getRowCount()>0&&o(h,{children:[r.pageIndex*r.pageSize+1," -"," ",Math.min((r.pageIndex+1)*r.pageSize,t.getRowCount())," ","of ",t.getRowCount()]})})]})});l.displayName="@optiaxiom/react/DataTableFooter";const s="ax-data-table-footer";var I=b(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-CctNh5sC.js";import{L as b}from"../propTypes-D0yNqIYi.js";import{a as s}from"../Box-CEmVhC_v.js";import{c}from"../DataTableRowContext-CNyjgEkL.js";import"../index-BdXZ3u21.js";import"../layers.css.ts.vanilla-vDw4DFSx-DV6qn0Mn.js";import"../recipeRuntime-BvPxdQJv.js";import"../index-DNKPzuib.js";import"../Skeleton-JVorWCg1.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 B,d as R,A as l,u as o,r as q,c as E}from"../register-CctNh5sC.js";import{M as K}from"../propTypes-D0yNqIYi.js";import{u as L}from"../index-BdXZ3u21.js";import{u as M}from"../index-D0IUhyYD.js";import{u as G}from"../index-D02OsEFI.js";import{c as H}from"../Box-CEmVhC_v.js";import{b as x}from"../Button-UeB-bxva.js";import"../ButtonGroup-YrkSuMrh.js";import{F as J}from"../Calendar-CZEw5PYu.js";import{i as Q}from"../FieldContext-B40TYDis.js";import{o as T}from"../useObserveValue-5XT0w55-.js";import"../isHoverSupported-D44d_mIZ.js";import{i as s,t as U,a as W}from"../toPlainDate-B6atItEt.js";import{o as X}from"../IconCalendar-rlRUZ2U1.js";import{l as Y}from"../IconX-DMM6Jxn-.js";import{n as Z}from"../Input-JOmGf2ls.js";import"../InputAddon-WKClUSET.js";import"../InputControl-BnBZSW9u.js";import"../InputRoot-Br7n--Qi.js";import{r as tt}from"../Popover-DMEaO67w.js";import{t as ot}from"../PopoverAnchor-HeW5ERw2.js";import{n as rt}from"../SuggestionPopover-BeljKmto.js";import{p as it}from"../PopoverTrigger-CyxAvGC-.js";import{o as et}from"../VisuallyHidden-DEJd8AMB.js";import"../layers.css.ts.vanilla-vDw4DFSx-DV6qn0Mn.js";import{p}from"../recipeRuntime-BvPxdQJv.js";import"../index-vBNTmZ5e.js";import"../Icon-_J_KpoUT.js";import"../useSurface-D72ABN_4.js";import"../decorateChildren-CLt2qMqh.js";import"../fallbackSpan-BB6zWjM_.js";import"../ButtonRoot-CDFN88U0.js";import"../ButtonGroup.css.ts.vanilla-nvciSeRP-B8-80EFl.js";import"../Spinner-C6HAZFbG.js";import"../Group-36iWgXeH.js";import"../Transition-BjDdAUFM.js";import"../TransitionGroupContext-Dz9c4fyy.js";import"../index-DNKPzuib.js";import"../TransitionGroup-Dip-XyXf.js";import"../ButtonContext-tytHr1NB.js";import"../Text-Jv2JdwD5.js";import"../Select-CG2jT5fK.js";import"../index-AedhIhg-.js";import"../index-DLTg4FK9.js";import"../index-BgemDbgr.js";import"../useHighlightedIndex-DAeA6I0n.js";import"../useEffectEvent-D7cbqRBJ.js";import"../Avatar-CC-8teXo.js";import"../index-BF1mGHQJ.js";import"../IconOpal-DTBU15cw.js";import"../withIcon-CtfpAiMM.js";import"../AvatarContext-E-ubcl4t.js";import"../AvatarGroup-b0ZOq3E-.js";import"../useSuggestions-CDlb526x.js";import"../SelectContext-RXba9iKz.js";import"../SelectContent-C_rezINb.js";import"../Listbox-Lhx21g66.js";import"../ListboxEmpty-BeGgc-a6.js";import"../ListboxGroup-CJkO2CxU.js";import"../ListboxGroupContext-DQmktSP4.js";import"../ListboxItem-CoYXm3Kz.js";import"../ListboxItemIndicator-t_YokEQm.js";import"../ListboxItemized-qUUjpGMp.js";import"../Skeleton-JVorWCg1.js";import"../index-C7r_9qMc.js";import"../ListboxLabel-BseXFhBv.js";import"../ListboxRadioItem-BwXQpMOe.js";import"../ListboxSeparator-Ys7wlkpT.js";import"../Separator-BM1870sv.js";import"../utils-DmL-SVWU.js";import"../ModalLayer-BjqphgnH.js";import"../index-C581Q6aA.js";import"../index-CBrz5xtv.js";import"../Combination-BCgv9NZO.js";import"../modal-context-CPtL8Wdw.js";import"../Portal-BClJqUds.js";import"../PortalContext-BAQslT3X.js";import"../Tooltip-CoFu6u3C.js";import"../TooltipContent-CmgFvoPe.js";import"../index-0NFoOusd.js";import"../index-Bie-IK03.js";import"../index-BghsgQ4f.js";import"../TooltipContext-B8U1RfxA.js";import"../theme-css-Bg5Y5ztL.js";import"../TooltipRoot-CyFc7nFJ.js";import"../TooltipTrigger-Byq9_IW-.js";import"../FilteredSlot-B5x8Ul12.js";import"../TooltipProvider-Cub0j6XP.js";import"../SelectTrigger-DKlNe9p6.js";import"../AngleMenuButton-BqVWvozg.js";import"../IconAngleDown-D-QE-Cn5.js";import"../useFieldLabelTrigger-DdHxzkma.js";import"../usePopoverScope-D6T7Hjl6.js";import"../index-CDr5kGHV.js";import"../IconAngleLeft-C5btTZ5y.js";import"../IconAngleRight-CHO4o7U-.js";import"../index-DyVWey1I.js";import"../InputContext-0TOU0X7M.js";import"../InputControl.css.ts.vanilla-NLNP1OKO-CRuUplb2.js";import"../Heading-CYVtJ2b9.js";import"../Alert-C1JBGRMJ.js";import"../IconTriangleExclamationSolid-BWZ0GYp5.js";import"../ToggleInputLabel-swN7BMgr.js";import"../Paper-XDLSJbFk.js";import"../onReactSelectInputBlur-BSwj0-sR.js";V("@layer optiaxiom.onfzil;@layer optiaxiom.onfzil{._1xa31iy::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}._16d1b7s:is(:not(:focus-within):not(:hover),:has(input:disabled)) .vsdwuj{visibility:hidden}@supports not selector(::-webkit-datetime-edit){._14aoxed{display:none!important}}}");var pt=p({base:[{size:"sm"},"vsdwuj"]}),mt=p({base:"_16d1b7s"}),at=p({base:"_1xa31iy"}),nt=p({base:"_14aoxed"});const D=B(({className:k,disabled:d,holiday:w,max:g,min:I,onChange:S,placeholder:_,step:u,type:i="date",weekend:j,...r},O)=>{const{labelId:$}=Q("@optiaxiom/react/DateInput"),c=M(),[A,e]=R(!1),m=l(!1),f=l(null),a=l(null),z=L(a,O),[n,h]=G({caller:"@optiaxiom/react/DateInput",defaultProp:r.defaultValue,prop:r.value}),b=T(a,h),F=typeof n=="string"?s(n)??null:null,y=g||"2100-12-31",C=I||"1900-01-01",N=s(y),P=s(C);return o(tt,{onOpenChange:e,open:!d&&A,children:[o(ot,{children:o(Z,{addonAfter:n&&!r.readOnly&&!r.required&&o(x,{appearance:"subtle","aria-label":"Clear",icon:o(Y,{}),onPointerDown:t=>{t.preventDefault(),b("")},tabIndex:-1,...pt()}),addonBefore:o(it,{"aria-label":"Show date picker",asChild:!0,onClick:t=>{r.readOnly&&t.preventDefault()},ref:f,role:"img",...nt(),children:o(X,{})}),asChild:!0,disabled:d,max:y,min:C,onChange:t=>{S?.(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(),r.readOnly||e(!0)):t.key==="Escape"&&(t.preventDefault(),e(!1)))},ref:z,step:u,type:i,...mt({},k),...r,children:o("input",{...at()})})}),o(rt,{"aria-labelledby":H(c,$),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:[o(et,{asChild:!0,id:c,children:o("h2",{children:"Calendar"})}),o(J,{holiday:w,max:N,min:P,onValueChange:t=>{t&&(b(i==="datetime-local"?U(t):W(t)),i==="date"&&e(!1))},placeholder:_,step:u,type:i,value:F,weekend:j}),i==="datetime-local"&&o(x,{flex:"none",justifyContent:"center",onClick:()=>e(!1),children:"Done"})]})]})});D.displayName="@optiaxiom/react/DateInput";const v="ax-date-input";var lt=q(v,D,K,E);export{v 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-CctNh5sC.js";import{N as V}from"../propTypes-D0yNqIYi.js";import{u as n}from"../index-D02OsEFI.js";import{f as y}from"../useEffectEvent-D7cbqRBJ.js";import"../FieldContext-B40TYDis.js";import"../isHoverSupported-D44d_mIZ.js";import{i as N,a as A}from"../toPlainDate-B6atItEt.js";import{r as F}from"../Popover-DMEaO67w.js";import"../PopoverAnchor-HeW5ERw2.js";import"../SuggestionPopover-BeljKmto.js";import"../PopoverTrigger-CyxAvGC-.js";import{t as S}from"../DateRangePickerContext-Bil-CIhE.js";import"../index-vBNTmZ5e.js";import"../index-DNKPzuib.js";import"../index-DyVWey1I.js";import"../usePopoverScope-D6T7Hjl6.js";import"../index-CBrz5xtv.js";import"../index-BdXZ3u21.js";import"../index-C581Q6aA.js";import"../index-DLTg4FK9.js";import"../index-BgemDbgr.js";import"../Combination-BCgv9NZO.js";import"../index-D0IUhyYD.js";import"../index-AedhIhg-.js";import"../index-Bie-IK03.js";import"../index-CDr5kGHV.js";import"../Box-CEmVhC_v.js";import"../layers.css.ts.vanilla-vDw4DFSx-DV6qn0Mn.js";import"../recipeRuntime-BvPxdQJv.js";import"../useSurface-D72ABN_4.js";import"../Avatar-CC-8teXo.js";import"../index-BF1mGHQJ.js";import"../IconOpal-DTBU15cw.js";import"../withIcon-CtfpAiMM.js";import"../ButtonGroup.css.ts.vanilla-nvciSeRP-B8-80EFl.js";import"../AvatarContext-E-ubcl4t.js";import"../AvatarGroup-b0ZOq3E-.js";import"../Button-UeB-bxva.js";import"../Icon-_J_KpoUT.js";import"../decorateChildren-CLt2qMqh.js";import"../fallbackSpan-BB6zWjM_.js";import"../ButtonRoot-CDFN88U0.js";import"../Spinner-C6HAZFbG.js";import"../Group-36iWgXeH.js";import"../Transition-BjDdAUFM.js";import"../TransitionGroupContext-Dz9c4fyy.js";import"../TransitionGroup-Dip-XyXf.js";import"../ButtonContext-tytHr1NB.js";import"../Text-Jv2JdwD5.js";import"../ButtonGroup-YrkSuMrh.js";import"../Heading-CYVtJ2b9.js";import"../ListboxItemIndicator-t_YokEQm.js";import"../Listbox-Lhx21g66.js";import"../Alert-C1JBGRMJ.js";import"../IconTriangleExclamationSolid-BWZ0GYp5.js";import"../IconX-DMM6Jxn-.js";import"../useSuggestions-CDlb526x.js";import"../ToggleInputLabel-swN7BMgr.js";import"../VisuallyHidden-DEJd8AMB.js";import"../index-BghsgQ4f.js";import"../FilteredSlot-B5x8Ul12.js";import"../ListboxItem-CoYXm3Kz.js";import"../ListboxEmpty-BeGgc-a6.js";import"../ListboxGroup-CJkO2CxU.js";import"../ListboxGroupContext-DQmktSP4.js";import"../ListboxItemized-qUUjpGMp.js";import"../Skeleton-JVorWCg1.js";import"../index-C7r_9qMc.js";import"../ListboxLabel-BseXFhBv.js";import"../ListboxRadioItem-BwXQpMOe.js";import"../ListboxSeparator-Ys7wlkpT.js";import"../Separator-BM1870sv.js";import"../Paper-XDLSJbFk.js";import"../Portal-BClJqUds.js";import"../PortalContext-BAQslT3X.js";import"../onReactSelectInputBlur-BSwj0-sR.js";import"../modal-context-CPtL8Wdw.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};