@glinui/ui 0.1.0

package/dist/components/separator.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const lineVariants: (props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "dashed" | "dotted" | "gradient" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SeparatorProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof lineVariants> & {
+    /** When true the element is purely visual (default). When false, role="separator" is applied. */
+    decorative?: boolean;
+    /** Text label rendered centred on the separator line. */
+    label?: string;
+    /** Icon node rendered centred on the separator line. Overrides label when both are provided. */
+    icon?: React.ReactNode;
+};
+export declare const Separator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "dashed" | "dotted" | "gradient" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    /** When true the element is purely visual (default). When false, role="separator" is applied. */
+    decorative?: boolean;
+    /** Text label rendered centred on the separator line. */
+    label?: string;
+    /** Icon node rendered centred on the separator line. Overrides label when both are provided. */
+    icon?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,QAAA,MAAM,YAAY;;;;8EAsDhB,CAAA;AAKF,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAC/D,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,iGAAiG;IACjG,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gGAAgG;IAChG,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAKH,eAAO,MAAM,SAAS;;;;;IAXlB,iGAAiG;iBACpF,OAAO;IACpB,yDAAyD;YACjD,MAAM;IACd,gGAAgG;WACzF,KAAK,CAAC,SAAS;wCA2FzB,CAAA"}

package/dist/components/separator.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+// ---------------------------------------------------------------------------
+// Line variants — applied to the individual line element(s), not the wrapper
+// ---------------------------------------------------------------------------
+const lineVariants = cva("shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-[var(--color-border)]",
+            glass: [
+                "bg-[var(--glass-refraction-top)]",
+                "[background-image:linear-gradient(90deg,var(--glass-refraction-top),var(--glass-refraction-top))]",
+                "opacity-60",
+            ].join(" "),
+            gradient: "bg-gradient-to-r from-transparent via-[var(--color-border)] to-transparent",
+            dashed: "border-dashed border-[var(--color-border)] bg-transparent",
+            dotted: "border-dotted border-[var(--color-border)] bg-transparent",
+            outline: "border border-[var(--color-border)] bg-transparent",
+            ghost: "bg-[var(--color-border)]/40",
+        },
+        orientation: {
+            horizontal: "w-full",
+            vertical: "h-full",
+        },
+        size: {
+            sm: "",
+            md: "",
+            lg: "",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        orientation: "horizontal",
+        size: "md",
+    },
+    compoundVariants: [
+        // horizontal thickness
+        { orientation: "horizontal", size: "sm", class: "h-px" },
+        { orientation: "horizontal", size: "md", class: "h-0.5" },
+        { orientation: "horizontal", size: "lg", class: "h-1" },
+        // vertical thickness
+        { orientation: "vertical", size: "sm", class: "w-px" },
+        { orientation: "vertical", size: "md", class: "w-0.5" },
+        { orientation: "vertical", size: "lg", class: "w-1" },
+        // dashed/dotted — use border thickness instead of background height/width
+        { orientation: "horizontal", variant: "dashed", size: "sm", class: "h-0 border-t" },
+        { orientation: "horizontal", variant: "dashed", size: "md", class: "h-0 border-t-2" },
+        { orientation: "horizontal", variant: "dashed", size: "lg", class: "h-0 border-t-4" },
+        { orientation: "vertical", variant: "dashed", size: "sm", class: "w-0 border-l" },
+        { orientation: "vertical", variant: "dashed", size: "md", class: "w-0 border-l-2" },
+        { orientation: "vertical", variant: "dashed", size: "lg", class: "w-0 border-l-4" },
+        { orientation: "horizontal", variant: "dotted", size: "sm", class: "h-0 border-t" },
+        { orientation: "horizontal", variant: "dotted", size: "md", class: "h-0 border-t-2" },
+        { orientation: "horizontal", variant: "dotted", size: "lg", class: "h-0 border-t-4" },
+        { orientation: "vertical", variant: "dotted", size: "sm", class: "w-0 border-l" },
+        { orientation: "vertical", variant: "dotted", size: "md", class: "w-0 border-l-2" },
+        { orientation: "vertical", variant: "dotted", size: "lg", class: "w-0 border-l-4" },
+    ],
+});
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export const Separator = React.forwardRef(({ className, variant = "default", orientation = "horizontal", size = "md", decorative = true, label, icon, ...props }, ref) => {
+    const hasContent = icon !== undefined || label !== undefined;
+    const content = icon ?? label;
+    // Shared ARIA attributes
+    const ariaProps = {
+        role: decorative ? undefined : "separator",
+        "aria-hidden": decorative ? true : undefined,
+        "aria-orientation": decorative
+            ? undefined
+            : (orientation ?? "horizontal"),
+    };
+    // Simple line — no label/icon
+    if (!hasContent) {
+        return (_jsx("div", { ref: ref, ...ariaProps, className: cn(lineVariants({ variant, orientation, size }), className), ...props }));
+    }
+    // Label / icon centred layout
+    const isHorizontal = (orientation ?? "horizontal") === "horizontal";
+    return (_jsxs("div", { ref: ref, ...ariaProps, className: cn("flex items-center", isHorizontal ? "flex-row gap-3 w-full" : "flex-col gap-3 h-full", className), ...props, children: [_jsx("div", { className: cn(lineVariants({ variant, orientation, size }), isHorizontal ? "flex-1 w-auto" : "flex-1 h-auto"), "aria-hidden": true }), _jsx("span", { className: cn("shrink-0 select-none text-xs font-medium text-[var(--color-foreground)]/50", isHorizontal ? "px-1" : "py-1"), children: content }), _jsx("div", { className: cn(lineVariants({ variant, orientation, size }), isHorizontal ? "flex-1 w-auto" : "flex-1 h-auto"), "aria-hidden": true })] }));
+});
+Separator.displayName = "Separator";

package/dist/components/sheet.d.ts

@@ -0,0 +1,41 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { type VariantProps } from "class-variance-authority";
+declare const sheetTriggerVariants: (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 sheetContentVariants: (props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SheetProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
+export declare const Sheet: React.FC<DialogPrimitive.DialogProps>;
+export declare const Drawer: React.FC<DialogPrimitive.DialogProps>;
+export type SheetTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger> & VariantProps<typeof sheetTriggerVariants>;
+export declare const SheetTrigger: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & 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 declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export type SheetPortalProps = DialogPrimitive.DialogPortalProps;
+export declare const SheetPortal: (props: SheetPortalProps) => import("react/jsx-runtime").JSX.Element;
+export type SheetOverlayProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
+export declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type SheetContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & VariantProps<typeof sheetContentVariants>;
+export declare const SheetContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const SheetHeader: React.ForwardRefExoticComponent<SheetHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const SheetFooter: React.ForwardRefExoticComponent<SheetFooterProps & React.RefAttributes<HTMLDivElement>>;
+export type SheetTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
+export declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export type SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
+export declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export {};
+//# sourceMappingURL=sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/components/sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,oBAAoB;;;8EAsBzB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;8EA6CzB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAA;AAEpF,eAAO,MAAM,KAAK,uCAAuB,CAAA;AACzC,eAAO,MAAM,MAAM,uCAAQ,CAAA;AAE3B,MAAM,MAAM,iBAAiB,GAC3B,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAC9D,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAE3C,eAAO,MAAM,YAAY;;;yHASvB,CAAA;AAIF,eAAO,MAAM,UAAU,4GAAwB,CAAA;AAE/C,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,iBAAiB,CAAA;AAEhE,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAA0C,CAAA;AAE7F,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAA;AAE9F,eAAO,MAAM,YAAY,8JAYvB,CAAA;AAIF,MAAM,MAAM,iBAAiB,GAC3B,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAC9D,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAE3C,eAAO,MAAM,YAAY;;;;sHAkBvB,CAAA;AAIF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEnE,eAAO,MAAM,WAAW,yFAEvB,CAAA;AAID,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEnE,eAAO,MAAM,WAAW,yFAIvB,CAAA;AAID,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,8KAK3B,CAAA"}

package/dist/components/sheet.js

@@ -0,0 +1,85 @@
+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 { X } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const sheetTriggerVariants = 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 sheetContentVariants = cva("fixed z-50 border p-6 shadow-[var(--shadow-glass-md)] transition-transform duration-200 ease-out data-[state=closed]:opacity-0 data-[state=open]:opacity-100", {
+    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_20px_rgb(255_255_255_/_0.12)_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_20px_rgb(255_255_255_/_0.04)_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: "",
+            md: "",
+            lg: ""
+        },
+        side: {
+            top: "inset-x-0 top-0 border-b rounded-b-xl data-[state=closed]:-translate-y-full data-[state=open]:translate-y-0",
+            bottom: "inset-x-0 bottom-0 border-t rounded-t-xl data-[state=closed]:translate-y-full data-[state=open]:translate-y-0",
+            left: "inset-y-0 left-0 h-full border-r rounded-r-xl data-[state=closed]:-translate-x-full data-[state=open]:translate-x-0",
+            right: "inset-y-0 right-0 h-full border-l rounded-l-xl data-[state=closed]:translate-x-full data-[state=open]:translate-x-0"
+        }
+    },
+    compoundVariants: [
+        { side: "left", size: "sm", className: "w-72" },
+        { side: "left", size: "md", className: "w-96" },
+        { side: "left", size: "lg", className: "w-[32rem]" },
+        { side: "right", size: "sm", className: "w-72" },
+        { side: "right", size: "md", className: "w-96" },
+        { side: "right", size: "lg", className: "w-[32rem]" },
+        { side: "top", size: "sm", className: "h-56" },
+        { side: "top", size: "md", className: "h-72" },
+        { side: "top", size: "lg", className: "h-80" },
+        { side: "bottom", size: "sm", className: "h-56" },
+        { side: "bottom", size: "md", className: "h-72" },
+        { side: "bottom", size: "lg", className: "h-80" }
+    ],
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+        side: "right"
+    }
+});
+export const Sheet = DialogPrimitive.Root;
+export const Drawer = Sheet;
+export const SheetTrigger = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsx(DialogPrimitive.Trigger, { ref: ref, className: cn(sheetTriggerVariants({ variant, size }), className), ...props })));
+SheetTrigger.displayName = DialogPrimitive.Trigger.displayName;
+export const SheetClose = DialogPrimitive.Close;
+export const SheetPortal = (props) => _jsx(DialogPrimitive.Portal, { ...props });
+export const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-40 bg-black/40 backdrop-blur-sm transition-opacity duration-200 data-[state=closed]:opacity-0 data-[state=open]:opacity-100", className), ...props })));
+SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
+export const SheetContent = React.forwardRef(({ className, children, variant, size, side, ...props }, ref) => (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn(sheetContentVariants({ variant, size, side }), className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-accent)] focus-visible:ring-offset-2", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+SheetContent.displayName = DialogPrimitive.Content.displayName;
+export const SheetHeader = React.forwardRef(({ className, ...props }, ref) => _jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 text-left", className), ...props }));
+SheetHeader.displayName = "SheetHeader";
+export const SheetFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("mt-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props })));
+SheetFooter.displayName = "SheetFooter";
+export const SheetTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold", className), ...props })));
+SheetTitle.displayName = DialogPrimitive.Title.displayName;
+export const SheetDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn("text-sm text-neutral-600", className), ...props })));
+SheetDescription.displayName = DialogPrimitive.Description.displayName;

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const shimmerButtonVariants: (props?: ({
+    variant?: "default" | "glass" | "accent" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ShimmerButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof shimmerButtonVariants> {
+    shimmerColor?: string;
+    shimmerDuration?: number;
+}
+export declare const ShimmerButton: React.ForwardRefExoticComponent<ShimmerButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=shimmer-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shimmer-button.d.ts","sourceRoot":"","sources":["../../src/components/shimmer-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,qBAAqB;;;8EA4B1B,CAAA;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,eAAO,MAAM,aAAa,8FAoCzB,CAAA"}

package/dist/components/shimmer-button.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const shimmerButtonVariants = cva([
+    "group relative inline-flex items-center justify-center overflow-hidden rounded-xl",
+    "px-6 py-2.5 text-sm font-medium transition-all",
+    "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-neutral-900 text-white hover:bg-neutral-800 dark:bg-white dark:text-neutral-900 dark:hover:bg-neutral-100",
+            glass: "border border-white/20 [border-top-color:var(--glass-refraction-top)] bg-white/10 text-[var(--color-foreground)] backdrop-blur-md hover:bg-white/20 dark:border-white/10 dark:bg-white/[0.06]",
+            accent: "bg-[var(--color-accent)] text-[var(--color-accent-foreground)] hover:opacity-90"
+        },
+        size: {
+            sm: "h-8 px-4 text-xs",
+            md: "h-10 px-6 text-sm",
+            lg: "h-12 px-8 text-base"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+export const ShimmerButton = React.forwardRef(({ className, children, variant, size, shimmerColor = "rgba(255,255,255,0.3)", shimmerDuration = 2, style, ...props }, ref) => (_jsxs("button", { ref: ref, className: cn(shimmerButtonVariants({ variant, size }), className), style: style, ...props, children: [_jsx("span", { className: cn("pointer-events-none absolute inset-0", "motion-safe:animate-[skeleton-shimmer_var(--shimmer-duration,2s)_ease-in-out_infinite]", "motion-reduce:hidden"), style: {
+                "--shimmer-duration": `${shimmerDuration}s`,
+                background: `linear-gradient(90deg, transparent, ${shimmerColor}, transparent)`,
+            } }), _jsx("span", { className: "relative z-10", children: children })] })));
+ShimmerButton.displayName = "ShimmerButton";

package/dist/components/skeleton.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const skeletonVariants: (props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SkeletonProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof skeletonVariants> & {
+    decorative?: boolean;
+};
+export declare const Skeleton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    decorative?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/components/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,gBAAgB;;;8EA2BrB,CAAA;AA2BD,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAC9D,YAAY,CAAC,OAAO,gBAAgB,CAAC,GAAG;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAEH,eAAO,MAAM,QAAQ;;;;iBAHJ,OAAO;wCAcvB,CAAA"}

package/dist/components/skeleton.js

@@ -0,0 +1,42 @@
+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 skeletonVariants = cva("relative isolate overflow-hidden rounded-xl", {
+    variants: {
+        variant: {
+            default: "bg-neutral-200/80 dark:bg-neutral-800/80",
+            glass: "border border-white/20 [border-top-color:var(--glass-refraction-top)] bg-[var(--glass-2-surface)] backdrop-blur-md backdrop-saturate-[180%] shadow-[0_0_0_1px_rgb(255_255_255_/_0.06)_inset] dark:border-white/[0.1]",
+            liquid: "border border-neutral-300/50 [border-top-color:var(--glass-refraction-top)] bg-[radial-gradient(circle_at_16%_12%,rgb(255_255_255_/_0.7),transparent_44%),linear-gradient(168deg,rgb(245_245_248),rgb(232_232_236))] dark:border-white/[0.12] dark:[border-top-color:rgb(255_255_255_/_0.2)] dark:bg-[linear-gradient(168deg,rgb(38_40_46),rgb(28_30_34))]",
+            matte: "border border-black/[0.06] bg-[linear-gradient(180deg,rgb(244_244_246),rgb(232_232_236))] dark:border-white/[0.1] dark:bg-[linear-gradient(180deg,rgb(40_42_48),rgb(30_32_36))]",
+            outline: "border border-neutral-300 bg-transparent dark:border-neutral-700",
+            ghost: "bg-neutral-100 dark:bg-neutral-800/50"
+        },
+        size: {
+            sm: "h-4",
+            md: "h-6",
+            lg: "h-10"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+const shimmerVariants = cva("pointer-events-none absolute inset-0 motion-safe:animate-skeleton-shimmer motion-reduce:hidden", {
+    variants: {
+        variant: {
+            default: "bg-gradient-to-r from-transparent via-white/60 to-transparent dark:via-white/[0.08]",
+            glass: "bg-gradient-to-r from-transparent via-white/50 to-transparent dark:via-white/[0.06]",
+            liquid: "bg-gradient-to-r from-transparent via-white/70 to-transparent dark:via-white/[0.1]",
+            matte: "bg-gradient-to-r from-transparent via-white/50 to-transparent dark:via-white/[0.06]",
+            outline: "bg-gradient-to-r from-transparent via-neutral-200/60 to-transparent dark:via-white/[0.06]",
+            ghost: "bg-gradient-to-r from-transparent via-white/70 to-transparent dark:via-white/[0.06]"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+export const Skeleton = React.forwardRef(({ className, variant, size, decorative = true, ...props }, ref) => (_jsx("div", { ref: ref, "aria-hidden": decorative ? true : undefined, className: cn(skeletonVariants({ variant, size }), className), ...props, children: _jsx("div", { className: shimmerVariants({ variant }) }) })));
+Skeleton.displayName = "Skeleton";

package/dist/components/slider.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { type VariantProps } from "class-variance-authority";
+declare const sliderVariants: (props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "liquid" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SliderProps = React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & VariantProps<typeof sliderVariants>;
+export declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "liquid" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLSpanElement>>;
+export {};
+//# sourceMappingURL=slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/components/slider.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;AAIjE,QAAA,MAAM,cAAc;;;8EAmBlB,CAAA;AAwEF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GACnF,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA;AAErC,eAAO,MAAM,MAAM;;;uHAyBjB,CAAA"}

package/dist/components/slider.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const sliderVariants = cva("relative flex w-full touch-none select-none items-center", {
+    variants: {
+        variant: {
+            default: "",
+            glass: "",
+            outline: "",
+            ghost: "",
+            liquid: ""
+        },
+        size: {
+            sm: "",
+            md: "",
+            lg: ""
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+const trackVariants = cva("relative w-full grow overflow-hidden rounded-full transition-colors duration-fast ease-standard motion-reduce:transition-none", {
+    variants: {
+        variant: {
+            default: "bg-[var(--color-border)]/45 dark:bg-white/[0.12]",
+            glass: "bg-[var(--glass-1-surface)] backdrop-blur-md backdrop-saturate-[180%] border border-white/15 [border-top-color:var(--glass-refraction-top)] shadow-[0_0_0_1px_rgb(255_255_255_/_0.06)_inset] dark:border-white/[0.1]",
+            outline: "border border-[var(--color-border)] bg-transparent dark:border-white/20",
+            ghost: "bg-[var(--color-foreground)]/[0.12] dark:bg-white/[0.14]",
+            liquid: "border border-white/25 [border-top-color:var(--glass-refraction-top)] bg-[linear-gradient(180deg,rgb(255_255_255_/_0.52),rgb(242_242_242_/_0.32))] shadow-[0_0_0_1px_rgb(255_255_255_/_0.22)_inset] dark:border-white/[0.16] dark:[border-top-color:rgb(255_255_255_/_0.34)] dark:bg-[linear-gradient(180deg,rgb(255_255_255_/_0.12),rgb(255_255_255_/_0.06))]"
+        },
+        size: {
+            sm: "h-1.5",
+            md: "h-2",
+            lg: "h-3"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+const rangeVariants = cva("absolute h-full rounded-full", {
+    variants: {
+        variant: {
+            default: "bg-[var(--color-accent)]",
+            glass: "bg-[var(--color-accent)]/85 shadow-[0_0_0_1px_rgb(255_255_255_/_0.16)_inset,0_0_16px_var(--color-accent)/30]",
+            outline: "bg-[var(--color-accent)]/90",
+            ghost: "bg-[var(--color-foreground)]/80 dark:bg-white/85",
+            liquid: "bg-[var(--color-accent)] shadow-[0_0_18px_var(--color-accent)/35]"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+const thumbVariants = cva("block rounded-full border-2 shadow transition-[transform,background-color,border-color,box-shadow] duration-fast ease-standard 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 motion-reduce:transition-none", {
+    variants: {
+        variant: {
+            default: "border-[var(--color-accent)] bg-[var(--color-surface)] hover:scale-105 active:scale-100 dark:bg-[var(--color-background)]",
+            glass: "bg-[var(--glass-3-surface)] backdrop-blur-md backdrop-saturate-[180%] border-white/30 [border-top-color:var(--glass-refraction-top)] shadow-[0_0_0_1px_rgb(255_255_255_/_0.12)_inset,var(--shadow-glass-sm)] dark:border-white/[0.15] hover:scale-105 active:scale-100",
+            outline: "border-[var(--color-border)] bg-[var(--color-surface)] hover:scale-105 hover:border-[var(--color-accent)]/70 dark:border-white/20 dark:bg-[var(--color-background)]",
+            ghost: "border-transparent bg-[var(--color-foreground)] text-[var(--color-background)] hover:scale-105 active:scale-100 dark:bg-white dark:text-[var(--color-background)]",
+            liquid: "border-[var(--color-accent)] bg-[var(--color-surface)] shadow-[0_0_0_2px_var(--color-accent)/20,0_6px_18px_var(--color-accent)/25] hover:scale-110 active:scale-100 dark:bg-[var(--color-background)]"
+        },
+        size: {
+            sm: "h-4 w-4",
+            md: "h-5 w-5",
+            lg: "h-6 w-6"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+export const Slider = React.forwardRef(({ className, variant, size, ...props }, ref) => {
+    const values = Array.isArray(props.value)
+        ? props.value
+        : Array.isArray(props.defaultValue)
+            ? props.defaultValue
+            : [0];
+    const thumbCount = Math.max(values.length, 1);
+    return (_jsxs(SliderPrimitive.Root, { ref: ref, className: cn(sliderVariants({ variant, size }), className), ...props, children: [_jsx(SliderPrimitive.Track, { className: cn(trackVariants({ variant, size })), children: _jsx(SliderPrimitive.Range, { className: cn(rangeVariants({ variant })) }) }), Array.from({ length: thumbCount }).map((_, index) => (_jsx(SliderPrimitive.Thumb, { className: cn(thumbVariants({ variant, size })) }, index)))] }));
+});
+Slider.displayName = "Slider";

package/dist/components/sonner.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { Toaster as SonnerToaster, toast } from "sonner";
+type ToasterVariant = "default" | "glass" | "matte";
+type GlinToasterProps = Omit<React.ComponentPropsWithoutRef<typeof SonnerToaster>, "icons"> & {
+    /** Visual surface treatment for all toasts */
+    variant?: ToasterVariant;
+};
+declare const Toaster: React.ForwardRefExoticComponent<Omit<Omit<import("sonner").ToasterProps & React.RefAttributes<HTMLElement>, "ref">, "icons"> & {
+    /** Visual surface treatment for all toasts */
+    variant?: ToasterVariant;
+} & React.RefAttributes<HTMLElement>>;
+export { Toaster, toast };
+export type { GlinToasterProps as ToasterProps };
+//# sourceMappingURL=sonner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../src/components/sonner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAcxD,KAAK,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;AAEnD,KAAK,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5F,8CAA8C;IAC9C,OAAO,CAAC,EAAE,cAAc,CAAA;CACzB,CAAA;AAkED,QAAA,MAAM,OAAO;IApEX,8CAA8C;cACpC,cAAc;qCA2GzB,CAAA;AAID,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA;AACzB,YAAY,EAAE,gBAAgB,IAAI,YAAY,EAAE,CAAA"}

package/dist/components/sonner.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Toaster as SonnerToaster, toast } from "sonner";
+import { CheckCircle2, AlertTriangle, AlertCircle, Info, Loader2, X } from "lucide-react";
+import { cn } from "../lib/cn";
+const variantClassMap = {
+    default: {
+        toast: "group relative isolate overflow-hidden 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_14px_30px_-18px_rgb(15_23_42_/_0.3)] before:pointer-events-none before:absolute before:inset-x-0 before:top-0 before:h-px before:bg-gradient-to-r before:from-transparent before:via-white/80 before:to-transparent dark:border-white/[0.14] dark:bg-[linear-gradient(180deg,rgb(55_61_71_/_0.94),rgb(36_40_48_/_0.94))] dark:shadow-[0_1px_0_rgb(255_255_255_/_0.09)_inset,0_16px_34px_-18px_rgb(0_0_0_/_0.66)] dark:before:via-white/20",
+        title: "font-medium tracking-tight text-[var(--color-foreground)]",
+        description: "text-neutral-600 dark:text-neutral-300",
+        actionButton: "bg-neutral-900 text-white hover:bg-neutral-800 dark:bg-neutral-100 dark:text-neutral-950 dark:hover:bg-white",
+        cancelButton: "bg-black/[0.05] text-neutral-700 hover:bg-black/[0.09] dark:bg-white/[0.1] dark:text-neutral-200 dark:hover:bg-white/[0.15]",
+        closeButton: "text-neutral-500 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-white"
+    },
+    glass: {
+        toast: "group relative isolate overflow-hidden 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))] text-[var(--color-foreground)] 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.28)] before:pointer-events-none before:absolute before:inset-x-0 before:top-0 before:h-px before:bg-gradient-to-r before:from-transparent before:via-white/70 before:to-transparent 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.64)] dark:before:via-white/22",
+        title: "font-medium tracking-tight text-[var(--color-foreground)]",
+        description: "text-neutral-600 dark:text-neutral-300",
+        actionButton: "bg-neutral-900 text-white hover:bg-neutral-800 dark:bg-neutral-100 dark:text-neutral-950 dark:hover:bg-white",
+        cancelButton: "bg-black/[0.05] text-neutral-700 hover:bg-black/[0.09] dark:bg-white/[0.1] dark:text-neutral-200 dark:hover:bg-white/[0.15]",
+        closeButton: "text-neutral-500 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-white"
+    },
+    matte: {
+        toast: "group relative isolate overflow-hidden 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_12px_28px_-18px_rgb(15_23_42_/_0.28)] before:pointer-events-none before:absolute before:inset-0 before:bg-[linear-gradient(180deg,rgb(255_255_255_/_0.52),transparent)] 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_14px_30px_-18px_rgb(0_0_0_/_0.68)] dark:before:bg-[linear-gradient(180deg,rgb(255_255_255_/_0.1),transparent)]",
+        title: "font-medium tracking-tight text-[var(--color-foreground)]",
+        description: "text-neutral-600 dark:text-neutral-300",
+        actionButton: "bg-neutral-900 text-white hover:bg-neutral-800 dark:bg-neutral-100 dark:text-neutral-950 dark:hover:bg-white",
+        cancelButton: "bg-black/[0.05] text-neutral-700 hover:bg-black/[0.09] dark:bg-white/[0.1] dark:text-neutral-200 dark:hover:bg-white/[0.15]",
+        closeButton: "text-neutral-500 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-white"
+    }
+};
+/* ── Semantic type overrides (success/error/warning/info) ────────────────── */
+const typeClassMap = {
+    success: "border-emerald-200/70 bg-emerald-50/95 text-emerald-900 shadow-[0_10px_22px_-18px_rgb(16_185_129_/_0.5)] [&_[data-title]]:text-emerald-900 [&_[data-description]]:text-emerald-800/80 dark:border-emerald-800/45 dark:bg-emerald-950/80 dark:text-emerald-200 dark:[&_[data-title]]:text-emerald-200 dark:[&_[data-description]]:text-emerald-300/80",
+    error: "border-red-200/70 bg-red-50/95 text-red-900 shadow-[0_10px_22px_-18px_rgb(239_68_68_/_0.5)] [&_[data-title]]:text-red-900 [&_[data-description]]:text-red-800/80 dark:border-red-800/45 dark:bg-red-950/80 dark:text-red-200 dark:[&_[data-title]]:text-red-200 dark:[&_[data-description]]:text-red-300/80",
+    warning: "border-amber-200/70 bg-amber-50/95 text-amber-900 shadow-[0_10px_22px_-18px_rgb(245_158_11_/_0.5)] [&_[data-title]]:text-amber-900 [&_[data-description]]:text-amber-800/80 dark:border-amber-800/45 dark:bg-amber-950/80 dark:text-amber-200 dark:[&_[data-title]]:text-amber-200 dark:[&_[data-description]]:text-amber-300/80",
+    info: "border-blue-200/70 bg-blue-50/95 text-blue-900 shadow-[0_10px_22px_-18px_rgb(59_130_246_/_0.5)] [&_[data-title]]:text-blue-900 [&_[data-description]]:text-blue-800/80 dark:border-blue-800/45 dark:bg-blue-950/80 dark:text-blue-200 dark:[&_[data-title]]:text-blue-200 dark:[&_[data-description]]:text-blue-300/80"
+};
+/* ── Custom icons ─────────────────────────────────────────────────────────── */
+const iconClass = "size-[18px] shrink-0";
+const customIcons = {
+    success: _jsx(CheckCircle2, { className: cn(iconClass, "text-emerald-600 dark:text-emerald-400") }),
+    info: _jsx(Info, { className: cn(iconClass, "text-blue-600 dark:text-blue-400") }),
+    warning: _jsx(AlertTriangle, { className: cn(iconClass, "text-amber-600 dark:text-amber-400") }),
+    error: _jsx(AlertCircle, { className: cn(iconClass, "text-red-600 dark:text-red-400") }),
+    loading: _jsx(Loader2, { className: cn(iconClass, "animate-spin text-neutral-500 dark:text-neutral-400") }),
+    close: _jsx(X, { className: "size-3.5" })
+};
+/* ── Toaster Component ────────────────────────────────────────────────────── */
+const Toaster = React.forwardRef(({ variant = "default", className, ...props }, ref) => {
+    const classes = variantClassMap[variant];
+    return (_jsx(SonnerToaster, { ref: ref, className: cn("toaster group", className), icons: customIcons, toastOptions: {
+            unstyled: true,
+            classNames: {
+                toast: cn("flex w-full items-start gap-3 rounded-2xl border p-4 pr-3 transition-[transform,opacity,box-shadow,border-color,background-color] duration-normal ease-standard data-[mounted=true]:animate-in data-[removed=true]:animate-out data-[swipe=move]:translate-x-[var(--swipe-move-x)] data-[swipe=end]:translate-x-[var(--swipe-end-x)] data-[swipe=cancel]:translate-x-0 motion-reduce:transition-none", classes.toast),
+                title: cn("text-sm leading-tight", classes.title),
+                description: cn("text-sm leading-relaxed", classes.description),
+                actionButton: cn("inline-flex items-center justify-center rounded-lg border border-transparent px-3 py-1.5 text-xs font-medium transition-[background-color,color,border-color] duration-fast ease-standard", classes.actionButton),
+                cancelButton: cn("inline-flex items-center justify-center rounded-lg border border-transparent px-3 py-1.5 text-xs font-medium transition-[background-color,color,border-color] duration-fast ease-standard", classes.cancelButton),
+                closeButton: cn("rounded-md border border-transparent bg-black/[0.04] p-0.5 transition-[background-color,color,border-color] duration-fast dark:bg-white/[0.06]", classes.closeButton),
+                success: typeClassMap.success,
+                error: typeClassMap.error,
+                warning: typeClassMap.warning,
+                info: typeClassMap.info
+            }
+        }, ...props }));
+});
+Toaster.displayName = "Toaster";
+export { Toaster, toast };

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type GlassCardProps } from "./glass-card";
+export type SpotlightCardProps = GlassCardProps & {
+    spotlightClassName?: string;
+};
+export declare const SpotlightCard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    spotlightClassName?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=spotlight-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spotlight-card.d.ts","sourceRoot":"","sources":["../../src/components/spotlight-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7D,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,aAAa;;;yBAHH,MAAM;wCAyE5B,CAAA"}