mogh_ui 0.1.0

package/dist/components/config/layout.cjs

@@ -0,0 +1,44 @@
+"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 layout_exports = {};
+__export(layout_exports, {
+  ConfigLayout: () => ConfigLayout
+});
+module.exports = __toCommonJS(layout_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_section = require("../section");
+var import_lucide_react = require("lucide-react");
+function ConfigLayout({
+  title,
+  icon,
+  titleOther,
+  SaveOrReset,
+  ...sectionProps
+}) {
+  const titleProps = titleOther ? { titleOther } : {
+    title: title ?? "Config",
+    icon: icon ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Settings, { size: "1rem" })
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_section.Section, { actions: SaveOrReset, gap: "md", ...titleProps, ...sectionProps });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConfigLayout
+});
+//# sourceMappingURL=layout.cjs.map

package/dist/components/config/layout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/config/layout.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { Section, SectionProps } from \"../section\";\nimport { Settings } from \"lucide-react\";\n\n/** Includes save buttons */\nexport function ConfigLayout({\n  title,\n  icon,\n  titleOther,\n  SaveOrReset,\n  ...sectionProps\n}: {\n  SaveOrReset: ReactNode | undefined;\n} & SectionProps) {\n  const titleProps = titleOther\n    ? { titleOther }\n    : {\n        title: title ?? \"Config\",\n        icon: icon ?? <Settings size=\"1rem\" />,\n      };\n  return <Section actions={SaveOrReset} gap=\"md\" {...titleProps} {...sectionProps} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBsB;AAjBtB,qBAAsC;AACtC,0BAAyB;AAGlB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEkB;AAChB,QAAM,aAAa,aACf,EAAE,WAAW,IACb;AAAA,IACE,OAAO,SAAS;AAAA,IAChB,MAAM,QAAQ,4CAAC,gCAAS,MAAK,QAAO;AAAA,EACtC;AACJ,SAAO,4CAAC,0BAAQ,SAAS,aAAa,KAAI,MAAM,GAAG,YAAa,GAAG,cAAc;AACnF;","names":[]}

package/dist/components/config/layout.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { SectionProps } from '../section.cjs';
+import '@mantine/core';
+
+/** Includes save buttons */
+declare function ConfigLayout({ title, icon, titleOther, SaveOrReset, ...sectionProps }: {
+    SaveOrReset: ReactNode | undefined;
+} & SectionProps): react_jsx_runtime.JSX.Element;
+
+export { ConfigLayout };

package/dist/components/config/layout.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { SectionProps } from '../section.js';
+import '@mantine/core';
+
+/** Includes save buttons */
+declare function ConfigLayout({ title, icon, titleOther, SaveOrReset, ...sectionProps }: {
+    SaveOrReset: ReactNode | undefined;
+} & SectionProps): react_jsx_runtime.JSX.Element;
+
+export { ConfigLayout };

package/dist/components/config/layout.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { Section } from "../section";
+import { Settings } from "lucide-react";
+function ConfigLayout({
+  title,
+  icon,
+  titleOther,
+  SaveOrReset,
+  ...sectionProps
+}) {
+  const titleProps = titleOther ? { titleOther } : {
+    title: title ?? "Config",
+    icon: icon ?? /* @__PURE__ */ jsx(Settings, { size: "1rem" })
+  };
+  return /* @__PURE__ */ jsx(Section, { actions: SaveOrReset, gap: "md", ...titleProps, ...sectionProps });
+}
+export {
+  ConfigLayout
+};
+//# sourceMappingURL=layout.js.map

package/dist/components/config/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/config/layout.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { Section, SectionProps } from \"../section\";\nimport { Settings } from \"lucide-react\";\n\n/** Includes save buttons */\nexport function ConfigLayout({\n  title,\n  icon,\n  titleOther,\n  SaveOrReset,\n  ...sectionProps\n}: {\n  SaveOrReset: ReactNode | undefined;\n} & SectionProps) {\n  const titleProps = titleOther\n    ? { titleOther }\n    : {\n        title: title ?? \"Config\",\n        icon: icon ?? <Settings size=\"1rem\" />,\n      };\n  return <Section actions={SaveOrReset} gap=\"md\" {...titleProps} {...sectionProps} />;\n}\n"],"mappings":"AAkBsB;AAjBtB,SAAS,eAA6B;AACtC,SAAS,gBAAgB;AAGlB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEkB;AAChB,QAAM,aAAa,aACf,EAAE,WAAW,IACb;AAAA,IACE,OAAO,SAAS;AAAA,IAChB,MAAM,QAAQ,oBAAC,YAAS,MAAK,QAAO;AAAA,EACtC;AACJ,SAAO,oBAAC,WAAQ,SAAS,aAAa,KAAI,MAAM,GAAG,YAAa,GAAG,cAAc;AACnF;","names":[]}

package/dist/components/config/unsaved-changes.cjs

@@ -0,0 +1,47 @@
+"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 unsaved_changes_exports = {};
+__export(unsaved_changes_exports, {
+  UnsavedChanges: () => UnsavedChanges
+});
+module.exports = __toCommonJS(unsaved_changes_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_lucide_react = require("lucide-react");
+function UnsavedChanges({ fullWidth }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_core.Group,
+    {
+      gap: "xs",
+      wrap: "nowrap",
+      justify: "space-evenly",
+      w: fullWidth ? "100%" : "fit-content",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.TriangleAlert, { size: "1rem" }),
+        "Unsaved changes",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.TriangleAlert, { size: "1rem" })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UnsavedChanges
+});
+//# sourceMappingURL=unsaved-changes.cjs.map

package/dist/components/config/unsaved-changes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/config/unsaved-changes.tsx"],"sourcesContent":["import { Group } from \"@mantine/core\";\nimport { TriangleAlert } from \"lucide-react\";\n\nexport function UnsavedChanges({ fullWidth }: { fullWidth?: boolean }) {\n  return (\n    <Group\n      gap=\"xs\"\n      wrap=\"nowrap\"\n      justify=\"space-evenly\"\n      w={fullWidth ? \"100%\" : \"fit-content\"}\n    >\n      <TriangleAlert size=\"1rem\" />\n      Unsaved changes\n      <TriangleAlert size=\"1rem\" />\n    </Group>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKI;AALJ,kBAAsB;AACtB,0BAA8B;AAEvB,SAAS,eAAe,EAAE,UAAU,GAA4B;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,GAAG,YAAY,SAAS;AAAA,MAExB;AAAA,oDAAC,qCAAc,MAAK,QAAO;AAAA,QAAE;AAAA,QAE7B,4CAAC,qCAAc,MAAK,QAAO;AAAA;AAAA;AAAA,EAC7B;AAEJ;","names":[]}

package/dist/components/config/unsaved-changes.d.cts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function UnsavedChanges({ fullWidth }: {
+    fullWidth?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { UnsavedChanges };

package/dist/components/config/unsaved-changes.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function UnsavedChanges({ fullWidth }: {
+    fullWidth?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { UnsavedChanges };

package/dist/components/config/unsaved-changes.js

@@ -0,0 +1,23 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Group } from "@mantine/core";
+import { TriangleAlert } from "lucide-react";
+function UnsavedChanges({ fullWidth }) {
+  return /* @__PURE__ */ jsxs(
+    Group,
+    {
+      gap: "xs",
+      wrap: "nowrap",
+      justify: "space-evenly",
+      w: fullWidth ? "100%" : "fit-content",
+      children: [
+        /* @__PURE__ */ jsx(TriangleAlert, { size: "1rem" }),
+        "Unsaved changes",
+        /* @__PURE__ */ jsx(TriangleAlert, { size: "1rem" })
+      ]
+    }
+  );
+}
+export {
+  UnsavedChanges
+};
+//# sourceMappingURL=unsaved-changes.js.map

package/dist/components/config/unsaved-changes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/config/unsaved-changes.tsx"],"sourcesContent":["import { Group } from \"@mantine/core\";\nimport { TriangleAlert } from \"lucide-react\";\n\nexport function UnsavedChanges({ fullWidth }: { fullWidth?: boolean }) {\n  return (\n    <Group\n      gap=\"xs\"\n      wrap=\"nowrap\"\n      justify=\"space-evenly\"\n      w={fullWidth ? \"100%\" : \"fit-content\"}\n    >\n      <TriangleAlert size=\"1rem\" />\n      Unsaved changes\n      <TriangleAlert size=\"1rem\" />\n    </Group>\n  );\n}\n"],"mappings":"AAKI,SAME,KANF;AALJ,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAEvB,SAAS,eAAe,EAAE,UAAU,GAA4B;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,GAAG,YAAY,SAAS;AAAA,MAExB;AAAA,4BAAC,iBAAc,MAAK,QAAO;AAAA,QAAE;AAAA,QAE7B,oBAAC,iBAAc,MAAK,QAAO;AAAA;AAAA;AAAA,EAC7B;AAEJ;","names":[]}

package/dist/components/confirm-button.cjs

@@ -0,0 +1,85 @@
+"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_button_exports = {};
+__export(confirm_button_exports, {
+  ConfirmButton: () => ConfirmButton
+});
+module.exports = __toCommonJS(confirm_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_lucide_react = require("lucide-react");
+var import_react = require("react");
+const ConfirmButton = (0, import_core.createPolymorphicComponent)(
+  (0, import_react.forwardRef)(
+    ({
+      icon,
+      rightSection,
+      children,
+      onClick,
+      onBlur,
+      miw,
+      loading,
+      disabled,
+      confirmProps,
+      ...props
+    }, ref) => {
+      const [clickedOnce, setClickedOnce] = (0, import_react.useState)(false);
+      (0, import_react.useEffect)(() => {
+        if (clickedOnce) {
+          const timeout = setTimeout(() => {
+            setClickedOnce(false);
+          }, 4e3);
+          return () => clearTimeout(timeout);
+        }
+      }, [clickedOnce]);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_core.Button,
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            if (clickedOnce) {
+              onClick?.(e);
+              setClickedOnce(false);
+            } else {
+              setClickedOnce(true);
+            }
+          },
+          onBlur: (e) => {
+            onBlur?.(e);
+            setClickedOnce(false);
+          },
+          justify: "space-between",
+          w: { base: "100%", xs: 190 },
+          miw: "fit-content",
+          rightSection: clickedOnce ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { size: "1rem" }) : loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Loader, { size: "1rem" }) : rightSection ?? icon ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CircleQuestionMark, { size: "1rem" }),
+          disabled: disabled || loading,
+          ...props,
+          ...clickedOnce ? confirmProps : {},
+          ref,
+          children: clickedOnce ? "Confirm" : children
+        }
+      );
+    }
+  )
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConfirmButton
+});
+//# sourceMappingURL=confirm-button.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/confirm-button.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonProps,\n  createPolymorphicComponent,\n  Loader,\n} from \"@mantine/core\";\nimport { Check, CircleQuestionMark } from \"lucide-react\";\nimport {\n  FocusEventHandler,\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  useEffect,\n  useState,\n} from \"react\";\n\n// https://mantine.dev/guides/polymorphic/#create-your-own-polymorphic-components\n\nexport interface ConfirmButtonProps extends ButtonProps {\n  icon?: ReactNode;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  onBlur?: FocusEventHandler<HTMLButtonElement>;\n  /** Passed when button is in confirm mode */\n  confirmProps?: ButtonProps;\n}\n\nexport const ConfirmButton = createPolymorphicComponent<\n  \"button\",\n  ConfirmButtonProps\n>(\n  forwardRef<HTMLButtonElement, ConfirmButtonProps>(\n    (\n      {\n        icon,\n        rightSection,\n        children,\n        onClick,\n        onBlur,\n        miw,\n        loading,\n        disabled,\n        confirmProps,\n        ...props\n      },\n      ref,\n    ) => {\n      const [clickedOnce, setClickedOnce] = useState(false);\n      useEffect(() => {\n        if (clickedOnce) {\n          const timeout = setTimeout(() => {\n            setClickedOnce(false);\n          }, 4_000);\n          return () => clearTimeout(timeout);\n        }\n      }, [clickedOnce]);\n      return (\n        <Button\n          onClick={(e) => {\n            e.stopPropagation();\n            if (clickedOnce) {\n              onClick?.(e);\n              setClickedOnce(false);\n            } else {\n              setClickedOnce(true);\n            }\n          }}\n          onBlur={(e) => {\n            onBlur?.(e);\n            setClickedOnce(false);\n          }}\n          justify=\"space-between\"\n          w={{ base: \"100%\", xs: 190 }}\n          miw=\"fit-content\"\n          rightSection={\n            clickedOnce ? (\n              <Check size=\"1rem\" />\n            ) : loading ? (\n              <Loader size=\"1rem\" />\n            ) : (\n              (rightSection ?? icon ?? <CircleQuestionMark size=\"1rem\" />)\n            )\n          }\n          disabled={disabled || loading}\n          {...props}\n          {...(clickedOnce ? confirmProps : {})}\n          ref={ref}\n        >\n          {clickedOnce ? \"Confirm\" : children}\n        </Button>\n      );\n    },\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Ec;AA3Ed,kBAKO;AACP,0BAA0C;AAC1C,mBAOO;AAYA,MAAM,oBAAgB;AAAA,MAI3B;AAAA,IACE,CACE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,GACA,QACG;AACH,YAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AACpD,kCAAU,MAAM;AACd,YAAI,aAAa;AACf,gBAAM,UAAU,WAAW,MAAM;AAC/B,2BAAe,KAAK;AAAA,UACtB,GAAG,GAAK;AACR,iBAAO,MAAM,aAAa,OAAO;AAAA,QACnC;AAAA,MACF,GAAG,CAAC,WAAW,CAAC;AAChB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,CAAC,MAAM;AACd,cAAE,gBAAgB;AAClB,gBAAI,aAAa;AACf,wBAAU,CAAC;AACX,6BAAe,KAAK;AAAA,YACtB,OAAO;AACL,6BAAe,IAAI;AAAA,YACrB;AAAA,UACF;AAAA,UACA,QAAQ,CAAC,MAAM;AACb,qBAAS,CAAC;AACV,2BAAe,KAAK;AAAA,UACtB;AAAA,UACA,SAAQ;AAAA,UACR,GAAG,EAAE,MAAM,QAAQ,IAAI,IAAI;AAAA,UAC3B,KAAI;AAAA,UACJ,cACE,cACE,4CAAC,6BAAM,MAAK,QAAO,IACjB,UACF,4CAAC,sBAAO,MAAK,QAAO,IAEnB,gBAAgB,QAAQ,4CAAC,0CAAmB,MAAK,QAAO;AAAA,UAG7D,UAAU,YAAY;AAAA,UACrB,GAAG;AAAA,UACH,GAAI,cAAc,eAAe,CAAC;AAAA,UACnC;AAAA,UAEC,wBAAc,YAAY;AAAA;AAAA,MAC7B;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,23 @@
+import * as react from 'react';
+import { ReactNode, MouseEventHandler, FocusEventHandler } from 'react';
+import * as _mantine_core from '@mantine/core';
+import { ButtonProps } from '@mantine/core';
+
+interface ConfirmButtonProps extends ButtonProps {
+    icon?: ReactNode;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onBlur?: FocusEventHandler<HTMLButtonElement>;
+    /** Passed when button is in confirm mode */
+    confirmProps?: ButtonProps;
+}
+declare const ConfirmButton: (<C = "button">(props: _mantine_core.PolymorphicComponentProps<C, ConfirmButtonProps>) => React.ReactElement) & Omit<react.FunctionComponent<(ConfirmButtonProps & {
+    component?: any;
+} & Omit<any, "component" | keyof ConfirmButtonProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (ConfirmButtonProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+export { ConfirmButton, type ConfirmButtonProps };

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

@@ -0,0 +1,23 @@
+import * as react from 'react';
+import { ReactNode, MouseEventHandler, FocusEventHandler } from 'react';
+import * as _mantine_core from '@mantine/core';
+import { ButtonProps } from '@mantine/core';
+
+interface ConfirmButtonProps extends ButtonProps {
+    icon?: ReactNode;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onBlur?: FocusEventHandler<HTMLButtonElement>;
+    /** Passed when button is in confirm mode */
+    confirmProps?: ButtonProps;
+}
+declare const ConfirmButton: (<C = "button">(props: _mantine_core.PolymorphicComponentProps<C, ConfirmButtonProps>) => React.ReactElement) & Omit<react.FunctionComponent<(ConfirmButtonProps & {
+    component?: any;
+} & Omit<any, "component" | keyof ConfirmButtonProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (ConfirmButtonProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+export { ConfirmButton, type ConfirmButtonProps };

package/dist/components/confirm-button.js

@@ -0,0 +1,69 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  Button,
+  createPolymorphicComponent,
+  Loader
+} from "@mantine/core";
+import { Check, CircleQuestionMark } from "lucide-react";
+import {
+  forwardRef,
+  useEffect,
+  useState
+} from "react";
+const ConfirmButton = createPolymorphicComponent(
+  forwardRef(
+    ({
+      icon,
+      rightSection,
+      children,
+      onClick,
+      onBlur,
+      miw,
+      loading,
+      disabled,
+      confirmProps,
+      ...props
+    }, ref) => {
+      const [clickedOnce, setClickedOnce] = useState(false);
+      useEffect(() => {
+        if (clickedOnce) {
+          const timeout = setTimeout(() => {
+            setClickedOnce(false);
+          }, 4e3);
+          return () => clearTimeout(timeout);
+        }
+      }, [clickedOnce]);
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            if (clickedOnce) {
+              onClick?.(e);
+              setClickedOnce(false);
+            } else {
+              setClickedOnce(true);
+            }
+          },
+          onBlur: (e) => {
+            onBlur?.(e);
+            setClickedOnce(false);
+          },
+          justify: "space-between",
+          w: { base: "100%", xs: 190 },
+          miw: "fit-content",
+          rightSection: clickedOnce ? /* @__PURE__ */ jsx(Check, { size: "1rem" }) : loading ? /* @__PURE__ */ jsx(Loader, { size: "1rem" }) : rightSection ?? icon ?? /* @__PURE__ */ jsx(CircleQuestionMark, { size: "1rem" }),
+          disabled: disabled || loading,
+          ...props,
+          ...clickedOnce ? confirmProps : {},
+          ref,
+          children: clickedOnce ? "Confirm" : children
+        }
+      );
+    }
+  )
+);
+export {
+  ConfirmButton
+};
+//# sourceMappingURL=confirm-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/confirm-button.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonProps,\n  createPolymorphicComponent,\n  Loader,\n} from \"@mantine/core\";\nimport { Check, CircleQuestionMark } from \"lucide-react\";\nimport {\n  FocusEventHandler,\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  useEffect,\n  useState,\n} from \"react\";\n\n// https://mantine.dev/guides/polymorphic/#create-your-own-polymorphic-components\n\nexport interface ConfirmButtonProps extends ButtonProps {\n  icon?: ReactNode;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  onBlur?: FocusEventHandler<HTMLButtonElement>;\n  /** Passed when button is in confirm mode */\n  confirmProps?: ButtonProps;\n}\n\nexport const ConfirmButton = createPolymorphicComponent<\n  \"button\",\n  ConfirmButtonProps\n>(\n  forwardRef<HTMLButtonElement, ConfirmButtonProps>(\n    (\n      {\n        icon,\n        rightSection,\n        children,\n        onClick,\n        onBlur,\n        miw,\n        loading,\n        disabled,\n        confirmProps,\n        ...props\n      },\n      ref,\n    ) => {\n      const [clickedOnce, setClickedOnce] = useState(false);\n      useEffect(() => {\n        if (clickedOnce) {\n          const timeout = setTimeout(() => {\n            setClickedOnce(false);\n          }, 4_000);\n          return () => clearTimeout(timeout);\n        }\n      }, [clickedOnce]);\n      return (\n        <Button\n          onClick={(e) => {\n            e.stopPropagation();\n            if (clickedOnce) {\n              onClick?.(e);\n              setClickedOnce(false);\n            } else {\n              setClickedOnce(true);\n            }\n          }}\n          onBlur={(e) => {\n            onBlur?.(e);\n            setClickedOnce(false);\n          }}\n          justify=\"space-between\"\n          w={{ base: \"100%\", xs: 190 }}\n          miw=\"fit-content\"\n          rightSection={\n            clickedOnce ? (\n              <Check size=\"1rem\" />\n            ) : loading ? (\n              <Loader size=\"1rem\" />\n            ) : (\n              (rightSection ?? icon ?? <CircleQuestionMark size=\"1rem\" />)\n            )\n          }\n          disabled={disabled || loading}\n          {...props}\n          {...(clickedOnce ? confirmProps : {})}\n          ref={ref}\n        >\n          {clickedOnce ? \"Confirm\" : children}\n        </Button>\n      );\n    },\n  ),\n);\n"],"mappings":"AA2Ec;AA3Ed;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP,SAAS,OAAO,0BAA0B;AAC1C;AAAA,EAEE;AAAA,EAGA;AAAA,EACA;AAAA,OACK;AAYA,MAAM,gBAAgB;AAAA,EAI3B;AAAA,IACE,CACE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,GACA,QACG;AACH,YAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,gBAAU,MAAM;AACd,YAAI,aAAa;AACf,gBAAM,UAAU,WAAW,MAAM;AAC/B,2BAAe,KAAK;AAAA,UACtB,GAAG,GAAK;AACR,iBAAO,MAAM,aAAa,OAAO;AAAA,QACnC;AAAA,MACF,GAAG,CAAC,WAAW,CAAC;AAChB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,CAAC,MAAM;AACd,cAAE,gBAAgB;AAClB,gBAAI,aAAa;AACf,wBAAU,CAAC;AACX,6BAAe,KAAK;AAAA,YACtB,OAAO;AACL,6BAAe,IAAI;AAAA,YACrB;AAAA,UACF;AAAA,UACA,QAAQ,CAAC,MAAM;AACb,qBAAS,CAAC;AACV,2BAAe,KAAK;AAAA,UACtB;AAAA,UACA,SAAQ;AAAA,UACR,GAAG,EAAE,MAAM,QAAQ,IAAI,IAAI;AAAA,UAC3B,KAAI;AAAA,UACJ,cACE,cACE,oBAAC,SAAM,MAAK,QAAO,IACjB,UACF,oBAAC,UAAO,MAAK,QAAO,IAEnB,gBAAgB,QAAQ,oBAAC,sBAAmB,MAAK,QAAO;AAAA,UAG7D,UAAU,YAAY;AAAA,UACrB,GAAG;AAAA,UACH,GAAI,cAAc,eAAe,CAAC;AAAA,UACnC;AAAA,UAEC,wBAAc,YAAY;AAAA;AAAA,MAC7B;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

package/dist/components/confirm-icon.cjs

@@ -0,0 +1,70 @@
+"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_icon_exports = {};
+__export(confirm_icon_exports, {
+  ConfirmIcon: () => ConfirmIcon
+});
+module.exports = __toCommonJS(confirm_icon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_lucide_react = require("lucide-react");
+var import_react = require("react");
+const ConfirmIcon = (0, import_core.createPolymorphicComponent)(
+  (0, import_react.forwardRef)(
+    ({ children, onClick, onBlur, miw, loading, disabled, ...props }, ref) => {
+      const [clickedOnce, setClickedOnce] = (0, import_react.useState)(false);
+      (0, import_react.useEffect)(() => {
+        if (clickedOnce) {
+          const timeout = setTimeout(() => {
+            setClickedOnce(false);
+          }, 4e3);
+          return () => clearTimeout(timeout);
+        }
+      }, [clickedOnce]);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_core.ActionIcon,
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            if (clickedOnce) {
+              onClick?.(e);
+              setClickedOnce(false);
+            } else {
+              setClickedOnce(true);
+            }
+          },
+          onBlur: (e) => {
+            setClickedOnce(false);
+            onBlur?.(e);
+          },
+          onPointerDown: (e) => e.stopPropagation(),
+          disabled: disabled || loading,
+          ...props,
+          ref,
+          children: clickedOnce ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { size: "1rem" }) : loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Loader, { color: "white", size: "1rem" }) : children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CircleQuestionMark, { size: "1rem" })
+        }
+      );
+    }
+  )
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConfirmIcon
+});
+//# sourceMappingURL=confirm-icon.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/confirm-icon.tsx"],"sourcesContent":["import {\n  ActionIcon,\n  ActionIconProps,\n  createPolymorphicComponent,\n  Loader,\n} from \"@mantine/core\";\nimport { Check, CircleQuestionMark } from \"lucide-react\";\nimport {\n  FocusEventHandler,\n  forwardRef,\n  MouseEventHandler,\n  useEffect,\n  useState,\n} from \"react\";\n\n// https://mantine.dev/guides/polymorphic/#create-your-own-polymorphic-components\n\nexport interface ConfirmIconProps extends ActionIconProps {\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  onBlur?: FocusEventHandler<HTMLButtonElement>;\n}\n\nexport const ConfirmIcon = createPolymorphicComponent<\n  \"button\",\n  ConfirmIconProps\n>(\n  forwardRef<HTMLButtonElement, ConfirmIconProps>(\n    ({ children, onClick, onBlur, miw, loading, disabled, ...props }, ref) => {\n      const [clickedOnce, setClickedOnce] = useState(false);\n      useEffect(() => {\n        if (clickedOnce) {\n          const timeout = setTimeout(() => {\n            setClickedOnce(false);\n          }, 4_000);\n          return () => clearTimeout(timeout);\n        }\n      }, [clickedOnce]);\n      return (\n        <ActionIcon\n          onClick={(e) => {\n            e.stopPropagation();\n            if (clickedOnce) {\n              onClick?.(e);\n              setClickedOnce(false);\n            } else {\n              setClickedOnce(true);\n            }\n          }}\n          onBlur={(e) => {\n            setClickedOnce(false);\n            onBlur?.(e);\n          }}\n          onPointerDown={(e) => e.stopPropagation()}\n          disabled={disabled || loading}\n          {...props}\n          ref={ref}\n        >\n          {clickedOnce ? (\n            <Check size=\"1rem\" />\n          ) : loading ? (\n            <Loader color=\"white\" size=\"1rem\" />\n          ) : (\n            (children ?? <CircleQuestionMark size=\"1rem\" />)\n          )}\n        </ActionIcon>\n      );\n    },\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0DY;AA1DZ,kBAKO;AACP,0BAA0C;AAC1C,mBAMO;AASA,MAAM,kBAAc;AAAA,MAIzB;AAAA,IACE,CAAC,EAAE,UAAU,SAAS,QAAQ,KAAK,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACxE,YAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AACpD,kCAAU,MAAM;AACd,YAAI,aAAa;AACf,gBAAM,UAAU,WAAW,MAAM;AAC/B,2BAAe,KAAK;AAAA,UACtB,GAAG,GAAK;AACR,iBAAO,MAAM,aAAa,OAAO;AAAA,QACnC;AAAA,MACF,GAAG,CAAC,WAAW,CAAC;AAChB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,CAAC,MAAM;AACd,cAAE,gBAAgB;AAClB,gBAAI,aAAa;AACf,wBAAU,CAAC;AACX,6BAAe,KAAK;AAAA,YACtB,OAAO;AACL,6BAAe,IAAI;AAAA,YACrB;AAAA,UACF;AAAA,UACA,QAAQ,CAAC,MAAM;AACb,2BAAe,KAAK;AACpB,qBAAS,CAAC;AAAA,UACZ;AAAA,UACA,eAAe,CAAC,MAAM,EAAE,gBAAgB;AAAA,UACxC,UAAU,YAAY;AAAA,UACrB,GAAG;AAAA,UACJ;AAAA,UAEC,wBACC,4CAAC,6BAAM,MAAK,QAAO,IACjB,UACF,4CAAC,sBAAO,OAAM,SAAQ,MAAK,QAAO,IAEjC,YAAY,4CAAC,0CAAmB,MAAK,QAAO;AAAA;AAAA,MAEjD;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,20 @@
+import * as react from 'react';
+import { MouseEventHandler, FocusEventHandler } from 'react';
+import * as _mantine_core from '@mantine/core';
+import { ActionIconProps } from '@mantine/core';
+
+interface ConfirmIconProps extends ActionIconProps {
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onBlur?: FocusEventHandler<HTMLButtonElement>;
+}
+declare const ConfirmIcon: (<C = "button">(props: _mantine_core.PolymorphicComponentProps<C, ConfirmIconProps>) => React.ReactElement) & Omit<react.FunctionComponent<(ConfirmIconProps & {
+    component?: any;
+} & Omit<any, "component" | keyof ConfirmIconProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (ConfirmIconProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+export { ConfirmIcon, type ConfirmIconProps };

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

@@ -0,0 +1,20 @@
+import * as react from 'react';
+import { MouseEventHandler, FocusEventHandler } from 'react';
+import * as _mantine_core from '@mantine/core';
+import { ActionIconProps } from '@mantine/core';
+
+interface ConfirmIconProps extends ActionIconProps {
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onBlur?: FocusEventHandler<HTMLButtonElement>;
+}
+declare const ConfirmIcon: (<C = "button">(props: _mantine_core.PolymorphicComponentProps<C, ConfirmIconProps>) => React.ReactElement) & Omit<react.FunctionComponent<(ConfirmIconProps & {
+    component?: any;
+} & Omit<any, "component" | keyof ConfirmIconProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (ConfirmIconProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+export { ConfirmIcon, type ConfirmIconProps };

package/dist/components/confirm-icon.js

@@ -0,0 +1,54 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  ActionIcon,
+  createPolymorphicComponent,
+  Loader
+} from "@mantine/core";
+import { Check, CircleQuestionMark } from "lucide-react";
+import {
+  forwardRef,
+  useEffect,
+  useState
+} from "react";
+const ConfirmIcon = createPolymorphicComponent(
+  forwardRef(
+    ({ children, onClick, onBlur, miw, loading, disabled, ...props }, ref) => {
+      const [clickedOnce, setClickedOnce] = useState(false);
+      useEffect(() => {
+        if (clickedOnce) {
+          const timeout = setTimeout(() => {
+            setClickedOnce(false);
+          }, 4e3);
+          return () => clearTimeout(timeout);
+        }
+      }, [clickedOnce]);
+      return /* @__PURE__ */ jsx(
+        ActionIcon,
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            if (clickedOnce) {
+              onClick?.(e);
+              setClickedOnce(false);
+            } else {
+              setClickedOnce(true);
+            }
+          },
+          onBlur: (e) => {
+            setClickedOnce(false);
+            onBlur?.(e);
+          },
+          onPointerDown: (e) => e.stopPropagation(),
+          disabled: disabled || loading,
+          ...props,
+          ref,
+          children: clickedOnce ? /* @__PURE__ */ jsx(Check, { size: "1rem" }) : loading ? /* @__PURE__ */ jsx(Loader, { color: "white", size: "1rem" }) : children ?? /* @__PURE__ */ jsx(CircleQuestionMark, { size: "1rem" })
+        }
+      );
+    }
+  )
+);
+export {
+  ConfirmIcon
+};
+//# sourceMappingURL=confirm-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/confirm-icon.tsx"],"sourcesContent":["import {\n  ActionIcon,\n  ActionIconProps,\n  createPolymorphicComponent,\n  Loader,\n} from \"@mantine/core\";\nimport { Check, CircleQuestionMark } from \"lucide-react\";\nimport {\n  FocusEventHandler,\n  forwardRef,\n  MouseEventHandler,\n  useEffect,\n  useState,\n} from \"react\";\n\n// https://mantine.dev/guides/polymorphic/#create-your-own-polymorphic-components\n\nexport interface ConfirmIconProps extends ActionIconProps {\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  onBlur?: FocusEventHandler<HTMLButtonElement>;\n}\n\nexport const ConfirmIcon = createPolymorphicComponent<\n  \"button\",\n  ConfirmIconProps\n>(\n  forwardRef<HTMLButtonElement, ConfirmIconProps>(\n    ({ children, onClick, onBlur, miw, loading, disabled, ...props }, ref) => {\n      const [clickedOnce, setClickedOnce] = useState(false);\n      useEffect(() => {\n        if (clickedOnce) {\n          const timeout = setTimeout(() => {\n            setClickedOnce(false);\n          }, 4_000);\n          return () => clearTimeout(timeout);\n        }\n      }, [clickedOnce]);\n      return (\n        <ActionIcon\n          onClick={(e) => {\n            e.stopPropagation();\n            if (clickedOnce) {\n              onClick?.(e);\n              setClickedOnce(false);\n            } else {\n              setClickedOnce(true);\n            }\n          }}\n          onBlur={(e) => {\n            setClickedOnce(false);\n            onBlur?.(e);\n          }}\n          onPointerDown={(e) => e.stopPropagation()}\n          disabled={disabled || loading}\n          {...props}\n          ref={ref}\n        >\n          {clickedOnce ? (\n            <Check size=\"1rem\" />\n          ) : loading ? (\n            <Loader color=\"white\" size=\"1rem\" />\n          ) : (\n            (children ?? <CircleQuestionMark size=\"1rem\" />)\n          )}\n        </ActionIcon>\n      );\n    },\n  ),\n);\n"],"mappings":"AA0DY;AA1DZ;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP,SAAS,OAAO,0BAA0B;AAC1C;AAAA,EAEE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AASA,MAAM,cAAc;AAAA,EAIzB;AAAA,IACE,CAAC,EAAE,UAAU,SAAS,QAAQ,KAAK,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACxE,YAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,gBAAU,MAAM;AACd,YAAI,aAAa;AACf,gBAAM,UAAU,WAAW,MAAM;AAC/B,2BAAe,KAAK;AAAA,UACtB,GAAG,GAAK;AACR,iBAAO,MAAM,aAAa,OAAO;AAAA,QACnC;AAAA,MACF,GAAG,CAAC,WAAW,CAAC;AAChB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,CAAC,MAAM;AACd,cAAE,gBAAgB;AAClB,gBAAI,aAAa;AACf,wBAAU,CAAC;AACX,6BAAe,KAAK;AAAA,YACtB,OAAO;AACL,6BAAe,IAAI;AAAA,YACrB;AAAA,UACF;AAAA,UACA,QAAQ,CAAC,MAAM;AACb,2BAAe,KAAK;AACpB,qBAAS,CAAC;AAAA,UACZ;AAAA,UACA,eAAe,CAAC,MAAM,EAAE,gBAAgB;AAAA,UACxC,UAAU,YAAY;AAAA,UACrB,GAAG;AAAA,UACJ;AAAA,UAEC,wBACC,oBAAC,SAAM,MAAK,QAAO,IACjB,UACF,oBAAC,UAAO,OAAM,SAAQ,MAAK,QAAO,IAEjC,YAAY,oBAAC,sBAAmB,MAAK,QAAO;AAAA;AAAA,MAEjD;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}