@boxcustodia/library 2.0.0-alpha.19 → 2.0.0-alpha.20

package/dist/components/button/button.cjs.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("class-variance-authority"),d=require("./components/base-button.cjs.js"),s=require("../../lib/cn.cjs.js"),r=o.cva(["group/button relative inline-flex shrink-0 items-center justify-center gap-1 rounded-lg border border-transparent bg-clip-padding","text-sm font-medium whitespace-nowrap transition-all outline-none select-none","focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50","active:not-aria-[haspopup]:translate-y-px","disabled:pointer-events-none disabled:opacity-50","aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40","[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","[&[data-loading]>[data-content]]:invisible","[&[data-loading]]:pointer-events-none"],{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",outline:"border-border hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",ghost:"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",error:"bg-error text-error-foreground hover:bg-error/90",success:"bg-success text-success-foreground hover:bg-success/90",warning:"bg-warning text-warning-foreground hover:bg-warning/90",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-8 px-2.5",xs:"h-6 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",sm:"h-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3.5",lg:"h-9 px-2.5",icon:"size-8","icon-xs":"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg","icon-lg":"size-9"}},defaultVariants:{variant:"default",size:"default"}}),u=({variant:e,size:n,className:t,...a})=>i.jsx(d.BaseButton,{...a,className:s.cn(r({variant:e,size:n}),t),"data-variant":e||"default"});exports.Button=u;exports.buttonVariants=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("class-variance-authority"),d=require("./components/base-button.cjs.js"),s=require("../../lib/cn.cjs.js"),e=i.cva(["group/button relative inline-flex shrink-0 items-center justify-center gap-1 rounded-lg border border-transparent bg-clip-padding","text-sm font-medium whitespace-nowrap transition-all outline-none select-none","focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50","active:not-aria-[haspopup]:translate-y-px","disabled:pointer-events-none disabled:opacity-50","aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40","[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","[&[data-loading]]:text-transparent","[&[data-loading]>*:not([data-loader])]:invisible","[&[data-loading]]:pointer-events-none"],{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90 [--btn-loader-color:var(--color-primary-foreground)]",outline:"border-border hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:hover:bg-input/50 [--btn-loader-color:var(--color-foreground)]",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground [--btn-loader-color:var(--color-secondary-foreground)]",ghost:"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 [--btn-loader-color:var(--color-foreground)]",error:"bg-error text-error-foreground hover:bg-error/90 [--btn-loader-color:var(--color-error-foreground)]",success:"bg-success text-success-foreground hover:bg-success/90 [--btn-loader-color:var(--color-success-foreground)]",warning:"bg-warning text-warning-foreground hover:bg-warning/90 [--btn-loader-color:var(--color-warning-foreground)]",link:"text-primary underline-offset-4 hover:underline [--btn-loader-color:var(--color-primary)]"},size:{default:"h-8 px-2.5",xs:"h-6 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",sm:"h-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3.5",lg:"h-9 px-2.5",icon:"size-8","icon-xs":"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg","icon-lg":"size-9"}},defaultVariants:{variant:"default",size:"default"}}),u=({variant:r,size:o,className:n,...a})=>t.jsx(d.BaseButton,{...a,className:s.cn(e({variant:r,size:o}),n),"data-variant":r||"default"});exports.Button=u;exports.buttonVariants=e;

package/dist/components/button/button.es.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import { cva as o } from "class-variance-authority";
-import { BaseButton as i } from "./components/base-button.es.js";
-import { cn as d } from "../../lib/cn.es.js";
-const s = o(
+import { cva as t } from "class-variance-authority";
+import { BaseButton as d } from "./components/base-button.es.js";
+import { cn as i } from "../../lib/cn.es.js";
+const s = t(
   [
     "group/button relative inline-flex shrink-0 items-center justify-center gap-1 rounded-lg border border-transparent bg-clip-padding",
     "text-sm font-medium whitespace-nowrap transition-all outline-none select-none",
@@ -12,20 +12,21 @@ const s = o(
     "disabled:pointer-events-none disabled:opacity-50",
     "aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
     "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-    "[&[data-loading]>[data-content]]:invisible",
+    "[&[data-loading]]:text-transparent",
+    "[&[data-loading]>*:not([data-loader])]:invisible",
     "[&[data-loading]]:pointer-events-none"
   ],
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        outline: "border-border hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-        error: "bg-error text-error-foreground hover:bg-error/90",
-        success: "bg-success text-success-foreground hover:bg-success/90",
-        warning: "bg-warning text-warning-foreground hover:bg-warning/90",
-        link: "text-primary underline-offset-4 hover:underline"
+        default: "bg-primary text-primary-foreground hover:bg-primary/90 [--btn-loader-color:var(--color-primary-foreground)]",
+        outline: "border-border hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:hover:bg-input/50 [--btn-loader-color:var(--color-foreground)]",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground [--btn-loader-color:var(--color-secondary-foreground)]",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 [--btn-loader-color:var(--color-foreground)]",
+        error: "bg-error text-error-foreground hover:bg-error/90 [--btn-loader-color:var(--color-error-foreground)]",
+        success: "bg-success text-success-foreground hover:bg-success/90 [--btn-loader-color:var(--color-success-foreground)]",
+        warning: "bg-warning text-warning-foreground hover:bg-warning/90 [--btn-loader-color:var(--color-warning-foreground)]",
+        link: "text-primary underline-offset-4 hover:underline [--btn-loader-color:var(--color-primary)]"
       },
       size: {
         default: "h-8 px-2.5",
@@ -43,12 +44,12 @@ const s = o(
       size: "default"
     }
   }
-), v = ({ variant: e, size: r, className: n, ...t }) => /* @__PURE__ */ a(
-  i,
+), v = ({ variant: r, size: e, className: o, ...n }) => /* @__PURE__ */ a(
+  d,
   {
-    ...t,
-    className: d(s({ variant: e, size: r }), n),
-    "data-variant": e || "default"
+    ...n,
+    className: i(s({ variant: r, size: e }), o),
+    "data-variant": r || "default"
   }
 );
 export {

package/dist/components/button/components/base-button.cjs.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("@base-ui/react/button"),b=require("@radix-ui/react-use-controllable-state"),f=require("lucide-react"),m=({onClick:a,loading:o,style:i,children:l,...r})=>{const[t=!1,n]=b.useControllableState({prop:o,defaultProp:!1}),u=async c=>{if(!a||t)return;const s=a(c);s instanceof Promise&&(n(!0),await s.finally(()=>n(!1)))};return e.jsxs(d.Button,{"data-slot":"button","data-loading":t||void 0,"aria-busy":t||void 0,...r,onClick:u,style:i,children:[e.jsx("span",{"data-content":!0,className:"contents",children:l}),t&&e.jsx(f.LoaderCircle,{"data-loader":!0,"data-testid":"btn-loader",className:"absolute inset-0 m-auto size-4 animate-spin"})]})};exports.BaseButton=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("@base-ui/react/button"),b=require("@radix-ui/react-use-controllable-state"),f=require("lucide-react"),g=({onClick:e,loading:r,style:s,children:l,...i})=>{const[t=!1,a]=b.useControllableState({prop:r,defaultProp:!1}),u=async c=>{if(!e||t)return;const o=e(c);o instanceof Promise&&(a(!0),await o.finally(()=>a(!1)))};return n.jsxs(d.Button,{"data-slot":"button","data-loading":t||void 0,"aria-busy":t||void 0,...i,onClick:u,style:s,children:[l,t&&n.jsx(f.LoaderCircle,{"data-loader":!0,"data-testid":"btn-loader",className:"absolute inset-0 m-auto size-4 animate-spin text-[var(--btn-loader-color,currentColor)]"})]})};exports.BaseButton=g;

package/dist/components/button/components/base-button.es.js

@@ -1,40 +1,40 @@
 "use client";
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { jsxs as d, jsx as c } from "react/jsx-runtime";
 import { Button as u } from "@base-ui/react/button";
-import { useControllableState as m } from "@radix-ui/react-use-controllable-state";
-import { LoaderCircle as f } from "lucide-react";
-const k = ({
+import { useControllableState as f } from "@radix-ui/react-use-controllable-state";
+import { LoaderCircle as m } from "lucide-react";
+const h = ({
   onClick: a,
-  loading: s,
-  style: i,
-  children: l,
-  ...r
+  loading: r,
+  style: l,
+  children: n,
+  ...i
 }) => {
-  const [t = !1, o] = m({
-    prop: s,
+  const [t = !1, o] = f({
+    prop: r,
     defaultProp: !1
   });
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ d(
     u,
     {
       "data-slot": "button",
       "data-loading": t || void 0,
       "aria-busy": t || void 0,
-      ...r,
-      onClick: async (d) => {
+      ...i,
+      onClick: async (s) => {
         if (!a || t) return;
-        const e = a(d);
+        const e = a(s);
         e instanceof Promise && (o(!0), await e.finally(() => o(!1)));
       },
-      style: i,
+      style: l,
       children: [
-        /* @__PURE__ */ n("span", { "data-content": !0, className: "contents", children: l }),
-        t && /* @__PURE__ */ n(
-          f,
+        n,
+        t && /* @__PURE__ */ c(
+          m,
           {
             "data-loader": !0,
             "data-testid": "btn-loader",
-            className: "absolute inset-0 m-auto size-4 animate-spin"
+            className: "absolute inset-0 m-auto size-4 animate-spin text-[var(--btn-loader-color,currentColor)]"
           }
         )
       ]
@@ -42,5 +42,5 @@ const k = ({
   );
 };
 export {
-  k as BaseButton
+  h as BaseButton
 };

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,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 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;

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

@@ -20,6 +20,7 @@ function S({
     {
       items: i,
       value: c,
+      "aria-invalid": !1,
       className: "py-1 h-7",
       getLabel: (e) => e.label,
       getId: (e) => String(e.value),

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"),T=require("@radix-ui/react-use-controllable-state"),h=require("date-fns"),B=require("lucide-react"),F=require("./use-date-input.cjs.js"),R=require("./use-date-input-popover.cjs.js"),l=require("../popover/popover.cjs.js"),O=require("../field/field.cjs.js"),V=require("../calendar/calendar.cjs.js"),k=require("../../lib/cn.cjs.js"),E=require("../input/input.cjs.js"),M=f=>{const{placeholder:s,value:g,onValueChange:v,defaultValue:m,autoComplete:D,className:b,disabledDate:n,renderFooter:C,disabled:o,onBlur:x,...y}=f,[r,i]=T.useControllableState({prop:g,onChange:e=>v?.(e??null),defaultProp:m??null}),{inputValue:j,handleChange:P,handleBlur:q,handleKeyDown:w,clear:I,setFromExternalDate:a}=F.useDateInput({date:r??null,onDateChange:e=>i(e),disabledDate:n}),{open:S,setOpen:u,handleInputKeyDown:N,inputRef:d}=R.useDateInputPopover({disabled:o}),K=e=>{w(e),N(e)},c=C?.({value:r??null,clear:()=>{a(null),I()},selectToday:()=>{const e=new Date;n?.(e)||a(e)},setValue:e=>{const p=e&&h.isDate(e)?e:null;i(p),a(p)}});return t.jsxs(l.PopoverRoot,{"data-slot":"date-input",open:S,onOpenChange:u,children:[t.jsxs("div",{className:k.cn(E.inputBaseClasses,"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:ring-error/20","has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50",!r&&"text-muted-foreground",b,"field-error"),onClick:e=>{e.target===e.currentTarget&&d.current?.focus()},children:[t.jsxs(l.PopoverTrigger,{type:"button",disabled:o,"data-slot":"date-input-trigger",className:"flex shrink-0 items-center justify-center text-muted-foreground hover:text-foreground",children:[t.jsx(B.CalendarIcon,{"data-slot":"date-input-icon"}),t.jsx("span",{className:"sr-only",children:"Seleccionar fecha"})]}),t.jsx(O.FieldControl,{render:t.jsx("input",{type:"text",value:j,onChange:P,onBlur:e=>{q(),x?.(e)},onKeyDown:K,placeholder:s??"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":s,ref:d,...y})})]}),t.jsxs(l.PopoverPopup,{className:"w-auto p-0",align:"start","data-slot":"date-input-content",children:[t.jsx(V.Calendar,{className:"border-none",mode:"single",selected:r??void 0,onSelect:e=>{if(!e||!h.isDate(e)){a(null);return}n?.(e)||(a(e),u(!1))},disabled:n}),c&&t.jsx("div",{className:"p-2","data-slot":"date-input-footer",children:c})]})]})};exports.DateInput=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),B=require("@radix-ui/react-use-controllable-state"),l=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=m=>{const{placeholder:u,value:v,onValueChange:g,defaultValue:y,autoComplete:b,className:x,disabledDate:n,renderFooter:D,disabled:o,onBlur:C,required:j,...q}=m,[a,d]=B.useControllableState({prop:v,onChange:e=>g?.(e??null),defaultProp:y??null}),I=a?l.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:s}=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&&l.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"),onClick:e=>{e.target===e.currentTarget&&s.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:()=>s.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:s,...q}),t.jsxs(i.PopoverTrigger,{type:"button",disabled:o,"data-slot":"date-input-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||!l.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;

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

@@ -1,54 +1,56 @@
 "use client";
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import { useControllableState as j } from "@radix-ui/react-use-controllable-state";
-import { isDate as m } from "date-fns";
-import { CalendarIcon as F } from "lucide-react";
-import { useDateInput as V } from "./use-date-input.es.js";
-import { useDateInputPopover as k } from "./use-date-input-popover.es.js";
-import { PopoverRoot as O, PopoverTrigger as R, PopoverPopup as E } from "../popover/popover.es.js";
-import { FieldControl as q } from "../field/field.es.js";
-import { Calendar as z } from "../calendar/calendar.es.js";
-import { cn as A } from "../../lib/cn.es.js";
-import { inputBaseClasses as G } from "../input/input.es.js";
-const oe = (f) => {
+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) => {
   const {
-    placeholder: s,
+    placeholder: i,
     value: h,
     onValueChange: g,
     defaultValue: v,
-    autoComplete: C,
+    autoComplete: y,
     className: b,
     disabledDate: a,
-    renderFooter: D,
-    disabled: l,
-    onBlur: y,
+    renderFooter: C,
+    disabled: n,
+    onBlur: D,
+    required: x,
     ...w
-  } = f, [r, i] = j({
+  } = f, [r, d] = j({
     prop: h,
     onChange: (e) => g?.(e ?? null),
     defaultProp: v ?? null
-  }), {
-    inputValue: P,
-    handleChange: x,
-    handleBlur: N,
-    handleKeyDown: I,
-    clear: K,
+  }), N = r ? k(r, "yyyy-MM-dd") : "", P = E(N), {
+    inputValue: I,
+    handleChange: F,
+    handleBlur: K,
+    handleKeyDown: S,
+    clear: B,
     setFromExternalDate: t
-  } = V({
+  } = O({
     date: r ?? null,
-    onDateChange: (e) => i(e),
+    onDateChange: (e) => d(e),
     disabledDate: a
   }), {
-    open: S,
-    setOpen: d,
-    handleInputKeyDown: B,
-    inputRef: u
-  } = k({ disabled: l }), T = (e) => {
-    I(e), B(e);
-  }, c = D?.({
+    open: T,
+    setOpen: u,
+    handleInputKeyDown: V,
+    inputRef: s
+  } = q({ disabled: n }), R = (e) => {
+    S(e), V(e);
+  }, c = C?.({
     value: r ?? null,
     clear: () => {
-      t(null), K();
+      t(null), B();
     },
     selectToday: () => {
       const e = /* @__PURE__ */ new Date();
@@ -56,77 +58,92 @@ const oe = (f) => {
     },
     setValue: (e) => {
       const p = e && m(e) ? e : null;
-      i(p), t(p);
+      d(p), t(p);
     }
   });
-  return /* @__PURE__ */ n(O, { "data-slot": "date-input", open: S, onOpenChange: d, children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ l(H, { "data-slot": "date-input", open: T, onOpenChange: u, children: [
+    /* @__PURE__ */ l(
       "div",
       {
-        className: A(
-          G,
-          "flex items-center gap-2 h-8",
+        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:ring-error/20",
+          // Re-assert the error border on focus: `has-[:focus-visible]:border-ring`
+          // ties on specificity and would otherwise wash the red out while typing.
+          "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"
         ),
         onClick: (e) => {
-          e.target === e.currentTarget && u.current?.focus();
+          e.target === e.currentTarget && s.current?.focus();
         },
         children: [
-          /* @__PURE__ */ n(
-            R,
-            {
-              type: "button",
-              disabled: l,
-              "data-slot": "date-input-trigger",
-              className: "flex shrink-0 items-center justify-center text-muted-foreground hover:text-foreground",
-              children: [
-                /* @__PURE__ */ o(F, { "data-slot": "date-input-icon" }),
-                /* @__PURE__ */ o("span", { className: "sr-only", children: "Seleccionar fecha" })
-              ]
-            }
-          ),
           /* @__PURE__ */ o(
-            q,
+            G,
             {
               render: /* @__PURE__ */ o(
                 "input",
                 {
+                  ref: P,
                   type: "text",
-                  value: P,
-                  onChange: x,
-                  onBlur: (e) => {
-                    N(), y?.(e);
-                  },
-                  onKeyDown: T,
-                  placeholder: s ?? "dd/mm/aaaa",
-                  autoComplete: C ?? "off",
-                  disabled: l,
-                  className: "flex-1 min-w-0 bg-transparent outline-none text-start truncate pt-px",
-                  "aria-label": s,
-                  ref: u,
-                  ...w
+                  className: "sr-only",
+                  tabIndex: -1,
+                  "aria-hidden": "true",
+                  required: x,
+                  disabled: n,
+                  onFocus: () => s.current?.focus()
                 }
               )
             }
+          ),
+          /* @__PURE__ */ o(
+            "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-trigger",
+              className: "flex shrink-0 items-center justify-center text-muted-foreground hover:text-foreground",
+              children: [
+                /* @__PURE__ */ o(M, { "data-slot": "date-input-icon" }),
+                /* @__PURE__ */ o("span", { className: "sr-only", children: "Seleccionar fecha" })
+              ]
+            }
           )
         ]
       }
     ),
-    /* @__PURE__ */ n(
-      E,
+    /* @__PURE__ */ o(
+      A,
       {
         className: "w-auto p-0",
         align: "start",
         "data-slot": "date-input-content",
-        children: [
+        children: /* @__PURE__ */ l(J, { className: "contents", children: [
           /* @__PURE__ */ o(
-            z,
+            L,
             {
               className: "border-none",
               mode: "single",
@@ -136,17 +153,17 @@ const oe = (f) => {
                   t(null);
                   return;
                 }
-                a?.(e) || (t(e), d(!1));
+                a?.(e) || (t(e), u(!1));
               },
               disabled: a
             }
           ),
           c && /* @__PURE__ */ o("div", { className: "p-2", "data-slot": "date-input-footer", children: c })
-        ]
+        ] })
       }
     )
   ] });
 };
 export {
-  oe as DateInput
+  ie as DateInput
 };

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

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),C=require("@radix-ui/react-use-controllable-state"),q=require("lucide-react"),P=require("react"),j=require("./date-picker.utils.cjs.js"),V=require("../calendar/calendar.cjs.js"),x=require("../../lib/cn.cjs.js"),S=require("../popover/popover.cjs.js"),y=require("../input/input.cjs.js"),R=require("../field/field.cjs.js");function O(a){return a.mode==="range"?r.jsx(D,{...a}):a.mode==="multiple"?r.jsx(N,{...a}):r.jsx(T,{...a})}const k=({open:a,onOpenChange:d,displayText:p,hasValue:f,disabled:g,className:s,classNames:i,children:m,footer:l,slot:c,formValue:v,required:u})=>{const t=P.useRef(null);return r.jsxs(S.PopoverRoot,{"data-slot":c,open:a,onOpenChange:d,children:[r.jsxs(S.PopoverTrigger,{render:r.jsx("button",{ref:t,disabled:g,className:x.cn(y.inputBaseClasses,"inline-flex items-center gap-2 h-8 cursor-pointer text-left","focus-visible:border-ring","aria-invalid:border-error focus-visible:aria-invalid:ring-error/20","group-data-[invalid]:border-error focus-visible:group-data-[invalid]:ring-error/20","disabled:cursor-not-allowed disabled:opacity-50",!f&&"text-muted-foreground",s)}),children:[r.jsx(q.CalendarIcon,{className:"shrink-0"}),r.jsx("span",{className:"truncate",children:p})]}),r.jsx(R.FieldControl,{render:r.jsx("input",{type:"text",tabIndex:-1,"aria-hidden":"true",className:"sr-only",value:v,onChange:()=>{},required:u,onFocus:()=>t.current?.focus()})}),r.jsxs(S.PopoverPopup,{className:x.cn("w-auto p-0",i?.popup),align:"start","data-slot":`${c}-content`,children:[m,l&&r.jsx("div",{className:x.cn("p-2",i?.footer),"data-slot":`${c}-footer`,children:l})]})]})},T=({value:a,defaultValue:d,onValueChange:p,placeholder:f="Seleccionar fecha",disabled:g,disabledDate:s,renderFooter:i,className:m,classNames:l,required:c})=>{const[v,u]=P.useState(!1),[t,o]=C.useControllableState({prop:a,onChange:e=>p?.(e??null),defaultProp:d??null}),n={mode:"single",value:t??null,clear:()=>o(null),selectToday:()=>{const e=new Date;s?.(e)||o(e)},setValue:e=>o(e)};return r.jsx(k,{slot:"date-picker",open:v,onOpenChange:u,displayText:j.formatSingleDate(t,f),hasValue:!!t,disabled:g,className:m,classNames:l,footer:i?.(n),formValue:j.formatSingleDate(t,""),required:c,children:r.jsx(V.Calendar,{className:x.cn("border-none",l?.calendar),mode:"single",selected:t??void 0,onSelect:e=>{s&&e&&s(e)||(o(e??null),u(!1))},disabled:s})})},b={start:null,end:null},D=({value:a,defaultValue:d,onValueChange:p,placeholder:f="Seleccionar rango",disabled:g,disabledDate:s,renderFooter:i,className:m,classNames:l,required:c})=>{const[v,u]=P.useState(!1),[t,o]=C.useControllableState({prop:a,onChange:h=>p?.(h??b),defaultProp:d??b}),n=t??b,e={mode:"range",value:n,clear:()=>o(b),setValue:h=>o(h)};return r.jsx(k,{slot:"date-picker",open:v,onOpenChange:u,displayText:j.formatRangeDate(n.start||n.end?n:void 0,f),hasValue:!!(n.start||n.end),disabled:g,className:m,classNames:l,footer:i?.(e),formValue:j.formatRangeDate(n.start||n.end?n:void 0,""),required:c,children:r.jsx(V.Calendar,{className:x.cn("border-none",l?.calendar),mode:"range",selected:{from:n.start??void 0,to:n.end??void 0},onSelect:h=>{o({start:h?.from??null,end:h?.to??null})},disabled:s})})},N=({value:a,defaultValue:d,onValueChange:p,placeholder:f="Seleccionar fechas",disabled:g,disabledDate:s,renderFooter:i,className:m,classNames:l,required:c})=>{const[v,u]=P.useState(!1),[t,o]=C.useControllableState({prop:a,onChange:e=>p?.(e??[]),defaultProp:d??[]}),n={mode:"multiple",value:t??[],clear:()=>o([]),setValue:e=>o(e)};return r.jsx(k,{slot:"date-picker",open:v,onOpenChange:u,displayText:j.formatMultipleDates(t,f),hasValue:(t?.length??0)>0,disabled:g,className:m,classNames:l,footer:i?.(n),formValue:j.formatMultipleDates(t,""),required:c,children:r.jsx(V.Calendar,{className:x.cn("border-none",l?.calendar),mode:"multiple",selected:t??[],onSelect:e=>{o(e??[])},disabled:s})})};exports.DatePicker=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("@radix-ui/react-use-controllable-state"),q=require("lucide-react"),P=require("react"),b=require("./date-picker.utils.cjs.js"),y=require("./use-hidden-field-value.cjs.js"),V=require("../calendar/calendar.cjs.js"),h=require("../../lib/cn.cjs.js"),S=require("../popover/popover.cjs.js"),O=require("../input/input.cjs.js"),R=require("../field/field.cjs.js");function N(o){return o.mode==="range"?e.jsx(D,{...o}):o.mode==="multiple"?e.jsx(F,{...o}):e.jsx(T,{...o})}const k=({open:o,onOpenChange:u,displayText:f,hasValue:p,disabled:m,className:s,classNames:c,children:g,footer:l,slot:i,formValue:v,required:d})=>{const r=P.useRef(null),a=y.useHiddenFieldValue(v);return e.jsxs(S.PopoverRoot,{"data-slot":i,open:o,onOpenChange:u,children:[e.jsxs(S.PopoverTrigger,{render:e.jsx("button",{ref:r,disabled:m,className:h.cn(O.inputBaseClasses,"inline-flex items-center gap-2 h-8 cursor-pointer text-left","focus-visible:border-ring","aria-invalid:border-error focus-visible:aria-invalid:ring-error/20","in-[[data-slot=field][data-invalid]]:border-error focus-visible:in-[[data-slot=field][data-invalid]]:border-error focus-visible:in-[[data-slot=field][data-invalid]]:ring-error/20","disabled:cursor-not-allowed disabled:opacity-50",!p&&"text-muted-foreground",s)}),children:[e.jsx("span",{className:"flex-1 truncate",children:f}),e.jsx(q.CalendarIcon,{"data-slot":"date-picker-icon",className:"shrink-0 text-muted-foreground"})]}),e.jsx(R.FieldControl,{render:e.jsx("input",{ref:a,type:"text",tabIndex:-1,"aria-hidden":"true",className:"sr-only",required:d,onFocus:()=>r.current?.focus()})}),e.jsx(S.PopoverPopup,{className:h.cn("w-auto p-0",c?.popup),align:"start","data-slot":`${i}-content`,children:e.jsxs(R.FieldRoot,{className:"contents",children:[g,l&&e.jsx("div",{className:h.cn("p-2",c?.footer),"data-slot":`${i}-footer`,children:l})]})})]})},T=({value:o,defaultValue:u,onValueChange:f,placeholder:p="Seleccionar fecha",disabled:m,disabledDate:s,renderFooter:c,className:g,classNames:l,required:i})=>{const[v,d]=P.useState(!1),[r,a]=C.useControllableState({prop:o,onChange:t=>f?.(t??null),defaultProp:u??null}),n={mode:"single",value:r??null,clear:()=>a(null),selectToday:()=>{const t=new Date;s?.(t)||a(t)},setValue:t=>a(t)};return e.jsx(k,{slot:"date-picker",open:v,onOpenChange:d,displayText:b.formatSingleDate(r,p),hasValue:!!r,disabled:m,className:g,classNames:l,footer:c?.(n),formValue:b.formatISODate(r),required:i,children:e.jsx(V.Calendar,{className:h.cn("border-none",l?.calendar),mode:"single",selected:r??void 0,onSelect:t=>{s&&t&&s(t)||(a(t??null),d(!1))},disabled:s})})},j={start:null,end:null},D=({value:o,defaultValue:u,onValueChange:f,placeholder:p="Seleccionar rango",disabled:m,disabledDate:s,renderFooter:c,className:g,classNames:l,required:i})=>{const[v,d]=P.useState(!1),[r,a]=C.useControllableState({prop:o,onChange:x=>f?.(x??j),defaultProp:u??j}),n=r??j,t={mode:"range",value:n,clear:()=>a(j),setValue:x=>a(x)};return e.jsx(k,{slot:"date-picker",open:v,onOpenChange:d,displayText:b.formatRangeDate(n.start||n.end?n:void 0,p),hasValue:!!(n.start||n.end),disabled:m,className:g,classNames:l,footer:c?.(t),formValue:b.formatRangeDate(n.start||n.end?n:void 0,""),required:i,children:e.jsx(V.Calendar,{className:h.cn("border-none",l?.calendar),mode:"range",selected:{from:n.start??void 0,to:n.end??void 0},onSelect:x=>{a({start:x?.from??null,end:x?.to??null})},disabled:s})})},F=({value:o,defaultValue:u,onValueChange:f,placeholder:p="Seleccionar fechas",disabled:m,disabledDate:s,renderFooter:c,className:g,classNames:l,required:i})=>{const[v,d]=P.useState(!1),[r,a]=C.useControllableState({prop:o,onChange:t=>f?.(t??[]),defaultProp:u??[]}),n={mode:"multiple",value:r??[],clear:()=>a([]),setValue:t=>a(t)};return e.jsx(k,{slot:"date-picker",open:v,onOpenChange:d,displayText:b.formatMultipleDates(r,p),hasValue:(r?.length??0)>0,disabled:m,className:g,classNames:l,footer:c?.(n),formValue:b.formatMultipleDates(r,""),required:i,children:e.jsx(V.Calendar,{className:h.cn("border-none",l?.calendar),mode:"multiple",selected:r??[],onSelect:t=>{a(t??[])},disabled:s})})};exports.DatePicker=N;