mogh_ui 0.1.0

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

@@ -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 };

package/dist/components/hover-error.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Code, Group, HoverCard, Stack, Text } from "@mantine/core";
+import { TriangleAlert } from "lucide-react";
+function HoverError({ error, trace }) {
+  return /* @__PURE__ */ jsxs(HoverCard, { position: "bottom-start", children: [
+    /* @__PURE__ */ jsx(HoverCard.Target, { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "filled",
+        color: "red",
+        leftSection: /* @__PURE__ */ jsx(TriangleAlert, { size: "1rem" }),
+        children: "Error"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(HoverCard.Dropdown, { children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", maw: { base: 400, xs: 500, sm: 600, md: 800 }, children: [
+      /* @__PURE__ */ jsxs(Stack, { component: Code, gap: "0", children: [
+        /* @__PURE__ */ jsx(Text, { fw: "bold", c: "red", fz: "sm", children: "ERROR:" }),
+        /* @__PURE__ */ jsx(Text, { fz: "sm", children: error })
+      ] }),
+      trace.length > 0 && /* @__PURE__ */ jsxs(Stack, { component: Code, gap: "0", children: [
+        /* @__PURE__ */ jsx(Text, { c: "dimmed", fz: "sm", children: "TRACE:" }),
+        trace.map((error2, i) => /* @__PURE__ */ jsxs(Group, { wrap: "nowrap", gap: "xs", align: "start", pl: "1rem", children: [
+          /* @__PURE__ */ jsxs(Text, { c: "dimmed", fz: "sm", children: [
+            i + 1,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { fz: "sm", children: error2 })
+        ] }, i))
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  HoverError
+};
+//# sourceMappingURL=hover-error.js.map

package/dist/components/hover-error.js.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":"AAeuB,cAOb,YAPa;AAfvB,SAAS,QAAQ,MAAM,OAAO,WAAW,OAAO,YAAY;AAC5D,SAAS,qBAAqB;AAOvB,SAAS,WAAW,EAAE,OAAO,MAAM,GAAoB;AAC5D,SACE,qBAAC,aAAU,UAAS,gBAClB;AAAA,wBAAC,UAAU,QAAV,EACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,aAAa,oBAAC,iBAAc,MAAK,QAAO;AAAA,QACzC;AAAA;AAAA,IAED,GACF;AAAA,IACA,oBAAC,UAAU,UAAV,EACC,+BAAC,SAAM,KAAI,MAAK,KAAK,EAAE,MAAM,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,IAAI,GAC1D;AAAA,2BAAC,SAAM,WAAW,MAAM,KAAI,KAC1B;AAAA,4BAAC,QAAK,IAAG,QAAO,GAAE,OAAM,IAAG,MAAK,oBAEhC;AAAA,QACA,oBAAC,QAAK,IAAG,MAAM,iBAAM;AAAA,SACvB;AAAA,MACC,MAAM,SAAS,KACd,qBAAC,SAAM,WAAW,MAAM,KAAI,KAC1B;AAAA,4BAAC,QAAK,GAAE,UAAS,IAAG,MAAK,oBAEzB;AAAA,QACC,MAAM,IAAI,CAACA,QAAO,MACjB,qBAAC,SAAc,MAAK,UAAS,KAAI,MAAK,OAAM,SAAQ,IAAG,QACrD;AAAA,+BAAC,QAAK,GAAE,UAAS,IAAG,MACjB;AAAA,gBAAI;AAAA,YAAE;AAAA,aACT;AAAA,UACA,oBAAC,QAAK,IAAG,MAAM,UAAAA,QAAM;AAAA,aAJX,CAKZ,CACD;AAAA,SACH;AAAA,OAEJ,GACF;AAAA,KACF;AAEJ;","names":["error"]}

package/dist/components/info-card.cjs

@@ -0,0 +1,44 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var info_card_exports = {};
+__export(info_card_exports, {
+  InfoCard: () => InfoCard
+});
+module.exports = __toCommonJS(info_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_react = require("react");
+const InfoCard = (0, import_core.createPolymorphicComponent)(
+  (0, import_react.forwardRef)(
+    ({ title, info, titleProps, children, ...props }, ref) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { p: "md", className: "bordered-light", bdrs: "md", ...props, ref, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { justify: "space-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { fz: "lg", ...titleProps, children: title }),
+          info
+        ] }),
+        children
+      ] });
+    }
+  )
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InfoCard
+});
+//# sourceMappingURL=info-card.cjs.map

package/dist/components/info-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/info-card.tsx"],"sourcesContent":["import {\n  createPolymorphicComponent,\n  Group,\n  Stack,\n  StackProps,\n  Text,\n  TextProps,\n} from \"@mantine/core\";\nimport { forwardRef, ReactNode } from \"react\";\n\n// https://mantine.dev/guides/polymorphic/#create-your-own-polymorphic-components\n\nexport interface InfoCardProps extends StackProps {\n  title: string;\n  titleProps?: TextProps;\n  info?: ReactNode;\n}\n\nexport const InfoCard = createPolymorphicComponent<\"div\", InfoCardProps>(\n  forwardRef<HTMLDivElement, InfoCardProps>(\n    ({ title, info, titleProps, children, ...props }, ref) => {\n      return (\n        <Stack p=\"md\" className=\"bordered-light\" bdrs=\"md\" {...props} ref={ref}>\n          <Group justify=\"space-between\">\n            <Text fz=\"lg\" {...titleProps}>\n              {title}\n            </Text>\n            {info}\n          </Group>\n          {children}\n        </Stack>\n      );\n    },\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBU;AAvBV,kBAOO;AACP,mBAAsC;AAU/B,MAAM,eAAW;AAAA,MACtB;AAAA,IACE,CAAC,EAAE,OAAO,MAAM,YAAY,UAAU,GAAG,MAAM,GAAG,QAAQ;AACxD,aACE,6CAAC,qBAAM,GAAE,MAAK,WAAU,kBAAiB,MAAK,MAAM,GAAG,OAAO,KAC5D;AAAA,qDAAC,qBAAM,SAAQ,iBACb;AAAA,sDAAC,oBAAK,IAAG,MAAM,GAAG,YACf,iBACH;AAAA,UACC;AAAA,WACH;AAAA,QACC;AAAA,SACH;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

package/dist/components/info-card.d.cts

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as _mantine_core from '@mantine/core';
+import { StackProps, TextProps } from '@mantine/core';
+
+interface InfoCardProps extends StackProps {
+    title: string;
+    titleProps?: TextProps;
+    info?: ReactNode;
+}
+declare const InfoCard: (<C = "div">(props: _mantine_core.PolymorphicComponentProps<C, InfoCardProps>) => React.ReactElement) & Omit<react.FunctionComponent<(InfoCardProps & {
+    component?: any;
+} & Omit<any, "component" | keyof InfoCardProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (InfoCardProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+export { InfoCard, type InfoCardProps };

package/dist/components/info-card.d.ts

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as _mantine_core from '@mantine/core';
+import { StackProps, TextProps } from '@mantine/core';
+
+interface InfoCardProps extends StackProps {
+    title: string;
+    titleProps?: TextProps;
+    info?: ReactNode;
+}
+declare const InfoCard: (<C = "div">(props: _mantine_core.PolymorphicComponentProps<C, InfoCardProps>) => React.ReactElement) & Omit<react.FunctionComponent<(InfoCardProps & {
+    component?: any;
+} & Omit<any, "component" | keyof InfoCardProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (InfoCardProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+export { InfoCard, type InfoCardProps };

package/dist/components/info-card.js

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  createPolymorphicComponent,
+  Group,
+  Stack,
+  Text
+} from "@mantine/core";
+import { forwardRef } from "react";
+const InfoCard = createPolymorphicComponent(
+  forwardRef(
+    ({ title, info, titleProps, children, ...props }, ref) => {
+      return /* @__PURE__ */ jsxs(Stack, { p: "md", className: "bordered-light", bdrs: "md", ...props, ref, children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx(Text, { fz: "lg", ...titleProps, children: title }),
+          info
+        ] }),
+        children
+      ] });
+    }
+  )
+);
+export {
+  InfoCard
+};
+//# sourceMappingURL=info-card.js.map

package/dist/components/info-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/info-card.tsx"],"sourcesContent":["import {\n  createPolymorphicComponent,\n  Group,\n  Stack,\n  StackProps,\n  Text,\n  TextProps,\n} from \"@mantine/core\";\nimport { forwardRef, ReactNode } from \"react\";\n\n// https://mantine.dev/guides/polymorphic/#create-your-own-polymorphic-components\n\nexport interface InfoCardProps extends StackProps {\n  title: string;\n  titleProps?: TextProps;\n  info?: ReactNode;\n}\n\nexport const InfoCard = createPolymorphicComponent<\"div\", InfoCardProps>(\n  forwardRef<HTMLDivElement, InfoCardProps>(\n    ({ title, info, titleProps, children, ...props }, ref) => {\n      return (\n        <Stack p=\"md\" className=\"bordered-light\" bdrs=\"md\" {...props} ref={ref}>\n          <Group justify=\"space-between\">\n            <Text fz=\"lg\" {...titleProps}>\n              {title}\n            </Text>\n            {info}\n          </Group>\n          {children}\n        </Stack>\n      );\n    },\n  ),\n);\n"],"mappings":"AAuBU,SACE,KADF;AAvBV;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OAEK;AACP,SAAS,kBAA6B;AAU/B,MAAM,WAAW;AAAA,EACtB;AAAA,IACE,CAAC,EAAE,OAAO,MAAM,YAAY,UAAU,GAAG,MAAM,GAAG,QAAQ;AACxD,aACE,qBAAC,SAAM,GAAE,MAAK,WAAU,kBAAiB,MAAK,MAAM,GAAG,OAAO,KAC5D;AAAA,6BAAC,SAAM,SAAQ,iBACb;AAAA,8BAAC,QAAK,IAAG,MAAM,GAAG,YACf,iBACH;AAAA,UACC;AAAA,WACH;AAAA,QACC;AAAA,SACH;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

package/dist/components/input-list.cjs

@@ -0,0 +1,68 @@
+"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 input_list_exports = {};
+__export(input_list_exports, {
+  InputList: () => InputList
+});
+module.exports = __toCommonJS(input_list_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_lucide_react = require("lucide-react");
+function InputList({
+  field,
+  values,
+  disabled,
+  set,
+  placeholder,
+  inputProps
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: values.map((arg, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_core.TextInput,
+    {
+      value: arg,
+      onChange: (e) => {
+        set({
+          [field]: values.map(
+            (v, index) => i === index ? e.target.value : v
+          )
+        });
+      },
+      disabled,
+      w: { base: 230, md: 400 },
+      rightSection: !disabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_core.ActionIcon,
+        {
+          color: "red",
+          onClick: () => set({
+            [field]: [...values.filter((_, idx) => idx !== i)]
+          }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CircleMinus, { size: "1rem" })
+        }
+      ),
+      placeholder,
+      ...inputProps
+    },
+    i
+  )) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InputList
+});
+//# sourceMappingURL=input-list.cjs.map

package/dist/components/input-list.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/input-list.tsx"],"sourcesContent":["import { ActionIcon, TextInput, TextInputProps } from \"@mantine/core\";\nimport { CircleMinus } from \"lucide-react\";\n\nexport interface InputListProps<T> {\n  field: keyof T;\n  values: string[];\n  disabled: boolean;\n  set: (update: Partial<T>) => void;\n  placeholder?: string;\n  inputProps?: TextInputProps;\n}\n\nexport function InputList<T>({\n  field,\n  values,\n  disabled,\n  set,\n  placeholder,\n  inputProps,\n}: InputListProps<T>) {\n  return (\n    <>\n      {values.map((arg, i) => (\n        <TextInput\n          key={i}\n          value={arg}\n          onChange={(e) => {\n            set({\n              [field]: values.map((v, index) =>\n                i === index ? e.target.value : v,\n              ),\n            } as Partial<T>);\n          }}\n          disabled={disabled}\n          w={{ base: 230, md: 400 }}\n          rightSection={\n            !disabled && (\n              <ActionIcon\n                color=\"red\"\n                onClick={() =>\n                  set({\n                    [field]: [...values.filter((_, idx) => idx !== i)],\n                  } as Partial<T>)\n                }\n              >\n                <CircleMinus size=\"1rem\" />\n              </ActionIcon>\n            )\n          }\n          placeholder={placeholder}\n          {...inputProps}\n        />\n      ))}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBI;AArBJ,kBAAsD;AACtD,0BAA4B;AAWrB,SAAS,UAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,SACE,2EACG,iBAAO,IAAI,CAAC,KAAK,MAChB;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO;AAAA,MACP,UAAU,CAAC,MAAM;AACf,YAAI;AAAA,UACF,CAAC,KAAK,GAAG,OAAO;AAAA,YAAI,CAAC,GAAG,UACtB,MAAM,QAAQ,EAAE,OAAO,QAAQ;AAAA,UACjC;AAAA,QACF,CAAe;AAAA,MACjB;AAAA,MACA;AAAA,MACA,GAAG,EAAE,MAAM,KAAK,IAAI,IAAI;AAAA,MACxB,cACE,CAAC,YACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,SAAS,MACP,IAAI;AAAA,YACF,CAAC,KAAK,GAAG,CAAC,GAAG,OAAO,OAAO,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC;AAAA,UACnD,CAAe;AAAA,UAGjB,sDAAC,mCAAY,MAAK,QAAO;AAAA;AAAA,MAC3B;AAAA,MAGJ;AAAA,MACC,GAAG;AAAA;AAAA,IA1BC;AAAA,EA2BP,CACD,GACH;AAEJ;","names":[]}

package/dist/components/input-list.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextInputProps } from '@mantine/core';
+
+interface InputListProps<T> {
+    field: keyof T;
+    values: string[];
+    disabled: boolean;
+    set: (update: Partial<T>) => void;
+    placeholder?: string;
+    inputProps?: TextInputProps;
+}
+declare function InputList<T>({ field, values, disabled, set, placeholder, inputProps, }: InputListProps<T>): react_jsx_runtime.JSX.Element;
+
+export { InputList, type InputListProps };

package/dist/components/input-list.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextInputProps } from '@mantine/core';
+
+interface InputListProps<T> {
+    field: keyof T;
+    values: string[];
+    disabled: boolean;
+    set: (update: Partial<T>) => void;
+    placeholder?: string;
+    inputProps?: TextInputProps;
+}
+declare function InputList<T>({ field, values, disabled, set, placeholder, inputProps, }: InputListProps<T>): react_jsx_runtime.JSX.Element;
+
+export { InputList, type InputListProps };

package/dist/components/input-list.js

@@ -0,0 +1,44 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { ActionIcon, TextInput } from "@mantine/core";
+import { CircleMinus } from "lucide-react";
+function InputList({
+  field,
+  values,
+  disabled,
+  set,
+  placeholder,
+  inputProps
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children: values.map((arg, i) => /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      value: arg,
+      onChange: (e) => {
+        set({
+          [field]: values.map(
+            (v, index) => i === index ? e.target.value : v
+          )
+        });
+      },
+      disabled,
+      w: { base: 230, md: 400 },
+      rightSection: !disabled && /* @__PURE__ */ jsx(
+        ActionIcon,
+        {
+          color: "red",
+          onClick: () => set({
+            [field]: [...values.filter((_, idx) => idx !== i)]
+          }),
+          children: /* @__PURE__ */ jsx(CircleMinus, { size: "1rem" })
+        }
+      ),
+      placeholder,
+      ...inputProps
+    },
+    i
+  )) });
+}
+export {
+  InputList
+};
+//# sourceMappingURL=input-list.js.map

package/dist/components/input-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/input-list.tsx"],"sourcesContent":["import { ActionIcon, TextInput, TextInputProps } from \"@mantine/core\";\nimport { CircleMinus } from \"lucide-react\";\n\nexport interface InputListProps<T> {\n  field: keyof T;\n  values: string[];\n  disabled: boolean;\n  set: (update: Partial<T>) => void;\n  placeholder?: string;\n  inputProps?: TextInputProps;\n}\n\nexport function InputList<T>({\n  field,\n  values,\n  disabled,\n  set,\n  placeholder,\n  inputProps,\n}: InputListProps<T>) {\n  return (\n    <>\n      {values.map((arg, i) => (\n        <TextInput\n          key={i}\n          value={arg}\n          onChange={(e) => {\n            set({\n              [field]: values.map((v, index) =>\n                i === index ? e.target.value : v,\n              ),\n            } as Partial<T>);\n          }}\n          disabled={disabled}\n          w={{ base: 230, md: 400 }}\n          rightSection={\n            !disabled && (\n              <ActionIcon\n                color=\"red\"\n                onClick={() =>\n                  set({\n                    [field]: [...values.filter((_, idx) => idx !== i)],\n                  } as Partial<T>)\n                }\n              >\n                <CircleMinus size=\"1rem\" />\n              </ActionIcon>\n            )\n          }\n          placeholder={placeholder}\n          {...inputProps}\n        />\n      ))}\n    </>\n  );\n}\n"],"mappings":"AAqBI,mBAwBY,WAxBZ;AArBJ,SAAS,YAAY,iBAAiC;AACtD,SAAS,mBAAmB;AAWrB,SAAS,UAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,SACE,gCACG,iBAAO,IAAI,CAAC,KAAK,MAChB;AAAA,IAAC;AAAA;AAAA,MAEC,OAAO;AAAA,MACP,UAAU,CAAC,MAAM;AACf,YAAI;AAAA,UACF,CAAC,KAAK,GAAG,OAAO;AAAA,YAAI,CAAC,GAAG,UACtB,MAAM,QAAQ,EAAE,OAAO,QAAQ;AAAA,UACjC;AAAA,QACF,CAAe;AAAA,MACjB;AAAA,MACA;AAAA,MACA,GAAG,EAAE,MAAM,KAAK,IAAI,IAAI;AAAA,MACxB,cACE,CAAC,YACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,SAAS,MACP,IAAI;AAAA,YACF,CAAC,KAAK,GAAG,CAAC,GAAG,OAAO,OAAO,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC;AAAA,UACnD,CAAe;AAAA,UAGjB,8BAAC,eAAY,MAAK,QAAO;AAAA;AAAA,MAC3B;AAAA,MAGJ;AAAA,MACC,GAAG;AAAA;AAAA,IA1BC;AAAA,EA2BP,CACD,GACH;AAEJ;","names":[]}

package/dist/components/labelled-switch.cjs

@@ -0,0 +1,68 @@
+"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 labelled_switch_exports = {};
+__export(labelled_switch_exports, {
+  LabelledSwitch: () => LabelledSwitch
+});
+module.exports = __toCommonJS(labelled_switch_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+function LabelledSwitch({
+  checked,
+  onCheckedChange,
+  label,
+  groupProps,
+  labelProps,
+  ...switchProps
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_core.Group,
+    {
+      gap: "xs",
+      onClick: (e) => {
+        e.preventDefault();
+        onCheckedChange(!checked);
+      },
+      className: "bordered-light",
+      px: "xs",
+      py: 4,
+      bdrs: "sm",
+      style: { cursor: "pointer" },
+      justify: "space-between",
+      w: { base: "100%", xs: "fit-content" },
+      ...groupProps,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { c: checked ? void 0 : "dimmed", ...labelProps, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_core.Switch,
+          {
+            checked,
+            style: { pointerEvents: "none" },
+            ...switchProps
+          }
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LabelledSwitch
+});
+//# sourceMappingURL=labelled-switch.cjs.map

package/dist/components/labelled-switch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/labelled-switch.tsx"],"sourcesContent":["import {\n  Group,\n  GroupProps,\n  Switch,\n  SwitchProps,\n  Text,\n  TextProps,\n} from \"@mantine/core\";\nimport { ReactNode } from \"react\";\n\nexport interface LabelledSwitchProps extends SwitchProps {\n  checked: boolean | undefined;\n  onCheckedChange: (checked: boolean) => void;\n  label?: ReactNode;\n  groupProps?: GroupProps;\n  labelProps?: TextProps;\n}\n\nexport function LabelledSwitch({\n  checked,\n  onCheckedChange,\n  label,\n  groupProps,\n  labelProps,\n  ...switchProps\n}: LabelledSwitchProps) {\n  return (\n    <Group\n      gap=\"xs\"\n      onClick={(e) => {\n        e.preventDefault();\n        onCheckedChange(!checked);\n      }}\n      className=\"bordered-light\"\n      px=\"xs\"\n      py={4}\n      bdrs=\"sm\"\n      style={{ cursor: \"pointer\" }}\n      justify=\"space-between\"\n      w={{ base: \"100%\", xs: \"fit-content\" }}\n      {...groupProps}\n    >\n      <Text c={checked ? undefined : \"dimmed\"} {...labelProps}>\n        {label}\n      </Text>\n      <Switch\n        checked={checked}\n        style={{ pointerEvents: \"none\" }}\n        {...switchProps}\n      />\n    </Group>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BI;AA3BJ,kBAOO;AAWA,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,wBAAgB,CAAC,OAAO;AAAA,MAC1B;AAAA,MACA,WAAU;AAAA,MACV,IAAG;AAAA,MACH,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,OAAO,EAAE,QAAQ,UAAU;AAAA,MAC3B,SAAQ;AAAA,MACR,GAAG,EAAE,MAAM,QAAQ,IAAI,cAAc;AAAA,MACpC,GAAG;AAAA,MAEJ;AAAA,oDAAC,oBAAK,GAAG,UAAU,SAAY,UAAW,GAAG,YAC1C,iBACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,OAAO,EAAE,eAAe,OAAO;AAAA,YAC9B,GAAG;AAAA;AAAA,QACN;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/labelled-switch.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SwitchProps, GroupProps, TextProps } from '@mantine/core';
+import { ReactNode } from 'react';
+
+interface LabelledSwitchProps extends SwitchProps {
+    checked: boolean | undefined;
+    onCheckedChange: (checked: boolean) => void;
+    label?: ReactNode;
+    groupProps?: GroupProps;
+    labelProps?: TextProps;
+}
+declare function LabelledSwitch({ checked, onCheckedChange, label, groupProps, labelProps, ...switchProps }: LabelledSwitchProps): react_jsx_runtime.JSX.Element;
+
+export { LabelledSwitch, type LabelledSwitchProps };

package/dist/components/labelled-switch.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SwitchProps, GroupProps, TextProps } from '@mantine/core';
+import { ReactNode } from 'react';
+
+interface LabelledSwitchProps extends SwitchProps {
+    checked: boolean | undefined;
+    onCheckedChange: (checked: boolean) => void;
+    label?: ReactNode;
+    groupProps?: GroupProps;
+    labelProps?: TextProps;
+}
+declare function LabelledSwitch({ checked, onCheckedChange, label, groupProps, labelProps, ...switchProps }: LabelledSwitchProps): react_jsx_runtime.JSX.Element;
+
+export { LabelledSwitch, type LabelledSwitchProps };

package/dist/components/labelled-switch.js

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Group,
+  Switch,
+  Text
+} from "@mantine/core";
+function LabelledSwitch({
+  checked,
+  onCheckedChange,
+  label,
+  groupProps,
+  labelProps,
+  ...switchProps
+}) {
+  return /* @__PURE__ */ jsxs(
+    Group,
+    {
+      gap: "xs",
+      onClick: (e) => {
+        e.preventDefault();
+        onCheckedChange(!checked);
+      },
+      className: "bordered-light",
+      px: "xs",
+      py: 4,
+      bdrs: "sm",
+      style: { cursor: "pointer" },
+      justify: "space-between",
+      w: { base: "100%", xs: "fit-content" },
+      ...groupProps,
+      children: [
+        /* @__PURE__ */ jsx(Text, { c: checked ? void 0 : "dimmed", ...labelProps, children: label }),
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked,
+            style: { pointerEvents: "none" },
+            ...switchProps
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  LabelledSwitch
+};
+//# sourceMappingURL=labelled-switch.js.map

package/dist/components/labelled-switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/labelled-switch.tsx"],"sourcesContent":["import {\n  Group,\n  GroupProps,\n  Switch,\n  SwitchProps,\n  Text,\n  TextProps,\n} from \"@mantine/core\";\nimport { ReactNode } from \"react\";\n\nexport interface LabelledSwitchProps extends SwitchProps {\n  checked: boolean | undefined;\n  onCheckedChange: (checked: boolean) => void;\n  label?: ReactNode;\n  groupProps?: GroupProps;\n  labelProps?: TextProps;\n}\n\nexport function LabelledSwitch({\n  checked,\n  onCheckedChange,\n  label,\n  groupProps,\n  labelProps,\n  ...switchProps\n}: LabelledSwitchProps) {\n  return (\n    <Group\n      gap=\"xs\"\n      onClick={(e) => {\n        e.preventDefault();\n        onCheckedChange(!checked);\n      }}\n      className=\"bordered-light\"\n      px=\"xs\"\n      py={4}\n      bdrs=\"sm\"\n      style={{ cursor: \"pointer\" }}\n      justify=\"space-between\"\n      w={{ base: \"100%\", xs: \"fit-content\" }}\n      {...groupProps}\n    >\n      <Text c={checked ? undefined : \"dimmed\"} {...labelProps}>\n        {label}\n      </Text>\n      <Switch\n        checked={checked}\n        style={{ pointerEvents: \"none\" }}\n        {...switchProps}\n      />\n    </Group>\n  );\n}\n"],"mappings":"AA2BI,SAeE,KAfF;AA3BJ;AAAA,EACE;AAAA,EAEA;AAAA,EAEA;AAAA,OAEK;AAWA,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,wBAAgB,CAAC,OAAO;AAAA,MAC1B;AAAA,MACA,WAAU;AAAA,MACV,IAAG;AAAA,MACH,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,OAAO,EAAE,QAAQ,UAAU;AAAA,MAC3B,SAAQ;AAAA,MACR,GAAG,EAAE,MAAM,QAAQ,IAAI,cAAc;AAAA,MACpC,GAAG;AAAA,MAEJ;AAAA,4BAAC,QAAK,GAAG,UAAU,SAAY,UAAW,GAAG,YAC1C,iBACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,OAAO,EAAE,eAAe,OAAO;AAAA,YAC9B,GAAG;AAAA;AAAA,QACN;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/labels-group.cjs

@@ -0,0 +1,44 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var labels_group_exports = {};
+__export(labels_group_exports, {
+  LabelsGroup: () => LabelsGroup
+});
+module.exports = __toCommonJS(labels_group_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+function LabelsGroup({
+  labels,
+  showEllipsis,
+  ...groupProps
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { gap: "xs", ...groupProps, children: [
+    labels.map(([key, val]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Badge, { tt: "none", fw: "normal", fz: { base: "sm", sm: "md" }, children: [
+      key,
+      "=",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: val })
+    ] }, key)),
+    showEllipsis && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Badge, { tt: "none", fw: "normal", fz: { base: "sm", sm: "md" }, children: "..." })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LabelsGroup
+});
+//# sourceMappingURL=labels-group.cjs.map

package/dist/components/labels-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/labels-group.tsx"],"sourcesContent":["import { Badge, Group, GroupProps } from \"@mantine/core\";\n\nexport interface LabelsGroupProps extends GroupProps {\n  labels: [string, string][];\n  showEllipsis?: boolean;\n}\n\nexport function LabelsGroup({\n  labels,\n  showEllipsis,\n  ...groupProps\n}: LabelsGroupProps) {\n  return (\n    <Group gap=\"xs\" {...groupProps}>\n      {labels.map(([key, val]) => (\n        <Badge key={key} tt=\"none\" fw=\"normal\" fz={{ base: \"sm\", sm: \"md\" }}>\n          {key}=<b>{val}</b>\n        </Badge>\n      ))}\n      {showEllipsis && (\n        <Badge tt=\"none\" fw=\"normal\" fz={{ base: \"sm\", sm: \"md\" }}>\n          ...\n        </Badge>\n      )}\n    </Group>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAeQ;AAfR,kBAAyC;AAOlC,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,SACE,6CAAC,qBAAM,KAAI,MAAM,GAAG,YACjB;AAAA,WAAO,IAAI,CAAC,CAAC,KAAK,GAAG,MACpB,6CAAC,qBAAgB,IAAG,QAAO,IAAG,UAAS,IAAI,EAAE,MAAM,MAAM,IAAI,KAAK,GAC/D;AAAA;AAAA,MAAI;AAAA,MAAC,4CAAC,OAAG,eAAI;AAAA,SADJ,GAEZ,CACD;AAAA,IACA,gBACC,4CAAC,qBAAM,IAAG,QAAO,IAAG,UAAS,IAAI,EAAE,MAAM,MAAM,IAAI,KAAK,GAAG,iBAE3D;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/labels-group.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { GroupProps } from '@mantine/core';
+
+interface LabelsGroupProps extends GroupProps {
+    labels: [string, string][];
+    showEllipsis?: boolean;
+}
+declare function LabelsGroup({ labels, showEllipsis, ...groupProps }: LabelsGroupProps): react_jsx_runtime.JSX.Element;
+
+export { LabelsGroup, type LabelsGroupProps };

package/dist/components/labels-group.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { GroupProps } from '@mantine/core';
+
+interface LabelsGroupProps extends GroupProps {
+    labels: [string, string][];
+    showEllipsis?: boolean;
+}
+declare function LabelsGroup({ labels, showEllipsis, ...groupProps }: LabelsGroupProps): react_jsx_runtime.JSX.Element;
+
+export { LabelsGroup, type LabelsGroupProps };

package/dist/components/labels-group.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge, Group } from "@mantine/core";
+function LabelsGroup({
+  labels,
+  showEllipsis,
+  ...groupProps
+}) {
+  return /* @__PURE__ */ jsxs(Group, { gap: "xs", ...groupProps, children: [
+    labels.map(([key, val]) => /* @__PURE__ */ jsxs(Badge, { tt: "none", fw: "normal", fz: { base: "sm", sm: "md" }, children: [
+      key,
+      "=",
+      /* @__PURE__ */ jsx("b", { children: val })
+    ] }, key)),
+    showEllipsis && /* @__PURE__ */ jsx(Badge, { tt: "none", fw: "normal", fz: { base: "sm", sm: "md" }, children: "..." })
+  ] });
+}
+export {
+  LabelsGroup
+};
+//# sourceMappingURL=labels-group.js.map

package/dist/components/labels-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/labels-group.tsx"],"sourcesContent":["import { Badge, Group, GroupProps } from \"@mantine/core\";\n\nexport interface LabelsGroupProps extends GroupProps {\n  labels: [string, string][];\n  showEllipsis?: boolean;\n}\n\nexport function LabelsGroup({\n  labels,\n  showEllipsis,\n  ...groupProps\n}: LabelsGroupProps) {\n  return (\n    <Group gap=\"xs\" {...groupProps}>\n      {labels.map(([key, val]) => (\n        <Badge key={key} tt=\"none\" fw=\"normal\" fz={{ base: \"sm\", sm: \"md\" }}>\n          {key}=<b>{val}</b>\n        </Badge>\n      ))}\n      {showEllipsis && (\n        <Badge tt=\"none\" fw=\"normal\" fz={{ base: \"sm\", sm: \"md\" }}>\n          ...\n        </Badge>\n      )}\n    </Group>\n  );\n}\n"],"mappings":"AAeQ,SACQ,KADR;AAfR,SAAS,OAAO,aAAyB;AAOlC,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,SACE,qBAAC,SAAM,KAAI,MAAM,GAAG,YACjB;AAAA,WAAO,IAAI,CAAC,CAAC,KAAK,GAAG,MACpB,qBAAC,SAAgB,IAAG,QAAO,IAAG,UAAS,IAAI,EAAE,MAAM,MAAM,IAAI,KAAK,GAC/D;AAAA;AAAA,MAAI;AAAA,MAAC,oBAAC,OAAG,eAAI;AAAA,SADJ,GAEZ,CACD;AAAA,IACA,gBACC,oBAAC,SAAM,IAAG,QAAO,IAAG,UAAS,IAAI,EAAE,MAAM,MAAM,IAAI,KAAK,GAAG,iBAE3D;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/loading-screen.cjs

@@ -0,0 +1,37 @@
+"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 loading_screen_exports = {};
+__export(loading_screen_exports, {
+  LoadingScreen: () => LoadingScreen
+});
+module.exports = __toCommonJS(loading_screen_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+function LoadingScreen({
+  size = "xl",
+  mt = "30vh",
+  ...centerProps
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Center, { mt, ...centerProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Loader, { size }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LoadingScreen
+});
+//# sourceMappingURL=loading-screen.cjs.map

package/dist/components/loading-screen.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/loading-screen.tsx"],"sourcesContent":["import { Center, CenterProps, Loader, LoaderProps } from \"@mantine/core\";\n\nexport function LoadingScreen({\n  size = \"xl\",\n  mt = \"30vh\",\n  ...centerProps\n}: {\n  size?: LoaderProps[\"size\"];\n} & CenterProps) {\n  return (\n    <Center mt={mt} {...centerProps}>\n      <Loader size={size} />\n    </Center>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWM;AAXN,kBAAyD;AAElD,SAAS,cAAc;AAAA,EAC5B,OAAO;AAAA,EACP,KAAK;AAAA,EACL,GAAG;AACL,GAEiB;AACf,SACE,4CAAC,sBAAO,IAAS,GAAG,aAClB,sDAAC,sBAAO,MAAY,GACtB;AAEJ;","names":[]}