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

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

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

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

@@ -0,0 +1,271 @@
+"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 C, 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 { Calendar as k } 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";
+function X(a) {
+  return a.mode === "range" ? /* @__PURE__ */ o(B, { ...a }) : a.mode === "multiple" ? /* @__PURE__ */ o(G, { ...a }) : /* @__PURE__ */ o(A, { ...a });
+}
+const x = ({
+  open: a,
+  onOpenChange: u,
+  displayText: f,
+  hasValue: p,
+  disabled: m,
+  className: i,
+  classNames: d,
+  children: g,
+  footer: l,
+  slot: s,
+  formValue: v,
+  required: c
+}) => {
+  const r = O(null), n = I(v);
+  return /* @__PURE__ */ V(w, { "data-slot": s, open: a, onOpenChange: u, children: [
+    /* @__PURE__ */ V(
+      D,
+      {
+        render: /* @__PURE__ */ o(
+          "button",
+          {
+            ref: r,
+            disabled: m,
+            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",
+              // Attribute selector (specificity 0,2,0) beats `border-input`;
+              // `group-data-[invalid]` ties and loses. Matches the OTP convention.
+              // The `focus-visible` variant re-asserts the error border so it is
+              // not washed out by `focus-visible:border-ring` while focused.
+              "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(
+            N,
+            {
+              "data-slot": "date-picker-icon",
+              className: "shrink-0 text-muted-foreground"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      E,
+      {
+        render: /* @__PURE__ */ o(
+          "input",
+          {
+            ref: n,
+            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($, { className: "contents", children: [
+          g,
+          l && /* @__PURE__ */ o(
+            "div",
+            {
+              className: b("p-2", d?.footer),
+              "data-slot": `${s}-footer`,
+              children: l
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}, A = ({
+  value: a,
+  defaultValue: u,
+  onValueChange: f,
+  placeholder: p = "Seleccionar fecha",
+  disabled: m,
+  disabledDate: i,
+  renderFooter: d,
+  className: g,
+  classNames: l,
+  required: s
+}) => {
+  const [v, c] = C(!1), [r, n] = S({
+    prop: a,
+    onChange: (e) => f?.(e ?? null),
+    defaultProp: u ?? null
+  }), t = {
+    mode: "single",
+    value: r ?? null,
+    clear: () => n(null),
+    selectToday: () => {
+      const e = /* @__PURE__ */ new Date();
+      i?.(e) || n(e);
+    },
+    setValue: (e) => n(e)
+  };
+  return /* @__PURE__ */ o(
+    x,
+    {
+      slot: "date-picker",
+      open: v,
+      onOpenChange: c,
+      displayText: F(r, p),
+      hasValue: !!r,
+      disabled: m,
+      className: g,
+      classNames: l,
+      footer: d?.(t),
+      formValue: T(r),
+      required: s,
+      children: /* @__PURE__ */ o(
+        k,
+        {
+          className: b("border-none", l?.calendar),
+          mode: "single",
+          selected: r ?? void 0,
+          onSelect: (e) => {
+            i && e && i(e) || (n(e ?? null), c(!1));
+          },
+          disabled: i
+        }
+      )
+    }
+  );
+}, P = { start: null, end: null }, B = ({
+  value: a,
+  defaultValue: u,
+  onValueChange: f,
+  placeholder: p = "Seleccionar rango",
+  disabled: m,
+  disabledDate: i,
+  renderFooter: d,
+  className: g,
+  classNames: l,
+  required: s
+}) => {
+  const [v, c] = C(!1), [r, n] = S({
+    prop: a,
+    onChange: (h) => f?.(h ?? P),
+    defaultProp: u ?? P
+  }), t = r ?? P, e = {
+    mode: "range",
+    value: t,
+    clear: () => n(P),
+    setValue: (h) => n(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(
+        k,
+        {
+          className: b("border-none", l?.calendar),
+          mode: "range",
+          selected: {
+            from: t.start ?? void 0,
+            to: t.end ?? void 0
+          },
+          onSelect: (h) => {
+            n({ start: h?.from ?? null, end: h?.to ?? null });
+          },
+          disabled: i
+        }
+      )
+    }
+  );
+}, G = ({
+  value: a,
+  defaultValue: u,
+  onValueChange: f,
+  placeholder: p = "Seleccionar fechas",
+  disabled: m,
+  disabledDate: i,
+  renderFooter: d,
+  className: g,
+  classNames: l,
+  required: s
+}) => {
+  const [v, c] = C(!1), [r, n] = S({
+    prop: a,
+    onChange: (e) => f?.(e ?? []),
+    defaultProp: u ?? []
+  }), t = {
+    mode: "multiple",
+    value: r ?? [],
+    clear: () => n([]),
+    setValue: (e) => n(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(
+        k,
+        {
+          className: b("border-none", l?.calendar),
+          mode: "multiple",
+          selected: r ?? [],
+          onSelect: (e) => {
+            n(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 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;

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

@@ -0,0 +1,81 @@
+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) => {
+  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) => {
+  if (!e) return;
+  Object.getOwnPropertyDescriptor(
+    HTMLInputElement.prototype,
+    "value"
+  )?.set?.call(e, n), e.dispatchEvent(new Event("input", { bubbles: !0 }));
+}, E = (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;
+}, O = (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 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 y = `${c}/${m}`, S = !b && m.length === 2 && !a;
+  return b ? `${y}/${b}` : S ? `${y}/` : y;
+};
+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
+};

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;

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

@@ -0,0 +1,11 @@
+import { useRef as r, useEffect as n } from "react";
+import { emitNativeInputChange as u } from "./date-picker.utils.es.js";
+function o(e) {
+  const t = r(null);
+  return n(() => {
+    u(t.current, e);
+  }, [e]), t;
+}
+export {
+  o as useHiddenFieldValue
+};

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;