@crystallize/design-system 0.0.0

package/dist/index.js

@@ -0,0 +1,1023 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ActionMenu: () => ActionMenu,
+  Button: () => Button,
+  Dialog: () => Dialog,
+  DropdownMenu: () => DropdownMenu,
+  destroyAll: () => destroyAll,
+  showConfirm: () => showConfirm,
+  showDialog: () => showDialog,
+  showError: () => showError,
+  showInfo: () => showInfo,
+  showWarning: () => showWarning
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/action-menu/action-menu.tsx
+var import_clsx4 = __toESM(require("clsx"));
+
+// src/dropdown-menu/dropdown-menu-root.tsx
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function DropdownMenuRoot({ children, content, onOpenChange, alignContent = "start" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenuPrimitive.Root, {
+    onOpenChange,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Trigger, {
+        asChild: true,
+        children
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Content, {
+        align: alignContent,
+        sideOffset: 5,
+        className: "shadow",
+        children: content
+      })
+    ]
+  });
+}
+
+// src/dropdown-menu/dropdown-menu-item.tsx
+var DropdownMenuPrimitive2 = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_clsx = __toESM(require("clsx"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function DropdownMenuItem({ children, className, ...delegated }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DropdownMenuPrimitive2.Item, {
+    ...delegated,
+    className: (0, import_clsx.default)(
+      "text-xs font-medium text-black-text",
+      "flex h-10 cursor-pointer items-center bg-white px-4 outline-asteroid",
+      "hover:bg-[#F8F8F9] hover:outline-none hover:focus-visible:outline-none",
+      "first:rounded-tr first:rounded-tl last:rounded-br last:rounded-bl",
+      className
+    ),
+    children
+  });
+}
+
+// src/dropdown-menu/dropdown-menu-label.tsx
+var import_clsx2 = __toESM(require("clsx"));
+var DropdownMenuPrimitive3 = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function DropdownMenuLabel({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DropdownMenuPrimitive3.Label, {
+    className: (0, import_clsx2.default)("bg-white px-4 py-2 text-xs text-label", "first:rounded-tl first:rounded-tr"),
+    children
+  });
+}
+
+// src/dropdown-menu/index.ts
+var DropdownMenu = {
+  Root: DropdownMenuRoot,
+  Item: DropdownMenuItem,
+  Label: DropdownMenuLabel
+};
+
+// src/icons/arrow.tsx
+var import_react = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Arrow = (0, import_react.forwardRef)((delegated, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", {
+    ref,
+    width: "10",
+    height: "10",
+    viewBox: "0 0 10 10",
+    fill: "currentColor",
+    ...delegated,
+    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", {
+      d: "M4.14995 9.85C4.24341 9.94161 4.36907 9.99293 4.49995 9.99293C4.63083 9.99293 4.75649 9.94161 4.84995 9.85L8.03995 6.67C8.09195 6.6248 8.13404 6.56934 8.16359 6.5071C8.19314 6.44486 8.20951 6.37719 8.21167 6.30832C8.21383 6.23946 8.20173 6.17089 8.17614 6.10693C8.15055 6.04296 8.11201 5.98497 8.06295 5.9366C8.01389 5.88823 7.95536 5.85052 7.89104 5.82584C7.82671 5.80116 7.75798 5.79003 7.68915 5.79317C7.62033 5.79631 7.55289 5.81363 7.49108 5.84406C7.42927 5.87449 7.37441 5.91737 7.32995 5.97L4.49995 8.78L1.66995 5.96C1.62475 5.908 1.56929 5.86591 1.50705 5.83636C1.44481 5.80681 1.37714 5.79044 1.30827 5.78828C1.23941 5.78612 1.17084 5.79822 1.10688 5.82381C1.04291 5.8494 0.98492 5.88794 0.936549 5.937C0.888179 5.98606 0.850469 6.04459 0.825787 6.10892C0.801105 6.17324 0.789983 6.24197 0.79312 6.3108C0.796256 6.37962 0.813582 6.44706 0.844012 6.50887C0.874442 6.57068 0.917318 6.62554 0.96995 6.67L4.14995 9.85ZM4.49995 -2.18557e-08C4.22381 -3.39261e-08 3.99995 0.223858 3.99995 0.5L3.99995 9.5L4.99995 9.5L4.99995 0.5C4.99995 0.223857 4.77609 -9.78527e-09 4.49995 -2.18557e-08Z"
+    })
+  });
+});
+Arrow.displayName = "ArrowIcon";
+
+// src/icons/cancel.tsx
+var import_react2 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Cancel = (0, import_react2.forwardRef)((delegated, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", {
+    ref,
+    width: "34",
+    height: "34",
+    viewBox: "0 0 34 34",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...delegated,
+    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", {
+      d: "m27.4301 24.4325-.1299.1299c-.17.15-.6497.5798-1.1695 1.0595l-1.7392 1.5993-.1499.05a.2783.2783 0 0 1-.2299-.14l-3.6183-3.7182-2.6088-2.6388a1.0488 1.0488 0 0 0-.7926-.3838 1.006 1.006 0 0 0-.7096.2899l-5.6474 5.6773-.7696.7496-.07.18h-.2599l-2.6987-2.7088a.3813.3813 0 0 1-.18-.2598l.02-.14 5.6674-5.6173 1.2394-1.2395a.2995.2995 0 0 0 .1-.2398.2903.2903 0 0 0-.1-.2299l-1.8591-1.8692-2.8487-2.8786-1.5692-1.5992-.6197-.6597-.1-.09v-.12a.3689.3689 0 0 1 .12-.2398l2.7786-2.6588.11-.09h.14l.1099.06 5.7273 5.9272.8696.8796a.6998.6998 0 0 0 .9995 0l5.9672-6.0071.1799-.18a4.5467 4.5467 0 0 1 .5597-.5197.5585.5585 0 0 1 .19-.1c.1099 0 .2099.13.2998.22l.08.0899 2.039 2.109s.1899.2.2299.2499a.864.864 0 0 0 .1399.13.7704.7704 0 0 1 .13.1199c.0899.1499 0 .2598-.1799.4298l-6.1172 6.0871a1.3994 1.3994 0 0 0-.5197.7696.9287.9287 0 0 0 .2899.7997l3.0185 2.9786 3.4284 3.1785a2.001 2.001 0 0 1 .1999.2398.2564.2564 0 0 1 .0853.1524.2564.2564 0 0 1-.0323.1715Z",
+      fill: "currentColor"
+    })
+  });
+});
+Cancel.displayName = "CancelIcon";
+
+// src/icons/dots.tsx
+var import_react3 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Dots = (0, import_react3.forwardRef)((delegated, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", {
+    ref,
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...delegated,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", {
+        cx: "10",
+        cy: "5",
+        r: "1.7857",
+        fill: "#9095A8"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", {
+        cx: "10",
+        cy: "10",
+        r: "1.7857",
+        fill: "#9095A8"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", {
+        cx: "10",
+        cy: "15",
+        r: "1.7857",
+        fill: "#9095A8"
+      })
+    ]
+  });
+});
+Dots.displayName = "DotsIcon";
+
+// src/icons/error.tsx
+var import_react4 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Error2 = (0, import_react4.forwardRef)((delegated, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", {
+    ref,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "22",
+    height: "22",
+    fill: "none",
+    viewBox: "0 0 22 22",
+    ...delegated,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", {
+        clipPath: "url(#a)",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", {
+            fill: "#DD1367",
+            d: "M20.83 11c0 5.43-4.4 9.83-9.83 9.83S1.17 16.43 1.17 11 5.57 1.17 11 1.17s9.83 4.4 9.83 9.83Z"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", {
+            fill: "#528693",
+            fillRule: "evenodd",
+            d: "M21.431 11c0 5.76-4.67 10.43-10.43 10.43C5.238 21.43.568 16.76.568 11S5.24.57 11 .57C16.76.57 21.431 5.24 21.431 11Zm-10.43 9.83c5.429 0 9.83-4.4 9.83-9.83s-4.401-9.83-9.83-9.83c-5.43 0-9.832 4.4-9.832 9.83S5.571 20.83 11 20.83Z",
+            clipRule: "evenodd"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", {
+            fill: "#fff",
+            fillRule: "evenodd",
+            d: "m7.364 13.479 1.157 1.157L11 12.158l2.479 2.478 1.157-1.157L12.158 11l2.478-2.479-1.157-1.157-2.48 2.478-2.478-2.478L7.364 8.52 9.842 11l-2.478 2.479Z",
+            clipRule: "evenodd"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", {
+            fill: "#528693",
+            fillRule: "evenodd",
+            d: "M6.94 13.903a.6.6 0 0 1 0-.849L8.994 11 6.94 8.946a.6.6 0 0 1 0-.849L8.097 6.94a.6.6 0 0 1 .849 0L11 8.994l2.054-2.054a.6.6 0 0 1 .849 0l1.157 1.157a.6.6 0 0 1 0 .849L13.006 11l2.054 2.054a.6.6 0 0 1 0 .849l-1.157 1.157a.6.6 0 0 1-.849 0L11 13.006 8.946 15.06a.6.6 0 0 1-.849 0L6.94 13.903ZM11 12.158l2.479 2.478 1.157-1.157L12.158 11l2.478-2.479-1.157-1.157L11 9.842 8.521 7.364 7.364 8.52 9.842 11l-2.478 2.479 1.157 1.157L11 12.158Z",
+            clipRule: "evenodd"
+          })
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("defs", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("clipPath", {
+          id: "a",
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", {
+            fill: "#fff",
+            d: "M0 0h22v22H0z"
+          })
+        })
+      })
+    ]
+  });
+});
+Error2.displayName = "ErrorIcon";
+
+// src/icons/glasses.tsx
+var import_react5 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Glasses = (0, import_react5.forwardRef)((delegated, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", {
+    ref,
+    width: "20",
+    height: "15",
+    viewBox: "0 0 20 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...delegated,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M7.4856 2.0673c-.3158-.7572-1.2453-1.0361-1.9258-.578l-3.42 2.3025c-.8613.5798-.7287 1.8856.2315 2.2806l.1216.05.2282-.5549-.1216-.05c-.517-.2127-.5884-.9158-.1246-1.228l3.42-2.3025c.3664-.2467.8669-.0965 1.037.3112l.0748.1795a.3.3 0 0 0 .5537-.231l-.0748-.1795Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", {
+        d: "m9.7363 8.289-.2116.453-.906-.4233.2116-.453.906.4234Z",
+        fill: "#528793"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", {
+        d: "M4.391 9.9236c1.5958.7593 3.5051.0811 4.2644-1.5148.7593-1.596.081-3.5052-1.5148-4.2644-1.5959-.7593-3.5051-.0811-4.2644 1.5148-.7593 1.5958-.0811 3.505 1.5148 4.2644Z",
+        fill: "#BFF6F8"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", {
+        d: "M3.1883 8.7645a3.2004 3.2004 0 0 1-.3446-.514l5.955-2.1168c.0388.203.0579.4094.0568.6162L3.1883 8.7644Zm4.8102-4.212L2.468 6.517a3.2001 3.2001 0 0 0 .1588 1.2118l6.0129-2.136a3.2002 3.2002 0 0 0-.6412-1.0403Z",
+        fill: "#fff"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M4.4255 9.3845c1.4463.6881 3.1766.0735 3.8647-1.3728.688-1.4463.0735-3.1765-1.3728-3.8646-1.4463-.6881-3.1765-.0735-3.8646 1.3728-.6882 1.4462-.0735 3.1765 1.3727 3.8646Zm-.2577.5418c1.7455.8305 3.8337.0887 4.6642-1.6568.8304-1.7455.0887-3.8338-1.6568-4.6642-1.7455-.8305-3.8338-.0887-4.6643 1.6568-.8304 1.7455-.0886 3.8337 1.6569 4.6642Z",
+        fill: "#528793"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", {
+        d: "M11.3275 12.7751c1.5959.7593 3.5051.0811 4.2644-1.5148.7593-1.5959.0811-3.5051-1.5148-4.2644-1.5959-.7593-3.5051-.081-4.2644 1.5148-.7593 1.5959-.0811 3.5052 1.5148 4.2644Z",
+        fill: "#BFF6F8"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", {
+        d: "M10.1248 11.616a3.2048 3.2048 0 0 1-.3446-.5139l5.9551-2.1168c.0388.203.0578.4094.0568.6161l-5.6673 2.0146Zm4.8102-4.212L9.4045 9.3687a3.1998 3.1998 0 0 0 .1588 1.2117l6.0129-2.1358a3.1995 3.1995 0 0 0-.6412-1.0404Z",
+        fill: "#fff"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M11.3621 12.2361c1.4462.6881 3.1765.0734 3.8646-1.3728.6881-1.4463.0735-3.1766-1.3728-3.8647-1.4463-.688-3.1765-.0735-3.8646 1.3728-.6881 1.4463-.0735 3.1766 1.3728 3.8647Zm-.2578.5418c1.7455.8304 3.8337.0887 4.6642-1.6568.8305-1.7455.0887-3.8338-1.6568-4.6643-1.7455-.8304-3.8338-.0887-4.6642 1.6568-.8305 1.7455-.0887 3.8338 1.6568 4.6643Z",
+        fill: "#528793"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M14.7461 5.0551c.7572-.3158 1.614.14 1.7751.9444l.81 4.0424c.204 1.0181-.809 1.8527-1.7692 1.4577l-.1216-.05.2283-.5549.1216.05c.517.2127 1.0625-.2367.9526-.7849l-.81-4.0424c-.0868-.4331-.5481-.6786-.9558-.5085l-.1794.0748a.3.3 0 0 1-.231-.5538l.1794-.0748Z",
+        fill: "#528693"
+      })
+    ]
+  });
+});
+Glasses.displayName = "GlassesIcon";
+
+// src/icons/graphQL.tsx
+var import_react6 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var GraphQL = (0, import_react6.forwardRef)((delegated, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", {
+    ref,
+    width: "23",
+    height: "22",
+    viewBox: "0 0 23 22",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...delegated,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        d: "M10.479 3.4a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z",
+        fill: "#BFF6F8"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M11.879 5.4a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        d: "M10.479 3.4a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z",
+        fill: "#BFF6F8"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M11.879 5.4a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        d: "M3.679 7.2a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z",
+        fill: "#BFF6F8"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M5.079 9.2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        d: "M17.279 7.2a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z",
+        fill: "#BFF6F8"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M18.679 9.2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        d: "M3.679 7.2a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z",
+        fill: "#BFF6F8"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M5.079 9.2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        d: "M17.279 7.2a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z",
+        fill: "#BFF6F8"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M18.679 9.2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        d: "M3.679 14.8a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z",
+        fill: "#BFF6F8"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M5.079 16.8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        d: "M17.279 14.8a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z",
+        fill: "#fff"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M18.679 16.8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        d: "M10.479 18.75a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z",
+        fill: "#BFF6F8"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M11.879 20.75a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8ZM10.44 3.851a.3.3 0 0 1-.112.41l-3.5 2a.3.3 0 0 1-.298-.521l3.5-2a.3.3 0 0 1 .41.111ZM13.419 3.851a.3.3 0 0 0 .111.41l3.5 2a.3.3 0 0 0 .298-.521l-3.5-2a.3.3 0 0 0-.41.111Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M10.44 18.149a.3.3 0 0 0-.112-.41l-3.5-2a.3.3 0 0 0-.298.521l3.5 2a.3.3 0 0 0 .41-.111ZM13.419 18.149a.3.3 0 0 1 .111-.41l3.5-2a.3.3 0 0 1 .298.521l-3.5 2a.3.3 0 0 1-.41-.111ZM5.079 8.7a.3.3 0 0 1 .3.3v4a.3.3 0 1 1-.6 0V9a.3.3 0 0 1 .3-.3ZM18.679 8.7a.3.3 0 0 1 .3.3v4a.3.3 0 1 1-.6 0V9a.3.3 0 0 1 .3-.3ZM11.033 4.743a.3.3 0 0 1 .103.411l-4.8 8a.3.3 0 1 1-.514-.308l4.8-8a.3.3 0 0 1 .411-.103ZM12.725 4.743a.3.3 0 0 0-.103.411l4.8 8a.3.3 0 1 0 .514-.308l-4.8-8a.3.3 0 0 0-.411-.103ZM6.579 14.9a.3.3 0 0 1 .3-.3h10a.3.3 0 0 1 0 .6h-10a.3.3 0 0 1-.3-.3Z",
+        fill: "#528693"
+      })
+    ]
+  });
+});
+GraphQL.displayName = "GraphQLIcon";
+
+// src/icons/info.tsx
+var import_react7 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Info = (0, import_react7.forwardRef)((delegated, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("svg", {
+    ref,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "22",
+    height: "22",
+    fill: "none",
+    viewBox: "0 0 22 22",
+    ...delegated,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("g", {
+        clipPath: "url(#a)",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", {
+            fill: "#BFF6F8",
+            d: "M20.83 11c0 5.43-4.4 9.83-9.83 9.83S1.17 16.43 1.17 11 5.57 1.17 11 1.17s9.83 4.4 9.83 9.83Z"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", {
+            fill: "#528693",
+            fillRule: "evenodd",
+            d: "M21.431 11c0 5.76-4.67 10.43-10.43 10.43C5.238 21.43.568 16.76.568 11S5.24.57 11 .57C16.76.57 21.431 5.24 21.431 11Zm-10.43 9.83c5.429 0 9.83-4.4 9.83-9.83s-4.401-9.83-9.83-9.83c-5.43 0-9.832 4.4-9.832 9.83S5.571 20.83 11 20.83Z",
+            clipRule: "evenodd"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", {
+            fill: "#fff",
+            d: "M14.814 6.317a.991.991 0 1 1-1.983 0 .991.991 0 0 1 1.983 0Z"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", {
+            fill: "#528693",
+            fillRule: "evenodd",
+            d: "M15.415 6.317a1.592 1.592 0 1 1-3.184 0 1.592 1.592 0 0 1 3.184 0Zm-1.592.991a.991.991 0 1 0 0-1.982.991.991 0 0 0 0 1.982Z",
+            clipRule: "evenodd"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", {
+            fill: "#fff",
+            d: "m9.37 16.049 1.8.26-.22-.7-.78-.621.56-1.14 2.261-3.382-.34-1.381-1.92-1-1.261.14-.28.32 1.08.54.14.54-2.22 2.862-.821 2.36 2 1.202Z"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", {
+            fill: "#528693",
+            d: "M10.476 16.666a4.93 4.93 0 0 1-2.096-.599c-1.114-.605-1.482-1.63-.961-2.673a9.606 9.606 0 0 1 1.437-1.963l.067-.077c.252-.293.513-.595.742-.897.288-.38.538-.745.443-1.031-.056-.164-.215-.282-.485-.362a1.58 1.58 0 0 0-.247-.033l-.055-.004a.984.984 0 0 1-.481-.096c-.169-.132-.098-.51-.013-.676a.915.915 0 0 1 .701-.473c.139-.025.28-.037.42-.035.656.034 1.301.176 1.91.42 1.104.424 1.631 1.263 1.41 2.244a4.193 4.193 0 0 1-.908 1.714c-.128.161-.26.315-.392.471l-.07.083c-.282.32-.544.654-.788 1.003l-.144.206c-.161.209-.291.44-.385.687a.582.582 0 0 0 .32.743.91.91 0 0 0 .32.08c.175.021.356.044.428.21a.575.575 0 0 1-.035.477 1.144 1.144 0 0 1-1.138.581Zm-.877-8.193c.128.079.268.136.414.17.18.04.35.12.494.236.58.552.14 1.272-.318 1.903-.214.292-.47.58-.74.884l-.068.077c-.624.692-1.27 1.408-1.497 2.232a1.148 1.148 0 0 0 .163 1.06c.493.658 1.78.907 2.819.921l.035-.05-.025-.035a1.248 1.248 0 0 1-.865-.594 1.04 1.04 0 0 1 .006-.894 8.071 8.071 0 0 1 1.309-1.977l.127-.155c.171-.21.356-.437.525-.665.371-.501.844-1.245.664-1.915-.315-1.173-2.15-1.209-3.03-1.226h-.057l.044.028Z"
+          })
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("defs", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("clipPath", {
+          id: "a",
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", {
+            fill: "#fff",
+            d: "M0 0h22v22H0z"
+          })
+        })
+      })
+    ]
+  });
+});
+Info.displayName = "InfoIcon";
+
+// src/icons/nail-polish.tsx
+var import_react8 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var NailPolish = (0, import_react8.forwardRef)((delegated, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", {
+    ref,
+    width: "12",
+    height: "16",
+    viewBox: "0 0 12 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...delegated,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
+        d: "M.8573 9.7059H.4287v-.8824c0-.4873.3838-.8823.8571-.8823h4.2858c.4734 0 .8571.395.8571.8823v.8824h-.4286V15H.8573V9.7059Z",
+        fill: "#BFF6F8"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M1.3716 9.1765v5.2941h4.1143V9.1765h.4285v-.353c0-.195-.1535-.353-.3428-.353H1.2858c-.1893 0-.3428.158-.3428.353v.353h.4286ZM6 9.7059h.4286v-.8824c0-.4873-.3837-.8823-.8571-.8823H1.2858c-.4733 0-.857.395-.857.8823v.8824h.4285V15H6V9.7059Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
+        d: "M1.2856 6.6176c0-.4873.3838-.8823.8572-.8823h2.5714c.4734 0 .8572.395.8572.8823v1.7648H1.2856V6.6176Z",
+        fill: "#BFF6F8"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M4.7142 6.2647H2.1428c-.1894 0-.3429.158-.3429.353v1.2352h3.2572V6.6176c0-.1949-.1535-.3529-.3429-.3529Zm-2.5714-.5294c-.4734 0-.8572.395-.8572.8823v1.7648h4.2858V6.6176c0-.4873-.3838-.8823-.8572-.8823H2.1428Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
+        d: "M1.7144.6228c0-.344.2708-.6228.605-.6228 1.5594 0 2.8235 1.3013 2.8235 2.9066v3.2699H1.7144V.6228Z",
+        fill: "#FFCCEC"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2.2286 5.647h2.4V2.9067c0-1.3129-1.0338-2.3772-2.3092-2.3772a.0921.0921 0 0 0-.0908.0934v5.0243ZM2.3194 0c-.3342 0-.605.2789-.605.6228v5.5537h3.4285v-3.27C5.143 1.3014 3.8788 0 2.3194 0Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2.4626 1.9929c-.432-.5148-.5769-1.1307-.5769-1.5517H2.4c0 .3142.1124.8013.4518 1.2056.3313.3947.8997.7355 1.8625.7355v.5295c-1.0943 0-1.8116-.3945-2.2517-.9189Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
+        d: "M4.8708 8.6772c.245-.9414 1.185-1.5 2.0995-1.2478l2.4838.6851c.9145.2523 1.4573 1.22 1.2122 2.1613l-1.2201 4.6876c-.1225.4707-.5925.75-1.0498.6239l-4.1397-1.1418c-.4573-.1262-.7286-.61-.606-1.0807l1.22-4.6876Z",
+        fill: "#FFCCEC"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "m9.321 8.6259-2.4838-.6851c-.6401-.1766-1.2981.2145-1.4697.8734l-1.2201 4.6876c-.049.1883.0595.3818.2424.4323l4.1397 1.1418c.1829.0505.3709-.0612.42-.2495l1.2201-4.6876c.1715-.659-.2084-1.3363-.8486-1.513ZM6.9703 7.4294c-.9145-.2523-1.8545.3064-2.0995 1.2478l-1.2202 4.6876c-.1225.4707.1489.9545.6061 1.0807l4.1397 1.1418c.4573.1261.9273-.1532 1.0498-.6239l1.2201-4.6876c.2451-.9414-.2977-1.909-1.2122-2.1613l-2.4838-.6851Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
+        d: "M7.9236 3.5069c.1508-.4319.598-.6727 1.0285-.554l.9602.2649c.4306.1188.7009.5575.6217 1.009l-.6114 3.4854c-.0892.508-.581.829-1.0654.6954l-1.5121-.417c-.4844-.1337-.7544-.6649-.5848-1.1507l1.1633-3.333Z",
+        fill: "#BFF6F8"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "m9.7792 3.7292-.9602-.2649c-.1722-.0475-.351.0488-.4114.2216l-1.1634 3.333c-.0678.1943.0402.4068.234.4603l1.5121.417c.1938.0535.3905-.075.4262-.2781l.6114-3.4853c.0316-.1806-.0765-.3561-.2487-.4036Zm-.827-.7763c-.4307-.1187-.8778.1221-1.0286.554l-1.1633 3.333c-.1696.4858.1004 1.017.5848 1.1506l1.5121.4171c.4844.1336.9762-.1875 1.0654-.6954l.6114-3.4853c.0792-.4516-.1911-.8903-.6217-1.0091l-.9602-.2649Z",
+        fill: "#528693"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
+        d: "m5.8906 9.8713 3.3118.9135-.4437 1.7046-3.3118-.9135.4437-1.7046Z",
+        fill: "#fff"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "m8.5725 11.1592-2.3182-.6395-.1775.6819 2.3182.6394.1775-.6818ZM5.8906 9.8713 5.447 11.576l3.3118.9135.4437-1.7046-3.3118-.9135Z",
+        fill: "#528693"
+      })
+    ]
+  });
+});
+NailPolish.displayName = "NailPolishIcon";
+
+// src/icons/warning.tsx
+var import_react9 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Warning = (0, import_react9.forwardRef)((delegated, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", {
+    ref,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "22",
+    height: "22",
+    fill: "none",
+    viewBox: "0 0 22 22",
+    ...delegated,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("g", {
+        clipPath: "url(#a)",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", {
+            fill: "#FFDE99",
+            d: "M20.83 11c0 5.43-4.4 9.83-9.83 9.83S1.17 16.43 1.17 11 5.57 1.17 11 1.17s9.83 4.4 9.83 9.83Z"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", {
+            fill: "#528693",
+            fillRule: "evenodd",
+            d: "M21.43 11c0 5.76-4.67 10.43-10.43 10.43S.57 16.76.57 11 5.24.57 11 .57 21.43 5.24 21.43 11ZM11 20.83c5.43 0 9.83-4.4 9.83-9.83S16.43 1.17 11 1.17 1.17 5.57 1.17 11s4.4 9.83 9.83 9.83Z",
+            clipRule: "evenodd"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", {
+            fill: "#fff",
+            d: "M10.077 5.232c.41-.71 1.436-.71 1.846 0L17 14.025c.41.71-.103 1.599-.924 1.599H5.923c-.82 0-1.333-.889-.923-1.6l5.077-8.792Z"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", {
+            fill: "#528693",
+            fillRule: "evenodd",
+            d: "m16.48 14.325-5.077-8.793a.466.466 0 0 0-.806 0L5.52 14.325c-.18.31.045.699.403.699h10.153a.466.466 0 0 0 .404-.7Zm-4.557-9.093a1.066 1.066 0 0 0-1.846 0L5 14.025c-.41.71.103 1.599.923 1.599h10.153c.821 0 1.334-.889.924-1.6l-5.077-8.792Z",
+            clipRule: "evenodd"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", {
+            fill: "#FFDE99",
+            d: "M10.588 8.628a.5.5 0 1 1 1 0v2.475a.5.5 0 0 1-1 0V8.628Z"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", {
+            fill: "#528693",
+            fillRule: "evenodd",
+            d: "M12.188 8.628v2.475a1.1 1.1 0 0 1-2.2 0V8.628a1.1 1.1 0 1 1 2.2 0Zm-1.1-.5a.5.5 0 0 0-.5.5v2.475a.5.5 0 1 0 1 0V8.628a.5.5 0 0 0-.5-.5Z",
+            clipRule: "evenodd"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", {
+            fill: "#FFDE99",
+            d: "M11.588 13.403a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", {
+            fill: "#528693",
+            fillRule: "evenodd",
+            d: "M12.188 13.403a1.1 1.1 0 1 1-2.2 0 1.1 1.1 0 0 1 2.2 0Zm-1.1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z",
+            clipRule: "evenodd"
+          })
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("defs", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("clipPath", {
+          id: "a",
+          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", {
+            fill: "#fff",
+            d: "M0 0h22v22H0z"
+          })
+        })
+      })
+    ]
+  });
+});
+Warning.displayName = "WarningIcon";
+
+// src/icons/index.ts
+var Icon = {
+  Arrow,
+  Cancel,
+  Dots,
+  Error: Error2,
+  Glasses,
+  GraphQL,
+  Info,
+  NailPolish,
+  Warning
+};
+
+// src/action-menu/action-item.tsx
+var import_clsx3 = __toESM(require("clsx"));
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Item2({ children, className, onSelect }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownMenu.Item, {
+    onClick: onSelect,
+    className: (0, import_clsx3.default)(
+      "items-center text-density cursor-pointer flex font-sans font-medium text-sm gap-2 py-2.5 px-5",
+      "hover:bg-[#f4f4f4]",
+      "[&.danger]:text-error",
+      className
+    ),
+    children
+  });
+}
+
+// src/action-menu/action-menu.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function ActionMenu({ children, className, tabIndex }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenu.Root, {
+    content: children,
+    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", {
+      tabIndex,
+      type: "button",
+      className: (0, import_clsx4.default)(
+        "items-center bg-transparent rounded-full border-none cursor-pointer flex justify-center p-1",
+        "hover:bg-gray-6 focus:bg-gray-6 focus:outline-offset-2 focus:outline focus:outline-1 focus:outline-glacier focus-visible:outline-offset-2 focus-visible:outline focus-visible:outline-1 focus-visible:outline-glacier",
+        "active:scale-95",
+        className
+      ),
+      "aria-label": "more options",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", {
+          className: "sr-only",
+          children: "Open more options"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon.Dots, {})
+      ]
+    })
+  });
+}
+ActionMenu.Item = Item2;
+
+// src/button/button.tsx
+var import_react10 = require("react");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var DEFAULT_TEXT_COLOR = "text-black-text disabled:text-black-text/50";
+var buttonStyles = (0, import_class_variance_authority.cva)(
+  [
+    "inline-grid grid-flow-col items-center gap-2 rounded border-none font-medium cursor-pointer whitespace-nowrap",
+    "disabled:cursor-default disabled:scale-100 disabled:drop-shadow-none",
+    "active:scale-95",
+    "focus:drop-shadow-active",
+    "hover:drop-shadow-hover"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: `bg-neptune disabled:bg-neptune-light ${DEFAULT_TEXT_COLOR}`,
+        secondary: `bg-white disabled:bg-[#FBFCFC] ${DEFAULT_TEXT_COLOR}`,
+        "secondary-dark": `bg-cosmos disabled:bg-[#F7F8F9] ${DEFAULT_TEXT_COLOR}`,
+        danger: "text-white bg-error disabled:bg-error/50 disabled:text-white/75"
+      },
+      size: {
+        xs: "h-8 px-5",
+        sm: "h-9 px-6",
+        md: "h-10 px-7",
+        lg: "h-10 px-8",
+        xl: "h-11 px-9"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "sm"
+    }
+  }
+);
+var Button = (0, import_react10.forwardRef)(
+  ({ children, className, type = "button", size, variant, ...delegated }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", {
+      ref,
+      type,
+      className: buttonStyles({ size, variant, className }),
+      ...delegated,
+      children
+    });
+  }
+);
+Button.displayName = "Button";
+
+// src/dialog/destroyFns.ts
+var destroyFns = [];
+
+// src/dialog/dialog.tsx
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var IconMap = {
+  error: Icon.Error,
+  info: Icon.Info,
+  warning: Icon.Warning
+};
+var dialogContentStyles = (0, import_class_variance_authority2.cva)(
+  "bg-white rounded shadow fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 max-w-xl w-auto p-6",
+  {
+    variants: {
+      withIcon: {
+        true: "flex gap-4 items-start"
+      }
+    }
+  }
+);
+function DialogContent({ children, closable = true, type, ...delegated }) {
+  const withIcon = typeof type !== "undefined";
+  const IconComponent = type && IconMap[type];
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DialogPrimitive.Portal, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogPrimitive.Overlay, {
+        className: "bg-black/30 fixed inset-0"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DialogPrimitive.Content, {
+        className: dialogContentStyles({ withIcon }),
+        ...delegated,
+        children: [
+          IconComponent && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconComponent, {
+            className: "my-1 shrink-0",
+            width: 32,
+            height: 32
+          }),
+          closable && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogClose, {
+            asChild: true,
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, {
+              className: "absolute top-2.5 right-2.5 !rounded-full !p-0 h-6 w-6 inline-flex items-center justify-center !bg-transparent hover:!bg-gray-200 focus:!bg-gray-200 !drop-shadow-none",
+              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon.Cancel, {
+                color: "density",
+                "aria-label": "Close",
+                height: 18,
+                width: 18
+              })
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", {
+            children
+          })
+        ]
+      })
+    ]
+  });
+}
+function DialogTitle(delegated) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogPrimitive.Title, {
+    className: "m-0 font-semibold text-2xl font-sans text-black-text",
+    ...delegated
+  });
+}
+function DialogDescription(delegated) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogPrimitive.Description, {
+    className: "mt-2 mb-5 text-gray-600",
+    ...delegated
+  });
+}
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogClose = DialogPrimitive.Close;
+var DialogRoot = DialogPrimitive.Root;
+function DialogBase({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogRoot, {
+    children
+  });
+}
+DialogBase.Title = DialogTitle;
+DialogBase.Trigger = DialogTrigger;
+DialogBase.Description = DialogDescription;
+DialogBase.Content = DialogContent;
+
+// src/dialog/config.tsx
+var import_react_dom = require("react-dom");
+
+// src/dialog/confirm-dialog.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function ConfirmDialog({
+  open,
+  close,
+  title,
+  description,
+  content,
+  okCancel,
+  okText = "OK",
+  onOk,
+  onCancel,
+  cancelText = "cancel",
+  onEscapeKeyDown,
+  onInteractOutside,
+  onPointerDownOutside,
+  type
+}) {
+  const cancelButton = okCancel && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, {
+    variant: "secondary",
+    onClick: () => {
+      onCancel == null ? void 0 : onCancel();
+      close();
+    },
+    children: cancelText
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogRoot, {
+    open,
+    onOpenChange: () => close(),
+    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Dialog.Content, {
+      onEscapeKeyDown,
+      onInteractOutside,
+      onPointerDownOutside,
+      type,
+      children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Title, {
+          children: title
+        }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog.Description, {
+          children: description
+        }),
+        content,
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", {
+          className: "flex items-center gap-4 mt-4 justify-end",
+          children: [
+            cancelButton,
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, {
+              onClick: () => {
+                onOk == null ? void 0 : onOk();
+                close();
+              },
+              children: okText
+            })
+          ]
+        })
+      ]
+    })
+  });
+}
+
+// src/dialog/config.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function confirm(config) {
+  const container = document.createDocumentFragment();
+  let currentConfig = { ...config, close, open: true };
+  let timeoutId;
+  function close(...args) {
+    currentConfig = {
+      ...currentConfig,
+      open: false,
+      afterClose: () => {
+        if (typeof config.afterClose === "function") {
+          config.afterClose();
+        }
+        destroy.apply(this, args);
+      }
+    };
+    render(currentConfig);
+  }
+  function destroy(...args) {
+    const triggerCancel = args.some((param) => param && param.triggerCancel);
+    if (config.onCancel && triggerCancel) {
+      config.onCancel(() => {
+      }, ...args.slice(1));
+    }
+    for (let i = 0; i < destroyFns.length; i++) {
+      const fn = destroyFns[i];
+      if (fn === close) {
+        destroyFns.splice(i, 1);
+        break;
+      }
+    }
+    (0, import_react_dom.unmountComponentAtNode)(container);
+  }
+  function render({ okText, cancelText, ...delegated }) {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => {
+      (0, import_react_dom.render)(/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ConfirmDialog, {
+        ...delegated,
+        okText,
+        cancelText
+      }), container);
+    });
+  }
+  function update(configUpdate) {
+    if (typeof configUpdate === "function") {
+      currentConfig = configUpdate(currentConfig);
+    } else {
+      currentConfig = {
+        ...currentConfig,
+        ...configUpdate
+      };
+    }
+    render(currentConfig);
+  }
+  render(currentConfig);
+  destroyFns.push(close);
+  return {
+    destroy: close,
+    update
+  };
+}
+var dumbFn = (event) => {
+  event.preventDefault();
+};
+function withDialog(delegated) {
+  return {
+    ...delegated,
+    open: true,
+    okCancel: true
+  };
+}
+function withWarning(delegated) {
+  return {
+    ...delegated,
+    open: true,
+    okCancel: false,
+    type: "warning",
+    onInteractOutside: dumbFn,
+    onPointerDownOutside: dumbFn
+  };
+}
+function withError(delegated) {
+  return {
+    ...delegated,
+    open: true,
+    okCancel: false,
+    type: "error",
+    onInteractOutside: dumbFn,
+    onPointerDownOutside: dumbFn
+  };
+}
+function withInfo(delegated) {
+  return {
+    ...delegated,
+    open: true,
+    okCancel: false,
+    type: "info",
+    onInteractOutside: dumbFn,
+    onPointerDownOutside: dumbFn
+  };
+}
+function withConfirm(delegated) {
+  return {
+    ...delegated,
+    open: true,
+    okCancel: true,
+    type: "info",
+    onInteractOutside: dumbFn,
+    onPointerDownOutside: dumbFn
+  };
+}
+
+// src/dialog/index.tsx
+var Dialog = DialogBase;
+function showDialog(delegated) {
+  return confirm(withDialog(delegated));
+}
+function showWarning(delegated) {
+  return confirm(withWarning(delegated));
+}
+function showConfirm(delegated) {
+  return confirm(withConfirm(delegated));
+}
+function showError(delegated) {
+  return confirm(withError(delegated));
+}
+function showInfo(delegated) {
+  return confirm(withInfo(delegated));
+}
+function destroyAll() {
+  while (destroyFns.length) {
+    const close = destroyFns.pop();
+    if (close) {
+      close();
+    }
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionMenu,
+  Button,
+  Dialog,
+  DropdownMenu,
+  destroyAll,
+  showConfirm,
+  showDialog,
+  showError,
+  showInfo,
+  showWarning
+});