@nadicodeai/ui 0.1.0

package/dist/components/feedback-state.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { AlertTriangleIcon, BanIcon, CloudOffIcon, InboxIcon, LoaderCircleIcon, LockKeyholeIcon, SearchXIcon, } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, } from "./empty.js";
+const feedbackStateDefaults = {
+    empty: {
+        title: "Nothing here yet",
+        description: "Add data or adjust the current view to continue.",
+        icon: InboxIcon,
+    },
+    loading: {
+        title: "Loading",
+        description: "Content is being prepared.",
+        icon: LoaderCircleIcon,
+    },
+    saving: {
+        title: "Saving",
+        description: "Changes are being applied.",
+        icon: LoaderCircleIcon,
+    },
+    error: {
+        title: "Something went wrong",
+        description: "Try again or use the recovery action for this surface.",
+        icon: AlertTriangleIcon,
+    },
+    permission: {
+        title: "Permission required",
+        description: "The current user cannot view or change this content.",
+        icon: LockKeyholeIcon,
+    },
+    offline: {
+        title: "Offline",
+        description: "Reconnect before continuing.",
+        icon: CloudOffIcon,
+    },
+    "no-results": {
+        title: "No results",
+        description: "Change the filters or search terms and try again.",
+        icon: SearchXIcon,
+    },
+    fatal: {
+        title: "Unable to render",
+        description: "This surface needs a recovery path from the consuming app.",
+        icon: BanIcon,
+    },
+};
+function getFeedbackRole(status) {
+    if (status === "error" ||
+        status === "fatal" ||
+        status === "permission" ||
+        status === "offline") {
+        return "alert";
+    }
+    if (status === "loading" || status === "saving") {
+        return "status";
+    }
+    return undefined;
+}
+function FeedbackState({ status, title, description, icon, actions, children, compact = false, className, ...props }) {
+    const fallback = feedbackStateDefaults[status];
+    const Icon = fallback.icon;
+    const stateRole = getFeedbackRole(status);
+    const stateIcon = icon ??
+        React.createElement(Icon, {
+            className: cn("size-5", (status === "loading" || status === "saving") && "animate-spin"),
+        });
+    return (_jsxs(Empty, { "data-slot": "feedback-state", "data-status": status, role: stateRole, "aria-live": stateRole === "alert" ? "assertive" : "polite", className: cn("border border-dashed bg-muted/30", compact && "gap-4 p-4 md:p-6", className), ...props, children: [_jsxs(EmptyHeader, { children: [_jsx(EmptyMedia, { variant: "icon", children: stateIcon }), _jsx(EmptyTitle, { children: title ?? fallback.title }), (description ?? fallback.description) && (_jsx(EmptyDescription, { children: description ?? fallback.description }))] }), (actions || children) && (_jsxs(EmptyContent, { "data-slot": "feedback-state-content", children: [children, actions && (_jsx("div", { "data-slot": "feedback-state-actions", className: "flex flex-wrap items-center justify-center gap-2", children: actions }))] }))] }));
+}
+export { FeedbackState };

package/dist/components/field.d.ts

@@ -0,0 +1,25 @@
+import { type VariantProps } from "class-variance-authority";
+import { Label } from "./label";
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react").JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): import("react").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): import("react").JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): import("react").JSX.Element | null;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };
+//# sourceMappingURL=field.d.ts.map

package/dist/components/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/components/field.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAG1C,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,+BAY1E;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,+BAcnE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWvE;AAED,QAAA,MAAM,aAAa;;8EAsBlB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,+BAUlE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWzE;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,+BAapC;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,+BAa3E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,+BAsBA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAA;CACjD,sCA0CA;AAED,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,CAAA"}

package/dist/components/field.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+import { Label } from "./label.js";
+import { Separator } from "./separator.js";
+function FieldSet({ className, ...props }) {
+    return (_jsx("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className), ...props }));
+}
+function FieldLegend({ className, variant = "legend", ...props }) {
+    return (_jsx("legend", { "data-slot": "field-legend", "data-variant": variant, className: cn("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className), ...props }));
+}
+function FieldGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-group", className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className), ...props }));
+}
+const fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
+    variants: {
+        orientation: {
+            vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+            horizontal: [
+                "flex-row items-center",
+                "[&>[data-slot=field-label]]:flex-auto",
+                "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+            ],
+            responsive: [
+                "flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto",
+                "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+                "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+            ],
+        },
+    },
+    defaultVariants: {
+        orientation: "vertical",
+    },
+});
+function Field({ className, orientation = "vertical", ...props }) {
+    return (_jsx("div", { role: "group", "data-slot": "field", "data-orientation": orientation, className: cn(fieldVariants({ orientation }), className), ...props }));
+}
+function FieldContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-content", className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className), ...props }));
+}
+function FieldLabel({ className, ...props }) {
+    return (_jsx(Label, { "data-slot": "field-label", className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4", "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5", className), ...props }));
+}
+function FieldTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-label", className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className), ...props }));
+}
+function FieldDescription({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "field-description", className: cn("text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), ...props }));
+}
+function FieldSeparator({ children, className, ...props }) {
+    return (_jsxs("div", { "data-slot": "field-separator", "data-content": !!children, className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className), ...props, children: [_jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && (_jsx("span", { className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground", "data-slot": "field-separator-content", children: children }))] }));
+}
+function FieldError({ className, children, errors, ...props }) {
+    const content = useMemo(() => {
+        if (children) {
+            return children;
+        }
+        if (!errors?.length) {
+            return null;
+        }
+        const uniqueErrors = [
+            ...new Map(errors.map((error) => [error?.message, error])).values(),
+        ];
+        if (uniqueErrors?.length == 1) {
+            return uniqueErrors[0]?.message;
+        }
+        return (_jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map((error, index) => error?.message && _jsx("li", { children: error.message }, index)) }));
+    }, [children, errors]);
+    if (!content) {
+        return null;
+    }
+    return (_jsx("div", { role: "alert", "data-slot": "field-error", className: cn("text-sm font-normal text-destructive", className), ...props, children: content }));
+}
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/dist/components/files-preview.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+import type { BundledLanguage } from "shiki";
+import { FileTree } from "./ai-elements/file-tree";
+import { type AgentRedactionRule } from "./artifact-panel";
+export type AgentFileStatus = "unchanged" | "added" | "modified" | "deleted" | "blocked" | "running";
+export type AgentFileNode = {
+    id: string;
+    name: string;
+    path: string;
+    type: "file" | "directory";
+    status?: AgentFileStatus;
+    description?: string;
+    language?: BundledLanguage;
+    content?: string;
+    redaction?: AgentRedactionRule;
+    children?: AgentFileNode[];
+};
+declare function ProjectFileTree({ files, selectedPath, defaultExpandedPaths, expandedPaths, onExpandedPathsChange, onSelectFile, className, ...props }: Omit<React.ComponentProps<typeof FileTree>, "defaultExpanded" | "expanded" | "onExpandedChange" | "onSelect"> & {
+    files: AgentFileNode[];
+    selectedPath?: string;
+    defaultExpandedPaths?: string[];
+    expandedPaths?: string[];
+    onExpandedPathsChange?: (paths: string[]) => void;
+    onSelectFile?: (node: AgentFileNode) => void;
+}): React.JSX.Element;
+declare function FilesPreview({ files, selectedPath, defaultExpandedPaths, onSelectFile, previewActions, className, treeClassName, previewClassName, ...props }: React.ComponentProps<"div"> & {
+    files: AgentFileNode[];
+    selectedPath?: string;
+    defaultExpandedPaths?: string[];
+    onSelectFile?: (node: AgentFileNode) => void;
+    previewActions?: React.ReactNode;
+    treeClassName?: string;
+    previewClassName?: string;
+}): React.JSX.Element;
+export { FilesPreview, ProjectFileTree };
+//# sourceMappingURL=files-preview.d.ts.map

package/dist/components/files-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"files-preview.d.ts","sourceRoot":"","sources":["../../src/components/files-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAE5C,OAAO,EACL,QAAQ,EAGT,MAAM,oCAAoC,CAAA;AAE3C,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,6BAA6B,CAAA;AAKpC,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,OAAO,GACP,UAAU,GACV,SAAS,GACT,SAAS,GACT,SAAS,CAAA;AAEb,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,GAAG,WAAW,CAAA;IAC1B,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAA;CAC3B,CAAA;AAqFD,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,oBAAyB,EACzB,aAAa,EACb,qBAAqB,EACrB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,iBAAiB,GAAG,UAAU,GAAG,kBAAkB,GAAG,UAAU,CAAC,GAAG;IACjH,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACjD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;CAC7C,qBAuCA;AA8CD,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,YAAY,EACZ,oBAAoB,EACpB,YAAY,EACZ,cAAc,EACd,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,qBAgDA;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/files-preview.js

@@ -0,0 +1,96 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CircleAlertIcon, CircleCheckIcon, CircleDashedIcon, CircleDotIcon, FileIcon, FolderIcon, } from "lucide-react";
+import { FileTree, FileTreeFile, FileTreeFolder, } from "./ai-elements/file-tree.js";
+import { CodeBlock } from "./ai-elements/code-block.js";
+import { RedactedNotice, getAgentRedactionText, } from "./artifact-panel.js";
+import { Badge } from "./badge.js";
+import { FeedbackState } from "./feedback-state.js";
+import { cn } from "../lib/utils.js";
+const defaultCodeLanguage = "plaintext";
+const fileStatusLabels = {
+    added: "Added",
+    blocked: "Blocked",
+    deleted: "Deleted",
+    modified: "Modified",
+    running: "Running",
+    unchanged: "Unchanged",
+};
+const fileStatusIcons = {
+    added: CircleCheckIcon,
+    blocked: CircleAlertIcon,
+    deleted: CircleDashedIcon,
+    modified: CircleDotIcon,
+    running: CircleDotIcon,
+    unchanged: CircleDashedIcon,
+};
+function collectNodes(nodes, map = new Map()) {
+    for (const node of nodes) {
+        map.set(node.path, node);
+        if (node.children) {
+            collectNodes(node.children, map);
+        }
+    }
+    return map;
+}
+function findFirstFile(nodes) {
+    for (const node of nodes) {
+        if (node.type === "file") {
+            return node;
+        }
+        const child = findFirstFile(node.children ?? []);
+        if (child) {
+            return child;
+        }
+    }
+    return undefined;
+}
+function FileStatusBadge({ status }) {
+    if (!status || status === "unchanged") {
+        return null;
+    }
+    const Icon = fileStatusIcons[status];
+    return (_jsxs(Badge, { "data-slot": "file-status-badge", variant: "outline", className: "gap-1", children: [_jsx(Icon, { className: "size-3" }), fileStatusLabels[status]] }));
+}
+function renderFileNode(node) {
+    if (node.type === "directory") {
+        return (_jsx(FileTreeFolder, { path: node.path, name: node.name, children: (node.children ?? []).map(renderFileNode) }, node.id));
+    }
+    return (_jsxs(FileTreeFile, { path: node.path, name: node.name, children: [_jsx("span", { className: "size-4 shrink-0" }), _jsx(FileIcon, { className: "size-4 shrink-0 text-muted-foreground" }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: node.name }), _jsx(FileStatusBadge, { status: node.status })] }, node.id));
+}
+function ProjectFileTree({ files, selectedPath, defaultExpandedPaths = [], expandedPaths, onExpandedPathsChange, onSelectFile, className, ...props }) {
+    const nodeByPath = React.useMemo(() => collectNodes(files), [files]);
+    const defaultExpanded = React.useMemo(() => new Set(defaultExpandedPaths), [defaultExpandedPaths]);
+    const controlledExpanded = React.useMemo(() => (expandedPaths ? new Set(expandedPaths) : undefined), [expandedPaths]);
+    return (_jsx("div", { "data-slot": "project-file-tree", className: className, children: _jsx(FileTree, { selectedPath: selectedPath, defaultExpanded: defaultExpanded, expanded: controlledExpanded, onExpandedChange: (paths) => onExpandedPathsChange?.([...paths]), onSelect: (path) => {
+                const node = nodeByPath.get(path);
+                if (node) {
+                    onSelectFile?.(node);
+                }
+            }, ...props, children: files.length > 0 ? (files.map(renderFileNode)) : (_jsx(FeedbackState, { status: "empty", title: "No files", compact: true, className: "rounded-md border-0 bg-transparent" })) }) }));
+}
+function FilePreviewBody({ file }) {
+    if (!file) {
+        return (_jsx(FeedbackState, { status: "empty", title: "No file selected", compact: true, className: "rounded-md border-0 bg-transparent" }));
+    }
+    if (file.redaction) {
+        return _jsx(RedactedNotice, { redaction: file.redaction });
+    }
+    if (file.type === "directory") {
+        return (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(FolderIcon, { className: "size-4" }), file.description ?? "Directory selected."] }));
+    }
+    if (file.content) {
+        return (_jsx(CodeBlock, { code: file.content, language: file.language ?? defaultCodeLanguage, showLineNumbers: true }));
+    }
+    return (_jsx("div", { className: "text-sm text-muted-foreground", children: getAgentRedactionText(file.redaction) ??
+            file.description ??
+            "File content is not loaded." }));
+}
+function FilesPreview({ files, selectedPath, defaultExpandedPaths, onSelectFile, previewActions, className, treeClassName, previewClassName, ...props }) {
+    const nodeByPath = React.useMemo(() => collectNodes(files), [files]);
+    const selectedFile = (selectedPath ? nodeByPath.get(selectedPath) : undefined) ??
+        findFirstFile(files);
+    return (_jsxs("div", { "data-slot": "files-preview", className: cn("grid gap-4 rounded-lg border bg-background p-3 md:grid-cols-[minmax(14rem,18rem)_1fr]", className), ...props, children: [_jsx(ProjectFileTree, { files: files, selectedPath: selectedFile?.path, defaultExpandedPaths: defaultExpandedPaths, onSelectFile: onSelectFile, className: treeClassName }), _jsxs("section", { "data-slot": "files-preview-panel", className: cn("min-w-0 rounded-md border bg-card", previewClassName), children: [_jsxs("header", { className: "flex items-center justify-between gap-3 border-b px-3 py-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium", children: selectedFile?.name ?? "Preview" }), selectedFile?.path && (_jsx("div", { className: "truncate text-xs text-muted-foreground", children: selectedFile.path }))] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsx(FileStatusBadge, { status: selectedFile?.status }), previewActions] })] }), _jsx("div", { className: "p-3", children: _jsx(FilePreviewBody, { file: selectedFile }) })] })] }));
+}
+export { FilesPreview, ProjectFileTree };

package/dist/components/footer.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+/**
+ * footer — bottom footer/navigation row chrome (replaces the retired `.nc-footer`
+ * + its `data-variant="mega"`).
+ *
+ * SINGLE-OWNER SEAM: the only edge the footer owns is its top border
+ * (`border-t border-border`) on a canvas surface — it draws no other line. The flat
+ * inner row is a wrapping flex line capped to the frame measure with
+ * `justify-between`: brand leading, meta trailing, nav between. The `variant="mega"`
+ * adds exactly ONE extra inner seam — a hairline above the meta strip
+ * (`FooterMegaMeta`'s top border) — owned once there; the link columns separate by
+ * whitespace gaps, never rails, so no coordinate carries two borders.
+ *
+ * A11y: nav links expose a `--ring` (link-green) focus outline; the consumer wraps
+ * link groups in `<nav aria-label>`. Token-only; no `dark:` styling.
+ */
+declare function Footer({ className, variant, ...props }: React.ComponentProps<"footer"> & {
+    variant?: "flat" | "mega";
+}): React.JSX.Element;
+declare function FooterInner({ className, variant, ...props }: React.ComponentProps<"div"> & {
+    variant?: "flat" | "mega";
+}): React.JSX.Element;
+declare function FooterBrand({ className, ...props }: React.ComponentProps<"a">): React.JSX.Element;
+declare function FooterNav({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+declare function FooterMeta({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function FooterMegaTop({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FooterMegaCols({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FooterMegaCol({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FooterMegaColTitle({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function FooterMegaMeta({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Footer, FooterInner, FooterBrand, FooterNav, FooterMeta, FooterMegaTop, FooterMegaCols, FooterMegaCol, FooterMegaColTitle, FooterMegaMeta, };
+//# sourceMappingURL=footer.d.ts.map

package/dist/components/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../src/components/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;;;;;;;GAcG;AAEH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,qBAahE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,qBAc7D;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAWtE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWtE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAQrE;AAID,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW3E;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW1E;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW3B;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAY3E;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,aAAa,EACb,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,cAAc,GACf,CAAA"}

package/dist/components/footer.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+/**
+ * footer — bottom footer/navigation row chrome (replaces the retired `.nc-footer`
+ * + its `data-variant="mega"`).
+ *
+ * SINGLE-OWNER SEAM: the only edge the footer owns is its top border
+ * (`border-t border-border`) on a canvas surface — it draws no other line. The flat
+ * inner row is a wrapping flex line capped to the frame measure with
+ * `justify-between`: brand leading, meta trailing, nav between. The `variant="mega"`
+ * adds exactly ONE extra inner seam — a hairline above the meta strip
+ * (`FooterMegaMeta`'s top border) — owned once there; the link columns separate by
+ * whitespace gaps, never rails, so no coordinate carries two borders.
+ *
+ * A11y: nav links expose a `--ring` (link-green) focus outline; the consumer wraps
+ * link groups in `<nav aria-label>`. Token-only; no `dark:` styling.
+ */
+function Footer({ className, variant = "flat", ...props }) {
+    return (_jsx("footer", { "data-slot": "footer", "data-variant": variant, className: cn("border-t border-border bg-card px-6 py-8 [&_a]:no-underline", "[&_a:focus-visible]:outline [&_a:focus-visible]:outline-1 [&_a:focus-visible]:[outline-color:var(--ring)] [&_a:focus-visible]:outline-offset-2", className), ...props }));
+}
+function FooterInner({ className, variant = "flat", ...props }) {
+    return (_jsx("div", { "data-slot": "footer-inner", className: cn("mx-auto w-full max-w-[1200px]", variant === "mega"
+            ? "grid gap-8"
+            : "flex flex-wrap items-center justify-between gap-4", className), ...props }));
+}
+function FooterBrand({ className, ...props }) {
+    return (_jsx("a", { "data-slot": "footer-brand", className: cn("inline-flex items-center gap-2.5 text-sm font-semibold text-foreground [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_svg]:block [&_svg]:h-6 [&_svg]:w-auto", className), ...props }));
+}
+function FooterNav({ className, ...props }) {
+    return (_jsx("nav", { "data-slot": "footer-nav", className: cn("flex flex-wrap gap-3 text-sm text-[var(--nc-body)] [&_a]:text-inherit [&_a:hover]:text-foreground", className), ...props }));
+}
+function FooterMeta({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "footer-meta", className: cn("m-0 text-sm text-muted-foreground", className), ...props }));
+}
+/* ── mega variant slots ────────────────────────────────────────────────── */
+function FooterMegaTop({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "footer-mega-top", className: cn("grid grid-cols-1 items-start gap-8 sm:grid-cols-[minmax(0,220px)_minmax(0,1fr)] sm:gap-x-12", className), ...props }));
+}
+function FooterMegaCols({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "footer-mega-cols", className: cn("grid grid-cols-1 gap-6 sm:grid-cols-[repeat(auto-fit,minmax(140px,1fr))] sm:gap-x-8", className), ...props }));
+}
+function FooterMegaCol({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "footer-mega-col", className: cn("grid content-start gap-2 [&_a]:text-sm [&_a]:text-[var(--nc-body)] [&_a:hover]:text-foreground", className), ...props }));
+}
+function FooterMegaColTitle({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "footer-mega-col-title", className: cn("m-0 font-mono text-xs uppercase text-muted-foreground", className), ...props }));
+}
+function FooterMegaMeta({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "footer-mega-meta", className: cn(
+        // the single inner seam the mega variant adds: a top hairline, owned once.
+        "flex flex-wrap items-center justify-between gap-x-6 gap-y-3 border-t border-border pt-6", className), ...props }));
+}
+export { Footer, FooterInner, FooterBrand, FooterNav, FooterMeta, FooterMegaTop, FooterMegaCols, FooterMegaCol, FooterMegaColTitle, FooterMegaMeta, };

package/dist/components/form.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import type { Label as LabelPrimitive } from "radix-ui";
+import { Slot } from "radix-ui";
+import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare function FormItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
+declare function FormControl({ ...props }: React.ComponentProps<typeof Slot.Root>): React.JSX.Element;
+declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element | null;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
+//# sourceMappingURL=form.d.ts.map

package/dist/components/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/components/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,UAAU,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAKL,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAA;AAKxB,QAAA,MAAM,IAAI,0YAAe,CAAA;AAazB,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,sBAMtC,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAA;AAUD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYrE;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,qBAYlD;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,qBAgBxE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,4BAkBtE;AAED,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAA"}

package/dist/components/form.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "radix-ui";
+import { Controller, FormProvider, useFormContext, useFormState, } from "react-hook-form";
+import { cn } from "../lib/utils.js";
+import { Label } from "./label.js";
+const Form = FormProvider;
+const FormFieldContext = React.createContext({});
+const FormField = ({ ...props }) => {
+    return (_jsx(FormFieldContext.Provider, { value: { name: props.name }, children: _jsx(Controller, { ...props }) }));
+};
+const useFormField = () => {
+    const fieldContext = React.useContext(FormFieldContext);
+    const itemContext = React.useContext(FormItemContext);
+    const { getFieldState } = useFormContext();
+    const formState = useFormState({ name: fieldContext.name });
+    const fieldState = getFieldState(fieldContext.name, formState);
+    if (!fieldContext) {
+        throw new Error("useFormField should be used within <FormField>");
+    }
+    const { id } = itemContext;
+    return {
+        id,
+        name: fieldContext.name,
+        formItemId: `${id}-form-item`,
+        formDescriptionId: `${id}-form-item-description`,
+        formMessageId: `${id}-form-item-message`,
+        ...fieldState,
+    };
+};
+const FormItemContext = React.createContext({});
+function FormItem({ className, ...props }) {
+    const id = React.useId();
+    return (_jsx(FormItemContext.Provider, { value: { id }, children: _jsx("div", { "data-slot": "form-item", className: cn("grid gap-2", className), ...props }) }));
+}
+function FormLabel({ className, ...props }) {
+    const { error, formItemId } = useFormField();
+    return (_jsx(Label, { "data-slot": "form-label", "data-error": !!error, className: cn("data-[error=true]:text-destructive", className), htmlFor: formItemId, ...props }));
+}
+function FormControl({ ...props }) {
+    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+    return (_jsx(Slot.Root, { "data-slot": "form-control", id: formItemId, "aria-describedby": !error
+            ? `${formDescriptionId}`
+            : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
+}
+function FormDescription({ className, ...props }) {
+    const { formDescriptionId } = useFormField();
+    return (_jsx("p", { "data-slot": "form-description", id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props }));
+}
+function FormMessage({ className, ...props }) {
+    const { error, formMessageId } = useFormField();
+    const body = error ? String(error?.message ?? "") : props.children;
+    if (!body) {
+        return null;
+    }
+    return (_jsx("p", { "data-slot": "form-message", id: formMessageId, className: cn("text-sm text-destructive", className), ...props, children: body }));
+}
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/components/hero-split.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+/**
+ * hero-split — the page-opening hero (replaces the retired `sections/hero-split.css`).
+ *
+ * A two-cell split: a copy cell (kicker, headline, lead, CTA row) beside an
+ * image-dominant visual cell. SINGLE-OWNER SEAM: the single divider between the two
+ * cells is the cell-grid gap-as-seam — the panel paints the brand `line` behind the
+ * cells (`bg-border`) and leaves a 1px guide gap (`gap-px`), so the only visible
+ * line at that coordinate is the one the grid draws.
+ * The frame/lane/row perimeter is owned by the kept geometry layer; the hero adds no
+ * competing border.
+ *
+ * Image-dominant by intent: on desktop the copy cell takes the narrower track and
+ * the visual cell the wider one (`1fr / 1.5fr`). The visual cell is a FLUSH mount —
+ * no padding, no inset — so the image (the kept design-system `image`/`.nc-image`
+ * CSS atom the caller drops into `HeroSplitVisual`) fills the cell edge to edge and
+ * is the hero's surface, not a padded stamp. Token-only; no `dark:` styling.
+ */
+declare function HeroSplit({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function HeroSplitCopy({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function HeroSplitVisual({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { HeroSplit, HeroSplitCopy, HeroSplitVisual };
+//# sourceMappingURL=hero-split.d.ts.map

package/dist/components/hero-split.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero-split.d.ts","sourceRoot":"","sources":["../../src/components/hero-split.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;;;;;;;;;GAgBG;AAEH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYtE;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW1E;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAa5E;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/hero-split.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+/**
+ * hero-split — the page-opening hero (replaces the retired `sections/hero-split.css`).
+ *
+ * A two-cell split: a copy cell (kicker, headline, lead, CTA row) beside an
+ * image-dominant visual cell. SINGLE-OWNER SEAM: the single divider between the two
+ * cells is the cell-grid gap-as-seam — the panel paints the brand `line` behind the
+ * cells (`bg-border`) and leaves a 1px guide gap (`gap-px`), so the only visible
+ * line at that coordinate is the one the grid draws.
+ * The frame/lane/row perimeter is owned by the kept geometry layer; the hero adds no
+ * competing border.
+ *
+ * Image-dominant by intent: on desktop the copy cell takes the narrower track and
+ * the visual cell the wider one (`1fr / 1.5fr`). The visual cell is a FLUSH mount —
+ * no padding, no inset — so the image (the kept design-system `image`/`.nc-image`
+ * CSS atom the caller drops into `HeroSplitVisual`) fills the cell edge to edge and
+ * is the hero's surface, not a padded stamp. Token-only; no `dark:` styling.
+ */
+function HeroSplit({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "hero-split", className: cn(
+        // The panel owns internal seams only; the page/frame/hatch rail owns the perimeter.
+        "grid min-h-[inherit] min-w-0 grid-cols-1 gap-px bg-border sm:grid-cols-[minmax(0,1fr)_minmax(0,1.5fr)]", className), ...props }));
+}
+function HeroSplitCopy({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "hero-split-copy", className: cn("grid min-w-0 content-center gap-4 overflow-hidden bg-card p-[clamp(24px,4vw,56px)]", className), ...props }));
+}
+function HeroSplitVisual({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "hero-split-visual", className: cn(
+        // flush mount: no padding/inset; the image fills the cell. canvas shows only
+        // until the image covers it. the kept `.nc-image` atom self-sizes here.
+        "grid min-w-0 overflow-hidden bg-card [&_.nc-image]:h-full", className), ...props }));
+}
+export { HeroSplit, HeroSplitCopy, HeroSplitVisual };

package/dist/components/hover-card.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { HoverCard as HoverCardPrimitive } from "radix-ui";
+declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): React.JSX.Element;
+declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>): React.JSX.Element;
+declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): React.JSX.Element;
+export { HoverCard, HoverCardTrigger, HoverCardContent };
+//# sourceMappingURL=hover-card.d.ts.map

package/dist/components/hover-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../src/components/hover-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAI1D,iBAAS,SAAS,CAAC,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,qBAEtD;AAED,iBAAS,gBAAgB,CAAC,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,qBAIzD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,qBAezD;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/hover-card.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HoverCard as HoverCardPrimitive } from "radix-ui";
+import { cn } from "../lib/utils.js";
+function HoverCard({ ...props }) {
+    return _jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+}
+function HoverCardTrigger({ ...props }) {
+    return (_jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props }));
+}
+function HoverCardContent({ className, align = "center", sideOffset = 4, ...props }) {
+    return (_jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: _jsx(HoverCardPrimitive.Content, { "data-slot": "hover-card-content", align: align, sideOffset: sideOffset, className: cn("z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden 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 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), ...props }) }));
+}
+export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/input-group.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import { Button } from "./button";
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): React.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
+//# sourceMappingURL=input-group.d.ts.map

package/dist/components/input-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/components/input-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAI5C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBA0BvE;AAED,QAAA,MAAM,uBAAuB;;8EAmB5B,CAAA;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,qBAgB5E;AAED,QAAA,MAAM,wBAAwB;;8EAgB7B,CAAA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAe,EACf,OAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GAClD,YAAY,CAAC,OAAO,wBAAwB,CAAC,qBAU9C;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAU5E;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAW/B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,qBAWlC;AAED,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,CAAA"}