@glinui/ui 0.1.0

package/dist/components/accordion.d.ts

@@ -0,0 +1,42 @@
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { type VariantProps } from "class-variance-authority";
+declare const accordionItemVariants: (props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | "separated" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const accordionTriggerVariants: (props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | "separated" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const accordionContentVariants: (props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | "separated" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | "separated";
+};
+export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export type AccordionItemProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> & VariantProps<typeof accordionItemVariants>;
+export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | "separated" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & VariantProps<typeof accordionTriggerVariants>;
+export declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | "separated" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export type AccordionContentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & VariantProps<typeof accordionContentVariants> & {
+    /** Padding size matching the trigger */
+    contentSize?: "sm" | "md" | "lg";
+};
+export declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | "separated" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    /** Padding size matching the trigger */
+    contentSize?: "sm" | "md" | "lg";
+} & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,QAAA,MAAM,qBAAqB;;;8EA6B1B,CAAA;AAID,QAAA,MAAM,wBAAwB;;;8EAuB7B,CAAA;AAID,QAAA,MAAM,wBAAwB;;;8EAuB7B,CAAA;AAID,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,GAAG;IAC5F,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAA;CAC9E,CAAA;AAED,eAAO,MAAM,SAAS,uFAYpB,CAAA;AAMF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,GAC7F,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAE5C,eAAO,MAAM,aAAa;;;sHASxB,CAAA;AAMF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,GACnG,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAE/C,eAAO,MAAM,gBAAgB;;;yHAc3B,CAAA;AAMF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,GACnG,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG;IAC9C,wCAAwC;IACxC,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACjC,CAAA;AAQH,eAAO,MAAM,gBAAgB;;;;IAVzB,wCAAwC;kBAC1B,IAAI,GAAG,IAAI,GAAG,IAAI;wCAsBlC,CAAA"}

package/dist/components/accordion.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { cva } from "class-variance-authority";
+import { ChevronDown } from "lucide-react";
+import { cn } from "../lib/cn";
+/* ── Item Variants ─────────────────────────────────────────────────────── */
+const accordionItemVariants = cva("transition-[background-color,border-color,box-shadow] duration-normal ease-standard", {
+    variants: {
+        variant: {
+            default: "rounded-xl border border-[var(--color-border)] bg-[var(--color-surface)] shadow-sm",
+            glass: "relative rounded-xl border border-white/15 [border-top-color:var(--glass-refraction-top)] bg-[var(--glass-1-surface)] shadow-[0_0_0_1px_rgb(255_255_255_/_0.06)_inset,var(--shadow-glass-sm)] backdrop-blur-md backdrop-saturate-[180%]",
+            frosted: "relative rounded-xl border border-white/25 [border-top-color:var(--glass-refraction-top)] bg-[var(--glass-2-surface)] shadow-[0_0_0_1px_rgb(255_255_255_/_0.1)_inset,0_0_16px_rgb(255_255_255_/_0.1)_inset,var(--shadow-glass-sm)] backdrop-blur-[40px] backdrop-saturate-[200%]",
+            outline: "rounded-xl border border-[var(--color-border)] bg-transparent",
+            ghost: "rounded-xl border border-transparent",
+            separated: "border-b border-[var(--color-border)] last:border-b-0"
+        },
+        size: {
+            sm: "",
+            md: "",
+            lg: ""
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+/* ── Trigger Variants ──────────────────────────────────────────────────── */
+const accordionTriggerVariants = cva("flex w-full items-center justify-between gap-2 font-medium text-[var(--color-foreground)] transition-[color,background-color] duration-normal ease-standard focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-accent)] focus-visible:ring-offset-2 [&[data-state=open]>svg]:rotate-180", {
+    variants: {
+        variant: {
+            default: "hover:bg-black/[0.03] dark:hover:bg-white/[0.03]",
+            glass: "hover:bg-white/[0.06] dark:hover:bg-white/[0.04]",
+            frosted: "hover:bg-white/[0.08] dark:hover:bg-white/[0.06]",
+            outline: "hover:bg-black/[0.03] dark:hover:bg-white/[0.03]",
+            ghost: "hover:bg-black/[0.04] dark:hover:bg-white/[0.04]",
+            separated: "hover:underline decoration-[var(--color-border)] underline-offset-4"
+        },
+        size: {
+            sm: "px-3 py-2.5 text-sm",
+            md: "px-4 py-3.5 text-sm",
+            lg: "px-5 py-4 text-base"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+/* ── Content Variants ──────────────────────────────────────────────────── */
+const accordionContentVariants = cva("overflow-hidden text-neutral-600 data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down dark:text-neutral-400", {
+    variants: {
+        variant: {
+            default: "",
+            glass: "",
+            frosted: "",
+            outline: "",
+            ghost: "",
+            separated: ""
+        },
+        size: {
+            sm: "text-xs",
+            md: "text-sm",
+            lg: "text-base"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+export const Accordion = React.forwardRef(({ className, variant = "default", ...props }, ref) => (_jsx(AccordionPrimitive.Root, { ref: ref, className: cn(variant === "separated" ? "w-full" : "flex w-full flex-col gap-2", className), ...props })));
+Accordion.displayName = "Accordion";
+export const AccordionItem = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsx(AccordionPrimitive.Item, { ref: ref, className: cn(accordionItemVariants({ variant, size }), className), ...props })));
+AccordionItem.displayName = "AccordionItem";
+export const AccordionTrigger = React.forwardRef(({ className, children, variant, size, ...props }, ref) => (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { ref: ref, className: cn(accordionTriggerVariants({ variant, size }), className), ...props, children: [children, _jsx(ChevronDown, { className: "size-4 shrink-0 text-neutral-500 transition-transform duration-200 ease-standard motion-reduce:transition-none dark:text-neutral-400" })] }) })));
+AccordionTrigger.displayName = "AccordionTrigger";
+const contentPadding = {
+    sm: "px-3 pb-3",
+    md: "px-4 pb-4",
+    lg: "px-5 pb-5"
+};
+export const AccordionContent = React.forwardRef(({ className, children, variant, size, contentSize, ...props }, ref) => (_jsx(AccordionPrimitive.Content, { ref: ref, className: cn(accordionContentVariants({ variant, size }), className), ...props, children: _jsx("div", { className: contentPadding[contentSize ?? size ?? "md"], children: children }) })));
+AccordionContent.displayName = "AccordionContent";

package/dist/components/alert-dialog.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { type VariantProps } from "class-variance-authority";
+declare const alertDialogContentVariants: (props?: ({
+    variant?: "default" | "glass" | "matte" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const alertDialogActionVariants: (props?: ({
+    variant?: "default" | "glass" | "matte" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+export declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+export declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & VariantProps<typeof alertDialogContentVariants>;
+export declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "matte" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const AlertDialogFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export type AlertDialogActionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action> & VariantProps<typeof alertDialogActionVariants>;
+export declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "matte" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,0BAA0B;;;8EAuB/B,CAAA;AAED,QAAA,MAAM,yBAAyB;;8EAiB9B,CAAA;AAMD,eAAO,MAAM,WAAW,iDAA4B,CAAA;AACpD,eAAO,MAAM,kBAAkB,wHAA+B,CAAA;AAC9D,eAAO,MAAM,iBAAiB,uDAA8B,CAAA;AAE5D,eAAO,MAAM,kBAAkB,wKAY7B,CAAA;AAIF,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAClE,OAAO,oBAAoB,CAAC,OAAO,CACpC,GACC,YAAY,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAEjD,eAAO,MAAM,kBAAkB;;;sHAY7B,CAAA;AAIF,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAEtC,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAQtC,CAAA;AAED,eAAO,MAAM,gBAAgB,8KAS3B,CAAA;AAIF,eAAO,MAAM,sBAAsB,wLASjC,CAAA;AAIF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CACjE,OAAO,oBAAoB,CAAC,MAAM,CACnC,GACC,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAA;AAEhD,eAAO,MAAM,iBAAiB;;yHAS5B,CAAA;AAIF,eAAO,MAAM,iBAAiB,6KAS5B,CAAA"}

package/dist/components/alert-dialog.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const alertDialogContentVariants = cva("fixed left-1/2 top-1/2 z-50 grid w-[min(92vw,32rem)] -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.66),rgb(245_245_245_/_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)]",
+            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,32rem)] p-6",
+            lg: "w-[min(94vw,38rem)] p-7"
+        }
+    },
+    defaultVariants: {
+        variant: "glass",
+        size: "md"
+    }
+});
+const alertDialogActionVariants = cva("inline-flex h-10 items-center justify-center rounded-lg border border-transparent px-4 text-sm font-medium transition-[background-color,color,border-color] 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-60", {
+    variants: {
+        variant: {
+            default: "bg-neutral-900 text-white hover:bg-neutral-800 dark:bg-neutral-100 dark:text-neutral-950 dark:hover:bg-white",
+            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))] text-[var(--color-foreground)] backdrop-blur-lg backdrop-saturate-[180%] hover:bg-[linear-gradient(155deg,rgb(255_255_255_/_0.78),rgb(249_249_249_/_0.45))] dark:border-white/[0.12] dark:bg-[linear-gradient(155deg,rgb(255_255_255_/_0.15),rgb(255_255_255_/_0.06))] dark:hover:bg-[linear-gradient(155deg,rgb(255_255_255_/_0.2),rgb(255_255_255_/_0.08))]",
+            matte: "border-black/12 bg-[linear-gradient(180deg,rgb(248_248_249),rgb(232_232_235))] text-[var(--color-foreground)] hover:bg-[linear-gradient(180deg,rgb(252_252_252),rgb(238_238_240))] dark:border-white/[0.16] dark:bg-[linear-gradient(180deg,rgb(50_55_63_/_0.96),rgb(33_37_44_/_0.96))] dark:hover:bg-[linear-gradient(180deg,rgb(56_61_69_/_0.96),rgb(38_42_50_/_0.96))]"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+const alertDialogCancelVariants = cva("inline-flex h-10 items-center justify-center rounded-lg border border-black/12 bg-black/[0.03] px-4 text-sm font-medium text-[var(--color-foreground)] transition-[background-color,color,border-color] duration-fast ease-standard hover:bg-black/[0.07] 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-60 dark:border-white/[0.16] dark:bg-white/[0.06] dark:hover:bg-white/[0.1]");
+export const AlertDialog = AlertDialogPrimitive.Root;
+export const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+export const AlertDialogPortal = AlertDialogPrimitive.Portal;
+export const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.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 })));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+export const AlertDialogContent = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { ref: ref, className: cn(alertDialogContentVariants({ variant, size }), className), ...props })] })));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+export const AlertDialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col gap-2 text-left", className), ...props }));
+export const AlertDialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn("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 AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold tracking-tight", className), ...props })));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+export const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Description, { ref: ref, className: cn("text-sm leading-relaxed text-neutral-600 dark:text-neutral-300", className), ...props })));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+export const AlertDialogAction = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx(AlertDialogPrimitive.Action, { ref: ref, className: cn(alertDialogActionVariants({ variant }), className), ...props })));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+export const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Cancel, { ref: ref, className: cn(alertDialogCancelVariants(), className), ...props })));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;

package/dist/components/alert.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | "glow" | "success" | "warning" | "destructive" | "info" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type AlertProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>;
+export declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | "glow" | "success" | "warning" | "destructive" | "info" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export {};
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,aAAa;;;8EAiDlB,CAAA;AAID,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAElG,eAAO,MAAM,KAAK;;;sHAIjB,CAAA;AAMD,eAAO,MAAM,UAAU,qHAItB,CAAA;AAMD,eAAO,MAAM,gBAAgB,yHAI5B,CAAA"}

package/dist/components/alert.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+/* ── Alert Variants ───────────────────────────────────────────────────────── */
+const alertVariants = cva("relative w-full rounded-xl border text-sm transition-[background-color,border-color,box-shadow,color] duration-normal ease-standard [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11 motion-reduce:transition-none", {
+    variants: {
+        variant: {
+            default: "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_10px_22px_-14px_rgb(15_23_42_/_0.3)] before:pointer-events-none before:absolute before:inset-0 before:bg-[linear-gradient(180deg,rgb(255_255_255_/_0.58),transparent)] [&>svg]:text-neutral-600 dark:border-white/[0.14] dark:bg-[linear-gradient(180deg,rgb(56_62_72_/_0.94),rgb(36_40_48_/_0.94))] dark:shadow-[0_1px_0_rgb(255_255_255_/_0.08)_inset,0_12px_24px_-14px_rgb(0_0_0_/_0.65)] dark:before:bg-[linear-gradient(180deg,rgb(255_255_255_/_0.1),transparent)] dark:[&>svg]:text-neutral-300",
+            glass: "relative isolate overflow-hidden border-white/20 [border-top-color:var(--glass-refraction-top)] bg-[linear-gradient(155deg,rgb(255_255_255_/_0.62),rgb(245_245_245_/_0.36))] text-[var(--color-foreground)] backdrop-blur-md backdrop-saturate-[180%] shadow-[0_0_0_1px_rgb(255_255_255_/_0.2)_inset,0_8px_20px_-12px_rgb(2_6_23_/_0.25)] 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/45 before:to-transparent dark:border-white/[0.12] dark:bg-[linear-gradient(155deg,rgb(255_255_255_/_0.1),rgb(255_255_255_/_0.04))] dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.08)_inset,0_8px_20px_-12px_rgb(0_0_0_/_0.4)] dark:before:via-white/20",
+            liquid: "relative isolate overflow-hidden border-white/20 [border-top-color:var(--glass-refraction-top)] bg-[radial-gradient(circle_at_18%_16%,rgb(255_255_255_/_0.88),transparent_40%),linear-gradient(148deg,rgb(255_255_255_/_0.74),rgb(232_232_232_/_0.5))] text-[var(--color-foreground)] backdrop-blur-xl backdrop-saturate-[180%] shadow-[0_0_0_1px_rgb(255_255_255_/_0.2)_inset,0_10px_24px_-14px_rgb(2_6_23_/_0.3)] before:pointer-events-none before:absolute before:inset-0 before:bg-[radial-gradient(circle_at_80%_72%,rgb(255_255_255_/_0.34),transparent_48%)] before:opacity-80 dark:border-white/[0.12] dark:bg-[linear-gradient(145deg,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_10px_24px_-14px_rgb(0_0_0_/_0.45)] dark:before:opacity-55",
+            matte: "relative isolate overflow-hidden border-black/10 bg-[linear-gradient(180deg,rgb(250_250_250),rgb(234_234_236))] text-neutral-900 shadow-[0_1px_0_rgb(255_255_255_/_0.92)_inset,0_6px_16px_-10px_rgb(15_23_42_/_0.25)] before:pointer-events-none before:absolute before:inset-0 before:bg-[linear-gradient(180deg,rgb(255_255_255_/_0.62),transparent)] dark:border-white/[0.14] dark:bg-[linear-gradient(180deg,rgb(53_58_67_/_0.92),rgb(34_38_46_/_0.92))] dark:text-neutral-100 dark:shadow-[0_1px_0_rgb(255_255_255_/_0.12)_inset,0_6px_16px_-10px_rgb(0_0_0_/_0.5)] dark:before:bg-[linear-gradient(180deg,rgb(255_255_255_/_0.12),transparent)]",
+            glow: "border-white/20 bg-neutral-900 text-white shadow-[0_0_0_1px_rgb(255_255_255_/_0.12)_inset,0_0_20px_rgb(255_255_255_/_0.15)] [&>svg]:text-white dark:border-white/40 dark:bg-neutral-100 dark:text-neutral-950 dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.55),0_0_20px_rgb(255_255_255_/_0.25)] dark:[&>svg]:text-neutral-950",
+            outline: "border-[var(--color-border)] bg-transparent text-[var(--color-foreground)]",
+            ghost: "border-transparent bg-transparent text-[var(--color-foreground)]",
+            success: "border-emerald-200/60 bg-emerald-50 text-emerald-800 shadow-[0_4px_12px_-6px_rgb(16_185_129_/_0.2)] [&>svg]:text-emerald-600 dark:border-emerald-800/40 dark:bg-emerald-950/50 dark:text-emerald-200 dark:shadow-[0_4px_12px_-6px_rgb(16_185_129_/_0.15)] dark:[&>svg]:text-emerald-400",
+            warning: "border-amber-200/60 bg-amber-50 text-amber-800 shadow-[0_4px_12px_-6px_rgb(245_158_11_/_0.2)] [&>svg]:text-amber-600 dark:border-amber-800/40 dark:bg-amber-950/50 dark:text-amber-200 dark:shadow-[0_4px_12px_-6px_rgb(245_158_11_/_0.15)] dark:[&>svg]:text-amber-400",
+            destructive: "border-red-200/60 bg-red-50 text-red-800 shadow-[0_4px_12px_-6px_rgb(239_68_68_/_0.2)] [&>svg]:text-red-600 dark:border-red-800/40 dark:bg-red-950/50 dark:text-red-200 dark:shadow-[0_4px_12px_-6px_rgb(239_68_68_/_0.15)] dark:[&>svg]:text-red-400",
+            info: "border-blue-200/60 bg-blue-50 text-blue-800 shadow-[0_4px_12px_-6px_rgb(59_130_246_/_0.2)] [&>svg]:text-blue-600 dark:border-blue-800/40 dark:bg-blue-950/50 dark:text-blue-200 dark:shadow-[0_4px_12px_-6px_rgb(59_130_246_/_0.15)] dark:[&>svg]:text-blue-400"
+        },
+        size: {
+            sm: "p-3",
+            md: "p-4",
+            lg: "p-5"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+export const Alert = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsx("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant, size }), className), ...props })));
+Alert.displayName = "Alert";
+/* ── AlertTitle ───────────────────────────────────────────────────────────── */
+export const AlertTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h5", { ref: ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })));
+AlertTitle.displayName = "AlertTitle";
+/* ── AlertDescription ─────────────────────────────────────────────────────── */
+export const AlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-sm text-current/85 [&_p]:leading-relaxed", className), ...props })));
+AlertDescription.displayName = "AlertDescription";

package/dist/components/animated-gradient.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const gradientVariants: (props?: ({
+    variant?: "default" | "glass" | "warm" | "cool" | "aurora" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AnimatedGradientProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gradientVariants> {
+    duration?: number;
+}
+export declare const AnimatedGradient: React.ForwardRefExoticComponent<AnimatedGradientProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=animated-gradient.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animated-gradient.d.ts","sourceRoot":"","sources":["../../src/components/animated-gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,gBAAgB;;8EAqBrB,CAAA;AAED,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,gBAAgB,8FAoB5B,CAAA"}

package/dist/components/animated-gradient.js

@@ -0,0 +1,23 @@
+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 gradientVariants = cva("motion-safe:animate-[gradient-shift_var(--gradient-duration,6s)_ease_infinite] [background-size:200%_200%]", {
+    variants: {
+        variant: {
+            default: "bg-[linear-gradient(135deg,var(--color-background),var(--color-surface),var(--color-accent),var(--color-background))]",
+            glass: "border border-white/20 [border-top-color:var(--glass-refraction-top)] backdrop-blur-sm bg-[linear-gradient(135deg,rgb(255_255_255/0.06),rgb(255_255_255/0.15),rgb(255_255_255/0.06))] dark:bg-[linear-gradient(135deg,rgb(255_255_255/0.03),rgb(255_255_255/0.08),rgb(255_255_255/0.03))]",
+            warm: "bg-[linear-gradient(135deg,#fef3c7,#fde68a,#fbbf24,#f59e0b,#fef3c7)] dark:bg-[linear-gradient(135deg,#78350f,#92400e,#b45309,#d97706,#78350f)]",
+            cool: "bg-[linear-gradient(135deg,#dbeafe,#bfdbfe,#93c5fd,#60a5fa,#dbeafe)] dark:bg-[linear-gradient(135deg,#1e3a5f,#1e40af,#2563eb,#3b82f6,#1e3a5f)]",
+            aurora: "bg-[linear-gradient(135deg,#c084fc,#818cf8,#6366f1,#a78bfa,#c084fc)] dark:bg-[linear-gradient(135deg,#581c87,#3730a3,#4338ca,#6d28d9,#581c87)]"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+export const AnimatedGradient = React.forwardRef(({ className, variant, duration = 6, children, style, ...props }, ref) => (_jsx("div", { ref: ref, className: cn(gradientVariants({ variant }), "motion-reduce:animate-none", className), style: {
+        "--gradient-duration": `${duration}s`,
+        ...style,
+    }, ...props, children: children })));
+AnimatedGradient.displayName = "AnimatedGradient";

package/dist/components/aurora-background.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+export interface AuroraBackgroundProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Number of gradient blobs */
+    blobCount?: number;
+    /** Base colors for the aurora */
+    colors?: string[];
+    /** Animation duration in seconds */
+    duration?: number;
+    /** Blur intensity in px */
+    blur?: number;
+    /** Opacity of the aurora layer (0-1) */
+    intensity?: number;
+}
+export declare const AuroraBackground: React.ForwardRefExoticComponent<AuroraBackgroundProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=aurora-background.d.ts.map

package/dist/components/aurora-background.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aurora-background.d.ts","sourceRoot":"","sources":["../../src/components/aurora-background.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,gBAAgB,8FA2D5B,CAAA"}

package/dist/components/aurora-background.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+export const AuroraBackground = React.forwardRef(({ className, children, blobCount = 3, colors = ["#a855f7", "#6366f1", "#ec4899"], duration = 8, blur = 80, intensity = 0.4, style, ...props }, ref) => {
+    const blobs = React.useMemo(() => {
+        return Array.from({ length: blobCount }, (_, i) => ({
+            id: i,
+            color: colors[i % colors.length],
+            delay: (i * duration) / blobCount,
+            size: 40 + (i % 3) * 15,
+            x: 20 + (i * 60) / blobCount,
+            y: 20 + ((i * 40) % 60),
+        }));
+    }, [blobCount, colors, duration]);
+    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: blobs.map((blob) => (_jsx("div", { className: "absolute rounded-full animate-aurora-shift motion-reduce:[animation:none]", style: {
+                        "--aurora-duration": `${duration}s`,
+                        width: `${blob.size}%`,
+                        height: `${blob.size}%`,
+                        left: `${blob.x}%`,
+                        top: `${blob.y}%`,
+                        background: `radial-gradient(circle, ${blob.color}, transparent 70%)`,
+                        animationDelay: `${-blob.delay}s`,
+                        transform: "translate(-50%, -50%)",
+                    } }, blob.id))) }), children] }));
+});
+AuroraBackground.displayName = "AuroraBackground";

package/dist/components/avatar.d.ts

@@ -0,0 +1,54 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const avatarVariants: (props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | "glow" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | null | undefined;
+    radius?: "md" | "lg" | "square" | "full" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const statusColors: {
+    readonly online: "bg-emerald-500 shadow-[0_0_0_2px_var(--color-background)]";
+    readonly offline: "bg-neutral-400 shadow-[0_0_0_2px_var(--color-background)] dark:bg-neutral-500";
+    readonly busy: "bg-red-500 shadow-[0_0_0_2px_var(--color-background)]";
+    readonly away: "bg-amber-500 shadow-[0_0_0_2px_var(--color-background)]";
+};
+export type AvatarStatus = keyof typeof statusColors;
+export type AvatarProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof avatarVariants> & {
+    src?: string;
+    alt?: string;
+    fallback?: string;
+    imgClassName?: string;
+    fallbackClassName?: string;
+    /** Online/offline status indicator */
+    status?: AvatarStatus;
+    /** Ring color for grouped avatars or emphasis */
+    ring?: boolean;
+};
+export declare const Avatar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | "glow" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | null | undefined;
+    radius?: "md" | "lg" | "square" | "full" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    src?: string;
+    alt?: string;
+    fallback?: string;
+    imgClassName?: string;
+    fallbackClassName?: string;
+    /** Online/offline status indicator */
+    status?: AvatarStatus;
+    /** Ring color for grouped avatars or emphasis */
+    ring?: boolean;
+} & React.RefAttributes<HTMLSpanElement>>;
+export type AvatarGroupProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Max avatars to show before +N overflow */
+    max?: number;
+    /** Overlap spacing */
+    spacing?: "tight" | "normal" | "loose";
+};
+export declare const AvatarGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /** Max avatars to show before +N overflow */
+    max?: number;
+    /** Overlap spacing */
+    spacing?: "tight" | "normal" | "loose";
+} & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,cAAc;;;;8EA+CnB,CAAA;AAuBD,QAAA,MAAM,YAAY;;;;;CAKR,CAAA;AAWV,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAA;AAIpD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAC7D,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,sCAAsC;IACtC,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAEH,eAAO,MAAM,MAAM;;;;;UAXT,MAAM;UACN,MAAM;eACD,MAAM;mBACF,MAAM;wBACD,MAAM;IAC1B,sCAAsC;aAC7B,YAAY;IACrB,iDAAiD;WAC1C,OAAO;yCAmEjB,CAAA;AAMD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,6CAA6C;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACvC,CAAA;AAQD,eAAO,MAAM,WAAW;IAZtB,6CAA6C;UACvC,MAAM;IACZ,sBAAsB;cACZ,OAAO,GAAG,QAAQ,GAAG,OAAO;wCAkCvC,CAAA"}

package/dist/components/avatar.js

@@ -0,0 +1,92 @@
+"use client";
+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";
+/* ── Avatar Variants ──────────────────────────────────────────────────────── */
+const avatarVariants = cva("relative inline-flex shrink-0 items-center justify-center overflow-hidden border transition-[box-shadow,transform,border-color,background-color,opacity] duration-normal ease-standard focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/40 focus-visible:ring-offset-2 motion-reduce:transition-none dark:focus-visible:ring-white/45", {
+    variants: {
+        variant: {
+            default: "border-black/10 bg-neutral-900 text-white shadow-[0_4px_12px_-6px_rgb(2_6_23_/_0.45)] dark:border-white/15 dark:bg-neutral-100 dark:text-neutral-950 dark:shadow-[0_4px_12px_-6px_rgb(255_255_255_/_0.18)]",
+            glass: "relative isolate border-white/20 [border-top-color:var(--glass-refraction-top)] bg-[linear-gradient(155deg,rgb(255_255_255_/_0.62),rgb(245_245_245_/_0.36))] text-[var(--color-foreground)] backdrop-blur-md backdrop-saturate-[180%] shadow-[0_0_0_1px_rgb(255_255_255_/_0.2)_inset,0_4px_12px_-6px_rgb(2_6_23_/_0.2)] dark:border-white/[0.12] dark:bg-[linear-gradient(155deg,rgb(255_255_255_/_0.1),rgb(255_255_255_/_0.04))] dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.08)_inset,0_4px_12px_-6px_rgb(0_0_0_/_0.35)]",
+            liquid: "relative isolate border-white/20 [border-top-color:var(--glass-refraction-top)] bg-[radial-gradient(circle_at_18%_16%,rgb(255_255_255_/_0.88),transparent_40%),linear-gradient(148deg,rgb(255_255_255_/_0.74),rgb(232_232_232_/_0.5))] text-[var(--color-foreground)] backdrop-blur-xl backdrop-saturate-[180%] shadow-[0_0_0_1px_rgb(255_255_255_/_0.2)_inset,0_6px_16px_-8px_rgb(2_6_23_/_0.25)] dark:border-white/[0.12] dark:bg-[linear-gradient(145deg,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_6px_16px_-8px_rgb(0_0_0_/_0.4)]",
+            matte: "relative isolate border-black/10 bg-[linear-gradient(180deg,rgb(250_250_250),rgb(234_234_236))] text-neutral-900 shadow-[0_1px_0_rgb(255_255_255_/_0.92)_inset,0_4px_10px_-6px_rgb(15_23_42_/_0.22)] dark:border-white/[0.14] dark:bg-[linear-gradient(180deg,rgb(53_58_67_/_0.92),rgb(34_38_46_/_0.92))] dark:text-neutral-100 dark:shadow-[0_1px_0_rgb(255_255_255_/_0.12)_inset,0_4px_10px_-6px_rgb(0_0_0_/_0.45)]",
+            glow: "border-white/20 bg-neutral-900 text-white shadow-[0_0_0_1px_rgb(255_255_255_/_0.12)_inset,0_0_16px_rgb(255_255_255_/_0.15)] dark:border-white/40 dark:bg-neutral-100 dark:text-neutral-950 dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.55),0_0_16px_rgb(255_255_255_/_0.25)]",
+            outline: "border-[var(--color-border)] bg-transparent text-[var(--color-foreground)]",
+            ghost: "border-transparent bg-transparent text-[var(--color-foreground)]"
+        },
+        size: {
+            xs: "h-6 w-6 text-[10px]",
+            sm: "h-8 w-8 text-xs",
+            md: "h-10 w-10 text-sm",
+            lg: "h-12 w-12 text-base",
+            xl: "h-14 w-14 text-lg",
+            "2xl": "h-20 w-20 text-2xl"
+        },
+        radius: {
+            full: "rounded-full",
+            lg: "rounded-lg",
+            md: "rounded-md",
+            square: "rounded-none"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+        radius: "full"
+    }
+});
+/* ── Fallback Variants ────────────────────────────────────────────────────── */
+const avatarFallbackVariants = cva("inline-flex h-full w-full items-center justify-center font-semibold uppercase select-none", {
+    variants: {
+        variant: {
+            default: "text-white dark:text-neutral-950",
+            glass: "text-[var(--color-foreground)]",
+            liquid: "text-[var(--color-foreground)]",
+            matte: "text-neutral-900 dark:text-neutral-100",
+            glow: "text-white dark:text-neutral-950",
+            outline: "text-[var(--color-foreground)]/85",
+            ghost: "text-[var(--color-foreground)]/75"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+/* ── Status Ring ──────────────────────────────────────────────────────────── */
+const statusColors = {
+    online: "bg-emerald-500 shadow-[0_0_0_2px_var(--color-background)]",
+    offline: "bg-neutral-400 shadow-[0_0_0_2px_var(--color-background)] dark:bg-neutral-500",
+    busy: "bg-red-500 shadow-[0_0_0_2px_var(--color-background)]",
+    away: "bg-amber-500 shadow-[0_0_0_2px_var(--color-background)]"
+};
+const statusSizes = {
+    xs: "h-1.5 w-1.5",
+    sm: "h-2 w-2",
+    md: "h-2.5 w-2.5",
+    lg: "h-3 w-3",
+    xl: "h-3.5 w-3.5",
+    "2xl": "h-4 w-4"
+};
+export const Avatar = React.forwardRef(({ className, variant, size, radius, src, alt = "", fallback, imgClassName, fallbackClassName, status, ring, children, ...props }, ref) => {
+    const [imgError, setImgError] = React.useState(false);
+    React.useEffect(() => {
+        setImgError(false);
+    }, [src]);
+    const showImage = src && !imgError;
+    const resolvedSize = size ?? "md";
+    return (_jsxs("span", { ref: ref, className: cn(avatarVariants({ variant, size, radius }), ring && "ring-2 ring-[var(--color-background)] ring-offset-2 ring-offset-[var(--color-background)]", className), ...props, children: [showImage ? (_jsx("img", { src: src, alt: alt, className: cn("h-full w-full object-cover", imgClassName), onError: () => setImgError(true) })) : (_jsx("span", { className: cn(avatarFallbackVariants({ variant }), fallbackClassName), children: fallback ?? children ?? alt?.charAt(0)?.toUpperCase() ?? "?" })), status && (_jsx("span", { className: cn("absolute bottom-0 right-0 rounded-full", statusColors[status], statusSizes[resolvedSize]), "aria-label": status }))] }));
+});
+Avatar.displayName = "Avatar";
+const spacingMap = {
+    tight: "-space-x-3",
+    normal: "-space-x-2",
+    loose: "-space-x-1"
+};
+export const AvatarGroup = React.forwardRef(({ className, max, spacing = "normal", children, ...props }, ref) => {
+    const childArray = React.Children.toArray(children);
+    const visible = max ? childArray.slice(0, max) : childArray;
+    const overflow = max ? childArray.length - max : 0;
+    return (_jsxs("div", { ref: ref, className: cn("flex items-center", spacingMap[spacing], className), ...props, children: [visible.map((child, i) => (_jsx("span", { className: "relative ring-2 ring-[var(--color-background)] rounded-full", children: child }, i))), overflow > 0 && (_jsxs("span", { className: "relative flex h-10 w-10 items-center justify-center rounded-full border border-[var(--color-border)] bg-[var(--color-surface)] text-xs font-semibold text-[var(--color-foreground)] ring-2 ring-[var(--color-background)]", children: ["+", overflow] }))] }));
+});
+AvatarGroup.displayName = "AvatarGroup";

package/dist/components/badge.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | "glow" | "success" | "warning" | "destructive" | "info" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof badgeVariants>;
+export declare const Badge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | "glow" | "success" | "warning" | "destructive" | "info" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLSpanElement>>;
+export {};
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.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,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAEnG,eAAO,MAAM,KAAK;;;uHAEhB,CAAA"}

package/dist/components/badge.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 badgeVariants = cva("inline-flex items-center whitespace-nowrap rounded-full border font-semibold transition-[transform,background-color,box-shadow,color,border-color,opacity] duration-normal ease-standard focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/40 focus-visible:ring-offset-2 motion-reduce:transition-none dark:focus-visible:ring-white/45", {
+    variants: {
+        variant: {
+            default: "border-black/10 bg-neutral-900 text-white shadow-[0_4px_12px_-6px_rgb(2_6_23_/_0.5)] dark:border-white/15 dark:bg-neutral-100 dark:text-neutral-950 dark:shadow-[0_4px_12px_-6px_rgb(255_255_255_/_0.2)]",
+            glass: "relative isolate overflow-hidden border-white/20 [border-top-color:var(--glass-refraction-top)] bg-[linear-gradient(155deg,rgb(255_255_255_/_0.62),rgb(245_245_245_/_0.36))] text-[var(--color-foreground)] backdrop-blur-md backdrop-saturate-[180%] shadow-[0_0_0_1px_rgb(255_255_255_/_0.2)_inset,0_4px_12px_-6px_rgb(2_6_23_/_0.25)] 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/45 before:to-transparent dark:border-white/[0.12] dark:bg-[linear-gradient(155deg,rgb(255_255_255_/_0.1),rgb(255_255_255_/_0.04))] dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.08)_inset,0_4px_12px_-6px_rgb(0_0_0_/_0.4)] dark:before:via-white/20",
+            liquid: "relative isolate overflow-hidden border-white/20 [border-top-color:var(--glass-refraction-top)] bg-[radial-gradient(circle_at_18%_16%,rgb(255_255_255_/_0.88),transparent_40%),linear-gradient(148deg,rgb(255_255_255_/_0.74),rgb(232_232_232_/_0.5))] text-[var(--color-foreground)] backdrop-blur-xl backdrop-saturate-[180%] shadow-[0_0_0_1px_rgb(255_255_255_/_0.2)_inset,0_6px_16px_-8px_rgb(2_6_23_/_0.3)] before:pointer-events-none before:absolute before:inset-0 before:bg-[radial-gradient(circle_at_80%_72%,rgb(255_255_255_/_0.34),transparent_48%)] before:opacity-80 dark:border-white/[0.12] dark:bg-[linear-gradient(145deg,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_6px_16px_-8px_rgb(0_0_0_/_0.45)] dark:before:opacity-55",
+            matte: "relative isolate overflow-hidden border-black/10 bg-[linear-gradient(180deg,rgb(250_250_250),rgb(234_234_236))] text-neutral-900 shadow-[0_1px_0_rgb(255_255_255_/_0.92)_inset,0_4px_10px_-8px_rgb(15_23_42_/_0.25)] before:pointer-events-none before:absolute before:inset-0 before:bg-[linear-gradient(180deg,rgb(255_255_255_/_0.62),transparent)] dark:border-white/[0.14] dark:bg-[linear-gradient(180deg,rgb(53_58_67_/_0.92),rgb(34_38_46_/_0.92))] dark:text-neutral-100 dark:shadow-[0_1px_0_rgb(255_255_255_/_0.12)_inset,0_4px_10px_-8px_rgb(0_0_0_/_0.5)] dark:before:bg-[linear-gradient(180deg,rgb(255_255_255_/_0.12),transparent)]",
+            glow: "border-white/20 bg-neutral-900 text-white shadow-[0_0_0_1px_rgb(255_255_255_/_0.12)_inset,0_0_16px_rgb(255_255_255_/_0.15)] dark:border-white/40 dark:bg-neutral-100 dark:text-neutral-950 dark:shadow-[0_0_0_1px_rgb(255_255_255_/_0.55),0_0_16px_rgb(255_255_255_/_0.25)]",
+            outline: "border-[var(--color-border)] bg-transparent text-[var(--color-foreground)]",
+            ghost: "border-transparent bg-transparent text-[var(--color-foreground)]",
+            success: "border-emerald-200/60 bg-emerald-50 text-emerald-700 shadow-[0_2px_8px_-4px_rgb(16_185_129_/_0.2)] dark:border-emerald-800/40 dark:bg-emerald-950/50 dark:text-emerald-300 dark:shadow-[0_2px_8px_-4px_rgb(16_185_129_/_0.15)]",
+            warning: "border-amber-200/60 bg-amber-50 text-amber-700 shadow-[0_2px_8px_-4px_rgb(245_158_11_/_0.2)] dark:border-amber-800/40 dark:bg-amber-950/50 dark:text-amber-300 dark:shadow-[0_2px_8px_-4px_rgb(245_158_11_/_0.15)]",
+            destructive: "border-red-200/60 bg-red-50 text-red-700 shadow-[0_2px_8px_-4px_rgb(239_68_68_/_0.2)] dark:border-red-800/40 dark:bg-red-950/50 dark:text-red-300 dark:shadow-[0_2px_8px_-4px_rgb(239_68_68_/_0.15)]",
+            info: "border-blue-200/60 bg-blue-50 text-blue-700 shadow-[0_2px_8px_-4px_rgb(59_130_246_/_0.2)] dark:border-blue-800/40 dark:bg-blue-950/50 dark:text-blue-300 dark:shadow-[0_2px_8px_-4px_rgb(59_130_246_/_0.15)]"
+        },
+        size: {
+            sm: "h-5 px-2 text-[10px] tracking-wide",
+            md: "h-6 px-2.5 text-xs",
+            lg: "h-7 px-3 text-sm"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+export const Badge = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsx("span", { ref: ref, className: cn(badgeVariants({ variant, size }), className), ...props })));
+Badge.displayName = "Badge";