@hanzo/ui 5.3.35 → 5.3.38

package/dist/dialog.js

@@ -1,246 +1,2 @@
 "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 reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
-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 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 buttonVariants = classVarianceAuthority.cva(
-  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
-        // Keep the additional Hanzo variants for backward compatibility
-        primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        linkFG: "text-primary underline-offset-4 hover:underline",
-        linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React__namespace.forwardRef(
-  ({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      Comp,
-      {
-        "data-slot": "button",
-        "data-variant": variant,
-        "data-size": size,
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props,
-        children: [
-          isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
-            lucideReact.Loader2,
-            {
-              className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
-            }
-          ) : null,
-          isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-function Dialog({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { "data-slot": "dialog", ...props });
-}
-__name(Dialog, "Dialog");
-function DialogTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { "data-slot": "dialog-trigger", ...props });
-}
-__name(DialogTrigger, "DialogTrigger");
-function DialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { "data-slot": "dialog-portal", ...props });
-}
-__name(DialogPortal, "DialogPortal");
-function DialogClose({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { "data-slot": "dialog-close", ...props });
-}
-__name(DialogClose, "DialogClose");
-function DialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DialogPrimitive__namespace.Overlay,
-    {
-      "data-slot": "dialog-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 isolate z-50",
-        "bg-black/80",
-        className
-      ),
-      ...props
-    }
-  );
-}
-__name(DialogOverlay, "DialogOverlay");
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      DialogPrimitive__namespace.Content,
-      {
-        "data-slot": "dialog-content",
-        className: cn(
-          "bg-background 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 fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border p-6 shadow-lg duration-200",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { "data-slot": "dialog-close", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-            Button,
-            {
-              variant: "ghost",
-              size: "icon-sm",
-              className: "absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
-}
-__name(DialogContent, "DialogContent");
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: cn("flex flex-col gap-1.5 text-center sm:text-left", className),
-      ...props
-    }
-  );
-}
-__name(DialogHeader, "DialogHeader");
-function DialogFooter({
-  className,
-  showCloseButton = false,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "dialog-footer",
-      className: cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", children: "Close" }) })
-      ]
-    }
-  );
-}
-__name(DialogFooter, "DialogFooter");
-function DialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DialogPrimitive__namespace.Title,
-    {
-      "data-slot": "dialog-title",
-      className: cn("text-lg leading-none font-semibold tracking-tight", className),
-      ...props
-    }
-  );
-}
-__name(DialogTitle, "DialogTitle");
-function DialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DialogPrimitive__namespace.Description,
-    {
-      "data-slot": "dialog-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-__name(DialogDescription, "DialogDescription");
-
-exports.Dialog = Dialog;
-exports.DialogClose = DialogClose;
-exports.DialogContent = DialogContent;
-exports.DialogDescription = DialogDescription;
-exports.DialogFooter = DialogFooter;
-exports.DialogHeader = DialogHeader;
-exports.DialogOverlay = DialogOverlay;
-exports.DialogPortal = DialogPortal;
-exports.DialogTitle = DialogTitle;
-exports.DialogTrigger = DialogTrigger;
+'use strict';var e=require('@radix-ui/react-dialog'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),c=require('react'),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 e__namespace=/*#__PURE__*/_interopNamespace(e);var c__namespace=/*#__PURE__*/_interopNamespace(c);var f=Object.defineProperty;var a=(t,o)=>f(t,"name",{value:o,configurable:true});function n(...t){return tailwindMerge.twMerge(clsx.clsx(t))}a(n,"cn");var y=classVarianceAuthority.cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),l=c__namespace.forwardRef(({className:t,variant:o="default",size:r="default",asChild:s=false,isLoading:g=false,children:u,...m},p)=>jsxRuntime.jsxs(s?reactSlot.Slot:"button",{"data-slot":"button","data-variant":o,"data-size":r,className:n(y({variant:o,size:r,className:t})),ref:p,...m,children:[g?jsxRuntime.jsx(lucideReact.Loader2,{className:n("h-4 w-4 animate-spin",r!=="icon"&&r!=="icon-sm"&&r!=="icon-lg"&&"mr-2")}):null,g&&(r==="icon"||r==="icon-sm"||r==="icon-lg")?null:u]}));l.displayName="Button";function X({...t}){return jsxRuntime.jsx(e__namespace.Root,{"data-slot":"dialog",...t})}a(X,"Dialog");function $({...t}){return jsxRuntime.jsx(e__namespace.Trigger,{"data-slot":"dialog-trigger",...t})}a($,"DialogTrigger");function k({...t}){return jsxRuntime.jsx(e__namespace.Portal,{"data-slot":"dialog-portal",...t})}a(k,"DialogPortal");function G({...t}){return jsxRuntime.jsx(e__namespace.Close,{"data-slot":"dialog-close",...t})}a(G,"DialogClose");function w({className:t,...o}){return jsxRuntime.jsx(e__namespace.Overlay,{"data-slot":"dialog-overlay",className:n("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 isolate z-50","bg-black/80",t),...o})}a(w,"DialogOverlay");function I({className:t,children:o,showCloseButton:r=true,...s}){return jsxRuntime.jsxs(k,{children:[jsxRuntime.jsx(w,{}),jsxRuntime.jsxs(e__namespace.Content,{"data-slot":"dialog-content",className:n("bg-background 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 fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border p-6 shadow-lg duration-200",t),...s,children:[o,r&&jsxRuntime.jsx(e__namespace.Close,{"data-slot":"dialog-close",asChild:true,children:jsxRuntime.jsxs(l,{variant:"ghost",size:"icon-sm",className:"absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",children:[jsxRuntime.jsx(lucideReact.X,{className:"size-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})})]})]})}a(I,"DialogContent");function j({className:t,...o}){return jsxRuntime.jsx("div",{"data-slot":"dialog-header",className:n("flex flex-col gap-1.5 text-center sm:text-left",t),...o})}a(j,"DialogHeader");function q({className:t,showCloseButton:o=false,children:r,...s}){return jsxRuntime.jsxs("div",{"data-slot":"dialog-footer",className:n("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...s,children:[r,o&&jsxRuntime.jsx(e__namespace.Close,{asChild:true,children:jsxRuntime.jsx(l,{variant:"outline",children:"Close"})})]})}a(q,"DialogFooter");function J({className:t,...o}){return jsxRuntime.jsx(e__namespace.Title,{"data-slot":"dialog-title",className:n("text-lg leading-none font-semibold tracking-tight",t),...o})}a(J,"DialogTitle");function K({className:t,...o}){return jsxRuntime.jsx(e__namespace.Description,{"data-slot":"dialog-description",className:n("text-muted-foreground text-sm",t),...o})}a(K,"DialogDescription");exports.Dialog=X;exports.DialogClose=G;exports.DialogContent=I;exports.DialogDescription=K;exports.DialogFooter=q;exports.DialogHeader=j;exports.DialogOverlay=w;exports.DialogPortal=k;exports.DialogTitle=J;exports.DialogTrigger=$;

package/dist/dialog.mjs

@@ -1,214 +1,2 @@
 "use client";
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { Loader2, X } from 'lucide-react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import * as React from 'react';
-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 buttonVariants = cva(
-  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
-        // Keep the additional Hanzo variants for backward compatibility
-        primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        linkFG: "text-primary underline-offset-4 hover:underline",
-        linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React.forwardRef(
-  ({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsxs(
-      Comp,
-      {
-        "data-slot": "button",
-        "data-variant": variant,
-        "data-size": size,
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props,
-        children: [
-          isLoading ? /* @__PURE__ */ jsx(
-            Loader2,
-            {
-              className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
-            }
-          ) : null,
-          isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-function Dialog({ ...props }) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
-}
-__name(Dialog, "Dialog");
-function DialogTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
-}
-__name(DialogTrigger, "DialogTrigger");
-function DialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
-}
-__name(DialogPortal, "DialogPortal");
-function DialogClose({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
-}
-__name(DialogClose, "DialogClose");
-function DialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Overlay,
-    {
-      "data-slot": "dialog-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 isolate z-50",
-        "bg-black/80",
-        className
-      ),
-      ...props
-    }
-  );
-}
-__name(DialogOverlay, "DialogOverlay");
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
-    /* @__PURE__ */ jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      DialogPrimitive.Content,
-      {
-        "data-slot": "dialog-content",
-        className: cn(
-          "bg-background 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 fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border p-6 shadow-lg duration-200",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", asChild: true, children: /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "ghost",
-              size: "icon-sm",
-              className: "absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",
-              children: [
-                /* @__PURE__ */ jsx(X, { className: "size-4" }),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
-}
-__name(DialogContent, "DialogContent");
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: cn("flex flex-col gap-1.5 text-center sm:text-left", className),
-      ...props
-    }
-  );
-}
-__name(DialogHeader, "DialogHeader");
-function DialogFooter({
-  className,
-  showCloseButton = false,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "dialog-footer",
-      className: cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        showCloseButton && /* @__PURE__ */ jsx(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Close" }) })
-      ]
-    }
-  );
-}
-__name(DialogFooter, "DialogFooter");
-function DialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Title,
-    {
-      "data-slot": "dialog-title",
-      className: cn("text-lg leading-none font-semibold tracking-tight", className),
-      ...props
-    }
-  );
-}
-__name(DialogTitle, "DialogTitle");
-function DialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Description,
-    {
-      "data-slot": "dialog-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-__name(DialogDescription, "DialogDescription");
-
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+import*as e from'@radix-ui/react-dialog';import {Loader2,X as X$1}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import*as c from'react';import {jsxs,jsx}from'react/jsx-runtime';var f=Object.defineProperty;var a=(t,o)=>f(t,"name",{value:o,configurable:true});function n(...t){return twMerge(clsx(t))}a(n,"cn");var y=cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),l=c.forwardRef(({className:t,variant:o="default",size:r="default",asChild:s=false,isLoading:g=false,children:u,...m},p)=>jsxs(s?Slot:"button",{"data-slot":"button","data-variant":o,"data-size":r,className:n(y({variant:o,size:r,className:t})),ref:p,...m,children:[g?jsx(Loader2,{className:n("h-4 w-4 animate-spin",r!=="icon"&&r!=="icon-sm"&&r!=="icon-lg"&&"mr-2")}):null,g&&(r==="icon"||r==="icon-sm"||r==="icon-lg")?null:u]}));l.displayName="Button";function X({...t}){return jsx(e.Root,{"data-slot":"dialog",...t})}a(X,"Dialog");function $({...t}){return jsx(e.Trigger,{"data-slot":"dialog-trigger",...t})}a($,"DialogTrigger");function k({...t}){return jsx(e.Portal,{"data-slot":"dialog-portal",...t})}a(k,"DialogPortal");function G({...t}){return jsx(e.Close,{"data-slot":"dialog-close",...t})}a(G,"DialogClose");function w({className:t,...o}){return jsx(e.Overlay,{"data-slot":"dialog-overlay",className:n("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 isolate z-50","bg-black/80",t),...o})}a(w,"DialogOverlay");function I({className:t,children:o,showCloseButton:r=true,...s}){return jsxs(k,{children:[jsx(w,{}),jsxs(e.Content,{"data-slot":"dialog-content",className:n("bg-background 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 fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border p-6 shadow-lg duration-200",t),...s,children:[o,r&&jsx(e.Close,{"data-slot":"dialog-close",asChild:true,children:jsxs(l,{variant:"ghost",size:"icon-sm",className:"absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",children:[jsx(X$1,{className:"size-4"}),jsx("span",{className:"sr-only",children:"Close"})]})})]})]})}a(I,"DialogContent");function j({className:t,...o}){return jsx("div",{"data-slot":"dialog-header",className:n("flex flex-col gap-1.5 text-center sm:text-left",t),...o})}a(j,"DialogHeader");function q({className:t,showCloseButton:o=false,children:r,...s}){return jsxs("div",{"data-slot":"dialog-footer",className:n("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...s,children:[r,o&&jsx(e.Close,{asChild:true,children:jsx(l,{variant:"outline",children:"Close"})})]})}a(q,"DialogFooter");function J({className:t,...o}){return jsx(e.Title,{"data-slot":"dialog-title",className:n("text-lg leading-none font-semibold tracking-tight",t),...o})}a(J,"DialogTitle");function K({className:t,...o}){return jsx(e.Description,{"data-slot":"dialog-description",className:n("text-muted-foreground text-sm",t),...o})}a(K,"DialogDescription");export{X as Dialog,G as DialogClose,I as DialogContent,K as DialogDescription,q as DialogFooter,j as DialogHeader,w as DialogOverlay,k as DialogPortal,J as DialogTitle,$ as DialogTrigger};

package/dist/dock/basic.js

@@ -1,174 +1,2 @@
 "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;
+'use strict';var e=require('react'),framerMotion=require('framer-motion'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),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 e__namespace=/*#__PURE__*/_interopNamespace(e);var I=Object.defineProperty;var n=(t,o)=>I(t,"name",{value:o,configurable:true});function f(...t){return tailwindMerge.twMerge(clsx.clsx(t))}n(f,"cn");var h=e__namespace.createContext({magnification:60,distance:140}),S=e__namespace.forwardRef(({className:t,children:o,position:c="bottom",magnification:r=60,distance:l=140},m)=>{let g={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 jsxRuntime.jsx(h.Provider,{value:{magnification:r,distance:l},children:jsxRuntime.jsx("div",{ref:m,className:f("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",g[c],t),children:o})})});S.displayName="Dock";var U=e__namespace.forwardRef(({className:t,children:o,onClick:c,tooltip:r,magnification:l,distance:m},g)=>{let u=e__namespace.useRef(null),{magnification:y,distance:k}=e__namespace.useContext(h),w=l??y,p=m??k,[R,x]=e__namespace.useState(false),d=framerMotion.useMotionValue(1/0),D={mass:.1,stiffness:150,damping:12},s=framerMotion.useSpring(framerMotion.useTransform(d,[-p,0,p],[48,48+w,48]),D),M=n(C=>{if(!u.current)return;let v=u.current.getBoundingClientRect(),P=v.left+v.width/2;d.set(C.clientX-P);},"handleMouseMove"),N=n(()=>{d.set(1/0),x(false);},"handleMouseLeave");return jsxRuntime.jsxs(framerMotion.motion.div,{className:"relative",onMouseMove:M,onMouseLeave:N,onMouseEnter:()=>x(true),children:[r&&R&&jsxRuntime.jsxs(framerMotion.motion.div,{initial:{opacity:0,y:10,scale:.9},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:5,scale:.95},transition:{duration:.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:[r,jsxRuntime.jsx("div",{className:"absolute -bottom-1 left-1/2 h-2 w-2 -translate-x-1/2 rotate-45 bg-black/80"})]}),jsxRuntime.jsxs(framerMotion.motion.button,{ref:u,style:{width:s,height:s},whileTap:{scale:.9},onClick:c,className:f("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",t),children:[jsxRuntime.jsx(framerMotion.motion.div,{style:{width:s,height:s},className:"flex items-center justify-center",children:o}),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%)"}})]})]})});U.displayName="DockItem";exports.Dock=S;exports.DockItem=U;