remoraid 2.0.0 → 2.2.1

package/dist/jsonforms/index.js

@@ -133,115 +133,14 @@ import {
   Paper as Paper2,
   Stack,
   Tooltip,
-  useMantineTheme as useMantineTheme2
+  useMantineTheme
 } from "@mantine/core";
 import { IconPlus, IconTrash } from "@tabler/icons-react";
 import { useState as useState2 } from "react";
-
-// src/core/lib/utils.ts
-var co = (condition, value, fallback) => condition(value) ? value : fallback;
-
-// src/core/components/RemoraidProvider/ThemeProvider/index.tsx
-import {
-  px,
-  rgba,
-  useMantineColorScheme,
-  useMantineTheme
-} from "@mantine/core";
-import {
-  IconAlertCircle,
-  IconCircleCheck,
-  IconInfoCircle
-} from "@tabler/icons-react";
-import React2, {
-  useContext as useContext2,
-  useMemo
-} from "react";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-var isMantinePrimaryShade = (primaryShade) => {
-  if (isNaN(Number(primaryShade))) {
-    return true;
-  }
-  return false;
-};
-var createRemoraidTheme = (customTheme, mantineTheme, colorScheme) => {
-  const defaultMediumIconProps = { size: "1.125em" };
-  let transparentBackground;
-  let primaryColor;
-  let spacingPx;
-  if (mantineTheme && colorScheme) {
-    transparentBackground = colorScheme === "dark" ? rgba(mantineTheme.colors.dark[8], 0.8) : rgba(mantineTheme.white, 0.8);
-    primaryColor = mantineTheme.colors[mantineTheme.primaryColor][isMantinePrimaryShade(mantineTheme.primaryShade) ? mantineTheme.primaryShade[colorScheme === "auto" ? "light" : colorScheme] : mantineTheme.primaryShade];
-    spacingPx = {
-      xs: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.xs)), 0)),
-      sm: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.sm)), 0)),
-      md: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.md)), 0)),
-      lg: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.lg)), 0)),
-      xl: Number(co((v) => !Number.isNaN(v), Number(px(mantineTheme.spacing.xl)), 0))
-    };
-  }
-  return {
-    complete: true,
-    transitionDurations: {
-      short: 200,
-      medium: 350,
-      long: 500
-    },
-    breakpoints: {
-      buttonCollapse: "md",
-      badgeGroupCollapse: "md"
-    },
-    scrollAreaProps: {
-      scrollbarSize: 8,
-      scrollHideDelay: 20,
-      type: "hover"
-    },
-    containerSize: 1300,
-    alertProps: {
-      negative: {
-        icon: /* @__PURE__ */ jsxDEV3(IconAlertCircle, {
-          ...defaultMediumIconProps
-        }, undefined, false, undefined, this),
-        variant: "light",
-        color: "red",
-        title: "Attention!"
-      },
-      neutral: {
-        icon: /* @__PURE__ */ jsxDEV3(IconInfoCircle, {
-          ...defaultMediumIconProps
-        }, undefined, false, undefined, this),
-        variant: "light",
-        color: mantineTheme?.primaryColor,
-        title: "Information"
-      },
-      positive: {
-        icon: /* @__PURE__ */ jsxDEV3(IconCircleCheck, {
-          ...defaultMediumIconProps
-        }, undefined, false, undefined, this),
-        variant: "light",
-        color: "green",
-        title: "Success"
-      }
-    },
-    iconProps: {
-      medium: defaultMediumIconProps,
-      tiny: { size: 14, stroke: 3 }
-    },
-    transparentBackground,
-    primaryColor,
-    spacingPx,
-    ...customTheme
-  };
-};
-var themeContext = React2.createContext(createRemoraidTheme());
-var useRemoraidTheme = () => {
-  return useContext2(themeContext);
-};
-
-// src/jsonforms/renderers/ArrayControl.tsx
-import { jsxDEV as jsxDEV4, Fragment as Fragment2 } from "react/jsx-dev-runtime";
+import { useRemoraidTheme } from "remoraid/core";
+import { jsxDEV as jsxDEV3, Fragment as Fragment2 } from "react/jsx-dev-runtime";
 function PlainArrayControl(props) {
-  const mantineTheme = useMantineTheme2();
+  const mantineTheme = useMantineTheme();
   const theme = useRemoraidTheme();
   const { label, schema, data, handleChange, path, required } = props;
   const {
@@ -253,7 +152,7 @@ function PlainArrayControl(props) {
   if (schema.items && !Array.isArray(schema.items)) {
     schemaItems = schema.items;
   } else {
-    return /* @__PURE__ */ jsxDEV4(Fragment2, {
+    return /* @__PURE__ */ jsxDEV3(Fragment2, {
       children: [
         "No applicable renderer found for '",
         label,
@@ -261,37 +160,37 @@ function PlainArrayControl(props) {
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV4(Fragment2, {
-    children: /* @__PURE__ */ jsxDEV4(Input2.Wrapper, {
+  return /* @__PURE__ */ jsxDEV3(Fragment2, {
+    children: /* @__PURE__ */ jsxDEV3(Input2.Wrapper, {
       label,
       description: withDescriptions ? schema.description : undefined,
       withAsterisk: required,
-      children: /* @__PURE__ */ jsxDEV4(Paper2, {
+      children: /* @__PURE__ */ jsxDEV3(Paper2, {
         withBorder: Array.isArray(data) && data.length > 0,
         shadow: "0",
         p: Array.isArray(data) && data.length > 0 ? "sm" : 0,
         mt: withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
-        children: /* @__PURE__ */ jsxDEV4(Stack, {
+        children: /* @__PURE__ */ jsxDEV3(Stack, {
           align: "stretch",
           justify: "flex-start",
           gap: "sm",
           children: [
             Array.isArray(data) ? data.map((item, i) => {
-              return /* @__PURE__ */ jsxDEV4(Flex, {
+              return /* @__PURE__ */ jsxDEV3(Flex, {
                 gap: "xs",
                 justify: "flex-start",
                 align: "center",
                 direction: "row",
                 wrap: "nowrap",
                 children: [
-                  /* @__PURE__ */ jsxDEV4(Paper2, {
+                  /* @__PURE__ */ jsxDEV3(Paper2, {
                     p: schemaItems.type === "object" ? "sm" : 0,
                     withBorder: schemaItems.type === "object",
                     style: {
                       borderColor: isHoveringDelete === i ? mantineTheme.colors.red[6] : undefined
                     },
                     flex: 1,
-                    children: /* @__PURE__ */ jsxDEV4(JsonForms2, {
+                    children: /* @__PURE__ */ jsxDEV3(JsonForms2, {
                       schema: {
                         ...schemaItems,
                         $schema: undefined
@@ -307,9 +206,9 @@ function PlainArrayControl(props) {
                       validationMode: "NoValidation"
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV4(Tooltip, {
+                  /* @__PURE__ */ jsxDEV3(Tooltip, {
                     label: "Delete Item",
-                    children: /* @__PURE__ */ jsxDEV4(ActionIcon, {
+                    children: /* @__PURE__ */ jsxDEV3(ActionIcon, {
                       variant: "default",
                       onClick: () => {
                         const dataCopy = [...data];
@@ -325,17 +224,17 @@ function PlainArrayControl(props) {
                       onMouseLeave: () => {
                         setIsHoveringDelete(null);
                       },
-                      children: /* @__PURE__ */ jsxDEV4(IconTrash, {
+                      children: /* @__PURE__ */ jsxDEV3(IconTrash, {
                         ...theme.iconProps.medium
                       }, undefined, false, undefined, this)
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this)
                 ]
               }, i, true, undefined, this);
-            }) : /* @__PURE__ */ jsxDEV4(Fragment2, {}, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV4(Button, {
+            }) : /* @__PURE__ */ jsxDEV3(Fragment2, {}, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3(Button, {
               variant: "default",
-              leftSection: /* @__PURE__ */ jsxDEV4(IconPlus, {
+              leftSection: /* @__PURE__ */ jsxDEV3(IconPlus, {
                 ...theme.iconProps.medium
               }, undefined, false, undefined, this),
               onClick: () => {
@@ -365,7 +264,7 @@ var ArrayControl_default = ArrayControl;
 // src/jsonforms/renderers/CheckboxControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps3 } from "@jsonforms/react";
 import { Checkbox } from "@mantine/core";
-import { jsxDEV as jsxDEV5, Fragment as Fragment3 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV4, Fragment as Fragment3 } from "react/jsx-dev-runtime";
 function PlainCheckboxControl({
   data,
   handleChange,
@@ -377,8 +276,8 @@ function PlainCheckboxControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsxDEV5(Fragment3, {
-    children: /* @__PURE__ */ jsxDEV5(Checkbox, {
+  return /* @__PURE__ */ jsxDEV4(Fragment3, {
+    children: /* @__PURE__ */ jsxDEV4(Checkbox, {
       label,
       py: "sm",
       size: "sm",
@@ -398,7 +297,7 @@ var CheckboxControl_default = CheckboxControl;
 // src/jsonforms/renderers/NumberControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps4 } from "@jsonforms/react";
 import { NumberInput } from "@mantine/core";
-import { jsxDEV as jsxDEV6, Fragment as Fragment4 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV5, Fragment as Fragment4 } from "react/jsx-dev-runtime";
 function PlainNumberControl({
   data,
   handleChange,
@@ -410,8 +309,8 @@ function PlainNumberControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsxDEV6(Fragment4, {
-    children: /* @__PURE__ */ jsxDEV6(NumberInput, {
+  return /* @__PURE__ */ jsxDEV5(Fragment4, {
+    children: /* @__PURE__ */ jsxDEV5(NumberInput, {
       label,
       variant: "filled",
       value: data,
@@ -436,24 +335,24 @@ import {
   withJsonFormsControlProps as withJsonFormsControlProps5
 } from "@jsonforms/react";
 import { Input as Input3, Paper as Paper3 } from "@mantine/core";
-import { jsxDEV as jsxDEV7, Fragment as Fragment5 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV6, Fragment as Fragment5 } from "react/jsx-dev-runtime";
 function PlainObjectControl(props) {
   const { label, schema, data, handleChange, path, required } = props;
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
   const { renderers, cells } = useJsonForms3();
-  return /* @__PURE__ */ jsxDEV7(Fragment5, {
-    children: /* @__PURE__ */ jsxDEV7(Input3.Wrapper, {
+  return /* @__PURE__ */ jsxDEV6(Fragment5, {
+    children: /* @__PURE__ */ jsxDEV6(Input3.Wrapper, {
       label,
       description: withDescriptions ? schema.description : undefined,
       withAsterisk: required,
-      children: /* @__PURE__ */ jsxDEV7(Paper3, {
+      children: /* @__PURE__ */ jsxDEV6(Paper3, {
         withBorder: true,
         shadow: "0",
         p: "sm",
         mt: withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
-        children: /* @__PURE__ */ jsxDEV7(JsonForms3, {
+        children: /* @__PURE__ */ jsxDEV6(JsonForms3, {
           schema: {
             ...schema,
             $schema: undefined
@@ -476,7 +375,7 @@ var ObjectControl_default = ObjectControl;
 // src/jsonforms/renderers/StringSelectControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps6 } from "@jsonforms/react";
 import { Select as Select2 } from "@mantine/core";
-import { jsxDEV as jsxDEV8, Fragment as Fragment6 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV7, Fragment as Fragment6 } from "react/jsx-dev-runtime";
 function PlainTimestampControl({
   data,
   handleChange,
@@ -488,8 +387,8 @@ function PlainTimestampControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsxDEV8(Fragment6, {
-    children: /* @__PURE__ */ jsxDEV8(Select2, {
+  return /* @__PURE__ */ jsxDEV7(Fragment6, {
+    children: /* @__PURE__ */ jsxDEV7(Select2, {
       label,
       data: schema.enum,
       value: data,
@@ -562,7 +461,7 @@ var verticalLayoutTester_default = rankWith9(2, uiTypeIs9("VerticalLayout"));
 // src/jsonforms/renderers/TextControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps7 } from "@jsonforms/react";
 import { TextInput } from "@mantine/core";
-import { jsxDEV as jsxDEV9, Fragment as Fragment7 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV8, Fragment as Fragment7 } from "react/jsx-dev-runtime";
 function PlainTextControl({
   data,
   handleChange,
@@ -574,8 +473,8 @@ function PlainTextControl({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsxDEV9(Fragment7, {
-    children: /* @__PURE__ */ jsxDEV9(TextInput, {
+  return /* @__PURE__ */ jsxDEV8(Fragment7, {
+    children: /* @__PURE__ */ jsxDEV8(TextInput, {
       label,
       variant: "filled",
       placeholder: "",
@@ -594,7 +493,7 @@ var TextControl_default = TextControl;
 // src/jsonforms/renderers/TimestampControl.tsx
 import { withJsonFormsControlProps as withJsonFormsControlProps8 } from "@jsonforms/react";
 import { DatePickerInput } from "@mantine/dates";
-import { jsxDEV as jsxDEV10, Fragment as Fragment8 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV9, Fragment as Fragment8 } from "react/jsx-dev-runtime";
 function PlainTimestampControl2({
   data,
   handleChange,
@@ -606,8 +505,8 @@ function PlainTimestampControl2({
   const {
     formOptions: { withDescriptions }
   } = useFormOptions();
-  return /* @__PURE__ */ jsxDEV10(Fragment8, {
-    children: /* @__PURE__ */ jsxDEV10(DatePickerInput, {
+  return /* @__PURE__ */ jsxDEV9(Fragment8, {
+    children: /* @__PURE__ */ jsxDEV9(DatePickerInput, {
       label,
       placeholder: "Pick a date",
       value: new Date(data * 1000),
@@ -625,18 +524,18 @@ var TimestampControl2 = withJsonFormsControlProps8(PlainTimestampControl2);
 var TimestampControl_default = TimestampControl2;
 
 // src/jsonforms/renderers/VerticalLayout.tsx
-import React3 from "react";
+import React2 from "react";
 import { withJsonFormsLayoutProps } from "@jsonforms/react";
 import { JsonFormsDispatch, useJsonForms as useJsonForms4 } from "@jsonforms/react";
-import { useMantineTheme as useMantineTheme3 } from "@mantine/core";
-import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+import { useMantineTheme as useMantineTheme2 } from "@mantine/core";
+import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
 "use client";
 var JsonFormsLayout = ({
   className,
   children,
   visible
 }) => {
-  return /* @__PURE__ */ jsxDEV11("div", {
+  return /* @__PURE__ */ jsxDEV10("div", {
     className,
     hidden: visible === undefined || visible === null ? false : !visible,
     children
@@ -644,12 +543,12 @@ var JsonFormsLayout = ({
 };
 var renderChildren = (layout, schema, className, path, enabled) => {
   const { renderers, cells } = useJsonForms4();
-  const theme = useMantineTheme3();
+  const theme = useMantineTheme2();
   return layout.elements.map((child, index) => {
-    return /* @__PURE__ */ jsxDEV11("div", {
+    return /* @__PURE__ */ jsxDEV10("div", {
       className,
       style: { marginTop: index === 0 ? 0 : theme.spacing.xs },
-      children: /* @__PURE__ */ jsxDEV11(JsonFormsDispatch, {
+      children: /* @__PURE__ */ jsxDEV10(JsonFormsDispatch, {
         renderers,
         cells,
         uischema: child,
@@ -662,11 +561,11 @@ var renderChildren = (layout, schema, className, path, enabled) => {
 };
 var VerticalLayoutRenderer = (props) => {
   const { data: _data, ...otherProps } = props;
-  return /* @__PURE__ */ jsxDEV11(VerticalLayoutRendererComponent, {
+  return /* @__PURE__ */ jsxDEV10(VerticalLayoutRendererComponent, {
     ...otherProps
   }, undefined, false, undefined, this);
 };
-var VerticalLayoutRendererComponent = React3.memo(function VerticalLayoutRendererComponent2({
+var VerticalLayoutRendererComponent = React2.memo(function VerticalLayoutRendererComponent2({
   schema,
   uischema,
   path,
@@ -676,7 +575,7 @@ var VerticalLayoutRendererComponent = React3.memo(function VerticalLayoutRendere
   const verticalLayout = uischema;
   const layoutClassName = "";
   const childClassNames = "";
-  return /* @__PURE__ */ jsxDEV11(JsonFormsLayout, {
+  return /* @__PURE__ */ jsxDEV10(JsonFormsLayout, {
     className: layoutClassName,
     uischema,
     schema,

package/dist/modals/index.cjs

@@ -0,0 +1,63 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// src/modals/index.ts
+var exports_modals = {};
+__export(exports_modals, {
+  remoraidModals: () => remoraidModals,
+  JSONModal: () => JSONModal
+});
+module.exports = __toCommonJS(exports_modals);
+
+// src/modals/components/JSONModal/index.tsx
+var import_core = require("@mantine/core");
+var import_core2 = require("remoraid/core");
+var jsx_dev_runtime = require("react/jsx-dev-runtime");
+function JSONModal({
+  innerProps
+}) {
+  const theme = import_core2.useRemoraidTheme();
+  const stringValue = typeof innerProps.content === "string" ? innerProps.content : JSON.stringify(innerProps.content, null, theme.jsonStringifySpace);
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(jsx_dev_runtime.Fragment, {
+    children: /* @__PURE__ */ jsx_dev_runtime.jsxDEV(import_core.JsonInput, {
+      variant: "filled",
+      value: stringValue,
+      validationError: "Invalid JSON",
+      formatOnBlur: true,
+      autosize: true,
+      minRows: 4,
+      maxRows: 24,
+      ...innerProps.componentsProps?.jsonInput
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/modals/lib/utils.ts
+var remoraidModals = {
+  json: JSONModal
+};

package/dist/modals/index.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+import { ContextModalProps } from "@mantine/modals";
+import { JsonInputProps } from "@mantine/core";
+interface JSONModalProps {
+	content: any;
+	componentsProps?: {
+		jsonInput?: JsonInputProps
+	};
+}
+declare function JSONModal({ innerProps }: ContextModalProps<JSONModalProps>): ReactNode;
+import { ContextModalProps as ContextModalProps2 } from "@mantine/modals";
+import { FC } from "react";
+type RemoraidModalProps = JSONModalProps;
+declare const remoraidModals: Record<string, FC<ContextModalProps2<RemoraidModalProps>>>;
+export { remoraidModals, RemoraidModalProps, JSONModalProps, JSONModal };

package/dist/modals/index.js

@@ -0,0 +1,31 @@
+"use client";
+// src/modals/components/JSONModal/index.tsx
+import { JsonInput } from "@mantine/core";
+import { useRemoraidTheme } from "remoraid/core";
+import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+function JSONModal({
+  innerProps
+}) {
+  const theme = useRemoraidTheme();
+  const stringValue = typeof innerProps.content === "string" ? innerProps.content : JSON.stringify(innerProps.content, null, theme.jsonStringifySpace);
+  return /* @__PURE__ */ jsxDEV(Fragment, {
+    children: /* @__PURE__ */ jsxDEV(JsonInput, {
+      variant: "filled",
+      value: stringValue,
+      validationError: "Invalid JSON",
+      formatOnBlur: true,
+      autosize: true,
+      minRows: 4,
+      maxRows: 24,
+      ...innerProps.componentsProps?.jsonInput
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/modals/lib/utils.ts
+var remoraidModals = {
+  json: JSONModal
+};
+export {
+  remoraidModals,
+  JSONModal
+};

package/dist/server/index.cjs

@@ -37,38 +37,38 @@ module.exports = __toCommonJS(exports_server);
 var jsx_dev_runtime = require("react/jsx-dev-runtime");
 function EnvironmentShell({
   children,
-  vars,
+  environment,
   message
 }) {
-  const missingVars = vars.filter((v) => !process.env[v]);
-  if (missingVars.length !== 0) {
-    return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
-      style: { padding: 5 },
-      children: [
-        /* @__PURE__ */ jsx_dev_runtime.jsxDEV("h1", {
-          style: { fontWeight: 700 },
-          children: [
-            "Environment variable",
-            missingVars.length > 1 ? "s" : "",
-            " missing:"
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime.jsxDEV("ul", {
-          style: { margin: 5 },
-          children: missingVars.map((v, i) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("li", {
-            children: v
-          }, i, false, undefined, this))
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime.jsxDEV("p", {
-          children: "Please specify in your '.env' file."
-        }, undefined, false, undefined, this),
-        message !== undefined && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("p", {
-          children: "message"
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this);
+  const undefinedKeys = Object.keys(environment).filter((key) => environment[key] === undefined);
+  if (undefinedKeys.length === 0) {
+    return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(jsx_dev_runtime.Fragment, {
+      children
+    }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(jsx_dev_runtime.Fragment, {
-    children
-  }, undefined, false, undefined, this);
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+    style: { padding: 5 },
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("h1", {
+        style: { fontWeight: 700 },
+        children: [
+          "Environment variable",
+          undefinedKeys.length > 1 ? "s" : "",
+          " missing:"
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("ul", {
+        style: { margin: 5 },
+        children: undefinedKeys.map((v, i) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("li", {
+          children: v
+        }, i, false, undefined, this))
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("p", {
+        children: "Please specify in your '.env' file."
+      }, undefined, false, undefined, this),
+      message !== undefined && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("p", {
+        children: "message"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }

package/dist/server/index.d.ts

@@ -1,11 +1,15 @@
-import { MantineSize } from "@mantine/core";
+import { ContainerProps as ContainerProps3, MantineSize as MantineSize9 } from "@mantine/core";
 interface EnvironmentShellProps {
-	vars: string[];
+	environment: Record<string, string | undefined>;
 	message?: string;
-	m?: MantineSize | number;
-	mt?: MantineSize | number;
+	m?: MantineSize9 | number;
+	mt?: MantineSize9 | number;
+	withContainer?: boolean;
+	componentsProps?: {
+		container?: ContainerProps3
+	};
 }
-import { PropsWithChildren as PropsWithChildren2, ReactNode as ReactNode2 } from "react";
+import { PropsWithChildren as PropsWithChildren13, ReactNode as ReactNode20 } from "react";
 interface ServerEnvironmentShellProps extends EnvironmentShellProps {}
-declare function EnvironmentShell({ children, vars, message }: PropsWithChildren2<ServerEnvironmentShellProps>): ReactNode2;
-export { EnvironmentShell };
+declare function EnvironmentShell2({ children, environment, message }: PropsWithChildren13<ServerEnvironmentShellProps>): ReactNode20;
+export { ServerEnvironmentShellProps, EnvironmentShell2 as EnvironmentShell };

package/dist/server/index.js

@@ -2,40 +2,40 @@
 import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
 function EnvironmentShell({
   children,
-  vars,
+  environment,
   message
 }) {
-  const missingVars = vars.filter((v) => !process.env[v]);
-  if (missingVars.length !== 0) {
-    return /* @__PURE__ */ jsxDEV("div", {
-      style: { padding: 5 },
-      children: [
-        /* @__PURE__ */ jsxDEV("h1", {
-          style: { fontWeight: 700 },
-          children: [
-            "Environment variable",
-            missingVars.length > 1 ? "s" : "",
-            " missing:"
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV("ul", {
-          style: { margin: 5 },
-          children: missingVars.map((v, i) => /* @__PURE__ */ jsxDEV("li", {
-            children: v
-          }, i, false, undefined, this))
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV("p", {
-          children: "Please specify in your '.env' file."
-        }, undefined, false, undefined, this),
-        message !== undefined && /* @__PURE__ */ jsxDEV("p", {
-          children: "message"
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this);
+  const undefinedKeys = Object.keys(environment).filter((key) => environment[key] === undefined);
+  if (undefinedKeys.length === 0) {
+    return /* @__PURE__ */ jsxDEV(Fragment, {
+      children
+    }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV(Fragment, {
-    children
-  }, undefined, false, undefined, this);
+  return /* @__PURE__ */ jsxDEV("div", {
+    style: { padding: 5 },
+    children: [
+      /* @__PURE__ */ jsxDEV("h1", {
+        style: { fontWeight: 700 },
+        children: [
+          "Environment variable",
+          undefinedKeys.length > 1 ? "s" : "",
+          " missing:"
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("ul", {
+        style: { margin: 5 },
+        children: undefinedKeys.map((v, i) => /* @__PURE__ */ jsxDEV("li", {
+          children: v
+        }, i, false, undefined, this))
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("p", {
+        children: "Please specify in your '.env' file."
+      }, undefined, false, undefined, this),
+      message !== undefined && /* @__PURE__ */ jsxDEV("p", {
+        children: "message"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
 export {
   EnvironmentShell