@boxcustodia/library 2.0.0-alpha.22 → 2.0.0-alpha.24

package/dist/components/calendar/calendar.cjs.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),_=require("date-fns/locale"),g=require("lucide-react"),w=require("react-day-picker"),C=require("../select/select.cjs.js"),a=require("../../lib/cn.cjs.js"),p=new Date().getFullYear(),j=new Date(p-100,0),D=new Date(p+100,11);function N({options:l=[],value:d,onChange:o}){const i=l.map(e=>({label:e.label??"",value:e.value??0})),c=i.find(e=>e.value===Number(d))??null;return r.jsx(C.Select,{items:i,value:c,"aria-invalid":!1,className:"py-1 h-7",getLabel:e=>e.label,getId:e=>String(e.value),onValueChange:e=>{!o||e===null||o({target:{value:String(e.value)}})}})}const m="relative flex size-(--cell-size) text-base sm:text-sm items-center justify-center rounded-lg text-foreground not-in-data-selected:hover:bg-accent disabled:pointer-events-none disabled:opacity-64 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0";function k({className:l,classNames:d,showOutsideDays:o=!0,components:i,mode:c="single",captionLayout:e="dropdown",startMonth:b=j,endMonth:x=D,...v}){const u={button_next:m,button_previous:m,caption_label:"text-base sm:text-sm font-medium flex items-center gap-2 h-full",day:"size-(--cell-size) text-sm py-px",day_button:a.cn(m,"in-data-disabled:pointer-events-none in-[.range-middle]:rounded-none in-[.range-end:not(.range-start)]:rounded-s-none in-[.range-start:not(.range-end)]:rounded-e-none in-[.range-middle]:in-data-selected:bg-accent in-data-selected:bg-primary in-[.range-middle]:in-data-selected:text-foreground in-data-disabled:text-muted-foreground/72 in-data-outside:text-muted-foreground/72 in-data-selected:in-data-outside:text-primary-foreground in-data-selected:text-primary-foreground in-data-disabled:line-through outline-none in-[[data-selected]:not(.range-middle)]:transition-[color,background-color,border-radius,box-shadow] focus-visible:z-1 focus-visible:ring-[3px] focus-visible:ring-ring/50"),dropdown:"absolute bg-popover inset-0 opacity-0",dropdown_root:"relative has-focus:border-ring has-focus:ring-ring/50 has-focus:ring-[3px] border border-input shadow-xs/5 rounded-lg px-[calc(--spacing(3)-1px)] h-9 sm:h-8 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-me-1",dropdowns:"w-full flex items-center text-base sm:text-sm justify-center h-(--cell-size) gap-1.5 *:[span]:font-medium",hidden:"invisible",month:"w-full",month_caption:"relative mx-(--cell-size) px-1 mb-1 flex h-(--cell-size) items-center justify-center z-2",months:"relative flex flex-col sm:flex-row gap-2",nav:"absolute top-0 flex w-full justify-between z-1",outside:"text-muted-foreground data-selected:bg-accent/50 data-selected:text-muted-foreground",range_end:"range-end",range_middle:"range-middle",range_start:"range-start",today:"*:after:pointer-events-none *:after:absolute *:after:bottom-1 *:after:start-1/2 *:after:z-1 *:after:size-[3px] *:after:-translate-x-1/2 *:after:rounded-full *:after:bg-primary [&[data-selected]:not(.range-middle)>*]:after:bg-background [&[data-disabled]>*]:after:bg-foreground/30 *:after:transition-colors",week_number:"size-(--cell-size) p-0 text-xs font-medium text-muted-foreground/72",weekday:"size-(--cell-size) p-0 text-xs font-medium text-muted-foreground/72"},h=Object.keys(u).reduce((t,n)=>{const s=d?.[n],f=u[n];return t[n]=s?a.cn(f,s):f,t},{...u}),z={...{Dropdown:N,Chevron:({className:t,orientation:n,...s})=>n==="left"?r.jsx(g.ChevronLeftIcon,{className:a.cn(t,"rtl:rotate-180"),...s,"aria-hidden":"true"}):n==="right"?r.jsx(g.ChevronRightIcon,{className:a.cn(t,"rtl:rotate-180"),...s,"aria-hidden":"true"}):r.jsx(g.ChevronsUpDownIcon,{className:t,...s,"aria-hidden":"true"})},...i},y={className:a.cn("w-fit [--cell-size:--spacing(10)] sm:[--cell-size:--spacing(9)]",l),classNames:h,components:z,"data-slot":"calendar",formatters:{formatMonthDropdown:t=>t.toLocaleString("es",{month:"short"})},locale:_.es,weekStartsOn:1,captionLayout:e,startMonth:b,endMonth:x,mode:c,showOutsideDays:o,...v};return r.jsx(w.DayPicker,{...y})}exports.Calendar=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),w=require("date-fns/locale"),d=require("lucide-react"),C=require("react-day-picker"),f=require("../select/select.cjs.js"),o=require("../../lib/cn.cjs.js"),b=new Date().getFullYear(),N=new Date(b-100,0),j=new Date(b+100,11);function D({options:l=[],value:c,onChange:r}){const i=l.map(e=>({label:e.label??"",value:e.value??0})),u=i.find(e=>e.value===Number(c))??null;return s.jsx(f.Select,{items:i,value:u,icon:s.jsx(d.ChevronDownIcon,{className:f.selectTriggerIconClassName}),"aria-invalid":!1,className:"py-1 h-7 border-none font-medium! w-fit! [&>span]:capitalize",getLabel:e=>e.label,getId:e=>String(e.value),onValueChange:e=>{!r||e===null||r({target:{value:String(e.value)}})}})}const m="relative flex size-(--cell-size) text-base sm:text-sm items-center justify-center rounded-lg text-foreground not-in-data-selected:hover:bg-accent disabled:pointer-events-none disabled:opacity-64 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0";function k({className:l,classNames:c,showOutsideDays:r=!0,components:i,mode:u="single",captionLayout:e="dropdown",startMonth:x=N,endMonth:v=j,...h}){const g={button_next:m,button_previous:m,caption_label:"text-base sm:text-sm font-medium flex items-center gap-2 h-full",day:"size-(--cell-size) text-sm py-px",day_button:o.cn(m,"in-data-disabled:pointer-events-none in-[.range-middle]:rounded-none in-[.range-end:not(.range-start)]:rounded-s-none in-[.range-start:not(.range-end)]:rounded-e-none in-[.range-middle]:in-data-selected:bg-accent in-data-selected:bg-primary in-[.range-middle]:in-data-selected:text-foreground in-data-disabled:text-muted-foreground/72 in-data-outside:text-muted-foreground/72 in-data-selected:in-data-outside:text-primary-foreground in-data-selected:text-primary-foreground in-data-disabled:line-through outline-none in-[[data-selected]:not(.range-middle)]:transition-[color,background-color,border-radius,box-shadow] focus-visible:z-1 focus-visible:ring-[3px] focus-visible:ring-ring/50"),dropdown:"absolute bg-popover inset-0 opacity-0",dropdown_root:"relative has-focus:border-ring has-focus:ring-ring/50 has-focus:ring-[3px] border border-input shadow-xs/5 rounded-lg px-[calc(--spacing(3)-1px)] h-9 sm:h-8 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-me-1",dropdowns:"w-full flex items-center text-base sm:text-sm justify-center h-(--cell-size) gap-1.5 *:[span]:font-medium",hidden:"invisible",month:"w-full",month_caption:"relative mx-(--cell-size) px-1 mb-1 flex h-(--cell-size) items-center justify-center z-2",months:"relative flex flex-col sm:flex-row gap-2",nav:"absolute top-0 flex w-full justify-between z-1",outside:"text-muted-foreground data-selected:bg-accent/50 data-selected:text-muted-foreground",range_end:"range-end",range_middle:"range-middle",range_start:"range-start",today:"*:after:pointer-events-none *:after:absolute *:after:bottom-1 *:after:start-1/2 *:after:z-1 *:after:size-[3px] *:after:-translate-x-1/2 *:after:rounded-full *:after:bg-primary [&[data-selected]:not(.range-middle)>*]:after:bg-background [&[data-disabled]>*]:after:bg-foreground/30 *:after:transition-colors",week_number:"size-(--cell-size) p-0 text-xs font-medium text-muted-foreground/72",weekday:"size-(--cell-size) p-0 text-xs font-medium text-muted-foreground/72"},z=Object.keys(g).reduce((t,n)=>{const a=c?.[n],p=g[n];return t[n]=a?o.cn(p,a):p,t},{...g}),y={...{Dropdown:D,Chevron:({className:t,orientation:n,...a})=>n==="left"?s.jsx(d.ChevronLeftIcon,{className:o.cn(t,"rtl:rotate-180"),...a,"aria-hidden":"true"}):n==="right"?s.jsx(d.ChevronRightIcon,{className:o.cn(t,"rtl:rotate-180"),...a,"aria-hidden":"true"}):s.jsx(d.ChevronDownIcon,{className:t,...a,"aria-hidden":"true"})},...i},_={className:o.cn("w-fit [--cell-size:--spacing(10)] sm:[--cell-size:--spacing(9)]","rounded-xl border bg-background","in-data-[slot=popover-popup]:rounded-none in-data-[slot=popover-popup]:border-0 in-data-[slot=popover-popup]:bg-transparent in-data-[slot=popover-popup]:p-0",l),classNames:z,components:y,"data-slot":"calendar",formatters:{formatMonthDropdown:t=>t.toLocaleString("es",{month:"short"})},locale:w.es,weekStartsOn:1,captionLayout:e,startMonth:x,endMonth:v,mode:u,showOutsideDays:r,...h};return s.jsx(C.DayPicker,{..._})}exports.Calendar=k;

package/dist/components/calendar/calendar.es.js

@@ -1,31 +1,32 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { es as _ } from "date-fns/locale";
-import { ChevronLeftIcon as w, ChevronRightIcon as y, ChevronsUpDownIcon as C } from "lucide-react";
+import { jsx as o } from "react/jsx-runtime";
+import { es as w } from "date-fns/locale";
+import { ChevronLeftIcon as y, ChevronRightIcon as C, ChevronDownIcon as g } from "lucide-react";
 import { DayPicker as N } from "react-day-picker";
-import { Select as D } from "../select/select.es.js";
-import { cn as s } from "../../lib/cn.es.js";
-const f = (/* @__PURE__ */ new Date()).getFullYear(), k = new Date(f - 100, 0), j = new Date(f + 100, 11);
+import { Select as D, selectTriggerIconClassName as k } from "../select/select.es.js";
+import { cn as r } from "../../lib/cn.es.js";
+const f = (/* @__PURE__ */ new Date()).getFullYear(), T = new Date(f - 100, 0), j = new Date(f + 100, 11);
 function S({
   options: d = [],
   value: l,
-  onChange: o
+  onChange: s
 }) {
   const i = d.map((e) => ({
     label: e.label ?? "",
     value: e.value ?? 0
   })), c = i.find((e) => e.value === Number(l)) ?? null;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ o(
     D,
     {
       items: i,
       value: c,
+      icon: /* @__PURE__ */ o(g, { className: k }),
       "aria-invalid": !1,
-      className: "py-1 h-7",
+      className: "py-1 h-7 border-none font-medium! w-fit! [&>span]:capitalize",
       getLabel: (e) => e.label,
       getId: (e) => String(e.value),
       onValueChange: (e) => {
-        !o || e === null || o({
+        !s || e === null || s({
           target: { value: String(e.value) }
         });
       }
@@ -33,23 +34,23 @@ function S({
   );
 }
 const m = "relative flex size-(--cell-size) text-base sm:text-sm items-center justify-center rounded-lg text-foreground not-in-data-selected:hover:bg-accent disabled:pointer-events-none disabled:opacity-64 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0";
-function M({
+function P({
   className: d,
   classNames: l,
-  showOutsideDays: o = !0,
+  showOutsideDays: s = !0,
   components: i,
   mode: c = "single",
   captionLayout: e = "dropdown",
-  startMonth: p = k,
-  endMonth: b = j,
-  ...x
+  startMonth: b = T,
+  endMonth: x = j,
+  ...v
 }) {
   const u = {
     button_next: m,
     button_previous: m,
     caption_label: "text-base sm:text-sm font-medium flex items-center gap-2 h-full",
     day: "size-(--cell-size) text-sm py-px",
-    day_button: s(
+    day_button: r(
       m,
       "in-data-disabled:pointer-events-none in-[.range-middle]:rounded-none in-[.range-end:not(.range-start)]:rounded-s-none in-[.range-start:not(.range-end)]:rounded-e-none in-[.range-middle]:in-data-selected:bg-accent in-data-selected:bg-primary in-[.range-middle]:in-data-selected:text-foreground in-data-disabled:text-muted-foreground/72 in-data-outside:text-muted-foreground/72 in-data-selected:in-data-outside:text-primary-foreground in-data-selected:text-primary-foreground in-data-disabled:line-through outline-none in-[[data-selected]:not(.range-middle)]:transition-[color,background-color,border-radius,box-shadow] focus-visible:z-1 focus-visible:ring-[3px] focus-visible:ring-ring/50"
     ),
@@ -68,72 +69,70 @@ function M({
     today: "*:after:pointer-events-none *:after:absolute *:after:bottom-1 *:after:start-1/2 *:after:z-1 *:after:size-[3px] *:after:-translate-x-1/2 *:after:rounded-full *:after:bg-primary [&[data-selected]:not(.range-middle)>*]:after:bg-background [&[data-disabled]>*]:after:bg-foreground/30 *:after:transition-colors",
     week_number: "size-(--cell-size) p-0 text-xs font-medium text-muted-foreground/72",
     weekday: "size-(--cell-size) p-0 text-xs font-medium text-muted-foreground/72"
-  }, v = Object.keys(
+  }, h = Object.keys(
     u
   ).reduce(
     (t, n) => {
-      const a = l?.[n], g = u[n];
-      return t[n] = a ? s(g, a) : g, t;
+      const a = l?.[n], p = u[n];
+      return t[n] = a ? r(p, a) : p, t;
     },
     { ...u }
-  ), h = {
+  ), z = {
     ...{
       Dropdown: S,
       Chevron: ({
         className: t,
         orientation: n,
         ...a
-      }) => n === "left" ? /* @__PURE__ */ r(
-        w,
-        {
-          className: s(t, "rtl:rotate-180"),
-          ...a,
-          "aria-hidden": "true"
-        }
-      ) : n === "right" ? /* @__PURE__ */ r(
+      }) => n === "left" ? /* @__PURE__ */ o(
         y,
         {
-          className: s(t, "rtl:rotate-180"),
+          className: r(t, "rtl:rotate-180"),
           ...a,
           "aria-hidden": "true"
         }
-      ) : /* @__PURE__ */ r(
+      ) : n === "right" ? /* @__PURE__ */ o(
         C,
         {
-          className: t,
+          className: r(t, "rtl:rotate-180"),
           ...a,
           "aria-hidden": "true"
         }
-      )
+      ) : /* @__PURE__ */ o(g, { className: t, ...a, "aria-hidden": "true" })
     },
     ...i
-  }, z = {
-    className: s(
+  }, _ = {
+    className: r(
       "w-fit [--cell-size:--spacing(10)] sm:[--cell-size:--spacing(9)]",
+      // Standalone container surface. Inside a popover (DatePicker) the
+      // popup already paints border + background + padding, so strip ours
+      // to avoid a double border.
+      "rounded-xl border bg-background",
+      "in-data-[slot=popover-popup]:rounded-none in-data-[slot=popover-popup]:border-0 in-data-[slot=popover-popup]:bg-transparent in-data-[slot=popover-popup]:p-0",
       d
     ),
-    classNames: v,
-    components: h,
+    classNames: h,
+    components: z,
     "data-slot": "calendar",
     formatters: {
       formatMonthDropdown: (t) => t.toLocaleString("es", { month: "short" })
     },
-    locale: _,
+    locale: w,
     weekStartsOn: 1,
     captionLayout: e,
-    startMonth: p,
-    endMonth: b,
+    startMonth: b,
+    endMonth: x,
     mode: c,
-    showOutsideDays: o,
-    ...x
+    showOutsideDays: s,
+    ...v
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ o(
     N,
     {
-      ...z
+      ..._
     }
   );
 }
 export {
-  M as Calendar
+  P as Calendar
 };

package/dist/components/date-picker/date-input.cjs.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),B=require("@radix-ui/react-use-controllable-state"),s=require("date-fns"),M=require("lucide-react"),O=require("./use-date-input.cjs.js"),k=require("./use-date-input-popover.cjs.js"),H=require("./use-hidden-field-value.cjs.js"),i=require("../popover/popover.cjs.js"),f=require("../field/field.cjs.js"),E=require("../calendar/calendar.cjs.js"),U=require("../../lib/cn.cjs.js"),z=require("../input/input.cjs.js"),A=g=>{const{placeholder:u,value:m,onValueChange:v,defaultValue:y,autoComplete:b,className:x,disabledDate:n,renderFooter:D,disabled:o,onBlur:C,required:j,...q}=g,[a,d]=B.useControllableState({prop:m,onChange:e=>v?.(e??null),defaultProp:y??null}),I=a?s.format(a,"yyyy-MM-dd"):"",P=H.useHiddenFieldValue(I),{inputValue:w,handleChange:N,handleBlur:S,handleKeyDown:F,clear:K,setFromExternalDate:r}=O.useDateInput({date:a??null,onDateChange:e=>d(e),disabledDate:n}),{open:R,setOpen:c,handleInputKeyDown:T,inputRef:l}=k.useDateInputPopover({disabled:o}),V=e=>{F(e),T(e)},p=D?.({value:a??null,clear:()=>{r(null),K()},selectToday:()=>{const e=new Date;n?.(e)||r(e)},setValue:e=>{const h=e&&s.isDate(e)?e:null;d(h),r(h)}});return t.jsxs(i.PopoverRoot,{"data-slot":"date-input",open:R,onOpenChange:c,children:[t.jsxs("div",{className:U.cn(z.inputBaseClasses,"relative flex items-center gap-2 h-8","has-[:focus-visible]:border-ring","aria-invalid:border-error has-[:focus-visible]:aria-invalid:ring-error/20","has-aria-invalid:border-error has-[:focus-visible]:has-aria-invalid:border-error has-[:focus-visible]:has-aria-invalid:ring-error/20","has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50",!a&&"text-muted-foreground",x,"field-error"),"data-slot":"date-input-trigger",onClick:e=>{e.target===e.currentTarget&&l.current?.focus()},children:[t.jsx(f.FieldControl,{render:t.jsx("input",{ref:P,type:"text",className:"sr-only",tabIndex:-1,"aria-hidden":"true",required:j,disabled:o,onFocus:()=>l.current?.focus()})}),t.jsx("input",{type:"text",value:w,onChange:N,onBlur:e=>{S(),C?.(e)},onKeyDown:V,placeholder:u??"dd/mm/aaaa",autoComplete:b??"off",disabled:o,className:"flex-1 min-w-0 bg-transparent outline-none text-start truncate pt-px","aria-label":u,ref:l,...q}),t.jsxs(i.PopoverTrigger,{type:"button",disabled:o,"data-slot":"date-input-calendar-trigger",className:"flex shrink-0 items-center justify-center text-muted-foreground hover:text-foreground",children:[t.jsx(M.CalendarIcon,{"data-slot":"date-input-icon"}),t.jsx("span",{className:"sr-only",children:"Seleccionar fecha"})]})]}),t.jsx(i.PopoverPopup,{className:"w-auto p-0",align:"start","data-slot":"date-input-content",children:t.jsxs(f.FieldRoot,{className:"contents",children:[t.jsx(E.Calendar,{className:"border-none",mode:"single",selected:a??void 0,onSelect:e=>{if(!e||!s.isDate(e)){r(null);return}n?.(e)||(r(e),c(!1))},disabled:n}),p&&t.jsx("div",{className:"p-2","data-slot":"date-input-footer",children:p})]})})]})};exports.DateInput=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),k=require("@radix-ui/react-use-controllable-state"),i=require("date-fns"),H=require("lucide-react"),E=require("react"),U=require("./date-picker.utils.cjs.js"),_=require("./use-date-input.cjs.js"),z=require("./use-date-input-popover.cjs.js"),A=require("./use-hidden-field-value.cjs.js"),d=require("../popover/popover.cjs.js"),v=require("../field/field.cjs.js"),G=require("../calendar/calendar.cjs.js"),J=require("../../lib/cn.cjs.js"),L=require("../input/input.cjs.js"),Q=m=>{const{placeholder:u,value:y,onValueChange:b,defaultValue:C,autoComplete:D,className:x,disabledDate:r,renderFooter:j,disabled:o,onBlur:q,required:I,...P}=m,[a,c]=k.useControllableState({prop:y,onChange:e=>b?.(e??null),defaultProp:C??null}),w=a?i.format(a,"yyyy-MM-dd"):"",N=A.useHiddenFieldValue(w),{inputValue:p,handleChange:S,handleBlur:F,handleKeyDown:R,clear:T,setFromExternalDate:n}=_.useDateInput({date:a??null,onDateChange:e=>c(e),disabledDate:r}),{open:K,setOpen:h,handleInputKeyDown:M,inputRef:l}=z.useDateInputPopover({disabled:o}),[V,f]=E.useState(void 0),B=e=>{if(e){const s=U.parseInputToDate(p);f(s??a??void 0)}h(e)},O=e=>{R(e),M(e)},g=j?.({value:a??null,clear:()=>{n(null),T()},selectToday:()=>{const e=new Date;r?.(e)||n(e)},setValue:e=>{const s=e&&i.isDate(e)?e:null;c(s),n(s)}});return t.jsxs(d.PopoverRoot,{"data-slot":"date-input",open:K,onOpenChange:B,children:[t.jsxs("div",{className:J.cn(L.inputBaseClasses,"relative flex items-center gap-2 h-8","has-[:focus-visible]:border-ring","aria-invalid:border-error has-[:focus-visible]:aria-invalid:ring-error/20","has-aria-invalid:border-error has-[:focus-visible]:has-aria-invalid:border-error has-[:focus-visible]:has-aria-invalid:ring-error/20","has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50",!a&&"text-muted-foreground",x,"field-error"),"data-slot":"date-input-trigger",onClick:e=>{e.target===e.currentTarget&&l.current?.focus()},children:[t.jsx(v.FieldControl,{render:t.jsx("input",{ref:N,type:"text",className:"sr-only",tabIndex:-1,"aria-hidden":"true",required:I,disabled:o,onFocus:()=>l.current?.focus()})}),t.jsx("input",{type:"text",value:p,onChange:S,onBlur:e=>{F(),q?.(e)},onKeyDown:O,placeholder:u??"dd/mm/aaaa",autoComplete:D??"off",disabled:o,className:"flex-1 min-w-0 bg-transparent outline-none text-start truncate pt-px","aria-label":u,ref:l,...P}),t.jsxs(d.PopoverTrigger,{type:"button",disabled:o,"data-slot":"date-input-calendar-trigger",className:"flex shrink-0 items-center justify-center text-muted-foreground hover:text-foreground",children:[t.jsx(H.CalendarIcon,{"data-slot":"date-input-icon"}),t.jsx("span",{className:"sr-only",children:"Seleccionar fecha"})]})]}),t.jsx(d.PopoverPopup,{className:"w-auto p-0",align:"start","data-slot":"date-input-content",children:t.jsxs(v.FieldRoot,{className:"contents",children:[t.jsx(G.Calendar,{className:"border-none",mode:"single",month:V,onMonthChange:f,selected:a??void 0,onSelect:e=>{if(!e||!i.isDate(e)){n(null);return}r?.(e)||(n(e),h(!1))},disabled:r}),g&&t.jsx("div",{className:"p-2","data-slot":"date-input-footer",children:g})]})})]})};exports.DateInput=Q;

package/dist/components/date-picker/date-input.es.js

@@ -1,168 +1,188 @@
 "use client";
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { useControllableState as j } from "@radix-ui/react-use-controllable-state";
-import { format as k, isDate as m } from "date-fns";
-import { CalendarIcon as M } from "lucide-react";
-import { useDateInput as O } from "./use-date-input.es.js";
-import { useDateInputPopover as q } from "./use-date-input-popover.es.js";
-import { useHiddenFieldValue as E } from "./use-hidden-field-value.es.js";
-import { PopoverRoot as H, PopoverTrigger as z, PopoverPopup as A } from "../popover/popover.es.js";
-import { FieldControl as G, FieldRoot as J } from "../field/field.es.js";
-import { Calendar as L } from "../calendar/calendar.es.js";
-import { cn as Q } from "../../lib/cn.es.js";
-import { inputBaseClasses as U } from "../input/input.es.js";
-const ie = (f) => {
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useControllableState as k } from "@radix-ui/react-use-controllable-state";
+import { format as q, isDate as h } from "date-fns";
+import { CalendarIcon as E } from "lucide-react";
+import { useState as H } from "react";
+import { parseInputToDate as z } from "./date-picker.utils.es.js";
+import { useDateInput as A } from "./use-date-input.es.js";
+import { useDateInputPopover as G } from "./use-date-input-popover.es.js";
+import { useHiddenFieldValue as J } from "./use-hidden-field-value.es.js";
+import { PopoverRoot as L, PopoverTrigger as Q, PopoverPopup as U } from "../popover/popover.es.js";
+import { FieldControl as W, FieldRoot as X } from "../field/field.es.js";
+import { Calendar as Y } from "../calendar/calendar.es.js";
+import { cn as Z } from "../../lib/cn.es.js";
+import { inputBaseClasses as _ } from "../input/input.es.js";
+const he = (g) => {
   const {
-    placeholder: i,
-    value: h,
-    onValueChange: g,
-    defaultValue: v,
-    autoComplete: y,
-    className: b,
-    disabledDate: o,
-    renderFooter: C,
+    placeholder: d,
+    value: v,
+    onValueChange: y,
+    defaultValue: C,
+    autoComplete: b,
+    className: D,
+    disabledDate: r,
+    renderFooter: w,
     disabled: n,
-    onBlur: D,
-    required: x,
-    ...w
-  } = f, [r, d] = j({
-    prop: h,
-    onChange: (e) => g?.(e ?? null),
-    defaultProp: v ?? null
-  }), N = r ? k(r, "yyyy-MM-dd") : "", P = E(N), {
-    inputValue: I,
+    onBlur: x,
+    required: I,
+    ...N
+  } = g, [o, u] = k({
+    prop: v,
+    onChange: (e) => y?.(e ?? null),
+    defaultProp: C ?? null
+  }), P = o ? q(o, "yyyy-MM-dd") : "", S = J(P), {
+    inputValue: c,
     handleChange: F,
     handleBlur: K,
-    handleKeyDown: S,
+    handleKeyDown: T,
     clear: B,
     setFromExternalDate: a
-  } = O({
-    date: r ?? null,
-    onDateChange: (e) => d(e),
-    disabledDate: o
+  } = A({
+    date: o ?? null,
+    onDateChange: (e) => u(e),
+    disabledDate: r
   }), {
-    open: T,
-    setOpen: u,
+    open: M,
+    setOpen: p,
     handleInputKeyDown: V,
-    inputRef: s
-  } = q({ disabled: n }), R = (e) => {
-    S(e), V(e);
-  }, c = C?.({
-    value: r ?? null,
+    inputRef: i
+  } = G({ disabled: n }), [R, m] = H(
+    void 0
+  ), j = (e) => {
+    if (e) {
+      const l = z(c);
+      m(l ?? o ?? void 0);
+    }
+    p(e);
+  }, O = (e) => {
+    T(e), V(e);
+  }, f = w?.({
+    value: o ?? null,
     clear: () => {
       a(null), B();
     },
     selectToday: () => {
       const e = /* @__PURE__ */ new Date();
-      o?.(e) || a(e);
+      r?.(e) || a(e);
     },
     setValue: (e) => {
-      const p = e && m(e) ? e : null;
-      d(p), a(p);
+      const l = e && h(e) ? e : null;
+      u(l), a(l);
     }
   });
-  return /* @__PURE__ */ l(H, { "data-slot": "date-input", open: T, onOpenChange: u, children: [
-    /* @__PURE__ */ l(
-      "div",
-      {
-        className: Q(
-          U,
-          "relative flex items-center gap-2 h-8",
-          "has-[:focus-visible]:border-ring",
-          "aria-invalid:border-error has-[:focus-visible]:aria-invalid:ring-error/20",
-          "has-aria-invalid:border-error has-[:focus-visible]:has-aria-invalid:border-error has-[:focus-visible]:has-aria-invalid:ring-error/20",
-          "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50",
-          !r && "text-muted-foreground",
-          b,
-          "field-error"
-        ),
-        "data-slot": "date-input-trigger",
-        onClick: (e) => {
-          e.target === e.currentTarget && s.current?.focus();
-        },
-        children: [
-          /* @__PURE__ */ t(
-            G,
-            {
-              render: /* @__PURE__ */ t(
+  return /* @__PURE__ */ s(
+    L,
+    {
+      "data-slot": "date-input",
+      open: M,
+      onOpenChange: j,
+      children: [
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: Z(
+              _,
+              "relative flex items-center gap-2 h-8",
+              "has-[:focus-visible]:border-ring",
+              "aria-invalid:border-error has-[:focus-visible]:aria-invalid:ring-error/20",
+              "has-aria-invalid:border-error has-[:focus-visible]:has-aria-invalid:border-error has-[:focus-visible]:has-aria-invalid:ring-error/20",
+              "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50",
+              !o && "text-muted-foreground",
+              D,
+              "field-error"
+            ),
+            "data-slot": "date-input-trigger",
+            onClick: (e) => {
+              e.target === e.currentTarget && i.current?.focus();
+            },
+            children: [
+              /* @__PURE__ */ t(
+                W,
+                {
+                  render: /* @__PURE__ */ t(
+                    "input",
+                    {
+                      ref: S,
+                      type: "text",
+                      className: "sr-only",
+                      tabIndex: -1,
+                      "aria-hidden": "true",
+                      required: I,
+                      disabled: n,
+                      onFocus: () => i.current?.focus()
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ t(
                 "input",
                 {
-                  ref: P,
                   type: "text",
-                  className: "sr-only",
-                  tabIndex: -1,
-                  "aria-hidden": "true",
-                  required: x,
+                  value: c,
+                  onChange: F,
+                  onBlur: (e) => {
+                    K(), x?.(e);
+                  },
+                  onKeyDown: O,
+                  placeholder: d ?? "dd/mm/aaaa",
+                  autoComplete: b ?? "off",
+                  disabled: n,
+                  className: "flex-1 min-w-0 bg-transparent outline-none text-start truncate pt-px",
+                  "aria-label": d,
+                  ref: i,
+                  ...N
+                }
+              ),
+              /* @__PURE__ */ s(
+                Q,
+                {
+                  type: "button",
                   disabled: n,
-                  onFocus: () => s.current?.focus()
+                  "data-slot": "date-input-calendar-trigger",
+                  className: "flex shrink-0 items-center justify-center text-muted-foreground hover:text-foreground",
+                  children: [
+                    /* @__PURE__ */ t(E, { "data-slot": "date-input-icon" }),
+                    /* @__PURE__ */ t("span", { className: "sr-only", children: "Seleccionar fecha" })
+                  ]
                 }
               )
-            }
-          ),
-          /* @__PURE__ */ t(
-            "input",
-            {
-              type: "text",
-              value: I,
-              onChange: F,
-              onBlur: (e) => {
-                K(), D?.(e);
-              },
-              onKeyDown: R,
-              placeholder: i ?? "dd/mm/aaaa",
-              autoComplete: y ?? "off",
-              disabled: n,
-              className: "flex-1 min-w-0 bg-transparent outline-none text-start truncate pt-px",
-              "aria-label": i,
-              ref: s,
-              ...w
-            }
-          ),
-          /* @__PURE__ */ l(
-            z,
-            {
-              type: "button",
-              disabled: n,
-              "data-slot": "date-input-calendar-trigger",
-              className: "flex shrink-0 items-center justify-center text-muted-foreground hover:text-foreground",
-              children: [
-                /* @__PURE__ */ t(M, { "data-slot": "date-input-icon" }),
-                /* @__PURE__ */ t("span", { className: "sr-only", children: "Seleccionar fecha" })
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ t(
-      A,
-      {
-        className: "w-auto p-0",
-        align: "start",
-        "data-slot": "date-input-content",
-        children: /* @__PURE__ */ l(J, { className: "contents", children: [
-          /* @__PURE__ */ t(
-            L,
-            {
-              className: "border-none",
-              mode: "single",
-              selected: r ?? void 0,
-              onSelect: (e) => {
-                if (!e || !m(e)) {
-                  a(null);
-                  return;
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          U,
+          {
+            className: "w-auto p-0",
+            align: "start",
+            "data-slot": "date-input-content",
+            children: /* @__PURE__ */ s(X, { className: "contents", children: [
+              /* @__PURE__ */ t(
+                Y,
+                {
+                  className: "border-none",
+                  mode: "single",
+                  month: R,
+                  onMonthChange: m,
+                  selected: o ?? void 0,
+                  onSelect: (e) => {
+                    if (!e || !h(e)) {
+                      a(null);
+                      return;
+                    }
+                    r?.(e) || (a(e), p(!1));
+                  },
+                  disabled: r
                 }
-                o?.(e) || (a(e), u(!1));
-              },
-              disabled: o
-            }
-          ),
-          c && /* @__PURE__ */ t("div", { className: "p-2", "data-slot": "date-input-footer", children: c })
-        ] })
-      }
-    )
-  ] });
+              ),
+              f && /* @__PURE__ */ t("div", { className: "p-2", "data-slot": "date-input-footer", children: f })
+            ] })
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  ie as DateInput
+  he as DateInput
 };

package/dist/components/pagination/pagination.cjs.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("@radix-ui/react-use-controllable-state"),f=require("lucide-react"),h=require("react"),S=require("./pagination.model.cjs.js"),L=require("../../hooks/use-range-pagination/use-range-pagination.cjs.js"),l=require("../../lib/cn.cjs.js"),I=require("../button/button.cjs.js"),A={goToFirst:"Ir a primera página",goToPrevious:"Ir a página anterior",goToNext:"Ir a próxima página",goToLast:"Ir a última página",goToPage:a=>`Ir a la página ${a}`,total:a=>`${a} resultados`,pageInfo:(a,n)=>`Página ${a} de ${n}`,range:(a,n,t)=>`${a} - ${n} de ${t}`,morePages:"Más páginas"},C=h.createContext(null);function c(){const a=h.useContext(C);if(!a)throw new Error("Pagination primitives must be used inside <PaginationRoot>");return a}function z({totalItems:a,pageSize:n,defaultPageSize:t=S.PAGINATION_SIZES[0],onPageSizeChange:i,currentPage:o,defaultCurrentPage:s=1,onCurrentPageChange:r,siblingCount:g=1,getPageHref:u,linkComponent:j="a",texts:v,className:N,children:b,...x}){const[p=t,P]=M.useControllableState({prop:n,defaultProp:t,onChange:i}),d=L.useRangePagination({totalItems:a,pageSize:p,currentPage:o,defaultCurrentPage:s,onCurrentPageChange:r,siblingCount:g}),T=h.useMemo(()=>({...A,...v}),[v]),F=h.useMemo(()=>({...d,pageSize:p,totalItems:a,setPageSize:P,getPageHref:u,linkComponent:j,texts:T}),[d,p,a,P,u,j,T]);return e.jsx(C.Provider,{value:F,children:e.jsx("nav",{role:"navigation","aria-label":"pagination","data-slot":"pagination",className:l.cn("flex items-center gap-x-4",N),...x,children:b})})}function m({page:a,isActive:n,disabled:t,ariaLabel:i,dataSlot:o,children:s,className:r,buttonProps:g}){const{goTo:u,getPageHref:j,pageSize:v,linkComponent:N}=c(),b=N,x=j?.({page:a,pageSize:Number(v)}),p=!!x&&!t,P=()=>{t||u(a)},d={"data-slot":o,"data-active":n?"true":"false","aria-current":n?"page":void 0,"aria-label":i,className:l.cn("hover:bg-accent hover:text-accent-foreground",r)};return p&&x?e.jsx(I.Button,{variant:n?"outline":"ghost",size:"icon",nativeButton:!1,render:e.jsx(b,{href:x,onClick:P,children:s}),...d,...g}):e.jsx(I.Button,{variant:n?"outline":"ghost",size:"icon",disabled:t,onClick:P,...d,...g,children:s})}function R({page:a,isActive:n,className:t,children:i,buttonProps:o}){const{currentPage:s,texts:r}=c(),g=n??a===s;return e.jsx(m,{page:a,isActive:g,ariaLabel:r.goToPage(a),dataSlot:"pagination-link",className:t,buttonProps:o,children:i??a})}function _({className:a,buttonProps:n,children:t}){const{isFirstPage:i,texts:o}=c();return e.jsx(m,{page:1,disabled:i,ariaLabel:o.goToFirst,dataSlot:"pagination-first",className:a,buttonProps:n,children:t??e.jsx(f.ChevronsLeft,{"data-slot":"pagination-icon"})})}function k({className:a,buttonProps:n,children:t}){const{currentPage:i,isFirstPage:o,texts:s}=c();return e.jsx(m,{page:Math.max(1,i-1),disabled:o,ariaLabel:s.goToPrevious,dataSlot:"pagination-previous",className:a,buttonProps:n,children:t??e.jsx(f.ChevronLeft,{"data-slot":"pagination-icon"})})}function q({className:a,buttonProps:n,children:t}){const{currentPage:i,maxPage:o,isLastPage:s,texts:r}=c();return e.jsx(m,{page:Math.min(o,i+1),disabled:s,ariaLabel:r.goToNext,dataSlot:"pagination-next",className:a,buttonProps:n,children:t??e.jsx(f.ChevronRight,{"data-slot":"pagination-icon"})})}function B({className:a,buttonProps:n,children:t}){const{maxPage:i,isLastPage:o,texts:s}=c();return e.jsx(m,{page:i,disabled:o,ariaLabel:s.goToLast,dataSlot:"pagination-last",className:a,buttonProps:n,children:t??e.jsx(f.ChevronsRight,{"data-slot":"pagination-icon"})})}function E({className:a,...n}){const{texts:t}=c();return e.jsxs("span",{"aria-hidden":!0,"data-slot":"pagination-ellipsis","data-dots":"true",className:l.cn("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4",a),...n,children:[e.jsx(f.MoreHorizontal,{}),e.jsx("span",{className:"sr-only",children:t.morePages})]})}function O({className:a,linkClassName:n,ellipsisClassName:t}){const{paginationRange:i}=c();return e.jsx("div",{role:"list","data-slot":"pagination-pages",className:l.cn("flex items-center gap-1",a),children:i.map((o,s)=>o===L.DOTS?e.jsx(E,{className:t},`dots-${s}`):e.jsx(R,{page:o,className:n},o))})}function w({children:a,className:n,...t}){const{totalItems:i,texts:o}=c(),s=typeof a=="function"?a(i):a??o.total(i);return e.jsx("span",{"data-slot":"pagination-total",className:l.cn("text-sm",n),...t,children:s})}function G({children:a,className:n,...t}){const{currentPage:i,maxPage:o,texts:s}=c(),r=typeof a=="function"?a({page:i,max:o}):a??s.pageInfo(i,o);return e.jsx("span",{"data-slot":"pagination-page-info",className:l.cn("text-sm",n),...t,children:r})}function $({children:a,className:n,...t}){const{range:i,totalItems:o,texts:s}=c(),r=typeof a=="function"?a({...i,total:o}):a??s.range(i.start,i.end,o);return e.jsx("span",{"data-slot":"pagination-range",className:l.cn("text-sm",n),...t,children:r})}function y({sizes:a=S.PAGINATION_SIZES,className:n,...t}){const{pageSize:i,setPageSize:o,goTo:s}=c(),r=g=>{const u=Number(g.target.value);o(u),s(1)};return e.jsx("select",{"data-slot":"pagination-size-select",value:i,onChange:r,className:l.cn("border border-input rounded-md w-fit min-w-[3rem] bg-background p-2 ring-offset-background","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",n),...t,children:a.map(g=>e.jsx("option",{value:g,"data-slot":"pagination-size-option",children:g},g))})}function Z({sizes:a=S.PAGINATION_SIZES,selectClassName:n,rangeClassName:t,previousClassName:i,nextClassName:o,className:s,...r}){return e.jsxs(z,{className:s,...r,children:[a&&e.jsx(y,{sizes:a,className:n}),e.jsx($,{className:t}),e.jsx(k,{className:i}),e.jsx(q,{className:o})]})}exports.Pagination=Z;exports.PaginationEllipsis=E;exports.PaginationFirst=_;exports.PaginationLast=B;exports.PaginationLink=R;exports.PaginationNext=q;exports.PaginationPageInfo=G;exports.PaginationPages=O;exports.PaginationPrevious=k;exports.PaginationRange=$;exports.PaginationRoot=z;exports.PaginationSizeSelect=y;exports.PaginationTotal=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("@radix-ui/react-use-controllable-state"),f=require("lucide-react"),h=require("react"),S=require("./pagination.model.cjs.js"),I=require("../../hooks/use-range-pagination/use-range-pagination.cjs.js"),l=require("../../lib/cn.cjs.js"),C=require("../button/button.cjs.js"),A={goToFirst:"Ir a primera página",goToPrevious:"Ir a página anterior",goToNext:"Ir a próxima página",goToLast:"Ir a última página",goToPage:a=>`Ir a la página ${a}`,total:a=>`${a} resultados`,pageInfo:(a,n)=>`Página ${a} de ${n}`,range:(a,n,t)=>`${a} - ${n} de ${t}`,morePages:"Más páginas"},L=h.createContext(null);function c(){const a=h.useContext(L);if(!a)throw new Error("Pagination primitives must be used inside <PaginationRoot>");return a}function z({totalItems:a,pageSize:n,defaultPageSize:t=S.PAGINATION_SIZES[0],onPageSizeChange:i,currentPage:o,defaultCurrentPage:s=1,onCurrentPageChange:r,siblingCount:g=1,getPageHref:p,linkComponent:j="a",texts:v,className:N,children:b,...x}){const[P=t,d]=M.useControllableState({prop:n,defaultProp:t,onChange:i}),u=I.useRangePagination({totalItems:a,pageSize:P,page:o,defaultPage:s,onPageChange:r,siblingCount:g}),T=h.useMemo(()=>({...A,...v}),[v]),F=h.useMemo(()=>({...u,currentPage:u.page,maxPage:u.pageCount,pageSize:P,totalItems:a,setPageSize:d,getPageHref:p,linkComponent:j,texts:T}),[u,P,a,d,p,j,T]);return e.jsx(L.Provider,{value:F,children:e.jsx("nav",{role:"navigation","aria-label":"pagination","data-slot":"pagination",className:l.cn("flex items-center gap-x-4",N),...x,children:b})})}function m({page:a,isActive:n,disabled:t,ariaLabel:i,dataSlot:o,children:s,className:r,buttonProps:g}){const{goTo:p,getPageHref:j,pageSize:v,linkComponent:N}=c(),b=N,x=j?.({page:a,pageSize:Number(v)}),P=!!x&&!t,d=()=>{t||p(a)},u={"data-slot":o,"data-active":n?"true":"false","aria-current":n?"page":void 0,"aria-label":i,className:l.cn("hover:bg-accent hover:text-accent-foreground",r)};return P&&x?e.jsx(C.Button,{variant:n?"outline":"ghost",size:"icon",nativeButton:!1,render:e.jsx(b,{href:x,onClick:d,children:s}),...u,...g}):e.jsx(C.Button,{variant:n?"outline":"ghost",size:"icon",disabled:t,onClick:d,...u,...g,children:s})}function R({page:a,isActive:n,className:t,children:i,buttonProps:o}){const{currentPage:s,texts:r}=c(),g=n??a===s;return e.jsx(m,{page:a,isActive:g,ariaLabel:r.goToPage(a),dataSlot:"pagination-link",className:t,buttonProps:o,children:i??a})}function _({className:a,buttonProps:n,children:t}){const{isFirstPage:i,texts:o}=c();return e.jsx(m,{page:1,disabled:i,ariaLabel:o.goToFirst,dataSlot:"pagination-first",className:a,buttonProps:n,children:t??e.jsx(f.ChevronsLeft,{"data-slot":"pagination-icon"})})}function k({className:a,buttonProps:n,children:t}){const{currentPage:i,isFirstPage:o,texts:s}=c();return e.jsx(m,{page:Math.max(1,i-1),disabled:o,ariaLabel:s.goToPrevious,dataSlot:"pagination-previous",className:a,buttonProps:n,children:t??e.jsx(f.ChevronLeft,{"data-slot":"pagination-icon"})})}function q({className:a,buttonProps:n,children:t}){const{currentPage:i,maxPage:o,isLastPage:s,texts:r}=c();return e.jsx(m,{page:Math.min(o,i+1),disabled:s,ariaLabel:r.goToNext,dataSlot:"pagination-next",className:a,buttonProps:n,children:t??e.jsx(f.ChevronRight,{"data-slot":"pagination-icon"})})}function B({className:a,buttonProps:n,children:t}){const{maxPage:i,isLastPage:o,texts:s}=c();return e.jsx(m,{page:i,disabled:o,ariaLabel:s.goToLast,dataSlot:"pagination-last",className:a,buttonProps:n,children:t??e.jsx(f.ChevronsRight,{"data-slot":"pagination-icon"})})}function E({className:a,...n}){const{texts:t}=c();return e.jsxs("span",{"aria-hidden":!0,"data-slot":"pagination-ellipsis","data-dots":"true",className:l.cn("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4",a),...n,children:[e.jsx(f.MoreHorizontal,{}),e.jsx("span",{className:"sr-only",children:t.morePages})]})}function O({className:a,linkClassName:n,ellipsisClassName:t}){const{paginationRange:i}=c();return e.jsx("div",{role:"list","data-slot":"pagination-pages",className:l.cn("flex items-center gap-1",a),children:i.map((o,s)=>o===I.DOTS?e.jsx(E,{className:t},`dots-${s}`):e.jsx(R,{page:o,className:n},o))})}function w({children:a,className:n,...t}){const{totalItems:i,texts:o}=c(),s=typeof a=="function"?a(i):a??o.total(i);return e.jsx("span",{"data-slot":"pagination-total",className:l.cn("text-sm",n),...t,children:s})}function G({children:a,className:n,...t}){const{currentPage:i,maxPage:o,texts:s}=c(),r=typeof a=="function"?a({page:i,max:o}):a??s.pageInfo(i,o);return e.jsx("span",{"data-slot":"pagination-page-info",className:l.cn("text-sm",n),...t,children:r})}function $({children:a,className:n,...t}){const{range:i,totalItems:o,texts:s}=c(),r=typeof a=="function"?a({...i,total:o}):a??s.range(i.start,i.end,o);return e.jsx("span",{"data-slot":"pagination-range",className:l.cn("text-sm",n),...t,children:r})}function y({sizes:a=S.PAGINATION_SIZES,className:n,...t}){const{pageSize:i,setPageSize:o,goTo:s}=c(),r=g=>{const p=Number(g.target.value);o(p),s(1)};return e.jsx("select",{"data-slot":"pagination-size-select",value:i,onChange:r,className:l.cn("border border-input rounded-md w-fit min-w-[3rem] bg-background p-2 ring-offset-background","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",n),...t,children:a.map(g=>e.jsx("option",{value:g,"data-slot":"pagination-size-option",children:g},g))})}function Z({sizes:a=S.PAGINATION_SIZES,selectClassName:n,rangeClassName:t,previousClassName:i,nextClassName:o,className:s,...r}){return e.jsxs(z,{className:s,...r,children:[a&&e.jsx(y,{sizes:a,className:n}),e.jsx($,{className:t}),e.jsx(k,{className:i}),e.jsx(q,{className:o})]})}exports.Pagination=Z;exports.PaginationEllipsis=E;exports.PaginationFirst=_;exports.PaginationLast=B;exports.PaginationLink=R;exports.PaginationNext=q;exports.PaginationPageInfo=G;exports.PaginationPages=O;exports.PaginationPrevious=k;exports.PaginationRange=$;exports.PaginationRoot=z;exports.PaginationSizeSelect=y;exports.PaginationTotal=w;