@glinui/ui 0.1.0

package/dist/components/tabs.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const tabsListVariants = cva("inline-flex items-center rounded-xl border p-1 transition-[background-color,border-color,box-shadow] duration-fast ease-standard motion-reduce:transition-none", {
+    variants: {
+        variant: {
+            default: "border-[var(--color-border)] bg-[var(--color-surface)]",
+            glass: "backdrop-blur-md bg-[var(--glass-1-surface)] border border-white/15 [border-top-color:var(--glass-refraction-top)]",
+            outline: "bg-transparent border border-[var(--color-border)]",
+            ghost: "bg-transparent border border-transparent",
+            liquid: "border-white/25 [border-top-color:var(--glass-refraction-top)] bg-[radial-gradient(circle_at_16%_14%,rgb(255_255_255_/_0.72),transparent_46%),linear-gradient(165deg,rgb(255_255_255_/_0.58),rgb(238_238_238_/_0.32))] dark:border-white/[0.14] dark:[border-top-color:rgb(255_255_255_/_0.32)] dark:bg-[linear-gradient(165deg,rgb(255_255_255_/_0.12),rgb(255_255_255_/_0.05))]",
+            matte: "border-black/10 bg-[linear-gradient(180deg,rgb(250_250_250),rgb(236_236_238))] dark:border-white/[0.14] dark:bg-[linear-gradient(180deg,rgb(55_60_70_/_0.9),rgb(37_42_50_/_0.9))]"
+        },
+        size: {
+            sm: "h-8 gap-1",
+            md: "h-10 gap-1.5",
+            lg: "h-11 gap-2"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+const tabsTriggerVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-lg font-medium transition-[background-color,color,border-color,box-shadow] duration-fast ease-standard focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-accent)]/35 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 motion-reduce:transition-none", {
+    variants: {
+        variant: {
+            default: "text-[var(--color-foreground)]/80 data-[state=active]:bg-[var(--color-background)] data-[state=active]:text-[var(--color-foreground)] data-[state=active]:shadow-[0_8px_16px_-14px_rgb(2_6_23_/_0.5)]",
+            glass: "text-[var(--color-foreground)]/80 data-[state=active]:border data-[state=active]:border-white/20 data-[state=active]:[border-top-color:var(--glass-refraction-top)] data-[state=active]:bg-[var(--glass-2-surface)] data-[state=active]:text-[var(--color-foreground)] data-[state=active]:shadow-[0_0_0_1px_rgb(255_255_255_/_0.18)_inset] dark:data-[state=active]:border-white/[0.12]",
+            outline: "text-[var(--color-foreground)]/80 border border-transparent data-[state=active]:border-[var(--color-border)] data-[state=active]:bg-[var(--color-surface)] data-[state=active]:text-[var(--color-foreground)]",
+            ghost: "text-[var(--color-foreground)]/75 data-[state=active]:bg-[var(--color-foreground)]/[0.08] data-[state=active]:text-[var(--color-foreground)] dark:data-[state=active]:bg-white/[0.12]",
+            liquid: "text-[var(--color-foreground)]/80 data-[state=active]:border data-[state=active]:border-white/25 data-[state=active]:bg-[linear-gradient(165deg,rgb(255_255_255_/_0.72),rgb(244_244_244_/_0.36))] data-[state=active]:text-[var(--color-foreground)] data-[state=active]:shadow-[0_0_0_1px_rgb(255_255_255_/_0.2)_inset] dark:data-[state=active]:border-white/[0.14] dark:data-[state=active]:bg-[linear-gradient(165deg,rgb(255_255_255_/_0.16),rgb(255_255_255_/_0.06))]",
+            matte: "text-[var(--color-foreground)]/80 data-[state=active]:bg-black/[0.06] data-[state=active]:text-[var(--color-foreground)] dark:data-[state=active]:bg-white/[0.12]"
+        },
+        size: {
+            sm: "h-6 px-2 text-xs",
+            md: "h-8 px-3 text-sm",
+            lg: "h-9 px-4 text-base"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+const tabsContentVariants = cva("mt-2 rounded-xl border text-[var(--color-foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-accent)]/35 focus-visible:ring-offset-2", {
+    variants: {
+        variant: {
+            default: "bg-[var(--color-surface)] border-[var(--color-border)]",
+            glass: "backdrop-blur-md bg-[var(--glass-1-surface)] border border-white/15 [border-top-color:var(--glass-refraction-top)]",
+            outline: "bg-transparent border-[var(--color-border)]",
+            ghost: "bg-transparent border-transparent",
+            liquid: "border-white/25 [border-top-color:var(--glass-refraction-top)] bg-[radial-gradient(circle_at_16%_14%,rgb(255_255_255_/_0.72),transparent_46%),linear-gradient(165deg,rgb(255_255_255_/_0.58),rgb(238_238_238_/_0.32))] dark:border-white/[0.14] dark:[border-top-color:rgb(255_255_255_/_0.32)] dark:bg-[linear-gradient(165deg,rgb(255_255_255_/_0.12),rgb(255_255_255_/_0.05))]",
+            matte: "border-black/10 bg-[linear-gradient(180deg,rgb(250_250_250),rgb(236_236_238))] dark:border-white/[0.14] dark:bg-[linear-gradient(180deg,rgb(55_60_70_/_0.9),rgb(37_42_50_/_0.9))]"
+        },
+        size: {
+            sm: "p-2 text-xs",
+            md: "p-3 text-sm",
+            lg: "p-4 text-base"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+export const Tabs = TabsPrimitive.Root;
+export const TabsList = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn(tabsListVariants({ variant, size }), className), ...props })));
+TabsList.displayName = "TabsList";
+export const TabsTrigger = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn(tabsTriggerVariants({ variant, size }), className), ...props })));
+TabsTrigger.displayName = "TabsTrigger";
+export const TabsContent = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: cn(tabsContentVariants({ variant, size }), className), ...props })));
+TabsContent.displayName = "TabsContent";

package/dist/components/text-reveal.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface TextRevealProps extends React.HTMLAttributes<HTMLDivElement> {
+    text: string;
+}
+export declare const TextReveal: React.ForwardRefExoticComponent<TextRevealProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=text-reveal.d.ts.map

package/dist/components/text-reveal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-reveal.d.ts","sourceRoot":"","sources":["../../src/components/text-reveal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,UAAU,wFA+EtB,CAAA"}

package/dist/components/text-reveal.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+import { usePrefersReducedMotion } from "../lib/use-prefers-reduced-motion";
+export const TextReveal = React.forwardRef(({ className, text, ...props }, ref) => {
+    const containerRef = React.useRef(null);
+    const [progress, setProgress] = React.useState(0);
+    const prefersReducedMotion = usePrefersReducedMotion();
+    const words = text.split(" ");
+    React.useEffect(() => {
+        if (prefersReducedMotion) {
+            setProgress(1);
+            return;
+        }
+        const el = containerRef.current;
+        if (!el)
+            return;
+        // Find nearest scrollable ancestor (handles custom scroll containers)
+        const getScrollParent = (node) => {
+            let parent = node.parentElement;
+            while (parent) {
+                const style = getComputedStyle(parent);
+                if (/(auto|scroll)/.test(style.overflow + style.overflowY)) {
+                    return parent;
+                }
+                parent = parent.parentElement;
+            }
+            return window;
+        };
+        const scrollTarget = getScrollParent(el);
+        const handleScroll = () => {
+            const rect = el.getBoundingClientRect();
+            const viewportHeight = scrollTarget instanceof Window
+                ? window.innerHeight
+                : scrollTarget.clientHeight;
+            const elementTop = scrollTarget instanceof Window
+                ? rect.top
+                : rect.top - scrollTarget.getBoundingClientRect().top;
+            const elementHeight = rect.height;
+            const start = viewportHeight * 0.8;
+            const end = viewportHeight * 0.2;
+            const scrollProgress = (start - elementTop) / (start - end + elementHeight * 0.5);
+            setProgress(Math.max(0, Math.min(1, scrollProgress)));
+        };
+        scrollTarget.addEventListener("scroll", handleScroll, { passive: true });
+        handleScroll();
+        return () => scrollTarget.removeEventListener("scroll", handleScroll);
+    }, [prefersReducedMotion]);
+    return (_jsx("div", { ref: ref, className: cn("relative", className), ...props, children: _jsx("div", { ref: containerRef, className: "py-20", children: _jsx("p", { className: "flex flex-wrap text-3xl font-bold leading-relaxed md:text-4xl lg:text-5xl", children: words.map((word, i) => {
+                    const wordProgress = i / words.length;
+                    const opacity = Math.max(0.15, Math.min(1, (progress - wordProgress) * words.length * 0.5 + 0.15));
+                    return (_jsx("span", { className: "mr-[0.25em] transition-opacity duration-200", style: { opacity }, children: word }, i));
+                }) }) }) }));
+});
+TextReveal.displayName = "TextReveal";

package/dist/components/text.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const textVariants: (props?: ({
+    variant?: "default" | "glass" | "ghost" | "muted" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TextProps = React.HTMLAttributes<HTMLParagraphElement> & VariantProps<typeof textVariants>;
+export declare const Text: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "ghost" | "muted" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLParagraphElement>>;
+export {};
+//# sourceMappingURL=text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/components/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,YAAY;;;8EAmBhB,CAAA;AAEF,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAA;AAEtG,eAAO,MAAM,IAAI;;;4HAIhB,CAAA"}

package/dist/components/text.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const textVariants = cva("transition-colors duration-fast ease-standard motion-reduce:transition-none", {
+    variants: {
+        variant: {
+            default: "text-[var(--color-foreground)]",
+            muted: "text-neutral-600 dark:text-neutral-300",
+            glass: "rounded-md border border-white/20 [border-top-color:var(--glass-refraction-top)] bg-[var(--glass-1-surface)] px-2 py-1 text-[var(--color-foreground)] dark:border-white/[0.14] dark:bg-white/[0.05]",
+            ghost: "rounded-md px-2 py-1 text-[var(--color-foreground)]/85"
+        },
+        size: {
+            sm: "text-xs leading-5",
+            md: "text-sm leading-6",
+            lg: "text-base leading-7"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+export const Text = React.forwardRef(({ className, variant, size, ...props }, ref) => {
+    return _jsx("p", { ref: ref, className: cn(textVariants({ variant, size }), className), ...props });
+});
+Text.displayName = "Text";

package/dist/components/textarea.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const textareaVariants: (props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | "matte" | "underline" | "filled" | "liquid" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & VariantProps<typeof textareaVariants>;
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | "matte" | "underline" | "filled" | "liquid" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLTextAreaElement>>;
+export {};
+//# sourceMappingURL=textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,gBAAgB;;;8EAwCrB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,GACzF,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAEvC,eAAO,MAAM,QAAQ;;;2HAWpB,CAAA"}

package/dist/components/textarea.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const textareaVariants = cva("w-full border font-medium text-[var(--color-foreground)] placeholder:text-neutral-400 transition-[background-color,border-color,box-shadow,color] duration-normal ease-standard focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none dark:placeholder:text-neutral-500", {
+    variants: {
+        variant: {
+            default: "rounded-xl border-[var(--color-border)] bg-[var(--color-surface)] shadow-sm focus-visible:border-[var(--color-accent)]/60 focus-visible:ring-2 focus-visible:ring-[var(--color-accent)]/30 focus-visible:ring-offset-1 hover:border-[var(--color-border)]/80 dark:border-white/10 dark:bg-white/[0.04] dark:focus-visible:border-[var(--color-accent)]/50 dark:focus-visible:ring-[var(--color-accent)]/20",
+            glass: "relative rounded-xl border-white/24 [border-top-color:var(--glass-refraction-top)] bg-[radial-gradient(circle_at_18%_14%,rgb(255_255_255_/_0.86),transparent_44%),linear-gradient(158deg,rgb(255_255_255_/_0.7),rgb(243_247_250_/_0.46))] backdrop-blur-md backdrop-saturate-[180%] shadow-[0_0_0_1px_rgb(255_255_255_/_0.2)_inset,0_8px_18px_-14px_rgb(15_23_42_/_0.24)] focus-visible:border-white/34 focus-visible:[border-top-color:rgb(255_255_255_/_0.82)] focus-visible:ring-2 focus-visible:ring-[var(--color-accent)]/22 focus-visible:ring-offset-0 hover:border-white/32 dark:border-white/[0.1] dark:bg-white/[0.05] dark:focus-visible:border-white/20 dark:focus-visible:ring-white/15",
+            frosted: "relative rounded-xl border-white/30 [border-top-color:var(--glass-refraction-top)] bg-[radial-gradient(circle_at_18%_14%,rgb(255_255_255_/_0.92),transparent_44%),linear-gradient(158deg,rgb(255_255_255_/_0.85),rgb(243_247_250_/_0.65))] backdrop-blur-[40px] backdrop-saturate-[200%] shadow-[0_0_0_1px_rgb(255_255_255_/_0.25)_inset,0_0_16px_rgb(255_255_255_/_0.1)_inset,0_8px_18px_-14px_rgb(15_23_42_/_0.28)] focus-visible:border-white/40 focus-visible:[border-top-color:rgb(255_255_255_/_0.88)] focus-visible:ring-2 focus-visible:ring-[var(--color-accent)]/24 focus-visible:ring-offset-0 hover:border-white/36 dark:border-white/[0.14] dark:bg-white/[0.08] dark:focus-visible:border-white/24 dark:focus-visible:ring-white/18",
+            liquid: "relative rounded-xl border-white/24 [border-top-color:var(--glass-refraction-top)] bg-[radial-gradient(circle_at_18%_12%,rgb(255_255_255_/_0.92),transparent_42%),radial-gradient(circle_at_84%_88%,rgb(226_232_240_/_0.58),transparent_58%),linear-gradient(145deg,rgb(255_255_255_/_0.82),rgb(235_241_246_/_0.55))] backdrop-blur-xl backdrop-saturate-[180%] shadow-[0_0_0_1px_rgb(255_255_255_/_0.24)_inset,0_10px_20px_-14px_rgb(15_23_42_/_0.26)] focus-visible:border-white/36 focus-visible:[border-top-color:rgb(255_255_255_/_0.88)] focus-visible:ring-2 focus-visible:ring-[var(--color-accent)]/24 focus-visible:ring-offset-0 hover:border-white/34 dark:border-white/[0.12] dark:bg-[linear-gradient(145deg,rgb(255_255_255_/_0.13),rgb(255_255_255_/_0.05))] dark:focus-visible:border-white/[0.24] dark:focus-visible:ring-white/16",
+            matte: "rounded-xl border-black/12 bg-[linear-gradient(180deg,rgb(249_250_251),rgb(237_239_242))] shadow-[0_1px_0_rgb(255_255_255_/_0.88)_inset,0_6px_14px_-12px_rgb(15_23_42_/_0.24)] focus-visible:border-black/25 focus-visible:ring-2 focus-visible:ring-black/12 focus-visible:ring-offset-0 hover:border-black/16 dark:border-white/[0.14] dark:bg-[linear-gradient(180deg,rgb(49_54_63_/_0.92),rgb(34_38_46_/_0.92))] dark:focus-visible:border-white/[0.28] dark:focus-visible:ring-white/14",
+            outline: "rounded-xl border-[var(--color-border)] bg-transparent shadow-sm focus-visible:border-[var(--color-accent)]/70 focus-visible:ring-2 focus-visible:ring-[var(--color-accent)]/25 focus-visible:ring-offset-1 hover:border-[var(--color-foreground)]/20 dark:border-white/15 dark:focus-visible:border-[var(--color-accent)]/50",
+            ghost: "rounded-xl border-transparent bg-transparent focus-visible:border-white/10 focus-visible:bg-[var(--glass-1-surface)] focus-visible:ring-2 focus-visible:ring-[var(--color-accent)]/20 focus-visible:ring-offset-0 hover:border-white/10 hover:bg-[var(--glass-1-surface)] dark:hover:bg-white/[0.06] dark:focus-visible:bg-white/[0.06]",
+            underline: "rounded-none border-x-0 border-t-0 border-b border-b-[var(--color-border)] bg-transparent px-0 shadow-none focus-visible:border-b-[var(--color-accent)] focus-visible:ring-0 focus-visible:ring-offset-0 hover:border-b-[var(--color-foreground)]/30 dark:border-b-white/20 dark:focus-visible:border-b-[var(--color-accent)]",
+            filled: "rounded-xl border-transparent bg-[var(--color-foreground)]/[0.07] focus-visible:border-[var(--color-accent)]/50 focus-visible:bg-[var(--color-foreground)]/[0.09] focus-visible:ring-2 focus-visible:ring-[var(--color-accent)]/25 focus-visible:ring-offset-0 hover:bg-[var(--color-foreground)]/[0.10] dark:bg-white/[0.08] dark:focus-visible:bg-white/[0.11] dark:hover:bg-white/[0.11]"
+        },
+        size: {
+            sm: "px-3 py-1.5 text-xs",
+            md: "px-3.5 py-2 text-sm",
+            lg: "px-4 py-2.5 text-base"
+        }
+    },
+    compoundVariants: [
+        { variant: "underline", size: "sm", class: "px-0" },
+        { variant: "underline", size: "md", class: "px-0" },
+        { variant: "underline", size: "lg", class: "px-0" }
+    ],
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+export const Textarea = React.forwardRef(({ className, rows = 4, variant, size, ...props }, ref) => {
+    return (_jsx("textarea", { ref: ref, rows: rows, className: cn(textareaVariants({ variant, size }), className), ...props }));
+});
+Textarea.displayName = "Textarea";

package/dist/components/toast.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { type VariantProps } from "class-variance-authority";
+export declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+declare const toastVariants: (props?: ({
+    variant?: "default" | "glass" | "frosted" | "matte" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ToastViewportProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>;
+export declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+export type ToastProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>;
+export declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "matte" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+export type ToastTitleProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>;
+export declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type ToastDescriptionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>;
+export declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type ToastCloseProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>;
+export declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,eAAO,MAAM,aAAa,8CAA2B,CAAA;AAErD,QAAA,MAAM,aAAa;;;8EAyBlB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,CAAA;AAEhG,eAAO,MAAM,aAAa,kKAYxB,CAAA;AAIF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAClF,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAEpC,eAAO,MAAM,KAAK;;;qHAYhB,CAAA;AAIF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;AAE1F,eAAO,MAAM,UAAU,2JASrB,CAAA;AAIF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAChE,OAAO,eAAe,CAAC,WAAW,CACnC,CAAA;AAED,eAAO,MAAM,gBAAgB,iKAS3B,CAAA;AAIF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;AAE1F,eAAO,MAAM,UAAU,iKAerB,CAAA"}

package/dist/components/toast.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
+import { cn } from "../lib/cn";
+export const ToastProvider = ToastPrimitives.Provider;
+const toastVariants = cva("group pointer-events-auto relative isolate flex w-full items-start justify-between gap-3 overflow-hidden rounded-2xl border transition-[transform,opacity,box-shadow,border-color,background-color] duration-normal ease-standard data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:slide-in-from-bottom-3 data-[state=closed]:fade-out-0 data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] motion-reduce:transition-none motion-reduce:data-[state=open]:animate-none motion-reduce:data-[state=closed]:animate-none", {
+    variants: {
+        variant: {
+            default: "border-black/10 bg-[linear-gradient(180deg,rgb(255_255_255),rgb(244_244_246))] text-[var(--color-foreground)] shadow-[0_1px_0_rgb(255_255_255_/_0.9)_inset,0_10px_26px_-18px_rgb(15_23_42_/_0.38)] dark:border-white/[0.14] dark:bg-[linear-gradient(180deg,rgb(56_62_72_/_0.94),rgb(37_42_50_/_0.94))] dark:shadow-[0_1px_0_rgb(255_255_255_/_0.08)_inset,0_12px_28px_-18px_rgb(0_0_0_/_0.68)]",
+            glass: "border-white/20 [border-top-color:var(--glass-refraction-top)] bg-[linear-gradient(155deg,rgb(255_255_255_/_0.64),rgb(246_246_246_/_0.35))] text-[var(--color-foreground)] backdrop-blur-lg backdrop-saturate-[180%] shadow-[0_0_0_1px_rgb(255_255_255_/_0.2)_inset,0_10px_26px_-18px_rgb(15_23_42_/_0.32)] dark:border-white/[0.12] dark:bg-[linear-gradient(155deg,rgb(255_255_255_/_0.14),rgb(255_255_255_/_0.05))] dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.09)_inset,0_12px_28px_-18px_rgb(0_0_0_/_0.66)]",
+            frosted: "border-white/30 [border-top-color:var(--glass-refraction-top)] bg-[linear-gradient(155deg,rgb(255_255_255_/_0.8),rgb(246_246_246_/_0.55))] text-[var(--color-foreground)] backdrop-blur-[40px] backdrop-saturate-[200%] shadow-[0_0_0_1px_rgb(255_255_255_/_0.25)_inset,0_0_16px_rgb(255_255_255_/_0.12)_inset,0_10px_26px_-18px_rgb(15_23_42_/_0.36)] dark:border-white/[0.16] dark:bg-[linear-gradient(155deg,rgb(255_255_255_/_0.2),rgb(255_255_255_/_0.08))] dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.12)_inset,0_0_16px_rgb(255_255_255_/_0.05)_inset,0_12px_28px_-18px_rgb(0_0_0_/_0.7)]",
+            matte: "border-black/12 bg-[linear-gradient(180deg,rgb(248_248_249),rgb(232_232_235))] text-[var(--color-foreground)] shadow-[0_1px_0_rgb(255_255_255_/_0.88)_inset,0_10px_24px_-18px_rgb(15_23_42_/_0.34)] dark:border-white/[0.16] dark:bg-[linear-gradient(180deg,rgb(50_55_63_/_0.96),rgb(33_37_44_/_0.96))] dark:shadow-[0_1px_0_rgb(255_255_255_/_0.1)_inset,0_12px_26px_-18px_rgb(0_0_0_/_0.7)]"
+        },
+        size: {
+            sm: "p-3.5 pr-5",
+            md: "p-4 pr-6",
+            lg: "p-5 pr-7"
+        }
+    },
+    defaultVariants: {
+        variant: "glass",
+        size: "md"
+    }
+});
+export const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Viewport, { ref: ref, className: cn("pointer-events-none fixed bottom-0 right-0 z-[100] flex max-h-screen w-full flex-col gap-2 p-4 sm:bottom-3 sm:right-3 sm:max-w-[440px]", className), ...props })));
+ToastViewport.displayName = "ToastViewport";
+export const Toast = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsx(ToastPrimitives.Root, { ref: ref, className: cn(toastVariants({ variant, size }), className), ...props })));
+Toast.displayName = "Toast";
+export const ToastTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Title, { ref: ref, className: cn("text-sm font-semibold leading-tight tracking-tight", className), ...props })));
+ToastTitle.displayName = "ToastTitle";
+export const ToastDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Description, { ref: ref, className: cn("text-sm leading-relaxed text-neutral-600 dark:text-neutral-300", className), ...props })));
+ToastDescription.displayName = "ToastDescription";
+export const ToastClose = React.forwardRef(({ className, ...props }, ref) => (_jsxs(ToastPrimitives.Close, { ref: ref, className: cn("absolute right-2 top-2 inline-flex h-7 w-7 items-center justify-center rounded-md border border-transparent bg-black/[0.04] text-neutral-500 transition-[color,background-color,border-color] duration-fast ease-standard hover:border-black/10 hover:bg-black/[0.08] hover:text-neutral-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-accent)] focus-visible:ring-offset-2 dark:bg-white/[0.06] dark:text-neutral-300 dark:hover:border-white/[0.18] dark:hover:bg-white/[0.12] dark:hover:text-neutral-100", className), ...props, children: [_jsx(X, { className: "h-3.5 w-3.5" }), _jsx("span", { className: "sr-only", children: "Close" })] })));
+ToastClose.displayName = "ToastClose";

package/dist/components/tooltip.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { type VariantProps } from "class-variance-authority";
+export declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+export type TooltipProps = Omit<React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>, "onOpenChange"> & {
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /** Callback when open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Delay in ms before showing tooltip content. */
+    delayDuration?: number;
+};
+export declare const Tooltip: ({ delayDuration, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const tooltipContentVariants: (props?: ({
+    variant?: "default" | "glass" | "frosted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & VariantProps<typeof tooltipContentVariants> & {
+    /** Preferred side for tooltip content. */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Gap in px between trigger and content. */
+    sideOffset?: number;
+};
+export declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    /** Preferred side for tooltip content. */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Gap in px between trigger and content. */
+    sideOffset?: number;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,eAAO,MAAM,eAAe,iDAA4B,CAAA;AACxD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,EAC5D,cAAc,CACf,GAAG;IACF,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,OAAO,GAAI,6BAA6B,YAAY,4CAEhE,CAAA;AAED,eAAO,MAAM,cAAc,gHAA2B,CAAA;AAEtD,QAAA,MAAM,sBAAsB;;8EA0B3B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAC/F,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC5C,0CAA0C;IAC1C,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAEH,eAAO,MAAM,cAAc;;;IANvB,0CAA0C;WACnC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;IAC1C,6CAA6C;iBAChC,MAAM;wCAerB,CAAA"}

package/dist/components/tooltip.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+export const TooltipProvider = TooltipPrimitive.Provider;
+export const Tooltip = ({ delayDuration, ...props }) => (_jsx(TooltipPrimitive.Root, { delayDuration: delayDuration, ...props }));
+export const TooltipTrigger = TooltipPrimitive.Trigger;
+const tooltipContentVariants = cva("z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs shadow-md", {
+    variants: {
+        variant: {
+            default: "bg-neutral-900 text-white dark:bg-neutral-100 dark:text-neutral-900",
+            glass: [
+                "border border-white/20 [border-top-color:var(--glass-refraction-top)]",
+                "bg-[var(--glass-3-surface)] text-[var(--color-foreground)]",
+                "backdrop-blur-xl backdrop-saturate-[180%]",
+                "shadow-[0_0_0_1px_rgb(255_255_255_/_0.1)_inset,var(--shadow-glass-sm)]",
+                "dark:border-white/[0.1] dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.05)_inset,0_4px_12px_rgb(0_0_0_/_0.35)]"
+            ].join(" "),
+            frosted: [
+                "border border-white/30 [border-top-color:var(--glass-refraction-top)]",
+                "bg-[var(--glass-4-surface)] text-[var(--color-foreground)]",
+                "backdrop-blur-[40px] backdrop-saturate-[200%]",
+                "shadow-[0_0_0_1px_rgb(255_255_255_/_0.15)_inset,0_0_12px_rgb(255_255_255_/_0.1)_inset,var(--shadow-glass-sm)]",
+                "dark:border-white/[0.14] dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.07)_inset,0_0_12px_rgb(255_255_255_/_0.03)_inset,0_4px_12px_rgb(0_0_0_/_0.35)]"
+            ].join(" ")
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+export const TooltipContent = React.forwardRef(({ className, variant, sideOffset = 6, ...props }, ref) => (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn(tooltipContentVariants({ variant }), className), ...props }) })));
+TooltipContent.displayName = "TooltipContent";

package/dist/components/tree.d.ts

@@ -0,0 +1,50 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const treeVariants: (props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TreeNode = {
+    /** Display label */
+    label: string;
+    /** Optional href — makes the node a link */
+    href?: string;
+    /** Open link in new tab */
+    external?: boolean;
+    /** Optional badge text shown after the label */
+    badge?: string;
+    /** Badge color variant */
+    badgeVariant?: "default" | "success" | "warning" | "info" | "destructive";
+    /** Nested children — presence makes this a folder */
+    children?: TreeNode[];
+    /** Custom icon override */
+    icon?: React.ReactNode;
+};
+export type TreeProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof treeVariants> & {
+    /** Extra classes for the tree root wrapper. */
+    className?: string;
+    /** Tree data */
+    nodes: TreeNode[];
+    /** Expand all folders by default */
+    defaultExpanded?: boolean;
+};
+export declare const Tree: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    /** Extra classes for the tree root wrapper. */
+    className?: string;
+    /** Tree data */
+    nodes: TreeNode[];
+    /** Expand all folders by default */
+    defaultExpanded?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare function buildFileTree(paths: string[], options?: {
+    /** Base href prefix for leaf nodes */
+    hrefPrefix?: string;
+    /** Custom badge function per file path */
+    getBadge?: (path: string) => {
+        badge: string;
+        badgeVariant?: TreeNode["badgeVariant"];
+    } | null;
+}): TreeNode[];
+export {};
+//# sourceMappingURL=tree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/components/tree.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,QAAA,MAAM,YAAY;;8EAYhB,CAAA;AAIF,MAAM,MAAM,QAAQ,GAAG;IACrB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,CAAA;IACzE,qDAAqD;IACrD,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAA;IACrB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAC1D,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB;IAChB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAgGH,eAAO,MAAM,IAAI;;;IAtGb,+CAA+C;gBACnC,MAAM;IAClB,gBAAgB;WACT,QAAQ,EAAE;IACjB,oCAAoC;sBAClB,OAAO;wCA6G5B,CAAA;AAMD,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,EAAE,EACf,OAAO,CAAC,EAAE;IACR,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAA;KAAE,GAAG,IAAI,CAAA;CAC/F,GACA,QAAQ,EAAE,CA+BZ"}

package/dist/components/tree.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { ChevronRight, Folder, FolderOpen, FileText } from "lucide-react";
+import { cn } from "../lib/cn";
+/* ── Variants ──────────────────────────────────────────────────────────── */
+const treeVariants = cva("w-full rounded-lg border text-sm", {
+    variants: {
+        variant: {
+            default: "border-border/60 bg-[var(--color-surface)]",
+            glass: "backdrop-blur-md border-white/10 bg-[var(--glass-1-surface)]",
+            outline: "border-border/60 bg-transparent",
+            ghost: "border-transparent bg-transparent"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+/* ── TreeNodeItem (recursive) ──────────────────────────────────────────── */
+const badgeColors = {
+    default: "bg-neutral-100/60 text-neutral-600 dark:bg-white/[0.06] dark:text-neutral-400",
+    success: "bg-emerald-100/60 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400",
+    warning: "bg-amber-100/60 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400",
+    info: "bg-blue-100/60 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
+    destructive: "bg-red-100/60 text-red-700 dark:bg-red-900/30 dark:text-red-400"
+};
+function TreeNodeItem({ node, depth, defaultExpanded }) {
+    const isFolder = node.children && node.children.length > 0;
+    const [expanded, setExpanded] = React.useState(defaultExpanded);
+    const paddingLeft = 12 + depth * 16;
+    const content = (_jsxs(_Fragment, { children: [isFolder ? (_jsx("span", { className: "text-neutral-400 dark:text-neutral-500", children: expanded ? _jsx(FolderOpen, { className: "size-4" }) : _jsx(Folder, { className: "size-4" }) })) : (_jsx("span", { className: "text-neutral-400 dark:text-neutral-500", children: node.icon ?? _jsx(FileText, { className: "size-3.5" }) })), _jsx("span", { className: cn("truncate", isFolder ? "font-medium text-foreground" : "font-mono text-neutral-700 dark:text-neutral-300"), children: node.label }), node.badge && (_jsx("span", { className: cn("ml-auto shrink-0 rounded-md border border-current/10 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider", badgeColors[node.badgeVariant ?? "default"]), children: node.badge }))] }));
+    if (isFolder) {
+        return (_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => setExpanded(!expanded), className: "flex w-full items-center gap-2 py-1.5 text-left transition-colors hover:bg-black/[0.03] dark:hover:bg-white/[0.03]", style: { paddingLeft }, children: [_jsx(ChevronRight, { className: cn("size-3 shrink-0 text-neutral-400 transition-transform duration-150", expanded && "rotate-90") }), content] }), expanded && (_jsx("div", { children: node.children.map((child, i) => (_jsx(TreeNodeItem, { node: child, depth: depth + 1, defaultExpanded: defaultExpanded }, `${child.label}-${i}`))) }))] }));
+    }
+    const sharedClassName = "flex w-full items-center gap-2 py-1.5 transition-colors hover:bg-black/[0.03] dark:hover:bg-white/[0.03]";
+    if (node.href) {
+        return (_jsx("a", { href: node.href, target: node.external ? "_blank" : undefined, rel: node.external ? "noopener noreferrer" : undefined, className: sharedClassName, style: { paddingLeft: paddingLeft + 15 }, children: content }));
+    }
+    return (_jsx("div", { className: sharedClassName, style: { paddingLeft: paddingLeft + 15 }, children: content }));
+}
+/* ── Tree ──────────────────────────────────────────────────────────────── */
+export const Tree = React.forwardRef(({ className, variant, nodes, defaultExpanded = true, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn(treeVariants({ variant }), className), ...props, children: _jsx("div", { className: "py-1", children: nodes.map((node, i) => (_jsx(TreeNodeItem, { node: node, depth: 0, defaultExpanded: defaultExpanded }, `${node.label}-${i}`))) }) }));
+});
+Tree.displayName = "Tree";
+/* ── Utility: build tree from flat file paths ─────────────────────────── */
+export function buildFileTree(paths, options) {
+    const root = { label: "", children: [] };
+    for (const filePath of paths) {
+        const parts = filePath.split("/");
+        let current = root;
+        for (let i = 0; i < parts.length; i++) {
+            const part = parts[i];
+            const isLeaf = i === parts.length - 1;
+            if (isLeaf) {
+                const badgeInfo = options?.getBadge?.(filePath);
+                current.children.push({
+                    label: part,
+                    href: options?.hrefPrefix ? `${options.hrefPrefix}/${filePath}` : undefined,
+                    external: !!options?.hrefPrefix,
+                    ...(badgeInfo ?? {})
+                });
+            }
+            else {
+                let folder = current.children.find((c) => c.label === part && c.children);
+                if (!folder) {
+                    folder = { label: part, children: [] };
+                    current.children.push(folder);
+                }
+                current = folder;
+            }
+        }
+    }
+    return root.children;
+}

package/dist/components/typewriter.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+export interface TypewriterProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** The text to type out (single string mode). */
+    text?: string;
+    /** Array of words/phrases to cycle through (multi-word mode). */
+    words?: string[];
+    /** Milliseconds per character when typing. Default: 50 */
+    speed?: number;
+    /** Milliseconds per character when deleting. Default: 30 */
+    deleteSpeed?: number;
+    /** Initial delay before typing starts, in ms. Default: 0 */
+    delay?: number;
+    /** Show a blinking cursor. Default: true */
+    cursor?: boolean;
+    /** The cursor character. Default: "|" */
+    cursorChar?: string;
+    /** Loop the typing animation. Default: false */
+    loop?: boolean;
+    /** Pause at end before deleting/retyping, in ms. Default: 1500 */
+    pauseDuration?: number;
+    /** Callback fired when a word finishes typing (fires per cycle). */
+    onComplete?: () => void;
+}
+export declare const Typewriter: React.ForwardRefExoticComponent<TypewriterProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=typewriter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["../../src/components/typewriter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5E,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gDAAgD;IAChD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAID,eAAO,MAAM,UAAU,yFA6JtB,CAAA"}