@boxcustodia/library 2.0.0-alpha.27 → 2.0.0-alpha.29

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

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

@@ -1,19 +1,20 @@
 "use client";
 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) => {
+import { useControllableState as k } from "../../node_modules/@radix-ui/react-use-controllable-state/dist/index.es.js";
+import { useState as q } from "react";
+import { parseInputToDate as E } from "./date-picker.utils.es.js";
+import { useDateInput as H } from "./use-date-input.es.js";
+import { useDateInputPopover as $ } from "./use-date-input-popover.es.js";
+import { useHiddenFieldValue as z } from "./use-hidden-field-value.es.js";
+import { PopoverRoot as A, PopoverTrigger as G, PopoverPopup as J } from "../popover/popover.es.js";
+import { FieldControl as L, FieldRoot as Q } from "../field/field.es.js";
+import U from "../../node_modules/lucide-react/dist/esm/icons/calendar.es.js";
+import { Calendar as W } from "../calendar/calendar.es.js";
+import { formatDate as X } from "../../node_modules/date-fns/format.es.js";
+import { isDate as h } from "../../node_modules/date-fns/isDate.es.js";
+import { cn as Y } from "../../lib/cn.es.js";
+import { inputBaseClasses as Z } from "../input/input.es.js";
+const ge = (g) => {
   const {
     placeholder: d,
     value: v,
@@ -25,20 +26,20 @@ const he = (g) => {
     renderFooter: w,
     disabled: n,
     onBlur: x,
-    required: I,
-    ...N
+    required: N,
+    ...P
   } = g, [o, u] = k({
     prop: v,
     onChange: (e) => y?.(e ?? null),
     defaultProp: C ?? null
-  }), P = o ? q(o, "yyyy-MM-dd") : "", S = J(P), {
+  }), I = o ? X(o, "yyyy-MM-dd") : "", S = z(I), {
     inputValue: c,
     handleChange: F,
     handleBlur: K,
     handleKeyDown: T,
     clear: B,
     setFromExternalDate: a
-  } = A({
+  } = H({
     date: o ?? null,
     onDateChange: (e) => u(e),
     disabledDate: r
@@ -47,11 +48,11 @@ const he = (g) => {
     setOpen: p,
     handleInputKeyDown: V,
     inputRef: i
-  } = G({ disabled: n }), [R, m] = H(
+  } = $({ disabled: n }), [R, m] = q(
     void 0
   ), j = (e) => {
     if (e) {
-      const l = z(c);
+      const l = E(c);
       m(l ?? o ?? void 0);
     }
     p(e);
@@ -72,7 +73,7 @@ const he = (g) => {
     }
   });
   return /* @__PURE__ */ s(
-    L,
+    A,
     {
       "data-slot": "date-input",
       open: M,
@@ -81,8 +82,8 @@ const he = (g) => {
         /* @__PURE__ */ s(
           "div",
           {
-            className: Z(
-              _,
+            className: Y(
+              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",
@@ -98,7 +99,7 @@ const he = (g) => {
             },
             children: [
               /* @__PURE__ */ t(
-                W,
+                L,
                 {
                   render: /* @__PURE__ */ t(
                     "input",
@@ -108,7 +109,7 @@ const he = (g) => {
                       className: "sr-only",
                       tabIndex: -1,
                       "aria-hidden": "true",
-                      required: I,
+                      required: N,
                       disabled: n,
                       onFocus: () => i.current?.focus()
                     }
@@ -131,18 +132,18 @@ const he = (g) => {
                   className: "flex-1 min-w-0 bg-transparent outline-none text-start truncate pt-px",
                   "aria-label": d,
                   ref: i,
-                  ...N
+                  ...P
                 }
               ),
               /* @__PURE__ */ s(
-                Q,
+                G,
                 {
                   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(E, { "data-slot": "date-input-icon" }),
+                    /* @__PURE__ */ t(U, { "data-slot": "date-input-icon" }),
                     /* @__PURE__ */ t("span", { className: "sr-only", children: "Seleccionar fecha" })
                   ]
                 }
@@ -151,14 +152,14 @@ const he = (g) => {
           }
         ),
         /* @__PURE__ */ t(
-          U,
+          J,
           {
             className: "w-auto p-0",
             align: "start",
             "data-slot": "date-input-content",
-            children: /* @__PURE__ */ s(X, { className: "contents", children: [
+            children: /* @__PURE__ */ s(Q, { className: "contents", children: [
               /* @__PURE__ */ t(
-                Y,
+                W,
                 {
                   className: "border-none",
                   mode: "single",
@@ -184,5 +185,5 @@ const he = (g) => {
   );
 };
 export {
-  he as DateInput
+  ge 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 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:g,className:s,classNames:c,children:m,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:g,"data-slot":"date-picker-trigger",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:[m,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:g,disabledDate:s,renderFooter:c,className:m,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:g,className:m,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:g,disabledDate:s,renderFooter:c,className:m,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:g,className:m,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:g,disabledDate:s,renderFooter:c,className:m,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:g,className:m,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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("../../node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs.js"),P=require("react"),j=require("./date-picker.utils.cjs.js"),R=require("./use-hidden-field-value.cjs.js"),y=require("../../node_modules/lucide-react/dist/esm/icons/calendar.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"),q=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:g,className:s,classNames:d,children:m,footer:l,slot:i,formValue:v,required:c})=>{const r=P.useRef(null),a=R.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:g,"data-slot":"date-picker-trigger",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(y.default,{"data-slot":"date-picker-icon",className:"shrink-0 text-muted-foreground"})]}),e.jsx(q.FieldControl,{render:e.jsx("input",{ref:a,type:"text",tabIndex:-1,"aria-hidden":"true",className:"sr-only",required:c,onFocus:()=>r.current?.focus()})}),e.jsx(S.PopoverPopup,{className:h.cn("w-auto p-0",d?.popup),align:"start","data-slot":`${i}-content`,children:e.jsxs(q.FieldRoot,{className:"contents",children:[m,l&&e.jsx("div",{className:h.cn("p-2",d?.footer),"data-slot":`${i}-footer`,children:l})]})})]})},T=({value:o,defaultValue:u,onValueChange:f,placeholder:p="Seleccionar fecha",disabled:g,disabledDate:s,renderFooter:d,className:m,classNames:l,required:i})=>{const[v,c]=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:c,displayText:j.formatSingleDate(r,p),hasValue:!!r,disabled:g,className:m,classNames:l,footer:d?.(n),formValue:j.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),c(!1))},disabled:s})})},b={start:null,end:null},D=({value:o,defaultValue:u,onValueChange:f,placeholder:p="Seleccionar rango",disabled:g,disabledDate:s,renderFooter:d,className:m,classNames:l,required:i})=>{const[v,c]=P.useState(!1),[r,a]=C.useControllableState({prop:o,onChange:x=>f?.(x??b),defaultProp:u??b}),n=r??b,t={mode:"range",value:n,clear:()=>a(b),setValue:x=>a(x)};return e.jsx(k,{slot:"date-picker",open:v,onOpenChange:c,displayText:j.formatRangeDate(n.start||n.end?n:void 0,p),hasValue:!!(n.start||n.end),disabled:g,className:m,classNames:l,footer:d?.(t),formValue:j.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:g,disabledDate:s,renderFooter:d,className:m,classNames:l,required:i})=>{const[v,c]=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:c,displayText:j.formatMultipleDates(r,p),hasValue:(r?.length??0)>0,disabled:g,className:m,classNames:l,footer:d?.(n),formValue:j.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;

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

@@ -1,15 +1,15 @@
 "use client";
 import { jsx as o, jsxs as V } from "react/jsx-runtime";
-import { useControllableState as S } from "@radix-ui/react-use-controllable-state";
-import { CalendarIcon as N } from "lucide-react";
-import { useState as k, useRef as O } from "react";
-import { formatRangeDate as y, formatMultipleDates as R, formatISODate as T, formatSingleDate as F } from "./date-picker.utils.es.js";
-import { useHiddenFieldValue as I } from "./use-hidden-field-value.es.js";
+import { useControllableState as S } from "../../node_modules/@radix-ui/react-use-controllable-state/dist/index.es.js";
+import { useState as k, useRef as N } from "react";
+import { formatRangeDate as y, formatMultipleDates as R, formatISODate as O, formatSingleDate as T } from "./date-picker.utils.es.js";
+import { useHiddenFieldValue as F } from "./use-hidden-field-value.es.js";
+import w from "../../node_modules/lucide-react/dist/esm/icons/calendar.es.js";
 import { Calendar as C } from "../calendar/calendar.es.js";
 import { cn as b } from "../../lib/cn.es.js";
-import { PopoverRoot as w, PopoverTrigger as D, PopoverPopup as M } from "../popover/popover.es.js";
-import { inputBaseClasses as j } from "../input/input.es.js";
-import { FieldControl as E, FieldRoot as $ } from "../field/field.es.js";
+import { PopoverRoot as D, PopoverTrigger as I, PopoverPopup as M } from "../popover/popover.es.js";
+import { inputBaseClasses as $ } from "../input/input.es.js";
+import { FieldControl as j, FieldRoot as E } from "../field/field.es.js";
 function X(n) {
   return n.mode === "range" ? /* @__PURE__ */ o(B, { ...n }) : n.mode === "multiple" ? /* @__PURE__ */ o(G, { ...n }) : /* @__PURE__ */ o(A, { ...n });
 }
@@ -27,10 +27,10 @@ const x = ({
   formValue: v,
   required: c
 }) => {
-  const r = O(null), a = I(v);
-  return /* @__PURE__ */ V(w, { "data-slot": s, open: n, onOpenChange: u, children: [
+  const r = N(null), a = F(v);
+  return /* @__PURE__ */ V(D, { "data-slot": s, open: n, onOpenChange: u, children: [
     /* @__PURE__ */ V(
-      D,
+      I,
       {
         render: /* @__PURE__ */ o(
           "button",
@@ -39,7 +39,7 @@ const x = ({
             disabled: m,
             "data-slot": "date-picker-trigger",
             className: b(
-              j,
+              $,
               "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",
@@ -53,7 +53,7 @@ const x = ({
         children: [
           /* @__PURE__ */ o("span", { className: "flex-1 truncate", children: f }),
           /* @__PURE__ */ o(
-            N,
+            w,
             {
               "data-slot": "date-picker-icon",
               className: "shrink-0 text-muted-foreground"
@@ -63,7 +63,7 @@ const x = ({
       }
     ),
     /* @__PURE__ */ o(
-      E,
+      j,
       {
         render: /* @__PURE__ */ o(
           "input",
@@ -85,7 +85,7 @@ const x = ({
         className: b("w-auto p-0", d?.popup),
         align: "start",
         "data-slot": `${s}-content`,
-        children: /* @__PURE__ */ V($, { className: "contents", children: [
+        children: /* @__PURE__ */ V(E, { className: "contents", children: [
           g,
           l && /* @__PURE__ */ o(
             "div",
@@ -131,13 +131,13 @@ const x = ({
       slot: "date-picker",
       open: v,
       onOpenChange: c,
-      displayText: F(r, p),
+      displayText: T(r, p),
       hasValue: !!r,
       disabled: m,
       className: g,
       classNames: l,
       footer: d?.(t),
-      formValue: T(r),
+      formValue: O(r),
       required: s,
       children: /* @__PURE__ */ o(
         C,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("date-fns"),g="dd/MM/yyyy",S=(e,n)=>!e||!o.isDate(e)?n:o.format(e,g),M=e=>!e||!o.isDate(e)?"":o.format(e,"yyyy-MM-dd"),$=(e,n)=>{if(!e)return n;const{start:i,end:u}=e;if(!i&&!u)return n;const N=i&&o.isDate(i)?o.format(i,g):"...",h=u&&o.isDate(u)?o.format(u,g):"...";return`${N} → ${h}`},I=(e,n)=>!e||e.length===0?n:e.length===1?o.format(e[0],g):`${e.length} fechas seleccionadas`,T=e=>o.isDate(e)?o.format(e,g):"",P=(e,n)=>{if(!e)return;Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value")?.set?.call(e,n),e.dispatchEvent(new Event("input",{bubbles:!0}))},v=e=>{const n=e.trim();if(!n)return null;const i=/^(\d{1,2})\/(\d{1,2})\/(\d{1,4})$/.exec(n);if(!i)return null;const[,u,N,h]=i,s=Number(u),m=Number(N),l=h;let c=Number(l);if(Number.isNaN(s)||Number.isNaN(m)||Number.isNaN(c)||(l.length<=2&&(c=2e3+c),s<1||s>31||m<1||m>12))return null;const a=new Date(c,m-1,s);return a.getFullYear()!==c||a.getMonth()!==m-1||a.getDate()!==s?null:a},A=(e,n)=>{const i=(n.lastKey==="Backspace"||n.lastKey==="Delete")&&e.length<n.previousValue.length,u=e.includes("/"),N=e.trim().endsWith("/");if((e.match(/\//g)??[]).length>=2){const r=e.split("/"),t=(r[0]??"").replace(/\D/g,"").slice(0,2),b=(r[1]??"").replace(/\D/g,"").slice(0,2),p=(r[2]??"").replace(/\D/g,"").slice(0,4);return!t&&!b&&!p?"":`${t}/${b}/${p}`}const s=e.replace(/\D/g,"").slice(0,8);if(!s)return"";if(s.length<=2){let r=s;if(s.length===1&&(u||N)&&!i){let t=Number(r);Number.isNaN(t)&&(t=1),t<1&&(t=1),t>31&&(t=31),r=t.toString().padStart(2,"0"),r+="/"}else if(s.length===2&&!i){let t=Number(r);Number.isNaN(t)&&(t=1),t<1&&(t=1),t>31&&(t=31),r=t.toString().padStart(2,"0"),r+="/"}return r}const m=s.slice(0,2);let l=Number(m);Number.isNaN(l)&&(l=1),l<1&&(l=1),l>31&&(l=31);const c=l.toString().padStart(2,"0"),a=s.slice(2,4),D=s.slice(4);let f="";if(a.length===0)f="";else if(a.length===1&&D.length===0){const r=N&&!i&&a.length===1;if(a==="0"||a==="1")if(r){let t=Number(a);Number.isNaN(t)&&(t=1),t<1&&(t=1),t>12&&(t=12),f=t.toString().padStart(2,"0")}else f=a;else{let t=Number(a);Number.isNaN(t)&&(t=1),t<1&&(t=1),t>12&&(t=12),f=t.toString().padStart(2,"0")}}else{let r=Number(a);Number.isNaN(r)&&(r=1),r<1&&(r=1),r>12&&(r=12),f=r.toString().padStart(2,"0")}const d=`${c}/${f}`,y=!D&&f.length===2&&!i;return D?`${d}/${D}`:y?`${d}/`:d};exports.DISPLAY_DATE_FORMAT=g;exports.emitNativeInputChange=P;exports.formatDate=T;exports.formatISODate=M;exports.formatMultipleDates=I;exports.formatRangeDate=$;exports.formatSingleDate=S;exports.maskDateInput=A;exports.parseInputToDate=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../node_modules/date-fns/isDate.cjs.js"),N=require("../../node_modules/date-fns/format.cjs.js"),D="dd/MM/yyyy",M=(e,n)=>!e||!g.isDate(e)?n:N.formatDate(e,D),$=e=>!e||!g.isDate(e)?"":N.formatDate(e,"yyyy-MM-dd"),I=(e,n)=>{if(!e)return n;const{start:i,end:l}=e;if(!i&&!l)return n;const f=i&&g.isDate(i)?N.formatDate(i,D):"...",h=l&&g.isDate(l)?N.formatDate(l,D):"...";return`${f} → ${h}`},T=(e,n)=>!e||e.length===0?n:e.length===1?N.formatDate(e[0],D):`${e.length} fechas seleccionadas`,P=e=>g.isDate(e)?N.formatDate(e,D):"",v=(e,n)=>{if(!e)return;Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value")?.set?.call(e,n),e.dispatchEvent(new Event("input",{bubbles:!0}))},A=e=>{const n=e.trim();if(!n)return null;const i=/^(\d{1,2})\/(\d{1,2})\/(\d{1,4})$/.exec(n);if(!i)return null;const[,l,f,h]=i,a=Number(l),u=Number(f),o=h;let m=Number(o);if(Number.isNaN(a)||Number.isNaN(u)||Number.isNaN(m)||(o.length<=2&&(m=2e3+m),a<1||a>31||u<1||u>12))return null;const s=new Date(m,u-1,a);return s.getFullYear()!==m||s.getMonth()!==u-1||s.getDate()!==a?null:s},O=(e,n)=>{const i=(n.lastKey==="Backspace"||n.lastKey==="Delete")&&e.length<n.previousValue.length,l=e.includes("/"),f=e.trim().endsWith("/");if((e.match(/\//g)??[]).length>=2){const r=e.split("/"),t=(r[0]??"").replace(/\D/g,"").slice(0,2),p=(r[1]??"").replace(/\D/g,"").slice(0,2),y=(r[2]??"").replace(/\D/g,"").slice(0,4);return!t&&!p&&!y?"":`${t}/${p}/${y}`}const a=e.replace(/\D/g,"").slice(0,8);if(!a)return"";if(a.length<=2){let r=a;if(a.length===1&&(l||f)&&!i){let t=Number(r);Number.isNaN(t)&&(t=1),t<1&&(t=1),t>31&&(t=31),r=t.toString().padStart(2,"0"),r+="/"}else if(a.length===2&&!i){let t=Number(r);Number.isNaN(t)&&(t=1),t<1&&(t=1),t>31&&(t=31),r=t.toString().padStart(2,"0"),r+="/"}return r}const u=a.slice(0,2);let o=Number(u);Number.isNaN(o)&&(o=1),o<1&&(o=1),o>31&&(o=31);const m=o.toString().padStart(2,"0"),s=a.slice(2,4),d=a.slice(4);let c="";if(s.length===0)c="";else if(s.length===1&&d.length===0){const r=f&&!i&&s.length===1;if(s==="0"||s==="1")if(r){let t=Number(s);Number.isNaN(t)&&(t=1),t<1&&(t=1),t>12&&(t=12),c=t.toString().padStart(2,"0")}else c=s;else{let t=Number(s);Number.isNaN(t)&&(t=1),t<1&&(t=1),t>12&&(t=12),c=t.toString().padStart(2,"0")}}else{let r=Number(s);Number.isNaN(r)&&(r=1),r<1&&(r=1),r>12&&(r=12),c=r.toString().padStart(2,"0")}const b=`${m}/${c}`,S=!d&&c.length===2&&!i;return d?`${b}/${d}`:S?`${b}/`:b};exports.DISPLAY_DATE_FORMAT=D;exports.emitNativeInputChange=v;exports.formatDate=P;exports.formatISODate=$;exports.formatMultipleDates=T;exports.formatRangeDate=I;exports.formatSingleDate=M;exports.maskDateInput=O;exports.parseInputToDate=A;

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

@@ -1,17 +1,18 @@
-import { isDate as g, format as N } from "date-fns";
-const h = "dd/MM/yyyy", I = (e, n) => !e || !g(e) ? n : N(e, h), P = (e) => !e || !g(e) ? "" : N(e, "yyyy-MM-dd"), k = (e, n) => {
+import { isDate as g } from "../../node_modules/date-fns/isDate.es.js";
+import { formatDate as N } from "../../node_modules/date-fns/format.es.js";
+const h = "dd/MM/yyyy", P = (e, n) => !e || !g(e) ? n : N(e, h), k = (e) => !e || !g(e) ? "" : N(e, "yyyy-MM-dd"), v = (e, n) => {
   if (!e) return n;
   const { start: a, end: o } = e;
   if (!a && !o) return n;
   const f = a && g(a) ? N(a, h) : "...", d = o && g(o) ? N(o, h) : "...";
   return `${f} → ${d}`;
-}, v = (e, n) => !e || e.length === 0 ? n : e.length === 1 ? N(e[0], h) : `${e.length} fechas seleccionadas`, T = (e) => g(e) ? N(e, h) : "", A = (e, n) => {
+}, T = (e, n) => !e || e.length === 0 ? n : e.length === 1 ? N(e[0], h) : `${e.length} fechas seleccionadas`, A = (e) => g(e) ? N(e, h) : "", E = (e, n) => {
   if (!e) return;
   Object.getOwnPropertyDescriptor(
     HTMLInputElement.prototype,
     "value"
   )?.set?.call(e, n), e.dispatchEvent(new Event("input", { bubbles: !0 }));
-}, E = (e) => {
+}, O = (e) => {
   const n = e.trim();
   if (!n) return null;
   const a = /^(\d{1,2})\/(\d{1,2})\/(\d{1,4})$/.exec(n);
@@ -22,11 +23,11 @@ const h = "dd/MM/yyyy", I = (e, n) => !e || !g(e) ? n : N(e, h), P = (e) => !e |
     return null;
   const i = new Date(c, u - 1, s);
   return i.getFullYear() !== c || i.getMonth() !== u - 1 || i.getDate() !== s ? null : i;
-}, O = (e, n) => {
+}, R = (e, n) => {
   const a = (n.lastKey === "Backspace" || n.lastKey === "Delete") && e.length < n.previousValue.length, o = e.includes("/"), f = e.trim().endsWith("/");
   if ((e.match(/\//g) ?? []).length >= 2) {
-    const r = e.split("/"), t = (r[0] ?? "").replace(/\D/g, "").slice(0, 2), p = (r[1] ?? "").replace(/\D/g, "").slice(0, 2), D = (r[2] ?? "").replace(/\D/g, "").slice(0, 4);
-    return !t && !p && !D ? "" : `${t}/${p}/${D}`;
+    const r = e.split("/"), t = (r[0] ?? "").replace(/\D/g, "").slice(0, 2), y = (r[1] ?? "").replace(/\D/g, "").slice(0, 2), D = (r[2] ?? "").replace(/\D/g, "").slice(0, 4);
+    return !t && !y && !D ? "" : `${t}/${y}/${D}`;
   }
   const s = e.replace(/\D/g, "").slice(0, 8);
   if (!s)
@@ -65,17 +66,17 @@ const h = "dd/MM/yyyy", I = (e, n) => !e || !g(e) ? n : N(e, h), P = (e) => !e |
     let r = Number(i);
     Number.isNaN(r) && (r = 1), r < 1 && (r = 1), r > 12 && (r = 12), m = r.toString().padStart(2, "0");
   }
-  const y = `${c}/${m}`, S = !b && m.length === 2 && !a;
-  return b ? `${y}/${b}` : S ? `${y}/` : y;
+  const p = `${c}/${m}`, S = !b && m.length === 2 && !a;
+  return b ? `${p}/${b}` : S ? `${p}/` : p;
 };
 export {
   h as DISPLAY_DATE_FORMAT,
-  A as emitNativeInputChange,
-  T as formatDate,
-  P as formatISODate,
-  v as formatMultipleDates,
-  k as formatRangeDate,
-  I as formatSingleDate,
-  O as maskDateInput,
-  E as parseInputToDate
+  E as emitNativeInputChange,
+  A as formatDate,
+  k as formatISODate,
+  T as formatMultipleDates,
+  v as formatRangeDate,
+  P as formatSingleDate,
+  R as maskDateInput,
+  O as parseInputToDate
 };

package/dist/components/dialog/dialog.cjs.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("@base-ui/react/dialog"),N=require("lucide-react"),i=require("../../lib/cn.cjs.js"),B=require("../button/button.cjs.js");function d(a){return o.jsx(t.Dialog.Root,{...a})}function u({className:a,...e}){return o.jsx(t.Dialog.Trigger,{"data-slot":"dialog-trigger",className:i.cn(a),...e})}function p({className:a,...e}){return o.jsx(t.Dialog.Backdrop,{"data-slot":"dialog-backdrop",forceRender:!0,className:i.cn("fixed inset-0 z-overlay bg-black/50","transition-opacity duration-200","data-starting-style:opacity-0 data-ending-style:opacity-0",a),...e})}function x({className:a,...e}){return o.jsx(t.Dialog.Viewport,{"data-slot":"dialog-viewport",className:i.cn("fixed inset-0 z-overlay flex items-center justify-center p-4",a),...e})}function D({className:a,classNames:e,children:r,hideClose:s,portalProps:n,...c}){return o.jsxs(t.Dialog.Portal,{...n,children:[o.jsx(p,{className:e?.backdrop}),o.jsx(x,{className:e?.viewport,children:o.jsxs(t.Dialog.Popup,{"data-slot":"dialog-popup",className:i.cn("relative flex w-full max-w-lg flex-col gap-4 rounded-lg border bg-background p-6 shadow-lg","transition-[scale,opacity] duration-200 ease-out","data-starting-style:scale-95 data-starting-style:opacity-0","data-ending-style:scale-95 data-ending-style:opacity-0",a),...c,children:[r,!s&&o.jsx(t.Dialog.Close,{"aria-label":"Cerrar",className:i.cn("absolute right-2 top-2",e?.closeButton),render:o.jsx(B.Button,{size:"icon",variant:"ghost"}),children:o.jsx(N.X,{className:"size-4"})})]})})]})}function P({className:a,...e}){return o.jsx(t.Dialog.Close,{"data-slot":"dialog-close",className:i.cn(a),...e})}function f({className:a,...e}){return o.jsx(t.Dialog.Title,{"data-slot":"dialog-title",className:i.cn("text-lg font-semibold leading-none tracking-tight",a),...e})}function j({className:a,...e}){return o.jsx(t.Dialog.Description,{"data-slot":"dialog-description",className:i.cn("text-sm text-muted-foreground",a),...e})}function m({className:a,...e}){return o.jsx("div",{"data-slot":"dialog-header",className:i.cn("flex flex-col gap-2",a),...e})}function y({className:a,...e}){return o.jsx("div",{"data-slot":"dialog-footer",className:i.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",a),...e})}function T({trigger:a,title:e,description:r,children:s,footer:n,onClose:c,hideClose:b,className:h,classNames:l,onOpenChange:v,...w}){return o.jsxs(d,{onOpenChange:(g,k)=>{g||c?.(),v?.(g,k)},...w,children:[a&&o.jsx(u,{render:a}),o.jsxs(D,{className:h,hideClose:b,classNames:{backdrop:l?.backdrop,viewport:l?.viewport,closeButton:l?.closeButton},children:[(e||r)&&o.jsxs(m,{className:l?.header,children:[e&&o.jsx(f,{className:l?.title,children:e}),r&&o.jsx(j,{className:l?.description,children:r})]}),s,n&&o.jsx(y,{className:l?.footer,children:n})]})]})}Object.defineProperty(exports,"DialogPrimitive",{enumerable:!0,get:()=>t.Dialog});exports.Dialog=T;exports.DialogBackdrop=p;exports.DialogClose=P;exports.DialogDescription=j;exports.DialogFooter=y;exports.DialogHeader=m;exports.DialogPopup=D;exports.DialogRoot=d;exports.DialogTitle=f;exports.DialogTrigger=u;exports.DialogViewport=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("../../node_modules/lucide-react/dist/esm/icons/x.cjs.js"),N=require("../../node_modules/@base-ui/react/dialog/root/DialogRoot.cjs.js"),T=require("../../node_modules/@base-ui/react/dialog/trigger/DialogTrigger.cjs.js"),t=require("../../lib/cn.cjs.js"),B=require("../../node_modules/@base-ui/react/dialog/backdrop/DialogBackdrop.cjs.js"),$=require("../../node_modules/@base-ui/react/dialog/viewport/DialogViewport.cjs.js"),C=require("../../node_modules/@base-ui/react/dialog/portal/DialogPortal.cjs.js"),P=require("../../node_modules/@base-ui/react/dialog/popup/DialogPopup.cjs.js"),g=require("../../node_modules/@base-ui/react/dialog/close/DialogClose.cjs.js"),R=require("../button/button.cjs.js"),z=require("../../node_modules/@base-ui/react/dialog/title/DialogTitle.cjs.js"),V=require("../../node_modules/@base-ui/react/dialog/description/DialogDescription.cjs.js");function d(a){return e.jsx(N.DialogRoot,{...a})}function u({className:a,...o}){return e.jsx(T.DialogTrigger,{"data-slot":"dialog-trigger",className:t.cn(a),...o})}function D({className:a,...o}){return e.jsx(B.DialogBackdrop,{"data-slot":"dialog-backdrop",forceRender:!0,className:t.cn("fixed inset-0 z-overlay bg-black/50","transition-opacity duration-200","data-starting-style:opacity-0 data-ending-style:opacity-0",a),...o})}function p({className:a,...o}){return e.jsx($.DialogViewport,{"data-slot":"dialog-viewport",className:t.cn("fixed inset-0 z-overlay flex items-center justify-center p-4",a),...o})}function x({className:a,classNames:o,children:r,hideClose:n,portalProps:l,...s}){return e.jsxs(C.DialogPortal,{...l,children:[e.jsx(D,{className:o?.backdrop}),e.jsx(p,{className:o?.viewport,children:e.jsxs(P.DialogPopup,{"data-slot":"dialog-popup",className:t.cn("relative flex w-full max-w-lg flex-col gap-4 rounded-lg border bg-background p-6 shadow-lg","transition-[scale,opacity] duration-200 ease-out","data-starting-style:scale-95 data-starting-style:opacity-0","data-ending-style:scale-95 data-ending-style:opacity-0",a),...s,children:[r,!n&&e.jsx(g.DialogClose,{"aria-label":"Cerrar",className:t.cn("absolute right-2 top-2",o?.closeButton),render:e.jsx(R.Button,{size:"icon",variant:"ghost"}),children:e.jsx(k.default,{className:"size-4"})})]})})]})}function F({className:a,...o}){return e.jsx(g.DialogClose,{"data-slot":"dialog-close",className:t.cn(a),...o})}function f({className:a,...o}){return e.jsx(z.DialogTitle,{"data-slot":"dialog-title",className:t.cn("text-lg font-semibold leading-none tracking-tight",a),...o})}function j({className:a,...o}){return e.jsx(V.DialogDescription,{"data-slot":"dialog-description",className:t.cn("text-sm text-muted-foreground",a),...o})}function m({className:a,...o}){return e.jsx("div",{"data-slot":"dialog-header",className:t.cn("flex flex-col gap-2",a),...o})}function y({className:a,...o}){return e.jsx("div",{"data-slot":"dialog-footer",className:t.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",a),...o})}function H({trigger:a,title:o,description:r,children:n,footer:l,onClose:s,hideClose:h,className:b,classNames:i,onOpenChange:q,...v}){return e.jsxs(d,{onOpenChange:(c,w)=>{c||s?.(),q?.(c,w)},...v,children:[a&&e.jsx(u,{render:a}),e.jsxs(x,{className:b,hideClose:h,classNames:{backdrop:i?.backdrop,viewport:i?.viewport,closeButton:i?.closeButton},children:[(o||r)&&e.jsxs(m,{className:i?.header,children:[o&&e.jsx(f,{className:i?.title,children:o}),r&&e.jsx(j,{className:i?.description,children:r})]}),n,l&&e.jsx(y,{className:i?.footer,children:l})]})]})}exports.Dialog=H;exports.DialogBackdrop=D;exports.DialogClose=F;exports.DialogDescription=j;exports.DialogFooter=y;exports.DialogHeader=m;exports.DialogPopup=x;exports.DialogRoot=d;exports.DialogTitle=f;exports.DialogTrigger=u;exports.DialogViewport=p;