@yuno-payments/dashboard-design-system 0.0.136 → 0.0.138-beta.1

package/dist/components/atoms/multi-values-field/multi-values-field.js

@@ -1,15 +1,15 @@
-import { j as n } from "../../../_virtual/jsx-runtime.js";
+import { j as o } from "../../../_virtual/jsx-runtime.js";
 import { forwardRef as q, useId as z, useState as g } from "react";
 import { cn as b } from "../../../lib/utils.js";
 import { Field as G, FieldLabel as H, FieldDescription as J, FieldError as K } from "../../../vendor/shadcn/field.js";
 import { Badge as O } from "../badge/badge.js";
 const Q = q(
   ({
-    value: t = [],
+    value: n = [],
     onChange: d,
-    label: w,
+    label: y,
     description: c,
-    error: y,
+    error: w,
     placeholder: j = "Type and press Enter...",
     disabled: u = !1,
     id: v,
@@ -23,14 +23,14 @@ const Q = q(
     orientation: N = "vertical",
     className: $
   }, C) => {
-    const T = z(), o = v || T, m = !!y, [h, E] = g(""), [R, F] = g(!1), [x, i] = g(""), s = (e) => {
+    const T = z(), t = v || T, m = !!w, [x, E] = g(""), [R, F] = g(!1), [h, i] = g(""), s = (e) => {
       const r = e.trim();
       if (r !== "") {
-        if (f && t.length >= f) {
+        if (f && n.length >= f) {
           i(`Maximum ${f} items allowed`);
           return;
         }
-        if (!D && t.includes(r)) {
+        if (!D && n.includes(r)) {
           i("Duplicate values are not allowed");
           return;
         }
@@ -43,46 +43,46 @@ const Q = q(
             return;
           }
         }
-        i(""), d([...t, r]), E("");
+        i(""), d([...n, r]), E("");
       }
     }, M = (e) => {
-      d(t.filter((r) => r !== e)), i("");
+      d(n.filter((r) => r !== e)), i("");
     }, P = (e) => {
       const r = e.currentTarget.value;
-      e.key === "Enter" && p.includes("Enter") ? (e.preventDefault(), s(r)) : e.key === "Tab" && p.includes("Tab") ? r.trim() !== "" && (e.preventDefault(), s(r)) : (e.key === "," || e.key === ",") && p.includes("Comma") ? (e.preventDefault(), s(r)) : e.key === "Backspace" && r === "" && t.length > 0 && d(t.slice(0, -1));
+      e.key === "Enter" && p.includes("Enter") ? (e.preventDefault(), s(r)) : e.key === "Tab" && p.includes("Tab") ? r.trim() !== "" && (e.preventDefault(), s(r)) : (e.key === "," || e.key === ",") && p.includes("Comma") ? (e.preventDefault(), s(r)) : e.key === "Backspace" && r === "" && n.length > 0 && d(n.slice(0, -1));
     }, A = (e) => {
       E(e.target.value), i("");
     }, L = () => {
       F(!0);
     }, S = () => {
-      F(!1), B && h.trim() !== "" && s(h);
+      F(!1), B && x.trim() !== "" && s(x);
     }, X = (e, r) => {
       e.preventDefault(), e.stopPropagation(), M(r);
-    }, a = y || x;
-    return /* @__PURE__ */ n.jsxs(
+    }, a = w || h;
+    return /* @__PURE__ */ o.jsxs(
       G,
       {
         orientation: N,
         "data-invalid": m,
         className: b("w-full", $),
         children: [
-          w && /* @__PURE__ */ n.jsx(H, { htmlFor: o, children: w }),
-          /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [
-            /* @__PURE__ */ n.jsxs(
+          y && /* @__PURE__ */ o.jsx(H, { htmlFor: t, children: y }),
+          /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [
+            /* @__PURE__ */ o.jsxs(
               "div",
               {
                 className: b(
-                  "font-normal file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex min-h-9 w-full min-w-0 rounded-md border bg-white px-3 py-1.5 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 text-sm",
+                  "font-normal file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex min-h-9 w-full min-w-0 rounded-md border bg-background px-3 py-1.5 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 text-sm",
                   "flex-wrap gap-1.5 items-center",
                   R && "border-ring ring-ring/50 ring-[3px]",
-                  (m || x) && "border-destructive ring-destructive/20 dark:ring-destructive/40",
+                  (m || h) && "border-destructive ring-destructive/20 dark:ring-destructive/40",
                   u && "opacity-50 cursor-not-allowed"
                 ),
                 onClick: () => {
-                  u || document.getElementById(o)?.focus();
+                  u || document.getElementById(t)?.focus();
                 },
                 children: [
-                  t.map((e, r) => /* @__PURE__ */ n.jsx(
+                  n.map((e, r) => /* @__PURE__ */ o.jsx(
                     O,
                     {
                       variant: I,
@@ -96,34 +96,34 @@ const Q = q(
                     },
                     `${e}-${r}`
                   )),
-                  /* @__PURE__ */ n.jsx(
+                  /* @__PURE__ */ o.jsx(
                     "input",
                     {
                       ref: C,
-                      id: o,
+                      id: t,
                       name: V,
                       type: "text",
-                      value: h,
+                      value: x,
                       onChange: A,
                       onKeyDown: P,
                       onFocus: L,
                       onBlur: S,
-                      placeholder: t.length === 0 ? j : "",
+                      placeholder: n.length === 0 ? j : "",
                       disabled: u,
                       className: b(
                         "flex-1 min-w-[120px] outline-none bg-transparent border-none shadow-none p-0 h-6",
                         "placeholder:text-muted-foreground",
                         "disabled:cursor-not-allowed"
                       ),
-                      "aria-invalid": m || !!x,
-                      "aria-describedby": c || a ? `${o}-description` : void 0
+                      "aria-invalid": m || !!h,
+                      "aria-describedby": c || a ? `${t}-description` : void 0
                     }
                   )
                 ]
               }
             ),
-            c && !a && /* @__PURE__ */ n.jsx(J, { id: `${o}-description`, children: c }),
-            a && /* @__PURE__ */ n.jsx(K, { id: `${o}-description`, children: a })
+            c && !a && /* @__PURE__ */ o.jsx(J, { id: `${t}-description`, children: c }),
+            a && /* @__PURE__ */ o.jsx(K, { id: `${t}-description`, children: a })
           ] })
         ]
       }

package/dist/components/atoms/radio-group/radio-group-option.js

@@ -1,7 +1,7 @@
 import { j as r } from "../../../_virtual/jsx-runtime.js";
 import { RadioGroupItem as d } from "../../../vendor/shadcn/radio-group.js";
-import { cn as l } from "../../../lib/utils.js";
-import { Label as a } from "../../../vendor/shadcn/label.js";
+import { cn as a } from "../../../lib/utils.js";
+import { Label as l } from "../../../vendor/shadcn/label.js";
 const o = ({
   option: e,
   radioId: s,
@@ -17,15 +17,15 @@ const o = ({
           value: e.value,
           id: s,
           disabled: e.disabled,
-          className: "size-3.5 data-[state=unchecked]:bg-white border-border cursor-pointer"
+          className: "size-3.5 data-[state=unchecked]:bg-background border-border cursor-pointer"
         }
       ),
       t ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
         /* @__PURE__ */ r.jsx(
-          a,
+          l,
           {
             htmlFor: s,
-            className: l(
+            className: a(
               "cursor-pointer",
               e.disabled && "text-muted-foreground"
             ),
@@ -35,10 +35,10 @@ const o = ({
         e.description && /* @__PURE__ */ r.jsx("p", { className: "text-sm text-muted-foreground ml-auto", children: e.description })
       ] }) : /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-1.5 flex-1", children: [
         /* @__PURE__ */ r.jsx(
-          a,
+          l,
           {
             htmlFor: s,
-            className: l(
+            className: a(
               "cursor-pointer",
               e.disabled && "text-muted-foreground"
             ),

package/dist/components/atoms/search-field/search-field.js

@@ -1,5 +1,5 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as U, useId as Y, useState as l, useRef as V, useEffect as z } from "react";
+import { forwardRef as U, useId as Y, useState as n, useRef as V, useEffect as z } from "react";
 import { cn as r } from "../../../lib/utils.js";
 import { Input as Z } from "../../../vendor/shadcn/input.js";
 import { Icon as w } from "../icon/icon.js";
@@ -28,7 +28,7 @@ const P = D("flex gap-2 w-full", {
 }), te = U(
   ({
     placeholder: F = "Search...",
-    onSearch: n,
+    onSearch: l,
     limitSearch: y = 10,
     persistKey: c = "",
     value: m = "",
@@ -43,15 +43,15 @@ const P = D("flex gap-2 w-full", {
     inputProps: h,
     ...E
   }, i) => {
-    const M = Y(), u = O || h?.id || M, b = !!a, [o, d] = l(m), [f, R] = l(() => {
+    const M = Y(), u = O || h?.id || M, b = !!a, [o, d] = n(m), [f, R] = n(() => {
       if (c) {
         const e = localStorage.getItem(`${c}_searchfield`);
         return e ? JSON.parse(e) : [];
       }
       return [];
-    }), [C, L] = l([]), [B, v] = l(!1), [J, I] = l(!1), g = V(null), _ = V(null), G = (e) => {
+    }), [C, L] = n([]), [B, v] = n(!1), [J, I] = n(!1), g = V(null), _ = V(null), G = (e) => {
       const s = e.target.value;
-      d(s), (s === "" || H) && n(s);
+      d(s), (s === "" || H) && l(s);
     }, W = (e) => {
       e.key === "Enter" && o !== "" && S();
     }, S = () => {
@@ -65,11 +65,11 @@ const P = D("flex gap-2 w-full", {
       R(k), c && localStorage.setItem(
         `${c}_searchfield`,
         JSON.stringify(k)
-      ), n(o);
+      ), l(o);
     }, X = () => {
-      d(""), n(""), g.current?.focus();
+      d(""), l(""), g.current?.focus();
     }, q = (e) => {
-      d(e), n(e), v(!1), g.current?.focus();
+      d(e), l(e), v(!1), g.current?.focus();
     }, A = () => {
       v(!0);
     }, Q = () => {
@@ -124,7 +124,7 @@ const P = D("flex gap-2 w-full", {
                 size: "sm",
                 onClick: S,
                 className: r(
-                  "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",
+                  "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground dark:text-foreground",
                   !x && "cursor-pointer hover:text-foreground transition-colors"
                 )
               }

package/dist/components/atoms/switch/switch.js

@@ -5,18 +5,18 @@ import { cn as n } from "../../../lib/utils.js";
 import { Label as y } from "../../../vendor/shadcn/label.js";
 const N = j(
   ({
-    label: i,
+    label: c,
     description: o,
-    side: c = "left",
+    side: i = "left",
     variant: l = "default",
-    id: f,
+    id: d,
     name: t,
     onChange: a,
-    className: m,
-    switchClassName: x,
-    ...d
+    className: f,
+    switchClassName: m,
+    ...x
   }, p) => {
-    const h = v(), r = f || t || h, u = (s) => {
+    const h = v(), r = d || t || h, u = (s) => {
       if (!a) return;
       a({
         target: {
@@ -42,17 +42,17 @@ const N = j(
         ref: p,
         id: r,
         name: t,
-        className: n("cursor-pointer", x),
+        className: n("cursor-pointer", m),
         onCheckedChange: u,
-        ...d
+        ...x
       }
     ), w = n(
       "flex gap-3 items-start",
       {
-        "flex-row-reverse": c === "right",
-        "bg-white box-border justify-start p-4 rounded-lg border shadow-xs": l === "box"
+        "flex-row-reverse": i === "right",
+        "bg-background box-border justify-start p-4 rounded-lg border shadow-xs": l === "box"
       },
-      m
+      f
     );
     return /* @__PURE__ */ e.jsxs("div", { className: w, children: [
       g,
@@ -62,7 +62,7 @@ const N = j(
           {
             htmlFor: r,
             className: "text-sm leading-[18.39px] cursor-pointer",
-            children: i
+            children: c
           }
         ),
         o && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: o })

package/dist/components/atoms/time-picker/time-picker.d.ts

@@ -43,6 +43,11 @@ export interface TimePickerProps extends Omit<TimePickerPrimitiveProps, "onChang
      * @default 140
      */
     width?: number | string;
+    /**
+     * Use 24-hour format (military time) instead of 12-hour with AM/PM
+     * @default false
+     */
+    use24Hour?: boolean;
 }
 /**
  * Time input picker with label, description, and error handling.

package/dist/components/atoms/time-picker/time-picker.js

@@ -1,139 +1,147 @@
-import { j as e } from "../../../_virtual/jsx-runtime.js";
-import * as U from "react";
-import { useId as B, useState as k, useRef as I, useEffect as S } from "react";
-import { cn as s } from "../../../lib/utils.js";
-import { Icon as W } from "../icon/icon.js";
-import { TimePicker as q } from "../../../vendor/shadcn/time-picker.js";
-import { Field as C, FieldLabel as E, FieldDescription as T, FieldError as R } from "../../../vendor/shadcn/field.js";
-const G = Array.from({ length: 12 }, (t, n) => n + 1), J = ["AM", "PM"], K = (t) => {
-  if (t === 0)
+import { j as r } from "../../../_virtual/jsx-runtime.js";
+import * as G from "react";
+import { useId as J, useState as $, useRef as C, useEffect as E } from "react";
+import { cn as c } from "../../../lib/utils.js";
+import { Icon as K } from "../icon/icon.js";
+import { TimePicker as Q } from "../../../vendor/shadcn/time-picker.js";
+import { Field as R, FieldLabel as T, FieldDescription as O, FieldError as _ } from "../../../vendor/shadcn/field.js";
+const X = Array.from({ length: 12 }, (e, n) => n + 1), Y = Array.from({ length: 24 }, (e, n) => n), Z = ["AM", "PM"], H = (e) => {
+  if (e === 0)
     return Array.from({ length: 60 }, (o, i) => i);
-  const n = 60 / t;
-  return Array.from({ length: n }, (o, i) => i * t);
-}, u = (t) => t.toString().padStart(2, "0"), Q = (t) => {
-  const n = t >= 12 ? "PM" : "AM";
-  return { hour: t === 0 ? 12 : t > 12 ? t - 12 : t, meridiem: n };
-}, X = (t, n) => t === 12 ? n === "AM" ? 0 : 12 : n === "PM" ? t + 12 : t, Y = U.forwardRef(
+  const n = 60 / e;
+  return Array.from({ length: n }, (o, i) => i * e);
+}, d = (e) => e.toString().padStart(2, "0"), ee = (e) => {
+  const n = e >= 12 ? "PM" : "AM";
+  return { hour: e === 0 ? 12 : e > 12 ? e - 12 : e, meridiem: n };
+}, te = (e, n) => e === 12 ? n === "AM" ? 0 : 12 : n === "PM" ? e + 12 : e, re = G.forwardRef(
   ({
-    className: t,
+    className: e,
     label: n,
     error: o,
     description: i,
     orientation: x = "vertical",
-    id: c,
-    onChange: m,
-    mode: b = "native",
-    divisorMinutes: g = 0,
-    width: l = 140,
-    value: f,
-    disabled: y,
-    ...p
-  }, M) => {
-    const N = B(), a = c || N, v = !!o;
-    if (b === "native") {
-      const d = /* @__PURE__ */ e.jsx(
-        q,
+    id: m,
+    onChange: f,
+    mode: y = "native",
+    divisorMinutes: j = 0,
+    width: s = 140,
+    value: l,
+    disabled: p,
+    use24Hour: w = !1,
+    ...h
+  }, P) => {
+    const S = J(), u = m || S, v = !!o;
+    if (y === "native") {
+      const k = /* @__PURE__ */ r.jsx(
+        Q,
         {
-          ref: M,
-          id: a,
-          value: f,
-          disabled: y,
-          className: s(
+          ref: P,
+          id: u,
+          value: l,
+          disabled: p,
+          className: c(
             v && "border-destructive focus-visible:border-destructive",
-            !(n || o || i) && t
+            !(n || o || i) && e
           ),
           "aria-invalid": v ? !0 : void 0,
-          "aria-describedby": i || o ? `${a}-description` : void 0,
-          ...p,
-          onChange: (P) => {
-            m?.(P.target.value);
+          "aria-describedby": i || o ? `${u}-description` : void 0,
+          ...h,
+          onChange: (a) => {
+            f?.(a.target.value);
           }
         }
       );
-      return n || o || i ? /* @__PURE__ */ e.jsxs(
-        C,
+      return n || o || i ? /* @__PURE__ */ r.jsxs(
+        R,
         {
           orientation: x,
           "data-invalid": v,
-          className: s("w-full", t),
+          className: c("w-full", e),
           children: [
-            n && /* @__PURE__ */ e.jsx(E, { htmlFor: a, children: n }),
-            /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [
-              d,
-              i && !o && /* @__PURE__ */ e.jsx(T, { id: `${a}-description`, children: i }),
-              o && /* @__PURE__ */ e.jsx(R, { id: `${a}-description`, children: o })
+            n && /* @__PURE__ */ r.jsx(T, { htmlFor: u, children: n }),
+            /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [
+              k,
+              i && !o && /* @__PURE__ */ r.jsx(O, { id: `${u}-description`, children: i }),
+              o && /* @__PURE__ */ r.jsx(_, { id: `${u}-description`, children: o })
             ] })
           ]
         }
-      ) : d;
+      ) : k;
     }
-    return /* @__PURE__ */ e.jsx(
-      Z,
+    return /* @__PURE__ */ r.jsx(
+      ne,
       {
-        value: f || "12:00",
-        onChange: m,
-        divisorMinutes: g,
-        width: l,
+        value: l || (w ? "00:00" : "12:00"),
+        onChange: f,
+        divisorMinutes: j,
+        width: s,
         label: n,
         error: o,
         description: i,
-        disabled: y,
-        className: t
+        disabled: p,
+        className: e,
+        use24Hour: w
       }
     );
   }
 );
-Y.displayName = "TimePicker";
-const Z = ({
-  value: t,
+re.displayName = "TimePicker";
+const ne = ({
+  value: e,
   onChange: n,
   divisorMinutes: o,
   width: i,
   label: x,
-  error: c,
-  description: m,
-  disabled: b,
-  className: g
+  error: m,
+  description: f,
+  disabled: y,
+  className: j,
+  use24Hour: s = !1
 }) => {
-  const [l, f] = k(!1), y = I(null), p = I(null), M = (r) => {
-    const [h, O] = r.split(":"), _ = parseInt(h, 10) || 0, L = parseInt(O, 10) || 0, { hour: V, meridiem: z } = Q(_);
-    return { hour: V, minute: L, meridiem: z };
-  }, { hour: N, minute: a, meridiem: v } = M(t), [d, P] = k(N), [j, A] = k(a), [w, D] = k(v), F = K(o);
-  S(() => {
-    const r = X(d, w), h = `${u(r)}:${u(j)}`;
-    n?.(h);
-  }, [d, j, w, n]), S(() => {
-    const r = (h) => {
-      p.current && !p.current.contains(h.target) && f(!1);
+  const [l, p] = $(!1), w = C(null), h = C(null), P = (t) => {
+    const [g, B] = t.split(":"), N = parseInt(g, 10) || 0, A = parseInt(B, 10) || 0;
+    if (s)
+      return { hour24: N, minute: A, hour: N, meridiem: "AM" };
+    const { hour: W, meridiem: q } = ee(N);
+    return { hour24: N, minute: A, hour: W, meridiem: q };
+  }, { hour: S, hour24: u, minute: v, meridiem: k } = P(e), [a, D] = $(s ? u : S), [b, F] = $(v), [M, L] = $(k), U = H(o);
+  E(() => {
+    let t;
+    s ? t = a : t = te(a, M);
+    const g = `${d(t)}:${d(b)}`;
+    n?.(g);
+  }, [a, b, M, n, s]), E(() => {
+    const t = (g) => {
+      h.current && !h.current.contains(g.target) && p(!1);
     };
     if (l)
-      return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+      return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
   }, [l]);
-  const H = `${u(d)}:${u(j)} ${w}`, $ = /* @__PURE__ */ e.jsxs(
+  const V = s ? `${d(a)}:${d(b)}` : `${d(a)}:${d(b)} ${M}`, z = s ? Y : X, I = /* @__PURE__ */ r.jsxs(
     "div",
     {
-      ref: p,
-      className: s("relative inline-block", g),
+      ref: h,
+      className: c("relative inline-block", j),
       style: { width: typeof i == "number" ? `${i}px` : i },
       children: [
-        /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ r.jsxs(
           "button",
           {
             type: "button",
-            disabled: b,
-            onClick: () => !b && f(!l),
-            className: s(
+            disabled: y,
+            onClick: () => !y && p(!l),
+            className: c(
               "flex items-center justify-between w-full h-9 px-3 py-2",
               "text-sm rounded-md border border-input bg-background",
               "hover:bg-accent hover:text-accent-foreground",
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
               "disabled:cursor-not-allowed disabled:opacity-50",
-              c && "border-destructive"
+              m && "border-destructive"
             ),
             children: [
-              /* @__PURE__ */ e.jsx("span", { children: H }),
-              /* @__PURE__ */ e.jsx(
-                W,
+              /* @__PURE__ */ r.jsx("span", { children: V }),
+              /* @__PURE__ */ r.jsx(
+                K,
                 {
                   name: l ? "CaretUp" : "CaretDown",
                   size: "sm",
@@ -143,54 +151,54 @@ const Z = ({
             ]
           }
         ),
-        l && /* @__PURE__ */ e.jsxs(
+        l && /* @__PURE__ */ r.jsxs(
           "div",
           {
-            ref: y,
-            className: s(
+            ref: w,
+            className: c(
               "absolute z-50 mt-1 bg-popover border border-border rounded-md shadow-lg",
               "flex divide-x divide-border"
             ),
-            style: { width: "fit-content", minWidth: "200px" },
+            style: { width: "fit-content", minWidth: s ? "140px" : "200px" },
             children: [
-              /* @__PURE__ */ e.jsx("div", { className: "flex flex-col overflow-y-auto max-h-[200px] min-w-[60px]", children: G.map((r) => /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ r.jsx("div", { className: "flex flex-col overflow-y-auto max-h-[200px] min-w-[60px]", children: z.map((t) => /* @__PURE__ */ r.jsx(
                 "button",
                 {
                   type: "button",
-                  onClick: () => P(r),
-                  className: s(
+                  onClick: () => D(t),
+                  className: c(
                     "px-3 py-2 text-sm text-left hover:bg-accent",
-                    d === r && "bg-primary text-primary-foreground hover:bg-primary"
+                    a === t && "bg-primary text-primary-foreground hover:bg-primary"
                   ),
-                  children: u(r)
+                  children: d(t)
                 },
-                r
+                t
               )) }),
-              /* @__PURE__ */ e.jsx("div", { className: "flex flex-col overflow-y-auto max-h-[200px] min-w-[60px]", children: F.map((r) => /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ r.jsx("div", { className: "flex flex-col overflow-y-auto max-h-[200px] min-w-[60px]", children: U.map((t) => /* @__PURE__ */ r.jsx(
                 "button",
                 {
                   type: "button",
-                  onClick: () => A(r),
-                  className: s(
+                  onClick: () => F(t),
+                  className: c(
                     "px-3 py-2 text-sm text-left hover:bg-accent",
-                    j === r && "bg-primary text-primary-foreground hover:bg-primary"
+                    b === t && "bg-primary text-primary-foreground hover:bg-primary"
                   ),
-                  children: u(r)
+                  children: d(t)
                 },
-                r
+                t
               )) }),
-              /* @__PURE__ */ e.jsx("div", { className: "flex flex-col min-w-[60px]", children: J.map((r) => /* @__PURE__ */ e.jsx(
+              !s && /* @__PURE__ */ r.jsx("div", { className: "flex flex-col min-w-[60px]", children: Z.map((t) => /* @__PURE__ */ r.jsx(
                 "button",
                 {
                   type: "button",
-                  onClick: () => D(r),
-                  className: s(
+                  onClick: () => L(t),
+                  className: c(
                     "px-3 py-2 text-sm text-left hover:bg-accent",
-                    w === r && "bg-primary text-primary-foreground hover:bg-primary"
+                    M === t && "bg-primary text-primary-foreground hover:bg-primary"
                   ),
-                  children: r
+                  children: t
                 },
-                r
+                t
               )) })
             ]
           }
@@ -198,15 +206,15 @@ const Z = ({
       ]
     }
   );
-  return x || c || m ? /* @__PURE__ */ e.jsxs(C, { orientation: "vertical", className: s("w-full", g), children: [
-    x && /* @__PURE__ */ e.jsx(E, { children: x }),
-    /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [
-      $,
-      m && !c && /* @__PURE__ */ e.jsx(T, { children: m }),
-      c && /* @__PURE__ */ e.jsx(R, { children: c })
+  return x || m || f ? /* @__PURE__ */ r.jsxs(R, { orientation: "vertical", className: c("w-full", j), children: [
+    x && /* @__PURE__ */ r.jsx(T, { children: x }),
+    /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [
+      I,
+      f && !m && /* @__PURE__ */ r.jsx(O, { children: f }),
+      m && /* @__PURE__ */ r.jsx(_, { children: m })
     ] })
-  ] }) : $;
+  ] }) : I;
 };
 export {
-  Y as TimePicker
+  re as TimePicker
 };