@glinui/ui 0.1.0

package/dist/components/dropdown-menu.d.ts

@@ -0,0 +1,74 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { type VariantProps } from "class-variance-authority";
+declare const dropdownMenuTriggerVariants: (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 dropdownMenuContentVariants: (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 dropdownMenuItemVariants: (props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type DropdownMenuProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>;
+export declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export type DropdownMenuTriggerProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> & VariantProps<typeof dropdownMenuTriggerVariants>;
+export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export type DropdownMenuContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & VariantProps<typeof dropdownMenuContentVariants>;
+export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export type DropdownMenuItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & VariantProps<typeof dropdownMenuItemVariants> & {
+    inset?: boolean;
+};
+export declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export type DropdownMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> & VariantProps<typeof dropdownMenuItemVariants>;
+export declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export type DropdownMenuRadioItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> & VariantProps<typeof dropdownMenuItemVariants>;
+export declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export type DropdownMenuLabelProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+};
+export declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export type DropdownMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>;
+export declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type DropdownMenuShortcutProps = React.HTMLAttributes<HTMLSpanElement>;
+export declare const DropdownMenuShortcut: ({ className, ...props }: DropdownMenuShortcutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+export type DropdownMenuSubTriggerProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & VariantProps<typeof dropdownMenuItemVariants> & {
+    inset?: boolean;
+};
+export declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export type DropdownMenuSubContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & VariantProps<typeof dropdownMenuContentVariants>;
+export declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAEtE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,2BAA2B;;;8EAsBhC,CAAA;AAED,QAAA,MAAM,2BAA2B;;;8EAsBhC,CAAA;AAED,QAAA,MAAM,wBAAwB;;;8EAsB7B,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAA;AAEjG,eAAO,MAAM,YAAY,mDAA6B,CAAA;AAEtD,MAAM,MAAM,wBAAwB,GAClC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,GACpE,YAAY,CAAC,OAAO,2BAA2B,CAAC,CAAA;AAElD,eAAO,MAAM,mBAAmB;;;yHAS9B,CAAA;AAIF,MAAM,MAAM,wBAAwB,GAClC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,GACpE,YAAY,CAAC,OAAO,2BAA2B,CAAC,CAAA;AAElD,eAAO,MAAM,mBAAmB;;;sHAY9B,CAAA;AAIF,MAAM,MAAM,qBAAqB,GAC/B,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,GACjE,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAErE,eAAO,MAAM,gBAAgB;;;;YAF+B,OAAO;wCAWjE,CAAA;AAIF,MAAM,MAAM,6BAA6B,GACvC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,YAAY,CAAC,GACzE,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAE/C,eAAO,MAAM,wBAAwB;;;sHAiBnC,CAAA;AAIF,eAAO,MAAM,sBAAsB,0HAAmC,CAAA;AAEtE,MAAM,MAAM,0BAA0B,GACpC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,GACtE,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAE/C,eAAO,MAAM,qBAAqB;;;sHAgBhC,CAAA;AAIF,MAAM,MAAM,sBAAsB,GAChC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,GAClE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAErB,eAAO,MAAM,iBAAiB;YAFlB,OAAO;wCAWjB,CAAA;AAIF,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CACrE,OAAO,qBAAqB,CAAC,SAAS,CACvC,CAAA;AAED,eAAO,MAAM,qBAAqB,4KAKhC,CAAA;AAIF,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;AAE7E,eAAO,MAAM,oBAAoB,GAAI,yBAAyB,yBAAyB,4CAEtF,CAAA;AAED,eAAO,MAAM,eAAe,sDAA4B,CAAA;AAExD,MAAM,MAAM,2BAA2B,GACrC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,GACvE,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAErE,eAAO,MAAM,sBAAsB;;;;YAFyB,OAAO;wCAcjE,CAAA;AAIF,MAAM,MAAM,2BAA2B,GACrC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,GACvE,YAAY,CAAC,OAAO,2BAA2B,CAAC,CAAA;AAElD,eAAO,MAAM,sBAAsB;;;sHASjC,CAAA"}

package/dist/components/dropdown-menu.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const dropdownMenuTriggerVariants = 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 dropdownMenuContentVariants = cva("z-50 min-w-44 rounded-md border p-1 text-[var(--color-foreground)] shadow-md", {
+    variants: {
+        variant: {
+            default: "bg-[var(--color-surface)] 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)]",
+            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)]",
+            outline: "bg-transparent border-[var(--color-border)]",
+            ghost: "bg-transparent border-transparent"
+        },
+        size: {
+            sm: "text-xs",
+            md: "text-sm",
+            lg: "text-base"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+const dropdownMenuItemVariants = cva("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 outline-none transition-colors focus:bg-black/5 focus:text-[var(--color-foreground)] dark:focus:bg-black/50 data-[highlighted]:bg-black/5 data-[highlighted]:text-[var(--color-foreground)] dark:data-[highlighted]:bg-black/50 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", {
+    variants: {
+        variant: {
+            default: "",
+            glass: "",
+            frosted: "",
+            outline: "",
+            ghost: ""
+        },
+        size: {
+            sm: "text-xs",
+            md: "text-sm",
+            lg: "text-base"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+export const DropdownMenu = DropdownMenuPrimitive.Root;
+export const DropdownMenuTrigger = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Trigger, { ref: ref, className: cn(dropdownMenuTriggerVariants({ variant, size }), className), ...props })));
+DropdownMenuTrigger.displayName = DropdownMenuPrimitive.Trigger.displayName;
+export const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 6, variant, size, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn(dropdownMenuContentVariants({ variant, size }), className), ...props }) })));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+export const DropdownMenuItem = React.forwardRef(({ className, inset, variant, size, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn(dropdownMenuItemVariants({ variant, size }), inset ? "pl-8" : "", className), ...props })));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+export const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, variant, size, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: cn(dropdownMenuItemVariants({ variant, size }), "pl-8", className), checked: checked, ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), children] })));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+export const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+export const DropdownMenuRadioItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, className: cn(dropdownMenuItemVariants({ variant, size }), "pl-8", className), ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Circle, { className: "h-2.5 w-2.5 fill-current" }) }) }), children] })));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+export const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Label, { ref: ref, className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className), ...props })));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+export const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, className: cn("my-1 h-px bg-[var(--color-border)]", className), ...props })));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+export const DropdownMenuShortcut = ({ className, ...props }) => {
+    return _jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+};
+export const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+export const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, variant, size, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: cn(dropdownMenuItemVariants({ variant, size }), inset && "pl-8", className), ...props, children: [children, _jsx(ChevronRight, { className: "ml-auto h-4 w-4" })] })));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+export const DropdownMenuSubContent = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsx(DropdownMenuPrimitive.SubContent, { ref: ref, className: cn(dropdownMenuContentVariants({ variant, size }), className), ...props })));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;

package/dist/components/floating-panel.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export interface FloatingPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Enable dragging */
+    draggable?: boolean;
+    /** Initial x position */
+    defaultX?: number;
+    /** Initial y position */
+    defaultY?: number;
+    /** Panel width */
+    width?: number | string;
+    /** Show close button */
+    closable?: boolean;
+    /** Close callback */
+    onClose?: () => void;
+}
+export declare const FloatingPanel: React.ForwardRefExoticComponent<FloatingPanelProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=floating-panel.d.ts.map

package/dist/components/floating-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-panel.d.ts","sourceRoot":"","sources":["../../src/components/floating-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,eAAO,MAAM,aAAa,2FAwGzB,CAAA"}

package/dist/components/floating-panel.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+export const FloatingPanel = React.forwardRef(({ className, children, draggable = true, defaultX = 0, defaultY = 0, width = 320, closable = false, onClose, style, ...props }, ref) => {
+    const panelRef = React.useRef(null);
+    const [position, setPosition] = React.useState({ x: defaultX, y: defaultY });
+    const [isDragging, setIsDragging] = React.useState(false);
+    const dragOffset = React.useRef({ x: 0, y: 0 });
+    const setRefs = React.useCallback((node) => {
+        panelRef.current = node;
+        if (typeof ref === "function") {
+            ref(node);
+            return;
+        }
+        if (ref)
+            ref.current = node;
+    }, [ref]);
+    const handlePointerDown = React.useCallback((event) => {
+        if (!draggable)
+            return;
+        const target = event.target;
+        if (target.closest("button, a, input, textarea, select"))
+            return;
+        const rect = panelRef.current?.getBoundingClientRect();
+        if (!rect)
+            return;
+        dragOffset.current = {
+            x: event.clientX - rect.left,
+            y: event.clientY - rect.top,
+        };
+        setIsDragging(true);
+        event.currentTarget.setPointerCapture(event.pointerId);
+    }, [draggable]);
+    const handlePointerMove = React.useCallback((event) => {
+        if (!isDragging)
+            return;
+        const parent = panelRef.current?.parentElement;
+        const parentRect = parent?.getBoundingClientRect();
+        if (!parentRect)
+            return;
+        setPosition({
+            x: event.clientX - parentRect.left - dragOffset.current.x,
+            y: event.clientY - parentRect.top - dragOffset.current.y,
+        });
+    }, [isDragging]);
+    const handlePointerUp = React.useCallback(() => {
+        setIsDragging(false);
+    }, []);
+    return (_jsxs("div", { ref: setRefs, className: cn("absolute z-50 overflow-hidden rounded-xl border border-white/10 bg-white/5 shadow-xl backdrop-blur-xl", isDragging ? "cursor-grabbing shadow-2xl" : draggable ? "cursor-grab" : "", className), style: {
+            left: position.x,
+            top: position.y,
+            width,
+            ...style,
+        }, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, ...props, children: [closable && (_jsx("div", { className: "flex justify-end p-2", children: _jsx("button", { type: "button", "aria-label": "Close panel", className: "flex size-6 items-center justify-center rounded-md text-foreground/40 transition-colors hover:bg-white/10 hover:text-foreground", onClick: onClose, children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: _jsx("path", { d: "M1 1l12 12M13 1L1 13" }) }) }) })), _jsx("div", { className: cn(closable ? "px-4 pb-4" : "p-4"), children: children })] }));
+});
+FloatingPanel.displayName = "FloatingPanel";

package/dist/components/glass-breadcrumb.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export interface GlassBreadcrumbItem {
+    id: string;
+    label: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+}
+export interface GlassBreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
+    /** Breadcrumb items */
+    items: GlassBreadcrumbItem[];
+    /** Separator character */
+    separator?: React.ReactNode;
+    /** Max items to show (rest collapsed) */
+    maxItems?: number;
+}
+export declare const GlassBreadcrumb: React.ForwardRefExoticComponent<GlassBreadcrumbProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=glass-breadcrumb.d.ts.map

package/dist/components/glass-breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glass-breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/glass-breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC7E,uBAAuB;IACvB,KAAK,EAAE,mBAAmB,EAAE,CAAA;IAC5B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,eAAe,0FAoE3B,CAAA"}

package/dist/components/glass-breadcrumb.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+export const GlassBreadcrumb = React.forwardRef(({ className, items, separator = "/", maxItems, ...props }, ref) => {
+    const visibleItems = React.useMemo(() => {
+        if (!maxItems || items.length <= maxItems)
+            return items;
+        const first = items[0];
+        const last = items.slice(-(maxItems - 1));
+        return [first, { id: "__ellipsis__", label: "..." }, ...last];
+    }, [items, maxItems]);
+    return (_jsx("nav", { ref: ref, "aria-label": "Breadcrumb", className: cn("inline-flex items-center gap-1 rounded-xl border border-white/10 bg-white/5 px-2 py-1 backdrop-blur-sm", className), ...props, children: _jsx("ol", { className: "flex items-center gap-1", children: visibleItems.map((item, index) => (_jsxs("li", { className: "flex items-center gap-1", children: [index > 0 && (_jsx("span", { "aria-hidden": "true", className: "text-xs text-foreground/30", children: separator })), item.id === "__ellipsis__" ? (_jsx("span", { className: "px-1 text-sm text-foreground/40", children: "..." })) : index === visibleItems.length - 1 ? (_jsx("span", { "aria-current": "page", className: "rounded-md bg-white/10 px-2 py-0.5 text-sm font-medium text-foreground backdrop-blur-sm", children: item.label })) : item.href ? (_jsx("a", { href: item.href, className: "rounded-md px-2 py-0.5 text-sm text-foreground/60 transition-colors duration-200 hover:bg-white/10 hover:text-foreground", onClick: item.onClick, children: item.label })) : (_jsx("button", { type: "button", className: "rounded-md px-2 py-0.5 text-sm text-foreground/60 transition-colors duration-200 hover:bg-white/10 hover:text-foreground", onClick: item.onClick, children: item.label }))] }, item.id))) }) }));
+});
+GlassBreadcrumb.displayName = "GlassBreadcrumb";

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"glass-card.d.ts","sourceRoot":"","sources":["../../src/components/glass-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,iBAAiB;;8EActB,CAAA;AAeD,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE1G,eAAO,MAAM,SAAS;;sHAEpB,CAAA;AAMF,eAAO,MAAM,eAAe;;sHAI3B,CAAA;AAID,eAAO,MAAM,gBAAgB;;sHAI5B,CAAA;AAID,eAAO,MAAM,eAAe;;sHAI3B,CAAA"}

package/dist/components/glass-card.js

@@ -0,0 +1,36 @@
+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 glassCardVariants = cva("relative rounded-2xl border [border-color:var(--glass-border)] [border-top-color:var(--glass-refraction-top)] bg-[var(--glass-3-surface)] [backdrop-filter:saturate(var(--glass-saturate))_blur(var(--glass-3-blur))] [-webkit-backdrop-filter:saturate(var(--glass-saturate))_blur(var(--glass-3-blur))] shadow-[var(--glass-3-shadow)] transition-[transform,box-shadow,backdrop-filter,background-color] duration-normal ease-standard hover:-translate-y-0.5 hover:bg-[var(--glass-4-surface)] hover:[backdrop-filter:saturate(var(--glass-saturate))_blur(var(--glass-4-blur))] hover:[-webkit-backdrop-filter:saturate(var(--glass-saturate))_blur(var(--glass-4-blur))] hover:shadow-[var(--glass-4-shadow)] motion-reduce:transition-none motion-reduce:transform-none motion-reduce:hover:translate-y-0", {
+    variants: {
+        size: {
+            sm: "p-4",
+            md: "p-6",
+            lg: "p-8"
+        }
+    },
+    defaultVariants: {
+        size: "md"
+    }
+});
+const glassCardSectionVariants = cva("", {
+    variants: {
+        size: {
+            sm: "space-y-1",
+            md: "space-y-1.5",
+            lg: "space-y-2"
+        }
+    },
+    defaultVariants: {
+        size: "md"
+    }
+});
+export const GlassCard = React.forwardRef(({ className, size, ...props }, ref) => (_jsx("div", { ref: ref, className: cn(glassCardVariants({ size }), className), ...props })));
+GlassCard.displayName = "GlassCard";
+export const GlassCardHeader = React.forwardRef(({ className, size, ...props }, ref) => (_jsx("div", { ref: ref, className: cn(glassCardSectionVariants({ size }), className), ...props })));
+GlassCardHeader.displayName = "GlassCardHeader";
+export const GlassCardContent = React.forwardRef(({ className, size, ...props }, ref) => (_jsx("div", { ref: ref, className: cn(glassCardSectionVariants({ size }), className), ...props })));
+GlassCardContent.displayName = "GlassCardContent";
+export const GlassCardFooter = React.forwardRef(({ className, size, ...props }, ref) => (_jsx("div", { ref: ref, className: cn(glassCardSectionVariants({ size }), className), ...props })));
+GlassCardFooter.displayName = "GlassCardFooter";

package/dist/components/glass-dock.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+export interface GlassDockItem {
+    id: string;
+    icon: React.ReactNode;
+    label: string;
+    onClick?: () => void;
+}
+export interface GlassDockProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Dock items */
+    items: GlassDockItem[];
+    /** Base icon size in px */
+    iconSize?: number;
+    /** Maximum magnification scale */
+    magnification?: number;
+    /** Distance in px at which magnification starts */
+    distance?: number;
+    /** Position */
+    position?: "bottom" | "top" | "left" | "right";
+}
+export declare const GlassDock: React.ForwardRefExoticComponent<GlassDockProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=glass-dock.d.ts.map

package/dist/components/glass-dock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glass-dock.d.ts","sourceRoot":"","sources":["../../src/components/glass-dock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5F,iBAAiB;IACjB,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe;IACf,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;CAC/C;AAED,eAAO,MAAM,SAAS,uFAyGrB,CAAA"}

package/dist/components/glass-dock.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+import { usePrefersReducedMotion } from "../lib/use-prefers-reduced-motion";
+export const GlassDock = React.forwardRef(({ className, items, iconSize = 48, magnification = 1.6, distance = 120, position = "bottom", ...props }, ref) => {
+    const prefersReducedMotion = usePrefersReducedMotion();
+    const dockRef = React.useRef(null);
+    const [mouseX, setMouseX] = React.useState(null);
+    const setRefs = React.useCallback((node) => {
+        dockRef.current = node;
+        if (typeof ref === "function") {
+            ref(node);
+            return;
+        }
+        if (ref)
+            ref.current = node;
+    }, [ref]);
+    const handleMouseMove = React.useCallback((event) => {
+        if (prefersReducedMotion)
+            return;
+        const rect = dockRef.current?.getBoundingClientRect();
+        if (!rect)
+            return;
+        const isHorizontal = position === "bottom" || position === "top";
+        setMouseX(isHorizontal ? event.clientX - rect.left : event.clientY - rect.top);
+    }, [prefersReducedMotion, position]);
+    const handleMouseLeave = React.useCallback(() => {
+        setMouseX(null);
+    }, []);
+    const isHorizontal = position === "bottom" || position === "top";
+    const positionClasses = {
+        bottom: "flex-row",
+        top: "flex-row",
+        left: "flex-col",
+        right: "flex-col",
+    };
+    return (_jsx("div", { ref: setRefs, role: "toolbar", "aria-label": "Dock", className: cn("inline-flex items-end gap-1.5 rounded-2xl border border-white/10 bg-white/5 p-2 shadow-lg backdrop-blur-xl", positionClasses[position], position === "left" || position === "right" ? "items-center" : "items-end", className), onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, ...props, children: items.map((item, index) => {
+            let scale = 1;
+            if (mouseX !== null && !prefersReducedMotion) {
+                const itemCenter = index * (iconSize + 6) + iconSize / 2 + 8;
+                const dist = Math.abs(mouseX - itemCenter);
+                if (dist < distance) {
+                    scale = 1 + (magnification - 1) * (1 - dist / distance);
+                }
+            }
+            const currentSize = iconSize * scale;
+            return (_jsxs("button", { type: "button", "aria-label": item.label, title: item.label, className: "group relative flex flex-col items-center transition-transform duration-200 ease-out motion-reduce:transition-none", style: {
+                    width: currentSize,
+                    height: currentSize,
+                }, onClick: item.onClick, children: [_jsx("div", { className: "flex h-full w-full items-center justify-center rounded-xl bg-white/10 backdrop-blur-sm transition-shadow duration-200 hover:shadow-md", style: { fontSize: currentSize * 0.5 }, children: item.icon }), _jsx("span", { className: "absolute -bottom-5 scale-0 whitespace-nowrap rounded-md bg-neutral-900 px-2 py-0.5 text-[10px] text-white opacity-0 transition-all duration-200 group-hover:scale-100 group-hover:opacity-100 dark:bg-neutral-100 dark:text-neutral-900", children: item.label })] }, item.id));
+        }) }));
+});
+GlassDock.displayName = "GlassDock";

package/dist/components/glass-navbar.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const glassNavbarVariants: (props?: ({
+    elevation?: "base" | "scrolled" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type GlassNavbarProps = React.HTMLAttributes<HTMLElement> & Omit<VariantProps<typeof glassNavbarVariants>, "elevation"> & {
+    scrollThreshold?: number;
+    disableScrollTracking?: boolean;
+    elevation?: VariantProps<typeof glassNavbarVariants>["elevation"];
+};
+export declare const GlassNavbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & Omit<VariantProps<(props?: ({
+    elevation?: "base" | "scrolled" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string>, "elevation"> & {
+    scrollThreshold?: number;
+    disableScrollTracking?: boolean;
+    elevation?: VariantProps<typeof glassNavbarVariants>["elevation"];
+} & React.RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=glass-navbar.d.ts.map

package/dist/components/glass-navbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glass-navbar.d.ts","sourceRoot":"","sources":["../../src/components/glass-navbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,mBAAmB;;;8EAoBxB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAC9D,IAAI,CAAC,YAAY,CAAC,OAAO,mBAAmB,CAAC,EAAE,WAAW,CAAC,GAAG;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC,WAAW,CAAC,CAAA;CAClE,CAAA;AAEH,eAAO,MAAM,WAAW;;;;sBALF,MAAM;4BACA,OAAO;gBACnB,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC,WAAW,CAAC;qCAoDpE,CAAA"}

package/dist/components/glass-navbar.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+import { usePrefersReducedMotion } from "../lib/use-prefers-reduced-motion";
+const glassNavbarVariants = cva("sticky top-0 z-50 w-full border text-foreground [border-color:var(--glass-border-strong)] [border-top-color:var(--glass-refraction-top)] transition-[backdrop-filter,background-color,box-shadow] duration-normal ease-standard motion-reduce:transition-none", {
+    variants: {
+        elevation: {
+            base: "bg-[var(--glass-2-surface)] [backdrop-filter:saturate(var(--glass-saturate))_blur(var(--glass-2-blur))] [-webkit-backdrop-filter:saturate(var(--glass-saturate))_blur(var(--glass-2-blur))] shadow-[0_0_0_1px_var(--glass-border-strong),0_1px_0_var(--glass-refraction-top)_inset,var(--glass-2-shadow)]",
+            scrolled: "bg-[var(--glass-4-surface)] [backdrop-filter:saturate(var(--glass-saturate))_blur(var(--glass-4-blur))] [-webkit-backdrop-filter:saturate(var(--glass-saturate))_blur(var(--glass-4-blur))] shadow-[0_0_0_1px_var(--glass-border-strong),0_1px_0_var(--glass-refraction-top)_inset,var(--glass-4-shadow)]"
+        },
+        size: {
+            sm: "min-h-12",
+            md: "min-h-14",
+            lg: "min-h-16"
+        }
+    },
+    defaultVariants: {
+        elevation: "base",
+        size: "md"
+    }
+});
+export const GlassNavbar = React.forwardRef(({ className, children, size, elevation, scrollThreshold = 8, disableScrollTracking = false, ...props }, ref) => {
+    const prefersReducedMotion = usePrefersReducedMotion();
+    const [isScrolled, setIsScrolled] = React.useState(false);
+    React.useEffect(() => {
+        if (disableScrollTracking || typeof window === "undefined") {
+            return;
+        }
+        const update = () => {
+            setIsScrolled(window.scrollY > scrollThreshold);
+        };
+        update();
+        window.addEventListener("scroll", update, { passive: true });
+        return () => {
+            window.removeEventListener("scroll", update);
+        };
+    }, [disableScrollTracking, scrollThreshold]);
+    const resolvedElevation = elevation ?? (isScrolled ? "scrolled" : "base");
+    return (_jsx("nav", { ref: ref, className: cn(glassNavbarVariants({ elevation: resolvedElevation, size }), prefersReducedMotion ? "transition-none" : null, className), ...props, children: children }));
+});
+GlassNavbar.displayName = "GlassNavbar";

package/dist/components/glass-toggle.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+export interface GlassToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> {
+    /** Controlled checked state */
+    checked?: boolean;
+    /** Default checked state */
+    defaultChecked?: boolean;
+    /** Callback when toggle state changes */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
+    /** Color when checked */
+    activeColor?: string;
+}
+export declare const GlassToggle: React.ForwardRefExoticComponent<GlassToggleProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=glass-toggle.d.ts.map

package/dist/components/glass-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glass-toggle.d.ts","sourceRoot":"","sources":["../../src/components/glass-toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACvG,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4BAA4B;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,yCAAyC;IACzC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,WAAW,4FAiFvB,CAAA"}

package/dist/components/glass-toggle.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+import { usePrefersReducedMotion } from "../lib/use-prefers-reduced-motion";
+export const GlassToggle = React.forwardRef(({ className, checked: controlledChecked, defaultChecked = false, onCheckedChange, size = "md", activeColor, disabled, ...props }, ref) => {
+    const prefersReducedMotion = usePrefersReducedMotion();
+    const [internalChecked, setInternalChecked] = React.useState(defaultChecked);
+    const isChecked = controlledChecked ?? internalChecked;
+    const handleClick = React.useCallback(() => {
+        if (disabled)
+            return;
+        const next = !isChecked;
+        if (controlledChecked === undefined)
+            setInternalChecked(next);
+        onCheckedChange?.(next);
+    }, [isChecked, controlledChecked, onCheckedChange, disabled]);
+    const sizeConfig = {
+        sm: { track: "h-5 w-9", thumb: "size-3.5", translate: "translate-x-4" },
+        md: { track: "h-6 w-11", thumb: "size-4.5", translate: "translate-x-5" },
+        lg: { track: "h-7 w-[3.25rem]", thumb: "size-5.5", translate: "translate-x-6" },
+    };
+    const { track, thumb, translate } = sizeConfig[size];
+    return (_jsxs("button", { ref: ref, role: "switch", type: "button", "aria-checked": isChecked, disabled: disabled, className: cn("relative inline-flex shrink-0 cursor-pointer items-center rounded-full border p-0.5 backdrop-blur-sm", prefersReducedMotion ? "" : "transition-[background-color,border-color,box-shadow] duration-300", isChecked
+            ? "border-[var(--color-accent)]/30 bg-[var(--color-accent)]/80 shadow-[0_0_0_1px_rgb(255_255_255_/_0.15)_inset]"
+            : "border-black/15 bg-neutral-200/80 shadow-[inset_0_1px_3px_rgb(0_0_0_/_0.1)] dark:border-white/10 dark:bg-white/10", disabled && "pointer-events-none opacity-50", track, className), style: isChecked && activeColor ? { backgroundColor: activeColor } : undefined, onClick: handleClick, ...props, children: [_jsx("span", { "aria-hidden": "true", className: cn("absolute inset-0 rounded-full", prefersReducedMotion ? "" : "transition-opacity duration-300", isChecked ? "opacity-100" : "opacity-0"), style: {
+                    background: activeColor
+                        ? `linear-gradient(135deg, ${activeColor}, ${activeColor}88)`
+                        : "linear-gradient(135deg, var(--color-accent), var(--color-accent) / 0.5)",
+                } }), _jsx("span", { "aria-hidden": "true", className: cn("relative z-[1] rounded-full bg-white shadow-[0_1px_3px_rgb(0_0_0_/_0.2),0_0_0_0.5px_rgb(0_0_0_/_0.08)]", prefersReducedMotion ? "" : "transition-transform duration-300 ease-out", isChecked ? translate : "translate-x-0", thumb) })] }));
+});
+GlassToggle.displayName = "GlassToggle";

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface GlowBorderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Rotation duration in seconds */
+    duration?: number;
+    /** Glow color */
+    glowColor?: string;
+    /** Glow spread in px */
+    glowSize?: number;
+    /** Border radius */
+    borderRadius?: string;
+}
+export declare const GlowBorder: React.ForwardRefExoticComponent<GlowBorderProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=glow-border.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"glow-border.d.ts","sourceRoot":"","sources":["../../src/components/glow-border.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,UAAU,wFA8CtB,CAAA"}

package/dist/components/glow-border.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+export const GlowBorder = React.forwardRef(({ className, children, duration = 4, glowColor = "var(--color-accent)", glowSize = 2, borderRadius = "var(--radius-lg)", style, ...props }, ref) => {
+    return (_jsxs("div", { ref: ref, className: cn("relative", className), style: { borderRadius, ...style }, ...props, children: [_jsx("div", { "aria-hidden": true, className: "absolute -inset-px overflow-hidden rounded-[inherit] motion-reduce:hidden", children: _jsx("div", { className: "absolute inset-[-100%] animate-glow-rotate", style: {
+                        "--glow-duration": `${duration}s`,
+                        background: `conic-gradient(from 0deg, transparent 0%, ${glowColor} 10%, transparent 20%)`,
+                    } }) }), _jsx("div", { className: "relative rounded-[inherit] bg-[var(--color-background)]", style: { padding: glowSize }, children: _jsx("div", { className: "rounded-[inherit] bg-[var(--color-surface)]", children: children }) })] }));
+});
+GlowBorder.displayName = "GlowBorder";

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface GradientMeshProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Gradient color stops */
+    colors?: string[];
+    /** Animation duration in seconds */
+    duration?: number;
+    /** Blur intensity in px */
+    blur?: number;
+    /** Overall intensity/opacity (0-1) */
+    intensity?: number;
+}
+export declare const GradientMesh: React.ForwardRefExoticComponent<GradientMeshProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=gradient-mesh.d.ts.map