@definable/ui 0.1.0 → 0.1.8

package/dist/components/dialog.esm.js

@@ -0,0 +1,122 @@
+import { j as e } from "../jsx-runtime-DGlMoOmv.js";
+import * as r from "react";
+import * as o from "@radix-ui/react-dialog";
+import { c as i } from "../utils-qaFjX9_3.js";
+import { X as d } from "lucide-react";
+import { motion as l, AnimatePresence as m } from "framer-motion";
+const b = ({ ...a }) => /* @__PURE__ */ e.jsx(o.Root, { ...a }), v = o.Trigger, p = o.Portal, w = o.Close, n = r.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ e.jsx(
+  o.Overlay,
+  {
+    ref: s,
+    asChild: !0,
+    ...t,
+    children: /* @__PURE__ */ e.jsx(
+      l.div,
+      {
+        className: i(
+          "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm",
+          a
+        ),
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: { duration: 0.2 }
+      }
+    )
+  }
+));
+n.displayName = o.Overlay.displayName;
+const g = r.forwardRef(({ className: a, children: t, ...s }, c) => /* @__PURE__ */ e.jsx(p, { children: /* @__PURE__ */ e.jsxs(m, { mode: "wait", children: [
+  /* @__PURE__ */ e.jsx(n, {}),
+  /* @__PURE__ */ e.jsx(
+    o.Content,
+    {
+      ref: c,
+      asChild: !0,
+      ...s,
+      children: /* @__PURE__ */ e.jsxs(
+        l.div,
+        {
+          className: i(
+            "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg rounded-lg",
+            a
+          ),
+          initial: { opacity: 0, scale: 0.95, y: "-48%", x: "-50%" },
+          animate: { opacity: 1, scale: 1, y: "-50%", x: "-50%" },
+          exit: { opacity: 0, scale: 0.95, y: "-48%", x: "-50%" },
+          transition: { duration: 0.2 },
+          children: [
+            t,
+            /* @__PURE__ */ e.jsxs(o.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+              /* @__PURE__ */ e.jsx(d, { className: "h-4 w-4" }),
+              /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close" })
+            ] })
+          ]
+        }
+      )
+    }
+  )
+] }) }));
+g.displayName = o.Content.displayName;
+const x = ({
+  className: a,
+  ...t
+}) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    className: i(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      a
+    ),
+    ...t
+  }
+);
+x.displayName = "DialogHeader";
+const f = ({
+  className: a,
+  ...t
+}) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    className: i(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      a
+    ),
+    ...t
+  }
+);
+f.displayName = "DialogFooter";
+const y = r.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ e.jsx(
+  o.Title,
+  {
+    ref: s,
+    className: i(
+      "text-lg font-semibold leading-none tracking-tight",
+      a
+    ),
+    ...t
+  }
+));
+y.displayName = o.Title.displayName;
+const u = r.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ e.jsx(
+  o.Description,
+  {
+    ref: s,
+    className: i("text-sm text-muted-foreground", a),
+    ...t
+  }
+));
+u.displayName = o.Description.displayName;
+export {
+  b as Dialog,
+  w as DialogClose,
+  g as DialogContent,
+  u as DialogDescription,
+  f as DialogFooter,
+  x as DialogHeader,
+  n as DialogOverlay,
+  p as DialogPortal,
+  y as DialogTitle,
+  v as DialogTrigger
+};
+//# sourceMappingURL=dialog.esm.js.map

package/dist/components/dialog.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.esm.js","sources":["../../src/components/dialog.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { cn } from \"@/lib/utils\"\nimport { X } from \"lucide-react\"\nimport { motion, AnimatePresence } from \"framer-motion\"\n\nconst Dialog = ({ ...props }) => (\n  <DialogPrimitive.Root {...props} />\n)\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    asChild\n    {...props}\n  >\n    <motion.div\n    className={cn(\n        \"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm\",\n      className\n    )}\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      exit={{ opacity: 0 }}\n      transition={{ duration: 0.2 }}\n  />\n  </DialogPrimitive.Overlay>\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <AnimatePresence mode=\"wait\">\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n        asChild\n        {...props}\n      >\n        <motion.div\n      className={cn(\n            \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg rounded-lg\",\n        className\n      )}\n          initial={{ opacity: 0, scale: 0.95, y: '-48%', x: '-50%' }}\n          animate={{ opacity: 1, scale: 1, y: '-50%', x: '-50%' }}\n          exit={{ opacity: 0, scale: 0.95, y: '-48%', x: '-50%' }}\n          transition={{ duration: 0.2 }}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n        </motion.div>\n    </DialogPrimitive.Content>\n    </AnimatePresence>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-1.5 text-center sm:text-left\",\n      className\n    )}\n    {...props}\n  />\n)\nDialogHeader.displayName = \"DialogHeader\"\n\nconst DialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className\n    )}\n    {...props}\n  />\n)\nDialogFooter.displayName = \"DialogFooter\"\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\n      \"text-lg font-semibold leading-none tracking-tight\",\n      className\n    )}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} "],"names":["Dialog","props","jsx","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","ref","motion","cn","DialogContent","children","jsxs","AnimatePresence","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}

package/dist/components/dialog.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../jsx-runtime-BYECrxsp.cjs"),j=require("react"),y=require("@radix-ui/react-dialog"),a=require("../utils-DSKoFOjv.cjs"),D=require("lucide-react"),l=require("framer-motion");function x(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const r=x(j),i=x(y),R=({...e})=>o.jsxRuntimeExports.jsx(i.Root,{...e}),b=i.Trigger,d=i.Portal,N=i.Close,c=r.forwardRef(({className:e,...t},s)=>o.jsxRuntimeExports.jsx(i.Overlay,{ref:s,asChild:!0,...t,children:o.jsxRuntimeExports.jsx(l.motion.div,{className:a.cn("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm",e),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2}})}));c.displayName=i.Overlay.displayName;const m=r.forwardRef(({className:e,children:t,...s},n)=>o.jsxRuntimeExports.jsx(d,{children:o.jsxRuntimeExports.jsxs(l.AnimatePresence,{mode:"wait",children:[o.jsxRuntimeExports.jsx(c,{}),o.jsxRuntimeExports.jsx(i.Content,{ref:n,asChild:!0,...s,children:o.jsxRuntimeExports.jsxs(l.motion.div,{className:a.cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg rounded-lg",e),initial:{opacity:0,scale:.95,y:"-48%",x:"-50%"},animate:{opacity:1,scale:1,y:"-50%",x:"-50%"},exit:{opacity:0,scale:.95,y:"-48%",x:"-50%"},transition:{duration:.2},children:[t,o.jsxRuntimeExports.jsxs(i.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[o.jsxRuntimeExports.jsx(D.X,{className:"h-4 w-4"}),o.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})})]})}));m.displayName=i.Content.displayName;const g=({className:e,...t})=>o.jsxRuntimeExports.jsx("div",{className:a.cn("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});g.displayName="DialogHeader";const u=({className:e,...t})=>o.jsxRuntimeExports.jsx("div",{className:a.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});u.displayName="DialogFooter";const p=r.forwardRef(({className:e,...t},s)=>o.jsxRuntimeExports.jsx(i.Title,{ref:s,className:a.cn("text-lg font-semibold leading-none tracking-tight",e),...t}));p.displayName=i.Title.displayName;const f=r.forwardRef(({className:e,...t},s)=>o.jsxRuntimeExports.jsx(i.Description,{ref:s,className:a.cn("text-sm text-muted-foreground",e),...t}));f.displayName=i.Description.displayName;exports.Dialog=R;exports.DialogClose=N;exports.DialogContent=m;exports.DialogDescription=f;exports.DialogFooter=u;exports.DialogHeader=g;exports.DialogOverlay=c;exports.DialogPortal=d;exports.DialogTitle=p;exports.DialogTrigger=b;
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sources":["../../src/components/dialog.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { cn } from \"@/lib/utils\"\nimport { X } from \"lucide-react\"\nimport { motion, AnimatePresence } from \"framer-motion\"\n\nconst Dialog = ({ ...props }) => (\n  <DialogPrimitive.Root {...props} />\n)\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    asChild\n    {...props}\n  >\n    <motion.div\n    className={cn(\n        \"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm\",\n      className\n    )}\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      exit={{ opacity: 0 }}\n      transition={{ duration: 0.2 }}\n  />\n  </DialogPrimitive.Overlay>\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <AnimatePresence mode=\"wait\">\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n        asChild\n        {...props}\n      >\n        <motion.div\n      className={cn(\n            \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg rounded-lg\",\n        className\n      )}\n          initial={{ opacity: 0, scale: 0.95, y: '-48%', x: '-50%' }}\n          animate={{ opacity: 1, scale: 1, y: '-50%', x: '-50%' }}\n          exit={{ opacity: 0, scale: 0.95, y: '-48%', x: '-50%' }}\n          transition={{ duration: 0.2 }}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n        </motion.div>\n    </DialogPrimitive.Content>\n    </AnimatePresence>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-1.5 text-center sm:text-left\",\n      className\n    )}\n    {...props}\n  />\n)\nDialogHeader.displayName = \"DialogHeader\"\n\nconst DialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className\n    )}\n    {...props}\n  />\n)\nDialogFooter.displayName = \"DialogFooter\"\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\n      \"text-lg font-semibold leading-none tracking-tight\",\n      className\n    )}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} "],"names":["Dialog","props","jsx","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","ref","motion","cn","DialogContent","children","jsxs","AnimatePresence","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuGroup, };

package/dist/components/dropdown-menu.esm.js

@@ -0,0 +1,49 @@
+import { j as e } from "../jsx-runtime-DGlMoOmv.js";
+import * as a from "react";
+import * as o from "@radix-ui/react-dropdown-menu";
+import { c as i } from "../utils-qaFjX9_3.js";
+import { motion as p } from "framer-motion";
+const x = o.Root, w = o.Trigger, y = o.Group, g = o.Separator, c = a.forwardRef(({ className: t, sideOffset: r = 4, children: n, ...s }, d) => /* @__PURE__ */ e.jsx(o.Portal, { children: /* @__PURE__ */ e.jsx(
+  o.Content,
+  {
+    ref: d,
+    sideOffset: r,
+    ...s,
+    children: /* @__PURE__ */ e.jsx(
+      p.div,
+      {
+        initial: { opacity: 0, scale: 0.95 },
+        animate: { opacity: 1, scale: 1 },
+        exit: { opacity: 0, scale: 0.95 },
+        transition: { duration: 0.2 },
+        className: i(
+          "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+          t
+        ),
+        children: n
+      }
+    )
+  }
+) }));
+c.displayName = o.Content.displayName;
+const m = a.forwardRef(({ className: t, ...r }, n) => /* @__PURE__ */ e.jsx(
+  o.Item,
+  {
+    ref: n,
+    className: i(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      t
+    ),
+    ...r
+  }
+));
+m.displayName = o.Item.displayName;
+export {
+  x as DropdownMenu,
+  c as DropdownMenuContent,
+  y as DropdownMenuGroup,
+  m as DropdownMenuItem,
+  g as DropdownMenuSeparator,
+  w as DropdownMenuTrigger
+};
+//# sourceMappingURL=dropdown-menu.esm.js.map

package/dist/components/dropdown-menu.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.esm.js","sources":["../../src/components/dropdown-menu.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { cn } from \"@/lib/utils\"\nimport { motion } from \"framer-motion\"\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\nconst DropdownMenuSeparator = DropdownMenuPrimitive.Separator\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      {...props}\n    >\n      <motion.div\n        initial={{ opacity: 0, scale: 0.95 }}\n        animate={{ opacity: 1, scale: 1 }}\n        exit={{ opacity: 0, scale: 0.95 }}\n        transition={{ duration: 0.2 }}\n        className={cn(\n          \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\",\n          className\n        )}\n      >\n        {children}\n      </motion.div>\n    </DropdownMenuPrimitive.Content>\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuGroup,\n} "],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuSeparator","DropdownMenuContent","React","className","sideOffset","children","props","ref","jsx","motion","cn","DropdownMenuItem"],"mappings":";;;;;AAKA,MAAMA,IAAeC,EAAsB,MACrCC,IAAsBD,EAAsB,SAC5CE,IAAoBF,EAAsB,OAC1CG,IAAwBH,EAAsB,WAE9CI,IAAsBC,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,UAAAC,GAAU,GAAGC,KAASC,MACpDC,gBAAAA,EAAAA,IAACX,EAAsB,QAAtB,EACC,UAAAW,gBAAAA,EAAAA;AAAAA,EAACX,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAU;AAAA,IACA,YAAAH;AAAA,IACC,GAAGE;AAAA,IAEJ,UAAAE,gBAAAA,EAAAA;AAAAA,MAACC,EAAO;AAAA,MAAP;AAAA,QACC,SAAS,EAAE,SAAS,GAAG,OAAO,KAAA;AAAA,QAC9B,SAAS,EAAE,SAAS,GAAG,OAAO,EAAA;AAAA,QAC9B,MAAM,EAAE,SAAS,GAAG,OAAO,KAAA;AAAA,QAC3B,YAAY,EAAE,UAAU,IAAA;AAAA,QACxB,WAAWC;AAAA,UACT;AAAA,UACAP;AAAA,QAAA;AAAA,QAGD,UAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF,GACF,CACD;AACDJ,EAAoB,cAAcJ,EAAsB,QAAQ;AAEhE,MAAMc,IAAmBT,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGG,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACX,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAU;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAP;AAAA,IAAA;AAAA,IAED,GAAGG;AAAA,EAAA;AACN,CACD;AACDK,EAAiB,cAAcd,EAAsB,KAAK;"}

package/dist/components/dropdown-menu.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-BYECrxsp.cjs"),l=require("react"),m=require("@radix-ui/react-dropdown-menu"),i=require("../utils-DSKoFOjv.cjs"),f=require("framer-motion");function s(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=s(l),o=s(m),w=o.Root,x=o.Trigger,g=o.Group,M=o.Separator,u=c.forwardRef(({className:e,sideOffset:n=4,children:t,...r},p)=>a.jsxRuntimeExports.jsx(o.Portal,{children:a.jsxRuntimeExports.jsx(o.Content,{ref:p,sideOffset:n,...r,children:a.jsxRuntimeExports.jsx(f.motion.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2},className:i.cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",e),children:t})})}));u.displayName=o.Content.displayName;const d=c.forwardRef(({className:e,...n},t)=>a.jsxRuntimeExports.jsx(o.Item,{ref:t,className:i.cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...n}));d.displayName=o.Item.displayName;exports.DropdownMenu=w;exports.DropdownMenuContent=u;exports.DropdownMenuGroup=g;exports.DropdownMenuItem=d;exports.DropdownMenuSeparator=M;exports.DropdownMenuTrigger=x;
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/components/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","sources":["../../src/components/dropdown-menu.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { cn } from \"@/lib/utils\"\nimport { motion } from \"framer-motion\"\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\nconst DropdownMenuSeparator = DropdownMenuPrimitive.Separator\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      {...props}\n    >\n      <motion.div\n        initial={{ opacity: 0, scale: 0.95 }}\n        animate={{ opacity: 1, scale: 1 }}\n        exit={{ opacity: 0, scale: 0.95 }}\n        transition={{ duration: 0.2 }}\n        className={cn(\n          \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\",\n          className\n        )}\n      >\n        {children}\n      </motion.div>\n    </DropdownMenuPrimitive.Content>\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuGroup,\n} "],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuSeparator","DropdownMenuContent","React","className","sideOffset","children","props","ref","jsx","motion","cn","DropdownMenuItem"],"mappings":"4hBAKMA,EAAeC,EAAsB,KACrCC,EAAsBD,EAAsB,QAC5CE,EAAoBF,EAAsB,MAC1CG,EAAwBH,EAAsB,UAE9CI,EAAsBC,EAAM,WAGhC,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAa,EAAG,SAAAC,EAAU,GAAGC,GAASC,IACpDC,EAAAA,kBAAAA,IAACX,EAAsB,OAAtB,CACC,SAAAW,EAAAA,kBAAAA,IAACX,EAAsB,QAAtB,CACC,IAAAU,EACA,WAAAH,EACC,GAAGE,EAEJ,SAAAE,EAAAA,kBAAAA,IAACC,EAAAA,OAAO,IAAP,CACC,QAAS,CAAE,QAAS,EAAG,MAAO,GAAA,EAC9B,QAAS,CAAE,QAAS,EAAG,MAAO,CAAA,EAC9B,KAAM,CAAE,QAAS,EAAG,MAAO,GAAA,EAC3B,WAAY,CAAE,SAAU,EAAA,EACxB,UAAWC,EAAAA,GACT,uGACAP,CAAA,EAGD,SAAAE,CAAA,CAAA,CACH,CACF,EACF,CACD,EACDJ,EAAoB,YAAcJ,EAAsB,QAAQ,YAEhE,MAAMc,EAAmBT,EAAM,WAG7B,CAAC,CAAE,UAAAC,EAAW,GAAGG,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACX,EAAsB,KAAtB,CACC,IAAAU,EACA,UAAWG,EAAAA,GACT,kOACAP,CAAA,EAED,GAAGG,CAAA,CACN,CACD,EACDK,EAAiB,YAAcd,EAAsB,KAAK"}

package/dist/components/dropzone.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { DropzoneOptions } from 'react-dropzone';
+interface DropzoneProps {
+    onDrop: (acceptedFiles: File[]) => void;
+    children: ReactNode;
+    className?: string;
+    overlayClassName?: string;
+    dropzoneOptions?: Omit<DropzoneOptions, 'onDrop'>;
+    showOverlay?: boolean;
+}
+export declare function Dropzone({ onDrop, children, className, overlayClassName, dropzoneOptions, showOverlay, }: DropzoneProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/dropzone.esm.js

@@ -0,0 +1,45 @@
+import { j as e } from "../jsx-runtime-DGlMoOmv.js";
+import { useCallback as l } from "react";
+import { useDropzone as u } from "react-dropzone";
+import { Upload as x } from "lucide-react";
+function g({
+  onDrop: r,
+  children: o,
+  className: t = "",
+  overlayClassName: s = "",
+  dropzoneOptions: n,
+  showOverlay: i = !0
+}) {
+  const a = l((c) => {
+    r(c);
+  }, [r]), {
+    getRootProps: m,
+    getInputProps: p,
+    isDragActive: d
+  } = u({
+    onDrop: a,
+    noClick: !0,
+    // Don't trigger on click since we're using the area for other purposes
+    noKeyboard: !0,
+    ...n
+  });
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ...m(),
+      className: t,
+      children: [
+        /* @__PURE__ */ e.jsx("input", { ...p() }),
+        d && i && /* @__PURE__ */ e.jsx("div", { className: `absolute inset-0 bg-background/80 flex items-center justify-center z-10 pointer-events-none ${s}`, children: /* @__PURE__ */ e.jsxs("div", { className: "border-2 border-dashed border-primary rounded-lg p-8 text-center", children: [
+          /* @__PURE__ */ e.jsx(x, { className: "h-12 w-12 mb-2 text-primary mx-auto" }),
+          /* @__PURE__ */ e.jsx("p", { className: "text-base font-medium mb-1", children: "Drop files here" })
+        ] }) }),
+        o
+      ]
+    }
+  );
+}
+export {
+  g as Dropzone
+};
+//# sourceMappingURL=dropzone.esm.js.map

package/dist/components/dropzone.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone.esm.js","sources":["../../src/components/dropzone.tsx"],"sourcesContent":["import React, { ReactNode, useCallback } from 'react';\nimport { useDropzone, DropzoneOptions } from 'react-dropzone';\nimport { Upload } from 'lucide-react';\n\ninterface DropzoneProps {\n  onDrop: (acceptedFiles: File[]) => void;\n  children: ReactNode;\n  className?: string;\n  overlayClassName?: string;\n  dropzoneOptions?: Omit<DropzoneOptions, 'onDrop'>;\n  showOverlay?: boolean;\n}\n\nexport function Dropzone({\n  onDrop,\n  children,\n  className = \"\",\n  overlayClassName = \"\",\n  dropzoneOptions,\n  showOverlay = true,\n}: DropzoneProps) {\n  const handleDrop = useCallback((acceptedFiles: File[]) => {\n    onDrop(acceptedFiles);\n  }, [onDrop]);\n\n  const { \n    getRootProps, \n    getInputProps, \n    isDragActive \n  } = useDropzone({\n    onDrop: handleDrop,\n    noClick: true, // Don't trigger on click since we're using the area for other purposes\n    noKeyboard: true,\n    ...dropzoneOptions\n  });\n\n  return (\n    <div\n      {...getRootProps()}\n      className={className}\n    >\n      <input {...getInputProps()} />\n      \n      {isDragActive && showOverlay && (\n        <div className={`absolute inset-0 bg-background/80 flex items-center justify-center z-10 pointer-events-none ${overlayClassName}`}>\n          <div className=\"border-2 border-dashed border-primary rounded-lg p-8 text-center\">\n            <Upload className=\"h-12 w-12 mb-2 text-primary mx-auto\" />\n            <p className=\"text-base font-medium mb-1\">Drop files here</p>\n          </div>\n        </div>\n      )}\n      \n      {children}\n    </div>\n  );\n} "],"names":["Dropzone","onDrop","children","className","overlayClassName","dropzoneOptions","showOverlay","handleDrop","useCallback","acceptedFiles","getRootProps","getInputProps","isDragActive","useDropzone","jsxs","jsx","Upload"],"mappings":";;;;AAaO,SAASA,EAAS;AAAA,EACvB,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,iBAAAC;AAAA,EACA,aAAAC,IAAc;AAChB,GAAkB;AAChB,QAAMC,IAAaC,EAAY,CAACC,MAA0B;AACxD,IAAAR,EAAOQ,CAAa;AAAA,EACtB,GAAG,CAACR,CAAM,CAAC,GAEL;AAAA,IACJ,cAAAS;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAY;AAAA,IACd,QAAQN;AAAA,IACR,SAAS;AAAA;AAAA,IACT,YAAY;AAAA,IACZ,GAAGF;AAAA,EAAA,CACJ;AAED,SACES,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ,EAAA;AAAA,MACJ,WAAAP;AAAA,MAEA,UAAA;AAAA,QAAAY,gBAAAA,EAAAA,IAAC,SAAA,EAAO,GAAGJ,EAAA,EAAc,CAAG;AAAA,QAE3BC,KAAgBN,KACfS,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,+FAA+FX,CAAgB,IAC7H,UAAAU,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,oEACb,UAAA;AAAA,UAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAO,WAAU,sCAAA,CAAsC;AAAA,UACxDD,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,8BAA6B,UAAA,kBAAA,CAAe;AAAA,QAAA,EAAA,CAC3D,EAAA,CACF;AAAA,QAGDb;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/dropzone.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BYECrxsp.cjs"),d=require("react"),l=require("react-dropzone"),m=require("lucide-react");function j({onDrop:t,children:r,className:s="",overlayClassName:o="",dropzoneOptions:n,showOverlay:i=!0}){const u=d.useCallback(p=>{t(p)},[t]),{getRootProps:c,getInputProps:a,isDragActive:x}=l.useDropzone({onDrop:u,noClick:!0,noKeyboard:!0,...n});return e.jsxRuntimeExports.jsxs("div",{...c(),className:s,children:[e.jsxRuntimeExports.jsx("input",{...a()}),x&&i&&e.jsxRuntimeExports.jsx("div",{className:`absolute inset-0 bg-background/80 flex items-center justify-center z-10 pointer-events-none ${o}`,children:e.jsxRuntimeExports.jsxs("div",{className:"border-2 border-dashed border-primary rounded-lg p-8 text-center",children:[e.jsxRuntimeExports.jsx(m.Upload,{className:"h-12 w-12 mb-2 text-primary mx-auto"}),e.jsxRuntimeExports.jsx("p",{className:"text-base font-medium mb-1",children:"Drop files here"})]})}),r]})}exports.Dropzone=j;
+//# sourceMappingURL=dropzone.js.map

package/dist/components/dropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone.js","sources":["../../src/components/dropzone.tsx"],"sourcesContent":["import React, { ReactNode, useCallback } from 'react';\nimport { useDropzone, DropzoneOptions } from 'react-dropzone';\nimport { Upload } from 'lucide-react';\n\ninterface DropzoneProps {\n  onDrop: (acceptedFiles: File[]) => void;\n  children: ReactNode;\n  className?: string;\n  overlayClassName?: string;\n  dropzoneOptions?: Omit<DropzoneOptions, 'onDrop'>;\n  showOverlay?: boolean;\n}\n\nexport function Dropzone({\n  onDrop,\n  children,\n  className = \"\",\n  overlayClassName = \"\",\n  dropzoneOptions,\n  showOverlay = true,\n}: DropzoneProps) {\n  const handleDrop = useCallback((acceptedFiles: File[]) => {\n    onDrop(acceptedFiles);\n  }, [onDrop]);\n\n  const { \n    getRootProps, \n    getInputProps, \n    isDragActive \n  } = useDropzone({\n    onDrop: handleDrop,\n    noClick: true, // Don't trigger on click since we're using the area for other purposes\n    noKeyboard: true,\n    ...dropzoneOptions\n  });\n\n  return (\n    <div\n      {...getRootProps()}\n      className={className}\n    >\n      <input {...getInputProps()} />\n      \n      {isDragActive && showOverlay && (\n        <div className={`absolute inset-0 bg-background/80 flex items-center justify-center z-10 pointer-events-none ${overlayClassName}`}>\n          <div className=\"border-2 border-dashed border-primary rounded-lg p-8 text-center\">\n            <Upload className=\"h-12 w-12 mb-2 text-primary mx-auto\" />\n            <p className=\"text-base font-medium mb-1\">Drop files here</p>\n          </div>\n        </div>\n      )}\n      \n      {children}\n    </div>\n  );\n} "],"names":["Dropzone","onDrop","children","className","overlayClassName","dropzoneOptions","showOverlay","handleDrop","useCallback","acceptedFiles","getRootProps","getInputProps","isDragActive","useDropzone","jsxs","jsx","Upload"],"mappings":"wMAaO,SAASA,EAAS,CACvB,OAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,iBAAAC,EAAmB,GACnB,gBAAAC,EACA,YAAAC,EAAc,EAChB,EAAkB,CAChB,MAAMC,EAAaC,cAAaC,GAA0B,CACxDR,EAAOQ,CAAa,CACtB,EAAG,CAACR,CAAM,CAAC,EAEL,CACJ,aAAAS,EACA,cAAAC,EACA,aAAAC,CAAA,EACEC,cAAY,CACd,OAAQN,EACR,QAAS,GACT,WAAY,GACZ,GAAGF,CAAA,CACJ,EAED,OACES,EAAAA,kBAAAA,KAAC,MAAA,CACE,GAAGJ,EAAA,EACJ,UAAAP,EAEA,SAAA,CAAAY,EAAAA,kBAAAA,IAAC,QAAA,CAAO,GAAGJ,EAAA,CAAc,CAAG,EAE3BC,GAAgBN,GACfS,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAW,+FAA+FX,CAAgB,GAC7H,SAAAU,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,mEACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CAAO,UAAU,qCAAA,CAAsC,EACxDD,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,6BAA6B,SAAA,iBAAA,CAAe,CAAA,CAAA,CAC3D,CAAA,CACF,EAGDb,CAAA,CAAA,CAAA,CAGP"}

package/dist/components/image-cropper-modal.d.ts

@@ -0,0 +1,10 @@
+interface ImageCropperModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    imageSrc: string | null;
+    onCrop: (croppedImage: string) => void;
+    title?: string;
+    outputSize?: number;
+}
+export declare function ImageCropperModal({ isOpen, onClose, imageSrc, onCrop, title, outputSize }: ImageCropperModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/image-cropper-modal.esm.js

@@ -0,0 +1,251 @@
+import { j as s } from "../jsx-runtime-DGlMoOmv.js";
+import { useState as p, useRef as $, useCallback as h, useEffect as L } from "react";
+import { Button as R } from "./button.esm.js";
+import { Modal as W } from "./modal.esm.js";
+import { Label as q } from "./label.esm.js";
+import { RotateCcw as T, X as K, Check as F } from "lucide-react";
+function _({
+  isOpen: m,
+  onClose: b,
+  imageSrc: u,
+  onCrop: I,
+  title: E = "Crop Your Image",
+  outputSize: d = 200
+}) {
+  const [t, x] = p({ x: 0, y: 0, size: 100 }), [z, v] = p(!1), [M, y] = p(!1), [N, P] = p({ x: 0, y: 0 }), [r, X] = p({ width: 0, height: 0 }), k = $(null), f = $(null), U = h(() => {
+    if (f.current) {
+      const e = f.current, i = 400, a = e.naturalWidth / e.naturalHeight;
+      let n, o;
+      a > 1 ? (n = i, o = i / a) : (o = i, n = i * a), X({ width: n, height: o });
+      const l = Math.min(n, o) * 0.6;
+      x({
+        x: (n - l) / 2,
+        y: (o - l) / 2,
+        size: l
+      });
+    }
+  }, []), w = h((e, i) => {
+    e.preventDefault();
+    const a = e.currentTarget.getBoundingClientRect(), n = e.clientX - a.left, o = e.clientY - a.top;
+    if (i === "resize") {
+      y(!0);
+      const l = t.x + t.size / 2, g = t.y + t.size / 2, c = Math.sqrt((n - l) ** 2 + (o - g) ** 2);
+      P({ x: c, y: 0 });
+    } else
+      v(!0), P({ x: n - t.x, y: o - t.y });
+  }, [t]), A = h((e) => {
+    if (!z && !M) return;
+    const i = e.currentTarget.getBoundingClientRect(), a = e.clientX - i.left, n = e.clientY - i.top;
+    if (M) {
+      const o = t.x + t.size / 2, l = t.y + t.size / 2, g = Math.sqrt((a - o) ** 2 + (n - l) ** 2), c = Math.max(50, Math.min(Math.min(r.width, r.height), g * 2));
+      x({
+        x: Math.max(0, Math.min(r.width - c, o - c / 2)),
+        y: Math.max(0, Math.min(r.height - c, l - c / 2)),
+        size: c
+      });
+    } else if (z) {
+      const o = a - N.x, l = n - N.y, g = r.width - t.size, c = r.height - t.size;
+      x((D) => ({
+        ...D,
+        x: Math.max(0, Math.min(g, o)),
+        y: Math.max(0, Math.min(c, l))
+      }));
+    }
+  }, [z, M, N, r, t]), Y = h(() => {
+    v(!1), y(!1);
+  }, []), B = h(() => {
+    if (r.width && r.height) {
+      const e = Math.min(r.width, r.height) * 0.6;
+      x({
+        x: (r.width - e) / 2,
+        y: (r.height - e) / 2,
+        size: e
+      });
+    }
+  }, [r]), H = h(() => {
+    if (!k.current || !f.current) return;
+    const e = k.current, i = e.getContext("2d");
+    if (!i) return;
+    const a = f.current;
+    e.width = d, e.height = d;
+    const n = a.naturalWidth / r.width, o = a.naturalHeight / r.height, l = t.x * n, g = t.y * o, c = t.size * Math.min(n, o);
+    i.beginPath(), i.arc(d / 2, d / 2, d / 2, 0, Math.PI * 2), i.clip(), i.drawImage(
+      a,
+      l,
+      g,
+      c,
+      c,
+      0,
+      0,
+      d,
+      d
+    );
+    const D = e.toDataURL("image/png");
+    I(D), b();
+  }, [t, r, I, b, d]), j = h(() => {
+    v(!1), y(!1), x({ x: 0, y: 0, size: 100 }), b();
+  }, [b]), C = h((e) => {
+    e.key === "Escape" && m && (e.stopPropagation(), j());
+  }, [m, j]);
+  return L(() => {
+    if (m)
+      return document.addEventListener("keydown", C, !0), () => document.removeEventListener("keydown", C, !0);
+  }, [m, C]), L(() => {
+    m && u && (v(!1), y(!1), X({ width: 0, height: 0 }));
+  }, [m, u]), u ? /* @__PURE__ */ s.jsx(
+    W,
+    {
+      isOpen: m,
+      onClose: j,
+      title: E,
+      size: "2xl",
+      zIndexClassName: "z-[60]",
+      footer: /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between w-full", children: [
+        /* @__PURE__ */ s.jsxs(
+          R,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: B,
+            className: "flex items-center gap-2",
+            children: [
+              /* @__PURE__ */ s.jsx(T, { className: "h-4 w-4" }),
+              "Reset"
+            ]
+          }
+        ),
+        /* @__PURE__ */ s.jsxs("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ s.jsxs(R, { variant: "outline", onClick: j, children: [
+            /* @__PURE__ */ s.jsx(K, { className: "h-4 w-4 mr-2" }),
+            "Cancel"
+          ] }),
+          /* @__PURE__ */ s.jsxs(R, { onClick: H, children: [
+            /* @__PURE__ */ s.jsx(F, { className: "h-4 w-4 mr-2" }),
+            "Crop Image"
+          ] })
+        ] })
+      ] }),
+      children: /* @__PURE__ */ s.jsxs("div", { className: "p-6", children: [
+        /* @__PURE__ */ s.jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ s.jsx("div", { className: "text-center", children: /* @__PURE__ */ s.jsx("p", { className: "text-sm text-muted-foreground", children: "Drag the circle to move • Drag corners to resize • Click reset to center" }) }),
+          /* @__PURE__ */ s.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ s.jsxs(
+            "div",
+            {
+              className: "relative bg-gray-100 rounded-xl overflow-hidden select-none border",
+              style: { width: r.width, height: r.height },
+              onMouseMove: A,
+              onMouseUp: Y,
+              onMouseLeave: Y,
+              children: [
+                /* @__PURE__ */ s.jsx(
+                  "img",
+                  {
+                    ref: f,
+                    src: u,
+                    alt: "Crop preview",
+                    className: "block",
+                    style: { width: r.width, height: r.height },
+                    onLoad: U,
+                    draggable: !1
+                  }
+                ),
+                /* @__PURE__ */ s.jsxs(
+                  "div",
+                  {
+                    className: "absolute border-2 border-white rounded-full shadow-lg cursor-move",
+                    style: {
+                      left: t.x,
+                      top: t.y,
+                      width: t.size,
+                      height: t.size
+                    },
+                    onMouseDown: (e) => w(e, "move"),
+                    children: [
+                      /* @__PURE__ */ s.jsx("div", { className: "w-full h-full rounded-full border-2 border-primary border-dashed" }),
+                      /* @__PURE__ */ s.jsx(
+                        "div",
+                        {
+                          className: "absolute w-5 h-5 bg-white border-2 border-primary rounded-full shadow-lg cursor-nw-resize -top-2.5 -right-2.5 hover:bg-primary hover:border-white transition-colors flex items-center justify-center",
+                          onMouseDown: (e) => {
+                            e.stopPropagation(), w(e, "resize");
+                          },
+                          children: /* @__PURE__ */ s.jsx("div", { className: "w-1.5 h-1.5 bg-primary rounded-full hover:bg-white transition-colors" })
+                        }
+                      ),
+                      /* @__PURE__ */ s.jsx(
+                        "div",
+                        {
+                          className: "absolute w-5 h-5 bg-white border-2 border-primary rounded-full shadow-lg cursor-ne-resize -bottom-2.5 -right-2.5 hover:bg-primary hover:border-white transition-colors flex items-center justify-center",
+                          onMouseDown: (e) => {
+                            e.stopPropagation(), w(e, "resize");
+                          },
+                          children: /* @__PURE__ */ s.jsx("div", { className: "w-1.5 h-1.5 bg-primary rounded-full hover:bg-white transition-colors" })
+                        }
+                      ),
+                      /* @__PURE__ */ s.jsx(
+                        "div",
+                        {
+                          className: "absolute w-5 h-5 bg-white border-2 border-primary rounded-full shadow-lg cursor-sw-resize -bottom-2.5 -left-2.5 hover:bg-primary hover:border-white transition-colors flex items-center justify-center",
+                          onMouseDown: (e) => {
+                            e.stopPropagation(), w(e, "resize");
+                          },
+                          children: /* @__PURE__ */ s.jsx("div", { className: "w-1.5 h-1.5 bg-primary rounded-full hover:bg-white transition-colors" })
+                        }
+                      ),
+                      /* @__PURE__ */ s.jsx(
+                        "div",
+                        {
+                          className: "absolute w-5 h-5 bg-white border-2 border-primary rounded-full shadow-lg cursor-se-resize -top-2.5 -left-2.5 hover:bg-primary hover:border-white transition-colors flex items-center justify-center",
+                          onMouseDown: (e) => {
+                            e.stopPropagation(), w(e, "resize");
+                          },
+                          children: /* @__PURE__ */ s.jsx("div", { className: "w-1.5 h-1.5 bg-primary rounded-full hover:bg-white transition-colors" })
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ s.jsx(
+                  "div",
+                  {
+                    className: "absolute inset-0 bg-black/50 pointer-events-none",
+                    style: {
+                      clipPath: `circle(${t.size / 2}px at ${t.x + t.size / 2}px ${t.y + t.size / 2}px)`
+                    }
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ s.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ s.jsxs("div", { className: "text-center", children: [
+            /* @__PURE__ */ s.jsx(q, { className: "text-xs font-medium text-muted-foreground mb-2 block", children: "Preview" }),
+            /* @__PURE__ */ s.jsx(
+              "div",
+              {
+                className: "rounded-full border-2 border-border bg-background overflow-hidden mx-auto",
+                style: { width: 80, height: 80 },
+                children: /* @__PURE__ */ s.jsx(
+                  "div",
+                  {
+                    className: "w-full h-full bg-gray-100",
+                    style: {
+                      backgroundImage: `url(${u})`,
+                      backgroundSize: `${r.width / t.size * 80}px ${r.height / t.size * 80}px`,
+                      backgroundPosition: `-${t.x / t.size * 80}px -${t.y / t.size * 80}px`,
+                      backgroundRepeat: "no-repeat"
+                    }
+                  }
+                )
+              }
+            )
+          ] }) })
+        ] }),
+        /* @__PURE__ */ s.jsx("canvas", { ref: k, className: "hidden" })
+      ] })
+    }
+  ) : null;
+}
+export {
+  _ as ImageCropperModal
+};
+//# sourceMappingURL=image-cropper-modal.esm.js.map