asterui 0.10.3 → 0.12.0

package/dist/index82.js

@@ -1,216 +1,164 @@
-import { jsx as d, jsxs as H } from "react/jsx-runtime";
-import { useMemo as J, useState as $, useCallback as K } from "react";
-function Y(e) {
-  const t = [], i = (r) => {
-    r.forEach((l) => {
-      t.push(l.key), l.children && i(l.children);
-    });
-  };
-  return i(e), t;
-}
-function I(e) {
-  const t = [], i = (r) => {
-    r.children && r.children.forEach((l) => {
-      t.push(l.key), i(l);
-    });
-  };
-  return i(e), t;
-}
-function Z(e) {
-  const t = /* @__PURE__ */ new Map(), i = (r, l) => {
-    r.forEach((o) => {
-      t.set(o.key, l), o.children && i(o.children, o.key);
-    });
-  };
-  return i(e, null), t;
-}
-function A(e, t) {
-  for (const i of e) {
-    if (i.key === t) return i;
-    if (i.children) {
-      const r = A(i.children, t);
-      if (r) return r;
-    }
+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 "./index38.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}`;
   }
-  return null;
+  const h = String(n).padStart(2, "0");
+  return p ? `${h}:${i}:${d}` : `${h}:${i}`;
 }
-function _({
-  node: e,
-  level: t,
-  expanded: i,
-  selected: r,
-  checked: l,
-  indeterminate: o,
-  checkable: x,
-  selectable: M,
-  showLine: b,
-  showIcon: S,
-  onToggle: C,
-  onSelect: N,
-  onCheck: w,
-  renderChildren: j
-}) {
-  const v = e.children && e.children.length > 0, m = e.isLeaf ?? !v, T = (f) => {
-    f.stopPropagation(), m || C(e.key);
-  }, L = () => {
-    M && e.selectable !== !1 && !e.disabled && N(e.key, e);
-  }, B = (f) => {
-    f.stopPropagation(), !e.disabled && !e.disableCheckbox && w(e.key, e);
-  };
-  return /* @__PURE__ */ H("div", { className: "tree-node", children: [
-    /* @__PURE__ */ H(
-      "div",
+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);
+    }
+    if (u)
+      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(),
+      e,
+      s,
+      w
+    );
+    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(
+      _,
       {
-        className: [
-          "flex items-center py-1 px-1 rounded cursor-pointer hover:bg-base-200 transition-colors",
-          r && "bg-primary/10 text-primary",
-          e.disabled && "opacity-50 cursor-not-allowed"
-        ].filter(Boolean).join(" "),
-        style: { paddingLeft: `${t * 20}px` },
-        onClick: L,
-        children: [
-          /* @__PURE__ */ d(
-            "span",
-            {
-              className: [
-                "w-5 h-5 flex items-center justify-center flex-shrink-0",
-                !m && "cursor-pointer hover:bg-base-300 rounded"
-              ].filter(Boolean).join(" "),
-              onClick: T,
-              children: !m && /* @__PURE__ */ d(
-                "svg",
-                {
-                  className: `w-3 h-3 transition-transform ${i ? "rotate-90" : ""}`,
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  stroke: "currentColor",
-                  children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
-                }
-              )
-            }
-          ),
-          x && e.checkable !== !1 && /* @__PURE__ */ d("span", { className: "mr-1 flex-shrink-0", onClick: B, children: /* @__PURE__ */ d(
-            "input",
-            {
-              type: "checkbox",
-              className: "checkbox checkbox-sm checkbox-primary",
-              checked: l,
-              ref: (f) => {
-                f && (f.indeterminate = o);
-              },
-              disabled: e.disabled || e.disableCheckbox,
-              onChange: () => {
-              }
-            }
-          ) }),
-          S && e.icon && /* @__PURE__ */ d("span", { className: "mr-1 flex-shrink-0", children: e.icon }),
-          /* @__PURE__ */ d("span", { className: "flex-1 truncate select-none", children: e.title })
-        ]
+        value: q(o, n, $),
+        placeholder: i,
+        disabled: d,
+        size: x,
+        readOnly: !0,
+        onClick: () => !d && C(!u),
+        className: "cursor-pointer"
       }
     ),
-    v && i && /* @__PURE__ */ d("div", { className: b ? "border-l border-base-300 ml-2.5" : "", children: j(e.children, t + 1) })
+    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(
+              "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",
+          {
+            type: "button",
+            onClick: () => C(!1),
+            className: "btn btn-primary btn-sm",
+            children: "OK"
+          }
+        )
+      ] })
+    ] })
   ] });
-}
-function se({
-  treeData: e,
-  checkable: t = !1,
-  selectable: i = !0,
-  multiple: r = !1,
-  defaultExpandAll: l = !1,
-  defaultExpandedKeys: o = [],
-  expandedKeys: x,
-  defaultSelectedKeys: M = [],
-  selectedKeys: b,
-  defaultCheckedKeys: S = [],
-  checkedKeys: C,
-  onExpand: N,
-  onSelect: w,
-  onCheck: j,
-  showLine: v = !1,
-  showIcon: m = !1,
-  className: T = "",
-  ...L
-}) {
-  const B = J(() => l ? Y(e) : o, []), [f, O] = $(B), [Q, R] = $(M), [U, V] = $(S), y = x ?? f, u = b ?? Q, p = C ?? U, P = J(() => Z(e), [e]), W = K(
-    (n) => {
-      if (!n.children || n.children.length === 0)
-        return { checked: p.includes(n.key), indeterminate: !1 };
-      const a = I(n), c = a.filter((s) => p.includes(s));
-      return c.length === 0 ? { checked: p.includes(n.key), indeterminate: !1 } : c.length === a.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
-    },
-    [p]
-  ), q = K(
-    (n) => {
-      const a = A(e, n), c = y.includes(n), s = c ? y.filter((g) => g !== n) : [...y, n];
-      x === void 0 && O(s), N?.(s, { node: a, expanded: !c });
-    },
-    [y, x, N, e]
-  ), z = K(
-    (n, a) => {
-      let c;
-      r ? u.includes(n) ? c = u.filter((s) => s !== n) : c = [...u, n] : c = u.includes(n) ? [] : [n], b === void 0 && R(c), w?.(c, { node: a, selected: c.includes(n) });
-    },
-    [u, r, b, w]
-  ), F = K(
-    (n, a) => {
-      const c = p.includes(n);
-      let s = [...p];
-      const g = I(a);
-      c ? s = s.filter(
-        (h) => h !== n && !g.includes(h)
-      ) : (s.push(n), g.forEach((h) => {
-        s.includes(h) || s.push(h);
-      }));
-      let k = P.get(n) ?? null;
-      for (; k; ) {
-        const h = A(e, k);
-        h && h.children && (h.children.every(
-          (E) => s.includes(E.key) || I(E).every((X) => s.includes(X))
-        ) ? s.includes(k) || s.push(k) : s = s.filter((E) => E !== k)), k = P.get(k) ?? null;
-      }
-      C === void 0 && V(s), j?.(s, { node: a, checked: !c });
-    },
-    [p, C, j, P, e]
-  ), G = K(
-    (n, a) => n.map((c) => {
-      const { checked: s, indeterminate: g } = W(c);
-      return /* @__PURE__ */ d(
-        _,
-        {
-          node: c,
-          level: a,
-          expanded: y.includes(c.key),
-          selected: u.includes(c.key),
-          checked: s,
-          indeterminate: g,
-          checkable: t,
-          selectable: i,
-          showLine: v,
-          showIcon: m,
-          onToggle: q,
-          onSelect: z,
-          onCheck: F,
-          renderChildren: G
-        },
-        c.key
-      );
-    }),
-    [
-      y,
-      u,
-      t,
-      i,
-      v,
-      m,
-      q,
-      z,
-      F,
-      W
-    ]
-  );
-  return /* @__PURE__ */ d("div", { className: `tree ${T}`, ...L, children: G(e, 0) });
-}
+};
 export {
-  se as Tree
+  Q as TimePicker
 };
 //# sourceMappingURL=index82.js.map

package/dist/index82.js.map

@@ -1 +1 @@
-{"version":3,"file":"index82.js","sources":["../src/components/Tree.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\n\nexport interface TreeDataNode {\n  key: string\n  title: React.ReactNode\n  children?: TreeDataNode[]\n  disabled?: boolean\n  disableCheckbox?: boolean\n  selectable?: boolean\n  checkable?: boolean\n  icon?: React.ReactNode\n  isLeaf?: boolean\n}\n\nexport interface TreeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  treeData: TreeDataNode[]\n  checkable?: boolean\n  selectable?: boolean\n  multiple?: boolean\n  defaultExpandAll?: boolean\n  defaultExpandedKeys?: string[]\n  expandedKeys?: string[]\n  defaultSelectedKeys?: string[]\n  selectedKeys?: string[]\n  defaultCheckedKeys?: string[]\n  checkedKeys?: string[]\n  onExpand?: (expandedKeys: string[], info: { node: TreeDataNode; expanded: boolean }) => void\n  onSelect?: (selectedKeys: string[], info: { node: TreeDataNode; selected: boolean }) => void\n  onCheck?: (checkedKeys: string[], info: { node: TreeDataNode; checked: boolean }) => void\n  showLine?: boolean\n  showIcon?: boolean\n}\n\n// Helper to get all keys from tree data\nfunction getAllKeys(data: TreeDataNode[]): string[] {\n  const keys: string[] = []\n  const traverse = (nodes: TreeDataNode[]) => {\n    nodes.forEach((node) => {\n      keys.push(node.key)\n      if (node.children) {\n        traverse(node.children)\n      }\n    })\n  }\n  traverse(data)\n  return keys\n}\n\n// Helper to get all descendant keys\nfunction getDescendantKeys(node: TreeDataNode): string[] {\n  const keys: string[] = []\n  const traverse = (n: TreeDataNode) => {\n    if (n.children) {\n      n.children.forEach((child) => {\n        keys.push(child.key)\n        traverse(child)\n      })\n    }\n  }\n  traverse(node)\n  return keys\n}\n\n// Helper to get parent map\nfunction getParentMap(data: TreeDataNode[]): Map<string, string | null> {\n  const map = new Map<string, string | null>()\n  const traverse = (nodes: TreeDataNode[], parentKey: string | null) => {\n    nodes.forEach((node) => {\n      map.set(node.key, parentKey)\n      if (node.children) {\n        traverse(node.children, node.key)\n      }\n    })\n  }\n  traverse(data, null)\n  return map\n}\n\n// Helper to find node by key\nfunction findNode(data: TreeDataNode[], key: string): TreeDataNode | null {\n  for (const node of data) {\n    if (node.key === key) return node\n    if (node.children) {\n      const found = findNode(node.children, key)\n      if (found) return found\n    }\n  }\n  return null\n}\n\ninterface TreeNodeProps {\n  node: TreeDataNode\n  level: number\n  expanded: boolean\n  selected: boolean\n  checked: boolean\n  indeterminate: boolean\n  checkable: boolean\n  selectable: boolean\n  showLine: boolean\n  showIcon: boolean\n  onToggle: (key: string) => void\n  onSelect: (key: string, node: TreeDataNode) => void\n  onCheck: (key: string, node: TreeDataNode) => void\n  renderChildren: (children: TreeDataNode[], level: number) => React.ReactNode\n}\n\nfunction TreeNode({\n  node,\n  level,\n  expanded,\n  selected,\n  checked,\n  indeterminate,\n  checkable,\n  selectable,\n  showLine,\n  showIcon,\n  onToggle,\n  onSelect,\n  onCheck,\n  renderChildren,\n}: TreeNodeProps) {\n  const hasChildren = node.children && node.children.length > 0\n  const isLeaf = node.isLeaf ?? !hasChildren\n\n  const handleToggle = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (!isLeaf) {\n      onToggle(node.key)\n    }\n  }\n\n  const handleSelect = () => {\n    if (selectable && node.selectable !== false && !node.disabled) {\n      onSelect(node.key, node)\n    }\n  }\n\n  const handleCheck = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (!node.disabled && !node.disableCheckbox) {\n      onCheck(node.key, node)\n    }\n  }\n\n  return (\n    <div className=\"tree-node\">\n      <div\n        className={[\n          'flex items-center py-1 px-1 rounded cursor-pointer hover:bg-base-200 transition-colors',\n          selected && 'bg-primary/10 text-primary',\n          node.disabled && 'opacity-50 cursor-not-allowed',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        style={{ paddingLeft: `${level * 20}px` }}\n        onClick={handleSelect}\n      >\n        {/* Expand/Collapse icon */}\n        <span\n          className={[\n            'w-5 h-5 flex items-center justify-center flex-shrink-0',\n            !isLeaf && 'cursor-pointer hover:bg-base-300 rounded',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={handleToggle}\n        >\n          {!isLeaf && (\n            <svg\n              className={`w-3 h-3 transition-transform ${expanded ? 'rotate-90' : ''}`}\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n            </svg>\n          )}\n        </span>\n\n        {/* Checkbox */}\n        {checkable && node.checkable !== false && (\n          <span className=\"mr-1 flex-shrink-0\" onClick={handleCheck}>\n            <input\n              type=\"checkbox\"\n              className=\"checkbox checkbox-sm checkbox-primary\"\n              checked={checked}\n              ref={(el) => {\n                if (el) el.indeterminate = indeterminate\n              }}\n              disabled={node.disabled || node.disableCheckbox}\n              onChange={() => {}}\n            />\n          </span>\n        )}\n\n        {/* Custom icon */}\n        {showIcon && node.icon && <span className=\"mr-1 flex-shrink-0\">{node.icon}</span>}\n\n        {/* Title */}\n        <span className=\"flex-1 truncate select-none\">{node.title}</span>\n      </div>\n\n      {/* Children */}\n      {hasChildren && expanded && (\n        <div className={showLine ? 'border-l border-base-300 ml-2.5' : ''}>\n          {renderChildren(node.children!, level + 1)}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport function Tree({\n  treeData,\n  checkable = false,\n  selectable = true,\n  multiple = false,\n  defaultExpandAll = false,\n  defaultExpandedKeys = [],\n  expandedKeys: controlledExpandedKeys,\n  defaultSelectedKeys = [],\n  selectedKeys: controlledSelectedKeys,\n  defaultCheckedKeys = [],\n  checkedKeys: controlledCheckedKeys,\n  onExpand,\n  onSelect,\n  onCheck,\n  showLine = false,\n  showIcon = false,\n  className = '',\n  ...rest\n}: TreeProps) {\n  // Initialize expanded keys\n  const initialExpandedKeys = useMemo(() => {\n    if (defaultExpandAll) {\n      return getAllKeys(treeData)\n    }\n    return defaultExpandedKeys\n  }, [])\n\n  const [internalExpandedKeys, setInternalExpandedKeys] = useState<string[]>(initialExpandedKeys)\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n  const [internalCheckedKeys, setInternalCheckedKeys] = useState<string[]>(defaultCheckedKeys)\n\n  const expandedKeys = controlledExpandedKeys ?? internalExpandedKeys\n  const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n  const checkedKeys = controlledCheckedKeys ?? internalCheckedKeys\n\n  const parentMap = useMemo(() => getParentMap(treeData), [treeData])\n\n  // Calculate indeterminate state for each node\n  const getCheckedState = useCallback(\n    (node: TreeDataNode): { checked: boolean; indeterminate: boolean } => {\n      if (!node.children || node.children.length === 0) {\n        return { checked: checkedKeys.includes(node.key), indeterminate: false }\n      }\n\n      const descendantKeys = getDescendantKeys(node)\n      const checkedDescendants = descendantKeys.filter((k) => checkedKeys.includes(k))\n\n      if (checkedDescendants.length === 0) {\n        return { checked: checkedKeys.includes(node.key), indeterminate: false }\n      }\n\n      if (checkedDescendants.length === descendantKeys.length) {\n        return { checked: true, indeterminate: false }\n      }\n\n      return { checked: false, indeterminate: true }\n    },\n    [checkedKeys]\n  )\n\n  const handleToggle = useCallback(\n    (key: string) => {\n      const node = findNode(treeData, key)\n      const isExpanded = expandedKeys.includes(key)\n      const newExpandedKeys = isExpanded\n        ? expandedKeys.filter((k) => k !== key)\n        : [...expandedKeys, key]\n\n      if (controlledExpandedKeys === undefined) {\n        setInternalExpandedKeys(newExpandedKeys)\n      }\n\n      onExpand?.(newExpandedKeys, { node: node!, expanded: !isExpanded })\n    },\n    [expandedKeys, controlledExpandedKeys, onExpand, treeData]\n  )\n\n  const handleSelect = useCallback(\n    (key: string, node: TreeDataNode) => {\n      let newSelectedKeys: string[]\n\n      if (multiple) {\n        if (selectedKeys.includes(key)) {\n          newSelectedKeys = selectedKeys.filter((k) => k !== key)\n        } else {\n          newSelectedKeys = [...selectedKeys, key]\n        }\n      } else {\n        newSelectedKeys = selectedKeys.includes(key) ? [] : [key]\n      }\n\n      if (controlledSelectedKeys === undefined) {\n        setInternalSelectedKeys(newSelectedKeys)\n      }\n\n      onSelect?.(newSelectedKeys, { node, selected: newSelectedKeys.includes(key) })\n    },\n    [selectedKeys, multiple, controlledSelectedKeys, onSelect]\n  )\n\n  const handleCheck = useCallback(\n    (key: string, node: TreeDataNode) => {\n      const isChecked = checkedKeys.includes(key)\n      let newCheckedKeys = [...checkedKeys]\n\n      // Get all descendant keys\n      const descendantKeys = getDescendantKeys(node)\n\n      if (isChecked) {\n        // Uncheck this node and all descendants\n        newCheckedKeys = newCheckedKeys.filter(\n          (k) => k !== key && !descendantKeys.includes(k)\n        )\n      } else {\n        // Check this node and all descendants\n        newCheckedKeys.push(key)\n        descendantKeys.forEach((dk) => {\n          if (!newCheckedKeys.includes(dk)) {\n            newCheckedKeys.push(dk)\n          }\n        })\n      }\n\n      // Update parent states\n      let currentKey: string | null = parentMap.get(key) ?? null\n      while (currentKey) {\n        const parentNode = findNode(treeData, currentKey)\n        if (parentNode && parentNode.children) {\n          const allChildrenChecked = parentNode.children.every(\n            (child) =>\n              newCheckedKeys.includes(child.key) ||\n              getDescendantKeys(child).every((dk) => newCheckedKeys.includes(dk))\n          )\n\n          if (allChildrenChecked) {\n            if (!newCheckedKeys.includes(currentKey)) {\n              newCheckedKeys.push(currentKey)\n            }\n          } else {\n            newCheckedKeys = newCheckedKeys.filter((k) => k !== currentKey)\n          }\n        }\n        currentKey = parentMap.get(currentKey) ?? null\n      }\n\n      if (controlledCheckedKeys === undefined) {\n        setInternalCheckedKeys(newCheckedKeys)\n      }\n\n      onCheck?.(newCheckedKeys, { node, checked: !isChecked })\n    },\n    [checkedKeys, controlledCheckedKeys, onCheck, parentMap, treeData]\n  )\n\n  const renderNodes = useCallback(\n    (nodes: TreeDataNode[], level: number): React.ReactNode => {\n      return nodes.map((node) => {\n        const { checked, indeterminate } = getCheckedState(node)\n\n        return (\n          <TreeNode\n            key={node.key}\n            node={node}\n            level={level}\n            expanded={expandedKeys.includes(node.key)}\n            selected={selectedKeys.includes(node.key)}\n            checked={checked}\n            indeterminate={indeterminate}\n            checkable={checkable}\n            selectable={selectable}\n            showLine={showLine}\n            showIcon={showIcon}\n            onToggle={handleToggle}\n            onSelect={handleSelect}\n            onCheck={handleCheck}\n            renderChildren={renderNodes}\n          />\n        )\n      })\n    },\n    [\n      expandedKeys,\n      selectedKeys,\n      checkable,\n      selectable,\n      showLine,\n      showIcon,\n      handleToggle,\n      handleSelect,\n      handleCheck,\n      getCheckedState,\n    ]\n  )\n\n  return <div className={`tree ${className}`} {...rest}>{renderNodes(treeData, 0)}</div>\n}\n"],"names":["getAllKeys","data","keys","traverse","nodes","node","getDescendantKeys","n","child","getParentMap","map","parentKey","findNode","key","found","TreeNode","level","expanded","selected","checked","indeterminate","checkable","selectable","showLine","showIcon","onToggle","onSelect","onCheck","renderChildren","hasChildren","isLeaf","handleToggle","e","handleSelect","handleCheck","jsxs","jsx","el","Tree","treeData","multiple","defaultExpandAll","defaultExpandedKeys","controlledExpandedKeys","defaultSelectedKeys","controlledSelectedKeys","defaultCheckedKeys","controlledCheckedKeys","onExpand","className","rest","initialExpandedKeys","useMemo","internalExpandedKeys","setInternalExpandedKeys","useState","internalSelectedKeys","setInternalSelectedKeys","internalCheckedKeys","setInternalCheckedKeys","expandedKeys","selectedKeys","checkedKeys","parentMap","getCheckedState","useCallback","descendantKeys","checkedDescendants","k","isExpanded","newExpandedKeys","newSelectedKeys","isChecked","newCheckedKeys","dk","currentKey","parentNode","renderNodes"],"mappings":"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"}
+{"version":3,"file":"index82.js","sources":["../src/components/TimePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport { Input } from './Input'\n\nexport interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: Date | null\n  defaultValue?: Date | null\n  onChange?: (date: Date | null) => void\n  format?: '12' | '24'\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  showSeconds?: boolean\n}\n\nfunction formatTime(date: Date | null, format: '12' | '24' = '24', showSeconds: boolean = false): string {\n  if (!date) return ''\n\n  let hours = date.getHours()\n  const minutes = String(date.getMinutes()).padStart(2, '0')\n  const seconds = String(date.getSeconds()).padStart(2, '0')\n\n  if (format === '12') {\n    const period = hours >= 12 ? 'PM' : 'AM'\n    hours = hours % 12 || 12\n    const timeStr = showSeconds\n      ? `${hours}:${minutes}:${seconds} ${period}`\n      : `${hours}:${minutes} ${period}`\n    return timeStr\n  }\n\n  const hoursStr = String(hours).padStart(2, '0')\n  return showSeconds ? `${hoursStr}:${minutes}:${seconds}` : `${hoursStr}:${minutes}`\n}\n\nexport const TimePicker: React.FC<TimePickerProps> = ({\n  value,\n  defaultValue,\n  onChange,\n  format = '24',\n  placeholder = 'Select time',\n  disabled = false,\n  className = '',\n  size = 'md',\n  showSeconds = false,\n  ...rest\n}) => {\n  const [selectedTime, setSelectedTime] = useState<Date | null>(\n    value || defaultValue || null\n  )\n  const [isOpen, setIsOpen] = useState(false)\n  const [hours, setHours] = useState(selectedTime ? selectedTime.getHours() : 0)\n  const [minutes, setMinutes] = useState(selectedTime ? selectedTime.getMinutes() : 0)\n  const [seconds, setSeconds] = useState(selectedTime ? selectedTime.getSeconds() : 0)\n  const [period, setPeriod] = useState<'AM' | 'PM'>(\n    selectedTime && selectedTime.getHours() >= 12 ? 'PM' : 'AM'\n  )\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setSelectedTime(value)\n      if (value) {\n        setHours(value.getHours())\n        setMinutes(value.getMinutes())\n        setSeconds(value.getSeconds())\n        setPeriod(value.getHours() >= 12 ? 'PM' : 'AM')\n      }\n    }\n  }, [value])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\n\n  const handleTimeChange = (newHours: number, newMinutes: number, newSeconds: number) => {\n    const now = new Date()\n    const newTime = new Date(\n      now.getFullYear(),\n      now.getMonth(),\n      now.getDate(),\n      newHours,\n      newMinutes,\n      newSeconds\n    )\n    setSelectedTime(newTime)\n    onChange?.(newTime)\n  }\n\n  const handleHourChange = (newHour: number) => {\n    let actualHour = newHour\n    if (format === '12') {\n      actualHour = period === 'PM' ? (newHour % 12) + 12 : newHour % 12\n    }\n    setHours(actualHour)\n    handleTimeChange(actualHour, minutes, seconds)\n  }\n\n  const handleMinuteChange = (newMinute: number) => {\n    setMinutes(newMinute)\n    handleTimeChange(hours, newMinute, seconds)\n  }\n\n  const handleSecondChange = (newSecond: number) => {\n    setSeconds(newSecond)\n    handleTimeChange(hours, minutes, newSecond)\n  }\n\n  const handlePeriodChange = (newPeriod: 'AM' | 'PM') => {\n    setPeriod(newPeriod)\n    const newHours = newPeriod === 'PM'\n      ? (hours % 12) + 12\n      : hours % 12\n    setHours(newHours)\n    handleTimeChange(newHours, minutes, seconds)\n  }\n\n  const renderTimeColumn = (\n    label: string,\n    maxValue: number,\n    currentValue: number,\n    onChange: (value: number) => void,\n    start: number = 0\n  ) => {\n    const items = Array.from({ length: maxValue - start + 1 }, (_, i) => start + i)\n\n    return (\n      <div className=\"flex flex-col\">\n        <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\">\n          {label}\n        </div>\n        <div className=\"flex-1 overflow-y-auto max-h-48\">\n          {items.map((item) => (\n            <button\n              key={item}\n              type=\"button\"\n              onClick={() => onChange(item)}\n              className={`\n                w-full px-4 py-2 text-center hover:bg-base-200 transition-colors\n                ${currentValue === item ? 'bg-primary text-primary-content' : ''}\n              `}\n            >\n              {String(item).padStart(2, '0')}\n            </button>\n          ))}\n        </div>\n      </div>\n    )\n  }\n\n  const displayHours = format === '12' ? (hours % 12 || 12) : hours\n\n  return (\n    <div ref={containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <Input\n        value={formatTime(selectedTime, format, showSeconds)}\n        placeholder={placeholder}\n        disabled={disabled}\n        size={size}\n        readOnly\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        className=\"cursor-pointer\"\n      />\n\n      {isOpen && (\n        <div className=\"absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg z-50\">\n          <div className=\"flex divide-x divide-base-300\">\n            {renderTimeColumn(\n              'Hour',\n              format === '12' ? 12 : 23,\n              displayHours,\n              handleHourChange,\n              format === '12' ? 1 : 0\n            )}\n\n            {renderTimeColumn('Min', 59, minutes, handleMinuteChange)}\n\n            {showSeconds && renderTimeColumn('Sec', 59, seconds, handleSecondChange)}\n\n            {format === '12' && (\n              <div className=\"flex flex-col\">\n                <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\">\n                  Period\n                </div>\n                <div className=\"flex-1 flex flex-col p-2 gap-2\">\n                  <button\n                    type=\"button\"\n                    onClick={() => handlePeriodChange('AM')}\n                    className={`\n                      btn btn-sm\n                      ${period === 'AM' ? 'btn-primary' : 'btn-ghost'}\n                    `}\n                  >\n                    AM\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => handlePeriodChange('PM')}\n                    className={`\n                      btn btn-sm\n                      ${period === 'PM' ? 'btn-primary' : 'btn-ghost'}\n                    `}\n                  >\n                    PM\n                  </button>\n                </div>\n              </div>\n            )}\n          </div>\n\n          {/* Action buttons */}\n          <div className=\"flex justify-end gap-2 p-3 border-t border-base-300\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                const now = new Date()\n                setHours(now.getHours())\n                setMinutes(now.getMinutes())\n                setSeconds(now.getSeconds())\n                setPeriod(now.getHours() >= 12 ? 'PM' : 'AM')\n                handleTimeChange(now.getHours(), now.getMinutes(), now.getSeconds())\n              }}\n              className=\"btn btn-ghost btn-sm\"\n            >\n              Now\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setIsOpen(false)}\n              className=\"btn btn-primary btn-sm\"\n            >\n              OK\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["formatTime","date","format","showSeconds","hours","minutes","seconds","period","hoursStr","TimePicker","value","defaultValue","onChange","placeholder","disabled","className","size","rest","selectedTime","setSelectedTime","useState","isOpen","setIsOpen","setHours","setMinutes","setSeconds","setPeriod","containerRef","useRef","useEffect","handleClickOutside","event","handleTimeChange","newHours","newMinutes","newSeconds","now","newTime","handleHourChange","newHour","actualHour","handleMinuteChange","newMinute","handleSecondChange","newSecond","handlePeriodChange","newPeriod","renderTimeColumn","label","maxValue","currentValue","start","items","_","i","jsxs","jsx","item","displayHours","Input"],"mappings":"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"}