@hanzo/ui 5.7.1 → 8.0.0

package/dist/src/dock/limelight-nav.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"limelight-nav.d.ts","sourceRoot":"","sources":["../../../src/dock/limelight-nav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC/C;AAED,QAAA,MAAM,YAAY,uFAmFjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/src/dock/limelight-nav.js

@@ -1,25 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import { Command, Search } from "lucide-react";
-import { cn } from "../utils";
-import { Button } from "../../primitives/button";
-import { Input } from "../../primitives/input";
-const LimelightNav = React.forwardRef(({ className, items = [], ...props }, ref) => {
-    const [isOpen, setIsOpen] = React.useState(false);
-    const [search, setSearch] = React.useState("");
-    React.useEffect(() => {
-        const down = (e) => {
-            if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
-                e.preventDefault();
-                setIsOpen((open) => !open);
-            }
-        };
-        document.addEventListener("keydown", down);
-        return () => document.removeEventListener("keydown", down);
-    }, []);
-    const filteredItems = items.filter((item) => item.label.toLowerCase().includes(search.toLowerCase()));
-    return (_jsxs(_Fragment, { children: [_jsxs("nav", { ref: ref, className: cn("flex items-center gap-4", className), ...props, children: [_jsxs(Button, { variant: "outline", onClick: () => setIsOpen(true), className: "relative w-64 justify-start", children: [_jsx(Search, { className: "mr-2 h-4 w-4" }), _jsx("span", { className: "text-muted-foreground", children: "Search..." }), _jsxs("kbd", { className: "pointer-events-none absolute right-2 hidden h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex", children: [_jsx(Command, { className: "h-3 w-3" }), "K"] })] }), items.slice(0, 4).map((item) => (_jsx("a", { href: item.href, className: "text-sm font-medium transition-colors hover:text-primary", children: item.label }, item.href)))] }), isOpen && (_jsx("div", { className: "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm", onClick: () => setIsOpen(false), children: _jsxs("div", { className: "fixed left-1/2 top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 rounded-lg border bg-card p-6 shadow-lg", onClick: (e) => e.stopPropagation(), children: [_jsx(Input, { placeholder: "Search navigation...", value: search, onChange: (e) => setSearch(e.target.value), autoFocus: true, className: "mb-4" }), _jsx("div", { className: "max-h-96 space-y-1 overflow-auto", children: filteredItems.map((item) => (_jsx("a", { href: item.href, className: "block rounded-md px-4 py-2 hover:bg-accent", onClick: () => setIsOpen(false), children: item.label }, item.href))) })] }) }))] }));
-});
-LimelightNav.displayName = "LimelightNav";
-export { LimelightNav };

package/dist/src/dock/macos.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-interface DockProps {
-    className?: string;
-    children?: React.ReactNode;
-    magnification?: number;
-    distance?: number;
-}
-interface DockItemProps {
-    className?: string;
-    children?: React.ReactNode;
-    onClick?: () => void;
-    tooltip?: string;
-}
-declare const Dock: React.ForwardRefExoticComponent<DockProps & React.RefAttributes<HTMLDivElement>>;
-declare const DockItem: React.ForwardRefExoticComponent<DockItemProps & React.RefAttributes<HTMLButtonElement>>;
-export { Dock, DockItem };
-//# sourceMappingURL=macos.d.ts.map

package/dist/src/dock/macos.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"macos.d.ts","sourceRoot":"","sources":["../../../src/dock/macos.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,UAAU,SAAS;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAYD,QAAA,MAAM,IAAI,kFAsBT,CAAA;AAGD,QAAA,MAAM,QAAQ,yFAuEb,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAA"}

package/dist/src/dock/macos.js

@@ -1,38 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { motion, useMotionValue, useSpring, useTransform } from "framer-motion";
-import { cn } from "../utils";
-const DockContext = React.createContext({
-    magnification: 60,
-    distance: 140,
-    mouseX: null,
-});
-const Dock = React.forwardRef(({ className, children, magnification = 60, distance = 140 }, ref) => {
-    const mouseX = useMotionValue(Infinity);
-    return (_jsx(DockContext.Provider, { value: { magnification, distance, mouseX }, children: _jsx(motion.div, { ref: ref, onMouseMove: (e) => mouseX.set(e.pageX), onMouseLeave: () => mouseX.set(Infinity), className: cn("mx-auto flex h-16 items-end gap-2 rounded-2xl border border-white/10 bg-black/10 px-3 pb-2 backdrop-blur-xl", "shadow-2xl shadow-black/20", "before:absolute before:inset-0 before:rounded-2xl before:bg-gradient-to-b before:from-white/10 before:to-transparent before:opacity-50", className), children: children }) }));
-});
-Dock.displayName = "Dock";
-const DockItem = React.forwardRef(({ className, children, onClick, tooltip }, ref) => {
-    const buttonRef = React.useRef(null);
-    const { magnification, distance, mouseX } = React.useContext(DockContext);
-    const [isHovered, setIsHovered] = React.useState(false);
-    const distanceCalc = useTransform(mouseX, (val) => {
-        const bounds = buttonRef.current?.getBoundingClientRect() ?? {
-            x: 0,
-            width: 0,
-        };
-        return val - bounds.x - bounds.width / 2;
-    });
-    const widthSync = useTransform(distanceCalc, [-distance, 0, distance], [48, 48 + magnification, 48]);
-    const width = useSpring(widthSync, {
-        mass: 0.1,
-        stiffness: 150,
-        damping: 12,
-    });
-    return (_jsxs(motion.div, { className: "relative", onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [tooltip && isHovered && (_jsxs(motion.div, { initial: { opacity: 0, y: 10, scale: 0.9 }, animate: { opacity: 1, y: 0, scale: 1 }, exit: { opacity: 0, y: 5, scale: 0.95 }, transition: { duration: 0.15 }, className: "absolute bottom-full left-1/2 mb-2 -translate-x-1/2 whitespace-nowrap rounded-lg bg-black/80 px-2 py-1 text-xs text-white backdrop-blur-md", children: [tooltip, _jsx("div", { className: "absolute -bottom-1 left-1/2 h-2 w-2 -translate-x-1/2 rotate-45 bg-black/80" })] })), _jsxs(motion.button, { ref: buttonRef, style: { width }, whileTap: { scale: 0.95 }, onClick: onClick, className: cn("aspect-square w-12 rounded-xl bg-white/10 backdrop-blur-md transition-colors", "hover:bg-white/20", "focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50", "relative overflow-hidden", className), children: [_jsx("div", { className: "flex h-full w-full items-center justify-center", children: children }), _jsx("div", { className: "pointer-events-none absolute inset-0 rounded-xl", style: {
-                            background: "linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%)",
-                        } })] })] }));
-});
-DockItem.displayName = "DockItem";
-export { Dock, DockItem };

package/dist/src/dock/menu.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-export interface MenuDockItem {
-    icon: React.ReactNode;
-    label: string;
-    onClick?: () => void;
-    active?: boolean;
-}
-export interface MenuDockProps extends React.HTMLAttributes<HTMLDivElement> {
-    items: MenuDockItem[];
-    orientation?: "horizontal" | "vertical";
-}
-declare const MenuDock: React.ForwardRefExoticComponent<MenuDockProps & React.RefAttributes<HTMLDivElement>>;
-export { MenuDock };
-//# sourceMappingURL=menu.d.ts.map

package/dist/src/dock/menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/dock/menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC;AAED,QAAA,MAAM,QAAQ,sFAiCb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/src/dock/menu.js

@@ -1,10 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../utils";
-const MenuDock = React.forwardRef(({ className, items, orientation = "horizontal", ...props }, ref) => {
-    return (_jsx("div", { ref: ref, className: cn("flex gap-2 rounded-full border bg-background/95 p-2 shadow-lg backdrop-blur", orientation === "vertical" ? "flex-col" : "flex-row", className), ...props, children: items.map((item, index) => (_jsxs("button", { onClick: item.onClick, className: cn("group relative flex items-center justify-center rounded-full p-3 transition-colors hover:bg-accent", item.active &&
-                "bg-primary text-primary-foreground hover:bg-primary/90"), title: item.label, children: [item.icon, _jsx("span", { className: "sr-only", children: item.label }), _jsx("span", { className: "absolute -top-8 left-1/2 -translate-x-1/2 whitespace-nowrap rounded bg-popover px-2 py-1 text-xs text-popover-foreground opacity-0 transition-opacity group-hover:opacity-100", children: item.label })] }, index))) }));
-});
-MenuDock.displayName = "MenuDock";
-export { MenuDock };

package/dist/src/dock/message.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-export interface Message {
-    id: string;
-    type?: "info" | "success" | "warning" | "error";
-    title: string;
-    description?: string;
-}
-export interface MessageDockProps extends React.HTMLAttributes<HTMLDivElement> {
-    messages: Message[];
-    onClose?: (id: string) => void;
-    position?: "top" | "bottom" | "top-right" | "bottom-right";
-}
-declare const MessageDock: React.ForwardRefExoticComponent<MessageDockProps & React.RefAttributes<HTMLDivElement>>;
-export { MessageDock };
-//# sourceMappingURL=message.d.ts.map

package/dist/src/dock/message.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/dock/message.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,cAAc,CAAA;CAC3D;AAED,QAAA,MAAM,WAAW,yFA+DhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/src/dock/message.js

@@ -1,21 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { X } from "lucide-react";
-import { cn } from "../utils";
-import { Button } from "../../primitives/button";
-const MessageDock = React.forwardRef(({ className, messages, onClose, position = "bottom-right", ...props }, ref) => {
-    const positionClasses = {
-        top: "top-4 left-1/2 -translate-x-1/2",
-        bottom: "bottom-4 left-1/2 -translate-x-1/2",
-        "top-right": "top-4 right-4",
-        "bottom-right": "bottom-4 right-4",
-    };
-    return (_jsx("div", { ref: ref, className: cn("fixed z-50 flex flex-col gap-2", positionClasses[position], className), ...props, children: messages.map((message) => (_jsx("div", { className: cn("min-w-[300px] rounded-lg border p-4 shadow-lg", message.type === "success" &&
-                "border-green-500 bg-green-50 dark:bg-green-950", message.type === "warning" &&
-                "border-yellow-500 bg-yellow-50 dark:bg-yellow-950", message.type === "error" &&
-                "border-red-500 bg-red-50 dark:bg-red-950", message.type === "info" &&
-                "border-blue-500 bg-blue-50 dark:bg-blue-950", !message.type && "bg-background"), children: _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex-1", children: [_jsx("h4", { className: "font-medium", children: message.title }), message.description && (_jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: message.description }))] }), onClose && (_jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => onClose(message.id), children: _jsx(X, { className: "h-4 w-4" }) }))] }) }, message.id))) }));
-});
-MessageDock.displayName = "MessageDock";
-export { MessageDock };

package/dist/src/form/form.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
-declare const useFormField: () => {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: import("react-hook-form").FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
-declare const FormControl: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement> & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
-declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
-//# sourceMappingURL=form.d.ts.map

package/dist/src/form/form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/form/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAIL,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAA;AAKxB,QAAA,MAAM,IAAI,0YAAe,CAAA;AAWzB,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;CAyBjB,CAAA;AAQD,QAAA,MAAM,QAAQ,6GAWZ,CAAA;AAGF,QAAA,MAAM,SAAS,yJAcb,CAAA;AAGF,QAAA,MAAM,WAAW;;gFAmBf,CAAA;AAGF,QAAA,MAAM,eAAe,yHAcnB,CAAA;AAGF,QAAA,MAAM,WAAW,yHAqBf,CAAA;AAGF,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAA"}

package/dist/src/form/form.js

@@ -1,66 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { Controller, FormProvider, useFormContext, } from "react-hook-form";
-import { cn } from "../../utils";
-import { Label } from "../../primitives/label";
-const Form = FormProvider;
-const FormFieldContext = React.createContext(null);
-const FormField = ({ ...props }) => {
-    return (_jsx(FormFieldContext.Provider, { value: { name: props.name }, children: _jsx(Controller, { ...props }) }));
-};
-const useFormField = () => {
-    const fieldContext = React.useContext(FormFieldContext);
-    const itemContext = React.useContext(FormItemContext);
-    const { getFieldState, formState } = useFormContext();
-    if (!fieldContext) {
-        throw new Error("useFormField should be used within <FormField>");
-    }
-    if (!itemContext) {
-        throw new Error("useFormField should be used within <FormItem>");
-    }
-    const fieldState = getFieldState(fieldContext.name, formState);
-    const { id } = itemContext;
-    return {
-        id,
-        name: fieldContext.name,
-        formItemId: `${id}-form-item`,
-        formDescriptionId: `${id}-form-item-description`,
-        formMessageId: `${id}-form-item-message`,
-        ...fieldState,
-    };
-};
-const FormItemContext = React.createContext(null);
-const FormItem = React.forwardRef(({ className, ...props }, ref) => {
-    const id = React.useId();
-    return (_jsx(FormItemContext.Provider, { value: { id }, children: _jsx("div", { ref: ref, className: cn("space-y-2", className), ...props }) }));
-});
-FormItem.displayName = "FormItem";
-const FormLabel = React.forwardRef(({ className, ...props }, ref) => {
-    const { error, formItemId } = useFormField();
-    return (_jsx(Label, { ref: ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props }));
-});
-FormLabel.displayName = "FormLabel";
-const FormControl = React.forwardRef(({ ...props }, ref) => {
-    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-    return (_jsx(Slot, { ref: ref, id: formItemId, "aria-describedby": !error
-            ? `${formDescriptionId}`
-            : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
-});
-FormControl.displayName = "FormControl";
-const FormDescription = React.forwardRef(({ className, ...props }, ref) => {
-    const { formDescriptionId } = useFormField();
-    return (_jsx("p", { ref: ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props }));
-});
-FormDescription.displayName = "FormDescription";
-const FormMessage = React.forwardRef(({ className, children, ...props }, ref) => {
-    const { error, formMessageId } = useFormField();
-    const body = error ? String(error?.message ?? "") : children;
-    if (!body) {
-        return null;
-    }
-    return (_jsx("p", { ref: ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body }));
-});
-FormMessage.displayName = "FormMessage";
-export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/src/form/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./form";
-//# sourceMappingURL=index.d.ts.map

package/dist/src/form/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/index.ts"],"names":[],"mappings":"AACA,cAAc,QAAQ,CAAA"}

package/dist/src/form/index.js

@@ -1,2 +0,0 @@
-// Form components (React Hook Form wrapper)
-export * from "./form";

package/dist/src/hooks/index.d.ts

@@ -1,8 +0,0 @@
-export * from './use-debounce';
-export * from './use-map';
-export * from './use-measure';
-export * from './use-click-away';
-export * from './use-copy-clipboard';
-export * from './use-reverse-video-playback';
-export * from './use-scroll-restoration';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC"}

package/dist/src/hooks/index.js

@@ -1,7 +0,0 @@
-export * from './use-debounce';
-export * from './use-map';
-export * from './use-measure';
-export * from './use-click-away';
-export * from './use-copy-clipboard';
-export * from './use-reverse-video-playback';
-export * from './use-scroll-restoration';

package/dist/src/hooks/use-click-away.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare function useClickAway<T extends Element>(cb: (e: Event) => void): React.RefObject<T | null>;
-//# sourceMappingURL=use-click-away.d.ts.map

package/dist/src/hooks/use-click-away.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-click-away.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-click-away.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,YAAY,CAAC,CAAC,SAAS,OAAO,EAC5C,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,GACrB,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CA0B3B"}

package/dist/src/hooks/use-click-away.js

@@ -1,23 +0,0 @@
-import React from 'react';
-export function useClickAway(cb) {
-    const ref = React.useRef(null);
-    const refCb = React.useRef(cb);
-    React.useLayoutEffect(() => {
-        refCb.current = cb;
-    });
-    React.useEffect(() => {
-        const handler = (e) => {
-            const element = ref.current;
-            if (element && !element.contains(e.target)) {
-                refCb.current(e);
-            }
-        };
-        document.addEventListener('mousedown', handler);
-        document.addEventListener('touchstart', handler);
-        return () => {
-            document.removeEventListener('mousedown', handler);
-            document.removeEventListener('touchstart', handler);
-        };
-    }, []);
-    return ref;
-}

package/dist/src/hooks/use-combined-refs.d.ts

@@ -1,4 +0,0 @@
-import type React from 'react';
-declare function useCombinedRefs<T>(...refs: React.ForwardedRef<T>[]): React.RefObject<T | null>;
-export { useCombinedRefs };
-//# sourceMappingURL=use-combined-refs.d.ts.map

package/dist/src/hooks/use-combined-refs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-combined-refs.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-combined-refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,iBAAS,eAAe,CAAC,CAAC,EACxB,GAAG,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,GAC/B,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAc3B;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/src/hooks/use-combined-refs.js

@@ -1,18 +0,0 @@
-import { useEffect, useRef } from 'react';
-function useCombinedRefs(...refs) {
-    const targetRef = useRef(null);
-    useEffect(() => {
-        refs.forEach((ref) => {
-            if (!ref)
-                return;
-            if (typeof ref === 'function') {
-                ref(targetRef.current);
-            }
-            else {
-                ref.current = targetRef.current;
-            }
-        });
-    }, [refs]);
-    return targetRef;
-}
-export { useCombinedRefs };

package/dist/src/hooks/use-copy-clipboard.d.ts

@@ -1,10 +0,0 @@
-type UseCopyClipboardProps = {
-    string?: string;
-    onCopyClipboard?: () => void;
-};
-export declare const useCopyClipboard: ({ string, onCopyClipboard, }: UseCopyClipboardProps) => {
-    isCopied: boolean;
-    onCopy: () => Promise<void>;
-};
-export {};
-//# sourceMappingURL=use-copy-clipboard.d.ts.map

package/dist/src/hooks/use-copy-clipboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-copy-clipboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-copy-clipboard.ts"],"names":[],"mappings":"AAGA,KAAK,qBAAqB,GAAG;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,8BAG9B,qBAAqB;;;CAkBvB,CAAC"}

package/dist/src/hooks/use-copy-clipboard.js

@@ -1,21 +0,0 @@
-import { useState } from 'react';
-import { copyToClipboard } from '../../util/copy-to-clipboard';
-export const useCopyClipboard = ({ string, onCopyClipboard, }) => {
-    const [isCopied, setIsCopied] = useState(false);
-    let timeout;
-    const onCopy = async () => {
-        if (!string)
-            return;
-        const string_ = string.trim();
-        if (onCopyClipboard && typeof onCopyClipboard === 'function') {
-            onCopyClipboard();
-        }
-        else {
-            await copyToClipboard(string_);
-        }
-        setIsCopied(true);
-        clearTimeout(timeout);
-        timeout = setTimeout(() => setIsCopied(false), 1000);
-    };
-    return { isCopied, onCopy };
-};

package/dist/src/hooks/use-debounce.d.ts

@@ -1,2 +0,0 @@
-export declare function useDebounce(value: string, delay?: number): string;
-//# sourceMappingURL=use-debounce.d.ts.map

package/dist/src/hooks/use-debounce.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-debounce.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-debounce.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,SAAM,UAcrD"}

package/dist/src/hooks/use-debounce.js

@@ -1,13 +0,0 @@
-import React from 'react';
-export function useDebounce(value, delay = 500) {
-    const [debouncedValue, setDebouncedValue] = React.useState(value);
-    React.useEffect(() => {
-        const handler = setTimeout(() => {
-            setDebouncedValue(value);
-        }, delay);
-        return () => {
-            clearTimeout(handler);
-        };
-    }, [value, delay]);
-    return debouncedValue;
-}

package/dist/src/hooks/use-fill-ids.d.ts

@@ -1,9 +0,0 @@
-export declare const useFillId: (namespace: string) => {
-    fill: string;
-    id: string;
-};
-export declare const useFillIds: (namespace: string, length: number) => {
-    fill: string;
-    id: string;
-}[];
-//# sourceMappingURL=use-fill-ids.d.ts.map

package/dist/src/hooks/use-fill-ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-fill-ids.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-fill-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,GAAI,WAAW,MAAM;;;CAS1C,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,WAAW,MAAM,EAAE,QAAQ,MAAM;;;GAW3D,CAAC"}

package/dist/src/hooks/use-fill-ids.js

@@ -1,20 +0,0 @@
-import { useMemo } from 'react';
-export const useFillId = (namespace) => {
-    const id = `lobe-icons-${namespace.toLowerCase()}-fill`;
-    return useMemo(() => ({
-        fill: `url(#${id})`,
-        id,
-    }), [namespace]);
-};
-export const useFillIds = (namespace, length) => {
-    return useMemo(() => {
-        const ids = Array.from({ length }, (_, i) => {
-            const id = `lobe-icons-${namespace.toLowerCase()}-fill-${i}`;
-            return {
-                fill: `url(#${id})`,
-                id,
-            };
-        });
-        return ids;
-    }, [namespace]);
-};

package/dist/src/hooks/use-map.d.ts

@@ -1,2 +0,0 @@
-export declare function useMap<Key, Value>(initialState?: [Key, Value][]): Map<Key, Value>;
-//# sourceMappingURL=use-map.d.ts.map

package/dist/src/hooks/use-map.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-map.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-map.ts"],"names":[],"mappings":"AAEA,wBAAgB,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,YAAY,GAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAO,mBAuBnE"}

package/dist/src/hooks/use-map.js

@@ -1,20 +0,0 @@
-import React from 'react';
-export function useMap(initialState = []) {
-    const mapRef = React.useRef(new Map(initialState));
-    const [, reRender] = React.useReducer((x) => x + 1, 0);
-    mapRef.current.set = (...args) => {
-        Map.prototype.set.apply(mapRef.current, args);
-        reRender();
-        return mapRef.current;
-    };
-    mapRef.current.clear = (...args) => {
-        Map.prototype.clear.apply(mapRef.current, args);
-        reRender();
-    };
-    mapRef.current.delete = (...args) => {
-        const res = Map.prototype.delete.apply(mapRef.current, args);
-        reRender();
-        return res;
-    };
-    return mapRef.current;
-}

package/dist/src/hooks/use-measure.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare function useMeasure<T extends Element>(): [
-    React.RefCallback<T>,
-    {
-        width: number | null;
-        height: number | null;
-    }
-];
-//# sourceMappingURL=use-measure.d.ts.map

package/dist/src/hooks/use-measure.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-measure.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-measure.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,UAAU,CAAC,CAAC,SAAS,OAAO,KAAK;IAC/C,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACpB;QACE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB;CACF,CAiCA"}

package/dist/src/hooks/use-measure.js

@@ -1,25 +0,0 @@
-import React from 'react';
-export function useMeasure() {
-    const [dimensions, setDimensions] = React.useState({
-        width: null,
-        height: null,
-    });
-    const previousObserver = React.useRef(null);
-    const customRef = React.useCallback((node) => {
-        if (previousObserver.current) {
-            previousObserver.current.disconnect();
-            previousObserver.current = null;
-        }
-        if (node?.nodeType === Node.ELEMENT_NODE) {
-            const observer = new ResizeObserver(([entry]) => {
-                if (entry && entry.borderBoxSize) {
-                    const { inlineSize: width, blockSize: height } = entry.borderBoxSize[0];
-                    setDimensions({ width, height });
-                }
-            });
-            observer.observe(node);
-            previousObserver.current = observer;
-        }
-    }, []);
-    return [customRef, dimensions];
-}

package/dist/src/hooks/use-reverse-video-playback.d.ts

@@ -1,2 +0,0 @@
-export declare const useReverseVideoPlayback: () => import("react").RefObject<HTMLVideoElement | null>;
-//# sourceMappingURL=use-reverse-video-playback.d.ts.map

package/dist/src/hooks/use-reverse-video-playback.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-reverse-video-playback.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-reverse-video-playback.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,0DAwCnC,CAAC"}

package/dist/src/hooks/use-reverse-video-playback.js

@@ -1,41 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-export const useReverseVideoPlayback = () => {
-    const videoRef = useRef(null);
-    const [isReversing, setIsReversing] = useState(false);
-    const playReverse = () => {
-        if (!videoRef.current)
-            return;
-        const video = videoRef.current;
-        const reversePlayback = () => {
-            if (video.currentTime <= 0) {
-                setIsReversing(false);
-                void video.play();
-                return;
-            }
-            video.currentTime -= 0.023;
-            requestAnimationFrame(reversePlayback);
-        };
-        reversePlayback();
-    };
-    useEffect(() => {
-        const videoElement = videoRef.current;
-        if (videoElement) {
-            const handleVideoEnd = () => {
-                if (isReversing) {
-                    setIsReversing(false);
-                    videoElement.currentTime = 0;
-                    void videoElement.play();
-                }
-                else {
-                    setIsReversing(true);
-                    playReverse();
-                }
-            };
-            videoElement.addEventListener('ended', handleVideoEnd);
-            return () => {
-                videoElement.removeEventListener('ended', handleVideoEnd);
-            };
-        }
-    }, [isReversing]);
-    return videoRef;
-};

package/dist/src/hooks/use-scroll-restoration.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare const useScrollRestoration: ({ key, containerRef, scrollTopStateRef, }: {
-    key: string;
-    containerRef: React.RefObject<HTMLElement | null>;
-    scrollTopStateRef: React.RefObject<{
-        [key: string]: number;
-    } | null>;
-}) => void;
-//# sourceMappingURL=use-scroll-restoration.d.ts.map

package/dist/src/hooks/use-scroll-restoration.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-scroll-restoration.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-scroll-restoration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,oBAAoB,GAAI,2CAIlC;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClD,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC;CACtE,KAAG,IAuCH,CAAC"}