mogh_ui 0.1.0

package/dist/components/confirm-modal.cjs

@@ -0,0 +1,146 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var confirm_modal_exports = {};
+__export(confirm_modal_exports, {
+  ConfirmModal: () => ConfirmModal
+});
+module.exports = __toCommonJS(confirm_modal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_hooks = require("@mantine/hooks");
+var import_react = require("react");
+var import_confirm_button = require("./confirm-button");
+var import_copy_button = require("./copy-button");
+function ConfirmModal({
+  children,
+  icon,
+  disabled,
+  confirmText,
+  title,
+  confirmButtonContent,
+  onConfirm,
+  loading,
+  additional,
+  topAdditonal,
+  targetProps,
+  targetNoIcon,
+  confirmProps,
+  disableModal,
+  ...modalProps
+}) {
+  const [opened, { open, close }] = (0, import_hooks.useDisclosure)();
+  const [input, setInput] = (0, import_react.useState)("");
+  if (disableModal) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_confirm_button.ConfirmButton,
+      {
+        icon,
+        onClick: onConfirm,
+        disabled,
+        loading,
+        ...targetProps,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.Modal,
+      {
+        opened,
+        onClose: close,
+        title: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { fz: "h3", children: title ?? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          "Confirm ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children })
+        ] }) }),
+        styles: { content: { padding: "0.5rem" } },
+        size: "lg",
+        onClick: (e) => e.stopPropagation(),
+        ...modalProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { children: [
+          topAdditonal,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_core.Text,
+            {
+              onClick: () => {
+                navigator.clipboard.writeText(confirmText);
+                (0, import_copy_button.sendCopyNotification)();
+              },
+              style: { cursor: "pointer" },
+              children: [
+                "Please enter ",
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: confirmText }),
+                " below to confirm this action.",
+                (location.origin.startsWith("https") || // For dev
+                location.origin.startsWith("http://localhost:")) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { fz: "sm", c: "dimmed", children: "You may click the text in bold to copy it" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_core.TextInput,
+            {
+              value: input,
+              onChange: (e) => setInput(e.target.value),
+              error: input === confirmText ? void 0 : "Does not match"
+            }
+          ),
+          additional,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Group, { justify: "end", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_core.Button,
+            {
+              justify: "space-between",
+              w: { base: "100%", xs: 190 },
+              miw: "fit-content",
+              rightSection: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Loader, { color: "white", size: "1rem" }) : icon,
+              disabled: loading || disabled || input !== confirmText,
+              onClick: (e) => {
+                e.stopPropagation();
+                onConfirm ? onConfirm().then(() => close()) : close();
+              },
+              ...confirmProps,
+              children: confirmButtonContent ?? children
+            }
+          ) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.Button,
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          open();
+        },
+        justify: "space-between",
+        w: { base: "100%", xs: 190 },
+        miw: "fit-content",
+        rightSection: targetNoIcon ? void 0 : loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Loader, { color: "white", size: "1rem" }) : icon,
+        loading: targetNoIcon ? loading : void 0,
+        disabled: disabled || loading,
+        ...targetProps,
+        children
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConfirmModal
+});
+//# sourceMappingURL=confirm-modal.cjs.map

package/dist/components/confirm-modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/confirm-modal.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonProps,\n  Group,\n  Loader,\n  Modal,\n  ModalProps,\n  Stack,\n  Text,\n  TextInput,\n} from \"@mantine/core\";\nimport { useDisclosure } from \"@mantine/hooks\";\nimport { ReactNode, useState } from \"react\";\nimport { ConfirmButton } from \"./confirm-button\";\nimport { sendCopyNotification } from \"./copy-button\";\n\nexport interface ConfirmModalProps extends Omit<\n  Omit<Omit<ModalProps, \"opened\">, \"onClose\">,\n  \"onClick\"\n> {\n  children?: ReactNode;\n  icon?: ReactNode;\n  disabled?: boolean;\n  /** User must enter this text to confirm */\n  confirmText: string;\n  title?: ReactNode;\n  confirmButtonContent?: ReactNode;\n  onConfirm?: () => Promise<unknown>;\n  loading?: boolean;\n  additional?: ReactNode;\n  topAdditonal?: ReactNode;\n  targetProps?: ButtonProps;\n  targetNoIcon?: boolean;\n  confirmProps?: ButtonProps;\n  /** Converts into ConfirmButton */\n  disableModal?: boolean;\n}\n\nexport function ConfirmModal({\n  children,\n  icon,\n  disabled,\n  confirmText,\n  title,\n  confirmButtonContent,\n  onConfirm,\n  loading,\n  additional,\n  topAdditonal,\n  targetProps,\n  targetNoIcon,\n  confirmProps,\n  disableModal,\n  ...modalProps\n}: ConfirmModalProps) {\n  const [opened, { open, close }] = useDisclosure();\n  const [input, setInput] = useState(\"\");\n\n  if (disableModal) {\n    return (\n      <ConfirmButton\n        icon={icon}\n        onClick={onConfirm}\n        disabled={disabled}\n        loading={loading}\n        {...targetProps}\n      >\n        {children}\n      </ConfirmButton>\n    );\n  }\n\n  return (\n    <>\n      <Modal\n        opened={opened}\n        onClose={close}\n        title={\n          <Text fz=\"h3\">\n            {title ?? (\n              <>\n                Confirm <b>{children}</b>\n              </>\n            )}\n          </Text>\n        }\n        styles={{ content: { padding: \"0.5rem\" } }}\n        size=\"lg\"\n        onClick={(e) => e.stopPropagation()}\n        {...modalProps}\n      >\n        <Stack>\n          {topAdditonal}\n\n          <Text\n            onClick={() => {\n              navigator.clipboard.writeText(confirmText);\n              sendCopyNotification();\n            }}\n            style={{ cursor: \"pointer\" }}\n          >\n            Please enter <b>{confirmText}</b> below to confirm this action.\n            {(location.origin.startsWith(\"https\") ||\n              // For dev\n              location.origin.startsWith(\"http://localhost:\")) && (\n              <Text fz=\"sm\" c=\"dimmed\">\n                You may click the text in bold to copy it\n              </Text>\n            )}\n          </Text>\n\n          <TextInput\n            value={input}\n            onChange={(e) => setInput(e.target.value)}\n            error={input === confirmText ? undefined : \"Does not match\"}\n          />\n\n          {additional}\n\n          <Group justify=\"end\">\n            <Button\n              justify=\"space-between\"\n              w={{ base: \"100%\", xs: 190 }}\n              miw=\"fit-content\"\n              rightSection={\n                loading ? <Loader color=\"white\" size=\"1rem\" /> : icon\n              }\n              disabled={loading || disabled || input !== confirmText}\n              onClick={(e) => {\n                e.stopPropagation();\n                onConfirm ? onConfirm().then(() => close()) : close();\n              }}\n              {...confirmProps}\n            >\n              {confirmButtonContent ?? children}\n            </Button>\n          </Group>\n        </Stack>\n      </Modal>\n\n      <Button\n        onClick={(e) => {\n          e.stopPropagation();\n          open();\n        }}\n        justify=\"space-between\"\n        w={{ base: \"100%\", xs: 190 }}\n        miw=\"fit-content\"\n        rightSection={\n          targetNoIcon ? undefined : loading ? (\n            <Loader color=\"white\" size=\"1rem\" />\n          ) : (\n            icon\n          )\n        }\n        loading={targetNoIcon ? loading : undefined}\n        disabled={disabled || loading}\n        {...targetProps}\n      >\n        {children}\n      </Button>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4DM;AA5DN,kBAUO;AACP,mBAA8B;AAC9B,mBAAoC;AACpC,4BAA8B;AAC9B,yBAAqC;AAwB9B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,CAAC,QAAQ,EAAE,MAAM,MAAM,CAAC,QAAI,4BAAc;AAChD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,EAAE;AAErC,MAAI,cAAc;AAChB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACT,OACE,4CAAC,oBAAK,IAAG,MACN,mBACC,4EAAE;AAAA;AAAA,UACQ,4CAAC,OAAG,UAAS;AAAA,WACvB,GAEJ;AAAA,QAEF,QAAQ,EAAE,SAAS,EAAE,SAAS,SAAS,EAAE;AAAA,QACzC,MAAK;AAAA,QACL,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QACjC,GAAG;AAAA,QAEJ,uDAAC,qBACE;AAAA;AAAA,UAED;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AACb,0BAAU,UAAU,UAAU,WAAW;AACzC,6DAAqB;AAAA,cACvB;AAAA,cACA,OAAO,EAAE,QAAQ,UAAU;AAAA,cAC5B;AAAA;AAAA,gBACc,4CAAC,OAAG,uBAAY;AAAA,gBAAI;AAAA,iBAC/B,SAAS,OAAO,WAAW,OAAO;AAAA,gBAElC,SAAS,OAAO,WAAW,mBAAmB,MAC9C,4CAAC,oBAAK,IAAG,MAAK,GAAE,UAAS,uDAEzB;AAAA;AAAA;AAAA,UAEJ;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,cACxC,OAAO,UAAU,cAAc,SAAY;AAAA;AAAA,UAC7C;AAAA,UAEC;AAAA,UAED,4CAAC,qBAAM,SAAQ,OACb;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,GAAG,EAAE,MAAM,QAAQ,IAAI,IAAI;AAAA,cAC3B,KAAI;AAAA,cACJ,cACE,UAAU,4CAAC,sBAAO,OAAM,SAAQ,MAAK,QAAO,IAAK;AAAA,cAEnD,UAAU,WAAW,YAAY,UAAU;AAAA,cAC3C,SAAS,CAAC,MAAM;AACd,kBAAE,gBAAgB;AAClB,4BAAY,UAAU,EAAE,KAAK,MAAM,MAAM,CAAC,IAAI,MAAM;AAAA,cACtD;AAAA,cACC,GAAG;AAAA,cAEH,kCAAwB;AAAA;AAAA,UAC3B,GACF;AAAA,WACF;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,eAAK;AAAA,QACP;AAAA,QACA,SAAQ;AAAA,QACR,GAAG,EAAE,MAAM,QAAQ,IAAI,IAAI;AAAA,QAC3B,KAAI;AAAA,QACJ,cACE,eAAe,SAAY,UACzB,4CAAC,sBAAO,OAAM,SAAQ,MAAK,QAAO,IAElC;AAAA,QAGJ,SAAS,eAAe,UAAU;AAAA,QAClC,UAAU,YAAY;AAAA,QACrB,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/confirm-modal.d.cts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ModalProps, ButtonProps } from '@mantine/core';
+import { ReactNode } from 'react';
+
+interface ConfirmModalProps extends Omit<Omit<Omit<ModalProps, "opened">, "onClose">, "onClick"> {
+    children?: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+    /** User must enter this text to confirm */
+    confirmText: string;
+    title?: ReactNode;
+    confirmButtonContent?: ReactNode;
+    onConfirm?: () => Promise<unknown>;
+    loading?: boolean;
+    additional?: ReactNode;
+    topAdditonal?: ReactNode;
+    targetProps?: ButtonProps;
+    targetNoIcon?: boolean;
+    confirmProps?: ButtonProps;
+    /** Converts into ConfirmButton */
+    disableModal?: boolean;
+}
+declare function ConfirmModal({ children, icon, disabled, confirmText, title, confirmButtonContent, onConfirm, loading, additional, topAdditonal, targetProps, targetNoIcon, confirmProps, disableModal, ...modalProps }: ConfirmModalProps): react_jsx_runtime.JSX.Element;
+
+export { ConfirmModal, type ConfirmModalProps };

package/dist/components/confirm-modal.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ModalProps, ButtonProps } from '@mantine/core';
+import { ReactNode } from 'react';
+
+interface ConfirmModalProps extends Omit<Omit<Omit<ModalProps, "opened">, "onClose">, "onClick"> {
+    children?: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+    /** User must enter this text to confirm */
+    confirmText: string;
+    title?: ReactNode;
+    confirmButtonContent?: ReactNode;
+    onConfirm?: () => Promise<unknown>;
+    loading?: boolean;
+    additional?: ReactNode;
+    topAdditonal?: ReactNode;
+    targetProps?: ButtonProps;
+    targetNoIcon?: boolean;
+    confirmProps?: ButtonProps;
+    /** Converts into ConfirmButton */
+    disableModal?: boolean;
+}
+declare function ConfirmModal({ children, icon, disabled, confirmText, title, confirmButtonContent, onConfirm, loading, additional, topAdditonal, targetProps, targetNoIcon, confirmProps, disableModal, ...modalProps }: ConfirmModalProps): react_jsx_runtime.JSX.Element;
+
+export { ConfirmModal, type ConfirmModalProps };

package/dist/components/confirm-modal.js

@@ -0,0 +1,130 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  Group,
+  Loader,
+  Modal,
+  Stack,
+  Text,
+  TextInput
+} from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import { useState } from "react";
+import { ConfirmButton } from "./confirm-button";
+import { sendCopyNotification } from "./copy-button";
+function ConfirmModal({
+  children,
+  icon,
+  disabled,
+  confirmText,
+  title,
+  confirmButtonContent,
+  onConfirm,
+  loading,
+  additional,
+  topAdditonal,
+  targetProps,
+  targetNoIcon,
+  confirmProps,
+  disableModal,
+  ...modalProps
+}) {
+  const [opened, { open, close }] = useDisclosure();
+  const [input, setInput] = useState("");
+  if (disableModal) {
+    return /* @__PURE__ */ jsx(
+      ConfirmButton,
+      {
+        icon,
+        onClick: onConfirm,
+        disabled,
+        loading,
+        ...targetProps,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Modal,
+      {
+        opened,
+        onClose: close,
+        title: /* @__PURE__ */ jsx(Text, { fz: "h3", children: title ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+          "Confirm ",
+          /* @__PURE__ */ jsx("b", { children })
+        ] }) }),
+        styles: { content: { padding: "0.5rem" } },
+        size: "lg",
+        onClick: (e) => e.stopPropagation(),
+        ...modalProps,
+        children: /* @__PURE__ */ jsxs(Stack, { children: [
+          topAdditonal,
+          /* @__PURE__ */ jsxs(
+            Text,
+            {
+              onClick: () => {
+                navigator.clipboard.writeText(confirmText);
+                sendCopyNotification();
+              },
+              style: { cursor: "pointer" },
+              children: [
+                "Please enter ",
+                /* @__PURE__ */ jsx("b", { children: confirmText }),
+                " below to confirm this action.",
+                (location.origin.startsWith("https") || // For dev
+                location.origin.startsWith("http://localhost:")) && /* @__PURE__ */ jsx(Text, { fz: "sm", c: "dimmed", children: "You may click the text in bold to copy it" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              value: input,
+              onChange: (e) => setInput(e.target.value),
+              error: input === confirmText ? void 0 : "Does not match"
+            }
+          ),
+          additional,
+          /* @__PURE__ */ jsx(Group, { justify: "end", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              justify: "space-between",
+              w: { base: "100%", xs: 190 },
+              miw: "fit-content",
+              rightSection: loading ? /* @__PURE__ */ jsx(Loader, { color: "white", size: "1rem" }) : icon,
+              disabled: loading || disabled || input !== confirmText,
+              onClick: (e) => {
+                e.stopPropagation();
+                onConfirm ? onConfirm().then(() => close()) : close();
+              },
+              ...confirmProps,
+              children: confirmButtonContent ?? children
+            }
+          ) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          open();
+        },
+        justify: "space-between",
+        w: { base: "100%", xs: 190 },
+        miw: "fit-content",
+        rightSection: targetNoIcon ? void 0 : loading ? /* @__PURE__ */ jsx(Loader, { color: "white", size: "1rem" }) : icon,
+        loading: targetNoIcon ? loading : void 0,
+        disabled: disabled || loading,
+        ...targetProps,
+        children
+      }
+    )
+  ] });
+}
+export {
+  ConfirmModal
+};
+//# sourceMappingURL=confirm-modal.js.map

package/dist/components/confirm-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/confirm-modal.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonProps,\n  Group,\n  Loader,\n  Modal,\n  ModalProps,\n  Stack,\n  Text,\n  TextInput,\n} from \"@mantine/core\";\nimport { useDisclosure } from \"@mantine/hooks\";\nimport { ReactNode, useState } from \"react\";\nimport { ConfirmButton } from \"./confirm-button\";\nimport { sendCopyNotification } from \"./copy-button\";\n\nexport interface ConfirmModalProps extends Omit<\n  Omit<Omit<ModalProps, \"opened\">, \"onClose\">,\n  \"onClick\"\n> {\n  children?: ReactNode;\n  icon?: ReactNode;\n  disabled?: boolean;\n  /** User must enter this text to confirm */\n  confirmText: string;\n  title?: ReactNode;\n  confirmButtonContent?: ReactNode;\n  onConfirm?: () => Promise<unknown>;\n  loading?: boolean;\n  additional?: ReactNode;\n  topAdditonal?: ReactNode;\n  targetProps?: ButtonProps;\n  targetNoIcon?: boolean;\n  confirmProps?: ButtonProps;\n  /** Converts into ConfirmButton */\n  disableModal?: boolean;\n}\n\nexport function ConfirmModal({\n  children,\n  icon,\n  disabled,\n  confirmText,\n  title,\n  confirmButtonContent,\n  onConfirm,\n  loading,\n  additional,\n  topAdditonal,\n  targetProps,\n  targetNoIcon,\n  confirmProps,\n  disableModal,\n  ...modalProps\n}: ConfirmModalProps) {\n  const [opened, { open, close }] = useDisclosure();\n  const [input, setInput] = useState(\"\");\n\n  if (disableModal) {\n    return (\n      <ConfirmButton\n        icon={icon}\n        onClick={onConfirm}\n        disabled={disabled}\n        loading={loading}\n        {...targetProps}\n      >\n        {children}\n      </ConfirmButton>\n    );\n  }\n\n  return (\n    <>\n      <Modal\n        opened={opened}\n        onClose={close}\n        title={\n          <Text fz=\"h3\">\n            {title ?? (\n              <>\n                Confirm <b>{children}</b>\n              </>\n            )}\n          </Text>\n        }\n        styles={{ content: { padding: \"0.5rem\" } }}\n        size=\"lg\"\n        onClick={(e) => e.stopPropagation()}\n        {...modalProps}\n      >\n        <Stack>\n          {topAdditonal}\n\n          <Text\n            onClick={() => {\n              navigator.clipboard.writeText(confirmText);\n              sendCopyNotification();\n            }}\n            style={{ cursor: \"pointer\" }}\n          >\n            Please enter <b>{confirmText}</b> below to confirm this action.\n            {(location.origin.startsWith(\"https\") ||\n              // For dev\n              location.origin.startsWith(\"http://localhost:\")) && (\n              <Text fz=\"sm\" c=\"dimmed\">\n                You may click the text in bold to copy it\n              </Text>\n            )}\n          </Text>\n\n          <TextInput\n            value={input}\n            onChange={(e) => setInput(e.target.value)}\n            error={input === confirmText ? undefined : \"Does not match\"}\n          />\n\n          {additional}\n\n          <Group justify=\"end\">\n            <Button\n              justify=\"space-between\"\n              w={{ base: \"100%\", xs: 190 }}\n              miw=\"fit-content\"\n              rightSection={\n                loading ? <Loader color=\"white\" size=\"1rem\" /> : icon\n              }\n              disabled={loading || disabled || input !== confirmText}\n              onClick={(e) => {\n                e.stopPropagation();\n                onConfirm ? onConfirm().then(() => close()) : close();\n              }}\n              {...confirmProps}\n            >\n              {confirmButtonContent ?? children}\n            </Button>\n          </Group>\n        </Stack>\n      </Modal>\n\n      <Button\n        onClick={(e) => {\n          e.stopPropagation();\n          open();\n        }}\n        justify=\"space-between\"\n        w={{ base: \"100%\", xs: 190 }}\n        miw=\"fit-content\"\n        rightSection={\n          targetNoIcon ? undefined : loading ? (\n            <Loader color=\"white\" size=\"1rem\" />\n          ) : (\n            icon\n          )\n        }\n        loading={targetNoIcon ? loading : undefined}\n        disabled={disabled || loading}\n        {...targetProps}\n      >\n        {children}\n      </Button>\n    </>\n  );\n}\n"],"mappings":"AA4DM,SAoBQ,UApBR,KAoBQ,YApBR;AA5DN;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B,SAAoB,gBAAgB;AACpC,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AAwB9B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,CAAC,QAAQ,EAAE,MAAM,MAAM,CAAC,IAAI,cAAc;AAChD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AAErC,MAAI,cAAc;AAChB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACT,OACE,oBAAC,QAAK,IAAG,MACN,mBACC,iCAAE;AAAA;AAAA,UACQ,oBAAC,OAAG,UAAS;AAAA,WACvB,GAEJ;AAAA,QAEF,QAAQ,EAAE,SAAS,EAAE,SAAS,SAAS,EAAE;AAAA,QACzC,MAAK;AAAA,QACL,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QACjC,GAAG;AAAA,QAEJ,+BAAC,SACE;AAAA;AAAA,UAED;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AACb,0BAAU,UAAU,UAAU,WAAW;AACzC,qCAAqB;AAAA,cACvB;AAAA,cACA,OAAO,EAAE,QAAQ,UAAU;AAAA,cAC5B;AAAA;AAAA,gBACc,oBAAC,OAAG,uBAAY;AAAA,gBAAI;AAAA,iBAC/B,SAAS,OAAO,WAAW,OAAO;AAAA,gBAElC,SAAS,OAAO,WAAW,mBAAmB,MAC9C,oBAAC,QAAK,IAAG,MAAK,GAAE,UAAS,uDAEzB;AAAA;AAAA;AAAA,UAEJ;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,cACxC,OAAO,UAAU,cAAc,SAAY;AAAA;AAAA,UAC7C;AAAA,UAEC;AAAA,UAED,oBAAC,SAAM,SAAQ,OACb;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,GAAG,EAAE,MAAM,QAAQ,IAAI,IAAI;AAAA,cAC3B,KAAI;AAAA,cACJ,cACE,UAAU,oBAAC,UAAO,OAAM,SAAQ,MAAK,QAAO,IAAK;AAAA,cAEnD,UAAU,WAAW,YAAY,UAAU;AAAA,cAC3C,SAAS,CAAC,MAAM;AACd,kBAAE,gBAAgB;AAClB,4BAAY,UAAU,EAAE,KAAK,MAAM,MAAM,CAAC,IAAI,MAAM;AAAA,cACtD;AAAA,cACC,GAAG;AAAA,cAEH,kCAAwB;AAAA;AAAA,UAC3B,GACF;AAAA,WACF;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,eAAK;AAAA,QACP;AAAA,QACA,SAAQ;AAAA,QACR,GAAG,EAAE,MAAM,QAAQ,IAAI,IAAI;AAAA,QAC3B,KAAI;AAAA,QACJ,cACE,eAAe,SAAY,UACzB,oBAAC,UAAO,OAAM,SAAQ,MAAK,QAAO,IAElC;AAAA,QAGJ,SAAS,eAAe,UAAU;AAAA,QAClC,UAAU,YAAY;AAAA,QACrB,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/copy-button.cjs

@@ -0,0 +1,68 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var copy_button_exports = {};
+__export(copy_button_exports, {
+  CopyButton: () => CopyButton,
+  sendCopyNotification: () => sendCopyNotification
+});
+module.exports = __toCommonJS(copy_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_notifications = require("@mantine/notifications");
+var import_lucide_react = require("lucide-react");
+function CopyButton({
+  content,
+  icon,
+  label = "content",
+  size = "1.1rem",
+  buttonSize = "lg"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.CopyButton, { value: content, children: ({ copied, copy }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_core.ActionIcon,
+    {
+      variant: "default",
+      onClick: (e) => {
+        e.stopPropagation();
+        copy();
+        sendCopyNotification(label);
+      },
+      size: buttonSize,
+      children: copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { size }) : icon ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Copy, { size })
+    }
+  ) });
+}
+function sendCopyNotification(label = "content") {
+  if (location.origin.startsWith("https")) {
+    import_notifications.notifications.show({
+      message: `Copied ${label} to clipboard.`,
+      color: "green"
+    });
+  } else {
+    import_notifications.notifications.show({
+      message: "Cannot copy to clipboard without HTTPS.",
+      color: "red"
+    });
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CopyButton,
+  sendCopyNotification
+});
+//# sourceMappingURL=copy-button.cjs.map

package/dist/components/copy-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/copy-button.tsx"],"sourcesContent":["import {\n  ActionIcon,\n  ActionIconProps,\n  CopyButton as MantineCopyButton,\n} from \"@mantine/core\";\nimport { notifications } from \"@mantine/notifications\";\nimport { Check, Copy } from \"lucide-react\";\nimport { ReactNode } from \"react\";\n\nexport interface CopyButtonProps {\n  content: string;\n  icon?: ReactNode;\n  label?: string;\n  size?: string | number;\n  buttonSize?: ActionIconProps[\"size\"];\n}\n\nexport function CopyButton({\n  content,\n  icon,\n  label = \"content\",\n  size = \"1.1rem\",\n  buttonSize = \"lg\",\n}: CopyButtonProps) {\n  return (\n    <MantineCopyButton value={content}>\n      {({ copied, copy }) => (\n        <ActionIcon\n          variant=\"default\"\n          onClick={(e) => {\n            e.stopPropagation();\n            copy();\n            sendCopyNotification(label);\n          }}\n          size={buttonSize}\n        >\n          {copied ? <Check size={size} /> : (icon ?? <Copy size={size} />)}\n        </ActionIcon>\n      )}\n    </MantineCopyButton>\n  );\n}\n\nexport function sendCopyNotification(label = \"content\") {\n  if (location.origin.startsWith(\"https\")) {\n    notifications.show({\n      message: `Copied ${label} to clipboard.`,\n      color: \"green\",\n    });\n  } else {\n    notifications.show({\n      message: \"Cannot copy to clipboard without HTTPS.\",\n      color: \"red\",\n    });\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCoB;AApCpB,kBAIO;AACP,2BAA8B;AAC9B,0BAA4B;AAWrB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf,GAAoB;AAClB,SACE,4CAAC,YAAAA,YAAA,EAAkB,OAAO,SACvB,WAAC,EAAE,QAAQ,KAAK,MACf;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,aAAK;AACL,6BAAqB,KAAK;AAAA,MAC5B;AAAA,MACA,MAAM;AAAA,MAEL,mBAAS,4CAAC,6BAAM,MAAY,IAAM,QAAQ,4CAAC,4BAAK,MAAY;AAAA;AAAA,EAC/D,GAEJ;AAEJ;AAEO,SAAS,qBAAqB,QAAQ,WAAW;AACtD,MAAI,SAAS,OAAO,WAAW,OAAO,GAAG;AACvC,uCAAc,KAAK;AAAA,MACjB,SAAS,UAAU,KAAK;AAAA,MACxB,OAAO;AAAA,IACT,CAAC;AAAA,EACH,OAAO;AACL,uCAAc,KAAK;AAAA,MACjB,SAAS;AAAA,MACT,OAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;","names":["MantineCopyButton"]}

package/dist/components/copy-button.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ActionIconProps } from '@mantine/core';
+import { ReactNode } from 'react';
+
+interface CopyButtonProps {
+    content: string;
+    icon?: ReactNode;
+    label?: string;
+    size?: string | number;
+    buttonSize?: ActionIconProps["size"];
+}
+declare function CopyButton({ content, icon, label, size, buttonSize, }: CopyButtonProps): react_jsx_runtime.JSX.Element;
+declare function sendCopyNotification(label?: string): void;
+
+export { CopyButton, type CopyButtonProps, sendCopyNotification };

package/dist/components/copy-button.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ActionIconProps } from '@mantine/core';
+import { ReactNode } from 'react';
+
+interface CopyButtonProps {
+    content: string;
+    icon?: ReactNode;
+    label?: string;
+    size?: string | number;
+    buttonSize?: ActionIconProps["size"];
+}
+declare function CopyButton({ content, icon, label, size, buttonSize, }: CopyButtonProps): react_jsx_runtime.JSX.Element;
+declare function sendCopyNotification(label?: string): void;
+
+export { CopyButton, type CopyButtonProps, sendCopyNotification };

package/dist/components/copy-button.js

@@ -0,0 +1,46 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  ActionIcon,
+  CopyButton as MantineCopyButton
+} from "@mantine/core";
+import { notifications } from "@mantine/notifications";
+import { Check, Copy } from "lucide-react";
+function CopyButton({
+  content,
+  icon,
+  label = "content",
+  size = "1.1rem",
+  buttonSize = "lg"
+}) {
+  return /* @__PURE__ */ jsx(MantineCopyButton, { value: content, children: ({ copied, copy }) => /* @__PURE__ */ jsx(
+    ActionIcon,
+    {
+      variant: "default",
+      onClick: (e) => {
+        e.stopPropagation();
+        copy();
+        sendCopyNotification(label);
+      },
+      size: buttonSize,
+      children: copied ? /* @__PURE__ */ jsx(Check, { size }) : icon ?? /* @__PURE__ */ jsx(Copy, { size })
+    }
+  ) });
+}
+function sendCopyNotification(label = "content") {
+  if (location.origin.startsWith("https")) {
+    notifications.show({
+      message: `Copied ${label} to clipboard.`,
+      color: "green"
+    });
+  } else {
+    notifications.show({
+      message: "Cannot copy to clipboard without HTTPS.",
+      color: "red"
+    });
+  }
+}
+export {
+  CopyButton,
+  sendCopyNotification
+};
+//# sourceMappingURL=copy-button.js.map

package/dist/components/copy-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/copy-button.tsx"],"sourcesContent":["import {\n  ActionIcon,\n  ActionIconProps,\n  CopyButton as MantineCopyButton,\n} from \"@mantine/core\";\nimport { notifications } from \"@mantine/notifications\";\nimport { Check, Copy } from \"lucide-react\";\nimport { ReactNode } from \"react\";\n\nexport interface CopyButtonProps {\n  content: string;\n  icon?: ReactNode;\n  label?: string;\n  size?: string | number;\n  buttonSize?: ActionIconProps[\"size\"];\n}\n\nexport function CopyButton({\n  content,\n  icon,\n  label = \"content\",\n  size = \"1.1rem\",\n  buttonSize = \"lg\",\n}: CopyButtonProps) {\n  return (\n    <MantineCopyButton value={content}>\n      {({ copied, copy }) => (\n        <ActionIcon\n          variant=\"default\"\n          onClick={(e) => {\n            e.stopPropagation();\n            copy();\n            sendCopyNotification(label);\n          }}\n          size={buttonSize}\n        >\n          {copied ? <Check size={size} /> : (icon ?? <Copy size={size} />)}\n        </ActionIcon>\n      )}\n    </MantineCopyButton>\n  );\n}\n\nexport function sendCopyNotification(label = \"content\") {\n  if (location.origin.startsWith(\"https\")) {\n    notifications.show({\n      message: `Copied ${label} to clipboard.`,\n      color: \"green\",\n    });\n  } else {\n    notifications.show({\n      message: \"Cannot copy to clipboard without HTTPS.\",\n      color: \"red\",\n    });\n  }\n}\n"],"mappings":"AAoCoB;AApCpB;AAAA,EACE;AAAA,EAEA,cAAc;AAAA,OACT;AACP,SAAS,qBAAqB;AAC9B,SAAS,OAAO,YAAY;AAWrB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf,GAAoB;AAClB,SACE,oBAAC,qBAAkB,OAAO,SACvB,WAAC,EAAE,QAAQ,KAAK,MACf;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,aAAK;AACL,6BAAqB,KAAK;AAAA,MAC5B;AAAA,MACA,MAAM;AAAA,MAEL,mBAAS,oBAAC,SAAM,MAAY,IAAM,QAAQ,oBAAC,QAAK,MAAY;AAAA;AAAA,EAC/D,GAEJ;AAEJ;AAEO,SAAS,qBAAqB,QAAQ,WAAW;AACtD,MAAI,SAAS,OAAO,WAAW,OAAO,GAAG;AACvC,kBAAc,KAAK;AAAA,MACjB,SAAS,UAAU,KAAK;AAAA,MACxB,OAAO;AAAA,IACT,CAAC;AAAA,EACH,OAAO;AACL,kBAAc,KAAK;AAAA,MACjB,SAAS;AAAA,MACT,OAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/components/copy-text.cjs

@@ -0,0 +1,63 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var copy_text_exports = {};
+__export(copy_text_exports, {
+  CopyText: () => CopyText
+});
+module.exports = __toCommonJS(copy_text_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_copy_button = require("./copy-button");
+function CopyText({
+  content,
+  label,
+  groupProps,
+  ...textProps
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { gap: "sm", wrap: "nowrap", ...groupProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.Text,
+      {
+        title: content,
+        w: { base: 230, lg: 330 },
+        p: "xs",
+        bdrs: "sm",
+        style: {
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          cursor: "pointer"
+        },
+        className: "text-ellipsis bordered-light",
+        size: "sm",
+        onClick: () => {
+          navigator.clipboard.writeText(content);
+          (0, import_copy_button.sendCopyNotification)(label);
+        },
+        ...textProps,
+        children: content
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_copy_button.CopyButton, { content })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CopyText
+});
+//# sourceMappingURL=copy-text.cjs.map

package/dist/components/copy-text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/copy-text.tsx"],"sourcesContent":["import { Group, GroupProps, Text, TextProps } from \"@mantine/core\";\nimport { CopyButton, sendCopyNotification } from \"./copy-button\";\n\nexport interface CopyTextProps extends TextProps {\n  content: string;\n  label?: string;\n  groupProps?: GroupProps;\n}\n\nexport function CopyText({\n  content,\n  label,\n  groupProps,\n  ...textProps\n}: CopyTextProps) {\n  return (\n    <Group gap=\"sm\" wrap=\"nowrap\" {...groupProps}>\n      <Text\n        title={content}\n        w={{ base: 230, lg: 330 }}\n        p=\"xs\"\n        bdrs=\"sm\"\n        style={{\n          overflow: \"hidden\",\n          whiteSpace: \"nowrap\",\n          cursor: \"pointer\",\n        }}\n        className=\"text-ellipsis bordered-light\"\n        size=\"sm\"\n        onClick={() => {\n          navigator.clipboard.writeText(content);\n          sendCopyNotification(label);\n        }}\n        {...textProps}\n      >\n        {content}\n      </Text>\n      <CopyButton content={content} />\n    </Group>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBI;AAhBJ,kBAAmD;AACnD,yBAAiD;AAQ1C,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,SACE,6CAAC,qBAAM,KAAI,MAAK,MAAK,UAAU,GAAG,YAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,GAAG,EAAE,MAAM,KAAK,IAAI,IAAI;AAAA,QACxB,GAAE;AAAA,QACF,MAAK;AAAA,QACL,OAAO;AAAA,UACL,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,QACA,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAM;AACb,oBAAU,UAAU,UAAU,OAAO;AACrC,uDAAqB,KAAK;AAAA,QAC5B;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,IACA,4CAAC,iCAAW,SAAkB;AAAA,KAChC;AAEJ;","names":[]}

package/dist/components/copy-text.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextProps, GroupProps } from '@mantine/core';
+
+interface CopyTextProps extends TextProps {
+    content: string;
+    label?: string;
+    groupProps?: GroupProps;
+}
+declare function CopyText({ content, label, groupProps, ...textProps }: CopyTextProps): react_jsx_runtime.JSX.Element;
+
+export { CopyText, type CopyTextProps };

package/dist/components/copy-text.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextProps, GroupProps } from '@mantine/core';
+
+interface CopyTextProps extends TextProps {
+    content: string;
+    label?: string;
+    groupProps?: GroupProps;
+}
+declare function CopyText({ content, label, groupProps, ...textProps }: CopyTextProps): react_jsx_runtime.JSX.Element;
+
+export { CopyText, type CopyTextProps };

package/dist/components/copy-text.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Group, Text } from "@mantine/core";
+import { CopyButton, sendCopyNotification } from "./copy-button";
+function CopyText({
+  content,
+  label,
+  groupProps,
+  ...textProps
+}) {
+  return /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", ...groupProps, children: [
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        title: content,
+        w: { base: 230, lg: 330 },
+        p: "xs",
+        bdrs: "sm",
+        style: {
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          cursor: "pointer"
+        },
+        className: "text-ellipsis bordered-light",
+        size: "sm",
+        onClick: () => {
+          navigator.clipboard.writeText(content);
+          sendCopyNotification(label);
+        },
+        ...textProps,
+        children: content
+      }
+    ),
+    /* @__PURE__ */ jsx(CopyButton, { content })
+  ] });
+}
+export {
+  CopyText
+};
+//# sourceMappingURL=copy-text.js.map

package/dist/components/copy-text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/copy-text.tsx"],"sourcesContent":["import { Group, GroupProps, Text, TextProps } from \"@mantine/core\";\nimport { CopyButton, sendCopyNotification } from \"./copy-button\";\n\nexport interface CopyTextProps extends TextProps {\n  content: string;\n  label?: string;\n  groupProps?: GroupProps;\n}\n\nexport function CopyText({\n  content,\n  label,\n  groupProps,\n  ...textProps\n}: CopyTextProps) {\n  return (\n    <Group gap=\"sm\" wrap=\"nowrap\" {...groupProps}>\n      <Text\n        title={content}\n        w={{ base: 230, lg: 330 }}\n        p=\"xs\"\n        bdrs=\"sm\"\n        style={{\n          overflow: \"hidden\",\n          whiteSpace: \"nowrap\",\n          cursor: \"pointer\",\n        }}\n        className=\"text-ellipsis bordered-light\"\n        size=\"sm\"\n        onClick={() => {\n          navigator.clipboard.writeText(content);\n          sendCopyNotification(label);\n        }}\n        {...textProps}\n      >\n        {content}\n      </Text>\n      <CopyButton content={content} />\n    </Group>\n  );\n}\n"],"mappings":"AAgBI,SACE,KADF;AAhBJ,SAAS,OAAmB,YAAuB;AACnD,SAAS,YAAY,4BAA4B;AAQ1C,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,SACE,qBAAC,SAAM,KAAI,MAAK,MAAK,UAAU,GAAG,YAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,GAAG,EAAE,MAAM,KAAK,IAAI,IAAI;AAAA,QACxB,GAAE;AAAA,QACF,MAAK;AAAA,QACL,OAAO;AAAA,UACL,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,QACA,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAM;AACb,oBAAU,UAAU,UAAU,OAAO;AACrC,+BAAqB,KAAK;AAAA,QAC5B;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,IACA,oBAAC,cAAW,SAAkB;AAAA,KAChC;AAEJ;","names":[]}