agentic-ds-kit 0.1.0 → 0.2.0

package/{ui → dist/ui}/Timeline/Timeline.module.css

@@ -1,4 +1,4 @@
-.timeline {
+._timeline_h97rg_1 {
   display: grid;
   width: 100%;
   margin: 0;
@@ -6,21 +6,21 @@
   list-style: none;
 }
 
-.step {
+._step_h97rg_9 {
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   column-gap: var(--space-4);
   align-items: stretch;
 }
 
-.rail {
+._rail_h97rg_16 {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: var(--space-4);
 }
 
-.dot {
+._dot_h97rg_23 {
   flex: none;
   width: var(--space-3);
   height: var(--space-3);
@@ -29,7 +29,7 @@
   background: transparent;
 }
 
-.line {
+._line_h97rg_32 {
   flex: 1;
   width: var(--border-width-thin);
   min-height: var(--space-6);
@@ -37,51 +37,51 @@
   background: var(--border-faint);
 }
 
-.now .dot {
+._now_h97rg_40 ._dot_h97rg_23 {
   border-color: var(--text-primary);
   background: var(--text-primary);
 }
 
-.now .line {
+._now_h97rg_40 ._line_h97rg_32 {
   background: var(--text-primary);
 }
 
-.next .dot {
+._next_h97rg_49 ._dot_h97rg_23 {
   border-color: var(--border-strong);
   background: transparent;
 }
 
-.later .dot {
+._later_h97rg_54 ._dot_h97rg_23 {
   border-color: var(--border-faint);
   background: transparent;
 }
 
-.later .line {
+._later_h97rg_54 ._line_h97rg_32 {
   background: var(--border-subtle);
 }
 
-.copy {
+._copy_h97rg_63 {
   display: grid;
   gap: var(--space-1);
   padding-block-end: var(--space-6);
 }
 
-.step:last-child .copy {
+._step_h97rg_9:last-child ._copy_h97rg_63 {
   padding-block-end: 0;
 }
 
-.phase {
+._phase_h97rg_73 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-caption);
   color: var(--text-muted);
 }
 
-.now .phase {
+._now_h97rg_40 ._phase_h97rg_73 {
   color: var(--text-primary);
 }
 
-.title {
+._title_h97rg_84 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-label);
@@ -90,7 +90,7 @@
   color: var(--text-primary);
 }
 
-.body {
+._body_h97rg_93 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-body-sm);

package/dist/ui/Timeline/Timeline.module.js

@@ -0,0 +1,20 @@
+import "./Timeline.module.css";
+//#region ui/Timeline/Timeline.module.css
+var e = "_timeline_h97rg_1", t = "_step_h97rg_9", n = "_rail_h97rg_16", r = "_dot_h97rg_23", i = "_line_h97rg_32", a = "_now_h97rg_40", o = "_next_h97rg_49", s = "_later_h97rg_54", c = "_copy_h97rg_63", l = "_phase_h97rg_73", u = "_title_h97rg_84", d = "_body_h97rg_93", f = {
+	timeline: e,
+	step: t,
+	rail: n,
+	dot: r,
+	line: i,
+	now: a,
+	next: o,
+	later: s,
+	copy: c,
+	phase: l,
+	title: u,
+	body: d
+};
+//#endregion
+export { d as body, c as copy, f as default, r as dot, s as later, i as line, o as next, a as now, l as phase, n as rail, t as step, e as timeline, u as title };
+
+//# sourceMappingURL=Timeline.module.js.map

package/dist/ui/Timeline/Timeline.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.module.js","names":[],"sources":["../../../ui/Timeline/Timeline.module.css"],"sourcesContent":[".timeline {\n  display: grid;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.step {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  column-gap: var(--space-4);\n  align-items: stretch;\n}\n\n.rail {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: var(--space-4);\n}\n\n.dot {\n  flex: none;\n  width: var(--space-3);\n  height: var(--space-3);\n  border: var(--border-width-thin) solid var(--border-strong);\n  border-radius: var(--radius-full);\n  background: transparent;\n}\n\n.line {\n  flex: 1;\n  width: var(--border-width-thin);\n  min-height: var(--space-6);\n  margin-block: var(--space-1);\n  background: var(--border-faint);\n}\n\n.now .dot {\n  border-color: var(--text-primary);\n  background: var(--text-primary);\n}\n\n.now .line {\n  background: var(--text-primary);\n}\n\n.next .dot {\n  border-color: var(--border-strong);\n  background: transparent;\n}\n\n.later .dot {\n  border-color: var(--border-faint);\n  background: transparent;\n}\n\n.later .line {\n  background: var(--border-subtle);\n}\n\n.copy {\n  display: grid;\n  gap: var(--space-1);\n  padding-block-end: var(--space-6);\n}\n\n.step:last-child .copy {\n  padding-block-end: 0;\n}\n\n.phase {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  color: var(--text-muted);\n}\n\n.now .phase {\n  color: var(--text-primary);\n}\n\n.title {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-label);\n  font-weight: var(--type-weight-heading);\n  line-height: var(--type-line-heading);\n  color: var(--text-primary);\n}\n\n.body {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n  color: var(--text-secondary);\n}\n"],"mappings":""}

package/dist/ui/Timeline/Timeline.types.d.ts

@@ -0,0 +1,14 @@
+export type TimelineStatus = "now" | "next" | "later";
+export interface TimelineItem {
+    id?: string;
+    title?: string;
+    body?: string;
+    phase?: string;
+    status?: TimelineStatus;
+}
+export interface TimelineProps {
+    items?: TimelineItem[];
+    label?: string;
+    headingLevel?: 2 | 3 | 4;
+    className?: string;
+}

package/{ui/Timeline/index.ts → dist/ui/Timeline/index.d.ts}

@@ -1,2 +1,2 @@
-export { Timeline } from "./Timeline";
-export type { TimelineItem, TimelineProps, TimelineStatus } from "./Timeline.types";
+export { Timeline } from './Timeline';
+export type { TimelineItem, TimelineProps, TimelineStatus } from './Timeline.types';

package/dist/ui/Toast/Toast.d.ts

@@ -0,0 +1,3 @@
+import { ToastProps } from './Toast.types';
+export type { ToastProps, ToastSize, ToastStatus } from './Toast.types';
+export declare function Toast({ open, onOpenChange, title, description, status, size, duration, onClose, action, className, }: ToastProps): import("react").JSX.Element | null;

package/dist/ui/Toast/Toast.js

@@ -0,0 +1,86 @@
+"use client";
+import e from "./Toast.module.js";
+import { useEffect as t, useId as n, useRef as r } from "react";
+import { CircleAlert as i, CircleCheck as a, Info as o, Minus as s, TriangleAlert as c, X as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region ui/Toast/Toast.tsx
+var f = {
+	info: o,
+	success: a,
+	warning: c,
+	danger: i,
+	default: s
+};
+function p({ open: i = !0, onOpenChange: a, title: o, description: s, status: c = "default", size: p = "md", duration: m = null, onClose: h, action: g, className: _ = "" }) {
+	let v = n(), y = n(), b = r(null), x = f[c];
+	function S() {
+		h?.(), a?.(!1);
+	}
+	return t(() => {
+		if (!(!i || m == null || m <= 0)) return b.current = window.setTimeout(() => {
+			h?.(), a?.(!1);
+		}, m), () => {
+			b.current != null && window.clearTimeout(b.current);
+		};
+	}, [
+		i,
+		m,
+		h,
+		a
+	]), i ? /* @__PURE__ */ d("div", {
+		className: [
+			e.toast,
+			e[c],
+			e[p],
+			_
+		].filter(Boolean).join(" "),
+		role: "status",
+		"aria-live": "polite",
+		"aria-atomic": "true",
+		"aria-labelledby": o ? v : void 0,
+		"aria-describedby": s ? y : void 0,
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: e.header,
+				children: [/* @__PURE__ */ d("div", {
+					className: e.lead,
+					children: [/* @__PURE__ */ u("span", {
+						className: e.icon,
+						children: /* @__PURE__ */ u(x, {
+							"aria-hidden": "true",
+							size: 20,
+							strokeWidth: 2
+						})
+					}), o ? /* @__PURE__ */ u("p", {
+						id: v,
+						className: e.title,
+						children: o
+					}) : null]
+				}), h || a ? /* @__PURE__ */ u("button", {
+					type: "button",
+					className: e.close,
+					"aria-label": "Dismiss",
+					onClick: S,
+					children: /* @__PURE__ */ u(l, {
+						"aria-hidden": "true",
+						size: 20,
+						strokeWidth: 2
+					})
+				}) : null]
+			}),
+			s ? /* @__PURE__ */ u("p", {
+				id: y,
+				className: e.description,
+				children: s
+			}) : null,
+			g ? /* @__PURE__ */ u("div", {
+				className: e.action,
+				children: g
+			}) : null
+		]
+	}) : null;
+}
+//#endregion
+export { p as Toast };
+
+//# sourceMappingURL=Toast.js.map

package/dist/ui/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","names":[],"sources":["../../../ui/Toast/Toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { CircleAlert, CircleCheck, Info, Minus, TriangleAlert, X } from \"lucide-react\";\nimport { useEffect, useId, useRef } from \"react\";\nimport type { ToastProps, ToastStatus } from \"./Toast.types\";\nimport styles from \"./Toast.module.css\";\n\nexport type { ToastProps, ToastSize, ToastStatus } from \"./Toast.types\";\n\nconst ICONS: Record<ToastStatus, typeof Info> = {\n  info: Info,\n  success: CircleCheck,\n  warning: TriangleAlert,\n  danger: CircleAlert,\n  default: Minus,\n};\n\nexport function Toast({\n  open = true,\n  onOpenChange,\n  title,\n  description,\n  status = \"default\",\n  size = \"md\",\n  duration = null,\n  onClose,\n  action,\n  className = \"\",\n}: ToastProps) {\n  const titleId = useId();\n  const descriptionId = useId();\n  const timerRef = useRef<number | null>(null);\n  const Icon = ICONS[status];\n\n  function handleClose() {\n    onClose?.();\n    onOpenChange?.(false);\n  }\n\n  useEffect(() => {\n    if (!open || duration == null || duration <= 0) return undefined;\n\n    timerRef.current = window.setTimeout(() => {\n      onClose?.();\n      onOpenChange?.(false);\n    }, duration);\n\n    return () => {\n      if (timerRef.current != null) window.clearTimeout(timerRef.current);\n    };\n  }, [open, duration, onClose, onOpenChange]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      className={[styles.toast, styles[status], styles[size], className].filter(Boolean).join(\" \")}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      aria-labelledby={title ? titleId : undefined}\n      aria-describedby={description ? descriptionId : undefined}\n    >\n      <div className={styles.header}>\n        <div className={styles.lead}>\n          <span className={styles.icon}>\n            <Icon aria-hidden=\"true\" size={20} strokeWidth={2} />\n          </span>\n          {title ? (\n            <p id={titleId} className={styles.title}>\n              {title}\n            </p>\n          ) : null}\n        </div>\n        {onClose || onOpenChange ? (\n          <button type=\"button\" className={styles.close} aria-label=\"Dismiss\" onClick={handleClose}>\n            <X aria-hidden=\"true\" size={20} strokeWidth={2} />\n          </button>\n        ) : null}\n      </div>\n      {description ? (\n        <p id={descriptionId} className={styles.description}>\n          {description}\n        </p>\n      ) : null}\n      {action ? <div className={styles.action}>{action}</div> : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AASA,IAAM,IAA0C;CAC9C,MAAM;CACN,SAAS;CACT,SAAS;CACT,QAAQ;CACR,SAAS;AACX;AAEA,SAAgB,EAAM,EACpB,UAAO,IACP,iBACA,UACA,gBACA,YAAS,WACT,UAAO,MACP,cAAW,MACX,YACA,WACA,eAAY,MACC;CACb,IAAM,IAAU,EAAM,GAChB,IAAgB,EAAM,GACtB,IAAW,EAAsB,IAAI,GACrC,IAAO,EAAM;CAEnB,SAAS,IAAc;EAErB,AADA,IAAU,GACV,IAAe,EAAK;CACtB;CAiBA,OAfA,QAAgB;EACV,OAAC,KAAQ,KAAY,QAAQ,KAAY,IAO7C,OALA,EAAS,UAAU,OAAO,iBAAiB;GAEzC,AADA,IAAU,GACV,IAAe,EAAK;EACtB,GAAG,CAAQ,SAEE;GACX,AAAI,EAAS,WAAW,QAAM,OAAO,aAAa,EAAS,OAAO;EACpE;CACF,GAAG;EAAC;EAAM;EAAU;EAAS;CAAY,CAAC,GAErC,IAGH,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAO,EAAO;GAAS,EAAO;GAAO;EAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAC3F,MAAK;EACL,aAAU;EACV,eAAY;EACZ,mBAAiB,IAAQ,IAAU,KAAA;EACnC,oBAAkB,IAAc,IAAgB,KAAA;EANlD,UAAA;GAQE,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAvB,UAAA,CACE,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAvB,UAAA,CACE,kBAAC,QAAD;MAAM,WAAW,EAAO;MACtB,UAAA,kBAAC,GAAD;OAAM,eAAY;OAAO,MAAM;OAAI,aAAa;MAAI,CAAA;KAChD,CAAA,GACL,IACC,kBAAC,KAAD;MAAG,IAAI;MAAS,WAAW,EAAO;MAC/B,UAAA;KACA,CAAA,IACD,IACD;IACJ,CAAA,GAAA,KAAW,IACV,kBAAC,UAAD;KAAQ,MAAK;KAAS,WAAW,EAAO;KAAO,cAAW;KAAU,SAAS;KAC3E,UAAA,kBAAC,GAAD;MAAG,eAAY;MAAO,MAAM;MAAI,aAAa;KAAI,CAAA;IAC3C,CAAA,IACN,IACD;;GACJ,IACC,kBAAC,KAAD;IAAG,IAAI;IAAe,WAAW,EAAO;IACrC,UAAA;GACA,CAAA,IACD;GACH,IAAS,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAS,UAAA;GAAY,CAAA,IAAI;EACvD;MAlCW;AAoCpB"}

package/{ui → dist/ui}/Toast/Toast.module.css

@@ -1,4 +1,4 @@
-.toast {
+._toast_dc7pz_1 {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -12,29 +12,29 @@
   box-shadow: var(--shadow-raised-depth);
   color: var(--text-primary);
   outline: none;
-  animation: toast-in var(--motion-overlay-duration) var(--motion-ease-spring-soft) both;
+  animation: _toast-in_dc7pz_1 var(--motion-overlay-duration) var(--motion-ease-spring-soft) both;
 }
 
-.sm {
+._sm_dc7pz_18 {
   padding: var(--space-2) var(--space-3);
 }
 
-.md {
+._md_dc7pz_22 {
   padding: var(--space-3) var(--space-4);
 }
 
-.lg {
+._lg_dc7pz_26 {
   padding: var(--space-4) var(--space-5);
 }
 
-.header {
+._header_dc7pz_30 {
   display: flex;
   align-items: flex-start;
   gap: var(--space-4);
   width: 100%;
 }
 
-.lead {
+._lead_dc7pz_37 {
   display: flex;
   align-items: flex-start;
   gap: var(--space-1);
@@ -42,29 +42,29 @@
   min-width: 0;
 }
 
-.icon {
+._icon_dc7pz_45 {
   display: grid;
   flex-shrink: 0;
   color: var(--icon-primary);
 }
 
-.info .icon {
+._info_dc7pz_51 ._icon_dc7pz_45 {
   color: var(--icon-info);
 }
 
-.success .icon {
+._success_dc7pz_55 ._icon_dc7pz_45 {
   color: var(--icon-success);
 }
 
-.warning .icon {
+._warning_dc7pz_59 ._icon_dc7pz_45 {
   color: var(--icon-warning);
 }
 
-.danger .icon {
+._danger_dc7pz_63 ._icon_dc7pz_45 {
   color: var(--icon-danger);
 }
 
-.title {
+._title_dc7pz_67 {
   margin: 0;
   min-width: 0;
   font-family: var(--font-sans);
@@ -74,7 +74,7 @@
   color: var(--text-primary);
 }
 
-.description {
+._description_dc7pz_77 {
   margin: 0;
   width: 100%;
   padding-left: var(--space-1);
@@ -85,12 +85,12 @@
   color: var(--text-secondary);
 }
 
-.action {
+._action_dc7pz_88 {
   width: 100%;
   padding-left: var(--space-1);
 }
 
-.close {
+._close_dc7pz_93 {
   display: grid;
   place-items: center;
   flex-shrink: 0;
@@ -105,16 +105,16 @@
   cursor: pointer;
 }
 
-.close:hover {
+._close_dc7pz_93:hover {
   color: var(--icon-primary);
 }
 
-.close:focus-visible {
+._close_dc7pz_93:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-@keyframes toast-in {
+@keyframes _toast-in_dc7pz_1 {
   from {
     opacity: 0;
     transform: translateY(0.5rem) scale(0.98);
@@ -127,7 +127,7 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .toast {
+  ._toast_dc7pz_1 {
     animation: none;
   }
 }

package/dist/ui/Toast/Toast.module.js

@@ -0,0 +1,24 @@
+import "./Toast.module.css";
+//#region ui/Toast/Toast.module.css
+var e = "_toast_dc7pz_1", t = "_sm_dc7pz_18", n = "_md_dc7pz_22", r = "_lg_dc7pz_26", i = "_header_dc7pz_30", a = "_lead_dc7pz_37", o = "_icon_dc7pz_45", s = "_info_dc7pz_51", c = "_success_dc7pz_55", l = "_warning_dc7pz_59", u = "_danger_dc7pz_63", d = "_title_dc7pz_67", f = "_description_dc7pz_77", p = "_action_dc7pz_88", m = "_close_dc7pz_93", h = {
+	toast: e,
+	"toast-in": "_toast-in_dc7pz_1",
+	sm: t,
+	md: n,
+	lg: r,
+	header: i,
+	lead: a,
+	icon: o,
+	info: s,
+	success: c,
+	warning: l,
+	danger: u,
+	title: d,
+	description: f,
+	action: p,
+	close: m
+};
+//#endregion
+export { p as action, m as close, u as danger, h as default, f as description, i as header, o as icon, s as info, a as lead, r as lg, n as md, t as sm, c as success, d as title, e as toast, l as warning };
+
+//# sourceMappingURL=Toast.module.js.map

package/dist/ui/Toast/Toast.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.module.js","names":[],"sources":["../../../ui/Toast/Toast.module.css"],"sourcesContent":[".toast {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--space-1);\n  width: min(100%, 19.5rem);\n  margin: 0;\n  padding: var(--space-3) var(--space-4);\n  border-radius: var(--radius-control-sm);\n  background: var(--surface-card);\n  box-shadow: var(--shadow-raised-depth);\n  color: var(--text-primary);\n  outline: none;\n  animation: toast-in var(--motion-overlay-duration) var(--motion-ease-spring-soft) both;\n}\n\n.sm {\n  padding: var(--space-2) var(--space-3);\n}\n\n.md {\n  padding: var(--space-3) var(--space-4);\n}\n\n.lg {\n  padding: var(--space-4) var(--space-5);\n}\n\n.header {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--space-4);\n  width: 100%;\n}\n\n.lead {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--space-1);\n  flex: 1;\n  min-width: 0;\n}\n\n.icon {\n  display: grid;\n  flex-shrink: 0;\n  color: var(--icon-primary);\n}\n\n.info .icon {\n  color: var(--icon-info);\n}\n\n.success .icon {\n  color: var(--icon-success);\n}\n\n.warning .icon {\n  color: var(--icon-warning);\n}\n\n.danger .icon {\n  color: var(--icon-danger);\n}\n\n.title {\n  margin: 0;\n  min-width: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-label);\n  font-weight: var(--type-weight-label);\n  line-height: var(--type-line-heading);\n  color: var(--text-primary);\n}\n\n.description {\n  margin: 0;\n  width: 100%;\n  padding-left: var(--space-1);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-body);\n  line-height: var(--type-line-body);\n  color: var(--text-secondary);\n}\n\n.action {\n  width: 100%;\n  padding-left: var(--space-1);\n}\n\n.close {\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n  width: var(--space-5);\n  height: var(--space-5);\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: var(--radius-control-sm);\n  background: transparent;\n  color: var(--icon-secondary);\n  cursor: pointer;\n}\n\n.close:hover {\n  color: var(--icon-primary);\n}\n\n.close:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n@keyframes toast-in {\n  from {\n    opacity: 0;\n    transform: translateY(0.5rem) scale(0.98);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .toast {\n    animation: none;\n  }\n}\n"],"mappings":""}

package/dist/ui/Toast/Toast.types.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export type ToastStatus = "default" | "success" | "warning" | "danger" | "info";
+export type ToastSize = "sm" | "md" | "lg";
+export interface ToastProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title?: string;
+    description?: string;
+    status?: ToastStatus;
+    size?: ToastSize;
+    duration?: number | null;
+    onClose?: () => void;
+    action?: ReactNode;
+    className?: string;
+}

package/dist/ui/Toast/index.d.ts

@@ -0,0 +1,2 @@
+export { Toast } from './Toast';
+export type { ToastProps, ToastSize, ToastStatus } from './Toast.types';

package/dist/ui/Tooltip/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type TooltipPlacement = "top" | "bottom" | "left" | "right";
+export interface TooltipProps {
+    content: string;
+    placement?: TooltipPlacement;
+    delay?: number;
+    open?: boolean;
+    disabled?: boolean;
+    children: ReactNode;
+    className?: string;
+}
+export declare function Tooltip({ content, placement, delay, open: controlledOpen, disabled, children, className, }: TooltipProps): import("react").JSX.Element;

package/dist/ui/Tooltip/Tooltip.js

@@ -0,0 +1,51 @@
+"use client";
+import e from "./Tooltip.module.js";
+import { cloneElement as t, isValidElement as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region ui/Tooltip/Tooltip.tsx
+function l({ content: l, placement: u = "top", delay: d = 150, open: f, disabled: p = !1, children: m, className: h = "" }) {
+	let g = i(), _ = a(null), v = f !== void 0, [y, b] = o(!1), x = !p && (v ? f : y);
+	function S() {
+		_.current != null && (window.clearTimeout(_.current), _.current = null);
+	}
+	function C(e = !1) {
+		if (!(p || v)) {
+			if (S(), e || d <= 0) {
+				b(!0);
+				return;
+			}
+			_.current = window.setTimeout(() => b(!0), d);
+		}
+	}
+	function w() {
+		v || (S(), b(!1));
+	}
+	r(() => () => S(), []), r(() => {
+		if (!x) return;
+		function e(e) {
+			e.key === "Escape" && w();
+		}
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [x]);
+	let T = n(m) ? t(m, { "aria-describedby": x ? g : void 0 }) : m;
+	return /* @__PURE__ */ c("span", {
+		className: `${e.wrapper} ${h}`.trim(),
+		onPointerEnter: () => C(),
+		onPointerLeave: w,
+		onFocus: () => C(!0),
+		onBlur: w,
+		children: [T, /* @__PURE__ */ c("span", {
+			id: g,
+			role: "tooltip",
+			className: `${e.bubble} ${e[u]}${x ? ` ${e.open}` : ""}`,
+			children: [l, /* @__PURE__ */ s("span", {
+				className: e.arrow,
+				"aria-hidden": "true"
+			})]
+		})]
+	});
+}
+//#endregion
+export { l as Tooltip };
+
+//# sourceMappingURL=Tooltip.js.map

package/dist/ui/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":[],"sources":["../../../ui/Tooltip/Tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport styles from \"./Tooltip.module.css\";\n\nexport type TooltipPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface TooltipProps {\n  content: string;\n  placement?: TooltipPlacement;\n  delay?: number;\n  open?: boolean;\n  disabled?: boolean;\n  children: ReactNode;\n  className?: string;\n}\n\nexport function Tooltip({\n  content,\n  placement = \"top\",\n  delay = 150,\n  open: controlledOpen,\n  disabled = false,\n  children,\n  className = \"\",\n}: TooltipProps) {\n  const tooltipId = useId();\n  const timerRef = useRef<number | null>(null);\n  const isControlled = controlledOpen !== undefined;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const open = !disabled && (isControlled ? controlledOpen : uncontrolledOpen);\n\n  function clearTimer() {\n    if (timerRef.current != null) {\n      window.clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  }\n\n  function show(immediate = false) {\n    if (disabled || isControlled) return;\n    clearTimer();\n    if (immediate || delay <= 0) {\n      setUncontrolledOpen(true);\n      return;\n    }\n    timerRef.current = window.setTimeout(() => setUncontrolledOpen(true), delay);\n  }\n\n  function hide() {\n    if (isControlled) return;\n    clearTimer();\n    setUncontrolledOpen(false);\n  }\n\n  useEffect(() => () => clearTimer(), []);\n\n  useEffect(() => {\n    if (!open) return undefined;\n    function handleKeyDown(event: KeyboardEvent) {\n      if (event.key === \"Escape\") hide();\n    }\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [open]);\n\n  const trigger = isValidElement(children)\n    ? cloneElement(children as ReactElement<{ \"aria-describedby\"?: string }>, {\n        \"aria-describedby\": open ? tooltipId : undefined,\n      })\n    : children;\n\n  return (\n    <span\n      className={`${styles.wrapper} ${className}`.trim()}\n      onPointerEnter={() => show()}\n      onPointerLeave={hide}\n      onFocus={() => show(true)}\n      onBlur={hide}\n    >\n      {trigger}\n      <span\n        id={tooltipId}\n        role=\"tooltip\"\n        className={`${styles.bubble} ${styles[placement]}${open ? ` ${styles.open}` : \"\"}`}\n      >\n        {content}\n        <span className={styles.arrow} aria-hidden=\"true\" />\n      </span>\n    </span>\n  );\n}\n"],"mappings":";;;;;AA0BA,SAAgB,EAAQ,EACtB,YACA,eAAY,OACZ,WAAQ,KACR,MAAM,GACN,cAAW,IACX,aACA,eAAY,MACG;CACf,IAAM,IAAY,EAAM,GAClB,IAAW,EAAsB,IAAI,GACrC,IAAe,MAAmB,KAAA,GAClC,CAAC,GAAkB,KAAuB,EAAS,EAAK,GACxD,IAAO,CAAC,MAAa,IAAe,IAAiB;CAE3D,SAAS,IAAa;EACpB,AAAI,EAAS,WAAW,SACtB,OAAO,aAAa,EAAS,OAAO,GACpC,EAAS,UAAU;CAEvB;CAEA,SAAS,EAAK,IAAY,IAAO;EAC3B,WAAY,IAEhB;OADA,EAAW,GACP,KAAa,KAAS,GAAG;IAC3B,EAAoB,EAAI;IACxB;GACF;GACA,EAAS,UAAU,OAAO,iBAAiB,EAAoB,EAAI,GAAG,CAAK;EAD3E;CAEF;CAEA,SAAS,IAAO;EACV,MACJ,EAAW,GACX,EAAoB,EAAK;CAC3B;CAIA,AAFA,cAAsB,EAAW,GAAG,CAAC,CAAC,GAEtC,QAAgB;EACd,IAAI,CAAC,GAAM;EACX,SAAS,EAAc,GAAsB;GAC3C,AAAI,EAAM,QAAQ,YAAU,EAAK;EACnC;EAEA,OADA,SAAS,iBAAiB,WAAW,CAAa,SACrC,SAAS,oBAAoB,WAAW,CAAa;CACpE,GAAG,CAAC,CAAI,CAAC;CAET,IAAM,IAAU,EAAe,CAAQ,IACnC,EAAa,GAA2D,EACtE,oBAAoB,IAAO,IAAY,KAAA,EACzC,CAAC,IACD;CAEJ,OACE,kBAAC,QAAD;EACE,WAAW,GAAG,EAAO,QAAQ,GAAG,IAAY,KAAK;EACjD,sBAAsB,EAAK;EAC3B,gBAAgB;EAChB,eAAe,EAAK,EAAI;EACxB,QAAQ;EALV,UAAA,CAOG,GACD,kBAAC,QAAD;GACE,IAAI;GACJ,MAAK;GACL,WAAW,GAAG,EAAO,OAAO,GAAG,EAAO,KAAa,IAAO,IAAI,EAAO,SAAS;GAHhF,UAAA,CAKG,GACD,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAO,eAAY;GAAQ,CAAA,CAC/C;EACF,CAAA,CAAA;;AAEV"}

package/{ui → dist/ui}/Tooltip/Tooltip.module.css

@@ -1,9 +1,9 @@
-.wrapper {
+._wrapper_y2ncd_1 {
   position: relative;
   display: inline-flex;
 }
 
-.bubble {
+._bubble_y2ncd_6 {
   --tooltip-offset: calc(100% + 0.5rem);
   position: absolute;
   z-index: var(--z-tooltip);
@@ -28,7 +28,7 @@
     visibility 0s linear var(--motion-overlay-exit-duration);
 }
 
-.open {
+._open_y2ncd_31 {
   opacity: 1;
   visibility: visible;
   transition:
@@ -36,7 +36,7 @@
     transform var(--motion-overlay-duration) var(--motion-overlay-easing);
 }
 
-.arrow {
+._arrow_y2ncd_39 {
   position: absolute;
   width: 0.5rem;
   height: 0.5rem;
@@ -44,68 +44,68 @@
   transform: rotate(45deg);
 }
 
-.top {
+._top_y2ncd_47 {
   bottom: var(--tooltip-offset);
   left: 50%;
   transform: translate(-50%, 0.25rem) scale(0.96);
 }
 
-.top.open {
+._top_y2ncd_47._open_y2ncd_31 {
   transform: translate(-50%, 0) scale(1);
 }
 
-.top .arrow {
+._top_y2ncd_47 ._arrow_y2ncd_39 {
   bottom: -0.2rem;
   left: calc(50% - 0.25rem);
 }
 
-.bottom {
+._bottom_y2ncd_62 {
   top: var(--tooltip-offset);
   left: 50%;
   transform: translate(-50%, -0.25rem) scale(0.96);
 }
 
-.bottom.open {
+._bottom_y2ncd_62._open_y2ncd_31 {
   transform: translate(-50%, 0) scale(1);
 }
 
-.bottom .arrow {
+._bottom_y2ncd_62 ._arrow_y2ncd_39 {
   top: -0.2rem;
   left: calc(50% - 0.25rem);
 }
 
-.left {
+._left_y2ncd_77 {
   right: var(--tooltip-offset);
   top: 50%;
   transform: translate(0.25rem, -50%) scale(0.96);
 }
 
-.left.open {
+._left_y2ncd_77._open_y2ncd_31 {
   transform: translate(0, -50%) scale(1);
 }
 
-.left .arrow {
+._left_y2ncd_77 ._arrow_y2ncd_39 {
   right: -0.2rem;
   top: calc(50% - 0.25rem);
 }
 
-.right {
+._right_y2ncd_92 {
   left: var(--tooltip-offset);
   top: 50%;
   transform: translate(-0.25rem, -50%) scale(0.96);
 }
 
-.right.open {
+._right_y2ncd_92._open_y2ncd_31 {
   transform: translate(0, -50%) scale(1);
 }
 
-.right .arrow {
+._right_y2ncd_92 ._arrow_y2ncd_39 {
   left: -0.2rem;
   top: calc(50% - 0.25rem);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .bubble {
+  ._bubble_y2ncd_6 {
     transition: none;
   }
 }

package/dist/ui/Tooltip/Tooltip.module.js

@@ -0,0 +1,16 @@
+import "./Tooltip.module.css";
+//#region ui/Tooltip/Tooltip.module.css
+var e = "_wrapper_y2ncd_1", t = "_bubble_y2ncd_6", n = "_open_y2ncd_31", r = "_arrow_y2ncd_39", i = "_top_y2ncd_47", a = "_bottom_y2ncd_62", o = "_left_y2ncd_77", s = "_right_y2ncd_92", c = {
+	wrapper: e,
+	bubble: t,
+	open: n,
+	arrow: r,
+	top: i,
+	bottom: a,
+	left: o,
+	right: s
+};
+//#endregion
+export { r as arrow, a as bottom, t as bubble, c as default, o as left, n as open, s as right, i as top, e as wrapper };
+
+//# sourceMappingURL=Tooltip.module.js.map

package/dist/ui/Tooltip/Tooltip.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.module.js","names":[],"sources":["../../../ui/Tooltip/Tooltip.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: inline-flex;\n}\n\n.bubble {\n  --tooltip-offset: calc(100% + 0.5rem);\n  position: absolute;\n  z-index: var(--z-tooltip);\n  width: max-content;\n  max-width: 16rem;\n  padding: var(--space-1) var(--space-2);\n  border-radius: var(--radius-control-md);\n  background: var(--surface-inverse);\n  box-shadow: var(--shadow-md);\n  color: var(--text-inverse);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-label);\n  line-height: var(--type-line-body);\n  text-align: center;\n  pointer-events: none;\n  opacity: 0;\n  visibility: hidden;\n  transition:\n    opacity var(--motion-overlay-exit-duration) var(--motion-overlay-exit-easing),\n    transform var(--motion-overlay-exit-duration) var(--motion-overlay-exit-easing),\n    visibility 0s linear var(--motion-overlay-exit-duration);\n}\n\n.open {\n  opacity: 1;\n  visibility: visible;\n  transition:\n    opacity var(--motion-overlay-duration) var(--motion-overlay-easing),\n    transform var(--motion-overlay-duration) var(--motion-overlay-easing);\n}\n\n.arrow {\n  position: absolute;\n  width: 0.5rem;\n  height: 0.5rem;\n  background: var(--surface-inverse);\n  transform: rotate(45deg);\n}\n\n.top {\n  bottom: var(--tooltip-offset);\n  left: 50%;\n  transform: translate(-50%, 0.25rem) scale(0.96);\n}\n\n.top.open {\n  transform: translate(-50%, 0) scale(1);\n}\n\n.top .arrow {\n  bottom: -0.2rem;\n  left: calc(50% - 0.25rem);\n}\n\n.bottom {\n  top: var(--tooltip-offset);\n  left: 50%;\n  transform: translate(-50%, -0.25rem) scale(0.96);\n}\n\n.bottom.open {\n  transform: translate(-50%, 0) scale(1);\n}\n\n.bottom .arrow {\n  top: -0.2rem;\n  left: calc(50% - 0.25rem);\n}\n\n.left {\n  right: var(--tooltip-offset);\n  top: 50%;\n  transform: translate(0.25rem, -50%) scale(0.96);\n}\n\n.left.open {\n  transform: translate(0, -50%) scale(1);\n}\n\n.left .arrow {\n  right: -0.2rem;\n  top: calc(50% - 0.25rem);\n}\n\n.right {\n  left: var(--tooltip-offset);\n  top: 50%;\n  transform: translate(-0.25rem, -50%) scale(0.96);\n}\n\n.right.open {\n  transform: translate(0, -50%) scale(1);\n}\n\n.right .arrow {\n  left: -0.2rem;\n  top: calc(50% - 0.25rem);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .bubble {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

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

package/dist/ui/patterns/ActivityPattern/ActivityFeed.d.ts

@@ -0,0 +1,4 @@
+export declare function ActivityFeed({ tab, caption }: {
+    tab: string;
+    caption: string;
+}): import("react").JSX.Element;