@glinui/ui 0.1.0

package/dist/components/gradient-mesh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-mesh.d.ts","sourceRoot":"","sources":["../../src/components/gradient-mesh.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,0FAyDxB,CAAA"}

package/dist/components/gradient-mesh.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+export const GradientMesh = React.forwardRef(({ className, children, colors = ["#a855f7", "#ec4899", "#6366f1", "#06b6d4"], duration = 10, blur = 60, intensity = 0.6, style, ...props }, ref) => {
+    const meshLayers = React.useMemo(() => {
+        return colors.map((color, i) => ({
+            id: i,
+            color,
+            x: 25 + ((i * 50) / colors.length),
+            y: 25 + ((i * 35) % 50),
+            size: 50 + (i % 3) * 20,
+        }));
+    }, [colors]);
+    return (_jsxs("div", { ref: ref, "aria-hidden": true, className: cn("pointer-events-none absolute inset-0 overflow-hidden", className), style: style, ...props, children: [_jsx("div", { className: "absolute inset-0", style: { filter: `blur(${blur}px)`, opacity: intensity }, children: meshLayers.map((layer) => (_jsx("div", { className: "absolute animate-mesh-shift motion-reduce:[animation:none] [background-size:200%_200%]", style: {
+                        "--mesh-duration": `${duration + layer.id * 2}s`,
+                        width: `${layer.size}%`,
+                        height: `${layer.size}%`,
+                        left: `${layer.x}%`,
+                        top: `${layer.y}%`,
+                        background: `radial-gradient(circle at center, ${layer.color}, transparent 70%)`,
+                        transform: "translate(-50%, -50%)",
+                        animationDelay: `${-layer.id * (duration / colors.length)}s`,
+                    } }, layer.id))) }), children] }));
+});
+GradientMesh.displayName = "GradientMesh";

package/dist/components/heading.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+declare const headingVariants: (props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type HeadingProps = React.HTMLAttributes<HTMLHeadingElement> & VariantProps<typeof headingVariants> & {
+    level?: HeadingLevel;
+};
+export declare const Heading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    level?: HeadingLevel;
+} & React.RefAttributes<HTMLHeadingElement>>;
+export {};
+//# sourceMappingURL=heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAEzC,QAAA,MAAM,eAAe;;;8EAmBnB,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,GACjE,YAAY,CAAC,OAAO,eAAe,CAAC,GAAG;IACrC,KAAK,CAAC,EAAE,YAAY,CAAA;CACrB,CAAA;AAEH,eAAO,MAAM,OAAO;;;;YAHR,YAAY;4CASvB,CAAA"}

package/dist/components/heading.js

@@ -0,0 +1,28 @@
+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 headingVariants = cva("font-semibold tracking-tight text-[var(--color-foreground)]", {
+    variants: {
+        variant: {
+            default: "",
+            glass: "inline-block rounded-lg border border-white/20 [border-top-color:var(--glass-refraction-top)] bg-[var(--glass-1-surface)] px-2.5 py-1.5 dark:border-white/[0.14] dark:bg-white/[0.05]",
+            outline: "inline-block rounded-lg border border-[var(--color-border)] px-2.5 py-1.5 dark:border-white/20",
+            ghost: "inline-block rounded-lg px-2.5 py-1.5"
+        },
+        size: {
+            sm: "text-lg leading-7",
+            md: "text-2xl leading-9",
+            lg: "text-3xl leading-10"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+export const Heading = React.forwardRef(({ className, variant, size, level = 2, ...props }, ref) => {
+    const Comp = `h${level}`;
+    return _jsx(Comp, { ref: ref, className: cn(headingVariants({ variant, size }), className), ...props });
+});
+Heading.displayName = "Heading";

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

@@ -0,0 +1,32 @@
+import * as React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import { type VariantProps } from "class-variance-authority";
+declare const hoverCardContentVariants: (props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type HoverCardProps = Omit<React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>, "openDelay" | "closeDelay"> & {
+    /** Delay in ms before opening on pointer/focus. */
+    openDelay?: number;
+    /** Delay in ms before closing when pointer leaves. */
+    closeDelay?: number;
+};
+export declare const HoverCard: ({ openDelay, closeDelay, ...props }: HoverCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+export type HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content> & VariantProps<typeof hoverCardContentVariants> & {
+    /** Preferred side for the hover card. */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Gap in px between trigger and content. */
+    sideOffset?: number;
+};
+export declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    /** Preferred side for the hover card. */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Gap in px between trigger and content. */
+    sideOffset?: number;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# 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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,wBAAwB;;;8EAuB7B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,EAC9D,WAAW,GAAG,YAAY,CAC3B,GAAG;IACF,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,qCAIvB,cAAc,4CAMhB,CAAA;AAED,eAAO,MAAM,gBAAgB,oHAA6B,CAAA;AAE1D,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAChE,OAAO,kBAAkB,CAAC,OAAO,CAClC,GACC,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG;IAC9C,yCAAyC;IACzC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAEH,eAAO,MAAM,gBAAgB;;;;IANzB,yCAAyC;WAClC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;IAC1C,6CAA6C;iBAChC,MAAM;wCA4BtB,CAAA"}

package/dist/components/hover-card.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const hoverCardContentVariants = cva("z-50 rounded-xl border p-4 text-[var(--color-foreground)] shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 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))] shadow-[0_1px_0_rgb(255_255_255_/_0.9)_inset,0_14px_28px_-18px_rgb(15_23_42_/_0.35)] 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_16px_32px_-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.66),rgb(246_246_246_/_0.36))] backdrop-blur-xl backdrop-saturate-[180%] shadow-[0_0_0_1px_rgb(255_255_255_/_0.2)_inset,0_14px_30px_-18px_rgb(15_23_42_/_0.32)] dark:border-white/[0.12] dark:bg-[linear-gradient(155deg,rgb(255_255_255_/_0.15),rgb(255_255_255_/_0.05))] dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.1)_inset,0_16px_34px_-18px_rgb(0_0_0_/_0.66)]",
+            outline: "border-[var(--color-border)] bg-[var(--color-surface)] shadow-[var(--shadow-soft)]",
+            ghost: "border-transparent bg-[var(--color-surface)]/90 shadow-none"
+        },
+        size: {
+            sm: "w-56 text-xs",
+            md: "w-72 text-sm",
+            lg: "w-80 text-sm"
+        }
+    },
+    defaultVariants: {
+        variant: "glass",
+        size: "md"
+    }
+});
+export const HoverCard = ({ openDelay = 200, closeDelay = 100, ...props }) => (_jsx(HoverCardPrimitive.Root, { openDelay: openDelay, closeDelay: closeDelay, ...props }));
+export const HoverCardTrigger = HoverCardPrimitive.Trigger;
+export const HoverCardContent = React.forwardRef(({ className, align = "center", sideOffset = 10, variant, size, ...props }, ref) => (_jsx(HoverCardPrimitive.Portal, { children: _jsx(HoverCardPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn(hoverCardContentVariants({ variant, size }), className), ...props }) })));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;

package/dist/components/icon-frame.d.ts

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

package/dist/components/icon-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-frame.d.ts","sourceRoot":"","sources":["../../src/components/icon-frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,iBAAiB;;;8EAuBtB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAChE,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAExC,eAAO,MAAM,SAAS;;;uHAMrB,CAAA"}

package/dist/components/icon-frame.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 iconFrameVariants = cva("inline-flex shrink-0 items-center justify-center rounded-xl border transition-[background-color,color,border-color,box-shadow] duration-fast ease-standard motion-reduce:transition-none", {
+    variants: {
+        variant: {
+            default: "border-[var(--color-border)] bg-[var(--color-surface)] text-[var(--color-foreground)] dark:border-white/20",
+            glass: "border-white/20 [border-top-color:var(--glass-refraction-top)] bg-[var(--glass-1-surface)] text-[var(--color-foreground)] dark:border-white/[0.14] dark:bg-white/[0.05]",
+            outline: "border-[var(--color-border)] bg-transparent text-[var(--color-foreground)] dark:border-white/20",
+            ghost: "border-transparent bg-[var(--color-foreground)]/[0.08] text-[var(--color-foreground)] dark:bg-white/[0.1]"
+        },
+        size: {
+            sm: "h-7 w-7",
+            md: "h-9 w-9",
+            lg: "h-11 w-11"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+export const IconFrame = React.forwardRef(({ className, variant, size, ...props }, ref) => {
+    return (_jsx("span", { ref: ref, className: cn(iconFrameVariants({ variant, size }), className), ...props }));
+});
+IconFrame.displayName = "IconFrame";

package/dist/components/input.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const inputVariants: (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 InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & VariantProps<typeof inputVariants>;
+export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "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<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;;8EAiDlB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAChF,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAEpC,eAAO,MAAM,KAAK;;;wHAWjB,CAAA"}

package/dist/components/input.js

@@ -0,0 +1,38 @@
+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 inputVariants = 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 focus-visible:shadow-[0_0_0_1px_rgb(255_255_255_/_0.24)_inset,0_0_0_3px_rgb(15_23_42_/_0.12),0_10px_20px_-14px_rgb(15_23_42_/_0.28)] 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: "h-8 px-3 text-xs",
+            md: "h-10 px-3.5 text-sm",
+            lg: "h-12 px-4 text-base"
+        }
+    },
+    compoundVariants: [
+        // underline variant overrides horizontal padding for all sizes
+        { 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 Input = React.forwardRef(({ className, variant, size, type = "text", ...props }, ref) => {
+    return (_jsx("input", { ref: ref, type: type, className: cn(inputVariants({ variant, size }), className), ...props }));
+});
+Input.displayName = "Input";

package/dist/components/kbd.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/components/kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,WAAW;;;8EAuBhB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAA;AAE3F,eAAO,MAAM,GAAG;;;mHAIf,CAAA"}

package/dist/components/kbd.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 kbdVariants = cva("inline-flex min-w-6 items-center justify-center rounded-md border px-1.5 font-mono font-medium uppercase tracking-wide shadow-sm transition-colors duration-fast ease-standard motion-reduce:transition-none", {
+    variants: {
+        variant: {
+            default: "border-[var(--color-border)] bg-[var(--color-surface)] text-[var(--color-foreground)] dark:border-white/15",
+            glass: "border-white/20 [border-top-color:var(--glass-refraction-top)] bg-[var(--glass-1-surface)] text-[var(--color-foreground)] dark:border-white/[0.14] dark:bg-white/[0.05]",
+            outline: "border-[var(--color-border)] bg-transparent text-[var(--color-foreground)] dark:border-white/20",
+            ghost: "border-transparent bg-[var(--color-foreground)]/[0.07] text-[var(--color-foreground)] dark:bg-white/[0.1]"
+        },
+        size: {
+            sm: "h-5 text-[10px]",
+            md: "h-6 text-[11px]",
+            lg: "h-7 text-xs"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+export const Kbd = React.forwardRef(({ className, variant, size, ...props }, ref) => {
+    return _jsx("kbd", { ref: ref, className: cn(kbdVariants({ variant, size }), className), ...props });
+});
+Kbd.displayName = "Kbd";

package/dist/components/label.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;;8EAsBlB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAClE,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAEpC,eAAO,MAAM,KAAK;;;wHAIjB,CAAA"}

package/dist/components/label.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 labelVariants = cva("inline-flex items-center gap-1.5 font-medium text-[var(--color-foreground)] transition-colors duration-fast ease-standard motion-reduce:transition-none", {
+    variants: {
+        variant: {
+            default: "",
+            glass: "rounded-md border border-white/20 [border-top-color:var(--glass-refraction-top)] bg-[var(--glass-1-surface)] px-2 py-1 dark:border-white/[0.14] dark:bg-white/[0.05]",
+            outline: "rounded-md border border-[var(--color-border)] px-2 py-1 dark:border-white/20",
+            ghost: "rounded-md px-2 py-1 text-[var(--color-foreground)]/75"
+        },
+        size: {
+            sm: "text-xs",
+            md: "text-sm",
+            lg: "text-base"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+export const Label = React.forwardRef(({ className, variant, size, ...props }, ref) => {
+    return _jsx("label", { ref: ref, className: cn(labelVariants({ variant, size }), className), ...props });
+});
+Label.displayName = "Label";

package/dist/components/light-leak.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+export interface LightLeakProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Number of light leak layers */
+    count?: number;
+    /** Colors for the light leaks */
+    colors?: string[];
+    /** Animation duration in seconds */
+    duration?: number;
+    /** Intensity/opacity (0-1) */
+    intensity?: number;
+    /** Blur amount in px */
+    blur?: number;
+}
+export declare const LightLeak: React.ForwardRefExoticComponent<LightLeakProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=light-leak.d.ts.map

package/dist/components/light-leak.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"light-leak.d.ts","sourceRoot":"","sources":["../../src/components/light-leak.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,SAAS,uFAuDrB,CAAA"}

package/dist/components/light-leak.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+export const LightLeak = React.forwardRef(({ className, count = 3, colors = ["#f97316", "#eab308", "#f43f5e"], duration = 6, intensity = 0.3, blur = 60, style, ...props }, ref) => {
+    const leaks = React.useMemo(() => {
+        return Array.from({ length: count }, (_, i) => ({
+            id: i,
+            color: colors[i % colors.length],
+            delay: (i * duration) / count,
+            size: 30 + (i % 3) * 20,
+            x: 10 + (i * 80) / count,
+            y: 10 + ((i * 60) % 80),
+            rotation: i * 45,
+        }));
+    }, [count, colors, duration]);
+    return (_jsx("div", { ref: ref, "aria-hidden": true, className: cn("pointer-events-none absolute inset-0 overflow-hidden", className), style: style, ...props, children: leaks.map((leak) => (_jsx("div", { className: "absolute animate-light-leak-drift motion-reduce:[animation:none]", style: {
+                "--light-leak-duration": `${duration + leak.id * 2}s`,
+                width: `${leak.size}%`,
+                height: `${leak.size * 0.6}%`,
+                left: `${leak.x}%`,
+                top: `${leak.y}%`,
+                background: `radial-gradient(ellipse at center, ${leak.color}, transparent 70%)`,
+                filter: `blur(${blur}px)`,
+                opacity: intensity,
+                transform: `translate(-50%, -50%) rotate(${leak.rotation}deg)`,
+                animationDelay: `${-leak.delay}s`,
+            } }, leak.id))) }));
+});
+LightLeak.displayName = "LightLeak";

package/dist/components/link.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const linkVariants: (props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    underline?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & VariantProps<typeof linkVariants>;
+export declare const Link: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    underline?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLAnchorElement>>;
+export {};
+//# sourceMappingURL=link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,YAAY;;;;8EA4BjB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACnE,YAAY,CAAC,OAAO,YAAY,CAAC,CAAA;AAEnC,eAAO,MAAM,IAAI;;;;yHAMhB,CAAA"}

package/dist/components/link.js

@@ -0,0 +1,32 @@
+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 linkVariants = cva("inline-flex items-center gap-1 rounded-md font-medium transition-[color,background-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 motion-reduce:transition-none", {
+    variants: {
+        variant: {
+            default: "text-[var(--color-foreground)] hover:text-[var(--color-accent)]",
+            glass: "border border-white/20 [border-top-color:var(--glass-refraction-top)] bg-[var(--glass-1-surface)] px-2 py-1 text-[var(--color-foreground)] hover:bg-[var(--glass-2-surface)] dark:border-white/[0.14] dark:bg-white/[0.05]",
+            outline: "border border-[var(--color-border)] px-2 py-1 text-[var(--color-foreground)] hover:border-[var(--color-accent)]/50 dark:border-white/20",
+            ghost: "px-2 py-1 text-[var(--color-foreground)]/80 hover:bg-[var(--glass-1-surface)]"
+        },
+        size: {
+            sm: "text-xs",
+            md: "text-sm",
+            lg: "text-base"
+        },
+        underline: {
+            true: "underline underline-offset-4 decoration-[var(--color-accent)]/35",
+            false: "no-underline"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+        underline: true
+    }
+});
+export const Link = React.forwardRef(({ className, variant, size, underline, ...props }, ref) => {
+    return (_jsx("a", { ref: ref, className: cn(linkVariants({ variant, size, underline }), className), ...props }));
+});
+Link.displayName = "Link";

package/dist/components/liquid-button.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import { type ButtonProps } from "./button";
+declare const liquidButtonVariants: (props?: ({
+    intensity?: "strong" | "soft" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type LiquidButtonProps = ButtonProps & VariantProps<typeof liquidButtonVariants>;
+export declare const LiquidButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | "matte" | "liquid" | "glow" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    asChild?: boolean;
+} & VariantProps<(props?: ({
+    intensity?: "strong" | "soft" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=liquid-button.d.ts.map

package/dist/components/liquid-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"liquid-button.d.ts","sourceRoot":"","sources":["../../src/components/liquid-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAEnD,QAAA,MAAM,oBAAoB;;8EAczB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAEvF,eAAO,MAAM,YAAY;;;;;;;yHAIxB,CAAA"}

package/dist/components/liquid-button.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+import { Button } from "./button";
+const liquidButtonVariants = cva("relative transform-gpu transition-[transform,box-shadow,filter] duration-normal ease-standard hover:scale-[1.03] hover:shadow-[0_0_0_1px_var(--glass-refraction-top),0_18px_30px_-16px_rgb(15_23_42_/_0.34)] active:scale-y-[0.97] dark:hover:shadow-[0_0_0_1px_var(--glass-refraction-top),0_0_30px_rgb(255_255_255_/_0.2)] motion-reduce:transition-none motion-reduce:hover:scale-100 motion-reduce:active:scale-y-100", {
+    variants: {
+        intensity: {
+            soft: "hover:brightness-[1.03] dark:hover:brightness-105",
+            strong: "hover:brightness-[1.06] hover:shadow-[0_0_0_1px_var(--glass-refraction-top),0_22px_34px_-16px_rgb(15_23_42_/_0.4)] dark:hover:brightness-110 dark:hover:shadow-[0_0_0_1px_var(--glass-refraction-top),0_0_36px_rgb(255_255_255_/_0.3)]"
+        }
+    },
+    defaultVariants: {
+        intensity: "soft"
+    }
+});
+export const LiquidButton = React.forwardRef(({ className, intensity, ...props }, ref) => (_jsx(Button, { ref: ref, className: cn(liquidButtonVariants({ intensity }), className), ...props })));
+LiquidButton.displayName = "LiquidButton";

package/dist/components/magnetic-cta.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type ButtonProps } from "./button";
+export type MagneticCTAProps = ButtonProps & {
+    containerClassName?: string;
+    maxOffset?: number;
+    magnetRadius?: number;
+};
+export declare const MagneticCTA: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | "matte" | "liquid" | "glow" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    asChild?: boolean;
+} & {
+    containerClassName?: string;
+    maxOffset?: number;
+    magnetRadius?: number;
+} & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=magnetic-cta.d.ts.map

package/dist/components/magnetic-cta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"magnetic-cta.d.ts","sourceRoot":"","sources":["../../src/components/magnetic-cta.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAEnD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;yBALD,MAAM;gBACf,MAAM;mBACH,MAAM;2CA4EtB,CAAA"}

package/dist/components/magnetic-cta.js

@@ -0,0 +1,46 @@
+"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";
+import { Button } from "./button";
+export const MagneticCTA = React.forwardRef(({ className, containerClassName, maxOffset = 8, magnetRadius = 140, ...props }, ref) => {
+    const prefersReducedMotion = usePrefersReducedMotion();
+    const wrapperRef = React.useRef(null);
+    const buttonRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => buttonRef.current);
+    const setButtonOffset = React.useCallback((x, y) => {
+        if (!buttonRef.current) {
+            return;
+        }
+        buttonRef.current.style.setProperty("--magnetic-x", `${x.toFixed(2)}px`);
+        buttonRef.current.style.setProperty("--magnetic-y", `${y.toFixed(2)}px`);
+    }, []);
+    const resetOffset = React.useCallback(() => {
+        setButtonOffset(0, 0);
+    }, [setButtonOffset]);
+    const handleMouseMove = React.useCallback((event) => {
+        if (prefersReducedMotion || !wrapperRef.current) {
+            resetOffset();
+            return;
+        }
+        const rect = wrapperRef.current.getBoundingClientRect();
+        const centerX = rect.left + rect.width / 2;
+        const centerY = rect.top + rect.height / 2;
+        const deltaX = event.clientX - centerX;
+        const deltaY = event.clientY - centerY;
+        const distance = Math.hypot(deltaX, deltaY);
+        if (distance === 0 || distance > magnetRadius) {
+            resetOffset();
+            return;
+        }
+        const normalizedX = deltaX / distance;
+        const normalizedY = deltaY / distance;
+        const strength = 1 - distance / magnetRadius;
+        const translateX = normalizedX * maxOffset * strength;
+        const translateY = normalizedY * maxOffset * strength;
+        setButtonOffset(translateX, translateY);
+    }, [magnetRadius, maxOffset, prefersReducedMotion, resetOffset, setButtonOffset]);
+    return (_jsx("div", { ref: wrapperRef, "data-slot": "magnetic-cta-wrapper", className: cn("inline-flex", containerClassName), onMouseMove: handleMouseMove, onMouseLeave: resetOffset, children: _jsx(Button, { ref: buttonRef, className: cn("[transform:translate3d(var(--magnetic-x,0px),var(--magnetic-y,0px),0)] transition-transform duration-fast ease-standard motion-reduce:transition-none", className), ...props }) }));
+});
+MagneticCTA.displayName = "MagneticCTA";

package/dist/components/marquee.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface MarqueeProps extends React.HTMLAttributes<HTMLDivElement> {
+    direction?: "left" | "right" | "up" | "down";
+    speed?: number;
+    pauseOnHover?: boolean;
+    gap?: number;
+    reverse?: boolean;
+}
+export declare const Marquee: React.ForwardRefExoticComponent<MarqueeProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=marquee.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"marquee.d.ts","sourceRoot":"","sources":["../../src/components/marquee.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,OAAO,qFAyDnB,CAAA"}

package/dist/components/marquee.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+export const Marquee = React.forwardRef(({ className, children, direction = "left", speed = 30, pauseOnHover = false, gap = 16, reverse = false, style, ...props }, ref) => {
+    const isVertical = direction === "up" || direction === "down";
+    const shouldReverse = reverse || direction === "right" || direction === "down";
+    const animationClass = isVertical
+        ? "motion-safe:animate-marquee-y"
+        : "motion-safe:animate-marquee-x";
+    return (_jsx("div", { ref: ref, className: cn("group overflow-hidden", isVertical ? "flex flex-col" : "flex flex-row", className), style: {
+            "--marquee-gap": `${gap}px`,
+            "--marquee-duration": `${speed}s`,
+            ...style,
+        }, ...props, children: Array.from({ length: 2 }).map((_, i) => (_jsx("div", { "aria-hidden": i === 1 ? true : undefined, className: cn("flex shrink-0", isVertical ? "flex-col" : "flex-row", animationClass, shouldReverse && "[animation-direction:reverse]", pauseOnHover && "group-hover:[animation-play-state:paused]", isVertical ? "pb-[var(--marquee-gap)]" : "pr-[var(--marquee-gap)]"), children: children }, i))) }));
+});
+Marquee.displayName = "Marquee";