@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.79

package/dist/components/TimePicker/components/Wrapper/Wrapper.js

@@ -1,151 +1,142 @@
-import { jsxs as $, jsx as k } from "react/jsx-runtime";
-import { c as he } from "../../../../compiler-runtime-DA41awpA.js";
-import { useId as xe, useState as te, useRef as re, useEffect as de } from "react";
-import { Typography as ae } from "../../../Typography/Typography.js";
-import { cn as le } from "../../../../utils/index.js";
-import { timePickerVariants as be } from "../../TimePicker.variants.js";
-import { parseTimeString as ce } from "../../utils/index.js";
-import { WrapperList as ve } from "../WrapperList/WrapperList.js";
-import { C as ye } from "../../../../chevron-down-BBFYYzZq.js";
-import { useTimePickerContext as we } from "../../contexts/time-picker.hook.js";
-const Re = (N) => {
-  const e = he.c(58), {
-    name: me,
-    label: E,
-    isRequired: j,
-    scrollBehavior: H,
-    className: q,
-    listClassName: K,
-    listItemClassName: U,
-    listItemButtonClassName: z,
-    disabled: r,
-    mode: se,
-    showList: ne,
-    error: pe,
-    placeholder: G
-  } = N, T = se === void 0 ? "select" : se, p = ne === void 0 ? !0 : ne, ue = xe(), [i, u] = te(!1), M = re(!1), J = re(null), oe = re(null), {
-    format: d,
-    formattedTime: a,
-    setTimeDirectly: f,
-    setIsTyping: o
-  } = we(), l = me ?? `time-${ue}`, [m, S] = te(a), [fe, g] = te(), h = pe || fe;
-  let _, L;
-  e[0] !== a ? (_ = () => {
-    M.current || (S(a), g(void 0));
-  }, L = [a], e[0] = a, e[1] = _, e[2] = L) : (_ = e[1], L = e[2]), de(_, L);
-  let P;
-  e[3] !== r ? (P = () => {
-    r || u(ke);
-  }, e[3] = r, e[4] = P) : P = e[4];
-  const Q = P;
-  let R;
-  e[5] !== r || e[6] !== p ? (R = () => {
-    !r && p && u(!0), g(void 0);
-  }, e[5] = r, e[6] = p, e[7] = R) : R = e[7];
-  const X = R;
-  let A;
-  e[8] !== o ? (A = (s) => {
-    s.target !== oe.current && (M.current = !1, o(!1));
-  }, e[8] = o, e[9] = A) : A = e[9];
-  const ge = A;
-  let D;
-  e[10] !== d || e[11] !== o || e[12] !== f ? (D = (s) => {
-    if (J.current?.contains(s.relatedTarget))
-      return;
-    M.current = !1, o(!1), u(!1);
-    const c = s.currentTarget.value.trim();
-    if (c === "") {
-      g(void 0);
+import { t as I } from "../../../../utils-DHuiYnx1.js";
+import { t as X } from "../../../../chevron-down-DgssmYWu.js";
+import { Typography as N } from "../../../Typography/Typography.js";
+import { parseTimeString as S } from "../../utils/index.js";
+import { useTimePickerContext as Y } from "../../contexts/time-picker.hook.js";
+import { timePickerVariants as Z } from "../../TimePicker.variants.js";
+import { WrapperList as _ } from "../WrapperList/WrapperList.js";
+import { useCallback as u, useEffect as A, useId as ee, useRef as T, useState as $ } from "react";
+import { jsx as d, jsxs as m } from "react/jsx-runtime";
+var ce = ({ name: D, label: M, isRequired: O, scrollBehavior: R, className: V, listClassName: F, listItemClassName: W, listItemButtonClassName: j, disabled: n, mode: E = "select", showList: y = !0, error: B, placeholder: L }) => {
+  const H = ee(), [f, o] = $(!1), g = T(!1), w = T(null), P = T(null), { format: l, formattedTime: c, setTimeDirectly: h, setIsTyping: s } = Y(), x = D ?? `time-${H}`, [v, b] = $(c), [K, i] = $(), k = B || K;
+  A(() => {
+    g.current || (b(c), i(void 0));
+  }, [c]);
+  const U = u(() => {
+    n || o((t) => !t);
+  }, [n]), q = u(() => {
+    !n && y && o(!0), i(void 0);
+  }, [n, y]), z = u((t) => {
+    t.target !== P.current && (g.current = !1, s(!1));
+  }, [s]), G = u((t) => {
+    if (w.current?.contains(t.relatedTarget)) return;
+    g.current = !1, s(!1), o(!1);
+    const a = t.currentTarget.value.trim();
+    if (a === "") {
+      i(void 0);
       return;
     }
-    const t = ce(c, d);
-    if (t) {
-      g(void 0), f(t);
-      const n = t.getHours(), C = t.getMinutes().toString().padStart(2, "0");
-      if (d === "24")
-        S(`${n.toString().padStart(2, "0")}:${C}`);
-      else {
-        const I = n % 12 || 12, ie = n >= 12 ? "PM" : "AM";
-        S(`${I}:${C} ${ie}`);
-      }
-    } else
-      g("Invalid time");
-  }, e[10] = d, e[11] = o, e[12] = f, e[13] = D) : D = e[13];
-  const Y = D;
-  let B;
-  e[14] !== d || e[15] !== m || e[16] !== o || e[17] !== f ? (B = (s) => {
-    const c = s.target.value;
-    let t;
-    M.current = !0, o(!0);
-    const n = c.length < m.length;
-    if (d === "12") {
-      const I = c.replace(/[^0-9:apmAPM\s]/g, "").replace(/[apm]/gi, Ne);
-      I.match(/^(\d{0,2}):?(\d{0,2})\s?(A|AM|P|PM)?$/i) || I === "" ? (t = I.slice(0, 8), !n && /^\d{2}$/.test(t) && (t = t + ":")) : t = m;
+    const e = S(a, l);
+    if (e) {
+      i(void 0), h(e);
+      const r = e.getHours(), p = e.getMinutes().toString().padStart(2, "0");
+      b(l === "24" ? `${r.toString().padStart(2, "0")}:${p}` : `${r % 12 || 12}:${p} ${r >= 12 ? "PM" : "AM"}`);
+    } else i("Invalid time");
+  }, [
+    l,
+    h,
+    s
+  ]), J = u((t) => {
+    const a = t.target.value;
+    let e = "";
+    g.current = !0, s(!0);
+    const r = a.length < v.length;
+    if (l === "12") {
+      const C = a.replace(/[^0-9:apmAPM\s]/g, "").replace(/[apm]/gi, (Q) => Q.toUpperCase());
+      C.match(/^(\d{0,2}):?(\d{0,2})\s?(A|AM|P|PM)?$/i) || C === "" ? (e = C.slice(0, 8), !r && /^\d{2}$/.test(e) && (e = e + ":")) : e = v;
     } else
-      t = c.replace(/[^0-9:]/g, "").replace(/:+/g, ":").slice(0, 5), !n && /^\d{2}$/.test(t) && (t = t + ":");
-    S(t), g(void 0);
-    const C = ce(t, d);
-    C && f(C);
-  }, e[14] = d, e[15] = m, e[16] = o, e[17] = f, e[18] = B) : B = e[18];
-  const Z = B;
-  let O, V;
-  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = () => {
-    const s = new AbortController(), c = (n) => {
-      n.key === "Escape" && u(!1);
-    }, t = (n) => {
-      J.current?.contains(n.target) || u(!1);
+      e = a.replace(/[^0-9:]/g, "").replace(/:+/g, ":").slice(0, 5), !r && /^\d{2}$/.test(e) && (e = e + ":");
+    b(e), i(void 0);
+    const p = S(e, l);
+    p && h(p);
+  }, [
+    l,
+    v,
+    h,
+    s
+  ]);
+  return A(() => {
+    const t = new AbortController(), a = (r) => {
+      r.key === "Escape" && o(!1);
+    }, e = (r) => {
+      w.current?.contains(r.target) || o(!1);
     };
-    return document.addEventListener("mousedown", t, {
-      signal: s.signal
-    }), document.addEventListener("keydown", c, {
-      signal: s.signal
-    }), () => {
-      s.abort();
+    return document.addEventListener("mousedown", e, { signal: t.signal }), document.addEventListener("keydown", a, { signal: t.signal }), () => {
+      t.abort();
     };
-  }, V = [], e[19] = O, e[20] = V) : (O = e[19], V = e[20]), de(O, V);
-  const ee = T === "input" ? ge : void 0;
-  let F;
-  e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F = le("w-full", "text-slate-800", "text-sm", "flex", "flex-col", "gap-2"), e[21] = F) : F = e[21];
-  let x;
-  e[22] !== j || e[23] !== E || e[24] !== l ? (x = E ? /* @__PURE__ */ $(ae, { component: "label", variant: "labelLarge", htmlFor: l, className: "font-medium", children: [
-    E,
-    " ",
-    j && /* @__PURE__ */ k(ae, { component: "span", className: "text-red-600 dark:text-red-500 text-sm font-normal", children: "*" })
-  ] }) : null, e[22] = j, e[23] = E, e[24] = l, e[25] = x) : x = e[25];
-  let b;
-  e[26] !== q || e[27] !== r || e[28] !== h || e[29] !== a || e[30] !== Y || e[31] !== Z || e[32] !== X || e[33] !== Q || e[34] !== m || e[35] !== i || e[36] !== l || e[37] !== T || e[38] !== G ? (b = T === "select" ? /* @__PURE__ */ $("button", { "aria-label": l, "aria-haspopup": "listbox", "aria-expanded": "true", "aria-controls": "time-options", className: le(be({
-    className: q
-  }), r && "opacity-50 cursor-not-allowed"), "data-open": i, onClick: Q, disabled: r, children: [
-    a,
-    /* @__PURE__ */ k(ye, { className: "w-4 h-4 transition-all text-gray-400 data-[open=true]:rotate-180", "data-open": i })
-  ] }) : /* @__PURE__ */ $("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ k("input", { ref: oe, type: "text", "aria-label": l, value: m, onChange: Z, onFocus: X, onBlur: Y, disabled: r, "data-error": !!h, "data-open": i, placeholder: G, className: le("w-full", "h-10", "px-2.5", "text-sm", "rounded", "border", "border-gray-300", "bg-white", "text-slate-800", "transition-all", "placeholder:text-slate-400", "focus-visible:outline-none", "data-[open=true]:ring-1", "data-[open=true]:ring-aurora-500", "dark:bg-metal-800", "dark:border-metal-700", "dark:text-white", "dark:placeholder:text-metal-300", "dark:data-[open=true]:ring-aurora-500", "disabled:cursor-not-allowed", "disabled:bg-gray-50", "disabled:text-slate-500", "dark:disabled:bg-metal-900", "dark:disabled:text-metal-400", {
-      "border-red-600 data-[open=true]:border-red-600 data-[open=true]:ring-transparent dark:border-red-500": h
-    }) }),
-    h && /* @__PURE__ */ k(ae, { component: "span", className: "text-red-600 dark:text-red-500 text-xs", children: h })
-  ] }), e[26] = q, e[27] = r, e[28] = h, e[29] = a, e[30] = Y, e[31] = Z, e[32] = X, e[33] = Q, e[34] = m, e[35] = i, e[36] = l, e[37] = T, e[38] = G, e[39] = b) : b = e[39];
-  let v;
-  e[40] !== i || e[41] !== K || e[42] !== z || e[43] !== U || e[44] !== H || e[45] !== p ? (v = p && /* @__PURE__ */ k(ve, { isOpen: i, scrollBehavior: H, listClassName: K, listItemClassName: U, listItemButtonClassName: z, onClose: () => u(!1) }), e[40] = i, e[41] = K, e[42] = z, e[43] = U, e[44] = H, e[45] = p, e[46] = v) : v = e[46];
-  let y;
-  e[47] !== b || e[48] !== v ? (y = /* @__PURE__ */ $("div", { className: "relative", children: [
-    b,
-    v
-  ] }), e[47] = b, e[48] = v, e[49] = y) : y = e[49];
-  let w;
-  e[50] !== a || e[51] !== l ? (w = /* @__PURE__ */ k("input", { type: "hidden", name: l, value: a, className: "hidden" }), e[50] = a, e[51] = l, e[52] = w) : w = e[52];
-  let W;
-  return e[53] !== ee || e[54] !== x || e[55] !== y || e[56] !== w ? (W = /* @__PURE__ */ $("div", { ref: J, onMouseDown: ee, className: F, children: [
-    x,
-    y,
-    w
-  ] }), e[53] = ee, e[54] = x, e[55] = y, e[56] = w, e[57] = W) : W = e[57], W;
+  }, []), /* @__PURE__ */ m("div", {
+    ref: w,
+    onMouseDown: E === "input" ? z : void 0,
+    className: I("w-full", "text-slate-800", "text-sm", "flex", "flex-col", "gap-2"),
+    children: [
+      M ? /* @__PURE__ */ m(N, {
+        component: "label",
+        variant: "labelLarge",
+        htmlFor: x,
+        className: "font-medium",
+        children: [
+          M,
+          " ",
+          O && /* @__PURE__ */ d(N, {
+            component: "span",
+            className: "text-red-600 dark:text-red-500 text-sm font-normal",
+            children: "*"
+          })
+        ]
+      }) : null,
+      /* @__PURE__ */ m("div", {
+        className: "relative",
+        children: [E === "select" ? /* @__PURE__ */ m("button", {
+          "aria-label": x,
+          "aria-haspopup": "listbox",
+          "aria-expanded": "true",
+          "aria-controls": "time-options",
+          className: I(Z({ className: V }), n && "opacity-50 cursor-not-allowed"),
+          "data-open": f,
+          onClick: U,
+          disabled: n,
+          children: [c, /* @__PURE__ */ d(X, {
+            className: "w-4 h-4 transition-all text-gray-400 data-[open=true]:rotate-180",
+            "data-open": f
+          })]
+        }) : /* @__PURE__ */ m("div", {
+          className: "flex flex-col gap-1",
+          children: [/* @__PURE__ */ d("input", {
+            ref: P,
+            type: "text",
+            "aria-label": x,
+            value: v,
+            onChange: J,
+            onFocus: q,
+            onBlur: G,
+            disabled: n,
+            "data-error": !!k,
+            "data-open": f,
+            placeholder: L,
+            className: I("w-full", "h-10", "px-2.5", "text-sm", "rounded", "border", "border-gray-300", "bg-white", "text-slate-800", "transition-all", "placeholder:text-slate-400", "focus-visible:outline-none", "data-[open=true]:ring-1", "data-[open=true]:ring-aurora-500", "dark:bg-metal-800", "dark:border-metal-700", "dark:text-white", "dark:placeholder:text-metal-300", "dark:data-[open=true]:ring-aurora-500", "disabled:cursor-not-allowed", "disabled:bg-gray-50", "disabled:text-slate-500", "dark:disabled:bg-metal-900", "dark:disabled:text-metal-400", { "border-red-600 data-[open=true]:border-red-600 data-[open=true]:ring-transparent dark:border-red-500": k })
+          }), k && /* @__PURE__ */ d(N, {
+            component: "span",
+            className: "text-red-600 dark:text-red-500 text-xs",
+            children: k
+          })]
+        }), y && /* @__PURE__ */ d(_, {
+          isOpen: f,
+          scrollBehavior: R,
+          listClassName: F,
+          listItemClassName: W,
+          listItemButtonClassName: j,
+          onClose: () => o(!1)
+        })]
+      }),
+      /* @__PURE__ */ d("input", {
+        type: "hidden",
+        name: x,
+        value: c,
+        className: "hidden"
+      })
+    ]
+  });
 };
-function ke(N) {
-  return !N;
-}
-function Ne(N) {
-  return N.toUpperCase();
-}
 export {
-  Re as Wrapper
+  ce as Wrapper
 };

package/dist/components/TimePicker/components/WrapperList/WrapperList.js

@@ -1,47 +1,41 @@
-import { jsx as b, jsxs as L } from "react/jsx-runtime";
-import { c as M } from "../../../../compiler-runtime-DA41awpA.js";
-import { cn as N } from "../../../../utils/index.js";
-import { getHours as v, getMinutes as w } from "../../utils/index.js";
-import { HoursList as H } from "../HoursList/HoursList.js";
-import { MeridianList as j } from "../MeridianList/MeridianList.js";
-import { MinutesList as z } from "../MinutesList/MinutesList.js";
-import { useTimePickerContext as B } from "../../contexts/time-picker.hook.js";
-const T = (g) => {
-  const e = M.c(27), {
-    isOpen: C,
-    scrollBehavior: r,
-    listClassName: t,
-    listItemClassName: o,
-    listItemButtonClassName: s,
-    onClose: a
-  } = g, {
-    time: i,
-    format: k
-  } = B();
-  let c;
-  e[0] !== i ? (c = v(i), e[0] = i, e[1] = c) : c = e[1];
-  const d = c;
-  let f;
-  e[2] !== i ? (f = w(i), e[2] = i, e[3] = f) : f = e[3];
-  const x = f;
-  if (!C)
-    return null;
-  let p;
-  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = N("flex", "gap-1.5", "p-2", "rounded-md", "shadow", "w-max", "max-h-54", "absolute", "bg-white", "z-20", "animate-in", "fade-in-0", "zoom-in-95", "dark:bg-metal-800", "dark:border", "dark:border-metal-700", "mt-1"), e[4] = p) : p = e[4];
-  let m;
-  e[5] !== t || e[6] !== s || e[7] !== o || e[8] !== r || e[9] !== d ? (m = /* @__PURE__ */ b(H, { hours: d, scrollBehavior: r, listClassName: t, listItemClassName: o, listItemButtonClassName: s }), e[5] = t, e[6] = s, e[7] = o, e[8] = r, e[9] = d, e[10] = m) : m = e[10];
-  const h = k === "24" ? a : void 0;
-  let l;
-  e[11] !== t || e[12] !== s || e[13] !== o || e[14] !== r || e[15] !== x || e[16] !== h ? (l = /* @__PURE__ */ b(z, { minutes: x, scrollBehavior: r, listClassName: t, listItemClassName: o, listItemButtonClassName: s, onClose: h }), e[11] = t, e[12] = s, e[13] = o, e[14] = r, e[15] = x, e[16] = h, e[17] = l) : l = e[17];
-  let n;
-  e[18] !== t || e[19] !== s || e[20] !== o || e[21] !== a ? (n = /* @__PURE__ */ b(j, { listClassName: t, listItemClassName: o, listItemButtonClassName: s, onClose: a }), e[18] = t, e[19] = s, e[20] = o, e[21] = a, e[22] = n) : n = e[22];
-  let u;
-  return e[23] !== m || e[24] !== l || e[25] !== n ? (u = /* @__PURE__ */ L("div", { role: "group", className: p, children: [
-    m,
-    l,
-    n
-  ] }), e[23] = m, e[24] = l, e[25] = n, e[26] = u) : u = e[26], u;
+import { t as s } from "../../../../utils-DHuiYnx1.js";
+import { getHours as a, getMinutes as x } from "../../utils/index.js";
+import { useTimePickerContext as g } from "../../contexts/time-picker.hook.js";
+import { HoursList as b } from "../HoursList/HoursList.js";
+import { MeridianList as M } from "../MeridianList/MeridianList.js";
+import { MinutesList as h } from "../MinutesList/MinutesList.js";
+import { useMemo as d } from "react";
+import { jsx as t, jsxs as k } from "react/jsx-runtime";
+var W = ({ isOpen: p, scrollBehavior: m, listClassName: o, listItemClassName: e, listItemButtonClassName: i, onClose: n }) => {
+  const { time: r, format: u } = g(), f = d(() => a(r), [r]), c = d(() => x(r), [r]);
+  return p ? /* @__PURE__ */ k("div", {
+    role: "group",
+    className: s("flex", "gap-1.5", "p-2", "rounded-md", "shadow", "w-max", "max-h-54", "absolute", "bg-white", "z-20", "animate-in", "fade-in-0", "zoom-in-95", "dark:bg-metal-800", "dark:border", "dark:border-metal-700", "mt-1"),
+    children: [
+      /* @__PURE__ */ t(b, {
+        hours: f,
+        scrollBehavior: m,
+        listClassName: o,
+        listItemClassName: e,
+        listItemButtonClassName: i
+      }),
+      /* @__PURE__ */ t(h, {
+        minutes: c,
+        scrollBehavior: m,
+        listClassName: o,
+        listItemClassName: e,
+        listItemButtonClassName: i,
+        onClose: u === "24" ? n : void 0
+      }),
+      /* @__PURE__ */ t(M, {
+        listClassName: o,
+        listItemClassName: e,
+        listItemButtonClassName: i,
+        onClose: n
+      })
+    ]
+  }) : null;
 };
 export {
-  T as WrapperList
+  W as WrapperList
 };

package/dist/components/TimePicker/components/index.js

@@ -1,4 +1,4 @@
-import { WrapperList as e } from "./WrapperList/WrapperList.js";
+import { WrapperList as p } from "./WrapperList/WrapperList.js";
 export {
-  e as WrapperList
+  p as WrapperList
 };

package/dist/components/TimePicker/contexts/index.js

@@ -1,8 +1,8 @@
-import { TimePickerContext as o } from "./time-picker.context.js";
-import { TimePickerProvider as t } from "./time-picker.provider.js";
-import { useTimePickerContext as x } from "./time-picker.hook.js";
+import { TimePickerContext as e } from "./time-picker.context.js";
+import { TimePickerProvider as o } from "./time-picker.provider.js";
+import { useTimePickerContext as t } from "./time-picker.hook.js";
 export {
-  o as TimePickerContext,
-  t as TimePickerProvider,
-  x as useTimePickerContext
+  e as TimePickerContext,
+  o as TimePickerProvider,
+  t as useTimePickerContext
 };

package/dist/components/TimePicker/contexts/time-picker.context.js

@@ -1,5 +1,5 @@
 import { createContext as e } from "react";
-const o = e({
+var o = e({
   time: void 0,
   format: "12",
   formattedTime: "",

package/dist/components/TimePicker/contexts/time-picker.hook.js

@@ -1,11 +1,10 @@
-import { useContext as t } from "react";
 import { TimePickerContext as r } from "./time-picker.context.js";
-const n = () => {
+import { useContext as t } from "react";
+var m = () => {
   const e = t(r);
-  if (!e)
-    throw new Error("useTimePickerContext must be used within a TimePickerProvider");
+  if (!e) throw new Error("useTimePickerContext must be used within a TimePickerProvider");
   return e;
 };
 export {
-  n as useTimePickerContext
+  m as useTimePickerContext
 };

package/dist/components/TimePicker/contexts/time-picker.provider.js

@@ -1,79 +1,59 @@
-import { jsx as b } from "react/jsx-runtime";
-import { c as q } from "../../../compiler-runtime-DA41awpA.js";
-import { useState as C, useEffect as j } from "react";
-import { getFormattedTime as z } from "../utils/index.js";
-import { TimePickerContext as B } from "./time-picker.context.js";
-const O = (I) => {
-  const e = q.c(45), {
-    children: _,
-    time: r,
-    format: m,
-    onChange: h
-  } = I, [l, R] = C(m);
-  let a;
-  e[0] !== r ? (a = () => r, e[0] = r, e[1] = a) : a = e[1];
-  const [t, E] = C(a), [x, $] = C(!1), i = t ? t.getHours() < 12 : !0;
-  let u;
-  e[2] !== h ? (u = (s) => {
-    E(s), h?.(s);
-  }, e[2] = h, e[3] = u) : u = e[3];
-  const o = u;
-  let H;
-  e[4] !== l || e[5] !== i || e[6] !== t || e[7] !== o ? (H = (s) => {
-    const n = t ? new Date(t) : /* @__PURE__ */ new Date();
-    l === "12" ? s === 12 ? n.setHours(i ? 0 : 12) : n.setHours(i ? s : s + 12) : n.setHours(s), t || n.setMinutes(0, 0, 0), o(n);
-  }, e[4] = l, e[5] = i, e[6] = t, e[7] = o, e[8] = H) : H = e[8];
-  const y = H;
-  let T;
-  e[9] !== t || e[10] !== o ? (T = (s) => {
-    const n = t ? new Date(t) : /* @__PURE__ */ new Date();
-    t || n.setHours(0, 0, 0, 0), n.setMinutes(s), o(n);
-  }, e[9] = t, e[10] = o, e[11] = T) : T = e[11];
-  const v = T;
-  let d;
-  e[12] !== i || e[13] !== t || e[14] !== o ? (d = () => {
-    const s = t ? new Date(t) : /* @__PURE__ */ new Date(), n = s.getHours();
-    t ? i || s.setHours(n - 12) : s.setHours(0, 0, 0, 0), o(s);
-  }, e[12] = i, e[13] = t, e[14] = o, e[15] = d) : d = e[15];
-  const A = d;
-  let p;
-  e[16] !== i || e[17] !== t || e[18] !== o ? (p = () => {
-    const s = t ? new Date(t) : /* @__PURE__ */ new Date(), n = s.getHours();
-    t ? i && s.setHours(n + 12) : s.setHours(12, 0, 0, 0), o(s);
-  }, e[16] = i, e[17] = t, e[18] = o, e[19] = p) : p = e[19];
-  const F = p;
-  let w;
-  e[20] !== o ? (w = (s) => {
-    o(s);
-  }, e[20] = o, e[21] = w) : w = e[21];
-  const k = w;
-  let D, S;
-  e[22] !== r ? (D = () => {
-    E(r);
-  }, S = [r], e[22] = r, e[23] = D, e[24] = S) : (D = e[23], S = e[24]), j(D, S);
-  let M, g;
-  e[25] !== m ? (M = () => {
-    R(m);
-  }, g = [m], e[25] = m, e[26] = M, e[27] = g) : (M = e[26], g = e[27]), j(M, g);
-  let c;
-  e[28] !== l || e[29] !== t ? (c = t ? z(t, l) : "", e[28] = l, e[29] = t, e[30] = c) : c = e[30];
-  let f;
-  e[31] !== l || e[32] !== A || e[33] !== y || e[34] !== v || e[35] !== F || e[36] !== k || e[37] !== i || e[38] !== x || e[39] !== c || e[40] !== t ? (f = {
-    time: t,
-    format: l,
-    formattedTime: c,
-    isAM: i,
-    isTyping: x,
-    onSelectHour: y,
-    onSelectMinute: v,
-    onSelectAM: A,
-    onSelectPM: F,
-    setTimeDirectly: k,
-    setIsTyping: $
-  }, e[31] = l, e[32] = A, e[33] = y, e[34] = v, e[35] = F, e[36] = k, e[37] = i, e[38] = x, e[39] = c, e[40] = t, e[41] = f) : f = e[41];
-  let P;
-  return e[42] !== _ || e[43] !== f ? (P = /* @__PURE__ */ b(B.Provider, { value: f, children: _ }), e[42] = _, e[43] = f, e[44] = P) : P = e[44], P;
+import { getFormattedTime as g } from "../utils/index.js";
+import { TimePickerContext as v } from "./time-picker.context.js";
+import { useCallback as r, useEffect as H, useMemo as y, useState as u } from "react";
+import { jsx as k } from "react/jsx-runtime";
+var j = ({ children: f, time: c, format: m, onChange: l }) => {
+  const [i, w] = u(m), [e, a] = u(() => c), [T, D] = u(!1), n = y(() => e ? e.getHours() < 12 : !0, [e]), o = r((t) => {
+    a(t), l?.(t);
+  }, [l]), M = r((t) => {
+    const s = e ? new Date(e) : /* @__PURE__ */ new Date();
+    i === "12" ? t === 12 ? s.setHours(n ? 0 : 12) : s.setHours(n ? t : t + 12) : s.setHours(t), e || s.setMinutes(0, 0, 0), o(s);
+  }, [
+    i,
+    n,
+    e,
+    o
+  ]), S = r((t) => {
+    const s = e ? new Date(e) : /* @__PURE__ */ new Date();
+    e || s.setHours(0, 0, 0, 0), s.setMinutes(t), o(s);
+  }, [e, o]), p = r(() => {
+    const t = e ? new Date(e) : /* @__PURE__ */ new Date(), s = t.getHours();
+    e ? n || t.setHours(s - 12) : t.setHours(0, 0, 0, 0), o(t);
+  }, [
+    n,
+    e,
+    o
+  ]), d = r(() => {
+    const t = e ? new Date(e) : /* @__PURE__ */ new Date(), s = t.getHours();
+    e ? n && t.setHours(s + 12) : t.setHours(12, 0, 0, 0), o(t);
+  }, [
+    n,
+    e,
+    o
+  ]), P = r((t) => {
+    o(t);
+  }, [o]);
+  return H(() => {
+    a(c);
+  }, [c]), H(() => {
+    w(m);
+  }, [m]), /* @__PURE__ */ k(v.Provider, {
+    value: {
+      time: e,
+      format: i,
+      formattedTime: e ? g(e, i) : "",
+      isAM: n,
+      isTyping: T,
+      onSelectHour: M,
+      onSelectMinute: S,
+      onSelectAM: p,
+      onSelectPM: d,
+      setTimeDirectly: P,
+      setIsTyping: D
+    },
+    children: f
+  });
 };
 export {
-  O as TimePickerProvider
+  j as TimePickerProvider
 };

package/dist/components/TimePicker/utils/index.js

@@ -1,31 +1,29 @@
-const i = (t, o) => o === "12" ? `${t.getHours() % 12 || 12}:${t.getMinutes().toString().padStart(2, "0")} ${t.getHours() >= 12 ? "PM" : "AM"}` : `${t.getHours().toString().padStart(2, "0")}:${t.getMinutes().toString().padStart(2, "0")}`, c = (t) => t?.getHours() ?? -1, g = (t) => t?.getMinutes() ?? -1, p = (t, o) => {
+var i = (t, a) => a === "12" ? `${t.getHours() % 12 || 12}:${t.getMinutes().toString().padStart(2, "0")} ${t.getHours() >= 12 ? "PM" : "AM"}` : `${t.getHours().toString().padStart(2, "0")}:${t.getMinutes().toString().padStart(2, "0")}`, g = (t) => t?.getHours() ?? -1, c = (t) => t?.getMinutes() ?? -1, p = (t, a) => {
   const u = t.trim().toUpperCase();
-  if (o === "12") {
-    const r = u.match(/^(\d{1,2}):(\d{1,2})\s*(AM|PM)?$/i);
-    if (r) {
-      let e = parseInt(r[1], 10);
-      const n = parseInt(r[2], 10), s = r[3]?.toUpperCase();
-      if (e < 1 || e > 12 || n < 0 || n > 59)
-        return null;
-      s === "PM" && e !== 12 ? e += 12 : s === "AM" && e === 12 && (e = 0);
-      const a = /* @__PURE__ */ new Date();
-      return a.setHours(e, n, 0, 0), a;
+  if (a === "12") {
+    const e = u.match(/^(\d{1,2}):(\d{1,2})\s*(AM|PM)?$/i);
+    if (e) {
+      let r = parseInt(e[1], 10);
+      const n = parseInt(e[2], 10), s = e[3]?.toUpperCase();
+      if (r < 1 || r > 12 || n < 0 || n > 59) return null;
+      s === "PM" && r !== 12 ? r += 12 : s === "AM" && r === 12 && (r = 0);
+      const o = /* @__PURE__ */ new Date();
+      return o.setHours(r, n, 0, 0), o;
     }
   } else {
-    const r = u.match(/^(\d{1,2}):(\d{1,2})$/);
-    if (r) {
-      const e = parseInt(r[1], 10), n = parseInt(r[2], 10);
-      if (e < 0 || e > 23 || n < 0 || n > 59)
-        return null;
+    const e = u.match(/^(\d{1,2}):(\d{1,2})$/);
+    if (e) {
+      const r = parseInt(e[1], 10), n = parseInt(e[2], 10);
+      if (r < 0 || r > 23 || n < 0 || n > 59) return null;
       const s = /* @__PURE__ */ new Date();
-      return s.setHours(e, n, 0, 0), s;
+      return s.setHours(r, n, 0, 0), s;
     }
   }
   return null;
 };
 export {
   i as getFormattedTime,
-  c as getHours,
-  g as getMinutes,
+  g as getHours,
+  c as getMinutes,
   p as parseTimeString
 };