@adam-milo/ui 1.0.130 → 1.0.132

package/dist/index16.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index67.cjs"),r=require("./index82.cjs"),l=t.forwardRef(({length:l=4,label:s,value:i="",onChange:n,onComplete:c,error:d,helperText:o,disabled:u=!1,autoFocus:p=!1,fullWidth:f=!1,centered:y=!1,type:b="numeric",size:g="lg",required:h=!1,className:m,"data-cy":$,"data-testid":v},x)=>{const S=t.useId(),k=`${S}-label`,D=`${S}-error`,j=`${S}-helper`,C=$||"otp-input",w=v||"otp-input",A="sm"===g?r.digitSizeSmStyles:r.digitSizeLgStyles,I=t.useRef([]),[N,E]=t.useState(()=>i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l));t.useEffect(()=>{const e=i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l);E(e)},[i,l]);const q=t.useCallback(e=>"numeric"===b?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[b]),z=t.useCallback(e=>{E(e);const t=e.join("");n?.(t),e.every(e=>""!==e)&&e.length===l&&c?.(t)},[n,c,l]),P=t.useCallback(e=>{const t=I.current[e];t&&(t.focus(),t.select())},[]),T=t.useCallback((e,t)=>{const a=t.target.value;if(1===a.length&&q(a)){const t=[...N];t[e]=a,z(t),e<l-1&&P(e+1)}else if(a.length>1){const t=a.split("").filter(q),r=[...N];t.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),z(r);const s=r.findIndex(e=>""===e);P(-1===s?l-1:s)}},[N,l,q,z,P]),B=t.useCallback((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),N[e]){const t=[...N];t[e]="",z(t)}else if(e>0){const t=[...N];t[e-1]="",z(t),P(e-1)}break;case"Delete":if(t.preventDefault(),N[e]){const t=[...N];t[e]="",z(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&P(e-1);break;case"ArrowRight":t.preventDefault(),e<l-1&&P(e+1);break;case"Home":t.preventDefault(),P(0);break;case"End":t.preventDefault(),P(l-1);break;default:if(1===t.key.length&&q(t.key)){t.preventDefault();const a=[...N];a[e]=t.key,z(a),e<l-1&&P(e+1)}}},[N,l,q,z,P]),O=t.useCallback((e,t)=>{t.preventDefault();const a=t.clipboardData.getData("text").split("").filter(q);if(0===a.length)return;const r=[...N];a.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),z(r);const s=r.findIndex(e=>""===e);P(-1===s?l-1:s)},[N,l,q,z,P]),F=t.useCallback(e=>{e.target.select()},[]);return t.useImperativeHandle(x,()=>({focus:()=>{const e=N.findIndex(e=>""===e);P(-1===e?l-1:e)},clear:()=>{const e=Array(l).fill("");z(e),P(0)},getValue:()=>N.join("")}),[N,l,P,z]),t.useEffect(()=>{p&&!u&&P(0)},[p,u,P]),e.jsxs("div",{className:a.cn(r.wrapperStyles,f&&r.wrapperFullWidthStyles,m),"data-cy":`${C}-wrapper`,"data-testid":`${w}-wrapper`,children:[s&&e.jsx("label",{id:k,className:a.cn(r.labelBaseStyles,d&&r.labelErrorStyles,u&&r.labelDisabledStyles),"data-cy":`${C}-label`,"data-testid":`${w}-label`,children:s}),e.jsx("div",{className:a.cn(r.containerBaseStyles,y&&r.containerCenteredStyles),role:"group","aria-labelledby":s?k:void 0,"aria-label":s?void 0:"OTP Input","data-cy":`${C}-container`,"data-testid":`${w}-container`,children:Array.from({length:l},(t,s)=>e.jsx("input",{ref:e=>{I.current[s]=e},type:"text",inputMode:"numeric"===b?"numeric":"text",pattern:"numeric"===b?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:N[s]||"",onChange:e=>T(s,e),onKeyDown:e=>B(s,e),onPaste:e=>O(s,e),onFocus:F,disabled:u,required:h,"aria-label":`Digit ${s+1} of ${l}`,"aria-invalid":d?"true":"false","aria-describedby":d?D:o?j:void 0,className:a.cn(r.digitBaseStyles,A,d&&r.digitErrorStyles),"data-otp-digit":!0,"data-cy":`${C}-digit-${s}`,"data-testid":`${w}-digit-${s}`,autoComplete:"one-time-code"},s))}),d&&e.jsx("span",{id:D,className:r.errorStyles,role:"alert","data-cy":`${C}-error`,"data-testid":`${w}-error`,children:d}),o&&!d&&e.jsx("span",{id:j,className:r.helperStyles,"data-cy":`${C}-helper`,"data-testid":`${w}-helper`,children:o})]})});l.displayName="OTPInput",exports.OTPInput=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index67.cjs"),l=require("./index82.cjs"),r=t.forwardRef(({length:r=4,label:s,value:i="",onChange:n,onComplete:c,error:d,helperText:o,disabled:u=!1,autoFocus:p=!1,fullWidth:f=!1,centered:y=!1,type:b="numeric",size:g="lg",required:h=!1,className:m,"data-cy":S,"data-testid":$},v)=>{const x=t.useId(),k=`${x}-label`,D=`${x}-error`,j=`${x}-helper`,C=S||"otp-input",w=$||"otp-input",A="sm"===g?l.digitSizeSmStyles:l.digitSizeLgStyles,I="sm"===g?l.digitFullWidthSmStyles:l.digitFullWidthLgStyles,N=t.useRef([]),[E,q]=t.useState(()=>i.split("").slice(0,r).concat(Array(r).fill("")).slice(0,r));t.useEffect(()=>{const e=i.split("").slice(0,r).concat(Array(r).fill("")).slice(0,r);q(e)},[i,r]);const F=t.useCallback(e=>"numeric"===b?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[b]),z=t.useCallback(e=>{q(e);const t=e.join("");n?.(t),e.every(e=>""!==e)&&e.length===r&&c?.(t)},[n,c,r]),P=t.useCallback(e=>{const t=N.current[e];t&&(t.focus(),t.select())},[]),T=t.useCallback((e,t)=>{const a=t.target.value;if(1===a.length&&F(a)){const t=[...E];t[e]=a,z(t),e<r-1&&P(e+1)}else if(a.length>1){const t=a.split("").filter(F),l=[...E];t.forEach((t,a)=>{e+a<r&&(l[e+a]=t)}),z(l);const s=l.findIndex(e=>""===e);P(-1===s?r-1:s)}},[E,r,F,z,P]),W=t.useCallback((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),E[e]){const t=[...E];t[e]="",z(t)}else if(e>0){const t=[...E];t[e-1]="",z(t),P(e-1)}break;case"Delete":if(t.preventDefault(),E[e]){const t=[...E];t[e]="",z(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&P(e-1);break;case"ArrowRight":t.preventDefault(),e<r-1&&P(e+1);break;case"Home":t.preventDefault(),P(0);break;case"End":t.preventDefault(),P(r-1);break;default:if(1===t.key.length&&F(t.key)){t.preventDefault();const a=[...E];a[e]=t.key,z(a),e<r-1&&P(e+1)}}},[E,r,F,z,P]),B=t.useCallback((e,t)=>{t.preventDefault();const a=t.clipboardData.getData("text").split("").filter(F);if(0===a.length)return;const l=[...E];a.forEach((t,a)=>{e+a<r&&(l[e+a]=t)}),z(l);const s=l.findIndex(e=>""===e);P(-1===s?r-1:s)},[E,r,F,z,P]),L=t.useCallback(e=>{e.target.select()},[]);return t.useImperativeHandle(v,()=>({focus:()=>{const e=E.findIndex(e=>""===e);P(-1===e?r-1:e)},clear:()=>{const e=Array(r).fill("");z(e),P(0)},getValue:()=>E.join("")}),[E,r,P,z]),t.useEffect(()=>{p&&!u&&P(0)},[p,u,P]),e.jsxs("div",{className:a.cn(l.wrapperStyles,f&&l.wrapperFullWidthStyles,m),"data-cy":`${C}-wrapper`,"data-testid":`${w}-wrapper`,children:[s&&e.jsx("label",{id:k,className:a.cn(l.labelBaseStyles,d&&l.labelErrorStyles,u&&l.labelDisabledStyles),"data-cy":`${C}-label`,"data-testid":`${w}-label`,children:s}),e.jsx("div",{className:a.cn(l.containerBaseStyles,f?l.containerFullWidthStyles:l.containerGapStyles,y&&l.containerCenteredStyles),role:"group","aria-labelledby":s?k:void 0,"aria-label":s?void 0:"OTP Input","data-cy":`${C}-container`,"data-testid":`${w}-container`,children:Array.from({length:r},(t,s)=>e.jsx("input",{ref:e=>{N.current[s]=e},type:"text",inputMode:"numeric"===b?"numeric":"text",pattern:"numeric"===b?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:E[s]||"",onChange:e=>T(s,e),onKeyDown:e=>W(s,e),onPaste:e=>B(s,e),onFocus:L,disabled:u,required:h,"aria-label":`Digit ${s+1} of ${r}`,"aria-invalid":d?"true":"false","aria-describedby":d?D:o?j:void 0,className:a.cn(l.digitBaseStyles,f?I:A,d&&l.digitErrorStyles),"data-otp-digit":!0,"data-cy":`${C}-digit-${s}`,"data-testid":`${w}-digit-${s}`,autoComplete:"one-time-code"},s))}),d&&e.jsx("span",{id:D,className:l.errorStyles,role:"alert","data-cy":`${C}-error`,"data-testid":`${w}-error`,children:d}),o&&!d&&e.jsx("span",{id:j,className:l.helperStyles,"data-cy":`${C}-helper`,"data-testid":`${w}-helper`,children:o})]})});r.displayName="OTPInput",exports.OTPInput=r;

package/dist/index16.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useId as r,useRef as i,useState as l,useEffect as n,useCallback as c,useImperativeHandle as s}from"react";import{cn as o}from"./index67.js";import{errorStyles as d,helperStyles as p,labelDisabledStyles as u,labelErrorStyles as f,labelBaseStyles as m,digitErrorStyles as h,digitSizeSmStyles as y,digitSizeLgStyles as g,digitBaseStyles as $,containerCenteredStyles as b,containerBaseStyles as v,wrapperFullWidthStyles as D,wrapperStyles as x}from"./index82.js";const k=a(({length:a=4,label:k,value:A="",onChange:N,onComplete:w,error:j,helperText:I,disabled:C=!1,autoFocus:z=!1,fullWidth:E=!1,centered:P=!1,type:T="numeric",size:q="lg",required:F=!1,className:L,"data-cy":O,"data-testid":Z},B)=>{const H=r(),K=`${H}-label`,M=`${H}-error`,R=`${H}-helper`,V=O||"otp-input",W=Z||"otp-input",G="sm"===q?y:g,J=i([]),[Q,S]=l(()=>A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));n(()=>{const e=A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);S(e)},[A,a]);const U=c(e=>"numeric"===T?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[T]),X=c(e=>{S(e);const t=e.join("");N?.(t),e.every(e=>""!==e)&&e.length===a&&w?.(t)},[N,w,a]),Y=c(e=>{const t=J.current[e];t&&(t.focus(),t.select())},[]),_=c((e,t)=>{const r=t.target.value;if(1===r.length&&U(r)){const t=[...Q];t[e]=r,X(t),e<a-1&&Y(e+1)}else if(r.length>1){const t=r.split("").filter(U),i=[...Q];t.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),X(i);const l=i.findIndex(e=>""===e);Y(-1===l?a-1:l)}},[Q,a,U,X,Y]),ee=c((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),Q[e]){const t=[...Q];t[e]="",X(t)}else if(e>0){const t=[...Q];t[e-1]="",X(t),Y(e-1)}break;case"Delete":if(t.preventDefault(),Q[e]){const t=[...Q];t[e]="",X(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&Y(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&Y(e+1);break;case"Home":t.preventDefault(),Y(0);break;case"End":t.preventDefault(),Y(a-1);break;default:if(1===t.key.length&&U(t.key)){t.preventDefault();const r=[...Q];r[e]=t.key,X(r),e<a-1&&Y(e+1)}}},[Q,a,U,X,Y]),te=c((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(U);if(0===r.length)return;const i=[...Q];r.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),X(i);const l=i.findIndex(e=>""===e);Y(-1===l?a-1:l)},[Q,a,U,X,Y]),ae=c(e=>{e.target.select()},[]);return s(B,()=>({focus:()=>{const e=Q.findIndex(e=>""===e);Y(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");X(e),Y(0)},getValue:()=>Q.join("")}),[Q,a,Y,X]),n(()=>{z&&!C&&Y(0)},[z,C,Y]),/* @__PURE__ */e("div",{className:o(x,E&&D,L),"data-cy":`${V}-wrapper`,"data-testid":`${W}-wrapper`,children:[k&&/* @__PURE__ */t("label",{id:K,className:o(m,j&&f,C&&u),"data-cy":`${V}-label`,"data-testid":`${W}-label`,children:k}),
-/* @__PURE__ */t("div",{className:o(v,P&&b),role:"group","aria-labelledby":k?K:void 0,"aria-label":k?void 0:"OTP Input","data-cy":`${V}-container`,"data-testid":`${W}-container`,children:Array.from({length:a},(e,r)=>/* @__PURE__ */t("input",{ref:e=>{J.current[r]=e},type:"text",inputMode:"numeric"===T?"numeric":"text",pattern:"numeric"===T?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:Q[r]||"",onChange:e=>_(r,e),onKeyDown:e=>ee(r,e),onPaste:e=>te(r,e),onFocus:ae,disabled:C,required:F,"aria-label":`Digit ${r+1} of ${a}`,"aria-invalid":j?"true":"false","aria-describedby":j?M:I?R:void 0,className:o($,G,j&&h),"data-otp-digit":!0,"data-cy":`${V}-digit-${r}`,"data-testid":`${W}-digit-${r}`,autoComplete:"one-time-code"},r))}),j&&/* @__PURE__ */t("span",{id:M,className:d,role:"alert","data-cy":`${V}-error`,"data-testid":`${W}-error`,children:j}),I&&!j&&/* @__PURE__ */t("span",{id:R,className:p,"data-cy":`${V}-helper`,"data-testid":`${W}-helper`,children:I})]})});k.displayName="OTPInput";export{k as OTPInput};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useId as r,useRef as i,useState as l,useEffect as n,useCallback as s,useImperativeHandle as c}from"react";import{cn as o}from"./index67.js";import{errorStyles as d,helperStyles as p,labelDisabledStyles as u,labelErrorStyles as f,labelBaseStyles as m,digitErrorStyles as h,digitFullWidthSmStyles as y,digitFullWidthLgStyles as g,digitSizeSmStyles as $,digitSizeLgStyles as b,digitBaseStyles as v,containerCenteredStyles as D,containerFullWidthStyles as x,containerGapStyles as k,containerBaseStyles as A,wrapperFullWidthStyles as N,wrapperStyles as w}from"./index82.js";const j=a(({length:a=4,label:j,value:I="",onChange:C,onComplete:z,error:E,helperText:P,disabled:T=!1,autoFocus:q=!1,fullWidth:F=!1,centered:L=!1,type:O="numeric",size:Z="lg",required:B=!1,className:H,"data-cy":K,"data-testid":M},R)=>{const V=r(),W=`${V}-label`,G=`${V}-error`,J=`${V}-helper`,Q=K||"otp-input",S=M||"otp-input",U="sm"===Z?$:b,X="sm"===Z?y:g,Y=i([]),[_,ee]=l(()=>I.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));n(()=>{const e=I.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);ee(e)},[I,a]);const te=s(e=>"numeric"===O?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[O]),ae=s(e=>{ee(e);const t=e.join("");C?.(t),e.every(e=>""!==e)&&e.length===a&&z?.(t)},[C,z,a]),re=s(e=>{const t=Y.current[e];t&&(t.focus(),t.select())},[]),ie=s((e,t)=>{const r=t.target.value;if(1===r.length&&te(r)){const t=[..._];t[e]=r,ae(t),e<a-1&&re(e+1)}else if(r.length>1){const t=r.split("").filter(te),i=[..._];t.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),ae(i);const l=i.findIndex(e=>""===e);re(-1===l?a-1:l)}},[_,a,te,ae,re]),le=s((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),_[e]){const t=[..._];t[e]="",ae(t)}else if(e>0){const t=[..._];t[e-1]="",ae(t),re(e-1)}break;case"Delete":if(t.preventDefault(),_[e]){const t=[..._];t[e]="",ae(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&re(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&re(e+1);break;case"Home":t.preventDefault(),re(0);break;case"End":t.preventDefault(),re(a-1);break;default:if(1===t.key.length&&te(t.key)){t.preventDefault();const r=[..._];r[e]=t.key,ae(r),e<a-1&&re(e+1)}}},[_,a,te,ae,re]),ne=s((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(te);if(0===r.length)return;const i=[..._];r.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),ae(i);const l=i.findIndex(e=>""===e);re(-1===l?a-1:l)},[_,a,te,ae,re]),se=s(e=>{e.target.select()},[]);return c(R,()=>({focus:()=>{const e=_.findIndex(e=>""===e);re(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");ae(e),re(0)},getValue:()=>_.join("")}),[_,a,re,ae]),n(()=>{q&&!T&&re(0)},[q,T,re]),/* @__PURE__ */e("div",{className:o(w,F&&N,H),"data-cy":`${Q}-wrapper`,"data-testid":`${S}-wrapper`,children:[j&&/* @__PURE__ */t("label",{id:W,className:o(m,E&&f,T&&u),"data-cy":`${Q}-label`,"data-testid":`${S}-label`,children:j}),
+/* @__PURE__ */t("div",{className:o(A,F?x:k,L&&D),role:"group","aria-labelledby":j?W:void 0,"aria-label":j?void 0:"OTP Input","data-cy":`${Q}-container`,"data-testid":`${S}-container`,children:Array.from({length:a},(e,r)=>/* @__PURE__ */t("input",{ref:e=>{Y.current[r]=e},type:"text",inputMode:"numeric"===O?"numeric":"text",pattern:"numeric"===O?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:_[r]||"",onChange:e=>ie(r,e),onKeyDown:e=>le(r,e),onPaste:e=>ne(r,e),onFocus:se,disabled:T,required:B,"aria-label":`Digit ${r+1} of ${a}`,"aria-invalid":E?"true":"false","aria-describedby":E?G:P?J:void 0,className:o(v,F?X:U,E&&h),"data-otp-digit":!0,"data-cy":`${Q}-digit-${r}`,"data-testid":`${S}-digit-${r}`,autoComplete:"one-time-code"},r))}),E&&/* @__PURE__ */t("span",{id:G,className:d,role:"alert","data-cy":`${Q}-error`,"data-testid":`${S}-error`,children:E}),P&&!E&&/* @__PURE__ */t("span",{id:J,className:p,"data-cy":`${Q}-helper`,"data-testid":`${S}-helper`,children:P})]})});j.displayName="OTPInput";export{j as OTPInput};

package/dist/index41.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@adam-milo/icons"),r=require("./index67.cjs"),s=require("./index12.cjs"),l=require("./index96.cjs"),d=["60%","75%","45%","55%","70%","50%"],c=t.forwardRef(({columns:c,data:n,striped:o=!1,hoverable:i=!1,headerLeft:h,headerRight:y,borderBreak:u=!1,onLoadMore:m,isLoadingMore:x=!1,hasMore:S=!1,loadingIndicator:b,skeletonRows:p=3,maxHeight:$,emptyStateText:k,selectable:f=!1,rowKey:v="id",selectedRows:j,onSelectionChange:g,onRowClick:B,footerBar:w,className:N,"data-cy":C,"data-testid":E,...L},R)=>{const T=C||"datatable",I=E||"datatable",q=h||y,F=t.useRef(null),M=t.useRef(null),[A,D]=t.useState(!1);t.useEffect(()=>{const e=M.current;if(!e||!$)return;const t=()=>D(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[$]);const H=t.useMemo(()=>j??new Set,[j]),K=n.map(e=>String(e[v]??"")),O=f&&n.length>0&&K.every(e=>H.has(e)),_=f&&n.length>0&&K.some(e=>H.has(e)),P=t.useCallback(()=>{if(g)if(O){const e=new Set(H);K.forEach(t=>e.delete(t)),g(e)}else{const e=new Set(H);K.forEach(t=>e.add(t)),g(e)}},[O,K,H,g]),W=t.useCallback(e=>{if(!g)return;const t=new Set(H);t.has(e)?t.delete(e):t.add(e),g(t)},[H,g]),z=f?c.length+1:c.length,G=t.useCallback(e=>{const[t]=e;t.isIntersecting&&S&&!x&&m&&m()},[S,x,m]);t.useEffect(()=>{const e=F.current;if(!e||!m)return;const t=new IntersectionObserver(G,{root:$?M.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[G,m,$]);const J=e.jsxs(e.Fragment,{children:[e.jsxs("table",{ref:R,className:r.cn(l.tableBaseStyles,N),"aria-busy":x||void 0,"data-cy":T,"data-testid":I,...L,children:[e.jsx("thead",{className:r.cn(l.theadStyles,u&&l.theadBorderBreakStyles,$&&l.stickyTheadStyles,$&&A&&l.stickyTheadScrolledStyles),"data-cy":`${T}-head`,"data-testid":`${I}-head`,children:e.jsxs("tr",{children:[f&&e.jsx("th",{scope:"col",className:r.cn(l.checkboxCellStyles,u&&l.thBorderBreakStyles),"data-cy":`${T}-header-checkbox`,"data-testid":`${I}-header-checkbox`,children:e.jsx("label",{className:l.checkboxLabelStyles,children:e.jsx(s.Checkbox,{checked:O,indeterminate:_&&!O,onChange:P,"aria-label":"Select all rows","data-cy":`${T}-select-all`,"data-testid":`${I}-select-all`})})}),c.map(t=>e.jsx("th",{scope:"col",className:r.cn(l.thStyles,u&&l.thBorderBreakStyles),"data-cy":`${T}-header-${t.key}`,"data-testid":`${I}-header-${t.key}`,children:t.header},t.key))]})}),e.jsxs("tbody",{"data-cy":`${T}-body`,"data-testid":`${I}-body`,children:[0!==n.length||x?n.map((t,a)=>e.jsxs("tr",{className:r.cn(l.trStripedStyles,u&&l.trBorderBreakStyles,i&&l.trHoverableStyles,o&&!u&&l.trStripedEvenStyles,B&&l.trClickableStyles,B&&u&&l.trClickableBorderBreakFocusStyles),tabIndex:B?0:void 0,style:B?{outline:"none",boxShadow:"none"}:void 0,onFocus:e=>e.currentTarget.setAttribute("data-focused","true"),onBlur:e=>e.currentTarget.removeAttribute("data-focused"),onClick:B?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||B(t,a)}:void 0,onKeyDown:B?e=>{if("Enter"===e.key||" "===e.key){if(e.target.closest('button, a, input, label, [role="checkbox"]'))return;e.preventDefault(),B(t,a)}}:void 0,"data-cy":`${T}-row-${a}`,"data-testid":`${I}-row-${a}`,children:[f&&e.jsx("td",{className:r.cn(l.checkboxCellStyles,u&&l.tdBorderBreakStyles),"data-cy":`${T}-cell-${a}-checkbox`,"data-testid":`${I}-cell-${a}-checkbox`,children:e.jsx("label",{className:l.checkboxLabelStyles,children:e.jsx(s.Checkbox,{checked:H.has(String(t[v]??"")),onChange:()=>W(String(t[v]??"")),"aria-label":`Select row ${a+1}`,"data-cy":`${T}-select-${a}`,"data-testid":`${I}-select-${a}`})})}),c.map(s=>e.jsx("td",{className:r.cn(l.tdStyles,u&&l.tdBorderBreakStyles),"data-cy":`${T}-cell-${a}-${s.key}`,"data-testid":`${I}-cell-${a}-${s.key}`,children:s.render?s.render(t[s.key],t,a):String(t[s.key]??"")},s.key))]},a)):e.jsx("tr",{children:e.jsx("td",{colSpan:z,className:"p-0","data-cy":`${T}-empty`,"data-testid":`${I}-empty`,children:e.jsxs("div",{className:l.emptyStateWrapperStyles,children:[e.jsx("div",{className:l.emptyStateIconStyles,"aria-hidden":"true","data-cy":`${T}-empty-icon`,"data-testid":`${I}-empty-icon`,children:e.jsx(a.CustomEmptyBoxIcon,{width:"100%",height:"100%"})}),k&&e.jsx("p",{className:l.emptyStateTextStyles,"data-cy":`${T}-empty-text`,"data-testid":`${I}-empty-text`,children:k})]})})}),x&&(b?e.jsx("tr",{children:e.jsx("td",{colSpan:z,className:l.loadingRowStyles,"data-cy":`${T}-loading`,"data-testid":`${I}-loading`,children:b})}):Array.from({length:p}).map((t,a)=>e.jsxs("tr",{className:r.cn(l.trStripedStyles,u&&l.trBorderBreakStyles),"data-cy":`${T}-skeleton-${a}`,"data-testid":`${I}-skeleton-${a}`,children:[f&&e.jsx("td",{className:r.cn(l.checkboxCellStyles,u&&l.tdBorderBreakStyles),children:e.jsx("div",{className:l.checkboxLabelStyles,children:e.jsx("div",{className:"w-4 h-4 rounded-4 bg-[color-mix(in_srgb,var(--color-border)_40%,transparent)]"})})}),c.map((t,s)=>e.jsx("td",{className:r.cn(l.tdStyles,u&&l.tdBorderBreakStyles),children:e.jsx("div",{className:l.skeletonCellStyles,style:{width:d[(a+s)%d.length]}})},t.key))]},`skeleton-${a}`)))]})]}),m&&e.jsx("div",{ref:F,className:"h-4","data-cy":`${T}-sentinel`,"data-testid":`${I}-sentinel`,"aria-hidden":"true"})]}),Q=e.jsxs("div",{className:r.cn(l.wrapperStyles,u&&(S?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),tabIndex:-1,style:{outline:"none"},"data-cy":`${T}-wrapper`,"data-testid":`${I}-wrapper`,children:[q&&e.jsxs("div",{className:l.headerBarStyles,"data-cy":`${T}-header-bar`,"data-testid":`${I}-header-bar`,children:[e.jsx("div",{"data-cy":`${T}-header-left`,"data-testid":`${I}-header-left`,children:h}),e.jsx("div",{"data-cy":`${T}-header-right`,"data-testid":`${I}-header-right`,children:y})]}),$?e.jsx("div",{ref:M,className:l.scrollContainerStyles,tabIndex:-1,style:{maxHeight:$,outline:"none"},children:J}):J]}),U=w?e.jsx("div",{className:l.footerBarStyles,"data-cy":`${T}-footer-bar`,"data-testid":`${I}-footer-bar`,children:w}):null;return u?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:r.cn(l.wrapperBorderBreakStyles,S?l.wrapperBorderBreakFlatBottomStyles:l.wrapperBorderBreakRoundedStyles),children:Q}),U]}):e.jsxs(e.Fragment,{children:[Q,U]})});c.displayName="DataTable";const n=t.forwardRef(({children:a,className:s,style:l,...d},c)=>{const n=t.useRef(null),[o,i]=t.useState(!1);return t.useEffect(()=>{const e=n.current;if(!e)return;const t=e.closest("tr");if(!t)return;const a=()=>i(!0),r=()=>i(!1);return t.addEventListener("mouseenter",a),t.addEventListener("mouseleave",r),t.addEventListener("focusin",a),t.addEventListener("focusout",r),()=>{t.removeEventListener("mouseenter",a),t.removeEventListener("mouseleave",r),t.removeEventListener("focusin",a),t.removeEventListener("focusout",r)}},[]),e.jsx("span",{ref:e=>{n.current=e,"function"==typeof c?c(e):c&&(c.current=e)},className:r.cn("transition-opacity duration-200",o?"opacity-100":"opacity-0",s),style:l,...d,children:a})});n.displayName="RowAction",exports.DataTable=c,exports.RowAction=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@adam-milo/icons"),r=require("./index67.cjs"),s=require("./index12.cjs"),l=require("./index45.cjs"),d=require("./index48.cjs"),n=require("./index96.cjs"),c=["60%","75%","45%","55%","70%","50%"],o=t.forwardRef(({columns:o,data:i,striped:y=!1,hoverable:h=!1,headerLeft:u,headerRight:m,borderBreak:x=!1,onLoadMore:S,isLoadingMore:b=!1,hasMore:p=!1,loadingIndicator:$,skeletonRows:k=3,maxHeight:f,emptyStateText:j,selectable:v=!1,rowKey:g="id",selectedRows:B,onSelectionChange:N,onRowClick:w,footerBar:C,sortKey:E,sortDirection:L,onSortChange:R,filters:T,onFilterChange:F,className:q,"data-cy":I,"data-testid":A,...D},M)=>{const O=I||"datatable",H=A||"datatable",K=u||m,_=t.useRef(null),P=t.useRef(null),[W,z]=t.useState(!1);t.useEffect(()=>{const e=P.current;if(!e||!f)return;const t=()=>z(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[f]);const G=t.useMemo(()=>B??new Set,[B]),J=i.map(e=>String(e[g]??"")),Q=v&&i.length>0&&J.every(e=>G.has(e)),U=v&&i.length>0&&J.some(e=>G.has(e)),V=t.useCallback(()=>{if(N)if(Q){const e=new Set(G);J.forEach(t=>e.delete(t)),N(e)}else{const e=new Set(G);J.forEach(t=>e.add(t)),N(e)}},[Q,J,G,N]),X=t.useCallback(e=>{if(!N)return;const t=new Set(G);t.has(e)?t.delete(e):t.add(e),N(t)},[G,N]),Y=v?o.length+1:o.length,Z=e=>{if(e.sortable)return E!==e.key?"none":"asc"===L?"ascending":"desc"===L?"descending":"none"},ee=t=>{const a="string"==typeof t.header?t.header:void 0;return e.jsxs("span",{className:n.headerCellContentStyles,children:[e.jsx("span",{className:n.headerLabelStyles,children:t.header}),t.sortable&&e.jsx(l.SortButton,{direction:E===t.key?L??"none":"none",onDirectionChange:e=>R?.(t.key,e),"aria-label":a?`Sort by ${a}`:"Sort column","data-cy":`${O}-sort-${t.key}`,"data-testid":`${H}-sort-${t.key}`}),t.filterable&&t.filterOptions&&e.jsx(d.CheckFilter,{mode:"multi",options:t.filterOptions,value:T?.[t.key],onApply:e=>F?.(t.key,e),title:t.filterTitle,searchable:t.filterSearchable,"aria-label":a?`Filter ${a}`:"Filter column","data-cy":`${O}-filter-${t.key}`,"data-testid":`${H}-filter-${t.key}`})]})},te=t.useCallback(e=>{const[t]=e;t.isIntersecting&&p&&!b&&S&&S()},[p,b,S]);t.useEffect(()=>{const e=_.current;if(!e||!S)return;const t=new IntersectionObserver(te,{root:f?P.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[te,S,f]);const ae=e.jsxs(e.Fragment,{children:[e.jsxs("table",{ref:M,className:r.cn(n.tableBaseStyles,q),"aria-busy":b||void 0,"data-cy":O,"data-testid":H,...D,children:[e.jsx("thead",{className:r.cn(n.theadStyles,x&&n.theadBorderBreakStyles,f&&n.stickyTheadStyles,f&&W&&n.stickyTheadScrolledStyles),"data-cy":`${O}-head`,"data-testid":`${H}-head`,children:e.jsxs("tr",{children:[v&&e.jsx("th",{scope:"col",className:r.cn(n.checkboxCellStyles,x&&n.thBorderBreakStyles),"data-cy":`${O}-header-checkbox`,"data-testid":`${H}-header-checkbox`,children:e.jsx("label",{className:n.checkboxLabelStyles,children:e.jsx(s.Checkbox,{checked:Q,indeterminate:U&&!Q,onChange:V,"aria-label":"Select all rows","data-cy":`${O}-select-all`,"data-testid":`${H}-select-all`})})}),o.map(t=>e.jsx("th",{scope:"col","aria-sort":Z(t),className:r.cn(n.thStyles,x&&n.thBorderBreakStyles),"data-cy":`${O}-header-${t.key}`,"data-testid":`${H}-header-${t.key}`,children:ee(t)},t.key))]})}),e.jsxs("tbody",{"data-cy":`${O}-body`,"data-testid":`${H}-body`,children:[0!==i.length||b?i.map((t,a)=>e.jsxs("tr",{className:r.cn(n.trStripedStyles,x&&n.trBorderBreakStyles,h&&n.trHoverableStyles,y&&!x&&n.trStripedEvenStyles,w&&n.trClickableStyles,w&&x&&n.trClickableBorderBreakFocusStyles),tabIndex:w?0:void 0,style:w?{outline:"none",boxShadow:"none"}:void 0,onFocus:e=>e.currentTarget.setAttribute("data-focused","true"),onBlur:e=>e.currentTarget.removeAttribute("data-focused"),onClick:w?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||w(t,a)}:void 0,onKeyDown:w?e=>{if("Enter"===e.key||" "===e.key){if(e.target.closest('button, a, input, label, [role="checkbox"]'))return;e.preventDefault(),w(t,a)}}:void 0,"data-cy":`${O}-row-${a}`,"data-testid":`${H}-row-${a}`,children:[v&&e.jsx("td",{className:r.cn(n.checkboxCellStyles,x&&n.tdBorderBreakStyles),"data-cy":`${O}-cell-${a}-checkbox`,"data-testid":`${H}-cell-${a}-checkbox`,children:e.jsx("label",{className:n.checkboxLabelStyles,children:e.jsx(s.Checkbox,{checked:G.has(String(t[g]??"")),onChange:()=>X(String(t[g]??"")),"aria-label":`Select row ${a+1}`,"data-cy":`${O}-select-${a}`,"data-testid":`${H}-select-${a}`})})}),o.map(s=>e.jsx("td",{className:r.cn(n.tdStyles,x&&n.tdBorderBreakStyles),"data-cy":`${O}-cell-${a}-${s.key}`,"data-testid":`${H}-cell-${a}-${s.key}`,children:s.render?s.render(t[s.key],t,a):String(t[s.key]??"")},s.key))]},a)):e.jsx("tr",{children:e.jsx("td",{colSpan:Y,className:"p-0","data-cy":`${O}-empty`,"data-testid":`${H}-empty`,children:e.jsxs("div",{className:n.emptyStateWrapperStyles,children:[e.jsx("div",{className:n.emptyStateIconStyles,"aria-hidden":"true","data-cy":`${O}-empty-icon`,"data-testid":`${H}-empty-icon`,children:e.jsx(a.CustomEmptyBoxIcon,{width:"100%",height:"100%"})}),j&&e.jsx("p",{className:n.emptyStateTextStyles,"data-cy":`${O}-empty-text`,"data-testid":`${H}-empty-text`,children:j})]})})}),b&&($?e.jsx("tr",{children:e.jsx("td",{colSpan:Y,className:n.loadingRowStyles,"data-cy":`${O}-loading`,"data-testid":`${H}-loading`,children:$})}):Array.from({length:k}).map((t,a)=>e.jsxs("tr",{className:r.cn(n.trStripedStyles,x&&n.trBorderBreakStyles),"data-cy":`${O}-skeleton-${a}`,"data-testid":`${H}-skeleton-${a}`,children:[v&&e.jsx("td",{className:r.cn(n.checkboxCellStyles,x&&n.tdBorderBreakStyles),children:e.jsx("div",{className:n.checkboxLabelStyles,children:e.jsx("div",{className:"w-4 h-4 rounded-4 bg-[color-mix(in_srgb,var(--color-border)_40%,transparent)]"})})}),o.map((t,s)=>e.jsx("td",{className:r.cn(n.tdStyles,x&&n.tdBorderBreakStyles),children:e.jsx("div",{className:n.skeletonCellStyles,style:{width:c[(a+s)%c.length]}})},t.key))]},`skeleton-${a}`)))]})]}),S&&e.jsx("div",{ref:_,className:"h-4","data-cy":`${O}-sentinel`,"data-testid":`${H}-sentinel`,"aria-hidden":"true"})]}),re=e.jsxs("div",{className:r.cn(n.wrapperStyles,x&&(p?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),tabIndex:-1,style:{outline:"none"},"data-cy":`${O}-wrapper`,"data-testid":`${H}-wrapper`,children:[K&&e.jsxs("div",{className:n.headerBarStyles,"data-cy":`${O}-header-bar`,"data-testid":`${H}-header-bar`,children:[e.jsx("div",{"data-cy":`${O}-header-left`,"data-testid":`${H}-header-left`,children:u}),e.jsx("div",{"data-cy":`${O}-header-right`,"data-testid":`${H}-header-right`,children:m})]}),f?e.jsx("div",{ref:P,className:n.scrollContainerStyles,tabIndex:-1,style:{maxHeight:f,outline:"none"},children:ae}):ae]}),se=C?e.jsx("div",{className:n.footerBarStyles,"data-cy":`${O}-footer-bar`,"data-testid":`${H}-footer-bar`,children:C}):null;return x?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:r.cn(n.wrapperBorderBreakStyles,p?n.wrapperBorderBreakFlatBottomStyles:n.wrapperBorderBreakRoundedStyles),children:re}),se]}):e.jsxs(e.Fragment,{children:[re,se]})});o.displayName="DataTable";const i=t.forwardRef(({children:a,className:s,style:l,...d},n)=>{const c=t.useRef(null),[o,i]=t.useState(!1);return t.useEffect(()=>{const e=c.current;if(!e)return;const t=e.closest("tr");if(!t)return;const a=()=>i(!0),r=()=>i(!1);return t.addEventListener("mouseenter",a),t.addEventListener("mouseleave",r),t.addEventListener("focusin",a),t.addEventListener("focusout",r),()=>{t.removeEventListener("mouseenter",a),t.removeEventListener("mouseleave",r),t.removeEventListener("focusin",a),t.removeEventListener("focusout",r)}},[]),e.jsx("span",{ref:e=>{c.current=e,"function"==typeof n?n(e):n&&(n.current=e)},className:r.cn("transition-opacity duration-200",o?"opacity-100":"opacity-0",s),style:l,...d,children:a})});i.displayName="RowAction",exports.DataTable=o,exports.RowAction=i;

package/dist/index41.js

@@ -1,9 +1,11 @@
-import{jsxs as e,Fragment as t,jsx as a}from"react/jsx-runtime";import{forwardRef as r,useRef as d,useState as n,useEffect as s,useMemo as c,useCallback as l}from"react";import{CustomEmptyBoxIcon as i}from"@adam-milo/icons";import{cn as o}from"./index67.js";import{Checkbox as h}from"./index12.js";import{checkboxLabelStyles as m,emptyStateWrapperStyles as y,emptyStateIconStyles as u,emptyStateTextStyles as $,loadingRowStyles as p,skeletonCellStyles as v,headerBarStyles as b,scrollContainerStyles as f,thBorderBreakStyles as g,checkboxCellStyles as N,thStyles as k,stickyTheadScrolledStyles as x,stickyTheadStyles as w,theadBorderBreakStyles as S,theadStyles as E,tdBorderBreakStyles as L,tdStyles as I,trClickableBorderBreakFocusStyles as C,trClickableStyles as R,trStripedEvenStyles as T,trHoverableStyles as j,trBorderBreakStyles as A,trStripedStyles as M,tableBaseStyles as B,footerBarStyles as D,wrapperStyles as H,wrapperBorderBreakFlatBottomStyles as K,wrapperBorderBreakRoundedStyles as _,wrapperBorderBreakStyles as F}from"./index96.js";const O=["60%","75%","45%","55%","70%","50%"],q=r(({columns:r,data:q,striped:z=!1,hoverable:G=!1,headerLeft:J,headerRight:P,borderBreak:Q=!1,onLoadMore:U,isLoadingMore:V=!1,hasMore:W=!1,loadingIndicator:X,skeletonRows:Y=3,maxHeight:Z,emptyStateText:ee,selectable:te=!1,rowKey:ae="id",selectedRows:re,onSelectionChange:de,onRowClick:ne,footerBar:se,className:ce,"data-cy":le,"data-testid":ie,...oe},he)=>{const me=le||"datatable",ye=ie||"datatable",ue=J||P,$e=d(null),pe=d(null),[ve,be]=n(!1);s(()=>{const e=pe.current;if(!e||!Z)return;const t=()=>be(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[Z]);const fe=c(()=>re??/* @__PURE__ */new Set,[re]),ge=q.map(e=>String(e[ae]??"")),Ne=te&&q.length>0&&ge.every(e=>fe.has(e)),ke=te&&q.length>0&&ge.some(e=>fe.has(e)),xe=l(()=>{if(de)if(Ne){const e=new Set(fe);ge.forEach(t=>e.delete(t)),de(e)}else{const e=new Set(fe);ge.forEach(t=>e.add(t)),de(e)}},[Ne,ge,fe,de]),we=l(e=>{if(!de)return;const t=new Set(fe);t.has(e)?t.delete(e):t.add(e),de(t)},[fe,de]),Se=te?r.length+1:r.length,Ee=l(e=>{const[t]=e;t.isIntersecting&&W&&!V&&U&&U()},[W,V,U]);s(()=>{const e=$e.current;if(!e||!U)return;const t=new IntersectionObserver(Ee,{root:Z?pe.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[Ee,U,Z]);const Le=/* @__PURE__ */e(t,{children:[
-/* @__PURE__ */e("table",{ref:he,className:o(B,ce),"aria-busy":V||void 0,"data-cy":me,"data-testid":ye,...oe,children:[
-/* @__PURE__ */a("thead",{className:o(E,Q&&S,Z&&w,Z&&ve&&x),"data-cy":`${me}-head`,"data-testid":`${ye}-head`,children:/* @__PURE__ */e("tr",{children:[te&&/* @__PURE__ */a("th",{scope:"col",className:o(N,Q&&g),"data-cy":`${me}-header-checkbox`,"data-testid":`${ye}-header-checkbox`,children:/* @__PURE__ */a("label",{className:m,children:/* @__PURE__ */a(h,{checked:Ne,indeterminate:ke&&!Ne,onChange:xe,"aria-label":"Select all rows","data-cy":`${me}-select-all`,"data-testid":`${ye}-select-all`})})}),r.map(e=>/* @__PURE__ */a("th",{scope:"col",className:o(k,Q&&g),"data-cy":`${me}-header-${e.key}`,"data-testid":`${ye}-header-${e.key}`,children:e.header},e.key))]})}),
-/* @__PURE__ */e("tbody",{"data-cy":`${me}-body`,"data-testid":`${ye}-body`,children:[0!==q.length||V?q.map((t,d)=>/* @__PURE__ */e("tr",{className:o(M,Q&&A,G&&j,z&&!Q&&T,ne&&R,ne&&Q&&C),tabIndex:ne?0:void 0,style:ne?{outline:"none",boxShadow:"none"}:void 0,onFocus:e=>e.currentTarget.setAttribute("data-focused","true"),onBlur:e=>e.currentTarget.removeAttribute("data-focused"),onClick:ne?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||ne(t,d)}:void 0,onKeyDown:ne?e=>{if("Enter"===e.key||" "===e.key){if(e.target.closest('button, a, input, label, [role="checkbox"]'))return;e.preventDefault(),ne(t,d)}}:void 0,"data-cy":`${me}-row-${d}`,"data-testid":`${ye}-row-${d}`,children:[te&&/* @__PURE__ */a("td",{className:o(N,Q&&L),"data-cy":`${me}-cell-${d}-checkbox`,"data-testid":`${ye}-cell-${d}-checkbox`,children:/* @__PURE__ */a("label",{className:m,children:/* @__PURE__ */a(h,{checked:fe.has(String(t[ae]??"")),onChange:()=>we(String(t[ae]??"")),"aria-label":`Select row ${d+1}`,"data-cy":`${me}-select-${d}`,"data-testid":`${ye}-select-${d}`})})}),r.map(e=>/* @__PURE__ */a("td",{className:o(I,Q&&L),"data-cy":`${me}-cell-${d}-${e.key}`,"data-testid":`${ye}-cell-${d}-${e.key}`,children:e.render?e.render(t[e.key],t,d):String(t[e.key]??"")},e.key))]},d)):/* @__PURE__ */a("tr",{children:/* @__PURE__ */a("td",{colSpan:Se,className:"p-0","data-cy":`${me}-empty`,"data-testid":`${ye}-empty`,children:/* @__PURE__ */e("div",{className:y,children:[
-/* @__PURE__ */a("div",{className:u,"aria-hidden":"true","data-cy":`${me}-empty-icon`,"data-testid":`${ye}-empty-icon`,children:/* @__PURE__ */a(i,{width:"100%",height:"100%"})}),ee&&/* @__PURE__ */a("p",{className:$,"data-cy":`${me}-empty-text`,"data-testid":`${ye}-empty-text`,children:ee})]})})}),V&&(X?/* @__PURE__ */a("tr",{children:/* @__PURE__ */a("td",{colSpan:Se,className:p,"data-cy":`${me}-loading`,"data-testid":`${ye}-loading`,children:X})}):Array.from({length:Y}).map((t,d)=>/* @__PURE__ */e("tr",{className:o(M,Q&&A),"data-cy":`${me}-skeleton-${d}`,"data-testid":`${ye}-skeleton-${d}`,children:[te&&/* @__PURE__ */a("td",{className:o(N,Q&&L),children:/* @__PURE__ */a("div",{className:m,children:/* @__PURE__ */a("div",{className:"w-4 h-4 rounded-4 bg-[color-mix(in_srgb,var(--color-border)_40%,transparent)]"})})}),r.map((e,t)=>/* @__PURE__ */a("td",{className:o(I,Q&&L),children:/* @__PURE__ */a("div",{className:v,style:{width:O[(d+t)%O.length]}})},e.key))]},`skeleton-${d}`)))]})]}),U&&/* @__PURE__ */a("div",{ref:$e,className:"h-4","data-cy":`${me}-sentinel`,"data-testid":`${ye}-sentinel`,"aria-hidden":"true"})]}),Ie=/* @__PURE__ */e("div",{className:o(H,Q&&(W?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),tabIndex:-1,style:{outline:"none"},"data-cy":`${me}-wrapper`,"data-testid":`${ye}-wrapper`,children:[ue&&/* @__PURE__ */e("div",{className:b,"data-cy":`${me}-header-bar`,"data-testid":`${ye}-header-bar`,children:[
-/* @__PURE__ */a("div",{"data-cy":`${me}-header-left`,"data-testid":`${ye}-header-left`,children:J}),
-/* @__PURE__ */a("div",{"data-cy":`${me}-header-right`,"data-testid":`${ye}-header-right`,children:P})]}),Z?/* @__PURE__ */a("div",{ref:pe,className:f,tabIndex:-1,style:{maxHeight:Z,outline:"none"},children:Le}):Le]}),Ce=se?/* @__PURE__ */a("div",{className:D,"data-cy":`${me}-footer-bar`,"data-testid":`${ye}-footer-bar`,children:se}):null;/* @__PURE__ */
-return e(t,Q?{children:[
-/* @__PURE__ */a("div",{className:o(F,W?K:_),children:Ie}),Ce]}:{children:[Ie,Ce]})});q.displayName="DataTable";const z=r(({children:e,className:t,style:r,...c},l)=>{const i=d(null),[h,m]=n(!1);return s(()=>{const e=i.current;if(!e)return;const t=e.closest("tr");if(!t)return;const a=()=>m(!0),r=()=>m(!1);return t.addEventListener("mouseenter",a),t.addEventListener("mouseleave",r),t.addEventListener("focusin",a),t.addEventListener("focusout",r),()=>{t.removeEventListener("mouseenter",a),t.removeEventListener("mouseleave",r),t.removeEventListener("focusin",a),t.removeEventListener("focusout",r)}},[]),/* @__PURE__ */a("span",{ref:e=>{i.current=e,"function"==typeof l?l(e):l&&(l.current=e)},className:o("transition-opacity duration-200",h?"opacity-100":"opacity-0",t),style:r,...c,children:e})});z.displayName="RowAction";export{q as DataTable,z as RowAction};
+import{jsxs as e,Fragment as t,jsx as a}from"react/jsx-runtime";import{forwardRef as r,useRef as n,useState as d,useEffect as s,useMemo as i,useCallback as l}from"react";import{CustomEmptyBoxIcon as o}from"@adam-milo/icons";import{cn as c}from"./index67.js";import{Checkbox as h}from"./index12.js";import{SortButton as m}from"./index45.js";import{CheckFilter as y}from"./index48.js";import{checkboxLabelStyles as $,emptyStateWrapperStyles as u,emptyStateIconStyles as p,emptyStateTextStyles as f,loadingRowStyles as b,skeletonCellStyles as v,headerBarStyles as g,scrollContainerStyles as k,headerCellContentStyles as N,headerLabelStyles as x,thBorderBreakStyles as w,checkboxCellStyles as S,thStyles as E,stickyTheadScrolledStyles as L,stickyTheadStyles as C,theadBorderBreakStyles as j,theadStyles as I,tdBorderBreakStyles as T,tdStyles as A,trClickableBorderBreakFocusStyles as D,trClickableStyles as R,trStripedEvenStyles as F,trHoverableStyles as M,trBorderBreakStyles as B,trStripedStyles as K,tableBaseStyles as O,footerBarStyles as H,wrapperStyles as _,wrapperBorderBreakFlatBottomStyles as q,wrapperBorderBreakRoundedStyles as z,wrapperBorderBreakStyles as G}from"./index96.js";const J=["60%","75%","45%","55%","70%","50%"],P=r(({columns:r,data:P,striped:Q=!1,hoverable:U=!1,headerLeft:V,headerRight:W,borderBreak:X=!1,onLoadMore:Y,isLoadingMore:Z=!1,hasMore:ee=!1,loadingIndicator:te,skeletonRows:ae=3,maxHeight:re,emptyStateText:ne,selectable:de=!1,rowKey:se="id",selectedRows:ie,onSelectionChange:le,onRowClick:oe,footerBar:ce,sortKey:he,sortDirection:me,onSortChange:ye,filters:$e,onFilterChange:ue,className:pe,"data-cy":fe,"data-testid":be,...ve},ge)=>{const ke=fe||"datatable",Ne=be||"datatable",xe=V||W,we=n(null),Se=n(null),[Ee,Le]=d(!1);s(()=>{const e=Se.current;if(!e||!re)return;const t=()=>Le(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[re]);const Ce=i(()=>ie??/* @__PURE__ */new Set,[ie]),je=P.map(e=>String(e[se]??"")),Ie=de&&P.length>0&&je.every(e=>Ce.has(e)),Te=de&&P.length>0&&je.some(e=>Ce.has(e)),Ae=l(()=>{if(le)if(Ie){const e=new Set(Ce);je.forEach(t=>e.delete(t)),le(e)}else{const e=new Set(Ce);je.forEach(t=>e.add(t)),le(e)}},[Ie,je,Ce,le]),De=l(e=>{if(!le)return;const t=new Set(Ce);t.has(e)?t.delete(e):t.add(e),le(t)},[Ce,le]),Re=de?r.length+1:r.length,Fe=e=>{if(e.sortable)return he!==e.key?"none":"asc"===me?"ascending":"desc"===me?"descending":"none"},Me=t=>{const r="string"==typeof t.header?t.header:void 0;/* @__PURE__ */
+return e("span",{className:N,children:[
+/* @__PURE__ */a("span",{className:x,children:t.header}),t.sortable&&/* @__PURE__ */a(m,{direction:he===t.key?me??"none":"none",onDirectionChange:e=>ye?.(t.key,e),"aria-label":r?`Sort by ${r}`:"Sort column","data-cy":`${ke}-sort-${t.key}`,"data-testid":`${Ne}-sort-${t.key}`}),t.filterable&&t.filterOptions&&/* @__PURE__ */a(y,{mode:"multi",options:t.filterOptions,value:$e?.[t.key],onApply:e=>ue?.(t.key,e),title:t.filterTitle,searchable:t.filterSearchable,"aria-label":r?`Filter ${r}`:"Filter column","data-cy":`${ke}-filter-${t.key}`,"data-testid":`${Ne}-filter-${t.key}`})]})},Be=l(e=>{const[t]=e;t.isIntersecting&&ee&&!Z&&Y&&Y()},[ee,Z,Y]);s(()=>{const e=we.current;if(!e||!Y)return;const t=new IntersectionObserver(Be,{root:re?Se.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[Be,Y,re]);const Ke=/* @__PURE__ */e(t,{children:[
+/* @__PURE__ */e("table",{ref:ge,className:c(O,pe),"aria-busy":Z||void 0,"data-cy":ke,"data-testid":Ne,...ve,children:[
+/* @__PURE__ */a("thead",{className:c(I,X&&j,re&&C,re&&Ee&&L),"data-cy":`${ke}-head`,"data-testid":`${Ne}-head`,children:/* @__PURE__ */e("tr",{children:[de&&/* @__PURE__ */a("th",{scope:"col",className:c(S,X&&w),"data-cy":`${ke}-header-checkbox`,"data-testid":`${Ne}-header-checkbox`,children:/* @__PURE__ */a("label",{className:$,children:/* @__PURE__ */a(h,{checked:Ie,indeterminate:Te&&!Ie,onChange:Ae,"aria-label":"Select all rows","data-cy":`${ke}-select-all`,"data-testid":`${Ne}-select-all`})})}),r.map(e=>/* @__PURE__ */a("th",{scope:"col","aria-sort":Fe(e),className:c(E,X&&w),"data-cy":`${ke}-header-${e.key}`,"data-testid":`${Ne}-header-${e.key}`,children:Me(e)},e.key))]})}),
+/* @__PURE__ */e("tbody",{"data-cy":`${ke}-body`,"data-testid":`${Ne}-body`,children:[0!==P.length||Z?P.map((t,n)=>/* @__PURE__ */e("tr",{className:c(K,X&&B,U&&M,Q&&!X&&F,oe&&R,oe&&X&&D),tabIndex:oe?0:void 0,style:oe?{outline:"none",boxShadow:"none"}:void 0,onFocus:e=>e.currentTarget.setAttribute("data-focused","true"),onBlur:e=>e.currentTarget.removeAttribute("data-focused"),onClick:oe?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||oe(t,n)}:void 0,onKeyDown:oe?e=>{if("Enter"===e.key||" "===e.key){if(e.target.closest('button, a, input, label, [role="checkbox"]'))return;e.preventDefault(),oe(t,n)}}:void 0,"data-cy":`${ke}-row-${n}`,"data-testid":`${Ne}-row-${n}`,children:[de&&/* @__PURE__ */a("td",{className:c(S,X&&T),"data-cy":`${ke}-cell-${n}-checkbox`,"data-testid":`${Ne}-cell-${n}-checkbox`,children:/* @__PURE__ */a("label",{className:$,children:/* @__PURE__ */a(h,{checked:Ce.has(String(t[se]??"")),onChange:()=>De(String(t[se]??"")),"aria-label":`Select row ${n+1}`,"data-cy":`${ke}-select-${n}`,"data-testid":`${Ne}-select-${n}`})})}),r.map(e=>/* @__PURE__ */a("td",{className:c(A,X&&T),"data-cy":`${ke}-cell-${n}-${e.key}`,"data-testid":`${Ne}-cell-${n}-${e.key}`,children:e.render?e.render(t[e.key],t,n):String(t[e.key]??"")},e.key))]},n)):/* @__PURE__ */a("tr",{children:/* @__PURE__ */a("td",{colSpan:Re,className:"p-0","data-cy":`${ke}-empty`,"data-testid":`${Ne}-empty`,children:/* @__PURE__ */e("div",{className:u,children:[
+/* @__PURE__ */a("div",{className:p,"aria-hidden":"true","data-cy":`${ke}-empty-icon`,"data-testid":`${Ne}-empty-icon`,children:/* @__PURE__ */a(o,{width:"100%",height:"100%"})}),ne&&/* @__PURE__ */a("p",{className:f,"data-cy":`${ke}-empty-text`,"data-testid":`${Ne}-empty-text`,children:ne})]})})}),Z&&(te?/* @__PURE__ */a("tr",{children:/* @__PURE__ */a("td",{colSpan:Re,className:b,"data-cy":`${ke}-loading`,"data-testid":`${Ne}-loading`,children:te})}):Array.from({length:ae}).map((t,n)=>/* @__PURE__ */e("tr",{className:c(K,X&&B),"data-cy":`${ke}-skeleton-${n}`,"data-testid":`${Ne}-skeleton-${n}`,children:[de&&/* @__PURE__ */a("td",{className:c(S,X&&T),children:/* @__PURE__ */a("div",{className:$,children:/* @__PURE__ */a("div",{className:"w-4 h-4 rounded-4 bg-[color-mix(in_srgb,var(--color-border)_40%,transparent)]"})})}),r.map((e,t)=>/* @__PURE__ */a("td",{className:c(A,X&&T),children:/* @__PURE__ */a("div",{className:v,style:{width:J[(n+t)%J.length]}})},e.key))]},`skeleton-${n}`)))]})]}),Y&&/* @__PURE__ */a("div",{ref:we,className:"h-4","data-cy":`${ke}-sentinel`,"data-testid":`${Ne}-sentinel`,"aria-hidden":"true"})]}),Oe=/* @__PURE__ */e("div",{className:c(_,X&&(ee?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),tabIndex:-1,style:{outline:"none"},"data-cy":`${ke}-wrapper`,"data-testid":`${Ne}-wrapper`,children:[xe&&/* @__PURE__ */e("div",{className:g,"data-cy":`${ke}-header-bar`,"data-testid":`${Ne}-header-bar`,children:[
+/* @__PURE__ */a("div",{"data-cy":`${ke}-header-left`,"data-testid":`${Ne}-header-left`,children:V}),
+/* @__PURE__ */a("div",{"data-cy":`${ke}-header-right`,"data-testid":`${Ne}-header-right`,children:W})]}),re?/* @__PURE__ */a("div",{ref:Se,className:k,tabIndex:-1,style:{maxHeight:re,outline:"none"},children:Ke}):Ke]}),He=ce?/* @__PURE__ */a("div",{className:H,"data-cy":`${ke}-footer-bar`,"data-testid":`${Ne}-footer-bar`,children:ce}):null;/* @__PURE__ */
+return e(t,X?{children:[
+/* @__PURE__ */a("div",{className:c(G,ee?q:z),children:Oe}),He]}:{children:[Oe,He]})});P.displayName="DataTable";const Q=r(({children:e,className:t,style:r,...i},l)=>{const o=n(null),[h,m]=d(!1);return s(()=>{const e=o.current;if(!e)return;const t=e.closest("tr");if(!t)return;const a=()=>m(!0),r=()=>m(!1);return t.addEventListener("mouseenter",a),t.addEventListener("mouseleave",r),t.addEventListener("focusin",a),t.addEventListener("focusout",r),()=>{t.removeEventListener("mouseenter",a),t.removeEventListener("mouseleave",r),t.removeEventListener("focusin",a),t.removeEventListener("focusout",r)}},[]),/* @__PURE__ */a("span",{ref:e=>{o.current=e,"function"==typeof l?l(e):l&&(l.current=e)},className:c("transition-opacity duration-200",h?"opacity-100":"opacity-0",t),style:r,...i,children:e})});Q.displayName="RowAction";export{P as DataTable,Q as RowAction};

package/dist/index82.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-32 leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-20","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-18"].join(" "),r=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-20 leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-18","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-16"].join(" "),t=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--color-text)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:enabled:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" ");exports.containerBaseStyles="flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",exports.containerCenteredStyles="justify-center",exports.digitBaseStyles=t,exports.digitErrorStyles="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",exports.digitSizeLgStyles=e,exports.digitSizeSmStyles=r,exports.errorStyles="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",exports.helperStyles="text-12 leading-none text-[var(--color-grey-07)] text-center",exports.labelBaseStyles="text-16 font-normal leading-none text-[var(--color-grey-07)]",exports.labelDisabledStyles="opacity-50",exports.labelErrorStyles="text-[var(--color-error)]",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-fit";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex-1 min-w-0 basis-0 p-0","h-auto min-h-0 aspect-[82/92] max-w-[5.125rem]","text-[clamp(1rem,5vw,2rem)] leading-[1.25]"].join(" "),r=["flex-1 min-w-0 basis-0 p-0","h-auto min-h-0 aspect-[3.734375/4.470625] max-w-[3.734375rem]","text-[clamp(0.875rem,4vw,1.25rem)] leading-[1.25]"].join(" "),t=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-32 leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-20","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-18"].join(" "),o=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-20 leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-18","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-16"].join(" "),a=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--color-text)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:enabled:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" ");exports.containerBaseStyles="flex items-center",exports.containerCenteredStyles="justify-center",exports.containerFullWidthStyles="w-full gap-2 max-[374px]:gap-1 justify-center",exports.containerGapStyles="gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",exports.digitBaseStyles=a,exports.digitErrorStyles="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",exports.digitFullWidthLgStyles=e,exports.digitFullWidthSmStyles=r,exports.digitSizeLgStyles=t,exports.digitSizeSmStyles=o,exports.errorStyles="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",exports.helperStyles="text-12 leading-none text-[var(--color-grey-07)] text-center",exports.labelBaseStyles="text-16 font-normal leading-none text-[var(--color-grey-07)]",exports.labelDisabledStyles="opacity-50",exports.labelErrorStyles="text-[var(--color-error)]",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-fit";

package/dist/index82.js

@@ -1 +1 @@
-const e="flex flex-col gap-2 relative w-fit",r="w-full",o="text-16 font-normal leading-none text-[var(--color-grey-07)]",t="text-[var(--color-error)]",a="opacity-50",x="flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",m="justify-center",n=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-32 leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-20","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-18"].join(" "),d=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-20 leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-18","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-16"].join(" "),l=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--color-text)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:enabled:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),i="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",c="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",p="text-12 leading-none text-[var(--color-grey-07)] text-center";export{x as containerBaseStyles,m as containerCenteredStyles,l as digitBaseStyles,i as digitErrorStyles,n as digitSizeLgStyles,d as digitSizeSmStyles,c as errorStyles,p as helperStyles,o as labelBaseStyles,a as labelDisabledStyles,t as labelErrorStyles,r as wrapperFullWidthStyles,e as wrapperStyles};
+const e="flex flex-col gap-2 relative w-fit",r="w-full",o="w-full gap-2 max-[374px]:gap-1 justify-center",t=["flex-1 min-w-0 basis-0 p-0","h-auto min-h-0 aspect-[82/92] max-w-[5.125rem]","text-[clamp(1rem,5vw,2rem)] leading-[1.25]"].join(" "),a=["flex-1 min-w-0 basis-0 p-0","h-auto min-h-0 aspect-[3.734375/4.470625] max-w-[3.734375rem]","text-[clamp(0.875rem,4vw,1.25rem)] leading-[1.25]"].join(" "),m="text-16 font-normal leading-none text-[var(--color-grey-07)]",x="text-[var(--color-error)]",n="opacity-50",l="flex items-center",d="gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",i="justify-center",p=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-32 leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-20","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-18"].join(" "),c=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-20 leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-18","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-16"].join(" "),b=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--color-text)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:enabled:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),s="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",v="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",g="text-12 leading-none text-[var(--color-grey-07)] text-center";export{l as containerBaseStyles,i as containerCenteredStyles,o as containerFullWidthStyles,d as containerGapStyles,b as digitBaseStyles,s as digitErrorStyles,t as digitFullWidthLgStyles,a as digitFullWidthSmStyles,p as digitSizeLgStyles,c as digitSizeSmStyles,v as errorStyles,g as helperStyles,m as labelBaseStyles,n as labelDisabledStyles,x as labelErrorStyles,r as wrapperFullWidthStyles,e as wrapperStyles};

package/dist/index96.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["h-3 rounded-4","bg-[linear-gradient(90deg,color-mix(in_srgb,var(--color-border)_40%,transparent)_0%,color-mix(in_srgb,var(--color-grey-skeleton)_40%,transparent)_100%)]","relative overflow-hidden","after:absolute after:inset-0","after:bg-[linear-gradient(90deg,transparent_0%,color-mix(in_srgb,var(--color-white)_40%,transparent)_50%,transparent_100%)]","after:animate-[shimmer_1.5s_ease-in-out_infinite]","after:[background-size:200%_100%]"].join(" "),r=["sticky top-0 z-[5] !border-b-0","[&>tr>th]:transition-[background-color] [&>tr>th]:duration-500 [&>tr>th]:ease-in-out","after:absolute after:left-0 after:right-0 after:bottom-0 after:h-px after:bg-[color-mix(in_srgb,var(--color-teal)_25%,transparent)]"].join(" "),t=["[&>tr>th]:!bg-white","[&>tr>th:first-child]:rounded-tl-16","[&>tr>th:last-child]:rounded-tr-16"].join(" "),o=["fixed bottom-8 left-1/2 -translate-x-1/2 z-50","flex items-center justify-between","w-[46.875rem] max-w-[calc(100%-2rem)]","py-4 ps-8 pe-4","bg-white rounded-2xl","border border-solid border-[color-mix(in_srgb,var(--color-teal)_15%,transparent)]","shadow-[0_4px_24px_0_color-mix(in_srgb,var(--color-black)_8%,transparent)]"].join(" ");exports.checkboxCellStyles="w-[4.75rem] min-w-[4.75rem] max-w-[4.75rem] ps-6 pe-[0.75rem] py-0 max-sm:pe-2 max-sm:ps-2",exports.checkboxLabelStyles="flex items-center justify-center w-[2.5rem] h-[2.5rem] cursor-pointer",exports.emptyStateIconStyles="w-[11.875rem] h-[11.875rem] text-[var(--color-system-text)]",exports.emptyStateTextStyles="text-16 leading-24 font-normal text-[var(--color-system-text)] text-center max-w-[20rem]",exports.emptyStateWrapperStyles="flex flex-col items-center justify-center gap-4 py-16 px-6 max-sm:py-10",exports.footerBarStyles=o,exports.headerBarStyles="flex items-center justify-between p-6 max-sm:p-4",exports.loadingRowStyles="py-4 text-center",exports.scrollContainerStyles="overflow-y-auto datatable-scrollbar",exports.skeletonCellStyles=e,exports.stickyTheadScrolledStyles=t,exports.stickyTheadStyles=r,exports.tableBaseStyles="w-full border-collapse text-14 leading-normal text-[var(--color-text)]",exports.tdBorderBreakStyles="px-0 py-2.5 text-18 font-normal text-[var(--color-text)] first:ps-6 last:pe-6 h-[4.5rem]",exports.tdStyles="px-4 py-3 text-[var(--color-text)] max-sm:px-2 max-sm:py-2 max-sm:text-12",exports.thBorderBreakStyles="px-0 py-2.5 whitespace-nowrap text-[1.1875rem] font-bold text-[var(--color-slate)] first:ps-6 last:pe-6 h-[4.25rem]",exports.thStyles="px-4 py-3 text-start font-semibold text-[var(--color-system-text)] max-sm:px-2 max-sm:py-2 max-sm:text-12",exports.theadBorderBreakStyles="!bg-transparent border-b border-[color-mix(in_srgb,var(--color-teal)_25%,transparent)]",exports.theadStyles="border-b border-[var(--color-border)] bg-[var(--color-bg-secondary)]",exports.trBorderBreakStyles="border-0 even:bg-transparent hover:bg-white h-[4.5rem]",exports.trClickableBorderBreakFocusStyles="focus:bg-white",exports.trClickableStyles="cursor-pointer focus:bg-[var(--color-bg)]",exports.trHoverableStyles="hover:bg-[var(--color-bg)]",exports.trStripedEvenStyles="even:bg-[var(--color-bg)]",exports.trStripedStyles="border-b border-[var(--color-border)]",exports.wrapperBorderBreakFlatBottomStyles="rounded-t-2xl card-border-break--flat-bottom",exports.wrapperBorderBreakRoundedStyles="rounded-2xl",exports.wrapperBorderBreakStyles="card-border-break bg-[var(--color-overlay-white-43)]",exports.wrapperStyles="w-full overflow-x-auto [-webkit-overflow-scrolling:touch] [scrollbar-width:thin] [scrollbar-color:var(--color-border)_var(--color-bg-secondary)]";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["h-3 rounded-4","bg-[linear-gradient(90deg,color-mix(in_srgb,var(--color-border)_40%,transparent)_0%,color-mix(in_srgb,var(--color-grey-skeleton)_40%,transparent)_100%)]","relative overflow-hidden","after:absolute after:inset-0","after:bg-[linear-gradient(90deg,transparent_0%,color-mix(in_srgb,var(--color-white)_40%,transparent)_50%,transparent_100%)]","after:animate-[shimmer_1.5s_ease-in-out_infinite]","after:[background-size:200%_100%]"].join(" "),r=["sticky top-0 z-[5] !border-b-0","[&>tr>th]:transition-[background-color] [&>tr>th]:duration-500 [&>tr>th]:ease-in-out","after:absolute after:left-0 after:right-0 after:bottom-0 after:h-px after:bg-[color-mix(in_srgb,var(--color-teal)_25%,transparent)]"].join(" "),t=["[&>tr>th]:!bg-white","[&>tr>th:first-child]:rounded-tl-16","[&>tr>th:last-child]:rounded-tr-16"].join(" "),o=["fixed bottom-8 left-1/2 -translate-x-1/2 z-50","flex items-center justify-between","w-[46.875rem] max-w-[calc(100%-2rem)]","py-4 ps-8 pe-4","bg-white rounded-2xl","border border-solid border-[color-mix(in_srgb,var(--color-teal)_15%,transparent)]","shadow-[0_4px_24px_0_color-mix(in_srgb,var(--color-black)_8%,transparent)]"].join(" ");exports.checkboxCellStyles="w-[4.75rem] min-w-[4.75rem] max-w-[4.75rem] ps-6 pe-[0.75rem] py-0 max-sm:pe-2 max-sm:ps-2",exports.checkboxLabelStyles="flex items-center justify-center w-[2.5rem] h-[2.5rem] cursor-pointer",exports.emptyStateIconStyles="w-[11.875rem] h-[11.875rem] text-[var(--color-system-text)]",exports.emptyStateTextStyles="text-16 leading-24 font-normal text-[var(--color-system-text)] text-center max-w-[20rem]",exports.emptyStateWrapperStyles="flex flex-col items-center justify-center gap-4 py-16 px-6 max-sm:py-10",exports.footerBarStyles=o,exports.headerBarStyles="flex items-center justify-between p-6 max-sm:p-4",exports.headerCellContentStyles="flex items-center gap-1",exports.headerLabelStyles="whitespace-nowrap",exports.loadingRowStyles="py-4 text-center",exports.scrollContainerStyles="overflow-y-auto datatable-scrollbar",exports.skeletonCellStyles=e,exports.stickyTheadScrolledStyles=t,exports.stickyTheadStyles=r,exports.tableBaseStyles="w-full border-collapse text-14 leading-normal text-[var(--color-text)]",exports.tdBorderBreakStyles="px-0 py-2.5 text-18 font-normal text-[var(--color-text)] first:ps-6 last:pe-6 h-[4.5rem]",exports.tdStyles="px-4 py-3 text-[var(--color-text)] max-sm:px-2 max-sm:py-2 max-sm:text-12",exports.thBorderBreakStyles="px-0 py-2.5 whitespace-nowrap text-[1.1875rem] font-bold text-[var(--color-slate)] first:ps-6 last:pe-6 h-[4.25rem]",exports.thStyles="px-4 py-3 text-start font-semibold text-[var(--color-system-text)] max-sm:px-2 max-sm:py-2 max-sm:text-12",exports.theadBorderBreakStyles="!bg-transparent border-b border-[color-mix(in_srgb,var(--color-teal)_25%,transparent)]",exports.theadStyles="border-b border-[var(--color-border)] bg-[var(--color-bg-secondary)]",exports.trBorderBreakStyles="border-0 even:bg-transparent hover:bg-white h-[4.5rem]",exports.trClickableBorderBreakFocusStyles="focus:bg-white",exports.trClickableStyles="cursor-pointer focus:bg-[var(--color-bg)]",exports.trHoverableStyles="hover:bg-[var(--color-bg)]",exports.trStripedEvenStyles="even:bg-[var(--color-bg)]",exports.trStripedStyles="border-b border-[var(--color-border)]",exports.wrapperBorderBreakFlatBottomStyles="rounded-t-2xl card-border-break--flat-bottom",exports.wrapperBorderBreakRoundedStyles="rounded-2xl",exports.wrapperBorderBreakStyles="card-border-break bg-[var(--color-overlay-white-43)]",exports.wrapperStyles="w-full overflow-x-auto [-webkit-overflow-scrolling:touch] [scrollbar-width:thin] [scrollbar-color:var(--color-border)_var(--color-bg-secondary)]";

package/dist/index96.js

@@ -1 +1 @@
-const r="w-full overflow-x-auto [-webkit-overflow-scrolling:touch] [scrollbar-width:thin] [scrollbar-color:var(--color-border)_var(--color-bg-secondary)]",e="card-border-break bg-[var(--color-overlay-white-43)]",t="rounded-2xl",o="rounded-t-2xl card-border-break--flat-bottom",a="w-full border-collapse text-14 leading-normal text-[var(--color-text)]",l="border-b border-[var(--color-border)] bg-[var(--color-bg-secondary)]",n="!bg-transparent border-b border-[color-mix(in_srgb,var(--color-teal)_25%,transparent)]",s="px-4 py-3 text-start font-semibold text-[var(--color-system-text)] max-sm:px-2 max-sm:py-2 max-sm:text-12",i="px-0 py-2.5 whitespace-nowrap text-[1.1875rem] font-bold text-[var(--color-slate)] first:ps-6 last:pe-6 h-[4.25rem]",b="border-b border-[var(--color-border)]",c="border-0 even:bg-transparent hover:bg-white h-[4.5rem]",x="hover:bg-[var(--color-bg)]",m="even:bg-[var(--color-bg)]",d="px-4 py-3 text-[var(--color-text)] max-sm:px-2 max-sm:py-2 max-sm:text-12",p="px-0 py-2.5 text-18 font-normal text-[var(--color-text)] first:ps-6 last:pe-6 h-[4.5rem]",f="flex flex-col items-center justify-center gap-4 py-16 px-6 max-sm:py-10",g="w-[11.875rem] h-[11.875rem] text-[var(--color-system-text)]",v="text-16 leading-24 font-normal text-[var(--color-system-text)] text-center max-w-[20rem]",h="flex items-center justify-between p-6 max-sm:p-4",_="py-4 text-center",w=["h-3 rounded-4","bg-[linear-gradient(90deg,color-mix(in_srgb,var(--color-border)_40%,transparent)_0%,color-mix(in_srgb,var(--color-grey-skeleton)_40%,transparent)_100%)]","relative overflow-hidden","after:absolute after:inset-0","after:bg-[linear-gradient(90deg,transparent_0%,color-mix(in_srgb,var(--color-white)_40%,transparent)_50%,transparent_100%)]","after:animate-[shimmer_1.5s_ease-in-out_infinite]","after:[background-size:200%_100%]"].join(" "),u="overflow-y-auto datatable-scrollbar",y=["sticky top-0 z-[5] !border-b-0","[&>tr>th]:transition-[background-color] [&>tr>th]:duration-500 [&>tr>th]:ease-in-out","after:absolute after:left-0 after:right-0 after:bottom-0 after:h-px after:bg-[color-mix(in_srgb,var(--color-teal)_25%,transparent)]"].join(" "),j=["[&>tr>th]:!bg-white","[&>tr>th:first-child]:rounded-tl-16","[&>tr>th:last-child]:rounded-tr-16"].join(" "),k="w-[4.75rem] min-w-[4.75rem] max-w-[4.75rem] ps-6 pe-[0.75rem] py-0 max-sm:pe-2 max-sm:ps-2",z="flex items-center justify-center w-[2.5rem] h-[2.5rem] cursor-pointer",q="cursor-pointer focus:bg-[var(--color-bg)]",A="focus:bg-white",B=["fixed bottom-8 left-1/2 -translate-x-1/2 z-50","flex items-center justify-between","w-[46.875rem] max-w-[calc(100%-2rem)]","py-4 ps-8 pe-4","bg-white rounded-2xl","border border-solid border-[color-mix(in_srgb,var(--color-teal)_15%,transparent)]","shadow-[0_4px_24px_0_color-mix(in_srgb,var(--color-black)_8%,transparent)]"].join(" ");export{k as checkboxCellStyles,z as checkboxLabelStyles,g as emptyStateIconStyles,v as emptyStateTextStyles,f as emptyStateWrapperStyles,B as footerBarStyles,h as headerBarStyles,_ as loadingRowStyles,u as scrollContainerStyles,w as skeletonCellStyles,j as stickyTheadScrolledStyles,y as stickyTheadStyles,a as tableBaseStyles,p as tdBorderBreakStyles,d as tdStyles,i as thBorderBreakStyles,s as thStyles,n as theadBorderBreakStyles,l as theadStyles,c as trBorderBreakStyles,A as trClickableBorderBreakFocusStyles,q as trClickableStyles,x as trHoverableStyles,m as trStripedEvenStyles,b as trStripedStyles,o as wrapperBorderBreakFlatBottomStyles,t as wrapperBorderBreakRoundedStyles,e as wrapperBorderBreakStyles,r as wrapperStyles};
+const r="w-full overflow-x-auto [-webkit-overflow-scrolling:touch] [scrollbar-width:thin] [scrollbar-color:var(--color-border)_var(--color-bg-secondary)]",e="card-border-break bg-[var(--color-overlay-white-43)]",t="rounded-2xl",o="rounded-t-2xl card-border-break--flat-bottom",a="w-full border-collapse text-14 leading-normal text-[var(--color-text)]",l="border-b border-[var(--color-border)] bg-[var(--color-bg-secondary)]",n="!bg-transparent border-b border-[color-mix(in_srgb,var(--color-teal)_25%,transparent)]",s="px-4 py-3 text-start font-semibold text-[var(--color-system-text)] max-sm:px-2 max-sm:py-2 max-sm:text-12",i="px-0 py-2.5 whitespace-nowrap text-[1.1875rem] font-bold text-[var(--color-slate)] first:ps-6 last:pe-6 h-[4.25rem]",b="flex items-center gap-1",c="whitespace-nowrap",x="border-b border-[var(--color-border)]",m="border-0 even:bg-transparent hover:bg-white h-[4.5rem]",p="hover:bg-[var(--color-bg)]",d="even:bg-[var(--color-bg)]",f="px-4 py-3 text-[var(--color-text)] max-sm:px-2 max-sm:py-2 max-sm:text-12",g="px-0 py-2.5 text-18 font-normal text-[var(--color-text)] first:ps-6 last:pe-6 h-[4.5rem]",v="flex flex-col items-center justify-center gap-4 py-16 px-6 max-sm:py-10",h="w-[11.875rem] h-[11.875rem] text-[var(--color-system-text)]",w="text-16 leading-24 font-normal text-[var(--color-system-text)] text-center max-w-[20rem]",_="flex items-center justify-between p-6 max-sm:p-4",u="py-4 text-center",y=["h-3 rounded-4","bg-[linear-gradient(90deg,color-mix(in_srgb,var(--color-border)_40%,transparent)_0%,color-mix(in_srgb,var(--color-grey-skeleton)_40%,transparent)_100%)]","relative overflow-hidden","after:absolute after:inset-0","after:bg-[linear-gradient(90deg,transparent_0%,color-mix(in_srgb,var(--color-white)_40%,transparent)_50%,transparent_100%)]","after:animate-[shimmer_1.5s_ease-in-out_infinite]","after:[background-size:200%_100%]"].join(" "),j="overflow-y-auto datatable-scrollbar",k=["sticky top-0 z-[5] !border-b-0","[&>tr>th]:transition-[background-color] [&>tr>th]:duration-500 [&>tr>th]:ease-in-out","after:absolute after:left-0 after:right-0 after:bottom-0 after:h-px after:bg-[color-mix(in_srgb,var(--color-teal)_25%,transparent)]"].join(" "),z=["[&>tr>th]:!bg-white","[&>tr>th:first-child]:rounded-tl-16","[&>tr>th:last-child]:rounded-tr-16"].join(" "),q="w-[4.75rem] min-w-[4.75rem] max-w-[4.75rem] ps-6 pe-[0.75rem] py-0 max-sm:pe-2 max-sm:ps-2",A="flex items-center justify-center w-[2.5rem] h-[2.5rem] cursor-pointer",B="cursor-pointer focus:bg-[var(--color-bg)]",C="focus:bg-white",D=["fixed bottom-8 left-1/2 -translate-x-1/2 z-50","flex items-center justify-between","w-[46.875rem] max-w-[calc(100%-2rem)]","py-4 ps-8 pe-4","bg-white rounded-2xl","border border-solid border-[color-mix(in_srgb,var(--color-teal)_15%,transparent)]","shadow-[0_4px_24px_0_color-mix(in_srgb,var(--color-black)_8%,transparent)]"].join(" ");export{q as checkboxCellStyles,A as checkboxLabelStyles,h as emptyStateIconStyles,w as emptyStateTextStyles,v as emptyStateWrapperStyles,D as footerBarStyles,_ as headerBarStyles,b as headerCellContentStyles,c as headerLabelStyles,u as loadingRowStyles,j as scrollContainerStyles,y as skeletonCellStyles,z as stickyTheadScrolledStyles,k as stickyTheadStyles,a as tableBaseStyles,g as tdBorderBreakStyles,f as tdStyles,i as thBorderBreakStyles,s as thStyles,n as theadBorderBreakStyles,l as theadStyles,m as trBorderBreakStyles,C as trClickableBorderBreakFocusStyles,B as trClickableStyles,p as trHoverableStyles,d as trStripedEvenStyles,x as trStripedStyles,o as wrapperBorderBreakFlatBottomStyles,t as wrapperBorderBreakRoundedStyles,e as wrapperBorderBreakStyles,r as wrapperStyles};

package/dist/src/components/data-display/datatable/DataTable.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/datatable/DataTable.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAmCxD,eAAO,MAAM,SAAS,6GAuYrB,CAAC;AAIF;;;;GAIG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,eAAe,CAAC;IACrE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,4GAgDrB,CAAC;AAIF,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"DataTable.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/datatable/DataTable.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAmB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAqCzE,eAAO,MAAM,SAAS,6GA6brB,CAAC;AAIF;;;;GAIG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,eAAe,CAAC;IACrE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,4GAgDrB,CAAC;AAIF,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/components/data-display/datatable/DataTable.styles.d.ts

@@ -7,6 +7,8 @@ export declare const theadStyles = "border-b border-[var(--color-border)] bg-[va
 export declare const theadBorderBreakStyles = "!bg-transparent border-b border-[color-mix(in_srgb,var(--color-teal)_25%,transparent)]";
 export declare const thStyles = "px-4 py-3 text-start font-semibold text-[var(--color-system-text)] max-sm:px-2 max-sm:py-2 max-sm:text-12";
 export declare const thBorderBreakStyles = "px-0 py-2.5 whitespace-nowrap text-[1.1875rem] font-bold text-[var(--color-slate)] first:ps-6 last:pe-6 h-[4.25rem]";
+export declare const headerCellContentStyles = "flex items-center gap-1";
+export declare const headerLabelStyles = "whitespace-nowrap";
 export declare const trStripedStyles = "border-b border-[var(--color-border)]";
 export declare const trBorderBreakStyles = "border-0 even:bg-transparent hover:bg-white h-[4.5rem]";
 export declare const trHoverableStyles = "hover:bg-[var(--color-bg)]";

package/dist/src/components/data-display/datatable/DataTable.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/datatable/DataTable.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,qJAC0H,CAAC;AAErJ,eAAO,MAAM,wBAAwB,yDAAyD,CAAC;AAC/F,eAAO,MAAM,+BAA+B,gBAAgB,CAAC;AAC7D,eAAO,MAAM,kCAAkC,iDAAiD,CAAC;AAEjG,eAAO,MAAM,eAAe,2EAC8C,CAAC;AAE3E,eAAO,MAAM,WAAW,yEAAyE,CAAC;AAClG,eAAO,MAAM,sBAAsB,2FACuD,CAAC;AAE3F,eAAO,MAAM,QAAQ,8GACwF,CAAC;AAE9G,eAAO,MAAM,mBAAmB,wHACuF,CAAC;AAExH,eAAO,MAAM,eAAe,0CAA0C,CAAC;AACvE,eAAO,MAAM,mBAAmB,2DAA2D,CAAC;AAC5F,eAAO,MAAM,iBAAiB,+BAA+B,CAAC;AAC9D,eAAO,MAAM,mBAAmB,8BAA8B,CAAC;AAE/D,eAAO,MAAM,QAAQ,8EAA8E,CAAC;AAEpG,eAAO,MAAM,mBAAmB,6FAC4D,CAAC;AAE7F,eAAO,MAAM,eAAe,0EAC6C,CAAC;AAE1E,eAAO,MAAM,uBAAuB,4EACuC,CAAC;AAE5E,eAAO,MAAM,oBAAoB,gEAAgE,CAAC;AAElG,eAAO,MAAM,oBAAoB,6FAC2D,CAAC;AAE7F,eAAO,MAAM,eAAe,qDAAqD,CAAC;AAElF,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,QAQpB,CAAC;AAEZ,eAAO,MAAM,qBAAqB,wCAAwC,CAAC;AAE3E,eAAO,MAAM,iBAAiB,QAInB,CAAC;AAEZ,eAAO,MAAM,yBAAyB,QAI3B,CAAC;AAEZ,eAAO,MAAM,kBAAkB,+FAC+D,CAAC;AAE/F,eAAO,MAAM,mBAAmB,0EACyC,CAAC;AAE1E,eAAO,MAAM,iBAAiB,8CAA8C,CAAC;AAC7E,eAAO,MAAM,iCAAiC,mBAAmB,CAAC;AAElE,eAAO,MAAM,eAAe,QAQjB,CAAC"}
+{"version":3,"file":"DataTable.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/datatable/DataTable.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,qJAC0H,CAAC;AAErJ,eAAO,MAAM,wBAAwB,yDAAyD,CAAC;AAC/F,eAAO,MAAM,+BAA+B,gBAAgB,CAAC;AAC7D,eAAO,MAAM,kCAAkC,iDAAiD,CAAC;AAEjG,eAAO,MAAM,eAAe,2EAC8C,CAAC;AAE3E,eAAO,MAAM,WAAW,yEAAyE,CAAC;AAClG,eAAO,MAAM,sBAAsB,2FACuD,CAAC;AAE3F,eAAO,MAAM,QAAQ,8GACwF,CAAC;AAE9G,eAAO,MAAM,mBAAmB,wHACuF,CAAC;AAExH,eAAO,MAAM,uBAAuB,4BAA4B,CAAC;AACjE,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AAErD,eAAO,MAAM,eAAe,0CAA0C,CAAC;AACvE,eAAO,MAAM,mBAAmB,2DAA2D,CAAC;AAC5F,eAAO,MAAM,iBAAiB,+BAA+B,CAAC;AAC9D,eAAO,MAAM,mBAAmB,8BAA8B,CAAC;AAE/D,eAAO,MAAM,QAAQ,8EAA8E,CAAC;AAEpG,eAAO,MAAM,mBAAmB,6FAC4D,CAAC;AAE7F,eAAO,MAAM,eAAe,0EAC6C,CAAC;AAE1E,eAAO,MAAM,uBAAuB,4EACuC,CAAC;AAE5E,eAAO,MAAM,oBAAoB,gEAAgE,CAAC;AAElG,eAAO,MAAM,oBAAoB,6FAC2D,CAAC;AAE7F,eAAO,MAAM,eAAe,qDAAqD,CAAC;AAElF,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,QAQpB,CAAC;AAEZ,eAAO,MAAM,qBAAqB,wCAAwC,CAAC;AAE3E,eAAO,MAAM,iBAAiB,QAInB,CAAC;AAEZ,eAAO,MAAM,yBAAyB,QAI3B,CAAC;AAEZ,eAAO,MAAM,kBAAkB,+FAC+D,CAAC;AAE/F,eAAO,MAAM,mBAAmB,0EACyC,CAAC;AAE1E,eAAO,MAAM,iBAAiB,8CAA8C,CAAC;AAC7E,eAAO,MAAM,iCAAiC,mBAAmB,CAAC;AAElE,eAAO,MAAM,eAAe,QAQjB,CAAC"}

package/dist/src/components/data-display/datatable/DataTable.types.d.ts

@@ -1,11 +1,36 @@
 import { ReactNode, TableHTMLAttributes } from 'react';
+import { SortDirection } from '../sort-button/SortButton.types';
+import { CheckFilterOption } from '../check-filter/CheckFilter.types';
 
+export type { SortDirection };
 export interface DataTableColumn {
     key: string;
-    header: string;
+    /**
+     * Header content. Accepts a plain string or any `ReactNode` (e.g. a label
+     * wrapped with an icon). Built-in sort/filter controls are appended after it
+     * automatically when `sortable`/`filterable` are set.
+     */
+    header: ReactNode;
     width?: string;
     /** Custom render function for cell content. Receives the cell value and the full row data. */
     render?: (value: unknown, row: Record<string, unknown>, rowIndex: number) => ReactNode;
+    /**
+     * Show a sort control in this column's header. The table is presentational:
+     * it emits `onSortChange` and reflects `sortKey`/`sortDirection` — sort the
+     * `data` yourself in response.
+     */
+    sortable?: boolean;
+    /**
+     * Show a multi-select checkbox filter in this column's header. Requires
+     * `filterOptions`. Filtering is controlled via `filters`/`onFilterChange`.
+     */
+    filterable?: boolean;
+    /** Options shown in the column's filter dropdown (required when `filterable`). */
+    filterOptions?: ReadonlyArray<CheckFilterOption>;
+    /** Render a search box above the filter options list. */
+    filterSearchable?: boolean;
+    /** Optional title rendered above the filter options list. */
+    filterTitle?: ReactNode;
 }
 export interface DataTableProps extends TableHTMLAttributes<HTMLTableElement> {
     columns: DataTableColumn[];
@@ -44,6 +69,30 @@ export interface DataTableProps extends TableHTMLAttributes<HTMLTableElement> {
     onRowClick?: (row: Record<string, unknown>, rowIndex: number) => void;
     /** Content rendered as a sticky footer bar (e.g. selection actions) */
     footerBar?: ReactNode;
+    /**
+     * Key of the currently sorted column (controlled). Only one column is sorted
+     * at a time; every other `sortable` column renders in the idle state.
+     */
+    sortKey?: string | null;
+    /** Direction applied to the `sortKey` column. Defaults to `'none'`. */
+    sortDirection?: SortDirection;
+    /**
+     * Called when a sortable column's sort control is toggled. Receives the
+     * column key and its next direction (`none` → `asc` → `desc` → `none`). The
+     * table does not sort data itself — reorder `data` in response.
+     */
+    onSortChange?: (key: string, direction: SortDirection) => void;
+    /**
+     * Committed filter selections keyed by column key (controlled). A column is
+     * shown as "active" when its entry is a non-empty array.
+     */
+    filters?: Record<string, string[]>;
+    /**
+     * Called when a column's filter is applied or reset. Receives the column key
+     * and the selected option values. The table does not filter data itself —
+     * filter `data` in response.
+     */
+    onFilterChange?: (key: string, values: string[]) => void;
     'data-cy'?: string;
     'data-testid'?: string;
 }

package/dist/src/components/data-display/datatable/DataTable.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/datatable/DataTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8FAA8F;IAC9F,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAC;CACxF;AAED,MAAM,WAAW,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC3E,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wFAAwF;IACxF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iFAAiF;IACjF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACpC,gFAAgF;IAChF,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7D,iGAAiG;IACjG,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,uEAAuE;IACvE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"DataTable.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/datatable/DataTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAE3E,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8FAA8F;IAC9F,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAC;IACvF;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kFAAkF;IAClF,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACjD,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6DAA6D;IAC7D,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC3E,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wFAAwF;IACxF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iFAAiF;IACjF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACpC,gFAAgF;IAChF,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7D,iGAAiG;IACjG,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,uEAAuE;IACvE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,uEAAuE;IACvE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/D;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACnC;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/src/components/forms/otp-input/OTPInput.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OTPInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAiBnE,eAAO,MAAM,QAAQ,uGAuTpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"OTPInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAqBnE,eAAO,MAAM,QAAQ,uGAgUpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/components/forms/otp-input/OTPInput.styles.d.ts

@@ -1,9 +1,13 @@
 export declare const wrapperStyles = "flex flex-col gap-2 relative w-fit";
 export declare const wrapperFullWidthStyles = "w-full";
+export declare const containerFullWidthStyles = "w-full gap-2 max-[374px]:gap-1 justify-center";
+export declare const digitFullWidthLgStyles: string;
+export declare const digitFullWidthSmStyles: string;
 export declare const labelBaseStyles = "text-16 font-normal leading-none text-[var(--color-grey-07)]";
 export declare const labelErrorStyles = "text-[var(--color-error)]";
 export declare const labelDisabledStyles = "opacity-50";
-export declare const containerBaseStyles = "flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5";
+export declare const containerBaseStyles = "flex items-center";
+export declare const containerGapStyles = "gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5";
 export declare const containerCenteredStyles = "justify-center";
 export declare const digitSizeLgStyles: string;
 export declare const digitSizeSmStyles: string;

package/dist/src/components/forms/otp-input/OTPInput.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OTPInput.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,uCAAuC,CAAC;AAClE,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAE/C,eAAO,MAAM,eAAe,iEAAiE,CAAC;AAC9F,eAAO,MAAM,gBAAgB,8BAA8B,CAAC;AAC5D,eAAO,MAAM,mBAAmB,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,iEAAiE,CAAC;AAClG,eAAO,MAAM,uBAAuB,mBAAmB,CAAC;AAExD,eAAO,MAAM,iBAAiB,QAKnB,CAAC;AAEZ,eAAO,MAAM,iBAAiB,QAKnB,CAAC;AAEZ,eAAO,MAAM,eAAe,QAQjB,CAAC;AACZ,eAAO,MAAM,gBAAgB,uGACyE,CAAC;AAEvG,eAAO,MAAM,WAAW,yFACgE,CAAC;AACzF,eAAO,MAAM,YAAY,iEAAiE,CAAC"}
+{"version":3,"file":"OTPInput.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,uCAAuC,CAAC;AAClE,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAO/C,eAAO,MAAM,wBAAwB,kDAAkD,CAAC;AACxF,eAAO,MAAM,sBAAsB,QAIxB,CAAC;AACZ,eAAO,MAAM,sBAAsB,QAIxB,CAAC;AAEZ,eAAO,MAAM,eAAe,iEAAiE,CAAC;AAC9F,eAAO,MAAM,gBAAgB,8BAA8B,CAAC;AAC5D,eAAO,MAAM,mBAAmB,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,sBAAsB,CAAC;AACvD,eAAO,MAAM,kBAAkB,+CAA+C,CAAC;AAC/E,eAAO,MAAM,uBAAuB,mBAAmB,CAAC;AAExD,eAAO,MAAM,iBAAiB,QAKnB,CAAC;AAEZ,eAAO,MAAM,iBAAiB,QAKnB,CAAC;AAEZ,eAAO,MAAM,eAAe,QAQjB,CAAC;AACZ,eAAO,MAAM,gBAAgB,uGACyE,CAAC;AAEvG,eAAO,MAAM,WAAW,yFACgE,CAAC;AACzF,eAAO,MAAM,YAAY,iEAAiE,CAAC"}