mogh_ui 0.1.0

package/dist/components/entity-header.cjs

@@ -0,0 +1,137 @@
+"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 entity_header_exports = {};
+__export(entity_header_exports, {
+  EntityHeader: () => EntityHeader
+});
+module.exports = __toCommonJS(entity_header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_color = require("../color");
+function EntityHeader({
+  name,
+  icon: Icon,
+  intent,
+  state,
+  status,
+  action,
+  onRename: _onRename,
+  renamePending
+}) {
+  const [editingName, setEditingName] = (0, import_react.useState)(false);
+  const [newName, setNewName] = (0, import_react.useState)(name);
+  (0, import_react.useEffect)(() => {
+    setNewName(name);
+  }, [name]);
+  const color = (0, import_color.hexColorByIntention)(intent);
+  const background = color ? color + "25" : void 0;
+  const onRename = _onRename && (() => {
+    if (!newName) return;
+    if (name === newName) {
+      setEditingName(false);
+    } else {
+      _onRename(newName).then(() => setEditingName(false));
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_core.Group,
+    {
+      justify: "space-between",
+      gap: "lg",
+      px: "xl",
+      py: "md",
+      style: {
+        background,
+        borderTopLeftRadius: "var(--mantine-radius-md)",
+        borderTopRightRadius: "var(--mantine-radius-md)"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { gap: "lg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: "2rem", color }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { gap: "0", children: [
+            name && !onRename && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { fz: "h1", fw: "bolder", children: name }),
+            onRename && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_core.Group,
+              {
+                mb: editingName ? "xs" : void 0,
+                gap: "xs",
+                onClick: editingName ? void 0 : () => setEditingName(true),
+                style: { cursor: editingName ? void 0 : "pointer" },
+                children: [
+                  !editingName && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { fz: "h1", fw: "bolder", children: name }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ActionIcon, { title: "Rename", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Edit, { size: "1rem" }) })
+                  ] }),
+                  editingName && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_core.TextInput,
+                      {
+                        placeholder: "Enter name",
+                        value: newName,
+                        onChange: (e) => setNewName(e.target.value),
+                        onKeyDown: (e) => e.key === "Enter" && onRename(),
+                        disabled: renamePending,
+                        size: "lg",
+                        autoFocus: true
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_core.ActionIcon,
+                      {
+                        variant: "filled",
+                        color: "blue",
+                        onClick: onRename,
+                        loading: renamePending,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Save, { size: "1rem" })
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_core.ActionIcon,
+                      {
+                        variant: "filled",
+                        color: "red",
+                        onClick: () => {
+                          setNewName(name);
+                          setEditingName(false);
+                        },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { size: "1rem" })
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { fz: "md", tt: "uppercase", mt: "-8", gap: "sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { c: color, fw: "600", children: state }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { c: "dimmed", children: status })
+            ] })
+          ] })
+        ] }),
+        action
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EntityHeader
+});
+//# sourceMappingURL=entity-header.cjs.map

package/dist/components/entity-header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/entity-header.tsx"],"sourcesContent":["import { ActionIcon, Group, Stack, Text, TextInput } from \"@mantine/core\";\nimport { FC, ReactNode, useEffect, useState } from \"react\";\nimport { Edit, Save, X } from \"lucide-react\";\nimport { ColorIntention, hexColorByIntention } from \"../color\";\n\nexport interface EntityHeaderProps {\n  name?: string;\n  icon: FC<{ size?: string | number; color?: string }>;\n  intent: ColorIntention;\n  state?: ReactNode;\n  status?: ReactNode;\n  action?: ReactNode;\n  onRename?: (name: string) => Promise<unknown>;\n  renamePending?: boolean;\n}\n\nexport function EntityHeader({\n  name,\n  icon: Icon,\n  intent,\n  state,\n  status,\n  action,\n  onRename: _onRename,\n  renamePending,\n}: EntityHeaderProps) {\n  const [editingName, setEditingName] = useState(false);\n  const [newName, setNewName] = useState(name);\n  useEffect(() => {\n    setNewName(name);\n  }, [name]);\n  const color = hexColorByIntention(intent);\n  const background = color ? color + \"25\" : undefined;\n  const onRename =\n    _onRename &&\n    (() => {\n      if (!newName) return;\n      if (name === newName) {\n        setEditingName(false);\n      } else {\n        _onRename(newName).then(() => setEditingName(false));\n      }\n    });\n  return (\n    <Group\n      justify=\"space-between\"\n      gap=\"lg\"\n      px=\"xl\"\n      py=\"md\"\n      style={{\n        background,\n        borderTopLeftRadius: \"var(--mantine-radius-md)\",\n        borderTopRightRadius: \"var(--mantine-radius-md)\",\n      }}\n    >\n      <Group gap=\"lg\">\n        <Icon size=\"2rem\" color={color} />\n        <Stack gap=\"0\">\n          {name && !onRename && (\n            <Text fz=\"h1\" fw=\"bolder\">\n              {name}\n            </Text>\n          )}\n          {onRename && (\n            <Group\n              mb={editingName ? \"xs\" : undefined}\n              gap=\"xs\"\n              onClick={editingName ? undefined : () => setEditingName(true)}\n              style={{ cursor: editingName ? undefined : \"pointer\" }}\n            >\n              {!editingName && (\n                <>\n                  <Text fz=\"h1\" fw=\"bolder\">\n                    {name}\n                  </Text>\n                  <ActionIcon title=\"Rename\">\n                    <Edit size=\"1rem\" />\n                  </ActionIcon>\n                </>\n              )}\n              {editingName && (\n                <>\n                  <TextInput\n                    placeholder=\"Enter name\"\n                    value={newName}\n                    onChange={(e) => setNewName(e.target.value)}\n                    onKeyDown={(e) => e.key === \"Enter\" && onRename()}\n                    disabled={renamePending}\n                    size=\"lg\"\n                    autoFocus\n                  />\n                  <ActionIcon\n                    variant=\"filled\"\n                    color=\"blue\"\n                    onClick={onRename}\n                    loading={renamePending}\n                  >\n                    <Save size=\"1rem\" />\n                  </ActionIcon>\n                  <ActionIcon\n                    variant=\"filled\"\n                    color=\"red\"\n                    onClick={() => {\n                      setNewName(name);\n                      setEditingName(false);\n                    }}\n                  >\n                    <X size=\"1rem\" />\n                  </ActionIcon>\n                </>\n              )}\n            </Group>\n          )}\n          <Group fz=\"md\" tt=\"uppercase\" mt=\"-8\" gap=\"sm\">\n            <Text c={color} fw=\"600\">\n              {state}\n            </Text>\n            <Text c=\"dimmed\">{status}</Text>\n          </Group>\n        </Stack>\n      </Group>\n      {action}\n    </Group>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/entity-header.d.cts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FC, ReactNode } from 'react';
+import { ColorIntention } from '../color.cjs';
+
+interface EntityHeaderProps {
+    name?: string;
+    icon: FC<{
+        size?: string | number;
+        color?: string;
+    }>;
+    intent: ColorIntention;
+    state?: ReactNode;
+    status?: ReactNode;
+    action?: ReactNode;
+    onRename?: (name: string) => Promise<unknown>;
+    renamePending?: boolean;
+}
+declare function EntityHeader({ name, icon: Icon, intent, state, status, action, onRename: _onRename, renamePending, }: EntityHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { EntityHeader, type EntityHeaderProps };

package/dist/components/entity-header.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FC, ReactNode } from 'react';
+import { ColorIntention } from '../color.js';
+
+interface EntityHeaderProps {
+    name?: string;
+    icon: FC<{
+        size?: string | number;
+        color?: string;
+    }>;
+    intent: ColorIntention;
+    state?: ReactNode;
+    status?: ReactNode;
+    action?: ReactNode;
+    onRename?: (name: string) => Promise<unknown>;
+    renamePending?: boolean;
+}
+declare function EntityHeader({ name, icon: Icon, intent, state, status, action, onRename: _onRename, renamePending, }: EntityHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { EntityHeader, type EntityHeaderProps };

package/dist/components/entity-header.js

@@ -0,0 +1,113 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ActionIcon, Group, Stack, Text, TextInput } from "@mantine/core";
+import { useEffect, useState } from "react";
+import { Edit, Save, X } from "lucide-react";
+import { hexColorByIntention } from "../color";
+function EntityHeader({
+  name,
+  icon: Icon,
+  intent,
+  state,
+  status,
+  action,
+  onRename: _onRename,
+  renamePending
+}) {
+  const [editingName, setEditingName] = useState(false);
+  const [newName, setNewName] = useState(name);
+  useEffect(() => {
+    setNewName(name);
+  }, [name]);
+  const color = hexColorByIntention(intent);
+  const background = color ? color + "25" : void 0;
+  const onRename = _onRename && (() => {
+    if (!newName) return;
+    if (name === newName) {
+      setEditingName(false);
+    } else {
+      _onRename(newName).then(() => setEditingName(false));
+    }
+  });
+  return /* @__PURE__ */ jsxs(
+    Group,
+    {
+      justify: "space-between",
+      gap: "lg",
+      px: "xl",
+      py: "md",
+      style: {
+        background,
+        borderTopLeftRadius: "var(--mantine-radius-md)",
+        borderTopRightRadius: "var(--mantine-radius-md)"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "lg", children: [
+          /* @__PURE__ */ jsx(Icon, { size: "2rem", color }),
+          /* @__PURE__ */ jsxs(Stack, { gap: "0", children: [
+            name && !onRename && /* @__PURE__ */ jsx(Text, { fz: "h1", fw: "bolder", children: name }),
+            onRename && /* @__PURE__ */ jsxs(
+              Group,
+              {
+                mb: editingName ? "xs" : void 0,
+                gap: "xs",
+                onClick: editingName ? void 0 : () => setEditingName(true),
+                style: { cursor: editingName ? void 0 : "pointer" },
+                children: [
+                  !editingName && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(Text, { fz: "h1", fw: "bolder", children: name }),
+                    /* @__PURE__ */ jsx(ActionIcon, { title: "Rename", children: /* @__PURE__ */ jsx(Edit, { size: "1rem" }) })
+                  ] }),
+                  editingName && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        placeholder: "Enter name",
+                        value: newName,
+                        onChange: (e) => setNewName(e.target.value),
+                        onKeyDown: (e) => e.key === "Enter" && onRename(),
+                        disabled: renamePending,
+                        size: "lg",
+                        autoFocus: true
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      ActionIcon,
+                      {
+                        variant: "filled",
+                        color: "blue",
+                        onClick: onRename,
+                        loading: renamePending,
+                        children: /* @__PURE__ */ jsx(Save, { size: "1rem" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      ActionIcon,
+                      {
+                        variant: "filled",
+                        color: "red",
+                        onClick: () => {
+                          setNewName(name);
+                          setEditingName(false);
+                        },
+                        children: /* @__PURE__ */ jsx(X, { size: "1rem" })
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(Group, { fz: "md", tt: "uppercase", mt: "-8", gap: "sm", children: [
+              /* @__PURE__ */ jsx(Text, { c: color, fw: "600", children: state }),
+              /* @__PURE__ */ jsx(Text, { c: "dimmed", children: status })
+            ] })
+          ] })
+        ] }),
+        action
+      ]
+    }
+  );
+}
+export {
+  EntityHeader
+};
+//# sourceMappingURL=entity-header.js.map

package/dist/components/entity-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/entity-header.tsx"],"sourcesContent":["import { ActionIcon, Group, Stack, Text, TextInput } from \"@mantine/core\";\nimport { FC, ReactNode, useEffect, useState } from \"react\";\nimport { Edit, Save, X } from \"lucide-react\";\nimport { ColorIntention, hexColorByIntention } from \"../color\";\n\nexport interface EntityHeaderProps {\n  name?: string;\n  icon: FC<{ size?: string | number; color?: string }>;\n  intent: ColorIntention;\n  state?: ReactNode;\n  status?: ReactNode;\n  action?: ReactNode;\n  onRename?: (name: string) => Promise<unknown>;\n  renamePending?: boolean;\n}\n\nexport function EntityHeader({\n  name,\n  icon: Icon,\n  intent,\n  state,\n  status,\n  action,\n  onRename: _onRename,\n  renamePending,\n}: EntityHeaderProps) {\n  const [editingName, setEditingName] = useState(false);\n  const [newName, setNewName] = useState(name);\n  useEffect(() => {\n    setNewName(name);\n  }, [name]);\n  const color = hexColorByIntention(intent);\n  const background = color ? color + \"25\" : undefined;\n  const onRename =\n    _onRename &&\n    (() => {\n      if (!newName) return;\n      if (name === newName) {\n        setEditingName(false);\n      } else {\n        _onRename(newName).then(() => setEditingName(false));\n      }\n    });\n  return (\n    <Group\n      justify=\"space-between\"\n      gap=\"lg\"\n      px=\"xl\"\n      py=\"md\"\n      style={{\n        background,\n        borderTopLeftRadius: \"var(--mantine-radius-md)\",\n        borderTopRightRadius: \"var(--mantine-radius-md)\",\n      }}\n    >\n      <Group gap=\"lg\">\n        <Icon size=\"2rem\" color={color} />\n        <Stack gap=\"0\">\n          {name && !onRename && (\n            <Text fz=\"h1\" fw=\"bolder\">\n              {name}\n            </Text>\n          )}\n          {onRename && (\n            <Group\n              mb={editingName ? \"xs\" : undefined}\n              gap=\"xs\"\n              onClick={editingName ? undefined : () => setEditingName(true)}\n              style={{ cursor: editingName ? undefined : \"pointer\" }}\n            >\n              {!editingName && (\n                <>\n                  <Text fz=\"h1\" fw=\"bolder\">\n                    {name}\n                  </Text>\n                  <ActionIcon title=\"Rename\">\n                    <Edit size=\"1rem\" />\n                  </ActionIcon>\n                </>\n              )}\n              {editingName && (\n                <>\n                  <TextInput\n                    placeholder=\"Enter name\"\n                    value={newName}\n                    onChange={(e) => setNewName(e.target.value)}\n                    onKeyDown={(e) => e.key === \"Enter\" && onRename()}\n                    disabled={renamePending}\n                    size=\"lg\"\n                    autoFocus\n                  />\n                  <ActionIcon\n                    variant=\"filled\"\n                    color=\"blue\"\n                    onClick={onRename}\n                    loading={renamePending}\n                  >\n                    <Save size=\"1rem\" />\n                  </ActionIcon>\n                  <ActionIcon\n                    variant=\"filled\"\n                    color=\"red\"\n                    onClick={() => {\n                      setNewName(name);\n                      setEditingName(false);\n                    }}\n                  >\n                    <X size=\"1rem\" />\n                  </ActionIcon>\n                </>\n              )}\n            </Group>\n          )}\n          <Group fz=\"md\" tt=\"uppercase\" mt=\"-8\" gap=\"sm\">\n            <Text c={color} fw=\"600\">\n              {state}\n            </Text>\n            <Text c=\"dimmed\">{status}</Text>\n          </Group>\n        </Stack>\n      </Group>\n      {action}\n    </Group>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/entity-page.cjs

@@ -0,0 +1,45 @@
+"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 entity_page_exports = {};
+__export(entity_page_exports, {
+  EntityPage: () => EntityPage
+});
+module.exports = __toCommonJS(entity_page_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_back_button = require("./back-button");
+function EntityPage({
+  backTo,
+  actions,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { mb: "50vh", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { justify: "space-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_back_button.BackButton, { to: backTo }),
+      actions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Group, { wrap: "nowrap", children: actions })
+    ] }),
+    children
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EntityPage
+});
+//# sourceMappingURL=entity-page.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/entity-page.tsx"],"sourcesContent":["import { Group, Stack, StackProps } from \"@mantine/core\";\nimport { ReactNode } from \"react\";\nimport { BackButton } from \"./back-button\";\n\nexport interface EntityPageProps extends StackProps {\n  backTo?: string;\n  actions?: ReactNode;\n}\n\nexport function EntityPage({\n  backTo,\n  actions,\n  children,\n  ...props\n}: EntityPageProps) {\n  return (\n    <Stack mb=\"50vh\" {...props}>\n      <Group justify=\"space-between\">\n        <BackButton to={backTo} />\n        {actions && <Group wrap=\"nowrap\">{actions}</Group>}\n      </Group>\n      {children}\n    </Stack>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBM;AAjBN,kBAAyC;AAEzC,yBAA2B;AAOpB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE,6CAAC,qBAAM,IAAG,QAAQ,GAAG,OACnB;AAAA,iDAAC,qBAAM,SAAQ,iBACb;AAAA,kDAAC,iCAAW,IAAI,QAAQ;AAAA,MACvB,WAAW,4CAAC,qBAAM,MAAK,UAAU,mBAAQ;AAAA,OAC5C;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StackProps } from '@mantine/core';
+import { ReactNode } from 'react';
+
+interface EntityPageProps extends StackProps {
+    backTo?: string;
+    actions?: ReactNode;
+}
+declare function EntityPage({ backTo, actions, children, ...props }: EntityPageProps): react_jsx_runtime.JSX.Element;
+
+export { EntityPage, type EntityPageProps };

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StackProps } from '@mantine/core';
+import { ReactNode } from 'react';
+
+interface EntityPageProps extends StackProps {
+    backTo?: string;
+    actions?: ReactNode;
+}
+declare function EntityPage({ backTo, actions, children, ...props }: EntityPageProps): react_jsx_runtime.JSX.Element;
+
+export { EntityPage, type EntityPageProps };

package/dist/components/entity-page.js

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Group, Stack } from "@mantine/core";
+import { BackButton } from "./back-button";
+function EntityPage({
+  backTo,
+  actions,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Stack, { mb: "50vh", ...props, children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+      /* @__PURE__ */ jsx(BackButton, { to: backTo }),
+      actions && /* @__PURE__ */ jsx(Group, { wrap: "nowrap", children: actions })
+    ] }),
+    children
+  ] });
+}
+export {
+  EntityPage
+};
+//# sourceMappingURL=entity-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/entity-page.tsx"],"sourcesContent":["import { Group, Stack, StackProps } from \"@mantine/core\";\nimport { ReactNode } from \"react\";\nimport { BackButton } from \"./back-button\";\n\nexport interface EntityPageProps extends StackProps {\n  backTo?: string;\n  actions?: ReactNode;\n}\n\nexport function EntityPage({\n  backTo,\n  actions,\n  children,\n  ...props\n}: EntityPageProps) {\n  return (\n    <Stack mb=\"50vh\" {...props}>\n      <Group justify=\"space-between\">\n        <BackButton to={backTo} />\n        {actions && <Group wrap=\"nowrap\">{actions}</Group>}\n      </Group>\n      {children}\n    </Stack>\n  );\n}\n"],"mappings":"AAiBM,SACE,KADF;AAjBN,SAAS,OAAO,aAAyB;AAEzC,SAAS,kBAAkB;AAOpB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACE,qBAAC,SAAM,IAAG,QAAQ,GAAG,OACnB;AAAA,yBAAC,SAAM,SAAQ,iBACb;AAAA,0BAAC,cAAW,IAAI,QAAQ;AAAA,MACvB,WAAW,oBAAC,SAAM,MAAK,UAAU,mBAAQ;AAAA,OAC5C;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}

package/dist/components/fancy-card/index.cjs

@@ -0,0 +1,52 @@
+"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);
+var fancy_card_exports = {};
+__export(fancy_card_exports, {
+  FancyCard: () => FancyCard
+});
+module.exports = __toCommonJS(fancy_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_core = require("@mantine/core");
+var import_index_module = __toESM(require("./index.module.scss"), 1);
+const FancyCard = (0, import_core.createPolymorphicComponent)(
+  (0, import_react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_core.Box,
+    {
+      className: className ? import_index_module.default["fancy-card"] + " " + className : import_index_module.default["fancy-card"],
+      ...props,
+      ref
+    }
+  ))
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FancyCard
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/fancy-card/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/fancy-card/index.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Box, BoxProps, createPolymorphicComponent } from \"@mantine/core\";\nimport classes from \"./index.module.scss\";\n\n// https://mantine.dev/guides/polymorphic/#create-your-own-polymorphic-components\n\ninterface FancyCardProps extends BoxProps {}\n\nexport const FancyCard = createPolymorphicComponent<\"div\", FancyCardProps>(\n  forwardRef<HTMLDivElement, FancyCardProps>(({ className, ...props }, ref) => (\n    <Box\n      className={\n        className\n          ? classes[\"fancy-card\"] + \" \" + className\n          : classes[\"fancy-card\"]\n      }\n      {...props}\n      ref={ref}\n    />\n  )),\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUI;AAVJ,mBAA2B;AAC3B,kBAA0D;AAC1D,0BAAoB;AAMb,MAAM,gBAAY;AAAA,MACvB,yBAA2C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnE;AAAA,IAAC;AAAA;AAAA,MACC,WACE,YACI,oBAAAA,QAAQ,YAAY,IAAI,MAAM,YAC9B,oBAAAA,QAAQ,YAAY;AAAA,MAEzB,GAAG;AAAA,MACJ;AAAA;AAAA,EACF,CACD;AACH;","names":["classes"]}

package/dist/components/fancy-card/index.d.cts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import * as _mantine_core from '@mantine/core';
+import { BoxProps } from '@mantine/core';
+
+interface FancyCardProps extends BoxProps {
+}
+declare const FancyCard: (<C = "div">(props: _mantine_core.PolymorphicComponentProps<C, FancyCardProps>) => React.ReactElement) & Omit<react.FunctionComponent<(FancyCardProps & {
+    component?: any;
+} & Omit<any, "component" | keyof FancyCardProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (FancyCardProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+export { FancyCard };

package/dist/components/fancy-card/index.d.ts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import * as _mantine_core from '@mantine/core';
+import { BoxProps } from '@mantine/core';
+
+interface FancyCardProps extends BoxProps {
+}
+declare const FancyCard: (<C = "div">(props: _mantine_core.PolymorphicComponentProps<C, FancyCardProps>) => React.ReactElement) & Omit<react.FunctionComponent<(FancyCardProps & {
+    component?: any;
+} & Omit<any, "component" | keyof FancyCardProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (FancyCardProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+export { FancyCard };

package/dist/components/fancy-card/index.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Box, createPolymorphicComponent } from "@mantine/core";
+import classes from "./index.module.scss";
+const FancyCard = createPolymorphicComponent(
+  forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: className ? classes["fancy-card"] + " " + className : classes["fancy-card"],
+      ...props,
+      ref
+    }
+  ))
+);
+export {
+  FancyCard
+};
+//# sourceMappingURL=index.js.map

package/dist/components/fancy-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/fancy-card/index.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Box, BoxProps, createPolymorphicComponent } from \"@mantine/core\";\nimport classes from \"./index.module.scss\";\n\n// https://mantine.dev/guides/polymorphic/#create-your-own-polymorphic-components\n\ninterface FancyCardProps extends BoxProps {}\n\nexport const FancyCard = createPolymorphicComponent<\"div\", FancyCardProps>(\n  forwardRef<HTMLDivElement, FancyCardProps>(({ className, ...props }, ref) => (\n    <Box\n      className={\n        className\n          ? classes[\"fancy-card\"] + \" \" + className\n          : classes[\"fancy-card\"]\n      }\n      {...props}\n      ref={ref}\n    />\n  )),\n);\n"],"mappings":"AAUI;AAVJ,SAAS,kBAAkB;AAC3B,SAAS,KAAe,kCAAkC;AAC1D,OAAO,aAAa;AAMb,MAAM,YAAY;AAAA,EACvB,WAA2C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnE;AAAA,IAAC;AAAA;AAAA,MACC,WACE,YACI,QAAQ,YAAY,IAAI,MAAM,YAC9B,QAAQ,YAAY;AAAA,MAEzB,GAAG;AAAA,MACJ;AAAA;AAAA,EACF,CACD;AACH;","names":[]}

package/dist/components/fancy-card/index.module.scss

@@ -0,0 +1,13 @@
+.fancy-card {
+  cursor: pointer;
+  border: 1px solid color-mix(in srgb, var(--mantine-color-accent-border-1) 40%, transparent);
+  box-shadow: var(--mantine-shadow-xs);
+  transition: all 150ms ease;
+}
+
+.fancy-card:hover {
+  border-color: color-mix(in srgb, var(--mantine-color-accent-border-4) 40%, transparent);
+  background-color: var(--mantine-color-accent-0);
+  transform: translateY(-4%);
+  box-shadow: var(--mantine-shadow-md);
+}

package/dist/components/hover-error.cjs

@@ -0,0 +1,60 @@
+"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 hover_error_exports = {};
+__export(hover_error_exports, {
+  HoverError: () => HoverError
+});
+module.exports = __toCommonJS(hover_error_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_lucide_react = require("lucide-react");
+function HoverError({ error, trace }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.HoverCard, { position: "bottom-start", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.HoverCard.Target, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.Button,
+      {
+        variant: "filled",
+        color: "red",
+        leftSection: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.TriangleAlert, { size: "1rem" }),
+        children: "Error"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.HoverCard.Dropdown, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { gap: "sm", maw: { base: 400, xs: 500, sm: 600, md: 800 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { component: import_core.Code, gap: "0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { fw: "bold", c: "red", fz: "sm", children: "ERROR:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { fz: "sm", children: error })
+      ] }),
+      trace.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { component: import_core.Code, gap: "0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { c: "dimmed", fz: "sm", children: "TRACE:" }),
+        trace.map((error2, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { wrap: "nowrap", gap: "xs", align: "start", pl: "1rem", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Text, { c: "dimmed", fz: "sm", children: [
+            i + 1,
+            ":"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { fz: "sm", children: error2 })
+        ] }, i))
+      ] })
+    ] }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HoverError
+});
+//# sourceMappingURL=hover-error.cjs.map

package/dist/components/hover-error.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/hover-error.tsx"],"sourcesContent":["import { Button, Code, Group, HoverCard, Stack, Text } from \"@mantine/core\";\nimport { TriangleAlert } from \"lucide-react\";\n\nexport interface HoverErrorProps {\n  error: string;\n  trace: string[];\n}\n\nexport function HoverError({ error, trace }: HoverErrorProps) {\n  return (\n    <HoverCard position=\"bottom-start\">\n      <HoverCard.Target>\n        <Button\n          variant=\"filled\"\n          color=\"red\"\n          leftSection={<TriangleAlert size=\"1rem\" />}\n        >\n          Error\n        </Button>\n      </HoverCard.Target>\n      <HoverCard.Dropdown>\n        <Stack gap=\"sm\" maw={{ base: 400, xs: 500, sm: 600, md: 800 }}>\n          <Stack component={Code} gap=\"0\">\n            <Text fw=\"bold\" c=\"red\" fz=\"sm\">\n              ERROR:\n            </Text>\n            <Text fz=\"sm\">{error}</Text>\n          </Stack>\n          {trace.length > 0 && (\n            <Stack component={Code} gap=\"0\">\n              <Text c=\"dimmed\" fz=\"sm\">\n                TRACE:\n              </Text>\n              {trace.map((error, i) => (\n                <Group key={i} wrap=\"nowrap\" gap=\"xs\" align=\"start\" pl=\"1rem\">\n                  <Text c=\"dimmed\" fz=\"sm\">\n                    {i + 1}:\n                  </Text>\n                  <Text fz=\"sm\">{error}</Text>\n                </Group>\n              ))}\n            </Stack>\n          )}\n        </Stack>\n      </HoverCard.Dropdown>\n    </HoverCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAeuB;AAfvB,kBAA4D;AAC5D,0BAA8B;AAOvB,SAAS,WAAW,EAAE,OAAO,MAAM,GAAoB;AAC5D,SACE,6CAAC,yBAAU,UAAS,gBAClB;AAAA,gDAAC,sBAAU,QAAV,EACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,aAAa,4CAAC,qCAAc,MAAK,QAAO;AAAA,QACzC;AAAA;AAAA,IAED,GACF;AAAA,IACA,4CAAC,sBAAU,UAAV,EACC,uDAAC,qBAAM,KAAI,MAAK,KAAK,EAAE,MAAM,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,IAAI,GAC1D;AAAA,mDAAC,qBAAM,WAAW,kBAAM,KAAI,KAC1B;AAAA,oDAAC,oBAAK,IAAG,QAAO,GAAE,OAAM,IAAG,MAAK,oBAEhC;AAAA,QACA,4CAAC,oBAAK,IAAG,MAAM,iBAAM;AAAA,SACvB;AAAA,MACC,MAAM,SAAS,KACd,6CAAC,qBAAM,WAAW,kBAAM,KAAI,KAC1B;AAAA,oDAAC,oBAAK,GAAE,UAAS,IAAG,MAAK,oBAEzB;AAAA,QACC,MAAM,IAAI,CAACA,QAAO,MACjB,6CAAC,qBAAc,MAAK,UAAS,KAAI,MAAK,OAAM,SAAQ,IAAG,QACrD;AAAA,uDAAC,oBAAK,GAAE,UAAS,IAAG,MACjB;AAAA,gBAAI;AAAA,YAAE;AAAA,aACT;AAAA,UACA,4CAAC,oBAAK,IAAG,MAAM,UAAAA,QAAM;AAAA,aAJX,CAKZ,CACD;AAAA,SACH;AAAA,OAEJ,GACF;AAAA,KACF;AAEJ;","names":["error"]}

package/dist/components/hover-error.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface HoverErrorProps {
+    error: string;
+    trace: string[];
+}
+declare function HoverError({ error, trace }: HoverErrorProps): react_jsx_runtime.JSX.Element;
+
+export { HoverError, type HoverErrorProps };