@alexgorbatchev/shadcn 0.0.31 → 0.0.33

package/dist/components/json-render/catalog.d.ts

@@ -0,0 +1,548 @@
+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 Base UI primitives + Tailwind CSS.
+ */
+export declare const componentDefinitions: {
+    Card: {
+        props: z.ZodObject<{
+            title: z.ZodNullable<z.ZodString>;
+            description: z.ZodNullable<z.ZodString>;
+            maxWidth: z.ZodNullable<z.ZodEnum<{
+                sm: "sm";
+                lg: "lg";
+                full: "full";
+                md: "md";
+            }>>;
+            centered: z.ZodNullable<z.ZodBoolean>;
+            className: z.ZodNullable<z.ZodString>;
+        }, 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";
+                lg: "lg";
+                none: "none";
+                md: "md";
+                xl: "xl";
+            }>>;
+            align: z.ZodNullable<z.ZodEnum<{
+                end: "end";
+                start: "start";
+                center: "center";
+                stretch: "stretch";
+            }>>;
+            justify: z.ZodNullable<z.ZodEnum<{
+                end: "end";
+                start: "start";
+                center: "center";
+                around: "around";
+                between: "between";
+            }>>;
+            className: z.ZodNullable<z.ZodString>;
+        }, 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";
+                lg: "lg";
+                md: "md";
+                xl: "xl";
+            }>>;
+            className: z.ZodNullable<z.ZodString>;
+        }, 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<{
+                multiple: "multiple";
+                single: "single";
+            }>>;
+        }, 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";
+                code: "code";
+                muted: "muted";
+                lead: "lead";
+            }>>;
+        }, 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";
+                lg: "lg";
+                md: "md";
+            }>>;
+        }, z.core.$strip>;
+        description: string;
+        example: {
+            name: string;
+            size: string;
+        };
+    };
+    Badge: {
+        props: z.ZodObject<{
+            text: z.ZodString;
+            variant: z.ZodNullable<z.ZodEnum<{
+                default: "default";
+                outline: "outline";
+                secondary: "secondary";
+                destructive: "destructive";
+            }>>;
+        }, 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";
+                warning: "warning";
+                error: "error";
+                info: "info";
+            }>>;
+        }, 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";
+                lg: "lg";
+                md: "md";
+            }>>;
+            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>>>;
+            validateOn: z.ZodNullable<z.ZodEnum<{
+                blur: "blur";
+                submit: "submit";
+                change: "change";
+            }>>;
+        }, 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>>>;
+            validateOn: z.ZodNullable<z.ZodEnum<{
+                blur: "blur";
+                submit: "submit";
+                change: "change";
+            }>>;
+        }, 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>>>;
+            validateOn: z.ZodNullable<z.ZodEnum<{
+                blur: "blur";
+                submit: "submit";
+                change: "change";
+            }>>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Checkbox: {
+        props: z.ZodObject<{
+            label: z.ZodString;
+            name: z.ZodString;
+            checked: z.ZodNullable<z.ZodBoolean>;
+            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>>>;
+            validateOn: z.ZodNullable<z.ZodEnum<{
+                blur: "blur";
+                submit: "submit";
+                change: "change";
+            }>>;
+        }, 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>;
+            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>>>;
+            validateOn: z.ZodNullable<z.ZodEnum<{
+                blur: "blur";
+                submit: "submit";
+                change: "change";
+            }>>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
+    Switch: {
+        props: z.ZodObject<{
+            label: z.ZodString;
+            name: z.ZodString;
+            checked: z.ZodNullable<z.ZodBoolean>;
+            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>>>;
+            validateOn: z.ZodNullable<z.ZodEnum<{
+                blur: "blur";
+                submit: "submit";
+                change: "change";
+            }>>;
+        }, 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<{
+                multiple: "multiple";
+                single: "single";
+            }>>;
+            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
+ */
+export 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 = JsonProps<"Card">;
+ * // { title: string | null; description: string | null; ... }
+ * ```
+ */
+export type JsonProps<K extends keyof typeof componentDefinitions> = z.output<(typeof componentDefinitions)[K]["props"]>;

package/dist/components/json-render/catalog.js

@@ -0,0 +1,6 @@
+import {
+  componentDefinitions2
+} from "../../chunk-tch86q2w.js";
+export {
+  componentDefinitions2 as componentDefinitions
+};

package/dist/components/json-render/getPaginationRange.d.ts

@@ -0,0 +1 @@
+export declare function getPaginationRange(current: number, total: number): Array<number | "ellipsis">;

package/dist/components/json-render/index.d.ts

@@ -0,0 +1,39 @@
+export declare const components: {
+    Card: ({ props, children }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Card">>) => import("react").JSX.Element;
+    Stack: ({ props, children }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Stack">>) => import("react").JSX.Element;
+    Grid: ({ props, children }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Grid">>) => import("react").JSX.Element;
+    Separator: ({ props }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Separator">>) => import("react").JSX.Element;
+    Tabs: ({ props, children, bindings, emit }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Tabs">>) => import("react").JSX.Element;
+    Accordion: ({ props }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Accordion">>) => import("react").JSX.Element;
+    Collapsible: ({ props, children }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Collapsible">>) => import("react").JSX.Element;
+    Dialog: ({ props, children }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Dialog">>) => import("react").JSX.Element;
+    Drawer: ({ props, children }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Drawer">>) => import("react").JSX.Element;
+    Carousel: ({ props }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Carousel">>) => import("react").JSX.Element;
+    Table: ({ props }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Table">>) => import("react").JSX.Element;
+    Heading: ({ props }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Heading">>) => import("react").JSX.Element;
+    Text: ({ props }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Text">>) => import("react").JSX.Element;
+    Image: ({ props }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Image">>) => import("react").JSX.Element;
+    Avatar: ({ props }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Avatar">>) => import("react").JSX.Element;
+    Badge: ({ props }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Badge">>) => import("react").JSX.Element;
+    Alert: ({ props }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Alert">>) => import("react").JSX.Element;
+    Progress: ({ props }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Progress">>) => import("react").JSX.Element;
+    Skeleton: ({ props }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Skeleton">>) => import("react").JSX.Element;
+    Spinner: ({ props }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Spinner">>) => import("react").JSX.Element;
+    Tooltip: ({ props }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Tooltip">>) => import("react").JSX.Element;
+    Popover: ({ props }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Popover">>) => import("react").JSX.Element;
+    Input: ({ props, bindings, emit }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Input">>) => import("react").JSX.Element;
+    Textarea: ({ props, bindings }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Textarea">>) => import("react").JSX.Element;
+    Select: ({ props, bindings, emit }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Select">>) => import("react").JSX.Element;
+    Checkbox: ({ props, bindings, emit }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Checkbox">>) => import("react").JSX.Element;
+    Radio: ({ props, bindings, emit }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Radio">>) => import("react").JSX.Element;
+    Switch: ({ props, bindings, emit }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Switch">>) => import("react").JSX.Element;
+    Slider: ({ props, bindings, emit }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Slider">>) => import("react").JSX.Element;
+    Button: ({ props, emit }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Button">>) => import("react").JSX.Element;
+    Link: ({ props, on }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Link">>) => import("react").JSX.Element;
+    DropdownMenu: ({ props, bindings, emit }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"DropdownMenu">>) => import("react").JSX.Element;
+    Toggle: ({ props, bindings, emit }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Toggle">>) => import("react").JSX.Element;
+    ToggleGroup: ({ props, bindings, emit }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"ToggleGroup">>) => import("react").JSX.Element;
+    ButtonGroup: ({ props, bindings, emit }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"ButtonGroup">>) => import("react").JSX.Element;
+    Pagination: ({ props, bindings, emit }: import("@json-render/react").BaseComponentProps<import("./catalog.js").JsonProps<"Pagination">>) => import("react").JSX.Element;
+};
+export { componentDefinitions } from "./catalog.js";