asterui 0.12.0 → 0.12.2

package/dist/index88.js.map

@@ -1 +1 @@
-{"version":3,"file":"index88.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":"index88.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;"}

package/dist/index89.js

@@ -1,298 +1,237 @@
-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;
-    }
-  }
-  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(""));
+import { jsxs as a, jsx as h } from "react/jsx-runtime";
+import { useState as P, useRef as Z, useCallback as m, useEffect as g } from "react";
+import { createPortal as I } from "react-dom";
+const j = (t) => t ? typeof t == "function" ? t() : t.current : null, R = (t, f, e, i) => {
+  if (!t || f === "center")
+    return {
+      top: window.innerHeight / 2 - e.height / 2,
+      left: window.innerWidth / 2 - e.width / 2
     };
-    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);
+  const o = window.scrollY, r = window.scrollX;
+  return {
+    top: {
+      top: t.top + o - e.height - i,
+      left: t.left + r + t.width / 2 - e.width / 2
+    },
+    topLeft: {
+      top: t.top + o - e.height - i,
+      left: t.left + r
+    },
+    topRight: {
+      top: t.top + o - e.height - i,
+      left: t.right + r - e.width
+    },
+    bottom: {
+      top: t.bottom + o + i,
+      left: t.left + r + t.width / 2 - e.width / 2
+    },
+    bottomLeft: {
+      top: t.bottom + o + i,
+      left: t.left + r
+    },
+    bottomRight: {
+      top: t.bottom + o + i,
+      left: t.right + r - e.width
+    },
+    left: {
+      top: t.top + o + t.height / 2 - e.height / 2,
+      left: t.left + r - e.width - i
+    },
+    leftTop: {
+      top: t.top + o,
+      left: t.left + r - e.width - i
     },
-    [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);
+    leftBottom: {
+      top: t.bottom + o - e.height,
+      left: t.left + r - e.width - i
     },
-    [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, $);
+    right: {
+      top: t.top + o + t.height / 2 - e.height / 2,
+      left: t.right + r + i
     },
-    [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 };
+    rightTop: {
+      top: t.top + o,
+      left: t.right + r + i
     },
-    [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" }) })
-    ] })
-  ] });
-}
+    rightBottom: {
+      top: t.bottom + o - e.height,
+      left: t.right + r + i
+    },
+    center: {
+      top: window.innerHeight / 2 - e.height / 2,
+      left: window.innerWidth / 2 - e.width / 2
+    }
+  }[f];
+}, nt = ({
+  open: t = !1,
+  onClose: f,
+  onFinish: e,
+  steps: i,
+  current: o,
+  onChange: r,
+  mask: p = !0,
+  type: D = "default",
+  gap: c = 8,
+  prevButtonText: F = "Previous",
+  nextButtonText: H = "Next",
+  finishButtonText: U = "Finish",
+  skipButtonText: W = "Skip",
+  showSkip: X = !0,
+  showIndicators: Y = !0,
+  closeOnMaskClick: A = !0,
+  closeOnEscape: E = !0,
+  scrollIntoView: S = !0,
+  zIndex: v = 1e3
+}) => {
+  const [q, T] = P(0), [w, z] = P(null), [B, G] = P({ top: 0, left: 0 }), N = Z(null), b = o !== void 0, s = b ? o : q, l = i[s], u = Array.isArray(c) ? c[0] : c, C = Array.isArray(c) ? c[1] : c, y = m(() => {
+    if (!l) return;
+    const d = j(l.target)?.getBoundingClientRect() ?? null;
+    if (z(d), N.current) {
+      const M = N.current.getBoundingClientRect(), Q = l.placement ?? "bottom", V = R(d, Q, M, C + u);
+      G(V);
+    }
+  }, [l, C, u]), k = m(
+    (n) => {
+      n < 0 || n >= i.length || (i[s]?.onClose?.(), b || T(n), r?.(n), i[n]?.onOpen?.());
+    },
+    [i, s, b, r]
+  ), x = m(() => {
+    k(s - 1);
+  }, [s, k]), L = m(() => {
+    s === i.length - 1 ? (e?.(), f?.()) : k(s + 1);
+  }, [s, i.length, k, e, f]), K = m(() => {
+    f?.();
+  }, [f]), O = m(() => {
+    A && f?.();
+  }, [A, f]);
+  if (g(() => {
+    t && !b && T(0);
+  }, [t, b]), g(() => {
+    t && (y(), S && l?.target && j(l.target)?.scrollIntoView({ behavior: "smooth", block: "center" }), s === 0 && l?.onOpen?.());
+  }, [t, s, l, S, y]), g(() => {
+    if (!t) return;
+    const n = () => y();
+    return window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), requestAnimationFrame(y), () => {
+      window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
+    };
+  }, [t, y]), g(() => {
+    if (!t || !E) return;
+    const n = (d) => {
+      d.key === "Escape" ? f?.() : d.key === "ArrowRight" || d.key === "ArrowDown" ? L() : (d.key === "ArrowLeft" || d.key === "ArrowUp") && x();
+    };
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [t, E, f, L, x]), !t || !l) return null;
+  const _ = s === 0, $ = s === i.length - 1, J = /* @__PURE__ */ a(
+    "div",
+    {
+      className: "fixed inset-0",
+      style: { zIndex: v },
+      "data-testid": "tour",
+      role: "dialog",
+      "aria-modal": "true",
+      children: [
+        p && /* @__PURE__ */ a(
+          "svg",
+          {
+            className: "absolute inset-0 w-full h-full pointer-events-auto",
+            onClick: O,
+            style: { zIndex: v },
+            children: [
+              /* @__PURE__ */ h("defs", { children: /* @__PURE__ */ a("mask", { id: "tour-mask", children: [
+                /* @__PURE__ */ h("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "white" }),
+                w && /* @__PURE__ */ h(
+                  "rect",
+                  {
+                    x: w.left - u,
+                    y: w.top - u,
+                    width: w.width + u * 2,
+                    height: w.height + u * 2,
+                    rx: u,
+                    fill: "black"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ h(
+                "rect",
+                {
+                  x: "0",
+                  y: "0",
+                  width: "100%",
+                  height: "100%",
+                  fill: "rgba(0, 0, 0, 0.5)",
+                  mask: "url(#tour-mask)"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            ref: N,
+            className: `absolute bg-base-100 rounded-lg shadow-xl border border-base-300 max-w-sm ${l.className ?? ""}`,
+            style: {
+              top: B.top,
+              left: B.left,
+              zIndex: v + 1
+            },
+            onClick: (n) => n.stopPropagation(),
+            "data-testid": "tour-popover",
+            children: [
+              l.cover && /* @__PURE__ */ h("div", { className: "rounded-t-lg overflow-hidden", children: l.cover }),
+              /* @__PURE__ */ a("div", { className: "p-4", children: [
+                /* @__PURE__ */ h("h3", { className: "font-semibold text-lg mb-1", children: l.title }),
+                l.description && /* @__PURE__ */ h("p", { className: "text-base-content/70 text-sm mb-4", children: l.description }),
+                Y && i.length > 1 && /* @__PURE__ */ h("div", { className: "flex gap-1 mb-4", children: i.map((n, d) => /* @__PURE__ */ h(
+                  "button",
+                  {
+                    className: `w-2 h-2 rounded-full transition-colors ${d === s ? "bg-primary" : "bg-base-300 hover:bg-base-content/30"}`,
+                    onClick: () => k(d),
+                    "aria-label": `Go to step ${d + 1}`
+                  },
+                  d
+                )) }),
+                /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-2", children: [
+                  /* @__PURE__ */ h("div", { children: X && !$ && /* @__PURE__ */ h(
+                    "button",
+                    {
+                      className: "btn btn-ghost btn-sm",
+                      onClick: K,
+                      "data-testid": "tour-skip",
+                      children: W
+                    }
+                  ) }),
+                  /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
+                    !_ && /* @__PURE__ */ h(
+                      "button",
+                      {
+                        className: "btn btn-ghost btn-sm",
+                        onClick: x,
+                        "data-testid": "tour-prev",
+                        children: F
+                      }
+                    ),
+                    /* @__PURE__ */ h(
+                      "button",
+                      {
+                        className: `btn btn-sm ${D === "primary" ? "btn-primary" : ""}`,
+                        onClick: L,
+                        "data-testid": "tour-next",
+                        children: $ ? U : H
+                      }
+                    )
+                  ] })
+                ] })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+  return I(J, document.body);
+};
 export {
-  ae as TreeSelect
+  nt as Tour
 };
 //# sourceMappingURL=index89.js.map