@lablup/ui-common 0.1.0-alpha.9 → 0.2.0-alpha.16

package/dist/components/Tabs/Tabs2.js

@@ -1,412 +0,0 @@
-/* empty css     */
-import { useCallback as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
-import { Fragment as ee, jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/Tabs/Tabs.tsx
-function s({ tabs: s, groups: c = [], defaultTab: te, activeTab: l, onTabChange: u, className: d = "", panelClassName: f = "", ariaLabel: p, showOverflowControls: m = !0, showGroupLabels: h = !0, overflowMode: g, variant: _ = "underlined", fillContainer: ne = !1, renderPanel: v = !0, moreTabsLabel: re = "More tabs", selectTabLabel: ie = "Select tab", scrollLeftLabel: y = "Scroll left", scrollRightLabel: ae = "Scroll right" }) {
-	let b = g ?? (c.length > 0 ? "menu" : "dropdown"), [x, oe] = i(te || s[0]?.id || ""), [se, S] = i(!1), [ce, C] = i(!1), [w, le] = i(!1), [T, E] = i(!1), [D, O] = i(!1), [ue, k] = i(-1), A = r(null), j = r(/* @__PURE__ */ new Map()), M = r(null), N = r(null), P = r(null), F = r([]), I = r(null), L = r(0), R = r(0), z = l ?? x, B = n(() => c.length > 0 ? c.map((e) => ({
-		group: e,
-		tabs: s.filter((t) => t.groupId === e.id)
-	})) : [{
-		group: null,
-		tabs: s
-	}], [c, s]), V = n(() => B.flatMap(({ tabs: e }) => e), [B]), H = e((e) => {
-		l || oe(e), u?.(e), O(!1);
-	}, [l, u]), U = e((e, t) => {
-		let n;
-		switch (e.key) {
-			case "ArrowRight":
-				e.preventDefault(), n = t === s.length - 1 ? 0 : t + 1;
-				break;
-			case "ArrowLeft":
-				e.preventDefault(), n = t === 0 ? s.length - 1 : t - 1;
-				break;
-			case "Home":
-				e.preventDefault(), n = 0;
-				break;
-			case "End":
-				e.preventDefault(), n = s.length - 1;
-				break;
-			default: return;
-		}
-		let r = s[n];
-		r && (H(r.id), j.current.get(r.id)?.focus());
-	}, [s, H]), de = e((e, t) => {
-		t ? j.current.set(e, t) : j.current.delete(e);
-	}, []), W = e(() => {
-		let e = A.current;
-		if (!e || !m) {
-			S(!1), C(!1);
-			return;
-		}
-		let { scrollLeft: t, scrollWidth: n, clientWidth: r } = e;
-		S(t > 0), C(t + r < n - 1);
-	}, [m]), G = e((e) => {
-		let t = A.current;
-		if (!t) return;
-		let n = t.clientWidth * .75;
-		t.scrollBy({
-			left: e === "left" ? -n : n,
-			behavior: "smooth"
-		}), I.current !== null && clearTimeout(I.current), I.current = setTimeout(W, 300);
-	}, [W]), K = e(() => {
-		if (!A.current || w) return;
-		let e = j.current.get(z);
-		if (!e) return;
-		let t = A.current, n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
-		n.left < r.left ? t.scrollLeft -= r.left - n.left + 8 : n.right > r.right && (t.scrollLeft += n.right - r.right + 8);
-	}, [z, w]), q = e(() => {
-		typeof window > "u" || b !== "dropdown" || le(window.innerWidth < 480);
-	}, [b]), fe = e(() => {
-		E((e) => !e);
-	}, []), pe = e((e) => {
-		e.key === "Escape" && T && (e.preventDefault(), E(!1));
-	}, [T]), J = e((e) => {
-		e.touches[0] && (L.current = e.touches[0].clientX);
-	}, []), Y = e((e) => {
-		e.touches[0] && (R.current = e.touches[0].clientX);
-	}, []), X = e(() => {
-		if (!L.current || !R.current) return;
-		let e = L.current - R.current;
-		if (Math.abs(e) > 50) {
-			let t = s.findIndex((e) => e.id === z), n = s[t + 1], r = s[t - 1];
-			e > 0 && n ? H(n.id) : e < 0 && r && H(r.id);
-		}
-		L.current = 0, R.current = 0;
-	}, [
-		z,
-		s,
-		H
-	]), me = e((e) => {
-		let t = V.length;
-		switch (e.key) {
-			case "Escape":
-				e.preventDefault(), O(!1), k(-1), P.current?.focus();
-				break;
-			case "ArrowDown":
-				e.preventDefault(), k((e) => {
-					let n = e >= t - 1 ? 0 : e + 1;
-					return F.current[n]?.focus(), n;
-				});
-				break;
-			case "ArrowUp":
-				e.preventDefault(), k((e) => {
-					let n = e <= 0 ? t - 1 : e - 1;
-					return F.current[n]?.focus(), n;
-				});
-				break;
-			case "Home":
-				e.preventDefault(), k(0), F.current[0]?.focus();
-				break;
-			case "End": e.preventDefault(), k(t - 1), F.current[t - 1]?.focus();
-		}
-	}, [V.length]), he = e((e) => {
-		e.key === "Escape" && D && (e.preventDefault(), O(!1), k(-1));
-	}, [D]);
-	t(() => {
-		if (!T) return;
-		let e = (e) => {
-			M.current && !M.current.contains(e.target) && E(!1);
-		};
-		return document.addEventListener("mousedown", e), () => {
-			document.removeEventListener("mousedown", e);
-		};
-	}, [T]), t(() => {
-		if (!D) return;
-		let e = (e) => {
-			N.current && !N.current.contains(e.target) && (O(!1), k(-1));
-		}, t = (e) => {
-			e.key === "Escape" && (O(!1), k(-1), P.current?.focus());
-		};
-		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
-			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
-		};
-	}, [D]), t(() => {
-		if (D && F.current.length > 0) {
-			let e = V.findIndex((e) => e.id === z), t = e >= 0 ? e : 0;
-			k(t), requestAnimationFrame(() => {
-				F.current[t]?.focus();
-			});
-		}
-	}, [
-		D,
-		V,
-		z
-	]), t(() => {
-		if (!s.find((e) => e.id === z)) {
-			let e = s[0];
-			e && H(e.id);
-		}
-	}, [
-		s,
-		z,
-		H
-	]), t(() => {
-		q(), W();
-		let e = () => {
-			q(), W();
-		};
-		return window.addEventListener("resize", e), () => {
-			window.removeEventListener("resize", e);
-		};
-	}, [q, W]), t(() => {
-		K();
-	}, [z, K]), t(() => {
-		W();
-	}, [s, W]), t(() => () => {
-		I.current !== null && clearTimeout(I.current);
-	}, []);
-	let Z = s.find((e) => e.id === z)?.content, ge = s.find((e) => e.id === z)?.label, _e = c.length > 0;
-	F.current = [];
-	let Q = (e, t) => {
-		let n = e.id === z;
-		return /* @__PURE__ */ o("button", {
-			ref: (t) => {
-				de(e.id, t);
-			},
-			role: "tab",
-			"aria-selected": n,
-			"aria-controls": v ? `tabpanel-${e.id}` : void 0,
-			id: `tab-${e.id}`,
-			tabIndex: n ? 0 : -1,
-			className: `tabs__tab${n ? " tabs__tab--active" : ""}`,
-			onClick: () => {
-				H(e.id);
-			},
-			onKeyDown: (e) => {
-				U(e, t), (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "Home" || e.key === "End") && e.stopPropagation();
-			},
-			children: [
-				e.labelPrefix,
-				/* @__PURE__ */ a("span", {
-					className: "tabs__tab-label",
-					children: e.label
-				}),
-				e.labelExtra
-			]
-		}, e.id);
-	}, ve = () => _e ? B.map(({ group: e, tabs: t }, n) => /* @__PURE__ */ o("div", {
-		className: "tabs__group",
-		children: [e && /* @__PURE__ */ o(ee, { children: [n > 0 && /* @__PURE__ */ a("div", {
-			className: "tabs__separator",
-			role: "separator",
-			"aria-hidden": "true"
-		}), h && /* @__PURE__ */ a("span", {
-			className: "tabs__group-label",
-			children: e.label
-		})] }), /* @__PURE__ */ a("div", {
-			className: "tabs__group-tabs",
-			children: t.map((e) => {
-				let t = s.findIndex((t) => t.id === e.id);
-				return Q(e, t);
-			})
-		})]
-	}, e?.id || "default")) : s.map((e, t) => Q(e, t)), ye = () => b !== "menu" || !m ? null : /* @__PURE__ */ o("div", {
-		className: "tabs__overflow",
-		ref: N,
-		children: [/* @__PURE__ */ a("button", {
-			ref: P,
-			type: "button",
-			className: "tabs__overflow-btn",
-			onClick: () => {
-				O(!D);
-			},
-			onKeyDown: he,
-			"aria-label": re,
-			"aria-expanded": D,
-			"aria-haspopup": "menu",
-			children: /* @__PURE__ */ o("svg", {
-				width: "20",
-				height: "20",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				children: [
-					/* @__PURE__ */ a("circle", {
-						cx: "12",
-						cy: "12",
-						r: "1"
-					}),
-					/* @__PURE__ */ a("circle", {
-						cx: "12",
-						cy: "5",
-						r: "1"
-					}),
-					/* @__PURE__ */ a("circle", {
-						cx: "12",
-						cy: "19",
-						r: "1"
-					})
-				]
-			})
-		}), D && /* @__PURE__ */ a("div", {
-			className: "tabs__overflow-menu",
-			role: "menu",
-			onKeyDown: me,
-			children: B.map(({ group: e, tabs: t }) => /* @__PURE__ */ o("div", {
-				className: "tabs__overflow-group",
-				children: [e && h && /* @__PURE__ */ a("div", {
-					className: "tabs__overflow-group-label",
-					children: e.label
-				}), t.map((e) => {
-					let t = e.id === z, n = V.findIndex((t) => t.id === e.id);
-					return /* @__PURE__ */ o("button", {
-						ref: (e) => {
-							e && (F.current[n] = e);
-						},
-						role: "menuitem",
-						tabIndex: ue === n ? 0 : -1,
-						className: `tabs__overflow-item ${t ? "tabs__overflow-item--active" : ""}`,
-						onClick: () => {
-							H(e.id);
-						},
-						children: [
-							e.labelPrefix,
-							/* @__PURE__ */ a("span", { children: e.label }),
-							e.labelExtra
-						]
-					}, e.id);
-				})]
-			}, e?.id || "default"))
-		})]
-	}), $ = _ === "segmented" || _ === "compact";
-	return b === "dropdown" && w && !$ ? /* @__PURE__ */ o("div", {
-		className: `tabs tabs--mobile-dropdown ${d}`,
-		children: [/* @__PURE__ */ o("div", {
-			className: "tabs__dropdown-container",
-			ref: M,
-			children: [/* @__PURE__ */ o("button", {
-				className: "tabs__dropdown-trigger",
-				onClick: fe,
-				onKeyDown: pe,
-				"aria-expanded": T,
-				"aria-haspopup": "listbox",
-				"aria-label": p || ie,
-				children: [/* @__PURE__ */ a("span", {
-					className: "tabs__dropdown-label",
-					children: ge
-				}), /* @__PURE__ */ a("svg", {
-					className: `tabs__dropdown-arrow ${T ? "tabs__dropdown-arrow--open" : ""}`,
-					width: "16",
-					height: "16",
-					viewBox: "0 0 16 16",
-					fill: "none",
-					xmlns: "http://www.w3.org/2000/svg",
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ a("path", {
-						d: "M4 6L8 10L12 6",
-						stroke: "currentColor",
-						strokeWidth: "2",
-						strokeLinecap: "round",
-						strokeLinejoin: "round"
-					})
-				})]
-			}), T && /* @__PURE__ */ a("div", {
-				className: "tabs__dropdown-menu",
-				role: "listbox",
-				children: s.map((e) => /* @__PURE__ */ a("button", {
-					role: "option",
-					"aria-selected": e.id === z,
-					className: `tabs__dropdown-item ${e.id === z ? "tabs__dropdown-item--active" : ""}`,
-					onClick: () => {
-						H(e.id), E(!1);
-					},
-					children: e.label
-				}, e.id))
-			})]
-		}), v && /* @__PURE__ */ a("div", {
-			id: `tabpanel-${z}`,
-			role: "tabpanel",
-			"aria-labelledby": `tab-${z}`,
-			className: `tabs__panel ${f}`.trim(),
-			tabIndex: 0,
-			onTouchStart: J,
-			onTouchMove: Y,
-			onTouchEnd: X,
-			children: Z
-		})]
-	}) : /* @__PURE__ */ o("div", {
-		className: `tabs ${b === "menu" ? "tabs--overflow-menu" : ""} ${_ === "segmented" ? "tabs--variant-segmented" : _ === "compact" ? "tabs--variant-compact" : ""} ${$ && ne ? "tabs--fill-container" : ""} ${d}`.replace(/\s+/g, " ").trim(),
-		children: [/* @__PURE__ */ o("div", {
-			className: "tabs__container",
-			children: [
-				m && se && /* @__PURE__ */ a("button", {
-					className: "tabs__scroll-arrow tabs__scroll-arrow--left",
-					onClick: () => {
-						G("left");
-					},
-					"aria-label": y,
-					tabIndex: -1,
-					children: /* @__PURE__ */ a("svg", {
-						width: "20",
-						height: "20",
-						viewBox: "0 0 20 20",
-						fill: "none",
-						xmlns: "http://www.w3.org/2000/svg",
-						"aria-hidden": "true",
-						children: /* @__PURE__ */ a("path", {
-							d: "M12 15L7 10L12 5",
-							stroke: "currentColor",
-							strokeWidth: "2",
-							strokeLinecap: "round",
-							strokeLinejoin: "round"
-						})
-					})
-				}),
-				/* @__PURE__ */ a("div", {
-					ref: A,
-					className: "tabs__list",
-					role: "tablist",
-					"aria-label": p,
-					onScroll: W,
-					onKeyDown: (e) => {
-						let t = s.findIndex((e) => e.id === z);
-						t < 0 || U(e, t);
-					},
-					onTouchStart: b === "dropdown" ? J : void 0,
-					onTouchMove: b === "dropdown" ? Y : void 0,
-					onTouchEnd: b === "dropdown" ? X : void 0,
-					children: ve()
-				}),
-				m && ce && /* @__PURE__ */ a("button", {
-					className: "tabs__scroll-arrow tabs__scroll-arrow--right",
-					onClick: () => {
-						G("right");
-					},
-					"aria-label": ae,
-					tabIndex: -1,
-					children: /* @__PURE__ */ a("svg", {
-						width: "20",
-						height: "20",
-						viewBox: "0 0 20 20",
-						fill: "none",
-						xmlns: "http://www.w3.org/2000/svg",
-						"aria-hidden": "true",
-						children: /* @__PURE__ */ a("path", {
-							d: "M8 5L13 10L8 15",
-							stroke: "currentColor",
-							strokeWidth: "2",
-							strokeLinecap: "round",
-							strokeLinejoin: "round"
-						})
-					})
-				}),
-				ye()
-			]
-		}), v && /* @__PURE__ */ a("div", {
-			id: `tabpanel-${z}`,
-			role: "tabpanel",
-			"aria-labelledby": `tab-${z}`,
-			className: `tabs__panel ${f}`.trim(),
-			tabIndex: 0,
-			children: Z
-		})]
-	});
-}
-//#endregion
-export { s as Tabs };
-
-//# sourceMappingURL=Tabs2.js.map
-import "../../assets/components/Tabs/Tabs.css";

package/dist/components/Tabs/Tabs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs2.js","names":[],"sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["/**\n * Tabs Component\n *\n * Unified tab navigation component with optional grouping, guide tag badges,\n * and responsive overflow handling. Follows WCAG 2.1 ARIA tab pattern.\n *\n * Features:\n * - Scroll arrows for overflow\n * - Mobile dropdown mode (overflowMode=\"dropdown\", < 480px)\n * - Overflow menu mode (overflowMode=\"menu\", < 768px)\n * - Tab grouping with separators and labels\n * - Guide tag badge support (required, recommended, beta, experimental)\n * - Touch swipe navigation (dropdown mode)\n * - Auto-scroll to active tab\n * - Full keyboard navigation (Arrow keys, Home, End)\n */\n\nimport {\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  useMemo,\n  type ReactNode,\n  type KeyboardEvent,\n  type TouchEvent,\n} from \"react\";\nimport \"./Tabs.css\";\n\nexport interface TabItem {\n  id: string;\n  label: string;\n  content: ReactNode;\n  /**\n   * Trailing node rendered next to the tab label: a count pill, a status\n   * badge, whatever the consumer's vocabulary calls for.\n   *\n   * This used to sit beside a `tag` prop that took one of four fixed names,\n   * required / recommended / beta / experimental, and rendered a Badge for\n   * it. Those are one product's guide vocabulary, and the arrangement had\n   * already split across the boundary: the badge variant lived here while the\n   * label text had to be passed in from the consumer's locale bundle. A\n   * consumer that wants that badge renders it here, and owns both halves.\n   */\n  labelExtra?: ReactNode;\n  /**\n   * Optional leading node rendered before the tab label (e.g. an icon).\n   * Useful when migrating segmented controls that prefix the label with\n   * an SVG glyph (e.g. ImportExportDialog source toggle: File / Paste / URL).\n   */\n  labelPrefix?: ReactNode;\n  /** Assign this tab to a group (used with the `groups` prop) */\n  groupId?: string;\n}\n\nexport interface TabGroupMeta {\n  id: string;\n  label: string;\n}\n\nexport type TabOverflowMode = \"dropdown\" | \"menu\";\n\n/**\n * Visual variant of the tab bar.\n *\n * - `\"underlined\"` (default): pill container with raised active tab and scroll\n *   arrows; used for primary page-level navigation that may overflow.\n * - `\"segmented\"`: gray-background segmented control with raised active tab;\n *   intended for short, fixed-arity in-page mode toggles.\n * - `\"compact\"`: smaller segmented control with reduced padding; used where\n *   the tab bar shares a row with other controls (e.g. StatisticsPage).\n */\nexport type TabVariant = \"underlined\" | \"segmented\" | \"compact\";\n\nexport interface TabsProps {\n  tabs: TabItem[];\n  /** Group definitions for organizing tabs with separators and labels */\n  groups?: TabGroupMeta[];\n  defaultTab?: string;\n  activeTab?: string;\n  onTabChange?: (tabId: string) => void;\n  className?: string;\n  panelClassName?: string;\n  ariaLabel?: string;\n  /** Show scroll arrows and overflow controls (default: true) */\n  showOverflowControls?: boolean;\n  /** Show group labels in the tab bar and overflow menu (default: true) */\n  showGroupLabels?: boolean;\n  /**\n   * Overflow strategy for small screens:\n   * - \"dropdown\": mobile dropdown trigger (< 480px) — default when no groups\n   * - \"menu\": overflow menu button (< 768px) — default when groups are provided\n   */\n  overflowMode?: TabOverflowMode;\n  /**\n   * Visual variant. Defaults to `\"underlined\"` (the original Tabs look).\n   * Use `\"segmented\"` for iOS-style pill toggles, `\"compact\"` for a smaller\n   * variant suitable for in-header use alongside other controls.\n   */\n  variant?: TabVariant;\n  /**\n   * When using `variant=\"segmented\"` or `\"compact\"`, make each tab fill the\n   * container evenly (flex: 1 per tab). Useful for short, equal-arity mode\n   * toggles like the Models page tab bar. Defaults to false.\n   */\n  fillContainer?: boolean;\n  /**\n   * Render the tab panel (the active tab's `content`) below the tab list.\n   * Defaults to true. Set to false when the consumer manages its own panel\n   * rendering outside the Tabs component (e.g. pages that interleave panels\n   * with other in-header elements).\n   *\n   * When false, each `TabItem.content` is ignored — the consumer is expected\n   * to inspect `activeTab` / `onTabChange` and render its own panel.\n   */\n  renderPanel?: boolean;\n  /** Accessible label for the overflow-menu trigger button. Default: \"More tabs\" */\n  moreTabsLabel?: string;\n  /** Accessible label for the mobile dropdown trigger. Default: \"Select tab\" */\n  selectTabLabel?: string;\n  /** Accessible label for the left scroll-arrow button. Default: \"Scroll left\" */\n  scrollLeftLabel?: string;\n  /** Accessible label for the right scroll-arrow button. Default: \"Scroll right\" */\n  scrollRightLabel?: string;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function Tabs({\n  tabs,\n  groups = [],\n  defaultTab,\n  activeTab: controlledTab,\n  onTabChange,\n  className = \"\",\n  panelClassName = \"\",\n  ariaLabel,\n  showOverflowControls = true,\n  showGroupLabels = true,\n  overflowMode: explicitOverflowMode,\n  variant = \"underlined\",\n  fillContainer = false,\n  renderPanel = true,\n  moreTabsLabel = \"More tabs\",\n  selectTabLabel = \"Select tab\",\n  scrollLeftLabel = \"Scroll left\",\n  scrollRightLabel = \"Scroll right\",\n}: TabsProps) {\n  // Auto-detect overflow mode from groups presence\n  const overflowMode =\n    explicitOverflowMode ?? (groups.length > 0 ? \"menu\" : \"dropdown\");\n\n  // ---- State ----\n  const [internalActiveTab, setInternalActiveTab] = useState(\n    defaultTab || tabs[0]?.id || \"\",\n  );\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(false);\n\n  // Dropdown mode state (overflowMode === \"dropdown\")\n  const [isMobileDropdown, setIsMobileDropdown] = useState(false);\n  const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\n  // Overflow menu state (overflowMode === \"menu\")\n  const [showOverflowMenu, setShowOverflowMenu] = useState(false);\n  const [focusedMenuIndex, setFocusedMenuIndex] = useState(-1);\n\n  // ---- Refs ----\n  const tabListRef = useRef<HTMLDivElement>(null);\n  const tabRefs = useRef<Map<string, HTMLButtonElement>>(new Map());\n  const dropdownContainerRef = useRef<HTMLDivElement>(null);\n  const overflowMenuRef = useRef<HTMLDivElement>(null);\n  const overflowButtonRef = useRef<HTMLButtonElement>(null);\n  const menuItemRefs = useRef<HTMLButtonElement[]>([]);\n  const scrollTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const touchStartX = useRef<number>(0);\n  const touchEndX = useRef<number>(0);\n\n  // ---- Derived state ----\n  const activeTab = controlledTab ?? internalActiveTab;\n\n  // Group tabs by groupId\n  const groupedTabs = useMemo(() => {\n    return groups.length > 0\n      ? groups.map((group) => ({\n          group,\n          tabs: tabs.filter((tab) => tab.groupId === group.id),\n        }))\n      : [{ group: null as TabGroupMeta | null, tabs }];\n  }, [groups, tabs]);\n\n  // Flatten menu items for keyboard navigation\n  const flattenedMenuTabs = useMemo(() => {\n    return groupedTabs.flatMap(({ tabs: groupTabs }) => groupTabs);\n  }, [groupedTabs]);\n\n  // ---- Handlers ----\n\n  const handleTabClick = useCallback(\n    (tabId: string) => {\n      if (!controlledTab) {\n        setInternalActiveTab(tabId);\n      }\n      onTabChange?.(tabId);\n      setShowOverflowMenu(false);\n    },\n    [controlledTab, onTabChange],\n  );\n\n  const handleKeyDown = useCallback(\n    (\n      e: KeyboardEvent<HTMLButtonElement> | KeyboardEvent<HTMLDivElement>,\n      currentIndex: number,\n    ) => {\n      let targetIndex: number;\n\n      switch (e.key) {\n        case \"ArrowRight\":\n          e.preventDefault();\n          targetIndex = currentIndex === tabs.length - 1 ? 0 : currentIndex + 1;\n          break;\n        case \"ArrowLeft\":\n          e.preventDefault();\n          targetIndex = currentIndex === 0 ? tabs.length - 1 : currentIndex - 1;\n          break;\n        case \"Home\":\n          e.preventDefault();\n          targetIndex = 0;\n          break;\n        case \"End\":\n          e.preventDefault();\n          targetIndex = tabs.length - 1;\n          break;\n        default:\n          return;\n      }\n\n      const targetTab = tabs[targetIndex];\n      if (targetTab) {\n        handleTabClick(targetTab.id);\n        tabRefs.current.get(targetTab.id)?.focus();\n      }\n    },\n    [tabs, handleTabClick],\n  );\n\n  const setTabRef = useCallback((id: string, element: HTMLButtonElement | null) => {\n    if (element) {\n      tabRefs.current.set(id, element);\n    } else {\n      tabRefs.current.delete(id);\n    }\n  }, []);\n\n  // ---- Scroll controls ----\n\n  const checkScroll = useCallback(() => {\n    const container = tabListRef.current;\n    if (!container || !showOverflowControls) {\n      setCanScrollLeft(false);\n      setCanScrollRight(false);\n      return;\n    }\n\n    const { scrollLeft, scrollWidth, clientWidth } = container;\n    setCanScrollLeft(scrollLeft > 0);\n    setCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);\n  }, [showOverflowControls]);\n\n  const scrollTabs = useCallback(\n    (direction: \"left\" | \"right\") => {\n      const container = tabListRef.current;\n      if (!container) return;\n\n      const scrollAmount = container.clientWidth * 0.75;\n      container.scrollBy({\n        left: direction === \"left\" ? -scrollAmount : scrollAmount,\n        behavior: \"smooth\",\n      });\n\n      if (scrollTimeoutRef.current !== null) {\n        clearTimeout(scrollTimeoutRef.current);\n      }\n      scrollTimeoutRef.current = setTimeout(checkScroll, 300);\n    },\n    [checkScroll],\n  );\n\n  // ---- Auto-scroll to active tab ----\n\n  const scrollToActiveTab = useCallback(() => {\n    if (!tabListRef.current || isMobileDropdown) return;\n\n    const activeButton = tabRefs.current.get(activeTab);\n    if (!activeButton) return;\n\n    const container = tabListRef.current;\n    const buttonRect = activeButton.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n\n    if (buttonRect.left < containerRect.left) {\n      container.scrollLeft -= containerRect.left - buttonRect.left + 8;\n    } else if (buttonRect.right > containerRect.right) {\n      container.scrollLeft += buttonRect.right - containerRect.right + 8;\n    }\n  }, [activeTab, isMobileDropdown]);\n\n  // ---- Mobile dropdown mode ----\n\n  const checkMobileMode = useCallback(() => {\n    if (typeof window === \"undefined\" || overflowMode !== \"dropdown\") return;\n    setIsMobileDropdown(window.innerWidth < 480);\n  }, [overflowMode]);\n\n  const toggleDropdown = useCallback(() => {\n    setIsDropdownOpen((prev) => !prev);\n  }, []);\n\n  const handleDropdownKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLButtonElement>) => {\n      if (e.key === \"Escape\" && isDropdownOpen) {\n        e.preventDefault();\n        setIsDropdownOpen(false);\n      }\n    },\n    [isDropdownOpen],\n  );\n\n  // ---- Touch swipe (dropdown mode) ----\n\n  const handleTouchStart = useCallback((e: TouchEvent<HTMLDivElement>) => {\n    if (e.touches[0]) {\n      touchStartX.current = e.touches[0].clientX;\n    }\n  }, []);\n\n  const handleTouchMove = useCallback((e: TouchEvent<HTMLDivElement>) => {\n    if (e.touches[0]) {\n      touchEndX.current = e.touches[0].clientX;\n    }\n  }, []);\n\n  const handleTouchEnd = useCallback(() => {\n    if (!touchStartX.current || !touchEndX.current) return;\n\n    const diff = touchStartX.current - touchEndX.current;\n    const threshold = 50;\n\n    if (Math.abs(diff) > threshold) {\n      const currentIndex = tabs.findIndex((tab) => tab.id === activeTab);\n      const nextTab = tabs[currentIndex + 1];\n      const prevTab = tabs[currentIndex - 1];\n\n      if (diff > 0 && nextTab) {\n        handleTabClick(nextTab.id);\n      } else if (diff < 0 && prevTab) {\n        handleTabClick(prevTab.id);\n      }\n    }\n\n    touchStartX.current = 0;\n    touchEndX.current = 0;\n  }, [activeTab, tabs, handleTabClick]);\n\n  // ---- Overflow menu (menu mode) ----\n\n  const handleOverflowMenuKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      const menuItemCount = flattenedMenuTabs.length;\n\n      switch (e.key) {\n        case \"Escape\":\n          e.preventDefault();\n          setShowOverflowMenu(false);\n          setFocusedMenuIndex(-1);\n          overflowButtonRef.current?.focus();\n          break;\n        case \"ArrowDown\":\n          e.preventDefault();\n          setFocusedMenuIndex((prev) => {\n            const next = prev >= menuItemCount - 1 ? 0 : prev + 1;\n            menuItemRefs.current[next]?.focus();\n            return next;\n          });\n          break;\n        case \"ArrowUp\":\n          e.preventDefault();\n          setFocusedMenuIndex((prev) => {\n            const next = prev <= 0 ? menuItemCount - 1 : prev - 1;\n            menuItemRefs.current[next]?.focus();\n            return next;\n          });\n          break;\n        case \"Home\":\n          e.preventDefault();\n          setFocusedMenuIndex(0);\n          menuItemRefs.current[0]?.focus();\n          break;\n        case \"End\":\n          e.preventDefault();\n          setFocusedMenuIndex(menuItemCount - 1);\n          menuItemRefs.current[menuItemCount - 1]?.focus();\n          break;\n        default:\n          break;\n      }\n    },\n    [flattenedMenuTabs.length],\n  );\n\n  const handleOverflowButtonKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLButtonElement>) => {\n      if (e.key === \"Escape\" && showOverflowMenu) {\n        e.preventDefault();\n        setShowOverflowMenu(false);\n        setFocusedMenuIndex(-1);\n      }\n    },\n    [showOverflowMenu],\n  );\n\n  // ---- Effects ----\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    if (!isDropdownOpen) return;\n\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownContainerRef.current &&\n        !dropdownContainerRef.current.contains(event.target as Node)\n      ) {\n        setIsDropdownOpen(false);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isDropdownOpen]);\n\n  // Close overflow menu when clicking outside\n  useEffect(() => {\n    if (!showOverflowMenu) return undefined;\n\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        overflowMenuRef.current &&\n        !overflowMenuRef.current.contains(event.target as Node)\n      ) {\n        setShowOverflowMenu(false);\n        setFocusedMenuIndex(-1);\n      }\n    };\n\n    const handleEscapeKey = (event: globalThis.KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setShowOverflowMenu(false);\n        setFocusedMenuIndex(-1);\n        overflowButtonRef.current?.focus();\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    document.addEventListener(\"keydown\", handleEscapeKey);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n      document.removeEventListener(\"keydown\", handleEscapeKey);\n    };\n  }, [showOverflowMenu]);\n\n  // Focus menu item when overflow menu opens\n  useEffect(() => {\n    if (showOverflowMenu && menuItemRefs.current.length > 0) {\n      const activeIndex = flattenedMenuTabs.findIndex((tab) => tab.id === activeTab);\n      const indexToFocus = activeIndex >= 0 ? activeIndex : 0;\n      setFocusedMenuIndex(indexToFocus);\n      requestAnimationFrame(() => {\n        menuItemRefs.current[indexToFocus]?.focus();\n      });\n    }\n  }, [showOverflowMenu, flattenedMenuTabs, activeTab]);\n\n  // Ensure active tab is valid\n  useEffect(() => {\n    if (!tabs.find((tab) => tab.id === activeTab)) {\n      const firstTab = tabs[0];\n      if (firstTab) {\n        handleTabClick(firstTab.id);\n      }\n    }\n  }, [tabs, activeTab, handleTabClick]);\n\n  // Check mobile mode and scroll on mount/resize\n  useEffect(() => {\n    checkMobileMode();\n    checkScroll();\n\n    const handleResize = () => {\n      checkMobileMode();\n      checkScroll();\n    };\n\n    window.addEventListener(\"resize\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, [checkMobileMode, checkScroll]);\n\n  // Scroll to active tab when it changes\n  useEffect(() => {\n    scrollToActiveTab();\n  }, [activeTab, scrollToActiveTab]);\n\n  // Check scroll when tabs change\n  useEffect(() => {\n    checkScroll();\n  }, [tabs, checkScroll]);\n\n  // Cleanup scroll timeout on unmount\n  useEffect(() => {\n    return () => {\n      if (scrollTimeoutRef.current !== null) {\n        clearTimeout(scrollTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  // ---- Render helpers ----\n\n  const activeTabContent = tabs.find((tab) => tab.id === activeTab)?.content;\n  const activeTabLabel = tabs.find((tab) => tab.id === activeTab)?.label;\n\n  const hasGroups = groups.length > 0;\n\n  // Reset menu item refs array each render\n  menuItemRefs.current = [];\n\n  /** Render a single tab button */\n  const renderTabButton = (tab: TabItem, globalIndex: number) => {\n    const isActive = tab.id === activeTab;\n\n    return (\n      <button\n        key={tab.id}\n        ref={(el) => {\n          setTabRef(tab.id, el);\n        }}\n        role=\"tab\"\n        aria-selected={isActive}\n        aria-controls={renderPanel ? `tabpanel-${tab.id}` : undefined}\n        id={`tab-${tab.id}`}\n        tabIndex={isActive ? 0 : -1}\n        className={`tabs__tab${isActive ? \" tabs__tab--active\" : \"\"}`}\n        onClick={() => {\n          handleTabClick(tab.id);\n        }}\n        onKeyDown={(e) => {\n          handleKeyDown(e, globalIndex);\n          // Prevent the tablist's onKeyDown from also firing (it runs the\n          // same Arrow/Home/End logic for synthetic tests / unusual focus\n          // setups where focus is on the tablist itself).\n          if (\n            e.key === \"ArrowLeft\" ||\n            e.key === \"ArrowRight\" ||\n            e.key === \"Home\" ||\n            e.key === \"End\"\n          ) {\n            e.stopPropagation();\n          }\n        }}\n      >\n        {tab.labelPrefix}\n        <span className=\"tabs__tab-label\">{tab.label}</span>\n        {tab.labelExtra}\n      </button>\n    );\n  };\n\n  /** Render the tab list content (flat or grouped) */\n  const renderTabListContent = () => {\n    if (hasGroups) {\n      return groupedTabs.map(({ group, tabs: groupTabs }, groupIndex) => (\n        <div key={group?.id || \"default\"} className=\"tabs__group\">\n          {group && (\n            <>\n              {groupIndex > 0 && (\n                <div className=\"tabs__separator\" role=\"separator\" aria-hidden=\"true\" />\n              )}\n              {showGroupLabels && (\n                <span className=\"tabs__group-label\">{group.label}</span>\n              )}\n            </>\n          )}\n          <div className=\"tabs__group-tabs\">\n            {groupTabs.map((tab) => {\n              const globalIndex = tabs.findIndex((t) => t.id === tab.id);\n              return renderTabButton(tab, globalIndex);\n            })}\n          </div>\n        </div>\n      ));\n    }\n\n    return tabs.map((tab, index) => renderTabButton(tab, index));\n  };\n\n  /** Render the overflow menu (menu mode) */\n  const renderOverflowMenu = () => {\n    if (overflowMode !== \"menu\" || !showOverflowControls) return null;\n\n    return (\n      <div className=\"tabs__overflow\" ref={overflowMenuRef}>\n        <button\n          ref={overflowButtonRef}\n          type=\"button\"\n          className=\"tabs__overflow-btn\"\n          onClick={() => {\n            setShowOverflowMenu(!showOverflowMenu);\n          }}\n          onKeyDown={handleOverflowButtonKeyDown}\n          aria-label={moreTabsLabel}\n          aria-expanded={showOverflowMenu}\n          aria-haspopup=\"menu\"\n        >\n          <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"1\" />\n            <circle cx=\"12\" cy=\"5\" r=\"1\" />\n            <circle cx=\"12\" cy=\"19\" r=\"1\" />\n          </svg>\n        </button>\n\n        {showOverflowMenu && (\n          <div\n            className=\"tabs__overflow-menu\"\n            role=\"menu\"\n            onKeyDown={handleOverflowMenuKeyDown}\n          >\n            {groupedTabs.map(({ group, tabs: groupTabs }) => (\n              <div key={group?.id || \"default\"} className=\"tabs__overflow-group\">\n                {group && showGroupLabels && (\n                  <div className=\"tabs__overflow-group-label\">{group.label}</div>\n                )}\n                {groupTabs.map((tab) => {\n                  const isActive = tab.id === activeTab;\n                  const flatIndex = flattenedMenuTabs.findIndex((t) => t.id === tab.id);\n                  return (\n                    <button\n                      key={tab.id}\n                      ref={(el) => {\n                        if (el) {\n                          menuItemRefs.current[flatIndex] = el;\n                        }\n                      }}\n                      role=\"menuitem\"\n                      tabIndex={focusedMenuIndex === flatIndex ? 0 : -1}\n                      className={`tabs__overflow-item ${isActive ? \"tabs__overflow-item--active\" : \"\"}`}\n                      onClick={() => {\n                        handleTabClick(tab.id);\n                      }}\n                    >\n                      {tab.labelPrefix}\n                      <span>{tab.label}</span>\n                      {tab.labelExtra}\n                    </button>\n                  );\n                })}\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  // ---- Variant class helpers ----\n\n  // For segmented/compact variants we always want a single horizontal pill —\n  // there is no scrollable arrow affordance and the mobile dropdown trigger\n  // would visually conflict with the segmented look. Underlined remains the\n  // only variant that follows the historical \"scroll + dropdown\" behavior.\n  const isSegmentedFamily = variant === \"segmented\" || variant === \"compact\";\n  const variantClass =\n    variant === \"segmented\"\n      ? \"tabs--variant-segmented\"\n      : variant === \"compact\"\n        ? \"tabs--variant-compact\"\n        : \"\";\n  const fillContainerClass =\n    isSegmentedFamily && fillContainer ? \"tabs--fill-container\" : \"\";\n\n  // ---- Mobile dropdown render (overflowMode === \"dropdown\") ----\n\n  // Segmented/compact variants always render as a single inline tab bar — we\n  // skip the mobile-dropdown branch even when the viewport is narrow so the\n  // visual matches the existing per-page \"segmented control\" markup the\n  // migration replaces.\n  if (overflowMode === \"dropdown\" && isMobileDropdown && !isSegmentedFamily) {\n    return (\n      <div className={`tabs tabs--mobile-dropdown ${className}`}>\n        <div className=\"tabs__dropdown-container\" ref={dropdownContainerRef}>\n          <button\n            className=\"tabs__dropdown-trigger\"\n            onClick={toggleDropdown}\n            onKeyDown={handleDropdownKeyDown}\n            aria-expanded={isDropdownOpen}\n            aria-haspopup=\"listbox\"\n            aria-label={ariaLabel || selectTabLabel}\n          >\n            <span className=\"tabs__dropdown-label\">{activeTabLabel}</span>\n            <svg\n              className={`tabs__dropdown-arrow ${isDropdownOpen ? \"tabs__dropdown-arrow--open\" : \"\"}`}\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M4 6L8 10L12 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </button>\n\n          {isDropdownOpen && (\n            <div className=\"tabs__dropdown-menu\" role=\"listbox\">\n              {tabs.map((tab) => (\n                <button\n                  key={tab.id}\n                  role=\"option\"\n                  aria-selected={tab.id === activeTab}\n                  className={`tabs__dropdown-item ${tab.id === activeTab ? \"tabs__dropdown-item--active\" : \"\"}`}\n                  onClick={() => {\n                    handleTabClick(tab.id);\n                    setIsDropdownOpen(false);\n                  }}\n                >\n                  {tab.label}\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {renderPanel && (\n          <div\n            id={`tabpanel-${activeTab}`}\n            role=\"tabpanel\"\n            aria-labelledby={`tab-${activeTab}`}\n            className={`tabs__panel ${panelClassName}`.trim()}\n            tabIndex={0}\n            onTouchStart={handleTouchStart}\n            onTouchMove={handleTouchMove}\n            onTouchEnd={handleTouchEnd}\n          >\n            {activeTabContent}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // ---- Desktop/tablet render ----\n\n  const modeClass = overflowMode === \"menu\" ? \"tabs--overflow-menu\" : \"\";\n\n  return (\n    <div\n      className={`tabs ${modeClass} ${variantClass} ${fillContainerClass} ${className}`\n        .replace(/\\s+/g, \" \")\n        .trim()}\n    >\n      <div className=\"tabs__container\">\n        {/* Scroll left arrow */}\n        {showOverflowControls && canScrollLeft && (\n          <button\n            className=\"tabs__scroll-arrow tabs__scroll-arrow--left\"\n            onClick={() => {\n              scrollTabs(\"left\");\n            }}\n            aria-label={scrollLeftLabel}\n            tabIndex={-1}\n          >\n            <svg\n              width=\"20\"\n              height=\"20\"\n              viewBox=\"0 0 20 20\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M12 15L7 10L12 5\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </button>\n        )}\n\n        <div\n          ref={tabListRef}\n          className=\"tabs__list\"\n          role=\"tablist\"\n          aria-label={ariaLabel}\n          onScroll={checkScroll}\n          onKeyDown={(e) => {\n            // Mirror the per-button handler at the tablist level so synthetic\n            // tests (and unusual focus setups where the tablist itself owns\n            // the keyboard focus) get the same Arrow/Home/End behavior. Tab\n            // buttons are still the primary handler; this only fires when\n            // the event reaches the tablist without being handled by a tab.\n            const currentIndex = tabs.findIndex((tab) => tab.id === activeTab);\n            if (currentIndex < 0) return;\n            handleKeyDown(e, currentIndex);\n          }}\n          onTouchStart={overflowMode === \"dropdown\" ? handleTouchStart : undefined}\n          onTouchMove={overflowMode === \"dropdown\" ? handleTouchMove : undefined}\n          onTouchEnd={overflowMode === \"dropdown\" ? handleTouchEnd : undefined}\n        >\n          {renderTabListContent()}\n        </div>\n\n        {/* Scroll right arrow */}\n        {showOverflowControls && canScrollRight && (\n          <button\n            className=\"tabs__scroll-arrow tabs__scroll-arrow--right\"\n            onClick={() => {\n              scrollTabs(\"right\");\n            }}\n            aria-label={scrollRightLabel}\n            tabIndex={-1}\n          >\n            <svg\n              width=\"20\"\n              height=\"20\"\n              viewBox=\"0 0 20 20\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M8 5L13 10L8 15\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </button>\n        )}\n\n        {/* Overflow menu (menu mode) */}\n        {renderOverflowMenu()}\n      </div>\n\n      {renderPanel && (\n        <div\n          id={`tabpanel-${activeTab}`}\n          role=\"tabpanel\"\n          aria-labelledby={`tab-${activeTab}`}\n          className={`tabs__panel ${panelClassName}`.trim()}\n          tabIndex={0}\n        >\n          {activeTabContent}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/Tabs/index.d.ts

@@ -1,2 +0,0 @@
-export { Tabs } from './Tabs';
-export type { TabsProps, TabItem, TabGroupMeta, TabOverflowMode, TabVariant, } from './Tabs';

package/dist/components/Tabs/index.js

@@ -1,2 +0,0 @@
-import { Tabs as e } from "./Tabs2.js";
-export { e as Tabs };

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,16 +0,0 @@
-import { ReactNode } from 'react';
-export interface TooltipProps {
-    /** Tooltip content - can be string or ReactNode */
-    content: ReactNode;
-    /** Children to wrap with tooltip (trigger element) */
-    children: ReactNode;
-    /** Additional class name for the wrapper */
-    className?: string;
-    /** Additional class name for the tooltip content */
-    contentClassName?: string;
-    /** Custom ID for the tooltip (for aria-describedby association) */
-    tooltipId?: string;
-    /** Tab index for the wrapper. Use -1 when wrapping already-focusable elements like buttons. Defaults to 0. */
-    tabIndex?: number;
-}
-export declare function Tooltip({ content, children, className, contentClassName, tooltipId, tabIndex, }: TooltipProps): import("react").JSX.Element;

package/dist/components/Tooltip/Tooltip2.js

@@ -1,68 +0,0 @@
-/* empty css        */
-import { useCallback as e, useEffect as t, useId as n, useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { createPortal as s } from "react-dom";
-//#region src/components/Tooltip/Tooltip.tsx
-function c({ content: c, children: l, className: u, contentClassName: d, tooltipId: f, tabIndex: p = 0 }) {
-	let [m, h] = i(!1), [g, _] = i(null), v = r(null), y = r(null), b = r(!0), x = n(), S = f ?? `tooltip-${x}`;
-	t(() => (b.current = !0, () => {
-		b.current = !1;
-	}), []), t(() => {
-		let e = y.current;
-		if (!e) return;
-		let t = () => {
-			b.current && h(!0);
-		}, n = () => {
-			b.current && (h(!1), _(null));
-		};
-		return e.addEventListener("focusin", t), e.addEventListener("focusout", n), () => {
-			e.removeEventListener("focusin", t), e.removeEventListener("focusout", n);
-		};
-	}, []), t(() => {
-		if (!m || !y.current || !b.current) return;
-		let e = y.current.getBoundingClientRect();
-		requestAnimationFrame(() => {
-			if (!b.current || !v.current) return;
-			let t = v.current.getBoundingClientRect(), n = e.top, r = window.innerHeight - e.bottom, i = t.height, a = n < i + 10 && r > n ? "bottom" : "top", o = e.left + e.width / 2, s = t.width, c = o - s / 2, l = window.innerWidth;
-			c + s > l - 16 && (c = l - s - 16), c < 16 && (c = 16);
-			let u;
-			u = a === "top" ? e.top - i - 8 : e.bottom + 8, _({
-				top: u,
-				left: c,
-				placement: a
-			});
-		});
-	}, [m]);
-	let C = e(() => {
-		h(!0);
-	}, []), w = e(() => {
-		h(!1), _(null);
-	}, []), T = m && /* @__PURE__ */ a("div", {
-		ref: v,
-		id: S,
-		className: `tooltip__content tooltip__content--${g?.placement ?? "top"} ${d ?? ""}`,
-		style: g ? {
-			top: `${String(g.top)}px`,
-			left: `${String(g.left)}px`
-		} : { visibility: "hidden" },
-		role: "tooltip",
-		children: typeof c == "string" ? /* @__PURE__ */ a("p", {
-			className: "tooltip__text",
-			children: c
-		}) : c
-	});
-	return /* @__PURE__ */ o("div", {
-		ref: y,
-		className: `tooltip__wrapper ${u ?? ""}`,
-		onMouseEnter: C,
-		onMouseLeave: w,
-		tabIndex: p,
-		"aria-describedby": m ? S : void 0,
-		children: [l, T && s(T, document.body)]
-	});
-}
-//#endregion
-export { c as Tooltip };
-
-//# sourceMappingURL=Tooltip2.js.map
-import "../../assets/components/Tooltip/Tooltip.css";

package/dist/components/Tooltip/Tooltip2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip2.js","names":[],"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/**\n * Tooltip Component\n *\n * A reusable tooltip component that displays content on hover.\n * Supports both simple text and complex ReactNode content.\n *\n * Accessibility:\n * - Shows on mouse hover and keyboard focus (WCAG 1.4.13)\n * - Uses role=\"tooltip\" for screen readers\n * - Accessible via keyboard navigation\n */\n\nimport { useState, useRef, useEffect, useCallback, useId, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport \"./Tooltip.css\";\n\nexport interface TooltipProps {\n  /** Tooltip content - can be string or ReactNode */\n  content: ReactNode;\n  /** Children to wrap with tooltip (trigger element) */\n  children: ReactNode;\n  /** Additional class name for the wrapper */\n  className?: string;\n  /** Additional class name for the tooltip content */\n  contentClassName?: string;\n  /** Custom ID for the tooltip (for aria-describedby association) */\n  tooltipId?: string;\n  /** Tab index for the wrapper. Use -1 when wrapping already-focusable elements like buttons. Defaults to 0. */\n  tabIndex?: number;\n}\n\ninterface TooltipPosition {\n  top: number;\n  left: number;\n  placement: \"top\" | \"bottom\";\n}\n\nexport function Tooltip({\n  content,\n  children,\n  className,\n  contentClassName,\n  tooltipId,\n  tabIndex = 0,\n}: TooltipProps) {\n  const [isVisible, setIsVisible] = useState(false);\n  const [tooltipPosition, setTooltipPosition] = useState<TooltipPosition | null>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const isMountedRef = useRef(true);\n  const generatedId = useId();\n  const effectiveTooltipId = tooltipId ?? `tooltip-${generatedId}`;\n\n  // Track mount state\n  useEffect(() => {\n    isMountedRef.current = true;\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, []);\n\n  // Handle focus events using focusin/focusout which bubble from child elements\n  // This ensures tooltips show when keyboard focus moves to children (WCAG 1.4.13)\n  useEffect(() => {\n    const wrapper = wrapperRef.current;\n    if (!wrapper) return;\n\n    // focusin/focusout bubble from child elements, unlike focus/blur\n    const handleFocusIn = () => {\n      if (isMountedRef.current) {\n        setIsVisible(true);\n      }\n    };\n\n    const handleFocusOut = () => {\n      if (isMountedRef.current) {\n        setIsVisible(false);\n        setTooltipPosition(null);\n      }\n    };\n\n    wrapper.addEventListener(\"focusin\", handleFocusIn);\n    wrapper.addEventListener(\"focusout\", handleFocusOut);\n\n    return () => {\n      wrapper.removeEventListener(\"focusin\", handleFocusIn);\n      wrapper.removeEventListener(\"focusout\", handleFocusOut);\n    };\n  }, []);\n\n  // Calculate tooltip position based on available space using fixed positioning\n  useEffect(() => {\n    if (!isVisible || !wrapperRef.current) return;\n    if (!isMountedRef.current) return;\n\n    const wrapperRect = wrapperRef.current.getBoundingClientRect();\n\n    // Use requestAnimationFrame to ensure DOM is updated\n    requestAnimationFrame(() => {\n      if (!isMountedRef.current || !tooltipRef.current) return;\n\n      const tooltipRect = tooltipRef.current.getBoundingClientRect();\n      const spaceAbove = wrapperRect.top;\n      const spaceBelow = window.innerHeight - wrapperRect.bottom;\n\n      const tooltipHeight = tooltipRect.height;\n      const margin = 10;\n\n      // Determine placement\n      const placement: \"top\" | \"bottom\" =\n        spaceAbove < tooltipHeight + margin && spaceBelow > spaceAbove\n          ? \"bottom\"\n          : \"top\";\n\n      // Calculate left position (center on wrapper, but ensure it stays within viewport)\n      const wrapperCenter = wrapperRect.left + wrapperRect.width / 2;\n      const tooltipWidth = tooltipRect.width;\n      let left = wrapperCenter - tooltipWidth / 2;\n      const viewportWidth = window.innerWidth;\n\n      // Keep tooltip within viewport bounds\n      if (left + tooltipWidth > viewportWidth - 16) {\n        left = viewportWidth - tooltipWidth - 16;\n      }\n      if (left < 16) {\n        left = 16;\n      }\n\n      // Calculate top position\n      let top: number;\n      if (placement === \"top\") {\n        top = wrapperRect.top - tooltipHeight - 8;\n      } else {\n        top = wrapperRect.bottom + 8;\n      }\n\n      setTooltipPosition({ top, left, placement });\n    });\n  }, [isVisible]);\n\n  const handleShow = useCallback(() => {\n    setIsVisible(true);\n  }, []);\n\n  const handleHide = useCallback(() => {\n    setIsVisible(false);\n    setTooltipPosition(null);\n  }, []);\n\n  const tooltipElement = isVisible && (\n    <div\n      ref={tooltipRef}\n      id={effectiveTooltipId}\n      className={`tooltip__content tooltip__content--${tooltipPosition?.placement ?? \"top\"} ${contentClassName ?? \"\"}`}\n      style={\n        tooltipPosition\n          ? {\n              top: `${String(tooltipPosition.top)}px`,\n              left: `${String(tooltipPosition.left)}px`,\n            }\n          : { visibility: \"hidden\" }\n      }\n      role=\"tooltip\"\n    >\n      {typeof content === \"string\" ? (\n        <p className=\"tooltip__text\">{content}</p>\n      ) : (\n        content\n      )}\n    </div>\n  );\n\n  return (\n    <div\n      ref={wrapperRef}\n      className={`tooltip__wrapper ${className ?? \"\"}`}\n      onMouseEnter={handleShow}\n      onMouseLeave={handleHide}\n      tabIndex={tabIndex}\n      aria-describedby={isVisible ? effectiveTooltipId : undefined}\n    >\n      {children}\n      {tooltipElement && createPortal(tooltipElement, document.body)}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAqCA,SAAgB,EAAQ,EACtB,YACA,aACA,cACA,qBACA,cACA,cAAW,KACI;CACf,IAAM,CAAC,GAAW,KAAgB,EAAS,EAAK,GAC1C,CAAC,GAAiB,KAAsB,EAAiC,IAAI,GAC7E,IAAa,EAAuB,IAAI,GACxC,IAAa,EAAuB,IAAI,GACxC,IAAe,EAAO,EAAI,GAC1B,IAAc,EAAM,GACpB,IAAqB,KAAa,WAAW;CAwCnD,AArCA,SACE,EAAa,UAAU,UACV;EACX,EAAa,UAAU;CACzB,IACC,CAAC,CAAC,GAIL,QAAgB;EACd,IAAM,IAAU,EAAW;EAC3B,IAAI,CAAC,GAAS;EAGd,IAAM,UAAsB;GAC1B,AAAI,EAAa,WACf,EAAa,EAAI;EAErB,GAEM,UAAuB;GAC3B,AAAI,EAAa,YACf,EAAa,EAAK,GAClB,EAAmB,IAAI;EAE3B;EAKA,OAHA,EAAQ,iBAAiB,WAAW,CAAa,GACjD,EAAQ,iBAAiB,YAAY,CAAc,SAEtC;GAEX,AADA,EAAQ,oBAAoB,WAAW,CAAa,GACpD,EAAQ,oBAAoB,YAAY,CAAc;EACxD;CACF,GAAG,CAAC,CAAC,GAGL,QAAgB;EAEd,IADI,CAAC,KAAa,CAAC,EAAW,WAC1B,CAAC,EAAa,SAAS;EAE3B,IAAM,IAAc,EAAW,QAAQ,sBAAsB;EAG7D,4BAA4B;GAC1B,IAAI,CAAC,EAAa,WAAW,CAAC,EAAW,SAAS;GAElD,IAAM,IAAc,EAAW,QAAQ,sBAAsB,GACvD,IAAa,EAAY,KACzB,IAAa,OAAO,cAAc,EAAY,QAE9C,IAAgB,EAAY,QAI5B,IACJ,IAAa,IAAgB,MAAU,IAAa,IAChD,WACA,OAGA,IAAgB,EAAY,OAAO,EAAY,QAAQ,GACvD,IAAe,EAAY,OAC7B,IAAO,IAAgB,IAAe,GACpC,IAAgB,OAAO;GAM7B,AAHI,IAAO,IAAe,IAAgB,OACxC,IAAO,IAAgB,IAAe,KAEpC,IAAO,OACT,IAAO;GAIT,IAAI;GAOJ,AANA,AAGE,IAHE,MAAc,QACV,EAAY,MAAM,IAAgB,IAElC,EAAY,SAAS,GAG7B,EAAmB;IAAE;IAAK;IAAM;GAAU,CAAC;EAC7C,CAAC;CACH,GAAG,CAAC,CAAS,CAAC;CAEd,IAAM,IAAa,QAAkB;EACnC,EAAa,EAAI;CACnB,GAAG,CAAC,CAAC,GAEC,IAAa,QAAkB;EAEnC,AADA,EAAa,EAAK,GAClB,EAAmB,IAAI;CACzB,GAAG,CAAC,CAAC,GAEC,IAAiB,KACrB,kBAAC,OAAD;EACE,KAAK;EACL,IAAI;EACJ,WAAW,sCAAsC,GAAiB,aAAa,MAAM,GAAG,KAAoB;EAC5G,OACE,IACI;GACE,KAAK,GAAG,OAAO,EAAgB,GAAG,EAAE;GACpC,MAAM,GAAG,OAAO,EAAgB,IAAI,EAAE;EACxC,IACA,EAAE,YAAY,SAAS;EAE7B,MAAK;EAEJ,UAAA,OAAO,KAAY,WAClB,kBAAC,KAAD;GAAG,WAAU;GAAiB,UAAA;EAAW,CAAA,IAEzC;CAEC,CAAA;CAGP,OACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,oBAAoB,KAAa;EAC5C,cAAc;EACd,cAAc;EACJ;EACV,oBAAkB,IAAY,IAAqB,KAAA;EANrD,UAAA,CAQG,GACA,KAAkB,EAAa,GAAgB,SAAS,IAAI,CAC1D;;AAET"}

package/dist/components/Tooltip/index.d.ts

@@ -1,2 +0,0 @@
-export { Tooltip } from './Tooltip';
-export type { TooltipProps } from './Tooltip';

package/dist/components/Tooltip/index.js

@@ -1,2 +0,0 @@
-import { Tooltip as e } from "./Tooltip2.js";
-export { e as Tooltip };

package/dist/hooks/index.js

@@ -1,2 +0,0 @@
-import { usePrefersReducedMotion as e } from "./usePrefersReducedMotion.js";
-export { e as usePrefersReducedMotion };

package/dist/icons/AlertCircleIcon.d.ts

@@ -1,11 +0,0 @@
-/**
- * Alert Circle Icon
- * Used for warnings and info alerts
- */
-interface IconProps {
-    className?: string;
-    style?: React.CSSProperties;
-    size?: number;
-}
-export declare function AlertCircleIcon({ className, style, size }: IconProps): import("react").JSX.Element;
-export {};