@datenlotse/jsonjoy-builder 0.4.0

package/dist/components/features/JsonValidator.js

@@ -0,0 +1,239 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import react from "@monaco-editor/react";
+import { AlertCircle, Check, Loader2 } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../ui/dialog.js";
+import { useMonacoTheme } from "../../hooks/use-monaco-theme.js";
+import { formatTranslation, useTranslation } from "../../hooks/use-translation.js";
+import { validateJson } from "../../utils/jsonValidator.js";
+function JsonValidator({ open, onOpenChange, schema }) {
+    const t = useTranslation();
+    const [jsonInput, setJsonInput] = useState("");
+    const [validationResult, setValidationResult] = useState(null);
+    const editorRef = useRef(null);
+    const debounceTimerRef = useRef(null);
+    const monacoRef = useRef(null);
+    const schemaMonacoRef = useRef(null);
+    const { currentTheme, defineMonacoThemes, configureJsonDefaults, defaultEditorOptions } = useMonacoTheme();
+    const validateJsonAgainstSchema = useCallback(()=>{
+        if (!jsonInput.trim()) return void setValidationResult(null);
+        const result = validateJson(jsonInput, schema);
+        setValidationResult(result);
+    }, [
+        jsonInput,
+        schema
+    ]);
+    useEffect(()=>{
+        if (debounceTimerRef.current) clearTimeout(debounceTimerRef.current);
+        debounceTimerRef.current = setTimeout(()=>{
+            validateJsonAgainstSchema();
+        }, 500);
+        return ()=>{
+            if (debounceTimerRef.current) clearTimeout(debounceTimerRef.current);
+        };
+    }, [
+        validateJsonAgainstSchema
+    ]);
+    const handleJsonEditorBeforeMount = (monaco)=>{
+        monacoRef.current = monaco;
+        defineMonacoThemes(monaco);
+        configureJsonDefaults(monaco, schema);
+    };
+    const handleSchemaEditorBeforeMount = (monaco)=>{
+        schemaMonacoRef.current = monaco;
+        defineMonacoThemes(monaco);
+    };
+    const handleEditorDidMount = (editor)=>{
+        editorRef.current = editor;
+        editor.focus();
+    };
+    const handleEditorChange = (value)=>{
+        setJsonInput(value || "");
+    };
+    const goToError = (line, column)=>{
+        if (editorRef.current) {
+            editorRef.current.revealLineInCenter(line);
+            editorRef.current.setPosition({
+                lineNumber: line,
+                column: column
+            });
+            editorRef.current.focus();
+        }
+    };
+    const editorOptions = {
+        ...defaultEditorOptions,
+        readOnly: false
+    };
+    const schemaViewerOptions = {
+        ...defaultEditorOptions,
+        readOnly: true
+    };
+    return /*#__PURE__*/ jsx(Dialog, {
+        open: open,
+        onOpenChange: onOpenChange,
+        children: /*#__PURE__*/ jsxs(DialogContent, {
+            className: "sm:max-w-5xl max-h-[700px] flex flex-col jsonjoy",
+            children: [
+                /*#__PURE__*/ jsxs(DialogHeader, {
+                    children: [
+                        /*#__PURE__*/ jsx(DialogTitle, {
+                            children: t.validatorTitle
+                        }),
+                        /*#__PURE__*/ jsx(DialogDescription, {
+                            children: t.validatorDescription
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "flex-1 flex flex-col md:flex-row gap-4 py-4 overflow-hidden h-[600px]",
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "flex-1 flex flex-col h-full",
+                            children: [
+                                /*#__PURE__*/ jsx("div", {
+                                    className: "text-sm font-medium mb-2",
+                                    children: t.validatorContent
+                                }),
+                                /*#__PURE__*/ jsx("div", {
+                                    className: "border rounded-md flex-1 h-full",
+                                    children: /*#__PURE__*/ jsx(react, {
+                                        height: "600px",
+                                        defaultLanguage: "json",
+                                        value: jsonInput,
+                                        onChange: handleEditorChange,
+                                        beforeMount: handleJsonEditorBeforeMount,
+                                        onMount: handleEditorDidMount,
+                                        loading: /*#__PURE__*/ jsx("div", {
+                                            className: "flex items-center justify-center h-full w-full bg-secondary/30",
+                                            children: /*#__PURE__*/ jsx(Loader2, {
+                                                className: "h-6 w-6 animate-spin"
+                                            })
+                                        }),
+                                        options: editorOptions,
+                                        theme: currentTheme
+                                    })
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "flex-1 flex flex-col h-full",
+                            children: [
+                                /*#__PURE__*/ jsx("div", {
+                                    className: "text-sm font-medium mb-2",
+                                    children: t.validatorCurrentSchema
+                                }),
+                                /*#__PURE__*/ jsx("div", {
+                                    className: "border rounded-md flex-1 h-full",
+                                    children: /*#__PURE__*/ jsx(react, {
+                                        height: "600px",
+                                        defaultLanguage: "json",
+                                        value: JSON.stringify(schema, null, 2),
+                                        beforeMount: handleSchemaEditorBeforeMount,
+                                        loading: /*#__PURE__*/ jsx("div", {
+                                            className: "flex items-center justify-center h-full w-full bg-secondary/30",
+                                            children: /*#__PURE__*/ jsx(Loader2, {
+                                                className: "h-6 w-6 animate-spin"
+                                            })
+                                        }),
+                                        options: schemaViewerOptions,
+                                        theme: currentTheme
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                validationResult && /*#__PURE__*/ jsxs("div", {
+                    className: `rounded-md p-4 ${validationResult.valid ? "bg-green-50 border border-green-200" : "bg-red-50 border border-red-200"} transition-all duration-300 ease-in-out`,
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: "flex items-center",
+                            children: validationResult.valid ? /*#__PURE__*/ jsxs(Fragment, {
+                                children: [
+                                    /*#__PURE__*/ jsx(Check, {
+                                        className: "h-5 w-5 text-green-500 mr-2"
+                                    }),
+                                    /*#__PURE__*/ jsx("p", {
+                                        className: "text-green-700 font-medium",
+                                        children: t.validatorValid
+                                    })
+                                ]
+                            }) : /*#__PURE__*/ jsxs(Fragment, {
+                                children: [
+                                    /*#__PURE__*/ jsx(AlertCircle, {
+                                        className: "h-5 w-5 text-red-500 mr-2"
+                                    }),
+                                    /*#__PURE__*/ jsx("p", {
+                                        className: "text-red-700 font-medium",
+                                        children: 1 === validationResult.errors.length ? "/" === validationResult.errors[0].path ? t.validatorErrorInvalidSyntax : t.validatorErrorSchemaValidation : formatTranslation(t.validatorErrorCount, {
+                                            count: validationResult.errors.length
+                                        })
+                                    })
+                                ]
+                            })
+                        }),
+                        !validationResult.valid && validationResult.errors && validationResult.errors.length > 0 && /*#__PURE__*/ jsxs("div", {
+                            className: "mt-3 max-h-[200px] overflow-y-auto",
+                            children: [
+                                validationResult.errors[0] && /*#__PURE__*/ jsxs("div", {
+                                    className: "flex items-center justify-between mb-2",
+                                    children: [
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "text-sm font-medium text-red-700",
+                                            children: "/" === validationResult.errors[0].path ? t.validatorErrorPathRoot : validationResult.errors[0].path
+                                        }),
+                                        validationResult.errors[0].line && /*#__PURE__*/ jsx("span", {
+                                            className: "text-xs bg-gray-100 px-2 py-1 rounded text-gray-600",
+                                            children: validationResult.errors[0].column ? formatTranslation(t.validatorErrorLocationLineAndColumn, {
+                                                line: validationResult.errors[0].line,
+                                                column: validationResult.errors[0].column
+                                            }) : formatTranslation(t.validatorErrorLocationLineOnly, {
+                                                line: validationResult.errors[0].line
+                                            })
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx("ul", {
+                                    className: "space-y-2",
+                                    children: validationResult.errors.map((error, index)=>/*#__PURE__*/ jsx("button", {
+                                            type: "button",
+                                            className: "w-full text-left bg-white border border-red-100 rounded-md p-3 shadow-xs hover:shadow-md transition-shadow duration-200 cursor-pointer",
+                                            onClick: ()=>error.line && error.column && goToError(error.line, error.column),
+                                            children: /*#__PURE__*/ jsxs("div", {
+                                                className: "flex items-start justify-between",
+                                                children: [
+                                                    /*#__PURE__*/ jsxs("div", {
+                                                        className: "flex-1",
+                                                        children: [
+                                                            /*#__PURE__*/ jsx("p", {
+                                                                className: "text-sm font-medium text-red-700",
+                                                                children: "/" === error.path ? t.validatorErrorPathRoot : error.path
+                                                            }),
+                                                            /*#__PURE__*/ jsx("p", {
+                                                                className: "text-sm text-gray-600 mt-1",
+                                                                children: error.message
+                                                            })
+                                                        ]
+                                                    }),
+                                                    error.line && /*#__PURE__*/ jsx("div", {
+                                                        className: "text-xs bg-gray-100 px-2 py-1 rounded text-gray-600",
+                                                        children: error.column ? formatTranslation(t.validatorErrorLocationLineAndColumn, {
+                                                            line: error.line,
+                                                            column: error.column
+                                                        }) : formatTranslation(t.validatorErrorLocationLineOnly, {
+                                                            line: error.line
+                                                        })
+                                                    })
+                                                ]
+                                            })
+                                        }, `error-${error.path}-${index}`))
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+export { JsonValidator };

package/dist/components/features/SchemaInferencer.js

@@ -0,0 +1,107 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import react from "@monaco-editor/react";
+import { Loader2 } from "lucide-react";
+import { useRef, useState } from "react";
+import { Button } from "../ui/button.js";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../ui/dialog.js";
+import { useMonacoTheme } from "../../hooks/use-monaco-theme.js";
+import { useTranslation } from "../../hooks/use-translation.js";
+import { createSchemaFromJson } from "../../lib/schema-inference.js";
+function SchemaInferencer({ open, onOpenChange, onSchemaInferred }) {
+    const t = useTranslation();
+    const [jsonInput, setJsonInput] = useState("");
+    const [error, setError] = useState(null);
+    const editorRef = useRef(null);
+    const { currentTheme, defineMonacoThemes, configureJsonDefaults, defaultEditorOptions } = useMonacoTheme();
+    const handleBeforeMount = (monaco)=>{
+        defineMonacoThemes(monaco);
+        configureJsonDefaults(monaco);
+    };
+    const handleEditorDidMount = (editor)=>{
+        editorRef.current = editor;
+        editor.focus();
+    };
+    const handleEditorChange = (value)=>{
+        setJsonInput(value || "");
+    };
+    const inferSchemaFromJson = ()=>{
+        try {
+            const jsonObject = JSON.parse(jsonInput);
+            setError(null);
+            const inferredSchema = createSchemaFromJson(jsonObject);
+            onSchemaInferred(inferredSchema);
+            onOpenChange(false);
+        } catch (error) {
+            console.error("Invalid JSON input:", error);
+            setError(t.inferrerErrorInvalidJson);
+        }
+    };
+    const handleClose = ()=>{
+        setJsonInput("");
+        setError(null);
+        onOpenChange(false);
+    };
+    return /*#__PURE__*/ jsx(Dialog, {
+        open: open,
+        onOpenChange: onOpenChange,
+        children: /*#__PURE__*/ jsxs(DialogContent, {
+            className: "sm:max-w-4xl max-h-[90vh] flex flex-col jsonjoy",
+            children: [
+                /*#__PURE__*/ jsxs(DialogHeader, {
+                    children: [
+                        /*#__PURE__*/ jsx(DialogTitle, {
+                            children: t.inferrerTitle
+                        }),
+                        /*#__PURE__*/ jsx(DialogDescription, {
+                            children: t.inferrerDescription
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "flex-1 min-h-0 py-4 flex flex-col",
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: "border rounded-md flex-1 overflow-hidden h-full",
+                            children: /*#__PURE__*/ jsx(react, {
+                                height: "450px",
+                                defaultLanguage: "json",
+                                value: jsonInput,
+                                onChange: handleEditorChange,
+                                beforeMount: handleBeforeMount,
+                                onMount: handleEditorDidMount,
+                                options: defaultEditorOptions,
+                                theme: currentTheme,
+                                loading: /*#__PURE__*/ jsx("div", {
+                                    className: "flex items-center justify-center h-full w-full bg-secondary/30",
+                                    children: /*#__PURE__*/ jsx(Loader2, {
+                                        className: "h-6 w-6 animate-spin"
+                                    })
+                                })
+                            })
+                        }),
+                        error && /*#__PURE__*/ jsx("p", {
+                            className: "text-sm text-destructive mt-2",
+                            children: error
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs(DialogFooter, {
+                    children: [
+                        /*#__PURE__*/ jsx(Button, {
+                            type: "button",
+                            variant: "outline",
+                            onClick: handleClose,
+                            children: t.inferrerCancel
+                        }),
+                        /*#__PURE__*/ jsx(Button, {
+                            type: "button",
+                            onClick: inferSchemaFromJson,
+                            children: t.inferrerGenerate
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+export { SchemaInferencer };

package/dist/components/ui/badge.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+            outline: "text-foreground"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+function Badge({ className, variant, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn(badgeVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+export { Badge, badgeVariants };

package/dist/components/ui/button.js

@@ -0,0 +1,41 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utils.js";
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+            outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline"
+        },
+        size: {
+            default: "h-10 px-4 py-2",
+            sm: "h-9 rounded-md px-3",
+            lg: "h-11 rounded-md px-8",
+            icon: "h-10 w-10"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+const Button = /*#__PURE__*/ forwardRef(({ className, variant, size, asChild = false, ...props }, ref)=>{
+    const Comp = asChild ? Slot : "button";
+    return /*#__PURE__*/ jsx(Comp, {
+        className: cn(buttonVariants({
+            variant,
+            size,
+            className
+        })),
+        ref: ref,
+        ...props
+    });
+});
+Button.displayName = "Button";
+export { Button, buttonVariants };

package/dist/components/ui/dialog.js

@@ -0,0 +1,73 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Close, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import { forwardRef, useId } from "react";
+import { cn } from "../../lib/utils.js";
+const Dialog = Root;
+const DialogTrigger = Trigger;
+const DialogPortal = Portal;
+const DialogClose = Close;
+const DialogOverlay = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Overlay, {
+        ref: ref,
+        className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 jsonjoy", className),
+        ...props
+    }));
+DialogOverlay.displayName = Overlay.displayName;
+const DialogContent = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>{
+    const dialogDescriptionId = useId();
+    return /*#__PURE__*/ jsxs(DialogPortal, {
+        children: [
+            /*#__PURE__*/ jsx(DialogOverlay, {}),
+            /*#__PURE__*/ jsxs(Content, {
+                ref: ref,
+                className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className),
+                "aria-describedby": dialogDescriptionId,
+                ...props,
+                children: [
+                    children,
+                    /*#__PURE__*/ jsx(Description, {
+                        id: dialogDescriptionId,
+                        className: "sr-only",
+                        children: "Dialog content"
+                    }),
+                    /*#__PURE__*/ jsxs(Close, {
+                        className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(X, {
+                                className: "h-4 w-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "sr-only",
+                                children: "Close"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+});
+DialogContent.displayName = Content.displayName;
+const DialogHeader = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
+        className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
+        ...props
+    });
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
+        className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+        ...props
+    });
+DialogFooter.displayName = "DialogFooter";
+const DialogTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Title, {
+        ref: ref,
+        className: cn("text-lg font-semibold leading-none tracking-tight", className),
+        ...props
+    }));
+DialogTitle.displayName = Title.displayName;
+const DialogDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Description, {
+        ref: ref,
+        className: cn("text-sm text-muted-foreground", className),
+        ...props
+    }));
+DialogDescription.displayName = Description.displayName;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/components/ui/input.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utils.js";
+const Input = /*#__PURE__*/ forwardRef(({ className, type, ...props }, ref)=>/*#__PURE__*/ jsx("input", {
+        type: type,
+        className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+        ref: ref,
+        ...props
+    }));
+Input.displayName = "Input";
+export { Input };

package/dist/components/ui/label.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { Root } from "@radix-ui/react-label";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utils.js";
+const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const Label = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+        ref: ref,
+        className: cn(labelVariants(), className),
+        ...props
+    }));
+Label.displayName = Root.displayName;
+export { Label };

package/dist/components/ui/select.js

@@ -0,0 +1,90 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Content, Group, Icon, Item, ItemIndicator, ItemText, Label, Portal, Root, ScrollDownButton, ScrollUpButton, Separator, Trigger, Value, Viewport } from "@radix-ui/react-select";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utils.js";
+const Select = Root;
+const SelectGroup = Group;
+const SelectValue = Value;
+const SelectTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Trigger, {
+        ref: ref,
+        className: cn("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(Icon, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx(ChevronDown, {
+                    className: "h-4 w-4 opacity-50"
+                })
+            })
+        ]
+    }));
+SelectTrigger.displayName = Trigger.displayName;
+const SelectScrollUpButton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollUpButton, {
+        ref: ref,
+        className: cn("flex cursor-default items-center justify-center py-1", className),
+        ...props,
+        children: /*#__PURE__*/ jsx(ChevronUp, {
+            className: "h-4 w-4"
+        })
+    }));
+SelectScrollUpButton.displayName = ScrollUpButton.displayName;
+const SelectScrollDownButton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollDownButton, {
+        ref: ref,
+        className: cn("flex cursor-default items-center justify-center py-1", className),
+        ...props,
+        children: /*#__PURE__*/ jsx(ChevronDown, {
+            className: "h-4 w-4"
+        })
+    }));
+SelectScrollDownButton.displayName = ScrollDownButton.displayName;
+const SelectContent = /*#__PURE__*/ forwardRef(({ className, children, position = "popper", ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsxs(Content, {
+            ref: ref,
+            className: cn("relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", "popper" === position && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className, "jsonjoy"),
+            position: position,
+            ...props,
+            children: [
+                /*#__PURE__*/ jsx(SelectScrollUpButton, {}),
+                /*#__PURE__*/ jsx(Viewport, {
+                    className: cn("p-1", "popper" === position && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"),
+                    children: children
+                }),
+                /*#__PURE__*/ jsx(SelectScrollDownButton, {})
+            ]
+        })
+    }));
+SelectContent.displayName = Content.displayName;
+const SelectLabel = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Label, {
+        ref: ref,
+        className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+        ...props
+    }));
+SelectLabel.displayName = Label.displayName;
+const SelectItem = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Item, {
+        ref: ref,
+        className: cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(Check, {
+                        className: "h-4 w-4"
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(ItemText, {
+                children: children
+            })
+        ]
+    }));
+SelectItem.displayName = Item.displayName;
+const SelectSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
+        ref: ref,
+        className: cn("-mx-1 my-1 h-px bg-muted", className),
+        ...props
+    }));
+SelectSeparator.displayName = Separator.displayName;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/ui/switch.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { Root, Thumb } from "@radix-ui/react-switch";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utils.js";
+const Switch = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+        className: cn("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className),
+        ...props,
+        ref: ref,
+        children: /*#__PURE__*/ jsx(Thumb, {
+            className: cn("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0")
+        })
+    }));
+Switch.displayName = Root.displayName;
+export { Switch };

package/dist/components/ui/tabs.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { Content, List, Root, Trigger } from "@radix-ui/react-tabs";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utils.js";
+const Tabs = Root;
+const TabsList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(List, {
+        ref: ref,
+        className: cn("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", className),
+        ...props
+    }));
+TabsList.displayName = List.displayName;
+const TabsTrigger = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Trigger, {
+        ref: ref,
+        className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-xs", className),
+        ...props
+    }));
+TabsTrigger.displayName = Trigger.displayName;
+const TabsContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
+        ref: ref,
+        className: cn("mt-2 ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className),
+        ...props
+    }));
+TabsContent.displayName = Content.displayName;
+export { Tabs, TabsContent, TabsList, TabsTrigger };