asterui 0.11.0 → 0.12.1

package/dist/index84.js

@@ -1,216 +1,68 @@
-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;
-    }
-  }
-  return null;
-}
-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
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import v from "react";
+function N({
+  children: n,
+  className: l = "",
+  vertical: i = !1,
+  horizontal: o = !1,
+  compact: a = !1,
+  snapIcon: r = !1,
+  ...t
 }) {
-  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",
-      {
-        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 })
-        ]
-      }
-    ),
-    v && i && /* @__PURE__ */ d("div", { className: b ? "border-l border-base-300 ml-2.5" : "", children: j(e.children, t + 1) })
-  ] });
+  const h = [
+    "timeline",
+    i && "timeline-vertical",
+    o && "timeline-horizontal",
+    a && "timeline-compact",
+    r && "timeline-snap-icon",
+    l
+  ].filter(Boolean).join(" "), f = v.Children.map(n, (s, m) => v.isValidElement(s) ? v.cloneElement(s, {
+    _index: m,
+    _compact: a,
+    _vertical: i
+  }) : s);
+  return /* @__PURE__ */ e("ul", { className: h, ...t, children: f });
 }
-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
+function p({
+  start: n,
+  end: l,
+  icon: i,
+  startBox: o = !1,
+  endBox: a = !1,
+  className: r = "",
+  _index: t = 0,
+  _compact: h = !1,
+  _vertical: f = !1,
+  ...s
 }) {
-  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) });
+  const m = ["timeline-start", o && "timeline-box"].filter(Boolean).join(" "), c = ["timeline-end", a && "timeline-box"].filter(Boolean).join(" "), u = t % 2 === 0;
+  return h ? /* @__PURE__ */ d("li", { className: r, ...s, children: [
+    /* @__PURE__ */ e("hr", {}),
+    i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
+    l && /* @__PURE__ */ e("div", { className: c, children: l }),
+    t !== void 0 && /* @__PURE__ */ e("hr", {})
+  ] }) : f ? /* @__PURE__ */ d("li", { className: r, ...s, children: [
+    /* @__PURE__ */ e("hr", {}),
+    n && /* @__PURE__ */ e("div", { className: m, children: n }),
+    i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
+    l && /* @__PURE__ */ e("div", { className: c, children: l }),
+    /* @__PURE__ */ e("hr", {})
+  ] }) : u ? /* @__PURE__ */ d("li", { className: r, ...s, children: [
+    n && /* @__PURE__ */ e("div", { className: m, children: n }),
+    i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
+    l && /* @__PURE__ */ e("div", { className: c, children: l }),
+    /* @__PURE__ */ e("hr", {})
+  ] }) : /* @__PURE__ */ d("li", { className: r, ...s, children: [
+    /* @__PURE__ */ e("hr", {}),
+    i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
+    n && /* @__PURE__ */ e("div", { className: m, children: n }),
+    l && /* @__PURE__ */ e("div", { className: c, children: l })
+  ] });
 }
+const b = Object.assign(N, {
+  Item: p
+});
 export {
-  se as Tree
+  b as Timeline
 };
 //# sourceMappingURL=index84.js.map

package/dist/index84.js.map

@@ -1 +1 @@
-{"version":3,"file":"index84.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":"index84.js","sources":["../src/components/Timeline.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface TimelineProps extends React.HTMLAttributes<HTMLUListElement> {\n  children: React.ReactNode\n  vertical?: boolean\n  horizontal?: boolean\n  compact?: boolean\n  snapIcon?: boolean\n}\n\nexport interface TimelineItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  start?: React.ReactNode\n  end?: React.ReactNode\n  icon?: React.ReactNode\n  startBox?: boolean\n  endBox?: boolean\n  // Internal props injected by Timeline container\n  _index?: number\n  _compact?: boolean\n  _vertical?: boolean\n}\n\nfunction TimelineRoot({\n  children,\n  className = '',\n  vertical = false,\n  horizontal = false,\n  compact = false,\n  snapIcon = false,\n  ...rest\n}: TimelineProps) {\n  const classes = [\n    'timeline',\n    vertical && 'timeline-vertical',\n    horizontal && 'timeline-horizontal',\n    compact && 'timeline-compact',\n    snapIcon && 'timeline-snap-icon',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Inject index and layout props into each Timeline.Item\n  const childrenWithProps = React.Children.map(children, (child, index) => {\n    if (React.isValidElement(child)) {\n      return React.cloneElement(child, {\n        _index: index,\n        _compact: compact,\n        _vertical: vertical,\n      } as any)\n    }\n    return child\n  })\n\n  return <ul className={classes} {...rest}>{childrenWithProps}</ul>\n}\n\nfunction TimelineItem({\n  start,\n  end,\n  icon,\n  startBox = false,\n  endBox = false,\n  className = '',\n  _index = 0,\n  _compact = false,\n  _vertical = false,\n  ...rest\n}: TimelineItemProps) {\n  const startClasses = ['timeline-start', startBox && 'timeline-box'].filter(Boolean).join(' ')\n  const endClasses = ['timeline-end', endBox && 'timeline-box'].filter(Boolean).join(' ')\n\n  // Determine if this is an even item (for alternating horizontal layout)\n  const isEven = _index % 2 === 0\n\n  // Render connectors and content based on layout\n  if (_compact) {\n    // Compact layout: connector, icon, end content, connector\n    return (\n      <li className={className} {...rest}>\n        <hr />\n        {icon && <div className=\"timeline-middle\">{icon}</div>}\n        {end && <div className={endClasses}>{end}</div>}\n        {_index !== undefined && <hr />}\n      </li>\n    )\n  } else if (_vertical) {\n    // Vertical layout: connector, start, icon, end, connector\n    return (\n      <li className={className} {...rest}>\n        <hr />\n        {start && <div className={startClasses}>{start}</div>}\n        {icon && <div className=\"timeline-middle\">{icon}</div>}\n        {end && <div className={endClasses}>{end}</div>}\n        <hr />\n      </li>\n    )\n  } else {\n    // Horizontal alternating layout\n    if (isEven) {\n      // Even items: start, icon, end, connector\n      return (\n        <li className={className} {...rest}>\n          {start && <div className={startClasses}>{start}</div>}\n          {icon && <div className=\"timeline-middle\">{icon}</div>}\n          {end && <div className={endClasses}>{end}</div>}\n          <hr />\n        </li>\n      )\n    } else {\n      // Odd items: connector, icon, start, end\n      return (\n        <li className={className} {...rest}>\n          <hr />\n          {icon && <div className=\"timeline-middle\">{icon}</div>}\n          {start && <div className={startClasses}>{start}</div>}\n          {end && <div className={endClasses}>{end}</div>}\n        </li>\n      )\n    }\n  }\n}\n\nexport const Timeline = Object.assign(TimelineRoot, {\n  Item: TimelineItem,\n})\n"],"names":["TimelineRoot","children","className","vertical","horizontal","compact","snapIcon","rest","classes","childrenWithProps","React","child","index","TimelineItem","start","end","icon","startBox","endBox","_index","_compact","_vertical","startClasses","endClasses","isEven","jsxs","jsx","Timeline"],"mappings":"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"}