mogh_ui 0.1.0

package/dist/components/stat-cell.cjs

@@ -0,0 +1,72 @@
+"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 stat_cell_exports = {};
+__export(stat_cell_exports, {
+  StatCell: () => StatCell
+});
+module.exports = __toCommonJS(stat_cell_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_color = require("../color");
+var import_core = require("@mantine/core");
+var import_lucide_react = require("lucide-react");
+function StatCell({
+  value,
+  intent,
+  textProps,
+  barProps,
+  info,
+  infoPosition = "left-start",
+  infoDisabled,
+  ...groupProps
+}) {
+  const ProgressComponent = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_core.Progress,
+    {
+      value: value ?? 0,
+      color: (0, import_color.hexColorByIntention)(intent),
+      w: 200,
+      size: "xl",
+      ...barProps
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { gap: "xs", justify: "space-between", wrap: "nowrap", ...groupProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.Text,
+      {
+        w: 64,
+        c: value === void 0 ? "dimmed" : void 0,
+        ...textProps,
+        children: value === void 0 ? "N/A" : value.toFixed(1) + "%"
+      }
+    ),
+    !info && ProgressComponent,
+    info && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.HoverCard, { position: infoPosition, disabled: infoDisabled, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.HoverCard.Target, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { gap: "xs", wrap: "nowrap", children: [
+        ProgressComponent,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ActionIcon, { variant: "subtle", disabled: infoDisabled, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Info, { size: "1rem" }) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.HoverCard.Dropdown, { children: info })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StatCell
+});
+//# sourceMappingURL=stat-cell.cjs.map

package/dist/components/stat-cell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/stat-cell.tsx"],"sourcesContent":["import { ColorIntention, hexColorByIntention } from \"../color\";\nimport {\n  ActionIcon,\n  FloatingPosition,\n  Group,\n  GroupProps,\n  HoverCard,\n  Progress,\n  ProgressProps,\n  Text,\n  TextProps,\n} from \"@mantine/core\";\nimport { ReactNode } from \"react\";\nimport { Info } from \"lucide-react\";\n\nexport interface StatCellProps extends GroupProps {\n  value: number | undefined;\n  intent: ColorIntention;\n  textProps?: TextProps;\n  barProps?: ProgressProps;\n  info?: ReactNode;\n  infoPosition?: FloatingPosition;\n  infoDisabled?: boolean;\n}\n\nexport function StatCell({\n  value,\n  intent,\n  textProps,\n  barProps,\n  info,\n  infoPosition = \"left-start\",\n  infoDisabled,\n  ...groupProps\n}: StatCellProps) {\n  const ProgressComponent = (\n    <Progress\n      value={value ?? 0}\n      color={hexColorByIntention(intent)}\n      w={200}\n      size=\"xl\"\n      {...barProps}\n    />\n  );\n  return (\n    <Group gap=\"xs\" justify=\"space-between\" wrap=\"nowrap\" {...groupProps}>\n      <Text\n        w={64}\n        c={value === undefined ? \"dimmed\" : undefined}\n        {...textProps}\n      >\n        {value === undefined ? \"N/A\" : value.toFixed(1) + \"%\"}\n      </Text>\n      {!info && ProgressComponent}\n      {info && (\n        <HoverCard position={infoPosition} disabled={infoDisabled}>\n          <HoverCard.Target>\n            <Group gap=\"xs\" wrap=\"nowrap\">\n              {ProgressComponent}\n              <ActionIcon variant=\"subtle\" disabled={infoDisabled}>\n                <Info size=\"1rem\" />\n              </ActionIcon>\n            </Group>\n          </HoverCard.Target>\n          <HoverCard.Dropdown>{info}</HoverCard.Dropdown>\n        </HoverCard>\n      )}\n    </Group>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCI;AApCJ,mBAAoD;AACpD,kBAUO;AAEP,0BAAqB;AAYd,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,oBACJ;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,SAAS;AAAA,MAChB,WAAO,kCAAoB,MAAM;AAAA,MACjC,GAAG;AAAA,MACH,MAAK;AAAA,MACJ,GAAG;AAAA;AAAA,EACN;AAEF,SACE,6CAAC,qBAAM,KAAI,MAAK,SAAQ,iBAAgB,MAAK,UAAU,GAAG,YACxD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACH,GAAG,UAAU,SAAY,WAAW;AAAA,QACnC,GAAG;AAAA,QAEH,oBAAU,SAAY,QAAQ,MAAM,QAAQ,CAAC,IAAI;AAAA;AAAA,IACpD;AAAA,IACC,CAAC,QAAQ;AAAA,IACT,QACC,6CAAC,yBAAU,UAAU,cAAc,UAAU,cAC3C;AAAA,kDAAC,sBAAU,QAAV,EACC,uDAAC,qBAAM,KAAI,MAAK,MAAK,UAClB;AAAA;AAAA,QACD,4CAAC,0BAAW,SAAQ,UAAS,UAAU,cACrC,sDAAC,4BAAK,MAAK,QAAO,GACpB;AAAA,SACF,GACF;AAAA,MACA,4CAAC,sBAAU,UAAV,EAAoB,gBAAK;AAAA,OAC5B;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/stat-cell.d.cts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ColorIntention } from '../color.cjs';
+import { GroupProps, TextProps, ProgressProps, FloatingPosition } from '@mantine/core';
+import { ReactNode } from 'react';
+
+interface StatCellProps extends GroupProps {
+    value: number | undefined;
+    intent: ColorIntention;
+    textProps?: TextProps;
+    barProps?: ProgressProps;
+    info?: ReactNode;
+    infoPosition?: FloatingPosition;
+    infoDisabled?: boolean;
+}
+declare function StatCell({ value, intent, textProps, barProps, info, infoPosition, infoDisabled, ...groupProps }: StatCellProps): react_jsx_runtime.JSX.Element;
+
+export { StatCell, type StatCellProps };

package/dist/components/stat-cell.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ColorIntention } from '../color.js';
+import { GroupProps, TextProps, ProgressProps, FloatingPosition } from '@mantine/core';
+import { ReactNode } from 'react';
+
+interface StatCellProps extends GroupProps {
+    value: number | undefined;
+    intent: ColorIntention;
+    textProps?: TextProps;
+    barProps?: ProgressProps;
+    info?: ReactNode;
+    infoPosition?: FloatingPosition;
+    infoDisabled?: boolean;
+}
+declare function StatCell({ value, intent, textProps, barProps, info, infoPosition, infoDisabled, ...groupProps }: StatCellProps): react_jsx_runtime.JSX.Element;
+
+export { StatCell, type StatCellProps };

package/dist/components/stat-cell.js

@@ -0,0 +1,54 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { hexColorByIntention } from "../color";
+import {
+  ActionIcon,
+  Group,
+  HoverCard,
+  Progress,
+  Text
+} from "@mantine/core";
+import { Info } from "lucide-react";
+function StatCell({
+  value,
+  intent,
+  textProps,
+  barProps,
+  info,
+  infoPosition = "left-start",
+  infoDisabled,
+  ...groupProps
+}) {
+  const ProgressComponent = /* @__PURE__ */ jsx(
+    Progress,
+    {
+      value: value ?? 0,
+      color: hexColorByIntention(intent),
+      w: 200,
+      size: "xl",
+      ...barProps
+    }
+  );
+  return /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "space-between", wrap: "nowrap", ...groupProps, children: [
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        w: 64,
+        c: value === void 0 ? "dimmed" : void 0,
+        ...textProps,
+        children: value === void 0 ? "N/A" : value.toFixed(1) + "%"
+      }
+    ),
+    !info && ProgressComponent,
+    info && /* @__PURE__ */ jsxs(HoverCard, { position: infoPosition, disabled: infoDisabled, children: [
+      /* @__PURE__ */ jsx(HoverCard.Target, { children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+        ProgressComponent,
+        /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", disabled: infoDisabled, children: /* @__PURE__ */ jsx(Info, { size: "1rem" }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(HoverCard.Dropdown, { children: info })
+    ] })
+  ] });
+}
+export {
+  StatCell
+};
+//# sourceMappingURL=stat-cell.js.map

package/dist/components/stat-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/stat-cell.tsx"],"sourcesContent":["import { ColorIntention, hexColorByIntention } from \"../color\";\nimport {\n  ActionIcon,\n  FloatingPosition,\n  Group,\n  GroupProps,\n  HoverCard,\n  Progress,\n  ProgressProps,\n  Text,\n  TextProps,\n} from \"@mantine/core\";\nimport { ReactNode } from \"react\";\nimport { Info } from \"lucide-react\";\n\nexport interface StatCellProps extends GroupProps {\n  value: number | undefined;\n  intent: ColorIntention;\n  textProps?: TextProps;\n  barProps?: ProgressProps;\n  info?: ReactNode;\n  infoPosition?: FloatingPosition;\n  infoDisabled?: boolean;\n}\n\nexport function StatCell({\n  value,\n  intent,\n  textProps,\n  barProps,\n  info,\n  infoPosition = \"left-start\",\n  infoDisabled,\n  ...groupProps\n}: StatCellProps) {\n  const ProgressComponent = (\n    <Progress\n      value={value ?? 0}\n      color={hexColorByIntention(intent)}\n      w={200}\n      size=\"xl\"\n      {...barProps}\n    />\n  );\n  return (\n    <Group gap=\"xs\" justify=\"space-between\" wrap=\"nowrap\" {...groupProps}>\n      <Text\n        w={64}\n        c={value === undefined ? \"dimmed\" : undefined}\n        {...textProps}\n      >\n        {value === undefined ? \"N/A\" : value.toFixed(1) + \"%\"}\n      </Text>\n      {!info && ProgressComponent}\n      {info && (\n        <HoverCard position={infoPosition} disabled={infoDisabled}>\n          <HoverCard.Target>\n            <Group gap=\"xs\" wrap=\"nowrap\">\n              {ProgressComponent}\n              <ActionIcon variant=\"subtle\" disabled={infoDisabled}>\n                <Info size=\"1rem\" />\n              </ActionIcon>\n            </Group>\n          </HoverCard.Target>\n          <HoverCard.Dropdown>{info}</HoverCard.Dropdown>\n        </HoverCard>\n      )}\n    </Group>\n  );\n}\n"],"mappings":"AAoCI,cAqBQ,YArBR;AApCJ,SAAyB,2BAA2B;AACpD;AAAA,EACE;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,OAEK;AAEP,SAAS,YAAY;AAYd,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,oBACJ;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,SAAS;AAAA,MAChB,OAAO,oBAAoB,MAAM;AAAA,MACjC,GAAG;AAAA,MACH,MAAK;AAAA,MACJ,GAAG;AAAA;AAAA,EACN;AAEF,SACE,qBAAC,SAAM,KAAI,MAAK,SAAQ,iBAAgB,MAAK,UAAU,GAAG,YACxD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACH,GAAG,UAAU,SAAY,WAAW;AAAA,QACnC,GAAG;AAAA,QAEH,oBAAU,SAAY,QAAQ,MAAM,QAAQ,CAAC,IAAI;AAAA;AAAA,IACpD;AAAA,IACC,CAAC,QAAQ;AAAA,IACT,QACC,qBAAC,aAAU,UAAU,cAAc,UAAU,cAC3C;AAAA,0BAAC,UAAU,QAAV,EACC,+BAAC,SAAM,KAAI,MAAK,MAAK,UAClB;AAAA;AAAA,QACD,oBAAC,cAAW,SAAQ,UAAS,UAAU,cACrC,8BAAC,QAAK,MAAK,QAAO,GACpB;AAAA,SACF,GACF;AAAA,MACA,oBAAC,UAAU,UAAV,EAAoB,gBAAK;AAAA,OAC5B;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/status-badge.cjs

@@ -0,0 +1,63 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var status_badge_exports = {};
+__export(status_badge_exports, {
+  StatusBadge: () => StatusBadge
+});
+module.exports = __toCommonJS(status_badge_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_core = require("@mantine/core");
+var import_color = require("../color");
+var import_formatting = require("../formatting");
+const StatusBadge = (0, import_core.createPolymorphicComponent)(
+  (0, import_react.forwardRef)(
+    ({ text: _text, intent, ...props }, ref) => {
+      if (!_text) {
+        return null;
+      }
+      const text = (0, import_formatting.fmtSnakeCaseToUpperSpaceCase)(
+        (0, import_formatting.fmtUpperCamelcase)(_text)
+      ).toUpperCase();
+      const _background = (0, import_color.hexColorByIntention)(intent);
+      const background = _background ? _background + "25" : void 0;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_core.Text,
+        {
+          fz: { base: "xs", md: "sm" },
+          bdrs: "md",
+          w: "fit-content",
+          c: intent,
+          bg: background,
+          px: "0.5rem",
+          py: "0.2rem",
+          lts: "0.025em",
+          ...props,
+          ref,
+          children: text
+        }
+      );
+    }
+  )
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StatusBadge
+});
+//# sourceMappingURL=status-badge.cjs.map

package/dist/components/status-badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/status-badge.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, TextProps, createPolymorphicComponent } from \"@mantine/core\";\nimport { ColorIntention, hexColorByIntention } from \"../color\";\nimport { fmtUpperCamelcase, fmtSnakeCaseToUpperSpaceCase } from \"../formatting\";\n\n// https://mantine.dev/guides/polymorphic/#create-your-own-polymorphic-components\n\ninterface StatusBadgeProps extends TextProps {\n  text: string | undefined;\n  intent: ColorIntention;\n}\n\nexport const StatusBadge = createPolymorphicComponent<\"div\", StatusBadgeProps>(\n  forwardRef<HTMLDivElement, StatusBadgeProps>(\n    ({ text: _text, intent, ...props }, ref) => {\n      if (!_text) {\n        return null;\n      }\n\n      const text = fmtSnakeCaseToUpperSpaceCase(\n        fmtUpperCamelcase(_text),\n      ).toUpperCase();\n      const _background = hexColorByIntention(intent);\n      const background = _background ? _background + \"25\" : undefined;\n\n      return (\n        <Text\n          fz={{ base: \"xs\", md: \"sm\" }}\n          bdrs=\"md\"\n          w=\"fit-content\"\n          c={intent}\n          bg={background}\n          px=\"0.5rem\"\n          py=\"0.2rem\"\n          lts=\"0.025em\"\n          {...props}\n          ref={ref}\n        >\n          {text}\n        </Text>\n      );\n    },\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BQ;AA1BR,mBAA2B;AAC3B,kBAA4D;AAC5D,mBAAoD;AACpD,wBAAgE;AASzD,MAAM,kBAAc;AAAA,MACzB;AAAA,IACE,CAAC,EAAE,MAAM,OAAO,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC1C,UAAI,CAAC,OAAO;AACV,eAAO;AAAA,MACT;AAEA,YAAM,WAAO;AAAA,YACX,qCAAkB,KAAK;AAAA,MACzB,EAAE,YAAY;AACd,YAAM,kBAAc,kCAAoB,MAAM;AAC9C,YAAM,aAAa,cAAc,cAAc,OAAO;AAEtD,aACE;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,EAAE,MAAM,MAAM,IAAI,KAAK;AAAA,UAC3B,MAAK;AAAA,UACL,GAAE;AAAA,UACF,GAAG;AAAA,UACH,IAAI;AAAA,UACJ,IAAG;AAAA,UACH,IAAG;AAAA,UACH,KAAI;AAAA,UACH,GAAG;AAAA,UACJ;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

package/dist/components/status-badge.d.cts

@@ -0,0 +1,20 @@
+import * as react from 'react';
+import * as _mantine_core from '@mantine/core';
+import { TextProps } from '@mantine/core';
+import { ColorIntention } from '../color.cjs';
+
+interface StatusBadgeProps extends TextProps {
+    text: string | undefined;
+    intent: ColorIntention;
+}
+declare const StatusBadge: (<C = "div">(props: _mantine_core.PolymorphicComponentProps<C, StatusBadgeProps>) => React.ReactElement) & Omit<react.FunctionComponent<(StatusBadgeProps & {
+    component?: any;
+} & Omit<any, "component" | keyof StatusBadgeProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (StatusBadgeProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+export { StatusBadge };

package/dist/components/status-badge.d.ts

@@ -0,0 +1,20 @@
+import * as react from 'react';
+import * as _mantine_core from '@mantine/core';
+import { TextProps } from '@mantine/core';
+import { ColorIntention } from '../color.js';
+
+interface StatusBadgeProps extends TextProps {
+    text: string | undefined;
+    intent: ColorIntention;
+}
+declare const StatusBadge: (<C = "div">(props: _mantine_core.PolymorphicComponentProps<C, StatusBadgeProps>) => React.ReactElement) & Omit<react.FunctionComponent<(StatusBadgeProps & {
+    component?: any;
+} & Omit<any, "component" | keyof StatusBadgeProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (StatusBadgeProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+export { StatusBadge };

package/dist/components/status-badge.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Text, createPolymorphicComponent } from "@mantine/core";
+import { hexColorByIntention } from "../color";
+import { fmtUpperCamelcase, fmtSnakeCaseToUpperSpaceCase } from "../formatting";
+const StatusBadge = createPolymorphicComponent(
+  forwardRef(
+    ({ text: _text, intent, ...props }, ref) => {
+      if (!_text) {
+        return null;
+      }
+      const text = fmtSnakeCaseToUpperSpaceCase(
+        fmtUpperCamelcase(_text)
+      ).toUpperCase();
+      const _background = hexColorByIntention(intent);
+      const background = _background ? _background + "25" : void 0;
+      return /* @__PURE__ */ jsx(
+        Text,
+        {
+          fz: { base: "xs", md: "sm" },
+          bdrs: "md",
+          w: "fit-content",
+          c: intent,
+          bg: background,
+          px: "0.5rem",
+          py: "0.2rem",
+          lts: "0.025em",
+          ...props,
+          ref,
+          children: text
+        }
+      );
+    }
+  )
+);
+export {
+  StatusBadge
+};
+//# sourceMappingURL=status-badge.js.map

package/dist/components/status-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/status-badge.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, TextProps, createPolymorphicComponent } from \"@mantine/core\";\nimport { ColorIntention, hexColorByIntention } from \"../color\";\nimport { fmtUpperCamelcase, fmtSnakeCaseToUpperSpaceCase } from \"../formatting\";\n\n// https://mantine.dev/guides/polymorphic/#create-your-own-polymorphic-components\n\ninterface StatusBadgeProps extends TextProps {\n  text: string | undefined;\n  intent: ColorIntention;\n}\n\nexport const StatusBadge = createPolymorphicComponent<\"div\", StatusBadgeProps>(\n  forwardRef<HTMLDivElement, StatusBadgeProps>(\n    ({ text: _text, intent, ...props }, ref) => {\n      if (!_text) {\n        return null;\n      }\n\n      const text = fmtSnakeCaseToUpperSpaceCase(\n        fmtUpperCamelcase(_text),\n      ).toUpperCase();\n      const _background = hexColorByIntention(intent);\n      const background = _background ? _background + \"25\" : undefined;\n\n      return (\n        <Text\n          fz={{ base: \"xs\", md: \"sm\" }}\n          bdrs=\"md\"\n          w=\"fit-content\"\n          c={intent}\n          bg={background}\n          px=\"0.5rem\"\n          py=\"0.2rem\"\n          lts=\"0.025em\"\n          {...props}\n          ref={ref}\n        >\n          {text}\n        </Text>\n      );\n    },\n  ),\n);\n"],"mappings":"AA0BQ;AA1BR,SAAS,kBAAkB;AAC3B,SAAS,MAAiB,kCAAkC;AAC5D,SAAyB,2BAA2B;AACpD,SAAS,mBAAmB,oCAAoC;AASzD,MAAM,cAAc;AAAA,EACzB;AAAA,IACE,CAAC,EAAE,MAAM,OAAO,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC1C,UAAI,CAAC,OAAO;AACV,eAAO;AAAA,MACT;AAEA,YAAM,OAAO;AAAA,QACX,kBAAkB,KAAK;AAAA,MACzB,EAAE,YAAY;AACd,YAAM,cAAc,oBAAoB,MAAM;AAC9C,YAAM,aAAa,cAAc,cAAc,OAAO;AAEtD,aACE;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,EAAE,MAAM,MAAM,IAAI,KAAK;AAAA,UAC3B,MAAK;AAAA,UACL,GAAE;AAAA,UACF,GAAG;AAAA,UACH,IAAI;AAAA,UACJ,IAAG;AAAA,UACH,IAAG;AAAA,UACH,KAAI;AAAA,UACH,GAAG;AAAA,UACJ;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

package/dist/components/tabbed-page.cjs

@@ -0,0 +1,64 @@
+"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 tabbed_page_exports = {};
+__export(tabbed_page_exports, {
+  TabbedPage: () => TabbedPage
+});
+module.exports = __toCommonJS(tabbed_page_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_hooks = require("@mantine/hooks");
+var import_page = require("./page");
+var import_lucide_react = require("lucide-react");
+function TabbedPage({
+  storageKey,
+  tabs
+}) {
+  const defaultTab = tabs[0]?.tab;
+  const [selectedTab, setSelectedTab] = (0, import_hooks.useLocalStorage)({
+    key: storageKey,
+    defaultValue: defaultTab
+  });
+  const Content = tabs.find((tab) => tab.tab === selectedTab)?.content ?? (() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CircleQuestionMark, { size: 22 }) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_core.Tabs,
+    {
+      value: selectedTab,
+      onChange: (tab) => setSelectedTab(tab ?? defaultTab),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_page.Page,
+        {
+          customTitle: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Tabs.List, { children: tabs.map(({ tab, icon }) => {
+            const Icon = icon ?? import_lucide_react.CircleQuestionMark;
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Tabs.Tab, { value: tab, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { opacity: tab === selectedTab ? 1 : 0.6, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: 20 }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { fz: "h3", children: tab })
+            ] }) }, tab);
+          }) }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Content, {})
+        }
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TabbedPage
+});
+//# sourceMappingURL=tabbed-page.cjs.map

package/dist/components/tabbed-page.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tabbed-page.tsx"],"sourcesContent":["import { Center, Group, Tabs, Text } from \"@mantine/core\";\nimport { useLocalStorage } from \"@mantine/hooks\";\nimport { FC } from \"react\";\nimport { Page } from \"./page\";\nimport { CircleQuestionMark } from \"lucide-react\";\n\nexport type TabbedPageItem<Tab extends string> = {\n  tab: Tab;\n  icon?: FC<{ size?: string | number }>;\n  content?: FC;\n};\n\nexport type TabbedPageProps<Tab extends string> = {\n  /** Store current tab on localStorage */\n  storageKey: string;\n  tabs: TabbedPageItem<Tab>[];\n};\n\nexport function TabbedPage<Tab extends string>({\n  storageKey,\n  tabs,\n}: TabbedPageProps<Tab>) {\n  const defaultTab = tabs[0]?.tab;\n  const [selectedTab, setSelectedTab] = useLocalStorage<Tab>({\n    key: storageKey,\n    defaultValue: defaultTab,\n  });\n  const Content =\n    tabs.find((tab) => tab.tab === selectedTab)?.content ??\n    (() => (\n      <Center>\n        <CircleQuestionMark size={22} />\n      </Center>\n    ));\n  return (\n    <Tabs\n      value={selectedTab}\n      onChange={(tab) => setSelectedTab((tab as Tab) ?? defaultTab)}\n    >\n      <Page\n        customTitle={\n          <Tabs.List>\n            {tabs.map(({ tab, icon }) => {\n              const Icon = icon ?? CircleQuestionMark;\n              return (\n                <Tabs.Tab key={tab} value={tab}>\n                  <Group opacity={tab === selectedTab ? 1 : 0.6}>\n                    <Icon size={20} />\n                    <Text fz=\"h3\">{tab}</Text>\n                  </Group>\n                </Tabs.Tab>\n              );\n            })}\n          </Tabs.List>\n        }\n      >\n        <Content />\n      </Page>\n    </Tabs>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BQ;AA/BR,kBAA0C;AAC1C,mBAAgC;AAEhC,kBAAqB;AACrB,0BAAmC;AAc5B,SAAS,WAA+B;AAAA,EAC7C;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,aAAa,KAAK,CAAC,GAAG;AAC5B,QAAM,CAAC,aAAa,cAAc,QAAI,8BAAqB;AAAA,IACzD,KAAK;AAAA,IACL,cAAc;AAAA,EAChB,CAAC;AACD,QAAM,UACJ,KAAK,KAAK,CAAC,QAAQ,IAAI,QAAQ,WAAW,GAAG,YAC5C,MACC,4CAAC,sBACC,sDAAC,0CAAmB,MAAM,IAAI,GAChC;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU,CAAC,QAAQ,eAAgB,OAAe,UAAU;AAAA,MAE5D;AAAA,QAAC;AAAA;AAAA,UACC,aACE,4CAAC,iBAAK,MAAL,EACE,eAAK,IAAI,CAAC,EAAE,KAAK,KAAK,MAAM;AAC3B,kBAAM,OAAO,QAAQ;AACrB,mBACE,4CAAC,iBAAK,KAAL,EAAmB,OAAO,KACzB,uDAAC,qBAAM,SAAS,QAAQ,cAAc,IAAI,KACxC;AAAA,0DAAC,QAAK,MAAM,IAAI;AAAA,cAChB,4CAAC,oBAAK,IAAG,MAAM,eAAI;AAAA,eACrB,KAJa,GAKf;AAAA,UAEJ,CAAC,GACH;AAAA,UAGF,sDAAC,WAAQ;AAAA;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/tabbed-page.d.cts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FC } from 'react';
+
+type TabbedPageItem<Tab extends string> = {
+    tab: Tab;
+    icon?: FC<{
+        size?: string | number;
+    }>;
+    content?: FC;
+};
+type TabbedPageProps<Tab extends string> = {
+    /** Store current tab on localStorage */
+    storageKey: string;
+    tabs: TabbedPageItem<Tab>[];
+};
+declare function TabbedPage<Tab extends string>({ storageKey, tabs, }: TabbedPageProps<Tab>): react_jsx_runtime.JSX.Element;
+
+export { TabbedPage, type TabbedPageItem, type TabbedPageProps };

package/dist/components/tabbed-page.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FC } from 'react';
+
+type TabbedPageItem<Tab extends string> = {
+    tab: Tab;
+    icon?: FC<{
+        size?: string | number;
+    }>;
+    content?: FC;
+};
+type TabbedPageProps<Tab extends string> = {
+    /** Store current tab on localStorage */
+    storageKey: string;
+    tabs: TabbedPageItem<Tab>[];
+};
+declare function TabbedPage<Tab extends string>({ storageKey, tabs, }: TabbedPageProps<Tab>): react_jsx_runtime.JSX.Element;
+
+export { TabbedPage, type TabbedPageItem, type TabbedPageProps };

package/dist/components/tabbed-page.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Center, Group, Tabs, Text } from "@mantine/core";
+import { useLocalStorage } from "@mantine/hooks";
+import { Page } from "./page";
+import { CircleQuestionMark } from "lucide-react";
+function TabbedPage({
+  storageKey,
+  tabs
+}) {
+  const defaultTab = tabs[0]?.tab;
+  const [selectedTab, setSelectedTab] = useLocalStorage({
+    key: storageKey,
+    defaultValue: defaultTab
+  });
+  const Content = tabs.find((tab) => tab.tab === selectedTab)?.content ?? (() => /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(CircleQuestionMark, { size: 22 }) }));
+  return /* @__PURE__ */ jsx(
+    Tabs,
+    {
+      value: selectedTab,
+      onChange: (tab) => setSelectedTab(tab ?? defaultTab),
+      children: /* @__PURE__ */ jsx(
+        Page,
+        {
+          customTitle: /* @__PURE__ */ jsx(Tabs.List, { children: tabs.map(({ tab, icon }) => {
+            const Icon = icon ?? CircleQuestionMark;
+            return /* @__PURE__ */ jsx(Tabs.Tab, { value: tab, children: /* @__PURE__ */ jsxs(Group, { opacity: tab === selectedTab ? 1 : 0.6, children: [
+              /* @__PURE__ */ jsx(Icon, { size: 20 }),
+              /* @__PURE__ */ jsx(Text, { fz: "h3", children: tab })
+            ] }) }, tab);
+          }) }),
+          children: /* @__PURE__ */ jsx(Content, {})
+        }
+      )
+    }
+  );
+}
+export {
+  TabbedPage
+};
+//# sourceMappingURL=tabbed-page.js.map

package/dist/components/tabbed-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tabbed-page.tsx"],"sourcesContent":["import { Center, Group, Tabs, Text } from \"@mantine/core\";\nimport { useLocalStorage } from \"@mantine/hooks\";\nimport { FC } from \"react\";\nimport { Page } from \"./page\";\nimport { CircleQuestionMark } from \"lucide-react\";\n\nexport type TabbedPageItem<Tab extends string> = {\n  tab: Tab;\n  icon?: FC<{ size?: string | number }>;\n  content?: FC;\n};\n\nexport type TabbedPageProps<Tab extends string> = {\n  /** Store current tab on localStorage */\n  storageKey: string;\n  tabs: TabbedPageItem<Tab>[];\n};\n\nexport function TabbedPage<Tab extends string>({\n  storageKey,\n  tabs,\n}: TabbedPageProps<Tab>) {\n  const defaultTab = tabs[0]?.tab;\n  const [selectedTab, setSelectedTab] = useLocalStorage<Tab>({\n    key: storageKey,\n    defaultValue: defaultTab,\n  });\n  const Content =\n    tabs.find((tab) => tab.tab === selectedTab)?.content ??\n    (() => (\n      <Center>\n        <CircleQuestionMark size={22} />\n      </Center>\n    ));\n  return (\n    <Tabs\n      value={selectedTab}\n      onChange={(tab) => setSelectedTab((tab as Tab) ?? defaultTab)}\n    >\n      <Page\n        customTitle={\n          <Tabs.List>\n            {tabs.map(({ tab, icon }) => {\n              const Icon = icon ?? CircleQuestionMark;\n              return (\n                <Tabs.Tab key={tab} value={tab}>\n                  <Group opacity={tab === selectedTab ? 1 : 0.6}>\n                    <Icon size={20} />\n                    <Text fz=\"h3\">{tab}</Text>\n                  </Group>\n                </Tabs.Tab>\n              );\n            })}\n          </Tabs.List>\n        }\n      >\n        <Content />\n      </Page>\n    </Tabs>\n  );\n}\n"],"mappings":"AA+BQ,cAeU,YAfV;AA/BR,SAAS,QAAQ,OAAO,MAAM,YAAY;AAC1C,SAAS,uBAAuB;AAEhC,SAAS,YAAY;AACrB,SAAS,0BAA0B;AAc5B,SAAS,WAA+B;AAAA,EAC7C;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,aAAa,KAAK,CAAC,GAAG;AAC5B,QAAM,CAAC,aAAa,cAAc,IAAI,gBAAqB;AAAA,IACzD,KAAK;AAAA,IACL,cAAc;AAAA,EAChB,CAAC;AACD,QAAM,UACJ,KAAK,KAAK,CAAC,QAAQ,IAAI,QAAQ,WAAW,GAAG,YAC5C,MACC,oBAAC,UACC,8BAAC,sBAAmB,MAAM,IAAI,GAChC;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU,CAAC,QAAQ,eAAgB,OAAe,UAAU;AAAA,MAE5D;AAAA,QAAC;AAAA;AAAA,UACC,aACE,oBAAC,KAAK,MAAL,EACE,eAAK,IAAI,CAAC,EAAE,KAAK,KAAK,MAAM;AAC3B,kBAAM,OAAO,QAAQ;AACrB,mBACE,oBAAC,KAAK,KAAL,EAAmB,OAAO,KACzB,+BAAC,SAAM,SAAS,QAAQ,cAAc,IAAI,KACxC;AAAA,kCAAC,QAAK,MAAM,IAAI;AAAA,cAChB,oBAAC,QAAK,IAAG,MAAM,eAAI;AAAA,eACrB,KAJa,GAKf;AAAA,UAEJ,CAAC,GACH;AAAA,UAGF,8BAAC,WAAQ;AAAA;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/table-skeleton.cjs

@@ -0,0 +1,36 @@
+"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 table_skeleton_exports = {};
+__export(table_skeleton_exports, {
+  TableSkeleton: () => TableSkeleton
+});
+module.exports = __toCommonJS(table_skeleton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+function TableSkeleton({
+  rows = 6,
+  rowHeight = "3.5vh"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Stack, { gap: "xs", children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Skeleton, { height: rowHeight }, i)) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableSkeleton
+});
+//# sourceMappingURL=table-skeleton.cjs.map

package/dist/components/table-skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/table-skeleton.tsx"],"sourcesContent":["import { Skeleton, Stack } from \"@mantine/core\";\n\nexport function TableSkeleton({\n  rows = 6,\n  rowHeight = \"3.5vh\",\n}: {\n  rows?: number;\n  rowHeight?: string | number;\n}) {\n  return (\n    <Stack gap=\"xs\">\n      {Array.from({ length: rows }).map((_, i) => (\n        <Skeleton key={i} height={rowHeight} />\n      ))}\n    </Stack>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYQ;AAZR,kBAAgC;AAEzB,SAAS,cAAc;AAAA,EAC5B,OAAO;AAAA,EACP,YAAY;AACd,GAGG;AACD,SACE,4CAAC,qBAAM,KAAI,MACR,gBAAM,KAAK,EAAE,QAAQ,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,MACpC,4CAAC,wBAAiB,QAAQ,aAAX,CAAsB,CACtC,GACH;AAEJ;","names":[]}

package/dist/components/table-skeleton.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function TableSkeleton({ rows, rowHeight, }: {
+    rows?: number;
+    rowHeight?: string | number;
+}): react_jsx_runtime.JSX.Element;
+
+export { TableSkeleton };

package/dist/components/table-skeleton.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function TableSkeleton({ rows, rowHeight, }: {
+    rows?: number;
+    rowHeight?: string | number;
+}): react_jsx_runtime.JSX.Element;
+
+export { TableSkeleton };

package/dist/components/table-skeleton.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { Skeleton, Stack } from "@mantine/core";
+function TableSkeleton({
+  rows = 6,
+  rowHeight = "3.5vh"
+}) {
+  return /* @__PURE__ */ jsx(Stack, { gap: "xs", children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { height: rowHeight }, i)) });
+}
+export {
+  TableSkeleton
+};
+//# sourceMappingURL=table-skeleton.js.map

package/dist/components/table-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/table-skeleton.tsx"],"sourcesContent":["import { Skeleton, Stack } from \"@mantine/core\";\n\nexport function TableSkeleton({\n  rows = 6,\n  rowHeight = \"3.5vh\",\n}: {\n  rows?: number;\n  rowHeight?: string | number;\n}) {\n  return (\n    <Stack gap=\"xs\">\n      {Array.from({ length: rows }).map((_, i) => (\n        <Skeleton key={i} height={rowHeight} />\n      ))}\n    </Stack>\n  );\n}\n"],"mappings":"AAYQ;AAZR,SAAS,UAAU,aAAa;AAEzB,SAAS,cAAc;AAAA,EAC5B,OAAO;AAAA,EACP,YAAY;AACd,GAGG;AACD,SACE,oBAAC,SAAM,KAAI,MACR,gBAAM,KAAK,EAAE,QAAQ,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,MACpC,oBAAC,YAAiB,QAAQ,aAAX,CAAsB,CACtC,GACH;AAEJ;","names":[]}