@tanstack/cta-ui-base 0.15.4

package/dist/components/ui/label.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cn } from '../../lib/utils';
+function Label({ className, ...props }) {
+    return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn('flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50', className), ...props }));
+}
+export { Label };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/components/ui/popover.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cn } from '../../lib/utils';
+function Popover({ ...props }) {
+    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({ className, align = 'center', sideOffset = 4, ...props }) {
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, 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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden', className), ...props }) }));
+}
+function PopoverAnchor({ ...props }) {
+    return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

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

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

package/dist/components/ui/separator.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { cn } from '../../lib/utils';
+function Separator({ className, orientation = 'horizontal', decorative = true, ...props }) {
+    return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator-root", decorative: decorative, orientation: orientation, className: cn('bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px', className), ...props }));
+}
+export { Separator };

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+}): import("react/jsx-runtime").JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/components/ui/sheet.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { XIcon } from 'lucide-react';
+import { cn } from '../../lib/utils';
+function Sheet({ ...props }) {
+    return _jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({ ...props }) {
+    return _jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({ ...props }) {
+    return _jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal({ ...props }) {
+    return _jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({ className, ...props }) {
+    return (_jsx(SheetPrimitive.Overlay, { "data-slot": "sheet-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 SheetContent({ className, children, side = 'right', ...props }) {
+    return (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(SheetPrimitive.Content, { "data-slot": "sheet-content", className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500', side === 'right' &&
+                    'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm', side === 'left' &&
+                    'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm', side === 'top' &&
+                    'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b', side === 'bottom' &&
+                    'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t', className), ...props, children: [children, _jsxs(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary 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", children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] }));
+}
+function SheetHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sheet-header", className: cn('flex flex-col gap-1.5 p-4', className), ...props }));
+}
+function SheetFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sheet-footer", className: cn('mt-auto flex flex-col gap-2 p-4', className), ...props }));
+}
+function SheetTitle({ className, ...props }) {
+    return (_jsx(SheetPrimitive.Title, { "data-slot": "sheet-title", className: cn('text-foreground font-semibold', className), ...props }));
+}
+function SheetDescription({ className, ...props }) {
+    return (_jsx(SheetPrimitive.Description, { "data-slot": "sheet-description", className: cn('text-muted-foreground text-sm', className), ...props }));
+}
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

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

@@ -0,0 +1,2 @@
+declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };

package/dist/components/ui/skeleton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+function Skeleton({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "skeleton", className: cn('bg-accent animate-pulse rounded-md', className), ...props }));
+}
+export { Skeleton };

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

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

package/dist/components/ui/sonner.js

@@ -0,0 +1,12 @@
+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", style: {
+            '--normal-bg': 'var(--popover)',
+            '--normal-text': 'var(--popover-foreground)',
+            '--normal-border': 'var(--border)',
+        }, ...props }));
+};
+export { Toaster };

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

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

package/dist/components/ui/switch.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { cn } from '../../lib/utils';
+function Switch({ className, ...props }) {
+    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: cn('peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 border-1 border-gray-500/30', className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn('bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0') }) }));
+}
+export { Switch };

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare function Table({ className, ...props }: React.ComponentProps<'table'>): import("react/jsx-runtime").JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<'thead'>): import("react/jsx-runtime").JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): import("react/jsx-runtime").JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>): import("react/jsx-runtime").JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<'tr'>): import("react/jsx-runtime").JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<'th'>): import("react/jsx-runtime").JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<'td'>): import("react/jsx-runtime").JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<'caption'>): import("react/jsx-runtime").JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/components/ui/table.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../lib/utils';
+function Table({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: _jsx("table", { "data-slot": "table", className: cn('w-full caption-bottom text-sm', className), ...props }) }));
+}
+function TableHeader({ className, ...props }) {
+    return (_jsx("thead", { "data-slot": "table-header", className: cn('[&_tr]:border-b', className), ...props }));
+}
+function TableBody({ className, ...props }) {
+    return (_jsx("tbody", { "data-slot": "table-body", className: cn('[&_tr:last-child]:border-0', className), ...props }));
+}
+function TableFooter({ className, ...props }) {
+    return (_jsx("tfoot", { "data-slot": "table-footer", className: cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className), ...props }));
+}
+function TableRow({ className, ...props }) {
+    return (_jsx("tr", { "data-slot": "table-row", className: cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', className), ...props }));
+}
+function TableHead({ className, ...props }) {
+    return (_jsx("th", { "data-slot": "table-head", className: cn('text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', className), ...props }));
+}
+function TableCell({ className, ...props }) {
+    return (_jsx("td", { "data-slot": "table-cell", className: cn('p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', className), ...props }));
+}
+function TableCaption({ className, ...props }) {
+    return (_jsx("caption", { "data-slot": "table-caption", className: cn('text-muted-foreground mt-4 text-sm', className), ...props }));
+}
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/ui/tabs.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { cn } from '../../lib/utils';
+function Tabs({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", className: cn('flex flex-col gap-2', className), ...props }));
+}
+function TabsList({ className, ...props }) {
+    return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", className: cn('bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]', className), ...props }));
+}
+function TabsTrigger({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+function TabsContent({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Content, { "data-slot": "tabs-content", className: cn('flex-1 outline-none', className), ...props }));
+}
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/ui/toggle-group.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { toggleVariants } from './toggle';
+import type { VariantProps } from 'class-variance-authority';
+declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { ToggleGroup, ToggleGroupItem };

package/dist/components/ui/toggle-group.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { cn } from '../../lib/utils';
+import { toggleVariants } from './toggle';
+const ToggleGroupContext = React.createContext({
+    size: 'default',
+    variant: 'default',
+});
+function ToggleGroup({ className, variant, size, children, ...props }) {
+    return (_jsx(ToggleGroupPrimitive.Root, { "data-slot": "toggle-group", "data-variant": variant, "data-size": size, className: cn('group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs', className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size }, children: children }) }));
+}
+function ToggleGroupItem({ className, children, variant, size, ...props }) {
+    const context = React.useContext(ToggleGroupContext);
+    return (_jsx(ToggleGroupPrimitive.Item, { "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, className: cn(toggleVariants({
+            variant: context.variant || variant,
+            size: context.size || size,
+        }), 'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l', className), ...props, children: children }));
+}
+export { ToggleGroup, ToggleGroupItem };

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import type { VariantProps } from 'class-variance-authority';
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };

package/dist/components/ui/toggle.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils';
+const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            outline: 'border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground',
+        },
+        size: {
+            default: 'h-9 px-2 min-w-9',
+            sm: 'h-8 px-1.5 min-w-8',
+            lg: 'h-10 px-2.5 min-w-10',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+function Toggle({ className, variant, size, ...props }) {
+    return (_jsx(TogglePrimitive.Root, { "data-slot": "toggle", className: cn(toggleVariants({ variant, size, className })), ...props }));
+}
+export { Toggle, toggleVariants };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/components/ui/tooltip.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from '../../lib/utils';
+function TooltipProvider({ delayDuration = 0, ...props }) {
+    return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
+}
+function Tooltip({ ...props }) {
+    return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) }));
+}
+function TooltipTrigger({ ...props }) {
+    return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn('bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance', className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] }) }));
+}
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/components/ui/tree-view.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+interface TreeDataItem {
+    id: string;
+    name: string;
+    icon?: any;
+    selectedIcon?: any;
+    openIcon?: any;
+    children?: Array<TreeDataItem>;
+    actions?: React.ReactNode;
+    onClick?: () => void;
+    draggable?: boolean;
+    droppable?: boolean;
+    className?: string;
+}
+declare const TreeView: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    data: Array<TreeDataItem> | TreeDataItem;
+    initialSelectedItemId?: string;
+    onSelectChange?: (item: TreeDataItem | undefined) => void;
+    expandAll?: boolean;
+    initialExpandedItemIds?: Array<string>;
+    defaultNodeIcon?: any;
+    defaultLeafIcon?: any;
+    onDocumentDrag?: (sourceItem: TreeDataItem, targetItem: TreeDataItem) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export { TreeView, type TreeDataItem };

package/dist/components/ui/tree-view.js

@@ -0,0 +1,151 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ChevronRight } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils';
+const treeVariants = cva('group hover:before:opacity-100 before:absolute before:rounded-lg before:left-0 px-2 before:w-full before:opacity-0 before:bg-accent/70 before:h-[2rem] before:-z-10');
+const selectedTreeVariants = cva('before:opacity-100 before:bg-accent/70 text-accent-foreground');
+const dragOverVariants = cva('before:opacity-100 before:bg-primary/20 text-primary-foreground');
+const TreeView = React.forwardRef(({ data, initialSelectedItemId, onSelectChange, expandAll, initialExpandedItemIds, defaultLeafIcon, defaultNodeIcon, className, onDocumentDrag, ...props }, ref) => {
+    const [selectedItemId, setSelectedItemId] = React.useState(initialSelectedItemId);
+    const [draggedItem, setDraggedItem] = React.useState(null);
+    const handleSelectChange = React.useCallback((item) => {
+        setSelectedItemId(item?.id);
+        if (onSelectChange) {
+            onSelectChange(item);
+        }
+    }, [onSelectChange]);
+    const handleDragStart = React.useCallback((item) => {
+        setDraggedItem(item);
+    }, []);
+    const handleDrop = React.useCallback((targetItem) => {
+        if (draggedItem && onDocumentDrag && draggedItem.id !== targetItem.id) {
+            onDocumentDrag(draggedItem, targetItem);
+        }
+        setDraggedItem(null);
+    }, [draggedItem, onDocumentDrag]);
+    const expandedItemIds = React.useMemo(() => {
+        if (initialExpandedItemIds) {
+            return initialExpandedItemIds;
+        }
+        if (!initialSelectedItemId && !expandAll) {
+            return [];
+        }
+        const ids = [];
+        function walkTreeItems(items, targetId) {
+            if (items instanceof Array) {
+                for (let i = 0; i < items.length; i++) {
+                    ids.push(items[i].id);
+                    if (walkTreeItems(items[i], targetId) && !expandAll) {
+                        return true;
+                    }
+                    if (!expandAll)
+                        ids.pop();
+                }
+            }
+            else if (!expandAll && items.id === targetId) {
+                return true;
+            }
+            else if (items.children) {
+                return walkTreeItems(items.children, targetId);
+            }
+        }
+        walkTreeItems(data, initialSelectedItemId ?? '');
+        return ids;
+    }, [data, expandAll, initialSelectedItemId, initialExpandedItemIds]);
+    return (_jsxs("div", { className: cn('overflow-hidden relative p-2', className), children: [_jsx(TreeItem, { data: data, ref: ref, selectedItemId: selectedItemId, handleSelectChange: handleSelectChange, expandedItemIds: expandedItemIds, defaultLeafIcon: defaultLeafIcon, defaultNodeIcon: defaultNodeIcon, handleDragStart: handleDragStart, handleDrop: handleDrop, draggedItem: draggedItem, ...props }), _jsx("div", { className: "w-full h-[48px]", onDrop: () => {
+                    handleDrop({ id: '', name: 'parent_div' });
+                } })] }));
+});
+TreeView.displayName = 'TreeView';
+const TreeItem = React.forwardRef(({ className, data, selectedItemId, handleSelectChange, expandedItemIds, defaultNodeIcon, defaultLeafIcon, handleDragStart, handleDrop, draggedItem, ...props }, ref) => {
+    if (!(data instanceof Array)) {
+        data = [data];
+    }
+    return (_jsx("div", { ref: ref, role: "tree", className: className, ...props, children: _jsx("ul", { children: data.map((item) => (_jsx("li", { children: item.children ? (_jsx(TreeNode, { item: item, selectedItemId: selectedItemId, expandedItemIds: expandedItemIds, handleSelectChange: handleSelectChange, defaultNodeIcon: defaultNodeIcon, defaultLeafIcon: defaultLeafIcon, handleDragStart: handleDragStart, handleDrop: handleDrop, draggedItem: draggedItem })) : (_jsx(TreeLeaf, { item: item, selectedItemId: selectedItemId, handleSelectChange: handleSelectChange, defaultLeafIcon: defaultLeafIcon, handleDragStart: handleDragStart, handleDrop: handleDrop, draggedItem: draggedItem, className: item.className })) }, item.id))) }) }));
+});
+TreeItem.displayName = 'TreeItem';
+const TreeNode = ({ item, handleSelectChange, expandedItemIds, selectedItemId, defaultNodeIcon, defaultLeafIcon, handleDragStart, handleDrop, draggedItem, }) => {
+    const [value, setValue] = React.useState(expandedItemIds.includes(item.id) ? [item.id] : []);
+    const [isDragOver, setIsDragOver] = React.useState(false);
+    const onDragStart = (e) => {
+        if (!item.draggable) {
+            e.preventDefault();
+            return;
+        }
+        e.dataTransfer.setData('text/plain', item.id);
+        handleDragStart?.(item);
+    };
+    const onDragOver = (e) => {
+        if (item.droppable !== false && draggedItem && draggedItem.id !== item.id) {
+            e.preventDefault();
+            setIsDragOver(true);
+        }
+    };
+    const onDragLeave = () => {
+        setIsDragOver(false);
+    };
+    const onDrop = (e) => {
+        e.preventDefault();
+        setIsDragOver(false);
+        handleDrop?.(item);
+    };
+    return (_jsx(AccordionPrimitive.Root, { type: "multiple", value: value, onValueChange: (s) => setValue(s), children: _jsxs(AccordionPrimitive.Item, { value: item.id, children: [_jsxs(AccordionTrigger, { className: cn(treeVariants(), selectedItemId === item.id && selectedTreeVariants(), isDragOver && dragOverVariants()), onClick: () => {
+                        handleSelectChange(item);
+                        item.onClick?.();
+                    }, draggable: !!item.draggable, onDragStart: onDragStart, onDragOver: onDragOver, onDragLeave: onDragLeave, onDrop: onDrop, children: [_jsx(TreeIcon, { item: item, isSelected: selectedItemId === item.id, isOpen: value.includes(item.id), default: defaultNodeIcon }), _jsx("span", { className: "text-md truncate", children: item.name }), _jsx(TreeActions, { isSelected: selectedItemId === item.id, children: item.actions })] }), _jsx(AccordionContent, { className: "ml-4 pl-1 border-l", children: _jsx(TreeItem, { data: item.children ? item.children : item, selectedItemId: selectedItemId, handleSelectChange: handleSelectChange, expandedItemIds: expandedItemIds, defaultLeafIcon: defaultLeafIcon, defaultNodeIcon: defaultNodeIcon, handleDragStart: handleDragStart, handleDrop: handleDrop, draggedItem: draggedItem }) })] }) }));
+};
+const TreeLeaf = React.forwardRef(({ className, item, selectedItemId, handleSelectChange, defaultLeafIcon, handleDragStart, handleDrop, draggedItem, ...props }, ref) => {
+    const [isDragOver, setIsDragOver] = React.useState(false);
+    const onDragStart = (e) => {
+        if (!item.draggable) {
+            e.preventDefault();
+            return;
+        }
+        e.dataTransfer.setData('text/plain', item.id);
+        handleDragStart?.(item);
+    };
+    const onDragOver = (e) => {
+        if (item.droppable !== false &&
+            draggedItem &&
+            draggedItem.id !== item.id) {
+            e.preventDefault();
+            setIsDragOver(true);
+        }
+    };
+    const onDragLeave = () => {
+        setIsDragOver(false);
+    };
+    const onDrop = (e) => {
+        e.preventDefault();
+        setIsDragOver(false);
+        handleDrop?.(item);
+    };
+    return (_jsxs("div", { ref: ref, className: cn('ml-5 flex text-left items-center py-2 cursor-pointer before:right-1', treeVariants(), className, selectedItemId === item.id && selectedTreeVariants(), isDragOver && dragOverVariants()), onClick: () => {
+            handleSelectChange(item);
+            item.onClick?.();
+        }, draggable: !!item.draggable, onDragStart: onDragStart, onDragOver: onDragOver, onDragLeave: onDragLeave, onDrop: onDrop, ...props, children: [_jsx(TreeIcon, { item: item, isSelected: selectedItemId === item.id, default: defaultLeafIcon }), _jsx("span", { className: "flex-grow text-md truncate", children: item.name }), _jsx(TreeActions, { isSelected: selectedItemId === item.id, children: item.actions })] }));
+});
+TreeLeaf.displayName = 'TreeLeaf';
+const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Header, { children: _jsxs(AccordionPrimitive.Trigger, { ref: ref, className: cn('flex flex-1 w-full items-center py-2 transition-all first:[&[data-state=open]>svg]:rotate-90', className), ...props, children: [_jsx(ChevronRight, { className: "h-4 w-4 shrink-0 transition-transform duration-200 text-accent-foreground/50 mr-1" }), children] }) })));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Content, { ref: ref, className: cn('overflow-hidden text-md transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down', className), ...props, children: _jsx("div", { className: "pb-1 pt-0", children: children }) })));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+const TreeIcon = ({ item, isOpen, isSelected, default: defaultIcon, }) => {
+    let Icon = defaultIcon;
+    if (isSelected && item.selectedIcon) {
+        Icon = item.selectedIcon;
+    }
+    else if (isOpen && item.openIcon) {
+        Icon = item.openIcon;
+    }
+    else if (item.icon) {
+        Icon = item.icon;
+    }
+    return Icon ? _jsx(Icon, { className: "h-4 w-4 shrink-0 mr-2" }) : _jsx(_Fragment, {});
+};
+const TreeActions = ({ children, isSelected, }) => {
+    return (_jsx("div", { className: cn(isSelected ? 'block' : 'hidden', 'absolute right-3 group-hover:block'), children: children }));
+};
+export { TreeView };

package/dist/file-classes.d.ts

@@ -0,0 +1,8 @@
+import type { FileClass } from './types';
+export declare const twClasses: Record<FileClass, string>;
+export type FileClassAndInfo = {
+    fileClass: FileClass;
+    originalFile?: string;
+    modifiedFile?: string;
+};
+export declare const getFileClass: (file: string, tree: Record<string, string>, originalTree: Record<string, string>, localTree: Record<string, string>, deletedFiles: Array<string>) => FileClassAndInfo;

package/dist/file-classes.js

@@ -0,0 +1,41 @@
+export const twClasses = {
+    unchanged: 'text-gray-500',
+    added: 'text-green-500 font-bold',
+    modified: 'text-blue-500 italic',
+    deleted: 'text-red-500 line-through',
+    overwritten: 'text-red-700 underline',
+};
+export const getFileClass = (file, tree, originalTree, localTree, deletedFiles) => {
+    if (localTree[file]) {
+        if (deletedFiles.includes(file)) {
+            return { fileClass: 'deleted', originalFile: localTree[file] };
+        }
+        // We have a local file and it's in the new tree
+        if (tree[file]) {
+            // Our new tree has changed this file
+            if (localTree[file] !== tree[file]) {
+                // Was the local tree different from the original?
+                if (originalTree[file] && localTree[file] !== originalTree[file]) {
+                    // Yes, it was overwritten
+                    return {
+                        fileClass: 'overwritten',
+                        originalFile: localTree[file],
+                        modifiedFile: tree[file],
+                    };
+                }
+                else {
+                    // No, it just being modified
+                    return {
+                        fileClass: 'modified',
+                        originalFile: localTree[file],
+                        modifiedFile: tree[file],
+                    };
+                }
+            }
+        }
+        return { fileClass: 'unchanged', modifiedFile: localTree[file] };
+    }
+    else {
+        return { fileClass: 'added', modifiedFile: tree[file] };
+    }
+};

package/dist/hooks/use-mounted.d.ts

@@ -0,0 +1 @@
+export declare function useMounted(): boolean;

package/dist/hooks/use-mounted.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export function useMounted() {
+    const [mounted, setMounted] = React.useState(false);
+    React.useEffect(() => {
+        setMounted(true);
+    }, []);
+    return mounted;
+}

package/dist/hooks/use-preferred-reduced-motion.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Hook that returns the user's preference for reduced motion.
+ * @returns null if the value is not yet determined or the user's preference for reduced motion.
+ */
+export declare const usePrefersReducedMotion: () => boolean | null;

package/dist/hooks/use-preferred-reduced-motion.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+/**
+ * Hook that returns the user's preference for reduced motion.
+ * @returns null if the value is not yet determined or the user's preference for reduced motion.
+ */
+export const usePrefersReducedMotion = () => {
+    const [prefersReducedMotion, setPrefersReducedMotion] = React.useState(null);
+    React.useEffect(() => {
+        const mediaQueryList = window.matchMedia('(prefers-reduced-motion: reduce)');
+        setPrefersReducedMotion(mediaQueryList.matches);
+        const listener = (event) => {
+            setPrefersReducedMotion(event.matches);
+        };
+        mediaQueryList.addEventListener('change', listener);
+        return () => {
+            mediaQueryList.removeEventListener('change', listener);
+        };
+    }, []);
+    return prefersReducedMotion;
+};

package/dist/hooks/use-streaming-status.d.ts

@@ -0,0 +1,6 @@
+import type { StreamItem } from '../types';
+export default function useStreamingStatus(): {
+    finished: boolean;
+    streamItems: StreamItem[];
+    monitorStream: (res: Response) => Promise<string>;
+};