@hanzo/ui 5.3.26 → 5.3.28

package/dist/context-menu.mjs

@@ -1,171 +0,0 @@
-"use client";
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-import { ChevronRight, Check, Circle } from 'lucide-react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-__name(cn, "cn");
-var ContextMenu = ContextMenuPrimitive.Root;
-var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
-var ContextMenuGroup = ContextMenuPrimitive.Group;
-var ContextMenuPortal = ContextMenuPrimitive.Portal;
-var ContextMenuSub = ContextMenuPrimitive.Sub;
-var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-var ContextMenuSubTrigger = /* @__PURE__ */ __name(({
-  className,
-  inset,
-  children,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsxs(
-  ContextMenuPrimitive.SubTrigger,
-  {
-    className: cn(
-      "focus:bg-accent data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none focus:text-white",
-      inset && "pl-8",
-      className
-    ),
-    ref,
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
-    ]
-  }
-), "ContextMenuSubTrigger");
-ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.SubContent,
-  {
-    className: cn(
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-gray-300 p-1 text-white shadow-md",
-      className
-    ),
-    ...props
-  }
-), "ContextMenuSubContent");
-ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.Content,
-  {
-    className: cn(
-      "animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border border-gray-600 bg-gray-300 p-1 text-gray-50 shadow-md",
-      className
-    ),
-    ...props
-  }
-) }), "ContextMenuContent");
-ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = /* @__PURE__ */ __name(({
-  className,
-  inset,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.Item,
-  {
-    className: cn(
-      "relative flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none focus:bg-gray-200 focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-), "ContextMenuItem");
-ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = /* @__PURE__ */ __name(({
-  className,
-  children,
-  checked,
-  ...props
-}) => /* @__PURE__ */ jsxs(
-  ContextMenuPrimitive.CheckboxItem,
-  {
-    checked,
-    className: cn(
-      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
-      children
-    ]
-  }
-), "ContextMenuCheckboxItem");
-ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = /* @__PURE__ */ __name(({
-  className,
-  children,
-  ...props
-}) => /* @__PURE__ */ jsxs(
-  ContextMenuPrimitive.RadioItem,
-  {
-    className: cn(
-      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
-      children
-    ]
-  }
-), "ContextMenuRadioItem");
-ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = /* @__PURE__ */ __name(({
-  className,
-  inset,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.Label,
-  {
-    className: cn(
-      "text-text-default px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-), "ContextMenuLabel");
-ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.Separator,
-  {
-    className: cn("bg-border -mx-1 my-1 h-px", className),
-    ...props
-  }
-), "ContextMenuSeparator");
-ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
-var ContextMenuShortcut = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(
-        "text-text-secondary ml-auto text-xs tracking-widest",
-        className
-      ),
-      ...props
-    }
-  );
-}, "ContextMenuShortcut");
-ContextMenuShortcut.displayName = "ContextMenuShortcut";
-
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/device/index.js

@@ -1,3 +0,0 @@
-"use client";
-'use strict';
-

package/dist/device/index.mjs

@@ -1,2 +0,0 @@
-"use client";
-

package/dist/dialog.js

@@ -1,151 +0,0 @@
-"use client";
-'use strict';
-
-var DialogPrimitive = require('@radix-ui/react-dialog');
-var lucideReact = require('lucide-react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-__name(cn, "cn");
-var Dialog = DialogPrimitive__namespace.Root;
-var DialogTrigger = DialogPrimitive__namespace.Trigger;
-var DialogPortal = DialogPrimitive__namespace.Portal;
-var DialogOverlay = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Overlay,
-  {
-    className: cn(
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",
-      "bg-bg-dark/90",
-      className
-    ),
-    ...props
-  }
-), "DialogOverlay");
-DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = /* @__PURE__ */ __name(({
-  className,
-  children,
-  showCloseButton = false,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsxRuntime.jsxs(
-    DialogPrimitive__namespace.Content,
-    {
-      className: cn(
-        "bg-bg-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-divider fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:rounded-lg md:w-full",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          DialogPrimitive__namespace.Close,
-          {
-            className: cn(
-              "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-text-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
-              !showCloseButton && "hidden"
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
-            ]
-          }
-        )
-      ]
-    }
-  )
-] }), "DialogContent");
-DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
-var DialogHeader = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-), "DialogHeader");
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-), "DialogFooter");
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Title,
-  {
-    className: cn(
-      "text-lg leading-none font-semibold tracking-tight",
-      className
-    ),
-    ...props
-  }
-), "DialogTitle");
-DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Description,
-  {
-    className: cn("text-text-secondary text-sm", className),
-    ...props
-  }
-), "DialogDescription");
-DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-
-exports.Dialog = Dialog;
-exports.DialogContent = DialogContent;
-exports.DialogDescription = DialogDescription;
-exports.DialogFooter = DialogFooter;
-exports.DialogHeader = DialogHeader;
-exports.DialogOverlay = DialogOverlay;
-exports.DialogPortal = DialogPortal;
-exports.DialogTitle = DialogTitle;
-exports.DialogTrigger = DialogTrigger;

package/dist/dialog.mjs

@@ -1,121 +0,0 @@
-"use client";
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { X } from 'lucide-react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-__name(cn, "cn");
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Overlay,
-  {
-    className: cn(
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",
-      "bg-bg-dark/90",
-      className
-    ),
-    ...props
-  }
-), "DialogOverlay");
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = /* @__PURE__ */ __name(({
-  className,
-  children,
-  showCloseButton = false,
-  ...props
-}) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
-  /* @__PURE__ */ jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs(
-    DialogPrimitive.Content,
-    {
-      className: cn(
-        "bg-bg-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-divider fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:rounded-lg md:w-full",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxs(
-          DialogPrimitive.Close,
-          {
-            className: cn(
-              "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-text-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
-              !showCloseButton && "hidden"
-            ),
-            children: [
-              /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-            ]
-          }
-        )
-      ]
-    }
-  )
-] }), "DialogContent");
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-), "DialogHeader");
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-), "DialogFooter");
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Title,
-  {
-    className: cn(
-      "text-lg leading-none font-semibold tracking-tight",
-      className
-    ),
-    ...props
-  }
-), "DialogTitle");
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Description,
-  {
-    className: cn("text-text-secondary text-sm", className),
-    ...props
-  }
-), "DialogDescription");
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-export { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/dock/basic.js

@@ -1,174 +0,0 @@
-"use client";
-'use strict';
-
-var React = require('react');
-var framerMotion = require('framer-motion');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-__name(cn, "cn");
-var DockContext = React__namespace.createContext({
-  magnification: 60,
-  distance: 140
-});
-var Dock = React__namespace.forwardRef(
-  ({
-    className,
-    children,
-    position = "bottom",
-    magnification = 60,
-    distance = 140
-  }, ref) => {
-    const positionClasses = {
-      bottom: "bottom-0 left-1/2 -translate-x-1/2 flex-row",
-      left: "left-0 top-1/2 -translate-y-1/2 flex-col",
-      right: "right-0 top-1/2 -translate-y-1/2 flex-col"
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(DockContext.Provider, { value: { magnification, distance }, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "fixed z-50 flex items-end gap-1 rounded-2xl border border-white/10 bg-black/10 p-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",
-          positionClasses[position],
-          className
-        ),
-        children
-      }
-    ) });
-  }
-);
-Dock.displayName = "Dock";
-var DockItem = React__namespace.forwardRef(
-  ({
-    className,
-    children,
-    onClick,
-    tooltip,
-    magnification: itemMagnification,
-    distance: itemDistance
-  }, ref) => {
-    const buttonRef = React__namespace.useRef(null);
-    const { magnification: contextMagnification, distance: contextDistance } = React__namespace.useContext(DockContext);
-    const magnification = itemMagnification ?? contextMagnification;
-    const distance = itemDistance ?? contextDistance;
-    const [isHovered, setIsHovered] = React__namespace.useState(false);
-    const mouseX = framerMotion.useMotionValue(Infinity);
-    const springConfig = { mass: 0.1, stiffness: 150, damping: 12 };
-    const size = framerMotion.useSpring(
-      framerMotion.useTransform(
-        mouseX,
-        [-distance, 0, distance],
-        [48, 48 + magnification, 48]
-      ),
-      springConfig
-    );
-    const handleMouseMove = /* @__PURE__ */ __name((e) => {
-      if (!buttonRef.current) return;
-      const rect = buttonRef.current.getBoundingClientRect();
-      const centerX = rect.left + rect.width / 2;
-      mouseX.set(e.clientX - centerX);
-    }, "handleMouseMove");
-    const handleMouseLeave = /* @__PURE__ */ __name(() => {
-      mouseX.set(Infinity);
-      setIsHovered(false);
-    }, "handleMouseLeave");
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      framerMotion.motion.div,
-      {
-        className: "relative",
-        onMouseMove: handleMouseMove,
-        onMouseLeave: handleMouseLeave,
-        onMouseEnter: () => setIsHovered(true),
-        children: [
-          tooltip && isHovered && /* @__PURE__ */ jsxRuntime.jsxs(
-            framerMotion.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,
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -bottom-1 left-1/2 h-2 w-2 -translate-x-1/2 rotate-45 bg-black/80" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            framerMotion.motion.button,
-            {
-              ref: buttonRef,
-              style: {
-                width: size,
-                height: size
-              },
-              whileTap: { scale: 0.9 },
-              onClick,
-              className: cn(
-                "relative flex items-center justify-center 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",
-                className
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  framerMotion.motion.div,
-                  {
-                    style: {
-                      width: size,
-                      height: size
-                    },
-                    className: "flex items-center justify-center",
-                    children
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  framerMotion.motion.div,
-                  {
-                    className: "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";
-
-exports.Dock = Dock;
-exports.DockItem = DockItem;