@glinui/ui 0.1.0

package/dist/components/meteor-shower.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export interface MeteorShowerProps extends React.HTMLAttributes<HTMLDivElement> {
+    count?: number;
+    angle?: number;
+    minDuration?: number;
+    maxDuration?: number;
+    minDelay?: number;
+    maxDelay?: number;
+}
+export declare const MeteorShower: React.ForwardRefExoticComponent<MeteorShowerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=meteor-shower.d.ts.map

package/dist/components/meteor-shower.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meteor-shower.d.ts","sourceRoot":"","sources":["../../src/components/meteor-shower.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,YAAY,0FAyExB,CAAA"}

package/dist/components/meteor-shower.js

@@ -0,0 +1,39 @@
+"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 MeteorShower = React.forwardRef(({ className, count = 12, angle = 215, minDuration = 2, maxDuration = 5, minDelay = 0, maxDelay = 4, ...props }, ref) => {
+    const prefersReducedMotion = usePrefersReducedMotion();
+    const meteors = React.useMemo(() => {
+        return Array.from({ length: count }).map((_, i) => ({
+            id: i,
+            top: `${-30 + Math.random() * -10}%`,
+            left: `${10 + Math.random() * 90}%`,
+            duration: minDuration + Math.random() * (maxDuration - minDuration),
+            delay: minDelay + Math.random() * (maxDelay - minDelay),
+            size: 1 + Math.random() * 2
+        }));
+    }, [count, minDuration, maxDuration, minDelay, maxDelay]);
+    if (prefersReducedMotion)
+        return null;
+    return (_jsx("div", { ref: ref, className: cn("pointer-events-none absolute inset-0 overflow-hidden", className), "aria-hidden": true, ...props, children: meteors.map((meteor) => (_jsx("span", { className: "absolute animate-[meteor-fall_var(--meteor-duration,3s)_linear_infinite]", style: {
+                "--meteor-angle": `${angle}deg`,
+                "--meteor-duration": `${meteor.duration}s`,
+                top: meteor.top,
+                left: meteor.left,
+                animationDelay: `${meteor.delay}s`,
+                width: `${meteor.size}px`,
+                height: `${meteor.size}px`,
+                borderRadius: "50%",
+                background: "var(--color-foreground)",
+                boxShadow: `0 0 0 1px rgba(255,255,255,0.1), 0 0 ${meteor.size * 10}px ${meteor.size * 2}px rgba(255,255,255,0.1)`,
+            }, children: _jsx("span", { className: "absolute top-1/2 block -translate-y-1/2", style: {
+                    width: `${30 + Math.random() * 40}px`,
+                    height: `${meteor.size * 0.5}px`,
+                    right: "100%",
+                    background: `linear-gradient(to right, transparent, var(--color-foreground))`,
+                    opacity: 0.4
+                } }) }, meteor.id))) }));
+});
+MeteorShower.displayName = "MeteorShower";

package/dist/components/modal.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { type VariantProps } from "class-variance-authority";
+export type ModalProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
+export declare const Modal: React.FC<DialogPrimitive.DialogProps>;
+export declare const ModalTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ModalClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export type ModalPortalProps = DialogPrimitive.DialogPortalProps;
+export declare const ModalPortal: (props: ModalPortalProps) => import("react/jsx-runtime").JSX.Element;
+declare const modalContentVariants: (props?: ({
+    variant?: "default" | "glass" | "frosted" | "matte" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ModalOverlayProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
+export declare const ModalOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type ModalContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & VariantProps<typeof modalContentVariants>;
+export declare const ModalContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "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<HTMLDivElement>>;
+export type ModalHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const ModalHeader: ({ className, ...props }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type ModalFooterProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const ModalFooter: ({ className, ...props }: ModalFooterProps) => import("react/jsx-runtime").JSX.Element;
+export type ModalTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
+export declare const ModalTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export type ModalDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
+export declare const ModalDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export {};
+//# sourceMappingURL=modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAA;AAEpF,eAAO,MAAM,KAAK,uCAAuB,CAAA;AACzC,eAAO,MAAM,YAAY,8GAA0B,CAAA;AACnD,eAAO,MAAM,UAAU,4GAAwB,CAAA;AAE/C,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,iBAAiB,CAAA;AAEhE,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAElD,CAAA;AAED,QAAA,MAAM,oBAAoB;;;8EAyBzB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAA;AAE9F,eAAO,MAAM,YAAY,8JAYvB,CAAA;AAIF,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAC5F,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAE3C,eAAO,MAAM,YAAY;;;sHAqBvB,CAAA;AAIF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEnE,eAAO,MAAM,WAAW,GAAI,yBAAyB,gBAAgB,4CAEpE,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEnE,eAAO,MAAM,WAAW,GAAI,yBAAyB,gBAAgB,4CAKpE,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;AAE1F,eAAO,MAAM,UAAU,oKAKrB,CAAA;AAIF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,CAAA;AAEtG,eAAO,MAAM,gBAAgB,8KAS3B,CAAA"}

package/dist/components/modal.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
+import { cn } from "../lib/cn";
+export const Modal = DialogPrimitive.Root;
+export const ModalTrigger = DialogPrimitive.Trigger;
+export const ModalClose = DialogPrimitive.Close;
+export const ModalPortal = (props) => (_jsx(DialogPrimitive.Portal, { ...props }));
+const modalContentVariants = cva("fixed left-1/2 top-1/2 z-50 grid w-[min(92vw,34rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-2xl border p-6 text-[var(--color-foreground)] outline-none duration-normal ease-standard 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 data-[state=open]:slide-in-from-bottom-3 data-[state=closed]:slide-out-to-bottom-3 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))] shadow-[0_1px_0_rgb(255_255_255_/_0.9)_inset,0_24px_50px_-30px_rgb(15_23_42_/_0.45)] dark:border-white/[0.14] dark:bg-[linear-gradient(180deg,rgb(58_64_74_/_0.94),rgb(38_42_50_/_0.94))] dark:shadow-[0_1px_0_rgb(255_255_255_/_0.08)_inset,0_26px_52px_-30px_rgb(0_0_0_/_0.72)]",
+            glass: "border-white/20 [border-top-color:var(--glass-refraction-top)] bg-[linear-gradient(155deg,rgb(255_255_255_/_0.65),rgb(244_244_244_/_0.35))] backdrop-blur-xl backdrop-saturate-[180%] shadow-[0_0_0_1px_rgb(255_255_255_/_0.2)_inset,0_24px_50px_-30px_rgb(15_23_42_/_0.35)] 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.1)_inset,0_26px_52px_-30px_rgb(0_0_0_/_0.7)]",
+            frosted: "border-white/30 [border-top-color:var(--glass-refraction-top)] bg-[linear-gradient(155deg,rgb(255_255_255_/_0.82),rgb(244_244_244_/_0.55))] backdrop-blur-[40px] backdrop-saturate-[200%] shadow-[0_0_0_1px_rgb(255_255_255_/_0.25)_inset,0_0_20px_rgb(255_255_255_/_0.15)_inset,0_24px_50px_-30px_rgb(15_23_42_/_0.4)] 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_20px_rgb(255_255_255_/_0.06)_inset,0_26px_52px_-30px_rgb(0_0_0_/_0.75)]",
+            matte: "border-black/12 bg-[linear-gradient(180deg,rgb(248_248_249),rgb(234_234_236))] shadow-[0_1px_0_rgb(255_255_255_/_0.88)_inset,0_20px_42px_-28px_rgb(15_23_42_/_0.4)] 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_22px_44px_-28px_rgb(0_0_0_/_0.7)]"
+        },
+        size: {
+            sm: "w-[min(92vw,28rem)] p-5",
+            md: "w-[min(92vw,34rem)] p-6",
+            lg: "w-[min(94vw,42rem)] p-7"
+        }
+    },
+    defaultVariants: {
+        variant: "glass",
+        size: "md"
+    }
+});
+export const ModalOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-[radial-gradient(circle_at_top,rgb(15_23_42_/_0.24),rgb(2_6_23_/_0.52))] backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0 duration-normal ease-standard motion-reduce:data-[state=open]:animate-none motion-reduce:data-[state=closed]:animate-none dark:bg-[radial-gradient(circle_at_top,rgb(15_23_42_/_0.36),rgb(2_6_23_/_0.74))]", className), ...props })));
+ModalOverlay.displayName = "ModalOverlay";
+export const ModalContent = React.forwardRef(({ className, children, variant, size, ...props }, ref) => (_jsxs(ModalPortal, { children: [_jsx(ModalOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn(modalContentVariants({ variant, size }), className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "absolute right-3 top-3 inline-flex h-8 w-8 items-center justify-center rounded-lg border border-transparent bg-black/[0.04] text-[var(--color-foreground)]/70 transition-[background-color,color,border-color] duration-fast ease-standard hover:border-black/10 hover:bg-black/[0.07] hover:text-[var(--color-foreground)] 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:hover:border-white/[0.16] dark:hover:bg-white/[0.11]", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+ModalContent.displayName = "ModalContent";
+export const ModalHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col gap-1.5 text-left", className), ...props }));
+export const ModalFooter = ({ className, ...props }) => (_jsx("div", { className: cn("mt-2 flex flex-col-reverse gap-2 border-t border-black/10 pt-4 sm:flex-row sm:justify-end dark:border-white/[0.12]", className), ...props }));
+export const ModalTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold tracking-tight", className), ...props })));
+ModalTitle.displayName = "ModalTitle";
+export const ModalDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn("text-sm leading-relaxed text-neutral-600 dark:text-neutral-300", className), ...props })));
+ModalDescription.displayName = "ModalDescription";

package/dist/components/morphing-tabs.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+export interface MorphingTabItem {
+    id: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+export interface MorphingTabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Tab items */
+    items: MorphingTabItem[];
+    /** Active tab id */
+    activeId?: string;
+    /** Default active tab id */
+    defaultActiveId?: string;
+    /** Callback when active tab changes */
+    onTabChange?: (id: string) => void;
+    /** Visual variant */
+    variant?: "glass" | "solid" | "underline";
+    /** Size */
+    size?: "sm" | "md" | "lg";
+}
+export declare const MorphingTabs: React.ForwardRefExoticComponent<MorphingTabsProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=morphing-tabs.d.ts.map

package/dist/components/morphing-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"morphing-tabs.d.ts","sourceRoot":"","sources":["../../src/components/morphing-tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,gBAAgB;IAChB,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4BAA4B;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,WAAW,CAAA;IACzC,WAAW;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,eAAO,MAAM,YAAY,0FAmIxB,CAAA"}

package/dist/components/morphing-tabs.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+import { usePrefersReducedMotion } from "../lib/use-prefers-reduced-motion";
+export const MorphingTabs = React.forwardRef(({ className, items, activeId: controlledActiveId, defaultActiveId, onTabChange, variant = "glass", size = "md", ...props }, ref) => {
+    const prefersReducedMotion = usePrefersReducedMotion();
+    const [internalActive, setInternalActive] = React.useState(defaultActiveId ?? items[0]?.id ?? "");
+    const activeId = controlledActiveId ?? internalActive;
+    const tabRefs = React.useRef(new Map());
+    const containerRef = React.useRef(null);
+    const [indicatorStyle, setIndicatorStyle] = React.useState({});
+    const updateIndicator = React.useCallback(() => {
+        const activeTab = tabRefs.current.get(activeId);
+        const container = containerRef.current;
+        if (!activeTab || !container)
+            return;
+        const containerRect = container.getBoundingClientRect();
+        const tabRect = activeTab.getBoundingClientRect();
+        setIndicatorStyle({
+            left: tabRect.left - containerRect.left,
+            top: variant === "underline" ? undefined : tabRect.top - containerRect.top,
+            bottom: variant === "underline" ? 0 : undefined,
+            width: tabRect.width,
+            height: variant === "underline" ? 2 : tabRect.height,
+        });
+    }, [activeId, variant]);
+    React.useEffect(() => {
+        updateIndicator();
+    }, [updateIndicator]);
+    React.useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const observer = new ResizeObserver(() => updateIndicator());
+        observer.observe(container);
+        return () => observer.disconnect();
+    }, [updateIndicator]);
+    const handleTabClick = (id) => {
+        if (!controlledActiveId)
+            setInternalActive(id);
+        onTabChange?.(id);
+    };
+    const sizeClasses = {
+        sm: "text-xs px-2.5 py-1",
+        md: "text-sm px-3.5 py-1.5",
+        lg: "text-base px-5 py-2",
+    };
+    const indicatorVariantClasses = {
+        glass: cn("rounded-lg", "border border-white/20 [border-top-color:var(--glass-refraction-top)]", "bg-[var(--glass-4-surface)]", "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.12] dark:[border-top-color:rgb(255_255_255_/_0.18)]", "dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.06)_inset,0_2px_8px_rgb(0_0_0_/_0.3)]"),
+        solid: "rounded-lg bg-neutral-900 dark:bg-neutral-100 shadow-sm",
+        underline: "bg-neutral-900 dark:bg-neutral-100 rounded-full",
+    };
+    const setRefs = React.useCallback((node) => {
+        containerRef.current = node;
+        if (typeof ref === "function") {
+            ref(node);
+            return;
+        }
+        if (ref)
+            ref.current = node;
+    }, [ref]);
+    return (_jsxs("div", { ref: setRefs, role: "tablist", className: cn("relative inline-flex items-center gap-0.5 rounded-xl p-1", "border border-white/10 bg-[var(--glass-2-surface)] backdrop-blur-xl", "shadow-[0_0_0_1px_rgb(255_255_255_/_0.04)_inset,var(--shadow-soft)]", "dark:border-white/[0.06]", variant === "underline" && "rounded-none border-0 border-b border-white/10 bg-transparent p-0 backdrop-blur-none shadow-none dark:border-white/[0.08]", className), ...props, children: [_jsx("div", { "aria-hidden": "true", className: cn("absolute transition-all ease-out", prefersReducedMotion ? "duration-0" : "duration-300", indicatorVariantClasses[variant]), style: indicatorStyle }), items.map((item) => (_jsx("button", { ref: (el) => { if (el)
+                    tabRefs.current.set(item.id, el);
+                else
+                    tabRefs.current.delete(item.id); }, role: "tab", type: "button", "aria-selected": activeId === item.id, disabled: item.disabled, className: cn("relative z-[1] whitespace-nowrap font-medium transition-colors duration-200", sizeClasses[size], activeId === item.id
+                    ? variant === "solid"
+                        ? "text-white dark:text-neutral-950"
+                        : "text-foreground"
+                    : "text-foreground/50 hover:text-foreground/80", item.disabled && "pointer-events-none opacity-40"), onClick: () => handleTabClick(item.id), children: item.label }, item.id)))] }));
+});
+MorphingTabs.displayName = "MorphingTabs";

package/dist/components/number-ticker.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export interface NumberTickerProps extends React.HTMLAttributes<HTMLSpanElement> {
+    value: number;
+    from?: number;
+    duration?: number;
+    delay?: number;
+    decimals?: number;
+    formatOptions?: Intl.NumberFormatOptions;
+}
+export declare const NumberTicker: React.ForwardRefExoticComponent<NumberTickerProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=number-ticker.d.ts.map

package/dist/components/number-ticker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-ticker.d.ts","sourceRoot":"","sources":["../../src/components/number-ticker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC9E,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAA;CACzC;AAED,eAAO,MAAM,YAAY,2FAgFxB,CAAA"}

package/dist/components/number-ticker.js

@@ -0,0 +1,66 @@
+"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 NumberTicker = React.forwardRef(({ className, value, from = 0, duration = 1.5, delay = 0, decimals = 0, formatOptions, ...props }, ref) => {
+    const innerRef = React.useRef(null);
+    const combinedRef = useCombinedRef(ref, innerRef);
+    const [display, setDisplay] = React.useState(from);
+    const [hasAnimated, setHasAnimated] = React.useState(false);
+    const prefersReducedMotion = usePrefersReducedMotion();
+    React.useEffect(() => {
+        if (prefersReducedMotion) {
+            setDisplay(value);
+            return;
+        }
+        const el = innerRef.current;
+        if (!el)
+            return;
+        const observer = new IntersectionObserver(([entry]) => {
+            if (entry.isIntersecting && !hasAnimated) {
+                setHasAnimated(true);
+                const timeout = window.setTimeout(() => {
+                    const startTime = performance.now();
+                    const durationMs = duration * 1000;
+                    const tick = (now) => {
+                        const elapsed = now - startTime;
+                        const progress = Math.min(elapsed / durationMs, 1);
+                        const eased = 1 - Math.pow(1 - progress, 3);
+                        const current = from + (value - from) * eased;
+                        setDisplay(current);
+                        if (progress < 1) {
+                            requestAnimationFrame(tick);
+                        }
+                    };
+                    requestAnimationFrame(tick);
+                }, delay * 1000);
+                return () => window.clearTimeout(timeout);
+            }
+        }, { threshold: 0.1 });
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [value, from, duration, delay, prefersReducedMotion, hasAnimated]);
+    const formatted = React.useMemo(() => {
+        if (formatOptions) {
+            return new Intl.NumberFormat(undefined, formatOptions).format(display);
+        }
+        return display.toFixed(decimals);
+    }, [display, decimals, formatOptions]);
+    return (_jsx("span", { ref: combinedRef, className: cn("tabular-nums", className), ...props, children: formatted }));
+});
+NumberTicker.displayName = "NumberTicker";
+function useCombinedRef(...refs) {
+    return React.useCallback((node) => {
+        for (const ref of refs) {
+            if (typeof ref === "function") {
+                ref(node);
+            }
+            else if (ref && typeof ref === "object") {
+                ref.current = node;
+            }
+        }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    refs);
+}

package/dist/components/orbiting-circles.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+export interface OrbitingCirclesProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Orbit radius in px */
+    radius?: number;
+    /** Full orbit duration in seconds */
+    duration?: number;
+    /** Animation delay in seconds */
+    delay?: number;
+    /** Reverse orbit direction */
+    reverse?: boolean;
+    /** Show orbit path ring */
+    path?: boolean;
+    /** Starting angle in degrees */
+    startAngle?: number;
+    /** Visual variant */
+    variant?: "default" | "glass" | "3d";
+    /** Size of the orbiting container in px */
+    iconSize?: number;
+}
+export declare const OrbitingCircles: React.ForwardRefExoticComponent<OrbitingCirclesProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=orbiting-circles.d.ts.map

package/dist/components/orbiting-circles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orbiting-circles.d.ts","sourceRoot":"","sources":["../../src/components/orbiting-circles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,IAAI,CAAA;IACpC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAsBD,eAAO,MAAM,eAAe,6FAiE3B,CAAA"}

package/dist/components/orbiting-circles.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+const variantClasses = {
+    default: "",
+    glass: cn("rounded-full", "border border-white/20 [border-top-color:var(--glass-refraction-top)]", "bg-white/60 backdrop-blur-xl backdrop-saturate-[180%]", "shadow-[0_0_0_1px_rgb(255_255_255_/_0.3)_inset,0_4px_12px_-4px_rgb(15_23_42_/_0.12)]", "dark:border-white/[0.12] dark:bg-white/[0.08]", "dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.06)_inset,0_4px_12px_-4px_rgb(0_0_0_/_0.4)]"),
+    "3d": cn("rounded-full", "border border-white/30 [border-top-color:var(--glass-refraction-top)]", "bg-white/70 backdrop-blur-xl backdrop-saturate-[200%]", "shadow-[0_0_0_1px_rgb(255_255_255_/_0.5)_inset,0_0_12px_rgb(255_255_255_/_0.12)_inset,0_8px_24px_-6px_rgb(15_23_42_/_0.25),0_2px_6px_-2px_rgb(15_23_42_/_0.15)]", "dark:border-white/[0.16] dark:bg-[linear-gradient(155deg,rgb(255_255_255_/_0.14),rgb(255_255_255_/_0.06))]", "dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.1)_inset,0_0_12px_rgb(255_255_255_/_0.04)_inset,0_8px_24px_-6px_rgb(0_0_0_/_0.5),0_2px_6px_-2px_rgb(0_0_0_/_0.3)]"),
+};
+export const OrbitingCircles = React.forwardRef(({ className, children, radius = 100, duration = 20, delay = 0, reverse = false, path = false, startAngle = 0, variant = "default", iconSize = 32, style, ...props }, ref) => {
+    const half = iconSize / 2;
+    return (_jsxs(_Fragment, { children: [path && (_jsx("svg", { "aria-hidden": true, className: "pointer-events-none absolute inset-0 size-full", children: _jsx("circle", { cx: "50%", cy: "50%", r: radius, fill: "none", stroke: "currentColor", strokeOpacity: 0.1, strokeWidth: 1, strokeDasharray: "4 4" }) })), _jsx("div", { ref: ref, className: cn("absolute left-1/2 top-1/2 flex items-center justify-center animate-orbit motion-reduce:[animation:none]", variantClasses[variant], className), style: {
+                    width: iconSize,
+                    height: iconSize,
+                    marginLeft: -half,
+                    marginTop: -half,
+                    "--orbit-radius": radius,
+                    "--orbit-start": startAngle,
+                    "--orbit-duration": `${duration}s`,
+                    animationDelay: `${-delay}s`,
+                    animationDirection: reverse ? "reverse" : "normal",
+                    ...style,
+                }, ...props, children: children })] }));
+});
+OrbitingCircles.displayName = "OrbitingCircles";

package/dist/components/particle-field.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export interface ParticleFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Number of particles */
+    count?: number;
+    /** Particle color */
+    color?: string;
+    /** Min particle size in px */
+    minSize?: number;
+    /** Max particle size in px */
+    maxSize?: number;
+    /** Float duration in seconds */
+    duration?: number;
+    /** Float distance in px */
+    distance?: number;
+    /** Particle shape */
+    shape?: "circle" | "square";
+}
+export declare const ParticleField: React.ForwardRefExoticComponent<ParticleFieldProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=particle-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"particle-field.d.ts","sourceRoot":"","sources":["../../src/components/particle-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qBAAqB;IACrB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC5B;AAOD,eAAO,MAAM,aAAa,2FAqEzB,CAAA"}

package/dist/components/particle-field.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+function seededRandom(seed) {
+    const x = Math.sin(seed * 9301 + 49297) * 49297;
+    return x - Math.floor(x);
+}
+export const ParticleField = React.forwardRef(({ className, count = 30, color, minSize = 2, maxSize = 5, duration = 5, distance = 200, shape = "circle", style, ...props }, ref) => {
+    const particles = React.useMemo(() => {
+        return Array.from({ length: count }, (_, i) => {
+            const r1 = seededRandom(i + 1);
+            const r2 = seededRandom(i + 100);
+            const r3 = seededRandom(i + 200);
+            const r4 = seededRandom(i + 300);
+            const size = minSize + r1 * (maxSize - minSize);
+            return {
+                id: i,
+                x: r2 * 100,
+                y: r3 * 100,
+                size,
+                delay: r4 * duration,
+                drift: (r1 - 0.5) * 40,
+                dur: duration * (0.7 + r2 * 0.6),
+            };
+        });
+    }, [count, minSize, maxSize, duration]);
+    const particleColor = color ?? "currentColor";
+    return (_jsx("div", { ref: ref, "aria-hidden": true, className: cn("pointer-events-none absolute inset-0 overflow-hidden", className), style: style, ...props, children: particles.map((p) => (_jsx("div", { className: cn("absolute animate-particle-float motion-reduce:[animation:none]", shape === "circle" ? "rounded-full" : "rounded-sm"), style: {
+                "--particle-distance": `${-distance}px`,
+                "--particle-drift": `${p.drift}px`,
+                "--particle-duration": `${p.dur}s`,
+                width: p.size,
+                height: p.size,
+                left: `${p.x}%`,
+                bottom: `${p.y * 0.3}%`,
+                backgroundColor: particleColor,
+                opacity: 0,
+                animationDelay: `${-p.delay}s`,
+            } }, p.id))) }));
+});
+ParticleField.displayName = "ParticleField";

package/dist/components/popover.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { type VariantProps } from "class-variance-authority";
+declare const popoverTriggerVariants: (props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const popoverContentVariants: (props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type PopoverProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>;
+export declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+export type PopoverTriggerProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger> & VariantProps<typeof popoverTriggerVariants>;
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export type PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & VariantProps<typeof popoverContentVariants>;
+export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.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,QAAA,MAAM,sBAAsB;;;8EAsB3B,CAAA;AAED,QAAA,MAAM,sBAAsB;;;8EAmB1B,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AAEvF,eAAO,MAAM,OAAO,yCAAwB,CAAA;AAE5C,MAAM,MAAM,mBAAmB,GAC7B,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAC/D,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE7C,eAAO,MAAM,cAAc;;;yHASzB,CAAA;AAIF,MAAM,MAAM,mBAAmB,GAC7B,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAC/D,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE7C,eAAO,MAAM,cAAc;;;sHAazB,CAAA;AAIF,eAAO,MAAM,YAAY,8GAAyB,CAAA;AAClD,eAAO,MAAM,aAAa,4GAA0B,CAAA"}

package/dist/components/popover.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const popoverTriggerVariants = cva("inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-accent)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
+    variants: {
+        variant: {
+            default: "bg-[var(--color-surface)] text-[var(--color-foreground)] border border-[var(--color-border)]",
+            glass: "backdrop-blur-xl backdrop-saturate-[180%] bg-[var(--glass-3-surface)] border border-white/20 [border-top-color:var(--glass-refraction-top)] 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_8px_24px_rgb(0_0_0_/_0.35)] text-[var(--color-foreground)]",
+            frosted: "backdrop-blur-[40px] backdrop-saturate-[200%] bg-[var(--glass-4-surface)] border border-white/30 [border-top-color:var(--glass-refraction-top)] shadow-[0_0_0_1px_rgb(255_255_255_/_0.15)_inset,0_0_16px_rgb(255_255_255_/_0.1)_inset,var(--shadow-glass-md)] dark:border-white/[0.14] dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.07)_inset,0_0_16px_rgb(255_255_255_/_0.03)_inset,0_8px_24px_rgb(0_0_0_/_0.4)] text-[var(--color-foreground)]",
+            outline: "bg-transparent border border-[var(--color-border)] text-[var(--color-foreground)]",
+            ghost: "bg-transparent border border-transparent text-[var(--color-foreground)]"
+        },
+        size: {
+            sm: "h-8 px-3",
+            md: "h-10 px-4",
+            lg: "h-11 px-5"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+const popoverContentVariants = cva("z-50 rounded-md border p-4 shadow-md outline-none", {
+    variants: {
+        variant: {
+            default: "bg-[var(--color-surface)] border-[var(--color-border)] text-[var(--color-foreground)]",
+            glass: "backdrop-blur-xl backdrop-saturate-[180%] bg-[var(--glass-3-surface)] border border-white/20 [border-top-color:var(--glass-refraction-top)] 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_8px_24px_rgb(0_0_0_/_0.35)] text-[var(--color-foreground)]",
+            frosted: "backdrop-blur-[40px] backdrop-saturate-[200%] bg-[var(--glass-4-surface)] border border-white/30 [border-top-color:var(--glass-refraction-top)] shadow-[0_0_0_1px_rgb(255_255_255_/_0.15)_inset,0_0_16px_rgb(255_255_255_/_0.1)_inset,var(--shadow-glass-md)] dark:border-white/[0.14] dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.07)_inset,0_0_16px_rgb(255_255_255_/_0.03)_inset,0_8px_24px_rgb(0_0_0_/_0.4)] text-[var(--color-foreground)]",
+            outline: "bg-transparent border-[var(--color-border)] text-[var(--color-foreground)]",
+            ghost: "bg-transparent border-transparent text-[var(--color-foreground)]"
+        },
+        size: {
+            sm: "w-56 text-xs",
+            md: "w-72 text-sm",
+            lg: "w-80 text-base"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+export const Popover = PopoverPrimitive.Root;
+export const PopoverTrigger = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsx(PopoverPrimitive.Trigger, { ref: ref, className: cn(popoverTriggerVariants({ variant, size }), className), ...props })));
+PopoverTrigger.displayName = PopoverPrimitive.Trigger.displayName;
+export const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 8, variant, size, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn(popoverContentVariants({ variant, size }), className), ...props }) })));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+export const PopoverClose = PopoverPrimitive.Close;
+export const PopoverAnchor = PopoverPrimitive.Anchor;

package/dist/components/prism-border.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface PrismBorderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Animation duration in seconds */
+    duration?: number;
+    /** Border width in px */
+    borderWidth?: number;
+    /** Border radius */
+    borderRadius?: string;
+    /** Custom gradient colors */
+    colors?: string[];
+}
+export declare const PrismBorder: React.ForwardRefExoticComponent<PrismBorderProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=prism-border.d.ts.map

package/dist/components/prism-border.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prism-border.d.ts","sourceRoot":"","sources":["../../src/components/prism-border.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,eAAO,MAAM,WAAW,yFA+CvB,CAAA"}

package/dist/components/prism-border.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+export const PrismBorder = React.forwardRef(({ className, children, duration = 3, borderWidth = 2, borderRadius = "0.75rem", colors = ["#f43f5e", "#f97316", "#eab308", "#22c55e", "#06b6d4", "#6366f1", "#a855f7", "#f43f5e"], style, ...props }, ref) => {
+    const gradient = `linear-gradient(90deg, ${colors.join(", ")})`;
+    return (_jsxs("div", { ref: ref, className: cn("relative", className), style: { borderRadius, ...style }, ...props, children: [_jsx("div", { "aria-hidden": "true", className: "absolute inset-0 animate-prism-rotate motion-reduce:[animation:none] [background-size:200%_200%]", style: {
+                    "--prism-duration": `${duration}s`,
+                    backgroundImage: gradient,
+                    borderRadius,
+                    mask: `linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)`,
+                    maskComposite: "exclude",
+                    WebkitMaskComposite: "xor",
+                    padding: borderWidth,
+                } }), _jsx("div", { className: "relative", style: { borderRadius }, children: children })] }));
+});
+PrismBorder.displayName = "PrismBorder";