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

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

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

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

@@ -1,73 +1,81 @@
-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;
+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 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 && !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, h] = a, n = Number(o), u = Number(f), l = h;
+  const [, o, f, d] = a, s = Number(o), u = Number(f), l = d;
   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))
+  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 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("/");
+  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), 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 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 n = e.replace(/\D/g, "").slice(0, 8);
-  if (!n)
+  const s = e.replace(/\D/g, "").slice(0, 8);
+  if (!s)
     return "";
-  if (n.length <= 2) {
-    let r = n;
-    if (n.length === 1 && (o || f) && !a) {
+  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 (n.length === 2 && !a) {
+    } 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 = n.slice(0, 2);
+  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"), s = n.slice(2, 4), d = n.slice(4);
+  const c = l.toString().padStart(2, "0"), i = s.slice(2, 4), b = s.slice(4);
   let m = "";
-  if (s.length === 0)
+  if (i.length === 0)
     m = "";
-  else if (s.length === 1 && d.length === 0) {
-    const r = f && !a && s.length === 1;
-    if (s === "0" || s === "1")
+  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(s);
+        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 = s;
+        m = i;
     else {
-      let t = Number(s);
+      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(s);
+    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 = !d && m.length === 2 && !a;
-  return d ? `${y}/${d}` : S ? `${y}/` : y;
+  const y = `${c}/${m}`, S = !b && m.length === 2 && !a;
+  return b ? `${y}/${b}` : 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
+  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-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/menu/menu.es.js

@@ -27,15 +27,7 @@ function l(o, c) {
     }
     case "radio-group": {
       const { type: u, value: e, onValueChange: r, items: n } = o;
-      return /* @__PURE__ */ t(
-        C,
-        {
-          value: e,
-          onValueChange: r,
-          children: n.map((p, a) => l(p, a))
-        },
-        c
-      );
+      return /* @__PURE__ */ t(C, { value: e, onValueChange: r, children: n.map((p, a) => l(p, a)) }, c);
     }
     case "label": {
       const { type: u, label: e, ...r } = o;

package/dist/components/otp/otp.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@base-ui/react/otp-field"),f=require("react"),g=require("../divider/divider.cjs.js"),s=require("../../lib/cn.cjs.js");function l({className:t,size:a="default",...r}){return e.jsx(i.OTPFieldPreview.Root,{className:s.cn("flex items-center gap-2 has-disabled:opacity-64 has-disabled:**:data-[slot=otp-input]:shadow-none has-disabled:**:data-[slot=otp-input]:before:shadow-none!",t),"data-size":a,"data-slot":"otp",...r})}function u({className:t,...a}){return e.jsx(i.OTPFieldPreview.Input,{className:s.cn("in-[[data-slot=otp][data-size=lg]]:size-10 size-9 min-w-0 rounded-lg border border-input bg-background text-center in-[[data-slot=otp][data-size=lg]]:text-lg text-base text-foreground in-[[data-slot=otp][data-size=lg]]:leading-10 leading-9 outline-none transition-shadow focus-visible:z-10 focus-visible:border-ring aria-invalid:border-error focus-visible:aria-invalid:border-error focus-visible:aria-invalid:ring-error/20 in-[[data-slot=field][data-invalid]]:border-error in-[[data-slot=field][data-invalid]]:focus-visible:border-error in-[[data-slot=field][data-invalid]]:focus-visible:ring-error/20 sm:in-[[data-slot=otp][data-size=lg]]:size-9 sm:size-8 sm:in-[[data-slot=otp][data-size=lg]]:text-base sm:text-sm sm:in-[[data-slot=otp][data-size=lg]]:leading-9 sm:leading-8",t),"data-slot":"otp-input",spellCheck:!1,...a})}function c({className:t,...a}){return e.jsx(i.OTPFieldPreview.Separator,{render:e.jsx(g.Divider,{className:s.cn("rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3",t),orientation:"horizontal",...a})})}function v({split:t,inputProps:a,size:r,length:o,"aria-invalid":d,...p}){const b={...d?{"aria-invalid":!0}:{},...a};return e.jsx(l,{size:r,length:o,"aria-invalid":d,...p,children:Array.from({length:o},(P,n)=>e.jsxs(f.Fragment,{children:[e.jsx(u,{"aria-label":`Character ${n+1} of ${o}`,...b}),t===n+1&&e.jsx(c,{})]},n))})}Object.defineProperty(exports,"OTPPrimitive",{enumerable:!0,get:()=>i.OTPFieldPreview});exports.OTP=v;exports.OTPInput=u;exports.OTPRoot=l;exports.OTPSeparator=c;

package/dist/components/otp/otp.es.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx as i, jsxs as u } from "react/jsx-runtime";
+import { OTPFieldPreview as n } from "@base-ui/react/otp-field";
+import { OTPFieldPreview as N } from "@base-ui/react/otp-field";
+import { Fragment as f } from "react";
+import { Divider as m } from "../divider/divider.es.js";
+import { cn as s } from "../../lib/cn.es.js";
+function b({
+  className: a,
+  size: t = "default",
+  ...o
+}) {
+  return /* @__PURE__ */ i(
+    n.Root,
+    {
+      className: s(
+        "flex items-center gap-2 has-disabled:opacity-64 has-disabled:**:data-[slot=otp-input]:shadow-none has-disabled:**:data-[slot=otp-input]:before:shadow-none!",
+        a
+      ),
+      "data-size": t,
+      "data-slot": "otp",
+      ...o
+    }
+  );
+}
+function c({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ i(
+    n.Input,
+    {
+      className: s(
+        "in-[[data-slot=otp][data-size=lg]]:size-10 size-9 min-w-0 rounded-lg border border-input bg-background text-center in-[[data-slot=otp][data-size=lg]]:text-lg text-base text-foreground in-[[data-slot=otp][data-size=lg]]:leading-10 leading-9 outline-none transition-shadow focus-visible:z-10 focus-visible:border-ring aria-invalid:border-error focus-visible:aria-invalid:border-error focus-visible:aria-invalid:ring-error/20 in-[[data-slot=field][data-invalid]]:border-error in-[[data-slot=field][data-invalid]]:focus-visible:border-error in-[[data-slot=field][data-invalid]]:focus-visible:ring-error/20 sm:in-[[data-slot=otp][data-size=lg]]:size-9 sm:size-8 sm:in-[[data-slot=otp][data-size=lg]]:text-base sm:text-sm sm:in-[[data-slot=otp][data-size=lg]]:leading-9 sm:leading-8",
+        a
+      ),
+      "data-slot": "otp-input",
+      spellCheck: !1,
+      ...t
+    }
+  );
+}
+function g({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ i(
+    n.Separator,
+    {
+      render: /* @__PURE__ */ i(
+        m,
+        {
+          className: s(
+            "rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3",
+            a
+          ),
+          orientation: "horizontal",
+          ...t
+        }
+      )
+    }
+  );
+}
+function O({
+  split: a,
+  inputProps: t,
+  size: o,
+  length: r,
+  "aria-invalid": d,
+  ...l
+}) {
+  const p = {
+    ...d ? { "aria-invalid": !0 } : {},
+    ...t
+  };
+  return /* @__PURE__ */ i(b, { size: o, length: r, "aria-invalid": d, ...l, children: Array.from({ length: r }, (v, e) => /* @__PURE__ */ u(f, { children: [
+    /* @__PURE__ */ i(
+      c,
+      {
+        "aria-label": `Character ${e + 1} of ${r}`,
+        ...p
+      }
+    ),
+    a === e + 1 && /* @__PURE__ */ i(g, {})
+  ] }, e)) });
+}
+export {
+  O as OTP,
+  c as OTPInput,
+  N as OTPPrimitive,
+  b as OTPRoot,
+  g as OTPSeparator
+};

package/dist/components/password/password.cjs.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("lucide-react"),m=require("@base-ui/react/input"),x=require("../../hooks/use-toggle/use-toggle.cjs.js"),o=require("../../lib/cn.cjs.js");function i({className:d,showIcon:l=e.jsx(n.Eye,{className:"h-4 w-4"}),hideIcon:c=e.jsx(n.EyeOff,{className:"h-4 w-4"}),onShow:u,onHide:g,toggleable:h=!0,onValueChange:s,classNames:t,...w}){const[r,b]=x.useToggle(!1),p=()=>{b(),r?g?.():u?.()},f=s?a=>s(a.target.value,a):void 0;return e.jsxs("div",{className:o.cn("relative inline-flex h-8 w-full items-center text-sm","rounded-md border border-input bg-background transition-shadow","focus-within:border-ring","aria-invalid:border-error focus-within:aria-invalid:ring-error/20","has-aria-invalid:border-error focus-within:has-aria-invalid:ring-error/20","has-disabled:cursor-not-allowed has-disabled:opacity-50","[&::-ms-clear]:hidden [&::-ms-reveal]:hidden",d),"data-slot":"password",children:[e.jsx(m.Input,{...w,onChange:f,type:r?"text":"password",className:o.cn("min-w-0 flex-1 bg-transparent pl-3 outline-none","placeholder:text-muted-foreground","disabled:cursor-not-allowed",t?.input)}),e.jsx("button",{"data-slot":"password-toggle",type:"button",onClick:p,disabled:!h,className:o.cn("flex shrink-0 items-center px-2 text-muted-foreground transition-colors","hover:text-foreground","disabled:cursor-not-allowed disabled:opacity-50",t?.toggle),children:r?c:l})]})}exports.Password=i;exports.PasswordRoot=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("lucide-react"),m=require("@base-ui/react/input"),x=require("../../hooks/use-boolean/use-boolean.cjs.js"),o=require("../../lib/cn.cjs.js");function i({className:d,showIcon:l=e.jsx(n.Eye,{className:"h-4 w-4"}),hideIcon:c=e.jsx(n.EyeOff,{className:"h-4 w-4"}),onShow:u,onHide:g,toggleable:h=!0,onValueChange:s,classNames:t,...w}){const[r,{toggle:b}]=x.useBoolean(!1),p=()=>{b(),r?g?.():u?.()},f=s?a=>s(a.target.value,a):void 0;return e.jsxs("div",{className:o.cn("relative inline-flex h-8 w-full items-center text-sm","rounded-md border border-input bg-background transition-shadow","focus-within:border-ring","aria-invalid:border-error focus-within:aria-invalid:ring-error/20","has-aria-invalid:border-error focus-within:has-aria-invalid:ring-error/20","has-disabled:cursor-not-allowed has-disabled:opacity-50","[&::-ms-clear]:hidden [&::-ms-reveal]:hidden",d),"data-slot":"password",children:[e.jsx(m.Input,{...w,onChange:f,type:r?"text":"password",className:o.cn("min-w-0 flex-1 bg-transparent pl-3 outline-none","placeholder:text-muted-foreground","disabled:cursor-not-allowed",t?.input)}),e.jsx("button",{"data-slot":"password-toggle",type:"button",onClick:p,disabled:!h,className:o.cn("flex shrink-0 items-center px-2 text-muted-foreground transition-colors","hover:text-foreground","disabled:cursor-not-allowed disabled:opacity-50",t?.toggle),children:r?c:l})]})}exports.Password=i;exports.PasswordRoot=i;