@vadimcomanescu/nadicode-design-system 4.0.10 → 5.0.0

package/dist/chunk-XYYZRQES.js

@@ -0,0 +1,256 @@
+import { z } from 'zod';
+
+// src/catalog/definitions/blocks-agent.ts
+var blocksAgentDefinitions = {
+  AgentConversationBlock: {
+    props: z.object({
+      messages: z.array(
+        z.object({
+          id: z.string(),
+          role: z.enum(["user", "assistant", "system"]),
+          content: z.string(),
+          timestamp: z.string().nullable(),
+          isThinking: z.boolean().nullable(),
+          reasoning: z.string().nullable(),
+          isStreaming: z.boolean().nullable(),
+          toolCalls: z.array(
+            z.object({
+              id: z.string(),
+              toolName: z.string(),
+              args: z.record(z.string(), z.unknown()).nullable(),
+              status: z.enum(["pending", "running", "complete", "error"]),
+              result: z.string().nullable(),
+              duration: z.number().nullable()
+            })
+          ).nullable()
+        })
+      )
+    }),
+    description: "AI agent conversation thread with user/assistant messages, tool calls, thinking indicators, and streaming support.",
+    example: {
+      messages: [
+        { id: "m1", role: "user", content: "Summarize the Q1 earnings report.", timestamp: "2026-03-30T09:00:00Z", isThinking: null, reasoning: null, isStreaming: null, toolCalls: null },
+        { id: "m2", role: "assistant", content: "Revenue grew 18% year-over-year to $42M, driven by enterprise expansion.", timestamp: "2026-03-30T09:00:05Z", isThinking: false, reasoning: null, isStreaming: false, toolCalls: [
+          { id: "tc1", toolName: "searchDocuments", args: { query: "Q1 earnings" }, status: "complete", result: "3 documents found", duration: 1200 }
+        ] }
+      ]
+    }
+  },
+  AgentProfileGridBlock: {
+    props: z.object({
+      title: z.string().nullable(),
+      description: z.string().nullable(),
+      columns: z.union([z.literal(2), z.literal(3), z.literal(4)]).nullable(),
+      agents: z.array(
+        z.object({
+          name: z.string(),
+          role: z.string(),
+          description: z.string(),
+          capabilities: z.array(z.string()).nullable(),
+          status: z.enum(["active", "idle", "coming-soon"]).nullable(),
+          href: z.string().nullable(),
+          avatar: z.string()
+        })
+      ).nullable()
+    }),
+    description: "Grid display of AI agent profiles with name, role, capabilities, and status indicators.",
+    example: {
+      title: "Your AI Team",
+      description: null,
+      columns: 3,
+      agents: [
+        { name: "Coder", role: "Software Engineer", description: "Writes and reviews code across multiple languages.", capabilities: ["TypeScript", "Python", "Code Review"], status: "active", href: null, avatar: "https://avatars.githubusercontent.com/u/100" },
+        { name: "Analyst", role: "Data Analyst", description: "Transforms raw data into actionable insights.", capabilities: ["SQL", "Visualization"], status: "idle", href: null, avatar: "https://avatars.githubusercontent.com/u/101" }
+      ]
+    }
+  },
+  AgentRunOverviewBlock: {
+    props: z.object({
+      title: z.string().nullable(),
+      description: z.string().nullable(),
+      teamTitle: z.string().nullable(),
+      metricsTitle: z.string().nullable(),
+      contextTitle: z.string().nullable(),
+      workflow: z.object({
+        title: z.string().nullable(),
+        nodes: z.array(
+          z.object({
+            id: z.string(),
+            label: z.string(),
+            status: z.enum(["pending", "active", "done", "error"])
+          })
+        ),
+        edges: z.array(
+          z.object({ from: z.string(), to: z.string(), label: z.string().nullable() })
+        )
+      }).nullable(),
+      agents: z.array(
+        z.object({
+          id: z.string(),
+          name: z.string(),
+          role: z.string(),
+          status: z.enum(["idle", "active", "complete", "error"]),
+          model: z.string().nullable(),
+          currentAction: z.string().nullable(),
+          tokenCount: z.number().nullable(),
+          cost: z.number().nullable(),
+          elapsedMs: z.number().nullable(),
+          stepsCompleted: z.number().nullable(),
+          stepsTotal: z.number().nullable()
+        })
+      ).nullable(),
+      metrics: z.array(
+        z.object({
+          label: z.string(),
+          value: z.union([z.number(), z.string()]),
+          suffix: z.string().nullable()
+        })
+      ).nullable(),
+      context: z.object({ used: z.number(), total: z.number() }).nullable()
+    }),
+    description: "Agent runtime overview with workflow graph, team panel, metrics, and context window usage.",
+    example: {
+      title: "Code Review Pipeline",
+      description: null,
+      teamTitle: null,
+      metricsTitle: null,
+      contextTitle: null,
+      workflow: {
+        title: "Review Flow",
+        nodes: [
+          { id: "fetch", label: "Fetch PR", status: "done" },
+          { id: "analyze", label: "Static Analysis", status: "active" },
+          { id: "report", label: "Generate Report", status: "pending" }
+        ],
+        edges: [
+          { from: "fetch", to: "analyze", label: null },
+          { from: "analyze", to: "report", label: null }
+        ]
+      },
+      agents: [
+        { id: "a1", name: "Linter", role: "Static Analysis", status: "active", model: "gpt-4o", currentAction: "Scanning types", tokenCount: 4200, cost: 0.03, elapsedMs: 8500, stepsCompleted: 2, stepsTotal: 5 }
+      ],
+      metrics: [
+        { label: "Files Reviewed", value: 14, suffix: null }
+      ],
+      context: { used: 28e3, total: 128e3 }
+    }
+  },
+  AgentWorkbenchBlock: {
+    props: z.object({
+      title: z.string().nullable(),
+      description: z.string().nullable(),
+      threadTitle: z.string().nullable(),
+      workTitle: z.string().nullable(),
+      composerValue: z.string().nullable(),
+      composerPlaceholder: z.string().nullable(),
+      composerDisabled: z.boolean().nullable(),
+      defaultWorkTab: z.enum(["artifacts", "diffs", "logs"]).nullable(),
+      messages: z.array(
+        z.object({
+          id: z.string(),
+          role: z.enum(["user", "assistant", "agent", "system"]),
+          content: z.string(),
+          timestamp: z.string().nullable(),
+          isThinking: z.boolean().nullable(),
+          reasoning: z.string().nullable(),
+          isStreaming: z.boolean().nullable(),
+          toolCalls: z.array(
+            z.object({
+              toolName: z.string(),
+              status: z.enum(["pending", "running", "complete", "error"]),
+              args: z.record(z.string(), z.unknown()).nullable(),
+              result: z.string().nullable(),
+              duration: z.number().nullable()
+            })
+          ).nullable()
+        })
+      ).nullable(),
+      artifacts: z.array(
+        z.object({
+          id: z.string(),
+          type: z.enum(["code", "markdown", "table", "image"]),
+          title: z.string(),
+          content: z.string(),
+          language: z.string().nullable(),
+          defaultExpanded: z.boolean().nullable()
+        })
+      ).nullable(),
+      diffs: z.array(
+        z.object({
+          id: z.string(),
+          filePath: z.string(),
+          language: z.string().nullable(),
+          hunks: z.array(
+            z.object({
+              changes: z.array(
+                z.object({
+                  type: z.enum(["add", "remove", "context"]),
+                  content: z.string(),
+                  lineNumber: z.number().nullable()
+                })
+              )
+            })
+          )
+        })
+      ).nullable(),
+      logs: z.array(
+        z.object({
+          text: z.string(),
+          type: z.enum(["stdin", "stdout", "stderr"]).nullable()
+        })
+      ).nullable()
+    }),
+    events: ["composerChange", "composerSend"],
+    description: "Agent workbench with conversation thread, code artifacts, diffs, terminal logs, and composer input.",
+    example: {
+      title: "Workbench",
+      description: null,
+      threadTitle: null,
+      workTitle: null,
+      composerValue: null,
+      composerPlaceholder: "Ask the agent to compare scenarios...",
+      composerDisabled: null,
+      defaultWorkTab: "artifacts",
+      messages: [
+        { id: "w1", role: "user", content: "Refactor the auth module to use JWT.", timestamp: "2026-03-30T08:00:00Z", isThinking: null, reasoning: null, isStreaming: null, toolCalls: null },
+        { id: "w2", role: "assistant", content: "I have refactored the auth module. Here are the changes.", timestamp: "2026-03-30T08:01:00Z", isThinking: true, reasoning: "Analyzing auth flow and token lifecycle.", isStreaming: null, toolCalls: [
+          { toolName: "editFile", status: "complete", args: { path: "src/auth.ts" }, result: "File updated", duration: 3400 }
+        ] }
+      ],
+      artifacts: [
+        { id: "art1", type: "code", title: "auth.ts", content: "const token = jwt.sign(payload, secret);", language: "typescript", defaultExpanded: true }
+      ],
+      diffs: null,
+      logs: [
+        { text: "$ npm run build", type: "stdin" },
+        { text: "Build completed successfully.", type: "stdout" }
+      ]
+    }
+  },
+  VoiceAgentCard: {
+    props: z.object({
+      agent: z.object({
+        id: z.string(),
+        name: z.string(),
+        role: z.string(),
+        avatar: z.string()
+      }),
+      state: z.enum(["idle", "listening", "speaking"]),
+      selected: z.boolean().nullable(),
+      ariaLabel: z.string().nullable(),
+      className: z.string().nullable()
+    }),
+    events: ["select"],
+    description: "Voice agent selection card with 3D avatar, name, role, and state badge (idle/listening/speaking). Supports selected highlight and press animation. Use in a grid for standalone voice agent UIs.",
+    example: {
+      agent: { id: "va-1", name: "Nova", role: "Customer Support", avatar: "https://avatars.githubusercontent.com/u/400" },
+      state: "idle",
+      selected: false,
+      ariaLabel: "Select Nova, Customer Support agent",
+      className: null
+    }
+  }
+};
+
+export { blocksAgentDefinitions };

package/dist/chunk-XZDVTOXJ.js

@@ -0,0 +1,94 @@
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var memoryTypeBadgeVariant = {
+  episodic: "accent",
+  semantic: "secondary",
+  procedural: "outline"
+};
+function MemoryInspector({ className, entries, onSearch, ref, ...props }) {
+  const [query, setQuery] = React.useState("");
+  const [expandedId, setExpandedId] = React.useState(null);
+  const memoryPanelBaseId = React.useId();
+  const filtered = React.useMemo(() => {
+    if (!query) return entries;
+    const q = query.toLowerCase();
+    return entries.filter(
+      (e) => e.content.toLowerCase().includes(q) || e.type.includes(q) || e.source?.toLowerCase().includes(q)
+    );
+  }, [query, entries]);
+  function handleQueryChange(e) {
+    const value = e.target.value;
+    setQuery(value);
+    onSearch?.(value);
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("glass-panel rounded-lg p-4 space-y-4", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: query,
+            onChange: handleQueryChange,
+            placeholder: "Search memories...",
+            className: "w-full rounded-md border border-border bg-surface px-4 py-1.5 text-sm text-text-primary placeholder:text-text-tertiary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent",
+            "aria-label": "Search memories"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2 max-h-80 overflow-y-auto", children: [
+          filtered.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-tertiary text-center py-4", children: "No memories found" }),
+          filtered.map((entry, index) => {
+            const isExpanded = expandedId === entry.id;
+            const contentId = `${memoryPanelBaseId}-entry-${index}`;
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "rounded-md border border-border/50 bg-surface/30 p-2.5",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 justify-between", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+                      /* @__PURE__ */ jsx(Badge, { variant: memoryTypeBadgeVariant[entry.type], className: "text-[10px] px-1.5 py-0 shrink-0", children: entry.type }),
+                      entry.source && /* @__PURE__ */ jsx("span", { className: "text-xs text-text-tertiary truncate", children: entry.source })
+                    ] }),
+                    entry.timestamp && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-text-tertiary shrink-0 tabular-nums", children: entry.timestamp })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setExpandedId(isExpanded ? null : entry.id),
+                      "aria-expanded": isExpanded,
+                      "aria-controls": contentId,
+                      className: "mt-1.5 text-left w-full focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent rounded-sm",
+                      children: /* @__PURE__ */ jsx(
+                        "p",
+                        {
+                          id: contentId,
+                          className: cn(
+                            "text-xs text-text-secondary leading-relaxed",
+                            !isExpanded && "line-clamp-2"
+                          ),
+                          children: entry.content
+                        }
+                      )
+                    }
+                  )
+                ]
+              },
+              entry.id
+            );
+          })
+        ] })
+      ]
+    }
+  );
+}
+
+export { MemoryInspector };

package/dist/{chunk-XFQLYQCV.js → chunk-YB3J4ZRZ.js}

@@ -1,15 +1,17 @@
-import { HeatmapChartBlock } from './chunk-ZR7PL5XQ.js';
-import { RadialBarChart } from './chunk-RAVRFGA5.js';
+import { HeatmapChartBlock } from './chunk-767GZSNJ.js';
 import { AreaChart } from './chunk-ZTNHUABC.js';
 import { BarChart } from './chunk-JICACDAV.js';
 import { LineChart } from './chunk-Z2NBLCSD.js';
 import { PieChart } from './chunk-O4QTL2EQ.js';
 import { RadarChart } from './chunk-UFZH45UL.js';
+import { RadialBarChart } from './chunk-RAVRFGA5.js';
 import { StaggerChildren } from './chunk-DQPK2XRL.js';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-3HHLJH72.js';
-import { cn } from './chunk-QYZT24TS.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-7UY24UWL.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+var noop = () => {
+};
+var noopOn = () => ({ emit: noop, shouldPreventDefault: false, bound: false });
 var areaData = [
   { month: "Jan", desktop: 186, mobile: 80 },
   { month: "Feb", desktop: 305, mobile: 200 },
@@ -72,8 +74,8 @@ var radialConfig = {
   edge: { label: "Edge", color: "rgb(var(--chart-4))" },
   other: { label: "Other", color: "rgb(var(--chart-5))" }
 };
-function ChartCollectionBlock({ className }) {
-  return /* @__PURE__ */ jsxs(StaggerChildren, { staggerMs: 100, className: cn("grid gap-6 md:grid-cols-2 lg:grid-cols-3", className), children: [
+function ChartCollectionBlock(_) {
+  return /* @__PURE__ */ jsxs(StaggerChildren, { staggerMs: 100, className: "grid gap-6 md:grid-cols-2 lg:grid-cols-3", children: [
     /* @__PURE__ */ jsxs(Card, { children: [
       /* @__PURE__ */ jsxs(CardHeader, { children: [
         /* @__PURE__ */ jsx(CardTitle, { children: "Area Chart" }),
@@ -164,7 +166,14 @@ function ChartCollectionBlock({ className }) {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx(HeatmapChartBlock, {})
+    /* @__PURE__ */ jsx(
+      HeatmapChartBlock,
+      {
+        props: { data: null, config: null, title: null, description: null },
+        emit: noop,
+        on: noopOn
+      }
+    )
   ] });
 }
 

package/dist/chunk-YCS4MMC3.js

@@ -0,0 +1,133 @@
+import { buttonVariants } from './chunk-7KIDDF3I.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+function AlertDialogOverlay({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Overlay,
+    {
+      className: cn(
+        "fixed inset-0 z-50 bg-overlay/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props,
+      ref
+    }
+  );
+}
+function AlertDialogContent({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 glass-panel p-6 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+var AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+var AlertDialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+function AlertDialogTitle({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Title,
+    {
+      ref,
+      className: cn("text-lg font-semibold text-text-primary", className),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Description,
+    {
+      ref,
+      className: cn("text-sm text-text-secondary", className),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Action,
+    {
+      ref,
+      className: cn(buttonVariants(), className),
+      ...props
+    }
+  );
+}
+function AlertDialogCancel({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Cancel,
+    {
+      ref,
+      className: cn(
+        buttonVariants({ variant: "outline" }),
+        "mt-2 sm:mt-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/chunk-YGDO5KDY.js

@@ -0,0 +1,33 @@
+import { nn } from './chunk-2NMP3J5R.js';
+import { Typography } from './chunk-Q7PCHHVJ.js';
+import { Kbd } from './chunk-7U7XFIP6.js';
+import { Heading } from './chunk-UXX6HHPS.js';
+import { jsx } from 'react/jsx-runtime';
+
+var textComponents = {
+  Heading: ({ props, children }) => {
+    return /* @__PURE__ */ jsx(
+      Heading,
+      {
+        level: props.level ?? 2,
+        size: nn(props.size),
+        children
+      }
+    );
+  },
+  Typography: ({ props, children }) => {
+    return /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: props.variant ?? "body",
+        as: nn(props.as),
+        children
+      }
+    );
+  },
+  Kbd: ({ props }) => {
+    return /* @__PURE__ */ jsx(Kbd, { className: nn(props.className), children: props.text });
+  }
+};
+
+export { textComponents };

package/dist/{chunk-OMEWVRBK.js → chunk-YNBDA24W.js}

@@ -1,13 +1,12 @@
 import { Spinner } from './chunk-ZLSWCV55.js';
 import { PasswordInput } from './chunk-UJDEGCCZ.js';
 import { Field, FieldLabel } from './chunk-RX5EUODB.js';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './chunk-3HHLJH72.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './chunk-7UY24UWL.js';
 import { Button } from './chunk-7KIDDF3I.js';
 import { m, scaleIn } from './chunk-PD2YEH3H.js';
 import { KeyIcon } from './chunk-QSU23VYZ.js';
 import { CheckIcon } from './chunk-CXACRCZ4.js';
 import { XIcon } from './chunk-UIUMTURU.js';
-import { cn } from './chunk-QYZT24TS.js';
 import * as React from 'react';
 import { useTranslations } from 'next-intl';
 import { useReducedMotion } from 'motion/react';
@@ -19,21 +18,15 @@ var RULE_TESTS = [
   { key: "number", test: (v) => /\d/.test(v) },
   { key: "special", test: (v) => /[^A-Za-z0-9]/.test(v) }
 ];
-function ResetPasswordBlock({
-  className,
-  onSubmit,
-  onBackToLogin,
-  title,
-  description
-}) {
+function ResetPasswordBlock({ props, emit }) {
   const prefersReduced = useReducedMotion();
   const t = useTranslations("auth.reset");
   const [password, setPassword] = React.useState("");
   const [confirm, setConfirm] = React.useState("");
   const [loading, setLoading] = React.useState(false);
   const [error, setError] = React.useState("");
-  const resolvedTitle = title ?? t("title");
-  const resolvedDescription = description ?? t("description");
+  const resolvedTitle = props.title ?? t("title");
+  const resolvedDescription = props.description ?? t("description");
   const rules = React.useMemo(() => RULE_TESTS.map((r) => ({ label: t(`rules.${r.key}`), test: r.test })), [t]);
   const allRulesPass = rules.every((r) => r.test(password));
   const passwordsMatch = password === confirm && confirm.length > 0;
@@ -46,9 +39,9 @@ function ResetPasswordBlock({
     }
     setError("");
     setLoading(true);
-    onSubmit?.(password);
+    emit("submit");
   };
-  return /* @__PURE__ */ jsx(m.div, { ...prefersReduced ? {} : scaleIn, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
+  return /* @__PURE__ */ jsx(m.div, { ...prefersReduced ? {} : scaleIn, className: "w-full max-w-sm mx-auto", children: /* @__PURE__ */ jsxs(Card, { children: [
     /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
       /* @__PURE__ */ jsx("div", { className: "mx-auto mb-2", children: /* @__PURE__ */ jsx(KeyIcon, { size: 32, className: "text-text-secondary" }) }),
       /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: resolvedTitle }),
@@ -114,7 +107,7 @@ function ResetPasswordBlock({
       "button",
       {
         type: "button",
-        onClick: onBackToLogin,
+        onClick: () => emit("backToLogin"),
         className: "text-sm text-text-tertiary hover:text-text-primary transition-colors",
         children: t("backToLogin")
       }

package/dist/chunk-YXRIXTXW.js

@@ -0,0 +1,32 @@
+import { z } from 'zod';
+
+// src/catalog/definitions/text.ts
+var textDefinitions = {
+  Heading: {
+    props: z.object({
+      level: z.union([
+        z.literal(1),
+        z.literal(2),
+        z.literal(3),
+        z.literal(4),
+        z.literal(5),
+        z.literal(6)
+      ]).nullable(),
+      size: z.enum(["display", "section", "subsection", "title", "label", "eyebrow"]).nullable()
+    }),
+    slots: ["default"],
+    description: "Semantic heading (h1\u2013h6) with a decoupled visual size scale. level sets the HTML element; size sets the typographic style. When size is omitted it defaults to the level-matched scale (e.g. level 1 \u2192 display).",
+    example: { level: 2, size: "section" }
+  },
+  Typography: {
+    props: z.object({
+      variant: z.enum(["body", "small", "muted"]).nullable(),
+      as: z.string().nullable()
+    }),
+    slots: ["default"],
+    description: "Prose text wrapper. variant controls size and colour (body/small/muted). as overrides the rendered HTML element (defaults to p for body, span for small/muted).",
+    example: { variant: "body", as: null }
+  }
+};
+
+export { textDefinitions };