@solidxai/core-ui 0.1.9-beta.2 → 0.1.9-beta.20

package/dist/resources/solid-responsive.css

@@ -1,21 +1,25 @@
-@media(max-width:1399px){
-
-.kanban-ungrouped-column-content {
-    column-gap: 20px;
-  }
-  
-  .kanban-card-container {
-    margin-top: 1.5rem;
-  }
-  
-  .kanban-ungrouped-column .kanban-card-container {
-    flex: 1 1 calc(20% - 20px);
-    max-width: calc(20% - 20px);
-  }
-
-  .solid-card-view-grid {
-    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
-  }
+@media(max-width:1399px) {
+
+    .kanban-ungrouped-column-content {
+        column-gap: 20px;
+    }
+
+    .kanban-card-container {
+        margin-top: 1.5rem;
+    }
+
+    .kanban-ungrouped-column .kanban-card-container {
+        flex: 1 1 calc(20% - 20px);
+        max-width: calc(20% - 20px);
+    }
+
+    .solid-card-view-grid {
+        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+    }
+
+    .solid-kanban-board-wrapper {
+        width: calc(100vw - 315px) !important;
+    }
 }
 
 @media (max-width: 1199px) {
@@ -149,12 +153,15 @@
     .kanban-ungrouped-column .kanban-card-container {
         flex: 1 1 calc(33.33% - 20px);
         max-width: calc(33.33% - 20px);
-      }
+    }
 
     .solid-card-view-grid {
         grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
-      }
+    }
 
+    .solid-kanban-board-wrapper {
+        width: calc(100vw - 40px) !important;
+    }
 }
 
 
@@ -223,12 +230,12 @@
     }
 
     .solid-custom-filter-wrapper .p-inputtext {
-        width: 100%;
+        width: 100% !important;
     }
 
     .solid-global-search-element {
         min-height: 36px;
-        height: auto;
+        height: auto !important;
     }
 
     .solid-global-search-element input {
@@ -302,9 +309,32 @@
     .solid-form-header {
         padding: 10px 16px 16px 20px !important;
     }
-    .solid-form-wrapper .solid-form-content {
+
+
+    /* .solid-form-wrapper .solid-form-content {
+        height: calc(100vh - 165px) !important;
+    } */
+
+    .solid-form-wrapper .solid-form-content.solid-form-view {
+        height: calc(100vh - 167px) !important;
+    }
+
+    .solid-form-wrapper .solid-form-content.solid-form-edit {
+        height: calc(100vh - 135px) !important;
+    }
+
+    /* .solid-form-wrapper .solid-form-content {
         height: calc(100vh - 139px) !important;
-      }
+    }
+        */
+
+    .solid-inline-relation-dialog .solid-form-content,
+    .solid-inline-relation-dialog .solid-create-mode-form-content {
+        height: auto !important;
+        max-height: none !important;
+        overflow: visible !important;
+
+    }
 
 
     .solid-text-wrapper {
@@ -327,6 +357,21 @@
     }
 
 
+    .solid-list-surface {
+        height: calc(100vh - 70px) !important;
+    }
+
+    .solid-export-summary-chip {
+        max-height: 16px;
+    }
+
+    .solid-radix-dialog-content {
+        width: 85vw !important;
+    }
+
+    .solid-file-upload-wrapper {
+        padding: 6px 6px 6px 0px;
+    }
 
 }
 
@@ -415,7 +460,7 @@
     }
 
     .p-dialog .p-dialog-header {
-        padding: 1rem 1.5rem ;
+        padding: 1rem 1.5rem;
     }
 
     .solid-icon-dialog {
@@ -447,7 +492,7 @@
     }
 
 
-    
+
     /* =================  cog wheel ================== */
     .customize-layout-panel.p-overlaypanel {
         top: 16% !important;
@@ -487,9 +532,9 @@
         width: calc(100vw - 80px);
     }
 
-     .solid-global-search-element input {
+    .solid-global-search-element input {
         height: 28px;
-    } 
+    }
 
     .solid-filter-auto-complete-field button {
         height: 2.5rem !important;
@@ -530,9 +575,24 @@
         padding: 10px 16px 12px 16px !important;
     }
 
-    .solid-form-wrapper .solid-form-content {
+    .solid-form-wrapper .solid-form-content.solid-form-view {
+        height: calc(100vh - 167px) !important;
+    }
+
+    .solid-form-wrapper .solid-form-content.solid-form-edit {
+        height: calc(100vh - 135px) !important;
+    }
+
+    /* .solid-form-wrapper .solid-form-content {
         height: calc(100vh - 132px) !important;
-      }
+    } */
+
+    .solid-inline-relation-dialog .solid-form-content,
+    .solid-inline-relation-dialog .solid-create-mode-form-content {
+        height: auto !important;
+        max-height: none !important;
+        overflow: visible !important;
+    }
 
     .form-wrapper-title {
         font-size: 14px !important;
@@ -566,7 +626,7 @@
         text-overflow: ellipsis;
     }
 
-    .solid-module-mobile-text-wrapper{
+    .solid-module-mobile-text-wrapper {
         max-width: clamp(180px, 65vw, 600px);
         white-space: nowrap;
         overflow: hidden;
@@ -576,18 +636,97 @@
     .kanban-ungrouped-column .kanban-card-container {
         flex: 1 1 calc(50% - 20px);
         max-width: calc(50% - 20px);
-      }
+    }
 
-      .solid-card-view-grid {
+    .solid-card-view-grid {
         grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
-      }
+    }
 
-      .solid-img-text-wrapper{
+    .solid-img-text-wrapper {
         max-width: clamp(180px, 60vw, 600px);
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
+
+    .solid-popover-content.solid-custom-overlay.solid-form-stepper-overlay {
+        left: -86px !important;
+    }
+
+    .solid-list-page-wrapper {
+        padding: 8px;
+    }
+
+    .solid-global-search-element {
+        padding: 0px !important;
+    }
+
+    .solid-global-search-element ul {
+        /* padding: 3px !important; */
+    }
+
+    .solid-autocomplete-chip {
+        min-height: 22px !important;
+        height: 22px !important;
+    }
+
+    .solid-filter-builder,
+    .solid-filter-rule-row,
+    .solid-filter-control-wrap {
+        overflow: visible;
+    }
+
+    .dialog-content {
+        overflow-x: hidden;
+        overflow-y: auto;
+    }
+
+    .solid-select-wrap {
+        width: 100%;
+        min-width: 0;
+    }
+
+    .solid-select {
+        width: 100%;
+        max-width: 100%;
+    }
+
+    .solid-filter-rule-field,
+    .solid-filter-rule-value {
+        min-width: 0;
+    }
+
+    .solid-radix-dialog-content {
+        width: 95vw !important;
+    }
+
+    .solid-media-column-text-wrapper {
+        max-width: clamp(200px, 34vw, 600px);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .solid-list-view-text-wrapper {
+        max-width: clamp(200px, 50vw, 600px);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .solid-bread-crum-text-wrapper {
+        max-width: clamp(150px, 35vw, 600px);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+
+
+    .solid-form-actions-menu {
+        gap: 0px;
+    }
+
 }
 
 
@@ -619,6 +758,20 @@
         font-size: 0.9rem !important;
     }
 
+    .solid-inline-relation-dialog {
+        width: calc(100vw - 12px) !important;
+        max-width: calc(100vw - 12px) !important;
+        max-height: calc(100dvh - 12px) !important;
+        border-radius: 16px !important;
+    }
+
+    .solid-inline-relation-dialog .solid-form-content,
+    .solid-inline-relation-dialog .solid-create-mode-form-content {
+        height: auto !important;
+        max-height: none !important;
+        overflow: visible !important;
+    }
+
     .text-base {
         font-size: 0.9rem !important;
     }
@@ -649,20 +802,26 @@
         width: 90% !important;
     }
 
-    .solid-module-mobile-text-wrapper{
+    .solid-module-mobile-text-wrapper {
         max-width: clamp(120px, 52vw, 600px);
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
 
-    .solid-img-text-wrapper{
+    .solid-img-text-wrapper {
         max-width: clamp(180px, 50vw, 600px);
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
 
+    .solid-permisson-text-wrapper {
+        max-width: clamp(150px, 65vw, 600px);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
 
 }
 
@@ -670,11 +829,11 @@
 
     /* ===================== Solid Kanban ==================== */
 
-    .kanban-column:not(.kanban-column-folded) {
+    /* .kanban-column:not(.kanban-column-folded) {
         min-width: 72% !important;
         max-width: 80% !important;
         width: 72% !important;
-    }
+    } */
 
     .kanban-column-folded {
         min-width: fit-content !important;
@@ -686,18 +845,18 @@
     .kanban-ungrouped-column .kanban-card-container {
         flex: 1 1 100%;
         max-width: 100%;
-      }
+    }
 
     .solid-card-view-body {
         padding-left: 12px;
         padding-right: 12px;
-      }
+    }
 
     .solid-card-view-grid {
         grid-template-columns: 1fr;
         gap: 12px;
-      }
-    
+    }
+
 
 
 
@@ -726,17 +885,43 @@
 
 
 
-    .solid-text-wrapper {
+    /* .solid-text-wrapper {
         max-width: clamp(80px, 23vw, 600px);
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
-    }
+    } */
 
 
-    .solid-img-text-wrapper{
+    .solid-img-text-wrapper {
         max-width: clamp(170px, 40vw, 600px);
     }
+
+    .solid-form-stepper-overlay {
+        width: max-content;
+        min-width: 208px;
+        max-width: min(300px, calc(100vw - 40px));
+    }
+
+    .solid-popover-content.solid-custom-overlay.solid-form-stepper-overlay {
+        left: -86px !important;
+    }
+
+
+    .solid-list-view-text-wrapper {
+        max-width: clamp(100px, 43vw, 600px);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+
+    .solid-bread-crum-text-wrapper {
+        max-width: clamp(110px, 30vw, 600px);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
 }
 
 
@@ -757,9 +942,9 @@
 }
 
 
-@media(max-width:400px){
-    .solid-img-text-wrapper{
+@media(max-width:400px) {
+    .solid-img-text-wrapper {
         max-width: clamp(137px, 34vw, 600px);
-    
+
     }
-}
+}

package/dist/routes/AppEventListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppEventListener.d.ts","sourceRoot":"","sources":["../../src/routes/AppEventListener.tsx"],"names":[],"mappings":"AAWA,wBAAgB,gBAAgB,4CAsB/B"}
+{"version":3,"file":"AppEventListener.d.ts","sourceRoot":"","sources":["../../src/routes/AppEventListener.tsx"],"names":[],"mappings":"AAiEA,wBAAgB,gBAAgB,4CA6B/B"}

package/dist/routes/AppEventListener.js

@@ -1,23 +1,73 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { eventBus, AppEvents } from "../helpers/eventBus";
-import { useRouter } from "../hooks/useRouter";
 import { usePathname } from "../hooks/usePathname";
 import { SolidStudio, PreviewModePersist } from "../components/layout/SolidAiStudioLayout";
+import { useDispatch } from "react-redux";
+import { showToast } from "../redux/features/toastSlice";
+import { env } from "../adapters/env";
+function isDevMode() {
+    var envName = (env("VITE_SOLIDX_ENV") || "").toLowerCase();
+    return envName === "dev" || envName === "development";
+}
+function formatUnknownValue(value) {
+    if (typeof value === "string")
+        return value;
+    if (value === null || value === undefined)
+        return "";
+    try {
+        return JSON.stringify(value, null, 2);
+    }
+    catch (_a) {
+        return String(value);
+    }
+}
+function buildDevErrorDetail(payload) {
+    var _a, _b;
+    if (!payload)
+        return undefined;
+    var error = payload.error;
+    var lines = [];
+    if (payload.status !== undefined) {
+        lines.push("Status: ".concat(String(payload.status)));
+    }
+    if (payload.message) {
+        lines.push("Summary: ".concat(payload.message));
+    }
+    if (error === null || error === void 0 ? void 0 : error.message) {
+        lines.push("Error: ".concat(error.message));
+    }
+    if (error === null || error === void 0 ? void 0 : error.code) {
+        lines.push("Code: ".concat(error.code));
+    }
+    var responseData = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : error === null || error === void 0 ? void 0 : error.data;
+    var responseText = formatUnknownValue(responseData);
+    if (responseText) {
+        lines.push("Response:\n".concat(responseText));
+    }
+    if (error === null || error === void 0 ? void 0 : error.stack) {
+        lines.push("Stack:\n".concat(error.stack));
+    }
+    return lines.length > 0 ? lines.join("\n\n") : undefined;
+}
 export function AppEventListener() {
-    var router = useRouter();
     var pathname = usePathname();
+    var dispatch = useDispatch();
     useEffect(function () {
         var off = eventBus.on(AppEvents.GlobalError, function (payload) {
-            if (payload === null || payload === void 0 ? void 0 : payload.message) {
-                sessionStorage.setItem("solidx.globalError", payload.message);
-            }
-            if (pathname !== "/error" && pathname.startsWith("/admin")) {
-                router.push("/error");
+            if (!pathname.startsWith("/admin") && !pathname.startsWith("/auth")) {
+                return;
             }
+            dispatch(showToast({
+                severity: "error",
+                summary: (payload === null || payload === void 0 ? void 0 : payload.message) || "Something went wrong",
+                detail: isDevMode() ? buildDevErrorDetail(payload) : undefined,
+                sticky: isDevMode(),
+                life: isDevMode() ? 10000 : 4000,
+            }));
         });
         return function () { return off(); };
-    }, [router, pathname]);
+    }, [dispatch, pathname]);
     return (_jsxs(_Fragment, { children: [_jsx(SolidStudio, {}), _jsx(PreviewModePersist, {})] }));
 }
 //# sourceMappingURL=AppEventListener.js.map

package/dist/routes/AppEventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppEventListener.js","sourceRoot":"","sources":["../../src/routes/AppEventListener.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAO3F,MAAM,UAAU,gBAAgB;IAC9B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,SAAS,CAAC;QACR,IAAM,GAAG,GAAG,QAAQ,CAAC,EAAE,CAAqB,SAAS,CAAC,WAAW,EAAE,UAAC,OAAO;YACzE,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EAAE;gBACpB,cAAc,CAAC,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;aAC/D;YACD,IAAI,QAAQ,KAAK,QAAQ,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;gBAC1D,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aACvB;QACH,CAAC,CAAC,CAAC;QACH,OAAO,cAAM,OAAA,GAAG,EAAE,EAAL,CAAK,CAAC;IACrB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,8BACE,KAAC,WAAW,KAAG,EACf,KAAC,kBAAkB,KAAG,IACrB,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect } from \"react\";\nimport { eventBus, AppEvents } from \"../helpers/eventBus\";\nimport { useRouter } from \"../hooks/useRouter\";\nimport { usePathname } from \"../hooks/usePathname\";\nimport { SolidStudio, PreviewModePersist } from \"../components/layout/SolidAiStudioLayout\";\n\ntype GlobalErrorPayload = {\n  status?: number | string;\n  message?: string;\n};\n\nexport function AppEventListener() {\n  const router = useRouter();\n  const pathname = usePathname();\n\n  useEffect(() => {\n    const off = eventBus.on<GlobalErrorPayload>(AppEvents.GlobalError, (payload) => {\n      if (payload?.message) {\n        sessionStorage.setItem(\"solidx.globalError\", payload.message);\n      }\n      if (pathname !== \"/error\" && pathname.startsWith(\"/admin\")) {\n        router.push(\"/error\");\n      }\n    });\n    return () => off();\n  }, [router, pathname]);\n\n  return (\n    <>\n      <SolidStudio />\n      <PreviewModePersist />\n    </>\n  );\n}\n"]}
+{"version":3,"file":"AppEventListener.js","sourceRoot":"","sources":["../../src/routes/AppEventListener.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from \"react\";\nimport { eventBus, AppEvents } from \"../helpers/eventBus\";\nimport { usePathname } from \"../hooks/usePathname\";\nimport { SolidStudio, PreviewModePersist } from \"../components/layout/SolidAiStudioLayout\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../redux/features/toastSlice\";\nimport { env } from \"../adapters/env\";\n\ntype GlobalErrorPayload = {\n  status?: number | string;\n  message?: string;\n  error?: unknown;\n};\n\nfunction isDevMode() {\n  const envName = (env(\"VITE_SOLIDX_ENV\") || \"\").toLowerCase();\n  return envName === \"dev\" || envName === \"development\";\n}\n\nfunction formatUnknownValue(value: unknown) {\n  if (typeof value === \"string\") return value;\n  if (value === null || value === undefined) return \"\";\n\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction buildDevErrorDetail(payload?: GlobalErrorPayload) {\n  if (!payload) return undefined;\n\n  const error = payload.error as any;\n  const lines: string[] = [];\n\n  if (payload.status !== undefined) {\n    lines.push(`Status: ${String(payload.status)}`);\n  }\n\n  if (payload.message) {\n    lines.push(`Summary: ${payload.message}`);\n  }\n\n  if (error?.message) {\n    lines.push(`Error: ${error.message}`);\n  }\n\n  if (error?.code) {\n    lines.push(`Code: ${error.code}`);\n  }\n\n  const responseData = error?.response?.data ?? error?.data;\n  const responseText = formatUnknownValue(responseData);\n  if (responseText) {\n    lines.push(`Response:\\n${responseText}`);\n  }\n\n  if (error?.stack) {\n    lines.push(`Stack:\\n${error.stack}`);\n  }\n\n  return lines.length > 0 ? lines.join(\"\\n\\n\") : undefined;\n}\n\nexport function AppEventListener() {\n  const pathname = usePathname();\n  const dispatch = useDispatch();\n\n  useEffect(() => {\n    const off = eventBus.on<GlobalErrorPayload>(AppEvents.GlobalError, (payload) => {\n      if (!pathname.startsWith(\"/admin\") && !pathname.startsWith(\"/auth\")) {\n        return;\n      }\n\n      dispatch(\n        showToast({\n          severity: \"error\",\n          summary: payload?.message || \"Something went wrong\",\n          detail: isDevMode() ? buildDevErrorDetail(payload) : undefined,\n          sticky: isDevMode(),\n          life: isDevMode() ? 10000 : 4000,\n        })\n      );\n    });\n    return () => off();\n  }, [dispatch, pathname]);\n\n  return (\n    <>\n      <SolidStudio />\n      <PreviewModePersist />\n    </>\n  );\n}\n"]}

package/dist/routes/AppEventListener.tsx

@@ -1,29 +1,90 @@
 import { useEffect } from "react";
 import { eventBus, AppEvents } from "../helpers/eventBus";
-import { useRouter } from "../hooks/useRouter";
 import { usePathname } from "../hooks/usePathname";
 import { SolidStudio, PreviewModePersist } from "../components/layout/SolidAiStudioLayout";
+import { useDispatch } from "react-redux";
+import { showToast } from "../redux/features/toastSlice";
+import { env } from "../adapters/env";
 
 type GlobalErrorPayload = {
   status?: number | string;
   message?: string;
+  error?: unknown;
 };
 
+function isDevMode() {
+  const envName = (env("VITE_SOLIDX_ENV") || "").toLowerCase();
+  return envName === "dev" || envName === "development";
+}
+
+function formatUnknownValue(value: unknown) {
+  if (typeof value === "string") return value;
+  if (value === null || value === undefined) return "";
+
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+}
+
+function buildDevErrorDetail(payload?: GlobalErrorPayload) {
+  if (!payload) return undefined;
+
+  const error = payload.error as any;
+  const lines: string[] = [];
+
+  if (payload.status !== undefined) {
+    lines.push(`Status: ${String(payload.status)}`);
+  }
+
+  if (payload.message) {
+    lines.push(`Summary: ${payload.message}`);
+  }
+
+  if (error?.message) {
+    lines.push(`Error: ${error.message}`);
+  }
+
+  if (error?.code) {
+    lines.push(`Code: ${error.code}`);
+  }
+
+  const responseData = error?.response?.data ?? error?.data;
+  const responseText = formatUnknownValue(responseData);
+  if (responseText) {
+    lines.push(`Response:\n${responseText}`);
+  }
+
+  if (error?.stack) {
+    lines.push(`Stack:\n${error.stack}`);
+  }
+
+  return lines.length > 0 ? lines.join("\n\n") : undefined;
+}
+
 export function AppEventListener() {
-  const router = useRouter();
   const pathname = usePathname();
+  const dispatch = useDispatch();
 
   useEffect(() => {
     const off = eventBus.on<GlobalErrorPayload>(AppEvents.GlobalError, (payload) => {
-      if (payload?.message) {
-        sessionStorage.setItem("solidx.globalError", payload.message);
-      }
-      if (pathname !== "/error" && pathname.startsWith("/admin")) {
-        router.push("/error");
+      if (!pathname.startsWith("/admin") && !pathname.startsWith("/auth")) {
+        return;
       }
+
+      dispatch(
+        showToast({
+          severity: "error",
+          summary: payload?.message || "Something went wrong",
+          detail: isDevMode() ? buildDevErrorDetail(payload) : undefined,
+          sticky: isDevMode(),
+          life: isDevMode() ? 10000 : 4000,
+        })
+      );
     });
     return () => off();
-  }, [router, pathname]);
+  }, [dispatch, pathname]);
 
   return (
     <>

package/dist/routes/SolidRouteMetadataBoundary.d.ts

@@ -0,0 +1,5 @@
+import { type RouteObject } from "react-router-dom";
+export declare function SolidRouteMetadataBoundary({ routes }: {
+    routes: RouteObject[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidRouteMetadataBoundary.d.ts.map

package/dist/routes/SolidRouteMetadataBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidRouteMetadataBoundary.d.ts","sourceRoot":"","sources":["../../src/routes/SolidRouteMetadataBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoC,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAuBtF,wBAAgB,0BAA0B,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,WAAW,EAAE,CAAA;CAAE,2CAoD/E"}