@json-render/shadcn 0.0.1

package/dist/catalog.d.ts

@@ -0,0 +1,501 @@
+import { z } from 'zod';
+
+/**
+ * shadcn/ui component definitions for json-render catalogs.
+ *
+ * These can be used directly or extended with custom components.
+ * All components are built using Radix UI primitives + Tailwind CSS.
+ */
+declare const shadcnComponentDefinitions: {
+    Card: {
+        props: z.ZodObject<{
+            title: z.ZodNullable<z.ZodString>;
+            description: z.ZodNullable<z.ZodString>;
+            maxWidth: z.ZodNullable<z.ZodEnum<{
+                sm: "sm";
+                md: "md";
+                lg: "lg";
+                full: "full";
+            }>>;
+            centered: z.ZodNullable<z.ZodBoolean>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+        example: {
+            title: string;
+            description: string;
+        };
+    };
+    Stack: {
+        props: z.ZodObject<{
+            direction: z.ZodNullable<z.ZodEnum<{
+                horizontal: "horizontal";
+                vertical: "vertical";
+            }>>;
+            gap: z.ZodNullable<z.ZodEnum<{
+                sm: "sm";
+                md: "md";
+                lg: "lg";
+                none: "none";
+            }>>;
+            align: z.ZodNullable<z.ZodEnum<{
+                start: "start";
+                center: "center";
+                end: "end";
+                stretch: "stretch";
+            }>>;
+            justify: z.ZodNullable<z.ZodEnum<{
+                start: "start";
+                center: "center";
+                end: "end";
+                between: "between";
+                around: "around";
+            }>>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+        example: {
+            direction: string;
+            gap: string;
+        };
+    };
+    Grid: {
+        props: z.ZodObject<{
+            columns: z.ZodNullable<z.ZodNumber>;
+            gap: z.ZodNullable<z.ZodEnum<{
+                sm: "sm";
+                md: "md";
+                lg: "lg";
+            }>>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+        example: {
+            columns: number;
+            gap: string;
+        };
+    };
+    Separator: {
+        props: z.ZodObject<{
+            orientation: z.ZodNullable<z.ZodEnum<{
+                horizontal: "horizontal";
+                vertical: "vertical";
+            }>>;
+        }, z.core.$strip>;
+        description: string;
+    };
+    Tabs: {
+        props: z.ZodObject<{
+            tabs: z.ZodArray<z.ZodObject<{
+                label: z.ZodString;
+                value: z.ZodString;
+            }, z.core.$strip>>;
+            defaultValue: z.ZodNullable<z.ZodString>;
+            value: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>;
+        slots: string[];
+        events: string[];
+        description: string;
+    };
+    Accordion: {
+        props: z.ZodObject<{
+            items: z.ZodArray<z.ZodObject<{
+                title: z.ZodString;
+                content: z.ZodString;
+            }, z.core.$strip>>;
+            type: z.ZodNullable<z.ZodEnum<{
+                single: "single";
+                multiple: "multiple";
+            }>>;
+        }, z.core.$strip>;
+        description: string;
+    };
+    Collapsible: {
+        props: z.ZodObject<{
+            title: z.ZodString;
+            defaultOpen: z.ZodNullable<z.ZodBoolean>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+    };
+    Dialog: {
+        props: z.ZodObject<{
+            title: z.ZodString;
+            description: z.ZodNullable<z.ZodString>;
+            openPath: z.ZodString;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+    };
+    Drawer: {
+        props: z.ZodObject<{
+            title: z.ZodString;
+            description: z.ZodNullable<z.ZodString>;
+            openPath: z.ZodString;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+    };
+    Carousel: {
+        props: z.ZodObject<{
+            items: z.ZodArray<z.ZodObject<{
+                title: z.ZodNullable<z.ZodString>;
+                description: z.ZodNullable<z.ZodString>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>;
+        description: string;
+    };
+    Table: {
+        props: z.ZodObject<{
+            columns: z.ZodArray<z.ZodString>;
+            rows: z.ZodArray<z.ZodArray<z.ZodString>>;
+            caption: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>;
+        description: string;
+        example: {
+            columns: string[];
+            rows: string[][];
+        };
+    };
+    Heading: {
+        props: z.ZodObject<{
+            text: z.ZodString;
+            level: z.ZodNullable<z.ZodEnum<{
+                h1: "h1";
+                h2: "h2";
+                h3: "h3";
+                h4: "h4";
+            }>>;
+        }, z.core.$strip>;
+        description: string;
+        example: {
+            text: string;
+            level: string;
+        };
+    };
+    Text: {
+        props: z.ZodObject<{
+            text: z.ZodString;
+            variant: z.ZodNullable<z.ZodEnum<{
+                caption: "caption";
+                body: "body";
+                muted: "muted";
+                lead: "lead";
+                code: "code";
+            }>>;
+        }, z.core.$strip>;
+        description: string;
+        example: {
+            text: string;
+        };
+    };
+    Image: {
+        props: z.ZodObject<{
+            src: z.ZodNullable<z.ZodString>;
+            alt: z.ZodString;
+            width: z.ZodNullable<z.ZodNumber>;
+            height: z.ZodNullable<z.ZodNumber>;
+        }, z.core.$strip>;
+        description: string;
+    };
+    Avatar: {
+        props: z.ZodObject<{
+            src: z.ZodNullable<z.ZodString>;
+            name: z.ZodString;
+            size: z.ZodNullable<z.ZodEnum<{
+                sm: "sm";
+                md: "md";
+                lg: "lg";
+            }>>;
+        }, z.core.$strip>;
+        description: string;
+        example: {
+            name: string;
+            size: string;
+        };
+    };
+    Badge: {
+        props: z.ZodObject<{
+            text: z.ZodString;
+            variant: z.ZodNullable<z.ZodEnum<{
+                default: "default";
+                secondary: "secondary";
+                destructive: "destructive";
+                outline: "outline";
+            }>>;
+        }, z.core.$strip>;
+        description: string;
+        example: {
+            text: string;
+            variant: string;
+        };
+    };
+    Alert: {
+        props: z.ZodObject<{
+            title: z.ZodString;
+            message: z.ZodNullable<z.ZodString>;
+            type: z.ZodNullable<z.ZodEnum<{
+                success: "success";
+                info: "info";
+                warning: "warning";
+                error: "error";
+            }>>;
+        }, z.core.$strip>;
+        description: string;
+        example: {
+            title: string;
+            message: string;
+            type: string;
+        };
+    };
+    Progress: {
+        props: z.ZodObject<{
+            value: z.ZodNumber;
+            max: z.ZodNullable<z.ZodNumber>;
+            label: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>;
+        description: string;
+        example: {
+            value: number;
+            max: number;
+            label: string;
+        };
+    };
+    Skeleton: {
+        props: z.ZodObject<{
+            width: z.ZodNullable<z.ZodString>;
+            height: z.ZodNullable<z.ZodString>;
+            rounded: z.ZodNullable<z.ZodBoolean>;
+        }, z.core.$strip>;
+        description: string;
+    };
+    Spinner: {
+        props: z.ZodObject<{
+            size: z.ZodNullable<z.ZodEnum<{
+                sm: "sm";
+                md: "md";
+                lg: "lg";
+            }>>;
+            label: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>;
+        description: string;
+    };
+    Tooltip: {
+        props: z.ZodObject<{
+            content: z.ZodString;
+            text: z.ZodString;
+        }, z.core.$strip>;
+        description: string;
+    };
+    Popover: {
+        props: z.ZodObject<{
+            trigger: z.ZodString;
+            content: z.ZodString;
+        }, z.core.$strip>;
+        description: string;
+    };
+    Input: {
+        props: z.ZodObject<{
+            label: z.ZodString;
+            name: z.ZodString;
+            type: z.ZodNullable<z.ZodEnum<{
+                number: "number";
+                text: "text";
+                email: "email";
+                password: "password";
+            }>>;
+            placeholder: z.ZodNullable<z.ZodString>;
+            value: z.ZodNullable<z.ZodString>;
+            checks: z.ZodNullable<z.ZodArray<z.ZodObject<{
+                type: z.ZodString;
+                message: z.ZodString;
+                args: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+            }, z.core.$strip>>>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+        example: {
+            label: string;
+            name: string;
+            type: string;
+            placeholder: string;
+        };
+    };
+    Textarea: {
+        props: z.ZodObject<{
+            label: z.ZodString;
+            name: z.ZodString;
+            placeholder: z.ZodNullable<z.ZodString>;
+            rows: z.ZodNullable<z.ZodNumber>;
+            value: z.ZodNullable<z.ZodString>;
+            checks: z.ZodNullable<z.ZodArray<z.ZodObject<{
+                type: z.ZodString;
+                message: z.ZodString;
+                args: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+            }, z.core.$strip>>>;
+        }, z.core.$strip>;
+        description: string;
+    };
+    Select: {
+        props: z.ZodObject<{
+            label: z.ZodString;
+            name: z.ZodString;
+            options: z.ZodArray<z.ZodString>;
+            placeholder: z.ZodNullable<z.ZodString>;
+            value: z.ZodNullable<z.ZodString>;
+            checks: z.ZodNullable<z.ZodArray<z.ZodObject<{
+                type: z.ZodString;
+                message: z.ZodString;
+                args: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+            }, z.core.$strip>>>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Checkbox: {
+        props: z.ZodObject<{
+            label: z.ZodString;
+            name: z.ZodString;
+            checked: z.ZodNullable<z.ZodBoolean>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Radio: {
+        props: z.ZodObject<{
+            label: z.ZodString;
+            name: z.ZodString;
+            options: z.ZodArray<z.ZodString>;
+            value: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Switch: {
+        props: z.ZodObject<{
+            label: z.ZodString;
+            name: z.ZodString;
+            checked: z.ZodNullable<z.ZodBoolean>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Slider: {
+        props: z.ZodObject<{
+            label: z.ZodNullable<z.ZodString>;
+            min: z.ZodNullable<z.ZodNumber>;
+            max: z.ZodNullable<z.ZodNumber>;
+            step: z.ZodNullable<z.ZodNumber>;
+            value: z.ZodNullable<z.ZodNumber>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Button: {
+        props: z.ZodObject<{
+            label: z.ZodString;
+            variant: z.ZodNullable<z.ZodEnum<{
+                secondary: "secondary";
+                primary: "primary";
+                danger: "danger";
+            }>>;
+            disabled: z.ZodNullable<z.ZodBoolean>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+        example: {
+            label: string;
+            variant: string;
+        };
+    };
+    Link: {
+        props: z.ZodObject<{
+            label: z.ZodString;
+            href: z.ZodString;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    DropdownMenu: {
+        props: z.ZodObject<{
+            label: z.ZodString;
+            items: z.ZodArray<z.ZodObject<{
+                label: z.ZodString;
+                value: z.ZodString;
+            }, z.core.$strip>>;
+            value: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Toggle: {
+        props: z.ZodObject<{
+            label: z.ZodString;
+            pressed: z.ZodNullable<z.ZodBoolean>;
+            variant: z.ZodNullable<z.ZodEnum<{
+                default: "default";
+                outline: "outline";
+            }>>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    ToggleGroup: {
+        props: z.ZodObject<{
+            items: z.ZodArray<z.ZodObject<{
+                label: z.ZodString;
+                value: z.ZodString;
+            }, z.core.$strip>>;
+            type: z.ZodNullable<z.ZodEnum<{
+                single: "single";
+                multiple: "multiple";
+            }>>;
+            value: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    ButtonGroup: {
+        props: z.ZodObject<{
+            buttons: z.ZodArray<z.ZodObject<{
+                label: z.ZodString;
+                value: z.ZodString;
+            }, z.core.$strip>>;
+            selected: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Pagination: {
+        props: z.ZodObject<{
+            totalPages: z.ZodNumber;
+            page: z.ZodNullable<z.ZodNumber>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+};
+/**
+ * Type for a component definition
+ */
+type ComponentDefinition = {
+    props: z.ZodType;
+    slots?: string[];
+    events?: string[];
+    description: string;
+    example?: Record<string, unknown>;
+};
+/**
+ * Infer the props type for a shadcn component by name.
+ * Derives the TypeScript type directly from the Zod schema,
+ * so component implementations stay in sync with catalog definitions.
+ *
+ * @example
+ * ```ts
+ * type CardProps = ShadcnProps<"Card">;
+ * // { title: string | null; description: string | null; ... }
+ * ```
+ */
+type ShadcnProps<K extends keyof typeof shadcnComponentDefinitions> = z.output<(typeof shadcnComponentDefinitions)[K]["props"]>;
+
+export { type ComponentDefinition, type ShadcnProps, shadcnComponentDefinitions };