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

package/dist/lib/components/graphql/graphql-mode.js

@@ -0,0 +1,93 @@
+import * as z from 'zod/v4';
+/** The introspection envelope: a query root and a list of typed schema entries. */
+const introspectionEnvelopeSchema = z.looseObject({
+    __schema: z.looseObject({
+        queryType: z.looseObject({ name: z.string() }),
+        types: z.array(z.looseObject({ kind: z.string(), name: z.string().nullable() }))
+    })
+});
+/**
+ * An introspection result. Its envelope is checked here; the remaining fields
+ * are the server's answer to INTROSPECTION_QUERY, which monaco-graphql hands to
+ * graphql-js buildClientSchema, and that refuses a malformed schema instead of
+ * misreading it.
+ */
+const introspectionPayloadSchema = z.custom((value) => introspectionEnvelopeSchema.safeParse(value).success);
+let modePromise = null;
+const schemaLeasesByModelUri = new Map();
+async function loadMode() {
+    const attempt = modePromise ??
+        import('monaco-graphql/initializeMode').then(({ initializeMode }) => initializeMode({
+            modeConfiguration: {
+                completionItems: true,
+                hovers: true,
+                documentSymbols: true,
+                diagnostics: true
+            }
+        }));
+    modePromise = attempt;
+    try {
+        return await attempt;
+    }
+    catch (failure) {
+        // A failed initialization is not cached, so the next attachment retries.
+        if (modePromise === attempt)
+            modePromise = null;
+        throw failure;
+    }
+}
+function applySchemas(api) {
+    const activeSchemas = [...schemaLeasesByModelUri.values()].flatMap((leases) => {
+        const registrations = [...leases.values()];
+        const active = registrations.at(-1);
+        return active ? [active] : [];
+    });
+    api.setSchemaConfig(activeSchemas);
+}
+/**
+ * Attach one introspected schema to one Monaco model URI.
+ *
+ * Monaco's language registry is document-global. This lease keeps concurrent
+ * explorers isolated by exact model URI and removes stale schemas on teardown.
+ */
+export async function attachGraphQLMode(input) {
+    const parsed = introspectionPayloadSchema.safeParse(input.introspectionJSON);
+    if (!parsed.success)
+        throw new Error('GraphQL introspection payload is not a schema');
+    const api = await loadMode();
+    const registration = {
+        introspectionJSON: parsed.data,
+        uri: `${input.modelUri}#schema`,
+        fileMatch: [input.modelUri]
+    };
+    const leaseId = Symbol(input.modelUri);
+    let leases = schemaLeasesByModelUri.get(input.modelUri);
+    if (!leases) {
+        leases = new Map();
+        schemaLeasesByModelUri.set(input.modelUri, leases);
+    }
+    leases.set(leaseId, registration);
+    try {
+        applySchemas(api);
+    }
+    catch (error) {
+        leases.delete(leaseId);
+        if (leases.size === 0)
+            schemaLeasesByModelUri.delete(input.modelUri);
+        throw error;
+    }
+    let disposed = false;
+    return {
+        dispose() {
+            if (disposed)
+                return;
+            disposed = true;
+            const activeLeases = schemaLeasesByModelUri.get(input.modelUri);
+            if (!activeLeases?.delete(leaseId))
+                return;
+            if (activeLeases.size === 0)
+                schemaLeasesByModelUri.delete(input.modelUri);
+            applySchemas(api);
+        }
+    };
+}

package/dist/lib/components/graphql/graphql.worker.d.ts

@@ -0,0 +1 @@
+import 'monaco-graphql/esm/graphql.worker.js';

package/dist/lib/components/graphql/graphql.worker.js

@@ -0,0 +1,5 @@
+// Vite cannot reliably transform a bare dependency worker entry when it is
+// imported with `?worker`. Keeping the worker boundary in the owner package
+// gives both development and published builds a local, statically analyzable
+// entry while monaco-graphql continues to own the worker implementation.
+import 'monaco-graphql/esm/graphql.worker.js';

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

@@ -0,0 +1,10 @@
+/**
+ * GraphQL explorer — schema introspection viewer + minimal query
+ * playground. Tier 4 of `docs/architecture/DOCS-RUNTIME.md`.
+ *
+ * Apps consume via:
+ *   import { GraphQLExplorer } from '../../index.ts/components/graphql';
+ */
+export { default as GraphQLExplorer } from './GraphQLExplorer.svelte';
+export { formatTypeRef, INTROSPECTION_QUERY } from './types';
+export type { GraphQLSchema, GraphQLType, GraphQLField, GraphQLTypeRef, GraphQLInputValue, GraphQLEnumValue, IntrospectionResult } from './types';

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

@@ -0,0 +1,9 @@
+/**
+ * GraphQL explorer — schema introspection viewer + minimal query
+ * playground. Tier 4 of `docs/architecture/DOCS-RUNTIME.md`.
+ *
+ * Apps consume via:
+ *   import { GraphQLExplorer } from '../../index.ts/components/graphql';
+ */
+export { default as GraphQLExplorer } from './GraphQLExplorer.svelte';
+export { formatTypeRef, INTROSPECTION_QUERY } from './types';

package/dist/lib/components/graphql/types.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Minimal GraphQL introspection types — just the surface we render.
+ */
+export interface GraphQLTypeRef {
+    kind: string;
+    name: string | null;
+    ofType: GraphQLTypeRef | null;
+}
+export interface GraphQLInputValue {
+    name: string;
+    description: string | null;
+    type: GraphQLTypeRef;
+    defaultValue: string | null;
+}
+export interface GraphQLField {
+    name: string;
+    description: string | null;
+    args: GraphQLInputValue[];
+    type: GraphQLTypeRef;
+    isDeprecated: boolean;
+    deprecationReason: string | null;
+}
+export interface GraphQLEnumValue {
+    name: string;
+    description: string | null;
+    isDeprecated: boolean;
+    deprecationReason: string | null;
+}
+export interface GraphQLType {
+    kind: string;
+    name: string | null;
+    description: string | null;
+    fields?: GraphQLField[] | null;
+    inputFields?: GraphQLInputValue[] | null;
+    interfaces?: GraphQLTypeRef[] | null;
+    enumValues?: GraphQLEnumValue[] | null;
+    possibleTypes?: GraphQLTypeRef[] | null;
+}
+export interface GraphQLSchema {
+    queryType: {
+        name: string;
+    } | null;
+    mutationType: {
+        name: string;
+    } | null;
+    subscriptionType: {
+        name: string;
+    } | null;
+    types: GraphQLType[];
+}
+export interface IntrospectionResult {
+    data?: {
+        __schema: GraphQLSchema;
+    };
+    errors?: Array<{
+        message: string;
+    }>;
+}
+export declare const INTROSPECTION_QUERY = "\nquery IntrospectionQuery {\n  __schema {\n    queryType { name }\n    mutationType { name }\n    subscriptionType { name }\n    types {\n      kind\n      name\n      description\n      fields(includeDeprecated: true) {\n        name\n        description\n        args {\n          name\n          description\n          type { ...TypeRef }\n          defaultValue\n        }\n        type { ...TypeRef }\n        isDeprecated\n        deprecationReason\n      }\n      inputFields {\n        name\n        description\n        type { ...TypeRef }\n        defaultValue\n      }\n      interfaces { ...TypeRef }\n      enumValues(includeDeprecated: true) {\n        name\n        description\n        isDeprecated\n        deprecationReason\n      }\n      possibleTypes { ...TypeRef }\n    }\n  }\n}\nfragment TypeRef on __Type {\n  kind\n  name\n  ofType {\n    kind\n    name\n    ofType { kind name ofType { kind name } }\n  }\n}\n";
+/**
+ * Render a GraphQL type reference (with NonNull / List wrappers) as a
+ * readable string: e.g. `[User!]!` from `LIST → NON_NULL → User`.
+ */
+export declare function formatTypeRef(ref: GraphQLTypeRef | null | undefined): string;

package/dist/lib/components/graphql/types.js

@@ -0,0 +1,66 @@
+/**
+ * Minimal GraphQL introspection types — just the surface we render.
+ */
+export const INTROSPECTION_QUERY = `
+query IntrospectionQuery {
+  __schema {
+    queryType { name }
+    mutationType { name }
+    subscriptionType { name }
+    types {
+      kind
+      name
+      description
+      fields(includeDeprecated: true) {
+        name
+        description
+        args {
+          name
+          description
+          type { ...TypeRef }
+          defaultValue
+        }
+        type { ...TypeRef }
+        isDeprecated
+        deprecationReason
+      }
+      inputFields {
+        name
+        description
+        type { ...TypeRef }
+        defaultValue
+      }
+      interfaces { ...TypeRef }
+      enumValues(includeDeprecated: true) {
+        name
+        description
+        isDeprecated
+        deprecationReason
+      }
+      possibleTypes { ...TypeRef }
+    }
+  }
+}
+fragment TypeRef on __Type {
+  kind
+  name
+  ofType {
+    kind
+    name
+    ofType { kind name ofType { kind name } }
+  }
+}
+`;
+/**
+ * Render a GraphQL type reference (with NonNull / List wrappers) as a
+ * readable string: e.g. `[User!]!` from `LIST → NON_NULL → User`.
+ */
+export function formatTypeRef(ref) {
+    if (!ref)
+        return 'Unknown';
+    if (ref.kind === 'NON_NULL')
+        return `${formatTypeRef(ref.ofType)}!`;
+    if (ref.kind === 'LIST')
+        return `[${formatTypeRef(ref.ofType)}]`;
+    return ref.name ?? '?';
+}

package/dist/lib/components/icon/Icon.svelte

@@ -0,0 +1,92 @@
+<script lang="ts">/**
+* VibesKit SSR-native Icon component.
+*
+* Renders real inline <svg> markup from the statically bundled icon collections.
+* This works during server-side rendering (no client-only "load on mount" behavior)
+* and produces clean, CSP-friendly markup with no runtime network requests.
+*
+* Usage:
+*   <Icon icon="lucide:home" class="h-5 w-5" />
+*   <Icon icon="mdi:account" size={24} aria-label="Account" />
+*
+* The icon name uses the standard "prefix:name" form (lucide, mdi, ic, flat-color-icons).
+* Additional collections can be registered via the icon registry if needed.
+*/
+import { DEV } from "esm-env";
+import { kitLogger } from "../../kit-logger";
+/** Reports through the host-injected kit logger (a no-op before the kit is initialized). */
+const logger = kitLogger("vibeskit-icon");
+import { getIconData } from "../../icons/data.js";
+import { missingIconWarnings } from "./missing-icon-warnings";
+let { icon, class: className = "", size, "aria-label": ariaLabel, title, ...rest } = $props();
+const data = $derived(getIconData(icon));
+// Track missing icons so we only warn once per name in production.
+const warnedMissing = missingIconWarnings();
+const isDev = DEV;
+$effect(() => {
+	if (!data && icon && !isDev && !warnedMissing.has(icon)) {
+		warnedMissing.add(icon);
+		logger.warn(`Missing icon "${icon}": its collection is not registered.`);
+	}
+});
+// Determine fill strategy:
+// - flat-color-icons are full-color brand marks → let their internal fills win
+// - everything else (lucide, mdi, ic) is monochrome → use currentColor so the
+//   surrounding text color / dark mode classes control the icon color.
+const prefix = $derived(icon?.split(":")[0] ?? "");
+const useCurrentColor = $derived(prefix !== "flat-color-icons");
+const svgProps = $derived.by(() => {
+	if (!data) {
+		return null;
+	}
+	const w = Number(data.width ?? 24);
+	const h = Number(data.height ?? 24);
+	const isDecorative = !ariaLabel && !title;
+	return {
+		viewBox: `0 0 ${w} ${h}`,
+		role: isDecorative ? undefined : "img",
+		"aria-hidden": isDecorative ? "true" : undefined,
+		"aria-label": ariaLabel,
+		innerHTML: data.body
+	};
+});
+</script>
+
+{#if svgProps}
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox={svgProps.viewBox}
+		preserveAspectRatio="xMidYMid meet"
+		width="1em"
+		height="1em"
+		overflow="hidden"
+		fill={useCurrentColor ? 'currentColor' : undefined}
+		class="inline-block shrink-0 overflow-hidden align-middle {className}"
+		role={svgProps.role}
+		aria-hidden={svgProps['aria-hidden']}
+		aria-label={svgProps['aria-label']}
+		{...rest}
+	>
+		{#if title}<title>{title}</title>{/if}
+		<!-- Statically bundled icon collections: kit-generated SVG bodies, never consumer HTML. -->
+		{@html svgProps.innerHTML}
+	</svg>
+{:else if isDev}
+	<!-- Loud red "?" only in dev mode so missing icons are obvious to developers -->
+	{#if size != null}
+		<span class="inline-block text-red-500" style="font-size: {size}px">?</span>
+	{:else}
+		<span class="inline-block text-red-500">?</span>
+	{/if}
+{:else}
+	<!-- Neutral, invisible placeholder in production; preserves layout without screaming. -->
+	{#if size != null}
+		<span
+			aria-hidden="true"
+			class="inline-block align-middle {className}"
+			style="width: {size}px; height: {size}px"
+		></span>
+	{:else}
+		<span aria-hidden="true" class="inline-block h-[1em] w-[1em] align-middle {className}"></span>
+	{/if}
+{/if}

package/dist/lib/components/icon/Icon.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { SVGAttributes } from 'svelte/elements';
+/** Any other svg attributes are forwarded to the <svg> element. */
+type Props = Omit<SVGAttributes<SVGSVGElement>, 'class' | 'aria-label' | 'title'> & {
+    /** Icon name in "prefix:name" format, e.g. "lucide:home", "mdi:github" */
+    icon: string;
+    /** Additional CSS classes (merged with defaults) */
+    class?: string;
+    /** Size in pixels (sets both width and height). Defaults to 20. */
+    size?: number | string;
+    /** Accessible label. If omitted the icon is treated as decorative (aria-hidden). */
+    'aria-label'?: string;
+    /** Title for the SVG (improves a11y when used as a graphic) */
+    title?: string;
+};
+declare const Icon: import("svelte").Component<Props, {}, "">;
+type Icon = ReturnType<typeof Icon>;
+export default Icon;

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

@@ -0,0 +1,2 @@
+export { default as Icon } from './Icon.svelte';
+export type { IconEntry } from '../../icons/data.ts';

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

@@ -0,0 +1 @@
+export { default as Icon } from './Icon.svelte';

package/dist/lib/components/icon/missing-icon-warnings.d.ts

@@ -0,0 +1,8 @@
+declare global {
+    var __vibeskitIconMissingWarned: Set<string> | undefined;
+}
+/**
+ * Icon names already reported as missing. The set lives on `globalThis` so
+ * duplicated copies of the kit in one page still report each name only once.
+ */
+export declare function missingIconWarnings(): Set<string>;

package/dist/lib/components/icon/missing-icon-warnings.js

@@ -0,0 +1,8 @@
+/**
+ * Icon names already reported as missing. The set lives on `globalThis` so
+ * duplicated copies of the kit in one page still report each name only once.
+ */
+export function missingIconWarnings() {
+    globalThis.__vibeskitIconMissingWarned ??= new Set();
+    return globalThis.__vibeskitIconMissingWarned;
+}

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

@@ -0,0 +1,90 @@
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './ui/accordion/index.js';
+export { ScheduleCalendar, groupScheduleItemsByDay, scheduleItemSchema, scheduleItemStatusSchema, type ScheduleItem, type ScheduleItemStatus } from './schedule-calendar/index.js';
+export { MailLayout, MailList, MailListItem, MailView, sortMessages, searchMessages, groupMessagesByThread, unreadCount, messageSchema, messageSenderSchema, threadSchema, type Message, type MessageSender, type Thread } from './mail/index.js';
+export { Calendar, CalendarDay, CalendarCell, CalendarGrid, CalendarHeader, CalendarMonths, CalendarGridRow, CalendarHeading, CalendarGridBody, CalendarGridHead, CalendarHeadCell, CalendarNextButton, CalendarPrevButton, CalendarNav, CalendarMonth, CalendarYearSelect, CalendarMonthSelect, CalendarCaption } from './ui/calendar/index.js';
+export { Alert, alertVariants, AlertDescription, AlertTitle, type AlertVariant } from './ui/alert/index.js';
+export { AlertDialog, AlertDialogTitle, AlertDialogAction, AlertDialogCancel, AlertDialogPortal, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AlertDialogOverlay, AlertDialogContent, AlertDialogDescription } from './ui/alert-dialog/index.js';
+export { AspectRatio } from './ui/aspect-ratio/index.js';
+export { Avatar, AvatarImage, AvatarFallback } from './ui/avatar/index.js';
+export { Icon } from './icon/index.js';
+export { Badge, badgeVariants, type BadgeVariant } from './ui/badge/index.js';
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbSeparator, BreadcrumbLink, BreadcrumbList, BreadcrumbPage } from './ui/breadcrumb/index.js';
+export { Button, type ButtonProps, buttonVariants, type ButtonSize, type ButtonVariant } from './ui/button/index.js';
+export { ButtonGroup, ButtonGroupText, ButtonGroupSeparator } from './ui/button-group/index.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardAction } from './ui/card/index.js';
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from './ui/carousel/index.js';
+export { ConfirmDialog } from './ui/confirm-dialog/index.js';
+export { Checkbox } from './ui/checkbox/index.js';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './ui/collapsible/index.js';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandItem, CommandLinkItem, CommandInput, CommandList, CommandSeparator, CommandShortcut, CommandLoading } from './ui/command/index.js';
+export { ContextMenu, ContextMenuSub, ContextMenuPortal, ContextMenuItem, ContextMenuGroupHeading, ContextMenuGroup, ContextMenuContent, ContextMenuTrigger, ContextMenuShortcut, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuRadioGroup, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuCheckboxItem, ContextMenuLabel } from './ui/context-menu/index.js';
+export { FlexRender, renderComponent, renderSnippet, createSvelteTable } from './ui/data-table/index.js';
+export { Dialog, DialogTitle, DialogPortal, DialogFooter, DialogHeader, DialogTrigger, DialogOverlay, DialogContent, DialogDescription, DialogClose } from './ui/dialog/index.js';
+export { ErrorPage, getErrorPageInfo, type ErrorPageInfo } from './error-boundary/index.js';
+export { Drawer, DrawerNestedRoot, DrawerContent, DrawerDescription, DrawerOverlay, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DrawerPortal, DrawerClose } from './ui/drawer/index.js';
+export { DropdownMenu, DropdownMenuCheckboxGroup, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuPortal, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownMenuGroupHeading } from './ui/dropdown-menu/index.js';
+export { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent } from './ui/empty/index.js';
+export { Field, FieldLegend, FieldGroup, FieldContent, FieldLabel, FieldTitle, FieldDescription, FieldSeparator, FieldError } from './ui/field/index.js';
+export { Form, FormField, FormItem, FormControl, FormDescription, FormLabel, FormFieldErrors, FormItemErrors, FormMessage, FormFieldset, FormLegend, FormElementField, FormButton } from './ui/form/index.js';
+export { HoverCard, HoverCardContent, HoverCardTrigger, HoverCardPortal } from './ui/hover-card/index.js';
+export { Input } from './ui/input/index.js';
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from './ui/input-group/index.js';
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from './ui/input-otp/index.js';
+export { Item, ItemGroup, ItemSeparator, ItemHeader, ItemFooter, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemMedia } from './ui/item/index.js';
+export { Kbd, KbdGroup } from './ui/kbd/index.js';
+export { Label } from './ui/label/index.js';
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MenubarMenu, MenubarGroup, MenubarSub, MenubarRadioGroup, MenubarLabel, MenubarGroupHeading, MenubarPortal } from './ui/menubar/index.js';
+export { ModeSwitcher, SharedModeWatcher, ModeStore, currentModeStore, createSharedModeBootstrapScript } from './ui/mode-switcher/index.js';
+export { NavigationMenu, NavigationMenuRoot, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from './ui/navigation-menu/index.js';
+export { NativeSelect, NativeSelectOption, NativeSelectOptGroup } from './ui/native-select/index.js';
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevButton, PaginationPrevious, PaginationNextButton, PaginationNext, PaginationEllipsis } from './ui/pagination/index.js';
+export { Panel, PanelHeader, PanelTitle, PanelActions, PanelContent, PanelFooter } from './ui/panel/index.js';
+export { Popover, PopoverContent, PopoverTrigger, PopoverClose, PopoverPortal } from './ui/popover/index.js';
+export { Progress } from './ui/progress/index.js';
+export { RadioGroup, RadioGroupItem } from './ui/radio-group/index.js';
+export { PaneGroup, Pane, Handle, ResizablePane, ResizableHandle, Resizable } from './ui/resizable/index.js';
+export { ScrollArea, ScrollAreaScrollbar } from './ui/scroll-area/index.js';
+export { Select, SelectGroup, SelectLabel, SelectItem, SelectContent, SelectTrigger, SelectSeparator, SelectScrollDownButton, SelectScrollUpButton, SelectGroupHeading, SelectPortal, SelectValue } from './ui/select/index.js';
+export { Separator } from './ui/separator/index.js';
+export { Sheet, SheetClose, SheetTrigger, SheetPortal, SheetOverlay, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription } from './ui/sheet/index.js';
+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 './ui/sidebar/index.js';
+export { Skeleton } from './ui/skeleton/index.js';
+export { Slider } from './ui/slider/index.js';
+export { Toaster } from './ui/sonner/index.js';
+export { Spinner } from './ui/spinner/index.js';
+export { Switch } from './ui/switch/index.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './ui/table/index.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from './ui/tabs/index.js';
+export { Textarea } from './ui/textarea/index.js';
+export { Toggle, toggleVariants } from './ui/toggle/index.js';
+export { ToggleGroup, ToggleGroupItem } from './ui/toggle-group/index.js';
+export { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider, TooltipPortal } from './ui/tooltip/index.js';
+export { default as CanvasBackground } from './background/CanvasBackground.svelte';
+export { VibesLogo, vibesLogoSvg } from './brand/index.js';
+export { default as AnimatedSection } from './parallax/AnimatedSection.svelte';
+export { default as StaggeredList } from './parallax/StaggeredList.svelte';
+export { default as FlowerOfLifeCanvas } from './webgl/FlowerOfLifeCanvas.svelte';
+export { default as NodeNetworkCanvas } from './webgl/NodeNetworkCanvas.svelte';
+export { default as CodeFlowCanvas } from './webgl/CodeFlowCanvas.svelte';
+export { default as OrbitCanvas } from './webgl/OrbitCanvas.svelte';
+export { default as ParticleFlowCanvas } from './webgl/ParticleFlowCanvas.svelte';
+export { default as PulseCanvas } from './webgl/PulseCanvas.svelte';
+export { default as HexGridCanvas } from './webgl/HexGridCanvas.svelte';
+export { default as AssemblyField } from './webgl/AssemblyField.svelte';
+export { default as UserComponent } from './user-component/UserComponent.svelte';
+export { default as ProfileSections } from './profile-sections/ProfileSections.svelte';
+export { default as AppletEmbed } from './profile-sections/AppletEmbed.svelte';
+export { default as DemoBanner } from './demo/DemoBanner.svelte';
+export { default as Banner } from './banner/Banner.svelte';
+export { default as PastDueBanner } from './billing/PastDueBanner.svelte';
+export { CardSkeleton, PageHeaderSkeleton, TableRowSkeleton, FormSkeleton } from './skeleton/index.js';
+export { GlassPanel, type GlassPanelComposition, type GlassPanelFidelity, type GlassPanelIntensity, type GlassPanelElevation, type GlassPanelProps } from './ui/glass-panel/index.js';
+export { SelectorPill, SelectorPillDivider } from './glass/index.js';
+export { GlobalErrorBoundary } from './error-boundary/index.js';
+export { default as SkipLink } from './a11y/SkipLink.svelte';
+export { success, error, warning, info, loading, message, dismiss, dismissAll, update } from './toast/index.js';
+export { default as FormError } from './form-utils/FormError.svelte';
+export { default as VibesFormField } from './form-utils/VibesFormField.svelte';
+export { default as BillingGate } from './billing/BillingGate.svelte';
+export { default as CreditsDialog } from './billing/dialogs/CreditsDialog.svelte';
+export type { CreditsDialogProps } from './billing/dialogs/schemas/index.js';

package/dist/lib/components/index.js

@@ -0,0 +1,102 @@
+// @vibesdotdev/kit/components — explicit named re-exports barrel
+//
+// IMPORTANT: do NOT add `export * from './X/index.js'` to this barrel.
+// `export *` causes Rolldown link-stage collision panics when ANY two sub-barrels
+// share a symbol name (e.g., the recurring bind_imports_and_exports.rs:781 panic).
+// Always use explicit named re-exports: `export { Name1, Name2 } from './X/index.js'`.
+// See PR #224 + this commit for the precedent.
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './ui/accordion/index.js';
+export { ScheduleCalendar, groupScheduleItemsByDay, scheduleItemSchema, scheduleItemStatusSchema } from './schedule-calendar/index.js';
+export { MailLayout, MailList, MailListItem, MailView, sortMessages, searchMessages, groupMessagesByThread, unreadCount, messageSchema, messageSenderSchema, threadSchema } from './mail/index.js';
+export { Calendar, CalendarDay, CalendarCell, CalendarGrid, CalendarHeader, CalendarMonths, CalendarGridRow, CalendarHeading, CalendarGridBody, CalendarGridHead, CalendarHeadCell, CalendarNextButton, CalendarPrevButton, CalendarNav, CalendarMonth, CalendarYearSelect, CalendarMonthSelect, CalendarCaption } from './ui/calendar/index.js';
+export { Alert, alertVariants, AlertDescription, AlertTitle } from './ui/alert/index.js';
+export { AlertDialog, AlertDialogTitle, AlertDialogAction, AlertDialogCancel, AlertDialogPortal, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AlertDialogOverlay, AlertDialogContent, AlertDialogDescription } from './ui/alert-dialog/index.js';
+export { AspectRatio } from './ui/aspect-ratio/index.js';
+export { Avatar, AvatarImage, AvatarFallback } from './ui/avatar/index.js';
+export { Icon } from './icon/index.js';
+export { Badge, badgeVariants } from './ui/badge/index.js';
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbSeparator, BreadcrumbLink, BreadcrumbList, BreadcrumbPage } from './ui/breadcrumb/index.js';
+export { Button, buttonVariants } from './ui/button/index.js';
+export { ButtonGroup, ButtonGroupText, ButtonGroupSeparator } from './ui/button-group/index.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardAction } from './ui/card/index.js';
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from './ui/carousel/index.js';
+// Chart components are deliberately NOT in the barrel — import them from
+// '@vibesdotdev/kit/components/ui/chart' when a surface actually wires them.
+// chart-tooltip imports the layerchart BARREL, whose Dagre export drags the
+// CJS-only `@dagrejs/dagre` into the browser module graph of every barrel
+// consumer; with zero chart consumers today that cost (and the raw-CJS
+// breakage in optimizer-less hosts like component-shot) bought nothing.
+export { ConfirmDialog } from './ui/confirm-dialog/index.js';
+export { Checkbox } from './ui/checkbox/index.js';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './ui/collapsible/index.js';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandItem, CommandLinkItem, CommandInput, CommandList, CommandSeparator, CommandShortcut, CommandLoading } from './ui/command/index.js';
+export { ContextMenu, ContextMenuSub, ContextMenuPortal, ContextMenuItem, ContextMenuGroupHeading, ContextMenuGroup, ContextMenuContent, ContextMenuTrigger, ContextMenuShortcut, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuRadioGroup, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuCheckboxItem, ContextMenuLabel } from './ui/context-menu/index.js';
+export { FlexRender, renderComponent, renderSnippet, createSvelteTable } from './ui/data-table/index.js';
+export { Dialog, DialogTitle, DialogPortal, DialogFooter, DialogHeader, DialogTrigger, DialogOverlay, DialogContent, DialogDescription, DialogClose } from './ui/dialog/index.js';
+export { ErrorPage, getErrorPageInfo } from './error-boundary/index.js';
+export { Drawer, DrawerNestedRoot, DrawerContent, DrawerDescription, DrawerOverlay, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DrawerPortal, DrawerClose } from './ui/drawer/index.js';
+export { DropdownMenu, DropdownMenuCheckboxGroup, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuPortal, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownMenuGroupHeading } from './ui/dropdown-menu/index.js';
+export { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent } from './ui/empty/index.js';
+export { Field, FieldLegend, FieldGroup, FieldContent, FieldLabel, FieldTitle, FieldDescription, FieldSeparator, FieldError } from './ui/field/index.js';
+export { Form, FormField, FormItem, FormControl, FormDescription, FormLabel, FormFieldErrors, FormItemErrors, FormMessage, FormFieldset, FormLegend, FormElementField, FormButton } from './ui/form/index.js';
+export { HoverCard, HoverCardContent, HoverCardTrigger, HoverCardPortal } from './ui/hover-card/index.js';
+export { Input } from './ui/input/index.js';
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from './ui/input-group/index.js';
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from './ui/input-otp/index.js';
+export { Item, ItemGroup, ItemSeparator, ItemHeader, ItemFooter, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemMedia } from './ui/item/index.js';
+export { Kbd, KbdGroup } from './ui/kbd/index.js';
+export { Label } from './ui/label/index.js';
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MenubarMenu, MenubarGroup, MenubarSub, MenubarRadioGroup, MenubarLabel, MenubarGroupHeading, MenubarPortal } from './ui/menubar/index.js';
+export { ModeSwitcher, SharedModeWatcher, ModeStore, currentModeStore, createSharedModeBootstrapScript } from './ui/mode-switcher/index.js';
+export { NavigationMenu, NavigationMenuRoot, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from './ui/navigation-menu/index.js';
+export { NativeSelect, NativeSelectOption, NativeSelectOptGroup } from './ui/native-select/index.js';
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevButton, PaginationPrevious, PaginationNextButton, PaginationNext, PaginationEllipsis } from './ui/pagination/index.js';
+export { Panel, PanelHeader, PanelTitle, PanelActions, PanelContent, PanelFooter } from './ui/panel/index.js';
+export { Popover, PopoverContent, PopoverTrigger, PopoverClose, PopoverPortal } from './ui/popover/index.js';
+export { Progress } from './ui/progress/index.js';
+export { RadioGroup, RadioGroupItem } from './ui/radio-group/index.js';
+export { PaneGroup, Pane, Handle, ResizablePane, ResizableHandle, Resizable } from './ui/resizable/index.js';
+export { ScrollArea, ScrollAreaScrollbar } from './ui/scroll-area/index.js';
+export { Select, SelectGroup, SelectLabel, SelectItem, SelectContent, SelectTrigger, SelectSeparator, SelectScrollDownButton, SelectScrollUpButton, SelectGroupHeading, SelectPortal, SelectValue } from './ui/select/index.js';
+export { Separator } from './ui/separator/index.js';
+export { Sheet, SheetClose, SheetTrigger, SheetPortal, SheetOverlay, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription } from './ui/sheet/index.js';
+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 './ui/sidebar/index.js';
+export { Skeleton } from './ui/skeleton/index.js';
+export { Slider } from './ui/slider/index.js';
+export { Toaster } from './ui/sonner/index.js';
+export { Spinner } from './ui/spinner/index.js';
+export { Switch } from './ui/switch/index.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './ui/table/index.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from './ui/tabs/index.js';
+export { Textarea } from './ui/textarea/index.js';
+export { Toggle, toggleVariants } from './ui/toggle/index.js';
+export { ToggleGroup, ToggleGroupItem } from './ui/toggle-group/index.js';
+export { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider, TooltipPortal } from './ui/tooltip/index.js';
+export { default as CanvasBackground } from './background/CanvasBackground.svelte';
+export { VibesLogo, vibesLogoSvg } from './brand/index.js';
+export { default as AnimatedSection } from './parallax/AnimatedSection.svelte';
+export { default as StaggeredList } from './parallax/StaggeredList.svelte';
+export { default as FlowerOfLifeCanvas } from './webgl/FlowerOfLifeCanvas.svelte';
+export { default as NodeNetworkCanvas } from './webgl/NodeNetworkCanvas.svelte';
+export { default as CodeFlowCanvas } from './webgl/CodeFlowCanvas.svelte';
+export { default as OrbitCanvas } from './webgl/OrbitCanvas.svelte';
+export { default as ParticleFlowCanvas } from './webgl/ParticleFlowCanvas.svelte';
+export { default as PulseCanvas } from './webgl/PulseCanvas.svelte';
+export { default as HexGridCanvas } from './webgl/HexGridCanvas.svelte';
+export { default as AssemblyField } from './webgl/AssemblyField.svelte';
+export { default as UserComponent } from './user-component/UserComponent.svelte';
+export { default as ProfileSections } from './profile-sections/ProfileSections.svelte';
+export { default as AppletEmbed } from './profile-sections/AppletEmbed.svelte';
+export { default as DemoBanner } from './demo/DemoBanner.svelte';
+export { default as Banner } from './banner/Banner.svelte';
+export { default as PastDueBanner } from './billing/PastDueBanner.svelte';
+export { CardSkeleton, PageHeaderSkeleton, TableRowSkeleton, FormSkeleton } from './skeleton/index.js';
+export { GlassPanel } from './ui/glass-panel/index.js';
+export { SelectorPill, SelectorPillDivider } from './glass/index.js';
+export { GlobalErrorBoundary } from './error-boundary/index.js';
+export { default as SkipLink } from './a11y/SkipLink.svelte';
+export { success, error, warning, info, loading, message, dismiss, dismissAll, update } from './toast/index.js';
+export { default as FormError } from './form-utils/FormError.svelte';
+export { default as VibesFormField } from './form-utils/VibesFormField.svelte';
+export { default as BillingGate } from './billing/BillingGate.svelte';
+export { default as CreditsDialog } from './billing/dialogs/CreditsDialog.svelte';