agentic-ds-kit 0.1.0 → 0.2.0

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

@@ -1,16 +1,16 @@
-.tabs {
+._tabs_vp7e4_1 {
   display: grid;
   gap: var(--space-stack-md);
   width: 100%;
 }
 
-.listOnly {
+._listOnly_vp7e4_7 {
   gap: 0;
   width: fit-content;
   max-width: 100%;
 }
 
-.list {
+._list_vp7e4_7 {
   position: relative;
   display: flex;
   flex-wrap: wrap;
@@ -19,7 +19,7 @@
   max-width: 100%;
 }
 
-.indicator {
+._indicator_vp7e4_22 {
   position: absolute;
   top: 0;
   left: 0;
@@ -29,11 +29,11 @@
   transform-origin: left center;
 }
 
-.indicator[data-ready] {
+._indicator_vp7e4_22[data-ready] {
   opacity: 1;
 }
 
-.trigger {
+._trigger_vp7e4_36 {
   position: relative;
   z-index: 1;
   appearance: none;
@@ -48,26 +48,26 @@
   cursor: pointer;
 }
 
-.trigger:hover:not(:disabled) {
+._trigger_vp7e4_36:hover:not(:disabled) {
   color: var(--text-primary);
 }
 
-.trigger[data-state="active"] {
+._trigger_vp7e4_36[data-state="active"] {
   color: var(--text-primary);
 }
 
-.trigger:focus-visible {
+._trigger_vp7e4_36:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.trigger:disabled {
+._trigger_vp7e4_36:disabled {
   color: var(--text-disabled);
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
 
-.content {
+._content_vp7e4_70 {
   min-width: 0;
   color: var(--text-secondary);
   font-family: var(--font-sans);
@@ -77,7 +77,7 @@
   outline: none;
 }
 
-.segmented .list {
+._segmented_vp7e4_80 ._list_vp7e4_7 {
   gap: var(--space-inline-2xs);
   padding: var(--space-inset-2xs);
   border-radius: var(--radius-control-md);
@@ -85,24 +85,24 @@
   box-shadow: inset 0 0 0 var(--border-100) var(--border-faint);
 }
 
-.segmented .indicator {
+._segmented_vp7e4_80 ._indicator_vp7e4_22 {
   border-radius: var(--radius-control-sm);
   background: var(--surface-card);
   box-shadow: var(--shadow-raised-sm);
 }
 
-.segmented .trigger {
+._segmented_vp7e4_80 ._trigger_vp7e4_36 {
   border-radius: var(--radius-control-sm);
   padding: var(--space-inset-sm) var(--space-inset-md);
 }
 
-.line .list {
+._line_vp7e4_99 ._list_vp7e4_7 {
   gap: var(--space-inline-md);
   width: 100%;
   border-bottom: var(--border-divider) solid var(--border-faint);
 }
 
-.line .indicator {
+._line_vp7e4_99 ._indicator_vp7e4_22 {
   top: auto;
   bottom: 0;
   height: var(--border-control-strong) !important;
@@ -110,53 +110,53 @@
   background: var(--text-primary);
 }
 
-.line .trigger {
+._line_vp7e4_99 ._trigger_vp7e4_36 {
   padding: var(--space-inset-sm) var(--space-inset-2xs);
   margin-bottom: calc(-1 * var(--border-divider));
 }
 
-.sm {
+._sm_vp7e4_118 {
   gap: var(--space-stack-sm);
 }
 
-.sm.segmented .trigger {
+._sm_vp7e4_118._segmented_vp7e4_80 ._trigger_vp7e4_36 {
   padding: var(--space-inset-xs) var(--space-inset-sm);
   font-size: var(--type-size-caption);
   font-weight: var(--type-weight-caption);
 }
 
-.sm.line .trigger {
+._sm_vp7e4_118._line_vp7e4_99 ._trigger_vp7e4_36 {
   padding: var(--space-inset-xs) var(--space-inset-2xs);
   font-size: var(--type-size-caption);
   font-weight: var(--type-weight-caption);
 }
 
-.lg {
+._lg_vp7e4_134 {
   gap: var(--space-stack-lg);
 }
 
-.lg.segmented .list {
+._lg_vp7e4_134._segmented_vp7e4_80 ._list_vp7e4_7 {
   padding: var(--space-inset-xs);
   border-radius: var(--radius-control-lg);
   gap: var(--space-inline-xs);
 }
 
-.lg.segmented .trigger {
+._lg_vp7e4_134._segmented_vp7e4_80 ._trigger_vp7e4_36 {
   padding: var(--space-inset-sm) var(--space-inset-lg);
   border-radius: var(--radius-control-md);
   font-size: var(--type-size-body-sm);
 }
 
-.lg.segmented .indicator {
+._lg_vp7e4_134._segmented_vp7e4_80 ._indicator_vp7e4_22 {
   border-radius: var(--radius-control-md);
 }
 
-.lg.line .trigger {
+._lg_vp7e4_134._line_vp7e4_99 ._trigger_vp7e4_36 {
   padding: var(--space-inset-md) var(--space-inset-xs);
   font-size: var(--type-size-body-sm);
 }
 
-.lg .content {
+._lg_vp7e4_134 ._content_vp7e4_70 {
   font-size: var(--type-size-body);
 }
 

package/dist/ui/Tabs/Tabs.module.js

@@ -0,0 +1,18 @@
+import "./Tabs.module.css";
+//#region ui/Tabs/Tabs.module.css
+var e = "_tabs_vp7e4_1", t = "_listOnly_vp7e4_7", n = "_list_vp7e4_7", r = "_indicator_vp7e4_22", i = "_trigger_vp7e4_36", a = "_content_vp7e4_70", o = "_segmented_vp7e4_80", s = "_line_vp7e4_99", c = "_sm_vp7e4_118", l = "_lg_vp7e4_134", u = {
+	tabs: e,
+	listOnly: t,
+	list: n,
+	indicator: r,
+	trigger: i,
+	content: a,
+	segmented: o,
+	line: s,
+	sm: c,
+	lg: l
+};
+//#endregion
+export { a as content, u as default, r as indicator, l as lg, s as line, n as list, t as listOnly, o as segmented, c as sm, e as tabs, i as trigger };
+
+//# sourceMappingURL=Tabs.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.module.js","names":[],"sources":["../../../ui/Tabs/Tabs.module.css"],"sourcesContent":[".tabs {\n  display: grid;\n  gap: var(--space-stack-md);\n  width: 100%;\n}\n\n.listOnly {\n  gap: 0;\n  width: fit-content;\n  max-width: 100%;\n}\n\n.list {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  width: fit-content;\n  max-width: 100%;\n}\n\n.indicator {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  pointer-events: none;\n  opacity: 0;\n  transform-origin: left center;\n}\n\n.indicator[data-ready] {\n  opacity: 1;\n}\n\n.trigger {\n  position: relative;\n  z-index: 1;\n  appearance: none;\n  margin: 0;\n  border: 0;\n  background: transparent;\n  color: var(--text-muted);\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-body);\n  cursor: pointer;\n}\n\n.trigger:hover:not(:disabled) {\n  color: var(--text-primary);\n}\n\n.trigger[data-state=\"active\"] {\n  color: var(--text-primary);\n}\n\n.trigger:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.trigger:disabled {\n  color: var(--text-disabled);\n  cursor: not-allowed;\n  opacity: var(--opacity-disabled);\n}\n\n.content {\n  min-width: 0;\n  color: var(--text-secondary);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  font-weight: var(--type-weight-body);\n  line-height: var(--type-line-body);\n  outline: none;\n}\n\n.segmented .list {\n  gap: var(--space-inline-2xs);\n  padding: var(--space-inset-2xs);\n  border-radius: var(--radius-control-md);\n  background: var(--surface-muted);\n  box-shadow: inset 0 0 0 var(--border-100) var(--border-faint);\n}\n\n.segmented .indicator {\n  border-radius: var(--radius-control-sm);\n  background: var(--surface-card);\n  box-shadow: var(--shadow-raised-sm);\n}\n\n.segmented .trigger {\n  border-radius: var(--radius-control-sm);\n  padding: var(--space-inset-sm) var(--space-inset-md);\n}\n\n.line .list {\n  gap: var(--space-inline-md);\n  width: 100%;\n  border-bottom: var(--border-divider) solid var(--border-faint);\n}\n\n.line .indicator {\n  top: auto;\n  bottom: 0;\n  height: var(--border-control-strong) !important;\n  border-radius: var(--radius-pill);\n  background: var(--text-primary);\n}\n\n.line .trigger {\n  padding: var(--space-inset-sm) var(--space-inset-2xs);\n  margin-bottom: calc(-1 * var(--border-divider));\n}\n\n.sm {\n  gap: var(--space-stack-sm);\n}\n\n.sm.segmented .trigger {\n  padding: var(--space-inset-xs) var(--space-inset-sm);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-caption);\n}\n\n.sm.line .trigger {\n  padding: var(--space-inset-xs) var(--space-inset-2xs);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-caption);\n}\n\n.lg {\n  gap: var(--space-stack-lg);\n}\n\n.lg.segmented .list {\n  padding: var(--space-inset-xs);\n  border-radius: var(--radius-control-lg);\n  gap: var(--space-inline-xs);\n}\n\n.lg.segmented .trigger {\n  padding: var(--space-inset-sm) var(--space-inset-lg);\n  border-radius: var(--radius-control-md);\n  font-size: var(--type-size-body-sm);\n}\n\n.lg.segmented .indicator {\n  border-radius: var(--radius-control-md);\n}\n\n.lg.line .trigger {\n  padding: var(--space-inset-md) var(--space-inset-xs);\n  font-size: var(--type-size-body-sm);\n}\n\n.lg .content {\n  font-size: var(--type-size-body);\n}\n\n"],"mappings":""}

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export type TabsSize = "sm" | "md" | "lg";
+export type TabsVariant = "segmented" | "line";
+export interface TabItem {
+    id: string;
+    label: string;
+    content?: ReactNode;
+    disabled?: boolean;
+}
+export interface TabsProps {
+    items: TabItem[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (id: string) => void;
+    size?: TabsSize;
+    variant?: TabsVariant;
+    ariaLabel?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Tabs } from './Tabs';
+export type { TabsProps, TabItem, TabsSize, TabsVariant } from './Tabs.types';

package/dist/ui/Textarea/Textarea.d.ts

@@ -0,0 +1,3 @@
+import { TextareaProps } from './Textarea.types';
+export type { TextareaProps, TextareaSize } from './Textarea.types';
+export declare function Textarea({ id, size, rows, placeholder, disabled, error, defaultValue, name, demo, describedBy, }: TextareaProps): import("react").JSX.Element;

package/dist/ui/Textarea/Textarea.js

@@ -0,0 +1,26 @@
+import e from "./Textarea.module.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region ui/Textarea/Textarea.tsx
+var n = {
+	sm: e.sm,
+	md: e.md,
+	lg: e.lg
+};
+function r({ id: r, size: i = "md", rows: a, placeholder: o, disabled: s = !1, error: c = !1, defaultValue: l, name: u, demo: d, describedBy: f }) {
+	return /* @__PURE__ */ t("textarea", {
+		id: r,
+		name: u,
+		rows: a,
+		placeholder: o,
+		disabled: s,
+		defaultValue: l,
+		"aria-invalid": c || void 0,
+		"aria-describedby": f,
+		"data-demo": s ? void 0 : d,
+		className: `${e.textarea} ${n[i]}${c ? ` ${e.error}` : ""}`
+	});
+}
+//#endregion
+export { r as Textarea };
+
+//# sourceMappingURL=Textarea.js.map

package/dist/ui/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","names":[],"sources":["../../../ui/Textarea/Textarea.tsx"],"sourcesContent":["import type { TextareaProps } from \"./Textarea.types\";\nimport styles from \"./Textarea.module.css\";\n\nexport type { TextareaProps, TextareaSize } from \"./Textarea.types\";\n\nconst SIZE_CLASS = {\n  sm: styles.sm,\n  md: styles.md,\n  lg: styles.lg,\n} as const;\n\nexport function Textarea({\n  id,\n  size = \"md\",\n  rows,\n  placeholder,\n  disabled = false,\n  error = false,\n  defaultValue,\n  name,\n  demo,\n  describedBy,\n}: TextareaProps) {\n  return (\n    <textarea\n      id={id}\n      name={name}\n      rows={rows}\n      placeholder={placeholder}\n      disabled={disabled}\n      defaultValue={defaultValue}\n      aria-invalid={error || undefined}\n      aria-describedby={describedBy}\n      data-demo={disabled ? undefined : demo}\n      className={`${styles.textarea} ${SIZE_CLASS[size]}${error ? ` ${styles.error}` : \"\"}`}\n    />\n  );\n}\n"],"mappings":";;;AAKA,IAAM,IAAa;CACjB,IAAI,EAAO;CACX,IAAI,EAAO;CACX,IAAI,EAAO;AACb;AAEA,SAAgB,EAAS,EACvB,OACA,UAAO,MACP,SACA,gBACA,cAAW,IACX,WAAQ,IACR,iBACA,SACA,SACA,kBACgB;CAChB,OACE,kBAAC,YAAD;EACM;EACE;EACA;EACO;EACH;EACI;EACd,gBAAc,KAAS,KAAA;EACvB,oBAAkB;EAClB,aAAW,IAAW,KAAA,IAAY;EAClC,WAAW,GAAG,EAAO,SAAS,GAAG,EAAW,KAAQ,IAAQ,IAAI,EAAO,UAAU;CAClF,CAAA;AAEL"}

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

@@ -1,4 +1,4 @@
-.textarea {
+._textarea_oqe9c_1 {
   display: block;
   box-sizing: border-box;
   width: 100%;
@@ -13,59 +13,59 @@
   outline: none;
 }
 
-.textarea::placeholder {
+._textarea_oqe9c_1::placeholder {
   color: var(--text-muted);
 }
 
-.sm {
+._sm_oqe9c_20 {
   min-height: 5rem;
   padding: var(--space-inset-sm);
   border-radius: var(--radius-control-md);
   font-size: var(--type-size-caption);
 }
 
-.md {
+._md_oqe9c_27 {
   min-height: 6.5rem;
   padding: var(--space-inset-sm) var(--space-inset-md);
   border-radius: var(--radius-control-md);
   font-size: var(--type-size-body-sm);
 }
 
-.lg {
+._lg_oqe9c_34 {
   min-height: 8rem;
   padding: var(--space-inset-md) var(--space-inset-lg);
   border-radius: var(--radius-control-lg);
   font-size: var(--type-size-body);
 }
 
-.textarea:hover:not(:disabled):not(:focus),
-.textarea[data-demo="hover"]:not(:disabled):not(:focus) {
+._textarea_oqe9c_1:hover:not(:disabled):not(:focus),
+._textarea_oqe9c_1[data-demo="hover"]:not(:disabled):not(:focus) {
   border-color: var(--border-strong);
 }
 
-.textarea:focus-visible,
-.textarea[data-demo="focus"] {
+._textarea_oqe9c_1:focus-visible,
+._textarea_oqe9c_1[data-demo="focus"] {
   border-color: var(--border-focus);
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.error {
+._error_oqe9c_53 {
   border-color: var(--status-danger);
 }
 
-.error:hover:not(:disabled):not(:focus),
-.error[data-demo="hover"]:not(:disabled):not(:focus) {
+._error_oqe9c_53:hover:not(:disabled):not(:focus),
+._error_oqe9c_53[data-demo="hover"]:not(:disabled):not(:focus) {
   border-color: var(--status-danger);
 }
 
-.error:focus-visible,
-.error[data-demo="focus"] {
+._error_oqe9c_53:focus-visible,
+._error_oqe9c_53[data-demo="focus"] {
   border-color: var(--status-danger);
   outline-color: var(--status-danger);
 }
 
-.textarea:disabled {
+._textarea_oqe9c_1:disabled {
   resize: none;
   cursor: not-allowed;
   color: var(--text-disabled);

package/dist/ui/Textarea/Textarea.module.js

@@ -0,0 +1,13 @@
+import "./Textarea.module.css";
+//#region ui/Textarea/Textarea.module.css
+var e = "_textarea_oqe9c_1", t = "_sm_oqe9c_20", n = "_md_oqe9c_27", r = "_lg_oqe9c_34", i = "_error_oqe9c_53", a = {
+	textarea: e,
+	sm: t,
+	md: n,
+	lg: r,
+	error: i
+};
+//#endregion
+export { a as default, i as error, r as lg, n as md, t as sm, e as textarea };
+
+//# sourceMappingURL=Textarea.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.module.js","names":[],"sources":["../../../ui/Textarea/Textarea.module.css"],"sourcesContent":[".textarea {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  margin: 0;\n  resize: vertical;\n  font-family: var(--font-sans);\n  font-weight: var(--type-weight-body);\n  line-height: var(--type-line-body);\n  color: var(--text-primary);\n  background-color: var(--surface-card);\n  border: var(--border-control) solid var(--border-faint);\n  outline: none;\n}\n\n.textarea::placeholder {\n  color: var(--text-muted);\n}\n\n.sm {\n  min-height: 5rem;\n  padding: var(--space-inset-sm);\n  border-radius: var(--radius-control-md);\n  font-size: var(--type-size-caption);\n}\n\n.md {\n  min-height: 6.5rem;\n  padding: var(--space-inset-sm) var(--space-inset-md);\n  border-radius: var(--radius-control-md);\n  font-size: var(--type-size-body-sm);\n}\n\n.lg {\n  min-height: 8rem;\n  padding: var(--space-inset-md) var(--space-inset-lg);\n  border-radius: var(--radius-control-lg);\n  font-size: var(--type-size-body);\n}\n\n.textarea:hover:not(:disabled):not(:focus),\n.textarea[data-demo=\"hover\"]:not(:disabled):not(:focus) {\n  border-color: var(--border-strong);\n}\n\n.textarea:focus-visible,\n.textarea[data-demo=\"focus\"] {\n  border-color: var(--border-focus);\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.error {\n  border-color: var(--status-danger);\n}\n\n.error:hover:not(:disabled):not(:focus),\n.error[data-demo=\"hover\"]:not(:disabled):not(:focus) {\n  border-color: var(--status-danger);\n}\n\n.error:focus-visible,\n.error[data-demo=\"focus\"] {\n  border-color: var(--status-danger);\n  outline-color: var(--status-danger);\n}\n\n.textarea:disabled {\n  resize: none;\n  cursor: not-allowed;\n  color: var(--text-disabled);\n  background-color: var(--surface-disabled);\n  border-color: var(--border-disabled);\n}\n"],"mappings":""}

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

@@ -0,0 +1,13 @@
+export type TextareaSize = "sm" | "md" | "lg";
+export interface TextareaProps {
+    id: string;
+    size?: TextareaSize;
+    rows?: number;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    defaultValue?: string;
+    name?: string;
+    demo?: "hover" | "focus";
+    describedBy?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Textarea } from './Textarea';
+export type { TextareaProps, TextareaSize } from './Textarea.types';

package/dist/ui/ThinkingAnimation/ThinkingAnimation.d.ts

@@ -0,0 +1,3 @@
+import { ThinkingAnimationProps } from './ThinkingAnimation.types';
+export type { ThinkingAnimationProps, ThinkingAnimationSize } from './ThinkingAnimation.types';
+export declare function ThinkingAnimation({ label, size, showLabel, className, }: ThinkingAnimationProps): import("react").JSX.Element;

package/dist/ui/ThinkingAnimation/ThinkingAnimation.js

@@ -0,0 +1,28 @@
+import e from "./ThinkingAnimation.module.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region ui/ThinkingAnimation/ThinkingAnimation.tsx
+function r({ label: r = "Thinking", size: i = "md", showLabel: a = !0, className: o = "" }) {
+	return /* @__PURE__ */ n("span", {
+		className: `${e.root} ${e[i]} ${o}`.trim(),
+		role: "status",
+		"aria-label": r,
+		"aria-live": "polite",
+		children: [/* @__PURE__ */ n("span", {
+			className: e.dots,
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ t("span", { className: e.dot }),
+				/* @__PURE__ */ t("span", { className: e.dot }),
+				/* @__PURE__ */ t("span", { className: e.dot })
+			]
+		}), a ? /* @__PURE__ */ t("span", {
+			className: e.label,
+			"aria-hidden": "true",
+			children: r
+		}) : null]
+	});
+}
+//#endregion
+export { r as ThinkingAnimation };
+
+//# sourceMappingURL=ThinkingAnimation.js.map

package/dist/ui/ThinkingAnimation/ThinkingAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingAnimation.js","names":[],"sources":["../../../ui/ThinkingAnimation/ThinkingAnimation.tsx"],"sourcesContent":["import type { ThinkingAnimationProps } from \"./ThinkingAnimation.types\";\nimport styles from \"./ThinkingAnimation.module.css\";\n\nexport type { ThinkingAnimationProps, ThinkingAnimationSize } from \"./ThinkingAnimation.types\";\n\nexport function ThinkingAnimation({\n  label = \"Thinking\",\n  size = \"md\",\n  showLabel = true,\n  className = \"\",\n}: ThinkingAnimationProps) {\n  return (\n    <span\n      className={`${styles.root} ${styles[size]} ${className}`.trim()}\n      role=\"status\"\n      aria-label={label}\n      aria-live=\"polite\"\n    >\n      <span className={styles.dots} aria-hidden=\"true\">\n        <span className={styles.dot} />\n        <span className={styles.dot} />\n        <span className={styles.dot} />\n      </span>\n      {showLabel ? (\n        <span className={styles.label} aria-hidden=\"true\">\n          {label}\n        </span>\n      ) : null}\n    </span>\n  );\n}\n"],"mappings":";;;AAKA,SAAgB,EAAkB,EAChC,WAAQ,YACR,UAAO,MACP,eAAY,IACZ,eAAY,MACa;CACzB,OACE,kBAAC,QAAD;EACE,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO,GAAM,GAAG,IAAY,KAAK;EAC9D,MAAK;EACL,cAAY;EACZ,aAAU;EAJZ,UAAA,CAME,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAM,eAAY;GAA1C,UAAA;IACE,kBAAC,QAAD,EAAM,WAAW,EAAO,IAAM,CAAA;IAC9B,kBAAC,QAAD,EAAM,WAAW,EAAO,IAAM,CAAA;IAC9B,kBAAC,QAAD,EAAM,WAAW,EAAO,IAAM,CAAA;GAC1B;EACL,CAAA,GAAA,IACC,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAO,eAAY;GACxC,UAAA;EACG,CAAA,IACJ,IACA;;AAEV"}

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

@@ -1,4 +1,4 @@
-.root {
+._root_r0bhz_1 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-2);
@@ -7,53 +7,53 @@
   font-size: var(--type-size-body-sm);
 }
 
-.dots {
+._dots_r0bhz_10 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-1);
 }
 
-.dot {
+._dot_r0bhz_10 {
   inline-size: var(--space-2);
   block-size: var(--space-2);
   border-radius: var(--radius-full);
   background: var(--text-muted);
-  animation: thinking-dot 1.2s var(--motion-ease-in-out) infinite;
+  animation: _thinking-dot_r0bhz_1 1.2s var(--motion-ease-in-out) infinite;
 }
 
-.dot:nth-child(2) {
+._dot_r0bhz_10:nth-child(2) {
   animation-delay: 0.15s;
 }
 
-.dot:nth-child(3) {
+._dot_r0bhz_10:nth-child(3) {
   animation-delay: 0.3s;
 }
 
-.sm {
+._sm_r0bhz_32 {
   gap: var(--space-1);
   font-size: var(--type-size-caption);
 }
 
-.sm .dot {
+._sm_r0bhz_32 ._dot_r0bhz_10 {
   inline-size: 0.3rem;
   block-size: 0.3rem;
 }
 
-.lg {
+._lg_r0bhz_42 {
   gap: var(--space-3);
   font-size: var(--type-size-body);
 }
 
-.lg .dot {
+._lg_r0bhz_42 ._dot_r0bhz_10 {
   inline-size: var(--space-3);
   block-size: var(--space-3);
 }
 
-.label {
+._label_r0bhz_52 {
   color: var(--text-secondary);
 }
 
-@keyframes thinking-dot {
+@keyframes _thinking-dot_r0bhz_1 {
   0%,
   80%,
   100% {
@@ -68,7 +68,7 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .dot {
+  ._dot_r0bhz_10 {
     animation: none;
     opacity: 1;
   }

package/dist/ui/ThinkingAnimation/ThinkingAnimation.module.js

@@ -0,0 +1,15 @@
+import "./ThinkingAnimation.module.css";
+//#region ui/ThinkingAnimation/ThinkingAnimation.module.css
+var e = "_root_r0bhz_1", t = "_dots_r0bhz_10", n = "_dot_r0bhz_10", r = "_sm_r0bhz_32", i = "_lg_r0bhz_42", a = "_label_r0bhz_52", o = {
+	root: e,
+	dots: t,
+	dot: n,
+	"thinking-dot": "_thinking-dot_r0bhz_1",
+	sm: r,
+	lg: i,
+	label: a
+};
+//#endregion
+export { o as default, n as dot, t as dots, a as label, i as lg, e as root, r as sm };
+
+//# sourceMappingURL=ThinkingAnimation.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingAnimation.module.js","names":[],"sources":["../../../ui/ThinkingAnimation/ThinkingAnimation.module.css"],"sourcesContent":[".root {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n  color: var(--text-secondary);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n}\n\n.dots {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n}\n\n.dot {\n  inline-size: var(--space-2);\n  block-size: var(--space-2);\n  border-radius: var(--radius-full);\n  background: var(--text-muted);\n  animation: thinking-dot 1.2s var(--motion-ease-in-out) infinite;\n}\n\n.dot:nth-child(2) {\n  animation-delay: 0.15s;\n}\n\n.dot:nth-child(3) {\n  animation-delay: 0.3s;\n}\n\n.sm {\n  gap: var(--space-1);\n  font-size: var(--type-size-caption);\n}\n\n.sm .dot {\n  inline-size: 0.3rem;\n  block-size: 0.3rem;\n}\n\n.lg {\n  gap: var(--space-3);\n  font-size: var(--type-size-body);\n}\n\n.lg .dot {\n  inline-size: var(--space-3);\n  block-size: var(--space-3);\n}\n\n.label {\n  color: var(--text-secondary);\n}\n\n@keyframes thinking-dot {\n  0%,\n  80%,\n  100% {\n    opacity: 0.35;\n    transform: translateY(0);\n  }\n\n  40% {\n    opacity: 1;\n    transform: translateY(-0.15rem);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dot {\n    animation: none;\n    opacity: 1;\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,7 @@
+export type ThinkingAnimationSize = "sm" | "md" | "lg";
+export interface ThinkingAnimationProps {
+    label?: string;
+    size?: ThinkingAnimationSize;
+    showLabel?: boolean;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { ThinkingAnimation } from './ThinkingAnimation';
+export type { ThinkingAnimationProps, ThinkingAnimationSize } from './ThinkingAnimation.types';

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

@@ -0,0 +1,3 @@
+import { TimelineProps } from './Timeline.types';
+export type { TimelineItem, TimelineProps, TimelineStatus } from './Timeline.types';
+export declare function Timeline({ items, label, headingLevel, className, }: TimelineProps): import("react").JSX.Element | null;

package/dist/ui/Timeline/Timeline.js

@@ -0,0 +1,50 @@
+import e from "./Timeline.module.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region ui/Timeline/Timeline.tsx
+var r = [
+	"now",
+	"next",
+	"later"
+];
+function i(e) {
+	return e === 2 ? "h2" : e === 4 ? "h4" : "h3";
+}
+function a({ items: a = [], label: o, headingLevel: s = 3, className: c = "" }) {
+	if (!a.length) return null;
+	let l = i(s);
+	return /* @__PURE__ */ t("ol", {
+		className: `${e.timeline} ${c}`.trim(),
+		"aria-label": o,
+		children: a.map((i, o) => {
+			let s = r.includes(i.status ?? "next") ? i.status ?? "next" : "next";
+			return /* @__PURE__ */ n("li", {
+				className: `${e.step} ${e[s]}`,
+				children: [/* @__PURE__ */ n("span", {
+					className: e.rail,
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ t("span", { className: e.dot }), o < a.length - 1 ? /* @__PURE__ */ t("span", { className: e.line }) : null]
+				}), /* @__PURE__ */ n("div", {
+					className: e.copy,
+					children: [
+						i.phase ? /* @__PURE__ */ t("p", {
+							className: e.phase,
+							children: i.phase
+						}) : null,
+						i.title ? /* @__PURE__ */ t(l, {
+							className: e.title,
+							children: i.title
+						}) : null,
+						i.body ? /* @__PURE__ */ t("p", {
+							className: e.body,
+							children: i.body
+						}) : null
+					]
+				})]
+			}, i.id ?? i.title ?? o);
+		})
+	});
+}
+//#endregion
+export { a as Timeline };
+
+//# sourceMappingURL=Timeline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","names":[],"sources":["../../../ui/Timeline/Timeline.tsx"],"sourcesContent":["import type { TimelineProps } from \"./Timeline.types\";\nimport styles from \"./Timeline.module.css\";\n\nexport type { TimelineItem, TimelineProps, TimelineStatus } from \"./Timeline.types\";\n\nconst STATUSES = [\"now\", \"next\", \"later\"] as const;\n\nfunction headingTag(level: 2 | 3 | 4): \"h2\" | \"h3\" | \"h4\" {\n  if (level === 2) return \"h2\";\n  if (level === 4) return \"h4\";\n  return \"h3\";\n}\n\nexport function Timeline({\n  items = [],\n  label,\n  headingLevel = 3,\n  className = \"\",\n}: TimelineProps) {\n  if (!items.length) return null;\n\n  const TitleTag = headingTag(headingLevel);\n\n  return (\n    <ol className={`${styles.timeline} ${className}`.trim()} aria-label={label}>\n      {items.map((item, index) => {\n        const status = STATUSES.includes(item.status ?? \"next\")\n          ? (item.status ?? \"next\")\n          : \"next\";\n\n        return (\n          <li key={item.id ?? item.title ?? index} className={`${styles.step} ${styles[status]}`}>\n            <span className={styles.rail} aria-hidden=\"true\">\n              <span className={styles.dot} />\n              {index < items.length - 1 ? <span className={styles.line} /> : null}\n            </span>\n            <div className={styles.copy}>\n              {item.phase ? <p className={styles.phase}>{item.phase}</p> : null}\n              {item.title ? <TitleTag className={styles.title}>{item.title}</TitleTag> : null}\n              {item.body ? <p className={styles.body}>{item.body}</p> : null}\n            </div>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"mappings":";;;AAKA,IAAM,IAAW;CAAC;CAAO;CAAQ;AAAO;AAExC,SAAS,EAAW,GAAsC;CAGxD,OAFI,MAAU,IAAU,OACpB,MAAU,IAAU,OACjB;AACT;AAEA,SAAgB,EAAS,EACvB,WAAQ,CAAC,GACT,UACA,kBAAe,GACf,eAAY,MACI;CAChB,IAAI,CAAC,EAAM,QAAQ,OAAO;CAE1B,IAAM,IAAW,EAAW,CAAY;CAExC,OACE,kBAAC,MAAD;EAAI,WAAW,GAAG,EAAO,SAAS,GAAG,IAAY,KAAK;EAAG,cAAY;EAClE,UAAA,EAAM,KAAK,GAAM,MAAU;GAC1B,IAAM,IAAS,EAAS,SAAS,EAAK,UAAU,MAAM,IACjD,EAAK,UAAU,SAChB;GAEJ,OACE,kBAAC,MAAD;IAAyC,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO;IAA7E,UAAA,CACE,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAM,eAAY;KAA1C,UAAA,CACE,kBAAC,QAAD,EAAM,WAAW,EAAO,IAAM,CAAA,GAC7B,IAAQ,EAAM,SAAS,IAAI,kBAAC,QAAD,EAAM,WAAW,EAAO,KAAO,CAAA,IAAI,IAC3D;IACN,CAAA,GAAA,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAvB,UAAA;MACG,EAAK,QAAQ,kBAAC,KAAD;OAAG,WAAW,EAAO;OAAQ,UAAA,EAAK;MAAS,CAAA,IAAI;MAC5D,EAAK,QAAQ,kBAAC,GAAD;OAAU,WAAW,EAAO;OAAQ,UAAA,EAAK;MAAgB,CAAA,IAAI;MAC1E,EAAK,OAAO,kBAAC,KAAD;OAAG,WAAW,EAAO;OAAO,UAAA,EAAK;MAAQ,CAAA,IAAI;KACvD;IACH,CAAA,CAAA;GAVK,GAAA,EAAK,MAAM,EAAK,SAAS,CAU9B;EAER,CAAC;CACC,CAAA;AAER"}