@tanstack/cta-ui-base 0.15.4

package/dist/components/sidebar-items/project-name.d.ts

@@ -0,0 +1 @@
+export default function ProjectName(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/sidebar-items/project-name.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from '../ui/input';
+import { setProjectName, useApplicationMode, useProjectName, } from '../../store/project';
+import SidebarContainer from './sidebar-container';
+export default function ProjectName() {
+    const name = useProjectName();
+    const mode = useApplicationMode();
+    if (mode !== 'setup') {
+        return null;
+    }
+    return (_jsx(SidebarContainer, { children: _jsxs("div", { className: "flex flex-row gap-2 items-center", children: [_jsx("h3", { className: "font-medium whitespace-nowrap", children: "Project Name" }), _jsx(Input, { value: name, placeholder: "my-app", onChange: (e) => setProjectName(e.target.value), className: "w-full bg-gray-500/10 rounded-md px-2 py-1 min-w-[200px] text-sm" })] }) }));
+}

package/dist/components/sidebar-items/run-add-ons.d.ts

@@ -0,0 +1 @@
+export default function RunAddOns(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/sidebar-items/run-add-ons.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Button } from '../ui/button';
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from '../ui/dialog';
+import { useAddOns, useApplicationMode } from '../../store/project';
+import useStreamingStatus from '../../hooks/use-streaming-status';
+import StatusList from '../status-list';
+import { addToAppStreaming, shutdown } from '../../lib/api';
+export default function RunAddOns() {
+    const { chosenAddOns } = useAddOns();
+    const [isRunning, setIsRunning] = useState(false);
+    const { streamItems, monitorStream, finished } = useStreamingStatus();
+    const mode = useApplicationMode();
+    if (mode !== 'add') {
+        return null;
+    }
+    async function onAddToApp() {
+        setIsRunning(true);
+        monitorStream(await addToAppStreaming(chosenAddOns));
+    }
+    return (_jsxs("div", { children: [_jsx(Dialog, { open: isRunning, children: _jsxs(DialogContent, { className: "sm:min-w-[425px] sm:max-w-fit", hideCloseButton: true, children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Adding Add-Ons" }) }), _jsx(StatusList, { streamItems: streamItems, finished: finished }), _jsx(DialogFooter, { children: _jsx(Button, { variant: "default", onClick: async () => {
+                                    await shutdown();
+                                    window.close();
+                                }, disabled: !finished, children: "Exit This Application" }) })] }) }), _jsx("div", { className: "flex flex-col gap-2", children: _jsx(Button, { variant: "default", onClick: onAddToApp, disabled: chosenAddOns.length === 0 || isRunning, className: "w-full", children: "Add These Add-Ons To Your App" }) })] }));
+}

package/dist/components/sidebar-items/run-create-app.d.ts

@@ -0,0 +1 @@
+export default function RunCreateApp(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/sidebar-items/run-create-app.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { HammerIcon } from 'lucide-react';
+import { Button } from '../ui/button';
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from '../ui/dialog';
+import useStreamingStatus from '../../hooks/use-streaming-status';
+import { useAddOns, useApplicationMode, useProjectOptions, useProjectStarter, } from '../../store/project';
+import StatusList from '../status-list';
+import { createAppStreaming, shutdown } from '../../lib/api';
+export default function RunCreateApp() {
+    const [isRunning, setIsRunning] = useState(false);
+    const { streamItems, monitorStream, finished } = useStreamingStatus();
+    const mode = useApplicationMode();
+    const options = useProjectOptions();
+    const { chosenAddOns } = useAddOns();
+    const { projectStarter } = useProjectStarter();
+    if (mode !== 'setup') {
+        return null;
+    }
+    async function onAddToApp() {
+        setIsRunning(true);
+        monitorStream(await createAppStreaming(options, chosenAddOns, projectStarter));
+    }
+    return (_jsxs("div", { children: [_jsx(Dialog, { open: isRunning, children: _jsxs(DialogContent, { className: "sm:min-w-[425px] sm:max-w-fit", hideCloseButton: true, children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Creating Your Application" }) }), _jsx(StatusList, { streamItems: streamItems, finished: finished }), _jsx(DialogFooter, { children: _jsx(Button, { variant: "default", onClick: async () => {
+                                    await shutdown();
+                                    window.close();
+                                }, disabled: !finished, children: "Exit This Application" }) })] }) }), _jsx("div", { className: "flex flex-col gap-2", children: _jsxs(Button, { variant: "default", onClick: onAddToApp, disabled: isRunning, className: "w-full", children: [_jsx(HammerIcon, { className: "w-4 h-4" }), "Build Your App"] }) })] }));
+}

package/dist/components/sidebar-items/sidebar-container.d.ts

@@ -0,0 +1,3 @@
+export default function SidebarContainer({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar-items/sidebar-container.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function SidebarContainer({ children, }) {
+    return (_jsx("div", { className: "block p-4 bg-gray-500/10 hover:bg-gray-500/20 rounded-lg transition-colors space-y-4 active @container sidebar-container", children: children }));
+}

package/dist/components/sidebar-items/sidebar-group.d.ts

@@ -0,0 +1,3 @@
+export default function SidebarGroup({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar-items/sidebar-group.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function SidebarGroup({ children, }) {
+    return (_jsx("div", { className: "bg-white dark:bg-black/40 shadow-xl p-4 space-y-2 rounded-lg sidebar-group", children: children }));
+}

package/dist/components/sidebar-items/starter.d.ts

@@ -0,0 +1 @@
+export default function Starter(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/sidebar-items/starter.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { FileBoxIcon, TrashIcon } from 'lucide-react';
+import { toast } from 'sonner';
+import { Button } from '../ui/button';
+import { Input } from '../ui/input';
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from '../ui/dialog';
+import { setProjectStarter, useApplicationMode, useProjectStarter, useRegistry, } from '../../store/project';
+import { loadRemoteStarter } from '../../lib/api';
+import { StartersCarousel } from '../starters-carousel';
+export default function Starter() {
+    const [url, setUrl] = useState('');
+    const [open, setOpen] = useState(false);
+    const mode = useApplicationMode();
+    const { projectStarter } = useProjectStarter();
+    if (mode !== 'setup') {
+        return null;
+    }
+    async function onImport(registryUrl) {
+        const data = await loadRemoteStarter(registryUrl || url);
+        if ('error' in data) {
+            toast.error('Failed to load starter', {
+                description: data.error,
+            });
+        }
+        else {
+            setProjectStarter(data);
+            setOpen(false);
+        }
+    }
+    const registry = useRegistry();
+    return (_jsxs(_Fragment, { children: [projectStarter?.banner && (_jsx("div", { className: "flex justify-center mb-4", children: _jsx("div", { className: "p-2 bg-gray-300 rounded-lg shadow-xl shadow-gray-800", children: _jsx("img", { src: projectStarter.banner, alt: "Starter Banner", className: "w-40 max-w-full" }) }) })), projectStarter?.name && (_jsxs("div", { className: "text-md mb-4", children: [_jsx(Button, { variant: "outline", size: "sm", className: "mr-2", onClick: () => {
+                            setProjectStarter(undefined);
+                        }, children: _jsx(TrashIcon, { className: "w-4 h-4" }) }), _jsx("span", { className: "font-bold", children: "Starter: " }), projectStarter.name] })), _jsxs("div", { children: [_jsxs(Button, { variant: "secondary", className: "w-full", onClick: () => {
+                            setUrl('');
+                            setOpen(true);
+                        }, children: [_jsx(FileBoxIcon, { className: "w-4 h-4" }), "Set Project Starter"] }), _jsx(Dialog, { modal: true, open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { className: "sm:min-w-[425px] sm:max-w-fit", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Project Starter URL" }) }), registry?.starters && (_jsx("div", { children: _jsx(StartersCarousel, { onImport: (url) => onImport(url) }) })), _jsx("div", { children: _jsx(Input, { value: url, onChange: (e) => setUrl(e.target.value), placeholder: "https://github.com/myorg/myproject/starter.json", className: "min-w-lg w-full", onKeyDown: (e) => {
+                                            if (e.key === 'Enter') {
+                                                onImport();
+                                            }
+                                        } }) }), _jsx(DialogFooter, { children: _jsx(Button, { onClick: () => onImport(), children: "Load" }) })] }) })] })] }));
+}

package/dist/components/sidebar-items/typescript-switch.d.ts

@@ -0,0 +1 @@
+export default function TypescriptSwitch(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/sidebar-items/typescript-switch.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label } from '../ui/label';
+import { Switch } from '../ui/switch';
+import Typescript from '../icons/typescript';
+import Tailwind from '../icons/tailwind';
+import { setTailwind, setTypeScript, useApplicationMode, useProjectOptions, useTailwindEditable, useTypeScriptEditable, } from '../../store/project';
+import SidebarContainer from './sidebar-container';
+export default function TypescriptSwitch() {
+    const typescript = useProjectOptions((state) => state.typescript);
+    const tailwind = useProjectOptions((state) => state.tailwind);
+    const mode = useApplicationMode();
+    const enableTailwind = useTailwindEditable();
+    const enableTypeScript = useTypeScriptEditable();
+    if (mode !== 'setup') {
+        return null;
+    }
+    return (_jsx(SidebarContainer, { children: _jsxs("div", { className: "flex", children: [_jsxs("div", { className: "w-1/2 flex flex-row items-center justify-center", children: [_jsx(Switch, { id: "typescript-switch", checked: typescript, onCheckedChange: (checked) => setTypeScript(checked), disabled: !enableTypeScript }), _jsxs(Label, { htmlFor: "typescript-switch", className: "ml-2", children: [_jsx(Typescript, { className: "w-5" }), "TypeScript"] })] }), _jsxs("div", { className: "w-1/2 flex flex-row items-center justify-center", children: [_jsx(Switch, { id: "tailwind-switch", checked: tailwind, onCheckedChange: (checked) => setTailwind(checked), disabled: !enableTailwind }), _jsxs(Label, { htmlFor: "tailwind-switch", className: "ml-2", children: [_jsx(Tailwind, { className: "w-5" }), "Tailwind"] })] })] }) }));
+}

package/dist/components/starters-carousel.d.ts

@@ -0,0 +1,3 @@
+export declare function StartersCarousel({ onImport, }: {
+    onImport: (url: string) => void;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/starters-carousel.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRegistry } from '../store/project';
+import { Carousel, CarouselContent, CarouselItem } from './ui/carousel';
+export function StartersCarousel({ onImport, }) {
+    const registry = useRegistry();
+    if (!registry) {
+        return null;
+    }
+    return (_jsx("div", { children: _jsx(Carousel, { children: _jsx(CarouselContent, { children: registry.starters.map((starter) => (_jsx(CarouselItem, { className: "basis-1/3", children: _jsxs("div", { className: "p-2 flex flex-col items-center hover:cursor-pointer hover:bg-gray-700/50 hover:text-white rounded-lg", onClick: () => {
+                            onImport(starter.url);
+                        }, children: [_jsx("img", { src: starter.banner, alt: starter.name, className: "w-100 max-w-full" }), _jsx("div", { className: "text-md font-bold", children: starter.name })] }) }, starter.url))) }) }) }));
+}

package/dist/components/startup-dialog.d.ts

@@ -0,0 +1 @@
+export default function StartupDialog(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/startup-dialog.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { toast } from 'sonner';
+import { setProjectStarter, useApplicationMode, useRegistry, useStartupDialog, } from '../store/project';
+import { loadRemoteStarter } from '../lib/api';
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from './ui/dialog';
+import { StartersCarousel } from './starters-carousel';
+import { Button } from './ui/button';
+import { Switch } from './ui/switch';
+import { Label } from './ui/label';
+export default function StartupDialog() {
+    const mode = useApplicationMode();
+    const registry = useRegistry();
+    const { open, setOpen, dontShowAgain, setDontShowAgain } = useStartupDialog();
+    if (mode !== 'setup' || !registry || registry?.starters?.length === 0) {
+        return null;
+    }
+    async function onImport(registryUrl) {
+        const data = await loadRemoteStarter(registryUrl);
+        if ('error' in data) {
+            toast.error('Failed to load starter', {
+                description: data.error,
+            });
+        }
+        else {
+            setProjectStarter(data);
+            setOpen(false);
+        }
+    }
+    return (_jsx(Dialog, { modal: true, open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { className: "sm:min-w-[425px] sm:max-w-fit", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { className: "text-center text-2xl font-bold", children: "Would you like to use a starter project?" }) }), _jsx("div", { children: _jsx(StartersCarousel, { onImport: onImport }) }), _jsxs(DialogFooter, { className: "flex sm:justify-between w-full", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { id: "show-startup-dialog", checked: dontShowAgain, onCheckedChange: setDontShowAgain }), _jsx(Label, { htmlFor: "show-startup-dialog", children: "Don't show this again" })] }), _jsx(Button, { onClick: () => setOpen(false), children: "No, I want to start from scratch" })] })] }) }));
+}

package/dist/components/status-list.d.ts

@@ -0,0 +1,5 @@
+import type { StreamItem } from '../types';
+export default function StatusList({ streamItems, finished, }: {
+    streamItems: Array<StreamItem>;
+    finished: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/status-list.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function StatusList({ streamItems, finished, }) {
+    return (_jsx("div", { className: "flex flex-col gap-2", children: streamItems.map((item, index) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(item.icon, { className: `w-4 h-4 ${index === streamItems.length - 1 && !finished ? 'text-green-500 animate-spin' : ''}` }), item.message] }, item.id))) }));
+}

package/dist/components/toaster.d.ts

@@ -0,0 +1,4 @@
+import { Toaster as Sonner } from 'sonner';
+type ToasterProps = React.ComponentProps<typeof Sonner>;
+declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export { Toaster };

package/dist/components/toaster.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme } from 'next-themes';
+import { Toaster as Sonner } from 'sonner';
+const Toaster = ({ ...props }) => {
+    const { theme = 'system' } = useTheme();
+    return (_jsx(Sonner, { theme: theme, className: "toaster group", toastOptions: {
+            classNames: {
+                toast: 'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',
+                description: 'group-[.toast]:text-muted-foreground',
+                actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',
+                cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',
+            },
+        }, ...props }));
+};
+export { Toaster };

package/dist/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/components/ui/button.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils';
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
+            destructive: 'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+            outline: 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
+            secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
+            ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+            link: 'text-primary underline-offset-4 hover:underline',
+        },
+        size: {
+            default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+            sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+            lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+            icon: 'size-9',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+function Button({ className, variant, size, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : 'button';
+    return (_jsx(Comp, { "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ...props }));
+}
+export { Button, buttonVariants };

package/dist/components/ui/carousel.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+import { Button } from './button';
+import type { UseEmblaCarouselType } from 'embla-carousel-react';
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+    setApi?: (api: CarouselApi) => void;
+};
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<'div'> & CarouselProps): import("react/jsx-runtime").JSX.Element;
+declare function CarouselContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CarouselItem({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/dist/components/ui/carousel.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+import { ArrowLeft, ArrowRight } from 'lucide-react';
+import { cn } from '../../lib/utils';
+import { Button } from './button';
+const CarouselContext = React.createContext(null);
+function useCarousel() {
+    const context = React.useContext(CarouselContext);
+    if (!context) {
+        throw new Error('useCarousel must be used within a <Carousel />');
+    }
+    return context;
+}
+function Carousel({ orientation = 'horizontal', opts, setApi, plugins, className, children, ...props }) {
+    const [carouselRef, api] = useEmblaCarousel({
+        ...opts,
+        axis: orientation === 'horizontal' ? 'x' : 'y',
+    }, plugins);
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+    const [canScrollNext, setCanScrollNext] = React.useState(false);
+    const onSelect = React.useCallback((api) => {
+        if (!api)
+            return;
+        setCanScrollPrev(api.canScrollPrev());
+        setCanScrollNext(api.canScrollNext());
+    }, []);
+    const scrollPrev = React.useCallback(() => {
+        api?.scrollPrev();
+    }, [api]);
+    const scrollNext = React.useCallback(() => {
+        api?.scrollNext();
+    }, [api]);
+    const handleKeyDown = React.useCallback((event) => {
+        if (event.key === 'ArrowLeft') {
+            event.preventDefault();
+            scrollPrev();
+        }
+        else if (event.key === 'ArrowRight') {
+            event.preventDefault();
+            scrollNext();
+        }
+    }, [scrollPrev, scrollNext]);
+    React.useEffect(() => {
+        if (!api || !setApi)
+            return;
+        setApi(api);
+    }, [api, setApi]);
+    React.useEffect(() => {
+        if (!api)
+            return;
+        onSelect(api);
+        api.on('reInit', onSelect);
+        api.on('select', onSelect);
+        return () => {
+            api?.off('select', onSelect);
+        };
+    }, [api, onSelect]);
+    return (_jsx(CarouselContext.Provider, { value: {
+            carouselRef,
+            api: api,
+            opts,
+            orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),
+            scrollPrev,
+            scrollNext,
+            canScrollPrev,
+            canScrollNext,
+        }, children: _jsx("div", { onKeyDownCapture: handleKeyDown, className: cn('relative', className), role: "region", "aria-roledescription": "carousel", "data-slot": "carousel", ...props, children: children }) }));
+}
+function CarouselContent({ className, ...props }) {
+    const { carouselRef, orientation } = useCarousel();
+    return (_jsx("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content", children: _jsx("div", { className: cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className), ...props }) }));
+}
+function CarouselItem({ className, ...props }) {
+    const { orientation } = useCarousel();
+    return (_jsx("div", { role: "group", "aria-roledescription": "slide", "data-slot": "carousel-item", className: cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className), ...props }));
+}
+function CarouselPrevious({ className, variant = 'outline', size = 'icon', ...props }) {
+    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+    return (_jsxs(Button, { "data-slot": "carousel-previous", variant: variant, size: size, className: cn('absolute size-8 rounded-full', orientation === 'horizontal'
+            ? 'top-1/2 -left-12 -translate-y-1/2'
+            : '-top-12 left-1/2 -translate-x-1/2 rotate-90', className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: [_jsx(ArrowLeft, {}), _jsx("span", { className: "sr-only", children: "Previous slide" })] }));
+}
+function CarouselNext({ className, variant = 'outline', size = 'icon', ...props }) {
+    const { orientation, scrollNext, canScrollNext } = useCarousel();
+    return (_jsxs(Button, { "data-slot": "carousel-next", variant: variant, size: size, className: cn('absolute size-8 rounded-full', orientation === 'horizontal'
+            ? 'top-1/2 -right-12 -translate-y-1/2'
+            : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90', className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: [_jsx(ArrowRight, {}), _jsx("span", { className: "sr-only", children: "Next slide" })] }));
+}
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/dist/components/ui/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Checkbox };

package/dist/components/ui/checkbox.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { CheckIcon } from 'lucide-react';
+import { cn } from '../../lib/utils';
+function Checkbox({ className, ...props }) {
+    return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn('peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current transition-none", children: _jsx(CheckIcon, { className: "size-3.5" }) }) }));
+}
+export { Checkbox };

package/dist/components/ui/dialog.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, hideCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    hideCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/ui/dialog.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { XIcon } from 'lucide-react';
+import { cn } from '../../lib/utils';
+function Dialog({ ...props }) {
+    return _jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({ ...props }) {
+    return _jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+    return _jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+    return _jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Overlay, { "data-slot": "dialog-overlay", className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50', className), ...props }));
+}
+function DialogContent({ className, children, hideCloseButton, ...props }) {
+    return (_jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { "data-slot": "dialog-content", className: cn('bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg p-6 shadow-lg duration-200 sm:max-w-lg bg-opacity-70 backdrop-blur-md border-3 border-white/20', className), ...props, children: [children, !hideCloseButton && (_jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
+}
+function DialogHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "dialog-header", className: cn('flex flex-col gap-2 text-center sm:text-left', className), ...props }));
+}
+function DialogFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "dialog-footer", className: cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className), ...props }));
+}
+function DialogTitle({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Title, { "data-slot": "dialog-title", className: cn('text-lg leading-none font-semibold', className), ...props }));
+}
+function DialogDescription({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Description, { "data-slot": "dialog-description", className: cn('text-muted-foreground text-sm', className), ...props }));
+}
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/components/ui/dropdown-menu.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
+import { cn } from '../../lib/utils';
+function DropdownMenu({ ...props }) {
+    return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal({ ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props }));
+}
+function DropdownMenuTrigger({ ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props }));
+}
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground 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 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', className), ...props }) }));
+}
+function DropdownMenuGroup({ ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props }));
+}
+function DropdownMenuItem({ className, inset, variant = 'default', ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
+    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
+}
+function DropdownMenuRadioGroup({ ...props }) {
+    return (_jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props }));
+}
+function DropdownMenuRadioItem({ className, children, ...props }) {
+    return (_jsxs(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }) }), children] }));
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className), ...props }));
+}
+function DropdownMenuSeparator({ className, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn('bg-border -mx-1 my-1 h-px', className), ...props }));
+}
+function DropdownMenuShortcut({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn('text-muted-foreground ml-auto text-xs tracking-widest', className), ...props }));
+}
+function DropdownMenuSub({ ...props }) {
+    return _jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+    return (_jsxs(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn('focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8', className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto size-4" })] }));
+}
+function DropdownMenuSubContent({ className, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.SubContent, { "data-slot": "dropdown-menu-sub-content", className: cn('bg-popover text-popover-foreground 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 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg', className), ...props }));
+}
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/components/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Input({ className, type, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
+export { Input };

package/dist/components/ui/input.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../lib/utils';
+function Input({ className, type, ...props }) {
+    return (_jsx("input", { type: type, "data-slot": "input", className: cn('file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]', 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive', className), ...props }));
+}
+export { Input };

package/dist/components/ui/label.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Label };