@optiaxiom/web-components 3.0.7 → 3.2.0

package/dist/components/DataTableBody.js

@@ -1,4 +1,4 @@
-import{D as e,_ as t,a as n,d as r,h as i,k as a,n as o,p as s,r as c,t as l,y as u}from"../register-DI_7juGg.js";import{N as d}from"../propTypes-DvAE1OVW.js";import{t as f}from"../Box-BLJUMIbj.js";import"../layers.css.ts.vanilla-aCHm1GAF-B7j9vPYC.js";import{t as p}from"../recipeRuntime-BkylZxVy.js";import{n as m}from"../dist-BA1lC60o.js";import{t as h}from"../Icon-C2E7LvWT.js";import{t as g}from"../dist-CZh7xvrW.js";import{t as _}from"../vanilla-extract-dynamic.esm-BTVburtF.js";import{t as v}from"../VisuallyHidden-DCd41jCL.js";import{t as y}from"../useEvent-CXngOW4Z.js";import{t as b}from"../Separator-BT1Jd800.js";import{t as x}from"../Cover-BM12LhCW.js";import{t as S}from"../withIcon-BWYJkwd6.js";import{t as C}from"../esm-A3Yt4Rxm.js";import{t as w}from"../ActionsRoot-qma0MKVU.js";import{t as T}from"../ActionsContent-UmXN6qDk.js";import{n as E}from"../DataTableContext-CjDKR7ob.js";import{t as D}from"../Table-2ibAMVOz.js";import{t as O}from"../TableBody-Ds8D8Te2.js";import"../TableRow.css.ts.vanilla-Dl7NHtD0-QFRcqNuq.js";import{t as k}from"../TableCell-Dt4PmYoX.js";import{t as A}from"../TableHeader-Cb7RCHuR.js";import{t as j}from"../TableHeaderCell-MhiHnI8k.js";import{t as M}from"../TableRow-BpRCSff7.js";import{n as N,t as P}from"../DataTableRowContext-AJll4W-l.js";a(`@property --_174hrra{syntax:"<color>";inherits:false;initial-value:#0000}@layer optiaxiom._118cs24;@layer optiaxiom._118cs24{._1qviswm{position:relative}._1qviswm[data-scroll-timeline]:after{background-image:linear-gradient(270deg,#0000001a,#0000);right:var(--_1ga2x3p)}._1qviswm[data-scroll-timeline]:before{background-image:linear-gradient(90deg,#0000001a,#0000);left:var(--_105z895)}._1qviswm[data-scroll-timeline]:after,._1qviswm[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}._1qviswm[data-scroll-timeline]:not([data-scroll-timeline=left]):before,._1qviswm[data-scroll-timeline]:not([data-scroll-timeline=right]):after{opacity:1}._15ihvko{width:calc(1px*var(--_17tsmk6))}._16zfw2z{left:var(--_1rwxfsw)}._88j6aj{right:var(--_1rwxfsw)}._13c236l{background-color:var(--ax-colors-bg-default);background-image:linear-gradient(var(--_174hrra),var(--_174hrra));transition:--_174hrra var(--ax-duration-sm) ease}._5qs8qk[data-selected] ._13c236l{--_174hrra:var(--ax-colors-bg-accent-subtle)}.hn4ybb{flex-grow:calc(var(--_17tsmk6)/var(--k8y2p8))}@media (hover:hover){._5qs8qk:hover ._13c236l{--_174hrra:var(--ax-colors-bg-default-hovered)}._5qs8qk[data-selected]:hover ._13c236l{--_174hrra: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`},`_15ihvko`],variants:{pinned:{left:`_16zfw2z`,right:`_88j6aj`},pinnedType:{body:`_13c236l`,header:{}},resizable:{false:{},true:`hn4ybb`}}}),I=`var(--_1rwxfsw)`,L=`var(--_17tsmk6)`,R=`var(--_105z895)`,z=`var(--_1ga2x3p)`,B=p({base:[{display:`flex`,flexDirection:`column`,maxW:`full`,overflow:`hidden`,rounded:`lg`},`_1qviswm`]}),ee=`var(--k8y2p8)`;const te=S({height:12,name:`IconSort`,width:14},c(`path`,{d:`M3.88274 5.25H10.0937C10.6562 5.25 10.9609 4.57031 10.539 4.14844L7.44524 0.960938C7.32805 0.820312 7.16399 0.75 6.99993 0.75C6.83586 0.75 6.64836 0.820312 6.53118 0.960938L3.43743 4.14844C3.01555 4.57031 3.32024 5.25 3.88274 5.25ZM10.0937 6.75H3.88274C3.32024 6.75 3.01555 7.45312 3.43743 7.875L6.53118 11.0625C6.64836 11.2031 6.81243 11.25 6.99993 11.25C7.16399 11.25 7.32805 11.2031 7.44524 11.0625L10.539 7.875C10.9609 7.45312 10.6562 6.75 10.0937 6.75Z`,fill:`currentColor`})),ne=S({height:12,name:`IconSortDown`,width:14},c(`path`,{d:`M10.5156 5.78906L7.53907 8.78906C7.375 8.92969 7.1875 9 7 9C6.78907 9 6.60157 8.92969 6.46094 8.78906L3.48438 5.78906C3.25 5.57812 3.17969 5.25 3.29688 4.96875C3.41407 4.6875 3.69532 4.5 4 4.5H9.97657C10.2813 4.5 10.5391 4.6875 10.6563 4.96875C10.7734 5.25 10.7266 5.57812 10.5156 5.78906Z`,fill:`currentColor`})),re=S({height:12,name:`IconSortUp`,width:14},c(`path`,{d:`M3.46099 6.23438L6.43756 3.23438C6.60162 3.09375 6.78912 3 7.00006 3C7.18756 3 7.37506 3.09375 7.51568 3.23438L10.4922 6.23438C10.7032 6.44531 10.7735 6.77344 10.6563 7.05469C10.5391 7.33594 10.2813 7.5 9.97662 7.5H4.00006C3.69537 7.5 3.41412 7.33594 3.29693 7.05469C3.17974 6.77344 3.25006 6.44531 3.46099 6.23438Z`,fill:`currentColor`}));a(`@layer optiaxiom._118cs24;@layer optiaxiom._118cs24{._1uip5d7{color:var(--ax-colors-fg-tertiary);text-decoration:none;-webkit-user-select:none;user-select:none}._1uip5d7:focus-visible{outline:none;z-index:10}._8p1vjg{grid-area:1/1/2/2}._1jaywef{opacity:0}.xgwcdh{opacity:1}._1olsfy6{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){._1uip5d7: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`},`_1uip5d7`]}),H=p({base:[{h:`full`,z:`10`},`_1olsfy6`],variants:{resizing:{false:{},true:{borderColor:`border.focus`}}}}),U=p({base:[{h:`12`,mx:`2`,transition:`opacity`},`_8p1vjg`],variants:{active:{false:`_1jaywef`,true:`xgwcdh`}}});r();
+import{D as e,_ as t,a as n,d as r,h as i,k as a,n as o,p as s,r as c,t as l,y as u}from"../register-DcSi2tvI.js";import{N as d}from"../propTypes-ClbnBdm_.js";import{t as f}from"../Box-BKiQ7uSE.js";import"../layers.css.ts.vanilla-DD7saQYy-_i2NMAGU.js";import{t as p}from"../recipeRuntime-BkylZxVy.js";import{n as m}from"../dist-D14eSf0T.js";import{t as h}from"../Icon-B_FA9wsy.js";import{t as g}from"../dist-B_ewNSZX.js";import{t as _}from"../vanilla-extract-dynamic.esm-BTVburtF.js";import{t as v}from"../VisuallyHidden-CnF5arL5.js";import{t as y}from"../useEvent-qi9fV62T.js";import{t as b}from"../Separator-DcDX3DAU.js";import{t as x}from"../Cover-BkhNEt0K.js";import{t as S}from"../withIcon-u1vMpX2o.js";import{t as C}from"../esm-gI-PsjBZ.js";import{t as w}from"../ActionsRoot-Dk_aCLoV.js";import{t as T}from"../ActionsContent-B3KYFBI_.js";import{n as E}from"../DataTableContext-BUc7vTG5.js";import{t as D}from"../Table-DtuOCjq3.js";import{t as O}from"../TableBody-BzfrqF62.js";import"../TableRow.css.ts.vanilla-BIqEL9Oi-CsjSo51n.js";import{t as k}from"../TableCell-D78QajEV.js";import{t as A}from"../TableHeader-DvjlvDLh.js";import{t as j}from"../TableHeaderCell-KVN2k-bQ.js";import{t as M}from"../TableRow-BprXbO3F.js";import{n as N,t as P}from"../DataTableRowContext-DVL5uaeW.js";a(`@property --_10hywls{syntax:"<color>";inherits:false;initial-value:#0000}@layer optiaxiom._1cgq1zr;@layer optiaxiom._1cgq1zr{._1f62e4o{position:relative}._1f62e4o[data-scroll-timeline]:after{background-image:linear-gradient(270deg,#0000001a,#0000);right:var(--_1orj7i3)}._1f62e4o[data-scroll-timeline]:before{background-image:linear-gradient(90deg,#0000001a,#0000);left:var(--_1g5lat0)}._1f62e4o[data-scroll-timeline]:after,._1f62e4o[data-scroll-timeline]:before{content:"";display:block;height:100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s;width:calc(var(--ax-styles-scale)*1);z-index:1}._1f62e4o[data-scroll-timeline]:not([data-scroll-timeline=left]):before,._1f62e4o[data-scroll-timeline]:not([data-scroll-timeline=right]):after{opacity:1}._10h5f6l{width:calc(1px*var(--_14zutqx))}.o7hv78{left:var(--q169dm)}._10cl4vx{right:var(--q169dm)}.jd82jp{background-color:var(--ax-colors-bg-default);background-image:linear-gradient(var(--_10hywls),var(--_10hywls));transition:--_10hywls var(--ax-duration-sm) ease}.sh7f2y[data-selected] .jd82jp{--_10hywls:var(--ax-colors-bg-accent-subtle)}.yghkcm{flex-grow:calc(var(--_14zutqx)/var(--njnzk4))}@media (hover:hover){.sh7f2y:hover .jd82jp{--_10hywls:var(--ax-colors-bg-default-hovered)}.sh7f2y[data-selected]:hover .jd82jp{--_10hywls: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`},`_10h5f6l`],variants:{pinned:{left:`o7hv78`,right:`_10cl4vx`},pinnedType:{body:`jd82jp`,header:{}},resizable:{false:{},true:`yghkcm`}}}),I=`var(--q169dm)`,L=`var(--_14zutqx)`,R=`var(--_1g5lat0)`,z=`var(--_1orj7i3)`,B=p({base:[{display:`flex`,flexDirection:`column`,maxW:`full`,overflow:`hidden`,rounded:`lg`},`_1f62e4o`]}),ee=`var(--njnzk4)`;const te=S({height:12,name:`IconSort`,width:14},/* @__PURE__ */ c(`path`,{d:`M3.88274 5.25H10.0937C10.6562 5.25 10.9609 4.57031 10.539 4.14844L7.44524 0.960938C7.32805 0.820312 7.16399 0.75 6.99993 0.75C6.83586 0.75 6.64836 0.820312 6.53118 0.960938L3.43743 4.14844C3.01555 4.57031 3.32024 5.25 3.88274 5.25ZM10.0937 6.75H3.88274C3.32024 6.75 3.01555 7.45312 3.43743 7.875L6.53118 11.0625C6.64836 11.2031 6.81243 11.25 6.99993 11.25C7.16399 11.25 7.32805 11.2031 7.44524 11.0625L10.539 7.875C10.9609 7.45312 10.6562 6.75 10.0937 6.75Z`,fill:`currentColor`})),ne=S({height:12,name:`IconSortDown`,width:14},/* @__PURE__ */ c(`path`,{d:`M10.5156 5.78906L7.53907 8.78906C7.375 8.92969 7.1875 9 7 9C6.78907 9 6.60157 8.92969 6.46094 8.78906L3.48438 5.78906C3.25 5.57812 3.17969 5.25 3.29688 4.96875C3.41407 4.6875 3.69532 4.5 4 4.5H9.97657C10.2813 4.5 10.5391 4.6875 10.6563 4.96875C10.7734 5.25 10.7266 5.57812 10.5156 5.78906Z`,fill:`currentColor`})),re=S({height:12,name:`IconSortUp`,width:14},/* @__PURE__ */ c(`path`,{d:`M3.46099 6.23438L6.43756 3.23438C6.60162 3.09375 6.78912 3 7.00006 3C7.18756 3 7.37506 3.09375 7.51568 3.23438L10.4922 6.23438C10.7032 6.44531 10.7735 6.77344 10.6563 7.05469C10.5391 7.33594 10.2813 7.5 9.97662 7.5H4.00006C3.69537 7.5 3.41412 7.33594 3.29693 7.05469C3.17974 6.77344 3.25006 6.44531 3.46099 6.23438Z`,fill:`currentColor`}));a(`@layer optiaxiom._1cgq1zr;@layer optiaxiom._1cgq1zr{.y3aie6{color:var(--ax-colors-fg-tertiary);text-decoration:none;-webkit-user-select:none;user-select:none}.y3aie6:focus-visible{outline:none;z-index:10}.p54ccs{grid-area:1/1/2/2}._3ekw7e{opacity:0}._14zvy80{opacity:1}.tsogv8{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){.y3aie6: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`},`y3aie6`]}),H=p({base:[{h:`full`,z:`10`},`tsogv8`],variants:{resizing:{false:{},true:{borderColor:`border.focus`}}}}),U=p({base:[{h:`12`,mx:`2`,transition:`opacity`},`p54ccs`],variants:{active:{false:`_3ekw7e`,true:`_14zvy80`}}});r();
 /**
 * react-table
 *
@@ -9,4 +9,4 @@ import{D as e,_ as t,a as n,d as r,h as i,k as a,n as o,p as s,r as c,t as l,y a
 *
 * @license MIT
 */
-function W(t,n){return t?G(t)?e(t,n):t:null}function G(e){return K(e)||typeof e==`function`||q(e)}function K(e){return typeof e==`function`&&(()=>{let t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}function q(e){return typeof e==`object`&&typeof e.$$typeof==`symbol`&&[`react.memo`,`react.forward_ref`].includes(e.$$typeof.description)}r();const J=n(({children:e,header:t,...n},r)=>{let i=t.column.getIsSorted();return c(w,{asChild:!0,children:c(j,{"aria-sort":t.column.getCanSort()?i===!1?`none`:i===`asc`?`ascending`:`descending`:void 0,colSpan:t.colSpan,ref:r,...n,children:[t.column.getCanResize()&&c(T,{visible:t.column.getIsResizing()?`always`:`if-needed`,children:c(b,{onDoubleClick:()=>t.column.resetSize(),onMouseDown:t.getResizeHandler(),onTouchStart:t.getResizeHandler(),orientation:`vertical`,style:{transform:t.getContext().table.options.columnResizeMode===`onEnd`&&t.column.getIsResizing()?`translateX(${t.getContext().table.getState().columnSizingInfo.deltaOffset}px)`:``},...H({resizing:t.column.getIsResizing()})})}),t.column.getCanSort()?c(x,{asChild:!0,inset:!0,...V(),children:c(`button`,{onClick:()=>t.column.toggleSorting(),children:[e,i&&c(v,{children:[`sorted `,i===`asc`?`ascending`:`descending`]}),c(T,{display:`grid`,placeItems:`center`,visible:i?`always`:`if-needed`,children:[c(h,{asChild:!0,...U({active:i===!1}),children:c(te,{})}),c(h,{asChild:!0,...U({active:i===`asc`}),children:c(re,{})}),c(h,{asChild:!0,...U({active:i===`desc`}),children:c(ne,{})})]})]})}):e]})})});J.displayName=`@optiaxiom/react/DataTableHeaderCell`,r();const Y=n(({children:e,index:n,row:r,...i},a)=>{let{highlightedIndex:o,setHighlightedIndex:l,table:d}=E(`@optiaxiom/react/DataTableRow`),[f,p]=t(-1),h=g(),_=s(null),v=m(_,a);u(()=>{if(o===n)return _.current?.contains((()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})())||_.current?.focus(),()=>p(-1)},[o,n]);let[b,x]=t([]),S=b.find(e=>e.primary),[C,w]=t(),T=!!(C||S),D=y(({primary:e,ref:t})=>(x(n=>[...n,{primary:e,ref:t}]),()=>x(e=>e.filter(e=>e.ref!==t))));return c(M,{"aria-labelledby":h,"aria-selected":r.getCanSelect()?r.getIsSelected():void 0,"data-focus-visible":T?``:void 0,"data-selected":r.getIsSelected()?``:void 0,onClick:e=>{e.target instanceof Element&&(Z(e)||X(e)||(r.getCanSelect()?C&&ie(e)!==C.current&&d.setRowSelection({[r.id]:!0}):S?.ref.current?.contains(e.target)||S?.ref.current?.click()))},onDoubleClick:e=>{!r.getCanSelect()||!S||!(e.target instanceof Element)||Z(e)||X(e)||S.ref.current?.contains(e.target)||(e.preventDefault(),document.getSelection()?.empty(),S.ref.current?.click())},onFocus:e=>{T&&(l(n),e.target===e.currentTarget&&p(-1))},onKeyDown:e=>{if(e.defaultPrevented||e.target instanceof HTMLElement&&e.target!==C?.current&&(e.target.isContentEditable||[`input`,`select`,`textarea`].includes(e.target.localName)))return;let{rows:t}=d.getRowModel();if(T&&(e.key===`ArrowDown`||e.key===`ArrowUp`)){let n=e.key===`ArrowDown`?o+1:o-1;if(n>=0&&n<=t.length-1&&(e.preventDefault(),l(n),C)){let i=t[n];e.shiftKey&&r.getCanMultiSelect()?d.setRowSelection(e=>e[i.id]?{...e,[r.id]:!1}:{...e,[i.id]:!0}):d.setRowSelection({[i.id]:!0})}}else if(T&&(()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})()===e.currentTarget&&e.key===`ArrowRight`){let t=f+1;t<=b.length-1&&(e.preventDefault(),p(t))}else e.currentTarget===(()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})()&&(e.key===` `&&C?(e.preventDefault(),r.toggleSelected()):e.key===`Enter`&&S&&(e.preventDefault(),S.ref.current?.click()))},ref:v,tabIndex:T?(o===-1||o===n)&&f===-1?0:-1:void 0,...i,children:c(P,{actions:b.map(({ref:e})=>e),focusManaged:T,highlightedIndex:f,labelId:h,onActionMount:D,row:r,setHighlightedIndex:y(e=>{p(e),e===-1&&_.current?.focus()}),setSelector:w,children:e})})});Y.displayName=`@optiaxiom/react/DataTableRow`;const ie=e=>{if(e.target instanceof Element){let t=e.target.closest(`label`);if(t&&e.currentTarget.contains(t)&&t.control)return t.control}},X=e=>{if(!(e.target instanceof Element))return!1;let t=e.target.closest(`a, button, input, select, textarea, [contenteditable="true"], [role="button"], [role="link"]`);return t&&t!==e.currentTarget},Z=e=>e.target instanceof Element&&!e.currentTarget.contains(e.target);r();const Q=n(({className:e,estimatedRowHeight:t=52,loading:n,style:r,...a},o)=>{let l=s(null),d=m(l,o),{table:p}=E(`@optiaxiom/react/DataTableBody`),{rows:h}=p.getRowModel(),g=i(()=>{let e=0;return h.reduce((t,r)=>(t.push(r),e++,n&&typeof n==`object`&&n[r.id]===`sub-rows`&&t.push(N(p,e++),N(p,e++)),t),[])},[n,h,p]),v=s(g);u(()=>{v.current=g});let y=s(null),b=()=>{if(!l.current||!y.current)return;let{offsetWidth:e,scrollLeft:t,scrollWidth:n}=y.current;n>e?l.current.dataset.scrollTimeline=t===0?`left`:t>=n-e?`right`:`middle`:delete l.current.dataset.scrollTimeline};u(()=>{b();let e=y.current;if(!e)return;let t=new ResizeObserver(b);return t.observe(e),()=>t.disconnect()},[]);let x=p.getCenterVisibleLeafColumns(),S=C({count:x.length,enabled:x.length>20,estimateSize:e=>x[e].getSize(),getItemKey:e=>x[e].id,getScrollElement:()=>y.current,horizontal:!0}),w=S.getVirtualItems(),T=w[0]?.start??0,j=C({count:g.length,enabled:x.length>20||g.length>20,estimateSize:()=>t,getItemKey:e=>g[e].id,getScrollElement:()=>y.current}),P=j.getVirtualItems();return c(f,{ref:d,style:{..._({[R]:`${p.getLeftTotalSize()}px`,[z]:`${p.getRightTotalSize()}px`,[ee]:(p.getHeaderGroups()[0]?.headers.reduce((e,t)=>e+(t.column.getCanResize()?t.getSize():0),0)??0).toString()}),...r},...B({},e),...a,children:c(D,{layout:`fixed`,onScroll:b,ref:y,children:[c(A,{display:`grid`,pinned:!0,children:p.getHeaderGroups().map(e=>c(M,{display:`flex`,children:e.headers.map(e=>c(J,{header:e,pinned:!!e.column.getIsPinned(),style:{..._({[I]:`${e.column.getStart(e.column.getIsPinned()||`left`)}px`,[L]:`${e.getSize()}`})},...F({pinned:e.column.getIsPinned()||void 0,pinnedType:e.column.getIsPinned()?`header`:void 0,resizable:e.column.getCanResize()}),children:e.isPlaceholder?null:W(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),c(O,{display:`grid`,style:j.options.enabled?{height:`${j.getTotalSize()}px`}:void 0,children:(n===!0?Array.from({length:10},(e,t)=>({row:N(p,t),virtualRow:void 0})):j.options.enabled?P.length===0&&g.length>0?v.current.map(e=>({row:e,virtualRow:void 0})):P.map(e=>({row:g[e.index],virtualRow:e})):g.map(e=>({row:e,virtualRow:void 0}))).map(({row:e,virtualRow:t},n)=>c(Y,{"data-index":t?.index,display:`flex`,index:t?.index??n,ref:t?j.measureElement:void 0,row:e,style:t?{position:`absolute`,transform:`translateY(${t.start}px)`}:void 0,children:[e.getLeftVisibleCells().map(e=>c(k,{pinned:!0,style:{..._({[I]:`${e.column.getStart(`left`)}px`,[L]:`${e.column.getSize()}`})},...F({pinned:`left`,pinnedType:`body`,resizable:e.column.getCanResize()}),children:W(e.column.columnDef.cell,e.getContext())},e.id)),S.options.enabled&&T>0&&c(k,{style:{width:T}}),(S.options.enabled?w.map(t=>e.getCenterVisibleCells()[t.index]):e.getCenterVisibleCells()).map(e=>c(k,{style:{..._({[L]:`${e.column.getSize()}`})},...F({resizable:e.column.getCanResize()}),children:W(e.column.columnDef.cell,e.getContext())},e.id)),e.getRightVisibleCells().map(e=>c(k,{pinned:!0,style:{..._({[I]:`${e.column.getStart(`right`)}px`,[L]:`${e.column.getSize()}`})},...F({pinned:`right`,pinnedType:`body`,resizable:e.column.getCanResize()}),children:W(e.column.columnDef.cell,e.getContext())},e.id))]},e.id))})]})})});Q.displayName=`@optiaxiom/react/DataTableBody`;const $=`ax-data-table-body`;var ae=l($,Q,d,o);export{$ as DataTableBody,ae as default};
+function W(t,n){return t?G(t)?/*#__PURE__*/ e(t,n):t:null}function G(e){return K(e)||typeof e==`function`||q(e)}function K(e){return typeof e==`function`&&(()=>{let t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}function q(e){return typeof e==`object`&&typeof e.$$typeof==`symbol`&&[`react.memo`,`react.forward_ref`].includes(e.$$typeof.description)}r();const J=n(({children:e,header:t,...n},r)=>{let i=t.column.getIsSorted();return/* @__PURE__ */ c(w,{asChild:!0,children:/* @__PURE__ */ c(j,{"aria-sort":t.column.getCanSort()?i===!1?`none`:i===`asc`?`ascending`:`descending`:void 0,colSpan:t.colSpan,ref:r,...n,children:[t.column.getCanResize()&&/* @__PURE__ */ c(T,{visible:t.column.getIsResizing()?`always`:`if-needed`,children:/* @__PURE__ */ c(b,{onDoubleClick:()=>t.column.resetSize(),onMouseDown:t.getResizeHandler(),onTouchStart:t.getResizeHandler(),orientation:`vertical`,style:{transform:t.getContext().table.options.columnResizeMode===`onEnd`&&t.column.getIsResizing()?`translateX(${t.getContext().table.getState().columnSizingInfo.deltaOffset}px)`:``},...H({resizing:t.column.getIsResizing()})})}),t.column.getCanSort()?/* @__PURE__ */ c(x,{asChild:!0,inset:!0,...V(),children:/* @__PURE__ */ c(`button`,{onClick:()=>t.column.toggleSorting(),children:[e,i&&/* @__PURE__ */ c(v,{children:[`sorted `,i===`asc`?`ascending`:`descending`]}),/* @__PURE__ */ c(T,{display:`grid`,placeItems:`center`,visible:i?`always`:`if-needed`,children:[/* @__PURE__ */ c(h,{asChild:!0,...U({active:i===!1}),children:/* @__PURE__ */ c(te,{})}),/* @__PURE__ */ c(h,{asChild:!0,...U({active:i===`asc`}),children:/* @__PURE__ */ c(re,{})}),/* @__PURE__ */ c(h,{asChild:!0,...U({active:i===`desc`}),children:/* @__PURE__ */ c(ne,{})})]})]})}):e]})})});J.displayName=`@optiaxiom/react/DataTableHeaderCell`,r();const Y=n(({children:e,index:n,row:r,...i},a)=>{let{highlightedIndex:o,setHighlightedIndex:l,table:d}=E(`@optiaxiom/react/DataTableRow`),[f,p]=t(-1),h=g(),_=s(null),v=m(_,a);u(()=>{if(o===n)return _.current?.contains((()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})())||_.current?.focus(),()=>p(-1)},[o,n]);let[b,x]=t([]),S=b.find(e=>e.primary),[C,w]=t(),T=!!(C||S),D=y(({primary:e,ref:t})=>(x(n=>[...n,{primary:e,ref:t}]),()=>x(e=>e.filter(e=>e.ref!==t))));return/* @__PURE__ */ c(M,{"aria-labelledby":h,"aria-selected":r.getCanSelect()?r.getIsSelected():void 0,"data-focus-visible":T?``:void 0,"data-selected":r.getIsSelected()?``:void 0,onClick:e=>{e.target instanceof Element&&(Z(e)||X(e)||(r.getCanSelect()?C&&ie(e)!==C.current&&d.setRowSelection({[r.id]:!0}):S?.ref.current?.contains(e.target)||S?.ref.current?.click()))},onDoubleClick:e=>{r.getCanSelect()&&S&&e.target instanceof Element&&(Z(e)||X(e)||S.ref.current?.contains(e.target)||(e.preventDefault(),document.getSelection()?.empty(),S.ref.current?.click()))},onFocus:e=>{T&&(l(n),e.target===e.currentTarget&&p(-1))},onKeyDown:e=>{if(e.defaultPrevented||e.target instanceof HTMLElement&&e.target!==C?.current&&(e.target.isContentEditable||[`input`,`select`,`textarea`].includes(e.target.localName)))return;let{rows:t}=d.getRowModel();if(T&&(e.key===`ArrowDown`||e.key===`ArrowUp`)){let n=e.key===`ArrowDown`?o+1:o-1;if(n>=0&&n<=t.length-1&&(e.preventDefault(),l(n),C)){let i=t[n];e.shiftKey&&r.getCanMultiSelect()?d.setRowSelection(e=>e[i.id]?{...e,[r.id]:!1}:{...e,[i.id]:!0}):d.setRowSelection({[i.id]:!0})}}else if(T&&(()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})()===e.currentTarget&&e.key===`ArrowRight`){let t=f+1;t<=b.length-1&&(e.preventDefault(),p(t))}else e.currentTarget===(()=>{let e=document.activeElement;for(;e?.shadowRoot;)e=e.shadowRoot.activeElement;return e})()&&(e.key===` `&&C?(e.preventDefault(),r.toggleSelected()):e.key===`Enter`&&S&&(e.preventDefault(),S.ref.current?.click()))},ref:v,tabIndex:T?(o===-1||o===n)&&f===-1?0:-1:void 0,...i,children:/* @__PURE__ */ c(P,{actions:b.map(({ref:e})=>e),focusManaged:T,highlightedIndex:f,labelId:h,onActionMount:D,row:r,setHighlightedIndex:y(e=>{p(e),e===-1&&_.current?.focus()}),setSelector:w,children:e})})});Y.displayName=`@optiaxiom/react/DataTableRow`;const ie=e=>{if(e.target instanceof Element){let t=e.target.closest(`label`);if(t&&e.currentTarget.contains(t)&&t.control)return t.control}},X=e=>{if(!(e.target instanceof Element))return!1;let t=e.target.closest(`a, button, input, select, textarea, [contenteditable="true"], [role="button"], [role="link"]`);return t&&t!==e.currentTarget},Z=e=>e.target instanceof Element&&!e.currentTarget.contains(e.target);r();const Q=n(({className:e,estimatedRowHeight:t=52,loading:n,style:r,...a},o)=>{let l=s(null),d=m(l,o),{table:p}=E(`@optiaxiom/react/DataTableBody`),{rows:h}=p.getRowModel(),g=i(()=>{let e=0;return h.reduce((t,r)=>(t.push(r),e++,n&&typeof n==`object`&&n[r.id]===`sub-rows`&&t.push(N(p,e++),N(p,e++)),t),[])},[n,h,p]),v=s(g);u(()=>{v.current=g});let y=s(null),b=()=>{if(!l.current||!y.current)return;let{offsetWidth:e,scrollLeft:t,scrollWidth:n}=y.current;n>e?l.current.dataset.scrollTimeline=t===0?`left`:t>=n-e?`right`:`middle`:delete l.current.dataset.scrollTimeline};u(()=>{b();let e=y.current;if(!e)return;let t=new ResizeObserver(b);return t.observe(e),()=>t.disconnect()},[]);let x=p.getCenterVisibleLeafColumns(),S=C({count:x.length,enabled:x.length>20,estimateSize:e=>x[e].getSize(),getItemKey:e=>x[e].id,getScrollElement:()=>y.current,horizontal:!0}),w=S.getVirtualItems(),T=w[0]?.start??0,j=C({count:g.length,enabled:x.length>20||g.length>20,estimateSize:()=>t,getItemKey:e=>g[e].id,getScrollElement:()=>y.current}),P=j.getVirtualItems();return/* @__PURE__ */ c(f,{ref:d,style:{..._({[R]:`${p.getLeftTotalSize()}px`,[z]:`${p.getRightTotalSize()}px`,[ee]:(p.getHeaderGroups()[0]?.headers.reduce((e,t)=>e+(t.column.getCanResize()?t.getSize():0),0)??0).toString()}),...r},...B({},e),...a,children:/* @__PURE__ */ c(D,{layout:`fixed`,onScroll:b,ref:y,children:[/* @__PURE__ */ c(A,{display:`grid`,pinned:!0,children:p.getHeaderGroups().map(e=>/* @__PURE__ */ c(M,{display:`flex`,children:e.headers.map(e=>/* @__PURE__ */ c(J,{header:e,pinned:!!e.column.getIsPinned(),style:{..._({[I]:`${e.column.getStart(e.column.getIsPinned()||`left`)}px`,[L]:`${e.getSize()}`})},...F({pinned:e.column.getIsPinned()||void 0,pinnedType:e.column.getIsPinned()?`header`:void 0,resizable:e.column.getCanResize()}),children:e.isPlaceholder?null:W(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),/* @__PURE__ */ c(O,{display:`grid`,style:j.options.enabled?{height:`${j.getTotalSize()}px`}:void 0,children:(n===!0?Array.from({length:10},(e,t)=>({row:N(p,t),virtualRow:void 0})):j.options.enabled?P.length===0&&g.length>0?v.current.map(e=>({row:e,virtualRow:void 0})):P.map(e=>({row:g[e.index],virtualRow:e})):g.map(e=>({row:e,virtualRow:void 0}))).map(({row:e,virtualRow:t},n)=>/* @__PURE__ */ c(Y,{"data-index":t?.index,display:`flex`,index:t?.index??n,ref:t?j.measureElement:void 0,row:e,style:t?{position:`absolute`,transform:`translateY(${t.start}px)`}:void 0,children:[e.getLeftVisibleCells().map(e=>/* @__PURE__ */ c(k,{pinned:!0,style:{..._({[I]:`${e.column.getStart(`left`)}px`,[L]:`${e.column.getSize()}`})},...F({pinned:`left`,pinnedType:`body`,resizable:e.column.getCanResize()}),children:W(e.column.columnDef.cell,e.getContext())},e.id)),S.options.enabled&&T>0&&/* @__PURE__ */ c(k,{style:{width:T}}),(S.options.enabled?w.map(t=>e.getCenterVisibleCells()[t.index]):e.getCenterVisibleCells()).map(e=>/* @__PURE__ */ c(k,{style:{..._({[L]:`${e.column.getSize()}`})},...F({resizable:e.column.getCanResize()}),children:W(e.column.columnDef.cell,e.getContext())},e.id)),e.getRightVisibleCells().map(e=>/* @__PURE__ */ c(k,{pinned:!0,style:{..._({[I]:`${e.column.getStart(`right`)}px`,[L]:`${e.column.getSize()}`})},...F({pinned:`right`,pinnedType:`body`,resizable:e.column.getCanResize()}),children:W(e.column.columnDef.cell,e.getContext())},e.id))]},e.id))})]})})});Q.displayName=`@optiaxiom/react/DataTableBody`;const $=`ax-data-table-body`;var ae=l($,Q,d,o);export{$ as DataTableBody,ae as default};

package/dist/components/DataTableCheckbox.d.ts

@@ -2,17 +2,17 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/DataTableCheckbox.d.ts
-declare const DataTableCheckbox = "ax-data-table-checkbox";
-type DataTableCheckboxProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "name"?: undefined | string;
-  "value"?: undefined | string | number | readonly string[];
-  "required"?: undefined | false | true;
-  "onCheckedChange"?: undefined | ((checked: boolean) => void);
+export declare const DataTableCheckbox = "ax-data-table-checkbox";
+export 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"?: undefined | false | true;
-  "visible"?: undefined | "always" | "if-needed";
+  "indeterminate"?: false | true;
+  "visible"?: "always" | "if-needed";
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -28,5 +28,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { DataTableCheckbox, DataTableCheckboxProps };
+//#endregion

package/dist/components/DataTableCheckbox.js

@@ -1 +1 @@
-import{E as e,a as t,d as n,n as r,p as i,r as a,t as o,w as s,y as c}from"../register-DI_7juGg.js";import{P as l}from"../propTypes-DvAE1OVW.js";import{i as u}from"../Box-BLJUMIbj.js";import{n as d}from"../dist-BA1lC60o.js";import{t as f}from"../dist-CZh7xvrW.js";import{n as p}from"../VisuallyHidden-DCd41jCL.js";import{t as m}from"../Checkbox-DPNITKzV.js";import{n as h}from"../DataTableContext-CjDKR7ob.js";import{r as g}from"../DataTableRowContext-AJll4W-l.js";import{t as _}from"../DataTableAction-CEphhoJh.js";n(),e();const v=t(({children:e,disabled:t,visible:n,...r},o)=>{let{table:l}=h(`@optiaxiom/react/DataTableCheckbox`),{labelId:v,row:y,setSelector:b}=g(`@optiaxiom/react/DataTableCheckbox`),x=f(),S=i(null),C=d(S,o);return c(()=>{if(b)return t||b(S),()=>b(void 0)},[t,b]),a(s,{children:[y&&a(p,{id:x,children:[`Check to `,y.getIsSelected()?`unselect`:`select`]}),a(_,{visible:n??(l.getIsSomeRowsSelected()||!y)?`always`:void 0,children:a(m,{"aria-label":y?void 0:`Select all`,"aria-labelledby":y&&u(x,v),checked:y?y.getIsSelected():l.getIsAllPageRowsSelected()||l.getIsSomePageRowsSelected(),disabled:t,indeterminate:!y&&l.getIsSomePageRowsSelected(),onChange:y?y.getToggleSelectedHandler():l.getToggleAllPageRowsSelectedHandler(),ref:C,...r,children:e})})]})});v.displayName=`@optiaxiom/react/DataTableCheckbox`;const y=`ax-data-table-checkbox`;var b=o(y,v,l,r);export{y as DataTableCheckbox,b as default};
+import{E as e,a as t,d as n,n as r,p as i,r as a,t as o,w as s,y as c}from"../register-DcSi2tvI.js";import{P as l}from"../propTypes-ClbnBdm_.js";import{i as u}from"../Box-BKiQ7uSE.js";import{n as d}from"../dist-D14eSf0T.js";import{t as f}from"../dist-B_ewNSZX.js";import{n as p}from"../VisuallyHidden-CnF5arL5.js";import{t as m}from"../Checkbox-CP1t-N5o.js";import{n as h}from"../DataTableContext-BUc7vTG5.js";import{r as g}from"../DataTableRowContext-DVL5uaeW.js";import{t as _}from"../DataTableAction-DKWRVA6B.js";n(),e();const v=t(({children:e,disabled:t,visible:n,...r},o)=>{let{table:l}=h(`@optiaxiom/react/DataTableCheckbox`),{labelId:v,row:y,setSelector:b}=g(`@optiaxiom/react/DataTableCheckbox`),x=f(),S=i(null),C=d(S,o);return c(()=>{if(b)return t||b(S),()=>b(void 0)},[t,b]),/* @__PURE__ */ a(s,{children:[y&&/* @__PURE__ */ a(p,{id:x,children:[`Check to `,y.getIsSelected()?`unselect`:`select`]}),/* @__PURE__ */ a(_,{visible:n??(l.getIsSomeRowsSelected()||!y)?`always`:void 0,children:/* @__PURE__ */ a(m,{"aria-label":y?void 0:`Select all`,"aria-labelledby":y&&u(x,v),checked:y?y.getIsSelected():l.getIsAllPageRowsSelected()||l.getIsSomePageRowsSelected(),disabled:t,indeterminate:!y&&l.getIsSomePageRowsSelected(),onChange:y?y.getToggleSelectedHandler():l.getToggleAllPageRowsSelectedHandler(),ref:C,...r,children:e})})]})});v.displayName=`@optiaxiom/react/DataTableCheckbox`;const y=`ax-data-table-checkbox`;var b=o(y,v,l,r);export{y as DataTableCheckbox,b as default};

package/dist/components/DataTableFooter.d.ts

@@ -1,16 +1,21 @@
-import { o as ResponsiveObject } from "../types-BYPfSW5W.js";
 import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/DataTableFooter.d.ts
-declare const DataTableFooter = "ax-data-table-footer";
-type DataTableFooterProps = BoxProps & {
-  "pageSizeOptions"?: undefined | ResponsiveObject<undefined>;
-  "page-size-options"?: undefined;
-  "showPageSizeOptions"?: undefined | false | true;
-  "show-page-size-options"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const DataTableFooter = "ax-data-table-footer";
+export 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 {
@@ -26,5 +31,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { DataTableFooter, DataTableFooterProps };
+//#endregion

package/dist/components/DataTableFooter.js

@@ -1 +1 @@
-import{E as e,a as t,d as n,k as r,n as i,r as a,t as o,w as s}from"../register-DI_7juGg.js";import{F as c}from"../propTypes-DvAE1OVW.js";import{t as l}from"../Box-BLJUMIbj.js";import"../layers.css.ts.vanilla-aCHm1GAF-B7j9vPYC.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../Group-CNgPZJMY.js";import{t as f}from"../Text-C9OrQhMt.js";import{t as p}from"../dist-CZh7xvrW.js";import{n as m}from"../DataTableContext-CjDKR7ob.js";import{t as h}from"../Pagination-DMhgsXeq.js";import{t as g}from"../Select-DFL0NXUy.js";import{t as _}from"../SelectContent-CQeHvXUi.js";import{t as v}from"../SelectTrigger-VKprrUba.js";r(`@layer optiaxiom._118cs24;@layer optiaxiom._118cs24{.grznyc{width:180px}}`);var y=u({base:`grznyc`,variants:{slot:{after:{textAlign:`end`},before:{}}}});n(),e();const b=[`10`,`20`,`30`,`50`,`100`].map(e=>({label:e,value:e})),x=t(({pageSizeOptions:e=b,showPageSizeOptions:t,...n},r)=>{let{table:i}=m(`@optiaxiom/react/DataTableFooter`),{pagination:o}=i.getState(),c=p();return a(d,{alignSelf:`stretch`,fontSize:`md`,gap:`16`,justifyContent:`space-between`,mt:`auto`,ref:r,...n,children:[a(l,{...y({slot:`before`}),children:t&&a(d,{gap:`8`,children:[a(f,{color:`fg.secondary`,id:c,children:`Page Size`}),a(g,{onValueChange:e=>e&&i.setPageSize(parseFloat(e)),options:e,value:o.pageSize.toString(),children:[a(v,{appearance:`subtle`,"aria-labelledby":c}),a(_,{})]})]})}),i.getPageCount()>1&&a(h,{onPageChange:e=>i.setPageIndex(e-1),page:o.pageIndex+1,total:i.getPageCount()}),a(f,{...y({slot:`after`}),children:i.getRowCount()>0&&a(s,{children:[o.pageIndex*o.pageSize+1,` -`,` `,Math.min((o.pageIndex+1)*o.pageSize,i.getRowCount()),` `,`of `,i.getRowCount()]})})]})});x.displayName=`@optiaxiom/react/DataTableFooter`;const S=`ax-data-table-footer`;var C=o(S,x,c,i);export{S as DataTableFooter,C as default};
+import{E as e,a as t,d as n,k as r,n as i,r as a,t as o,w as s}from"../register-DcSi2tvI.js";import{F as c}from"../propTypes-ClbnBdm_.js";import{t as l}from"../Box-BKiQ7uSE.js";import"../layers.css.ts.vanilla-DD7saQYy-_i2NMAGU.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{t as d}from"../Group-B5i0wlSD.js";import{t as f}from"../Text-BvwIPbmK.js";import{t as p}from"../dist-B_ewNSZX.js";import{n as m}from"../DataTableContext-BUc7vTG5.js";import{t as h}from"../Pagination-BAXaeXyC.js";import{t as g}from"../Select-BbSfkO9C.js";import{t as _}from"../SelectContent-BMQ1fmJ0.js";import{t as v}from"../SelectTrigger-BZpsIqdp.js";r(`@layer optiaxiom._1cgq1zr;@layer optiaxiom._1cgq1zr{._1xbspxh{width:calc(var(--ax-styles-scale)*11.25)}}`);var y=u({base:`_1xbspxh`,variants:{slot:{after:{textAlign:`end`},before:{}}}});n(),e();const b=[`10`,`20`,`30`,`50`,`100`].map(e=>({label:e,value:e})),x=t(({pageSizeOptions:e=b,showPageSizeOptions:t,...n},r)=>{let{table:i}=m(`@optiaxiom/react/DataTableFooter`),{pagination:o}=i.getState(),c=p();return/* @__PURE__ */ a(d,{alignSelf:`stretch`,fontSize:`md`,gap:`16`,justifyContent:`space-between`,mt:`auto`,ref:r,...n,children:[/* @__PURE__ */ a(l,{...y({slot:`before`}),children:t&&/* @__PURE__ */ a(d,{gap:`8`,children:[/* @__PURE__ */ a(f,{color:`fg.secondary`,id:c,children:`Page Size`}),/* @__PURE__ */ a(g,{onValueChange:e=>e&&i.setPageSize(parseFloat(e)),options:e,value:o.pageSize.toString(),children:[/* @__PURE__ */ a(v,{appearance:`subtle`,"aria-labelledby":c}),/* @__PURE__ */ a(_,{})]})]})}),i.getPageCount()>1&&/* @__PURE__ */ a(h,{onPageChange:e=>i.setPageIndex(e-1),page:o.pageIndex+1,total:i.getPageCount()}),/* @__PURE__ */ a(f,{...y({slot:`after`}),children:i.getRowCount()>0&&/* @__PURE__ */ a(s,{children:[o.pageIndex*o.pageSize+1,` -`,` `,Math.min((o.pageIndex+1)*o.pageSize,i.getRowCount()),` `,`of `,i.getRowCount()]})})]})});x.displayName=`@optiaxiom/react/DataTableFooter`;const S=`ax-data-table-footer`;var C=o(S,x,c,i);export{S as DataTableFooter,C as default};

package/dist/components/DataTableLabel.d.ts

@@ -2,10 +2,10 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/DataTableLabel.d.ts
-declare const DataTableLabel = "ax-data-table-label";
-type DataTableLabelProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const DataTableLabel = "ax-data-table-label";
+export type DataTableLabelProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -21,5 +21,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { DataTableLabel, DataTableLabelProps };
+//#endregion

package/dist/components/DataTableLabel.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{I as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Box-BLJUMIbj.js";import{r as s}from"../DataTableRowContext-AJll4W-l.js";t();const c=e((e,t)=>{let{labelId:n}=s(`@optiaxiom/react/DataTableLabel`);return r(o,{id:n,ref:t,...e})});c.displayName=`@optiaxiom/react/DataTableLabel`;const l=`ax-data-table-label`;var u=i(l,c,a,n);export{l as DataTableLabel,u as default};
+import{a as e,d as t,n,r,t as i}from"../register-DcSi2tvI.js";import{I as a}from"../propTypes-ClbnBdm_.js";import{t as o}from"../Box-BKiQ7uSE.js";import{r as s}from"../DataTableRowContext-DVL5uaeW.js";t();const c=e((e,t)=>{let{labelId:n}=s(`@optiaxiom/react/DataTableLabel`);return/* @__PURE__ */ 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

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

package/dist/components/DateInput.js

@@ -1 +1 @@
-import{_ as e,a as t,d as n,k as r,n as i,p as a,r as o,t as s}from"../register-DI_7juGg.js";import{R as c}from"../propTypes-DvAE1OVW.js";import{i as l}from"../Box-BLJUMIbj.js";import"../layers.css.ts.vanilla-aCHm1GAF-B7j9vPYC.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{n as d}from"../dist-BA1lC60o.js";import{t as f}from"../dist-DPEBf3IT.js";import{t as p}from"../Button-DQ1XqlwG.js";import{t as m}from"../dist-CZh7xvrW.js";import{t as h}from"../calendar_today-DKTS49rB.js";import{t as g}from"../close-CFjUl2bF.js";import{t as _}from"../VisuallyHidden-DCd41jCL.js";import{t as v}from"../Popover-DiqenM2N.js";import{t as y}from"../PopoverAnchor-CeJgcqIR.js";import{t as b}from"../PopoverContent-C_r3_Jze.js";import{t as x}from"../PopoverTrigger-03Lbjkhx.js";import{n as S}from"../FieldContext-DuEd_cV1.js";import{t as C}from"../Input-B7ta5TNb.js";import{t as w}from"../useObserveValue-C8YYcGp_.js";import{n as T,r as E,t as D}from"../toPlainDate-C1-yIov4.js";import{t as O}from"../Calendar-Cz5ZCv8D.js";r(`@layer optiaxiom._118cs24;@layer optiaxiom._118cs24{._1t8ih8w::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}._2rtmcl:is(:not(:focus-within):not(:hover),:has(input:disabled)) ._9dosb6{visibility:hidden}@supports not selector(::-webkit-datetime-edit){._1yeguns{display:none!important}}}`);var k=u({base:[{size:`sm`},`_9dosb6`]}),A=u({base:`_2rtmcl`}),j=u({base:`_1t8ih8w`}),M=u({base:`_1yeguns`});n();const N=t(({className:t,disabled:n,holiday:r,max:i,min:s,onChange:c,placeholder:u,step:N,type:P=`date`,weekend:F,...I},L)=>{let{labelId:R}=S(`@optiaxiom/react/DateInput`),z=m(),[B,V]=e(!1),H=a(!1),U=a(null),W=a(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=i||`2100-12-31`,Z=s||`1900-01-01`,Q=X?E(X):void 0,$=Z?E(Z):void 0;return o(v,{onOpenChange:V,open:!n&&B,children:[o(y,{children:o(C,{addonAfter:K&&!I.readOnly&&!I.required&&o(p,{appearance:`subtle`,"aria-label":`Clear`,icon:o(g,{}),onPointerDown:e=>{e.preventDefault(),J(``)},tabIndex:-1,...k()}),addonBefore:o(x,{"aria-label":`Show date picker`,asChild:!0,onClick:e=>{I.readOnly&&e.preventDefault()},ref:U,role:`img`,...M(),children:o(h,{})}),asChild:!0,disabled:n,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({},t),...I,children:o(`input`,{...j()})})}),o(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:[o(_,{asChild:!0,id:z,children:o(`h2`,{children:`Calendar`})}),o(O,{holiday:r,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`&&o(p,{flex:`none`,justifyContent:`center`,onClick:()=>V(!1),children:`Done`})]})]})});N.displayName=`@optiaxiom/react/DateInput`;const P=`ax-date-input`;var F=s(P,N,c,i);export{P as DateInput,F as default};
+import{_ as e,a as t,d as n,k as r,n as i,p as a,r as o,t as s}from"../register-DcSi2tvI.js";import{R as c}from"../propTypes-ClbnBdm_.js";import{i as l}from"../Box-BKiQ7uSE.js";import"../layers.css.ts.vanilla-DD7saQYy-_i2NMAGU.js";import{t as u}from"../recipeRuntime-BkylZxVy.js";import{n as d}from"../dist-D14eSf0T.js";import{t as f}from"../dist-CHHIUfal.js";import{t as p}from"../Button-DOM2GyTM.js";import{t as m}from"../dist-B_ewNSZX.js";import{t as h}from"../calendar_today-BVvk1lAG.js";import{t as g}from"../close-D20bT7dT.js";import{t as _}from"../VisuallyHidden-CnF5arL5.js";import{t as v}from"../Popover-brydg_ii.js";import{t as y}from"../PopoverAnchor-DiA-CIi7.js";import{t as b}from"../PopoverContent-CGb2ecEm.js";import{t as x}from"../PopoverTrigger-UBKHtfWF.js";import{n as S}from"../FieldContext-DeGw3EIx.js";import{t as C}from"../Input-B7Ake-pY.js";import{t as w}from"../useObserveValue-DnErp7y9.js";import{n as T,r as E,t as D}from"../toPlainDate-ZbhhNjT1.js";import{t as O}from"../Calendar-BTsgMxmH.js";r(`@layer optiaxiom._1cgq1zr;@layer optiaxiom._1cgq1zr{._18ifzoo::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.h8ynya:is(:not(:focus-within):not(:hover),:has(input:disabled)) ._1x68uux{visibility:hidden}@supports not selector(::-webkit-datetime-edit){._9xx7un{display:none!important}}}`);var k=u({base:[{size:`sm`},`_1x68uux`]}),A=u({base:`h8ynya`}),j=u({base:`_18ifzoo`}),M=u({base:`_9xx7un`});n();const N=t(({className:t,disabled:n,holiday:r,max:i,min:s,onChange:c,placeholder:u,step:N,type:P=`date`,weekend:F,...I},L)=>{let{labelId:R}=S(`@optiaxiom/react/DateInput`),z=m(),[B,V]=e(!1),H=a(!1),U=a(null),W=a(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=i||`2100-12-31`,Z=s||`1900-01-01`,Q=X?E(X):void 0,$=Z?E(Z):void 0;return/* @__PURE__ */ o(v,{onOpenChange:V,open:!n&&B,children:[/* @__PURE__ */ o(y,{children:/* @__PURE__ */ o(C,{addonAfter:K&&!I.readOnly&&!I.required&&/* @__PURE__ */ o(p,{appearance:`subtle`,"aria-label":`Clear`,icon:/* @__PURE__ */ o(g,{}),onPointerDown:e=>{e.preventDefault(),J(``)},tabIndex:-1,...k()}),addonBefore:/* @__PURE__ */ o(x,{"aria-label":`Show date picker`,asChild:!0,onClick:e=>{I.readOnly&&e.preventDefault()},ref:U,role:`img`,...M(),children:/* @__PURE__ */ o(h,{})}),asChild:!0,disabled:n,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({},t),...I,children:/* @__PURE__ */ o(`input`,{...j()})})}),/* @__PURE__ */ o(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:[/* @__PURE__ */ o(_,{asChild:!0,id:z,children:/* @__PURE__ */ o(`h2`,{children:`Calendar`})}),/* @__PURE__ */ o(O,{holiday:r,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`&&/* @__PURE__ */ o(p,{flex:`none`,justifyContent:`center`,onClick:()=>V(!1),children:`Done`})]})]})});N.displayName=`@optiaxiom/react/DateInput`;const P=`ax-date-input`;var F=s(P,N,c,i);export{P as DateInput,F as default};

package/dist/components/DateRangePicker.d.ts

@@ -2,18 +2,18 @@ import "./Box.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 = {
-  "defaultOpen"?: undefined | false | true;
-  "default-open"?: undefined | false | true;
-  "modal"?: undefined | false | true;
-  "onOpenChange"?: undefined | ((open: boolean) => void);
-  "open"?: undefined | false | true;
-  "defaultValue"?: undefined | null | DateRange;
-  "default-value"?: undefined | null | DateRange;
-  "disabled"?: undefined | false | true;
-  "onValueChange"?: undefined | ((value: DateRange | null) => void);
-  "value"?: undefined | null | DateRange;
+export declare const DateRangePicker = "ax-date-range-picker";
+export 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;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -31,5 +31,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { DateRangePicker, DateRangePickerProps };
+//#endregion

package/dist/components/DateRangePicker.js

@@ -1 +1 @@
-import{_ as e,d as t,n,p as r,r as i,t as a,y as o}from"../register-DI_7juGg.js";import{B as s}from"../propTypes-DvAE1OVW.js";import{t as c}from"../dist-DPEBf3IT.js";import{t as l}from"../useEvent-CXngOW4Z.js";import{t as u}from"../Popover-DiqenM2N.js";import{r as d,t as f}from"../toPlainDate-C1-yIov4.js";import{t as p}from"../DateRangePickerContext-Cipg2qMC.js";t();function m({children:t,defaultOpen:n=!1,defaultValue:a=null,disabled:s,onOpenChange:m,onValueChange:h,open:g,value:_,...v}){let y=r(null),[b,x]=e(),[S,C]=c({caller:`@optiaxiom/react/DateRangePicker`,defaultProp:n,onChange:m,prop:g}),[w,T]=c({caller:`@optiaxiom/react/DateRangePicker`,defaultProp:a,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,E]),i(u,{onOpenChange:C,open:S,...v,children:i(p,{disabled:s,setFrom:x,setOpen:C,setValue:T,triggerRef:y,value:w,children:t})})}m.displayName=`@optiaxiom/react/DateRangePicker`;const h=`ax-date-range-picker`;var g=a(h,m,s,n);export{h as DateRangePicker,g as default};
+import{_ as e,d as t,n,p as r,r as i,t as a,y as o}from"../register-DcSi2tvI.js";import{B as s}from"../propTypes-ClbnBdm_.js";import{t as c}from"../dist-CHHIUfal.js";import{t as l}from"../useEvent-qi9fV62T.js";import{t as u}from"../Popover-brydg_ii.js";import{r as d,t as f}from"../toPlainDate-ZbhhNjT1.js";import{t as p}from"../DateRangePickerContext-eS4enpL9.js";t();function m({children:t,defaultOpen:n=!1,defaultValue:a=null,disabled:s,onOpenChange:m,onValueChange:h,open:g,value:_,...v}){let y=r(null),[b,x]=e(),[S,C]=c({caller:`@optiaxiom/react/DateRangePicker`,defaultProp:n,onChange:m,prop:g}),[w,T]=c({caller:`@optiaxiom/react/DateRangePicker`,defaultProp:a,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,E]),/* @__PURE__ */ i(u,{onOpenChange:C,open:S,...v,children:/* @__PURE__ */ i(p,{disabled:s,setFrom:x,setOpen:C,setValue:T,triggerRef:y,value:w,children:t})})}m.displayName=`@optiaxiom/react/DateRangePicker`;const h=`ax-date-range-picker`;var g=a(h,m,s,n);export{h as DateRangePicker,g as default};

package/dist/components/DateRangePickerContent.d.ts

@@ -3,31 +3,31 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/DateRangePickerContent.d.ts
-declare const DateRangePickerContent = "ax-date-range-picker-content";
-type DateRangePickerContentProps = BoxProps & {
-  "maxH"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "max-h"?: undefined | "lg" | "md" | "sm" | "xs" | "full";
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
-  "onEscapeKeyDown"?: undefined | ((event: KeyboardEvent) => void);
-  "onPointerDownOutside"?: undefined | ((event: PointerDownOutsideEvent) => void);
-  "onFocusOutside"?: undefined | ((event: FocusOutsideEvent) => void);
-  "onInteractOutside"?: undefined | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void);
-  "onOpenAutoFocus"?: undefined | ((event: Event) => void);
-  "onCloseAutoFocus"?: undefined | ((event: Event) => void);
-  "minW"?: undefined | "0" | "trigger";
-  "min-w"?: undefined | "0" | "trigger";
-  "side"?: undefined | "top" | "right" | "bottom" | "left";
-  "sideOffset"?: undefined | number;
-  "side-offset"?: undefined | number;
-  "align"?: undefined | "center" | "end" | "start";
-  "alignOffset"?: undefined | number;
-  "align-offset"?: undefined | number;
-  "max"?: undefined | Date;
-  "min"?: undefined | Date;
-  "today"?: undefined | Date;
-  "holiday"?: undefined | false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
-  "weekend"?: undefined | false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
+export declare const DateRangePickerContent = "ax-date-range-picker-content";
+export type DateRangePickerContentProps = BoxProps & {
+  "maxH"?: "lg" | "md" | "sm" | "xs" | "full";
+  "max-h"?: "lg" | "md" | "sm" | "xs" | "full";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "onEscapeKeyDown"?: (event: KeyboardEvent) => void;
+  "onPointerDownOutside"?: (event: PointerDownOutsideEvent) => void;
+  "onFocusOutside"?: (event: FocusOutsideEvent) => void;
+  "onInteractOutside"?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+  "onOpenAutoFocus"?: (event: Event) => void;
+  "onCloseAutoFocus"?: (event: Event) => void;
+  "minW"?: "0" | "trigger";
+  "min-w"?: "0" | "trigger";
+  "side"?: "top" | "right" | "bottom" | "left";
+  "sideOffset"?: number;
+  "side-offset"?: number;
+  "align"?: "center" | "end" | "start";
+  "alignOffset"?: number;
+  "align-offset"?: number;
+  "max"?: Date;
+  "min"?: Date;
+  "today"?: Date;
+  "holiday"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
+  "weekend"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
@@ -47,5 +47,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { DateRangePickerContent, DateRangePickerContentProps };
+//#endregion

package/dist/components/DateRangePickerContent.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{z as a}from"../propTypes-DvAE1OVW.js";import{i as o}from"../Box-BLJUMIbj.js";import"../layers.css.ts.vanilla-aCHm1GAF-B7j9vPYC.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";import{t as c}from"../Group-CNgPZJMY.js";import{t as l}from"../dist-CZh7xvrW.js";import{t as u}from"../VisuallyHidden-DCd41jCL.js";import{t as d}from"../PopoverContent-C_r3_Jze.js";import{n as f}from"../FieldContext-DuEd_cV1.js";import{t as p}from"../Calendar-Cz5ZCv8D.js";import{n as m}from"../DateRangePickerContext-Cipg2qMC.js";var h=s({base:[{alignItems:`stretch`,gap:`0`}]});t();const g=e(({addonAfter:e,addonBefore:t,"aria-label":n,children:i,holiday:a,max:s,min:g,today:_,weekend:v,...y},b)=>{let{labelId:x}=f(`@optiaxiom/react/DateRangePickerContent`),{setFrom:S,setOpen:C,setValue:w,triggerRef:T,value:E}=m(`@optiaxiom/react/DateRangePickerContent`),D=l();return r(d,{"aria-labelledby":o(x??T.current?.id,D),gap:`8`,maxW:void 0,ref:b,...y,children:[r(u,{id:D,children:n||`Calendar`}),r(c,{...h(),children:[t,r(p,{alignSelf:`start`,holiday:a,max:s,min:g,mode:`range`,onDateSelect:e=>{S(t=>t?void 0:e)},onValueChange:e=>{w(e),requestAnimationFrame(()=>{C(!1)})},today:_,value:E,weekend:v}),e]}),i]})});g.displayName=`@optiaxiom/react/DateRangePickerContent`;const _=`ax-date-range-picker-content`;var v=i(_,g,a,n);export{_ as DateRangePickerContent,v as default};
+import{a as e,d as t,n,r,t as i}from"../register-DcSi2tvI.js";import{z as a}from"../propTypes-ClbnBdm_.js";import{i as o}from"../Box-BKiQ7uSE.js";import"../layers.css.ts.vanilla-DD7saQYy-_i2NMAGU.js";import{t as s}from"../recipeRuntime-BkylZxVy.js";import{t as c}from"../Group-B5i0wlSD.js";import{t as l}from"../dist-B_ewNSZX.js";import{t as u}from"../VisuallyHidden-CnF5arL5.js";import{t as d}from"../PopoverContent-CGb2ecEm.js";import{n as f}from"../FieldContext-DeGw3EIx.js";import{t as p}from"../Calendar-BTsgMxmH.js";import{n as m}from"../DateRangePickerContext-eS4enpL9.js";var h=s({base:[{alignItems:`stretch`,gap:`0`}]});t();const g=e(({addonAfter:e,addonBefore:t,"aria-label":n,children:i,holiday:a,max:s,min:g,today:_,weekend:v,...y},b)=>{let{labelId:x}=f(`@optiaxiom/react/DateRangePickerContent`),{setFrom:S,setOpen:C,setValue:w,triggerRef:T,value:E}=m(`@optiaxiom/react/DateRangePickerContent`),D=l();return/* @__PURE__ */ r(d,{"aria-labelledby":o(x??T.current?.id,D),gap:`8`,maxW:void 0,ref:b,...y,children:[/* @__PURE__ */ r(u,{id:D,children:n||`Calendar`}),/* @__PURE__ */ r(c,{...h(),children:[t,/* @__PURE__ */ r(p,{alignSelf:`start`,holiday:a,max:s,min:g,mode:`range`,onDateSelect:e=>{S(t=>t?void 0:e)},onValueChange:e=>{w(e),requestAnimationFrame(()=>{C(!1)})},today:_,value:E,weekend:v}),e]}),i]})});g.displayName=`@optiaxiom/react/DateRangePickerContent`;const _=`ax-date-range-picker-content`;var v=i(_,g,a,n);export{_ as DateRangePickerContent,v as default};

package/dist/components/DateRangePickerTrigger.d.ts

@@ -1,8 +1,29 @@
-import "./Box.js";
+import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/DateRangePickerTrigger.d.ts
-declare const DateRangePickerTrigger = "ax-date-range-picker-trigger";
+export declare const DateRangePickerTrigger = "ax-date-range-picker-trigger";
+export type DateRangePickerTriggerProps = BoxProps & {
+  "size"?: "lg" | "md" | "sm";
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
+  "addonAfter"?: string | number | false | true;
+  "addon-after"?: string;
+  "addonBefore"?: string | number | false | true;
+  "addon-before"?: string;
+  "icon"?: string | number | false | true;
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "loading"?: false | true;
+  "square"?: false | true;
+  "formatRange"?: (startDate: Date, endDate: Date) => string;
+  "format-range"?: (startDate: Date, endDate: Date) => string;
+  "placeholder"?: string;
+};
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -17,5 +38,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { DateRangePickerTrigger };
+//#endregion

package/dist/components/DateRangePickerTrigger.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{V as a}from"../propTypes-DvAE1OVW.js";import{t as o}from"../Box-BLJUMIbj.js";import{n as s}from"../dist-BA1lC60o.js";import{t as c}from"../dist-CZh7xvrW.js";import{t as l}from"../calendar_today-DKTS49rB.js";import{n as u}from"../LocaleContext-AhjkMwCF.js";import{t as d}from"../PopoverTrigger-03Lbjkhx.js";import{t as f}from"../useFieldLabelTrigger-9pYV4t5-.js";import{t as p}from"../memoize-DKZP80fZ.js";import{n as m}from"../DateRangePickerContext-Cipg2qMC.js";t();const h=p(e=>new Intl.DateTimeFormat(e,{day:`numeric`,month:`short`,year:`numeric`})),g=e(({"aria-labelledby":e,children:t,formatRange:n,placeholder:i=`Pick a date`,...a},p)=>{let{disabled:g,triggerRef:_,value:v}=m(`@optiaxiom/react/DateRangePickerTrigger`),{locale:y}=u(`@optiaxiom/react/DateRangePickerTrigger`),b=c(),x=s(p,_),S=f(_,e),C=n?{formatRange:n}:h(y);return r(d,{"aria-labelledby":S,disabled:g,icon:r(l,{}),id:b,ref:x,...a,children:t??(v?C.formatRange(v.from,v.to):r(o,{color:`fg.tertiary`,children:i}))})});g.displayName=`@optiaxiom/react/DateRangePickerTrigger`;const _=`ax-date-range-picker-trigger`;var v=i(_,g,a,n);export{_ as DateRangePickerTrigger,v as default};
+import{a as e,d as t,n,r,t as i}from"../register-DcSi2tvI.js";import{V as a}from"../propTypes-ClbnBdm_.js";import{t as o}from"../Box-BKiQ7uSE.js";import{n as s}from"../dist-D14eSf0T.js";import{t as c}from"../dist-B_ewNSZX.js";import{t as l}from"../calendar_today-BVvk1lAG.js";import{n as u}from"../LocaleContext-DOCNthOQ.js";import{t as d}from"../PopoverTrigger-UBKHtfWF.js";import{t as f}from"../useFieldLabelTrigger-NFKb5v2j.js";import{t as p}from"../memoize-Do1I3fC3.js";import{n as m}from"../DateRangePickerContext-eS4enpL9.js";t();const h=p(e=>new Intl.DateTimeFormat(e,{day:`numeric`,month:`short`,year:`numeric`})),g=e(({"aria-labelledby":e,children:t,formatRange:n,placeholder:i=`Pick a date`,...a},p)=>{let{disabled:g,triggerRef:_,value:v}=m(`@optiaxiom/react/DateRangePickerTrigger`),{locale:y}=u(`@optiaxiom/react/DateRangePickerTrigger`),b=c(),x=s(p,_),S=f(_,e),C=n?{formatRange:n}:h(y);return/* @__PURE__ */ r(d,{"aria-labelledby":S,disabled:g,icon:/* @__PURE__ */ r(l,{}),id:b,ref:x,...a,children:t??(v?C.formatRange(v.from,v.to):/* @__PURE__ */ r(o,{color:`fg.tertiary`,children:i}))})});g.displayName=`@optiaxiom/react/DateRangePickerTrigger`;const _=`ax-date-range-picker-trigger`;var v=i(_,g,a,n);export{_ as DateRangePickerTrigger,v as default};

package/dist/components/Dialog.d.ts

@@ -2,12 +2,12 @@ import "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/Dialog.d.ts
-declare const Dialog = "ax-dialog";
-type DialogProps = {
-  "defaultOpen"?: undefined | false | true;
-  "default-open"?: undefined | false | true;
-  "onOpenChange"?: undefined | ((open: boolean) => void);
-  "open"?: undefined | false | true;
+export declare const Dialog = "ax-dialog";
+export type DialogProps = {
+  "defaultOpen"?: false | true;
+  "default-open"?: false | true;
+  "onOpenChange"?: (open: boolean) => void;
+  "open"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -25,5 +25,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { Dialog, DialogProps };
+//#endregion

package/dist/components/Dialog.js

@@ -1 +1 @@
-import{n as e,t}from"../register-DI_7juGg.js";import{J as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../Dialog-CBaaW1yM.js";const i=`ax-dialog`;var a=t(i,r,n,e);export{i as Dialog,a as default};
+import{n as e,t}from"../register-DcSi2tvI.js";import{J as n}from"../propTypes-ClbnBdm_.js";import{t as r}from"../Dialog-Z5u-_hFK.js";const i=`ax-dialog`;var a=t(i,r,n,e);export{i as Dialog,a as default};

package/dist/components/DialogBody.d.ts

@@ -2,10 +2,10 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/DialogBody.d.ts
-declare const DialogBody = "ax-dialog-body";
-type DialogBodyProps = BoxProps & {
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+export declare const DialogBody = "ax-dialog-body";
+export type DialogBodyProps = BoxProps & {
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -21,5 +21,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { DialogBody, DialogBodyProps };
+//#endregion

package/dist/components/DialogBody.js

@@ -1 +1 @@
-import{a as e,d as t,n,r,t as i}from"../register-DI_7juGg.js";import{H as a}from"../propTypes-DvAE1OVW.js";import"../layers.css.ts.vanilla-aCHm1GAF-B7j9vPYC.js";import{t as o}from"../recipeRuntime-BkylZxVy.js";import{t as s}from"../Group-CNgPZJMY.js";import"../AvatarGroup.css.ts.vanilla-C-3yrfwt-Caw4MwY0.js";var c=o({base:[{flex:`1`,flexDirection:`column`,fontSize:`md`,gap:`16`,px:`24`,py:`16`,z:`0`},`_1oubs6g`]});t();const l=e(({children:e,className:t,...n},i)=>r(s,{ref:i,...c({},t),...n,children:e}));l.displayName=`@optiaxiom/react/DialogBody`;const u=`ax-dialog-body`;var d=i(u,l,a,n);export{u as DialogBody,d as default};
+import{a as e,d as t,n,r,t as i}from"../register-DcSi2tvI.js";import{H as a}from"../propTypes-ClbnBdm_.js";import"../layers.css.ts.vanilla-DD7saQYy-_i2NMAGU.js";import{t as o}from"../recipeRuntime-BkylZxVy.js";import{t as s}from"../Group-B5i0wlSD.js";import"../AvatarGroup.css.ts.vanilla-BKGbg4bv-Clk8uUhI.js";var c=o({base:[{flex:`1`,flexDirection:`column`,fontSize:`md`,gap:`16`,px:`24`,py:`16`,z:`0`},`_1tns6b9`]});t();const l=e(({children:e,className:t,...n},i)=>/* @__PURE__ */ r(s,{ref:i,...c({},t),...n,children:e}));l.displayName=`@optiaxiom/react/DialogBody`;const u=`ax-dialog-body`;var d=i(u,l,a,n);export{u as DialogBody,d as default};

package/dist/components/DialogClose.d.ts

@@ -2,24 +2,24 @@ import { BoxProps } from "./Box.js";
 import { JSXBase } from "@stencil/core/internal";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/DialogClose.d.ts
-declare const DialogClose = "ax-dialog-close";
-type DialogCloseProps = BoxProps & {
+export declare const DialogClose = "ax-dialog-close";
+export type DialogCloseProps = BoxProps & {
   "addonAfter"?: string | number | false | true;
   "addon-after"?: string;
   "addonBefore"?: string | number | false | true;
   "addon-before"?: string;
   "icon"?: string | number | false | true;
-  "addon"?: undefined;
-  "iconPosition"?: undefined | "end" | "start";
-  "icon-position"?: undefined | "end" | "start";
-  "size"?: undefined | "lg" | "md" | "sm";
-  "disabled"?: undefined | false | true;
-  "type"?: undefined | "button" | "reset" | "submit";
-  "appearance"?: undefined | "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-  "loading"?: undefined | false | true;
-  "square"?: undefined | false | true;
-  "asChild"?: undefined | false | true;
-  "as-child"?: undefined | false | true;
+  "addon"?: never;
+  "iconPosition"?: "end" | "start";
+  "icon-position"?: "end" | "start";
+  "size"?: "lg" | "md" | "sm";
+  "disabled"?: false | true;
+  "type"?: "button" | "reset" | "submit";
+  "appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+  "loading"?: false | true;
+  "square"?: false | true;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
 declare module "@stencil/core" {
   namespace JSX {
@@ -35,5 +35,4 @@ declare module "react" {
     }
   }
 }
-//#endregion
-export { DialogClose, DialogCloseProps };
+//#endregion

package/dist/components/DialogClose.js

@@ -1 +1 @@
-import{n as e,t}from"../register-DI_7juGg.js";import{U as n}from"../propTypes-DvAE1OVW.js";import{t as r}from"../DialogClose-CZdqcCvp.js";const i=`ax-dialog-close`;var a=t(i,r,n,e);export{i as DialogClose,a as default};
+import{n as e,t}from"../register-DcSi2tvI.js";import{U as n}from"../propTypes-ClbnBdm_.js";import{t as r}from"../DialogClose-CwJJ04LK.js";const i=`ax-dialog-close`;var a=t(i,r,n,e);export{i as DialogClose,a as default};