@emiketic/lib-mantine 1.0.0 → 1.0.2

package/dist/index.cjs

@@ -1,663 +0,0 @@
-"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(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  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, {
-  ClientOnly: () => ClientOnly,
-  ConfirmBar: () => ConfirmBar_default,
-  ContentLoader: () => ContentLoader_default,
-  ImageInput: () => ImageInput_default,
-  Logo: () => Logo_default,
-  NativePDFViewer: () => NativePDFViewer,
-  NoData: () => NoData_default,
-  PageContainer: () => PageContainer_default,
-  PhoneInput: () => PhoneInput_default,
-  TextEditor: () => TextEditor_default,
-  ThemeToggle: () => ThemeToggle_default
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/ClientOnly/index.tsx
-var import_react = require("react");
-var import_core = require("@mantine/core");
-var import_jsx_runtime = require("react/jsx-runtime");
-function ClientOnly({
-  children,
-  withLoader = false,
-  ...delegated
-}) {
-  const [hasMounted, setHasMounted] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    setHasMounted(true);
-  }, []);
-  if (!hasMounted) {
-    if (withLoader) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.LoadingOverlay, {});
-    }
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...delegated, children });
-}
-
-// src/components/ConfirmBar/index.tsx
-var import_core2 = require("@mantine/core");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function ConfirmBar({
-  onConfirm = () => {
-  },
-  onCancel = () => {
-  },
-  disabled = false,
-  loading = false,
-  labelProps,
-  color,
-  withCancel = true,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Box, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Group, { h: "100%", justify: "flex-end", align: "center", children: [
-    withCancel ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Button, { onClick: () => onCancel(), variant: "subtle", children: labelProps?.cancel ?? "Cancel" }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_core2.Button,
-      {
-        onClick: () => onConfirm(),
-        disabled,
-        variant: "filled",
-        loading,
-        color,
-        children: labelProps?.confirm ?? "Confirm"
-      }
-    )
-  ] }) });
-}
-var ConfirmBar_default = ConfirmBar;
-
-// src/components/ContentLoader/index.tsx
-var import_react2 = require("react");
-var import_core3 = require("@mantine/core");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function ContentLoader({
-  numberOfBars = 3,
-  numberOfBarGroups = 3,
-  barHeight = 15,
-  barSpacing = 6,
-  barGroupSpacing = "lg",
-  visible = true,
-  withCircle = false,
-  ...props
-}) {
-  if (!visible) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core3.Stack, { gap: "sm", px: "5rem", py: "md", ...props, children: [
-    withCircle ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Skeleton, { height: 70, circle: true, mb: "xl" }) : null,
-    Array.from({ length: numberOfBarGroups }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react2.Fragment, { children: [
-      Array.from({ length: Math.ceil(numberOfBars / numberOfBarGroups) }).map((_2, index2) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react2.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Skeleton, { height: barHeight, radius: "xl" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Skeleton, { height: barHeight, mt: barSpacing, radius: "xl" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Skeleton, { height: barHeight, mt: barSpacing, width: "70%", radius: "xl" })
-      ] }, index2)),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Space, { h: barGroupSpacing })
-    ] }, index))
-  ] });
-}
-var ContentLoader_default = ContentLoader;
-
-// src/components/ImageInput/index.tsx
-var import_react3 = require("react");
-var import_core4 = require("@mantine/core");
-var import_icons_react = require("@tabler/icons-react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var DEFAULT_MAX_FILE_SIZE_BYTES = 5e5;
-var isClient = () => typeof window !== "undefined";
-function ImageInput({
-  value,
-  withPreview = true,
-  maxFileSizeBytes = DEFAULT_MAX_FILE_SIZE_BYTES,
-  ...props
-}) {
-  const [imageUrl, setImageUrl] = (0, import_react3.useState)(null);
-  const largeFile = isClient() && value && value instanceof File && value.size >= maxFileSizeBytes;
-  const isFileValue = isClient() && value instanceof File;
-  const isString = typeof value == "string";
-  (0, import_react3.useEffect)(() => {
-    if (isFileValue) {
-      setImageUrl(URL.createObjectURL(value));
-    } else if (isString) {
-      setImageUrl(value);
-    }
-  }, [value, isFileValue, isString]);
-  if (props.disabled && !isFileValue) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_core4.Avatar,
-      {
-        size: "xl",
-        src: imageUrl,
-        ...props.disabledPlaceholderProps
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_core4.Group, { children: [
-    withPreview && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core4.Paper, { radius: "md", p: "sm", withBorder: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_core4.Image,
-      {
-        w: "5rem",
-        h: "5rem",
-        fit: "contain",
-        radius: "sm",
-        src: imageUrl,
-        ...props.previewProps
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_core4.FileInput,
-      {
-        styles: { input: { fontSize: "var(--mantine-font-size-xs)" } },
-        leftSection: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core4.ActionIcon, { variant: "light", size: "xs", color: "gray", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons_react.IconUpload, {}) }),
-        placeholder: "Upload",
-        error: largeFile ? `File size must be under ${maxFileSizeBytes / 1e3} KB` : void 0,
-        onChange: (file) => {
-          props.onChange?.(file);
-          if (file) {
-            setImageUrl(URL.createObjectURL(file));
-          }
-        },
-        ...props
-      }
-    )
-  ] });
-}
-var ImageInput_default = ImageInput;
-
-// src/components/Logo/index.tsx
-var import_react4 = require("react");
-var import_core6 = require("@mantine/core");
-
-// src/utils/colors.ts
-var import_chroma_js = __toESM(require("chroma-js"), 1);
-var import_core5 = require("@mantine/core");
-function loadImage(imageUrl) {
-  return new Promise((resolve, reject) => {
-    const image = new Image();
-    image.crossOrigin = "anonymous";
-    image.referrerPolicy = "no-referrer";
-    image.onload = () => resolve(image);
-    image.onerror = () => reject(new Error("Could not load image for color extraction"));
-    image.src = imageUrl;
-  });
-}
-function quantizeChannel(value) {
-  return Math.round(value / 16) * 16;
-}
-function extractQuantizedPixels(imageData) {
-  const colors = [];
-  for (let index = 0; index < imageData.length; index += 4) {
-    const alpha = imageData[index + 3] ?? 0;
-    if (alpha < 16) continue;
-    const red = quantizeChannel(imageData[index] ?? 0);
-    const green = quantizeChannel(imageData[index + 1] ?? 0);
-    const blue = quantizeChannel(imageData[index + 2] ?? 0);
-    colors.push((0, import_chroma_js.default)(red, green, blue).hex());
-  }
-  return colors;
-}
-function extractEdgeQuantizedPixels(imageData, width, height) {
-  const edgeColors = [];
-  const edgeThickness = Math.max(1, Math.floor(Math.min(width, height) * 0.1));
-  for (let y = 0; y < height; y += 1) {
-    for (let x = 0; x < width; x += 1) {
-      const isEdge = x < edgeThickness || x >= width - edgeThickness || y < edgeThickness || y >= height - edgeThickness;
-      if (!isEdge) continue;
-      const pixelIndex = (y * width + x) * 4;
-      const alpha = imageData[pixelIndex + 3] ?? 0;
-      if (alpha < 16) continue;
-      const red = quantizeChannel(imageData[pixelIndex] ?? 0);
-      const green = quantizeChannel(imageData[pixelIndex + 1] ?? 0);
-      const blue = quantizeChannel(imageData[pixelIndex + 2] ?? 0);
-      edgeColors.push((0, import_chroma_js.default)(red, green, blue).hex());
-    }
-  }
-  return edgeColors;
-}
-function getMostFrequentColor(colors) {
-  if (colors.length === 0) return null;
-  const frequencies = /* @__PURE__ */ new Map();
-  for (const color of colors) {
-    frequencies.set(color, (frequencies.get(color) ?? 0) + 1);
-  }
-  let selectedColor = null;
-  let selectedCount = 0;
-  for (const [color, count] of frequencies.entries()) {
-    if (count > selectedCount) {
-      selectedColor = color;
-      selectedCount = count;
-    }
-  }
-  return selectedColor;
-}
-var getDominantColorFromImageUrl = async (imageUrl, fallbackDominantColor = "#000000", fallbackBackgroundColor = "#ffffff") => {
-  try {
-    const image = await loadImage(imageUrl);
-    const canvas = document.createElement("canvas");
-    const context = canvas.getContext("2d", { willReadFrequently: true });
-    if (!context) {
-      return { dominant: fallbackDominantColor, background: fallbackBackgroundColor };
-    }
-    const maxSize = 96;
-    const ratio = Math.min(maxSize / image.naturalWidth, maxSize / image.naturalHeight, 1);
-    canvas.width = Math.max(1, Math.round(image.naturalWidth * ratio));
-    canvas.height = Math.max(1, Math.round(image.naturalHeight * ratio));
-    context.drawImage(image, 0, 0, canvas.width, canvas.height);
-    const imageData = context.getImageData(0, 0, canvas.width, canvas.height).data;
-    const allPixels = extractQuantizedPixels(imageData);
-    const edgePixels = extractEdgeQuantizedPixels(imageData, canvas.width, canvas.height);
-    const background = getMostFrequentColor(edgePixels) ?? getMostFrequentColor(allPixels);
-    const dominant = getMostFrequentColor(
-      background ? allPixels.filter((hex) => import_chroma_js.default.distance(hex, background, "rgb") > 28) : allPixels
-    ) ?? getMostFrequentColor(allPixels);
-    return {
-      dominant: dominant ?? fallbackDominantColor,
-      background: background ?? fallbackBackgroundColor
-    };
-  } catch {
-    return { dominant: fallbackDominantColor, background: fallbackBackgroundColor };
-  }
-};
-
-// src/components/Logo/index.tsx
-var import_icons_react2 = require("@tabler/icons-react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function Logo({ withColorPair = true, ...props }) {
-  const [logoColorPair, setLogoColorPair] = (0, import_react4.useState)({
-    dominant: "#000000",
-    background: "#ffffff"
-  });
-  (0, import_react4.useEffect)(() => {
-    let isMounted = true;
-    if (props.src && withColorPair) {
-      getDominantColorFromImageUrl(props.src).then(({ dominant, background }) => {
-        if (isMounted) {
-          setLogoColorPair({ dominant, background });
-        }
-      });
-    } else if (isMounted) {
-      setLogoColorPair({ dominant: "#000000", background: "#ffffff" });
-    }
-    return () => {
-      isMounted = false;
-    };
-  }, [props.src, withColorPair]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_core6.Avatar,
-    {
-      size: "5rem",
-      radius: "lg",
-      p: "0.125rem",
-      bg: withColorPair ? logoColorPair.background : void 0,
-      styles: {
-        image: {
-          objectFit: "contain",
-          objectPosition: "center"
-        }
-      },
-      imageProps: { referrerPolicy: "no-referrer" },
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core6.ThemeIcon, { variant: "transparent", size: "5rem", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons_react2.IconBuildingSkyscraper, { size: 48 * 1.5, stroke: 1 }) })
-    }
-  );
-}
-var Logo_default = Logo;
-
-// src/components/NativePDFViewer/index.tsx
-var import_react5 = require("react");
-var import_core7 = require("@mantine/core");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function getBrowser() {
-  const { userAgent } = navigator;
-  const isSafari = /^((?!chrome|android).)*safari/i.test(userAgent);
-  const isEdge = /Edg\//.test(userAgent);
-  const isFirefox = /Firefox\//.test(userAgent);
-  const isChromium = /Chrome\/|CriOS\//.test(userAgent) && !isEdge;
-  if (isSafari) return "Safari";
-  if (isEdge) return "Edge";
-  if (isFirefox) return "Firefox";
-  if (isChromium) return "Chromium";
-  return "Unknown";
-}
-function NativePDFViewer({
-  mediaUrl,
-  title,
-  zoomLevel,
-  withToolbar = true,
-  fallback = "Cannot display PDF on this browser. Use a different browser or download the PDF."
-}) {
-  const [loading, setLoading] = (0, import_react5.useState)(false);
-  const toolbarHeight = {
-    Safari: 0,
-    Edge: 40,
-    Firefox: 32,
-    Chromium: 58,
-    Unknown: 58
-  }[getBrowser()];
-  let optionsString = "";
-  if (zoomLevel) {
-    optionsString += `#zoom=${zoomLevel}%`;
-  }
-  if (!withToolbar) {
-    optionsString = "#toolbar=0";
-  }
-  const renderFallback = () => typeof fallback === "function" ? fallback() : fallback;
-  if (!mediaUrl) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-    import_core7.Box,
-    {
-      w: "100%",
-      h: toolbarHeight ? `calc(100% + ${toolbarHeight}px)` : "100%",
-      style: {
-        transform: toolbarHeight ? `translateY(-${toolbarHeight}px)` : void 0
-      },
-      children: [
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core7.Center, { h: "100%", w: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core7.Loader, { size: "xl" }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "object",
-          {
-            data: `${mediaUrl}${optionsString}`,
-            type: "application/pdf",
-            width: "100%",
-            height: "100%",
-            onLoad: () => setLoading(false),
-            onError: () => setLoading(false),
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core7.Box, { children: renderFallback() })
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/components/NoData/index.tsx
-var import_core8 = require("@mantine/core");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function NoData({ title, children, alertProps, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core8.Center, { h: "100%", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core8.Alert, { p: "3rem", title: title ?? "No data", ...alertProps, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core8.Center, { children }) }) });
-}
-var NoData_default = NoData;
-
-// src/components/PageContainer/index.tsx
-var import_core9 = require("@mantine/core");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function PageContainer({
-  children,
-  title,
-  titleProps,
-  header,
-  headerProps,
-  rightSection = null,
-  contentProps,
-  outerContentProps,
-  fullPage = false,
-  withContentScroll = false,
-  ...props
-}) {
-  function getTitle() {
-    if (title) {
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core9.Title, { order: 2, ...titleProps, children: title });
-    }
-    return null;
-  }
-  function getHeader() {
-    if (header) {
-      return header;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core9.Group, { justify: "space-between", w: "100%", ...headerProps, children: [
-      getTitle(),
-      rightSection
-    ] });
-  }
-  function getContent() {
-    if (fullPage) {
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core9.Box, { ...contentProps, children });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core9.Stack, { gap: "xl", ...outerContentProps, children: [
-      getHeader(),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core9.Stack, { px: "xl", py: "lg", h: "100%", w: "100%", ...contentProps, children })
-    ] });
-  }
-  if (withContentScroll) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core9.ScrollArea, { h: "100vh", p: 0, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core9.Container, { fluid: true, children: getContent() }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core9.Container, { p: 0, w: "100%", fluid: true, children: getContent() });
-}
-var PageContainer_default = PageContainer;
-
-// src/components/PhoneInput/index.tsx
-var import_react6 = require("react");
-var import_countries_list = require("countries-list");
-var import_libphonenumber_js = __toESM(require("libphonenumber-js"), 1);
-var import_core10 = require("@mantine/core");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var COUNTRY_CODES = (0, import_libphonenumber_js.getCountries)();
-function PhoneInput({ value, defaultValue, defaultCountryCode, ...props }) {
-  const valueNumber = value ?? "";
-  const valueNumberData = (0, import_libphonenumber_js.default)(valueNumber);
-  let valueNumberCountryCode;
-  if (valueNumberData?.isValid()) {
-    valueNumberCountryCode = valueNumberData.country;
-  }
-  const [selectedCountryCode, setSelectedCountryCode] = (0, import_react6.useState)(
-    defaultCountryCode
-  );
-  const selectedCountryCodeCallingNumber = selectedCountryCode ? (0, import_libphonenumber_js.getCountryCallingCode)(selectedCountryCode) : void 0;
-  (0, import_react6.useEffect)(() => {
-    if (selectedCountryCode && selectedCountryCode !== valueNumberCountryCode) {
-      const code = selectedCountryCode ?? defaultCountryCode ?? "";
-      const callingCode = (0, import_libphonenumber_js.getCountryCallingCode)(code);
-      if (props.onChange) {
-        const numberUpdate = `+${callingCode}${valueNumber.replace(callingCode, "")}`;
-        const numberUpdateData = (0, import_libphonenumber_js.default)(numberUpdate, selectedCountryCode);
-        if (numberUpdateData?.isValid()) {
-          props.onChange(`+${callingCode}${valueNumber.replace(callingCode, "")}`);
-        }
-      }
-    }
-  }, [selectedCountryCode]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_core10.Group, { wrap: "nowrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      import_core10.Select,
-      {
-        label: "Country code",
-        size: "sm",
-        classNames: { ...props.classNames },
-        defaultValue: defaultCountryCode,
-        value: valueNumberCountryCode,
-        onChange: (c) => {
-          if (c === null) {
-            setSelectedCountryCode(void 0);
-          } else {
-            setSelectedCountryCode(c);
-          }
-        },
-        data: COUNTRY_CODES.map((code) => {
-          const countryCallingCode = (0, import_libphonenumber_js.getCountryCallingCode)(code);
-          const countryName = (0, import_countries_list.getCountryData)(code).name;
-          return {
-            value: code,
-            label: `${countryName} ${(0, import_countries_list.getEmojiFlag)(code)} +${countryCallingCode}`
-          };
-        }),
-        rightSection: props.disabled ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, {}) : void 0,
-        disabled: props.disabled,
-        searchable: true
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      import_core10.TextInput,
-      {
-        ...props,
-        defaultValue: valueNumberData?.nationalNumber,
-        onChange: (e) => {
-          if (props.onChange && selectedCountryCodeCallingNumber) {
-            const numberUpdate = `+${selectedCountryCodeCallingNumber}${e.currentTarget.value.replace(selectedCountryCodeCallingNumber, "")}`;
-            const numberUpdateData = (0, import_libphonenumber_js.default)(numberUpdate, selectedCountryCode);
-            if (numberUpdateData?.isValid()) {
-              props.onChange(numberUpdateData.number);
-            }
-          }
-        }
-      }
-    )
-  ] });
-}
-var PhoneInput_default = PhoneInput;
-
-// src/components/TextEditor/index.tsx
-var import_react7 = require("react");
-var import_extension_highlight = __toESM(require("@tiptap/extension-highlight"), 1);
-var import_extension_subscript = __toESM(require("@tiptap/extension-subscript"), 1);
-var import_extension_superscript = __toESM(require("@tiptap/extension-superscript"), 1);
-var import_extension_text_align = __toESM(require("@tiptap/extension-text-align"), 1);
-var import_extension_underline = __toESM(require("@tiptap/extension-underline"), 1);
-var import_react8 = require("@tiptap/react");
-var import_starter_kit = __toESM(require("@tiptap/starter-kit"), 1);
-var import_tiptap = require("@mantine/tiptap");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-function TextEditor({
-  content,
-  value,
-  onChangeEditorHTML = () => {
-  },
-  onChange = () => {
-  },
-  ...props
-}) {
-  const editor = (0, import_react8.useEditor)({
-    editable: true,
-    extensions: [
-      import_starter_kit.default,
-      import_extension_underline.default,
-      import_tiptap.Link,
-      import_extension_superscript.default,
-      import_extension_subscript.default,
-      import_extension_highlight.default,
-      import_extension_text_align.default.configure({ types: ["heading", "paragraph"] })
-    ],
-    content
-  });
-  (0, import_react7.useEffect)(() => {
-    onChangeEditorHTML(editor?.getHTML());
-    onChange(editor?.getHTML());
-  }, [editor?.state, editor, onChangeEditorHTML, onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_tiptap.RichTextEditor, { editor, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_tiptap.RichTextEditor.Toolbar, { sticky: true, stickyOffset: 60, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_tiptap.RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.Bold, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.Italic, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.Underline, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.Strikethrough, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.ClearFormatting, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.Highlight, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.Code, {})
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_tiptap.RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.H1, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.H2, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.H3, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.H4, {})
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_tiptap.RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.Blockquote, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.Hr, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.BulletList, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.OrderedList, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.Subscript, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.Superscript, {})
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_tiptap.RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.Link, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.Unlink, {})
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_tiptap.RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.AlignLeft, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.AlignCenter, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.AlignJustify, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.AlignRight, {})
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tiptap.RichTextEditor.Content, {})
-  ] });
-}
-var TextEditor_default = TextEditor;
-
-// src/components/ThemeToggle/index.tsx
-var import_core11 = require("@mantine/core");
-var import_icons_react3 = require("@tabler/icons-react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function ThemeToggle({ ...props }) {
-  const { setColorScheme } = (0, import_core11.useMantineColorScheme)();
-  const computedColorScheme = (0, import_core11.useComputedColorScheme)("light", { getInitialValueInEffect: true });
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    import_core11.Tooltip,
-    {
-      label: computedColorScheme === "light" ? "Switch to dark mode" : "Switch to light mode",
-      position: "bottom",
-      withinPortal: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ClientOnly, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        import_core11.Switch,
-        {
-          styles: { track: { cursor: "pointer" } },
-          defaultChecked: computedColorScheme === "dark",
-          onChange: () => setColorScheme(computedColorScheme === "light" ? "dark" : "light"),
-          onLabel: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core11.ThemeIcon, { size: props.size ?? "sm", variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_react3.IconMoon, {}) }),
-          offLabel: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core11.ThemeIcon, { size: props.size ?? "sm", color: "yellow", variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_react3.IconSun, {}) }),
-          color: "dark",
-          size: "md",
-          ...props
-        }
-      ) })
-    }
-  );
-}
-var ThemeToggle_default = ThemeToggle;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ClientOnly,
-  ConfirmBar,
-  ContentLoader,
-  ImageInput,
-  Logo,
-  NativePDFViewer,
-  NoData,
-  PageContainer,
-  PhoneInput,
-  TextEditor,
-  ThemeToggle
-});
-//# sourceMappingURL=index.cjs.map