@adam-milo/ui 1.0.128 → 1.0.130

package/dist/index96.js

@@ -1 +1 @@
-const x={sm:"max-w-[40rem]",md:"max-w-[48rem]",lg:"max-w-[64rem]",xl:"max-w-[80rem]",full:"max-w-full"},m={none:"px-0",sm:"px-4 md:px-6",md:"px-6 md:px-8",lg:"px-8 md:px-12",xl:"px-12 md:px-16 lg:px-20"};export{x as maxWidthMap,m as paddingMap};
+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};

package/dist/index97.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.baseStyles="bg-[var(--color-border)] shrink-0",exports.orientationStyles={horizontal:"h-px w-full",vertical:"w-px h-full"},exports.spacingHorizontalMap={0:"my-0",1:"my-1",2:"my-2",3:"my-3",4:"my-4",5:"my-5",6:"my-6",8:"my-8",10:"my-10",12:"my-12"},exports.spacingVerticalMap={0:"mx-0",1:"mx-1",2:"mx-2",3:"mx-3",4:"mx-4",5:"mx-5",6:"mx-6",8:"mx-8",10:"mx-10",12:"mx-12"};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.chipBaseStyles="inline-flex items-center justify-center py-1 px-3 md:px-3.5 rounded border border-solid text-14 leading-none font-normal transition-all duration-200 cursor-default select-none whitespace-nowrap",exports.chipVariantMap={primary:{base:"bg-[color-mix(in_srgb,var(--color-clickable)_10%,transparent)] border-[color-mix(in_srgb,var(--color-clickable)_30%,transparent)] text-[var(--color-clickable)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-clickable)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-clickable)_40%,transparent)]",selected:"bg-[var(--color-clickable)] border-[var(--color-clickable)] text-[var(--color-card)]"},secondary:{base:"bg-[color-mix(in_srgb,var(--color-toggle)_10%,transparent)] border-[color-mix(in_srgb,var(--color-toggle)_30%,transparent)] text-[var(--color-toggle)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-toggle)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-toggle)_40%,transparent)]",selected:"bg-[var(--color-toggle)] border-[var(--color-toggle)] text-[var(--color-card)]"},tertiary:{base:"bg-[color-mix(in_srgb,var(--color-popup)_10%,transparent)] border-[color-mix(in_srgb,var(--color-popup)_30%,transparent)] text-[var(--color-popup)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-popup)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-popup)_40%,transparent)]",selected:"bg-[var(--color-popup)] border-[var(--color-popup)] text-[var(--color-card)]"},quaternary:{base:"bg-[color-mix(in_srgb,var(--color-secondary)_10%,transparent)] border-[color-mix(in_srgb,var(--color-secondary)_30%,transparent)] text-[var(--color-secondary)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-secondary)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-secondary)_40%,transparent)]",selected:"bg-[var(--color-secondary)] border-[var(--color-secondary)] text-[var(--color-card)]"}};

package/dist/index97.js

@@ -1 +1 @@
-const m="bg-[var(--color-border)] shrink-0",x={horizontal:"h-px w-full",vertical:"w-px h-full"},y={0:"my-0",1:"my-1",2:"my-2",3:"my-3",4:"my-4",5:"my-5",6:"my-6",8:"my-8",10:"my-10",12:"my-12"},r={0:"mx-0",1:"mx-1",2:"mx-2",3:"mx-3",4:"mx-4",5:"mx-5",6:"mx-6",8:"mx-8",10:"mx-10",12:"mx-12"};export{m as baseStyles,x as orientationStyles,y as spacingHorizontalMap,r as spacingVerticalMap};
+const r={primary:{base:"bg-[color-mix(in_srgb,var(--color-clickable)_10%,transparent)] border-[color-mix(in_srgb,var(--color-clickable)_30%,transparent)] text-[var(--color-clickable)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-clickable)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-clickable)_40%,transparent)]",selected:"bg-[var(--color-clickable)] border-[var(--color-clickable)] text-[var(--color-card)]"},secondary:{base:"bg-[color-mix(in_srgb,var(--color-toggle)_10%,transparent)] border-[color-mix(in_srgb,var(--color-toggle)_30%,transparent)] text-[var(--color-toggle)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-toggle)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-toggle)_40%,transparent)]",selected:"bg-[var(--color-toggle)] border-[var(--color-toggle)] text-[var(--color-card)]"},tertiary:{base:"bg-[color-mix(in_srgb,var(--color-popup)_10%,transparent)] border-[color-mix(in_srgb,var(--color-popup)_30%,transparent)] text-[var(--color-popup)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-popup)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-popup)_40%,transparent)]",selected:"bg-[var(--color-popup)] border-[var(--color-popup)] text-[var(--color-card)]"},quaternary:{base:"bg-[color-mix(in_srgb,var(--color-secondary)_10%,transparent)] border-[color-mix(in_srgb,var(--color-secondary)_30%,transparent)] text-[var(--color-secondary)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-secondary)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-secondary)_40%,transparent)]",selected:"bg-[var(--color-secondary)] border-[var(--color-secondary)] text-[var(--color-card)]"}},o="inline-flex items-center justify-center py-1 px-3 md:px-3.5 rounded border border-solid text-14 leading-none font-normal transition-all duration-200 cursor-default select-none whitespace-nowrap";export{o as chipBaseStyles,r as chipVariantMap};

package/dist/index98.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="relative w-full flex flex-col",r="bg-[var(--color-bg)]",t=[e,"min-h-[100dvh]",r].join(" "),o=[e,"h-[100dvh] overflow-hidden",r].join(" "),a=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),n=["max-sm:flex-1 max-sm:justify-center max-sm:min-w-0","max-sm:[&>*]:shrink-0","max-lg:flex-1 max-lg:justify-center max-lg:min-w-0 max-lg:[&>*]:shrink-0"].join(" "),s=["sticky top-0 z-20 shrink-0 flex flex-row items-center lg:justify-between bg-transparent border-0 border-none","backdrop-blur-[8px] [-webkit-backdrop-filter:blur(8px)]","h-[5.3125rem] px-8","max-sm:h-auto max-sm:min-h-[3.125rem] max-sm:py-5 max-sm:px-4 max-sm:gap-0 max-sm:justify-center"].join(" "),l=["flex items-center shrink-0 min-w-0 border-0 border-none","h-8 max-w-[11.875rem] max-lg:h-7 max-lg:max-w-[10rem] max-md:h-7 max-md:max-w-[9.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain"].join(" "),i=["cursor-pointer bg-transparent p-0 inline-flex","auth-logo-focus"].join(" "),m=["flex items-center shrink-0 border-0 border-none","gap-[var(--spacing-3)]","lg:w-[11.875rem] lg:justify-end","motion-reduce:[&_button]:!transition-none"].join(" ");exports.backgroundStyles=a,exports.headerBaseStyles=s,exports.headerDesktopLayoutAlwaysStyles="max-sm:justify-between max-lg:justify-between",exports.headerMobileLogoCenterStyles="max-lg:justify-center",exports.headerWithNavStyles="!border-b !border-[color-mix(in_srgb,var(--color-teal)_19%,transparent)] !border-solid",exports.logoButtonStyles=i,exports.logoWrapperBaseStyles=l,exports.logoWrapperMobileCenterStyles=n,exports.menuWrapperStyles=m,exports.navWrapperStyles="flex items-center max-lg:hidden",exports.rootAutoStyles=t,exports.rootContainedStyles=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index126.cjs");exports.useChipOverflow=(r,n,u,c,s)=>{const[o,l]=e.useState(r.length),i=e.useCallback(()=>{if(void 0!==s)return void l(Math.min(s,r.length));const e=n.current;if(!e)return;const o=e.clientWidth,i=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,a=window.getComputedStyle(e),f=a.gap,h=parseFloat(a.fontSize)||16,d=t.parseGapValue(f,i,h),m=3.75*i;for(let t=0;t<r.length;t++){const e=r[t],n=u.current[t];n&&c.current.set(e.value,n.offsetWidth)}const g=t.calculateFittingChips(r,c.current,o,d,m);l(g)},[r,s,n,u,c]),a=((t,r)=>{const n=e.useRef(null);return e.useEffect(()=>()=>{n.current&&clearTimeout(n.current)},[]),e.useCallback((...e)=>{n.current&&clearTimeout(n.current),n.current=setTimeout(()=>t(...e),r)},[t,r])})(i,100);e.useEffect(()=>{u.current.length>r.length&&(u.current=u.current.slice(0,r.length));const e=new Set(r.map(e=>e.value));if(c.current.forEach((t,r)=>{e.has(r)||c.current.delete(r)}),void 0===s){r.some(e=>!c.current.has(e.value))?l(r.length):setTimeout(i,0)}},[r,s,i,u,c]),e.useEffect(()=>{const e=n.current;if(!e)return;const t=new ResizeObserver(()=>{a()});return t.observe(e),setTimeout(i,0),()=>{t.disconnect()}},[i,a,n]);const f=r.slice(0,o),h=r.slice(o);return{visibleCount:o,visibleItems:f,hiddenItems:h,hasOverflow:h.length>0}};

package/dist/index98.js

@@ -1 +1 @@
-const e="relative w-full flex flex-col",r="bg-[var(--color-bg)]",n=[e,"min-h-[100dvh]",r].join(" "),m=[e,"h-[100dvh] overflow-hidden",r].join(" "),a=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),i="max-lg:justify-center",o="max-sm:justify-between max-lg:justify-between",t=["max-sm:flex-1 max-sm:justify-center max-sm:min-w-0","max-sm:[&>*]:shrink-0","max-lg:flex-1 max-lg:justify-center max-lg:min-w-0 max-lg:[&>*]:shrink-0"].join(" "),l=["sticky top-0 z-20 shrink-0 flex flex-row items-center lg:justify-between bg-transparent border-0 border-none","backdrop-blur-[8px] [-webkit-backdrop-filter:blur(8px)]","h-[5.3125rem] px-8","max-sm:h-auto max-sm:min-h-[3.125rem] max-sm:py-5 max-sm:px-4 max-sm:gap-0 max-sm:justify-center"].join(" "),s=["flex items-center shrink-0 min-w-0 border-0 border-none","h-8 max-w-[11.875rem] max-lg:h-7 max-lg:max-w-[10rem] max-md:h-7 max-md:max-w-[9.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain"].join(" "),x=["cursor-pointer bg-transparent p-0 inline-flex","auth-logo-focus"].join(" "),g=["flex items-center shrink-0 border-0 border-none","gap-[var(--spacing-3)]","lg:w-[11.875rem] lg:justify-end","motion-reduce:[&_button]:!transition-none"].join(" "),b="!border-b !border-[color-mix(in_srgb,var(--color-teal)_19%,transparent)] !border-solid",u="flex items-center max-lg:hidden";export{a as backgroundStyles,l as headerBaseStyles,o as headerDesktopLayoutAlwaysStyles,i as headerMobileLogoCenterStyles,b as headerWithNavStyles,x as logoButtonStyles,s as logoWrapperBaseStyles,t as logoWrapperMobileCenterStyles,g as menuWrapperStyles,u as navWrapperStyles,n as rootAutoStyles,m as rootContainedStyles};
+import{useState as e,useCallback as t,useEffect as r,useRef as n}from"react";import{parseGapValue as o,calculateFittingChips as c}from"./index126.js";const u=(u,s,i,l,m)=>{const[a,h]=e(u.length),d=t(()=>{if(void 0!==m)return void h(Math.min(m,u.length));const e=s.current;if(!e)return;const t=e.clientWidth,r=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,n=window.getComputedStyle(e),a=n.gap,d=parseFloat(n.fontSize)||16,f=o(a,r,d),g=3.75*r;for(let o=0;o<u.length;o++){const e=u[o],t=i.current[o];t&&l.current.set(e.value,t.offsetWidth)}const v=c(u,l.current,t,f,g);h(v)},[u,m,s,i,l]),f=((e,o)=>{const c=n(null);return r(()=>()=>{c.current&&clearTimeout(c.current)},[]),t((...t)=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>e(...t),o)},[e,o])})(d,100);r(()=>{i.current.length>u.length&&(i.current=i.current.slice(0,u.length));const e=new Set(u.map(e=>e.value));if(l.current.forEach((t,r)=>{e.has(r)||l.current.delete(r)}),void 0===m){u.some(e=>!l.current.has(e.value))?h(u.length):setTimeout(d,0)}},[u,m,d,i,l]),r(()=>{const e=s.current;if(!e)return;const t=new ResizeObserver(()=>{f()});return t.observe(e),setTimeout(d,0),()=>{t.disconnect()}},[d,f,s]);const g=u.slice(0,a),v=u.slice(a);return{visibleCount:a,visibleItems:g,hiddenItems:v,hasOverflow:v.length>0}};export{u as useChipOverflow};

package/dist/index99.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["z-10 w-full flex-1 min-h-0 flex flex-col overflow-y-auto overflow-x-hidden","[-webkit-overflow-scrolling:touch]"].join(" ");exports.mainContentBaseStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.containerStyles="chip-group__container flex flex-nowrap gap-2 md:gap-2.5 lg:gap-2 items-center",exports.itemButtonStyles="relative inline-flex items-center gap-1 cursor-pointer outline-none transition-all duration-200 rounded focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-0.5 focus-visible:rounded active:scale-[0.98] aria-[disabled=true]:cursor-not-allowed [&_.cursor-pointer]:cursor-pointer [&_[aria-disabled=true]]:cursor-not-allowed",exports.itemWrapperStyles="inline-flex shrink-0",exports.overflowButtonStyles="relative inline-flex shrink-0 cursor-pointer",exports.overflowChipClassMap={primary:"!bg-[color-mix(in_srgb,var(--color-clickable)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-clickable)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-clickable)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-clickable)_60%,transparent)]",secondary:"!bg-[color-mix(in_srgb,var(--color-toggle)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-toggle)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-toggle)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-toggle)_60%,transparent)]",tertiary:"!bg-[color-mix(in_srgb,var(--color-popup)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-popup)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-popup)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-popup)_60%,transparent)]",quaternary:"!bg-[color-mix(in_srgb,var(--color-secondary)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-secondary)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-secondary)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-secondary)_60%,transparent)]"},exports.removeButtonStyles="absolute end-1 top-1/2 -translate-y-1/2 flex items-center justify-center w-4 h-4 p-0 border-none bg-transparent cursor-pointer rounded-full transition-colors hover:bg-[color-mix(in_srgb,currentColor_20%,transparent)] focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-1 text-current",exports.rootStyles="block w-full relative overflow-visible",exports.tooltipItemStyles="whitespace-pre-wrap break-words min-w-full w-min";

package/dist/index99.js

@@ -1 +1 @@
-const o=["z-10 w-full flex-1 min-h-0 flex flex-col overflow-y-auto overflow-x-hidden","[-webkit-overflow-scrolling:touch]"].join(" ");export{o as mainContentBaseStyles};
+const r={primary:"!bg-[color-mix(in_srgb,var(--color-clickable)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-clickable)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-clickable)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-clickable)_60%,transparent)]",secondary:"!bg-[color-mix(in_srgb,var(--color-toggle)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-toggle)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-toggle)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-toggle)_60%,transparent)]",tertiary:"!bg-[color-mix(in_srgb,var(--color-popup)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-popup)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-popup)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-popup)_60%,transparent)]",quaternary:"!bg-[color-mix(in_srgb,var(--color-secondary)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-secondary)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-secondary)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-secondary)_60%,transparent)]"},o="block w-full relative overflow-visible",e="chip-group__container flex flex-nowrap gap-2 md:gap-2.5 lg:gap-2 items-center",n="inline-flex shrink-0",i="relative inline-flex items-center gap-1 cursor-pointer outline-none transition-all duration-200 rounded focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-0.5 focus-visible:rounded active:scale-[0.98] aria-[disabled=true]:cursor-not-allowed [&_.cursor-pointer]:cursor-pointer [&_[aria-disabled=true]]:cursor-not-allowed",l="absolute end-1 top-1/2 -translate-y-1/2 flex items-center justify-center w-4 h-4 p-0 border-none bg-transparent cursor-pointer rounded-full transition-colors hover:bg-[color-mix(in_srgb,currentColor_20%,transparent)] focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-1 text-current",a="relative inline-flex shrink-0 cursor-pointer",t="whitespace-pre-wrap break-words min-w-full w-min";export{e as containerStyles,i as itemButtonStyles,n as itemWrapperStyles,a as overflowButtonStyles,r as overflowChipClassMap,l as removeButtonStyles,o as rootStyles,t as tooltipItemStyles};

package/dist/src/components/core/menu-icon-button/MenuIconButton.styles.d.ts

@@ -1,7 +1,7 @@
 /** Border via .menu-icon-button-border-mask::before (hidden in two 45° segments).
  *  Color overlay (::after) + per-state shadows live in effects.css and key off
  *  [aria-pressed] and the optional .menu-icon-button-initials class.            */
-/** Mobile/tablet: 2.5rem; desktop (lg+): 3.125rem. Radius via --menu-icon-button-radius for mask. */
+/** 3.125rem on every breakpoint. Radius via --menu-icon-button-radius for mask. */
 export declare const baseStyles: string;
 /** Selected styling is driven entirely by [aria-pressed='true'] in effects.css. */
 export declare const selectedStyles = "";

package/dist/src/components/core/menu-icon-button/MenuIconButton.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuIconButton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/menu-icon-button/MenuIconButton.styles.ts"],"names":[],"mappings":"AAAA;;mFAEmF;AACnF,qGAAqG;AACrG,eAAO,MAAM,UAAU,QAYZ,CAAC;AAEZ,mFAAmF;AACnF,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,kDAAkD;AAClD,eAAO,MAAM,cAAc,QAOhB,CAAC;AAEZ,eAAO,MAAM,eAAe,8DAA8D,CAAC;AAC3F,eAAO,MAAM,kBAAkB,oCAAoC,CAAC;AAEpE,eAAO,MAAM,kBAAkB,QAKpB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,8DAA8D,CAAC;AAC/F,eAAO,MAAM,sBAAsB,oCAAoC,CAAC"}
+{"version":3,"file":"MenuIconButton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/menu-icon-button/MenuIconButton.styles.ts"],"names":[],"mappings":"AAAA;;mFAEmF;AACnF,mFAAmF;AACnF,eAAO,MAAM,UAAU,QAYZ,CAAC;AAEZ,mFAAmF;AACnF,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,kDAAkD;AAClD,eAAO,MAAM,cAAc,QAOhB,CAAC;AAEZ,eAAO,MAAM,eAAe,8DAA8D,CAAC;AAC3F,eAAO,MAAM,kBAAkB,oCAAoC,CAAC;AAEpE,eAAO,MAAM,kBAAkB,QAKpB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,8DAA8D,CAAC;AAC/F,eAAO,MAAM,sBAAsB,oCAAoC,CAAC"}

package/dist/src/components/data-display/check-filter/CheckFilter.component.d.ts

@@ -0,0 +1,8 @@
+import { CheckFilterProps } from './CheckFilter.types';
+
+export type { CheckFilterProps, CheckFilterOption, CheckFilterMultiProps, CheckFilterSingleProps, CheckFilterCommonProps, } from './CheckFilter.types';
+export declare function CheckFilter<V extends string = string>(props: CheckFilterProps<V>): import("react/jsx-runtime").JSX.Element;
+export declare namespace CheckFilter {
+    var displayName: string;
+}
+//# sourceMappingURL=CheckFilter.component.d.ts.map

package/dist/src/components/data-display/check-filter/CheckFilter.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckFilter.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/check-filter/CheckFilter.component.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAGV,gBAAgB,EAEjB,MAAM,qBAAqB,CAAC;AAS7B,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,qBAAqB,CAAC;AAkU7B,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAKhF;yBALe,WAAW"}

package/dist/src/components/data-display/check-filter/CheckFilter.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const emptyStateStyles: string;
+export declare const listStyles: string;
+export declare const optionRowStyles: string;
+export declare const optionRowDisabledStyles: string;
+export declare const optionLabelStyles: string;
+//# sourceMappingURL=CheckFilter.styles.d.ts.map

package/dist/src/components/data-display/check-filter/CheckFilter.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckFilter.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/check-filter/CheckFilter.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,QAGlB,CAAC;AAQZ,eAAO,MAAM,UAAU,QAAqD,CAAC;AAO7E,eAAO,MAAM,eAAe,QAajB,CAAC;AAEZ,eAAO,MAAM,uBAAuB,QAIzB,CAAC;AAEZ,eAAO,MAAM,iBAAiB,QAOnB,CAAC"}

package/dist/src/components/data-display/check-filter/CheckFilter.types.d.ts

@@ -0,0 +1,68 @@
+import { ReactNode } from 'react';
+
+export interface CheckFilterOption<V extends string = string> {
+    /** Unique value sent to `onApply` and used for selection state. */
+    value: V;
+    /**
+     * Visible label for the checkbox/radio. Strings only — for richer labels
+     * drop down to the `Filter` compound shell.
+     */
+    label: string;
+    /** Optional per-option disable. */
+    disabled?: boolean;
+}
+/**
+ * Props shared by both `mode` variants of `CheckFilter`.
+ *
+ * Note: the `value` / `defaultValue` / `onApply` triple lives on the
+ * variant interfaces because their TypeScript shape differs by mode.
+ */
+export interface CheckFilterCommonProps<V extends string = string> {
+    /** Options to render in the list. */
+    options: ReadonlyArray<CheckFilterOption<V>>;
+    /**
+     * Render a search input above the list that filters options by label
+     * (case-insensitive substring match). Local-state only — does not change
+     * the filter's draft / committed value.
+     */
+    searchable?: boolean;
+    /** Placeholder text for the search input (when `searchable`). */
+    searchPlaceholder?: string;
+    /** Optional title shown above the list (and search input). */
+    title?: ReactNode;
+    /** Accessible label for the trigger button. */
+    'aria-label'?: string;
+    /** Controlled popover open state. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Disable the trigger entirely. */
+    disabled?: boolean;
+    /** Suppress the Reset button (only Apply is shown). */
+    hideReset?: boolean;
+    'data-testid'?: string;
+    'data-cy'?: string;
+}
+/** Multi-select variant: value is an array, empty = `[]`. */
+export interface CheckFilterMultiProps<V extends string = string> extends CheckFilterCommonProps<V> {
+    /** Default ('multi' may be omitted). */
+    mode?: 'multi';
+    /** Controlled committed selection. */
+    value?: ReadonlyArray<V>;
+    /** Initial committed selection (uncontrolled). */
+    defaultValue?: ReadonlyArray<V>;
+    /** Fires on Apply with the committed selection. */
+    onApply?: (value: V[]) => void;
+}
+/** Single-select variant: value is a single option (or `null`). */
+export interface CheckFilterSingleProps<V extends string = string> extends CheckFilterCommonProps<V> {
+    mode: 'single';
+    /** Controlled committed selection. */
+    value?: V | null;
+    /** Initial committed selection (uncontrolled). */
+    defaultValue?: V | null;
+    /** Fires on Apply with the committed selection. */
+    onApply?: (value: V | null) => void;
+}
+export type CheckFilterProps<V extends string = string> = CheckFilterMultiProps<V> | CheckFilterSingleProps<V>;
+//# sourceMappingURL=CheckFilter.types.d.ts.map

package/dist/src/components/data-display/check-filter/CheckFilter.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckFilter.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/check-filter/CheckFilter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC1D,mEAAmE;IACnE,KAAK,EAAE,CAAC,CAAC;IACT;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC/D,qCAAqC;IACrC,OAAO,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,6DAA6D;AAC7D,MAAM,WAAW,qBAAqB,CACpC,CAAC,SAAS,MAAM,GAAG,MAAM,CACzB,SAAQ,sBAAsB,CAAC,CAAC,CAAC;IACjC,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sCAAsC;IACtC,KAAK,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACzB,kDAAkD;IAClD,YAAY,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAChC,mDAAmD;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CAChC;AAED,mEAAmE;AACnE,MAAM,WAAW,sBAAsB,CACrC,CAAC,SAAS,MAAM,GAAG,MAAM,CACzB,SAAQ,sBAAsB,CAAC,CAAC,CAAC;IACjC,IAAI,EAAE,QAAQ,CAAC;IACf,sCAAsC;IACtC,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,mDAAmD;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAClD,qBAAqB,CAAC,CAAC,CAAC,GACxB,sBAAsB,CAAC,CAAC,CAAC,CAAC"}

package/dist/src/components/data-display/chip-group/ChipGroup.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/chip-group/ChipGroup.component.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA8NvE,eAAO,MAAM,SAAS,2GAkXrB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"ChipGroup.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/chip-group/ChipGroup.component.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAavE,eAAO,MAAM,SAAS,2GAkXrB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/components/data-display/chip-group/ChipGroup.utils.d.ts

@@ -0,0 +1,21 @@
+import { ChipGroupItem } from './ChipGroup.types';
+
+/**
+ * Parse a CSS gap string (e.g. "8px", "0.5rem") into pixels.
+ * @param gapString - The computed `gap` value from getComputedStyle
+ * @param rootFontSize - Root font size in px (for rem)
+ * @param containerFontSize - Container font size in px (for em)
+ * @returns Gap in pixels (defaults to 0.5rem-equivalent when unparseable)
+ */
+export declare const parseGapValue: (gapString: string, rootFontSize: number, containerFontSize: number) => number;
+/**
+ * Calculate how many chips can fit in the container width
+ * @param items - Array of chip items
+ * @param chipWidths - Map of chip values to their measured widths
+ * @param containerWidth - Available container width in pixels
+ * @param gap - Gap between chips in pixels
+ * @param overflowChipWidth - Width of the overflow "+N" chip in pixels
+ * @returns Number of chips that can fit (minimum 1)
+ */
+export declare const calculateFittingChips: (items: ChipGroupItem[], chipWidths: Map<string, number>, containerWidth: number, gap: number, overflowChipWidth: number) => number;
+//# sourceMappingURL=ChipGroup.utils.d.ts.map

package/dist/src/components/data-display/chip-group/ChipGroup.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/chip-group/ChipGroup.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GACxB,WAAW,MAAM,EACjB,cAAc,MAAM,EACpB,mBAAmB,MAAM,KACxB,MAmBF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB,GAChC,OAAO,aAAa,EAAE,EACtB,YAAY,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAC/B,gBAAgB,MAAM,EACtB,KAAK,MAAM,EACX,mBAAmB,MAAM,KACxB,MA8BF,CAAC"}

package/dist/src/components/data-display/chip-group/useChipOverflow.d.ts

@@ -0,0 +1,18 @@
+import { ChipGroupItem } from './ChipGroup.types';
+
+/**
+ * Custom hook to manage chip overflow calculation and state
+ * @param items - Array of chip items
+ * @param containerRef - Ref to the container element
+ * @param chipRefs - Ref to array of chip elements
+ * @param chipWidths - Ref to map of chip widths
+ * @param maxVisible - Optional fixed maximum visible chips
+ * @returns Object containing visibleCount, visibleItems, hiddenItems, and hasOverflow
+ */
+export declare const useChipOverflow: (items: ChipGroupItem[], containerRef: React.RefObject<HTMLDivElement | null>, chipRefs: React.MutableRefObject<(HTMLDivElement | null)[]>, chipWidths: React.MutableRefObject<Map<string, number>>, maxVisible?: number) => {
+    visibleCount: number;
+    visibleItems: ChipGroupItem[];
+    hiddenItems: ChipGroupItem[];
+    hasOverflow: boolean;
+};
+//# sourceMappingURL=useChipOverflow.d.ts.map

package/dist/src/components/data-display/chip-group/useChipOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChipOverflow.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/chip-group/useChipOverflow.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AA+BvD;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,GAC1B,OAAO,aAAa,EAAE,EACtB,cAAc,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EACpD,UAAU,KAAK,CAAC,gBAAgB,CAAC,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,EAC3D,YAAY,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EACvD,aAAa,MAAM;;;;;CA8FpB,CAAC"}

package/dist/src/components/data-display/date-filter/DateFilter.component.d.ts

@@ -0,0 +1,9 @@
+import { DateFilterProps } from './DateFilter.types';
+
+export type { DateFilterProps, DateFilterValue } from './DateFilter.types';
+declare function DateFilterInner({ value, defaultValue, onApply, defaultViewMonth, today: todayProp, title, presetLabels: presetLabelsProp, presets, hidePresets, footerLabels: footerLabelsProp, hideFooterInputs, formatValue, parseValue, open, defaultOpen, onOpenChange, disabled, hideReset, yearRange, 'aria-label': ariaLabel, 'data-cy': dataCy, 'data-testid': dataTestId, }: DateFilterProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DateFilterInner {
+    var displayName: string;
+}
+export declare const DateFilter: typeof DateFilterInner;
+//# sourceMappingURL=DateFilter.component.d.ts.map

package/dist/src/components/data-display/date-filter/DateFilter.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFilter.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/date-filter/DateFilter.component.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAGV,eAAe,EAEhB,MAAM,oBAAoB,CAAC;AAuD5B,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA20B3E,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,KAAK,EAAE,SAAS,EAChB,KAAK,EACL,YAAY,EAAE,gBAAgB,EAC9B,OAAyB,EACzB,WAAmB,EACnB,YAAY,EAAE,gBAAgB,EAC9B,gBAAwB,EACxB,WAA4B,EAC5B,UAA2B,EAC3B,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,SAAiB,EACjB,SAA8B,EAC9B,YAAY,EAAE,SAAS,EACvB,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,UAAU,GAC1B,EAAE,eAAe,2CAyEjB;kBAhGQ,eAAe;;;AAoGxB,eAAO,MAAM,UAAU,wBAAkB,CAAC"}

package/dist/src/components/data-display/date-filter/DateFilter.styles.d.ts

@@ -0,0 +1,96 @@
+/**
+ * `DateFilter` styles — composed from the same design tokens as the rest of
+ * the filter family. The popover is wider than the default filter min
+ * (`--size-2xs`) because two months sit side-by-side, so we override the
+ * `FilterContent` width to `--size-lg`. Everything else (typography,
+ * border-radius, spacing) comes straight from `var(--…)` tokens.
+ *
+ * Figma reference: `1 — SaaS / 45054:20258`.
+ *
+ * The cell sizes (40 × 40 day cells, 32 px month/year selectors, 40 px
+ * chevron buttons) come from the Figma frame. We express them via the
+ * `--spacing-*` token scale (`--spacing-10` = 2.5 rem = 40 px) rather than
+ * raw px to stay consistent with the rest of the system — the only literal
+ * px values left are 1-px borders.
+ */
+/** Popover content override — wider than the default to fit two months. */
+export declare const contentStyles: string;
+export declare const presetsRowStyles: string;
+export declare const presetButtonStyles: string;
+/**
+ * Active preset chip. The text color uses `--color-button-blue-pressed`
+ * (a darker brand-blue variant) so it clears WCAG AA contrast against the
+ * 8 %-tint background — the regular `--color-button-blue` fails 4.5 : 1
+ * here (~2.9 : 1).
+ */
+export declare const presetButtonActiveStyles: string;
+export declare const calendarsRowStyles: string;
+export declare const calendarColumnStyles: string;
+export declare const calendarColumnLeftStyles: string;
+export declare const calendarColumnRightStyles: string;
+/** Vertical divider between the two month columns. */
+export declare const calendarDividerStyles: string;
+export declare const calendarHeaderStyles: string;
+export declare const chevronButtonStyles: string;
+export declare const headerSelectsGroupStyles: string;
+/**
+ * Month / year picker buttons — Figma shows them as compact "search-bar"
+ * style boxes (1-px border, 8-px radius, white background). Use the
+ * design system's existing input chrome so focus rings, hover, and
+ * disabled states stay consistent with `Input`.
+ */
+export declare const headerSelectStyles: string;
+export declare const headerSelectValueStyles: string;
+export declare const headerSelectIconStyles: string;
+export declare const weekdayRowStyles: string;
+export declare const weekdayCellStyles: string;
+export declare const monthGridStyles: string;
+export declare const weekRowStyles: string;
+/**
+ * `gridcell` wrapper around each day button. Per WAI-ARIA, the cell role
+ * belongs to a non-button container; placing `role="gridcell"` directly on
+ * the `<button>` overrides its native role and AT announces "gridcell"
+ * instead of "button". Wrapping keeps both semantics intact.
+ */
+export declare const dayCellWrapperStyles: string;
+/**
+ * Footer parse-error message. Screen-reader-only — the input itself flips
+ * `aria-invalid`, so the error text is announced via `aria-describedby`
+ * but never duplicated visually (the input's red border is the visual cue).
+ */
+export declare const footerInputErrorMessageStyles: string;
+/**
+ * A single day cell. Variants live in `dayCellVariants` below — the
+ * component composes them by combining the relevant flags (selected,
+ * in-range, today, outside, disabled).
+ */
+export declare const dayCellBaseStyles: string;
+/**
+ * Dates from the previous / next month — light grey AND unclickable. The
+ * component sets `disabled` on the underlying `<button>`, so we override
+ * the default hover (which would otherwise still light up the cell) and
+ * the focus ring so these cells feel inert.
+ */
+export declare const dayCellOutsideStyles: string;
+/** Mid-range cells (between `from` and `to`, exclusive). */
+export declare const dayCellInRangeStyles: string;
+/**
+ * Range endpoints (`from` or `to`). Uses `--color-button-blue-pressed`
+ * (darker brand-blue) so white glyphs at the 20 px / 400-weight day-cell
+ * size clear WCAG AA — the regular `--color-button-blue` only reaches
+ * ~3.2 : 1 against white, below the 4.5 : 1 threshold for normal text.
+ */
+export declare const dayCellSelectedStyles: string;
+/**
+ * "Today" emphasis when not selected — a subtle ring so users can locate
+ * today without it visually competing with the active range.
+ */
+export declare const dayCellTodayStyles: string;
+export declare const footerOverrideStyles: string;
+export declare const footerInputsGroupStyles: string;
+export declare const footerInputLabelStyles: string;
+export declare const footerInputWrapperStyles: string;
+export declare const footerInputStyles: string;
+export declare const footerInputErrorStyles: string;
+export declare const footerActionsStyles: string;
+//# sourceMappingURL=DateFilter.styles.d.ts.map

package/dist/src/components/data-display/date-filter/DateFilter.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFilter.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/date-filter/DateFilter.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,2EAA2E;AAC3E,eAAO,MAAM,aAAa,QAOf,CAAC;AAMZ,eAAO,MAAM,gBAAgB,QAIlB,CAAC;AAEZ,eAAO,MAAM,kBAAkB,QAYpB,CAAC;AAEZ;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,QAI1B,CAAC;AAMZ,eAAO,MAAM,kBAAkB,QAGpB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,QAKtB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAAsC,CAAC;AAC5E,eAAO,MAAM,yBAAyB,QAAsC,CAAC;AAE7E,sDAAsD;AACtD,eAAO,MAAM,qBAAqB,QAGvB,CAAC;AAMZ,eAAO,MAAM,oBAAoB,QAGtB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,QAWrB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAG1B,CAAC;AAEZ;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,QAcpB,CAAC;AAEZ,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAE9D,eAAO,MAAM,sBAAsB,QAKxB,CAAC;AAMZ,eAAO,MAAM,gBAAgB,QAGlB,CAAC;AAEZ,eAAO,MAAM,iBAAiB,QAGnB,CAAC;AAEZ,eAAO,MAAM,eAAe,QAA4D,CAAC;AAEzF,eAAO,MAAM,aAAa,QAAyD,CAAC;AAEpF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,QAAwD,CAAC;AAE1F;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,QAI/B,CAAC;AAEZ;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,QAWnB,CAAC;AAEZ;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,QAItB,CAAC;AAEZ,4DAA4D;AAC5D,eAAO,MAAM,oBAAoB,QAItB,CAAC;AAEZ;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,QAGvB,CAAC;AAEZ;;;GAGG;AACH,eAAO,MAAM,kBAAkB,QAAkE,CAAC;AAQlG,eAAO,MAAM,oBAAoB,QAOtB,CAAC;AAEZ,eAAO,MAAM,uBAAuB,QAGzB,CAAC;AAEZ,eAAO,MAAM,sBAAsB,QAGxB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAA+B,CAAC;AAErE,eAAO,MAAM,iBAAiB,QAanB,CAAC;AAEZ,eAAO,MAAM,sBAAsB,QAIxB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,QAAkE,CAAC"}

package/dist/src/components/data-display/date-filter/DateFilter.types.d.ts

@@ -0,0 +1,102 @@
+import { ReactNode } from 'react';
+import { DateRangePreset } from './dateUtils';
+
+/**
+ * Value shape used by `DateFilter`. Each bound may be `null` independently
+ * — `{ from: Date, to: null }` is a valid mid-selection state, but only
+ * fully-bounded ranges should be committed via `onApply` (the calendar
+ * UI enforces this by requiring two clicks).
+ *
+ * Both `null` ↔ "no filter applied".
+ */
+export interface DateFilterValue {
+    from: Date | null;
+    to: Date | null;
+}
+/** Labels for the four header shortcut buttons (i18n hook). */
+export interface DateFilterPresetLabels {
+    today: ReactNode;
+    lastWeek: ReactNode;
+    lastMonth: ReactNode;
+    lastYear: ReactNode;
+}
+/** Labels for the footer From/To fields (i18n hook). */
+export interface DateFilterFooterLabels {
+    from: ReactNode;
+    to: ReactNode;
+}
+export type { DateRangePreset } from './dateUtils';
+export interface DateFilterProps {
+    /** Controlled committed value. */
+    value?: DateFilterValue;
+    /** Initial committed value (uncontrolled). */
+    defaultValue?: DateFilterValue;
+    /** Fires on Apply. */
+    onApply?: (value: DateFilterValue) => void;
+    /**
+     * Initial month shown on the LEFT calendar (the RIGHT is always
+     * `leftMonth + 1`). Defaults to `today` (or `from`/`to` if set). The
+     * `Date`'s day-of-month is ignored — only year + month matter.
+     */
+    defaultViewMonth?: Date;
+    /**
+     * Override "today" for deterministic rendering (tests, Storybook, SSR).
+     * Defaults to `new Date()`. The shortcut presets and the highlighted
+     * "today" cell both honor this.
+     */
+    today?: Date;
+    /** Optional title shown above the calendar grid. */
+    title?: ReactNode;
+    /**
+     * Override the four shortcut button labels — handy for translation.
+     * Pass `null` to hide a specific preset entirely.
+     */
+    presetLabels?: Partial<DateFilterPresetLabels>;
+    /**
+     * Hide the shortcut button row entirely. Defaults to `false` (shown).
+     */
+    hidePresets?: boolean;
+    /**
+     * Set of presets to include (in order). Defaults to all four. Pass an
+     * empty array to render an empty shortcut row, or `[]` + `hidePresets`
+     * to skip the row.
+     */
+    presets?: DateRangePreset[];
+    /** Footer From/To label overrides. */
+    footerLabels?: Partial<DateFilterFooterLabels>;
+    /**
+     * Hide the editable From/To inputs in the footer. Defaults to `false`.
+     * When hidden, only the Reset + Apply buttons remain in the footer.
+     */
+    hideFooterInputs?: boolean;
+    /** Format function for the From/To input display string. Defaults to "1 June 2026". */
+    formatValue?: (date: Date) => string;
+    /**
+     * Parse the user's typed string back into a `Date`. Should return
+     * `null` for unparseable text. Defaults to a lenient parser that
+     * accepts `"1 June 2026"`, `"1 Jun 2026"`, `"1/6/2026"`, and
+     * `"2026-06-01"`.
+     */
+    parseValue?: (input: string) => Date | null;
+    /** Accessible label for the trigger button. */
+    'aria-label'?: string;
+    /** Controlled popover open state. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Disable the trigger entirely. */
+    disabled?: boolean;
+    /** Suppress the Reset button. Defaults to `false`. */
+    hideReset?: boolean;
+    /**
+     * Half-window (in years) around the currently viewed year that the
+     * month/year dropdowns expose for quick navigation. The dropdown lists
+     * `[viewYear - yearRange, viewYear + yearRange]` inclusive — e.g. the
+     * default `10` gives a 21-year window, which is tight for birthdays.
+     * Bump it for date-of-birth pickers (e.g. `100`).
+     */
+    yearRange?: number;
+    'data-cy'?: string;
+    'data-testid'?: string;
+}
+//# sourceMappingURL=DateFilter.types.d.ts.map

package/dist/src/components/data-display/date-filter/DateFilter.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFilter.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/date-filter/DateFilter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,IAAI,GAAG,IAAI,CAAC;CACjB;AAED,+DAA+D;AAC/D,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wDAAwD;AACxD,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,SAAS,CAAC;IAChB,EAAE,EAAE,SAAS,CAAC;CACf;AAED,YAAY,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,kCAAkC;IAClC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,sBAAsB;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAE3C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC;IAExB;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IAEb,oDAAoD;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAE/C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAE5B,sCAAsC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAE/C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,uFAAuF;IACvF,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IAErC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC;IAE5C,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qCAAqC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/src/components/data-display/date-filter/dateUtils.d.ts

@@ -0,0 +1,100 @@
+/**
+ * Date utilities for the `DateFilter`.
+ *
+ * Everything here is *local-time* arithmetic — the filter is a UI for picking
+ * calendar days (no time-of-day), so we normalize to midnight and never call
+ * `toISOString()` or other UTC-coerced APIs. Two `Date` objects represent
+ * the same calendar day iff `.getFullYear() / .getMonth() / .getDate()`
+ * match.
+ *
+ * The functions are kept side-effect free and return *new* `Date` instances —
+ * never mutate the input.
+ */
+/** Sunday-based weekday short names — matches the Figma reference order. */
+export declare const WEEKDAY_SHORT: readonly ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+export declare const MONTHS_SHORT: readonly string[];
+export declare const MONTHS_LONG: readonly string[];
+/** Strip the time component, returning midnight of the same local day. */
+export declare function startOfDay(date: Date): Date;
+/** First day of the month containing `date` (00:00 local). */
+export declare function startOfMonth(date: Date): Date;
+/** Last day of the month containing `date` (00:00 local). */
+export declare function endOfMonth(date: Date): Date;
+/**
+ * Add `n` months while preserving the day-of-month, clamping to the last
+ * day of the target month when the source day doesn't exist there (e.g.
+ * Jan 31 + 1 month → Feb 28/29 rather than spilling into March).
+ */
+export declare function addMonths(date: Date, n: number): Date;
+/**
+ * Add `n` years, preserving month + day-of-month. Feb 29 in a leap year
+ * clamps to Feb 28 when the target year isn't a leap year.
+ */
+export declare function addYears(date: Date, n: number): Date;
+/** Add `n` days, preserving the time-of-day (typically 00:00 from `startOfDay`). */
+export declare function addDays(date: Date, n: number): Date;
+/** Same calendar day in local time. */
+export declare function isSameDay(a: Date | null | undefined, b: Date | null | undefined): boolean;
+/** Same calendar month + year in local time. */
+export declare function isSameMonth(a: Date | null | undefined, b: Date | null | undefined): boolean;
+/** -1 if `a` is earlier, 1 if later, 0 if same day. */
+export declare function compareDay(a: Date, b: Date): number;
+/** Inclusive `from <= date <= to`. Either bound may be `null`. */
+export declare function isInRange(date: Date, from: Date | null, to: Date | null): boolean;
+/**
+ * Build the Sunday-aligned 7-col grid of `Date` cells for the month
+ * containing `viewMonth`. Each cell is a real `Date`; cells that fall
+ * outside the focused month are tagged so the renderer can grey them
+ * out *and* make them unclickable.
+ *
+ * Row count is the **minimum** needed to cover every in-month day. A
+ * Sunday-starting February (28 days) needs 4 rows, most months need 5,
+ * and only the worst case (a 31-day month that begins on Saturday) needs
+ * 6. We intentionally do NOT pad to a fixed 6 rows — the design (and
+ * Figma reference) crops trailing all-next-month rows.
+ */
+export declare function buildMonthGrid(viewMonth: Date): {
+    date: Date;
+    outside: boolean;
+}[];
+/**
+ * Format a `Date` as `"1 June 2026"`. This is the literal format shown in
+ * the Figma footer; using `toLocaleDateString` here would silently change
+ * the wording when the host's locale differs.
+ */
+export declare function formatDateLong(date: Date): string;
+/**
+ * Parse the inverse of `formatDateLong`. Accepts a few user-friendly
+ * variants — `"1 June 2026"`, `"1 Jun 2026"`, `"1/6/2026"`,
+ * `"2026-06-01"` — and returns `null` if it can't make sense of the input.
+ *
+ * Returning `null` (rather than throwing) keeps callers' onChange paths
+ * simple: keep the existing draft and ignore unparseable text.
+ */
+export declare function parseDateInput(input: string): Date | null;
+/**
+ * Value-equality for two `DateFilterValue`s. Plain JSON comparison would
+ * stringify `Date` objects via `toISOString`, which is *almost* right, but
+ * we want `null === null` to be `true` without serializing — and we want
+ * to defend against accidental TZ drift, so we explicitly compare local
+ * calendar days.
+ */
+export declare function dateRangeEquals(a: {
+    from: Date | null;
+    to: Date | null;
+}, b: {
+    from: Date | null;
+    to: Date | null;
+}): boolean;
+/**
+ * Range presets used by the header shortcut buttons. Each preset returns
+ * a `[from, to]` pair anchored on `today` (defaults to *now*). The product
+ * convention is "last N days inclusive" — e.g. "Last Week" = the last 7
+ * days, where today is the 7th — so the trigger pill reads as "X – today".
+ */
+export type DateRangePreset = 'today' | 'last-week' | 'last-month' | 'last-year';
+export declare function getPresetRange(preset: DateRangePreset, today?: Date): {
+    from: Date;
+    to: Date;
+};
+//# sourceMappingURL=dateUtils.d.ts.map

package/dist/src/components/data-display/date-filter/dateUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/date-filter/dateUtils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAgCH,4EAA4E;AAC5E,eAAO,MAAM,aAAa,qDAAsD,CAAC;AAEjF,eAAO,MAAM,YAAY,mBAAkC,CAAC;AAC5D,eAAO,MAAM,WAAW,mBAAiC,CAAC;AAE1D,0EAA0E;AAC1E,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAE3C;AAED,8DAA8D;AAC9D,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAE7C;AAED,6DAA6D;AAC7D,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAE3C;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAMrD;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAKpD;AAED,oFAAoF;AACpF,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAInD;AAED,uCAAuC;AACvC,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAOzF;AAED,gDAAgD;AAChD,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAG3F;AAED,uDAAuD;AACvD,wBAAgB,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,MAAM,CAInD;AAED,kEAAkE;AAClE,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,CAIjF;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,IAAI,GAAG;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,EAAE,CAelF;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAEjD;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CA+CzD;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,CAAC,EAAE;IAAE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAAC,EAAE,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,EACzC,CAAC,EAAE;IAAE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAAC,EAAE,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,GACxC,OAAO,CAOT;AAED;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;AAEjF,wBAAgB,cAAc,CAC5B,MAAM,EAAE,eAAe,EACvB,KAAK,GAAE,IAAiB,GACvB;IACD,IAAI,EAAE,IAAI,CAAC;IACX,EAAE,EAAE,IAAI,CAAC;CACV,CAgBA"}