@incognia/cosmik 0.6.2-beta.5 → 0.6.2-beta.7

package/dist/index.es7.js

@@ -1,135 +1,93 @@
-import { j as g } from "./index.es13.js";
-import { Slot as s } from "@radix-ui/react-slot";
-import { cva as b } from "class-variance-authority";
-import * as c from "react";
-import { cn as m } from "./index.es14.js";
-const f = b(
-  "inline-flex items-center justify-center rounded-full text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",
+import { j as o } from "./index.es11.js";
+import * as a from "@radix-ui/react-dialog";
+import { X as m } from "lucide-react";
+import * as l from "react";
+import { buttonVariants as p } from "./index.es6.js";
+import { cn as i } from "./index.es12.js";
+const h = a.Root, v = a.Trigger, c = a.Portal, n = l.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ o.jsx(
+  a.Overlay,
   {
-    variants: {
-      variant: {
-        filled: "",
-        outline: "border",
-        ghost: "",
-        link: ""
-      },
-      intent: {
-        primary: "",
-        secondary: "",
-        warning: "",
-        danger: ""
-      },
-      size: {
-        md: "h-40 min-w-96 px-24",
-        sm: "h-32 px-16",
-        icon: "h-32 w-32",
-        "fit-content": ""
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "filled",
-        intent: "primary",
-        className: "bg-robinblue-500 text-white fill-white hover:bg-robinblue-600 focus:bg-robinblue-600 active:bg-robinblue-700"
-      },
-      {
-        variant: "filled",
-        intent: "secondary",
-        className: "bg-gray-900-8 text-gray-900 fill-gray-900 hover:bg-gray-900-12 focus:bg-gray-900-12 active:bg-gray-900-16"
-      },
-      {
-        variant: "filled",
-        intent: "warning",
-        className: "bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700"
-      },
-      {
-        variant: "filled",
-        intent: "danger",
-        className: "bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700"
-      },
-      {
-        variant: "outline",
-        intent: "primary",
-        className: "text-robinblue-500 fill-robinblue-500 border-robinblue-500"
-      },
-      {
-        variant: "outline",
-        intent: "secondary",
-        className: "text-gray-700 fill-gray-700 border-gray-900-24 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12"
-      },
-      {
-        variant: "outline",
-        intent: "warning",
-        className: "text-yellow-500 fill-yellow-500 border-yellow-500"
-      },
-      {
-        variant: "outline",
-        intent: "danger",
-        className: "text-magenta-500 fill-magenta-500 border-magenta-500"
-      },
-      {
-        variant: ["outline", "ghost"],
-        intent: "primary",
-        className: "hover:bg-robinblue-500-8 focus:bg-robinblue-500-8 active:bg-robinblue-500-12"
-      },
-      {
-        variant: ["outline", "ghost"],
-        intent: "secondary",
-        className: "hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12"
-      },
-      {
-        variant: ["outline", "ghost"],
-        intent: "warning",
-        className: "hover:bg-yellow-500-8 focus:bg-yellow-500-8 active:bg-yellow-500-12"
-      },
-      {
-        variant: ["outline", "ghost"],
-        intent: "danger",
-        className: "hover:bg-magenta-500-8 focus:bg-magenta-500-8 active:bg-magenta-500-12"
-      },
-      {
-        variant: ["ghost", "link"],
-        intent: "primary",
-        className: "text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-text-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700"
-      },
-      {
-        variant: ["ghost", "link"],
-        intent: "secondary",
-        className: "text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 "
-      },
-      {
-        variant: ["ghost", "link"],
-        intent: "warning",
-        className: "text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700"
-      },
-      {
-        variant: ["ghost", "link"],
-        intent: "danger",
-        className: "text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700"
-      }
-    ],
-    defaultVariants: {
-      variant: "filled",
-      intent: "primary",
-      size: "md"
-    }
+    ref: s,
+    className: i(
+      "fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm overflow-y-auto max-h-screen data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      t
+    ),
+    ...e
   }
-), u = c.forwardRef(
-  ({ className: e, variant: t, intent: a, size: i, asChild: n = !1, ...l }, r) => {
-    const o = n ? s : "button";
-    return /* @__PURE__ */ g.jsx(
-      o,
-      {
-        className: m(f({ variant: t, intent: a, size: i, className: e })),
-        ref: r,
-        ...l
-      }
-    );
+));
+n.displayName = a.Overlay.displayName;
+const f = l.forwardRef(({ className: t, children: e, hideCloseIcon: s, ...d }, r) => /* @__PURE__ */ o.jsx(c, { children: /* @__PURE__ */ o.jsx(n, { children: /* @__PURE__ */ o.jsxs(
+  a.Content,
+  {
+    ref: r,
+    className: i(
+      "fixed z-50 text-left bg-white border-0 rounded grid shadow-200 select-text min-w-[384px] left-[50%] translate-x-[-50%] top-24 font-normal p-24 duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+      t
+    ),
+    ...d,
+    children: [
+      e,
+      !s && /* @__PURE__ */ o.jsxs(
+        a.Close,
+        {
+          className: i(
+            p({
+              variant: "link",
+              intent: "secondary",
+              size: "icon"
+            }),
+            "absolute right-8 top-8 disabled:pointer-events-none h-24 w-24"
+          ),
+          children: [
+            /* @__PURE__ */ o.jsx(m, {}),
+            /* @__PURE__ */ o.jsx("span", { className: "sr-only", children: "Close" })
+          ]
+        }
+      )
+    ]
+  }
+) }) }));
+f.displayName = a.Content.displayName;
+const x = ({ className: t, ...e }) => /* @__PURE__ */ o.jsx("div", { className: i("mb-16", t), ...e });
+x.displayName = "DialogHeader";
+const g = ({ className: t, ...e }) => /* @__PURE__ */ o.jsx(
+  "div",
+  {
+    className: i(
+      "flex justify-end gap-8 mx-[-8px] mb-[-8px] mt-24",
+      t
+    ),
+    ...e
   }
 );
-u.displayName = "Button";
+g.displayName = "DialogFooter";
+const y = l.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ o.jsx(
+  a.Title,
+  {
+    ref: s,
+    className: i("font-medium text-lg text-gray-800", t),
+    ...e
+  }
+));
+y.displayName = a.Title.displayName;
+const N = l.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ o.jsx(
+  a.Description,
+  {
+    ref: s,
+    className: i("mt-8 text-base text-gray-900", t),
+    ...e
+  }
+));
+N.displayName = a.Description.displayName;
 export {
-  u as Button,
-  f as buttonVariants
+  h as Dialog,
+  f as DialogContent,
+  N as DialogDescription,
+  g as DialogFooter,
+  x as DialogHeader,
+  n as DialogOverlay,
+  c as DialogPortal,
+  y as DialogTitle,
+  v as DialogTrigger
 };
 //# sourceMappingURL=index.es7.js.map

package/dist/index.es7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es7.js","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center rounded-full text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n  {\n    variants: {\n      variant: {\n        filled: '',\n        outline: 'border',\n        ghost: '',\n        link: ''\n      },\n      intent: {\n        primary: '',\n        secondary: '',\n        warning: '',\n        danger: ''\n      },\n      size: {\n        md: 'h-40 min-w-96 px-24',\n        sm: 'h-32 px-16',\n        icon: 'h-32 w-32',\n        'fit-content': ''\n      }\n    },\n    compoundVariants: [\n      {\n        variant: 'filled',\n        intent: 'primary',\n        className:\n          'bg-robinblue-500 text-white fill-white hover:bg-robinblue-600 focus:bg-robinblue-600 active:bg-robinblue-700'\n      },\n      {\n        variant: 'filled',\n        intent: 'secondary',\n        className:\n          'bg-gray-900-8 text-gray-900 fill-gray-900 hover:bg-gray-900-12 focus:bg-gray-900-12 active:bg-gray-900-16'\n      },\n      {\n        variant: 'filled',\n        intent: 'warning',\n        className:\n          'bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700'\n      },\n      {\n        variant: 'filled',\n        intent: 'danger',\n        className:\n          'bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700'\n      },\n      {\n        variant: 'outline',\n        intent: 'primary',\n        className: 'text-robinblue-500 fill-robinblue-500 border-robinblue-500'\n      },\n      {\n        variant: 'outline',\n        intent: 'secondary',\n        className:\n          'text-gray-700 fill-gray-700 border-gray-900-24 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12'\n      },\n      {\n        variant: 'outline',\n        intent: 'warning',\n        className: 'text-yellow-500 fill-yellow-500 border-yellow-500'\n      },\n      {\n        variant: 'outline',\n        intent: 'danger',\n        className: 'text-magenta-500 fill-magenta-500 border-magenta-500'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'primary',\n        className:\n          'hover:bg-robinblue-500-8 focus:bg-robinblue-500-8 active:bg-robinblue-500-12'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'secondary',\n        className:\n          'hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'warning',\n        className:\n          'hover:bg-yellow-500-8 focus:bg-yellow-500-8 active:bg-yellow-500-12'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'danger',\n        className:\n          'hover:bg-magenta-500-8 focus:bg-magenta-500-8 active:bg-magenta-500-12'\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'primary',\n        className:\n          'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-text-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700'\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'secondary',\n        className:\n          'text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 '\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'warning',\n        className:\n          'text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700'\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'danger',\n        className:\n          'text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700'\n      }\n    ],\n    defaultVariants: {\n      variant: 'filled',\n      intent: 'primary',\n      size: 'md'\n    }\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, intent, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button'\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, intent, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","React","className","variant","intent","size","asChild","props","ref","Comp","Slot","jsx","cn"],"mappings":";;;;;AAKA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS,CAAC,WAAW,OAAO;AAAA,QAC5B,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,WAAW,OAAO;AAAA,QAC5B,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,WAAW,OAAO;AAAA,QAC5B,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,WAAW,OAAO;AAAA,QAC5B,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,SAAS,MAAM;AAAA,QACzB,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,SAAS,MAAM;AAAA,QACzB,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,SAAS,MAAM;AAAA,QACzB,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,CAAC,SAAS,MAAM;AAAA,QACzB,QAAQ;AAAA,QACR,WACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAQMC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,QAAAC,GAAQ,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAAQ;AAClE,UAAAC,IAAOH,IAAUI,IAAO;AAE5B,WAAAC,gBAAAA,EAAA;AAAA,MAACF;AAAA,MAAA;AAAA,QACC,WAAWG,EAAGd,EAAe,EAAE,SAAAK,GAAS,QAAAC,GAAQ,MAAAC,GAAM,WAAAH,EAAU,CAAC,CAAC;AAAA,QAClE,KAAAM;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAP,EAAO,cAAc;"}
+{"version":3,"file":"index.es7.js","sources":["../src/Dialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\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    className={cn(\n      'fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm overflow-y-auto max-h-screen data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\ntype DialogContentProps = DialogPrimitive.DialogContentProps & {\n  hideCloseIcon?: boolean\n}\n\ntype DialogContentType = React.ForwardRefExoticComponent<\n  DialogContentProps & React.RefAttributes<HTMLDivElement>\n>\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<DialogContentType>,\n  React.ComponentPropsWithoutRef<DialogContentType>\n>(({ className, children, hideCloseIcon, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay>\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          'fixed z-50 text-left bg-white border-0 rounded grid shadow-200 select-text min-w-[384px] left-[50%] translate-x-[-50%] top-24 font-normal p-24 duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {!hideCloseIcon && (\n          <DialogPrimitive.Close\n            className={cn(\n              buttonVariants({\n                variant: 'link',\n                intent: 'secondary',\n                size: 'icon'\n              }),\n              'absolute right-8 top-8 disabled:pointer-events-none h-24 w-24'\n            )}\n          >\n            <X />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogOverlay>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = (\n  { className, ...props }: React.HTMLAttributes<HTMLDivElement>\n) => <div className={cn('mb-16', className)} {...props} />\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = (\n  { className, ...props }: React.HTMLAttributes<HTMLDivElement>\n) => (\n  <div\n    className={cn(\n      'flex justify-end gap-8 mx-[-8px] mb-[-8px] mt-24',\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('font-medium text-lg text-gray-800', className)}\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('mt-8 text-base text-gray-900', className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger\n}\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","hideCloseIcon","jsxs","buttonVariants","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;;;AAQA,MAAMA,IAASC,EAAgB,MAEzBC,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACR,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcH,EAAgB,QAAQ;AAUpD,MAAMU,IAAgBN,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,eAAAC,GAAe,GAAGN,KAASC,MAClDC,gBAAAA,EAAAA,IAAAN,GAAA,EACC,gCAACC,GACC,EAAA,UAAAU,gBAAAA,EAAA;AAAA,EAACb,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEH,UAAA;AAAA,MAAAK;AAAA,MACA,CAACC,KACAC,gBAAAA,EAAA;AAAA,QAACb,EAAgB;AAAA,QAAhB;AAAA,UACC,WAAWS;AAAA,YACTK,EAAe;AAAA,cACb,SAAS;AAAA,cACT,QAAQ;AAAA,cACR,MAAM;AAAA,YAAA,CACP;AAAA,YACD;AAAA,UACF;AAAA,UAEA,UAAA;AAAA,YAAAN,gBAAAA,EAAA,IAACO,GAAE,EAAA;AAAA,YACFP,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,WAAU,UAAK,SAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACjC;AAAA,IAAA;AAAA,EAAA;AAEJ,EACF,CAAA,EACF,CAAA,CACD;AACDE,EAAc,cAAcV,EAAgB,QAAQ;AAEpD,MAAMgB,IAAe,CACnB,EAAE,WAAAX,GAAW,GAAGC,EAAM,MAClBE,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWC,EAAG,SAASJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AACxDU,EAAa,cAAc;AAE3B,MAAMC,IAAe,CACnB,EAAE,WAAAZ,GAAW,GAAGC,EAEhB,MAAAE,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFW,EAAa,cAAc;AAErB,MAAAC,IAAcd,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACR,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,qCAAqCJ,CAAS;AAAA,IAC3D,GAAGC;AAAA,EAAA;AACN,CACD;AACDY,EAAY,cAAclB,EAAgB,MAAM;AAE1C,MAAAmB,IAAoBf,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACR,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,gCAAgCJ,CAAS;AAAA,IACtD,GAAGC;AAAA,EAAA;AACN,CACD;AACDa,EAAkB,cAAcnB,EAAgB,YAAY;"}

package/dist/index.es8.js

@@ -1,93 +1,137 @@
-import { j as o } from "./index.es13.js";
-import * as a from "@radix-ui/react-dialog";
-import { X as m } from "lucide-react";
-import * as l from "react";
-import { buttonVariants as p } from "./index.es7.js";
-import { cn as i } from "./index.es14.js";
-const h = a.Root, v = a.Trigger, c = a.Portal, n = l.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ o.jsx(
-  a.Overlay,
+import { j as o } from "./index.es11.js";
+import * as e from "@radix-ui/react-dropdown-menu";
+import { ChevronRight as l, Check as m, Circle as p } from "lucide-react";
+import * as d from "react";
+import { cn as n } from "./index.es12.js";
+const M = e.Root, R = e.Trigger, I = e.Group, S = e.Portal, C = e.Sub, v = e.RadioGroup, c = d.forwardRef(({ className: t, inset: a, children: s, ...r }, i) => /* @__PURE__ */ o.jsxs(
+  e.SubTrigger,
+  {
+    ref: i,
+    className: n(
+      "flex cursor-default select-none items-center rounded-small pl-8 py-8 text-base outline-none focus:bg-gray-900-8 data-[state=open]:bg-gray-900-8",
+      a && "pl-32",
+      t
+    ),
+    ...r,
+    children: [
+      s,
+      /* @__PURE__ */ o.jsx(l, { className: "ml-auto mr-4 h-16 w-16" })
+    ]
+  }
+));
+c.displayName = e.SubTrigger.displayName;
+const u = d.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o.jsx(
+  e.SubContent,
   {
     ref: s,
-    className: i(
-      "fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm overflow-y-auto max-h-screen data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+    className: n(
+      "z-50 min-w-[8rem] overflow-hidden rounded-[6px] border border-gray-900-8 bg-white p-2 text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2",
       t
     ),
-    ...e
+    ...a
   }
 ));
-n.displayName = a.Overlay.displayName;
-const f = l.forwardRef(({ className: t, children: e, hideCloseIcon: s, ...d }, r) => /* @__PURE__ */ o.jsx(c, { children: /* @__PURE__ */ o.jsx(n, { children: /* @__PURE__ */ o.jsxs(
-  a.Content,
+u.displayName = e.SubContent.displayName;
+const f = d.forwardRef(({ className: t, sideOffset: a = 4, ...s }, r) => /* @__PURE__ */ o.jsx(e.Portal, { children: /* @__PURE__ */ o.jsx(
+  e.Content,
   {
     ref: r,
-    className: i(
-      "fixed z-50 text-left bg-white border-0 rounded grid shadow-200 select-text min-w-[384px] left-[50%] translate-x-[-50%] top-24 font-normal p-24 duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+    sideOffset: a,
+    className: n(
+      "z-50 min-w-[8rem] overflow-hidden rounded-[6px] border border-gray-900-8 bg-white p-2 text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2",
+      t
+    ),
+    ...s
+  }
+) }));
+f.displayName = e.Content.displayName;
+const x = d.forwardRef(({ className: t, inset: a, ...s }, r) => /* @__PURE__ */ o.jsx(
+  e.Item,
+  {
+    ref: r,
+    className: n(
+      "relative flex cursor-default select-none items-center rounded-small px-8 py-8 text-base outline-none transition-colors focus:bg-gray-900-8 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
+      a && "pl-[2rem]",
+      t
+    ),
+    ...s
+  }
+));
+x.displayName = e.Item.displayName;
+const b = d.forwardRef(({ className: t, children: a, checked: s, ...r }, i) => /* @__PURE__ */ o.jsxs(
+  e.CheckboxItem,
+  {
+    ref: i,
+    className: n(
+      "relative flex cursor-default select-none items-center rounded-[2px] py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-900-8 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
       t
     ),
-    ...d,
+    checked: s,
+    ...r,
     children: [
-      e,
-      !s && /* @__PURE__ */ o.jsxs(
-        a.Close,
-        {
-          className: i(
-            p({
-              variant: "link",
-              intent: "secondary",
-              size: "icon"
-            }),
-            "absolute right-8 top-8 disabled:pointer-events-none h-24 w-24"
-          ),
-          children: [
-            /* @__PURE__ */ o.jsx(m, {}),
-            /* @__PURE__ */ o.jsx("span", { className: "sr-only", children: "Close" })
-          ]
-        }
-      )
+      /* @__PURE__ */ o.jsx("span", { className: "absolute left-8 flex h-[14px] w-[14px] items-center justify-center", children: /* @__PURE__ */ o.jsx(e.ItemIndicator, { children: /* @__PURE__ */ o.jsx(m, { className: "h-16 w-16" }) }) }),
+      a
     ]
   }
-) }) }));
-f.displayName = a.Content.displayName;
-const x = ({ className: t, ...e }) => /* @__PURE__ */ o.jsx("div", { className: i("mb-16", t), ...e });
-x.displayName = "DialogHeader";
-const g = ({ className: t, ...e }) => /* @__PURE__ */ o.jsx(
-  "div",
+));
+b.displayName = e.CheckboxItem.displayName;
+const y = d.forwardRef(({ className: t, children: a, ...s }, r) => /* @__PURE__ */ o.jsxs(
+  e.RadioItem,
   {
-    className: i(
-      "flex justify-end gap-8 mx-[-8px] mb-[-8px] mt-24",
+    ref: r,
+    className: n(
+      "relative flex cursor-default select-none items-center rounded-[2px] py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-900-8 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
       t
     ),
-    ...e
+    ...s,
+    children: [
+      /* @__PURE__ */ o.jsx("span", { className: "absolute left-8 flex h-[14px] w-[14px] items-center justify-center", children: /* @__PURE__ */ o.jsx(e.ItemIndicator, { children: /* @__PURE__ */ o.jsx(p, { className: "h-8 w-8 fill-gray-900" }) }) }),
+      a
+    ]
   }
-);
-g.displayName = "DialogFooter";
-const y = l.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ o.jsx(
-  a.Title,
+));
+y.displayName = e.RadioItem.displayName;
+const w = d.forwardRef(({ className: t, inset: a, ...s }, r) => /* @__PURE__ */ o.jsx(
+  e.Label,
   {
-    ref: s,
-    className: i("font-medium text-lg text-gray-800", t),
-    ...e
+    ref: r,
+    className: n("p-8 text-base font-medium", a && "pl-32", t),
+    ...s
   }
 ));
-y.displayName = a.Title.displayName;
-const N = l.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ o.jsx(
-  a.Description,
+w.displayName = e.Label.displayName;
+const g = d.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o.jsx(
+  e.Separator,
   {
     ref: s,
-    className: i("mt-8 text-base text-gray-900", t),
-    ...e
+    className: n("-mx-2 my-2 h-[1px] bg-gray-900-8", t),
+    ...a
   }
 ));
-N.displayName = a.Description.displayName;
+g.displayName = e.Separator.displayName;
+const h = ({ className: t, ...a }) => /* @__PURE__ */ o.jsx(
+  "span",
+  {
+    className: n("ml-auto text-xs tracking-widest opacity-40", t),
+    ...a
+  }
+);
+h.displayName = "DropdownMenuShortcut";
 export {
-  h as Dialog,
-  f as DialogContent,
-  N as DialogDescription,
-  g as DialogFooter,
-  x as DialogHeader,
-  n as DialogOverlay,
-  c as DialogPortal,
-  y as DialogTitle,
-  v as DialogTrigger
+  M as DropdownMenu,
+  b as DropdownMenuCheckboxItem,
+  f as DropdownMenuContent,
+  I as DropdownMenuGroup,
+  x as DropdownMenuItem,
+  w as DropdownMenuLabel,
+  S as DropdownMenuPortal,
+  v as DropdownMenuRadioGroup,
+  y as DropdownMenuRadioItem,
+  g as DropdownMenuSeparator,
+  h as DropdownMenuShortcut,
+  C as DropdownMenuSub,
+  u as DropdownMenuSubContent,
+  c as DropdownMenuSubTrigger,
+  R as DropdownMenuTrigger
 };
 //# sourceMappingURL=index.es8.js.map

package/dist/index.es8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es8.js","sources":["../src/Dialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\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    className={cn(\n      'fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm overflow-y-auto max-h-screen data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\ntype DialogContentProps = DialogPrimitive.DialogContentProps & {\n  hideCloseIcon?: boolean\n}\n\ntype DialogContentType = React.ForwardRefExoticComponent<\n  DialogContentProps & React.RefAttributes<HTMLDivElement>\n>\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<DialogContentType>,\n  React.ComponentPropsWithoutRef<DialogContentType>\n>(({ className, children, hideCloseIcon, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay>\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          'fixed z-50 text-left bg-white border-0 rounded grid shadow-200 select-text min-w-[384px] left-[50%] translate-x-[-50%] top-24 font-normal p-24 duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {!hideCloseIcon && (\n          <DialogPrimitive.Close\n            className={cn(\n              buttonVariants({\n                variant: 'link',\n                intent: 'secondary',\n                size: 'icon'\n              }),\n              'absolute right-8 top-8 disabled:pointer-events-none h-24 w-24'\n            )}\n          >\n            <X />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogOverlay>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = (\n  { className, ...props }: React.HTMLAttributes<HTMLDivElement>\n) => <div className={cn('mb-16', className)} {...props} />\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = (\n  { className, ...props }: React.HTMLAttributes<HTMLDivElement>\n) => (\n  <div\n    className={cn(\n      'flex justify-end gap-8 mx-[-8px] mb-[-8px] mt-24',\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('font-medium text-lg text-gray-800', className)}\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('mt-8 text-base text-gray-900', className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger\n}\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","hideCloseIcon","jsxs","buttonVariants","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;;;AAQA,MAAMA,IAASC,EAAgB,MAEzBC,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACR,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcH,EAAgB,QAAQ;AAUpD,MAAMU,IAAgBN,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,eAAAC,GAAe,GAAGN,KAASC,MAClDC,gBAAAA,EAAAA,IAAAN,GAAA,EACC,gCAACC,GACC,EAAA,UAAAU,gBAAAA,EAAA;AAAA,EAACb,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEH,UAAA;AAAA,MAAAK;AAAA,MACA,CAACC,KACAC,gBAAAA,EAAA;AAAA,QAACb,EAAgB;AAAA,QAAhB;AAAA,UACC,WAAWS;AAAA,YACTK,EAAe;AAAA,cACb,SAAS;AAAA,cACT,QAAQ;AAAA,cACR,MAAM;AAAA,YAAA,CACP;AAAA,YACD;AAAA,UACF;AAAA,UAEA,UAAA;AAAA,YAAAN,gBAAAA,EAAA,IAACO,GAAE,EAAA;AAAA,YACFP,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,WAAU,UAAK,SAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACjC;AAAA,IAAA;AAAA,EAAA;AAEJ,EACF,CAAA,EACF,CAAA,CACD;AACDE,EAAc,cAAcV,EAAgB,QAAQ;AAEpD,MAAMgB,IAAe,CACnB,EAAE,WAAAX,GAAW,GAAGC,EAAM,MAClBE,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWC,EAAG,SAASJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AACxDU,EAAa,cAAc;AAE3B,MAAMC,IAAe,CACnB,EAAE,WAAAZ,GAAW,GAAGC,EAEhB,MAAAE,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFW,EAAa,cAAc;AAErB,MAAAC,IAAcd,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACR,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,qCAAqCJ,CAAS;AAAA,IAC3D,GAAGC;AAAA,EAAA;AACN,CACD;AACDY,EAAY,cAAclB,EAAgB,MAAM;AAE1C,MAAAmB,IAAoBf,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACR,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,gCAAgCJ,CAAS;AAAA,IACtD,GAAGC;AAAA,EAAA;AACN,CACD;AACDa,EAAkB,cAAcnB,EAAgB,YAAY;"}
+{"version":3,"file":"index.es8.js","sources":["../src/DropdownMenu/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      'flex cursor-default select-none items-center rounded-small pl-8 py-8 text-base outline-none focus:bg-gray-900-8 data-[state=open]:bg-gray-900-8',\n      inset && 'pl-32',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto mr-4 h-16 w-16\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      'z-50 min-w-[8rem] overflow-hidden rounded-[6px] border border-gray-900-8 bg-white p-2 text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 min-w-[8rem] overflow-hidden rounded-[6px] border border-gray-900-8 bg-white p-2 text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\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    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-small px-8 py-8 text-base outline-none transition-colors focus:bg-gray-900-8 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n      inset && 'pl-[2rem]',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-[2px] py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-900-8 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-8 flex h-[14px] w-[14px] items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-16 w-16\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-[2px] py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-900-8 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-8 flex h-[14px] w-[14px] items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-8 w-8 fill-gray-900\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn('p-8 text-base font-medium', inset && 'pl-32', className)}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-2 my-2 h-[1px] bg-gray-900-8', className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = (\n  { className, ...props }: React.HTMLAttributes<HTMLSpanElement>\n) => {\n  return (\n    <span\n      className={cn('ml-auto text-xs tracking-widest opacity-40', className)}\n      {...props}\n    />\n  )\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup\n}\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","React","className","inset","children","props","ref","jsxs","cn","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}