tembro 2.0.6 → 2.1.0

package/dist/components/calendar/calendar.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("./date-utils.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s(e,t,n){if(e instanceof Date)return r.startOfMonth(e);let i=r.parseDateKey(e);if(i)return r.startOfMonth(i);let a=r.parseDateKey(t);if(a)return r.startOfMonth(a);let o=r.parseDateKey(n?.from??n?.to);return o?r.startOfMonth(o):r.startOfMonth(new Date)}function c(e,t){let n=new Date(e);return n.setDate(e.getDate()+t),n}function l(e,t){let n=new Date(t.getFullYear(),t.getMonth()+1,0).getDate();return new Date(t.getFullYear(),t.getMonth(),Math.min(e.getDate(),n))}function u(e,t){let n=r.parseDateKey(e),i=r.parseDateKey(t);if(!n||!i||t<e)return[];let a=[],o=new Date(n);for(;r.toDateKey(o)<=t;)a.push(r.toDateKey(o)),o.setDate(o.getDate()+1);return a}function d(e,t){let n=r.parseDateKey(e);return!n||!e?null:new Intl.DateTimeFormat(t,{dateStyle:`medium`}).format(n)}function f({className:e,value:f,range:p,onValueChange:m,onRangeChange:h,mode:g=`single`,month:ee,defaultMonth:te,onMonthChange:ne,min:_,max:v,disabledDates:y,locale:b=`en-US`,weekStartsOn:x=1,numberOfMonths:re=1,showMonthHeaders:ie,showOutsideDays:S=!0,pagedNavigation:ae=!1,showTodayShortcut:C=!1,showClearShortcut:w=!1,showSelectionSummary:T=!1,labels:E,renderSelectionSummary:D,...oe}){let O=f!==void 0,k=p!==void 0,[se,A]=i.useState(f??null),[ce,j]=i.useState(p??{}),[le,ue]=i.useState(()=>s(te,f,p)),M=O?f:se,N=k?p:ce,P=ee??le,F=Math.max(re,1),de=ie??F>1,I=ae?F:1,L=r.toDateKey(new Date),R=i.useMemo(()=>new Set(y??[]),[y]),fe=i.useMemo(()=>r.getWeekdayLabels(b,x),[b,x]),z=i.useRef(new Map),[B,V]=i.useState(()=>f??p?.from??L),[H,U]=i.useState(null),W=i.useMemo(()=>Array.from({length:F},(e,t)=>r.addMonths(P,t)),[P,F]),G=i.useMemo(()=>W.map(e=>({month:e,days:r.getMonthDays(e,x)})),[W,x]),K=i.useMemo(()=>G.flatMap(e=>e.days),[G]),q=i.useCallback(e=>{if(R.has(e))return`disabled`;if(r.isBeforeDate(e,_))return`min`;if(r.isAfterDate(e,v))return`max`},[R,v,_]),J=i.useCallback(e=>!!q(e),[q]),Y=i.useMemo(()=>K.map(r.toDateKey).filter(e=>!J(e)),[K,J]),pe=i.useMemo(()=>{let e=f??p?.from??L,t=N?.from??void 0,n=M??void 0;return Y.includes(B)?B:Y.includes(n??t??e)?n??t??e:Y[0]},[N?.from,M,B,p?.from,L,f,Y]);i.useEffect(()=>{O&&A(f??null)},[O,f]),i.useEffect(()=>{k&&p&&j(p)},[k,p]),i.useEffect(()=>{B&&z.current.get(B)?.focus()},[B]),i.useEffect(()=>{g!==`range`&&U(null)},[g]);let X=e=>{let t=r.startOfMonth(e);ue(t),ne?.(t)},Z=e=>{let t=e,n=r.toDateKey(t),i=0;for(;J(n)&&i<370;)t=c(t,t<e?-1:1),n=r.toDateKey(t),i+=1;V(n),W.some(e=>r.isSameMonth(t,e))||X(r.startOfMonth(t))},Q=e=>{if(J(e))return;if(g===`single`){O||A(e),m?.(e);return}let t=N?.from??null,n=N?.to??null;if(!t||t&&n||e<t){let t={from:e,to:null};k||j(t),h?.(t);return}if(u(t,e).some(e=>J(e))){let t={from:e,to:null};k||j(t),h?.(t);return}let r={from:t,to:e};k||j(r),h?.(r)},$=g===`range`&&N?.from&&!N.to&&H&&H>=N.from&&!u(N.from,H).some(e=>J(e))?{from:N.from,to:H}:null,me=i.useMemo(()=>{if(!T&&!D)return null;if(D)return D({mode:g,value:M,range:N,locale:b});if(g===`range`){let e=d(N?.from,b),t=d(N?.to,b);return e&&t?`${e} -> ${t}`:e?`${e} -> ...`:`No range selected`}return d(M,b)??`No date selected`},[N,M,b,g,D,T]),he=()=>{if(g===`single`){O||A(null),m?.(``);return}let e={from:null,to:null};k||j(e),h?.(e)},ge=()=>{let e=new Date,t=r.toDateKey(e);X(e),V(t),J(t)||Q(t)},_e=(e,t)=>{let n=((G.find(e=>r.isSameMonth(t,e.month))?.days.findIndex(e=>r.toDateKey(e)===r.toDateKey(t))??0)+7)%7;switch(e.key){case`ArrowRight`:e.preventDefault(),Z(c(t,1));break;case`ArrowLeft`:e.preventDefault(),Z(c(t,-1));break;case`ArrowDown`:e.preventDefault(),Z(c(t,7));break;case`ArrowUp`:e.preventDefault(),Z(c(t,-7));break;case`Home`:e.preventDefault(),Z(c(t,-n));break;case`End`:e.preventDefault(),Z(c(t,6-n));break;case`PageUp`:e.preventDefault(),Z(l(t,r.addMonths(t,-1)));break;case`PageDown`:e.preventDefault(),Z(l(t,r.addMonths(t,1)));break}};return(0,o.jsxs)(`div`,{"data-slot":`calendar`,"data-months":F,className:t.cn(`w-fit rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 text-popover-foreground shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,e),...oe,children:[(0,o.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":E?.previousMonth??`Previous month`,onClick:()=>X(r.addMonths(P,-I)),children:(0,o.jsx)(a.ChevronLeftIcon,{})}),(0,o.jsxs)(`div`,{className:`flex flex-1 flex-col items-center text-center`,children:[(0,o.jsx)(`span`,{className:`text-[10px] font-semibold uppercase tracking-[0.24em] text-muted-foreground/90`,children:`Calendar`}),(0,o.jsx)(`div`,{className:`text-base font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(P,b)})]}),(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":E?.nextMonth??`Next month`,onClick:()=>X(r.addMonths(P,I)),children:(0,o.jsx)(a.ChevronRightIcon,{})})]}),(0,o.jsx)(`div`,{className:t.cn(`grid gap-3`,F>1&&`sm:grid-cols-2`),style:F>2?{gridTemplateColumns:`repeat(${F}, minmax(0, 1fr))`}:void 0,children:G.map(({month:e,days:n})=>(0,o.jsxs)(`div`,{className:`min-w-[16.5rem] rounded-[var(--radius-md)] bg-transparent p-1`,children:[de&&(0,o.jsx)(`div`,{className:`mb-2 text-center text-sm font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(e,b)}),(0,o.jsx)(`div`,{className:`grid grid-cols-7 gap-1 text-center text-[0.68rem] font-semibold uppercase tracking-[0.18em] text-muted-foreground/90`,children:fe.map(t=>(0,o.jsx)(`div`,{className:`py-1`,children:t},`${r.toDateKey(e)}-${t}`))}),(0,o.jsx)(`div`,{className:`mt-1.5 grid grid-cols-7 gap-1`,children:n.map(n=>{let i=r.toDateKey(n),a=!r.isSameMonth(n,e),s=g===`single`?M===i:i===N?.from||i===N?.to,c=g===`range`&&r.isWithinRange(i,N?.from,N?.to),l=!c&&g===`range`&&r.isWithinRange(i,$?.from,$?.to),u=q(i),d=!!u,f=u?E?.disabledDate?.(i,u):void 0;return(0,o.jsx)(`button`,{ref:e=>{e?z.current.set(i,e):z.current.delete(i)},type:`button`,disabled:d,"aria-label":f??E?.selectDate?.(i)??i,"aria-current":i===L?`date`:void 0,tabIndex:i===pe?0:-1,title:f,"data-selected":s||void 0,"data-today":i===L||void 0,"data-outside":a||void 0,"data-in-range":c||void 0,"data-in-preview-range":l||void 0,"data-disabled-reason":u,className:t.cn(`flex h-9 items-center justify-center rounded-[var(--radius-sm)] border border-transparent text-sm font-medium outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-30`,a&&S?`text-muted-foreground/34`:`text-foreground`,a&&!S&&`pointer-events-none opacity-0`,i===L&&`border-border/70 bg-muted/60 text-foreground`,c&&`bg-primary/10 text-foreground`,l&&`bg-primary/6 text-foreground`,s&&`border-primary bg-primary text-primary-foreground shadow-[0_10px_22px_color-mix(in_oklch,var(--primary),transparent_78%)] hover:bg-primary hover:text-primary-foreground`),onFocus:()=>V(i),onMouseEnter:()=>U(i),onMouseLeave:()=>U(null),onKeyDown:e=>_e(e,n),onClick:()=>Q(i),children:n.getDate()},i)})})]},r.toDateKey(e)))}),C||w||T||D?(0,o.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center justify-between gap-2 border-t border-[color:var(--aui-card-border,var(--border))] pt-3`,children:[(0,o.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:me}),(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[w?(0,o.jsx)(n.Button,{type:`button`,size:`sm`,variant:`ghost`,onClick:he,children:E?.clear??`Clear`}):null,C?(0,o.jsx)(n.Button,{type:`button`,size:`sm`,variant:`outline`,onClick:ge,children:E?.today??`Today`}):null]})]}):null]})}exports.Calendar=f;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("./date-utils.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s(e,t,n){if(e instanceof Date)return r.startOfMonth(e);let i=r.parseDateKey(e);if(i)return r.startOfMonth(i);let a=r.parseDateKey(t);if(a)return r.startOfMonth(a);let o=r.parseDateKey(n?.from??n?.to);return o?r.startOfMonth(o):r.startOfMonth(new Date)}function c(e,t){let n=new Date(e);return n.setDate(e.getDate()+t),n}function l(e,t){let n=new Date(t.getFullYear(),t.getMonth()+1,0).getDate();return new Date(t.getFullYear(),t.getMonth(),Math.min(e.getDate(),n))}function u(e,t){let n=r.parseDateKey(e),i=r.parseDateKey(t);if(!n||!i||t<e)return[];let a=[],o=new Date(n);for(;r.toDateKey(o)<=t;)a.push(r.toDateKey(o)),o.setDate(o.getDate()+1);return a}function d(e,t){let n=r.parseDateKey(e);return!n||!e?null:new Intl.DateTimeFormat(t,{dateStyle:`medium`}).format(n)}function f({className:e,value:f,range:p,onValueChange:m,onRangeChange:h,mode:g=`single`,month:ee,defaultMonth:te,onMonthChange:ne,min:_,max:v,disabledDates:y,locale:b=`en-US`,weekStartsOn:x=1,months:re,numberOfMonths:ie=1,showMonthHeaders:ae,showOutsideDays:S=!0,pagedNavigation:oe=!1,showTodayShortcut:C=!1,showClearShortcut:w=!1,showSelectionSummary:T=!1,labels:E,renderSelectionSummary:D,...se}){let O=f!==void 0,k=p!==void 0,[ce,A]=i.useState(f??null),[le,j]=i.useState(p??{}),[ue,de]=i.useState(()=>s(te,f,p)),M=O?f:ce,N=k?p:le,P=ee??ue,F=Math.max(re??ie,1),fe=ae??F>1,I=oe?F:1,L=r.toDateKey(new Date),R=i.useMemo(()=>new Set(y??[]),[y]),pe=i.useMemo(()=>r.getWeekdayLabels(b,x),[b,x]),z=i.useRef(new Map),[B,V]=i.useState(()=>f??p?.from??L),[H,U]=i.useState(null),W=i.useMemo(()=>Array.from({length:F},(e,t)=>r.addMonths(P,t)),[P,F]),G=i.useMemo(()=>W.map(e=>({month:e,days:r.getMonthDays(e,x)})),[W,x]),K=i.useMemo(()=>G.flatMap(e=>e.days),[G]),q=i.useCallback(e=>{if(R.has(e))return`disabled`;if(r.isBeforeDate(e,_))return`min`;if(r.isAfterDate(e,v))return`max`},[R,v,_]),J=i.useCallback(e=>!!q(e),[q]),Y=i.useMemo(()=>K.map(r.toDateKey).filter(e=>!J(e)),[K,J]),me=i.useMemo(()=>{let e=f??p?.from??L,t=N?.from??void 0,n=M??void 0;return Y.includes(B)?B:Y.includes(n??t??e)?n??t??e:Y[0]},[N?.from,M,B,p?.from,L,f,Y]);i.useEffect(()=>{O&&A(f??null)},[O,f]),i.useEffect(()=>{k&&p&&j(p)},[k,p]),i.useEffect(()=>{B&&z.current.get(B)?.focus()},[B]),i.useEffect(()=>{g!==`range`&&U(null)},[g]);let X=e=>{let t=r.startOfMonth(e);de(t),ne?.(t)},Z=(e,t=1)=>{let n=e,i=r.toDateKey(n),a=0;for(;J(i)&&a<370;)n=c(n,t),i=r.toDateKey(n),a+=1;V(i),W.some(e=>r.isSameMonth(n,e))||X(r.startOfMonth(n))},Q=e=>{if(J(e))return;if(g===`single`){O||A(e),m?.(e);return}let t=N?.from??null,n=N?.to??null;if(!t||t&&n||e<t){let t={from:e,to:null};k||j(t),h?.(t);return}if(u(t,e).some(e=>J(e))){let t={from:e,to:null};k||j(t),h?.(t);return}let r={from:t,to:e};k||j(r),h?.(r)},$=g===`range`&&N?.from&&!N.to&&H&&H>=N.from&&!u(N.from,H).some(e=>J(e))?{from:N.from,to:H}:null,he=i.useMemo(()=>{if(!T&&!D)return null;if(D)return D({mode:g,value:M,range:N,locale:b});if(g===`range`){let e=d(N?.from,b),t=d(N?.to,b);return e&&t?`${e} -> ${t}`:e?`${e} -> ...`:`No range selected`}return d(M,b)??`No date selected`},[N,M,b,g,D,T]),ge=()=>{if(g===`single`){O||A(null),m?.(``);return}let e={from:null,to:null};k||j(e),h?.(e)},_e=()=>{let e=new Date,t=r.toDateKey(e);X(e),V(t),J(t)||Q(t)},ve=(e,t)=>{let n=((G.find(e=>r.isSameMonth(t,e.month))?.days.findIndex(e=>r.toDateKey(e)===r.toDateKey(t))??0)+7)%7;switch(e.key){case`ArrowRight`:e.preventDefault(),Z(c(t,1),1);break;case`ArrowLeft`:e.preventDefault(),Z(c(t,-1),-1);break;case`ArrowDown`:e.preventDefault(),Z(c(t,7),7);break;case`ArrowUp`:e.preventDefault(),Z(c(t,-7),-7);break;case`Home`:e.preventDefault(),Z(c(t,-n),-1);break;case`End`:e.preventDefault(),Z(c(t,6-n),1);break;case`PageUp`:e.preventDefault(),Z(l(t,r.addMonths(t,-1)),-1);break;case`PageDown`:e.preventDefault(),Z(l(t,r.addMonths(t,1)),1);break}};return(0,o.jsxs)(`div`,{"data-slot":`calendar`,"data-months":F,className:t.cn(`w-fit rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 text-popover-foreground shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,e),...se,children:[(0,o.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":E?.previousMonth??`Previous month`,onClick:()=>X(r.addMonths(P,-I)),children:(0,o.jsx)(a.ChevronLeftIcon,{})}),(0,o.jsxs)(`div`,{className:`flex flex-1 flex-col items-center text-center`,children:[(0,o.jsx)(`span`,{className:`text-[10px] font-semibold uppercase tracking-[0.24em] text-muted-foreground/90`,children:`Calendar`}),(0,o.jsx)(`div`,{className:`text-base font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(P,b)})]}),(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":E?.nextMonth??`Next month`,onClick:()=>X(r.addMonths(P,I)),children:(0,o.jsx)(a.ChevronRightIcon,{})})]}),(0,o.jsx)(`div`,{className:t.cn(`grid gap-3`,F>1&&`sm:grid-cols-2`),style:F>2?{gridTemplateColumns:`repeat(${F}, minmax(0, 1fr))`}:void 0,children:G.map(({month:e,days:n})=>(0,o.jsxs)(`div`,{className:`min-w-[16.5rem] rounded-[var(--radius-md)] bg-transparent p-1`,children:[fe&&(0,o.jsx)(`div`,{className:`mb-2 text-center text-sm font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(e,b)}),(0,o.jsx)(`div`,{className:`grid grid-cols-7 gap-1 text-center text-[0.68rem] font-semibold uppercase tracking-[0.18em] text-muted-foreground/90`,children:pe.map(t=>(0,o.jsx)(`div`,{className:`py-1`,children:t},`${r.toDateKey(e)}-${t}`))}),(0,o.jsx)(`div`,{className:`mt-1.5 grid grid-cols-7 gap-1`,children:n.map(n=>{let i=r.toDateKey(n),a=!r.isSameMonth(n,e),s=g===`single`?M===i:i===N?.from||i===N?.to,c=g===`range`&&r.isWithinRange(i,N?.from,N?.to),l=!c&&g===`range`&&r.isWithinRange(i,$?.from,$?.to),u=g===`range`&&i===N?.from,d=g===`range`&&i===N?.to,f=c&&!u&&!d,p=q(i),m=!!p,h=p?E?.disabledDate?.(i,p):void 0;return(0,o.jsx)(`button`,{ref:e=>{e?z.current.set(i,e):z.current.delete(i)},type:`button`,disabled:m,"aria-label":h??E?.selectDate?.(i)??i,"aria-current":i===L?`date`:void 0,"aria-selected":s||c||l||void 0,tabIndex:i===me?0:-1,title:h,"data-selected":s||void 0,"data-range-start":u||void 0,"data-range-end":d||void 0,"data-range-middle":f||void 0,"data-today":i===L||void 0,"data-outside":a||void 0,"data-in-range":c||void 0,"data-in-preview-range":l||void 0,"data-disabled-reason":p,className:t.cn(`flex h-9 items-center justify-center rounded-[var(--radius-sm)] border border-transparent text-sm font-medium outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-30`,a&&S?`text-muted-foreground/34`:`text-foreground`,a&&!S&&`pointer-events-none opacity-0`,i===L&&`border-border/70 bg-muted/60 text-foreground`,c&&`bg-primary/10 text-foreground`,l&&`bg-primary/6 text-foreground`,s&&`border-primary bg-primary text-primary-foreground shadow-[0_10px_22px_color-mix(in_oklch,var(--primary),transparent_78%)] hover:bg-primary hover:text-primary-foreground`),onFocus:()=>V(i),onMouseEnter:()=>U(i),onMouseLeave:()=>U(null),onKeyDown:e=>ve(e,n),onClick:()=>Q(i),children:n.getDate()},i)})})]},r.toDateKey(e)))}),C||w||T||D?(0,o.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center justify-between gap-2 border-t border-[color:var(--aui-card-border,var(--border))] pt-3`,children:[(0,o.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:he}),(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[w?(0,o.jsx)(n.Button,{type:`button`,size:`sm`,variant:`ghost`,onClick:ge,children:E?.clear??`Clear`}):null,C?(0,o.jsx)(n.Button,{type:`button`,size:`sm`,variant:`outline`,onClick:_e,children:E?.today??`Today`}):null]})]}):null]})}exports.Calendar=f;

package/dist/components/calendar/calendar.d.ts

@@ -32,6 +32,7 @@ export type CalendarProps = React.ComponentProps<"div"> & {
     disabledDates?: string[];
     locale?: string;
     weekStartsOn?: 0 | 1;
+    months?: number;
     numberOfMonths?: number;
     showMonthHeaders?: boolean;
     showOutsideDays?: boolean;
@@ -42,5 +43,5 @@ export type CalendarProps = React.ComponentProps<"div"> & {
     labels?: CalendarLabels;
     renderSelectionSummary?: (state: CalendarSummaryState) => React.ReactNode;
 };
-declare function Calendar({ className, value, range, onValueChange, onRangeChange, mode, month, defaultMonth, onMonthChange, min, max, disabledDates, locale, weekStartsOn, numberOfMonths, showMonthHeaders, showOutsideDays, pagedNavigation, showTodayShortcut, showClearShortcut, showSelectionSummary, labels, renderSelectionSummary, ...props }: CalendarProps): React.JSX.Element;
+declare function Calendar({ className, value, range, onValueChange, onRangeChange, mode, month, defaultMonth, onMonthChange, min, max, disabledDates, locale, weekStartsOn, months, numberOfMonths, showMonthHeaders, showOutsideDays, pagedNavigation, showTodayShortcut, showClearShortcut, showSelectionSummary, labels, renderSelectionSummary, ...props }: CalendarProps): React.JSX.Element;
 export { Calendar };

package/dist/components/calendar/calendar.js

@@ -2,21 +2,21 @@ import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../ui/button/index.js";
 import { addMonths as n, getMonthDays as r, getMonthLabel as i, getWeekdayLabels as a, isAfterDate as o, isBeforeDate as s, isSameMonth as c, isWithinRange as ee, parseDateKey as l, startOfMonth as u, toDateKey as d } from "./date-utils.js";
 import * as f from "react";
-import { ChevronLeftIcon as te, ChevronRightIcon as ne } from "lucide-react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ChevronLeftIcon as p, ChevronRightIcon as te } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/calendar/calendar.tsx
-function re(e, t, n) {
+function ne(e, t, n) {
 	return e instanceof Date ? u(e) : u(l(e) || l(t) || l(n?.from ?? n?.to) || /* @__PURE__ */ new Date());
 }
-function h(e, t) {
+function g(e, t) {
 	let n = new Date(e);
 	return n.setDate(e.getDate() + t), n;
 }
-function g(e, t) {
+function _(e, t) {
 	let n = new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate();
 	return new Date(t.getFullYear(), t.getMonth(), Math.min(e.getDate(), n));
 }
-function _(e, t) {
+function re(e, t) {
 	let n = l(e), r = l(t);
 	if (!n || !r || t < e) return [];
 	let i = [], a = new Date(n);
@@ -27,220 +27,224 @@ function v(e, t) {
 	let n = l(e);
 	return !n || !e ? null : new Intl.DateTimeFormat(t, { dateStyle: "medium" }).format(n);
 }
-function y({ className: l, value: y, range: b, onValueChange: ie, onRangeChange: x, mode: S = "single", month: ae, defaultMonth: oe, onMonthChange: se, min: C, max: ce, disabledDates: le, locale: w = "en-US", weekStartsOn: T = 1, numberOfMonths: ue = 1, showMonthHeaders: de, showOutsideDays: E = !0, pagedNavigation: fe = !1, showTodayShortcut: pe = !1, showClearShortcut: me = !1, showSelectionSummary: D = !1, labels: O, renderSelectionSummary: k, ...he }) {
-	let A = y !== void 0, j = b !== void 0, [ge, M] = f.useState(y ?? null), [_e, N] = f.useState(b ?? {}), [ve, ye] = f.useState(() => re(oe, y, b)), P = A ? y : ge, F = j ? b : _e, I = ae ?? ve, L = Math.max(ue, 1), be = de ?? L > 1, R = fe ? L : 1, z = d(/* @__PURE__ */ new Date()), B = f.useMemo(() => new Set(le ?? []), [le]), xe = f.useMemo(() => a(w, T), [w, T]), V = f.useRef(/* @__PURE__ */ new Map()), [H, U] = f.useState(() => y ?? b?.from ?? z), [W, G] = f.useState(null), K = f.useMemo(() => Array.from({ length: L }, (e, t) => n(I, t)), [I, L]), q = f.useMemo(() => K.map((e) => ({
+function y({ className: l, value: y, range: b, onValueChange: ie, onRangeChange: x, mode: S = "single", month: ae, defaultMonth: oe, onMonthChange: se, min: C, max: w, disabledDates: T, locale: E = "en-US", weekStartsOn: D = 1, months: ce, numberOfMonths: le = 1, showMonthHeaders: ue, showOutsideDays: de = !0, pagedNavigation: fe = !1, showTodayShortcut: O = !1, showClearShortcut: k = !1, showSelectionSummary: A = !1, labels: j, renderSelectionSummary: M, ...pe }) {
+	let N = y !== void 0, P = b !== void 0, [me, F] = f.useState(y ?? null), [he, I] = f.useState(b ?? {}), [ge, _e] = f.useState(() => ne(oe, y, b)), L = N ? y : me, R = P ? b : he, z = ae ?? ge, B = Math.max(ce ?? le, 1), ve = ue ?? B > 1, ye = fe ? B : 1, V = d(/* @__PURE__ */ new Date()), be = f.useMemo(() => new Set(T ?? []), [T]), xe = f.useMemo(() => a(E, D), [E, D]), H = f.useRef(/* @__PURE__ */ new Map()), [U, W] = f.useState(() => y ?? b?.from ?? V), [G, K] = f.useState(null), q = f.useMemo(() => Array.from({ length: B }, (e, t) => n(z, t)), [z, B]), J = f.useMemo(() => q.map((e) => ({
 		month: e,
-		days: r(e, T)
-	})), [K, T]), Se = f.useMemo(() => q.flatMap((e) => e.days), [q]), J = f.useCallback((e) => {
-		if (B.has(e)) return "disabled";
+		days: r(e, D)
+	})), [q, D]), Se = f.useMemo(() => J.flatMap((e) => e.days), [J]), Y = f.useCallback((e) => {
+		if (be.has(e)) return "disabled";
 		if (s(e, C)) return "min";
-		if (o(e, ce)) return "max";
+		if (o(e, w)) return "max";
 	}, [
-		B,
-		ce,
+		be,
+		w,
 		C
-	]), Y = f.useCallback((e) => !!J(e), [J]), X = f.useMemo(() => Se.map(d).filter((e) => !Y(e)), [Se, Y]), Ce = f.useMemo(() => {
-		let e = y ?? b?.from ?? z, t = F?.from ?? void 0, n = P ?? void 0;
-		return X.includes(H) ? H : X.includes(n ?? t ?? e) ? n ?? t ?? e : X[0];
+	]), X = f.useCallback((e) => !!Y(e), [Y]), Z = f.useMemo(() => Se.map(d).filter((e) => !X(e)), [Se, X]), Ce = f.useMemo(() => {
+		let e = y ?? b?.from ?? V, t = R?.from ?? void 0, n = L ?? void 0;
+		return Z.includes(U) ? U : Z.includes(n ?? t ?? e) ? n ?? t ?? e : Z[0];
 	}, [
-		F?.from,
-		P,
-		H,
+		R?.from,
+		L,
+		U,
 		b?.from,
-		z,
+		V,
 		y,
-		X
+		Z
 	]);
 	f.useEffect(() => {
-		A && M(y ?? null);
-	}, [A, y]), f.useEffect(() => {
-		j && b && N(b);
-	}, [j, b]), f.useEffect(() => {
-		H && V.current.get(H)?.focus();
-	}, [H]), f.useEffect(() => {
-		S !== "range" && G(null);
+		N && F(y ?? null);
+	}, [N, y]), f.useEffect(() => {
+		P && b && I(b);
+	}, [P, b]), f.useEffect(() => {
+		U && H.current.get(U)?.focus();
+	}, [U]), f.useEffect(() => {
+		S !== "range" && K(null);
 	}, [S]);
-	let Z = (e) => {
+	let Q = (e) => {
 		let t = u(e);
-		ye(t), se?.(t);
-	}, Q = (e) => {
-		let t = e, n = d(t), r = 0;
-		for (; Y(n) && r < 370;) t = h(t, t < e ? -1 : 1), n = d(t), r += 1;
-		U(n), K.some((e) => c(t, e)) || Z(u(t));
+		_e(t), se?.(t);
+	}, $ = (e, t = 1) => {
+		let n = e, r = d(n), i = 0;
+		for (; X(r) && i < 370;) n = g(n, t), r = d(n), i += 1;
+		W(r), q.some((e) => c(n, e)) || Q(u(n));
 	}, we = (e) => {
-		if (Y(e)) return;
+		if (X(e)) return;
 		if (S === "single") {
-			A || M(e), ie?.(e);
+			N || F(e), ie?.(e);
 			return;
 		}
-		let t = F?.from ?? null, n = F?.to ?? null;
+		let t = R?.from ?? null, n = R?.to ?? null;
 		if (!t || t && n || e < t) {
 			let t = {
 				from: e,
 				to: null
 			};
-			j || N(t), x?.(t);
+			P || I(t), x?.(t);
 			return;
 		}
-		if (_(t, e).some((e) => Y(e))) {
+		if (re(t, e).some((e) => X(e))) {
 			let t = {
 				from: e,
 				to: null
 			};
-			j || N(t), x?.(t);
+			P || I(t), x?.(t);
 			return;
 		}
 		let r = {
 			from: t,
 			to: e
 		};
-		j || N(r), x?.(r);
-	}, $ = S === "range" && F?.from && !F.to && W && W >= F.from && !_(F.from, W).some((e) => Y(e)) ? {
-		from: F.from,
-		to: W
-	} : null, Te = f.useMemo(() => {
-		if (!D && !k) return null;
-		if (k) return k({
+		P || I(r), x?.(r);
+	}, Te = S === "range" && R?.from && !R.to && G && G >= R.from && !re(R.from, G).some((e) => X(e)) ? {
+		from: R.from,
+		to: G
+	} : null, Ee = f.useMemo(() => {
+		if (!A && !M) return null;
+		if (M) return M({
 			mode: S,
-			value: P,
-			range: F,
-			locale: w
+			value: L,
+			range: R,
+			locale: E
 		});
 		if (S === "range") {
-			let e = v(F?.from, w), t = v(F?.to, w);
+			let e = v(R?.from, E), t = v(R?.to, E);
 			return e && t ? `${e} -> ${t}` : e ? `${e} -> ...` : "No range selected";
 		}
-		return v(P, w) ?? "No date selected";
+		return v(L, E) ?? "No date selected";
 	}, [
-		F,
-		P,
-		w,
+		R,
+		L,
+		E,
 		S,
-		k,
-		D
-	]), Ee = () => {
+		M,
+		A
+	]), De = () => {
 		if (S === "single") {
-			A || M(null), ie?.("");
+			N || F(null), ie?.("");
 			return;
 		}
 		let e = {
 			from: null,
 			to: null
 		};
-		j || N(e), x?.(e);
-	}, De = () => {
+		P || I(e), x?.(e);
+	}, Oe = () => {
 		let e = /* @__PURE__ */ new Date(), t = d(e);
-		Z(e), U(t), Y(t) || we(t);
-	}, Oe = (e, t) => {
-		let r = ((q.find((e) => c(t, e.month))?.days.findIndex((e) => d(e) === d(t)) ?? 0) + 7) % 7;
+		Q(e), W(t), X(t) || we(t);
+	}, ke = (e, t) => {
+		let r = ((J.find((e) => c(t, e.month))?.days.findIndex((e) => d(e) === d(t)) ?? 0) + 7) % 7;
 		switch (e.key) {
 			case "ArrowRight":
-				e.preventDefault(), Q(h(t, 1));
+				e.preventDefault(), $(g(t, 1), 1);
 				break;
 			case "ArrowLeft":
-				e.preventDefault(), Q(h(t, -1));
+				e.preventDefault(), $(g(t, -1), -1);
 				break;
 			case "ArrowDown":
-				e.preventDefault(), Q(h(t, 7));
+				e.preventDefault(), $(g(t, 7), 7);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), Q(h(t, -7));
+				e.preventDefault(), $(g(t, -7), -7);
 				break;
 			case "Home":
-				e.preventDefault(), Q(h(t, -r));
+				e.preventDefault(), $(g(t, -r), -1);
 				break;
 			case "End":
-				e.preventDefault(), Q(h(t, 6 - r));
+				e.preventDefault(), $(g(t, 6 - r), 1);
 				break;
 			case "PageUp":
-				e.preventDefault(), Q(g(t, n(t, -1)));
+				e.preventDefault(), $(_(t, n(t, -1)), -1);
 				break;
 			case "PageDown":
-				e.preventDefault(), Q(g(t, n(t, 1)));
+				e.preventDefault(), $(_(t, n(t, 1)), 1);
 				break;
 		}
 	};
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ h("div", {
 		"data-slot": "calendar",
-		"data-months": L,
+		"data-months": B,
 		className: e("w-fit rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 text-popover-foreground shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]", l),
-		...he,
+		...pe,
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "mb-3 flex items-center justify-between gap-3",
 				children: [
-					/* @__PURE__ */ p(t, {
+					/* @__PURE__ */ m(t, {
 						type: "button",
 						variant: "outline",
 						size: "icon-sm",
 						className: "rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground",
-						"aria-label": O?.previousMonth ?? "Previous month",
-						onClick: () => Z(n(I, -R)),
-						children: /* @__PURE__ */ p(te, {})
+						"aria-label": j?.previousMonth ?? "Previous month",
+						onClick: () => Q(n(z, -ye)),
+						children: /* @__PURE__ */ m(p, {})
 					}),
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ h("div", {
 						className: "flex flex-1 flex-col items-center text-center",
-						children: [/* @__PURE__ */ p("span", {
+						children: [/* @__PURE__ */ m("span", {
 							className: "text-[10px] font-semibold uppercase tracking-[0.24em] text-muted-foreground/90",
 							children: "Calendar"
-						}), /* @__PURE__ */ p("div", {
+						}), /* @__PURE__ */ m("div", {
 							className: "text-base font-semibold capitalize tracking-tight text-foreground",
-							children: i(I, w)
+							children: i(z, E)
 						})]
 					}),
-					/* @__PURE__ */ p(t, {
+					/* @__PURE__ */ m(t, {
 						type: "button",
 						variant: "outline",
 						size: "icon-sm",
 						className: "rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground",
-						"aria-label": O?.nextMonth ?? "Next month",
-						onClick: () => Z(n(I, R)),
-						children: /* @__PURE__ */ p(ne, {})
+						"aria-label": j?.nextMonth ?? "Next month",
+						onClick: () => Q(n(z, ye)),
+						children: /* @__PURE__ */ m(te, {})
 					})
 				]
 			}),
-			/* @__PURE__ */ p("div", {
-				className: e("grid gap-3", L > 1 && "sm:grid-cols-2"),
-				style: L > 2 ? { gridTemplateColumns: `repeat(${L}, minmax(0, 1fr))` } : void 0,
-				children: q.map(({ month: t, days: n }) => /* @__PURE__ */ m("div", {
+			/* @__PURE__ */ m("div", {
+				className: e("grid gap-3", B > 1 && "sm:grid-cols-2"),
+				style: B > 2 ? { gridTemplateColumns: `repeat(${B}, minmax(0, 1fr))` } : void 0,
+				children: J.map(({ month: t, days: n }) => /* @__PURE__ */ h("div", {
 					className: "min-w-[16.5rem] rounded-[var(--radius-md)] bg-transparent p-1",
 					children: [
-						be && /* @__PURE__ */ p("div", {
+						ve && /* @__PURE__ */ m("div", {
 							className: "mb-2 text-center text-sm font-semibold capitalize tracking-tight text-foreground",
-							children: i(t, w)
+							children: i(t, E)
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "grid grid-cols-7 gap-1 text-center text-[0.68rem] font-semibold uppercase tracking-[0.18em] text-muted-foreground/90",
-							children: xe.map((e) => /* @__PURE__ */ p("div", {
+							children: xe.map((e) => /* @__PURE__ */ m("div", {
 								className: "py-1",
 								children: e
 							}, `${d(t)}-${e}`))
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "mt-1.5 grid grid-cols-7 gap-1",
 							children: n.map((n) => {
-								let r = d(n), i = !c(n, t), a = S === "single" ? P === r : r === F?.from || r === F?.to, o = S === "range" && ee(r, F?.from, F?.to), s = !o && S === "range" && ee(r, $?.from, $?.to), l = J(r), u = !!l, f = l ? O?.disabledDate?.(r, l) : void 0;
-								return /* @__PURE__ */ p("button", {
+								let r = d(n), i = !c(n, t), a = S === "single" ? L === r : r === R?.from || r === R?.to, o = S === "range" && ee(r, R?.from, R?.to), s = !o && S === "range" && ee(r, Te?.from, Te?.to), l = S === "range" && r === R?.from, u = S === "range" && r === R?.to, f = o && !l && !u, p = Y(r), te = !!p, h = p ? j?.disabledDate?.(r, p) : void 0;
+								return /* @__PURE__ */ m("button", {
 									ref: (e) => {
-										e ? V.current.set(r, e) : V.current.delete(r);
+										e ? H.current.set(r, e) : H.current.delete(r);
 									},
 									type: "button",
-									disabled: u,
-									"aria-label": f ?? O?.selectDate?.(r) ?? r,
-									"aria-current": r === z ? "date" : void 0,
+									disabled: te,
+									"aria-label": h ?? j?.selectDate?.(r) ?? r,
+									"aria-current": r === V ? "date" : void 0,
+									"aria-selected": a || o || s || void 0,
 									tabIndex: r === Ce ? 0 : -1,
-									title: f,
+									title: h,
 									"data-selected": a || void 0,
-									"data-today": r === z || void 0,
+									"data-range-start": l || void 0,
+									"data-range-end": u || void 0,
+									"data-range-middle": f || void 0,
+									"data-today": r === V || void 0,
 									"data-outside": i || void 0,
 									"data-in-range": o || void 0,
 									"data-in-preview-range": s || void 0,
-									"data-disabled-reason": l,
-									className: e("flex h-9 items-center justify-center rounded-[var(--radius-sm)] border border-transparent text-sm font-medium outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-30", i && E ? "text-muted-foreground/34" : "text-foreground", i && !E && "pointer-events-none opacity-0", r === z && "border-border/70 bg-muted/60 text-foreground", o && "bg-primary/10 text-foreground", s && "bg-primary/6 text-foreground", a && "border-primary bg-primary text-primary-foreground shadow-[0_10px_22px_color-mix(in_oklch,var(--primary),transparent_78%)] hover:bg-primary hover:text-primary-foreground"),
-									onFocus: () => U(r),
-									onMouseEnter: () => G(r),
-									onMouseLeave: () => G(null),
-									onKeyDown: (e) => Oe(e, n),
+									"data-disabled-reason": p,
+									className: e("flex h-9 items-center justify-center rounded-[var(--radius-sm)] border border-transparent text-sm font-medium outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-30", i && de ? "text-muted-foreground/34" : "text-foreground", i && !de && "pointer-events-none opacity-0", r === V && "border-border/70 bg-muted/60 text-foreground", o && "bg-primary/10 text-foreground", s && "bg-primary/6 text-foreground", a && "border-primary bg-primary text-primary-foreground shadow-[0_10px_22px_color-mix(in_oklch,var(--primary),transparent_78%)] hover:bg-primary hover:text-primary-foreground"),
+									onFocus: () => W(r),
+									onMouseEnter: () => K(r),
+									onMouseLeave: () => K(null),
+									onKeyDown: (e) => ke(e, n),
 									onClick: () => we(r),
 									children: n.getDate()
 								}, r);
@@ -249,25 +253,25 @@ function y({ className: l, value: y, range: b, onValueChange: ie, onRangeChange:
 					]
 				}, d(t)))
 			}),
-			pe || me || D || k ? /* @__PURE__ */ m("div", {
+			O || k || A || M ? /* @__PURE__ */ h("div", {
 				className: "mt-3 flex flex-wrap items-center justify-between gap-2 border-t border-[color:var(--aui-card-border,var(--border))] pt-3",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "text-xs text-muted-foreground",
-					children: Te
-				}), /* @__PURE__ */ m("div", {
+					children: Ee
+				}), /* @__PURE__ */ h("div", {
 					className: "flex flex-wrap gap-2",
-					children: [me ? /* @__PURE__ */ p(t, {
+					children: [k ? /* @__PURE__ */ m(t, {
 						type: "button",
 						size: "sm",
 						variant: "ghost",
-						onClick: Ee,
-						children: O?.clear ?? "Clear"
-					}) : null, pe ? /* @__PURE__ */ p(t, {
+						onClick: De,
+						children: j?.clear ?? "Clear"
+					}) : null, O ? /* @__PURE__ */ m(t, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
-						onClick: De,
-						children: O?.today ?? "Today"
+						onClick: Oe,
+						children: j?.today ?? "Today"
 					}) : null]
 				})]
 			}) : null

package/dist/components/calendar/date-range-picker.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/popover/index.cjs"),i=require("./date-utils.cjs"),a=require("./calendar.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=i.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u(e,t){return typeof e==`string`?e:t}function d({className:e,value:i,onValueChange:d,labels:f,placeholder:p,disabled:m=!1,clearable:h=!0,formatValue:g=l,closeOnSelect:_=!1,closeOnPresetSelect:v=!1,showFooter:y=!0,presets:b,triggerClassName:x,contentClassName:S,numberOfMonths:C=2,pagedNavigation:w=!0,...T}){let[E,D]=o.useState(!1),[O,k]=o.useState(i??{}),A=i?.from??``,j=i?.to??``,M=!!(A||j),N=y?O:i,P=N?.from??``,F=N?.to??``,I=!!(P||F),L=A&&j?`${g(A)} - ${g(j)}`:A?`${g(A)} - ...`:p??f?.placeholder??`Select date range`,R=P&&F?`${g(P)} - ${g(F)}`:P?`${g(P)} - ...`:f?.placeholder??`Select date range`;o.useEffect(()=>{E&&y&&k(i??{})},[E,y,i]);let z=e=>{if(y){k(e);return}d?.(e),_&&e.from&&e.to&&D(!1)},B=()=>{d?.(O),D(!1)},V=()=>{let e={};if(y){k(e);return}d?.(e)},H=()=>{let e={};k(e),d?.(e)},U=e=>{e.preventDefault(),e.stopPropagation(),H()},W=e=>{if(y){k(e),v&&(d?.(e),D(!1));return}d?.(e),(_||v)&&e.from&&e.to&&D(!1)};return(0,c.jsx)(`div`,{"data-slot":`date-range-picker`,className:t.cn(`w-full`,e),children:(0,c.jsxs)(r.Popover,{open:E,onOpenChange:D,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:m,className:t.cn(`group min-h-11 w-full justify-start gap-3 rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 px-3 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,!M&&`text-muted-foreground`,x)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`,className:t.cn(M&&`text-primary`)}),M?(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-2`,children:[(0,c.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:f?.start??`Start`}),(0,c.jsx)(`span`,{className:`truncate text-sm font-semibold text-foreground`,children:A?g(A):`...`})]}),(0,c.jsx)(`span`,{className:`text-muted-foreground`,children:`-`}),(0,c.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:f?.end??`End`}),(0,c.jsx)(`span`,{className:`truncate text-sm font-semibold text-foreground`,children:j?g(j):`...`})]})]}):(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Range`}),(0,c.jsx)(`span`,{className:`truncate text-sm`,children:L})]}),h&&M?(0,c.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":u(f?.clear,`Clear date range`),className:`ml-auto inline-flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,onClick:U,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),H())},children:(0,c.jsx)(s.XIcon,{className:`size-3.5`})}):null]}),(0,c.jsxs)(r.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,S),children:[b?.length?(0,c.jsx)(`div`,{className:`flex flex-wrap gap-2 border-b border-border/70 bg-muted/20 px-3 py-3`,children:b.map((e,t)=>(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,className:`h-7 rounded-full px-3 text-xs`,onClick:()=>W(e.value),children:e.label},t))}):null,(0,c.jsx)(a.Calendar,{mode:`range`,range:N,onRangeChange:z,labels:f,renderSelectionSummary:({range:e})=>{let t=e?.from?g(e.from):null,n=e?.to?g(e.to):null;return t&&n?`${t} -> ${n}`:t?`${t} -> ...`:`No range selected`},numberOfMonths:C,pagedNavigation:w,showClearShortcut:!y&&h,showSelectionSummary:!0,...T}),y&&(0,c.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-border/70 bg-muted/24 px-4 py-3`,children:[(0,c.jsx)(`div`,{className:`min-w-0 text-sm text-muted-foreground`,children:(0,c.jsx)(`span`,{className:`block truncate`,children:R})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:V,children:f?.clear??`Clear`}),(0,c.jsx)(n.Button,{type:`button`,size:`sm`,disabled:!I,onClick:B,children:f?.apply??`Apply`})]})]})]})]})})}exports.DateRangePicker=d;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/popover/index.cjs"),i=require("./date-utils.cjs"),a=require("./calendar.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=i.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u(e,t){return typeof e==`string`?e:t}function d({className:e,value:i,onValueChange:d,labels:f,placeholder:p,disabled:m=!1,clearable:h=!0,formatValue:g=l,closeOnSelect:_=!1,closeOnPresetSelect:v=!1,showFooter:y=!0,presets:b,triggerClassName:x,contentClassName:S,months:C,numberOfMonths:w=2,pagedNavigation:T=!0,...E}){let[D,O]=o.useState(!1),[k,A]=o.useState(i??{}),j=i?.from??``,M=i?.to??``,N=!!(j||M),P=y?k:i,F=P?.from??``,I=P?.to??``,L=!!(F||I),R=C??w,z=j&&M?`${g(j)} - ${g(M)}`:j?`${g(j)} - ...`:p??f?.placeholder??`Select date range`,B=F&&I?`${g(F)} - ${g(I)}`:F?`${g(F)} - ...`:f?.placeholder??`Select date range`;o.useEffect(()=>{D&&y&&A(i??{})},[D,y,i]);let V=e=>{if(y){A(e);return}d?.(e),_&&e.from&&e.to&&O(!1)},H=()=>{d?.(k),O(!1)},U=()=>{let e={};if(y){A(e);return}d?.(e)},W=()=>{let e={};A(e),d?.(e)},G=e=>{e.preventDefault(),e.stopPropagation(),W()},K=e=>{if(y){A(e),v&&(d?.(e),O(!1));return}d?.(e),(_||v)&&e.from&&e.to&&O(!1)};return(0,c.jsx)(`div`,{"data-slot":`date-range-picker`,className:t.cn(`w-full`,e),children:(0,c.jsxs)(r.Popover,{open:D,onOpenChange:O,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:m,className:t.cn(`group min-h-11 w-full justify-start gap-3 rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 px-3 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,!N&&`text-muted-foreground`,x)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`,className:t.cn(N&&`text-primary`)}),N?(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-2`,children:[(0,c.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:f?.start??`Start`}),(0,c.jsx)(`span`,{className:`truncate text-sm font-semibold text-foreground`,children:j?g(j):`...`})]}),(0,c.jsx)(`span`,{className:`text-muted-foreground`,children:`-`}),(0,c.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:f?.end??`End`}),(0,c.jsx)(`span`,{className:`truncate text-sm font-semibold text-foreground`,children:M?g(M):`...`})]})]}):(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Range`}),(0,c.jsx)(`span`,{className:`truncate text-sm`,children:z})]}),h&&N?(0,c.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":u(f?.clear,`Clear date range`),className:`ml-auto inline-flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,onClick:G,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),W())},children:(0,c.jsx)(s.XIcon,{className:`size-3.5`})}):null]}),(0,c.jsxs)(r.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,S),children:[b?.length?(0,c.jsx)(`div`,{className:`flex flex-wrap gap-2 border-b border-border/70 bg-muted/20 px-3 py-3`,children:b.map((e,t)=>(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,className:`h-7 rounded-full px-3 text-xs`,onClick:()=>K(e.value),children:e.label},t))}):null,(0,c.jsx)(a.Calendar,{mode:`range`,range:P,onRangeChange:V,labels:f,renderSelectionSummary:({range:e})=>{let t=e?.from?g(e.from):null,n=e?.to?g(e.to):null;return t&&n?`${t} -> ${n}`:t?`${t} -> ...`:`No range selected`},numberOfMonths:R,pagedNavigation:T,showClearShortcut:!y&&h,showSelectionSummary:!0,...E}),y&&(0,c.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-border/70 bg-muted/24 px-4 py-3`,children:[(0,c.jsx)(`div`,{className:`min-w-0 text-sm text-muted-foreground`,children:(0,c.jsx)(`span`,{className:`block truncate`,children:B})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:U,children:f?.clear??`Clear`}),(0,c.jsx)(n.Button,{type:`button`,size:`sm`,disabled:!L,onClick:H,children:f?.apply??`Apply`})]})]})]})]})})}exports.DateRangePicker=d;

package/dist/components/calendar/date-range-picker.d.ts

@@ -26,6 +26,7 @@ export type DateRangePickerProps = Omit<CalendarProps, "mode" | "value" | "onVal
     presets?: DateRangePickerPreset[];
     triggerClassName?: string;
     contentClassName?: string;
+    months?: number;
 };
-declare function DateRangePicker({ className, value, onValueChange, labels, placeholder, disabled, clearable, formatValue, closeOnSelect, closeOnPresetSelect, showFooter, presets, triggerClassName, contentClassName, numberOfMonths, pagedNavigation, ...calendarProps }: DateRangePickerProps): React.JSX.Element;
+declare function DateRangePicker({ className, value, onValueChange, labels, placeholder, disabled, clearable, formatValue, closeOnSelect, closeOnPresetSelect, showFooter, presets, triggerClassName, contentClassName, months, numberOfMonths, pagedNavigation, ...calendarProps }: DateRangePickerProps): React.JSX.Element;
 export { DateRangePicker };