@solidxai/core-ui 0.1.8-beta.4 → 0.1.8-beta.5

package/dist/resources/themes/solid-dark-purple/theme.css

@@ -39,7 +39,7 @@
   --surface-overlay: #18191D;
   --surface-border: rgba(255, 255, 255, 0.1);
   --surface-hover: rgba(255, 255, 255, 0.03);
-  --focus-ring: 0 0 0 0.2rem var(--ring, rgba(96, 165, 250, 0.35));
+  --focus-ring: 0 0 0 0.2rem var(--ring, rgba(179, 127, 235, 0.35));
   --maskbg: rgba(0, 0, 0, 0.4);
   --primary-light-color: rgba(216, 226, 234, 0.08);
   --highlight-bg: rgba(140, 100, 255, 0.18);
@@ -102,16 +102,6 @@
   --yellow-700: #a47d06;
   --yellow-800: #816204;
   --yellow-900: #5e4803;
-  --purple-50: #f3fbfd;
-  --purple-100: #dbc4f5;
-  --purple-200: #c299ee;
-  --purple-300: #a96ee7;
-  --purple-400: color-mix(in srgb, var(--primary-color, var(--primary)) 84%, #0f172a);
-  --purple-500: var(--primary-color, var(--primary));
-  --purple-600: #5f24b3;
-  --purple-700: #4c1b94;
-  --purple-800: #391275;
-  --purple-900: #260955;
   --pink-50: #fef6fa;
   --pink-100: #fad3e7;
   --pink-200: #f7b0d3;
@@ -182,16 +172,16 @@
   --red-700: #b32b23;
   --red-800: #8c221c;
   --red-900: #661814;
-  --primary-50: #f4fdfe;
-  --primary-100: #caf4fb;
-  --primary-200: #a0ecf8;
-  --primary-300: #76e4f4;
-  --primary-400: #4cdbf1;
-  --primary-500: #9B5AED;
-  --primary-600: #1db3ca;
-  --primary-700: #1894a7;
-  --primary-800: #137483;
-  --primary-900: #0e545f;
+  --primary-50: #f9f0ff;
+  --primary-100: #efdbff;
+  --primary-200: #d3adf7;
+  --primary-300: #b37feb;
+  --primary-400: #9254de;
+  --primary-500: #722ED1;
+  --primary-600: #531dab;
+  --primary-700: #391085;
+  --primary-800: #22075e;
+  --primary-900: #120338;
 }
 
 .solid-primary-black-text {
@@ -333,7 +323,7 @@
   .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(176, 126, 255, 0.4);
+    box-shadow: none !important;
   }
 
   .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
@@ -721,7 +711,7 @@
   .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(176, 126, 255, 0.4);
+    box-shadow: none !important;
     border-color: #9B5AED;
   }
 
@@ -784,7 +774,7 @@
   .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(176, 126, 255, 0.4);
+    box-shadow: none !important;
     border-color: #9B5AED;
   }
 
@@ -843,7 +833,7 @@
   .p-dropdown:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(176, 126, 255, 0.4);
+    box-shadow: none !important;
     border-color: #9B5AED;
   }
 
@@ -996,7 +986,7 @@
   .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(176, 126, 255, 0.4);
+    box-shadow: none !important;
   }
 
   .p-inputswitch.p-invalid>.p-inputswitch-slider {
@@ -1028,7 +1018,7 @@
   .p-inputtext:enabled:focus {
     outline: 0 none;
     outline-offset: 0;
-    /* box-shadow: 0 0 0 0.2rem rgba(176, 126, 255, 0.4); */
+    box-shadow: none !important;
     border-color: #9B5AED;
   }
 
@@ -1221,7 +1211,7 @@
   .p-multiselect:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(176, 126, 255, 0.4);
+    box-shadow: none !important;
     border-color: #9B5AED;
   }
 
@@ -1304,7 +1294,7 @@
   .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(176, 126, 255, 0.4);
+    box-shadow: none !important;
   }
 
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
@@ -1430,7 +1420,7 @@
   .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem rgba(176, 126, 255, 0.4);
+    box-shadow: none !important;
     border-color: #9B5AED;
   }
 
@@ -5470,7 +5460,7 @@
 
   .p-inline-message.p-inline-message-info {
     background: rgba(59, 130, 246, 0.2);
-    border: solid #3b82f6;
+    border: solid #722ED1;
     border-width: 1px;
     color: #93c5fd;
   }
@@ -5524,7 +5514,7 @@
 
   .p-message.p-message-info {
     background: rgba(59, 130, 246, 0.2);
-    border: solid #3b82f6;
+    border: solid #722ED1;
     border-width: 0 0 0 6px;
     color: #93c5fd;
   }
@@ -5594,7 +5584,7 @@
 
   .p-toast .p-toast-message.p-toast-message-info {
     background: rgba(59, 130, 246, 0.2);
-    border: solid #3b82f6;
+    border: solid #722ED1;
     border-width: 0 0 0 6px;
     color: #93c5fd;
   }

package/dist/resources/themes/solid-light-purple/theme.css

@@ -39,7 +39,7 @@
   --surface-overlay: #ffffff;
   --surface-border: #dfe7ef;
   --surface-hover: #f6f9fc;
-  --focus-ring: 0 0 0 0.2rem var(--ring, rgba(37, 99, 235, 0.35));
+  --focus-ring: 0 0 0 0.2rem var(--ring, rgba(114, 46, 209, 0.35));
   --maskbg: rgba(0, 0, 0, 0.4);
   --primary-light-color: #D8E2EA;
   --highlight-bg: #F5F5F5;
@@ -193,16 +193,16 @@
   --red-700: #b32b23;
   --red-800: #8c221c;
   --red-900: #661814;
-  --primary-50: #f5f0fc;
-  --primary-100: #dbc4f5;
-  --primary-200: #c299ee;
-  --primary-300: #a96ee7;
-  --primary-400: color-mix(in srgb, var(--primary-color, var(--primary)) 84%, #0f172a);
-  --primary-500: var(--primary-color, var(--primary));
-  --primary-600: #5f24b3;
-  --primary-700: #4c1b94;
-  --primary-800: #391275;
-  --primary-900: #260955;
+  --primary-50: #f9f0ff;
+  --primary-100: #efdbff;
+  --primary-200: #d3adf7;
+  --primary-300: #b37feb;
+  --primary-400: #9254de;
+  --primary-500: #722ED1;
+  --primary-600: #531dab;
+  --primary-700: #391085;
+  --primary-800: #22075e;
+  --primary-900: #120338;
 }
 
 .solid-primary-black-text {
@@ -348,7 +348,7 @@
   .p-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #d3b5f5;
+    box-shadow: none !important;
   }
 
   .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
@@ -506,7 +506,7 @@
   .p-datepicker table td>span:focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #d3b5f5;
+    box-shadow: none !important;
   }
 
   .p-datepicker table td.p-datepicker-today>span {
@@ -735,7 +735,7 @@
   .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #d3b5f5;
+    box-shadow: none !important;
     border-color: var(--primary-color, var(--primary));
   }
 
@@ -799,7 +799,7 @@
   .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #d3b5f5;
+    box-shadow: none !important;
     border-color: var(--primary-color, var(--primary));
   }
 
@@ -858,7 +858,7 @@
   .p-dropdown:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    /* box-shadow: 0 0 0 0.2rem #d3b5f5; */
+    box-shadow: none !important;
     border-color: var(--primary-color, var(--primary));
   }
 
@@ -1011,7 +1011,7 @@
   .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #d3b5f5;
+    box-shadow: none !important;
   }
 
   .p-inputswitch.p-invalid>.p-inputswitch-slider {
@@ -1039,7 +1039,7 @@
   .p-inputtext:enabled:focus {
     outline: 0 none;
     outline-offset: 0;
-    /* box-shadow: 0 0 0 0.2rem #d3b5f5; */
+    box-shadow: none !important;
     border-color: var(--primary-color, var(--primary));
   }
 
@@ -1232,7 +1232,7 @@
   .p-multiselect:not(.p-disabled).p-focus {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #d3b5f5;
+    box-shadow: none !important;
     border-color: var(--primary-color, var(--primary));
   }
 
@@ -1324,7 +1324,7 @@
   .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #d3b5f5;
+    box-shadow: none !important;
   }
 
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
@@ -1450,7 +1450,7 @@
   .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0 0 0 0.2rem #d3b5f5;
+    box-shadow: none !important;
     border-color: var(--primary-color, var(--primary));
   }
 
@@ -5527,13 +5527,13 @@
 
   .p-inline-message.p-inline-message-info {
     background: rgba(219, 234, 254, 0.7);
-    border: solid #3b82f6;
+    border: solid #722ED1;
     border-width: 0px;
-    color: #3b82f6;
+    color: #722ED1;
   }
 
   .p-inline-message.p-inline-message-info .p-inline-message-icon {
-    color: #3b82f6;
+    color: #722ED1;
   }
 
   .p-inline-message.p-inline-message-success {
@@ -5581,17 +5581,17 @@
 
   .p-message.p-message-info {
     background: rgba(219, 234, 254, 0.7);
-    border: solid #3b82f6;
+    border: solid #722ED1;
     border-width: 0 0 0 6px;
-    color: #3b82f6;
+    color: #722ED1;
   }
 
   .p-message.p-message-info .p-message-icon {
-    color: #3b82f6;
+    color: #722ED1;
   }
 
   .p-message.p-message-info .p-message-close {
-    color: #3b82f6;
+    color: #722ED1;
   }
 
   .p-message.p-message-success {
@@ -5657,14 +5657,14 @@
 
   .p-toast .p-toast-message.p-toast-message-info {
     background: rgba(219, 234, 254, 0.7);
-    border: solid #3b82f6;
+    border: solid #722ED1;
     border-width: 0 0 0 6px;
-    color: #3b82f6;
+    color: #722ED1;
   }
 
   .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
   .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
-    color: #3b82f6;
+    color: #722ED1;
   }
 
   .p-toast .p-toast-message.p-toast-message-success {

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

@@ -1 +1 @@
-{"version":3,"file":"SolidLayoutRegistry.d.ts","sourceRoot":"","sources":["../../src/routes/SolidLayoutRegistry.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,MAAM,WAAW,gBAAgB;IAC/B,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAOD;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAErE;AAoHD;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAOA;AAMD;;;;;;GAMG;AACH,wBAAgB,sBAAsB,IAAI,gBAAgB,EAAE,CAI3D"}
+{"version":3,"file":"SolidLayoutRegistry.d.ts","sourceRoot":"","sources":["../../src/routes/SolidLayoutRegistry.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,MAAM,WAAW,gBAAgB;IAC/B,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAOD;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAErE;AAsHD;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAOA;AAMD;;;;;;GAMG;AACH,wBAAgB,sBAAsB,IAAI,gBAAgB,EAAE,CAI3D"}

package/dist/routes/SolidLayoutRegistry.js

@@ -71,7 +71,9 @@ function inferPathFromChildren(children) {
         // Absolute path → use root
         if ((_a = child.path) === null || _a === void 0 ? void 0 : _a.startsWith("/")) {
             var root = child.path.split("/").filter(Boolean)[0];
-            return root ? "/".concat(root) : undefined;
+            // return root ? `/${root}` : undefined;
+            // treat absolute path with no segments as home..
+            return root ? "/".concat(root) : 'home';
         }
         // Relative path → use first segment
         if (child.path) {

package/dist/routes/SolidLayoutRegistry.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidLayoutRegistry.js","sourceRoot":"","sources":["../../src/routes/SolidLayoutRegistry.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createContext, useContext, useMemo, type ReactNode } from \"react\";\nimport type { RouteObject } from \"react-router-dom\";\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport interface SolidLayoutEntry {\n  /** The root path of this layout, e.g. \"/jenendar\" */\n  path: string;\n  /** Display title. Falls back to title-casing the path segment. */\n  title: string;\n  /** Optional subtitle shown on the card. */\n  description?: string;\n  /** Resolved URL to navigate to when the card is clicked (first child). */\n  to: string;\n}\n\n/**\n * Optionally attach this to a route's `handle` to customise the card.\n *\n * @example\n * ```tsx\n * {\n *   path: \"/my-layout\",\n *   handle: { title: \"My Layout\", description: \"Custom layout\" } satisfies SolidLayoutHandle,\n *   element: <MyLayout />,\n *   children: [...],\n * }\n * ```\n */\nexport interface SolidLayoutHandle {\n  title?: string;\n  description?: string;\n}\n\n// ── Module-level store ────────────────────────────────────────────────────────\n// Populated automatically inside getSolidRoutes() — no consumer changes needed.\n\nlet _autoRoutes: RouteObject[] = [];\n\n/**\n * Called by getSolidRoutes() whenever extraRoutes are provided.\n * @internal — not part of the public API.\n */\nexport function _solidRegisterExtraRoutes(routes: RouteObject[]): void {\n  _autoRoutes = routes;\n}\n\n// ── Context (optional override) ───────────────────────────────────────────────\n// Mount SolidLayoutRegistryProvider anywhere above StudioLandingPage to\n// override the auto-registered list (e.g. async / runtime route lists).\n\nconst SolidLayoutRegistryContext = createContext<SolidLayoutEntry[] | null>(null);\n\n// ── Helpers ───────────────────────────────────────────────────────────────────\n\nfunction pathToTitle(path: string): string {\n  return (\n    path\n      .replace(/^\\//, \"\")\n      .split(/[-_/]/)\n      .filter(Boolean)\n      .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n      .join(\" \") || path\n  );\n}\n\n/**\n * Walk a route tree and return the first concrete relative or absolute path found.\n * Skips index routes (they render at the parent path) and pathless wrappers\n * (guards, layout wrappers) by looking inside their children recursively.\n */\nfunction findFirstConcretePath(children: RouteObject[]): string | undefined {\n  // 1. FIRST PASS → prioritize index (including inside pathless wrappers)\n  for (const child of children) {\n    if ((child as any).index || child.path === \"\") {\n      return \"\";\n    }\n    // Deep check for pathless wrappers in the first pass too\n    if (!child.path && child.children?.length) {\n      const nested = findFirstConcretePath(child.children);\n      if (nested === \"\") return \"\";\n    }\n  }\n\n  // 2. SECOND PASS → find first path\n  for (const child of children) {\n    if (child.path) return child.path;\n\n    if (child.children?.length) {\n      const nested = findFirstConcretePath(child.children);\n      if (nested !== undefined) return nested;\n    }\n  }\n\n  return undefined;\n}\nfunction resolveFirstChildTo(basePath: string, children: RouteObject[]): string {\n  const concretePath = findFirstConcretePath(children);\n  if (concretePath === undefined || concretePath === \"\") return basePath;\n  if (concretePath.startsWith(\"/\")) return concretePath;\n  return `${basePath.replace(/\\/$/, \"\")}/${concretePath}`;\n}\n\nfunction inferPathFromChildren(children: RouteObject[]): string | undefined {\n  for (const child of children) {\n    // Absolute path → use root\n    if (child.path?.startsWith(\"/\")) {\n      const root = child.path.split(\"/\").filter(Boolean)[0];\n      return root ? `/${root}` : undefined;\n    }\n\n    // Relative path → use first segment\n    if (child.path) {\n      const root = child.path.split(\"/\")[0];\n      return root ? `/${root}` : undefined;\n    }\n\n    // Nested\n    if (child.children?.length) {\n      const nested = inferPathFromChildren(child.children);\n      if (nested) return nested;\n    }\n  }\n\n  return undefined;\n}\n\nfunction extractLayouts(routes: RouteObject[]): SolidLayoutEntry[] {\n  const layouts: SolidLayoutEntry[] = [];\n  const seen = new Set<string>();\n\n  for (const route of routes) {\n    // ✅ Use explicit path OR infer from children\n    const basePath =\n      route.path ??\n      (route.children?.length\n        ? inferPathFromChildren(route.children)\n        : undefined);\n\n    if (!basePath || seen.has(basePath)) continue;\n\n    const handle = route.handle as SolidLayoutHandle | undefined;\n\n    const to = route.children?.length\n      ? resolveFirstChildTo(basePath, route.children)\n      : basePath;\n\n    layouts.push({\n      path: basePath,\n      title: handle?.title ?? pathToTitle(basePath),\n      description: handle?.description,\n      to,\n    });\n\n    seen.add(basePath);\n  }\n\n  return layouts;\n}\n// ── Provider (optional override) ──────────────────────────────────────────────\n\n/**\n * Optional — most apps do NOT need this.\n * Use only when you need to override the auto-registered list at runtime.\n */\nexport function SolidLayoutRegistryProvider({\n  routes,\n  children,\n}: {\n  routes: RouteObject[];\n  children: ReactNode;\n}) {\n  const layouts = useMemo(() => extractLayouts(routes), [routes]);\n  return (\n    <SolidLayoutRegistryContext.Provider value={layouts}>\n      {children}\n    </SolidLayoutRegistryContext.Provider>\n  );\n}\n\n\n\n// ── Hook ──────────────────────────────────────────────────────────────────────\n\n/**\n * Returns the registered layout entries.\n *\n * Priority order:\n * 1. SolidLayoutRegistryProvider context (if mounted)\n * 2. Routes auto-registered when getSolidRoutes({ extraRoutes }) was called\n */\nexport function useSolidLayoutRegistry(): SolidLayoutEntry[] {\n  const contextLayouts = useContext(SolidLayoutRegistryContext);\n  if (contextLayouts !== null) return contextLayouts;\n  return extractLayouts(_autoRoutes);\n}\n"]}
+{"version":3,"file":"SolidLayoutRegistry.js","sourceRoot":"","sources":["../../src/routes/SolidLayoutRegistry.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createContext, useContext, useMemo, type ReactNode } from \"react\";\nimport type { RouteObject } from \"react-router-dom\";\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport interface SolidLayoutEntry {\n  /** The root path of this layout, e.g. \"/jenendar\" */\n  path: string;\n  /** Display title. Falls back to title-casing the path segment. */\n  title: string;\n  /** Optional subtitle shown on the card. */\n  description?: string;\n  /** Resolved URL to navigate to when the card is clicked (first child). */\n  to: string;\n}\n\n/**\n * Optionally attach this to a route's `handle` to customise the card.\n *\n * @example\n * ```tsx\n * {\n *   path: \"/my-layout\",\n *   handle: { title: \"My Layout\", description: \"Custom layout\" } satisfies SolidLayoutHandle,\n *   element: <MyLayout />,\n *   children: [...],\n * }\n * ```\n */\nexport interface SolidLayoutHandle {\n  title?: string;\n  description?: string;\n}\n\n// ── Module-level store ────────────────────────────────────────────────────────\n// Populated automatically inside getSolidRoutes() — no consumer changes needed.\n\nlet _autoRoutes: RouteObject[] = [];\n\n/**\n * Called by getSolidRoutes() whenever extraRoutes are provided.\n * @internal — not part of the public API.\n */\nexport function _solidRegisterExtraRoutes(routes: RouteObject[]): void {\n  _autoRoutes = routes;\n}\n\n// ── Context (optional override) ───────────────────────────────────────────────\n// Mount SolidLayoutRegistryProvider anywhere above StudioLandingPage to\n// override the auto-registered list (e.g. async / runtime route lists).\n\nconst SolidLayoutRegistryContext = createContext<SolidLayoutEntry[] | null>(null);\n\n// ── Helpers ───────────────────────────────────────────────────────────────────\n\nfunction pathToTitle(path: string): string {\n  return (\n    path\n      .replace(/^\\//, \"\")\n      .split(/[-_/]/)\n      .filter(Boolean)\n      .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n      .join(\" \") || path\n  );\n}\n\n/**\n * Walk a route tree and return the first concrete relative or absolute path found.\n * Skips index routes (they render at the parent path) and pathless wrappers\n * (guards, layout wrappers) by looking inside their children recursively.\n */\nfunction findFirstConcretePath(children: RouteObject[]): string | undefined {\n  // 1. FIRST PASS → prioritize index (including inside pathless wrappers)\n  for (const child of children) {\n    if ((child as any).index || child.path === \"\") {\n      return \"\";\n    }\n    // Deep check for pathless wrappers in the first pass too\n    if (!child.path && child.children?.length) {\n      const nested = findFirstConcretePath(child.children);\n      if (nested === \"\") return \"\";\n    }\n  }\n\n  // 2. SECOND PASS → find first path\n  for (const child of children) {\n    if (child.path) return child.path;\n\n    if (child.children?.length) {\n      const nested = findFirstConcretePath(child.children);\n      if (nested !== undefined) return nested;\n    }\n  }\n\n  return undefined;\n}\nfunction resolveFirstChildTo(basePath: string, children: RouteObject[]): string {\n  const concretePath = findFirstConcretePath(children);\n  if (concretePath === undefined || concretePath === \"\") return basePath;\n  if (concretePath.startsWith(\"/\")) return concretePath;\n  return `${basePath.replace(/\\/$/, \"\")}/${concretePath}`;\n}\n\nfunction inferPathFromChildren(children: RouteObject[]): string | undefined {\n  for (const child of children) {\n    // Absolute path → use root\n    if (child.path?.startsWith(\"/\")) {\n      const root = child.path.split(\"/\").filter(Boolean)[0];\n      // return root ? `/${root}` : undefined;\n      // treat absolute path with no segments as home..\n      return root ? `/${root}` : 'home'; \n    }\n\n    // Relative path → use first segment\n    if (child.path) {\n      const root = child.path.split(\"/\")[0];\n      return root ? `/${root}` : undefined;\n    }\n\n    // Nested\n    if (child.children?.length) {\n      const nested = inferPathFromChildren(child.children);\n      if (nested) return nested;\n    }\n  }\n\n  return undefined;\n}\n\nfunction extractLayouts(routes: RouteObject[]): SolidLayoutEntry[] {\n  const layouts: SolidLayoutEntry[] = [];\n  const seen = new Set<string>();\n\n  for (const route of routes) {\n    // ✅ Use explicit path OR infer from children\n    const basePath =\n      route.path ??\n      (route.children?.length\n        ? inferPathFromChildren(route.children)\n        : undefined);\n\n    if (!basePath || seen.has(basePath)) continue;\n\n    const handle = route.handle as SolidLayoutHandle | undefined;\n\n    const to = route.children?.length\n      ? resolveFirstChildTo(basePath, route.children)\n      : basePath;\n\n    layouts.push({\n      path: basePath,\n      title: handle?.title ?? pathToTitle(basePath),\n      description: handle?.description,\n      to,\n    });\n\n    seen.add(basePath);\n  }\n\n  return layouts;\n}\n// ── Provider (optional override) ──────────────────────────────────────────────\n\n/**\n * Optional — most apps do NOT need this.\n * Use only when you need to override the auto-registered list at runtime.\n */\nexport function SolidLayoutRegistryProvider({\n  routes,\n  children,\n}: {\n  routes: RouteObject[];\n  children: ReactNode;\n}) {\n  const layouts = useMemo(() => extractLayouts(routes), [routes]);\n  return (\n    <SolidLayoutRegistryContext.Provider value={layouts}>\n      {children}\n    </SolidLayoutRegistryContext.Provider>\n  );\n}\n\n\n\n// ── Hook ──────────────────────────────────────────────────────────────────────\n\n/**\n * Returns the registered layout entries.\n *\n * Priority order:\n * 1. SolidLayoutRegistryProvider context (if mounted)\n * 2. Routes auto-registered when getSolidRoutes({ extraRoutes }) was called\n */\nexport function useSolidLayoutRegistry(): SolidLayoutEntry[] {\n  const contextLayouts = useContext(SolidLayoutRegistryContext);\n  if (contextLayouts !== null) return contextLayouts;\n  return extractLayouts(_autoRoutes);\n}\n"]}

package/dist/routes/SolidLayoutRegistry.tsx

@@ -106,7 +106,9 @@ function inferPathFromChildren(children: RouteObject[]): string | undefined {
     // Absolute path → use root
     if (child.path?.startsWith("/")) {
       const root = child.path.split("/").filter(Boolean)[0];
-      return root ? `/${root}` : undefined;
+      // return root ? `/${root}` : undefined;
+      // treat absolute path with no segments as home..
+      return root ? `/${root}` : 'home'; 
     }
 
     // Relative path → use first segment

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidxai/core-ui",
-  "version": "0.1.8-beta.4",
+  "version": "0.1.8-beta.5",
   "scripts": {
     "prebuild": "npm run copy-resources && npm run copy-styles",
     "build": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json",