@thewhatmatters/wmds 0.2.0

package/dist/components/organisms/SiteNav/siteNavStyles.js

@@ -0,0 +1,25 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { typographyClass as t } from "../../../lib/typography.js";
+import { motionTransition as n } from "../../../lib/motion.js";
+//#region src/components/organisms/SiteNav/siteNavStyles.ts
+var r = ["expanded", "compact"], i = ["fixed", "inline"], a = ["hug", "grid"], o = .5, s = 64, c = "h-[var(--site-nav-height)] min-h-[var(--site-nav-height)]", l = "top-4", u = "pointer-events-none relative z-50 w-full", d = e("pointer-events-none fixed inset-x-0 z-50", l), f = e("pointer-events-none sticky z-50 w-full", l), p = "relative z-50 w-full", m = "relative mx-auto w-full max-w-[var(--grid-max)]", h = "pointer-events-auto relative z-[1] flex items-center", g = {
+	expanded: e(c, "w-full border border-transparent bg-transparent px-[var(--grid-margin)] shadow-none"),
+	compact: e("box-border rounded-full border border-elevation-edge bg-elevation-surface p-1.5 shadow-soft-sm backdrop-blur-md", "supports-[backdrop-filter]:bg-elevation-surface")
+}, _ = {
+	hug: "mx-auto w-max max-w-full",
+	grid: "w-full"
+}, v = e("fixed inset-0 z-40 bg-fg/15 pointer-events-none", "transition-opacity", n("medium"), "data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"), y = {
+	three: "flex w-full min-w-0 items-center gap-3",
+	threeHug: "flex w-max max-w-full items-center gap-3",
+	ends: "flex w-full items-center justify-between gap-4",
+	middleOnly: "flex w-full min-w-0 items-center justify-center",
+	startOnly: "flex w-full items-center justify-start",
+	endOnly: "flex w-full items-center justify-end"
+}, b = "flex shrink-0 items-center gap-2", x = "flex min-w-0 flex-1 items-center justify-center", S = "flex min-w-0 max-w-full items-center justify-center", C = "flex shrink-0 flex-nowrap items-center gap-2", w = "max-md:hidden md:flex min-w-0 w-full flex-1 items-center justify-center", T = "max-md:hidden md:flex min-w-0 max-w-full items-center justify-center", E = "md:!hidden", D = "text-fg!", O = "relative flex min-w-0 w-full max-w-full items-center justify-center gap-1", k = "flex min-w-0 max-w-full justify-center", A = "m-0 flex min-w-0 list-none flex-nowrap items-center gap-1 overflow-hidden p-0", j = "pointer-events-none invisible absolute left-0 top-0 -z-10 flex w-max gap-1", M = e("text-muted! hover:text-fg!", "data-[state=open]:bg-ghost-hover data-[state=open]:text-fg!"), N = e("inline-flex [&>svg]:size-3.5 [&>svg]:stroke-current", "transition-transform data-[state=open]:rotate-180", n("fast")), P = "inline-flex h-9 items-center px-4 text-sm leading-none", F = "inline-flex h-9 items-center gap-1 px-4 text-sm leading-none", I = e("text-muted! hover:text-fg!", "data-[active]:bg-fill-selected! data-[active]:text-fg!", "aria-[current=page]:bg-fill-selected! aria-[current=page]:text-fg!"), L = e("text-muted! hover:text-fg!", "data-[popup-open]:bg-ghost-hover data-[popup-open]:text-fg!"), R = "inline-flex items-center gap-1", z = e("inline-flex [&>svg]:size-3.5 [&>svg]:stroke-current", "transition-transform data-[popup-open]:rotate-180", n("fast")), B = "z-[51] w-[min(var(--grid-max),calc(100vw_-_2_*_var(--grid-margin)))] outline-none", V = e("relative box-border w-full overflow-hidden rounded-3xl border border-elevation-edge bg-popover shadow-soft-sm", "h-[var(--popup-height)] origin-top", "transition-[height,opacity,transform]", n("medium"), "data-[starting-style]:-translate-y-2 data-[starting-style]:opacity-0", "data-[ending-style]:-translate-y-2 data-[ending-style]:opacity-0"), H = "relative h-full w-full overflow-hidden", U = e("grid w-full grid-cols-1 divide-y divide-border", "md:grid-cols-none md:grid-flow-col md:auto-cols-fr md:divide-x md:divide-y-0", "transition-opacity", n("fast"), "data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"), W = "flex min-w-0 flex-col gap-4 p-6", G = {
+	1: "col-span-1",
+	2: "col-span-1 md:col-span-2",
+	3: "col-span-1 md:col-span-3"
+}, K = t("overline"), q = "-mx-4 justify-start! self-start", J = "grid grid-cols-1 gap-y-1 md:grid-cols-2 md:gap-x-6", Y = "flex flex-col gap-3 md:flex-row md:gap-4", X = "aspect-[16/10] w-full shrink-0 md:aspect-auto md:size-16", Z = "flex flex-col gap-1", Q = e("w-full justify-start! text-muted! hover:text-fg!", "aria-[current=page]:bg-fill-selected! aria-[current=page]:text-fg!");
+//#endregion
+export { h as siteNavBarBaseClasses, _ as siteNavBarCompactLayoutClasses, g as siteNavBarStateClasses, D as siteNavBrandClasses, a as siteNavCompactLayouts, l as siteNavCompactViewportTopClasses, m as siteNavContainerClasses, s as siteNavDefaultCollapseAt, o as siteNavDefaultCollapseRatio, C as siteNavEndClasses, c as siteNavExpandedHeightClasses, I as siteNavLinkClasses, A as siteNavLinkListClasses, O as siteNavLinksRootClasses, P as siteNavMeasureItemClasses, F as siteNavMeasureMoreClasses, j as siteNavMeasureRailClasses, v as siteNavMenuBackdropClasses, U as siteNavMenuContentClasses, q as siteNavMenuLinkClasses, J as siteNavMenuLinkGridClasses, V as siteNavMenuPopupClasses, B as siteNavMenuPositionerClasses, Y as siteNavMenuReadRowClasses, X as siteNavMenuReadThumbClasses, W as siteNavMenuSectionClasses, K as siteNavMenuSectionLabelClasses, G as siteNavMenuSectionSpanClasses, H as siteNavMenuViewportClasses, x as siteNavMiddleClasses, S as siteNavMiddleHugClasses, T as siteNavMiddleHugResponsiveClasses, w as siteNavMiddleResponsiveClasses, Q as siteNavMobileLinkClasses, Z as siteNavMobileListClasses, E as siteNavMobileTriggerClasses, N as siteNavMoreIconClasses, M as siteNavMoreTriggerClasses, k as siteNavNavigationRootClasses, i as siteNavPlacements, d as siteNavRootFixedClasses, u as siteNavRootFlowClasses, p as siteNavRootInlineClasses, f as siteNavRootStickyClasses, y as siteNavSlotsClasses, b as siteNavStartClasses, r as siteNavStates, L as siteNavTriggerClasses, z as siteNavTriggerIconClasses, R as siteNavTriggerLabelClasses };

package/dist/components/organisms/SiteNav/useSiteNavCollapse.d.ts

@@ -0,0 +1,18 @@
+import { type RefObject } from "react";
+import { type SiteNavPlacement, type SiteNavState } from "./siteNavStyles";
+export interface UseSiteNavCollapseOptions {
+    collapseAt?: number;
+    scrollContainer?: RefObject<HTMLElement | null>;
+    controlledState?: SiteNavState;
+    placement: SiteNavPlacement;
+    onStateChange?: (state: SiteNavState) => void;
+}
+/**
+ * Owns expanded → compact for SiteNav: half-scrollport (or explicit px), hysteresis,
+ * and controlled-state override. Scroll listening is off for static `inline` specimens.
+ */
+export declare function useSiteNavCollapse({ collapseAt, scrollContainer, controlledState, placement, onStateChange, }: UseSiteNavCollapseOptions): {
+    state: SiteNavState;
+    compact: boolean;
+};
+//# sourceMappingURL=useSiteNavCollapse.d.ts.map

package/dist/components/organisms/SiteNav/useSiteNavCollapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSiteNavCollapse.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/SiteNav/useSiteNavCollapse.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,yBAAyB;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CAC/C;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,eAAe,EACf,eAAe,EACf,SAAS,EACT,aAAa,GACd,EAAE,yBAAyB,GAAG;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAiBvE"}

package/dist/components/organisms/SiteNav/useSiteNavCollapse.js

@@ -0,0 +1,34 @@
+"use client";
+import { siteNavDefaultCollapseRatio as e } from "./siteNavStyles.js";
+import { useScrollThreshold as t } from "../../../lib/useScrollThreshold.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+//#region src/components/organisms/SiteNav/useSiteNavCollapse.ts
+function a({ collapseAt: e, scrollContainer: i, controlledState: a, placement: s, onStateChange: c }) {
+	let l = o(e, i), u = t(l, {
+		container: i,
+		disabled: a != null || s === "inline" && i == null
+	}), d = a ?? (u ? "compact" : "expanded"), f = r(d);
+	return n(() => {
+		f.current !== d && (f.current = d, c?.(d));
+	}, [d, c]), {
+		state: d,
+		compact: d === "compact"
+	};
+}
+function o(t, r) {
+	let [a, o] = i(null);
+	return n(() => {
+		if (t != null) return;
+		let n = () => {
+			let t = r?.current?.clientHeight ?? (typeof window < "u" ? window.innerHeight : 0);
+			o(Math.round(t * e));
+		};
+		n(), window.addEventListener("resize", n, { passive: !0 });
+		let i = r?.current, a;
+		return i != null && typeof ResizeObserver < "u" && (a = new ResizeObserver(n), a.observe(i)), () => {
+			window.removeEventListener("resize", n), a?.disconnect();
+		};
+	}, [t, r]), t ?? a ?? Infinity;
+}
+//#endregion
+export { a as useSiteNavCollapse };

package/dist/components/organisms/Tab/Tab.d.ts

@@ -0,0 +1,27 @@
+import { type ReactNode } from "react";
+import { type TabSize } from "./tabStyles";
+export type { TabSize } from "./tabStyles";
+export { tabSizes } from "./tabStyles";
+export interface TabItemProps {
+    value: string;
+    children: string;
+    count?: number;
+    disabled?: boolean;
+    /** ID of the controlled panel. */
+    panelId?: string;
+}
+export interface TabGroupProps {
+    "aria-label": string;
+    value: string;
+    onValueChange: (value: string) => void;
+    size?: TabSize;
+    children: ReactNode;
+    className?: string;
+}
+declare function TabItem({ value, children, count, disabled, panelId }: TabItemProps): import("react").JSX.Element;
+declare function TabGroup({ "aria-label": ariaLabel, value, onValueChange, size, children, className, }: TabGroupProps): import("react").JSX.Element;
+/** Responsive view navigation — selected hidden tabs promote before the More trigger. */
+export declare const Tab: typeof TabItem & {
+    Group: typeof TabGroup;
+};
+//# sourceMappingURL=Tab.d.ts.map

package/dist/components/organisms/Tab/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAeL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAWf,OAAO,EAWL,KAAK,OAAO,EACb,MAAM,aAAa,CAAC;AAErB,YAAY,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,iBAAS,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,YAAY,+BA0C3E;AAiBD,iBAAS,QAAQ,CAAC,EAChB,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,aAAa,EACb,IAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,+BA+Pf;AAED,yFAAyF;AACzF,eAAO,MAAM,GAAG;;CAEd,CAAC"}

package/dist/components/organisms/Tab/Tab.js

@@ -0,0 +1,223 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { motionTransitionProp as t } from "../../../lib/motion.js";
+import { Dropdown as n } from "../../molecules/Dropdown/Dropdown.js";
+import { measureDropdownMenuStyle as r } from "../../molecules/Dropdown/dropdownMenuPosition.js";
+import { resolveTabOverflow as i } from "./tabOverflow.js";
+import { tabCountClasses as a, tabIndicatorClasses as o, tabItemClasses as s, tabItemContentClasses as c, tabItemSizeClasses as l, tabListClasses as u, tabMeasureRailClasses as d, tabMoreIconClasses as f, tabRootClasses as p, tabSizes as m } from "./tabStyles.js";
+import { Children as h, createContext as g, isValidElement as _, useCallback as v, useContext as y, useEffect as ee, useId as b, useLayoutEffect as x, useMemo as S, useRef as C, useState as w } from "react";
+import { ChevronDown as T } from "lucide-react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { LayoutGroup as O, motion as k } from "motion/react";
+//#region src/components/organisms/Tab/Tab.tsx
+var A = g(null);
+function j({ value: n, children: r, count: i, disabled: u, panelId: d }) {
+	let f = y(A);
+	if (f == null) throw Error("[WMDS Tab] Tab items must be rendered inside Tab.Group.");
+	let p = n === f.value;
+	return /* @__PURE__ */ D("button", {
+		ref: (e) => f.registerVisibleTab(n, e),
+		type: "button",
+		role: "tab",
+		"aria-selected": p,
+		"aria-controls": d,
+		tabIndex: p ? 0 : -1,
+		disabled: u,
+		className: e(s, l[f.size], p && "font-medium text-fg"),
+		"data-value": n,
+		onClick: () => f.onValueChange(n),
+		onKeyDown: (e) => f.onKeyDown(e, n),
+		children: [
+			p ? /* @__PURE__ */ E(k.span, {
+				layoutId: f.layoutId,
+				className: o,
+				transition: t("fast"),
+				"aria-hidden": !0
+			}) : null,
+			/* @__PURE__ */ E("span", {
+				className: c,
+				children: r
+			}),
+			i == null ? null : /* @__PURE__ */ E("span", {
+				className: e(c, a),
+				children: i.toLocaleString()
+			})
+		]
+	});
+}
+function te(e) {
+	return h.toArray(e).filter((e) => _(e) && e.type === j);
+}
+function ne(e) {
+	return e.map((e) => ({
+		label: e.props.children,
+		end: e.props.count == null ? void 0 : e.props.count.toLocaleString(),
+		selectionCheck: !0
+	}));
+}
+function M({ "aria-label": t, value: o, onValueChange: c, size: m = "md", children: h, className: g }) {
+	let _ = b(), y = b(), k = C(null), j = C(null), M = C(null), N = C(/* @__PURE__ */ new Map()), P = C(/* @__PURE__ */ new Map()), F = C(null), I = S(() => te(h), [h]), L = I.map((e) => e.props.value), [R, z] = w(L), [B, V] = w([]), [H, U] = w(!1), [W, G] = w(null), [K, q] = w(0), J = v(() => {
+		let e = k.current, t = M.current;
+		if (e == null || t == null) return;
+		let n = I.map((e) => ({
+			value: e.props.value,
+			width: Math.ceil(N.current.get(e.props.value)?.getBoundingClientRect().width ?? 0)
+		}));
+		if (n.some((e) => e.width === 0)) return;
+		let r = i(n, o, e.clientWidth, Math.ceil(t.getBoundingClientRect().width));
+		z(r.visibleValues), V(r.overflowValues), r.overflowValues.length === 0 && (U(!1), G(null));
+	}, [I, o]);
+	x(() => {
+		J();
+		let e = k.current;
+		if (e == null) return;
+		let t = new ResizeObserver(J);
+		return t.observe(e), document.fonts?.ready.then(J), () => t.disconnect();
+	}, [J]), x(() => {
+		let e = F.current;
+		if (e == null) return;
+		let t = P.current.get(e);
+		t != null && (t.focus(), F.current = null);
+	}, [R, o]);
+	let re = new Set(R), ie = I.filter((e) => re.has(e.props.value)), ae = new Set(B), Y = I.filter((e) => ae.has(e.props.value)), X = v(() => {
+		U(!1), G(null);
+	}, []), Z = v(() => {
+		let e = j.current;
+		e != null && (G(r(e, ne(Y), {
+			align: "end",
+			widthMode: "content"
+		})), q(0), U(!0));
+	}, [Y]);
+	ee(() => {
+		if (!H) return;
+		function e(e) {
+			k.current != null && !k.current.contains(e.target) && X();
+		}
+		function t(e) {
+			e.key === "Escape" && (X(), j.current?.focus());
+		}
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), window.addEventListener("resize", X), window.addEventListener("scroll", X, !0), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t), window.removeEventListener("resize", X), window.removeEventListener("scroll", X, !0);
+		};
+	}, [X, H]);
+	let Q = v((e, t = !1) => {
+		t && (F.current = e), c(e);
+	}, [c]);
+	function oe(e, t) {
+		let n = I.filter((e) => !e.props.disabled), r = n.findIndex((e) => e.props.value === t), i = r;
+		if (e.key === "ArrowRight") i = (r + 1) % n.length;
+		else if (e.key === "ArrowLeft") i = (r - 1 + n.length) % n.length;
+		else if (e.key === "Home") i = 0;
+		else if (e.key === "End") i = n.length - 1;
+		else return;
+		e.preventDefault();
+		let a = n[i]?.props.value;
+		a != null && Q(a, !0);
+	}
+	function $(e) {
+		F.current = e, c(e), X();
+	}
+	function se(e) {
+		if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+			if (e.preventDefault(), !H) Z(), q(e.key === "ArrowDown" ? 0 : Math.max(Y.length - 1, 0));
+			else {
+				let t = e.key === "ArrowDown" ? 1 : -1;
+				q((e) => (e + t + Y.length) % Y.length);
+			}
+			return;
+		}
+		if ((e.key === "Enter" || e.key === " ") && H) {
+			e.preventDefault();
+			let t = Y[K];
+			t != null && !t.props.disabled && $(t.props.value);
+		}
+	}
+	let ce = {
+		value: o,
+		size: m,
+		layoutId: _,
+		onValueChange: Q,
+		onKeyDown: oe,
+		registerVisibleTab: (e, t) => {
+			t == null ? P.current.delete(e) : P.current.set(e, t);
+		}
+	};
+	return /* @__PURE__ */ D("div", {
+		ref: k,
+		className: e(p, g),
+		children: [
+			/* @__PURE__ */ E(O, {
+				id: _,
+				children: /* @__PURE__ */ D("div", {
+					role: "tablist",
+					"aria-label": t,
+					"aria-orientation": "horizontal",
+					className: u,
+					children: [/* @__PURE__ */ E(A.Provider, {
+						value: ce,
+						children: ie
+					}), Y.length > 0 ? /* @__PURE__ */ D("button", {
+						ref: j,
+						type: "button",
+						"aria-haspopup": "menu",
+						"aria-expanded": H,
+						"aria-controls": H ? y : void 0,
+						className: e(s, l[m]),
+						onClick: () => H ? X() : Z(),
+						onKeyDown: se,
+						children: [/* @__PURE__ */ E("span", { children: "More" }), /* @__PURE__ */ E(T, {
+							className: f,
+							strokeWidth: 2,
+							"aria-hidden": !0
+						})]
+					}) : null]
+				})
+			}),
+			/* @__PURE__ */ D("div", {
+				className: d,
+				"aria-hidden": !0,
+				children: [I.map((t) => /* @__PURE__ */ D("span", {
+					ref: (e) => {
+						e == null ? N.current.delete(t.props.value) : N.current.set(t.props.value, e);
+					},
+					className: e(s, l[m]),
+					children: [/* @__PURE__ */ E("span", { children: t.props.children }), t.props.count == null ? null : /* @__PURE__ */ E("span", {
+						className: a,
+						children: t.props.count.toLocaleString()
+					})]
+				}, t.props.value)), /* @__PURE__ */ D("span", {
+					ref: M,
+					className: e(s, l[m]),
+					children: [/* @__PURE__ */ E("span", { children: "More" }), /* @__PURE__ */ E(T, {
+						className: f,
+						strokeWidth: 2
+					})]
+				})]
+			}),
+			H && W != null ? /* @__PURE__ */ E(n.Menu, {
+				id: y,
+				role: "menu",
+				"aria-label": `${t} overflow`,
+				style: W,
+				children: Y.map((e, t) => /* @__PURE__ */ E("li", {
+					role: "presentation",
+					children: /* @__PURE__ */ E(n.Item, {
+						role: "menuitem",
+						tabIndex: -1,
+						truncate: !1,
+						selected: e.props.value === o,
+						active: t === K,
+						disabled: e.props.disabled,
+						end: e.props.count?.toLocaleString(),
+						onMouseEnter: () => q(t),
+						onClick: () => $(e.props.value),
+						children: e.props.children
+					})
+				}, e.props.value))
+			}) : null
+		]
+	});
+}
+var N = Object.assign(j, { Group: M });
+//#endregion
+export { N as Tab, m as tabSizes };

package/dist/components/organisms/Tab/tabOverflow.d.ts

@@ -0,0 +1,14 @@
+export interface TabOverflowItem {
+    value: string;
+    width: number;
+}
+export interface TabOverflowResult {
+    visibleValues: string[];
+    overflowValues: string[];
+}
+/**
+ * Fits a stable prefix plus More. When the active tab came from overflow, it
+ * occupies the final visible slot immediately before More.
+ */
+export declare function resolveTabOverflow(items: TabOverflowItem[], activeValue: string, availableWidth: number, moreWidth: number, trackInset?: number): TabOverflowResult;
+//# sourceMappingURL=tabOverflow.d.ts.map

package/dist/components/organisms/Tab/tabOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabOverflow.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Tab/tabOverflow.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,eAAe,EAAE,EACxB,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,EACtB,SAAS,EAAE,MAAM,EACjB,UAAU,SAAI,GACb,iBAAiB,CA+CnB"}

package/dist/components/organisms/Tab/tabOverflow.js

@@ -0,0 +1,26 @@
+"use client";
+//#region src/components/organisms/Tab/tabOverflow.ts
+function e(e, t, n, r, i = 0) {
+	let a = Math.max(n - i, 0);
+	if (e.reduce((e, t) => e + t.width, 0) <= a) return {
+		visibleValues: e.map((e) => e.value),
+		overflowValues: []
+	};
+	let o = Math.max(a - r, 0), s = [], c = 0;
+	for (let t of e) {
+		if (c + t.width > o) break;
+		s.push(t), c += t.width;
+	}
+	let l = e.find((e) => e.value === t);
+	if (l != null && !s.some((e) => e.value === t) && l != null) {
+		for (; s.length > 0 && c + l.width > o;) c -= s.pop()?.width ?? 0;
+		l.width <= o && s.push(l);
+	}
+	let u = s.map((e) => e.value), d = new Set(u);
+	return {
+		visibleValues: u,
+		overflowValues: e.filter((e) => !d.has(e.value)).map((e) => e.value)
+	};
+}
+//#endregion
+export { e as resolveTabOverflow };

package/dist/components/organisms/Tab/tabStyles.d.ts

@@ -0,0 +1,16 @@
+export declare const tabSizes: readonly ["sm", "md", "lg"];
+export type TabSize = (typeof tabSizes)[number];
+export declare const tabRootClasses = "relative min-w-0";
+/** Label row. Overflow is resolved into More rather than horizontal scrolling. */
+export declare const tabListClasses: string;
+export declare const tabItemSizeClasses: Record<TabSize, string>;
+export declare const tabItemClasses: string;
+export declare const tabItemSelectedClasses = "font-medium text-fg";
+/** Shared active rule — Motion moves one underline beneath the selected label. */
+export declare const tabIndicatorClasses = "pointer-events-none absolute inset-x-3 bottom-[-2px] h-0.5 rounded-full bg-fg";
+export declare const tabItemContentClasses = "relative z-10";
+export declare const tabCountClasses = "font-mono text-[10.5px] leading-none tabular-nums text-muted";
+export declare const tabMoreIconClasses = "size-3.5 shrink-0 stroke-current";
+/** Invisible exact-size specimens used by ResizeObserver overflow calculation. */
+export declare const tabMeasureRailClasses = "pointer-events-none invisible absolute left-0 top-0 -z-10 flex w-max";
+//# sourceMappingURL=tabStyles.d.ts.map

package/dist/components/organisms/Tab/tabStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Tab/tabStyles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,6BAA8B,CAAC;AACpD,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhD,eAAO,MAAM,cAAc,qBAAqB,CAAC;AAEjD,kFAAkF;AAClF,eAAO,MAAM,cAAc,QAG1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAItD,CAAC;AAEF,eAAO,MAAM,cAAc,QAO1B,CAAC;AAEF,eAAO,MAAM,sBAAsB,wBAAwB,CAAC;AAE5D,kFAAkF;AAClF,eAAO,MAAM,mBAAmB,kFACiD,CAAC;AAElF,eAAO,MAAM,qBAAqB,kBAAkB,CAAC;AAErD,eAAO,MAAM,eAAe,iEACoC,CAAC;AAEjE,eAAO,MAAM,kBAAkB,qCAAqC,CAAC;AAErE,kFAAkF;AAClF,eAAO,MAAM,qBAAqB,yEACsC,CAAC"}

package/dist/components/organisms/Tab/tabStyles.js

@@ -0,0 +1,17 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { typographyClass as t } from "../../../lib/typography.js";
+import { motionTransition as n } from "../../../lib/motion.js";
+import { clusterHeightClasses as r } from "../../../lib/clusterScale.js";
+//#region src/components/organisms/Tab/tabStyles.ts
+var i = [
+	"sm",
+	"md",
+	"lg"
+], a = "relative min-w-0", o = e("relative inline-flex max-w-full items-stretch", n("fast")), s = {
+	sm: e(r.sm, "px-2.5"),
+	md: e(r.md, "px-3"),
+	lg: e(r.lg, "px-4")
+}, c = e("relative z-10 inline-flex shrink-0 cursor-pointer items-center justify-center gap-1.5 rounded-full", t("ui-label"), "font-normal text-muted transition-colors hover:bg-ghost-hover hover:text-fg", n("fast"), "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset", "disabled:pointer-events-none disabled:opacity-50"), l = "font-medium text-fg", u = "pointer-events-none absolute inset-x-3 bottom-[-2px] h-0.5 rounded-full bg-fg", d = "relative z-10", f = "font-mono text-[10.5px] leading-none tabular-nums text-muted", p = "size-3.5 shrink-0 stroke-current", m = "pointer-events-none invisible absolute left-0 top-0 -z-10 flex w-max";
+//#endregion
+export { f as tabCountClasses, u as tabIndicatorClasses, c as tabItemClasses, d as tabItemContentClasses, l as tabItemSelectedClasses, s as tabItemSizeClasses, o as tabListClasses, m as tabMeasureRailClasses, p as tabMoreIconClasses, a as tabRootClasses, i as tabSizes };

package/dist/components/organisms/Toast/Toast.d.ts

@@ -0,0 +1,17 @@
+import { type HTMLAttributes } from "react";
+import { toast } from "./toastStore";
+import { type ToastPosition } from "./toastStyles";
+export interface ToasterProps extends Pick<HTMLAttributes<HTMLOListElement>, "aria-label"> {
+    position?: ToastPosition;
+    /** Maximum simultaneously rendered notifications. Default `5`. */
+    maxVisible?: number;
+    /** Layout-only: z-index or page inset adjustments. */
+    className?: string;
+}
+export declare function Toaster({ position, maxVisible, "aria-label": ariaLabel, className, }: ToasterProps): import("react").ReactPortal | null;
+/** Notification viewport. `Toaster` is the familiar alias. */
+export declare function Toast(props: ToasterProps): import("react").JSX.Element;
+export { toast };
+export type { ToastAction, ToastId, ToastOptions, ToastRecord, ToastTone, } from "./toastStore";
+export { toastPositions, type ToastPosition } from "./toastStyles";
+//# sourceMappingURL=Toast.d.ts.map

package/dist/components/organisms/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AAoBf,OAAO,EAIL,KAAK,EAGN,MAAM,cAAc,CAAC;AACtB,OAAO,EASL,KAAK,aAAa,EACnB,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC;IAC5D,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0ID,wBAAgB,OAAO,CAAC,EACtB,QAAyB,EACzB,UAAc,EACd,YAAY,EAAE,SAA2B,EACzC,SAAS,GACV,EAAE,YAAY,sCAgCd;AAED,8DAA8D;AAC9D,wBAAgB,KAAK,CAAC,KAAK,EAAE,YAAY,+BAExC;AAED,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EACV,WAAW,EACX,OAAO,EACP,YAAY,EACZ,WAAW,EACX,SAAS,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/organisms/Toast/Toast.js

@@ -0,0 +1,150 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { Badge as t } from "../../atoms/Badge/Badge.js";
+import { motionTransitionProp as n } from "../../../lib/motion.js";
+import { Button as r } from "../../atoms/Button/Button.js";
+import { IconButton as i } from "../../atoms/IconButton/IconButton.js";
+import { getServerToastSnapshot as a, getToastSnapshot as o, subscribeToToasts as s, toast as c } from "./toastStore.js";
+import { toastActionsClasses as l, toastContentClasses as u, toastDescriptionClasses as d, toastItemClasses as f, toastItemContentRowClasses as p, toastPositions as m, toastStatusClasses as h, toastTitleClasses as g, toastViewportPositionClasses as _ } from "./toastStyles.js";
+import { useSyncExternalStore as v } from "react";
+import { CircleCheck as y, CircleX as b, Info as x, TriangleAlert as S, X as C } from "lucide-react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { AnimatePresence as E, motion as D, useReducedMotion as O } from "motion/react";
+import { createPortal as k } from "react-dom";
+//#region src/components/organisms/Toast/Toast.tsx
+var A = {
+	success: {
+		badge: "success",
+		icon: /* @__PURE__ */ w(y, {})
+	},
+	info: {
+		badge: "info",
+		icon: /* @__PURE__ */ w(x, {})
+	},
+	warning: {
+		badge: "warning",
+		icon: /* @__PURE__ */ w(S, {})
+	},
+	error: {
+		badge: "destructive",
+		icon: /* @__PURE__ */ w(b, {})
+	}
+};
+function j(e, t) {
+	return t ? { opacity: 1 } : e.endsWith("left") ? {
+		opacity: 0,
+		x: -16,
+		scale: .96
+	} : e.endsWith("right") ? {
+		opacity: 0,
+		x: 16,
+		scale: .96
+	} : {
+		opacity: 0,
+		y: e.startsWith("top") ? -12 : 12,
+		scale: .96
+	};
+}
+function M(e, t) {
+	return t ? { opacity: 0 } : e.endsWith("left") ? {
+		opacity: 0,
+		x: -8,
+		scale: .98
+	} : e.endsWith("right") ? {
+		opacity: 0,
+		x: 8,
+		scale: .98
+	} : {
+		opacity: 0,
+		y: e.startsWith("top") ? -8 : 8,
+		scale: .98
+	};
+}
+function N({ record: e, position: a, index: o, maxVisible: s }) {
+	let m = O() ?? !1, _ = Math.min(o, 4), v = (a.startsWith("top") ? 1 : -1) * _ * 12, y = 1 - _ * .04, b = e.tone === "neutral" ? null : A[e.tone], x = `${a.startsWith("top") ? "top" : "bottom"} ${a.endsWith("left") ? "left" : a.endsWith("right") ? "right" : "center"}`;
+	return /* @__PURE__ */ w(D.li, {
+		layout: !0,
+		role: o === 0 ? e.tone === "error" ? "alert" : "status" : void 0,
+		"aria-hidden": o > 0 || void 0,
+		"aria-atomic": "true",
+		className: f,
+		initial: j(a, m),
+		animate: {
+			opacity: 1,
+			x: 0,
+			y: v,
+			scale: y
+		},
+		exit: M(a, m),
+		transition: n("medium"),
+		style: {
+			transformOrigin: x,
+			zIndex: s - o,
+			pointerEvents: o === 0 ? "auto" : "none"
+		},
+		children: /* @__PURE__ */ T(D.div, {
+			className: p,
+			animate: { opacity: +(o === 0) },
+			transition: n("fast"),
+			children: [
+				b == null ? null : /* @__PURE__ */ w(t, {
+					iconOnly: !0,
+					icon: b.icon,
+					variant: b.badge,
+					className: h
+				}),
+				/* @__PURE__ */ T("div", {
+					className: u,
+					children: [/* @__PURE__ */ w("p", {
+						className: g,
+						children: e.title
+					}), e.description == null ? null : /* @__PURE__ */ w("p", {
+						className: d,
+						children: e.description
+					})]
+				}),
+				/* @__PURE__ */ T("div", {
+					className: l,
+					children: [e.action == null ? null : /* @__PURE__ */ w(r, {
+						size: "xs",
+						role: "ghost",
+						onClick: () => {
+							e.action?.onClick(e.id), e.action?.dismiss !== !1 && c.dismiss(e.id);
+						},
+						children: e.action.label
+					}), e.dismissible ? /* @__PURE__ */ w(i, {
+						size: "xs",
+						role: "ghost",
+						icon: /* @__PURE__ */ w(C, {}),
+						"aria-label": "Dismiss notification",
+						onClick: () => c.dismiss(e.id)
+					}) : null]
+				})
+			]
+		})
+	});
+}
+function P({ position: t = "bottom-right", maxVisible: n = 5, "aria-label": r = "Notifications", className: i }) {
+	let c = v(s, o, a);
+	if (typeof document > "u") return null;
+	let l = [...c.slice(-Math.max(1, n))].reverse();
+	return k(/* @__PURE__ */ w("ol", {
+		"aria-label": r,
+		className: e(_[t], i),
+		"data-position": t,
+		children: /* @__PURE__ */ w(E, {
+			initial: !1,
+			children: l.map((e, r) => /* @__PURE__ */ w(N, {
+				record: e,
+				position: t,
+				index: r,
+				maxVisible: n
+			}, e.id))
+		})
+	}), document.body);
+}
+function F(e) {
+	return /* @__PURE__ */ w(P, { ...e });
+}
+//#endregion
+export { F as Toast, P as Toaster, c as toast, m as toastPositions };

package/dist/components/organisms/Toast/toastStore.d.ts

@@ -0,0 +1,41 @@
+import type { ReactNode } from "react";
+export declare const toastTones: readonly ["neutral", "success", "info", "warning", "error"];
+export type ToastTone = (typeof toastTones)[number];
+export type ToastId = string;
+export interface ToastAction {
+    label: string;
+    onClick: (id: ToastId) => void;
+    /** Close after the action runs. Default `true`. */
+    dismiss?: boolean;
+}
+export interface ToastOptions {
+    id?: ToastId;
+    title: ReactNode;
+    description?: ReactNode;
+    tone?: ToastTone;
+    action?: ToastAction;
+    /** Auto-dismiss delay in milliseconds. `null` keeps the toast open. Default `5000`. */
+    duration?: number | null;
+    /** Show the dismiss IconButton. Default `true`. */
+    dismissible?: boolean;
+}
+export interface ToastRecord extends Omit<ToastOptions, "id" | "tone" | "duration" | "dismissible"> {
+    id: ToastId;
+    tone: ToastTone;
+    duration: number | null;
+    dismissible: boolean;
+}
+type ToastListener = () => void;
+declare function add(options: ToastOptions): ToastId;
+declare function dismiss(id?: ToastId): void;
+declare function update(id: ToastId, options: Partial<Omit<ToastOptions, "id">>): void;
+export declare const toast: {
+    add: typeof add;
+    dismiss: typeof dismiss;
+    update: typeof update;
+};
+export declare function subscribeToToasts(listener: ToastListener): () => boolean;
+export declare function getToastSnapshot(): ToastRecord[];
+export declare function getServerToastSnapshot(): ToastRecord[];
+export {};
+//# sourceMappingURL=toastStore.d.ts.map

package/dist/components/organisms/Toast/toastStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastStore.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Toast/toastStore.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,UAAU,6DAMb,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC;AAE7B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/B,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,YAAY,EAAE,IAAI,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC;IACtE,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,KAAK,aAAa,GAAG,MAAM,IAAI,CAAC;AA2BhC,iBAAS,GAAG,CAAC,OAAO,EAAE,YAAY,GAAG,OAAO,CAoB3C;AAED,iBAAS,OAAO,CAAC,EAAE,CAAC,EAAE,OAAO,QAY5B;AAED,iBAAS,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,QAiBtE;AAED,eAAO,MAAM,KAAK;;;;CAIjB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,aAAa,iBAGxD;AAED,wBAAgB,gBAAgB,kBAE/B;AAED,wBAAgB,sBAAsB,IAAI,WAAW,EAAE,CAEtD"}