@uselets/ui 1.20.3 → 2.0.0

package/dist/components/date-range-picker.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Button as t}from"./button.js";import{Calendar as n}from"./calendar.js";import{Input as r}from"./input.js";import{Popover as i,PopoverContent as a,PopoverTrigger as o}from"./popover.js";import{IconArrowRight as s,IconCalendar as c,IconChevronDown as l}from"@tabler/icons-react";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import*as p from"react";const m=p.createContext(null),h=[{label:`Hoje`,getRange:()=>{let e=startOfDay(new Date);return{from:e,to:e}}},{label:`Ontem`,getRange:()=>{let e=addDays(startOfDay(new Date),-1);return{from:e,to:e}}},{label:`Últimos 7 dias`,getRange:()=>{let e=startOfDay(new Date);return{from:addDays(e,-7),to:e}}},{label:`Últimos 15 dias`,getRange:()=>{let e=startOfDay(new Date);return{from:addDays(e,-15),to:e}}},{label:`Últimos 30 dias`,getRange:()=>{let e=startOfDay(new Date);return{from:addDays(e,-30),to:e}}},{label:`Últimos 60 dias`,getRange:()=>{let e=startOfDay(new Date);return{from:addDays(e,-60),to:e}}},{label:`Últimos 90 dias`,getRange:()=>{let e=startOfDay(new Date);return{from:addDays(e,-90),to:e}}},{label:`Semana passada`,getRange:()=>{let e=addDays(startOfWeek(new Date),-7);return{from:e,to:addDays(e,6)}}},{label:`Este mês`,getRange:()=>{let e=startOfDay(new Date);return{from:startOfMonth(e),to:e}}},{label:`Mês passado`,getRange:()=>{let e=new Date(new Date().getFullYear(),new Date().getMonth()-1,1);return{from:startOfMonth(e),to:endOfMonth(e)}}}];function DateRangePicker({value:e,defaultValue:t=null,onValueChange:n,onApply:r,onReset:a,open:o,defaultOpen:s=!1,onOpenChange:c,locale:l,placeholder:h=`Selecione um período`,children:g,..._}){let[v,y]=p.useState(t),[b,x]=p.useState(s),S=e!==void 0,C=o!==void 0,w=S?e??null:v,T=C?o:b,[E,D]=p.useState(()=>toDraft(w)),[O,k]=p.useState(()=>getRangeMonth(toDraft(w))),A=p.useCallback(e=>{let t=normalizeDraft(e);D(t);let n=getRangeMonth(t);n&&k(n)},[]),j=p.useCallback(e=>{S||y(e),n?.(e)},[S,n]),M=p.useCallback(e=>{if(e){let e=toDraft(w);D(e),k(getRangeMonth(e))}C||x(e),c?.(e)},[C,c,w]),N=p.useCallback(()=>{let e=toValue(E);j(e),r?.(e),M(!1)},[j,E,r,M]),P=p.useCallback(()=>{D(void 0),j(null),a?.(),M(!1)},[j,a,M]),F=p.useMemo(()=>({value:w,draft:E,month:O,locale:l,placeholder:h,setDraft:A,setMonth:k,apply:N,reset:P}),[N,E,l,O,h,P,A,w]);return d(m.Provider,{value:F,children:d(i,{open:T,onOpenChange:M,..._,children:g??f(u,{children:[d(DateRangePickerTrigger,{}),f(DateRangePickerContent,{children:[d(DateRangePickerPresets,{}),d(DateRangePickerDateFields,{}),d(DateRangePickerCalendar,{}),d(DateRangePickerActions,{})]})]})})})}function DateRangePickerTrigger({className:n,children:r,asChild:i=!1,variant:a=`outline`,color:s=`zinc`,type:p=`button`,...m}){return i?d(o,{asChild:!0,children:r}):d(o,{asChild:!0,children:d(t,{type:p,variant:a,color:s,className:e(`min-w-64 justify-between font-normal`,n),...m,children:r??f(u,{children:[d(c,{"data-icon":`inline-start`,className:`size-4 text-muted-foreground`}),d(DateRangePickerValue,{className:`flex-1 text-left`}),d(l,{"data-icon":`inline-end`,className:`size-4 text-muted-foreground`})]})})})}function DateRangePickerValue({className:t,placeholder:n,...r}){let{value:i,locale:a,placeholder:o}=useDateRangePicker();return d(`span`,{"data-slot":`date-range-picker-value`,className:e(`truncate`,t),...r,children:formatRange(i,a,n??o)})}function DateRangePickerContent({className:t,align:n=`start`,sideOffset:r=8,children:i,...o}){let s=p.Children.toArray(i),c=s.filter(isDateRangePickerPresetsElement),l=s.filter(e=>!isDateRangePickerPresetsElement(e));return d(a,{align:n,sideOffset:r,className:e(`w-[calc(100vw-(--spacing(4)))] max-w-2xl p-2`,t),...o,children:f(`div`,{"data-slot":`date-range-picker-content`,className:`grid gap-3 md:grid-cols-[10rem_minmax(0,1fr)]`,children:[c,d(`div`,{className:`flex min-w-0 flex-col gap-3`,children:l})]})})}function DateRangePickerPresets({className:t,presets:n=h,...r}){let{draft:i,setDraft:a}=useDateRangePicker(),o=getRelativeDaysValue(i,`today`),s=getRelativeDaysValue(i,`yesterday`);return f(`div`,{"data-slot":`date-range-picker-presets`,className:e(`hidden flex-col border-border pr-3 md:flex md:border-r`,t),...r,children:[n.map(e=>{let t=e.getRange(),n=isSameRange(i,t);return d(DateRangePickerPreset,{type:`button`,selected:n,onClick:()=>a(t),children:e.label},e.label)}),f(`div`,{className:`my-3 flex flex-col gap-2`,children:[d(DateRangePickerRelativeField,{label:`Dias até hoje`,value:o,onValueChange:e=>a(getRelativeDaysRange(e,`today`))}),d(DateRangePickerRelativeField,{label:`Dias até ontem`,value:s,onValueChange:e=>a(getRelativeDaysRange(e,`yesterday`))})]})]})}function DateRangePickerPreset({className:t,selected:n=!1,...r}){return d(`button`,{"data-slot":`date-range-picker-preset`,"data-selected":n,className:e(`flex h-8.5 w-full items-center border-l-3 border-border bg-transparent px-2 text-left text-sm text-foreground transition-colors outline-none`,`hover:border-primary hover:bg-primary-50 hover:text-primary-700 dark:hover:bg-primary-950 dark:hover:text-primary-300`,`focus-visible:border-primary focus-visible:ring-3 focus-visible:ring-ring/50`,`data-[selected=true]:border-primary data-[selected=true]:bg-primary-50 data-[selected=true]:text-primary-700 dark:data-[selected=true]:bg-primary-950 dark:data-[selected=true]:text-primary-300`,t),"aria-pressed":n,...r})}function DateRangePickerRelativeField({label:e,value:t,onValueChange:n}){let i=p.useId(),[a,o]=p.useState(()=>formatRelativeInputValue(t));return p.useEffect(()=>{o(formatRelativeInputValue(t))},[t]),f(`div`,{className:`flex items-center gap-2 text-sm text-foreground`,children:[d(r,{id:i,type:`number`,name:e,min:1,step:1,value:a,className:`h-7 w-9 rounded-md px-1 text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none`,"aria-label":e,onChange:e=>{let t=e.target.value;if(o(t),t===``)return;let r=parsePositiveInteger(t);r&&n(r)}}),d(`label`,{htmlFor:i,children:e})]})}function DateRangePickerCalendar({className:t,showOutsideDays:r=!1,onMonthChange:i,...a}){let{draft:o,locale:s,month:c,setDraft:l,setMonth:u}=useDateRangePicker();return d(n,{mode:`range`,numberOfMonths:2,showOutsideDays:r,month:c,onMonthChange:e=>{u(e),i?.(e)},selected:o,onSelect:l,locale:s,className:e(`mx-auto bg-transparent p-0`,t),...a})}function DateRangePickerDateFields({className:t,...n}){let{draft:i,setDraft:a}=useDateRangePicker();return f(`div`,{"data-slot":`date-range-picker-date-fields`,className:e(`pb-2 border-b flex justify-between gap-2 flex-wrap flex-col sm:flex-row sm:items-center`,t),...n,children:[d(r,{type:`date`,value:formatInputDate(i?.from),className:`sm:w-max`,onChange:e=>{if(e.target.value===``){a(void 0);return}let t=parseInputDate(e.target.value);t&&a(normalizeDraft({from:t,to:i?.to}))}}),d(s,{className:`size-4 text-primary hidden sm:block`}),d(r,{type:`date`,value:formatInputDate(i?.to),className:`sm:w-max`,onChange:e=>{if(e.target.value===``){a(void 0);return}let t=parseInputDate(e.target.value);t&&a(normalizeDraft({from:i?.from,to:t}))}})]})}function DateRangePickerActions({className:t,children:n,...r}){return d(`div`,{"data-slot":`date-range-picker-actions`,className:e(`flex items-center gap-2 mt-auto`,t),...r,children:n??f(u,{children:[d(DateRangePickerReset,{}),d(DateRangePickerApply,{})]})})}function DateRangePickerApply({children:n=`Aplicar`,onClick:r,className:i,...a}){let{apply:o}=useDateRangePicker();return d(t,{size:`sm`,className:e(`flex-1`,i),onClick:e=>{r?.(e),e.defaultPrevented||o()},...a,children:n})}function DateRangePickerReset({children:n=`Resetar`,onClick:r,variant:i=`outline`,color:a=`zinc`,className:o,...s}){let{reset:c}=useDateRangePicker();return d(t,{size:`sm`,className:e(`flex-1`,o),variant:i,color:a,onClick:e=>{r?.(e),e.defaultPrevented||c()},...s,children:n})}function useDateRangePicker(){let e=p.useContext(m);if(!e)throw Error(`DateRangePicker components must be used within DateRangePicker.`);return e}function isDateRangePickerPresetsElement(e){return p.isValidElement(e)&&e.type===DateRangePickerPresets}function toDraft(e){return normalizeDraft(e??void 0)}function toValue(e){return normalizeDraft(e)??null}function getRangeMonth(e){return startOfDay(e?.from??e?.to??new Date)}function normalizeDraft(e){if(e?.from||e?.to)return e.from&&e.to&&e.from>e.to?{from:startOfDay(e.to),to:startOfDay(e.from)}:{from:e.from?startOfDay(e.from):void 0,to:e.to?startOfDay(e.to):void 0}}function formatRange(e,t,n){return!e?.from&&!e?.to?n:e.from&&e.to?`${formatDisplayDate(e.from,t)} - ${formatDisplayDate(e.to,t)}`:formatDisplayDate(e.from??e.to,t)}function formatDisplayDate(e,t){return e?new Intl.DateTimeFormat(t?.code??`pt-BR`,{day:`2-digit`,month:`2-digit`,year:`numeric`}).format(e):``}function formatInputDate(e){return e?`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`:``}function parseInputDate(e){if(!e)return;let t=/^(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})$/.exec(e);if(!t?.groups)return;let n=Number(t.groups.year),r=Number(t.groups.month),i=Number(t.groups.day),a=new Date(n,r-1,i);if(a.getFullYear()===n&&a.getMonth()===r-1&&a.getDate()===i)return a}function parsePositiveInteger(e){if(!e)return;let t=Number(e);if(!(!Number.isInteger(t)||t<1))return t}function formatRelativeInputValue(e){return e?String(e):``}function getRelativeDaysRange(e,t){let n=startOfDay(new Date),r=t===`today`?addDays(n,-1):addDays(n,-2);return{from:addDays(r,-e+1),to:r}}function getRelativeDaysValue(e,t){if(!e?.from||!e.to)return;let n=startOfDay(new Date),r=t===`today`?addDays(n,-1):addDays(n,-2);if(!isSameDay(e.to,r))return;let i=differenceInCalendarDays(r,startOfDay(e.from))+1;return i>0?i:void 0}function isSameRange(e,t){return isSameDay(e?.from,t?.from)&&isSameDay(e?.to,t?.to)}function isSameDay(e,t){return!e||!t?e===t:e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function startOfDay(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}function startOfWeek(e){let t=startOfDay(e);return addDays(t,-t.getDay())}function startOfMonth(e){return new Date(e.getFullYear(),e.getMonth(),1)}function endOfMonth(e){return new Date(e.getFullYear(),e.getMonth()+1,0)}function differenceInCalendarDays(e,t){return Math.round((startOfDay(e).getTime()-startOfDay(t).getTime())/864e5)}function addDays(e,t){let n=startOfDay(e);return n.setDate(n.getDate()+t),n}export{DateRangePicker,DateRangePickerActions,DateRangePickerApply,DateRangePickerCalendar,DateRangePickerContent,DateRangePickerDateFields,DateRangePickerPreset,DateRangePickerPresets,DateRangePickerReset,DateRangePickerTrigger,DateRangePickerValue};
+import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{t}from"../resolve-class-name-BurP8ngI.js";import{Button as n}from"./button.js";import{Calendar as r}from"./calendar.js";import{Input as i}from"./input.js";import{Popover as a,PopoverContent as o,PopoverTrigger as s}from"./popover.js";import{IconArrowRight as c,IconCalendar as l,IconChevronDown as u}from"@tabler/icons-react";import*as d from"react";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";const h=d.createContext(null),g=[{label:`Hoje`,getRange:()=>{let e=startOfDay(/* @__PURE__ */ new Date);return{from:e,to:e}}},{label:`Ontem`,getRange:()=>{let e=addDays(startOfDay(/* @__PURE__ */ new Date),-1);return{from:e,to:e}}},{label:`Últimos 7 dias`,getRange:()=>{let e=startOfDay(/* @__PURE__ */ new Date);return{from:addDays(e,-7),to:e}}},{label:`Últimos 15 dias`,getRange:()=>{let e=startOfDay(/* @__PURE__ */ new Date);return{from:addDays(e,-15),to:e}}},{label:`Últimos 30 dias`,getRange:()=>{let e=startOfDay(/* @__PURE__ */ new Date);return{from:addDays(e,-30),to:e}}},{label:`Últimos 60 dias`,getRange:()=>{let e=startOfDay(/* @__PURE__ */ new Date);return{from:addDays(e,-60),to:e}}},{label:`Últimos 90 dias`,getRange:()=>{let e=startOfDay(/* @__PURE__ */ new Date);return{from:addDays(e,-90),to:e}}},{label:`Semana passada`,getRange:()=>{let e=addDays(startOfWeek(/* @__PURE__ */ new Date),-7);return{from:e,to:addDays(e,6)}}},{label:`Este mês`,getRange:()=>{let e=startOfDay(/* @__PURE__ */ new Date);return{from:startOfMonth(e),to:e}}},{label:`Mês passado`,getRange:()=>{let e=new Date((/* @__PURE__ */ new Date()).getFullYear(),(/* @__PURE__ */ new Date()).getMonth()-1,1);return{from:startOfMonth(e),to:endOfMonth(e)}}}];function DateRangePicker({value:e,defaultValue:t=null,onValueChange:n,onApply:r,onReset:i,open:o,defaultOpen:s=!1,onOpenChange:c,locale:l,placeholder:u=`Selecione um período`,children:g,..._}){let[v,y]=d.useState(t),[b,x]=d.useState(s),S=e!==void 0,C=o!==void 0,w=S?e??null:v,T=C?o:b,[E,D]=d.useState(()=>toDraft(w)),[O,k]=d.useState(()=>getRangeMonth(toDraft(w))),A=d.useCallback(e=>{let t=normalizeDraft(e);D(t);let n=getRangeMonth(t);n&&k(n)},[]),j=d.useCallback(e=>{S||y(e),n?.(e)},[S,n]),M=d.useCallback(e=>{if(e){let e=toDraft(w);D(e),k(getRangeMonth(e))}C||x(e),c?.(e)},[C,c,w]),N=d.useCallback(()=>{let e=toValue(E);j(e),r?.(e),M(!1)},[j,E,r,M]),P=d.useCallback(()=>{D(void 0),j(null),i?.(),M(!1)},[j,i,M]),F=d.useMemo(()=>({value:w,draft:E,month:O,locale:l,placeholder:u,setDraft:A,setMonth:k,apply:N,reset:P}),[N,E,l,O,u,P,A,w]);return/* @__PURE__ */ p(h.Provider,{value:F,children:/* @__PURE__ */ p(a,{open:T,onOpenChange:M,..._,children:g??/* @__PURE__ */ m(f,{children:[/* @__PURE__ */ p(DateRangePickerTrigger,{}),/* @__PURE__ */ m(DateRangePickerContent,{children:[/* @__PURE__ */ p(DateRangePickerPresets,{}),/* @__PURE__ */ p(DateRangePickerDateFields,{}),/* @__PURE__ */ p(DateRangePickerCalendar,{}),/* @__PURE__ */ p(DateRangePickerActions,{})]})]})})})}function DateRangePickerTrigger({className:t,children:r,asChild:i=!1,variant:a=`secondary`,type:o,...c}){return i?/* @__PURE__ */ p(s,{asChild:!0,className:t,type:o,...c,children:r}):/* @__PURE__ */ p(s,{asChild:!0,children:/* @__PURE__ */ p(n,{type:o??`button`,variant:a,className:e(`min-w-64 justify-between font-normal`,t),...c,children:r??/* @__PURE__ */ m(f,{children:[/* @__PURE__ */ p(l,{"data-icon":`inline-start`,className:`size-4 text-muted-foreground`}),/* @__PURE__ */ p(DateRangePickerValue,{className:`flex-1 text-left`}),/* @__PURE__ */ p(u,{"data-icon":`inline-end`,className:`size-4 text-muted-foreground`})]})})})}function DateRangePickerValue({className:t,placeholder:n,...r}){let{value:i,locale:a,placeholder:o}=useDateRangePicker();return/* @__PURE__ */ p(`span`,{"data-slot":`date-range-picker-value`,className:e(`truncate`,t),...r,children:formatRange(i,a,n??o)})}function DateRangePickerContent({className:n,align:r=`start`,sideOffset:i=8,children:a,...s}){let c=d.Children.toArray(a),l=c.filter(isDateRangePickerPresetsElement),u=c.filter(e=>!isDateRangePickerPresetsElement(e));return/* @__PURE__ */ p(o,{align:r,sideOffset:i,className:r=>e(`w-[calc(100vw-(--spacing(4)))] max-w-2xl p-2`,t(n,r)),...s,children:/* @__PURE__ */ m(`div`,{"data-slot":`date-range-picker-content`,className:`grid gap-3 md:grid-cols-[10rem_minmax(0,1fr)]`,children:[l,/* @__PURE__ */ p(`div`,{className:`flex min-w-0 flex-col gap-3`,children:u})]})})}function DateRangePickerPresets({className:t,presets:n=g,...r}){let{draft:i,setDraft:a}=useDateRangePicker(),o=getRelativeDaysValue(i,`today`),s=getRelativeDaysValue(i,`yesterday`);return/* @__PURE__ */ m(`div`,{"data-slot":`date-range-picker-presets`,className:e(`hidden flex-col border-border pr-3 md:flex md:border-r`,t),...r,children:[n.map(e=>{let t=e.getRange(),n=isSameRange(i,t);return/* @__PURE__ */ p(DateRangePickerPreset,{type:`button`,selected:n,onClick:()=>a(t),children:e.label},e.label)}),/* @__PURE__ */ m(`div`,{className:`my-3 flex flex-col gap-2`,children:[/* @__PURE__ */ p(DateRangePickerRelativeField,{label:`Dias até hoje`,value:o,onValueChange:e=>a(getRelativeDaysRange(e,`today`))}),/* @__PURE__ */ p(DateRangePickerRelativeField,{label:`Dias até ontem`,value:s,onValueChange:e=>a(getRelativeDaysRange(e,`yesterday`))})]})]})}function DateRangePickerPreset({className:t,selected:n=!1,...r}){return/* @__PURE__ */ p(`button`,{"data-slot":`date-range-picker-preset`,"data-selected":n,className:e(`flex h-8.5 w-full items-center border-l-3 border-border bg-transparent px-2 text-left text-sm text-foreground transition-colors outline-none`,`hover:border-primary hover:bg-primary-50 hover:text-primary-700 dark:hover:bg-primary-950 dark:hover:text-primary-300`,`focus-visible:border-primary focus-visible:ring-3 focus-visible:ring-ring/50`,`data-[selected=true]:border-primary data-[selected=true]:bg-primary-50 data-[selected=true]:text-primary-700 dark:data-[selected=true]:bg-primary-950 dark:data-[selected=true]:text-primary-300`,t),"aria-pressed":n,...r})}function DateRangePickerRelativeField({label:e,value:t,onValueChange:n}){let r=d.useId(),[a,o]=d.useState(()=>formatRelativeInputValue(t));return d.useEffect(()=>{o(formatRelativeInputValue(t))},[t]),/* @__PURE__ */ m(`div`,{className:`flex items-center gap-2 text-sm text-foreground`,children:[/* @__PURE__ */ p(i,{id:r,type:`number`,name:e,min:1,step:1,value:a,className:`h-7 w-9 rounded-md px-1 text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none`,"aria-label":e,onChange:e=>{let t=e.target.value;if(o(t),t===``)return;let r=parsePositiveInteger(t);r&&n(r)}}),/* @__PURE__ */ p(`label`,{htmlFor:r,children:e})]})}function DateRangePickerCalendar({className:t,showOutsideDays:n=!1,onMonthChange:i,...a}){let{draft:o,locale:s,month:c,setDraft:l,setMonth:u}=useDateRangePicker();return/* @__PURE__ */ p(r,{mode:`range`,numberOfMonths:2,showOutsideDays:n,month:c,onMonthChange:e=>{u(e),i?.(e)},selected:o,onSelect:l,locale:s,className:e(`mx-auto bg-transparent p-0`,t),...a})}function DateRangePickerDateFields({className:t,...n}){let{draft:r,setDraft:a}=useDateRangePicker();return/* @__PURE__ */ m(`div`,{"data-slot":`date-range-picker-date-fields`,className:e(`pb-2 border-b flex justify-between gap-2 flex-wrap flex-col sm:flex-row sm:items-center`,t),...n,children:[/* @__PURE__ */ p(i,{type:`date`,value:formatInputDate(r?.from),className:`sm:w-max`,onChange:e=>{if(e.target.value===``){a(void 0);return}let t=parseInputDate(e.target.value);t&&a(normalizeDraft({from:t,to:r?.to}))}}),/* @__PURE__ */ p(c,{className:`size-4 text-primary hidden sm:block`}),/* @__PURE__ */ p(i,{type:`date`,value:formatInputDate(r?.to),className:`sm:w-max`,onChange:e=>{if(e.target.value===``){a(void 0);return}let t=parseInputDate(e.target.value);t&&a(normalizeDraft({from:r?.from,to:t}))}})]})}function DateRangePickerActions({className:t,children:n,...r}){return/* @__PURE__ */ p(`div`,{"data-slot":`date-range-picker-actions`,className:e(`flex items-center gap-2 mt-auto`,t),...r,children:n??/* @__PURE__ */ m(f,{children:[/* @__PURE__ */ p(DateRangePickerReset,{}),/* @__PURE__ */ p(DateRangePickerApply,{})]})})}function DateRangePickerApply({children:t=`Aplicar`,onClick:r,className:i,...a}){let{apply:o}=useDateRangePicker();return/* @__PURE__ */ p(n,{size:`sm`,className:e(`flex-1`,i),onClick:e=>{r?.(e),e.defaultPrevented||o()},...a,children:t})}function DateRangePickerReset({children:t=`Resetar`,onClick:r,variant:i=`secondary`,className:a,...o}){let{reset:s}=useDateRangePicker();return/* @__PURE__ */ p(n,{size:`sm`,className:e(`flex-1`,a),variant:i,onClick:e=>{r?.(e),e.defaultPrevented||s()},...o,children:t})}function useDateRangePicker(){let e=d.useContext(h);if(!e)throw Error(`DateRangePicker components must be used within DateRangePicker.`);return e}function isDateRangePickerPresetsElement(e){return d.isValidElement(e)&&e.type===DateRangePickerPresets}function toDraft(e){return normalizeDraft(e??void 0)}function toValue(e){return normalizeDraft(e)??null}function getRangeMonth(e){return startOfDay(e?.from??e?.to??/* @__PURE__ */ new Date)}function normalizeDraft(e){if(e?.from||e?.to)return e.from&&e.to&&e.from>e.to?{from:startOfDay(e.to),to:startOfDay(e.from)}:{from:e.from?startOfDay(e.from):void 0,to:e.to?startOfDay(e.to):void 0}}function formatRange(e,t,n){return!e?.from&&!e?.to?n:e.from&&e.to?`${formatDisplayDate(e.from,t)} - ${formatDisplayDate(e.to,t)}`:formatDisplayDate(e.from??e.to,t)}function formatDisplayDate(e,t){return e?new Intl.DateTimeFormat(t?.code??`pt-BR`,{day:`2-digit`,month:`2-digit`,year:`numeric`}).format(e):``}function formatInputDate(e){return e?`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`:``}function parseInputDate(e){if(!e)return;let t=/^(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})$/.exec(e);if(!t?.groups)return;let n=Number(t.groups.year),r=Number(t.groups.month),i=Number(t.groups.day),a=new Date(n,r-1,i);if(a.getFullYear()===n&&a.getMonth()===r-1&&a.getDate()===i)return a}function parsePositiveInteger(e){if(!e)return;let t=Number(e);if(!(!Number.isInteger(t)||t<1))return t}function formatRelativeInputValue(e){return e?String(e):``}function getRelativeDaysRange(e,t){let n=startOfDay(/* @__PURE__ */ new Date),r=t===`today`?addDays(n,-1):addDays(n,-2);return{from:addDays(r,-e+1),to:r}}function getRelativeDaysValue(e,t){if(!e?.from||!e.to)return;let n=startOfDay(/* @__PURE__ */ new Date),r=t===`today`?addDays(n,-1):addDays(n,-2);if(!isSameDay(e.to,r))return;let i=differenceInCalendarDays(r,startOfDay(e.from))+1;return i>0?i:void 0}function isSameRange(e,t){return isSameDay(e?.from,t?.from)&&isSameDay(e?.to,t?.to)}function isSameDay(e,t){return!e||!t?e===t:e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function startOfDay(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}function startOfWeek(e){let t=startOfDay(e);return addDays(t,-t.getDay())}function startOfMonth(e){return new Date(e.getFullYear(),e.getMonth(),1)}function endOfMonth(e){return new Date(e.getFullYear(),e.getMonth()+1,0)}function differenceInCalendarDays(e,t){return Math.round((startOfDay(e).getTime()-startOfDay(t).getTime())/864e5)}function addDays(e,t){let n=startOfDay(e);return n.setDate(n.getDate()+t),n}export{DateRangePicker,DateRangePickerActions,DateRangePickerApply,DateRangePickerCalendar,DateRangePickerContent,DateRangePickerDateFields,DateRangePickerPreset,DateRangePickerPresets,DateRangePickerReset,DateRangePickerTrigger,DateRangePickerValue};
 //# sourceMappingURL=date-range-picker.js.map

package/dist/components/date-range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.js","names":[],"sources":["../../src/components/date-range-picker.tsx"],"sourcesContent":["import * as React from 'react'\nimport type { Locale } from 'react-day-picker'\n\nimport { IconArrowRight, IconCalendar, IconChevronDown } from '@tabler/icons-react'\n\nimport { cn } from '../lib/utils'\nimport { Button } from './button'\nimport { Calendar, type DateRange } from './calendar'\nimport { Input } from './input'\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\n\ntype DateRangePickerContextValue = {\n  value: DateRange | null\n  draft: DateRange | undefined\n  month: Date\n  locale?: Partial<Locale>\n  placeholder: string\n  setDraft: (range: DateRange | undefined) => void\n  setMonth: (month: Date) => void\n  apply: () => void\n  reset: () => void\n}\n\nconst DateRangePickerContext = React.createContext<DateRangePickerContextValue | null>(null)\n\nconst defaultPlaceholder = 'Selecione um período'\n\nconst defaultPresetDefinitions = [\n  {\n    label: 'Hoje',\n    getRange: () => {\n      const today = startOfDay(new Date())\n      return { from: today, to: today }\n    }\n  },\n  {\n    label: 'Ontem',\n    getRange: () => {\n      const yesterday = addDays(startOfDay(new Date()), -1)\n      return { from: yesterday, to: yesterday }\n    }\n  },\n  {\n    label: 'Últimos 7 dias',\n    getRange: () => {\n      const today = startOfDay(new Date())\n      return { from: addDays(today, -7), to: today }\n    }\n  },\n  {\n    label: 'Últimos 15 dias',\n    getRange: () => {\n      const today = startOfDay(new Date())\n      return { from: addDays(today, -15), to: today }\n    }\n  },\n  {\n    label: 'Últimos 30 dias',\n    getRange: () => {\n      const today = startOfDay(new Date())\n      return { from: addDays(today, -30), to: today }\n    }\n  },\n  {\n    label: 'Últimos 60 dias',\n    getRange: () => {\n      const today = startOfDay(new Date())\n      return { from: addDays(today, -60), to: today }\n    }\n  },\n  {\n    label: 'Últimos 90 dias',\n    getRange: () => {\n      const today = startOfDay(new Date())\n      return { from: addDays(today, -90), to: today }\n    }\n  },\n  {\n    label: 'Semana passada',\n    getRange: () => {\n      const previousWeekStart = addDays(startOfWeek(new Date()), -7)\n      return { from: previousWeekStart, to: addDays(previousWeekStart, 6) }\n    }\n  },\n  {\n    label: 'Este mês',\n    getRange: () => {\n      const today = startOfDay(new Date())\n      return { from: startOfMonth(today), to: today }\n    }\n  },\n  {\n    label: 'Mês passado',\n    getRange: () => {\n      const previousMonth = new Date(new Date().getFullYear(), new Date().getMonth() - 1, 1)\n      return { from: startOfMonth(previousMonth), to: endOfMonth(previousMonth) }\n    }\n  }\n] satisfies DateRangePickerPresetOption[]\n\nexport type DateRangePickerPresetOption = {\n  label: string\n  getRange: () => DateRange\n}\n\nexport type DateRangePickerProps = Omit<\n  React.ComponentProps<typeof Popover>,\n  'open' | 'defaultOpen' | 'onOpenChange'\n> & {\n  value?: DateRange | null\n  defaultValue?: DateRange | null\n  onValueChange?: (range: DateRange | null) => void\n  onApply?: (range: DateRange | null) => void\n  onReset?: () => void\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  locale?: Partial<Locale>\n  placeholder?: string\n}\n\nexport type DateRangePickerTriggerProps = React.ComponentProps<typeof Button> & {\n  asChild?: boolean\n}\n\nexport type DateRangePickerValueProps = React.ComponentProps<'span'> & {\n  placeholder?: string\n}\n\nexport type DateRangePickerContentProps = React.ComponentProps<typeof PopoverContent>\n\nexport type DateRangePickerPresetsProps = React.ComponentProps<'div'> & {\n  presets?: DateRangePickerPresetOption[]\n}\n\nexport type DateRangePickerPresetProps = React.ComponentProps<'button'> & {\n  selected?: boolean\n}\n\nexport type DateRangePickerCalendarProps = Omit<\n  React.ComponentProps<typeof Calendar>,\n  'mode' | 'numberOfMonths' | 'selected' | 'onSelect' | 'month' | 'defaultMonth'\n>\n\nexport type DateRangePickerDateFieldsProps = React.ComponentProps<'div'>\n\nexport type DateRangePickerActionsProps = React.ComponentProps<'div'>\n\nexport type DateRangePickerApplyProps = React.ComponentProps<typeof Button>\n\nexport type DateRangePickerResetProps = React.ComponentProps<typeof Button>\n\nfunction DateRangePicker({\n  value: valueProp,\n  defaultValue = null,\n  onValueChange,\n  onApply,\n  onReset,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  locale,\n  placeholder = defaultPlaceholder,\n  children,\n  ...props\n}: DateRangePickerProps) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<DateRange | null>(defaultValue)\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n\n  const isValueControlled = valueProp !== undefined\n  const isOpenControlled = openProp !== undefined\n  const value = isValueControlled ? (valueProp ?? null) : uncontrolledValue\n  const open = isOpenControlled ? openProp : uncontrolledOpen\n\n  const [draft, setDraft] = React.useState<DateRange | undefined>(() => toDraft(value))\n  const [month, setMonth] = React.useState<Date>(() => getRangeMonth(toDraft(value)))\n\n  const updateDraft = React.useCallback((nextDraft: DateRange | undefined) => {\n    const normalizedDraft = normalizeDraft(nextDraft)\n    setDraft(normalizedDraft)\n\n    const nextMonth = getRangeMonth(normalizedDraft)\n    if (nextMonth) {\n      setMonth(nextMonth)\n    }\n  }, [])\n\n  const commitValue = React.useCallback(\n    (nextValue: DateRange | null) => {\n      if (!isValueControlled) {\n        setUncontrolledValue(nextValue)\n      }\n\n      onValueChange?.(nextValue)\n    },\n    [isValueControlled, onValueChange]\n  )\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (nextOpen) {\n        const nextDraft = toDraft(value)\n        setDraft(nextDraft)\n        setMonth(getRangeMonth(nextDraft))\n      }\n\n      if (!isOpenControlled) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [isOpenControlled, onOpenChange, value]\n  )\n\n  const apply = React.useCallback(() => {\n    const nextValue = toValue(draft)\n    commitValue(nextValue)\n    onApply?.(nextValue)\n    setOpen(false)\n  }, [commitValue, draft, onApply, setOpen])\n\n  const reset = React.useCallback(() => {\n    setDraft(undefined)\n    commitValue(null)\n    onReset?.()\n    setOpen(false)\n  }, [commitValue, onReset, setOpen])\n\n  const context = React.useMemo<DateRangePickerContextValue>(\n    () => ({\n      value,\n      draft,\n      month,\n      locale,\n      placeholder,\n      setDraft: updateDraft,\n      setMonth,\n      apply,\n      reset\n    }),\n    [apply, draft, locale, month, placeholder, reset, updateDraft, value]\n  )\n\n  return (\n    <DateRangePickerContext.Provider value={context}>\n      <Popover open={open} onOpenChange={setOpen} {...props}>\n        {children ?? (\n          <>\n            <DateRangePickerTrigger />\n            <DateRangePickerContent>\n              <DateRangePickerPresets />\n              <DateRangePickerDateFields />\n              <DateRangePickerCalendar />\n              <DateRangePickerActions />\n            </DateRangePickerContent>\n          </>\n        )}\n      </Popover>\n    </DateRangePickerContext.Provider>\n  )\n}\n\nfunction DateRangePickerTrigger({\n  className,\n  children,\n  asChild = false,\n  variant = 'outline',\n  color = 'zinc',\n  type = 'button',\n  ...props\n}: DateRangePickerTriggerProps) {\n  if (asChild) {\n    return <PopoverTrigger asChild>{children}</PopoverTrigger>\n  }\n\n  return (\n    <PopoverTrigger asChild>\n      <Button\n        type={type}\n        variant={variant}\n        color={color}\n        className={cn('min-w-64 justify-between font-normal', className)}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <IconCalendar data-icon=\"inline-start\" className=\"size-4 text-muted-foreground\" />\n            <DateRangePickerValue className=\"flex-1 text-left\" />\n            <IconChevronDown data-icon=\"inline-end\" className=\"size-4 text-muted-foreground\" />\n          </>\n        )}\n      </Button>\n    </PopoverTrigger>\n  )\n}\n\nfunction DateRangePickerValue({ className, placeholder, ...props }: DateRangePickerValueProps) {\n  const { value, locale, placeholder: contextPlaceholder } = useDateRangePicker()\n\n  return (\n    <span data-slot=\"date-range-picker-value\" className={cn('truncate', className)} {...props}>\n      {formatRange(value, locale, placeholder ?? contextPlaceholder)}\n    </span>\n  )\n}\n\nfunction DateRangePickerContent({\n  className,\n  align = 'start',\n  sideOffset = 8,\n  children,\n  ...props\n}: DateRangePickerContentProps) {\n  const childArray = React.Children.toArray(children)\n  const presets = childArray.filter(isDateRangePickerPresetsElement)\n  const content = childArray.filter((child) => !isDateRangePickerPresetsElement(child))\n\n  return (\n    <PopoverContent\n      align={align}\n      sideOffset={sideOffset}\n      className={cn('w-[calc(100vw-(--spacing(4)))] max-w-2xl p-2', className)}\n      {...props}\n    >\n      <div data-slot=\"date-range-picker-content\" className=\"grid gap-3 md:grid-cols-[10rem_minmax(0,1fr)]\">\n        {presets}\n        <div className=\"flex min-w-0 flex-col gap-3\">{content}</div>\n      </div>\n    </PopoverContent>\n  )\n}\n\nfunction DateRangePickerPresets({\n  className,\n  presets = defaultPresetDefinitions,\n  ...props\n}: DateRangePickerPresetsProps) {\n  const { draft, setDraft } = useDateRangePicker()\n  const todayRelativeValue = getRelativeDaysValue(draft, 'today')\n  const yesterdayRelativeValue = getRelativeDaysValue(draft, 'yesterday')\n\n  return (\n    <div\n      data-slot=\"date-range-picker-presets\"\n      className={cn('hidden flex-col border-border pr-3 md:flex md:border-r', className)}\n      {...props}\n    >\n      {presets.map((preset) => {\n        const range = preset.getRange()\n        const selected = isSameRange(draft, range)\n\n        return (\n          <DateRangePickerPreset key={preset.label} type=\"button\" selected={selected} onClick={() => setDraft(range)}>\n            {preset.label}\n          </DateRangePickerPreset>\n        )\n      })}\n\n      <div className=\"my-3 flex flex-col gap-2\">\n        <DateRangePickerRelativeField\n          label=\"Dias até hoje\"\n          value={todayRelativeValue}\n          onValueChange={(days) => setDraft(getRelativeDaysRange(days, 'today'))}\n        />\n        <DateRangePickerRelativeField\n          label=\"Dias até ontem\"\n          value={yesterdayRelativeValue}\n          onValueChange={(days) => setDraft(getRelativeDaysRange(days, 'yesterday'))}\n        />\n      </div>\n    </div>\n  )\n}\n\nfunction DateRangePickerPreset({ className, selected = false, ...props }: DateRangePickerPresetProps) {\n  return (\n    <button\n      data-slot=\"date-range-picker-preset\"\n      data-selected={selected}\n      className={cn(\n        'flex h-8.5 w-full items-center border-l-3 border-border bg-transparent px-2 text-left text-sm text-foreground transition-colors outline-none',\n        'hover:border-primary hover:bg-primary-50 hover:text-primary-700 dark:hover:bg-primary-950 dark:hover:text-primary-300',\n        'focus-visible:border-primary focus-visible:ring-3 focus-visible:ring-ring/50',\n        'data-[selected=true]:border-primary data-[selected=true]:bg-primary-50 data-[selected=true]:text-primary-700 dark:data-[selected=true]:bg-primary-950 dark:data-[selected=true]:text-primary-300',\n        className\n      )}\n      aria-pressed={selected}\n      {...props}\n    />\n  )\n}\n\nfunction DateRangePickerRelativeField({\n  label,\n  value,\n  onValueChange\n}: {\n  label: string\n  value: number | undefined\n  onValueChange: (days: number) => void\n}) {\n  const id = React.useId()\n  const [inputValue, setInputValue] = React.useState(() => formatRelativeInputValue(value))\n\n  React.useEffect(() => {\n    setInputValue(formatRelativeInputValue(value))\n  }, [value])\n\n  return (\n    <div className=\"flex items-center gap-2 text-sm text-foreground\">\n      <Input\n        id={id}\n        type=\"number\"\n        name={label}\n        min={1}\n        step={1}\n        value={inputValue}\n        className=\"h-7 w-9 rounded-md px-1 text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none\"\n        aria-label={label}\n        onChange={(event) => {\n          const nextValue = event.target.value\n          setInputValue(nextValue)\n\n          if (nextValue === '') return\n\n          const days = parsePositiveInteger(nextValue)\n          if (!days) return\n          onValueChange(days)\n        }}\n      />\n      <label htmlFor={id}>{label}</label>\n    </div>\n  )\n}\n\nfunction DateRangePickerCalendar({\n  className,\n  showOutsideDays = false,\n  onMonthChange,\n  ...props\n}: DateRangePickerCalendarProps) {\n  const { draft, locale, month, setDraft, setMonth } = useDateRangePicker()\n\n  return (\n    <Calendar\n      mode=\"range\"\n      numberOfMonths={2}\n      showOutsideDays={showOutsideDays}\n      month={month}\n      onMonthChange={(nextMonth) => {\n        setMonth(nextMonth)\n        onMonthChange?.(nextMonth)\n      }}\n      selected={draft}\n      onSelect={setDraft}\n      locale={locale}\n      className={cn('mx-auto bg-transparent p-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DateRangePickerDateFields({ className, ...props }: DateRangePickerDateFieldsProps) {\n  const { draft, setDraft } = useDateRangePicker()\n\n  return (\n    <div\n      data-slot=\"date-range-picker-date-fields\"\n      className={cn(\n        'pb-2 border-b flex justify-between gap-2 flex-wrap flex-col sm:flex-row sm:items-center',\n        className\n      )}\n      {...props}\n    >\n      <Input\n        type=\"date\"\n        value={formatInputDate(draft?.from)}\n        className=\"sm:w-max\"\n        onChange={(event) => {\n          if (event.target.value === '') {\n            setDraft(undefined)\n            return\n          }\n\n          const date = parseInputDate(event.target.value)\n          if (!date) return\n          setDraft(normalizeDraft({ from: date, to: draft?.to }))\n        }}\n      />\n      <IconArrowRight className=\"size-4 text-primary hidden sm:block\" />\n      <Input\n        type=\"date\"\n        value={formatInputDate(draft?.to)}\n        className=\"sm:w-max\"\n        onChange={(event) => {\n          if (event.target.value === '') {\n            setDraft(undefined)\n            return\n          }\n\n          const date = parseInputDate(event.target.value)\n          if (!date) return\n          setDraft(normalizeDraft({ from: draft?.from, to: date }))\n        }}\n      />\n    </div>\n  )\n}\n\nfunction DateRangePickerActions({ className, children, ...props }: DateRangePickerActionsProps) {\n  return (\n    <div data-slot=\"date-range-picker-actions\" className={cn('flex items-center gap-2 mt-auto', className)} {...props}>\n      {children ?? (\n        <>\n          <DateRangePickerReset />\n          <DateRangePickerApply />\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction DateRangePickerApply({ children = 'Aplicar', onClick, className, ...props }: DateRangePickerApplyProps) {\n  const { apply } = useDateRangePicker()\n\n  return (\n    <Button\n      size=\"sm\"\n      className={cn('flex-1', className)}\n      onClick={(event) => {\n        onClick?.(event)\n        if (!event.defaultPrevented) {\n          apply()\n        }\n      }}\n      {...props}\n    >\n      {children}\n    </Button>\n  )\n}\n\nfunction DateRangePickerReset({\n  children = 'Resetar',\n  onClick,\n  variant = 'outline',\n  color = 'zinc',\n  className,\n  ...props\n}: DateRangePickerResetProps) {\n  const { reset } = useDateRangePicker()\n\n  return (\n    <Button\n      size=\"sm\"\n      className={cn('flex-1', className)}\n      variant={variant}\n      color={color}\n      onClick={(event) => {\n        onClick?.(event)\n        if (!event.defaultPrevented) {\n          reset()\n        }\n      }}\n      {...props}\n    >\n      {children}\n    </Button>\n  )\n}\n\nfunction useDateRangePicker() {\n  const context = React.useContext(DateRangePickerContext)\n\n  if (!context) {\n    throw new Error('DateRangePicker components must be used within DateRangePicker.')\n  }\n\n  return context\n}\n\nfunction isDateRangePickerPresetsElement(child: React.ReactNode) {\n  return React.isValidElement(child) && child.type === DateRangePickerPresets\n}\n\nfunction toDraft(range: DateRange | null | undefined) {\n  return normalizeDraft(range ?? undefined)\n}\n\nfunction toValue(range: DateRange | undefined): DateRange | null {\n  return normalizeDraft(range) ?? null\n}\n\nfunction getRangeMonth(range: DateRange | undefined) {\n  return startOfDay(range?.from ?? range?.to ?? new Date())\n}\n\nfunction normalizeDraft(range: DateRange | undefined): DateRange | undefined {\n  if (!range?.from && !range?.to) return undefined\n\n  if (range.from && range.to && range.from > range.to) {\n    return { from: startOfDay(range.to), to: startOfDay(range.from) }\n  }\n\n  return {\n    from: range.from ? startOfDay(range.from) : undefined,\n    to: range.to ? startOfDay(range.to) : undefined\n  }\n}\n\nfunction formatRange(range: DateRange | null | undefined, locale: Partial<Locale> | undefined, placeholder: string) {\n  if (!range?.from && !range?.to) return placeholder\n\n  if (range.from && range.to) {\n    return `${formatDisplayDate(range.from, locale)} - ${formatDisplayDate(range.to, locale)}`\n  }\n\n  return formatDisplayDate(range.from ?? range.to, locale)\n}\n\nfunction formatDisplayDate(date: Date | undefined, locale: Partial<Locale> | undefined) {\n  if (!date) return ''\n\n  return new Intl.DateTimeFormat(locale?.code ?? 'pt-BR', {\n    day: '2-digit',\n    month: '2-digit',\n    year: 'numeric'\n  }).format(date)\n}\n\nfunction formatInputDate(date: Date | undefined) {\n  if (!date) return ''\n\n  const year = date.getFullYear()\n  const month = String(date.getMonth() + 1).padStart(2, '0')\n  const day = String(date.getDate()).padStart(2, '0')\n\n  return `${year}-${month}-${day}`\n}\n\nfunction parseInputDate(value: string) {\n  if (!value) return undefined\n\n  const match = /^(?<year>\\d{4})-(?<month>\\d{2})-(?<day>\\d{2})$/.exec(value)\n  if (!match?.groups) return undefined\n\n  const year = Number(match.groups.year)\n  const month = Number(match.groups.month)\n  const day = Number(match.groups.day)\n  const date = new Date(year, month - 1, day)\n\n  if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {\n    return undefined\n  }\n\n  return date\n}\n\nfunction parsePositiveInteger(value: string) {\n  if (!value) return undefined\n\n  const days = Number(value)\n  if (!Number.isInteger(days) || days < 1) return undefined\n\n  return days\n}\n\nfunction formatRelativeInputValue(value: number | undefined) {\n  return value ? String(value) : ''\n}\n\nfunction getRelativeDaysRange(days: number, target: 'today' | 'yesterday'): DateRange {\n  const today = startOfDay(new Date())\n  const targetDate = target === 'today' ? addDays(today, -1) : addDays(today, -2)\n\n  return {\n    from: addDays(targetDate, -days + 1),\n    to: targetDate\n  }\n}\n\nfunction getRelativeDaysValue(range: DateRange | undefined, target: 'today' | 'yesterday') {\n  if (!range?.from || !range.to) return undefined\n\n  const today = startOfDay(new Date())\n  const targetDate = target === 'today' ? addDays(today, -1) : addDays(today, -2)\n  if (!isSameDay(range.to, targetDate)) return undefined\n\n  const days = differenceInCalendarDays(targetDate, startOfDay(range.from)) + 1\n  return days > 0 ? days : undefined\n}\n\nfunction isSameRange(left: DateRange | undefined, right: DateRange | undefined) {\n  return isSameDay(left?.from, right?.from) && isSameDay(left?.to, right?.to)\n}\n\nfunction isSameDay(left: Date | undefined, right: Date | undefined) {\n  if (!left || !right) return left === right\n\n  return (\n    left.getFullYear() === right.getFullYear() &&\n    left.getMonth() === right.getMonth() &&\n    left.getDate() === right.getDate()\n  )\n}\n\nfunction startOfDay(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate())\n}\n\nfunction startOfWeek(date: Date) {\n  const day = startOfDay(date)\n  return addDays(day, -day.getDay())\n}\n\nfunction startOfMonth(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth(), 1)\n}\n\nfunction endOfMonth(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0)\n}\n\nfunction differenceInCalendarDays(left: Date, right: Date) {\n  const millisecondsPerDay = 24 * 60 * 60 * 1000\n  return Math.round((startOfDay(left).getTime() - startOfDay(right).getTime()) / millisecondsPerDay)\n}\n\nfunction addDays(date: Date, amount: number) {\n  const nextDate = startOfDay(date)\n  nextDate.setDate(nextDate.getDate() + amount)\n  return nextDate\n}\n\nexport {\n  type DateRange,\n  DateRangePicker,\n  DateRangePickerActions,\n  DateRangePickerApply,\n  DateRangePickerCalendar,\n  DateRangePickerContent,\n  DateRangePickerDateFields,\n  DateRangePickerPreset,\n  DateRangePickerPresets,\n  DateRangePickerReset,\n  DateRangePickerTrigger,\n  DateRangePickerValue\n}\n"],"mappings":"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"}
+{"version":3,"file":"date-range-picker.js","names":["React","DateRangePickerContext","defaultPresetDefinitions","today","yesterday","previousWeekStart","previousMonth","valueProp","openProp","props","uncontrolledValue","setUncontrolledValue","defaultValue","uncontrolledOpen","setUncontrolledOpen","defaultOpen","isValueControlled","isOpenControlled","value","open","draft","setDraft","month","setMonth","updateDraft","normalizedDraft","nextDraft","nextMonth","commitValue","nextValue","onValueChange","setOpen","nextOpen","onOpenChange","apply","onApply","reset","onReset","context","locale","placeholder","Popover","children","Fragment","asChild","PopoverTrigger","Button","type","cn","className","IconCalendar","IconChevronDown","contextPlaceholder","childArray","presets","content","child","PopoverContent","resolveClassName","state","todayRelativeValue","yesterdayRelativeValue","range","preset","selected","days","id","inputValue","setInputValue","Input","label","event","Calendar","onMonthChange","date","IconArrowRight","onClick","match","year","day","targetDate","target","left","right","nextDate","amount"],"sources":["../../src/components/date-range-picker.tsx"],"sourcesContent":["import * as React from 'react'\nimport type { Locale } from 'react-day-picker'\n\nimport { IconArrowRight, IconCalendar, IconChevronDown } from '@tabler/icons-react'\n\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { Button } from './button'\nimport { Calendar, type DateRange } from './calendar'\nimport { Input } from './input'\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\n\ntype DateRangePickerContextValue = {\n  value: DateRange | null\n  draft: DateRange | undefined\n  month: Date\n  locale?: Partial<Locale>\n  placeholder: string\n  setDraft: (range: DateRange | undefined) => void\n  setMonth: (month: Date) => void\n  apply: () => void\n  reset: () => void\n}\n\nconst DateRangePickerContext = React.createContext<DateRangePickerContextValue | null>(null)\n\nconst defaultPlaceholder = 'Selecione um período'\n\nconst defaultPresetDefinitions = [\n  {\n    label: 'Hoje',\n    getRange: () => {\n      const today = startOfDay(new Date())\n      return { from: today, to: today }\n    }\n  },\n  {\n    label: 'Ontem',\n    getRange: () => {\n      const yesterday = addDays(startOfDay(new Date()), -1)\n      return { from: yesterday, to: yesterday }\n    }\n  },\n  {\n    label: 'Últimos 7 dias',\n    getRange: () => {\n      const today = startOfDay(new Date())\n      return { from: addDays(today, -7), to: today }\n    }\n  },\n  {\n    label: 'Últimos 15 dias',\n    getRange: () => {\n      const today = startOfDay(new Date())\n      return { from: addDays(today, -15), to: today }\n    }\n  },\n  {\n    label: 'Últimos 30 dias',\n    getRange: () => {\n      const today = startOfDay(new Date())\n      return { from: addDays(today, -30), to: today }\n    }\n  },\n  {\n    label: 'Últimos 60 dias',\n    getRange: () => {\n      const today = startOfDay(new Date())\n      return { from: addDays(today, -60), to: today }\n    }\n  },\n  {\n    label: 'Últimos 90 dias',\n    getRange: () => {\n      const today = startOfDay(new Date())\n      return { from: addDays(today, -90), to: today }\n    }\n  },\n  {\n    label: 'Semana passada',\n    getRange: () => {\n      const previousWeekStart = addDays(startOfWeek(new Date()), -7)\n      return { from: previousWeekStart, to: addDays(previousWeekStart, 6) }\n    }\n  },\n  {\n    label: 'Este mês',\n    getRange: () => {\n      const today = startOfDay(new Date())\n      return { from: startOfMonth(today), to: today }\n    }\n  },\n  {\n    label: 'Mês passado',\n    getRange: () => {\n      const previousMonth = new Date(new Date().getFullYear(), new Date().getMonth() - 1, 1)\n      return { from: startOfMonth(previousMonth), to: endOfMonth(previousMonth) }\n    }\n  }\n] satisfies DateRangePickerPresetOption[]\n\nexport type DateRangePickerPresetOption = {\n  label: string\n  getRange: () => DateRange\n}\n\nexport type DateRangePickerProps = Omit<\n  React.ComponentProps<typeof Popover>,\n  'open' | 'defaultOpen' | 'onOpenChange'\n> & {\n  /** Selected range (controlled). `null` when empty. */\n  value?: DateRange | null\n  /**\n   * Initial range (uncontrolled).\n   * @default null\n   */\n  defaultValue?: DateRange | null\n  /** Called when a range is applied, or with `null` when it is reset. */\n  onValueChange?: (range: DateRange | null) => void\n  /** Called after `DateRangePickerApply` commits the draft. */\n  onApply?: (range: DateRange | null) => void\n  /** Called after `DateRangePickerReset` clears the value. */\n  onReset?: () => void\n  /** Whether the popover is open (controlled). */\n  open?: boolean\n  /**\n   * Whether the popover starts open (uncontrolled).\n   * @default false\n   */\n  defaultOpen?: boolean\n  /** Called when the popover opens or closes. */\n  onOpenChange?: (open: boolean) => void\n  /** `react-day-picker` locale used by the calendar and the formatted dates. */\n  locale?: Partial<Locale>\n  /** Trigger text when no range is selected. */\n  placeholder?: string\n}\n\nexport type DateRangePickerTriggerProps = React.ComponentProps<typeof Button> & {\n  asChild?: boolean\n}\n\nexport type DateRangePickerValueProps = React.ComponentProps<'span'> & {\n  /** Text shown when no range is selected. Defaults to the picker `placeholder`. */\n  placeholder?: string\n}\n\nexport type DateRangePickerContentProps = React.ComponentProps<typeof PopoverContent>\n\nexport type DateRangePickerPresetsProps = React.ComponentProps<'div'> & {\n  /** Presets to show, as `{ label, getRange }`. Defaults to the pt-BR presets. */\n  presets?: DateRangePickerPresetOption[]\n}\n\nexport type DateRangePickerPresetProps = React.ComponentProps<'button'> & {\n  /**\n   * Highlights the preset as the current selection.\n   * @default false\n   */\n  selected?: boolean\n}\n\nexport type DateRangePickerCalendarProps = Omit<\n  React.ComponentProps<typeof Calendar>,\n  'mode' | 'numberOfMonths' | 'selected' | 'onSelect' | 'month' | 'defaultMonth'\n>\n\nexport type DateRangePickerDateFieldsProps = React.ComponentProps<'div'>\n\nexport type DateRangePickerActionsProps = React.ComponentProps<'div'>\n\nexport type DateRangePickerApplyProps = React.ComponentProps<typeof Button>\n\nexport type DateRangePickerResetProps = React.ComponentProps<typeof Button>\n\nfunction DateRangePicker({\n  value: valueProp,\n  defaultValue = null,\n  onValueChange,\n  onApply,\n  onReset,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  locale,\n  placeholder = defaultPlaceholder,\n  children,\n  ...props\n}: DateRangePickerProps) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<DateRange | null>(defaultValue)\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n\n  const isValueControlled = valueProp !== undefined\n  const isOpenControlled = openProp !== undefined\n  const value = isValueControlled ? (valueProp ?? null) : uncontrolledValue\n  const open = isOpenControlled ? openProp : uncontrolledOpen\n\n  const [draft, setDraft] = React.useState<DateRange | undefined>(() => toDraft(value))\n  const [month, setMonth] = React.useState<Date>(() => getRangeMonth(toDraft(value)))\n\n  const updateDraft = React.useCallback((nextDraft: DateRange | undefined) => {\n    const normalizedDraft = normalizeDraft(nextDraft)\n    setDraft(normalizedDraft)\n\n    const nextMonth = getRangeMonth(normalizedDraft)\n    if (nextMonth) {\n      setMonth(nextMonth)\n    }\n  }, [])\n\n  const commitValue = React.useCallback(\n    (nextValue: DateRange | null) => {\n      if (!isValueControlled) {\n        setUncontrolledValue(nextValue)\n      }\n\n      onValueChange?.(nextValue)\n    },\n    [isValueControlled, onValueChange]\n  )\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (nextOpen) {\n        const nextDraft = toDraft(value)\n        setDraft(nextDraft)\n        setMonth(getRangeMonth(nextDraft))\n      }\n\n      if (!isOpenControlled) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [isOpenControlled, onOpenChange, value]\n  )\n\n  const apply = React.useCallback(() => {\n    const nextValue = toValue(draft)\n    commitValue(nextValue)\n    onApply?.(nextValue)\n    setOpen(false)\n  }, [commitValue, draft, onApply, setOpen])\n\n  const reset = React.useCallback(() => {\n    setDraft(undefined)\n    commitValue(null)\n    onReset?.()\n    setOpen(false)\n  }, [commitValue, onReset, setOpen])\n\n  const context = React.useMemo<DateRangePickerContextValue>(\n    () => ({\n      value,\n      draft,\n      month,\n      locale,\n      placeholder,\n      setDraft: updateDraft,\n      setMonth,\n      apply,\n      reset\n    }),\n    [apply, draft, locale, month, placeholder, reset, updateDraft, value]\n  )\n\n  return (\n    <DateRangePickerContext.Provider value={context}>\n      <Popover open={open} onOpenChange={setOpen} {...props}>\n        {children ?? (\n          <>\n            <DateRangePickerTrigger />\n            <DateRangePickerContent>\n              <DateRangePickerPresets />\n              <DateRangePickerDateFields />\n              <DateRangePickerCalendar />\n              <DateRangePickerActions />\n            </DateRangePickerContent>\n          </>\n        )}\n      </Popover>\n    </DateRangePickerContext.Provider>\n  )\n}\n\nfunction DateRangePickerTrigger({\n  className,\n  children,\n  asChild = false,\n  variant = 'secondary',\n  type,\n  ...props\n}: DateRangePickerTriggerProps) {\n  if (asChild) {\n    return (\n      <PopoverTrigger asChild className={className} type={type} {...props}>\n        {children}\n      </PopoverTrigger>\n    )\n  }\n\n  return (\n    <PopoverTrigger asChild>\n      <Button\n        type={type ?? 'button'}\n        variant={variant}\n        className={cn('min-w-64 justify-between font-normal', className)}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <IconCalendar data-icon=\"inline-start\" className=\"size-4 text-muted-foreground\" />\n            <DateRangePickerValue className=\"flex-1 text-left\" />\n            <IconChevronDown data-icon=\"inline-end\" className=\"size-4 text-muted-foreground\" />\n          </>\n        )}\n      </Button>\n    </PopoverTrigger>\n  )\n}\n\nfunction DateRangePickerValue({ className, placeholder, ...props }: DateRangePickerValueProps) {\n  const { value, locale, placeholder: contextPlaceholder } = useDateRangePicker()\n\n  return (\n    <span data-slot=\"date-range-picker-value\" className={cn('truncate', className)} {...props}>\n      {formatRange(value, locale, placeholder ?? contextPlaceholder)}\n    </span>\n  )\n}\n\nfunction DateRangePickerContent({\n  className,\n  align = 'start',\n  sideOffset = 8,\n  children,\n  ...props\n}: DateRangePickerContentProps) {\n  const childArray = React.Children.toArray(children)\n  const presets = childArray.filter(isDateRangePickerPresetsElement)\n  const content = childArray.filter((child) => !isDateRangePickerPresetsElement(child))\n\n  return (\n    <PopoverContent\n      align={align}\n      sideOffset={sideOffset}\n      className={(state) => cn('w-[calc(100vw-(--spacing(4)))] max-w-2xl p-2', resolveClassName(className, state))}\n      {...props}\n    >\n      <div data-slot=\"date-range-picker-content\" className=\"grid gap-3 md:grid-cols-[10rem_minmax(0,1fr)]\">\n        {presets}\n        <div className=\"flex min-w-0 flex-col gap-3\">{content}</div>\n      </div>\n    </PopoverContent>\n  )\n}\n\nfunction DateRangePickerPresets({\n  className,\n  presets = defaultPresetDefinitions,\n  ...props\n}: DateRangePickerPresetsProps) {\n  const { draft, setDraft } = useDateRangePicker()\n  const todayRelativeValue = getRelativeDaysValue(draft, 'today')\n  const yesterdayRelativeValue = getRelativeDaysValue(draft, 'yesterday')\n\n  return (\n    <div\n      data-slot=\"date-range-picker-presets\"\n      className={cn('hidden flex-col border-border pr-3 md:flex md:border-r', className)}\n      {...props}\n    >\n      {presets.map((preset) => {\n        const range = preset.getRange()\n        const selected = isSameRange(draft, range)\n\n        return (\n          <DateRangePickerPreset key={preset.label} type=\"button\" selected={selected} onClick={() => setDraft(range)}>\n            {preset.label}\n          </DateRangePickerPreset>\n        )\n      })}\n\n      <div className=\"my-3 flex flex-col gap-2\">\n        <DateRangePickerRelativeField\n          label=\"Dias até hoje\"\n          value={todayRelativeValue}\n          onValueChange={(days) => setDraft(getRelativeDaysRange(days, 'today'))}\n        />\n        <DateRangePickerRelativeField\n          label=\"Dias até ontem\"\n          value={yesterdayRelativeValue}\n          onValueChange={(days) => setDraft(getRelativeDaysRange(days, 'yesterday'))}\n        />\n      </div>\n    </div>\n  )\n}\n\nfunction DateRangePickerPreset({ className, selected = false, ...props }: DateRangePickerPresetProps) {\n  return (\n    <button\n      data-slot=\"date-range-picker-preset\"\n      data-selected={selected}\n      className={cn(\n        'flex h-8.5 w-full items-center border-l-3 border-border bg-transparent px-2 text-left text-sm text-foreground transition-colors outline-none',\n        'hover:border-primary hover:bg-primary-50 hover:text-primary-700 dark:hover:bg-primary-950 dark:hover:text-primary-300',\n        'focus-visible:border-primary focus-visible:ring-3 focus-visible:ring-ring/50',\n        'data-[selected=true]:border-primary data-[selected=true]:bg-primary-50 data-[selected=true]:text-primary-700 dark:data-[selected=true]:bg-primary-950 dark:data-[selected=true]:text-primary-300',\n        className\n      )}\n      aria-pressed={selected}\n      {...props}\n    />\n  )\n}\n\nfunction DateRangePickerRelativeField({\n  label,\n  value,\n  onValueChange\n}: {\n  label: string\n  value: number | undefined\n  onValueChange: (days: number) => void\n}) {\n  const id = React.useId()\n  const [inputValue, setInputValue] = React.useState(() => formatRelativeInputValue(value))\n\n  React.useEffect(() => {\n    setInputValue(formatRelativeInputValue(value))\n  }, [value])\n\n  return (\n    <div className=\"flex items-center gap-2 text-sm text-foreground\">\n      <Input\n        id={id}\n        type=\"number\"\n        name={label}\n        min={1}\n        step={1}\n        value={inputValue}\n        className=\"h-7 w-9 rounded-md px-1 text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none\"\n        aria-label={label}\n        onChange={(event) => {\n          const nextValue = event.target.value\n          setInputValue(nextValue)\n\n          if (nextValue === '') return\n\n          const days = parsePositiveInteger(nextValue)\n          if (!days) return\n          onValueChange(days)\n        }}\n      />\n      <label htmlFor={id}>{label}</label>\n    </div>\n  )\n}\n\nfunction DateRangePickerCalendar({\n  className,\n  showOutsideDays = false,\n  onMonthChange,\n  ...props\n}: DateRangePickerCalendarProps) {\n  const { draft, locale, month, setDraft, setMonth } = useDateRangePicker()\n\n  return (\n    <Calendar\n      mode=\"range\"\n      numberOfMonths={2}\n      showOutsideDays={showOutsideDays}\n      month={month}\n      onMonthChange={(nextMonth) => {\n        setMonth(nextMonth)\n        onMonthChange?.(nextMonth)\n      }}\n      selected={draft}\n      onSelect={setDraft}\n      locale={locale}\n      className={cn('mx-auto bg-transparent p-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DateRangePickerDateFields({ className, ...props }: DateRangePickerDateFieldsProps) {\n  const { draft, setDraft } = useDateRangePicker()\n\n  return (\n    <div\n      data-slot=\"date-range-picker-date-fields\"\n      className={cn(\n        'pb-2 border-b flex justify-between gap-2 flex-wrap flex-col sm:flex-row sm:items-center',\n        className\n      )}\n      {...props}\n    >\n      <Input\n        type=\"date\"\n        value={formatInputDate(draft?.from)}\n        className=\"sm:w-max\"\n        onChange={(event) => {\n          if (event.target.value === '') {\n            setDraft(undefined)\n            return\n          }\n\n          const date = parseInputDate(event.target.value)\n          if (!date) return\n          setDraft(normalizeDraft({ from: date, to: draft?.to }))\n        }}\n      />\n      <IconArrowRight className=\"size-4 text-primary hidden sm:block\" />\n      <Input\n        type=\"date\"\n        value={formatInputDate(draft?.to)}\n        className=\"sm:w-max\"\n        onChange={(event) => {\n          if (event.target.value === '') {\n            setDraft(undefined)\n            return\n          }\n\n          const date = parseInputDate(event.target.value)\n          if (!date) return\n          setDraft(normalizeDraft({ from: draft?.from, to: date }))\n        }}\n      />\n    </div>\n  )\n}\n\nfunction DateRangePickerActions({ className, children, ...props }: DateRangePickerActionsProps) {\n  return (\n    <div data-slot=\"date-range-picker-actions\" className={cn('flex items-center gap-2 mt-auto', className)} {...props}>\n      {children ?? (\n        <>\n          <DateRangePickerReset />\n          <DateRangePickerApply />\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction DateRangePickerApply({ children = 'Aplicar', onClick, className, ...props }: DateRangePickerApplyProps) {\n  const { apply } = useDateRangePicker()\n\n  return (\n    <Button\n      size=\"sm\"\n      className={cn('flex-1', className)}\n      onClick={(event) => {\n        onClick?.(event)\n        if (!event.defaultPrevented) {\n          apply()\n        }\n      }}\n      {...props}\n    >\n      {children}\n    </Button>\n  )\n}\n\nfunction DateRangePickerReset({\n  children = 'Resetar',\n  onClick,\n  variant = 'secondary',\n  className,\n  ...props\n}: DateRangePickerResetProps) {\n  const { reset } = useDateRangePicker()\n\n  return (\n    <Button\n      size=\"sm\"\n      className={cn('flex-1', className)}\n      variant={variant}\n      onClick={(event) => {\n        onClick?.(event)\n        if (!event.defaultPrevented) {\n          reset()\n        }\n      }}\n      {...props}\n    >\n      {children}\n    </Button>\n  )\n}\n\nfunction useDateRangePicker() {\n  const context = React.useContext(DateRangePickerContext)\n\n  if (!context) {\n    throw new Error('DateRangePicker components must be used within DateRangePicker.')\n  }\n\n  return context\n}\n\nfunction isDateRangePickerPresetsElement(child: React.ReactNode) {\n  return React.isValidElement(child) && child.type === DateRangePickerPresets\n}\n\nfunction toDraft(range: DateRange | null | undefined) {\n  return normalizeDraft(range ?? undefined)\n}\n\nfunction toValue(range: DateRange | undefined): DateRange | null {\n  return normalizeDraft(range) ?? null\n}\n\nfunction getRangeMonth(range: DateRange | undefined) {\n  return startOfDay(range?.from ?? range?.to ?? new Date())\n}\n\nfunction normalizeDraft(range: DateRange | undefined): DateRange | undefined {\n  if (!range?.from && !range?.to) return undefined\n\n  if (range.from && range.to && range.from > range.to) {\n    return { from: startOfDay(range.to), to: startOfDay(range.from) }\n  }\n\n  return {\n    from: range.from ? startOfDay(range.from) : undefined,\n    to: range.to ? startOfDay(range.to) : undefined\n  }\n}\n\nfunction formatRange(range: DateRange | null | undefined, locale: Partial<Locale> | undefined, placeholder: string) {\n  if (!range?.from && !range?.to) return placeholder\n\n  if (range.from && range.to) {\n    return `${formatDisplayDate(range.from, locale)} - ${formatDisplayDate(range.to, locale)}`\n  }\n\n  return formatDisplayDate(range.from ?? range.to, locale)\n}\n\nfunction formatDisplayDate(date: Date | undefined, locale: Partial<Locale> | undefined) {\n  if (!date) return ''\n\n  return new Intl.DateTimeFormat(locale?.code ?? 'pt-BR', {\n    day: '2-digit',\n    month: '2-digit',\n    year: 'numeric'\n  }).format(date)\n}\n\nfunction formatInputDate(date: Date | undefined) {\n  if (!date) return ''\n\n  const year = date.getFullYear()\n  const month = String(date.getMonth() + 1).padStart(2, '0')\n  const day = String(date.getDate()).padStart(2, '0')\n\n  return `${year}-${month}-${day}`\n}\n\nfunction parseInputDate(value: string) {\n  if (!value) return undefined\n\n  const match = /^(?<year>\\d{4})-(?<month>\\d{2})-(?<day>\\d{2})$/.exec(value)\n  if (!match?.groups) return undefined\n\n  const year = Number(match.groups.year)\n  const month = Number(match.groups.month)\n  const day = Number(match.groups.day)\n  const date = new Date(year, month - 1, day)\n\n  if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {\n    return undefined\n  }\n\n  return date\n}\n\nfunction parsePositiveInteger(value: string) {\n  if (!value) return undefined\n\n  const days = Number(value)\n  if (!Number.isInteger(days) || days < 1) return undefined\n\n  return days\n}\n\nfunction formatRelativeInputValue(value: number | undefined) {\n  return value ? String(value) : ''\n}\n\nfunction getRelativeDaysRange(days: number, target: 'today' | 'yesterday'): DateRange {\n  const today = startOfDay(new Date())\n  const targetDate = target === 'today' ? addDays(today, -1) : addDays(today, -2)\n\n  return {\n    from: addDays(targetDate, -days + 1),\n    to: targetDate\n  }\n}\n\nfunction getRelativeDaysValue(range: DateRange | undefined, target: 'today' | 'yesterday') {\n  if (!range?.from || !range.to) return undefined\n\n  const today = startOfDay(new Date())\n  const targetDate = target === 'today' ? addDays(today, -1) : addDays(today, -2)\n  if (!isSameDay(range.to, targetDate)) return undefined\n\n  const days = differenceInCalendarDays(targetDate, startOfDay(range.from)) + 1\n  return days > 0 ? days : undefined\n}\n\nfunction isSameRange(left: DateRange | undefined, right: DateRange | undefined) {\n  return isSameDay(left?.from, right?.from) && isSameDay(left?.to, right?.to)\n}\n\nfunction isSameDay(left: Date | undefined, right: Date | undefined) {\n  if (!left || !right) return left === right\n\n  return (\n    left.getFullYear() === right.getFullYear() &&\n    left.getMonth() === right.getMonth() &&\n    left.getDate() === right.getDate()\n  )\n}\n\nfunction startOfDay(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate())\n}\n\nfunction startOfWeek(date: Date) {\n  const day = startOfDay(date)\n  return addDays(day, -day.getDay())\n}\n\nfunction startOfMonth(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth(), 1)\n}\n\nfunction endOfMonth(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0)\n}\n\nfunction differenceInCalendarDays(left: Date, right: Date) {\n  const millisecondsPerDay = 24 * 60 * 60 * 1000\n  return Math.round((startOfDay(left).getTime() - startOfDay(right).getTime()) / millisecondsPerDay)\n}\n\nfunction addDays(date: Date, amount: number) {\n  const nextDate = startOfDay(date)\n  nextDate.setDate(nextDate.getDate() + amount)\n  return nextDate\n}\n\nexport {\n  type DateRange,\n  DateRangePicker,\n  DateRangePickerActions,\n  DateRangePickerApply,\n  DateRangePickerCalendar,\n  DateRangePickerContent,\n  DateRangePickerDateFields,\n  DateRangePickerPreset,\n  DateRangePickerPresets,\n  DateRangePickerReset,\n  DateRangePickerTrigger,\n  DateRangePickerValue\n}\n"],"mappings":"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"}

package/dist/components/dialog.d.ts

@@ -1,42 +1,60 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { Dialog as Dialog$1 } from "radix-ui";
-import { VariantProps } from "class-variance-authority";
+import { t as AsChildPrimitiveProps } from "../as-child-Dxg3Xo1G.js";
 import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 //#region src/components/dialog.d.ts
 declare const dialogContentVariants: (props?: ({
   size?: "2xl" | "3xl" | "full" | "lg" | "md" | "sm" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type DialogSize = NonNullable<VariantProps<typeof dialogContentVariants>['size']>;
 export type DialogProps = React.ComponentProps<typeof Dialog$1.Root> & {
+  /**
+   * Dialog width. `full` fills the whole viewport.
+   * @default 'md'
+   */
   size?: DialogSize;
+  /**
+   * When `false`, clicking outside and pressing Esc no longer close the dialog. The close button and `DialogClose` still work.
+   * @default true
+   */
   dismissible?: boolean;
 };
-export type DialogTriggerProps = React.ComponentProps<typeof Dialog$1.Trigger>;
+export type DialogTriggerProps = AsChildPrimitiveProps<typeof Dialog$1.Trigger>;
 export type DialogPortalProps = React.ComponentProps<typeof Dialog$1.Portal>;
-export type DialogCloseProps = React.ComponentProps<typeof Dialog$1.Close>;
-export type DialogOverlayProps = React.ComponentProps<typeof Dialog$1.Overlay>;
-export type DialogContentProps = React.ComponentProps<typeof Dialog$1.Content> & {
+export type DialogCloseProps = AsChildPrimitiveProps<typeof Dialog$1.Close>;
+export type DialogOverlayProps = AsChildPrimitiveProps<typeof Dialog$1.Backdrop>;
+export type DialogContentProps = AsChildPrimitiveProps<typeof Dialog$1.Popup> & Pick<DialogPortalProps, 'keepMounted'> & {
+  /**
+   * Shows the X button in the top-right corner.
+   * @default true
+   */
   showCloseButton?: boolean;
+  /** Ref to the overlay element rendered behind the dialog. */
   overlayRef?: React.Ref<HTMLDivElement>;
 };
 export type DialogHeaderProps = React.ComponentProps<'div'>;
 export type DialogBodyProps = React.ComponentProps<'div'>;
 export type DialogFooterProps = React.ComponentProps<'div'> & {
+  /**
+   * Adds an outline "Close" button after the footer actions.
+   * @default false
+   */
   showCloseButton?: boolean;
 };
-export type DialogTitleProps = React.ComponentProps<typeof Dialog$1.Title>;
-export type DialogDescriptionProps = React.ComponentProps<typeof Dialog$1.Description>;
-declare function Dialog({ size, dismissible, ...props }: DialogProps): React.JSX.Element;
-declare function DialogTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): React.JSX.Element;
+export type DialogTitleProps = AsChildPrimitiveProps<typeof Dialog$1.Title>;
+export type DialogDescriptionProps = AsChildPrimitiveProps<typeof Dialog$1.Description>;
+declare function Dialog({ size, dismissible, disablePointerDismissal, onOpenChange, ...props }: DialogProps): React.JSX.Element;
+declare function DialogTrigger({ asChild, children, ...props }: DialogTriggerProps): React.JSX.Element;
 declare function DialogPortal({ ...props }: DialogPortalProps): React.JSX.Element;
-declare function DialogClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): React.JSX.Element;
-declare function DialogOverlay({ className, onClick, ...props }: DialogOverlayProps): React.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, overlayRef, ...props }: DialogContentProps): React.JSX.Element;
+declare function DialogClose({ asChild, children, ...props }: DialogCloseProps): React.JSX.Element;
+declare function DialogOverlay({ className, onClick, asChild, children, ...props }: DialogOverlayProps): React.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, overlayRef, keepMounted, asChild, ...props }: DialogContentProps): React.JSX.Element;
 declare function DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element;
 declare function DialogBody({ className, ...props }: DialogBodyProps): React.JSX.Element;
 declare function DialogFooter({ className, showCloseButton, children, ...props }: DialogFooterProps): React.JSX.Element;
-declare function DialogTitle({ className, ...props }: DialogTitleProps): React.JSX.Element;
-declare function DialogDescription({ className, ...props }: DialogDescriptionProps): React.JSX.Element;
+declare function DialogTitle({ className, asChild, children, ...props }: DialogTitleProps): React.JSX.Element;
+declare function DialogDescription({ className, asChild, children, ...props }: DialogDescriptionProps): React.JSX.Element;
 //#endregion
 export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
 //# sourceMappingURL=dialog.d.ts.map

package/dist/components/dialog.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e,stopPropagationHandler as t}from"../lib/utils.js";import{Button as n}from"./button.js";import{IconX as r}from"@tabler/icons-react";import{Dialog as i}from"radix-ui";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{cva as s}from"class-variance-authority";import*as c from"react";const l=s([`bg-background ring-foreground/10 fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none`,`flex flex-col gap-4 rounded-xl p-4 text-sm ring-1 duration-100`,`max-w-[calc(100%-2rem)] max-h-[calc(100dvh-2rem)] overflow-hidden`,`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95`],{variants:{size:{sm:`sm:max-w-sm`,md:`sm:max-w-md`,lg:`sm:max-w-lg`,xl:`sm:max-w-xl`,"2xl":`sm:max-w-2xl`,"3xl":`sm:max-w-3xl`,full:`w-screen h-screen max-w-none max-h-screen rounded-none sm:max-w-none`}},defaultVariants:{size:`md`}}),u=c.createContext({size:`sm`,dismissible:!0});function Dialog({size:e=`sm`,dismissible:t=!0,...n}){let r=c.useMemo(()=>({size:e,dismissible:t}),[e,t]);return a(u.Provider,{value:r,children:a(i.Root,{"data-slot":`dialog`,...n})})}function DialogTrigger({...e}){return a(i.Trigger,{"data-slot":`dialog-trigger`,...e})}function DialogPortal({...e}){return a(i.Portal,{"data-slot":`dialog-portal`,...e})}function DialogClose({...e}){return a(i.Close,{"data-slot":`dialog-close`,...e})}function DialogOverlay({className:n,onClick:r,...o}){return a(i.Overlay,{"data-slot":`dialog-overlay`,className:e(`bg-black/10 fixed inset-0 isolate z-50`,`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0`,`duration-100 supports-backdrop-filter:backdrop-blur-xs`,n),onClick:t(r),...o})}function DialogContent({className:s,children:d,showCloseButton:f=!0,overlayRef:p,...m}){let{size:h,dismissible:g}=c.useContext(u);return o(DialogPortal,{children:[a(DialogOverlay,{ref:p}),o(i.Content,{"data-slot":`dialog-content`,className:e(l({size:h}),s),...m,onEscapeKeyDown:e=>{g||e.preventDefault(),m.onEscapeKeyDown?.(e)},onInteractOutside:e=>{g||e.preventDefault(),m.onInteractOutside?.(e)},onClick:t(m.onClick),onSubmit:t(m.onSubmit),children:[d,f&&a(i.Close,{"data-slot":`dialog-close`,asChild:!0,children:o(n,{variant:`ghost`,className:`absolute top-2 right-2`,size:`icon-sm`,children:[a(r,{}),a(`span`,{className:`sr-only`,children:`Close`})]})})]})]})}function DialogHeader({className:t,...n}){return a(`div`,{"data-slot":`dialog-header`,className:e(`gap-2 flex flex-col shrink-0`,t),...n})}function DialogBody({className:t,...n}){return a(`div`,{"data-slot":`dialog-body`,className:e(`-mx-4 px-4 flex-1 overflow-y-auto`,t),...n})}function DialogFooter({className:t,showCloseButton:r=!1,children:s,...c}){return o(`div`,{"data-slot":`dialog-footer`,className:e(`bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 shrink-0`,`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,t),...c,children:[s,r&&a(i.Close,{asChild:!0,children:a(n,{variant:`outline`,children:`Close`})})]})}function DialogTitle({className:t,...n}){return a(i.Title,{"data-slot":`dialog-title`,className:e(`text-base leading-none font-medium`,t),...n})}function DialogDescription({className:t,...n}){return a(i.Description,{"data-slot":`dialog-description`,className:e(`text-muted-foreground text-sm`,`*:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,t),...n})}export{Dialog,DialogBody,DialogClose,DialogContent,DialogDescription,DialogFooter,DialogHeader,DialogOverlay,DialogPortal,DialogTitle,DialogTrigger};
+import"../rolldown-runtime-BhWHdk3m.js";import{toAsChildRenderProps as e}from"../lib/as-child.js";import{cn as t,stopPropagationHandler as n}from"../lib/utils.js";import{t as r}from"../resolve-class-name-BurP8ngI.js";import{Button as i}from"./button.js";import{IconX as a}from"@tabler/icons-react";import*as o from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{cva as l}from"class-variance-authority";import{Dialog as u}from"@base-ui/react/dialog";const d=l([`bg-background ring-foreground/10 fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none`,`flex flex-col gap-4 rounded-xl p-4 text-sm ring-1 duration-100`,`max-w-[calc(100%-2rem)] max-h-[calc(100dvh-2rem)] overflow-hidden`,`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95`],{variants:{size:{sm:`sm:max-w-sm`,md:`sm:max-w-md`,lg:`sm:max-w-lg`,xl:`sm:max-w-xl`,"2xl":`sm:max-w-2xl`,"3xl":`sm:max-w-3xl`,full:`w-screen h-screen max-w-none max-h-screen rounded-none sm:max-w-none`}},defaultVariants:{size:`md`}}),f=o.createContext({size:`md`});function Dialog({size:e=`md`,dismissible:t=!0,disablePointerDismissal:n,onOpenChange:r,...i}){let a=o.useMemo(()=>({size:e}),[e]);return/* @__PURE__ */ s(f.Provider,{value:a,children:/* @__PURE__ */ s(u.Root,{"data-slot":`dialog`,disablePointerDismissal:!t||n,onOpenChange:(e,n)=>{!t&&n.reason===`escape-key`?n.cancel():r?.(e,n)},...i})})}function DialogTrigger({asChild:t,children:n,...r}){return/* @__PURE__ */ s(u.Trigger,{"data-slot":`dialog-trigger`,...r,...e(t,n)})}function DialogPortal({...e}){return/* @__PURE__ */ s(u.Portal,{"data-slot":`dialog-portal`,...e})}function DialogClose({asChild:t,children:n,...r}){return/* @__PURE__ */ s(u.Close,{"data-slot":`dialog-close`,...r,...e(t,n)})}function DialogOverlay({className:i,onClick:a,asChild:o,children:c,...l}){return/* @__PURE__ */ s(u.Backdrop,{"data-slot":`dialog-overlay`,className:e=>t(`bg-black/10 fixed inset-0 isolate z-50`,`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0`,`duration-100 supports-backdrop-filter:backdrop-blur-xs`,r(i,e)),onClick:n(a),...l,...e(o,c)})}function DialogContent({className:l,children:p,showCloseButton:m=!0,overlayRef:h,keepMounted:g,asChild:_,...v}){let{size:y}=o.useContext(f);return/* @__PURE__ */ c(DialogPortal,{keepMounted:g,children:[/* @__PURE__ */ s(DialogOverlay,{ref:h}),/* @__PURE__ */ c(u.Popup,{"data-slot":`dialog-content`,className:e=>t(d({size:y}),r(l,e)),...v,...e(_,p),onClick:n(v.onClick),onSubmit:n(v.onSubmit),children:[!_&&p,m&&!_&&/* @__PURE__ */ c(u.Close,{"data-slot":`dialog-close`,render:/* @__PURE__ */ s(i,{variant:`ghost`,className:`absolute top-2 right-2`,size:`icon-sm`}),children:[/* @__PURE__ */ s(a,{}),/* @__PURE__ */ s(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function DialogHeader({className:e,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`dialog-header`,className:t(`gap-2 flex flex-col shrink-0`,e),...n})}function DialogBody({className:e,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`dialog-body`,className:t(`-mx-4 px-4 flex-1 overflow-y-auto`,e),...n})}function DialogFooter({className:e,showCloseButton:n=!1,children:r,...a}){return/* @__PURE__ */ c(`div`,{"data-slot":`dialog-footer`,className:t(`bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 shrink-0`,`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...a,children:[r,n&&/* @__PURE__ */ s(u.Close,{render:/* @__PURE__ */ s(i,{variant:`outline`}),children:`Close`})]})}function DialogTitle({className:n,asChild:i,children:a,...o}){return/* @__PURE__ */ s(u.Title,{"data-slot":`dialog-title`,className:e=>t(`text-base leading-none font-medium`,r(n,e)),...o,...e(i,a)})}function DialogDescription({className:n,asChild:i,children:a,...o}){return/* @__PURE__ */ s(u.Description,{"data-slot":`dialog-description`,className:e=>t(`text-muted-foreground text-sm`,`*:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,r(n,e)),...o,...e(i,a)})}export{Dialog,DialogBody,DialogClose,DialogContent,DialogDescription,DialogFooter,DialogHeader,DialogOverlay,DialogPortal,DialogTitle,DialogTrigger};
 //# sourceMappingURL=dialog.js.map

package/dist/components/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":["DialogPrimitive"],"sources":["../../src/components/dialog.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { IconX } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Dialog as DialogPrimitive } from 'radix-ui'\n\nimport { cn, stopPropagationHandler } from '../lib/utils'\nimport { Button } from './button'\n\nconst dialogContentVariants = cva(\n  [\n    'bg-background ring-foreground/10 fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none',\n    'flex flex-col gap-4 rounded-xl p-4 text-sm ring-1 duration-100',\n    'max-w-[calc(100%-2rem)] max-h-[calc(100dvh-2rem)] overflow-hidden',\n    'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95'\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'sm:max-w-sm',\n        md: 'sm:max-w-md',\n        lg: 'sm:max-w-lg',\n        xl: 'sm:max-w-xl',\n        '2xl': 'sm:max-w-2xl',\n        '3xl': 'sm:max-w-3xl',\n        full: 'w-screen h-screen max-w-none max-h-screen rounded-none sm:max-w-none'\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  }\n)\n\ntype DialogSize = NonNullable<VariantProps<typeof dialogContentVariants>['size']>\ntype DialogContextValue = { size: DialogSize; dismissible: boolean }\nconst DialogContext = React.createContext<DialogContextValue>({ size: 'sm', dismissible: true })\n\nexport type DialogProps = React.ComponentProps<typeof DialogPrimitive.Root> & {\n  size?: DialogSize\n  dismissible?: boolean\n}\nexport type DialogTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>\nexport type DialogPortalProps = React.ComponentProps<typeof DialogPrimitive.Portal>\nexport type DialogCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>\nexport type DialogOverlayProps = React.ComponentProps<typeof DialogPrimitive.Overlay>\nexport type DialogContentProps = React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n  overlayRef?: React.Ref<HTMLDivElement>\n}\nexport type DialogHeaderProps = React.ComponentProps<'div'>\nexport type DialogBodyProps = React.ComponentProps<'div'>\nexport type DialogFooterProps = React.ComponentProps<'div'> & { showCloseButton?: boolean }\nexport type DialogTitleProps = React.ComponentProps<typeof DialogPrimitive.Title>\nexport type DialogDescriptionProps = React.ComponentProps<typeof DialogPrimitive.Description>\n\nfunction Dialog({ size = 'sm', dismissible = true, ...props }: DialogProps) {\n  const contextValue = React.useMemo<DialogContextValue>(() => ({ size, dismissible }), [size, dismissible])\n\n  return (\n    <DialogContext.Provider value={contextValue}>\n      <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n    </DialogContext.Provider>\n  )\n}\n\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({ ...props }: DialogPortalProps) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({ className, onClick, ...props }: DialogOverlayProps) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        'bg-black/10 fixed inset-0 isolate z-50',\n        'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0',\n        'duration-100 supports-backdrop-filter:backdrop-blur-xs',\n        className\n      )}\n      onClick={stopPropagationHandler(onClick)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({ className, children, showCloseButton = true, overlayRef, ...props }: DialogContentProps) {\n  const { size, dismissible } = React.useContext(DialogContext)\n\n  return (\n    <DialogPortal>\n      <DialogOverlay ref={overlayRef} />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(dialogContentVariants({ size }), className)}\n        {...props}\n        onEscapeKeyDown={(event) => {\n          if (!dismissible) event.preventDefault()\n          props.onEscapeKeyDown?.(event)\n        }}\n        onInteractOutside={(event) => {\n          if (!dismissible) event.preventDefault()\n          props.onInteractOutside?.(event)\n        }}\n        // React events bubble through the fiber tree, not the DOM, so a portaled Radix Content still\n        // reaches any ancestor's onClick/onSubmit even though it renders outside it in the DOM.\n        onClick={stopPropagationHandler(props.onClick)}\n        onSubmit={stopPropagationHandler(props.onSubmit)}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close data-slot=\"dialog-close\" asChild>\n            <Button variant=\"ghost\" className=\"absolute top-2 right-2\" size=\"icon-sm\">\n              <IconX />\n              <span className=\"sr-only\">Close</span>\n            </Button>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: DialogHeaderProps) {\n  return <div data-slot=\"dialog-header\" className={cn('gap-2 flex flex-col shrink-0', className)} {...props} />\n}\n\nfunction DialogBody({ className, ...props }: DialogBodyProps) {\n  return <div data-slot=\"dialog-body\" className={cn('-mx-4 px-4 flex-1 overflow-y-auto', className)} {...props} />\n}\n\nfunction DialogFooter({ className, showCloseButton = false, children, ...props }: DialogFooterProps) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        'bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 shrink-0',\n        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close asChild>\n          <Button variant=\"outline\">Close</Button>\n        </DialogPrimitive.Close>\n      )}\n    </div>\n  )\n}\n\nfunction DialogTitle({ className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn('text-base leading-none font-medium', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({ className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\n        'text-muted-foreground text-sm',\n        '*:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger\n}\n"],"mappings":"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"}
+{"version":3,"file":"dialog.js","names":["DialogPrimitive","resolveClassName","React","Dialog$1","dialogContentVariants","cva","DialogContext","props","contextValue","size","dismissible","disablePointerDismissal","eventDetails","onOpenChange","open","toAsChildRenderProps","asChild","children","cn","className","state","stopPropagationHandler","onClick","overlayRef","showCloseButton","Button","IconX"],"sources":["../../src/components/dialog.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog'\nimport { IconX } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { type AsChildPrimitiveProps, toAsChildRenderProps } from '../lib/as-child'\nimport { cn, stopPropagationHandler } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { Button } from './button'\n\nconst dialogContentVariants = cva(\n  [\n    'bg-background ring-foreground/10 fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none',\n    'flex flex-col gap-4 rounded-xl p-4 text-sm ring-1 duration-100',\n    'max-w-[calc(100%-2rem)] max-h-[calc(100dvh-2rem)] overflow-hidden',\n    'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95'\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'sm:max-w-sm',\n        md: 'sm:max-w-md',\n        lg: 'sm:max-w-lg',\n        xl: 'sm:max-w-xl',\n        '2xl': 'sm:max-w-2xl',\n        '3xl': 'sm:max-w-3xl',\n        full: 'w-screen h-screen max-w-none max-h-screen rounded-none sm:max-w-none'\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  }\n)\n\ntype DialogSize = NonNullable<VariantProps<typeof dialogContentVariants>['size']>\ntype DialogContextValue = { size: DialogSize }\nconst DialogContext = React.createContext<DialogContextValue>({ size: 'md' })\n\nexport type DialogProps = React.ComponentProps<typeof DialogPrimitive.Root> & {\n  /**\n   * Dialog width. `full` fills the whole viewport.\n   * @default 'md'\n   */\n  size?: DialogSize\n  /**\n   * When `false`, clicking outside and pressing Esc no longer close the dialog. The close button and `DialogClose` still work.\n   * @default true\n   */\n  dismissible?: boolean\n}\nexport type DialogTriggerProps = AsChildPrimitiveProps<typeof DialogPrimitive.Trigger>\nexport type DialogPortalProps = React.ComponentProps<typeof DialogPrimitive.Portal>\nexport type DialogCloseProps = AsChildPrimitiveProps<typeof DialogPrimitive.Close>\nexport type DialogOverlayProps = AsChildPrimitiveProps<typeof DialogPrimitive.Backdrop>\nexport type DialogContentProps = AsChildPrimitiveProps<typeof DialogPrimitive.Popup> &\n  Pick<DialogPortalProps, 'keepMounted'> & {\n    /**\n     * Shows the X button in the top-right corner.\n     * @default true\n     */\n    showCloseButton?: boolean\n    /** Ref to the overlay element rendered behind the dialog. */\n    overlayRef?: React.Ref<HTMLDivElement>\n  }\nexport type DialogHeaderProps = React.ComponentProps<'div'>\nexport type DialogBodyProps = React.ComponentProps<'div'>\nexport type DialogFooterProps = React.ComponentProps<'div'> & {\n  /**\n   * Adds an outline \"Close\" button after the footer actions.\n   * @default false\n   */\n  showCloseButton?: boolean\n}\nexport type DialogTitleProps = AsChildPrimitiveProps<typeof DialogPrimitive.Title>\nexport type DialogDescriptionProps = AsChildPrimitiveProps<typeof DialogPrimitive.Description>\n\nfunction Dialog({ size = 'md', dismissible = true, disablePointerDismissal, onOpenChange, ...props }: DialogProps) {\n  const contextValue = React.useMemo<DialogContextValue>(() => ({ size }), [size])\n\n  return (\n    <DialogContext.Provider value={contextValue}>\n      <DialogPrimitive.Root\n        data-slot=\"dialog\"\n        disablePointerDismissal={!dismissible || disablePointerDismissal}\n        onOpenChange={(open, eventDetails) => {\n          if (!dismissible && eventDetails.reason === 'escape-key') {\n            eventDetails.cancel()\n            return\n          }\n          onOpenChange?.(open, eventDetails)\n        }}\n        {...props}\n      />\n    </DialogContext.Provider>\n  )\n}\n\nfunction DialogTrigger({ asChild, children, ...props }: DialogTriggerProps) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} {...toAsChildRenderProps(asChild, children)} />\n}\n\nfunction DialogPortal({ ...props }: DialogPortalProps) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({ asChild, children, ...props }: DialogCloseProps) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} {...toAsChildRenderProps(asChild, children)} />\n}\n\nfunction DialogOverlay({ className, onClick, asChild, children, ...props }: DialogOverlayProps) {\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot=\"dialog-overlay\"\n      className={(state) =>\n        cn(\n          'bg-black/10 fixed inset-0 isolate z-50',\n          'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0',\n          'duration-100 supports-backdrop-filter:backdrop-blur-xs',\n          resolveClassName(className, state)\n        )\n      }\n      onClick={stopPropagationHandler(onClick)}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  overlayRef,\n  keepMounted,\n  asChild,\n  ...props\n}: DialogContentProps) {\n  const { size } = React.useContext(DialogContext)\n\n  return (\n    <DialogPortal keepMounted={keepMounted}>\n      <DialogOverlay ref={overlayRef} />\n      <DialogPrimitive.Popup\n        data-slot=\"dialog-content\"\n        className={(state) => cn(dialogContentVariants({ size }), resolveClassName(className, state))}\n        {...props}\n        {...toAsChildRenderProps(asChild, children)}\n        // React events bubble through the fiber tree, not the DOM, so a portaled Popup still\n        // reaches any ancestor's onClick/onSubmit even though it renders outside it in the DOM.\n        onClick={stopPropagationHandler(props.onClick)}\n        onSubmit={stopPropagationHandler(props.onSubmit)}\n      >\n        {!asChild && children}\n        {showCloseButton && !asChild && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            render={<Button variant=\"ghost\" className=\"absolute top-2 right-2\" size=\"icon-sm\" />}\n          >\n            <IconX />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: DialogHeaderProps) {\n  return <div data-slot=\"dialog-header\" className={cn('gap-2 flex flex-col shrink-0', className)} {...props} />\n}\n\nfunction DialogBody({ className, ...props }: DialogBodyProps) {\n  return <div data-slot=\"dialog-body\" className={cn('-mx-4 px-4 flex-1 overflow-y-auto', className)} {...props} />\n}\n\nfunction DialogFooter({ className, showCloseButton = false, children, ...props }: DialogFooterProps) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        'bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 shrink-0',\n        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && <DialogPrimitive.Close render={<Button variant=\"outline\" />}>Close</DialogPrimitive.Close>}\n    </div>\n  )\n}\n\nfunction DialogTitle({ className, asChild, children, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={(state) => cn('text-base leading-none font-medium', resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DialogDescription({ className, asChild, children, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={(state) =>\n        cn(\n          'text-muted-foreground text-sm',\n          '*:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger\n}\n"],"mappings":"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"}

package/dist/components/direction.d.ts

@@ -0,0 +1,7 @@
+import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
+import { DirectionProvider, TextDirection, useDirection } from "@base-ui/react/direction-provider";
+//#region src/components/direction.d.ts
+export type DirectionProviderProps = DirectionProvider.Props;
+//#endregion
+export { DirectionProvider, type TextDirection, useDirection };
+//# sourceMappingURL=direction.d.ts.map

package/dist/components/direction.js

@@ -0,0 +1 @@
+export{DirectionProvider,useDirection}from"@base-ui/react/direction-provider";

package/dist/components/donut-chart.d.ts

@@ -3,8 +3,20 @@ import { PieChartProps } from "./pie-chart.js";
 import * as React from "react";
 //#region src/components/donut-chart.d.ts
 export type DonutChartProps = PieChartProps & {
+  /**
+   * Ring width as a fraction of the radius.
+   * @default 0.35
+   */
   thickness?: number;
+  /**
+   * Shows the sum of the values in the center.
+   * @default false
+   */
   withTotal?: boolean;
+  /**
+   * Label below the total.
+   * @default 'Total'
+   */
   totalLabel?: React.ReactNode;
 };
 declare function DonutChart({ className, thickness, outerRadius, withTotal, totalLabel, data, ...props }: DonutChartProps): React.JSX.Element;

package/dist/components/donut-chart.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{PieChartBase as t}from"./pie-chart.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import*as i from"react";import{Label as a}from"recharts";function DonutChart({className:o,thickness:s=.35,outerRadius:c=`80%`,withTotal:l=!1,totalLabel:u=`Total`,data:d,...f}){let p=i.useMemo(()=>{let e=Math.min(Math.max(1-s,0),1);if(typeof c==`number`)return c*e;let t=/^(\d+(?:\.\d+)?)%$/.exec(c);return t?`${Number(t[1])*e}%`:c},[c,s]),m=i.useMemo(()=>d.reduce((e,t)=>e+t.value,0),[d]);return n(t,{dataSlot:`donut-chart`,className:e(o),data:d,outerRadius:c,innerRadius:p,centerSlot:l?n(a,{position:`center`,content:({viewBox:e})=>!e||!(`cx`in e)||!(`cy`in e)?null:r(`text`,{x:e.cx,y:e.cy,textAnchor:`middle`,dominantBaseline:`middle`,children:[n(`tspan`,{x:e.cx,y:e.cy,className:`fill-foreground font-medium text-2xl tabular-nums`,children:m.toLocaleString()}),n(`tspan`,{x:e.cx,y:(e.cy??0)+20,className:`fill-muted-foreground text-xs`,children:u})]})}):null,...f})}export{DonutChart};
+import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{PieChartBase as t}from"./pie-chart.js";import*as n from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Label as a}from"recharts";function DonutChart({className:o,thickness:s=.35,outerRadius:c=`80%`,withTotal:l=!1,totalLabel:u=`Total`,data:d,...f}){let p=n.useMemo(()=>{let e=Math.min(Math.max(1-s,0),1);if(typeof c==`number`)return c*e;let t=/^(\d+(?:\.\d+)?)%$/.exec(c);return t?`${Number(t[1])*e}%`:c},[c,s]),m=n.useMemo(()=>d.reduce((e,t)=>e+t.value,0),[d]);return/* @__PURE__ */ r(t,{dataSlot:`donut-chart`,className:e(o),data:d,outerRadius:c,innerRadius:p,centerSlot:l?/* @__PURE__ */ r(a,{content:({viewBox:e})=>!e||!(`cx`in e)||!(`cy`in e)?null:/* @__PURE__ */ i(`text`,{x:e.cx,y:e.cy,textAnchor:`middle`,dominantBaseline:`middle`,children:[/* @__PURE__ */ r(`tspan`,{x:e.cx,y:e.cy,className:`fill-foreground font-medium text-2xl tabular-nums`,children:m.toLocaleString()}),/* @__PURE__ */ r(`tspan`,{x:e.cx,y:(e.cy??0)+20,className:`fill-muted-foreground text-xs`,children:u})]})}):null,...f})}export{DonutChart};
 //# sourceMappingURL=donut-chart.js.map

package/dist/components/donut-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"donut-chart.js","names":[],"sources":["../../src/components/donut-chart.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Label } from 'recharts'\n\nimport { cn } from '../lib/utils'\nimport { PieChartBase, type PieChartProps } from './pie-chart'\n\nexport type DonutChartProps = PieChartProps & {\n  thickness?: number\n  withTotal?: boolean\n  totalLabel?: React.ReactNode\n}\n\nfunction DonutChart({\n  className,\n  thickness = 0.35,\n  outerRadius = '80%',\n  withTotal = false,\n  totalLabel = 'Total',\n  data,\n  ...props\n}: DonutChartProps) {\n  const innerRadius = React.useMemo(() => {\n    const ratio = Math.min(Math.max(1 - thickness, 0), 1)\n    if (typeof outerRadius === 'number') {\n      return outerRadius * ratio\n    }\n    const match = /^(\\d+(?:\\.\\d+)?)%$/.exec(outerRadius)\n    if (match) {\n      return `${Number(match[1]) * ratio}%`\n    }\n    return outerRadius\n  }, [outerRadius, thickness])\n\n  const total = React.useMemo(() => data.reduce((sum, item) => sum + item.value, 0), [data])\n\n  return (\n    <PieChartBase\n      dataSlot=\"donut-chart\"\n      className={cn(className)}\n      data={data}\n      outerRadius={outerRadius}\n      innerRadius={innerRadius}\n      centerSlot={\n        withTotal ? (\n          <Label\n            position=\"center\"\n            content={({ viewBox }) => {\n              if (!viewBox || !('cx' in viewBox) || !('cy' in viewBox)) {\n                return null\n              }\n              return (\n                <text x={viewBox.cx} y={viewBox.cy} textAnchor=\"middle\" dominantBaseline=\"middle\">\n                  <tspan x={viewBox.cx} y={viewBox.cy} className=\"fill-foreground font-medium text-2xl tabular-nums\">\n                    {total.toLocaleString()}\n                  </tspan>\n                  <tspan x={viewBox.cx} y={(viewBox.cy ?? 0) + 20} className=\"fill-muted-foreground text-xs\">\n                    {totalLabel}\n                  </tspan>\n                </text>\n              )\n            }}\n          />\n        ) : null\n      }\n      {...props}\n    />\n  )\n}\n\nexport { DonutChart }\n"],"mappings":"sOAaA,SAAS,WAAW,CAClB,YACA,YAAY,IACZ,cAAc,MACd,YAAY,GACZ,aAAa,QACb,OACA,GAAG,GACe,CAClB,IAAM,EAAc,EAAM,YAAc,CACtC,IAAM,EAAQ,KAAK,IAAI,KAAK,IAAI,EAAI,EAAW,CAAC,EAAG,CAAC,EACpD,GAAI,OAAO,GAAgB,SACzB,OAAO,EAAc,EAEvB,IAAM,EAAQ,qBAAqB,KAAK,CAAW,EAInD,OAHI,EACK,GAAG,OAAO,EAAM,EAAE,EAAI,EAAM,GAE9B,CACT,EAAG,CAAC,EAAa,CAAS,CAAC,EAErB,EAAQ,EAAM,YAAc,EAAK,QAAQ,EAAK,IAAS,EAAM,EAAK,MAAO,CAAC,EAAG,CAAC,CAAI,CAAC,EAEzF,OACE,EAAC,EAAD,CACE,SAAS,cACT,UAAW,EAAG,CAAS,EACjB,OACO,cACA,cACb,WACE,EACE,EAAC,EAAD,CACE,SAAS,SACT,SAAU,CAAE,aACN,CAAC,GAAW,EAAE,OAAQ,IAAY,EAAE,OAAQ,GACvC,KAGP,EAAC,OAAD,CAAM,EAAG,EAAQ,GAAI,EAAG,EAAQ,GAAI,WAAW,SAAS,iBAAiB,SAAzE,SAAA,CACE,EAAC,QAAD,CAAO,EAAG,EAAQ,GAAI,EAAG,EAAQ,GAAI,UAAU,oDAC5C,SAAA,EAAM,eAAe,CACjB,CAAA,EACP,EAAC,QAAD,CAAO,EAAG,EAAQ,GAAI,GAAI,EAAQ,IAAM,GAAK,GAAI,UAAU,gCACxD,SAAA,CACI,CAAA,CACH,GAGX,CAAA,EACC,KAEN,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"donut-chart.js","names":["React","props","innerRadius","ratio","thickness","outerRadius","match","total","data","sum","item","PieChartBase","cn","className","withTotal","Label","viewBox","totalLabel"],"sources":["../../src/components/donut-chart.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Label } from 'recharts'\n\nimport { cn } from '../lib/utils'\nimport { PieChartBase, type PieChartProps } from './pie-chart'\n\nexport type DonutChartProps = PieChartProps & {\n  /**\n   * Ring width as a fraction of the radius.\n   * @default 0.35\n   */\n  thickness?: number\n  /**\n   * Shows the sum of the values in the center.\n   * @default false\n   */\n  withTotal?: boolean\n  /**\n   * Label below the total.\n   * @default 'Total'\n   */\n  totalLabel?: React.ReactNode\n}\n\nfunction DonutChart({\n  className,\n  thickness = 0.35,\n  outerRadius = '80%',\n  withTotal = false,\n  totalLabel = 'Total',\n  data,\n  ...props\n}: DonutChartProps) {\n  const innerRadius = React.useMemo(() => {\n    const ratio = Math.min(Math.max(1 - thickness, 0), 1)\n    if (typeof outerRadius === 'number') {\n      return outerRadius * ratio\n    }\n    const match = /^(\\d+(?:\\.\\d+)?)%$/.exec(outerRadius)\n    if (match) {\n      return `${Number(match[1]) * ratio}%`\n    }\n    return outerRadius\n  }, [outerRadius, thickness])\n\n  const total = React.useMemo(() => data.reduce((sum, item) => sum + item.value, 0), [data])\n\n  return (\n    <PieChartBase\n      dataSlot=\"donut-chart\"\n      className={cn(className)}\n      data={data}\n      outerRadius={outerRadius}\n      innerRadius={innerRadius}\n      centerSlot={\n        withTotal ? (\n          <Label\n            content={({ viewBox }) => {\n              if (!viewBox || !('cx' in viewBox) || !('cy' in viewBox)) {\n                return null\n              }\n              return (\n                <text x={viewBox.cx} y={viewBox.cy} textAnchor=\"middle\" dominantBaseline=\"middle\">\n                  <tspan x={viewBox.cx} y={viewBox.cy} className=\"fill-foreground font-medium text-2xl tabular-nums\">\n                    {total.toLocaleString()}\n                  </tspan>\n                  <tspan x={viewBox.cx} y={(viewBox.cy ?? 0) + 20} className=\"fill-muted-foreground text-xs\">\n                    {totalLabel}\n                  </tspan>\n                </text>\n              )\n            }}\n          />\n        ) : null\n      }\n      {...props}\n    />\n  )\n}\n\nexport { DonutChart }\n"],"mappings":"sOAyBA,SAAS,WAAW,CAClB,YACA,YAAY,IACZ,cAAc,MACd,YAAY,GACZ,aAAa,QACb,OACA,GAAGC,GACe,CAClB,IAAMC,EAAcF,EAAM,YAAc,CACtC,IAAMG,EAAQ,KAAK,IAAI,KAAK,IAAI,EAAIC,EAAW,CAAC,EAAG,CAAC,EACpD,GAAI,OAAOC,GAAgB,SACzB,OAAOA,EAAcF,EAEvB,IAAMG,EAAQ,qBAAqB,KAAKD,CAAW,EAInD,OAHIC,EACK,GAAG,OAAOA,EAAM,EAAE,EAAIH,EAAM,GAE9BE,CACT,EAAG,CAACA,EAAaD,CAAS,CAAC,EAErBG,EAAQP,EAAM,YAAcQ,EAAK,QAAQ,EAAK,IAASC,EAAMC,EAAK,MAAO,CAAC,EAAG,CAACF,CAAI,CAAC,EAEzF,MACE,kBAACG,EAAD,CACE,SAAS,cACT,UAAWC,EAAGC,CAAS,EACjB,OACO,cACA,cACb,WACEC,EACE,kBAACC,EAAD,CACE,SAAU,CAAE,aACN,CAACC,GAAW,EAAE,OAAQA,IAAY,EAAE,OAAQA,GACvC,KAGP,kBAAC,OAAD,CAAM,EAAGA,EAAQ,GAAI,EAAGA,EAAQ,GAAI,WAAW,SAAS,iBAAiB,SAAzE,SAAA,CACE,kBAAC,QAAD,CAAO,EAAGA,EAAQ,GAAI,EAAGA,EAAQ,GAAI,UAAU,oDAC5C,SAAAT,EAAM,eAAe,CACjB,CAAA,EACP,kBAAC,QAAD,CAAO,EAAGS,EAAQ,GAAI,GAAIA,EAAQ,IAAM,GAAK,GAAI,UAAU,gCACxD,SAAAC,CACI,CAAA,CACH,GAGX,CAAA,EACC,KAEN,GAAIhB,CACL,CAAA,CAEL"}

package/dist/components/drawer.d.ts

@@ -1,7 +1,8 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { Dialog } from "radix-ui";
-import { VariantProps } from "class-variance-authority";
+import { t as AsChildPrimitiveProps } from "../as-child-Dxg3Xo1G.js";
 import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import { Dialog } from "@base-ui/react/dialog";
 //#region src/components/drawer.d.ts
 declare const drawerContentVariants: (props?: ({
   direction?: "bottom" | "left" | "right" | "top" | null | undefined;
@@ -10,34 +11,51 @@ declare const drawerContentVariants: (props?: ({
 type DrawerDirection = NonNullable<VariantProps<typeof drawerContentVariants>['direction']>;
 type DrawerSize = NonNullable<VariantProps<typeof drawerContentVariants>['size']>;
 export type DrawerProps = React.ComponentProps<typeof Dialog.Root> & {
+  /**
+   * Panel width for `left`/`right`, or height for `top`/`bottom`. `full` fills the whole viewport.
+   * @default 'md'
+   */
   size?: DrawerSize;
+  /**
+   * Edge the drawer slides in from.
+   * @default 'right'
+   */
   direction?: DrawerDirection;
+  /**
+   * When `false`, clicking outside and pressing Esc no longer close the drawer. The close button and `DrawerClose` still work.
+   * @default true
+   */
   dismissible?: boolean;
 };
-export type DrawerTriggerProps = React.ComponentProps<typeof Dialog.Trigger>;
+export type DrawerTriggerProps = AsChildPrimitiveProps<typeof Dialog.Trigger>;
 export type DrawerPortalProps = React.ComponentProps<typeof Dialog.Portal>;
-export type DrawerCloseProps = React.ComponentProps<typeof Dialog.Close>;
-export type DrawerOverlayProps = React.ComponentProps<typeof Dialog.Overlay>;
-export type DrawerContentProps = React.ComponentProps<typeof Dialog.Content> & {
+export type DrawerCloseProps = AsChildPrimitiveProps<typeof Dialog.Close>;
+export type DrawerOverlayProps = AsChildPrimitiveProps<typeof Dialog.Backdrop>;
+export type DrawerContentProps = AsChildPrimitiveProps<typeof Dialog.Popup> & Pick<DrawerPortalProps, 'keepMounted'> & {
+  /**
+   * Shows the X button in the top-right corner.
+   * @default true
+   */
   showCloseButton?: boolean;
+  /** Props passed to the overlay rendered behind the drawer. */
   overlayProps?: DrawerOverlayProps;
 };
 export type DrawerHeaderProps = React.ComponentProps<'div'>;
 export type DrawerBodyProps = React.ComponentProps<'div'>;
 export type DrawerFooterProps = React.ComponentProps<'div'>;
-export type DrawerTitleProps = React.ComponentProps<typeof Dialog.Title>;
-export type DrawerDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
-declare function Drawer({ size, direction, dismissible, ...props }: DrawerProps): React.JSX.Element;
-declare function DrawerTrigger({ ...props }: DrawerTriggerProps): React.JSX.Element;
+export type DrawerTitleProps = AsChildPrimitiveProps<typeof Dialog.Title>;
+export type DrawerDescriptionProps = AsChildPrimitiveProps<typeof Dialog.Description>;
+declare function Drawer({ size, direction, dismissible, disablePointerDismissal, onOpenChange, ...props }: DrawerProps): React.JSX.Element;
+declare function DrawerTrigger({ asChild, children, ...props }: DrawerTriggerProps): React.JSX.Element;
 declare function DrawerPortal({ ...props }: DrawerPortalProps): React.JSX.Element;
-declare function DrawerClose({ ...props }: DrawerCloseProps): React.JSX.Element;
-declare function DrawerOverlay({ className, onClick, ...props }: DrawerOverlayProps): React.JSX.Element;
-declare function DrawerContent({ className, children, showCloseButton, overlayProps, ...props }: DrawerContentProps): React.JSX.Element;
+declare function DrawerClose({ asChild, children, ...props }: DrawerCloseProps): React.JSX.Element;
+declare function DrawerOverlay({ className, onClick, asChild, children, ...props }: DrawerOverlayProps): React.JSX.Element;
+declare function DrawerContent({ className, children, showCloseButton, overlayProps, keepMounted, asChild, ...props }: DrawerContentProps): React.JSX.Element;
 declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): React.JSX.Element;
 declare function DrawerBody({ className, ...props }: DrawerBodyProps): React.JSX.Element;
 declare function DrawerFooter({ className, ...props }: DrawerFooterProps): React.JSX.Element;
-declare function DrawerTitle({ className, ...props }: DrawerTitleProps): React.JSX.Element;
-declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): React.JSX.Element;
+declare function DrawerTitle({ className, asChild, children, ...props }: DrawerTitleProps): React.JSX.Element;
+declare function DrawerDescription({ className, asChild, children, ...props }: DrawerDescriptionProps): React.JSX.Element;
 //#endregion
 export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
 //# sourceMappingURL=drawer.d.ts.map

package/dist/components/drawer.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e,stopPropagationHandler as t}from"../lib/utils.js";import{Button as n}from"./button.js";import{IconX as r}from"@tabler/icons-react";import{Dialog as i}from"radix-ui";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{cva as s}from"class-variance-authority";import*as c from"react";const l=s([`bg-background flex h-auto flex-col text-sm fixed z-50 outline-none duration-200`,`data-open:animate-in data-closed:animate-out`],{variants:{direction:{top:`inset-x-0 top-0 rounded-b-xl border-b data-closed:slide-out-to-top data-open:slide-in-from-top-10`,right:`inset-y-0 right-0 rounded-l-xl border-l data-closed:slide-out-to-right data-open:slide-in-from-right-10`,bottom:`inset-x-0 bottom-0 rounded-t-xl border-t data-closed:slide-out-to-bottom data-open:slide-in-from-bottom-10`,left:`inset-y-0 left-0 rounded-r-xl border-r data-closed:slide-out-to-left data-open:slide-in-from-left-10`},size:{sm:``,md:``,lg:``,xl:``,"2xl":``,"3xl":``,full:``}},compoundVariants:[{direction:[`left`,`right`],size:`sm`,className:`w-3/4 sm:max-w-sm`},{direction:[`left`,`right`],size:`md`,className:`w-4/5 sm:max-w-md`},{direction:[`left`,`right`],size:`lg`,className:`w-[90%] sm:max-w-lg`},{direction:[`left`,`right`],size:`xl`,className:`w-[90%] sm:max-w-195`},{direction:[`left`,`right`],size:`2xl`,className:`w-[90%] sm:max-w-240`},{direction:[`left`,`right`],size:`3xl`,className:`w-[90%] sm:max-w-300`},{direction:[`left`,`right`],size:`full`,className:`w-full`},{direction:`top`,size:`sm`,className:`mb-24 h-full max-h-96`},{direction:`top`,size:`md`,className:`mb-20 h-full max-h-112`},{direction:`top`,size:`lg`,className:`mb-12 h-full max-h-128`},{direction:`top`,size:`xl`,className:`mb-12 h-full max-h-195`},{direction:`top`,size:`2xl`,className:`mb-12 h-full max-h-240`},{direction:`top`,size:`3xl`,className:`mb-12 h-full max-h-300`},{direction:`top`,size:`full`,className:`mb-0 h-full`},{direction:`bottom`,size:`sm`,className:`mt-24 h-full max-h-96`},{direction:`bottom`,size:`md`,className:`mt-20 h-full max-h-112`},{direction:`bottom`,size:`lg`,className:`mt-12 h-full max-h-128`},{direction:`bottom`,size:`xl`,className:`mt-12 h-full max-h-195`},{direction:`bottom`,size:`2xl`,className:`mt-12 h-full max-h-240`},{direction:`bottom`,size:`3xl`,className:`mt-12 h-full max-h-300`},{direction:`bottom`,size:`full`,className:`mt-0 h-full`}],defaultVariants:{direction:`right`,size:`md`}}),u=c.createContext({size:`md`,direction:`right`,dismissible:!0});function Drawer({size:e=`md`,direction:t=`right`,dismissible:n=!0,...r}){let o=c.useMemo(()=>({size:e,direction:t,dismissible:n}),[e,t,n]);return a(u.Provider,{value:o,children:a(i.Root,{"data-slot":`drawer`,...r})})}function DrawerTrigger({...e}){return a(i.Trigger,{"data-slot":`drawer-trigger`,...e})}function DrawerPortal({...e}){return a(i.Portal,{"data-slot":`drawer-portal`,...e})}function DrawerClose({...e}){return a(i.Close,{"data-slot":`drawer-close`,...e})}function DrawerOverlay({className:n,onClick:r,...o}){return a(i.Overlay,{"data-slot":`drawer-overlay`,className:e(`bg-black/10 fixed inset-0 z-50`,`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0`,`supports-backdrop-filter:backdrop-blur-xs`,n),onClick:t(r),...o})}function DrawerContent({className:s,children:d,showCloseButton:f=!0,overlayProps:p,...m}){let{size:h,direction:g,dismissible:_}=c.useContext(u);return o(DrawerPortal,{children:[a(DrawerOverlay,{...p}),o(i.Content,{"data-slot":`drawer-content`,className:e(l({size:h,direction:g}),s),...m,onEscapeKeyDown:e=>{_||e.preventDefault(),m.onEscapeKeyDown?.(e)},onInteractOutside:e=>{_||e.preventDefault(),m.onInteractOutside?.(e)},onClick:t(m.onClick),onSubmit:t(m.onSubmit),children:[d,f&&a(DrawerClose,{asChild:!0,children:o(n,{variant:`ghost`,className:`absolute top-3 right-3`,size:`icon-sm`,children:[a(r,{}),a(`span`,{className:`sr-only`,children:`Close`})]})})]})]})}function DrawerHeader({className:t,...n}){let{direction:r}=c.useContext(u);return a(`div`,{"data-slot":`drawer-header`,className:e(`p-4 flex flex-col gap-0.5 md:gap-0.5`,(r===`top`||r===`bottom`)&&`text-center md:text-left`,t),...n})}function DrawerBody({className:t,...n}){return a(`div`,{"data-slot":`drawer-body`,className:e(`px-4 pb-4 flex-1 min-h-0 overflow-y-auto`,t),...n})}function DrawerFooter({className:t,...n}){return a(`div`,{"data-slot":`drawer-footer`,className:e(`gap-2 p-4 mt-auto flex flex-col sm:flex-row sm:justify-end`,t),...n})}function DrawerTitle({className:t,...n}){return a(i.Title,{"data-slot":`drawer-title`,className:e(`text-foreground text-base font-medium`,t),...n})}function DrawerDescription({className:t,...n}){return a(i.Description,{"data-slot":`drawer-description`,className:e(`text-muted-foreground text-sm`,t),...n})}export{Drawer,DrawerBody,DrawerClose,DrawerContent,DrawerDescription,DrawerFooter,DrawerHeader,DrawerOverlay,DrawerPortal,DrawerTitle,DrawerTrigger};
+import"../rolldown-runtime-BhWHdk3m.js";import{toAsChildRenderProps as e}from"../lib/as-child.js";import{cn as t,stopPropagationHandler as n}from"../lib/utils.js";import{t as r}from"../resolve-class-name-BurP8ngI.js";import{Button as i}from"./button.js";import{IconX as a}from"@tabler/icons-react";import*as o from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{cva as l}from"class-variance-authority";import{Dialog as u}from"@base-ui/react/dialog";const d=l([`bg-background flex h-auto flex-col text-sm fixed z-50 outline-none duration-200`,`data-open:animate-in data-closed:animate-out`],{variants:{direction:{top:`inset-x-0 top-0 rounded-b-xl border-b data-closed:slide-out-to-top data-open:slide-in-from-top-10`,right:`inset-y-0 right-0 rounded-l-xl border-l data-closed:slide-out-to-right data-open:slide-in-from-right-10`,bottom:`inset-x-0 bottom-0 rounded-t-xl border-t data-closed:slide-out-to-bottom data-open:slide-in-from-bottom-10`,left:`inset-y-0 left-0 rounded-r-xl border-r data-closed:slide-out-to-left data-open:slide-in-from-left-10`},size:{sm:``,md:``,lg:``,xl:``,"2xl":``,"3xl":``,full:``}},compoundVariants:[{direction:[`left`,`right`],size:`sm`,className:`w-3/4 sm:max-w-sm`},{direction:[`left`,`right`],size:`md`,className:`w-4/5 sm:max-w-md`},{direction:[`left`,`right`],size:`lg`,className:`w-[90%] sm:max-w-lg`},{direction:[`left`,`right`],size:`xl`,className:`w-[90%] sm:max-w-195`},{direction:[`left`,`right`],size:`2xl`,className:`w-[90%] sm:max-w-240`},{direction:[`left`,`right`],size:`3xl`,className:`w-[90%] sm:max-w-300`},{direction:[`left`,`right`],size:`full`,className:`w-full`},{direction:`top`,size:`sm`,className:`mb-24 h-full max-h-96`},{direction:`top`,size:`md`,className:`mb-20 h-full max-h-112`},{direction:`top`,size:`lg`,className:`mb-12 h-full max-h-128`},{direction:`top`,size:`xl`,className:`mb-12 h-full max-h-195`},{direction:`top`,size:`2xl`,className:`mb-12 h-full max-h-240`},{direction:`top`,size:`3xl`,className:`mb-12 h-full max-h-300`},{direction:`top`,size:`full`,className:`mb-0 h-full`},{direction:`bottom`,size:`sm`,className:`mt-24 h-full max-h-96`},{direction:`bottom`,size:`md`,className:`mt-20 h-full max-h-112`},{direction:`bottom`,size:`lg`,className:`mt-12 h-full max-h-128`},{direction:`bottom`,size:`xl`,className:`mt-12 h-full max-h-195`},{direction:`bottom`,size:`2xl`,className:`mt-12 h-full max-h-240`},{direction:`bottom`,size:`3xl`,className:`mt-12 h-full max-h-300`},{direction:`bottom`,size:`full`,className:`mt-0 h-full`}],defaultVariants:{direction:`right`,size:`md`}}),f=o.createContext({size:`md`,direction:`right`});function Drawer({size:e=`md`,direction:t=`right`,dismissible:n=!0,disablePointerDismissal:r,onOpenChange:i,...a}){let c=o.useMemo(()=>({size:e,direction:t}),[e,t]);return/* @__PURE__ */ s(f.Provider,{value:c,children:/* @__PURE__ */ s(u.Root,{"data-slot":`drawer`,disablePointerDismissal:!n||r,onOpenChange:(e,t)=>{!n&&t.reason===`escape-key`?t.cancel():i?.(e,t)},...a})})}function DrawerTrigger({asChild:t,children:n,...r}){return/* @__PURE__ */ s(u.Trigger,{"data-slot":`drawer-trigger`,...r,...e(t,n)})}function DrawerPortal({...e}){return/* @__PURE__ */ s(u.Portal,{"data-slot":`drawer-portal`,...e})}function DrawerClose({asChild:t,children:n,...r}){return/* @__PURE__ */ s(u.Close,{"data-slot":`drawer-close`,...r,...e(t,n)})}function DrawerOverlay({className:i,onClick:a,asChild:o,children:c,...l}){return/* @__PURE__ */ s(u.Backdrop,{"data-slot":`drawer-overlay`,className:e=>t(`bg-black/10 fixed inset-0 z-50 duration-200`,`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0`,`supports-backdrop-filter:backdrop-blur-xs`,r(i,e)),onClick:n(a),...l,...e(o,c)})}function DrawerContent({className:l,children:p,showCloseButton:m=!0,overlayProps:h,keepMounted:g,asChild:_,...v}){let{size:y,direction:b}=o.useContext(f);return/* @__PURE__ */ c(DrawerPortal,{keepMounted:g,children:[/* @__PURE__ */ s(DrawerOverlay,{...h}),/* @__PURE__ */ c(u.Popup,{"data-slot":`drawer-content`,className:e=>t(d({size:y,direction:b}),r(l,e)),...v,...e(_,p),onClick:n(v.onClick),onSubmit:n(v.onSubmit),children:[!_&&p,m&&!_&&/* @__PURE__ */ c(u.Close,{"data-slot":`drawer-close`,render:/* @__PURE__ */ s(i,{variant:`ghost`,className:`absolute top-3 right-3`,size:`icon-sm`}),children:[/* @__PURE__ */ s(a,{}),/* @__PURE__ */ s(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function DrawerHeader({className:e,...n}){let{direction:r}=o.useContext(f);return/* @__PURE__ */ s(`div`,{"data-slot":`drawer-header`,className:t(`p-4 flex flex-col gap-0.5 md:gap-0.5`,(r===`top`||r===`bottom`)&&`text-center md:text-left`,e),...n})}function DrawerBody({className:e,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`drawer-body`,className:t(`px-4 pb-4 flex-1 min-h-0 overflow-y-auto`,e),...n})}function DrawerFooter({className:e,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`drawer-footer`,className:t(`gap-2 p-4 mt-auto flex flex-col sm:flex-row sm:justify-end`,e),...n})}function DrawerTitle({className:n,asChild:i,children:a,...o}){return/* @__PURE__ */ s(u.Title,{"data-slot":`drawer-title`,className:e=>t(`text-foreground text-base font-medium`,r(n,e)),...o,...e(i,a)})}function DrawerDescription({className:n,asChild:i,children:a,...o}){return/* @__PURE__ */ s(u.Description,{"data-slot":`drawer-description`,className:e=>t(`text-muted-foreground text-sm`,r(n,e)),...o,...e(i,a)})}export{Drawer,DrawerBody,DrawerClose,DrawerContent,DrawerDescription,DrawerFooter,DrawerHeader,DrawerOverlay,DrawerPortal,DrawerTitle,DrawerTrigger};
 //# sourceMappingURL=drawer.js.map