@json-render/shadcn 0.0.1

package/dist/chunk-VZQBPEYT.mjs

@@ -0,0 +1,404 @@
+// src/catalog.ts
+import { z } from "zod";
+var shadcnComponentDefinitions = {
+  // ==========================================================================
+  // Layout Components
+  // ==========================================================================
+  Card: {
+    props: z.object({
+      title: z.string().nullable(),
+      description: z.string().nullable(),
+      maxWidth: z.enum(["sm", "md", "lg", "full"]).nullable(),
+      centered: z.boolean().nullable()
+    }),
+    slots: ["default"],
+    description: "Container card for content sections. Use for forms/content boxes, NOT for page headers.",
+    example: { title: "Overview", description: "Your account summary" }
+  },
+  Stack: {
+    props: z.object({
+      direction: z.enum(["horizontal", "vertical"]).nullable(),
+      gap: z.enum(["none", "sm", "md", "lg"]).nullable(),
+      align: z.enum(["start", "center", "end", "stretch"]).nullable(),
+      justify: z.enum(["start", "center", "end", "between", "around"]).nullable()
+    }),
+    slots: ["default"],
+    description: "Flex container for layouts",
+    example: { direction: "vertical", gap: "md" }
+  },
+  Grid: {
+    props: z.object({
+      columns: z.number().nullable(),
+      gap: z.enum(["sm", "md", "lg"]).nullable()
+    }),
+    slots: ["default"],
+    description: "Grid layout (1-6 columns)",
+    example: { columns: 3, gap: "md" }
+  },
+  Separator: {
+    props: z.object({
+      orientation: z.enum(["horizontal", "vertical"]).nullable()
+    }),
+    description: "Visual separator line"
+  },
+  Tabs: {
+    props: z.object({
+      tabs: z.array(
+        z.object({
+          label: z.string(),
+          value: z.string()
+        })
+      ),
+      defaultValue: z.string().nullable(),
+      value: z.string().nullable()
+    }),
+    slots: ["default"],
+    events: ["change"],
+    description: "Tab navigation. Use { $bindState } on value for active tab binding."
+  },
+  Accordion: {
+    props: z.object({
+      items: z.array(
+        z.object({
+          title: z.string(),
+          content: z.string()
+        })
+      ),
+      type: z.enum(["single", "multiple"]).nullable()
+    }),
+    description: "Collapsible sections. Items as [{title, content}]. Type 'single' (default) or 'multiple'."
+  },
+  Collapsible: {
+    props: z.object({
+      title: z.string(),
+      defaultOpen: z.boolean().nullable()
+    }),
+    slots: ["default"],
+    description: "Collapsible section with trigger. Children render inside."
+  },
+  Dialog: {
+    props: z.object({
+      title: z.string(),
+      description: z.string().nullable(),
+      openPath: z.string()
+    }),
+    slots: ["default"],
+    description: "Modal dialog. Set openPath to a boolean state path. Use setState to toggle."
+  },
+  Drawer: {
+    props: z.object({
+      title: z.string(),
+      description: z.string().nullable(),
+      openPath: z.string()
+    }),
+    slots: ["default"],
+    description: "Bottom sheet drawer. Set openPath to a boolean state path. Use setState to toggle."
+  },
+  Carousel: {
+    props: z.object({
+      items: z.array(
+        z.object({
+          title: z.string().nullable(),
+          description: z.string().nullable()
+        })
+      )
+    }),
+    description: "Horizontally scrollable carousel of cards."
+  },
+  // ==========================================================================
+  // Data Display Components
+  // ==========================================================================
+  Table: {
+    props: z.object({
+      columns: z.array(z.string()),
+      rows: z.array(z.array(z.string())),
+      caption: z.string().nullable()
+    }),
+    description: 'Data table. columns: header labels. rows: 2D array of cell strings, e.g. [["Alice","admin"],["Bob","user"]].',
+    example: {
+      columns: ["Name", "Role"],
+      rows: [
+        ["Alice", "Admin"],
+        ["Bob", "User"]
+      ]
+    }
+  },
+  Heading: {
+    props: z.object({
+      text: z.string(),
+      level: z.enum(["h1", "h2", "h3", "h4"]).nullable()
+    }),
+    description: "Heading text (h1-h4)",
+    example: { text: "Welcome", level: "h1" }
+  },
+  Text: {
+    props: z.object({
+      text: z.string(),
+      variant: z.enum(["body", "caption", "muted", "lead", "code"]).nullable()
+    }),
+    description: "Paragraph text",
+    example: { text: "Hello, world!" }
+  },
+  Image: {
+    props: z.object({
+      src: z.string().nullable(),
+      alt: z.string(),
+      width: z.number().nullable(),
+      height: z.number().nullable()
+    }),
+    description: "Image component. Renders an img tag when src is provided, otherwise a placeholder."
+  },
+  Avatar: {
+    props: z.object({
+      src: z.string().nullable(),
+      name: z.string(),
+      size: z.enum(["sm", "md", "lg"]).nullable()
+    }),
+    description: "User avatar with fallback initials",
+    example: { name: "Jane Doe", size: "md" }
+  },
+  Badge: {
+    props: z.object({
+      text: z.string(),
+      variant: z.enum(["default", "secondary", "destructive", "outline"]).nullable()
+    }),
+    description: "Status badge",
+    example: { text: "Active", variant: "default" }
+  },
+  Alert: {
+    props: z.object({
+      title: z.string(),
+      message: z.string().nullable(),
+      type: z.enum(["info", "success", "warning", "error"]).nullable()
+    }),
+    description: "Alert banner",
+    example: {
+      title: "Note",
+      message: "Your changes have been saved.",
+      type: "success"
+    }
+  },
+  Progress: {
+    props: z.object({
+      value: z.number(),
+      max: z.number().nullable(),
+      label: z.string().nullable()
+    }),
+    description: "Progress bar (value 0-100)",
+    example: { value: 65, max: 100, label: "Upload progress" }
+  },
+  Skeleton: {
+    props: z.object({
+      width: z.string().nullable(),
+      height: z.string().nullable(),
+      rounded: z.boolean().nullable()
+    }),
+    description: "Loading placeholder skeleton"
+  },
+  Spinner: {
+    props: z.object({
+      size: z.enum(["sm", "md", "lg"]).nullable(),
+      label: z.string().nullable()
+    }),
+    description: "Loading spinner indicator"
+  },
+  Tooltip: {
+    props: z.object({
+      content: z.string(),
+      text: z.string()
+    }),
+    description: "Hover tooltip. Shows content on hover over text."
+  },
+  Popover: {
+    props: z.object({
+      trigger: z.string(),
+      content: z.string()
+    }),
+    description: "Popover that appears on click of trigger."
+  },
+  // ==========================================================================
+  // Form Input Components
+  // ==========================================================================
+  Input: {
+    props: z.object({
+      label: z.string(),
+      name: z.string(),
+      type: z.enum(["text", "email", "password", "number"]).nullable(),
+      placeholder: z.string().nullable(),
+      value: z.string().nullable(),
+      checks: z.array(
+        z.object({
+          type: z.string(),
+          message: z.string(),
+          args: z.record(z.string(), z.unknown()).optional()
+        })
+      ).nullable()
+    }),
+    events: ["submit", "focus", "blur"],
+    description: "Text input field. Use { $bindState } on value for two-way binding. Use checks for validation (e.g. required, email, minLength).",
+    example: {
+      label: "Email",
+      name: "email",
+      type: "email",
+      placeholder: "you@example.com"
+    }
+  },
+  Textarea: {
+    props: z.object({
+      label: z.string(),
+      name: z.string(),
+      placeholder: z.string().nullable(),
+      rows: z.number().nullable(),
+      value: z.string().nullable(),
+      checks: z.array(
+        z.object({
+          type: z.string(),
+          message: z.string(),
+          args: z.record(z.string(), z.unknown()).optional()
+        })
+      ).nullable()
+    }),
+    description: "Multi-line text input. Use { $bindState } on value for binding. Use checks for validation."
+  },
+  Select: {
+    props: z.object({
+      label: z.string(),
+      name: z.string(),
+      options: z.array(z.string()),
+      placeholder: z.string().nullable(),
+      value: z.string().nullable(),
+      checks: z.array(
+        z.object({
+          type: z.string(),
+          message: z.string(),
+          args: z.record(z.string(), z.unknown()).optional()
+        })
+      ).nullable()
+    }),
+    events: ["change"],
+    description: "Dropdown select input. Use { $bindState } on value for binding. Use checks for validation."
+  },
+  Checkbox: {
+    props: z.object({
+      label: z.string(),
+      name: z.string(),
+      checked: z.boolean().nullable()
+    }),
+    events: ["change"],
+    description: "Checkbox input. Use { $bindState } on checked for binding."
+  },
+  Radio: {
+    props: z.object({
+      label: z.string(),
+      name: z.string(),
+      options: z.array(z.string()),
+      value: z.string().nullable()
+    }),
+    events: ["change"],
+    description: "Radio button group. Use { $bindState } on value for binding."
+  },
+  Switch: {
+    props: z.object({
+      label: z.string(),
+      name: z.string(),
+      checked: z.boolean().nullable()
+    }),
+    events: ["change"],
+    description: "Toggle switch. Use { $bindState } on checked for binding."
+  },
+  Slider: {
+    props: z.object({
+      label: z.string().nullable(),
+      min: z.number().nullable(),
+      max: z.number().nullable(),
+      step: z.number().nullable(),
+      value: z.number().nullable()
+    }),
+    events: ["change"],
+    description: "Range slider input. Use { $bindState } on value for binding."
+  },
+  // ==========================================================================
+  // Action Components
+  // ==========================================================================
+  Button: {
+    props: z.object({
+      label: z.string(),
+      variant: z.enum(["primary", "secondary", "danger"]).nullable(),
+      disabled: z.boolean().nullable()
+    }),
+    events: ["press"],
+    description: "Clickable button. Bind on.press for handler.",
+    example: { label: "Submit", variant: "primary" }
+  },
+  Link: {
+    props: z.object({
+      label: z.string(),
+      href: z.string()
+    }),
+    events: ["press"],
+    description: "Anchor link. Bind on.press for click handler."
+  },
+  DropdownMenu: {
+    props: z.object({
+      label: z.string(),
+      items: z.array(
+        z.object({
+          label: z.string(),
+          value: z.string()
+        })
+      ),
+      value: z.string().nullable()
+    }),
+    events: ["select"],
+    description: "Dropdown menu with trigger button and selectable items. Use { $bindState } on value for selected item binding."
+  },
+  Toggle: {
+    props: z.object({
+      label: z.string(),
+      pressed: z.boolean().nullable(),
+      variant: z.enum(["default", "outline"]).nullable()
+    }),
+    events: ["change"],
+    description: "Toggle button. Use { $bindState } on pressed for state binding."
+  },
+  ToggleGroup: {
+    props: z.object({
+      items: z.array(
+        z.object({
+          label: z.string(),
+          value: z.string()
+        })
+      ),
+      type: z.enum(["single", "multiple"]).nullable(),
+      value: z.string().nullable()
+    }),
+    events: ["change"],
+    description: "Group of toggle buttons. Type 'single' (default) or 'multiple'. Use { $bindState } on value."
+  },
+  ButtonGroup: {
+    props: z.object({
+      buttons: z.array(
+        z.object({
+          label: z.string(),
+          value: z.string()
+        })
+      ),
+      selected: z.string().nullable()
+    }),
+    events: ["change"],
+    description: "Segmented button group. Use { $bindState } on selected for selected value."
+  },
+  Pagination: {
+    props: z.object({
+      totalPages: z.number(),
+      page: z.number().nullable()
+    }),
+    events: ["change"],
+    description: "Page navigation. Use { $bindState } on page for current page number."
+  }
+};
+
+export {
+  shadcnComponentDefinitions
+};
+//# sourceMappingURL=chunk-VZQBPEYT.mjs.map

package/dist/chunk-VZQBPEYT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/catalog.ts"],"sourcesContent":["import { z } from \"zod\";\n\n// =============================================================================\n// shadcn/ui Component Definitions\n// =============================================================================\n\n/**\n * shadcn/ui component definitions for json-render catalogs.\n *\n * These can be used directly or extended with custom components.\n * All components are built using Radix UI primitives + Tailwind CSS.\n */\nexport const shadcnComponentDefinitions = {\n  // ==========================================================================\n  // Layout Components\n  // ==========================================================================\n\n  Card: {\n    props: z.object({\n      title: z.string().nullable(),\n      description: z.string().nullable(),\n      maxWidth: z.enum([\"sm\", \"md\", \"lg\", \"full\"]).nullable(),\n      centered: z.boolean().nullable(),\n    }),\n    slots: [\"default\"],\n    description:\n      \"Container card for content sections. Use for forms/content boxes, NOT for page headers.\",\n    example: { title: \"Overview\", description: \"Your account summary\" },\n  },\n\n  Stack: {\n    props: z.object({\n      direction: z.enum([\"horizontal\", \"vertical\"]).nullable(),\n      gap: z.enum([\"none\", \"sm\", \"md\", \"lg\"]).nullable(),\n      align: z.enum([\"start\", \"center\", \"end\", \"stretch\"]).nullable(),\n      justify: z\n        .enum([\"start\", \"center\", \"end\", \"between\", \"around\"])\n        .nullable(),\n    }),\n    slots: [\"default\"],\n    description: \"Flex container for layouts\",\n    example: { direction: \"vertical\", gap: \"md\" },\n  },\n\n  Grid: {\n    props: z.object({\n      columns: z.number().nullable(),\n      gap: z.enum([\"sm\", \"md\", \"lg\"]).nullable(),\n    }),\n    slots: [\"default\"],\n    description: \"Grid layout (1-6 columns)\",\n    example: { columns: 3, gap: \"md\" },\n  },\n\n  Separator: {\n    props: z.object({\n      orientation: z.enum([\"horizontal\", \"vertical\"]).nullable(),\n    }),\n    description: \"Visual separator line\",\n  },\n\n  Tabs: {\n    props: z.object({\n      tabs: z.array(\n        z.object({\n          label: z.string(),\n          value: z.string(),\n        }),\n      ),\n      defaultValue: z.string().nullable(),\n      value: z.string().nullable(),\n    }),\n    slots: [\"default\"],\n    events: [\"change\"],\n    description:\n      \"Tab navigation. Use { $bindState } on value for active tab binding.\",\n  },\n\n  Accordion: {\n    props: z.object({\n      items: z.array(\n        z.object({\n          title: z.string(),\n          content: z.string(),\n        }),\n      ),\n      type: z.enum([\"single\", \"multiple\"]).nullable(),\n    }),\n    description:\n      \"Collapsible sections. Items as [{title, content}]. Type 'single' (default) or 'multiple'.\",\n  },\n\n  Collapsible: {\n    props: z.object({\n      title: z.string(),\n      defaultOpen: z.boolean().nullable(),\n    }),\n    slots: [\"default\"],\n    description: \"Collapsible section with trigger. Children render inside.\",\n  },\n\n  Dialog: {\n    props: z.object({\n      title: z.string(),\n      description: z.string().nullable(),\n      openPath: z.string(),\n    }),\n    slots: [\"default\"],\n    description:\n      \"Modal dialog. Set openPath to a boolean state path. Use setState to toggle.\",\n  },\n\n  Drawer: {\n    props: z.object({\n      title: z.string(),\n      description: z.string().nullable(),\n      openPath: z.string(),\n    }),\n    slots: [\"default\"],\n    description:\n      \"Bottom sheet drawer. Set openPath to a boolean state path. Use setState to toggle.\",\n  },\n\n  Carousel: {\n    props: z.object({\n      items: z.array(\n        z.object({\n          title: z.string().nullable(),\n          description: z.string().nullable(),\n        }),\n      ),\n    }),\n    description: \"Horizontally scrollable carousel of cards.\",\n  },\n\n  // ==========================================================================\n  // Data Display Components\n  // ==========================================================================\n\n  Table: {\n    props: z.object({\n      columns: z.array(z.string()),\n      rows: z.array(z.array(z.string())),\n      caption: z.string().nullable(),\n    }),\n    description:\n      'Data table. columns: header labels. rows: 2D array of cell strings, e.g. [[\"Alice\",\"admin\"],[\"Bob\",\"user\"]].',\n    example: {\n      columns: [\"Name\", \"Role\"],\n      rows: [\n        [\"Alice\", \"Admin\"],\n        [\"Bob\", \"User\"],\n      ],\n    },\n  },\n\n  Heading: {\n    props: z.object({\n      text: z.string(),\n      level: z.enum([\"h1\", \"h2\", \"h3\", \"h4\"]).nullable(),\n    }),\n    description: \"Heading text (h1-h4)\",\n    example: { text: \"Welcome\", level: \"h1\" },\n  },\n\n  Text: {\n    props: z.object({\n      text: z.string(),\n      variant: z.enum([\"body\", \"caption\", \"muted\", \"lead\", \"code\"]).nullable(),\n    }),\n    description: \"Paragraph text\",\n    example: { text: \"Hello, world!\" },\n  },\n\n  Image: {\n    props: z.object({\n      src: z.string().nullable(),\n      alt: z.string(),\n      width: z.number().nullable(),\n      height: z.number().nullable(),\n    }),\n    description:\n      \"Image component. Renders an img tag when src is provided, otherwise a placeholder.\",\n  },\n\n  Avatar: {\n    props: z.object({\n      src: z.string().nullable(),\n      name: z.string(),\n      size: z.enum([\"sm\", \"md\", \"lg\"]).nullable(),\n    }),\n    description: \"User avatar with fallback initials\",\n    example: { name: \"Jane Doe\", size: \"md\" },\n  },\n\n  Badge: {\n    props: z.object({\n      text: z.string(),\n      variant: z\n        .enum([\"default\", \"secondary\", \"destructive\", \"outline\"])\n        .nullable(),\n    }),\n    description: \"Status badge\",\n    example: { text: \"Active\", variant: \"default\" },\n  },\n\n  Alert: {\n    props: z.object({\n      title: z.string(),\n      message: z.string().nullable(),\n      type: z.enum([\"info\", \"success\", \"warning\", \"error\"]).nullable(),\n    }),\n    description: \"Alert banner\",\n    example: {\n      title: \"Note\",\n      message: \"Your changes have been saved.\",\n      type: \"success\",\n    },\n  },\n\n  Progress: {\n    props: z.object({\n      value: z.number(),\n      max: z.number().nullable(),\n      label: z.string().nullable(),\n    }),\n    description: \"Progress bar (value 0-100)\",\n    example: { value: 65, max: 100, label: \"Upload progress\" },\n  },\n\n  Skeleton: {\n    props: z.object({\n      width: z.string().nullable(),\n      height: z.string().nullable(),\n      rounded: z.boolean().nullable(),\n    }),\n    description: \"Loading placeholder skeleton\",\n  },\n\n  Spinner: {\n    props: z.object({\n      size: z.enum([\"sm\", \"md\", \"lg\"]).nullable(),\n      label: z.string().nullable(),\n    }),\n    description: \"Loading spinner indicator\",\n  },\n\n  Tooltip: {\n    props: z.object({\n      content: z.string(),\n      text: z.string(),\n    }),\n    description: \"Hover tooltip. Shows content on hover over text.\",\n  },\n\n  Popover: {\n    props: z.object({\n      trigger: z.string(),\n      content: z.string(),\n    }),\n    description: \"Popover that appears on click of trigger.\",\n  },\n\n  // ==========================================================================\n  // Form Input Components\n  // ==========================================================================\n\n  Input: {\n    props: z.object({\n      label: z.string(),\n      name: z.string(),\n      type: z.enum([\"text\", \"email\", \"password\", \"number\"]).nullable(),\n      placeholder: z.string().nullable(),\n      value: z.string().nullable(),\n      checks: z\n        .array(\n          z.object({\n            type: z.string(),\n            message: z.string(),\n            args: z.record(z.string(), z.unknown()).optional(),\n          }),\n        )\n        .nullable(),\n    }),\n    events: [\"submit\", \"focus\", \"blur\"],\n    description:\n      \"Text input field. Use { $bindState } on value for two-way binding. Use checks for validation (e.g. required, email, minLength).\",\n    example: {\n      label: \"Email\",\n      name: \"email\",\n      type: \"email\",\n      placeholder: \"you@example.com\",\n    },\n  },\n\n  Textarea: {\n    props: z.object({\n      label: z.string(),\n      name: z.string(),\n      placeholder: z.string().nullable(),\n      rows: z.number().nullable(),\n      value: z.string().nullable(),\n      checks: z\n        .array(\n          z.object({\n            type: z.string(),\n            message: z.string(),\n            args: z.record(z.string(), z.unknown()).optional(),\n          }),\n        )\n        .nullable(),\n    }),\n    description:\n      \"Multi-line text input. Use { $bindState } on value for binding. Use checks for validation.\",\n  },\n\n  Select: {\n    props: z.object({\n      label: z.string(),\n      name: z.string(),\n      options: z.array(z.string()),\n      placeholder: z.string().nullable(),\n      value: z.string().nullable(),\n      checks: z\n        .array(\n          z.object({\n            type: z.string(),\n            message: z.string(),\n            args: z.record(z.string(), z.unknown()).optional(),\n          }),\n        )\n        .nullable(),\n    }),\n    events: [\"change\"],\n    description:\n      \"Dropdown select input. Use { $bindState } on value for binding. Use checks for validation.\",\n  },\n\n  Checkbox: {\n    props: z.object({\n      label: z.string(),\n      name: z.string(),\n      checked: z.boolean().nullable(),\n    }),\n    events: [\"change\"],\n    description: \"Checkbox input. Use { $bindState } on checked for binding.\",\n  },\n\n  Radio: {\n    props: z.object({\n      label: z.string(),\n      name: z.string(),\n      options: z.array(z.string()),\n      value: z.string().nullable(),\n    }),\n    events: [\"change\"],\n    description: \"Radio button group. Use { $bindState } on value for binding.\",\n  },\n\n  Switch: {\n    props: z.object({\n      label: z.string(),\n      name: z.string(),\n      checked: z.boolean().nullable(),\n    }),\n    events: [\"change\"],\n    description: \"Toggle switch. Use { $bindState } on checked for binding.\",\n  },\n\n  Slider: {\n    props: z.object({\n      label: z.string().nullable(),\n      min: z.number().nullable(),\n      max: z.number().nullable(),\n      step: z.number().nullable(),\n      value: z.number().nullable(),\n    }),\n    events: [\"change\"],\n    description: \"Range slider input. Use { $bindState } on value for binding.\",\n  },\n\n  // ==========================================================================\n  // Action Components\n  // ==========================================================================\n\n  Button: {\n    props: z.object({\n      label: z.string(),\n      variant: z.enum([\"primary\", \"secondary\", \"danger\"]).nullable(),\n      disabled: z.boolean().nullable(),\n    }),\n    events: [\"press\"],\n    description: \"Clickable button. Bind on.press for handler.\",\n    example: { label: \"Submit\", variant: \"primary\" },\n  },\n\n  Link: {\n    props: z.object({\n      label: z.string(),\n      href: z.string(),\n    }),\n    events: [\"press\"],\n    description: \"Anchor link. Bind on.press for click handler.\",\n  },\n\n  DropdownMenu: {\n    props: z.object({\n      label: z.string(),\n      items: z.array(\n        z.object({\n          label: z.string(),\n          value: z.string(),\n        }),\n      ),\n      value: z.string().nullable(),\n    }),\n    events: [\"select\"],\n    description:\n      \"Dropdown menu with trigger button and selectable items. Use { $bindState } on value for selected item binding.\",\n  },\n\n  Toggle: {\n    props: z.object({\n      label: z.string(),\n      pressed: z.boolean().nullable(),\n      variant: z.enum([\"default\", \"outline\"]).nullable(),\n    }),\n    events: [\"change\"],\n    description:\n      \"Toggle button. Use { $bindState } on pressed for state binding.\",\n  },\n\n  ToggleGroup: {\n    props: z.object({\n      items: z.array(\n        z.object({\n          label: z.string(),\n          value: z.string(),\n        }),\n      ),\n      type: z.enum([\"single\", \"multiple\"]).nullable(),\n      value: z.string().nullable(),\n    }),\n    events: [\"change\"],\n    description:\n      \"Group of toggle buttons. Type 'single' (default) or 'multiple'. Use { $bindState } on value.\",\n  },\n\n  ButtonGroup: {\n    props: z.object({\n      buttons: z.array(\n        z.object({\n          label: z.string(),\n          value: z.string(),\n        }),\n      ),\n      selected: z.string().nullable(),\n    }),\n    events: [\"change\"],\n    description:\n      \"Segmented button group. Use { $bindState } on selected for selected value.\",\n  },\n\n  Pagination: {\n    props: z.object({\n      totalPages: z.number(),\n      page: z.number().nullable(),\n    }),\n    events: [\"change\"],\n    description:\n      \"Page navigation. Use { $bindState } on page for current page number.\",\n  },\n};\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Type for a component definition\n */\nexport type ComponentDefinition = {\n  props: z.ZodType;\n  slots?: string[];\n  events?: string[];\n  description: string;\n  example?: Record<string, unknown>;\n};\n\n/**\n * Infer the props type for a shadcn component by name.\n * Derives the TypeScript type directly from the Zod schema,\n * so component implementations stay in sync with catalog definitions.\n *\n * @example\n * ```ts\n * type CardProps = ShadcnProps<\"Card\">;\n * // { title: string | null; description: string | null; ... }\n * ```\n */\nexport type ShadcnProps<K extends keyof typeof shadcnComponentDefinitions> =\n  z.output<(typeof shadcnComponentDefinitions)[K][\"props\"]>;\n"],"mappings":"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","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,65 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BaseComponentProps } from '@json-render/react';
+import { ShadcnProps } from './catalog.mjs';
+export { ComponentDefinition, shadcnComponentDefinitions } from './catalog.mjs';
+import 'zod';
+
+/**
+ * Standard shadcn/ui component implementations.
+ *
+ * Pass to `defineRegistry()` from `@json-render/react` to create a
+ * component registry for rendering JSON specs with shadcn/ui components.
+ *
+ * @example
+ * ```ts
+ * import { defineRegistry } from "@json-render/react";
+ * import { shadcnComponents } from "@json-render/shadcn";
+ *
+ * const { registry } = defineRegistry(catalog, {
+ *   components: {
+ *     Card: shadcnComponents.Card,
+ *     Button: shadcnComponents.Button,
+ *   },
+ * });
+ * ```
+ */
+declare const shadcnComponents: {
+    Card: ({ props, children }: BaseComponentProps<ShadcnProps<"Card">>) => react_jsx_runtime.JSX.Element;
+    Stack: ({ props, children }: BaseComponentProps<ShadcnProps<"Stack">>) => react_jsx_runtime.JSX.Element;
+    Grid: ({ props, children }: BaseComponentProps<ShadcnProps<"Grid">>) => react_jsx_runtime.JSX.Element;
+    Separator: ({ props }: BaseComponentProps<ShadcnProps<"Separator">>) => react_jsx_runtime.JSX.Element;
+    Tabs: ({ props, children, bindings, emit, }: BaseComponentProps<ShadcnProps<"Tabs">>) => react_jsx_runtime.JSX.Element;
+    Accordion: ({ props }: BaseComponentProps<ShadcnProps<"Accordion">>) => react_jsx_runtime.JSX.Element;
+    Collapsible: ({ props, children, }: BaseComponentProps<ShadcnProps<"Collapsible">>) => react_jsx_runtime.JSX.Element;
+    Dialog: ({ props, children }: BaseComponentProps<ShadcnProps<"Dialog">>) => react_jsx_runtime.JSX.Element;
+    Drawer: ({ props, children }: BaseComponentProps<ShadcnProps<"Drawer">>) => react_jsx_runtime.JSX.Element;
+    Carousel: ({ props }: BaseComponentProps<ShadcnProps<"Carousel">>) => react_jsx_runtime.JSX.Element;
+    Table: ({ props }: BaseComponentProps<ShadcnProps<"Table">>) => react_jsx_runtime.JSX.Element;
+    Heading: ({ props }: BaseComponentProps<ShadcnProps<"Heading">>) => react_jsx_runtime.JSX.Element;
+    Text: ({ props }: BaseComponentProps<ShadcnProps<"Text">>) => react_jsx_runtime.JSX.Element;
+    Image: ({ props }: BaseComponentProps<ShadcnProps<"Image">>) => react_jsx_runtime.JSX.Element;
+    Avatar: ({ props }: BaseComponentProps<ShadcnProps<"Avatar">>) => react_jsx_runtime.JSX.Element;
+    Badge: ({ props }: BaseComponentProps<ShadcnProps<"Badge">>) => react_jsx_runtime.JSX.Element;
+    Alert: ({ props }: BaseComponentProps<ShadcnProps<"Alert">>) => react_jsx_runtime.JSX.Element;
+    Progress: ({ props }: BaseComponentProps<ShadcnProps<"Progress">>) => react_jsx_runtime.JSX.Element;
+    Skeleton: ({ props }: BaseComponentProps<ShadcnProps<"Skeleton">>) => react_jsx_runtime.JSX.Element;
+    Spinner: ({ props }: BaseComponentProps<ShadcnProps<"Spinner">>) => react_jsx_runtime.JSX.Element;
+    Tooltip: ({ props }: BaseComponentProps<ShadcnProps<"Tooltip">>) => react_jsx_runtime.JSX.Element;
+    Popover: ({ props }: BaseComponentProps<ShadcnProps<"Popover">>) => react_jsx_runtime.JSX.Element;
+    Input: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Input">>) => react_jsx_runtime.JSX.Element;
+    Textarea: ({ props, bindings, }: BaseComponentProps<ShadcnProps<"Textarea">>) => react_jsx_runtime.JSX.Element;
+    Select: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Select">>) => react_jsx_runtime.JSX.Element;
+    Checkbox: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Checkbox">>) => react_jsx_runtime.JSX.Element;
+    Radio: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Radio">>) => react_jsx_runtime.JSX.Element;
+    Switch: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Switch">>) => react_jsx_runtime.JSX.Element;
+    Slider: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Slider">>) => react_jsx_runtime.JSX.Element;
+    Button: ({ props, emit }: BaseComponentProps<ShadcnProps<"Button">>) => react_jsx_runtime.JSX.Element;
+    Link: ({ props, on }: BaseComponentProps<ShadcnProps<"Link">>) => react_jsx_runtime.JSX.Element;
+    DropdownMenu: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"DropdownMenu">>) => react_jsx_runtime.JSX.Element;
+    Toggle: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Toggle">>) => react_jsx_runtime.JSX.Element;
+    ToggleGroup: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"ToggleGroup">>) => react_jsx_runtime.JSX.Element;
+    ButtonGroup: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"ButtonGroup">>) => react_jsx_runtime.JSX.Element;
+    Pagination: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Pagination">>) => react_jsx_runtime.JSX.Element;
+};
+
+export { ShadcnProps, shadcnComponents };

package/dist/index.d.ts

@@ -0,0 +1,65 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BaseComponentProps } from '@json-render/react';
+import { ShadcnProps } from './catalog.js';
+export { ComponentDefinition, shadcnComponentDefinitions } from './catalog.js';
+import 'zod';
+
+/**
+ * Standard shadcn/ui component implementations.
+ *
+ * Pass to `defineRegistry()` from `@json-render/react` to create a
+ * component registry for rendering JSON specs with shadcn/ui components.
+ *
+ * @example
+ * ```ts
+ * import { defineRegistry } from "@json-render/react";
+ * import { shadcnComponents } from "@json-render/shadcn";
+ *
+ * const { registry } = defineRegistry(catalog, {
+ *   components: {
+ *     Card: shadcnComponents.Card,
+ *     Button: shadcnComponents.Button,
+ *   },
+ * });
+ * ```
+ */
+declare const shadcnComponents: {
+    Card: ({ props, children }: BaseComponentProps<ShadcnProps<"Card">>) => react_jsx_runtime.JSX.Element;
+    Stack: ({ props, children }: BaseComponentProps<ShadcnProps<"Stack">>) => react_jsx_runtime.JSX.Element;
+    Grid: ({ props, children }: BaseComponentProps<ShadcnProps<"Grid">>) => react_jsx_runtime.JSX.Element;
+    Separator: ({ props }: BaseComponentProps<ShadcnProps<"Separator">>) => react_jsx_runtime.JSX.Element;
+    Tabs: ({ props, children, bindings, emit, }: BaseComponentProps<ShadcnProps<"Tabs">>) => react_jsx_runtime.JSX.Element;
+    Accordion: ({ props }: BaseComponentProps<ShadcnProps<"Accordion">>) => react_jsx_runtime.JSX.Element;
+    Collapsible: ({ props, children, }: BaseComponentProps<ShadcnProps<"Collapsible">>) => react_jsx_runtime.JSX.Element;
+    Dialog: ({ props, children }: BaseComponentProps<ShadcnProps<"Dialog">>) => react_jsx_runtime.JSX.Element;
+    Drawer: ({ props, children }: BaseComponentProps<ShadcnProps<"Drawer">>) => react_jsx_runtime.JSX.Element;
+    Carousel: ({ props }: BaseComponentProps<ShadcnProps<"Carousel">>) => react_jsx_runtime.JSX.Element;
+    Table: ({ props }: BaseComponentProps<ShadcnProps<"Table">>) => react_jsx_runtime.JSX.Element;
+    Heading: ({ props }: BaseComponentProps<ShadcnProps<"Heading">>) => react_jsx_runtime.JSX.Element;
+    Text: ({ props }: BaseComponentProps<ShadcnProps<"Text">>) => react_jsx_runtime.JSX.Element;
+    Image: ({ props }: BaseComponentProps<ShadcnProps<"Image">>) => react_jsx_runtime.JSX.Element;
+    Avatar: ({ props }: BaseComponentProps<ShadcnProps<"Avatar">>) => react_jsx_runtime.JSX.Element;
+    Badge: ({ props }: BaseComponentProps<ShadcnProps<"Badge">>) => react_jsx_runtime.JSX.Element;
+    Alert: ({ props }: BaseComponentProps<ShadcnProps<"Alert">>) => react_jsx_runtime.JSX.Element;
+    Progress: ({ props }: BaseComponentProps<ShadcnProps<"Progress">>) => react_jsx_runtime.JSX.Element;
+    Skeleton: ({ props }: BaseComponentProps<ShadcnProps<"Skeleton">>) => react_jsx_runtime.JSX.Element;
+    Spinner: ({ props }: BaseComponentProps<ShadcnProps<"Spinner">>) => react_jsx_runtime.JSX.Element;
+    Tooltip: ({ props }: BaseComponentProps<ShadcnProps<"Tooltip">>) => react_jsx_runtime.JSX.Element;
+    Popover: ({ props }: BaseComponentProps<ShadcnProps<"Popover">>) => react_jsx_runtime.JSX.Element;
+    Input: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Input">>) => react_jsx_runtime.JSX.Element;
+    Textarea: ({ props, bindings, }: BaseComponentProps<ShadcnProps<"Textarea">>) => react_jsx_runtime.JSX.Element;
+    Select: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Select">>) => react_jsx_runtime.JSX.Element;
+    Checkbox: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Checkbox">>) => react_jsx_runtime.JSX.Element;
+    Radio: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Radio">>) => react_jsx_runtime.JSX.Element;
+    Switch: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Switch">>) => react_jsx_runtime.JSX.Element;
+    Slider: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Slider">>) => react_jsx_runtime.JSX.Element;
+    Button: ({ props, emit }: BaseComponentProps<ShadcnProps<"Button">>) => react_jsx_runtime.JSX.Element;
+    Link: ({ props, on }: BaseComponentProps<ShadcnProps<"Link">>) => react_jsx_runtime.JSX.Element;
+    DropdownMenu: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"DropdownMenu">>) => react_jsx_runtime.JSX.Element;
+    Toggle: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Toggle">>) => react_jsx_runtime.JSX.Element;
+    ToggleGroup: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"ToggleGroup">>) => react_jsx_runtime.JSX.Element;
+    ButtonGroup: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"ButtonGroup">>) => react_jsx_runtime.JSX.Element;
+    Pagination: ({ props, bindings, emit, }: BaseComponentProps<ShadcnProps<"Pagination">>) => react_jsx_runtime.JSX.Element;
+};
+
+export { ShadcnProps, shadcnComponents };