@nestledjs/data-browser 0.1.9 → 0.1.11

package/lib/layouts/AdminDataLayout.js

@@ -1,21 +1,23 @@
-import React, { useState, useRef, useMemo } from "react";
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { useState, useRef, useMemo } from "react";
 import { getPluralName } from "@nestledjs/helpers";
 import { useNavigate, useParams, Outlet } from "react-router";
 import { AdminLocalStorage } from "../utils/secure-storage.js";
 import { spacedWords, kebabCase } from "../utils/string-utils.js";
 import { useAdminDataContext } from "../context/AdminDataContext.js";
-var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx";
 function AdminDataLayout() {
   const navigate = useNavigate();
   const params = useParams();
-  const {
-    databaseModels,
-    basePath = "/admin/data"
-  } = useAdminDataContext();
+  const { databaseModels, basePath = "/admin/data" } = useAdminDataContext();
   const [isFullscreen, setIsFullscreen] = useState(false);
   const [notification, setNotification] = useState(null);
   const fileInputRef = useRef(null);
-  const sortedModels = useMemo(() => [...databaseModels].sort((a, b) => getPluralName(spacedWords(a.name)).localeCompare(getPluralName(spacedWords(b.name)))), [databaseModels]);
+  const sortedModels = useMemo(
+    () => [...databaseModels].sort(
+      (a, b) => getPluralName(spacedWords(a.name)).localeCompare(getPluralName(spacedWords(b.name)))
+    ),
+    [databaseModels]
+  );
   const currentModel = useMemo(() => {
     const pluralParam = params.dataTypePlural;
     if (!pluralParam) return null;
@@ -37,10 +39,7 @@ function AdminDataLayout() {
     setIsFullscreen(!isFullscreen);
   };
   const showNotification = (type, message) => {
-    setNotification({
-      type,
-      message
-    });
+    setNotification({ type, message });
     setTimeout(() => setNotification(null), 5e3);
   };
   const handleExport = () => {
@@ -49,9 +48,7 @@ function AdminDataLayout() {
       showNotification("error", "Failed to export preferences");
       return;
     }
-    const blob = new Blob([configJson], {
-      type: "application/json"
-    });
+    const blob = new Blob([configJson], { type: "application/json" });
     const url = URL.createObjectURL(blob);
     const link = document.createElement("a");
     link.href = url;
@@ -94,171 +91,267 @@ function AdminDataLayout() {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   };
-  const content = /* @__PURE__ */ React.createElement("div", { className: "max-w-full mx-auto flex flex-col", __self: this, __source: {
-    fileName: _jsxFileName,
+  const content = /* @__PURE__ */ jsxDEV("div", { className: "max-w-full mx-auto flex flex-col", children: [
+    notification && /* @__PURE__ */ jsxDEV("div", { className: `mb-4 px-4 py-3 rounded-md border ${notification.type === "success" ? "bg-green-50 border-green-200 text-green-800 dark:bg-green-900/20 dark:border-green-800 dark:text-green-200" : "bg-red-50 border-red-200 text-red-800 dark:bg-red-900/20 dark:border-red-800 dark:text-red-200"}`, children: /* @__PURE__ */ jsxDEV("div", { className: "flex items-center", children: [
+      notification.type === "success" ? /* @__PURE__ */ jsxDEV("svg", { className: "w-5 h-5 mr-2", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxDEV("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }, void 0, false, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+        lineNumber: 133,
+        columnNumber: 17
+      }, this) }, void 0, false, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+        lineNumber: 132,
+        columnNumber: 15
+      }, this) : /* @__PURE__ */ jsxDEV("svg", { className: "w-5 h-5 mr-2", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxDEV("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }, void 0, false, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+        lineNumber: 137,
+        columnNumber: 17
+      }, this) }, void 0, false, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+        lineNumber: 136,
+        columnNumber: 15
+      }, this),
+      /* @__PURE__ */ jsxDEV("span", { className: "text-sm font-medium", children: notification.message }, void 0, false, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+        lineNumber: 140,
+        columnNumber: 13
+      }, this)
+    ] }, void 0, true, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+      lineNumber: 130,
+      columnNumber: 11
+    }, this) }, void 0, false, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+      lineNumber: 125,
+      columnNumber: 9
+    }, this),
+    /* @__PURE__ */ jsxDEV("div", { className: "mb-6 space-y-3", children: [
+      /* @__PURE__ */ jsxDEV("div", { className: "flex items-end gap-3", children: [
+        /* @__PURE__ */ jsxDEV("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsxDEV("label", { htmlFor: "model-selector", className: "block text-sm font-medium text-gray-900 dark:text-gray-100 mb-2", children: "Select Model" }, void 0, false, {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+            lineNumber: 149,
+            columnNumber: 13
+          }, this),
+          /* @__PURE__ */ jsxDEV("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxDEV(
+              "select",
+              {
+                id: "model-selector",
+                value: (currentModel == null ? void 0 : currentModel.name) || "",
+                onChange: handleModelChange,
+                className: "w-full h-[50px] pl-4 pr-10 py-3 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-green-web focus:border-green-web text-base appearance-none cursor-pointer",
+                children: [
+                  /* @__PURE__ */ jsxDEV("option", { value: "", children: "Choose a model..." }, void 0, false, {
+                    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+                    lineNumber: 159,
+                    columnNumber: 17
+                  }, this),
+                  sortedModels.map((model) => /* @__PURE__ */ jsxDEV("option", { value: model.name, children: getPluralName(spacedWords(model.name)) }, model.name, false, {
+                    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+                    lineNumber: 161,
+                    columnNumber: 19
+                  }, this))
+                ]
+              },
+              void 0,
+              true,
+              {
+                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+                lineNumber: 153,
+                columnNumber: 15
+              },
+              this
+            ),
+            /* @__PURE__ */ jsxDEV("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", children: /* @__PURE__ */ jsxDEV("svg", { className: "h-5 w-5 text-gray-400", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxDEV("path", { fillRule: "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", clipRule: "evenodd" }, void 0, false, {
+              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+              lineNumber: 169,
+              columnNumber: 19
+            }, this) }, void 0, false, {
+              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+              lineNumber: 168,
+              columnNumber: 17
+            }, this) }, void 0, false, {
+              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+              lineNumber: 167,
+              columnNumber: 15
+            }, this)
+          ] }, void 0, true, {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+            lineNumber: 152,
+            columnNumber: 13
+          }, this)
+        ] }, void 0, true, {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+          lineNumber: 148,
+          columnNumber: 11
+        }, this),
+        /* @__PURE__ */ jsxDEV(
+          "button",
+          {
+            onClick: toggleFullscreen,
+            className: "h-[50px] px-4 py-3 bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-green-web focus:border-green-web transition-colors",
+            title: isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
+            children: isFullscreen ? /* @__PURE__ */ jsxDEV("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxDEV("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 9V4.5M9 9H4.5M9 9L3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5l5.25 5.25" }, void 0, false, {
+              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+              lineNumber: 183,
+              columnNumber: 17
+            }, this) }, void 0, false, {
+              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+              lineNumber: 182,
+              columnNumber: 15
+            }, this) : /* @__PURE__ */ jsxDEV("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxDEV("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" }, void 0, false, {
+              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+              lineNumber: 187,
+              columnNumber: 17
+            }, this) }, void 0, false, {
+              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+              lineNumber: 186,
+              columnNumber: 15
+            }, this)
+          },
+          void 0,
+          false,
+          {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+            lineNumber: 176,
+            columnNumber: 11
+          },
+          this
+        )
+      ] }, void 0, true, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+        lineNumber: 147,
+        columnNumber: 9
+      }, this),
+      /* @__PURE__ */ jsxDEV("div", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsxDEV("span", { className: "text-gray-600 dark:text-gray-400", children: "Preferences:" }, void 0, false, {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+          lineNumber: 195,
+          columnNumber: 11
+        }, this),
+        /* @__PURE__ */ jsxDEV(
+          "button",
+          {
+            onClick: handleExport,
+            className: "inline-flex items-center px-3 py-1.5 text-gray-700 dark:text-gray-300 hover:text-green-web dark:hover:text-green-web transition-colors",
+            title: "Export your preferences to a file",
+            children: [
+              /* @__PURE__ */ jsxDEV("svg", { className: "w-4 h-4 mr-1.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxDEV("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" }, void 0, false, {
+                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+                lineNumber: 202,
+                columnNumber: 15
+              }, this) }, void 0, false, {
+                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+                lineNumber: 201,
+                columnNumber: 13
+              }, this),
+              "Export"
+            ]
+          },
+          void 0,
+          true,
+          {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+            lineNumber: 196,
+            columnNumber: 11
+          },
+          this
+        ),
+        /* @__PURE__ */ jsxDEV("span", { className: "text-gray-300 dark:text-gray-600", children: "|" }, void 0, false, {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+          lineNumber: 206,
+          columnNumber: 11
+        }, this),
+        /* @__PURE__ */ jsxDEV(
+          "button",
+          {
+            onClick: triggerImport,
+            className: "inline-flex items-center px-3 py-1.5 text-gray-700 dark:text-gray-300 hover:text-green-web dark:hover:text-green-web transition-colors",
+            title: "Import preferences from a file",
+            children: [
+              /* @__PURE__ */ jsxDEV("svg", { className: "w-4 h-4 mr-1.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxDEV("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" }, void 0, false, {
+                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+                lineNumber: 213,
+                columnNumber: 15
+              }, this) }, void 0, false, {
+                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+                lineNumber: 212,
+                columnNumber: 13
+              }, this),
+              "Import"
+            ]
+          },
+          void 0,
+          true,
+          {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+            lineNumber: 207,
+            columnNumber: 11
+          },
+          this
+        ),
+        /* @__PURE__ */ jsxDEV(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            accept: "application/json,.json",
+            onChange: handleImport,
+            className: "hidden"
+          },
+          void 0,
+          false,
+          {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+            lineNumber: 217,
+            columnNumber: 11
+          },
+          this
+        )
+      ] }, void 0, true, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+        lineNumber: 194,
+        columnNumber: 9
+      }, this)
+    ] }, void 0, true, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+      lineNumber: 146,
+      columnNumber: 7
+    }, this),
+    /* @__PURE__ */ jsxDEV("div", { children: /* @__PURE__ */ jsxDEV(Outlet, {}, void 0, false, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+      lineNumber: 229,
+      columnNumber: 9
+    }, this) }, void 0, false, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+      lineNumber: 228,
+      columnNumber: 7
+    }, this)
+  ] }, void 0, true, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
     lineNumber: 122,
     columnNumber: 5
-  } }, notification && /* @__PURE__ */ React.createElement("div", { className: `mb-4 px-4 py-3 rounded-md border ${notification.type === "success" ? "bg-green-50 border-green-200 text-green-800 dark:bg-green-900/20 dark:border-green-800 dark:text-green-200" : "bg-red-50 border-red-200 text-red-800 dark:bg-red-900/20 dark:border-red-800 dark:text-red-200"}`, __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 125,
-    columnNumber: 9
-  } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 130,
-    columnNumber: 11
-  } }, notification.type === "success" ? /* @__PURE__ */ React.createElement("svg", { className: "w-5 h-5 mr-2", fill: "currentColor", viewBox: "0 0 20 20", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 132,
-    columnNumber: 15
-  } }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 133,
-    columnNumber: 17
-  } })) : /* @__PURE__ */ React.createElement("svg", { className: "w-5 h-5 mr-2", fill: "currentColor", viewBox: "0 0 20 20", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 136,
-    columnNumber: 15
-  } }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 137,
-    columnNumber: 17
-  } })), /* @__PURE__ */ React.createElement("span", { className: "text-sm font-medium", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 140,
-    columnNumber: 13
-  } }, notification.message))), /* @__PURE__ */ React.createElement("div", { className: "mb-6 space-y-3", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 146,
-    columnNumber: 7
-  } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-end gap-3", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 147,
-    columnNumber: 9
-  } }, /* @__PURE__ */ React.createElement("div", { className: "flex-1", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 148,
-    columnNumber: 11
-  } }, /* @__PURE__ */ React.createElement("label", { htmlFor: "model-selector", className: "block text-sm font-medium text-gray-900 dark:text-gray-100 mb-2", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 149,
-    columnNumber: 13
-  } }, "Select Model"), /* @__PURE__ */ React.createElement("div", { className: "relative", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 152,
-    columnNumber: 13
-  } }, /* @__PURE__ */ React.createElement("select", { id: "model-selector", value: (currentModel == null ? void 0 : currentModel.name) || "", onChange: handleModelChange, className: "w-full h-[50px] pl-4 pr-10 py-3 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-green-web focus:border-green-web text-base appearance-none cursor-pointer", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 153,
-    columnNumber: 15
-  } }, /* @__PURE__ */ React.createElement("option", { value: "", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 159,
-    columnNumber: 17
-  } }, "Choose a model..."), sortedModels.map((model) => /* @__PURE__ */ React.createElement("option", { key: model.name, value: model.name, __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 161,
-    columnNumber: 19
-  } }, getPluralName(spacedWords(model.name))))), /* @__PURE__ */ React.createElement("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 167,
-    columnNumber: 15
-  } }, /* @__PURE__ */ React.createElement("svg", { className: "h-5 w-5 text-gray-400", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 168,
-    columnNumber: 17
-  } }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", clipRule: "evenodd", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 169,
-    columnNumber: 19
-  } }))))), /* @__PURE__ */ React.createElement("button", { onClick: toggleFullscreen, className: "h-[50px] px-4 py-3 bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-green-web focus:border-green-web transition-colors", title: isFullscreen ? "Exit fullscreen" : "Enter fullscreen", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 176,
-    columnNumber: 11
-  } }, isFullscreen ? /* @__PURE__ */ React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 182,
-    columnNumber: 15
-  } }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 9V4.5M9 9H4.5M9 9L3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5l5.25 5.25", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 183,
-    columnNumber: 17
-  } })) : /* @__PURE__ */ React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 186,
-    columnNumber: 15
-  } }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 187,
-    columnNumber: 17
-  } })))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 text-sm", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 194,
-    columnNumber: 9
-  } }, /* @__PURE__ */ React.createElement("span", { className: "text-gray-600 dark:text-gray-400", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 195,
-    columnNumber: 11
-  } }, "Preferences:"), /* @__PURE__ */ React.createElement("button", { onClick: handleExport, className: "inline-flex items-center px-3 py-1.5 text-gray-700 dark:text-gray-300 hover:text-green-web dark:hover:text-green-web transition-colors", title: "Export your preferences to a file", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 196,
-    columnNumber: 11
-  } }, /* @__PURE__ */ React.createElement("svg", { className: "w-4 h-4 mr-1.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 201,
-    columnNumber: 13
-  } }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 202,
-    columnNumber: 15
-  } })), "Export"), /* @__PURE__ */ React.createElement("span", { className: "text-gray-300 dark:text-gray-600", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 206,
-    columnNumber: 11
-  } }, "|"), /* @__PURE__ */ React.createElement("button", { onClick: triggerImport, className: "inline-flex items-center px-3 py-1.5 text-gray-700 dark:text-gray-300 hover:text-green-web dark:hover:text-green-web transition-colors", title: "Import preferences from a file", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 207,
-    columnNumber: 11
-  } }, /* @__PURE__ */ React.createElement("svg", { className: "w-4 h-4 mr-1.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 212,
-    columnNumber: 13
-  } }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 213,
-    columnNumber: 15
-  } })), "Import"), /* @__PURE__ */ React.createElement("input", { ref: fileInputRef, type: "file", accept: "application/json,.json", onChange: handleImport, className: "hidden", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 217,
-    columnNumber: 11
-  } }))), /* @__PURE__ */ React.createElement("div", { __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 228,
-    columnNumber: 7
-  } }, /* @__PURE__ */ React.createElement(Outlet, { __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 229,
-    columnNumber: 9
-  } })));
+  }, this);
   if (isFullscreen) {
-    return /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 z-50 bg-white dark:bg-gray-900 flex flex-col", __self: this, __source: {
-      fileName: _jsxFileName,
-      lineNumber: 236,
-      columnNumber: 7
-    } }, /* @__PURE__ */ React.createElement("div", { className: "w-full p-6 md:p-8 lg:p-12", __self: this, __source: {
-      fileName: _jsxFileName,
+    return /* @__PURE__ */ jsxDEV("div", { className: "fixed inset-0 z-50 bg-white dark:bg-gray-900 flex flex-col", children: /* @__PURE__ */ jsxDEV("div", { className: "w-full p-6 md:p-8 lg:p-12", children: content }, void 0, false, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
       lineNumber: 237,
       columnNumber: 9
-    } }, content));
+    }, this) }, void 0, false, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+      lineNumber: 236,
+      columnNumber: 7
+    }, this);
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 245,
-    columnNumber: 5
-  } }, /* @__PURE__ */ React.createElement("main", { className: "w-full p-6 md:p-8 lg:p-12", __self: this, __source: {
-    fileName: _jsxFileName,
+  return /* @__PURE__ */ jsxDEV("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxDEV("main", { className: "w-full p-6 md:p-8 lg:p-12", children: content }, void 0, false, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
     lineNumber: 246,
     columnNumber: 7
-  } }, content));
+  }, this) }, void 0, false, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+    lineNumber: 245,
+    columnNumber: 5
+  }, this);
 }
 export {
   AdminDataLayout