@boxcustodia/library 2.0.0-alpha.3 → 2.0.0-alpha.31

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

@@ -0,0 +1,2 @@
+"use client";
+"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

@@ -0,0 +1,189 @@
+"use client";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+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,
+    onValueChange: y,
+    defaultValue: C,
+    autoComplete: b,
+    className: D,
+    disabledDate: r,
+    renderFooter: w,
+    disabled: n,
+    onBlur: x,
+    required: N,
+    ...P
+  } = g, [o, u] = k({
+    prop: v,
+    onChange: (e) => y?.(e ?? null),
+    defaultProp: C ?? null
+  }), I = o ? X(o, "yyyy-MM-dd") : "", S = z(I), {
+    inputValue: c,
+    handleChange: F,
+    handleBlur: K,
+    handleKeyDown: T,
+    clear: B,
+    setFromExternalDate: a
+  } = H({
+    date: o ?? null,
+    onDateChange: (e) => u(e),
+    disabledDate: r
+  }), {
+    open: M,
+    setOpen: p,
+    handleInputKeyDown: V,
+    inputRef: i
+  } = $({ disabled: n }), [R, m] = q(
+    void 0
+  ), j = (e) => {
+    if (e) {
+      const l = E(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();
+      r?.(e) || a(e);
+    },
+    setValue: (e) => {
+      const l = e && h(e) ? e : null;
+      u(l), a(l);
+    }
+  });
+  return /* @__PURE__ */ s(
+    A,
+    {
+      "data-slot": "date-input",
+      open: M,
+      onOpenChange: j,
+      children: [
+        /* @__PURE__ */ s(
+          "div",
+          {
+            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",
+              "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(
+                L,
+                {
+                  render: /* @__PURE__ */ t(
+                    "input",
+                    {
+                      ref: S,
+                      type: "text",
+                      className: "sr-only",
+                      tabIndex: -1,
+                      "aria-hidden": "true",
+                      required: N,
+                      disabled: n,
+                      onFocus: () => i.current?.focus()
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "text",
+                  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,
+                  ...P
+                }
+              ),
+              /* @__PURE__ */ s(
+                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(U, { "data-slot": "date-input-icon" }),
+                    /* @__PURE__ */ t("span", { className: "sr-only", children: "Seleccionar fecha" })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          J,
+          {
+            className: "w-auto p-0",
+            align: "start",
+            "data-slot": "date-input-content",
+            children: /* @__PURE__ */ s(Q, { className: "contents", children: [
+              /* @__PURE__ */ t(
+                W,
+                {
+                  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
+                }
+              ),
+              f && /* @__PURE__ */ t("div", { className: "p-2", "data-slot": "date-input-footer", children: f })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ge as DateInput
+};

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

@@ -0,0 +1,2 @@
+"use client";
+"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

@@ -0,0 +1,268 @@
+"use client";
+import { jsx as o, jsxs as V } from "react/jsx-runtime";
+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 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 });
+}
+const x = ({
+  open: n,
+  onOpenChange: u,
+  displayText: f,
+  hasValue: p,
+  disabled: m,
+  className: i,
+  classNames: d,
+  children: g,
+  footer: l,
+  slot: s,
+  formValue: v,
+  required: c
+}) => {
+  const r = N(null), a = F(v);
+  return /* @__PURE__ */ V(D, { "data-slot": s, open: n, onOpenChange: u, children: [
+    /* @__PURE__ */ V(
+      I,
+      {
+        render: /* @__PURE__ */ o(
+          "button",
+          {
+            ref: r,
+            disabled: m,
+            "data-slot": "date-picker-trigger",
+            className: b(
+              $,
+              "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",
+              i
+            )
+          }
+        ),
+        children: [
+          /* @__PURE__ */ o("span", { className: "flex-1 truncate", children: f }),
+          /* @__PURE__ */ o(
+            w,
+            {
+              "data-slot": "date-picker-icon",
+              className: "shrink-0 text-muted-foreground"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      j,
+      {
+        render: /* @__PURE__ */ o(
+          "input",
+          {
+            ref: a,
+            type: "text",
+            tabIndex: -1,
+            "aria-hidden": "true",
+            className: "sr-only",
+            required: c,
+            onFocus: () => r.current?.focus()
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ o(
+      M,
+      {
+        className: b("w-auto p-0", d?.popup),
+        align: "start",
+        "data-slot": `${s}-content`,
+        children: /* @__PURE__ */ V(E, { className: "contents", children: [
+          g,
+          l && /* @__PURE__ */ o(
+            "div",
+            {
+              className: b("p-2", d?.footer),
+              "data-slot": `${s}-footer`,
+              children: l
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}, A = ({
+  value: n,
+  defaultValue: u,
+  onValueChange: f,
+  placeholder: p = "Seleccionar fecha",
+  disabled: m,
+  disabledDate: i,
+  renderFooter: d,
+  className: g,
+  classNames: l,
+  required: s
+}) => {
+  const [v, c] = k(!1), [r, a] = S({
+    prop: n,
+    onChange: (e) => f?.(e ?? null),
+    defaultProp: u ?? null
+  }), t = {
+    mode: "single",
+    value: r ?? null,
+    clear: () => a(null),
+    selectToday: () => {
+      const e = /* @__PURE__ */ new Date();
+      i?.(e) || a(e);
+    },
+    setValue: (e) => a(e)
+  };
+  return /* @__PURE__ */ o(
+    x,
+    {
+      slot: "date-picker",
+      open: v,
+      onOpenChange: c,
+      displayText: T(r, p),
+      hasValue: !!r,
+      disabled: m,
+      className: g,
+      classNames: l,
+      footer: d?.(t),
+      formValue: O(r),
+      required: s,
+      children: /* @__PURE__ */ o(
+        C,
+        {
+          className: b("border-none", l?.calendar),
+          mode: "single",
+          selected: r ?? void 0,
+          onSelect: (e) => {
+            i && e && i(e) || (a(e ?? null), c(!1));
+          },
+          disabled: i
+        }
+      )
+    }
+  );
+}, P = { start: null, end: null }, B = ({
+  value: n,
+  defaultValue: u,
+  onValueChange: f,
+  placeholder: p = "Seleccionar rango",
+  disabled: m,
+  disabledDate: i,
+  renderFooter: d,
+  className: g,
+  classNames: l,
+  required: s
+}) => {
+  const [v, c] = k(!1), [r, a] = S({
+    prop: n,
+    onChange: (h) => f?.(h ?? P),
+    defaultProp: u ?? P
+  }), t = r ?? P, e = {
+    mode: "range",
+    value: t,
+    clear: () => a(P),
+    setValue: (h) => a(h)
+  };
+  return /* @__PURE__ */ o(
+    x,
+    {
+      slot: "date-picker",
+      open: v,
+      onOpenChange: c,
+      displayText: y(
+        t.start || t.end ? t : void 0,
+        p
+      ),
+      hasValue: !!(t.start || t.end),
+      disabled: m,
+      className: g,
+      classNames: l,
+      footer: d?.(e),
+      formValue: y(
+        t.start || t.end ? t : void 0,
+        ""
+      ),
+      required: s,
+      children: /* @__PURE__ */ o(
+        C,
+        {
+          className: b("border-none", l?.calendar),
+          mode: "range",
+          selected: {
+            from: t.start ?? void 0,
+            to: t.end ?? void 0
+          },
+          onSelect: (h) => {
+            a({ start: h?.from ?? null, end: h?.to ?? null });
+          },
+          disabled: i
+        }
+      )
+    }
+  );
+}, G = ({
+  value: n,
+  defaultValue: u,
+  onValueChange: f,
+  placeholder: p = "Seleccionar fechas",
+  disabled: m,
+  disabledDate: i,
+  renderFooter: d,
+  className: g,
+  classNames: l,
+  required: s
+}) => {
+  const [v, c] = k(!1), [r, a] = S({
+    prop: n,
+    onChange: (e) => f?.(e ?? []),
+    defaultProp: u ?? []
+  }), t = {
+    mode: "multiple",
+    value: r ?? [],
+    clear: () => a([]),
+    setValue: (e) => a(e)
+  };
+  return /* @__PURE__ */ o(
+    x,
+    {
+      slot: "date-picker",
+      open: v,
+      onOpenChange: c,
+      displayText: R(r, p),
+      hasValue: (r?.length ?? 0) > 0,
+      disabled: m,
+      className: g,
+      classNames: l,
+      footer: d?.(t),
+      formValue: R(r, ""),
+      required: s,
+      children: /* @__PURE__ */ o(
+        C,
+        {
+          className: b("border-none", l?.calendar),
+          mode: "multiple",
+          selected: r ?? [],
+          onSelect: (e) => {
+            a(e ?? []);
+          },
+          disabled: i
+        }
+      )
+    }
+  );
+};
+export {
+  X as DatePicker
+};

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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,82 @@
+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}`;
+}, 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 }));
+}, O = (e) => {
+  const n = e.trim();
+  if (!n) return null;
+  const a = /^(\d{1,2})\/(\d{1,2})\/(\d{1,4})$/.exec(n);
+  if (!a) return null;
+  const [, o, f, d] = a, s = Number(o), u = Number(f), l = d;
+  let c = Number(l);
+  if (Number.isNaN(s) || Number.isNaN(u) || Number.isNaN(c) || (l.length <= 2 && (c = 2e3 + c), s < 1 || s > 31 || u < 1 || u > 12))
+    return null;
+  const i = new Date(c, u - 1, s);
+  return i.getFullYear() !== c || i.getMonth() !== u - 1 || i.getDate() !== s ? null : i;
+}, 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), 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)
+    return "";
+  if (s.length <= 2) {
+    let r = s;
+    if (s.length === 1 && (o || f) && !a) {
+      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 && !a) {
+      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 = s.slice(0, 2);
+  let l = Number(u);
+  Number.isNaN(l) && (l = 1), l < 1 && (l = 1), l > 31 && (l = 31);
+  const c = l.toString().padStart(2, "0"), i = s.slice(2, 4), b = s.slice(4);
+  let m = "";
+  if (i.length === 0)
+    m = "";
+  else if (i.length === 1 && b.length === 0) {
+    const r = f && !a && i.length === 1;
+    if (i === "0" || i === "1")
+      if (r) {
+        let t = Number(i);
+        Number.isNaN(t) && (t = 1), t < 1 && (t = 1), t > 12 && (t = 12), m = t.toString().padStart(2, "0");
+      } else
+        m = i;
+    else {
+      let t = Number(i);
+      Number.isNaN(t) && (t = 1), t < 1 && (t = 1), t > 12 && (t = 12), m = t.toString().padStart(2, "0");
+    }
+  } else {
+    let r = Number(i);
+    Number.isNaN(r) && (r = 1), r < 1 && (r = 1), r > 12 && (r = 12), m = r.toString().padStart(2, "0");
+  }
+  const p = `${c}/${m}`, S = !b && m.length === 2 && !a;
+  return b ? `${p}/${b}` : S ? `${p}/` : p;
+};
+export {
+  h as DISPLAY_DATE_FORMAT,
+  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/date-picker/use-date-input-popover.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),c=(s={})=>{const{disabled:n}=s,[a,t]=u.useState(!1),r=u.useRef(null),o=u.useCallback(e=>{if(!n){if(e.key===" "||e.key==="Spacebar"){e.preventDefault(),t(!0);return}e.key==="Escape"&&(t(!1),requestAnimationFrame(()=>{r.current?.focus()}))}},[n]);return{open:a,setOpen:t,handleInputKeyDown:o,inputRef:r}};exports.useDateInputPopover=c;

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

@@ -0,0 +1,26 @@
+import { useState as o, useRef as p, useCallback as c } from "react";
+const l = (s = {}) => {
+  const { disabled: n } = s, [u, t] = o(!1), r = p(null), a = c(
+    (e) => {
+      if (!n) {
+        if (e.key === " " || e.key === "Spacebar") {
+          e.preventDefault(), t(!0);
+          return;
+        }
+        e.key === "Escape" && (t(!1), requestAnimationFrame(() => {
+          r.current?.focus();
+        }));
+      }
+    },
+    [n]
+  );
+  return {
+    open: u,
+    setOpen: t,
+    handleInputKeyDown: a,
+    inputRef: r
+  };
+};
+export {
+  l as useDateInputPopover
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),a=require("./date-picker.utils.cjs.js"),p=d=>{const{date:o,onDateChange:u,disabledDate:m}=d,[f,r]=s.useState(""),i=s.useRef(null),n=s.useRef("");s.useEffect(()=>{const t=a.formatDate(o??null);r(t),n.current=t},[o]);const D=()=>{const t=f.trim();if(!t){u(null),r(""),n.current="";return}const e=a.parseInputToDate(t);if(!e){u(null),r(""),n.current="";return}if(m?.(e)){const c=a.formatDate(o??null);r(c),n.current=c;return}u(e);const l=a.formatDate(e);r(l),n.current=l};return{inputValue:f,handleChange:t=>{const e=t.target.value,l={lastKey:i.current,previousValue:n.current},c=a.maskDateInput(e,l);r(c),n.current=c},handleBlur:()=>{D()},handleKeyDown:t=>{if(i.current=t.key,t.key==="Enter"){t.preventDefault(),D();return}if(t.key==="Escape"){t.preventDefault();const e=a.formatDate(o??null);r(e),n.current=e}},clear:()=>{u(null),r(""),n.current=""},setFromExternalDate:t=>{u(t);const e=a.formatDate(t??null);r(e),n.current=e}}};exports.useDateInput=p;

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

@@ -0,0 +1,64 @@
+import { useState as D, useRef as p, useEffect as h } from "react";
+import { formatDate as c, maskDateInput as y, parseInputToDate as k } from "./date-picker.utils.es.js";
+const C = (d) => {
+  const { date: l, onDateChange: a, disabledDate: i } = d, [s, r] = D(""), f = p(null), n = p("");
+  h(() => {
+    const t = c(l ?? null);
+    r(t), n.current = t;
+  }, [l]);
+  const m = () => {
+    const t = s.trim();
+    if (!t) {
+      a(null), r(""), n.current = "";
+      return;
+    }
+    const e = k(t);
+    if (!e) {
+      a(null), r(""), n.current = "";
+      return;
+    }
+    if (i?.(e)) {
+      const u = c(l ?? null);
+      r(u), n.current = u;
+      return;
+    }
+    a(e);
+    const o = c(e);
+    r(o), n.current = o;
+  };
+  return {
+    inputValue: s,
+    handleChange: (t) => {
+      const e = t.target.value, o = {
+        lastKey: f.current,
+        previousValue: n.current
+      }, u = y(e, o);
+      r(u), n.current = u;
+    },
+    handleBlur: () => {
+      m();
+    },
+    handleKeyDown: (t) => {
+      if (f.current = t.key, t.key === "Enter") {
+        t.preventDefault(), m();
+        return;
+      }
+      if (t.key === "Escape") {
+        t.preventDefault();
+        const e = c(l ?? null);
+        r(e), n.current = e;
+      }
+    },
+    clear: () => {
+      a(null), r(""), n.current = "";
+    },
+    setFromExternalDate: (t) => {
+      a(t);
+      const e = c(t ?? null);
+      r(e), n.current = e;
+    }
+  };
+};
+export {
+  C as useDateInput
+};

package/dist/components/date-picker/use-hidden-field-value.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),i=require("./date-picker.utils.cjs.js");function n(e){const t=u.useRef(null);return u.useEffect(()=>{i.emitNativeInputChange(t.current,e)},[e]),t}exports.useHiddenFieldValue=n;