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

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

@@ -0,0 +1,152 @@
+"use client";
+import { jsxs as n, 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) => {
+  const {
+    placeholder: s,
+    value: h,
+    onValueChange: g,
+    defaultValue: v,
+    autoComplete: C,
+    className: b,
+    disabledDate: a,
+    renderFooter: D,
+    disabled: l,
+    onBlur: y,
+    ...w
+  } = f, [r, i] = j({
+    prop: h,
+    onChange: (e) => g?.(e ?? null),
+    defaultProp: v ?? null
+  }), {
+    inputValue: P,
+    handleChange: x,
+    handleBlur: N,
+    handleKeyDown: I,
+    clear: K,
+    setFromExternalDate: t
+  } = V({
+    date: r ?? null,
+    onDateChange: (e) => i(e),
+    disabledDate: a
+  }), {
+    open: S,
+    setOpen: d,
+    handleInputKeyDown: B,
+    inputRef: u
+  } = k({ disabled: l }), T = (e) => {
+    I(e), B(e);
+  }, c = D?.({
+    value: r ?? null,
+    clear: () => {
+      t(null), K();
+    },
+    selectToday: () => {
+      const e = /* @__PURE__ */ new Date();
+      a?.(e) || t(e);
+    },
+    setValue: (e) => {
+      const p = e && m(e) ? e : null;
+      i(p), t(p);
+    }
+  });
+  return /* @__PURE__ */ n(O, { "data-slot": "date-input", open: S, onOpenChange: d, children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        className: A(
+          G,
+          "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 && u.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,
+            {
+              render: /* @__PURE__ */ o(
+                "input",
+                {
+                  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
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ n(
+      E,
+      {
+        className: "w-auto p-0",
+        align: "start",
+        "data-slot": "date-input-content",
+        children: [
+          /* @__PURE__ */ o(
+            z,
+            {
+              className: "border-none",
+              mode: "single",
+              selected: r ?? void 0,
+              onSelect: (e) => {
+                if (!e || !m(e)) {
+                  t(null);
+                  return;
+                }
+                a?.(e) || (t(e), d(!1));
+              },
+              disabled: a
+            }
+          ),
+          c && /* @__PURE__ */ o("div", { className: "p-2", "data-slot": "date-input-footer", children: c })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  oe 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 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;

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

@@ -0,0 +1,262 @@
+"use client";
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { useControllableState as V } from "@radix-ui/react-use-controllable-state";
+import { CalendarIcon as R } from "lucide-react";
+import { useState as S, useRef as T } from "react";
+import { formatRangeDate as y, formatMultipleDates as N, formatSingleDate as O } from "./date-picker.utils.es.js";
+import { Calendar as k } from "../calendar/calendar.es.js";
+import { cn as P } from "../../lib/cn.es.js";
+import { PopoverRoot as w, PopoverTrigger as M, PopoverPopup as j } from "../popover/popover.es.js";
+import { inputBaseClasses as D } from "../input/input.es.js";
+import { FieldControl as E } from "../field/field.es.js";
+function L(n) {
+  return n.mode === "range" ? /* @__PURE__ */ t(I, { ...n }) : n.mode === "multiple" ? /* @__PURE__ */ t($, { ...n }) : /* @__PURE__ */ t(F, { ...n });
+}
+const x = ({
+  open: n,
+  onOpenChange: u,
+  displayText: p,
+  hasValue: f,
+  disabled: m,
+  className: i,
+  classNames: d,
+  children: g,
+  footer: l,
+  slot: s,
+  formValue: v,
+  required: c
+}) => {
+  const r = T(null);
+  return /* @__PURE__ */ C(w, { "data-slot": s, open: n, onOpenChange: u, children: [
+    /* @__PURE__ */ C(
+      M,
+      {
+        render: /* @__PURE__ */ t(
+          "button",
+          {
+            ref: r,
+            disabled: m,
+            className: P(
+              D,
+              "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",
+              i
+            )
+          }
+        ),
+        children: [
+          /* @__PURE__ */ t(R, { className: "shrink-0" }),
+          /* @__PURE__ */ t("span", { className: "truncate", children: p })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      E,
+      {
+        render: /* @__PURE__ */ t(
+          "input",
+          {
+            type: "text",
+            tabIndex: -1,
+            "aria-hidden": "true",
+            className: "sr-only",
+            value: v,
+            onChange: () => {
+            },
+            required: c,
+            onFocus: () => r.current?.focus()
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ C(
+      j,
+      {
+        className: P("w-auto p-0", d?.popup),
+        align: "start",
+        "data-slot": `${s}-content`,
+        children: [
+          g,
+          l && /* @__PURE__ */ t(
+            "div",
+            {
+              className: P("p-2", d?.footer),
+              "data-slot": `${s}-footer`,
+              children: l
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, F = ({
+  value: n,
+  defaultValue: u,
+  onValueChange: p,
+  placeholder: f = "Seleccionar fecha",
+  disabled: m,
+  disabledDate: i,
+  renderFooter: d,
+  className: g,
+  classNames: l,
+  required: s
+}) => {
+  const [v, c] = S(!1), [r, a] = V({
+    prop: n,
+    onChange: (e) => p?.(e ?? null),
+    defaultProp: u ?? null
+  }), o = {
+    mode: "single",
+    value: r ?? null,
+    clear: () => a(null),
+    selectToday: () => {
+      const e = /* @__PURE__ */ new Date();
+      i?.(e) || a(e);
+    },
+    setValue: (e) => a(e)
+  };
+  return /* @__PURE__ */ t(
+    x,
+    {
+      slot: "date-picker",
+      open: v,
+      onOpenChange: c,
+      displayText: O(r, f),
+      hasValue: !!r,
+      disabled: m,
+      className: g,
+      classNames: l,
+      footer: d?.(o),
+      formValue: O(r, ""),
+      required: s,
+      children: /* @__PURE__ */ t(
+        k,
+        {
+          className: P("border-none", l?.calendar),
+          mode: "single",
+          selected: r ?? void 0,
+          onSelect: (e) => {
+            i && e && i(e) || (a(e ?? null), c(!1));
+          },
+          disabled: i
+        }
+      )
+    }
+  );
+}, b = { start: null, end: null }, I = ({
+  value: n,
+  defaultValue: u,
+  onValueChange: p,
+  placeholder: f = "Seleccionar rango",
+  disabled: m,
+  disabledDate: i,
+  renderFooter: d,
+  className: g,
+  classNames: l,
+  required: s
+}) => {
+  const [v, c] = S(!1), [r, a] = V({
+    prop: n,
+    onChange: (h) => p?.(h ?? b),
+    defaultProp: u ?? b
+  }), o = r ?? b, e = {
+    mode: "range",
+    value: o,
+    clear: () => a(b),
+    setValue: (h) => a(h)
+  };
+  return /* @__PURE__ */ t(
+    x,
+    {
+      slot: "date-picker",
+      open: v,
+      onOpenChange: c,
+      displayText: y(
+        o.start || o.end ? o : void 0,
+        f
+      ),
+      hasValue: !!(o.start || o.end),
+      disabled: m,
+      className: g,
+      classNames: l,
+      footer: d?.(e),
+      formValue: y(
+        o.start || o.end ? o : void 0,
+        ""
+      ),
+      required: s,
+      children: /* @__PURE__ */ t(
+        k,
+        {
+          className: P("border-none", l?.calendar),
+          mode: "range",
+          selected: {
+            from: o.start ?? void 0,
+            to: o.end ?? void 0
+          },
+          onSelect: (h) => {
+            a({ start: h?.from ?? null, end: h?.to ?? null });
+          },
+          disabled: i
+        }
+      )
+    }
+  );
+}, $ = ({
+  value: n,
+  defaultValue: u,
+  onValueChange: p,
+  placeholder: f = "Seleccionar fechas",
+  disabled: m,
+  disabledDate: i,
+  renderFooter: d,
+  className: g,
+  classNames: l,
+  required: s
+}) => {
+  const [v, c] = S(!1), [r, a] = V({
+    prop: n,
+    onChange: (e) => p?.(e ?? []),
+    defaultProp: u ?? []
+  }), o = {
+    mode: "multiple",
+    value: r ?? [],
+    clear: () => a([]),
+    setValue: (e) => a(e)
+  };
+  return /* @__PURE__ */ t(
+    x,
+    {
+      slot: "date-picker",
+      open: v,
+      onOpenChange: c,
+      displayText: N(r, f),
+      hasValue: (r?.length ?? 0) > 0,
+      disabled: m,
+      className: g,
+      classNames: l,
+      footer: d?.(o),
+      formValue: N(r, ""),
+      required: s,
+      children: /* @__PURE__ */ t(
+        k,
+        {
+          className: P("border-none", l?.calendar),
+          mode: "multiple",
+          selected: r ?? [],
+          onSelect: (e) => {
+            a(e ?? []);
+          },
+          disabled: i
+        }
+      )
+    }
+  );
+};
+export {
+  L 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 o=require("date-fns"),g="dd/MM/yyyy",S=(e,a)=>!e||!o.isDate(e)?a:o.format(e,g),$=(e,a)=>{if(!e)return a;const{start:i,end:u}=e;if(!i&&!u)return a;const N=i&&o.isDate(i)?o.format(i,g):"...",h=u&&o.isDate(u)?o.format(u,g):"...";return`${N} → ${h}`},M=(e,a)=>!e||e.length===0?a:e.length===1?o.format(e[0],g):`${e.length} fechas seleccionadas`,T=e=>o.isDate(e)?o.format(e,g):"",A=e=>{const a=e.trim();if(!a)return null;const i=/^(\d{1,2})\/(\d{1,2})\/(\d{1,4})$/.exec(a);if(!i)return null;const[,u,N,h]=i,n=Number(u),m=Number(N),l=h;let f=Number(l);if(Number.isNaN(n)||Number.isNaN(m)||Number.isNaN(f)||(l.length<=2&&(f=2e3+f),n<1||n>31||m<1||m>12))return null;const s=new Date(f,m-1,n);return s.getFullYear()!==f||s.getMonth()!==m-1||s.getDate()!==n?null:s},P=(e,a)=>{const i=(a.lastKey==="Backspace"||a.lastKey==="Delete")&&e.length<a.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 n=e.replace(/\D/g,"").slice(0,8);if(!n)return"";if(n.length<=2){let r=n;if(n.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(n.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=n.slice(0,2);let l=Number(m);Number.isNaN(l)&&(l=1),l<1&&(l=1),l>31&&(l=31);const f=l.toString().padStart(2,"0"),s=n.slice(2,4),d=n.slice(4);let c="";if(s.length===0)c="";else if(s.length===1&&d.length===0){const r=N&&!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 D=`${f}/${c}`,y=!d&&c.length===2&&!i;return d?`${D}/${d}`:y?`${D}/`:D};exports.DISPLAY_DATE_FORMAT=g;exports.formatDate=T;exports.formatMultipleDates=M;exports.formatRangeDate=$;exports.formatSingleDate=S;exports.maskDateInput=P;exports.parseInputToDate=A;

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

@@ -0,0 +1,73 @@
+import { isDate as b, format as N } from "date-fns";
+const g = "dd/MM/yyyy", k = (e, i) => !e || !b(e) ? i : N(e, g), P = (e, i) => {
+  if (!e) return i;
+  const { start: a, end: o } = e;
+  if (!a && !o) return i;
+  const f = a && b(a) ? N(a, g) : "...", h = o && b(o) ? N(o, g) : "...";
+  return `${f} → ${h}`;
+}, A = (e, i) => !e || e.length === 0 ? i : e.length === 1 ? N(e[0], g) : `${e.length} fechas seleccionadas`, R = (e) => b(e) ? N(e, g) : "", T = (e) => {
+  const i = e.trim();
+  if (!i) return null;
+  const a = /^(\d{1,2})\/(\d{1,2})\/(\d{1,4})$/.exec(i);
+  if (!a) return null;
+  const [, o, f, h] = a, n = Number(o), u = Number(f), l = h;
+  let c = Number(l);
+  if (Number.isNaN(n) || Number.isNaN(u) || Number.isNaN(c) || (l.length <= 2 && (c = 2e3 + c), n < 1 || n > 31 || u < 1 || u > 12))
+    return null;
+  const s = new Date(c, u - 1, n);
+  return s.getFullYear() !== c || s.getMonth() !== u - 1 || s.getDate() !== n ? null : s;
+}, Y = (e, i) => {
+  const a = (i.lastKey === "Backspace" || i.lastKey === "Delete") && e.length < i.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), D = (r[1] ?? "").replace(/\D/g, "").slice(0, 2), p = (r[2] ?? "").replace(/\D/g, "").slice(0, 4);
+    return !t && !D && !p ? "" : `${t}/${D}/${p}`;
+  }
+  const n = e.replace(/\D/g, "").slice(0, 8);
+  if (!n)
+    return "";
+  if (n.length <= 2) {
+    let r = n;
+    if (n.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 (n.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 = n.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"), s = n.slice(2, 4), d = n.slice(4);
+  let m = "";
+  if (s.length === 0)
+    m = "";
+  else if (s.length === 1 && d.length === 0) {
+    const r = f && !a && 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), m = t.toString().padStart(2, "0");
+      } else
+        m = s;
+    else {
+      let t = Number(s);
+      Number.isNaN(t) && (t = 1), t < 1 && (t = 1), t > 12 && (t = 12), m = t.toString().padStart(2, "0");
+    }
+  } else {
+    let r = Number(s);
+    Number.isNaN(r) && (r = 1), r < 1 && (r = 1), r > 12 && (r = 12), m = r.toString().padStart(2, "0");
+  }
+  const y = `${c}/${m}`, S = !d && m.length === 2 && !a;
+  return d ? `${y}/${d}` : S ? `${y}/` : y;
+};
+export {
+  g as DISPLAY_DATE_FORMAT,
+  R as formatDate,
+  A as formatMultipleDates,
+  P as formatRangeDate,
+  k as formatSingleDate,
+  Y as maskDateInput,
+  T 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/dialog/dialog.cjs.js

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