asterui 0.11.0 → 0.12.1

package/dist/index85.js

@@ -1,298 +1,38 @@
-import { jsx as o, jsxs as v } from "react/jsx-runtime";
-import { useState as j, useRef as G, useMemo as z, useEffect as re, useCallback as b } from "react";
-function J(t, i = []) {
-  const u = [];
-  return t.forEach((c) => {
-    const a = [...i, c.title];
-    u.push({ node: c, path: a }), c.children && u.push(...J(c.children, a));
-  }), u;
-}
-function ie(t) {
-  const i = [], u = (c) => {
-    c.forEach((a) => {
-      i.push(a.key), a.children && u(a.children);
-    });
-  };
-  return u(t), i;
-}
-function k(t, i) {
-  for (const u of t) {
-    if (u.key === i) return u;
-    if (u.children) {
-      const c = k(u.children, i);
-      if (c) return c;
-    }
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+const m = i(
+  ({
+    size: e,
+    color: g,
+    className: t = "",
+    ...o
+  }, l) => {
+    const s = {
+      xs: "toggle-xs",
+      sm: "toggle-sm",
+      md: "toggle-md",
+      lg: "toggle-lg",
+      xl: "toggle-xl"
+    }, a = {
+      primary: "toggle-primary",
+      secondary: "toggle-secondary",
+      accent: "toggle-accent",
+      neutral: "toggle-neutral",
+      success: "toggle-success",
+      warning: "toggle-warning",
+      info: "toggle-info",
+      error: "toggle-error"
+    }, r = [
+      "toggle",
+      e && s[e],
+      g && a[g],
+      t
+    ].filter(Boolean).join(" "), c = o.checked ? "checked" : "unchecked";
+    return /* @__PURE__ */ n("input", { ref: l, type: "checkbox", className: r, "data-state": c, ...o });
   }
-  return null;
-}
-function H(t) {
-  const i = [], u = (c) => {
-    c.children && c.children.forEach((a) => {
-      i.push(a.key), u(a);
-    });
-  };
-  return u(t), i;
-}
-function le({
-  node: t,
-  level: i,
-  expanded: u,
-  selected: c,
-  checked: a,
-  indeterminate: m,
-  treeCheckable: w,
-  onToggle: M,
-  onSelect: E,
-  onCheck: x,
-  renderChildren: K
-}) {
-  const N = t.children && t.children.length > 0, p = t.isLeaf ?? !N, C = (f) => {
-    f.stopPropagation(), p || M(t.key);
-  }, B = () => {
-    t.disabled || (w ? x(t.key, t) : E(t.key, t));
-  }, P = (f) => {
-    f.stopPropagation(), t.disabled || x(t.key, t);
-  };
-  return /* @__PURE__ */ v("div", { className: "tree-select-node", children: [
-    /* @__PURE__ */ v(
-      "div",
-      {
-        className: [
-          "flex items-center py-1.5 px-2 cursor-pointer hover:bg-base-200 transition-colors",
-          (c || a) && "bg-primary/10 text-primary",
-          t.disabled && "opacity-50 cursor-not-allowed"
-        ].filter(Boolean).join(" "),
-        style: { paddingLeft: `${i * 16 + 8}px` },
-        onClick: B,
-        children: [
-          /* @__PURE__ */ o(
-            "span",
-            {
-              className: [
-                "w-4 h-4 flex items-center justify-center flex-shrink-0 mr-1",
-                !p && "cursor-pointer"
-              ].filter(Boolean).join(" "),
-              onClick: C,
-              children: !p && /* @__PURE__ */ o(
-                "svg",
-                {
-                  className: `w-3 h-3 transition-transform ${u ? "rotate-90" : ""}`,
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  stroke: "currentColor",
-                  children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
-                }
-              )
-            }
-          ),
-          w && /* @__PURE__ */ o("span", { className: "mr-2 flex-shrink-0", onClick: P, children: /* @__PURE__ */ o(
-            "input",
-            {
-              type: "checkbox",
-              className: "checkbox checkbox-sm checkbox-primary",
-              checked: a,
-              ref: (f) => {
-                f && (f.indeterminate = m);
-              },
-              disabled: t.disabled,
-              onChange: () => {
-              }
-            }
-          ) }),
-          /* @__PURE__ */ o("span", { className: "flex-1 truncate select-none text-sm", children: t.title })
-        ]
-      }
-    ),
-    N && u && K(t.children, i + 1)
-  ] });
-}
-function ae({
-  treeData: t,
-  value: i,
-  defaultValue: u = [],
-  onChange: c,
-  multiple: a = !1,
-  treeCheckable: m = !1,
-  showSearch: w = !1,
-  placeholder: M = "Please select",
-  allowClear: E = !0,
-  disabled: x = !1,
-  treeDefaultExpandAll: K = !1,
-  treeDefaultExpandedKeys: N = [],
-  treeExpandedKeys: p,
-  onTreeExpand: C,
-  size: B = "md",
-  className: P = "",
-  ...f
-}) {
-  const [y, T] = j(!1), [L, V] = j(""), W = G(null), Q = G(null), A = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], U = A(u), [X, S] = j(U), d = i !== void 0 ? A(i) : X, Y = z(() => K ? ie(t) : N, []), [Z, D] = j(Y), g = p ?? Z;
-  re(() => {
-    const e = (s) => {
-      W.current && !W.current.contains(s.target) && (T(!1), V(""));
-    };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, []);
-  const I = z(() => {
-    if (!L) return t;
-    const e = J(t), s = /* @__PURE__ */ new Set();
-    e.forEach(({ node: r }) => {
-      (typeof r.title == "string" ? r.title : String(r.title)).toLowerCase().includes(L.toLowerCase()) && s.add(r.key);
-    });
-    const n = (r) => r.map((l) => {
-      const $ = l.children && n(l.children).length > 0;
-      return s.has(l.key) || $ ? {
-        ...l,
-        children: l.children ? n(l.children) : void 0
-      } : null;
-    }).filter(Boolean);
-    return n(t);
-  }, [t, L]), O = b(
-    (e) => {
-      const s = g.includes(e) ? g.filter((n) => n !== e) : [...g, e];
-      p === void 0 && D(s), C?.(s);
-    },
-    [g, p, C]
-  ), R = b(
-    (e, s) => {
-      let n;
-      a ? d.includes(e) ? n = d.filter((l) => l !== e) : n = [...d, e] : (n = [e], T(!1), V("")), i === void 0 && S(n);
-      const r = n.map((l) => k(t, l)?.title || l);
-      c?.(a ? n : n[0] || "", r);
-    },
-    [d, a, i, c, t]
-  ), F = b(
-    (e, s) => {
-      const n = d.includes(e);
-      let r = [...d];
-      const l = H(s);
-      n ? r = r.filter((h) => h !== e && !l.includes(h)) : (r.push(e), l.forEach((h) => {
-        r.includes(h) || r.push(h);
-      })), i === void 0 && S(r);
-      const $ = r.map((h) => k(t, h)?.title || h);
-      c?.(r, $);
-    },
-    [d, i, c, t]
-  ), ee = (e) => {
-    e.stopPropagation();
-    const s = [];
-    i === void 0 && S(s), c?.(a ? s : "", []);
-  }, te = (e, s) => {
-    s.stopPropagation();
-    const n = d.filter((l) => l !== e);
-    i === void 0 && S(n);
-    const r = n.map((l) => k(t, l)?.title || l);
-    c?.(a ? n : n[0] || "", r);
-  }, _ = b(
-    (e) => {
-      if (!e.children || e.children.length === 0)
-        return { checked: d.includes(e.key), indeterminate: !1 };
-      const s = H(e), n = s.filter((r) => d.includes(r));
-      return n.length === 0 ? { checked: d.includes(e.key), indeterminate: !1 } : n.length === s.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
-    },
-    [d]
-  ), q = b(
-    (e, s) => e.map((n) => {
-      const { checked: r, indeterminate: l } = _(n);
-      return /* @__PURE__ */ o(
-        le,
-        {
-          node: n,
-          level: s,
-          expanded: g.includes(n.key),
-          selected: d.includes(n.key),
-          checked: r,
-          indeterminate: l,
-          treeCheckable: m,
-          onToggle: O,
-          onSelect: R,
-          onCheck: F,
-          renderChildren: q
-        },
-        n.key
-      );
-    }),
-    [g, d, m, O, R, F, _]
-  ), ne = z(() => d.length === 0 ? null : a || m ? d.map((s) => {
-    const n = k(t, s);
-    return /* @__PURE__ */ v(
-      "span",
-      {
-        className: "inline-flex items-center gap-1 px-2 py-0.5 bg-base-200 rounded text-sm mr-1 mb-1",
-        children: [
-          n?.title || s,
-          /* @__PURE__ */ o(
-            "button",
-            {
-              type: "button",
-              className: "hover:text-error",
-              onClick: (r) => te(s, r),
-              children: /* @__PURE__ */ o("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
-            }
-          )
-        ]
-      },
-      s
-    );
-  }) : k(t, d[0])?.title || d[0], [d, t, a, m]), se = {
-    xs: "min-h-6 text-xs",
-    sm: "min-h-8 text-sm",
-    md: "min-h-10 text-base",
-    lg: "min-h-12 text-lg"
-  };
-  return /* @__PURE__ */ v("div", { ref: W, className: `relative ${P}`, "data-state": y ? "open" : "closed", ...f, children: [
-    /* @__PURE__ */ v(
-      "div",
-      {
-        className: [
-          "input input-bordered flex items-center gap-2 cursor-pointer flex-wrap",
-          se[B],
-          x && "input-disabled opacity-50 cursor-not-allowed",
-          y && "input-primary"
-        ].filter(Boolean).join(" "),
-        onClick: () => !x && T(!y),
-        children: [
-          /* @__PURE__ */ o("div", { className: "flex-1 flex flex-wrap items-center gap-1 min-w-0", children: ne || /* @__PURE__ */ o("span", { className: "text-base-content/50", children: M }) }),
-          E && d.length > 0 && !x && /* @__PURE__ */ o(
-            "button",
-            {
-              type: "button",
-              className: "hover:text-error flex-shrink-0",
-              onClick: ee,
-              children: /* @__PURE__ */ o("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
-            }
-          ),
-          /* @__PURE__ */ o(
-            "svg",
-            {
-              className: `w-4 h-4 flex-shrink-0 transition-transform ${y ? "rotate-180" : ""}`,
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
-            }
-          )
-        ]
-      }
-    ),
-    y && /* @__PURE__ */ v("div", { className: "absolute z-50 mt-1 w-full bg-base-100 border border-base-300 rounded-lg shadow-lg max-h-64 overflow-auto", children: [
-      w && /* @__PURE__ */ o("div", { className: "p-2 border-b border-base-300", children: /* @__PURE__ */ o(
-        "input",
-        {
-          ref: Q,
-          type: "text",
-          className: "input input-bordered input-sm w-full",
-          placeholder: "Search...",
-          value: L,
-          onChange: (e) => V(e.target.value),
-          onClick: (e) => e.stopPropagation(),
-          autoFocus: !0
-        }
-      ) }),
-      /* @__PURE__ */ o("div", { className: "py-1", children: I.length > 0 ? q(I, 0) : /* @__PURE__ */ o("div", { className: "px-4 py-2 text-base-content/50 text-sm text-center", children: "No results found" }) })
-    ] })
-  ] });
-}
+);
+m.displayName = "Toggle";
 export {
-  ae as TreeSelect
+  m as Toggle
 };
 //# sourceMappingURL=index85.js.map

package/dist/index85.js.map

@@ -1 +1 @@
-{"version":3,"file":"index85.js","sources":["../src/components/TreeSelect.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react'\nimport type { TreeDataNode } from './Tree'\n\nexport interface TreeSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  treeData: TreeDataNode[]\n  value?: string | string[]\n  defaultValue?: string | string[]\n  onChange?: (value: string | string[], labels: React.ReactNode[]) => void\n  multiple?: boolean\n  treeCheckable?: boolean\n  showSearch?: boolean\n  placeholder?: string\n  allowClear?: boolean\n  disabled?: boolean\n  treeDefaultExpandAll?: boolean\n  treeDefaultExpandedKeys?: string[]\n  treeExpandedKeys?: string[]\n  onTreeExpand?: (expandedKeys: string[]) => void\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n}\n\n// Helper to flatten tree data for search\nfunction flattenTree(\n  data: TreeDataNode[],\n  parentPath: React.ReactNode[] = []\n): Array<{ node: TreeDataNode; path: React.ReactNode[] }> {\n  const result: Array<{ node: TreeDataNode; path: React.ReactNode[] }> = []\n\n  data.forEach((node) => {\n    const currentPath = [...parentPath, node.title]\n    result.push({ node, path: currentPath })\n    if (node.children) {\n      result.push(...flattenTree(node.children, currentPath))\n    }\n  })\n\n  return result\n}\n\n// Helper to get all keys\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) traverse(node.children)\n    })\n  }\n  traverse(data)\n  return keys\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\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\ninterface TreeSelectNodeProps {\n  node: TreeDataNode\n  level: number\n  expanded: boolean\n  selected: boolean\n  checked: boolean\n  indeterminate: boolean\n  treeCheckable: 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 TreeSelectNode({\n  node,\n  level,\n  expanded,\n  selected,\n  checked,\n  indeterminate,\n  treeCheckable,\n  onToggle,\n  onSelect,\n  onCheck,\n  renderChildren,\n}: TreeSelectNodeProps) {\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 (!node.disabled) {\n      if (treeCheckable) {\n        onCheck(node.key, node)\n      } else {\n        onSelect(node.key, node)\n      }\n    }\n  }\n\n  const handleCheck = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (!node.disabled) {\n      onCheck(node.key, node)\n    }\n  }\n\n  return (\n    <div className=\"tree-select-node\">\n      <div\n        className={[\n          'flex items-center py-1.5 px-2 cursor-pointer hover:bg-base-200 transition-colors',\n          (selected || checked) && 'bg-primary/10 text-primary',\n          node.disabled && 'opacity-50 cursor-not-allowed',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        style={{ paddingLeft: `${level * 16 + 8}px` }}\n        onClick={handleSelect}\n      >\n        {/* Expand/Collapse icon */}\n        <span\n          className={[\n            'w-4 h-4 flex items-center justify-center flex-shrink-0 mr-1',\n            !isLeaf && 'cursor-pointer',\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 for treeCheckable mode */}\n        {treeCheckable && (\n          <span className=\"mr-2 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}\n              onChange={() => {}}\n            />\n          </span>\n        )}\n\n        {/* Title */}\n        <span className=\"flex-1 truncate select-none text-sm\">{node.title}</span>\n      </div>\n\n      {/* Children */}\n      {hasChildren && expanded && renderChildren(node.children!, level + 1)}\n    </div>\n  )\n}\n\nexport function TreeSelect({\n  treeData,\n  value: controlledValue,\n  defaultValue = [],\n  onChange,\n  multiple = false,\n  treeCheckable = false,\n  showSearch = false,\n  placeholder = 'Please select',\n  allowClear = true,\n  disabled = false,\n  treeDefaultExpandAll = false,\n  treeDefaultExpandedKeys = [],\n  treeExpandedKeys: controlledExpandedKeys,\n  onTreeExpand,\n  size = 'md',\n  className = '',\n  ...rest\n}: TreeSelectProps) {\n  const [isOpen, setIsOpen] = useState(false)\n  const [searchValue, setSearchValue] = useState('')\n  const containerRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  // Normalize value to array\n  const normalizeValue = (val: string | string[] | undefined): string[] => {\n    if (val === undefined) return []\n    return Array.isArray(val) ? val : [val]\n  }\n\n  const initialValue = normalizeValue(defaultValue)\n  const [internalValue, setInternalValue] = useState<string[]>(initialValue)\n\n  const value = controlledValue !== undefined ? normalizeValue(controlledValue) : internalValue\n\n  // Expanded keys\n  const initialExpandedKeys = useMemo(() => {\n    if (treeDefaultExpandAll) return getAllKeys(treeData)\n    return treeDefaultExpandedKeys\n  }, [])\n\n  const [internalExpandedKeys, setInternalExpandedKeys] = useState<string[]>(initialExpandedKeys)\n  const expandedKeys = controlledExpandedKeys ?? internalExpandedKeys\n\n  // Close on click outside\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n        setIsOpen(false)\n        setSearchValue('')\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [])\n\n  // Filter tree data based on search\n  const filteredData = useMemo(() => {\n    if (!searchValue) return treeData\n\n    const flatNodes = flattenTree(treeData)\n    const matchingKeys = new Set<string>()\n\n    flatNodes.forEach(({ node }) => {\n      const titleStr =\n        typeof node.title === 'string' ? node.title : String(node.title)\n      if (titleStr.toLowerCase().includes(searchValue.toLowerCase())) {\n        matchingKeys.add(node.key)\n      }\n    })\n\n    // Include parent keys of matching nodes\n    const filterTree = (nodes: TreeDataNode[]): TreeDataNode[] => {\n      return nodes\n        .map((node) => {\n          const hasMatchingChildren =\n            node.children && filterTree(node.children).length > 0\n          const isMatch = matchingKeys.has(node.key)\n\n          if (isMatch || hasMatchingChildren) {\n            return {\n              ...node,\n              children: node.children ? filterTree(node.children) : undefined,\n            }\n          }\n          return null\n        })\n        .filter(Boolean) as TreeDataNode[]\n    }\n\n    return filterTree(treeData)\n  }, [treeData, searchValue])\n\n  const handleToggle = useCallback(\n    (key: string) => {\n      const newKeys = expandedKeys.includes(key)\n        ? expandedKeys.filter((k) => k !== key)\n        : [...expandedKeys, key]\n\n      if (controlledExpandedKeys === undefined) {\n        setInternalExpandedKeys(newKeys)\n      }\n      onTreeExpand?.(newKeys)\n    },\n    [expandedKeys, controlledExpandedKeys, onTreeExpand]\n  )\n\n  const handleSelect = useCallback(\n    (key: string, _node: TreeDataNode) => {\n      let newValue: string[]\n\n      if (multiple) {\n        if (value.includes(key)) {\n          newValue = value.filter((k) => k !== key)\n        } else {\n          newValue = [...value, key]\n        }\n      } else {\n        newValue = [key]\n        setIsOpen(false)\n        setSearchValue('')\n      }\n\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n\n      const labels = newValue.map((k) => findNode(treeData, k)?.title || k)\n      onChange?.(multiple ? newValue : newValue[0] || '', labels)\n    },\n    [value, multiple, controlledValue, onChange, treeData]\n  )\n\n  const handleCheck = useCallback(\n    (key: string, node: TreeDataNode) => {\n      const isChecked = value.includes(key)\n      let newValue = [...value]\n      const descendantKeys = getDescendantKeys(node)\n\n      if (isChecked) {\n        newValue = newValue.filter((k) => k !== key && !descendantKeys.includes(k))\n      } else {\n        newValue.push(key)\n        descendantKeys.forEach((dk) => {\n          if (!newValue.includes(dk)) newValue.push(dk)\n        })\n      }\n\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n\n      const labels = newValue.map((k) => findNode(treeData, k)?.title || k)\n      onChange?.(newValue, labels)\n    },\n    [value, controlledValue, onChange, treeData]\n  )\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    const newValue: string[] = []\n\n    if (controlledValue === undefined) {\n      setInternalValue(newValue)\n    }\n\n    onChange?.(multiple ? newValue : '', [])\n  }\n\n  const removeTag = (key: string, e: React.MouseEvent) => {\n    e.stopPropagation()\n    const newValue = value.filter((k) => k !== key)\n\n    if (controlledValue === undefined) {\n      setInternalValue(newValue)\n    }\n\n    const labels = newValue.map((k) => findNode(treeData, k)?.title || k)\n    onChange?.(multiple ? newValue : newValue[0] || '', labels)\n  }\n\n  const getCheckedState = useCallback(\n    (node: TreeDataNode): { checked: boolean; indeterminate: boolean } => {\n      if (!node.children || node.children.length === 0) {\n        return { checked: value.includes(node.key), indeterminate: false }\n      }\n\n      const descendantKeys = getDescendantKeys(node)\n      const checkedDescendants = descendantKeys.filter((k) => value.includes(k))\n\n      if (checkedDescendants.length === 0) {\n        return { checked: value.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    [value]\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          <TreeSelectNode\n            key={node.key}\n            node={node}\n            level={level}\n            expanded={expandedKeys.includes(node.key)}\n            selected={value.includes(node.key)}\n            checked={checked}\n            indeterminate={indeterminate}\n            treeCheckable={treeCheckable}\n            onToggle={handleToggle}\n            onSelect={handleSelect}\n            onCheck={handleCheck}\n            renderChildren={renderNodes}\n          />\n        )\n      })\n    },\n    [expandedKeys, value, treeCheckable, handleToggle, handleSelect, handleCheck, getCheckedState]\n  )\n\n  // Display value\n  const displayValue = useMemo(() => {\n    if (value.length === 0) return null\n\n    if (multiple || treeCheckable) {\n      return value.map((key) => {\n        const node = findNode(treeData, key)\n        return (\n          <span\n            key={key}\n            className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-base-200 rounded text-sm mr-1 mb-1\"\n          >\n            {node?.title || key}\n            <button\n              type=\"button\"\n              className=\"hover:text-error\"\n              onClick={(e) => removeTag(key, e)}\n            >\n              <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n              </svg>\n            </button>\n          </span>\n        )\n      })\n    }\n\n    const node = findNode(treeData, value[0])\n    return node?.title || value[0]\n  }, [value, treeData, multiple, treeCheckable])\n\n  const sizeClasses = {\n    xs: 'min-h-6 text-xs',\n    sm: 'min-h-8 text-sm',\n    md: 'min-h-10 text-base',\n    lg: 'min-h-12 text-lg',\n  }\n\n  return (\n    <div ref={containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      {/* Trigger */}\n      <div\n        className={[\n          'input input-bordered flex items-center gap-2 cursor-pointer flex-wrap',\n          sizeClasses[size],\n          disabled && 'input-disabled opacity-50 cursor-not-allowed',\n          isOpen && 'input-primary',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n      >\n        <div className=\"flex-1 flex flex-wrap items-center gap-1 min-w-0\">\n          {displayValue || (\n            <span className=\"text-base-content/50\">{placeholder}</span>\n          )}\n        </div>\n\n        {/* Clear button */}\n        {allowClear && value.length > 0 && !disabled && (\n          <button\n            type=\"button\"\n            className=\"hover:text-error flex-shrink-0\"\n            onClick={handleClear}\n          >\n            <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        )}\n\n        {/* Dropdown arrow */}\n        <svg\n          className={`w-4 h-4 flex-shrink-0 transition-transform ${isOpen ? 'rotate-180' : ''}`}\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n        >\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n        </svg>\n      </div>\n\n      {/* Dropdown */}\n      {isOpen && (\n        <div className=\"absolute z-50 mt-1 w-full bg-base-100 border border-base-300 rounded-lg shadow-lg max-h-64 overflow-auto\">\n          {/* Search input */}\n          {showSearch && (\n            <div className=\"p-2 border-b border-base-300\">\n              <input\n                ref={inputRef}\n                type=\"text\"\n                className=\"input input-bordered input-sm w-full\"\n                placeholder=\"Search...\"\n                value={searchValue}\n                onChange={(e) => setSearchValue(e.target.value)}\n                onClick={(e) => e.stopPropagation()}\n                autoFocus\n              />\n            </div>\n          )}\n\n          {/* Tree */}\n          <div className=\"py-1\">\n            {filteredData.length > 0 ? (\n              renderNodes(filteredData, 0)\n            ) : (\n              <div className=\"px-4 py-2 text-base-content/50 text-sm text-center\">\n                No results found\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["flattenTree","data","parentPath","result","node","currentPath","getAllKeys","keys","traverse","nodes","findNode","key","found","getDescendantKeys","n","child","TreeSelectNode","level","expanded","selected","checked","indeterminate","treeCheckable","onToggle","onSelect","onCheck","renderChildren","hasChildren","isLeaf","handleToggle","e","handleSelect","handleCheck","jsxs","jsx","el","TreeSelect","treeData","controlledValue","defaultValue","onChange","multiple","showSearch","placeholder","allowClear","disabled","treeDefaultExpandAll","treeDefaultExpandedKeys","controlledExpandedKeys","onTreeExpand","size","className","rest","isOpen","setIsOpen","useState","searchValue","setSearchValue","containerRef","useRef","inputRef","normalizeValue","val","initialValue","internalValue","setInternalValue","value","initialExpandedKeys","useMemo","internalExpandedKeys","setInternalExpandedKeys","expandedKeys","useEffect","handleClickOutside","filteredData","flatNodes","matchingKeys","filterTree","hasMatchingChildren","useCallback","newKeys","k","_node","newValue","labels","isChecked","descendantKeys","dk","handleClear","removeTag","getCheckedState","checkedDescendants","renderNodes","displayValue","sizeClasses"],"mappings":"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"}
+{"version":3,"file":"index85.js","sources":["../src/components/Toggle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error'\n  className?: string\n}\n\nexport const Toggle = forwardRef<HTMLInputElement, ToggleProps>(\n  (\n    {\n      size,\n      color,\n      className = '',\n      ...props\n    },\n    ref\n  ) => {\n    const sizeClasses = {\n      xs: 'toggle-xs',\n      sm: 'toggle-sm',\n      md: 'toggle-md',\n      lg: 'toggle-lg',\n      xl: 'toggle-xl',\n    }\n\n    const colorClasses = {\n      primary: 'toggle-primary',\n      secondary: 'toggle-secondary',\n      accent: 'toggle-accent',\n      neutral: 'toggle-neutral',\n      success: 'toggle-success',\n      warning: 'toggle-warning',\n      info: 'toggle-info',\n      error: 'toggle-error',\n    }\n\n    const toggleClasses = [\n      'toggle',\n      size && sizeClasses[size],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const dataState = props.checked ? 'checked' : 'unchecked'\n    return <input ref={ref} type=\"checkbox\" className={toggleClasses} data-state={dataState} {...props} />\n  }\n)\n\nToggle.displayName = 'Toggle'\n"],"names":["Toggle","forwardRef","size","color","className","props","ref","sizeClasses","colorClasses","toggleClasses","dataState","jsx"],"mappings":";;AAQO,MAAMA,IAASC;AAAA,EACpB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAe;AAAA,MACnB,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,GAGHC,IAAgB;AAAA,MACpB;AAAA,MACAP,KAAQK,EAAYL,CAAI;AAAA,MACxBC,KAASK,EAAaL,CAAK;AAAA,MAC3BC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELM,IAAYL,EAAM,UAAU,YAAY;AAC9C,WAAO,gBAAAM,EAAC,SAAA,EAAM,KAAAL,GAAU,MAAK,YAAW,WAAWG,GAAe,cAAYC,GAAY,GAAGL,EAAA,CAAO;AAAA,EACtG;AACF;AAEAL,EAAO,cAAc;"}