agentic-ds-kit 0.1.0 → 0.2.0

package/dist/ui/InputOTP/InputOTP.js

@@ -0,0 +1,86 @@
+"use client";
+import { LucideByName as e } from "../Button/lucideName.js";
+import t from "./InputOTP.module.js";
+import { Fragment as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ui/InputOTP/InputOTP.tsx
+var s = {
+	sm: 12,
+	md: 16,
+	lg: 18
+};
+function c(e, t, n) {
+	return (t === "digits" ? e.replace(/\D/g, "") : e.replace(/[^A-Za-z0-9]/g, "").toUpperCase()).slice(0, n);
+}
+function l(e, t) {
+	return t && t.length > 0 && t.reduce((e, t) => e + t, 0) === e ? t : e === 6 ? [3, 3] : [e];
+}
+function u({ id: u, length: d = 6, groups: f, size: p = "md", disabled: m = !1, error: h = !1, value: g, defaultValue: _ = "", onChange: v, onComplete: y, pattern: b = "digits", name: x, autoComplete: S = "one-time-code", ariaLabel: C }) {
+	let w = r(null), T = typeof g == "string", [E, D] = i(() => c(_, b, d)), O = c(T ? g : E, b, d), k = l(d, f), A = O.length >= d ? d - 1 : O.length, j = s[p];
+	function M(e) {
+		let t = c(e, b, d);
+		T || D(t), v?.(t), t.length === d && y?.(t);
+	}
+	function N() {
+		if (m) return;
+		let e = w.current;
+		if (!e) return;
+		e.focus();
+		let t = O.length;
+		e.setSelectionRange(t, t);
+	}
+	let P = 0;
+	return /* @__PURE__ */ o("div", {
+		className: `${t.root} ${t[p]}`,
+		"data-disabled": m || void 0,
+		"data-error": h || void 0,
+		onClick: N,
+		children: [/* @__PURE__ */ a("input", {
+			ref: w,
+			id: u,
+			name: x,
+			className: t.native,
+			value: O,
+			disabled: m,
+			maxLength: d,
+			autoComplete: S,
+			autoCapitalize: "off",
+			spellCheck: !1,
+			inputMode: b === "digits" ? "numeric" : "text",
+			"aria-invalid": h || void 0,
+			"aria-label": C,
+			onChange: (e) => M(e.target.value),
+			onPaste: (e) => {
+				e.preventDefault(), M(e.clipboardData.getData("text"));
+			}
+		}), k.map((r, i) => {
+			let s = P;
+			return P += r, /* @__PURE__ */ o(n, { children: [i > 0 ? /* @__PURE__ */ a("span", {
+				className: t.separator,
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ a(e, {
+					name: "Minus",
+					size: j
+				})
+			}) : null, /* @__PURE__ */ a("span", {
+				className: t.group,
+				children: Array.from({ length: r }, (e, n) => {
+					let r = s + n, i = O[r], o = r === A;
+					return /* @__PURE__ */ a("span", {
+						className: `${t.slot}${o ? ` ${t.slotActive}` : ""}`,
+						"data-active": o || void 0,
+						"aria-hidden": !0,
+						children: i ? /* @__PURE__ */ a("span", {
+							className: t.char,
+							children: i
+						}) : o ? /* @__PURE__ */ a("span", { className: t.caret }) : null
+					}, r);
+				})
+			})] }, `group-${i}-${s}`);
+		})]
+	});
+}
+//#endregion
+export { u as InputOTP };
+
+//# sourceMappingURL=InputOTP.js.map

package/dist/ui/InputOTP/InputOTP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputOTP.js","names":[],"sources":["../../../ui/InputOTP/InputOTP.tsx"],"sourcesContent":["\"use client\";\n\nimport { Fragment, useRef, useState } from \"react\";\nimport { LucideByName } from \"../Button/lucideName\";\nimport type { InputOTPPattern, InputOTPProps, InputOTPSize } from \"./InputOTP.types\";\nimport styles from \"./InputOTP.module.css\";\n\nexport type { InputOTPProps, InputOTPSize, InputOTPPattern } from \"./InputOTP.types\";\n\nconst ICON_PX: Record<InputOTPSize, number> = { sm: 12, md: 16, lg: 18 };\n\nfunction sanitize(raw: string, pattern: InputOTPPattern, length: number): string {\n  const next =\n    pattern === \"digits\"\n      ? raw.replace(/\\D/g, \"\")\n      : raw.replace(/[^A-Za-z0-9]/g, \"\").toUpperCase();\n  return next.slice(0, length);\n}\n\nfunction resolveGroups(length: number, groups?: number[]): number[] {\n  if (groups && groups.length > 0) {\n    const sum = groups.reduce((total, count) => total + count, 0);\n    if (sum === length) return groups;\n  }\n  if (length === 6) return [3, 3];\n  return [length];\n}\n\nexport function InputOTP({\n  id,\n  length = 6,\n  groups,\n  size = \"md\",\n  disabled = false,\n  error = false,\n  value,\n  defaultValue = \"\",\n  onChange,\n  onComplete,\n  pattern = \"digits\",\n  name,\n  autoComplete = \"one-time-code\",\n  ariaLabel,\n}: InputOTPProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const isControlled = typeof value === \"string\";\n  const [uncontrolled, setUncontrolled] = useState(() =>\n    sanitize(defaultValue, pattern, length),\n  );\n  const current = sanitize(isControlled ? value : uncontrolled, pattern, length);\n  const slotGroups = resolveGroups(length, groups);\n  const activeIndex = current.length >= length ? length - 1 : current.length;\n  const iconPx = ICON_PX[size];\n\n  function commit(raw: string) {\n    const next = sanitize(raw, pattern, length);\n    if (!isControlled) setUncontrolled(next);\n    onChange?.(next);\n    if (next.length === length) onComplete?.(next);\n  }\n\n  function focusInput() {\n    if (disabled) return;\n    const el = inputRef.current;\n    if (!el) return;\n    el.focus();\n    const pos = current.length;\n    el.setSelectionRange(pos, pos);\n  }\n\n  let offset = 0;\n\n  return (\n    <div\n      className={`${styles.root} ${styles[size]}`}\n      data-disabled={disabled || undefined}\n      data-error={error || undefined}\n      onClick={focusInput}\n    >\n      <input\n        ref={inputRef}\n        id={id}\n        name={name}\n        className={styles.native}\n        value={current}\n        disabled={disabled}\n        maxLength={length}\n        autoComplete={autoComplete}\n        autoCapitalize=\"off\"\n        spellCheck={false}\n        inputMode={pattern === \"digits\" ? \"numeric\" : \"text\"}\n        aria-invalid={error || undefined}\n        aria-label={ariaLabel}\n        onChange={(event) => commit(event.target.value)}\n        onPaste={(event) => {\n          event.preventDefault();\n          commit(event.clipboardData.getData(\"text\"));\n        }}\n      />\n      {slotGroups.map((count, groupIndex) => {\n        const start = offset;\n        offset += count;\n        return (\n          <Fragment key={`group-${groupIndex}-${start}`}>\n            {groupIndex > 0 ? (\n              <span className={styles.separator} aria-hidden>\n                <LucideByName name=\"Minus\" size={iconPx} />\n              </span>\n            ) : null}\n            <span className={styles.group}>\n              {Array.from({ length: count }, (_, slotIndex) => {\n                const index = start + slotIndex;\n                const char = current[index];\n                const isActive = index === activeIndex;\n                return (\n                  <span\n                    key={index}\n                    className={`${styles.slot}${isActive ? ` ${styles.slotActive}` : \"\"}`}\n                    data-active={isActive || undefined}\n                    aria-hidden\n                  >\n                    {char ? (\n                      <span className={styles.char}>{char}</span>\n                    ) : isActive ? (\n                      <span className={styles.caret} />\n                    ) : null}\n                  </span>\n                );\n              })}\n            </span>\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-.root {
+._root_7qfor_1 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -8,12 +8,12 @@
   color: var(--text-primary);
 }
 
-.root[data-disabled] {
+._root_7qfor_1[data-disabled] {
   opacity: var(--opacity-disabled);
   pointer-events: none;
 }
 
-.native {
+._native_7qfor_16 {
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -30,17 +30,17 @@
   cursor: text;
 }
 
-.native:disabled {
+._native_7qfor_16:disabled {
   cursor: not-allowed;
 }
 
-.group {
+._group_7qfor_37 {
   display: flex;
   align-items: center;
   gap: var(--space-2);
 }
 
-.separator {
+._separator_7qfor_43 {
   display: flex;
   flex-shrink: 0;
   align-items: center;
@@ -48,7 +48,7 @@
   pointer-events: none;
 }
 
-.slot {
+._slot_7qfor_51 {
   box-sizing: border-box;
   display: inline-flex;
   align-items: center;
@@ -69,60 +69,60 @@
     outline-color var(--motion-fast) ease;
 }
 
-.sm .slot {
+._sm_7qfor_72 ._slot_7qfor_51 {
   width: 1.75rem;
   height: 1.75rem;
   font-size: var(--type-size-caption);
 }
 
-.md .slot {
+._md_7qfor_78 ._slot_7qfor_51 {
   width: 2.25rem;
   height: 2.25rem;
   font-size: var(--type-size-body-sm);
 }
 
-.lg .slot {
+._lg_7qfor_84 ._slot_7qfor_51 {
   width: 2.75rem;
   height: 2.75rem;
   font-size: var(--type-size-body);
 }
 
-.root:not([data-disabled]):not([data-error]):not(:focus-within):hover .slot {
+._root_7qfor_1:not([data-disabled]):not([data-error]):not(:focus-within):hover ._slot_7qfor_51 {
   border-color: var(--border-strong);
 }
 
-.root:focus-within .slotActive {
+._root_7qfor_1:focus-within ._slotActive_7qfor_94 {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
   border-color: var(--border-focus);
 }
 
-.root[data-error] .slot {
+._root_7qfor_1[data-error] ._slot_7qfor_51 {
   border-color: var(--status-danger);
 }
 
-.root[data-error]:focus-within .slotActive {
+._root_7qfor_1[data-error]:focus-within ._slotActive_7qfor_94 {
   outline-color: var(--status-danger);
   border-color: var(--status-danger);
 }
 
-.char {
+._char_7qfor_109 {
   display: block;
 }
 
-.caret {
+._caret_7qfor_113 {
   display: none;
   width: var(--border-width-thin);
   height: 1em;
   background-color: var(--text-primary);
 }
 
-.root:focus-within .slotActive .caret {
+._root_7qfor_1:focus-within ._slotActive_7qfor_94 ._caret_7qfor_113 {
   display: block;
-  animation: otpCaret var(--motion-duration-600) var(--motion-ease-linear) infinite alternate;
+  animation: _otpCaret_7qfor_1 var(--motion-duration-600) var(--motion-ease-linear) infinite alternate;
 }
 
-@keyframes otpCaret {
+@keyframes _otpCaret_7qfor_1 {
   from {
     opacity: var(--opacity-full);
   }
@@ -132,7 +132,7 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .root:focus-within .slotActive .caret {
+  ._root_7qfor_1:focus-within ._slotActive_7qfor_94 ._caret_7qfor_113 {
     animation: none;
     opacity: var(--opacity-full);
   }

package/dist/ui/InputOTP/InputOTP.module.js

@@ -0,0 +1,20 @@
+import "./InputOTP.module.css";
+//#region ui/InputOTP/InputOTP.module.css
+var e = "_root_7qfor_1", t = "_native_7qfor_16", n = "_group_7qfor_37", r = "_separator_7qfor_43", i = "_slot_7qfor_51", a = "_sm_7qfor_72", o = "_md_7qfor_78", s = "_lg_7qfor_84", c = "_slotActive_7qfor_94", l = "_char_7qfor_109", u = "_caret_7qfor_113", d = "_otpCaret_7qfor_1", f = {
+	root: e,
+	native: t,
+	group: n,
+	separator: r,
+	slot: i,
+	sm: a,
+	md: o,
+	lg: s,
+	slotActive: c,
+	char: l,
+	caret: u,
+	otpCaret: d
+};
+//#endregion
+export { u as caret, l as char, f as default, n as group, s as lg, o as md, t as native, d as otpCaret, e as root, r as separator, i as slot, c as slotActive, a as sm };
+
+//# sourceMappingURL=InputOTP.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputOTP.module.js","names":[],"sources":["../../../ui/InputOTP/InputOTP.module.css"],"sourcesContent":[".root {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n  width: fit-content;\n  font-family: var(--font-sans);\n  color: var(--text-primary);\n}\n\n.root[data-disabled] {\n  opacity: var(--opacity-disabled);\n  pointer-events: none;\n}\n\n.native {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  opacity: 0;\n  background: transparent;\n  color: transparent;\n  caret-color: transparent;\n  font: inherit;\n  cursor: text;\n}\n\n.native:disabled {\n  cursor: not-allowed;\n}\n\n.group {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n}\n\n.separator {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  color: var(--icon-muted);\n  pointer-events: none;\n}\n\n.slot {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  pointer-events: none;\n  background-color: var(--surface-card);\n  border: var(--border-width-thin) solid var(--border-faint);\n  border-radius: var(--radius-control-md);\n  font-family: var(--font-sans);\n  font-variant-numeric: tabular-nums;\n  font-weight: var(--type-weight-label);\n  line-height: 1;\n  color: var(--text-primary);\n  text-align: center;\n  transition:\n    border-color var(--motion-fast) ease,\n    outline-color var(--motion-fast) ease;\n}\n\n.sm .slot {\n  width: 1.75rem;\n  height: 1.75rem;\n  font-size: var(--type-size-caption);\n}\n\n.md .slot {\n  width: 2.25rem;\n  height: 2.25rem;\n  font-size: var(--type-size-body-sm);\n}\n\n.lg .slot {\n  width: 2.75rem;\n  height: 2.75rem;\n  font-size: var(--type-size-body);\n}\n\n.root:not([data-disabled]):not([data-error]):not(:focus-within):hover .slot {\n  border-color: var(--border-strong);\n}\n\n.root:focus-within .slotActive {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n  border-color: var(--border-focus);\n}\n\n.root[data-error] .slot {\n  border-color: var(--status-danger);\n}\n\n.root[data-error]:focus-within .slotActive {\n  outline-color: var(--status-danger);\n  border-color: var(--status-danger);\n}\n\n.char {\n  display: block;\n}\n\n.caret {\n  display: none;\n  width: var(--border-width-thin);\n  height: 1em;\n  background-color: var(--text-primary);\n}\n\n.root:focus-within .slotActive .caret {\n  display: block;\n  animation: otpCaret var(--motion-duration-600) var(--motion-ease-linear) infinite alternate;\n}\n\n@keyframes otpCaret {\n  from {\n    opacity: var(--opacity-full);\n  }\n  to {\n    opacity: var(--opacity-0);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .root:focus-within .slotActive .caret {\n    animation: none;\n    opacity: var(--opacity-full);\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,18 @@
+export type InputOTPSize = "sm" | "md" | "lg";
+export type InputOTPPattern = "digits" | "alphanumeric";
+export interface InputOTPProps {
+    id: string;
+    length?: number;
+    groups?: number[];
+    size?: InputOTPSize;
+    disabled?: boolean;
+    error?: boolean;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onComplete?: (value: string) => void;
+    pattern?: InputOTPPattern;
+    name?: string;
+    autoComplete?: string;
+    ariaLabel?: string;
+}

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

@@ -1,2 +1,2 @@
-export { InputOTP } from "./InputOTP";
-export type { InputOTPProps, InputOTPSize, InputOTPPattern } from "./InputOTP.types";
+export { InputOTP } from './InputOTP';
+export type { InputOTPProps, InputOTPSize, InputOTPPattern } from './InputOTP.types';

package/dist/ui/InsightCard/InsightCard.d.ts

@@ -0,0 +1,3 @@
+import { InsightCardProps } from './InsightCard.types';
+export type { InsightCardProps, InsightCardTone, InsightCardSize, InsightCardAction, } from './InsightCard.types';
+export declare function InsightCard({ title, description, eyebrow, tone, size, confidence, source, primaryAction, secondaryAction, onDismiss, }: InsightCardProps): import("react").JSX.Element;

package/dist/ui/InsightCard/InsightCard.js

@@ -0,0 +1,89 @@
+import { LucideByName as e } from "../Button/lucideName.js";
+import { Button as t } from "../Button/Button.js";
+import n from "./InsightCard.module.js";
+import { useId as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region ui/InsightCard/InsightCard.tsx
+var o = {
+	opportunity: "Sparkles",
+	warning: "TriangleAlert",
+	danger: "CircleX",
+	info: "Info",
+	neutral: "Sparkles"
+}, s = {
+	sm: 14,
+	md: 16,
+	lg: 18
+};
+function c({ title: c, description: l, eyebrow: u = "Insight", tone: d = "opportunity", size: f = "md", confidence: p, source: m, primaryAction: h, secondaryAction: g, onDismiss: _ }) {
+	let v = r(), y = r(), b = !!(h || g || _), x = f === "lg" ? "md" : "sm";
+	return /* @__PURE__ */ a("article", {
+		className: `${n.card} ${n[f]} ${n[d]}`,
+		"aria-labelledby": v,
+		"aria-describedby": l ? y : void 0,
+		children: [
+			/* @__PURE__ */ a("header", {
+				className: n.header,
+				children: [/* @__PURE__ */ a("div", {
+					className: n.lead,
+					children: [/* @__PURE__ */ i(e, {
+						name: o[d],
+						size: s[f],
+						className: n.icon
+					}), /* @__PURE__ */ i("span", {
+						className: n.eyebrow,
+						children: u
+					})]
+				}), p ? /* @__PURE__ */ i("span", {
+					className: n.confidence,
+					children: p
+				}) : null]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: n.body,
+				children: [
+					/* @__PURE__ */ i("h3", {
+						id: v,
+						className: n.title,
+						children: c
+					}),
+					l ? /* @__PURE__ */ i("p", {
+						id: y,
+						className: n.description,
+						children: l
+					}) : null,
+					m ? /* @__PURE__ */ i("p", {
+						className: n.source,
+						children: m
+					}) : null
+				]
+			}),
+			b ? /* @__PURE__ */ a("footer", {
+				className: n.footer,
+				children: [h || g ? /* @__PURE__ */ a("div", {
+					className: n.actions,
+					children: [h ? /* @__PURE__ */ i(t, {
+						variant: "primary",
+						size: x,
+						onClick: h.onClick,
+						children: h.label
+					}) : null, g ? /* @__PURE__ */ i(t, {
+						variant: "secondary",
+						size: x,
+						onClick: g.onClick,
+						children: g.label
+					}) : null]
+				}) : null, _ ? /* @__PURE__ */ i("button", {
+					type: "button",
+					className: n.dismiss,
+					onClick: _,
+					children: "Dismiss"
+				}) : null]
+			}) : null
+		]
+	});
+}
+//#endregion
+export { c as InsightCard };
+
+//# sourceMappingURL=InsightCard.js.map

package/dist/ui/InsightCard/InsightCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightCard.js","names":[],"sources":["../../../ui/InsightCard/InsightCard.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { Button } from \"../Button\";\nimport { LucideByName } from \"../Button/lucideName\";\nimport type { InsightCardProps, InsightCardTone } from \"./InsightCard.types\";\nimport styles from \"./InsightCard.module.css\";\n\nexport type {\n  InsightCardProps,\n  InsightCardTone,\n  InsightCardSize,\n  InsightCardAction,\n} from \"./InsightCard.types\";\n\nconst TONE_ICON: Record<InsightCardTone, string> = {\n  opportunity: \"Sparkles\",\n  warning: \"TriangleAlert\",\n  danger: \"CircleX\",\n  info: \"Info\",\n  neutral: \"Sparkles\",\n};\n\nconst ICON_SIZE = { sm: 14, md: 16, lg: 18 } as const;\n\nexport function InsightCard({\n  title,\n  description,\n  eyebrow = \"Insight\",\n  tone = \"opportunity\",\n  size = \"md\",\n  confidence,\n  source,\n  primaryAction,\n  secondaryAction,\n  onDismiss,\n}: InsightCardProps) {\n  const titleId = useId();\n  const descriptionId = useId();\n  const showFooter = Boolean(primaryAction || secondaryAction || onDismiss);\n  const buttonSize = size === \"lg\" ? \"md\" : \"sm\";\n\n  return (\n    <article\n      className={`${styles.card} ${styles[size]} ${styles[tone]}`}\n      aria-labelledby={titleId}\n      aria-describedby={description ? descriptionId : undefined}\n    >\n      <header className={styles.header}>\n        <div className={styles.lead}>\n          <LucideByName name={TONE_ICON[tone]} size={ICON_SIZE[size]} className={styles.icon} />\n          <span className={styles.eyebrow}>{eyebrow}</span>\n        </div>\n        {confidence ? <span className={styles.confidence}>{confidence}</span> : null}\n      </header>\n      <div className={styles.body}>\n        <h3 id={titleId} className={styles.title}>\n          {title}\n        </h3>\n        {description ? (\n          <p id={descriptionId} className={styles.description}>\n            {description}\n          </p>\n        ) : null}\n        {source ? <p className={styles.source}>{source}</p> : null}\n      </div>\n      {showFooter ? (\n        <footer className={styles.footer}>\n          {primaryAction || secondaryAction ? (\n            <div className={styles.actions}>\n              {primaryAction ? (\n                <Button variant=\"primary\" size={buttonSize} onClick={primaryAction.onClick}>\n                  {primaryAction.label}\n                </Button>\n              ) : null}\n              {secondaryAction ? (\n                <Button variant=\"secondary\" size={buttonSize} onClick={secondaryAction.onClick}>\n                  {secondaryAction.label}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n          {onDismiss ? (\n            <button type=\"button\" className={styles.dismiss} onClick={onDismiss}>\n              Dismiss\n            </button>\n          ) : null}\n        </footer>\n      ) : null}\n    </article>\n  );\n}\n"],"mappings":";;;;;;AAaA,IAAM,IAA6C;CACjD,aAAa;CACb,SAAS;CACT,QAAQ;CACR,MAAM;CACN,SAAS;AACX,GAEM,IAAY;CAAE,IAAI;CAAI,IAAI;CAAI,IAAI;AAAG;AAE3C,SAAgB,EAAY,EAC1B,UACA,gBACA,aAAU,WACV,UAAO,eACP,UAAO,MACP,eACA,WACA,kBACA,oBACA,gBACmB;CACnB,IAAM,IAAU,EAAM,GAChB,IAAgB,EAAM,GACtB,IAAa,GAAQ,KAAiB,KAAmB,IACzD,IAAa,MAAS,OAAO,OAAO;CAE1C,OACE,kBAAC,WAAD;EACE,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO,GAAM,GAAG,EAAO;EACpD,mBAAiB;EACjB,oBAAkB,IAAc,IAAgB,KAAA;EAHlD,UAAA;GAKE,kBAAC,UAAD;IAAQ,WAAW,EAAO;IAA1B,UAAA,CACE,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAvB,UAAA,CACE,kBAAC,GAAD;MAAc,MAAM,EAAU;MAAO,MAAM,EAAU;MAAO,WAAW,EAAO;KAAO,CAAA,GACrF,kBAAC,QAAD;MAAM,WAAW,EAAO;MAAU,UAAA;KAAc,CAAA,CAC7C;IACJ,CAAA,GAAA,IAAa,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAa,UAAA;IAAiB,CAAA,IAAI,IAClE;;GACR,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAvB,UAAA;KACE,kBAAC,MAAD;MAAI,IAAI;MAAS,WAAW,EAAO;MAChC,UAAA;KACC,CAAA;KACH,IACC,kBAAC,KAAD;MAAG,IAAI;MAAe,WAAW,EAAO;MACrC,UAAA;KACA,CAAA,IACD;KACH,IAAS,kBAAC,KAAD;MAAG,WAAW,EAAO;MAAS,UAAA;KAAU,CAAA,IAAI;IACnD;;GACJ,IACC,kBAAC,UAAD;IAAQ,WAAW,EAAO;IAA1B,UAAA,CACG,KAAiB,IAChB,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAvB,UAAA,CACG,IACC,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAM;MAAY,SAAS,EAAc;MAChE,UAAA,EAAc;KACT,CAAA,IACN,MACH,IACC,kBAAC,GAAD;MAAQ,SAAQ;MAAY,MAAM;MAAY,SAAS,EAAgB;MACpE,UAAA,EAAgB;KACX,CAAA,IACN,IACD;IACH,CAAA,IAAA,MACH,IACC,kBAAC,UAAD;KAAQ,MAAK;KAAS,WAAW,EAAO;KAAS,SAAS;KAAW,UAAA;IAE7D,CAAA,IACN,IACE;GACN,CAAA,IAAA;EACG;;AAEb"}

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

@@ -1,4 +1,4 @@
-.card {
+._card_yvn0j_1 {
   --insight-padding: var(--space-6);
   --insight-gap: var(--space-4);
   --insight-width: 24rem;
@@ -14,65 +14,65 @@
   box-shadow: var(--shadow-sm);
 }
 
-.sm {
+._sm_yvn0j_17 {
   --insight-padding: var(--space-4);
   --insight-gap: var(--space-3);
   --insight-width: 20rem;
 }
 
-.md {
+._md_yvn0j_23 {
   --insight-padding: var(--space-6);
   --insight-gap: var(--space-4);
   --insight-width: 24rem;
 }
 
-.lg {
+._lg_yvn0j_29 {
   --insight-padding: var(--space-8);
   --insight-gap: var(--space-5);
   --insight-width: 28rem;
 }
 
-.header {
+._header_yvn0j_35 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--space-3);
 }
 
-.lead {
+._lead_yvn0j_42 {
   display: flex;
   align-items: center;
   gap: var(--space-2);
   min-width: 0;
 }
 
-.icon {
+._icon_yvn0j_49 {
   display: block;
   flex-shrink: 0;
   color: var(--icon-brand);
 }
 
-.opportunity .icon {
+._opportunity_yvn0j_55 ._icon_yvn0j_49 {
   color: var(--icon-brand);
 }
 
-.warning .icon {
+._warning_yvn0j_59 ._icon_yvn0j_49 {
   color: var(--icon-warning);
 }
 
-.danger .icon {
+._danger_yvn0j_63 ._icon_yvn0j_49 {
   color: var(--icon-danger);
 }
 
-.info .icon {
+._info_yvn0j_67 ._icon_yvn0j_49 {
   color: var(--icon-info);
 }
 
-.neutral .icon {
+._neutral_yvn0j_71 ._icon_yvn0j_49 {
   color: var(--icon-secondary);
 }
 
-.eyebrow {
+._eyebrow_yvn0j_75 {
   min-width: 0;
   overflow-wrap: anywhere;
   font-family: var(--font-sans);
@@ -82,7 +82,7 @@
   color: var(--text-secondary);
 }
 
-.confidence {
+._confidence_yvn0j_85 {
   flex-shrink: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-caption);
@@ -91,7 +91,7 @@
   color: var(--text-muted);
 }
 
-.body {
+._body_yvn0j_94 {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
@@ -99,7 +99,7 @@
   min-width: 0;
 }
 
-.title {
+._title_yvn0j_102 {
   margin: 0;
   overflow-wrap: anywhere;
   font-family: var(--font-sans);
@@ -109,7 +109,7 @@
   color: var(--text-primary);
 }
 
-.description {
+._description_yvn0j_112 {
   margin: 0;
   overflow-wrap: anywhere;
   font-family: var(--font-sans);
@@ -118,7 +118,7 @@
   color: var(--text-secondary);
 }
 
-.source {
+._source_yvn0j_121 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-caption);
@@ -127,7 +127,7 @@
   color: var(--text-muted);
 }
 
-.footer {
+._footer_yvn0j_130 {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -135,14 +135,14 @@
   margin-block-start: auto;
 }
 
-.actions {
+._actions_yvn0j_138 {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: var(--space-2);
 }
 
-.dismiss {
+._dismiss_yvn0j_145 {
   margin: 0;
   margin-inline-start: auto;
   padding: 0;
@@ -156,11 +156,11 @@
   cursor: pointer;
 }
 
-.dismiss:hover {
+._dismiss_yvn0j_145:hover {
   color: var(--text-secondary);
 }
 
-.dismiss:focus-visible {
+._dismiss_yvn0j_145:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }

package/dist/ui/InsightCard/InsightCard.module.js

@@ -0,0 +1,29 @@
+import "./InsightCard.module.css";
+//#region ui/InsightCard/InsightCard.module.css
+var e = "_card_yvn0j_1", t = "_sm_yvn0j_17", n = "_md_yvn0j_23", r = "_lg_yvn0j_29", i = "_header_yvn0j_35", a = "_lead_yvn0j_42", o = "_icon_yvn0j_49", s = "_opportunity_yvn0j_55", c = "_warning_yvn0j_59", l = "_danger_yvn0j_63", u = "_info_yvn0j_67", d = "_neutral_yvn0j_71", f = "_eyebrow_yvn0j_75", p = "_confidence_yvn0j_85", m = "_body_yvn0j_94", h = "_title_yvn0j_102", g = "_description_yvn0j_112", _ = "_source_yvn0j_121", v = "_footer_yvn0j_130", y = "_actions_yvn0j_138", b = "_dismiss_yvn0j_145", x = {
+	card: e,
+	sm: t,
+	md: n,
+	lg: r,
+	header: i,
+	lead: a,
+	icon: o,
+	opportunity: s,
+	warning: c,
+	danger: l,
+	info: u,
+	neutral: d,
+	eyebrow: f,
+	confidence: p,
+	body: m,
+	title: h,
+	description: g,
+	source: _,
+	footer: v,
+	actions: y,
+	dismiss: b
+};
+//#endregion
+export { y as actions, m as body, e as card, p as confidence, l as danger, x as default, g as description, b as dismiss, f as eyebrow, v as footer, i as header, o as icon, u as info, a as lead, r as lg, n as md, d as neutral, s as opportunity, t as sm, _ as source, h as title, c as warning };
+
+//# sourceMappingURL=InsightCard.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InsightCard.module.js","names":[],"sources":["../../../ui/InsightCard/InsightCard.module.css"],"sourcesContent":[".card {\n  --insight-padding: var(--space-6);\n  --insight-gap: var(--space-4);\n  --insight-width: 24rem;\n  display: flex;\n  flex-direction: column;\n  gap: var(--insight-gap);\n  width: min(100%, var(--insight-width));\n  min-width: 0;\n  padding: var(--insight-padding);\n  background-color: var(--surface-card);\n  border: var(--border-highlight) solid var(--border-faint);\n  border-radius: var(--radius-surface-md);\n  box-shadow: var(--shadow-sm);\n}\n\n.sm {\n  --insight-padding: var(--space-4);\n  --insight-gap: var(--space-3);\n  --insight-width: 20rem;\n}\n\n.md {\n  --insight-padding: var(--space-6);\n  --insight-gap: var(--space-4);\n  --insight-width: 24rem;\n}\n\n.lg {\n  --insight-padding: var(--space-8);\n  --insight-gap: var(--space-5);\n  --insight-width: 28rem;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-3);\n}\n\n.lead {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  min-width: 0;\n}\n\n.icon {\n  display: block;\n  flex-shrink: 0;\n  color: var(--icon-brand);\n}\n\n.opportunity .icon {\n  color: var(--icon-brand);\n}\n\n.warning .icon {\n  color: var(--icon-warning);\n}\n\n.danger .icon {\n  color: var(--icon-danger);\n}\n\n.info .icon {\n  color: var(--icon-info);\n}\n\n.neutral .icon {\n  color: var(--icon-secondary);\n}\n\n.eyebrow {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-caption);\n  line-height: var(--type-line-body);\n  color: var(--text-secondary);\n}\n\n.confidence {\n  flex-shrink: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-caption);\n  line-height: var(--type-line-body);\n  color: var(--text-muted);\n}\n\n.body {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  gap: var(--space-2);\n  min-width: 0;\n}\n\n.title {\n  margin: 0;\n  overflow-wrap: anywhere;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-heading);\n  font-weight: var(--type-weight-heading);\n  line-height: var(--type-line-heading);\n  color: var(--text-primary);\n}\n\n.description {\n  margin: 0;\n  overflow-wrap: anywhere;\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\n.source {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-caption);\n  line-height: var(--type-line-body);\n  color: var(--text-muted);\n}\n\n.footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-3);\n  margin-block-start: auto;\n}\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-2);\n}\n\n.dismiss {\n  margin: 0;\n  margin-inline-start: auto;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-caption);\n  line-height: var(--type-line-body);\n  color: var(--text-muted);\n  cursor: pointer;\n}\n\n.dismiss:hover {\n  color: var(--text-secondary);\n}\n\n.dismiss:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n"],"mappings":""}

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

@@ -0,0 +1,18 @@
+export type InsightCardTone = "opportunity" | "warning" | "danger" | "info" | "neutral";
+export type InsightCardSize = "sm" | "md" | "lg";
+export interface InsightCardAction {
+    label: string;
+    onClick?: () => void;
+}
+export interface InsightCardProps {
+    title: string;
+    description?: string;
+    eyebrow?: string;
+    tone?: InsightCardTone;
+    size?: InsightCardSize;
+    confidence?: string;
+    source?: string;
+    primaryAction?: InsightCardAction;
+    secondaryAction?: InsightCardAction;
+    onDismiss?: () => void;
+}

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

@@ -0,0 +1,2 @@
+export { InsightCard } from './InsightCard';
+export type { InsightCardProps, InsightCardTone, InsightCardSize, InsightCardAction, } from './InsightCard.types';

package/dist/ui/LineChart/LineChart.d.ts

@@ -0,0 +1,3 @@
+import { LineChartProps } from './LineChart.types';
+export type { LineChartProps, LineChartVariant } from './LineChart.types';
+export declare function LineChart({ data, labels: labelsProp, series: seriesProp, title, description, variant, height, showGrid, showTable, includeZero, emptyLabel, isLoading, className, }: LineChartProps): import("react").JSX.Element;