@signalflare-ai/ui 0.5.0

package/dist/catalog.js

@@ -0,0 +1,506 @@
+"use client";
+import { C as resolveDynamicValue, S as getByPath, T as sfComponents, _ as defineCatalog, a as ValidationProvider, b as validateSpec, c as defineRegistry, d as useJsonRenderMessage, f as useUIStream, g as deepMergeSpec, h as buildUserPrompt, i as StateProvider, l as useBoundProp, m as autoFixSpec, n as JSONUIProvider, o as VisibilityProvider, p as schema, r as Renderer, s as createRenderer, t as ActionProvider, u as useChatUI, v as diffToPatches, w as setByPath, x as createStateStore, y as evaluateVisibility } from "./dist-BNlyONdD.js";
+import { z } from "zod";
+//#region src/catalog/sf-components.ts
+/**
+* Curated SF component definitions for json-render catalogs.
+*
+* These definitions expose an LLM-friendly API surface:
+* - Simple string/enum/boolean props (no className, callbacks, refs)
+* - `text` / `label` props for display text (mapped to `children` in renderers)
+* - Descriptions and examples that guide the LLM
+*
+* The renderers in `sf-registry.ts` bridge these LLM-friendly props
+* to the actual SF component APIs.
+*/
+var sfComponentDefinitions = {
+	Stack: {
+		props: z.object({
+			direction: z.enum(["horizontal", "vertical"]).optional(),
+			gap: z.enum([
+				"sm",
+				"base",
+				"lg"
+			]).optional(),
+			align: z.enum([
+				"start",
+				"center",
+				"end",
+				"stretch"
+			]).optional(),
+			wrap: z.boolean().optional()
+		}),
+		slots: ["default"],
+		description: "Flex layout container. Use as the primary way to arrange child components vertically or horizontally with consistent spacing. Default: vertical, base gap.",
+		example: {
+			direction: "vertical",
+			gap: "base"
+		}
+	},
+	Surface: {
+		props: z.object({
+			padding: z.enum([
+				"sm",
+				"base",
+				"lg"
+			]).optional(),
+			border: z.boolean().optional()
+		}),
+		slots: ["default"],
+		description: "Visual container with background, shadow, and ring. Use for cards, panels, and sections. For layout/spacing, use Stack instead.",
+		example: {
+			padding: "base",
+			border: true
+		}
+	},
+	Grid: {
+		props: z.object({
+			variant: z.enum([
+				"2up",
+				"side-by-side",
+				"2-1",
+				"1-2",
+				"3up",
+				"4up",
+				"6up"
+			]).optional(),
+			gap: z.enum([
+				"none",
+				"sm",
+				"base",
+				"lg"
+			]).optional()
+		}),
+		slots: ["default"],
+		description: "Responsive CSS grid layout. Place child components inside as grid items.",
+		example: {
+			variant: "3up",
+			gap: "base"
+		}
+	},
+	LayerCard: {
+		props: z.object({}),
+		slots: ["default"],
+		description: "Elevated card container with border and shadow. Wrap content inside it."
+	},
+	Text: {
+		props: z.object({
+			text: z.string(),
+			variant: z.enum([
+				"heading1",
+				"heading2",
+				"heading3",
+				"body",
+				"secondary",
+				"success",
+				"error",
+				"mono"
+			]).optional(),
+			size: z.enum([
+				"xs",
+				"sm",
+				"base",
+				"lg"
+			]).optional(),
+			bold: z.boolean().optional()
+		}),
+		description: "Text content — headings, body copy, labels. Use variant='heading1' for page titles, 'heading2' for sections, 'body' for paragraphs.",
+		example: {
+			text: "Dashboard Overview",
+			variant: "heading1"
+		}
+	},
+	Code: {
+		props: z.object({
+			code: z.string(),
+			lang: z.enum([
+				"ts",
+				"tsx",
+				"jsonc",
+				"bash",
+				"css"
+			]).optional()
+		}),
+		description: "Code display with syntax highlighting.",
+		example: {
+			code: "const x = 42;",
+			lang: "ts"
+		}
+	},
+	Button: {
+		props: z.object({
+			label: z.string(),
+			variant: z.enum([
+				"primary",
+				"secondary",
+				"ghost",
+				"destructive",
+				"outline"
+			]).optional(),
+			size: z.enum([
+				"xs",
+				"sm",
+				"base",
+				"lg"
+			]).optional(),
+			disabled: z.boolean().optional(),
+			loading: z.boolean().optional()
+		}),
+		description: "Clickable action button.",
+		example: {
+			label: "Save changes",
+			variant: "primary"
+		}
+	},
+	Link: {
+		props: z.object({
+			text: z.string(),
+			href: z.string(),
+			variant: z.enum(["inline", "plain"]).optional()
+		}),
+		description: "Navigation link.",
+		example: {
+			text: "View details",
+			href: "/details"
+		}
+	},
+	Badge: {
+		props: z.object({
+			text: z.string(),
+			variant: z.enum([
+				"primary",
+				"secondary",
+				"destructive",
+				"outline",
+				"beta"
+			]).optional()
+		}),
+		description: "Small status label or tag.",
+		example: {
+			text: "Active",
+			variant: "primary"
+		}
+	},
+	Banner: {
+		props: z.object({
+			variant: z.enum([
+				"default",
+				"alert",
+				"error"
+			]).optional(),
+			title: z.string(),
+			description: z.string().optional()
+		}),
+		description: "Full-width alert message for notices, warnings, or errors.",
+		example: {
+			variant: "alert",
+			title: "Warning",
+			description: "Your trial expires in 3 days."
+		}
+	},
+	Meter: {
+		props: z.object({
+			label: z.string(),
+			value: z.number(),
+			max: z.number().optional(),
+			showValue: z.boolean().optional()
+		}),
+		description: "Progress bar showing a value (defaults 0–100).",
+		example: {
+			label: "Storage used",
+			value: 72,
+			max: 100
+		}
+	},
+	Empty: {
+		props: z.object({
+			title: z.string(),
+			description: z.string().optional(),
+			size: z.enum([
+				"sm",
+				"base",
+				"lg"
+			]).optional()
+		}),
+		description: "Placeholder for empty lists, tables, or sections.",
+		example: {
+			title: "No results",
+			description: "Try adjusting your filters."
+		}
+	},
+	Loader: {
+		props: z.object({ size: z.enum([
+			"sm",
+			"base",
+			"lg"
+		]).optional() }),
+		description: "Animated loading spinner."
+	},
+	Table: {
+		props: z.object({
+			data: z.array(z.record(z.string(), z.unknown())),
+			columns: z.array(z.object({
+				key: z.string(),
+				label: z.string()
+			}))
+		}),
+		description: "Data table. Provide `data` (array of row objects) and `columns` (key + label pairs). The renderer builds header and body automatically.",
+		example: {
+			columns: [{
+				key: "name",
+				label: "Name"
+			}, {
+				key: "email",
+				label: "Email"
+			}],
+			data: [{
+				name: "Alice",
+				email: "alice@example.com"
+			}]
+		}
+	},
+	BarChart: {
+		props: z.object({
+			title: z.string().optional(),
+			data: z.array(z.record(z.string(), z.unknown())),
+			xKey: z.string(),
+			yKey: z.string(),
+			aggregate: z.enum([
+				"sum",
+				"count",
+				"avg"
+			]).optional(),
+			color: z.string().optional(),
+			height: z.number().optional()
+		}),
+		description: "Bar chart visualization. Use { $state: \"/path\" } on data to bind to an array of objects. xKey is the category/group field, yKey is the numeric value field. Use aggregate='count' to count items grouped by xKey.",
+		example: {
+			data: { $state: "/sales" },
+			xKey: "month",
+			yKey: "revenue"
+		}
+	},
+	LineChart: {
+		props: z.object({
+			title: z.string().optional(),
+			data: z.array(z.record(z.string(), z.unknown())),
+			xKey: z.string(),
+			yKey: z.string(),
+			aggregate: z.enum([
+				"sum",
+				"count",
+				"avg"
+			]).optional(),
+			color: z.string().optional(),
+			height: z.number().optional()
+		}),
+		description: "Line chart visualization. Use { $state: \"/path\" } on data to bind to an array of objects. xKey is the x-axis field, yKey is the numeric value field.",
+		example: {
+			data: { $state: "/metrics" },
+			xKey: "date",
+			yKey: "value"
+		}
+	},
+	PieChart: {
+		props: z.object({
+			title: z.string().optional(),
+			data: z.array(z.record(z.string(), z.unknown())),
+			nameKey: z.string(),
+			valueKey: z.string(),
+			height: z.number().optional()
+		}),
+		description: "Pie/donut chart. nameKey is the label field, valueKey is the numeric field. Use { $state: \"/path\" } on data.",
+		example: {
+			data: { $state: "/categories" },
+			nameKey: "name",
+			valueKey: "count"
+		}
+	},
+	Chart: {
+		props: z.object({
+			options: z.record(z.string(), z.unknown()),
+			height: z.number().optional()
+		}),
+		description: "Low-level ECharts component for any chart type. Pass a full ECharts option object. Use for advanced charts not covered by BarChart/LineChart/PieChart. Data arrays in options can use { $state } references.",
+		example: {
+			options: {
+				xAxis: {
+					type: "category",
+					data: [
+						"Mon",
+						"Tue",
+						"Wed"
+					]
+				},
+				yAxis: { type: "value" },
+				series: [{
+					type: "bar",
+					data: [
+						120,
+						200,
+						150
+					]
+				}]
+			},
+			height: 400
+		}
+	},
+	Input: {
+		props: z.object({
+			label: z.string().optional(),
+			placeholder: z.string().optional(),
+			type: z.enum([
+				"text",
+				"email",
+				"password",
+				"number",
+				"url"
+			]).optional(),
+			description: z.string().optional(),
+			error: z.string().optional()
+		}),
+		description: "Text input field.",
+		example: {
+			label: "Email",
+			placeholder: "you@example.com",
+			type: "email"
+		}
+	},
+	InputArea: {
+		props: z.object({
+			label: z.string().optional(),
+			placeholder: z.string().optional(),
+			rows: z.number().optional(),
+			description: z.string().optional(),
+			error: z.string().optional()
+		}),
+		description: "Multi-line text area.",
+		example: {
+			label: "Message",
+			placeholder: "Type your message...",
+			rows: 4
+		}
+	},
+	Select: {
+		props: z.object({
+			label: z.string().optional(),
+			placeholder: z.string().optional(),
+			options: z.array(z.object({
+				value: z.string(),
+				label: z.string()
+			}))
+		}),
+		description: "Dropdown select. Provide options as an array of {value, label}.",
+		example: {
+			label: "Country",
+			placeholder: "Select...",
+			options: [{
+				value: "us",
+				label: "United States"
+			}, {
+				value: "uk",
+				label: "United Kingdom"
+			}]
+		}
+	},
+	Checkbox: {
+		props: z.object({ label: z.string() }),
+		description: "Boolean checkbox input with a label.",
+		example: { label: "I agree to the terms" }
+	},
+	Switch: {
+		props: z.object({ label: z.string() }),
+		description: "Toggle switch with a label.",
+		example: { label: "Enable notifications" }
+	},
+	Radio: {
+		props: z.object({
+			legend: z.string(),
+			options: z.array(z.object({
+				value: z.string(),
+				label: z.string()
+			}))
+		}),
+		description: "Radio button group. Provide legend and options as {value, label} pairs.",
+		example: {
+			legend: "Plan",
+			options: [{
+				value: "free",
+				label: "Free"
+			}, {
+				value: "pro",
+				label: "Pro"
+			}]
+		}
+	},
+	Field: {
+		props: z.object({
+			label: z.string().optional(),
+			description: z.string().optional(),
+			error: z.string().optional()
+		}),
+		slots: ["default"],
+		description: "Form field wrapper that adds a label, description, and error message around an input.",
+		example: {
+			label: "Username",
+			description: "Must be unique."
+		}
+	},
+	Tabs: {
+		props: z.object({
+			tabs: z.array(z.object({
+				value: z.string(),
+				label: z.string()
+			})),
+			defaultValue: z.string().optional(),
+			variant: z.enum(["segmented", "underline"]).optional()
+		}),
+		slots: ["default"],
+		description: "Tabbed navigation. Provide tab definitions; place tab content as children.",
+		example: {
+			tabs: [{
+				value: "general",
+				label: "General"
+			}, {
+				value: "advanced",
+				label: "Advanced"
+			}],
+			defaultValue: "general"
+		}
+	},
+	Dialog: {
+		props: z.object({
+			trigger: z.string(),
+			title: z.string().optional(),
+			description: z.string().optional()
+		}),
+		slots: ["default"],
+		description: "Modal dialog. The `trigger` text creates a button that opens the dialog.",
+		example: {
+			trigger: "Delete",
+			title: "Confirm deletion",
+			description: "This action cannot be undone."
+		}
+	},
+	Collapsible: {
+		props: z.object({ label: z.string() }),
+		slots: ["default"],
+		description: "Expandable/collapsible section. The label is the toggle trigger.",
+		example: { label: "Advanced options" }
+	},
+	Tooltip: {
+		props: z.object({ content: z.string() }),
+		slots: ["default"],
+		description: "Hover tooltip. Wrap the target element as a child."
+	},
+	Popover: {
+		props: z.object({ trigger: z.string() }),
+		slots: ["default"],
+		description: "Popover panel. The `trigger` text creates a button that toggles the popover.",
+		example: { trigger: "More info" }
+	}
+};
+//#endregion
+export { ActionProvider, JSONUIProvider, Renderer, StateProvider, ValidationProvider, VisibilityProvider, autoFixSpec, buildUserPrompt, createRenderer, createStateStore, deepMergeSpec, defineCatalog, defineRegistry, diffToPatches, evaluateVisibility, getByPath, resolveDynamicValue, schema, setByPath, sfComponentDefinitions, sfComponents, useBoundProp, useChatUI, useJsonRenderMessage, useUIStream, validateSpec };
+
+//# sourceMappingURL=catalog.js.map

package/dist/catalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.js","names":[],"sources":["../src/catalog/sf-components.ts"],"sourcesContent":["/**\n * Curated SF component definitions for json-render catalogs.\n *\n * These definitions expose an LLM-friendly API surface:\n * - Simple string/enum/boolean props (no className, callbacks, refs)\n * - `text` / `label` props for display text (mapped to `children` in renderers)\n * - Descriptions and examples that guide the LLM\n *\n * The renderers in `sf-registry.ts` bridge these LLM-friendly props\n * to the actual SF component APIs.\n */\n\nimport { z } from \"zod\";\n\nexport const sfComponentDefinitions: Record<\n  string,\n  {\n    props: z.ZodTypeAny;\n    slots?: string[];\n    description: string;\n    example?: Record<string, unknown>;\n  }\n> = {\n  // ── Layout ────────────────────────────────────────────────────────────\n\n  Stack: {\n    props: z.object({\n      direction: z.enum([\"horizontal\", \"vertical\"]).optional(),\n      gap: z.enum([\"sm\", \"base\", \"lg\"]).optional(),\n      align: z.enum([\"start\", \"center\", \"end\", \"stretch\"]).optional(),\n      wrap: z.boolean().optional(),\n    }),\n    slots: [\"default\"],\n    description:\n      \"Flex layout container. Use as the primary way to arrange child components vertically or horizontally with consistent spacing. Default: vertical, base gap.\",\n    example: { direction: \"vertical\", gap: \"base\" },\n  },\n\n  Surface: {\n    props: z.object({\n      padding: z.enum([\"sm\", \"base\", \"lg\"]).optional(),\n      border: z.boolean().optional(),\n    }),\n    slots: [\"default\"],\n    description:\n      \"Visual container with background, shadow, and ring. Use for cards, panels, and sections. For layout/spacing, use Stack instead.\",\n    example: { padding: \"base\", border: true },\n  },\n\n  Grid: {\n    props: z.object({\n      variant: z\n        .enum([\"2up\", \"side-by-side\", \"2-1\", \"1-2\", \"3up\", \"4up\", \"6up\"])\n        .optional(),\n      gap: z.enum([\"none\", \"sm\", \"base\", \"lg\"]).optional(),\n    }),\n    slots: [\"default\"],\n    description:\n      \"Responsive CSS grid layout. Place child components inside as grid items.\",\n    example: { variant: \"3up\", gap: \"base\" },\n  },\n\n  LayerCard: {\n    props: z.object({}),\n    slots: [\"default\"],\n    description:\n      \"Elevated card container with border and shadow. Wrap content inside it.\",\n  },\n\n  // ── Typography ────────────────────────────────────────────────────────\n\n  Text: {\n    props: z.object({\n      text: z.string(),\n      variant: z\n        .enum([\n          \"heading1\",\n          \"heading2\",\n          \"heading3\",\n          \"body\",\n          \"secondary\",\n          \"success\",\n          \"error\",\n          \"mono\",\n        ])\n        .optional(),\n      size: z.enum([\"xs\", \"sm\", \"base\", \"lg\"]).optional(),\n      bold: z.boolean().optional(),\n    }),\n    description:\n      \"Text content — headings, body copy, labels. Use variant='heading1' for page titles, 'heading2' for sections, 'body' for paragraphs.\",\n    example: { text: \"Dashboard Overview\", variant: \"heading1\" },\n  },\n\n  Code: {\n    props: z.object({\n      code: z.string(),\n      lang: z.enum([\"ts\", \"tsx\", \"jsonc\", \"bash\", \"css\"]).optional(),\n    }),\n    description: \"Code display with syntax highlighting.\",\n    example: { code: \"const x = 42;\", lang: \"ts\" },\n  },\n\n  // ── Actions ───────────────────────────────────────────────────────────\n\n  Button: {\n    props: z.object({\n      label: z.string(),\n      variant: z\n        .enum([\"primary\", \"secondary\", \"ghost\", \"destructive\", \"outline\"])\n        .optional(),\n      size: z.enum([\"xs\", \"sm\", \"base\", \"lg\"]).optional(),\n      disabled: z.boolean().optional(),\n      loading: z.boolean().optional(),\n    }),\n    description: \"Clickable action button.\",\n    example: { label: \"Save changes\", variant: \"primary\" },\n  },\n\n  Link: {\n    props: z.object({\n      text: z.string(),\n      href: z.string(),\n      variant: z.enum([\"inline\", \"plain\"]).optional(),\n    }),\n    description: \"Navigation link.\",\n    example: { text: \"View details\", href: \"/details\" },\n  },\n\n  // ── Data Display ──────────────────────────────────────────────────────\n\n  Badge: {\n    props: z.object({\n      text: z.string(),\n      variant: z\n        .enum([\"primary\", \"secondary\", \"destructive\", \"outline\", \"beta\"])\n        .optional(),\n    }),\n    description: \"Small status label or tag.\",\n    example: { text: \"Active\", variant: \"primary\" },\n  },\n\n  Banner: {\n    props: z.object({\n      variant: z.enum([\"default\", \"alert\", \"error\"]).optional(),\n      title: z.string(),\n      description: z.string().optional(),\n    }),\n    description: \"Full-width alert message for notices, warnings, or errors.\",\n    example: {\n      variant: \"alert\",\n      title: \"Warning\",\n      description: \"Your trial expires in 3 days.\",\n    },\n  },\n\n  Meter: {\n    props: z.object({\n      label: z.string(),\n      value: z.number(),\n      max: z.number().optional(),\n      showValue: z.boolean().optional(),\n    }),\n    description: \"Progress bar showing a value (defaults 0–100).\",\n    example: { label: \"Storage used\", value: 72, max: 100 },\n  },\n\n  Empty: {\n    props: z.object({\n      title: z.string(),\n      description: z.string().optional(),\n      size: z.enum([\"sm\", \"base\", \"lg\"]).optional(),\n    }),\n    description: \"Placeholder for empty lists, tables, or sections.\",\n    example: {\n      title: \"No results\",\n      description: \"Try adjusting your filters.\",\n    },\n  },\n\n  Loader: {\n    props: z.object({\n      size: z.enum([\"sm\", \"base\", \"lg\"]).optional(),\n    }),\n    description: \"Animated loading spinner.\",\n  },\n\n  Table: {\n    props: z.object({\n      data: z.array(z.record(z.string(), z.unknown())),\n      columns: z.array(z.object({ key: z.string(), label: z.string() })),\n    }),\n    description:\n      \"Data table. Provide `data` (array of row objects) and `columns` (key + label pairs). The renderer builds header and body automatically.\",\n    example: {\n      columns: [\n        { key: \"name\", label: \"Name\" },\n        { key: \"email\", label: \"Email\" },\n      ],\n      data: [{ name: \"Alice\", email: \"alice@example.com\" }],\n    },\n  },\n\n  // ── Charts ──────────────────────────────────────────────────────────\n\n  BarChart: {\n    props: z.object({\n      title: z.string().optional(),\n      data: z.array(z.record(z.string(), z.unknown())),\n      xKey: z.string(),\n      yKey: z.string(),\n      aggregate: z.enum([\"sum\", \"count\", \"avg\"]).optional(),\n      color: z.string().optional(),\n      height: z.number().optional(),\n    }),\n    description:\n      \"Bar chart visualization. Use { $state: \\\"/path\\\" } on data to bind to an array of objects. xKey is the category/group field, yKey is the numeric value field. Use aggregate='count' to count items grouped by xKey.\",\n    example: {\n      data: { $state: \"/sales\" } as any,\n      xKey: \"month\",\n      yKey: \"revenue\",\n    },\n  },\n\n  LineChart: {\n    props: z.object({\n      title: z.string().optional(),\n      data: z.array(z.record(z.string(), z.unknown())),\n      xKey: z.string(),\n      yKey: z.string(),\n      aggregate: z.enum([\"sum\", \"count\", \"avg\"]).optional(),\n      color: z.string().optional(),\n      height: z.number().optional(),\n    }),\n    description:\n      'Line chart visualization. Use { $state: \"/path\" } on data to bind to an array of objects. xKey is the x-axis field, yKey is the numeric value field.',\n    example: {\n      data: { $state: \"/metrics\" } as any,\n      xKey: \"date\",\n      yKey: \"value\",\n    },\n  },\n\n  PieChart: {\n    props: z.object({\n      title: z.string().optional(),\n      data: z.array(z.record(z.string(), z.unknown())),\n      nameKey: z.string(),\n      valueKey: z.string(),\n      height: z.number().optional(),\n    }),\n    description:\n      'Pie/donut chart. nameKey is the label field, valueKey is the numeric field. Use { $state: \"/path\" } on data.',\n    example: {\n      data: { $state: \"/categories\" } as any,\n      nameKey: \"name\",\n      valueKey: \"count\",\n    },\n  },\n\n  Chart: {\n    props: z.object({\n      options: z.record(z.string(), z.unknown()),\n      height: z.number().optional(),\n    }),\n    description:\n      \"Low-level ECharts component for any chart type. Pass a full ECharts option object. Use for advanced charts not covered by BarChart/LineChart/PieChart. Data arrays in options can use { $state } references.\",\n    example: {\n      options: {\n        xAxis: { type: \"category\", data: [\"Mon\", \"Tue\", \"Wed\"] },\n        yAxis: { type: \"value\" },\n        series: [{ type: \"bar\", data: [120, 200, 150] }],\n      },\n      height: 400,\n    },\n  },\n\n  // ── Form Controls ─────────────────────────────────────────────────────\n\n  Input: {\n    props: z.object({\n      label: z.string().optional(),\n      placeholder: z.string().optional(),\n      type: z.enum([\"text\", \"email\", \"password\", \"number\", \"url\"]).optional(),\n      description: z.string().optional(),\n      error: z.string().optional(),\n    }),\n    description: \"Text input field.\",\n    example: { label: \"Email\", placeholder: \"you@example.com\", type: \"email\" },\n  },\n\n  InputArea: {\n    props: z.object({\n      label: z.string().optional(),\n      placeholder: z.string().optional(),\n      rows: z.number().optional(),\n      description: z.string().optional(),\n      error: z.string().optional(),\n    }),\n    description: \"Multi-line text area.\",\n    example: { label: \"Message\", placeholder: \"Type your message...\", rows: 4 },\n  },\n\n  Select: {\n    props: z.object({\n      label: z.string().optional(),\n      placeholder: z.string().optional(),\n      options: z.array(z.object({ value: z.string(), label: z.string() })),\n    }),\n    description:\n      \"Dropdown select. Provide options as an array of {value, label}.\",\n    example: {\n      label: \"Country\",\n      placeholder: \"Select...\",\n      options: [\n        { value: \"us\", label: \"United States\" },\n        { value: \"uk\", label: \"United Kingdom\" },\n      ],\n    },\n  },\n\n  Checkbox: {\n    props: z.object({\n      label: z.string(),\n    }),\n    description: \"Boolean checkbox input with a label.\",\n    example: { label: \"I agree to the terms\" },\n  },\n\n  Switch: {\n    props: z.object({\n      label: z.string(),\n    }),\n    description: \"Toggle switch with a label.\",\n    example: { label: \"Enable notifications\" },\n  },\n\n  Radio: {\n    props: z.object({\n      legend: z.string(),\n      options: z.array(z.object({ value: z.string(), label: z.string() })),\n    }),\n    description:\n      \"Radio button group. Provide legend and options as {value, label} pairs.\",\n    example: {\n      legend: \"Plan\",\n      options: [\n        { value: \"free\", label: \"Free\" },\n        { value: \"pro\", label: \"Pro\" },\n      ],\n    },\n  },\n\n  Field: {\n    props: z.object({\n      label: z.string().optional(),\n      description: z.string().optional(),\n      error: z.string().optional(),\n    }),\n    slots: [\"default\"],\n    description:\n      \"Form field wrapper that adds a label, description, and error message around an input.\",\n    example: { label: \"Username\", description: \"Must be unique.\" },\n  },\n\n  // ── Overlays & Disclosure ─────────────────────────────────────────────\n\n  Tabs: {\n    props: z.object({\n      tabs: z.array(z.object({ value: z.string(), label: z.string() })),\n      defaultValue: z.string().optional(),\n      variant: z.enum([\"segmented\", \"underline\"]).optional(),\n    }),\n    slots: [\"default\"],\n    description:\n      \"Tabbed navigation. Provide tab definitions; place tab content as children.\",\n    example: {\n      tabs: [\n        { value: \"general\", label: \"General\" },\n        { value: \"advanced\", label: \"Advanced\" },\n      ],\n      defaultValue: \"general\",\n    },\n  },\n\n  Dialog: {\n    props: z.object({\n      trigger: z.string(),\n      title: z.string().optional(),\n      description: z.string().optional(),\n    }),\n    slots: [\"default\"],\n    description:\n      \"Modal dialog. The `trigger` text creates a button that opens the dialog.\",\n    example: {\n      trigger: \"Delete\",\n      title: \"Confirm deletion\",\n      description: \"This action cannot be undone.\",\n    },\n  },\n\n  Collapsible: {\n    props: z.object({\n      label: z.string(),\n    }),\n    slots: [\"default\"],\n    description:\n      \"Expandable/collapsible section. The label is the toggle trigger.\",\n    example: { label: \"Advanced options\" },\n  },\n\n  Tooltip: {\n    props: z.object({\n      content: z.string(),\n    }),\n    slots: [\"default\"],\n    description: \"Hover tooltip. Wrap the target element as a child.\",\n  },\n\n  Popover: {\n    props: z.object({\n      trigger: z.string(),\n    }),\n    slots: [\"default\"],\n    description:\n      \"Popover panel. The `trigger` text creates a button that toggles the popover.\",\n    example: { trigger: \"More info\" },\n  },\n};\n"],"mappings":"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"}