@vibesdotdev/kit 0.0.0-stage → 1.0.0-rc.3

package/dist/lib/components/ui/glass-panel/glass-context-budget.js

@@ -0,0 +1,62 @@
+import { settleNow } from "../../../attempt.js";
+/**
+ * Browsers impose a shared WebGL context ceiling. Keep decorative glass in this
+ * loaded VibesKit realm comfortably below it so product canvases retain priority.
+ */
+export const DEFAULT_VISIBLE_GLASS_CONTEXT_BUDGET = 4;
+export function createGlassContextLeaseOwner() {
+    return { id: Symbol('glass-context-lease') };
+}
+export function createGlassContextBudget(capacity = DEFAULT_VISIBLE_GLASS_CONTEXT_BUDGET) {
+    if (!Number.isSafeInteger(capacity) || capacity < 1) {
+        throw new RangeError('Glass context capacity must be a positive integer.');
+    }
+    const owners = new Set();
+    const listeners = new Set();
+    let notificationQueued = false;
+    const notifyAvailability = () => {
+        if (notificationQueued)
+            return;
+        notificationQueued = true;
+        queueMicrotask(() => {
+            notificationQueued = false;
+            for (const listener of Array.from(listeners)) {
+                const notification = settleNow(listener);
+                if (!notification.ok) {
+                    // Re-raise each failure on its own task so the host reports it,
+                    // without skipping the listeners after it.
+                    queueMicrotask(() => {
+                        throw notification.error;
+                    });
+                }
+            }
+        });
+    };
+    return {
+        capacity,
+        get activeCount() {
+            return owners.size;
+        },
+        acquire(owner) {
+            if (owners.has(owner))
+                return true;
+            if (owners.size >= capacity)
+                return false;
+            owners.add(owner);
+            return true;
+        },
+        has(owner) {
+            return owners.has(owner);
+        },
+        release(owner) {
+            if (!owners.delete(owner))
+                return;
+            notifyAvailability();
+        },
+        subscribe(listener) {
+            listeners.add(listener);
+            return () => listeners.delete(listener);
+        }
+    };
+}
+export const glassContextBudget = createGlassContextBudget();

package/dist/lib/components/ui/glass-panel/glass-panel.shared.d.ts

@@ -0,0 +1,49 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import { type VariantProps } from 'tailwind-variants';
+import type { WithElementRef } from '../../../utils.ts';
+import type { GlassPanelComposition, GlassPanelFidelity } from './glass-composition.ts';
+export declare const glassPanelVariants: import("tailwind-variants").TVReturnType<{
+    intensity: {
+        subtle: "";
+        default: "";
+        strong: "";
+    };
+    glow: {
+        true: "";
+        false: "";
+    };
+}, undefined, "vibes-glass-surface relative rounded-3xl border", {
+    intensity: {
+        subtle: "";
+        default: "";
+        strong: "";
+    };
+    glow: {
+        true: "";
+        false: "";
+    };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+    intensity: {
+        subtle: "";
+        default: "";
+        strong: "";
+    };
+    glow: {
+        true: "";
+        false: "";
+    };
+}, undefined>>;
+export type GlassPanelIntensity = VariantProps<typeof glassPanelVariants>['intensity'];
+export type GlassPanelElevation = 'none' | 'subtle' | 'raised';
+export type GlassPanelProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    intensity?: GlassPanelIntensity;
+    glow?: boolean;
+    /** Outer elevation; omitted preserves the material's original shadow. */
+    elevation?: GlassPanelElevation;
+    /** CSS always renders; GPU caustics are an explicit, capability-gated enhancement. */
+    composition?: GlassPanelComposition;
+    /** Visual budget. `auto` is balanced glass with constrained-display fallbacks. */
+    fidelity?: GlassPanelFidelity;
+    /** Opt into a small pointer-hover material response for clickable surfaces. */
+    interactive?: boolean;
+};

package/dist/lib/components/ui/glass-panel/glass-panel.shared.js

@@ -0,0 +1,19 @@
+import { tv } from 'tailwind-variants';
+export const glassPanelVariants = tv({
+    base: 'vibes-glass-surface relative rounded-3xl border',
+    variants: {
+        intensity: {
+            subtle: '',
+            default: '',
+            strong: ''
+        },
+        glow: {
+            true: '',
+            false: ''
+        }
+    },
+    defaultVariants: {
+        intensity: 'default',
+        glow: true
+    }
+});

package/dist/lib/components/ui/glass-panel/glass-panel.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">import { cn } from "../../../utils.js";
+import GlassCaustics from "./glass-caustics.svelte";
+import { glassPanelVariants } from "./glass-panel.shared.js";
+let { ref = $bindable(null), class: className, intensity = "default", glow = true, elevation, composition = "css", fidelity = "auto", interactive = false, children, ...restProps } = $props();
+const causticIntensity = $derived(intensity === "subtle" ? .38 : intensity === "strong" ? .7 : .55);
+</script>
+
+<div
+	bind:this={ref}
+	{...restProps}
+	data-slot="glass-panel"
+	data-glass-intensity={intensity}
+	data-glass-glow={glow ? 'on' : 'off'}
+	data-glass-elevation={elevation}
+	data-glass-composition={composition}
+	data-glass-fidelity={fidelity}
+	data-glass-interactive={interactive ? 'true' : 'false'}
+	class={cn(glassPanelVariants({ intensity, glow }), className)}
+>
+	{#if composition === 'gpu' && fidelity !== 'simple'}
+		<GlassCaustics {fidelity} {interactive} intensity={causticIntensity} />
+	{/if}
+	{@render children?.()}
+</div>

package/dist/lib/components/ui/glass-panel/glass-panel.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type GlassPanelProps } from './glass-panel.shared.ts';
+declare const GlassPanel: import("svelte").Component<GlassPanelProps, {}, "ref">;
+type GlassPanel = ReturnType<typeof GlassPanel>;
+export default GlassPanel;

package/dist/lib/components/ui/glass-panel/glass-panel.test-fixture.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">import GlassPanel from "./glass-panel.svelte";
+let { motion = "full", offscreen = false, interactive = false, fidelity = "balanced", theme = "violet" } = $props();
+const themeStyle = $derived(theme === "mint" ? "--vibes-glass-caustic-a: 0.1 1 0.2; --vibes-glass-caustic-b: 0.1 0.8 0.3;" : "--vibes-glass-caustic-a: 1 0.1 0.2; --vibes-glass-caustic-b: 0.8 0.1 1;");
+const panelStyle = $derived(`position: fixed; left: 24px; top: ${offscreen ? "5000px" : "24px"}; width: 320px; height: 120px;`);
+</script>
+
+<div data-vibes-motion={motion} data-theme={theme} style={themeStyle}>
+	<GlassPanel
+		data-testid="glass-panel"
+		composition="gpu"
+		{fidelity}
+		{interactive}
+		style={panelStyle}
+	>
+		<p>Real mounted glass</p>
+	</GlassPanel>
+</div>

package/dist/lib/components/ui/glass-panel/glass-panel.test-fixture.svelte.d.ts

@@ -0,0 +1,12 @@
+import GlassPanel from './glass-panel.svelte';
+import type { GlassPanelFidelity } from './glass-composition.ts';
+interface Props {
+    motion?: 'full' | 'reduced' | 'off';
+    offscreen?: boolean;
+    interactive?: boolean;
+    fidelity?: GlassPanelFidelity;
+    theme?: 'violet' | 'mint';
+}
+declare const GlassPanel: import("svelte").Component<Props, {}, "">;
+type GlassPanel = ReturnType<typeof GlassPanel>;
+export default GlassPanel;

package/dist/lib/components/ui/glass-panel/index.d.ts

@@ -0,0 +1,4 @@
+import Root from './glass-panel.svelte';
+import type { GlassPanelIntensity, GlassPanelElevation, GlassPanelProps } from './glass-panel.shared.ts';
+import type { GlassPanelComposition, GlassPanelFidelity } from './glass-composition.ts';
+export { Root, Root as GlassPanel, type GlassPanelIntensity, type GlassPanelElevation, type GlassPanelProps, type GlassPanelComposition, type GlassPanelFidelity };

package/dist/lib/components/ui/glass-panel/index.js

@@ -0,0 +1,2 @@
+import Root from './glass-panel.svelte';
+export { Root, Root as GlassPanel };

package/dist/lib/components/ui/hover-card/hover-card-content.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">import { LinkPreview as HoverCardPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+import HoverCardPortal from "./hover-card-portal.svelte";
+let { ref = $bindable(null), class: className, align = "center", sideOffset = 4, portalProps, ...restProps } = $props();
+</script>
+
+<HoverCardPortal {...portalProps}>
+	<HoverCardPrimitive.Content
+		bind:ref
+		data-slot="hover-card-content"
+		{align}
+		{sideOffset}
+		class={cn(
+			'z-50 mt-3 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
+			className
+		)}
+		{...restProps}
+	/>
+</HoverCardPortal>

package/dist/lib/components/ui/hover-card/hover-card-content.svelte.d.ts

@@ -0,0 +1,10 @@
+import { LinkPreview as HoverCardPrimitive } from 'bits-ui';
+import { type WithoutChildrenOrChild } from '../../../utils.js';
+import HoverCardPortal from './hover-card-portal.svelte';
+import type { ComponentProps } from 'svelte';
+type $$ComponentProps = HoverCardPrimitive.ContentProps & {
+    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof HoverCardPortal>>;
+};
+declare const HoverCardContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type HoverCardContent = ReturnType<typeof HoverCardContent>;
+export default HoverCardContent;

package/dist/lib/components/ui/hover-card/hover-card-portal.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">import { LinkPreview as HoverCardPrimitive } from "bits-ui";
+let { ...restProps } = $props();
+</script>
+
+<HoverCardPrimitive.Portal {...restProps} />

package/dist/lib/components/ui/hover-card/hover-card-portal.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const HoverCardPortal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
+type HoverCardPortal = ReturnType<typeof HoverCardPortal>;
+export default HoverCardPortal;

package/dist/lib/components/ui/hover-card/hover-card-trigger.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">import { LinkPreview as HoverCardPrimitive } from "bits-ui";
+let { ref = $bindable(null), ...restProps } = $props();
+</script>
+
+<HoverCardPrimitive.Trigger bind:ref data-slot="hover-card-trigger" {...restProps} />

package/dist/lib/components/ui/hover-card/hover-card-trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import { LinkPreview as HoverCardPrimitive } from 'bits-ui';
+declare const HoverCardTrigger: import("svelte").Component<HoverCardPrimitive.TriggerProps, {}, "ref">;
+type HoverCardTrigger = ReturnType<typeof HoverCardTrigger>;
+export default HoverCardTrigger;

package/dist/lib/components/ui/hover-card/hover-card.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">import { LinkPreview as HoverCardPrimitive } from "bits-ui";
+let { open = $bindable(false), ...restProps } = $props();
+</script>
+
+<HoverCardPrimitive.Root bind:open {...restProps} />

package/dist/lib/components/ui/hover-card/hover-card.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const HoverCard: import("svelte").Component<import("bits-ui").LinkPreviewRootPropsWithoutHTML, {}, "open">;
+type HoverCard = ReturnType<typeof HoverCard>;
+export default HoverCard;

package/dist/lib/components/ui/hover-card/index.d.ts

@@ -0,0 +1,12 @@
+import Root from './hover-card.svelte';
+import Content from './hover-card-content.svelte';
+import Trigger from './hover-card-trigger.svelte';
+import Portal from './hover-card-portal.svelte';
+type HoverCardNamespace = typeof Root & {
+    Root: typeof Root;
+    Content: typeof Content;
+    Trigger: typeof Trigger;
+    Portal: typeof Portal;
+};
+declare const HoverCard: HoverCardNamespace;
+export { HoverCard as Root, Content, Trigger, Portal, HoverCard, Content as HoverCardContent, Trigger as HoverCardTrigger, Portal as HoverCardPortal };

package/dist/lib/components/ui/hover-card/index.js

@@ -0,0 +1,11 @@
+import Root from './hover-card.svelte';
+import Content from './hover-card-content.svelte';
+import Trigger from './hover-card-trigger.svelte';
+import Portal from './hover-card-portal.svelte';
+const HoverCard = Object.assign(Root, {
+    Root,
+    Content,
+    Trigger,
+    Portal
+});
+export { HoverCard as Root, Content, Trigger, Portal, HoverCard, Content as HoverCardContent, Trigger as HoverCardTrigger, Portal as HoverCardPortal };

package/dist/lib/components/ui/index.d.ts

@@ -0,0 +1,58 @@
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion';
+export { Calendar, CalendarDay, CalendarCell, CalendarGrid, CalendarHeader, CalendarMonths, CalendarGridRow, CalendarHeading, CalendarGridBody, CalendarGridHead, CalendarHeadCell, CalendarNextButton, CalendarPrevButton, CalendarNav, CalendarMonth, CalendarYearSelect, CalendarMonthSelect, CalendarCaption } from './calendar';
+export { Alert, alertVariants, AlertDescription, AlertTitle, type AlertVariant } from './alert';
+export { AlertDialog, AlertDialogTitle, AlertDialogAction, AlertDialogCancel, AlertDialogPortal, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AlertDialogOverlay, AlertDialogContent, AlertDialogDescription } from './alert-dialog';
+export { AspectRatio } from './aspect-ratio';
+export { Avatar, AvatarImage, AvatarFallback } from './avatar';
+export { Badge, badgeVariants } from './badge';
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbSeparator, BreadcrumbLink, BreadcrumbList, BreadcrumbPage } from './breadcrumb';
+export { Button, type ButtonProps, buttonVariants, type ButtonSize, type ButtonVariant } from './button';
+export { ButtonGroup, ButtonGroupText, ButtonGroupSeparator } from './button-group';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardAction } from './card';
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from './carousel';
+export { ConfirmDialog } from './confirm-dialog';
+export { Checkbox } from './checkbox';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandItem, CommandLinkItem, CommandInput, CommandList, CommandSeparator, CommandShortcut, CommandLoading } from './command';
+export { ContextMenu, ContextMenuSub, ContextMenuPortal, ContextMenuItem, ContextMenuGroupHeading, ContextMenuGroup, ContextMenuContent, ContextMenuTrigger, ContextMenuShortcut, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuRadioGroup, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuCheckboxItem, ContextMenuLabel } from './context-menu';
+export { FlexRender, renderComponent, renderSnippet, createSvelteTable } from './data-table';
+export { Dialog, DialogTitle, DialogPortal, DialogFooter, DialogHeader, DialogTrigger, DialogOverlay, DialogContent, DialogDescription, DialogClose } from './dialog';
+export { Drawer, DrawerNestedRoot, DrawerContent, DrawerDescription, DrawerOverlay, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DrawerPortal, DrawerClose } from './drawer';
+export { DropdownMenu, DropdownMenuCheckboxGroup, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuPortal, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownMenuGroupHeading } from './dropdown-menu';
+export { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent } from './empty';
+export { Field, FieldLegend, FieldGroup, FieldContent, FieldLabel, FieldTitle, FieldDescription, FieldSeparator, FieldError } from './field';
+export { FormField, FormItem, FormControl, FormDescription, FormLabel, FormFieldErrors, FormItemErrors, FormMessage, FormFieldset, FormLegend, FormElementField, FormButton } from './form';
+export { HoverCard, HoverCardContent, HoverCardTrigger, HoverCardPortal } from './hover-card';
+export { Input } from './input';
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from './input-group';
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from './input-otp';
+export { ItemGroup, ItemSeparator, ItemHeader, ItemFooter, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemMedia } from './item';
+export { Kbd, KbdGroup } from './kbd';
+export { Label } from './label';
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MenubarMenu, MenubarGroup, MenubarSub, MenubarRadioGroup, MenubarLabel, MenubarGroupHeading, MenubarPortal } from './menubar';
+export { ModeSwitcher, SharedModeWatcher, ModeStore, currentModeStore } from './mode-switcher';
+export { NativeSelect, NativeSelectOption, NativeSelectOptGroup } from './native-select';
+export { NavigationMenuRoot, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from './navigation-menu';
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevButton, PaginationPrevious, PaginationNextButton, PaginationNext, PaginationEllipsis } from './pagination';
+export { Panel, PanelHeader, PanelTitle, PanelActions, PanelContent, PanelFooter } from './panel';
+export { Popover, PopoverContent, PopoverTrigger, PopoverClose, PopoverPortal } from './popover';
+export { Progress } from './progress';
+export { RadioGroup, RadioGroupItem } from './radio-group';
+export { PaneGroup, Pane, Handle, ResizablePane, ResizableHandle } from './resizable';
+export { ScrollArea, ScrollAreaScrollbar } from './scroll-area';
+export { Select, SelectGroup, SelectLabel, SelectItem, SelectContent, SelectTrigger, SelectSeparator, SelectScrollDownButton, SelectScrollUpButton, SelectGroupHeading, SelectPortal, SelectValue } from './select';
+export { Separator } from './separator';
+export { Sheet, SheetClose, SheetTrigger, SheetPortal, SheetOverlay, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription } from './sheet';
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from './sidebar';
+export { Skeleton } from './skeleton';
+export { Slider } from './slider';
+export { Toaster } from './sonner';
+export { Spinner } from './spinner';
+export { Switch } from './switch';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './table';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from './tabs';
+export { Textarea } from './textarea';
+export { Toggle, toggleVariants } from './toggle';
+export { ToggleGroup, ToggleGroupItem } from './toggle-group';
+export { GlassPanel, type GlassPanelComposition, type GlassPanelFidelity, type GlassPanelIntensity, type GlassPanelProps } from './glass-panel';
+export { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider, TooltipPortal } from './tooltip';

package/dist/lib/components/ui/index.js

@@ -0,0 +1,67 @@
+// Explicit named re-exports to avoid ambiguous export-star collisions
+// that crash rolldown's linker (bind_imports_and_exports panic).
+// Each component barrel exports short names (Root, Content, Item, etc.)
+// that collide across 40+ components. We only re-export unique/prefixed names
+// plus explicit resolutions for ambiguous names consumers actually use.
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion';
+export { Calendar, CalendarDay, CalendarCell, CalendarGrid, CalendarHeader, CalendarMonths, CalendarGridRow, CalendarHeading, CalendarGridBody, CalendarGridHead, CalendarHeadCell, CalendarNextButton, CalendarPrevButton, CalendarNav, CalendarMonth, CalendarYearSelect, CalendarMonthSelect, CalendarCaption } from './calendar';
+export { Alert, alertVariants, AlertDescription, AlertTitle } from './alert';
+export { AlertDialog, AlertDialogTitle, AlertDialogAction, AlertDialogCancel, AlertDialogPortal, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AlertDialogOverlay, AlertDialogContent, AlertDialogDescription } from './alert-dialog';
+export { AspectRatio } from './aspect-ratio';
+export { Avatar, AvatarImage, AvatarFallback } from './avatar';
+export { Badge, badgeVariants } from './badge';
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbSeparator, BreadcrumbLink, BreadcrumbList, BreadcrumbPage } from './breadcrumb';
+export { Button, buttonVariants } from './button';
+export { ButtonGroup, ButtonGroupText, ButtonGroupSeparator } from './button-group';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardAction } from './card';
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from './carousel';
+// Chart components are deliberately NOT in this barrel — import them from
+// '@vibesdotdev/kit/components/ui/chart' when a surface actually wires them
+// (chart-tooltip's layerchart barrel import drags CJS-only @dagrejs/dagre
+// into every consumer graph; see components/index.ts for the full note).
+export { ConfirmDialog } from './confirm-dialog';
+export { Checkbox } from './checkbox';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandItem, CommandLinkItem, CommandInput, CommandList, CommandSeparator, CommandShortcut, CommandLoading } from './command';
+export { ContextMenu, ContextMenuSub, ContextMenuPortal, ContextMenuItem, ContextMenuGroupHeading, ContextMenuGroup, ContextMenuContent, ContextMenuTrigger, ContextMenuShortcut, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuRadioGroup, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuCheckboxItem, ContextMenuLabel } from './context-menu';
+export { FlexRender, renderComponent, renderSnippet, createSvelteTable } from './data-table';
+export { Dialog, DialogTitle, DialogPortal, DialogFooter, DialogHeader, DialogTrigger, DialogOverlay, DialogContent, DialogDescription, DialogClose } from './dialog';
+export { Drawer, DrawerNestedRoot, DrawerContent, DrawerDescription, DrawerOverlay, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DrawerPortal, DrawerClose } from './drawer';
+export { DropdownMenu, DropdownMenuCheckboxGroup, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuPortal, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownMenuGroupHeading } from './dropdown-menu';
+export { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent } from './empty';
+export { Field, FieldLegend, FieldGroup, FieldContent, FieldLabel, FieldTitle, FieldDescription, FieldSeparator, FieldError } from './field';
+export { FormField, FormItem, FormControl, FormDescription, FormLabel, FormFieldErrors, FormItemErrors, FormMessage, FormFieldset, FormLegend, FormElementField, FormButton } from './form';
+export { HoverCard, HoverCardContent, HoverCardTrigger, HoverCardPortal } from './hover-card';
+export { Input } from './input';
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from './input-group';
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from './input-otp';
+export { ItemGroup, ItemSeparator, ItemHeader, ItemFooter, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemMedia } from './item';
+export { Kbd, KbdGroup } from './kbd';
+export { Label } from './label';
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MenubarMenu, MenubarGroup, MenubarSub, MenubarRadioGroup, MenubarLabel, MenubarGroupHeading, MenubarPortal } from './menubar';
+export { ModeSwitcher, SharedModeWatcher, ModeStore, currentModeStore } from './mode-switcher';
+export { NativeSelect, NativeSelectOption, NativeSelectOptGroup } from './native-select';
+export { NavigationMenuRoot, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from './navigation-menu';
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevButton, PaginationPrevious, PaginationNextButton, PaginationNext, PaginationEllipsis } from './pagination';
+export { Panel, PanelHeader, PanelTitle, PanelActions, PanelContent, PanelFooter } from './panel';
+export { Popover, PopoverContent, PopoverTrigger, PopoverClose, PopoverPortal } from './popover';
+export { Progress } from './progress';
+export { RadioGroup, RadioGroupItem } from './radio-group';
+export { PaneGroup, Pane, Handle, ResizablePane, ResizableHandle } from './resizable';
+export { ScrollArea, ScrollAreaScrollbar } from './scroll-area';
+export { Select, SelectGroup, SelectLabel, SelectItem, SelectContent, SelectTrigger, SelectSeparator, SelectScrollDownButton, SelectScrollUpButton, SelectGroupHeading, SelectPortal, SelectValue } from './select';
+export { Separator } from './separator';
+export { Sheet, SheetClose, SheetTrigger, SheetPortal, SheetOverlay, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription } from './sheet';
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from './sidebar';
+export { Skeleton } from './skeleton';
+export { Slider } from './slider';
+export { Toaster } from './sonner';
+export { Spinner } from './spinner';
+export { Switch } from './switch';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './table';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from './tabs';
+export { Textarea } from './textarea';
+export { Toggle, toggleVariants } from './toggle';
+export { ToggleGroup, ToggleGroupItem } from './toggle-group';
+export { GlassPanel } from './glass-panel';
+export { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider, TooltipPortal } from './tooltip';

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

@@ -0,0 +1,2 @@
+import Root from './input.svelte';
+export { Root, Root as Input };

package/dist/lib/components/ui/input/index.js

@@ -0,0 +1,4 @@
+import Root from './input.svelte';
+export { Root, 
+//
+Root as Input };

package/dist/lib/components/ui/input/input.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">import { cn } from "../../../utils.js";
+let { ref = $bindable(null), value = $bindable(), type, files = $bindable(), class: className, "data-slot": dataSlot = "input", ...restProps } = $props();
+</script>
+
+{#if type === 'file'}
+	<input
+		bind:this={ref}
+		data-slot={dataSlot}
+		class={cn(
+			'flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 pt-1.5 text-sm font-medium shadow-xs ring-offset-background transition-[color,border-color,box-shadow] duration-150 outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none dark:bg-input/30',
+			'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50',
+			'aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',
+			className
+		)}
+		type="file"
+		bind:files
+		bind:value
+		{...restProps}
+	/>
+{:else}
+	<input
+		bind:this={ref}
+		data-slot={dataSlot}
+		class={cn(
+			'flex h-9 w-full min-w-0 rounded-md border border-input bg-background px-3 py-1 text-base shadow-xs ring-offset-background transition-[color,border-color,box-shadow] duration-150 outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none md:text-sm dark:bg-input/30',
+			'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50',
+			'aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',
+			className
+		)}
+		{type}
+		bind:value
+		{...restProps}
+	/>
+{/if}

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

@@ -0,0 +1,16 @@
+import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
+import { type WithElementRef } from '../../../utils.js';
+type InputType = Exclude<HTMLInputTypeAttribute, 'file'>;
+type InputValue = string | number | readonly string[] | undefined;
+type Props = WithElementRef<Omit<HTMLInputAttributes, 'type' | 'value'> & ({
+    type: 'file';
+    files?: FileList;
+    value?: string;
+} | {
+    type?: InputType;
+    files?: undefined;
+    value?: InputValue;
+})>;
+declare const Input: import("svelte").Component<Props, {}, "value" | "ref" | "files">;
+type Input = ReturnType<typeof Input>;
+export default Input;

package/dist/lib/components/ui/input-group/index.d.ts

@@ -0,0 +1,7 @@
+import Root from './input-group.svelte';
+import Addon from './input-group-addon.svelte';
+import Button from './input-group-button.svelte';
+import Input from './input-group-input.svelte';
+import Text from './input-group-text.svelte';
+import Textarea from './input-group-textarea.svelte';
+export { Root, Addon, Text, Root as InputGroup, Addon as InputGroupAddon, Button as InputGroupButton, Input as InputGroupInput, Text as InputGroupText, Textarea as InputGroupTextarea };

package/dist/lib/components/ui/input-group/index.js

@@ -0,0 +1,9 @@
+import Root from './input-group.svelte';
+import Addon from './input-group-addon.svelte';
+import Button from './input-group-button.svelte';
+import Input from './input-group-input.svelte';
+import Text from './input-group-text.svelte';
+import Textarea from './input-group-textarea.svelte';
+export { Root, Addon, Text, 
+//
+Root as InputGroup, Addon as InputGroupAddon, Button as InputGroupButton, Input as InputGroupInput, Text as InputGroupText, Textarea as InputGroupTextarea };

package/dist/lib/components/ui/input-group/input-group-addon.svelte

@@ -0,0 +1,33 @@
+<script lang="ts" module>import { tv } from "tailwind-variants";
+export const inputGroupAddonVariants = tv({
+	base: "text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
+	variants: { align: {
+		"inline-start": "order-first ps-3 has-[>button]:ms-[-0.45rem] has-[>kbd]:ms-[-0.35rem]",
+		"inline-end": "order-last pe-3 has-[>button]:me-[-0.45rem] has-[>kbd]:me-[-0.35rem]",
+		"block-start": "[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5",
+		"block-end": "[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5"
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+</script>
+
+<script lang="ts">import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, children, align = "inline-start", ...restProps } = $props();
+</script>
+
+<div
+	bind:this={ref}
+	role="group"
+	data-slot="input-group-addon"
+	data-align={align}
+	class={cn(inputGroupAddonVariants({ align }), className)}
+	onclick={(e) => {
+		if ((e.target as HTMLElement).closest('button')) {
+			return;
+		}
+		e.currentTarget.parentElement?.querySelector('input')?.focus();
+	}}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/lib/components/ui/input-group/input-group-addon.svelte.d.ts

@@ -0,0 +1,32 @@
+import { type VariantProps } from 'tailwind-variants';
+export declare const inputGroupAddonVariants: import("tailwind-variants").TVReturnType<{
+    align: {
+        'inline-start': "order-first ps-3 has-[>button]:ms-[-0.45rem] has-[>kbd]:ms-[-0.35rem]";
+        'inline-end': "order-last pe-3 has-[>button]:me-[-0.45rem] has-[>kbd]:me-[-0.35rem]";
+        'block-start': "[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5";
+        'block-end': "[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5";
+    };
+}, undefined, "text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+    align: {
+        'inline-start': "order-first ps-3 has-[>button]:ms-[-0.45rem] has-[>kbd]:ms-[-0.35rem]";
+        'inline-end': "order-last pe-3 has-[>button]:me-[-0.45rem] has-[>kbd]:me-[-0.35rem]";
+        'block-start': "[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5";
+        'block-end': "[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5";
+    };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+    align: {
+        'inline-start': "order-first ps-3 has-[>button]:ms-[-0.45rem] has-[>kbd]:ms-[-0.35rem]";
+        'inline-end': "order-last pe-3 has-[>button]:me-[-0.45rem] has-[>kbd]:me-[-0.35rem]";
+        'block-start': "[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5";
+        'block-end': "[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5";
+    };
+}, undefined>>;
+export type InputGroupAddonAlign = VariantProps<typeof inputGroupAddonVariants>['align'];
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    align?: InputGroupAddonAlign;
+};
+declare const InputGroupAddon: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type InputGroupAddon = ReturnType<typeof InputGroupAddon>;
+export default InputGroupAddon;

package/dist/lib/components/ui/input-group/input-group-button.svelte

@@ -0,0 +1,28 @@
+<script lang="ts" module>import { tv } from "tailwind-variants";
+const inputGroupButtonVariants = tv({
+	base: "flex items-center gap-2 text-sm shadow-none",
+	variants: { size: {
+		xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+		sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
+		"icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
+	} },
+	defaultVariants: { size: "xs" }
+});
+</script>
+
+<script lang="ts">import { cn } from "../../../utils.js";
+import { Button } from "../button/index.js";
+let { ref = $bindable(null), class: className, children, type = "button", variant = "ghost", size = "xs", ...restProps } = $props();
+</script>
+
+<Button
+	bind:ref
+	{type}
+	data-size={size}
+	{variant}
+	class={cn(inputGroupButtonVariants({ size }), className)}
+	{...restProps}
+>
+	{@render children?.()}
+</Button>