mogh_ui 0.1.0

package/dist/formatting.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/formatting.ts"],"sourcesContent":["export function fmtDate(d: Date) {\n  const hours = d.getHours();\n  const minutes = d.getMinutes();\n  return `${fmtMonth(d.getMonth())} ${d.getDate()} ${\n    hours > 9 ? hours : \"0\" + hours\n  }:${minutes > 9 ? minutes : \"0\" + minutes}`;\n}\n\nexport function fmtUtcDate(d: Date) {\n  const hours = d.getUTCHours();\n  const minutes = d.getUTCMinutes();\n  return `${fmtMonth(d.getUTCMonth())} ${d.getUTCDate()} ${\n    hours > 9 ? hours : \"0\" + hours\n  }:${minutes > 9 ? minutes : \"0\" + minutes}`;\n}\n\nexport function fmtMonth(month: number) {\n  switch (month) {\n    case 0:\n      return \"Jan\";\n    case 1:\n      return \"Feb\";\n    case 2:\n      return \"Mar\";\n    case 3:\n      return \"Apr\";\n    case 4:\n      return \"May\";\n    case 5:\n      return \"Jun\";\n    case 6:\n      return \"Jul\";\n    case 7:\n      return \"Aug\";\n    case 8:\n      return \"Sep\";\n    case 9:\n      return \"Oct\";\n    case 10:\n      return \"Nov\";\n    case 11:\n      return \"Dec\";\n  }\n}\n\nexport const fmtDateWithMinutes = (d: Date) => {\n  // return `${d.toLocaleDateString()} ${d.toLocaleTimeString()}`;\n  return d.toLocaleString();\n};\n\nexport function fmtDuration(startTs: number, endTs: number) {\n  const start = new Date(startTs);\n  const end = new Date(endTs);\n  const durr = end.getTime() - start.getTime();\n  const seconds = durr / 1000;\n  const minutes = Math.floor(seconds / 60);\n  const remaining_seconds = seconds % 60;\n  return `${\n    minutes > 0 ? `${minutes} minute${minutes > 1 ? \"s\" : \"\"} ` : \"\"\n  }${remaining_seconds.toFixed(minutes > 0 ? 0 : 1)} seconds`;\n}\n\nexport function fmtUpperCamelcase(input: string) {\n  return input.match(/[A-Z][a-z]+|[0-9]+/g)?.join(\" \") ?? input;\n}\n\n/// list_all_items => List All Items\nexport function fmtSnakeCaseToUpperSpaceCase(snake: string) {\n  if (snake.length === 0) return \"\";\n  return snake\n    .split(\"_\")\n    .map((item) => item[0].toUpperCase() + item.slice(1))\n    .join(\" \");\n}\n\nexport const BYTES_PER_KB = 1024;\nexport const BYTES_PER_MB = 1024 * BYTES_PER_KB;\nexport const BYTES_PER_GB = 1024 * BYTES_PER_MB;\n\nexport function fmtSizeBytes(bytes: number) {\n  if (bytes >= BYTES_PER_GB) {\n    return (bytes / BYTES_PER_GB).toFixed(1) + \" GiB\";\n  } else if (bytes >= BYTES_PER_MB) {\n    return (bytes / BYTES_PER_MB).toFixed(1) + \" MiB\";\n  } else if (bytes >= BYTES_PER_KB) {\n    return (bytes / BYTES_PER_KB).toFixed(1) + \" KiB\";\n  } else {\n    return bytes.toString() + \" bytes\";\n  }\n}\n\nexport function fmtRateBytes(bytes: number) {\n  return fmtSizeBytes(bytes) + \"/s\";\n}\n"],"mappings":"AAAO,SAAS,QAAQ,GAAS;AAC/B,QAAM,QAAQ,EAAE,SAAS;AACzB,QAAM,UAAU,EAAE,WAAW;AAC7B,SAAO,GAAG,SAAS,EAAE,SAAS,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,IAC7C,QAAQ,IAAI,QAAQ,MAAM,KAC5B,IAAI,UAAU,IAAI,UAAU,MAAM,OAAO;AAC3C;AAEO,SAAS,WAAW,GAAS;AAClC,QAAM,QAAQ,EAAE,YAAY;AAC5B,QAAM,UAAU,EAAE,cAAc;AAChC,SAAO,GAAG,SAAS,EAAE,YAAY,CAAC,CAAC,IAAI,EAAE,WAAW,CAAC,IACnD,QAAQ,IAAI,QAAQ,MAAM,KAC5B,IAAI,UAAU,IAAI,UAAU,MAAM,OAAO;AAC3C;AAEO,SAAS,SAAS,OAAe;AACtC,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EACX;AACF;AAEO,MAAM,qBAAqB,CAAC,MAAY;AAE7C,SAAO,EAAE,eAAe;AAC1B;AAEO,SAAS,YAAY,SAAiB,OAAe;AAC1D,QAAM,QAAQ,IAAI,KAAK,OAAO;AAC9B,QAAM,MAAM,IAAI,KAAK,KAAK;AAC1B,QAAM,OAAO,IAAI,QAAQ,IAAI,MAAM,QAAQ;AAC3C,QAAM,UAAU,OAAO;AACvB,QAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,QAAM,oBAAoB,UAAU;AACpC,SAAO,GACL,UAAU,IAAI,GAAG,OAAO,UAAU,UAAU,IAAI,MAAM,EAAE,MAAM,EAChE,GAAG,kBAAkB,QAAQ,UAAU,IAAI,IAAI,CAAC,CAAC;AACnD;AAEO,SAAS,kBAAkB,OAAe;AAC/C,SAAO,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,KAAK;AAC1D;AAGO,SAAS,6BAA6B,OAAe;AAC1D,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SAAO,MACJ,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,CAAC,EAAE,YAAY,IAAI,KAAK,MAAM,CAAC,CAAC,EACnD,KAAK,GAAG;AACb;AAEO,MAAM,eAAe;AACrB,MAAM,eAAe,OAAO;AAC5B,MAAM,eAAe,OAAO;AAE5B,SAAS,aAAa,OAAe;AAC1C,MAAI,SAAS,cAAc;AACzB,YAAQ,QAAQ,cAAc,QAAQ,CAAC,IAAI;AAAA,EAC7C,WAAW,SAAS,cAAc;AAChC,YAAQ,QAAQ,cAAc,QAAQ,CAAC,IAAI;AAAA,EAC7C,WAAW,SAAS,cAAc;AAChC,YAAQ,QAAQ,cAAc,QAAQ,CAAC,IAAI;AAAA,EAC7C,OAAO;AACL,WAAO,MAAM,SAAS,IAAI;AAAA,EAC5B;AACF;AAEO,SAAS,aAAa,OAAe;AAC1C,SAAO,aAAa,KAAK,IAAI;AAC/B;","names":[]}

package/dist/hooks.cjs

@@ -0,0 +1,117 @@
+"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 hooks_exports = {};
+__export(hooks_exports, {
+  useCtrlKeyListener: () => useCtrlKeyListener,
+  useDebounce: () => useDebounce,
+  useKeyListener: () => useKeyListener,
+  useSearchCombobox: () => useSearchCombobox,
+  useShiftKeyListener: () => useShiftKeyListener,
+  useWindowDimensions: () => useWindowDimensions
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_core = require("@mantine/core");
+var import_hooks = require("@mantine/hooks");
+var import_react = require("react");
+function useKeyListener(listenKey, onPress, extra) {
+  (0, import_hooks.useWindowEvent)("keydown", (e) => {
+    const target = e.target;
+    if (target?.matches("input") || target?.matches("textarea") || target?.matches("select") || target?.role === "textbox") {
+      return;
+    }
+    if (e.key === listenKey && (extra === "shift" ? e.shiftKey : extra === "ctrl" ? e.ctrlKey || e.metaKey : true)) {
+      e.preventDefault();
+      onPress();
+    }
+  });
+}
+function useShiftKeyListener(listenKey, onPress) {
+  useKeyListener(listenKey, onPress, "shift");
+}
+function useCtrlKeyListener(listenKey, onPress) {
+  useKeyListener(listenKey, onPress, "ctrl");
+}
+function useWindowDimensions() {
+  const [dimensions, setDimensions] = (0, import_react.useState)({
+    width: 0,
+    height: 0
+  });
+  (0, import_react.useEffect)(() => {
+    const callback = () => {
+      setDimensions({
+        width: window.screen.availWidth,
+        height: window.screen.availHeight
+      });
+    };
+    callback();
+    window.addEventListener("resize", callback);
+    return () => {
+      window.removeEventListener("resize", callback);
+    };
+  }, []);
+  return dimensions;
+}
+function useSearchCombobox(props) {
+  const [search, setSearch] = (0, import_react.useState)("");
+  const combobox = (0, import_core.useCombobox)({
+    onDropdownOpen: () => {
+      combobox.focusSearchInput();
+      props?.onOpen?.();
+    },
+    onDropdownClose: () => {
+      combobox.resetSelectedOption();
+      combobox.focusTarget();
+      setSearch("");
+      props?.onClose?.();
+    }
+  });
+  (0, import_react.useEffect)(() => {
+    if (!props?.disableSelectFirst) {
+      combobox.selectFirstOption();
+    }
+    props?.onSearch?.(search);
+  }, [search]);
+  return {
+    search,
+    setSearch,
+    combobox
+  };
+}
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = (0, import_react.useState)(value);
+  (0, import_react.useEffect)(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCtrlKeyListener,
+  useDebounce,
+  useKeyListener,
+  useSearchCombobox,
+  useShiftKeyListener,
+  useWindowDimensions
+});
+//# sourceMappingURL=hooks.cjs.map

package/dist/hooks.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks.ts"],"sourcesContent":["import { useCombobox } from \"@mantine/core\";\nimport { useWindowEvent } from \"@mantine/hooks\";\nimport { useEffect, useState } from \"react\";\n\nexport function useKeyListener(\n  listenKey: string,\n  onPress: () => void,\n  extra?: \"shift\" | \"ctrl\",\n) {\n  useWindowEvent(\"keydown\", (e) => {\n    // This will ignore Shift + listenKey if it is sent from input / textarea / monaco\n    const target = e.target as HTMLElement | null;\n    if (\n      target?.matches(\"input\") ||\n      target?.matches(\"textarea\") ||\n      target?.matches(\"select\") ||\n      target?.role === \"textbox\"\n    ) {\n      return;\n    }\n\n    if (\n      e.key === listenKey &&\n      (extra === \"shift\"\n        ? e.shiftKey\n        : extra === \"ctrl\"\n          ? e.ctrlKey || e.metaKey\n          : true)\n    ) {\n      e.preventDefault();\n      onPress();\n    }\n  });\n}\n\nexport function useShiftKeyListener(listenKey: string, onPress: () => void) {\n  useKeyListener(listenKey, onPress, \"shift\");\n}\n\n/** Listens for ctrl (or CMD on mac) + the listenKey */\nexport function useCtrlKeyListener(listenKey: string, onPress: () => void) {\n  useKeyListener(listenKey, onPress, \"ctrl\");\n}\n\nexport type Dimensions = { width: number; height: number };\nexport function useWindowDimensions() {\n  const [dimensions, setDimensions] = useState<Dimensions>({\n    width: 0,\n    height: 0,\n  });\n  useEffect(() => {\n    const callback = () => {\n      setDimensions({\n        width: window.screen.availWidth,\n        height: window.screen.availHeight,\n      });\n    };\n    callback();\n    window.addEventListener(\"resize\", callback);\n    return () => {\n      window.removeEventListener(\"resize\", callback);\n    };\n  }, []);\n  return dimensions;\n}\n\nexport function useSearchCombobox(props?: {\n  onOpen?: () => void;\n  onClose?: () => void;\n  onSearch?: (search: string) => void;\n  disableSelectFirst?: boolean;\n}) {\n  const [search, setSearch] = useState(\"\");\n  const combobox = useCombobox({\n    onDropdownOpen: () => {\n      combobox.focusSearchInput();\n      props?.onOpen?.();\n    },\n    onDropdownClose: () => {\n      combobox.resetSelectedOption();\n      combobox.focusTarget();\n      setSearch(\"\");\n      props?.onClose?.();\n    },\n  });\n  useEffect(() => {\n    if (!props?.disableSelectFirst) {\n      combobox.selectFirstOption();\n    }\n    props?.onSearch?.(search);\n  }, [search]);\n  return {\n    search,\n    setSearch,\n    combobox,\n  };\n}\n\n/**\n * A custom React hook that debounces a value, delaying its update until after\n * a specified period of inactivity. This is useful for performance optimization\n * in scenarios like search inputs, form validation, or API calls.\n */\nexport function useDebounce<T>(value: T, delay: number): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA4B;AAC5B,mBAA+B;AAC/B,mBAAoC;AAE7B,SAAS,eACd,WACA,SACA,OACA;AACA,mCAAe,WAAW,CAAC,MAAM;AAE/B,UAAM,SAAS,EAAE;AACjB,QACE,QAAQ,QAAQ,OAAO,KACvB,QAAQ,QAAQ,UAAU,KAC1B,QAAQ,QAAQ,QAAQ,KACxB,QAAQ,SAAS,WACjB;AACA;AAAA,IACF;AAEA,QACE,EAAE,QAAQ,cACT,UAAU,UACP,EAAE,WACF,UAAU,SACR,EAAE,WAAW,EAAE,UACf,OACN;AACA,QAAE,eAAe;AACjB,cAAQ;AAAA,IACV;AAAA,EACF,CAAC;AACH;AAEO,SAAS,oBAAoB,WAAmB,SAAqB;AAC1E,iBAAe,WAAW,SAAS,OAAO;AAC5C;AAGO,SAAS,mBAAmB,WAAmB,SAAqB;AACzE,iBAAe,WAAW,SAAS,MAAM;AAC3C;AAGO,SAAS,sBAAsB;AACpC,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAqB;AAAA,IACvD,OAAO;AAAA,IACP,QAAQ;AAAA,EACV,CAAC;AACD,8BAAU,MAAM;AACd,UAAM,WAAW,MAAM;AACrB,oBAAc;AAAA,QACZ,OAAO,OAAO,OAAO;AAAA,QACrB,QAAQ,OAAO,OAAO;AAAA,MACxB,CAAC;AAAA,IACH;AACA,aAAS;AACT,WAAO,iBAAiB,UAAU,QAAQ;AAC1C,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,QAAQ;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SAAO;AACT;AAEO,SAAS,kBAAkB,OAK/B;AACD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,EAAE;AACvC,QAAM,eAAW,yBAAY;AAAA,IAC3B,gBAAgB,MAAM;AACpB,eAAS,iBAAiB;AAC1B,aAAO,SAAS;AAAA,IAClB;AAAA,IACA,iBAAiB,MAAM;AACrB,eAAS,oBAAoB;AAC7B,eAAS,YAAY;AACrB,gBAAU,EAAE;AACZ,aAAO,UAAU;AAAA,IACnB;AAAA,EACF,CAAC;AACD,8BAAU,MAAM;AACd,QAAI,CAAC,OAAO,oBAAoB;AAC9B,eAAS,kBAAkB;AAAA,IAC7B;AACA,WAAO,WAAW,MAAM;AAAA,EAC1B,GAAG,CAAC,MAAM,CAAC;AACX,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAOO,SAAS,YAAe,OAAU,OAAkB;AACzD,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAY,KAAK;AAE7D,8BAAU,MAAM;AACd,UAAM,UAAU,WAAW,MAAM;AAC/B,wBAAkB,KAAK;AAAA,IACzB,GAAG,KAAK;AAER,WAAO,MAAM;AACX,mBAAa,OAAO;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,OAAO,KAAK,CAAC;AAEjB,SAAO;AACT;","names":[]}

package/dist/hooks.d.cts

@@ -0,0 +1,30 @@
+import * as _mantine_core from '@mantine/core';
+import * as react from 'react';
+
+declare function useKeyListener(listenKey: string, onPress: () => void, extra?: "shift" | "ctrl"): void;
+declare function useShiftKeyListener(listenKey: string, onPress: () => void): void;
+/** Listens for ctrl (or CMD on mac) + the listenKey */
+declare function useCtrlKeyListener(listenKey: string, onPress: () => void): void;
+type Dimensions = {
+    width: number;
+    height: number;
+};
+declare function useWindowDimensions(): Dimensions;
+declare function useSearchCombobox(props?: {
+    onOpen?: () => void;
+    onClose?: () => void;
+    onSearch?: (search: string) => void;
+    disableSelectFirst?: boolean;
+}): {
+    search: string;
+    setSearch: react.Dispatch<react.SetStateAction<string>>;
+    combobox: _mantine_core.ComboboxStore;
+};
+/**
+ * A custom React hook that debounces a value, delaying its update until after
+ * a specified period of inactivity. This is useful for performance optimization
+ * in scenarios like search inputs, form validation, or API calls.
+ */
+declare function useDebounce<T>(value: T, delay: number): T;
+
+export { type Dimensions, useCtrlKeyListener, useDebounce, useKeyListener, useSearchCombobox, useShiftKeyListener, useWindowDimensions };

package/dist/hooks.d.ts

@@ -0,0 +1,30 @@
+import * as _mantine_core from '@mantine/core';
+import * as react from 'react';
+
+declare function useKeyListener(listenKey: string, onPress: () => void, extra?: "shift" | "ctrl"): void;
+declare function useShiftKeyListener(listenKey: string, onPress: () => void): void;
+/** Listens for ctrl (or CMD on mac) + the listenKey */
+declare function useCtrlKeyListener(listenKey: string, onPress: () => void): void;
+type Dimensions = {
+    width: number;
+    height: number;
+};
+declare function useWindowDimensions(): Dimensions;
+declare function useSearchCombobox(props?: {
+    onOpen?: () => void;
+    onClose?: () => void;
+    onSearch?: (search: string) => void;
+    disableSelectFirst?: boolean;
+}): {
+    search: string;
+    setSearch: react.Dispatch<react.SetStateAction<string>>;
+    combobox: _mantine_core.ComboboxStore;
+};
+/**
+ * A custom React hook that debounces a value, delaying its update until after
+ * a specified period of inactivity. This is useful for performance optimization
+ * in scenarios like search inputs, form validation, or API calls.
+ */
+declare function useDebounce<T>(value: T, delay: number): T;
+
+export { type Dimensions, useCtrlKeyListener, useDebounce, useKeyListener, useSearchCombobox, useShiftKeyListener, useWindowDimensions };

package/dist/hooks.js

@@ -0,0 +1,88 @@
+import { useCombobox } from "@mantine/core";
+import { useWindowEvent } from "@mantine/hooks";
+import { useEffect, useState } from "react";
+function useKeyListener(listenKey, onPress, extra) {
+  useWindowEvent("keydown", (e) => {
+    const target = e.target;
+    if (target?.matches("input") || target?.matches("textarea") || target?.matches("select") || target?.role === "textbox") {
+      return;
+    }
+    if (e.key === listenKey && (extra === "shift" ? e.shiftKey : extra === "ctrl" ? e.ctrlKey || e.metaKey : true)) {
+      e.preventDefault();
+      onPress();
+    }
+  });
+}
+function useShiftKeyListener(listenKey, onPress) {
+  useKeyListener(listenKey, onPress, "shift");
+}
+function useCtrlKeyListener(listenKey, onPress) {
+  useKeyListener(listenKey, onPress, "ctrl");
+}
+function useWindowDimensions() {
+  const [dimensions, setDimensions] = useState({
+    width: 0,
+    height: 0
+  });
+  useEffect(() => {
+    const callback = () => {
+      setDimensions({
+        width: window.screen.availWidth,
+        height: window.screen.availHeight
+      });
+    };
+    callback();
+    window.addEventListener("resize", callback);
+    return () => {
+      window.removeEventListener("resize", callback);
+    };
+  }, []);
+  return dimensions;
+}
+function useSearchCombobox(props) {
+  const [search, setSearch] = useState("");
+  const combobox = useCombobox({
+    onDropdownOpen: () => {
+      combobox.focusSearchInput();
+      props?.onOpen?.();
+    },
+    onDropdownClose: () => {
+      combobox.resetSelectedOption();
+      combobox.focusTarget();
+      setSearch("");
+      props?.onClose?.();
+    }
+  });
+  useEffect(() => {
+    if (!props?.disableSelectFirst) {
+      combobox.selectFirstOption();
+    }
+    props?.onSearch?.(search);
+  }, [search]);
+  return {
+    search,
+    setSearch,
+    combobox
+  };
+}
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+export {
+  useCtrlKeyListener,
+  useDebounce,
+  useKeyListener,
+  useSearchCombobox,
+  useShiftKeyListener,
+  useWindowDimensions
+};
+//# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks.ts"],"sourcesContent":["import { useCombobox } from \"@mantine/core\";\nimport { useWindowEvent } from \"@mantine/hooks\";\nimport { useEffect, useState } from \"react\";\n\nexport function useKeyListener(\n  listenKey: string,\n  onPress: () => void,\n  extra?: \"shift\" | \"ctrl\",\n) {\n  useWindowEvent(\"keydown\", (e) => {\n    // This will ignore Shift + listenKey if it is sent from input / textarea / monaco\n    const target = e.target as HTMLElement | null;\n    if (\n      target?.matches(\"input\") ||\n      target?.matches(\"textarea\") ||\n      target?.matches(\"select\") ||\n      target?.role === \"textbox\"\n    ) {\n      return;\n    }\n\n    if (\n      e.key === listenKey &&\n      (extra === \"shift\"\n        ? e.shiftKey\n        : extra === \"ctrl\"\n          ? e.ctrlKey || e.metaKey\n          : true)\n    ) {\n      e.preventDefault();\n      onPress();\n    }\n  });\n}\n\nexport function useShiftKeyListener(listenKey: string, onPress: () => void) {\n  useKeyListener(listenKey, onPress, \"shift\");\n}\n\n/** Listens for ctrl (or CMD on mac) + the listenKey */\nexport function useCtrlKeyListener(listenKey: string, onPress: () => void) {\n  useKeyListener(listenKey, onPress, \"ctrl\");\n}\n\nexport type Dimensions = { width: number; height: number };\nexport function useWindowDimensions() {\n  const [dimensions, setDimensions] = useState<Dimensions>({\n    width: 0,\n    height: 0,\n  });\n  useEffect(() => {\n    const callback = () => {\n      setDimensions({\n        width: window.screen.availWidth,\n        height: window.screen.availHeight,\n      });\n    };\n    callback();\n    window.addEventListener(\"resize\", callback);\n    return () => {\n      window.removeEventListener(\"resize\", callback);\n    };\n  }, []);\n  return dimensions;\n}\n\nexport function useSearchCombobox(props?: {\n  onOpen?: () => void;\n  onClose?: () => void;\n  onSearch?: (search: string) => void;\n  disableSelectFirst?: boolean;\n}) {\n  const [search, setSearch] = useState(\"\");\n  const combobox = useCombobox({\n    onDropdownOpen: () => {\n      combobox.focusSearchInput();\n      props?.onOpen?.();\n    },\n    onDropdownClose: () => {\n      combobox.resetSelectedOption();\n      combobox.focusTarget();\n      setSearch(\"\");\n      props?.onClose?.();\n    },\n  });\n  useEffect(() => {\n    if (!props?.disableSelectFirst) {\n      combobox.selectFirstOption();\n    }\n    props?.onSearch?.(search);\n  }, [search]);\n  return {\n    search,\n    setSearch,\n    combobox,\n  };\n}\n\n/**\n * A custom React hook that debounces a value, delaying its update until after\n * a specified period of inactivity. This is useful for performance optimization\n * in scenarios like search inputs, form validation, or API calls.\n */\nexport function useDebounce<T>(value: T, delay: number): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n"],"mappings":"AAAA,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,WAAW,gBAAgB;AAE7B,SAAS,eACd,WACA,SACA,OACA;AACA,iBAAe,WAAW,CAAC,MAAM;AAE/B,UAAM,SAAS,EAAE;AACjB,QACE,QAAQ,QAAQ,OAAO,KACvB,QAAQ,QAAQ,UAAU,KAC1B,QAAQ,QAAQ,QAAQ,KACxB,QAAQ,SAAS,WACjB;AACA;AAAA,IACF;AAEA,QACE,EAAE,QAAQ,cACT,UAAU,UACP,EAAE,WACF,UAAU,SACR,EAAE,WAAW,EAAE,UACf,OACN;AACA,QAAE,eAAe;AACjB,cAAQ;AAAA,IACV;AAAA,EACF,CAAC;AACH;AAEO,SAAS,oBAAoB,WAAmB,SAAqB;AAC1E,iBAAe,WAAW,SAAS,OAAO;AAC5C;AAGO,SAAS,mBAAmB,WAAmB,SAAqB;AACzE,iBAAe,WAAW,SAAS,MAAM;AAC3C;AAGO,SAAS,sBAAsB;AACpC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAqB;AAAA,IACvD,OAAO;AAAA,IACP,QAAQ;AAAA,EACV,CAAC;AACD,YAAU,MAAM;AACd,UAAM,WAAW,MAAM;AACrB,oBAAc;AAAA,QACZ,OAAO,OAAO,OAAO;AAAA,QACrB,QAAQ,OAAO,OAAO;AAAA,MACxB,CAAC;AAAA,IACH;AACA,aAAS;AACT,WAAO,iBAAiB,UAAU,QAAQ;AAC1C,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,QAAQ;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SAAO;AACT;AAEO,SAAS,kBAAkB,OAK/B;AACD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,WAAW,YAAY;AAAA,IAC3B,gBAAgB,MAAM;AACpB,eAAS,iBAAiB;AAC1B,aAAO,SAAS;AAAA,IAClB;AAAA,IACA,iBAAiB,MAAM;AACrB,eAAS,oBAAoB;AAC7B,eAAS,YAAY;AACrB,gBAAU,EAAE;AACZ,aAAO,UAAU;AAAA,IACnB;AAAA,EACF,CAAC;AACD,YAAU,MAAM;AACd,QAAI,CAAC,OAAO,oBAAoB;AAC9B,eAAS,kBAAkB;AAAA,IAC7B;AACA,WAAO,WAAW,MAAM;AAAA,EAC1B,GAAG,CAAC,MAAM,CAAC;AACX,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAOO,SAAS,YAAe,OAAU,OAAkB;AACzD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAY,KAAK;AAE7D,YAAU,MAAM;AACd,UAAM,UAAU,WAAW,MAAM;AAC/B,wBAAkB,KAAK;AAAA,IACzB,GAAG,KAAK;AAER,WAAO,MAAM;AACX,mBAAa,OAAO;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,OAAO,KAAK,CAAC;AAEjB,SAAO;AACT;","names":[]}

package/dist/index.cjs

@@ -0,0 +1,99 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./color"), module.exports);
+__reExport(index_exports, require("./formatting"), module.exports);
+__reExport(index_exports, require("./hooks"), module.exports);
+__reExport(index_exports, require("./theme"), module.exports);
+__reExport(index_exports, require("./components/config"), module.exports);
+__reExport(index_exports, require("./components/divided-children"), module.exports);
+__reExport(index_exports, require("./components/fancy-card"), module.exports);
+__reExport(index_exports, require("./components/monaco"), module.exports);
+__reExport(index_exports, require("./components/back-button"), module.exports);
+__reExport(index_exports, require("./components/confirm-button"), module.exports);
+__reExport(index_exports, require("./components/confirm-icon"), module.exports);
+__reExport(index_exports, require("./components/confirm-modal"), module.exports);
+__reExport(index_exports, require("./components/copy-button"), module.exports);
+__reExport(index_exports, require("./components/copy-text"), module.exports);
+__reExport(index_exports, require("./components/create-modal"), module.exports);
+__reExport(index_exports, require("./components/data-table"), module.exports);
+__reExport(index_exports, require("./components/enable-switch"), module.exports);
+__reExport(index_exports, require("./components/entity-header"), module.exports);
+__reExport(index_exports, require("./components/entity-page"), module.exports);
+__reExport(index_exports, require("./components/hover-error"), module.exports);
+__reExport(index_exports, require("./components/info-card"), module.exports);
+__reExport(index_exports, require("./components/input-list"), module.exports);
+__reExport(index_exports, require("./components/labelled-switch"), module.exports);
+__reExport(index_exports, require("./components/labels-group"), module.exports);
+__reExport(index_exports, require("./components/loading-screen"), module.exports);
+__reExport(index_exports, require("./components/mobile-friendly-tabs"), module.exports);
+__reExport(index_exports, require("./components/page-guard"), module.exports);
+__reExport(index_exports, require("./components/page"), module.exports);
+__reExport(index_exports, require("./components/search-input"), module.exports);
+__reExport(index_exports, require("./components/section"), module.exports);
+__reExport(index_exports, require("./components/shared-text-update"), module.exports);
+__reExport(index_exports, require("./components/show-hide-button"), module.exports);
+__reExport(index_exports, require("./components/stat-bar"), module.exports);
+__reExport(index_exports, require("./components/stat-cell"), module.exports);
+__reExport(index_exports, require("./components/status-badge"), module.exports);
+__reExport(index_exports, require("./components/tabbed-page"), module.exports);
+__reExport(index_exports, require("./components/table-skeleton"), module.exports);
+__reExport(index_exports, require("./components/text-update-modal"), module.exports);
+__reExport(index_exports, require("./components/theme-toggle"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./color"),
+  ...require("./formatting"),
+  ...require("./hooks"),
+  ...require("./theme"),
+  ...require("./components/config"),
+  ...require("./components/divided-children"),
+  ...require("./components/fancy-card"),
+  ...require("./components/monaco"),
+  ...require("./components/back-button"),
+  ...require("./components/confirm-button"),
+  ...require("./components/confirm-icon"),
+  ...require("./components/confirm-modal"),
+  ...require("./components/copy-button"),
+  ...require("./components/copy-text"),
+  ...require("./components/create-modal"),
+  ...require("./components/data-table"),
+  ...require("./components/enable-switch"),
+  ...require("./components/entity-header"),
+  ...require("./components/entity-page"),
+  ...require("./components/hover-error"),
+  ...require("./components/info-card"),
+  ...require("./components/input-list"),
+  ...require("./components/labelled-switch"),
+  ...require("./components/labels-group"),
+  ...require("./components/loading-screen"),
+  ...require("./components/mobile-friendly-tabs"),
+  ...require("./components/page-guard"),
+  ...require("./components/page"),
+  ...require("./components/search-input"),
+  ...require("./components/section"),
+  ...require("./components/shared-text-update"),
+  ...require("./components/show-hide-button"),
+  ...require("./components/stat-bar"),
+  ...require("./components/stat-cell"),
+  ...require("./components/status-badge"),
+  ...require("./components/tabbed-page"),
+  ...require("./components/table-skeleton"),
+  ...require("./components/text-update-modal"),
+  ...require("./components/theme-toggle")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./color\";\nexport * from \"./formatting\";\nexport * from \"./hooks\";\nexport * from \"./theme\";\nexport * from \"./components/config\";\nexport * from \"./components/divided-children\";\nexport * from \"./components/fancy-card\";\nexport * from \"./components/monaco\";\nexport * from \"./components/back-button\";\nexport * from \"./components/confirm-button\";\nexport * from \"./components/confirm-icon\";\nexport * from \"./components/confirm-modal\";\nexport * from \"./components/copy-button\";\nexport * from \"./components/copy-text\";\nexport * from \"./components/create-modal\";\nexport * from \"./components/data-table\";\nexport * from \"./components/enable-switch\";\nexport * from \"./components/entity-header\";\nexport * from \"./components/entity-page\";\nexport * from \"./components/hover-error\";\nexport * from \"./components/info-card\";\nexport * from \"./components/input-list\";\nexport * from \"./components/labelled-switch\";\nexport * from \"./components/labels-group\";\nexport * from \"./components/loading-screen\";\nexport * from \"./components/mobile-friendly-tabs\";\nexport * from \"./components/page-guard\";\nexport * from \"./components/page\";\nexport * from \"./components/search-input\";\nexport * from \"./components/section\";\nexport * from \"./components/shared-text-update\";\nexport * from \"./components/show-hide-button\";\nexport * from \"./components/stat-bar\";\nexport * from \"./components/stat-cell\";\nexport * from \"./components/status-badge\";\nexport * from \"./components/tabbed-page\";\nexport * from \"./components/table-skeleton\";\nexport * from \"./components/text-update-modal\";\nexport * from \"./components/theme-toggle\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,oBAAd;AACA,0BAAc,yBADd;AAEA,0BAAc,oBAFd;AAGA,0BAAc,oBAHd;AAIA,0BAAc,gCAJd;AAKA,0BAAc,0CALd;AAMA,0BAAc,oCANd;AAOA,0BAAc,gCAPd;AAQA,0BAAc,qCARd;AASA,0BAAc,wCATd;AAUA,0BAAc,sCAVd;AAWA,0BAAc,uCAXd;AAYA,0BAAc,qCAZd;AAaA,0BAAc,mCAbd;AAcA,0BAAc,sCAdd;AAeA,0BAAc,oCAfd;AAgBA,0BAAc,uCAhBd;AAiBA,0BAAc,uCAjBd;AAkBA,0BAAc,qCAlBd;AAmBA,0BAAc,qCAnBd;AAoBA,0BAAc,mCApBd;AAqBA,0BAAc,oCArBd;AAsBA,0BAAc,yCAtBd;AAuBA,0BAAc,sCAvBd;AAwBA,0BAAc,wCAxBd;AAyBA,0BAAc,8CAzBd;AA0BA,0BAAc,oCA1Bd;AA2BA,0BAAc,8BA3Bd;AA4BA,0BAAc,sCA5Bd;AA6BA,0BAAc,iCA7Bd;AA8BA,0BAAc,4CA9Bd;AA+BA,0BAAc,0CA/Bd;AAgCA,0BAAc,kCAhCd;AAiCA,0BAAc,mCAjCd;AAkCA,0BAAc,sCAlCd;AAmCA,0BAAc,qCAnCd;AAoCA,0BAAc,wCApCd;AAqCA,0BAAc,2CArCd;AAsCA,0BAAc,sCAtCd;","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,47 @@
+export { ColorIntention, colorByIntention, hexColorByIntention } from './color.cjs';
+export { BYTES_PER_GB, BYTES_PER_KB, BYTES_PER_MB, fmtDate, fmtDateWithMinutes, fmtDuration, fmtMonth, fmtRateBytes, fmtSizeBytes, fmtSnakeCaseToUpperSpaceCase, fmtUpperCamelcase, fmtUtcDate } from './formatting.cjs';
+export { Dimensions, useCtrlKeyListener, useDebounce, useKeyListener, useSearchCombobox, useShiftKeyListener, useWindowDimensions } from './hooks.cjs';
+export { AdditionalColors, DARK_BODY, LIGHT_BODY, ThemeProvider, functionColorsTuple, opacityColorsTuple } from './theme.cjs';
+export { Config, ConfigFieldArgs, ConfigGroup, ConfigGroupArgs, ConfigProps } from './components/config/index.cjs';
+export { DividedChildren } from './components/divided-children/index.cjs';
+export { FancyCard } from './components/fancy-card/index.cjs';
+export { MonacoDiffEditor, MonacoDiffEditorProps, MonacoEditor, MonacoEditorProps, MonacoLanguage, languageFromPath } from './components/monaco/index.cjs';
+export { BackButton, BackButtonProps } from './components/back-button.cjs';
+export { ConfirmButton, ConfirmButtonProps } from './components/confirm-button.cjs';
+export { ConfirmIcon, ConfirmIconProps } from './components/confirm-icon.cjs';
+export { ConfirmModal, ConfirmModalProps } from './components/confirm-modal.cjs';
+export { CopyButton, CopyButtonProps, sendCopyNotification } from './components/copy-button.cjs';
+export { CopyText, CopyTextProps } from './components/copy-text.cjs';
+export { CreateModal, CreateModalProps } from './components/create-modal.cjs';
+export { DataTable, DataTableProps, SortableHeader } from './components/data-table.cjs';
+export { EnableSwitch, EnableSwitchProps } from './components/enable-switch.cjs';
+export { EntityHeader, EntityHeaderProps } from './components/entity-header.cjs';
+export { EntityPage, EntityPageProps } from './components/entity-page.cjs';
+export { HoverError, HoverErrorProps } from './components/hover-error.cjs';
+export { InfoCard, InfoCardProps } from './components/info-card.cjs';
+export { InputList, InputListProps } from './components/input-list.cjs';
+export { LabelledSwitch, LabelledSwitchProps } from './components/labelled-switch.cjs';
+export { LabelsGroup, LabelsGroupProps } from './components/labels-group.cjs';
+export { LoadingScreen } from './components/loading-screen.cjs';
+export { MobileFriendlyTabs, MobileFriendlyTabsContent, MobileFriendlyTabsProps, MobileFriendlyTabsSelector, MobileFriendlyTabsSelectorProps, MobileFriendlyTabsWrapper, Tab, TabNoContent } from './components/mobile-friendly-tabs.cjs';
+export { PageGuard, PageGuardProps } from './components/page-guard.cjs';
+export { Page, PageProps } from './components/page.cjs';
+export { SearchInput, SearchInputProps } from './components/search-input.cjs';
+export { Section, SectionProps } from './components/section.cjs';
+export { SharedTextUpdate, SharedTextUpdateData, SharedTextUpdateProps, useSharedTextUpdateData } from './components/shared-text-update.cjs';
+export { ShowHideButton } from './components/show-hide-button.cjs';
+export { StatBar, StatBarProps } from './components/stat-bar.cjs';
+export { StatCell, StatCellProps } from './components/stat-cell.cjs';
+export { StatusBadge } from './components/status-badge.cjs';
+export { TabbedPage, TabbedPageItem, TabbedPageProps } from './components/tabbed-page.cjs';
+export { TableSkeleton } from './components/table-skeleton.cjs';
+export { TextUpdateModal, TextUpdateModalProps } from './components/text-update-modal.cjs';
+export { ThemeToggle } from './components/theme-toggle.cjs';
+export { ConfigInput, ConfigItem, ConfigItemProps, ConfigList, ConfigSwitch } from './components/config/item.cjs';
+export { ConfigLayout } from './components/config/layout.cjs';
+export { ConfirmUpdate, ConfirmUpdateProps } from './components/config/confirm.cjs';
+export { UnsavedChanges } from './components/config/unsaved-changes.cjs';
+import '@mantine/core';
+import 'react';
+import 'react/jsx-runtime';
+import '@tanstack/react-table';

package/dist/index.d.ts

@@ -0,0 +1,47 @@
+export { ColorIntention, colorByIntention, hexColorByIntention } from './color.js';
+export { BYTES_PER_GB, BYTES_PER_KB, BYTES_PER_MB, fmtDate, fmtDateWithMinutes, fmtDuration, fmtMonth, fmtRateBytes, fmtSizeBytes, fmtSnakeCaseToUpperSpaceCase, fmtUpperCamelcase, fmtUtcDate } from './formatting.js';
+export { Dimensions, useCtrlKeyListener, useDebounce, useKeyListener, useSearchCombobox, useShiftKeyListener, useWindowDimensions } from './hooks.js';
+export { AdditionalColors, DARK_BODY, LIGHT_BODY, ThemeProvider, functionColorsTuple, opacityColorsTuple } from './theme.js';
+export { Config, ConfigFieldArgs, ConfigGroup, ConfigGroupArgs, ConfigProps } from './components/config/index.js';
+export { DividedChildren } from './components/divided-children/index.js';
+export { FancyCard } from './components/fancy-card/index.js';
+export { MonacoDiffEditor, MonacoDiffEditorProps, MonacoEditor, MonacoEditorProps, MonacoLanguage, languageFromPath } from './components/monaco/index.js';
+export { BackButton, BackButtonProps } from './components/back-button.js';
+export { ConfirmButton, ConfirmButtonProps } from './components/confirm-button.js';
+export { ConfirmIcon, ConfirmIconProps } from './components/confirm-icon.js';
+export { ConfirmModal, ConfirmModalProps } from './components/confirm-modal.js';
+export { CopyButton, CopyButtonProps, sendCopyNotification } from './components/copy-button.js';
+export { CopyText, CopyTextProps } from './components/copy-text.js';
+export { CreateModal, CreateModalProps } from './components/create-modal.js';
+export { DataTable, DataTableProps, SortableHeader } from './components/data-table.js';
+export { EnableSwitch, EnableSwitchProps } from './components/enable-switch.js';
+export { EntityHeader, EntityHeaderProps } from './components/entity-header.js';
+export { EntityPage, EntityPageProps } from './components/entity-page.js';
+export { HoverError, HoverErrorProps } from './components/hover-error.js';
+export { InfoCard, InfoCardProps } from './components/info-card.js';
+export { InputList, InputListProps } from './components/input-list.js';
+export { LabelledSwitch, LabelledSwitchProps } from './components/labelled-switch.js';
+export { LabelsGroup, LabelsGroupProps } from './components/labels-group.js';
+export { LoadingScreen } from './components/loading-screen.js';
+export { MobileFriendlyTabs, MobileFriendlyTabsContent, MobileFriendlyTabsProps, MobileFriendlyTabsSelector, MobileFriendlyTabsSelectorProps, MobileFriendlyTabsWrapper, Tab, TabNoContent } from './components/mobile-friendly-tabs.js';
+export { PageGuard, PageGuardProps } from './components/page-guard.js';
+export { Page, PageProps } from './components/page.js';
+export { SearchInput, SearchInputProps } from './components/search-input.js';
+export { Section, SectionProps } from './components/section.js';
+export { SharedTextUpdate, SharedTextUpdateData, SharedTextUpdateProps, useSharedTextUpdateData } from './components/shared-text-update.js';
+export { ShowHideButton } from './components/show-hide-button.js';
+export { StatBar, StatBarProps } from './components/stat-bar.js';
+export { StatCell, StatCellProps } from './components/stat-cell.js';
+export { StatusBadge } from './components/status-badge.js';
+export { TabbedPage, TabbedPageItem, TabbedPageProps } from './components/tabbed-page.js';
+export { TableSkeleton } from './components/table-skeleton.js';
+export { TextUpdateModal, TextUpdateModalProps } from './components/text-update-modal.js';
+export { ThemeToggle } from './components/theme-toggle.js';
+export { ConfigInput, ConfigItem, ConfigItemProps, ConfigList, ConfigSwitch } from './components/config/item.js';
+export { ConfigLayout } from './components/config/layout.js';
+export { ConfirmUpdate, ConfirmUpdateProps } from './components/config/confirm.js';
+export { UnsavedChanges } from './components/config/unsaved-changes.js';
+import '@mantine/core';
+import 'react';
+import 'react/jsx-runtime';
+import '@tanstack/react-table';

package/dist/index.js

@@ -0,0 +1,40 @@
+export * from "./color";
+export * from "./formatting";
+export * from "./hooks";
+export * from "./theme";
+export * from "./components/config";
+export * from "./components/divided-children";
+export * from "./components/fancy-card";
+export * from "./components/monaco";
+export * from "./components/back-button";
+export * from "./components/confirm-button";
+export * from "./components/confirm-icon";
+export * from "./components/confirm-modal";
+export * from "./components/copy-button";
+export * from "./components/copy-text";
+export * from "./components/create-modal";
+export * from "./components/data-table";
+export * from "./components/enable-switch";
+export * from "./components/entity-header";
+export * from "./components/entity-page";
+export * from "./components/hover-error";
+export * from "./components/info-card";
+export * from "./components/input-list";
+export * from "./components/labelled-switch";
+export * from "./components/labels-group";
+export * from "./components/loading-screen";
+export * from "./components/mobile-friendly-tabs";
+export * from "./components/page-guard";
+export * from "./components/page";
+export * from "./components/search-input";
+export * from "./components/section";
+export * from "./components/shared-text-update";
+export * from "./components/show-hide-button";
+export * from "./components/stat-bar";
+export * from "./components/stat-cell";
+export * from "./components/status-badge";
+export * from "./components/tabbed-page";
+export * from "./components/table-skeleton";
+export * from "./components/text-update-modal";
+export * from "./components/theme-toggle";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./color\";\nexport * from \"./formatting\";\nexport * from \"./hooks\";\nexport * from \"./theme\";\nexport * from \"./components/config\";\nexport * from \"./components/divided-children\";\nexport * from \"./components/fancy-card\";\nexport * from \"./components/monaco\";\nexport * from \"./components/back-button\";\nexport * from \"./components/confirm-button\";\nexport * from \"./components/confirm-icon\";\nexport * from \"./components/confirm-modal\";\nexport * from \"./components/copy-button\";\nexport * from \"./components/copy-text\";\nexport * from \"./components/create-modal\";\nexport * from \"./components/data-table\";\nexport * from \"./components/enable-switch\";\nexport * from \"./components/entity-header\";\nexport * from \"./components/entity-page\";\nexport * from \"./components/hover-error\";\nexport * from \"./components/info-card\";\nexport * from \"./components/input-list\";\nexport * from \"./components/labelled-switch\";\nexport * from \"./components/labels-group\";\nexport * from \"./components/loading-screen\";\nexport * from \"./components/mobile-friendly-tabs\";\nexport * from \"./components/page-guard\";\nexport * from \"./components/page\";\nexport * from \"./components/search-input\";\nexport * from \"./components/section\";\nexport * from \"./components/shared-text-update\";\nexport * from \"./components/show-hide-button\";\nexport * from \"./components/stat-bar\";\nexport * from \"./components/stat-cell\";\nexport * from \"./components/status-badge\";\nexport * from \"./components/tabbed-page\";\nexport * from \"./components/table-skeleton\";\nexport * from \"./components/text-update-modal\";\nexport * from \"./components/theme-toggle\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/index.scss

@@ -0,0 +1,81 @@
+* {
+  scroll-behavior: smooth;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+  cursor: pointer;
+}
+a:visited {
+  color: inherit;
+}
+a:focus {
+  text-decoration: none;
+}
+
+.text-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  overflow-wrap: break-word;
+  text-wrap: nowrap;
+}
+
+.hover-underline:hover {
+  text-decoration: underline;
+}
+
+.bordered-light {
+  border: 1px solid color-mix(in srgb, var(--mantine-color-accent-border-1) 50%, transparent);
+  transition: border 150ms ease;
+}
+.bordered-light:hover {
+  border: 1px solid color-mix(in srgb, var(--mantine-color-accent-border-4) 50%, transparent);
+}
+
+.bordered-heavy {
+  border: 1px solid color-mix(in srgb, var(--mantine-color-accent-border-5) 50%, transparent);
+  transition: border 150ms ease;
+}
+.bordered-heavy:hover {
+  border: 1px solid color-mix(in srgb, var(--mantine-color-accent-border-9) 50%, transparent);
+}
+
+.bordered-heavy-outline {
+  &[data-variant="outline"] {
+    border: 1px solid color-mix(in srgb, var(--mantine-color-accent-border-5) 50%, transparent);
+    transition: border 150ms ease;
+  }
+}
+.bordered-heavy-outline:hover {
+  &[data-variant="outline"] {
+    border: 1px solid color-mix(in srgb, var(--mantine-color-accent-border-9) 50%, transparent);
+  }
+}
+
+.accent-hover-light {
+  background-color: var(--mantine-color-accent-2);
+}
+.accent-hover-light:hover {
+  background-color: var(--mantine-color-accent-5);
+}
+
+.accent-hover-heavy {
+  background-color: var(--mantine-color-accent-7);
+}
+.accent-hover-heavy:hover {
+  background-color: var(--mantine-color-accent-9);
+}
+
+.select-nondimmed-placeholder .mantine-Input-input::placeholder {
+  color: inherit;
+  opacity: 1;
+}
+
+// Prevent auto zooming on mobile
+@media screen and (max-width: 768px) {
+  .mantine-Input-input,
+  .mantine-Button-root {
+    font-size: 16px !important;
+  }
+}