asterui 0.12.28 → 0.12.30

package/dist/index75.js

@@ -1,12 +1,12 @@
-import { jsx as c } from "react/jsx-runtime";
-import b from "react";
+import { jsx as f } from "react/jsx-runtime";
+import v from "react";
 const w = {
   xs: "gap-1",
   sm: "gap-2",
   md: "gap-4",
   lg: "gap-6",
   xl: "gap-8"
-}, v = {
+}, A = {
   start: "items-start",
   end: "items-end",
   center: "items-center",
@@ -19,43 +19,43 @@ const w = {
   between: "justify-between",
   around: "justify-around",
   evenly: "justify-evenly"
-}, k = ({
-  direction: f = "horizontal",
-  size: s = "md",
-  align: r,
+}, z = ({
+  direction: r = "horizontal",
+  size: e = "md",
+  align: p,
   justify: a,
-  wrap: p = !1,
+  wrap: u = !1,
   split: l,
-  className: u = "",
-  style: d,
-  children: e,
-  ...m
+  className: d = "",
+  style: m,
+  children: s,
+  ...g
 }) => {
-  const o = typeof s == "number", h = o ? "" : w[s], y = r ? v[r] : "", C = a ? N[a] : "", g = [
+  const o = typeof e == "number", h = o ? "" : w[e], i = p ?? (r === "vertical" ? "start" : void 0), y = i ? A[i] : "", C = a ? N[a] : "", j = [
     "flex",
-    f === "horizontal" ? "flex-row" : "flex-col",
+    r === "horizontal" ? "flex-row" : "flex-col",
     h,
     y,
     C,
-    p ? "flex-wrap" : "",
-    u
-  ].filter(Boolean).join(" "), j = {
-    ...d,
-    ...o ? { gap: `${s}px` } : {}
+    u ? "flex-wrap" : "",
+    d
+  ].filter(Boolean).join(" "), x = {
+    ...m,
+    ...o ? { gap: `${e}px` } : {}
   };
-  return /* @__PURE__ */ c("div", { className: g, style: j, ...m, children: (() => {
-    if (!l) return e;
-    const t = b.Children.toArray(e).filter(Boolean);
-    if (t.length <= 1) return e;
+  return /* @__PURE__ */ f("div", { className: j, style: x, ...g, children: (() => {
+    if (!l) return s;
+    const t = v.Children.toArray(s).filter(Boolean);
+    if (t.length <= 1) return s;
     const n = [];
-    return t.forEach((x, i) => {
-      n.push(x), i < t.length - 1 && n.push(
-        /* @__PURE__ */ c("span", { className: "flex-shrink-0", children: l }, `split-${i}`)
+    return t.forEach((b, c) => {
+      n.push(b), c < t.length - 1 && n.push(
+        /* @__PURE__ */ f("span", { className: "flex-shrink-0", children: l }, `split-${c}`)
       );
     }), n;
   })() });
 };
 export {
-  k as Space
+  z as Space
 };
 //# sourceMappingURL=index75.js.map

package/dist/index75.js.map

@@ -1 +1 @@
-{"version":3,"file":"index75.js","sources":["../src/components/Space.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'horizontal' | 'vertical'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number\n  align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch'\n  justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'\n  wrap?: boolean\n  split?: React.ReactNode\n  children: React.ReactNode\n}\n\nconst gapClasses = {\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-4',\n  lg: 'gap-6',\n  xl: 'gap-8',\n} as const\n\nconst alignClasses = {\n  start: 'items-start',\n  end: 'items-end',\n  center: 'items-center',\n  baseline: 'items-baseline',\n  stretch: 'items-stretch',\n} as const\n\nconst justifyClasses = {\n  start: 'justify-start',\n  end: 'justify-end',\n  center: 'justify-center',\n  between: 'justify-between',\n  around: 'justify-around',\n  evenly: 'justify-evenly',\n} as const\n\nexport const Space: React.FC<SpaceProps> = ({\n  direction = 'horizontal',\n  size = 'md',\n  align,\n  justify,\n  wrap = false,\n  split,\n  className = '',\n  style,\n  children,\n  ...rest\n}) => {\n  const isNumericSize = typeof size === 'number'\n  const gapClass = isNumericSize ? '' : gapClasses[size]\n  const alignClass = align ? alignClasses[align] : ''\n  const justifyClass = justify ? justifyClasses[justify] : ''\n  const wrapClass = wrap ? 'flex-wrap' : ''\n  const directionClass = direction === 'horizontal' ? 'flex-row' : 'flex-col'\n\n  const classes = [\n    'flex',\n    directionClass,\n    gapClass,\n    alignClass,\n    justifyClass,\n    wrapClass,\n    className\n  ].filter(Boolean).join(' ')\n\n  const combinedStyle: React.CSSProperties = {\n    ...style,\n    ...(isNumericSize ? { gap: `${size}px` } : {}),\n  }\n\n  // If split is provided, interleave separator between children\n  const renderChildren = () => {\n    if (!split) return children\n\n    const childArray = React.Children.toArray(children).filter(Boolean)\n    if (childArray.length <= 1) return children\n\n    const result: React.ReactNode[] = []\n    childArray.forEach((child, index) => {\n      result.push(child)\n      if (index < childArray.length - 1) {\n        result.push(\n          <span key={`split-${index}`} className=\"flex-shrink-0\">\n            {split}\n          </span>\n        )\n      }\n    })\n    return result\n  }\n\n  return <div className={classes} style={combinedStyle} {...rest}>{renderChildren()}</div>\n}\n"],"names":["gapClasses","alignClasses","justifyClasses","Space","direction","size","align","justify","wrap","split","className","style","children","rest","isNumericSize","gapClass","alignClass","justifyClass","classes","combinedStyle","jsx","childArray","React","result","child","index"],"mappings":";;AAYA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAe;AAAA,EACnB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AACX,GAEMC,IAAiB;AAAA,EACrB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV,GAEaC,IAA8B,CAAC;AAAA,EAC1C,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgB,OAAOT,KAAS,UAChCU,IAAWD,IAAgB,KAAKd,EAAWK,CAAI,GAC/CW,IAAaV,IAAQL,EAAaK,CAAK,IAAI,IAC3CW,IAAeV,IAAUL,EAAeK,CAAO,IAAI,IAInDW,IAAU;AAAA,IACd;AAAA,IAHqBd,MAAc,eAAe,aAAa;AAAA,IAK/DW;AAAA,IACAC;AAAA,IACAC;AAAA,IARgBT,IAAO,cAAc;AAAA,IAUrCE;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG,GAEpBS,IAAqC;AAAA,IACzC,GAAGR;AAAA,IACH,GAAIG,IAAgB,EAAE,KAAK,GAAGT,CAAI,SAAS,CAAA;AAAA,EAAC;AAwB9C,SAAO,gBAAAe,EAAC,SAAI,WAAWF,GAAS,OAAOC,GAAgB,GAAGN,GAAO,WApB1C,MAAM;AAC3B,QAAI,CAACJ,EAAO,QAAOG;AAEnB,UAAMS,IAAaC,EAAM,SAAS,QAAQV,CAAQ,EAAE,OAAO,OAAO;AAClE,QAAIS,EAAW,UAAU,EAAG,QAAOT;AAEnC,UAAMW,IAA4B,CAAA;AAClC,WAAAF,EAAW,QAAQ,CAACG,GAAOC,MAAU;AACnC,MAAAF,EAAO,KAAKC,CAAK,GACbC,IAAQJ,EAAW,SAAS,KAC9BE,EAAO;AAAA,0BACJ,QAAA,EAA4B,WAAU,iBACpC,UAAAd,KADQ,SAASgB,CAAK,EAEzB;AAAA,MAAA;AAAA,IAGN,CAAC,GACMF;AAAA,EACT,GAEiE,EAAe,CAAE;AACpF;"}
+{"version":3,"file":"index75.js","sources":["../src/components/Space.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'horizontal' | 'vertical'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number\n  align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch'\n  justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'\n  wrap?: boolean\n  split?: React.ReactNode\n  children: React.ReactNode\n}\n\nconst gapClasses = {\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-4',\n  lg: 'gap-6',\n  xl: 'gap-8',\n} as const\n\nconst alignClasses = {\n  start: 'items-start',\n  end: 'items-end',\n  center: 'items-center',\n  baseline: 'items-baseline',\n  stretch: 'items-stretch',\n} as const\n\nconst justifyClasses = {\n  start: 'justify-start',\n  end: 'justify-end',\n  center: 'justify-center',\n  between: 'justify-between',\n  around: 'justify-around',\n  evenly: 'justify-evenly',\n} as const\n\nexport const Space: React.FC<SpaceProps> = ({\n  direction = 'horizontal',\n  size = 'md',\n  align,\n  justify,\n  wrap = false,\n  split,\n  className = '',\n  style,\n  children,\n  ...rest\n}) => {\n  const isNumericSize = typeof size === 'number'\n  const gapClass = isNumericSize ? '' : gapClasses[size]\n  const effectiveAlign = align ?? (direction === 'vertical' ? 'start' : undefined)\n  const alignClass = effectiveAlign ? alignClasses[effectiveAlign] : ''\n  const justifyClass = justify ? justifyClasses[justify] : ''\n  const wrapClass = wrap ? 'flex-wrap' : ''\n  const directionClass = direction === 'horizontal' ? 'flex-row' : 'flex-col'\n\n  const classes = [\n    'flex',\n    directionClass,\n    gapClass,\n    alignClass,\n    justifyClass,\n    wrapClass,\n    className\n  ].filter(Boolean).join(' ')\n\n  const combinedStyle: React.CSSProperties = {\n    ...style,\n    ...(isNumericSize ? { gap: `${size}px` } : {}),\n  }\n\n  // If split is provided, interleave separator between children\n  const renderChildren = () => {\n    if (!split) return children\n\n    const childArray = React.Children.toArray(children).filter(Boolean)\n    if (childArray.length <= 1) return children\n\n    const result: React.ReactNode[] = []\n    childArray.forEach((child, index) => {\n      result.push(child)\n      if (index < childArray.length - 1) {\n        result.push(\n          <span key={`split-${index}`} className=\"flex-shrink-0\">\n            {split}\n          </span>\n        )\n      }\n    })\n    return result\n  }\n\n  return <div className={classes} style={combinedStyle} {...rest}>{renderChildren()}</div>\n}\n"],"names":["gapClasses","alignClasses","justifyClasses","Space","direction","size","align","justify","wrap","split","className","style","children","rest","isNumericSize","gapClass","effectiveAlign","alignClass","justifyClass","classes","combinedStyle","jsx","childArray","React","result","child","index"],"mappings":";;AAYA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAe;AAAA,EACnB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AACX,GAEMC,IAAiB;AAAA,EACrB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV,GAEaC,IAA8B,CAAC;AAAA,EAC1C,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgB,OAAOT,KAAS,UAChCU,IAAWD,IAAgB,KAAKd,EAAWK,CAAI,GAC/CW,IAAiBV,MAAUF,MAAc,aAAa,UAAU,SAChEa,IAAaD,IAAiBf,EAAae,CAAc,IAAI,IAC7DE,IAAeX,IAAUL,EAAeK,CAAO,IAAI,IAInDY,IAAU;AAAA,IACd;AAAA,IAHqBf,MAAc,eAAe,aAAa;AAAA,IAK/DW;AAAA,IACAE;AAAA,IACAC;AAAA,IARgBV,IAAO,cAAc;AAAA,IAUrCE;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG,GAEpBU,IAAqC;AAAA,IACzC,GAAGT;AAAA,IACH,GAAIG,IAAgB,EAAE,KAAK,GAAGT,CAAI,SAAS,CAAA;AAAA,EAAC;AAwB9C,SAAO,gBAAAgB,EAAC,SAAI,WAAWF,GAAS,OAAOC,GAAgB,GAAGP,GAAO,WApB1C,MAAM;AAC3B,QAAI,CAACJ,EAAO,QAAOG;AAEnB,UAAMU,IAAaC,EAAM,SAAS,QAAQX,CAAQ,EAAE,OAAO,OAAO;AAClE,QAAIU,EAAW,UAAU,EAAG,QAAOV;AAEnC,UAAMY,IAA4B,CAAA;AAClC,WAAAF,EAAW,QAAQ,CAACG,GAAOC,MAAU;AACnC,MAAAF,EAAO,KAAKC,CAAK,GACbC,IAAQJ,EAAW,SAAS,KAC9BE,EAAO;AAAA,0BACJ,QAAA,EAA4B,WAAU,iBACpC,UAAAf,KADQ,SAASiB,CAAK,EAEzB;AAAA,MAAA;AAAA,IAGN,CAAC,GACMF;AAAA,EACT,GAEiE,EAAe,CAAE;AACpF;"}

package/dist/index86.js

@@ -1,164 +1,300 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { useState as a, useRef as Y, useEffect as j } from "react";
-import { Input as _ } from "./index42.js";
-function q(t, N = "24", p = !1) {
-  if (!t) return "";
-  let n = t.getHours();
-  const i = String(t.getMinutes()).padStart(2, "0"), d = String(t.getSeconds()).padStart(2, "0");
-  if (N === "12") {
-    const x = n >= 12 ? "PM" : "AM";
-    return n = n % 12 || 12, p ? `${n}:${i}:${d} ${x}` : `${n}:${i} ${x}`;
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { forwardRef as fe, useState as x, useRef as Z, useId as pe, useEffect as W, useCallback as _ } from "react";
+import { Input as me } from "./index42.js";
+function be(s, D = "24", M = !1) {
+  if (!s) return "";
+  let o = s.getHours();
+  const w = String(s.getMinutes()).padStart(2, "0"), y = String(s.getSeconds()).padStart(2, "0");
+  if (D === "12") {
+    const P = o >= 12 ? "PM" : "AM";
+    return o = o % 12 || 12, M ? `${o}:${w}:${y} ${P}` : `${o}:${w} ${P}`;
   }
-  const h = String(n).padStart(2, "0");
-  return p ? `${h}:${i}:${d}` : `${h}:${i}`;
+  const A = String(o).padStart(2, "0");
+  return M ? `${A}:${w}:${y}` : `${A}:${w}`;
 }
-const Q = ({
-  value: t,
-  defaultValue: N,
-  onChange: p,
-  format: n = "24",
-  placeholder: i = "Select time",
-  disabled: d = !1,
-  className: h = "",
-  size: x = "md",
-  showSeconds: $ = !1,
-  ...E
-}) => {
-  const [o, O] = a(
-    t || N || null
-  ), [u, C] = a(!1), [l, M] = a(o ? o.getHours() : 0), [S, v] = a(o ? o.getMinutes() : 0), [y, H] = a(o ? o.getSeconds() : 0), [P, k] = a(
-    o && o.getHours() >= 12 ? "PM" : "AM"
-  ), A = Y(null);
-  j(() => {
-    t !== void 0 && (O(t), t && (M(t.getHours()), v(t.getMinutes()), H(t.getSeconds()), k(t.getHours() >= 12 ? "PM" : "AM")));
-  }, [t]), j(() => {
-    function e(s) {
-      A.current && !A.current.contains(s.target) && C(!1);
+const ge = fe(({
+  value: s,
+  defaultValue: D,
+  onChange: M,
+  format: o = "24",
+  placeholder: w = "Select time",
+  disabled: y = !1,
+  className: A,
+  size: P = "md",
+  showSeconds: v = !1,
+  allowClear: ee = !0,
+  open: H,
+  onOpenChange: Y,
+  hourStep: E = 1,
+  minuteStep: T = 1,
+  secondStep: F = 1,
+  status: G,
+  "data-testid": te,
+  ...ne
+}, S) => {
+  const [d, R] = x(
+    s !== void 0 ? s : D || null
+  ), [oe, se] = x(!1), c = H !== void 0 ? H : oe, [p, N] = x(d ? d.getHours() : 0), [$, I] = x(d ? d.getMinutes() : 0), [k, L] = x(d ? d.getSeconds() : 0), [b, j] = x(
+    d && d.getHours() >= 12 ? "PM" : "AM"
+  ), [g, B] = x("hour"), O = Z(null), ie = Z(null), K = pe(), l = te || "timepicker";
+  W(() => {
+    s !== void 0 && (R(s), s && (N(s.getHours()), I(s.getMinutes()), L(s.getSeconds()), j(s.getHours() >= 12 ? "PM" : "AM")));
+  }, [s]);
+  const h = _((e) => {
+    H === void 0 && se(e), Y?.(e);
+  }, [H, Y]);
+  W(() => {
+    function e(t) {
+      O.current && !O.current.contains(t.target) && h(!1);
     }
-    if (u)
+    if (c)
       return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [u]);
-  const m = (e, s, w) => {
-    const g = /* @__PURE__ */ new Date(), b = new Date(
-      g.getFullYear(),
-      g.getMonth(),
-      g.getDate(),
+  }, [c, h]), W(() => {
+    if (!c) return;
+    const e = (t) => {
+      if (t.key === "Escape") {
+        h(!1);
+        return;
+      }
+      if (t.key !== "Tab") {
+        if (t.key === "ArrowUp" || t.key === "ArrowDown") {
+          t.preventDefault();
+          const i = t.key === "ArrowUp" ? -1 : 1;
+          if (g === "hour") {
+            const n = o === "12" ? 12 : 23, u = o === "12" ? 1 : 0;
+            let r = p + i * E;
+            r > n && (r = u), r < u && (r = n), J(r);
+          } else if (g === "minute") {
+            let n = $ + i * T;
+            n > 59 && (n = 0), n < 0 && (n = 59), Q(n);
+          } else if (g === "second") {
+            let n = k + i * F;
+            n > 59 && (n = 0), n < 0 && (n = 59), V(n);
+          } else g === "period" && U(b === "AM" ? "PM" : "AM");
+        }
+        if (t.key === "ArrowLeft" || t.key === "ArrowRight") {
+          t.preventDefault();
+          const i = ["hour", "minute"];
+          v && i.push("second"), o === "12" && i.push("period");
+          const n = i.indexOf(g), u = t.key === "ArrowLeft" ? -1 : 1;
+          let r = n + u;
+          r < 0 && (r = i.length - 1), r >= i.length && (r = 0), B(i[r]);
+        }
+        t.key === "Enter" && h(!1);
+      }
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [c, g, p, $, k, b, o, v, E, T, F, h]);
+  const re = _((e) => {
+    e.stopPropagation(), R(null), N(0), I(0), L(0), j("AM"), M?.(null);
+  }, [M]), C = (e, t, i) => {
+    const n = /* @__PURE__ */ new Date(), u = new Date(
+      n.getFullYear(),
+      n.getMonth(),
+      n.getDate(),
       e,
-      s,
-      w
+      t,
+      i
     );
-    O(b), p?.(b);
-  }, I = (e) => {
-    let s = e;
-    n === "12" && (s = P === "PM" ? e % 12 + 12 : e % 12), M(s), m(s, S, y);
-  }, L = (e) => {
-    v(e), m(l, e, y);
-  }, R = (e) => {
-    H(e), m(l, S, e);
-  }, D = (e) => {
-    k(e);
-    const s = e === "PM" ? l % 12 + 12 : l % 12;
-    M(s), m(s, S, y);
-  }, T = (e, s, w, g, b = 0) => {
-    const F = Array.from({ length: s - b + 1 }, (f, K) => b + K);
-    return /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ r("div", { className: "text-xs font-semibold text-center text-base-content/60 py-2", children: e }),
-      /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto max-h-48", children: F.map((f) => /* @__PURE__ */ r(
-        "button",
-        {
-          type: "button",
-          onClick: () => g(f),
-          className: `
-                w-full px-4 py-2 text-center hover:bg-base-200 transition-colors
-                ${w === f ? "bg-primary text-primary-content" : ""}
-              `,
-          children: String(f).padStart(2, "0")
-        },
-        f
-      )) })
-    ] });
-  }, z = n === "12" ? l % 12 || 12 : l;
-  return /* @__PURE__ */ c("div", { ref: A, className: `relative ${h}`, "data-state": u ? "open" : "closed", ...E, children: [
-    /* @__PURE__ */ r(
-      _,
+    R(u), M?.(u);
+  }, J = (e) => {
+    let t = e;
+    o === "12" && (t = b === "PM" ? e % 12 + 12 : e % 12), N(t), C(t, $, k);
+  }, Q = (e) => {
+    I(e), C(p, e, k);
+  }, V = (e) => {
+    L(e), C(p, $, e);
+  }, U = (e) => {
+    j(e);
+    const t = e === "PM" ? p % 12 + 12 : p % 12;
+    N(t), C(t, $, k);
+  }, q = (e, t, i, n, u, r = 1, de = 0) => {
+    const X = [];
+    for (let f = de; f <= i; f += r)
+      X.push(f);
+    const ce = `${K}-${e}-listbox`, ue = g === e;
+    return /* @__PURE__ */ m(
+      "div",
       {
-        value: q(o, n, $),
-        placeholder: i,
-        disabled: d,
-        size: x,
-        readOnly: !0,
-        onClick: () => !d && C(!u),
-        className: "cursor-pointer"
-      }
-    ),
-    u && /* @__PURE__ */ c("div", { className: "absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg z-50", children: [
-      /* @__PURE__ */ c("div", { className: "flex divide-x divide-base-300", children: [
-        T(
-          "Hour",
-          n === "12" ? 12 : 23,
-          z,
-          I,
-          n === "12" ? 1 : 0
-        ),
-        T("Min", 59, S, L),
-        $ && T("Sec", 59, y, R),
-        n === "12" && /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ r("div", { className: "text-xs font-semibold text-center text-base-content/60 py-2", children: "Period" }),
-          /* @__PURE__ */ c("div", { className: "flex-1 flex flex-col p-2 gap-2", children: [
-            /* @__PURE__ */ r(
-              "button",
-              {
-                type: "button",
-                onClick: () => D("AM"),
-                className: `
-                      btn btn-sm
-                      ${P === "AM" ? "btn-primary" : "btn-ghost"}
-                    `,
-                children: "AM"
-              }
-            ),
-            /* @__PURE__ */ r(
+        className: "flex flex-col w-16",
+        role: "listbox",
+        "aria-label": `Select ${t.toLowerCase()}`,
+        id: ce,
+        "data-testid": `${l}-${e}-column`,
+        tabIndex: 0,
+        onFocus: () => B(e),
+        children: [
+          /* @__PURE__ */ a("div", { className: "text-xs font-semibold text-center text-base-content/60 py-2", "aria-hidden": "true", children: t }),
+          /* @__PURE__ */ a("div", { className: "overflow-y-auto max-h-48", children: X.map((f) => {
+            const z = n === f;
+            return /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
-                onClick: () => D("PM"),
-                className: `
-                      btn btn-sm
-                      ${P === "PM" ? "btn-primary" : "btn-ghost"}
-                    `,
-                children: "PM"
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ c("div", { className: "flex justify-end gap-2 p-3 border-t border-base-300", children: [
-        /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              const e = /* @__PURE__ */ new Date();
-              M(e.getHours()), v(e.getMinutes()), H(e.getSeconds()), k(e.getHours() >= 12 ? "PM" : "AM"), m(e.getHours(), e.getMinutes(), e.getSeconds());
-            },
-            className: "btn btn-ghost btn-sm",
-            children: "Now"
-          }
-        ),
-        /* @__PURE__ */ r(
-          "button",
+                role: "option",
+                "aria-selected": z,
+                onClick: () => u(f),
+                "data-testid": `${l}-${e}-${f}`,
+                className: [
+                  "w-full px-4 py-2 text-center hover:bg-base-200 transition-colors",
+                  z ? "bg-primary text-primary-content" : "",
+                  ue && z ? "ring-2 ring-primary ring-offset-1" : ""
+                ].filter(Boolean).join(" "),
+                children: String(f).padStart(2, "0")
+              },
+              f
+            );
+          }) })
+        ]
+      }
+    );
+  }, ae = o === "12" ? p % 12 || 12 : p, le = {
+    error: "input-error",
+    warning: "input-warning"
+  };
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: (e) => {
+        O.current = e, typeof S == "function" ? S(e) : S && (S.current = e);
+      },
+      className: ["relative", A].filter(Boolean).join(" "),
+      "data-testid": l,
+      "data-state": c ? "open" : "closed",
+      ...ne,
+      children: [
+        /* @__PURE__ */ m("div", { className: "relative", children: [
+          /* @__PURE__ */ a(
+            me,
+            {
+              value: be(d, o, v),
+              placeholder: w,
+              disabled: y,
+              size: P,
+              readOnly: !0,
+              onClick: () => !y && h(!c),
+              className: ["cursor-pointer pr-8", G ? le[G] : ""].filter(Boolean).join(" "),
+              "aria-haspopup": "listbox",
+              "aria-expanded": c,
+              "aria-controls": c ? `${K}-dropdown` : void 0,
+              "data-testid": `${l}-input`
+            }
+          ),
+          ee && d && !y && /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              onClick: re,
+              className: "absolute right-2 top-1/2 -translate-y-1/2 btn btn-ghost btn-xs btn-circle",
+              "aria-label": "Clear time",
+              "data-testid": `${l}-clear`,
+              children: /* @__PURE__ */ a("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+            }
+          )
+        ] }),
+        c && /* @__PURE__ */ m(
+          "div",
           {
-            type: "button",
-            onClick: () => C(!1),
-            className: "btn btn-primary btn-sm",
-            children: "OK"
+            ref: ie,
+            id: `${K}-dropdown`,
+            className: "absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-xl z-[9999] w-fit",
+            role: "dialog",
+            "aria-label": "Time picker",
+            "data-testid": `${l}-dropdown`,
+            children: [
+              /* @__PURE__ */ m("div", { className: "flex divide-x divide-base-300", children: [
+                q(
+                  "hour",
+                  "Hour",
+                  o === "12" ? 12 : 23,
+                  ae,
+                  J,
+                  E,
+                  o === "12" ? 1 : 0
+                ),
+                q("minute", "Min", 59, $, Q, T),
+                v && q("second", "Sec", 59, k, V, F),
+                o === "12" && /* @__PURE__ */ m(
+                  "div",
+                  {
+                    className: "flex flex-col w-16",
+                    role: "listbox",
+                    "aria-label": "Select period",
+                    "data-testid": `${l}-period-column`,
+                    tabIndex: 0,
+                    onFocus: () => B("period"),
+                    children: [
+                      /* @__PURE__ */ a("div", { className: "text-xs font-semibold text-center text-base-content/60 py-2", "aria-hidden": "true", children: "Period" }),
+                      /* @__PURE__ */ m("div", { className: "flex flex-col p-2 gap-2", children: [
+                        /* @__PURE__ */ a(
+                          "button",
+                          {
+                            type: "button",
+                            role: "option",
+                            "aria-selected": b === "AM",
+                            onClick: () => U("AM"),
+                            "data-testid": `${l}-period-am`,
+                            className: [
+                              "btn btn-sm",
+                              b === "AM" ? "btn-primary" : "btn-ghost"
+                            ].join(" "),
+                            children: "AM"
+                          }
+                        ),
+                        /* @__PURE__ */ a(
+                          "button",
+                          {
+                            type: "button",
+                            role: "option",
+                            "aria-selected": b === "PM",
+                            onClick: () => U("PM"),
+                            "data-testid": `${l}-period-pm`,
+                            className: [
+                              "btn btn-sm",
+                              b === "PM" ? "btn-primary" : "btn-ghost"
+                            ].join(" "),
+                            children: "PM"
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ m("div", { className: "flex justify-end gap-2 p-3 border-t border-base-300", children: [
+                /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      const e = /* @__PURE__ */ new Date();
+                      N(e.getHours()), I(e.getMinutes()), L(e.getSeconds()), j(e.getHours() >= 12 ? "PM" : "AM"), C(e.getHours(), e.getMinutes(), e.getSeconds());
+                    },
+                    className: "btn btn-ghost btn-sm",
+                    "data-testid": `${l}-now`,
+                    children: "Now"
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => h(!1),
+                    className: "btn btn-primary btn-sm",
+                    "data-testid": `${l}-ok`,
+                    children: "OK"
+                  }
+                )
+              ] })
+            ]
           }
         )
-      ] })
-    ] })
-  ] });
-};
+      ]
+    }
+  );
+});
+ge.displayName = "TimePicker";
 export {
-  Q as TimePicker
+  ge as TimePicker
 };
 //# sourceMappingURL=index86.js.map