@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.3

package/dist/resources/solid-responsive.css

@@ -12,6 +12,10 @@
     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: 1199px) {
@@ -109,15 +113,8 @@
 
     /* ======================= Solid Import  ================================ */
     .solid-import-dialog {
-        width: 75rem !important;
-        max-width: 80% !important;
-    }
-
-    /* ======================= Solid Export ============================  */
-    .ExportDialog {
-        width: 75rem !important;
-        max-width: 80% !important;
-        height: auto !important;
+        width: min(840px, calc(100vw - 24px)) !important;
+        max-width: calc(100vw - 24px) !important;
     }
 
     /* ========================= Home ========================== */
@@ -154,6 +151,10 @@
         max-width: calc(33.33% - 20px);
       }
 
+    .solid-card-view-grid {
+        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+      }
+
 }
 
 
@@ -175,33 +176,6 @@
         left: 60px !important;
     }
 
-    /* ==================== solid auth ======================== */
-
-    .solid-center-layout {
-        width: 100vw;
-
-    }
-
-    .auth-container.side {
-        width: 525px;
-        max-width: 96%;
-    }
-
-
-    .auth-container {
-        min-width: auto;
-        padding: 25px;
-        border-radius: 1rem;
-        margin: auto;
-        width: 525px;
-        max-width: 96%;
-    }
-
-
-    .solid-auth-input-label.right {
-        color: #000;
-    }
-
     /* ===================== Solid Account Setting ===================== */
 
     .solid-account-setting-main {
@@ -222,13 +196,8 @@
 
     /* ======================= Solid Import  ================================ */
     .solid-import-dialog {
-        max-width: 94% !important;
-    }
-
-
-    /* ======================= Solid Export ============================  */
-    .ExportDialog {
-        max-width: 94% !important;
+        width: min(820px, calc(100vw - 20px)) !important;
+        max-width: calc(100vw - 20px) !important;
     }
 
     /* =================  cog wheel ================== */
@@ -464,34 +433,12 @@
     } */
 
     .solid-import-dialog {
-        /* width: 100% !important; */
-        max-width: 95% !important;
+        width: calc(100vw - 12px) !important;
+        max-width: calc(100vw - 12px) !important;
     }
 
 
 
-
-    /* ======================= Solid Export  ================================ */
-
-    /* .ExportDialog {
-        overflow-x: auto !important;
-    }
-
-    .ExportDialog .p-dialog-content,
-    .solid-export-dialog-header {
-        width: 44rem !important;
-    } */
-    .ExportDialog .p-dialog-content {
-        padding-left: 1rem !important;
-        padding-right: 1rem !important;
-    }
-
-    .SolidExportControls {
-        /* justify-self: flex-start !important; */
-        flex-wrap: wrap;
-        justify-content: start !important;
-    }
-
     .SolidExportProgressToaster {
         min-width: auto;
         width: 28rem !important;
@@ -591,7 +538,7 @@
     }
 
     .solid-header-buttons-wrapper {
-        gap: 10px !important;
+        gap: 5px !important;
     }
 
     .solid-mobile-text-wrapper {
@@ -613,6 +560,10 @@
         max-width: calc(50% - 20px);
       }
 
+      .solid-card-view-grid {
+        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+      }
+
       .solid-img-text-wrapper{
         max-width: clamp(180px, 60vw, 600px);
         white-space: nowrap;
@@ -624,16 +575,6 @@
 
 @media(max-width:591px) {
 
-    /* ==================== solid auth ======================== */
-
-    .solid-auth-title {
-        font-size: 1.2rem;
-    }
-
-    .p-tabview-title {
-        font-size: 0.85rem;
-    }
-
     /* =========================  Drop Zone ===========================*/
     .solid-dropzone {
         padding: 15px !important;
@@ -651,7 +592,8 @@
     }
 
     /* ========================== BreadCrum ===================== */
-    .solid-breadcrumb.p-breadcrumb .p-menuitem a p {
+    .solid-breadcrumb-link,
+    .solid-breadcrumb-current {
         font-weight: 500 !important;
     }
 
@@ -663,6 +605,10 @@
         font-size: 0.9rem !important;
     }
 
+    .solid-header-request-status-label {
+        display: none;
+    }
+
 
     .solid-common-dialog {
         max-width: 90% !important;
@@ -723,6 +669,16 @@
         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;
+      }
     
 
 
@@ -788,4 +744,4 @@
         max-width: clamp(137px, 34vw, 600px);
     
     }
-}
+}

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

@@ -312,7 +312,7 @@
   color: #9B5AED;
 }
 
-@layer primereact {
+@layer solid-theme {
   .p-error {
     color: #fca5a5;
   }
@@ -1021,17 +1021,6 @@
     outline-color: transparent;
   }
 
-  .solid-auth-theme-wrapper .p-inputtext {
-    color: #ffffff !important;
-    background: #1f1f1f !important;
-    border: 1px solid #1f1f1f !important;
-    border-radius: 8px !important;
-  }
-
-  .solid-auth-theme-wrapper .p-inputtext::placeholder {
-    color: #474747 !important;
-  }
-
   .p-inputtext:enabled:hover {
     border-color: #9B5AED;
   }
@@ -5980,7 +5969,7 @@
   }
 }
 
-@layer primereact {
+@layer solid-theme {
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background-color: #9B5AED;
   }
@@ -6133,7 +6122,13 @@
   }
 
   .form-field-label {
-    color: #fff !important;
+    font-size: 12px;
+    color: var(--muted-foreground);
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+    gap: 3px;
+    margin: 0;
   }
 
   .solid-standard-autocomplete .p-autocomplete-dropdown.p-button {
@@ -6181,14 +6176,14 @@
 
   .solid-kanban-card,
   .solid-media-card {
-    border: 1px solid var(--primary-light-color);
-    background: #171717;
+    border: none;
+    background: transparent;
   }
 
   .solid-kanban-card:hover,
   .solid-media-card:hover {
-    border: 1px solid var(--purple-900);
-    background: var(--surface-hover);
+    border: none;
+    background: transparent;
   }
 
   .solid-mimetype-chip {
@@ -6205,4 +6200,4 @@
     background: var(--primary-light-color);
     color: var(--primary-color);
   }
-}
+}

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

@@ -335,7 +335,7 @@
   color: #722ED1;
 }
 
-@layer primereact {
+@layer solid-theme {
   .p-error {
     color: #e24c4c;
   }
@@ -1032,17 +1032,6 @@
     outline-color: transparent;
   }
 
-  .solid-auth-theme-wrapper .p-inputtext {
-    color: var(--auth-title-color) !important;
-    background: rgba(255, 255, 255, 0.20) !important;
-    border: 1px solid var(--solid-primary-border) !important;
-    border-radius: 8px !important;
-  }
-
-  .solid-auth-theme-wrapper .p-inputtext::placeholder {
-    color: #666666 !important;
-  }
-
   .p-inputtext:enabled:hover {
     border-color: #722ED1;
   }
@@ -6046,7 +6035,7 @@
   }
 }
 
-@layer primereact {
+@layer solid-theme {
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background-color: #722ED1;
   }
@@ -6184,7 +6173,13 @@
   }
 
   .form-field-label {
-    color: rgba(0, 0, 0, 0.88) !important;
+    font-size: 12px;
+    color: var(--muted-foreground);
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+    gap: 3px;
+    margin: 0;
   }
 
   .solid-standard-autocomplete .p-autocomplete-dropdown.p-button {
@@ -6235,14 +6230,14 @@
 
   .solid-kanban-card,
   .solid-media-card {
-    border: 1px solid var(--solid-kanban-wrapper);
-    background: var(--hightlight-bg-secondary);
+    border: none;
+    background: transparent;
   }
 
   .solid-kanban-card:hover,
   .solid-media-card:hover {
-    border: 1px solid #722ED1;
-    background: #F9F0FF;
+    border: none;
+    background: transparent;
   }
 
 
@@ -6260,4 +6255,4 @@
     background: #F6FAFF;
     color: var(--primary-color);
   }
-}
+}

package/dist/routes/AppEventListener.d.ts

@@ -1,2 +1,2 @@
-export declare function AppEventListener(): null;
+export declare function AppEventListener(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AppEventListener.d.ts.map

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

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

package/dist/routes/AppEventListener.js

@@ -1,7 +1,9 @@
+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";
 export function AppEventListener() {
     var router = useRouter();
     var pathname = usePathname();
@@ -16,6 +18,6 @@ export function AppEventListener() {
         });
         return function () { return off(); };
     }, [router, pathname]);
-    return null;
+    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;AAOnD,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,EAAE;gBACzB,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,IAAI,CAAC;AACd,CAAC","sourcesContent":["import { useEffect } from \"react\";\nimport { eventBus, AppEvents } from \"../helpers/eventBus\";\nimport { useRouter } from \"../hooks/useRouter\";\nimport { usePathname } from \"../hooks/usePathname\";\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\") {\n        router.push(\"/error\");\n      }\n    });\n    return () => off();\n  }, [router, pathname]);\n\n  return null;\n}\n"]}
+{"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,EAAE;gBACzB,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\") {\n        router.push(\"/error\");\n      }\n    });\n    return () => off();\n  }, [router, pathname]);\n\n  return (\n    <>\n      <SolidStudio />\n      <PreviewModePersist />\n    </>\n  );\n}\n"]}

package/dist/routes/AppEventListener.tsx

@@ -2,6 +2,7 @@ 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";
 
 type GlobalErrorPayload = {
   status?: number | string;
@@ -24,5 +25,10 @@ export function AppEventListener() {
     return () => off();
   }, [router, pathname]);
 
-  return null;
+  return (
+    <>
+      <SolidStudio />
+      <PreviewModePersist />
+    </>
+  );
 }

package/dist/routes/pages/admin/core/CardPage.d.ts

@@ -0,0 +1,2 @@
+export declare function CardPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CardPage.d.ts.map

package/dist/routes/pages/admin/core/CardPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/CardPage.tsx"],"names":[],"mappings":"AAIA,wBAAgB,QAAQ,4CAKvB"}

package/dist/routes/pages/admin/core/CardPage.js

@@ -0,0 +1,22 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { camelCase } from "change-case";
+import { useParams } from "react-router-dom";
+import { SolidCardView } from "../../../../components/core/card/SolidCardView";
+export function CardPage() {
+    var params = useParams();
+    var moduleName = params.moduleName || "";
+    var modelName = params.modelName ? camelCase(params.modelName) : "";
+    return _jsx(SolidCardView, __assign({}, params, { embeded: false, moduleName: moduleName, modelName: modelName }));
+}
+//# sourceMappingURL=CardPage.js.map

package/dist/routes/pages/admin/core/CardPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardPage.js","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/CardPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAE/E,MAAM,UAAU,QAAQ;IACtB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;IAC3C,IAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACtE,OAAO,KAAC,aAAa,eAAK,MAAM,IAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,IAAI,CAAC;AACrG,CAAC","sourcesContent":["import { camelCase } from \"change-case\";\nimport { useParams } from \"react-router-dom\";\nimport { SolidCardView } from \"../../../../components/core/card/SolidCardView\";\n\nexport function CardPage() {\n  const params = useParams();\n  const moduleName = params.moduleName || \"\";\n  const modelName = params.modelName ? camelCase(params.modelName) : \"\";\n  return <SolidCardView {...params} embeded={false} moduleName={moduleName} modelName={modelName} />;\n}\n"]}

package/dist/routes/pages/admin/core/CardPage.tsx

@@ -0,0 +1,10 @@
+import { camelCase } from "change-case";
+import { useParams } from "react-router-dom";
+import { SolidCardView } from "../../../../components/core/card/SolidCardView";
+
+export function CardPage() {
+  const params = useParams();
+  const moduleName = params.moduleName || "";
+  const modelName = params.modelName ? camelCase(params.modelName) : "";
+  return <SolidCardView {...params} embeded={false} moduleName={moduleName} modelName={modelName} />;
+}

package/dist/routes/pages/auth/SsoPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SsoPage.d.ts","sourceRoot":"","sources":["../../../../src/routes/pages/auth/SsoPage.tsx"],"names":[],"mappings":"AAOA,wBAAgB,OAAO,4CAuEtB"}
+{"version":3,"file":"SsoPage.d.ts","sourceRoot":"","sources":["../../../../src/routes/pages/auth/SsoPage.tsx"],"names":[],"mappings":"AAMA,wBAAgB,OAAO,4CAgEtB"}

package/dist/routes/pages/auth/SsoPage.js

@@ -34,13 +34,12 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { Card } from "primereact/card";
-import { ProgressSpinner } from "primereact/progressspinner";
 import { useRouter } from "../../../hooks/useRouter";
 import { useSearchParams } from "../../../hooks/useSearchParams";
 import { signIn } from "../../../adapters/auth/signIn";
+import { SolidSpinner, SolidIcon } from "../../../components/shad-cn-ui";
 export function SsoPage() {
     var _this = this;
     var router = useRouter();
@@ -80,13 +79,13 @@ export function SsoPage() {
         }); };
         fn();
     }, [router, searchParams]);
-    return (_jsx("div", { className: "card flex justify-content-center align-items-center", style: { height: "80vh" }, children: _jsxs(Card, { className: "custom-card md:w-25rem", style: {
+    return (_jsx("div", { className: "card flex justify-content-center align-items-center", style: { height: "80vh" }, children: _jsxs("div", { className: "custom-card md:w-25rem solid-sso-card", style: {
                 boxShadow: "rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px",
             }, children: [_jsx("div", { style: {
                         position: "relative",
                         display: "flex",
                         justifyContent: "center",
                         zIndex: 1,
-                    }, children: isLoading ? (_jsxs(_Fragment, { children: [_jsx(ProgressSpinner, { style: { width: "50px", height: "50px" } }), _jsx("style", { children: "\n                .p-progress-spinner circle {\n                  stroke: blue !important;\n                }\n              " })] })) : success ? (_jsx("i", { className: "pi pi-check", style: { color: "green", fontSize: "30px", fontWeight: "700" } })) : (_jsx("i", { className: "pi pi-times", style: { color: "red", fontSize: "30px", fontWeight: "700" } })) }), _jsxs("p", { className: "m-20", style: { textAlign: "center" }, children: [isLoading && "Please wait while we authenticate your profile.", error && "".concat(error, " Your not authenticated")] })] }) }));
+                    }, children: isLoading ? (_jsx(SolidSpinner, {})) : success ? (_jsx(SolidIcon, { name: "si-check", style: { color: "green", fontSize: "30px", fontWeight: "700" }, "aria-hidden": true })) : (_jsx(SolidIcon, { name: "si-times", style: { color: "red", fontSize: "30px", fontWeight: "700" }, "aria-hidden": true })) }), _jsxs("p", { className: "m-20", style: { textAlign: "center" }, children: [isLoading && "Please wait while we authenticate your profile.", error && "".concat(error, " Your not authenticated")] })] }) }));
 }
 //# sourceMappingURL=SsoPage.js.map

package/dist/routes/pages/auth/SsoPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SsoPage.js","sourceRoot":"","sources":["../../../../src/routes/pages/auth/SsoPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Card } from \"primereact/card\";\nimport { ProgressSpinner } from \"primereact/progressspinner\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { signIn } from \"../../../adapters/auth/signIn\";\n\nexport function SsoPage() {\n  const router = useRouter();\n  const searchParams = useSearchParams();\n  const [error, setError] = useState<string | null>(null);\n  const [success, setSuccess] = useState(false);\n  const [isLoading, setIsLoading] = useState(true);\n\n  useEffect(() => {\n    const fn = async () => {\n      const email = \"\";\n      const password = \"\";\n      const accessToken = searchParams.get(\"accessToken\");\n      const response = await signIn(\"credentials\", {\n        redirect: false,\n        email,\n        password,\n        accessToken,\n      });\n\n      if (response?.error) {\n        setIsLoading(false);\n        setError(response.error);\n      } else {\n        setIsLoading(false);\n        setSuccess(true);\n        router.push(\"/admin\");\n      }\n    };\n\n    fn();\n  }, [router, searchParams]);\n\n  return (\n    <div className=\"card flex justify-content-center align-items-center\" style={{ height: \"80vh\" }}>\n      <Card\n        className=\"custom-card md:w-25rem\"\n        style={{\n          boxShadow:\n            \"rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px\",\n        }}\n      >\n        <div\n          style={{\n            position: \"relative\",\n            display: \"flex\",\n            justifyContent: \"center\",\n            zIndex: 1,\n          }}\n        >\n          {isLoading ? (\n            <>\n              <ProgressSpinner style={{ width: \"50px\", height: \"50px\" }} />\n              <style>{`\n                .p-progress-spinner circle {\n                  stroke: blue !important;\n                }\n              `}</style>\n            </>\n          ) : success ? (\n            <i className=\"pi pi-check\" style={{ color: \"green\", fontSize: \"30px\", fontWeight: \"700\" }}></i>\n          ) : (\n            <i className=\"pi pi-times\" style={{ color: \"red\", fontSize: \"30px\", fontWeight: \"700\" }}></i>\n          )}\n        </div>\n        <p className=\"m-20\" style={{ textAlign: \"center\" }}>\n          {isLoading && `Please wait while we authenticate your profile.`}\n          {error && `${error} Your not authenticated`}\n        </p>\n      </Card>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"SsoPage.js","sourceRoot":"","sources":["../../../../src/routes/pages/auth/SsoPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,UAAU,OAAO;IAAvB,iBAgEC;IA/DC,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACjC,IAAA,KAAoB,QAAQ,CAAgB,IAAI,CAAC,EAAhD,KAAK,QAAA,EAAE,QAAQ,QAAiC,CAAC;IAClD,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IACxC,IAAA,KAA4B,QAAQ,CAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAC;IAEjD,SAAS,CAAC;QACR,IAAM,EAAE,GAAG;;;;;wBACH,KAAK,GAAG,EAAE,CAAC;wBACX,QAAQ,GAAG,EAAE,CAAC;wBACd,WAAW,GAAG,YAAY,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;wBACnC,qBAAM,MAAM,CAAC,aAAa,EAAE;gCAC3C,QAAQ,EAAE,KAAK;gCACf,KAAK,OAAA;gCACL,QAAQ,UAAA;gCACR,WAAW,aAAA;6BACZ,CAAC,EAAA;;wBALI,QAAQ,GAAG,SAKf;wBAEF,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EAAE;4BACnB,YAAY,CAAC,KAAK,CAAC,CAAC;4BACpB,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;yBAC1B;6BAAM;4BACL,YAAY,CAAC,KAAK,CAAC,CAAC;4BACpB,UAAU,CAAC,IAAI,CAAC,CAAC;4BACjB,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;yBACvB;;;;aACF,CAAC;QAEF,EAAE,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3B,OAAO,CACL,cAAK,SAAS,EAAC,qDAAqD,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAC5F,eACE,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAE;gBACL,SAAS,EACP,4EAA4E;aAC/E,aAED,cACE,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,OAAO,EAAE,MAAM;wBACf,cAAc,EAAE,QAAQ;wBACxB,MAAM,EAAE,CAAC;qBACV,YAEA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,YAAY,KAAG,CACjB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,KAAC,SAAS,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,wBAAgB,CAC1G,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,wBAAgB,CACxG,GACG,EACN,aAAG,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aAC/C,SAAS,IAAI,iDAAiD,EAC9D,KAAK,IAAI,UAAG,KAAK,4BAAyB,IACzC,IACA,GACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { signIn } from \"../../../adapters/auth/signIn\";\nimport { SolidSpinner, SolidIcon } from \"../../../components/shad-cn-ui\";\n\nexport function SsoPage() {\n  const router = useRouter();\n  const searchParams = useSearchParams();\n  const [error, setError] = useState<string | null>(null);\n  const [success, setSuccess] = useState(false);\n  const [isLoading, setIsLoading] = useState(true);\n\n  useEffect(() => {\n    const fn = async () => {\n      const email = \"\";\n      const password = \"\";\n      const accessToken = searchParams.get(\"accessToken\");\n      const response = await signIn(\"credentials\", {\n        redirect: false,\n        email,\n        password,\n        accessToken,\n      });\n\n      if (response?.error) {\n        setIsLoading(false);\n        setError(response.error);\n      } else {\n        setIsLoading(false);\n        setSuccess(true);\n        router.push(\"/admin\");\n      }\n    };\n\n    fn();\n  }, [router, searchParams]);\n\n  return (\n    <div className=\"card flex justify-content-center align-items-center\" style={{ height: \"80vh\" }}>\n      <div\n        className=\"custom-card md:w-25rem solid-sso-card\"\n        style={{\n          boxShadow:\n            \"rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px\",\n        }}\n      >\n        <div\n          style={{\n            position: \"relative\",\n            display: \"flex\",\n            justifyContent: \"center\",\n            zIndex: 1,\n          }}\n        >\n          {isLoading ? (\n            <SolidSpinner />\n          ) : success ? (\n            <SolidIcon name=\"si-check\" style={{ color: \"green\", fontSize: \"30px\", fontWeight: \"700\" }} aria-hidden />\n          ) : (\n            <SolidIcon name=\"si-times\" style={{ color: \"red\", fontSize: \"30px\", fontWeight: \"700\" }} aria-hidden />\n          )}\n        </div>\n        <p className=\"m-20\" style={{ textAlign: \"center\" }}>\n          {isLoading && `Please wait while we authenticate your profile.`}\n          {error && `${error} Your not authenticated`}\n        </p>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/routes/pages/auth/SsoPage.tsx

@@ -1,9 +1,8 @@
 import { useEffect, useState } from "react";
-import { Card } from "primereact/card";
-import { ProgressSpinner } from "primereact/progressspinner";
 import { useRouter } from "../../../hooks/useRouter";
 import { useSearchParams } from "../../../hooks/useSearchParams";
 import { signIn } from "../../../adapters/auth/signIn";
+import { SolidSpinner, SolidIcon } from "../../../components/shad-cn-ui";
 
 export function SsoPage() {
   const router = useRouter();
@@ -39,8 +38,8 @@ export function SsoPage() {
 
   return (
     <div className="card flex justify-content-center align-items-center" style={{ height: "80vh" }}>
-      <Card
-        className="custom-card md:w-25rem"
+      <div
+        className="custom-card md:w-25rem solid-sso-card"
         style={{
           boxShadow:
             "rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px",
@@ -55,25 +54,18 @@ export function SsoPage() {
           }}
         >
           {isLoading ? (
-            <>
-              <ProgressSpinner style={{ width: "50px", height: "50px" }} />
-              <style>{`
-                .p-progress-spinner circle {
-                  stroke: blue !important;
-                }
-              `}</style>
-            </>
+            <SolidSpinner />
           ) : success ? (
-            <i className="pi pi-check" style={{ color: "green", fontSize: "30px", fontWeight: "700" }}></i>
+            <SolidIcon name="si-check" style={{ color: "green", fontSize: "30px", fontWeight: "700" }} aria-hidden />
           ) : (
-            <i className="pi pi-times" style={{ color: "red", fontSize: "30px", fontWeight: "700" }}></i>
+            <SolidIcon name="si-times" style={{ color: "red", fontSize: "30px", fontWeight: "700" }} aria-hidden />
           )}
         </div>
         <p className="m-20" style={{ textAlign: "center" }}>
           {isLoading && `Please wait while we authenticate your profile.`}
           {error && `${error} Your not authenticated`}
         </p>
-      </Card>
+      </div>
     </div>
   );
 }

package/dist/routes/pages/studio/StudioLandingPage.js

@@ -60,19 +60,19 @@ function EmptyState() {
                                         var aiUrl = env("VITE_SOLIDX_AI_URL");
                                         if (aiUrl)
                                             window.open(aiUrl, "_blank");
-                                    }, children: [_jsx(ChatIcon, {}), _jsx("span", { children: "Open AI Chat" }), _jsx(ArrowIcon, {})] })] }), _jsx("div", { className: "solid-studio-landing-empty-divider" }), _jsxs("div", { className: "solid-studio-landing-empty-details", children: [_jsxs("p", { className: "solid-studio-landing-empty-instruction", children: ["Any route with a ", _jsx("code", { children: "path" }), " and ", _jsx("code", { children: "children" }), " passed to", " ", _jsx("code", { children: "getSolidRoutes()" }), " will automatically appear as a card."] }), _jsx("div", { className: "solid-studio-landing-snippet", children: _jsx("pre", { children: _jsx("code", { children: "// AppRoutes.tsx\nconst extraRoutes = [\n  {\n    path: \"/my-layout\",\n    element: <MyLayout />,\n    children: [{ index: true, element: <MyPage /> }],\n  },\n];\n\ngetSolidRoutes({ extraRoutes });" }) }) }), _jsxs("p", { className: "solid-studio-landing-hint", children: [_jsx("strong", { children: "Pro Tip:" }), " Add ", _jsxs("code", { children: ["handle: ", "{ title, description }"] }), " to a route to customize its appearance."] })] })] })] }) }));
+                                    }, children: [_jsx(ChatIcon, {}), _jsx("span", { children: "Open AI Chat" })] })] }), _jsx("div", { className: "solid-studio-landing-empty-divider" }), _jsxs("div", { className: "solid-studio-landing-empty-details", children: [_jsxs("p", { className: "solid-studio-landing-empty-instruction", children: ["Any route with a ", _jsx("code", { children: "path" }), " and ", _jsx("code", { children: "children" }), " passed to", " ", _jsx("code", { children: "getSolidRoutes()" }), " will automatically appear as a card."] }), _jsx("div", { className: "solid-studio-landing-snippet", children: _jsx("pre", { children: _jsx("code", { children: "// AppRoutes.tsx\nconst extraRoutes = [\n  {\n    path: \"/my-layout\",\n    element: <MyLayout />,\n    children: [{ index: true, element: <MyPage /> }],\n  },\n];\n\ngetSolidRoutes({ extraRoutes });" }) }) }), _jsxs("p", { className: "solid-studio-landing-hint", children: [_jsx("strong", { children: "Pro Tip:" }), " Add ", _jsxs("code", { children: ["handle: ", "{ title, description }"] }), " to a route to customize its appearance."] })] })] })] }) }));
 }
 // ── Card ──────────────────────────────────────────────────────────────────────
 function LayoutCard(_a) {
     var entry = _a.entry, index = _a.index, listView = _a.listView;
     var navigate = useNavigate();
     var accent = CARD_ACCENTS[index % CARD_ACCENTS.length];
-    return (_jsxs("button", { type: "button", className: "solid-studio-home-card".concat(listView ? " solid-studio-home-card--list" : ""), onClick: function () { return navigate(entry.to); }, "aria-label": "Open ".concat(entry.title), children: [!listView && (_jsxs("div", { className: "solid-studio-home-card-image-wrap", children: [_jsx(LayoutThumb, { accentColor: accent.bg, title: entry.title }), _jsx("div", { className: "solid-studio-home-card-image-overlay" })] })), _jsxs("div", { className: "solid-studio-home-card-body", children: [_jsx("div", { className: "solid-studio-home-card-icon ".concat(accent.cls), children: _jsx(LayoutPlaceholderIcon, {}) }), _jsxs("div", { className: "solid-studio-home-card-content", children: [_jsx("span", { className: "solid-studio-home-card-title", children: entry.title }), entry.description && (_jsx("span", { className: "solid-studio-home-card-desc", children: entry.description })), _jsx("span", { className: "solid-studio-home-card-desc", style: { opacity: 0.6, fontSize: 11 }, children: entry.to })] }), _jsxs("div", { className: "solid-studio-home-card-cta", children: [_jsx("span", { children: "Open" }), _jsx(ArrowIcon, {})] })] })] }));
+    return (_jsxs("button", { type: "button", className: "solid-studio-home-card".concat(listView ? " solid-studio-home-card--list" : ""), onClick: function () { return navigate(entry.to); }, "aria-label": "Open ".concat(entry.title), children: [!listView && (_jsxs("div", { className: "solid-studio-home-card-image-wrap", children: [_jsx(LayoutThumb, { accentColor: accent.bg, title: entry.title }), _jsx("div", { className: "solid-studio-home-card-image-overlay" })] })), _jsxs("div", { className: "solid-studio-home-card-body", children: [_jsx("div", { className: "solid-studio-home-card-icon ".concat(accent.cls), children: _jsx(LayoutPlaceholderIcon, {}) }), _jsxs("div", { className: "solid-studio-home-card-content", children: [_jsx("span", { className: "solid-studio-home-card-title", children: entry.title }), entry.description && (_jsx("span", { className: "solid-studio-home-card-desc", children: entry.description })), _jsx("span", { className: "solid-studio-home-card-desc", style: { opacity: 0.6, fontSize: 12 }, children: entry.to })] }), _jsxs("div", { className: "solid-studio-home-card-cta", children: [_jsx("span", { children: "Open" }), _jsx(ArrowIcon, {})] })] })] }));
 }
 // ── Page ──────────────────────────────────────────────────────────────────────
 export function StudioLandingPage() {
     var layouts = useSolidLayoutRegistry();
     var _a = useState(false), listView = _a[0], setListView = _a[1];
-    return (_jsx("div", { className: "solid-studio-home solid-studio-home--top", children: _jsxs("div", { className: "solid-studio-home-inner solid-studio-home-inner--fluid", children: [_jsx("div", { className: "solid-studio-home-toolbar", children: layouts.length > 0 && (_jsxs("div", { className: "solid-studio-home-toolbar-right", children: [_jsx("button", { type: "button", className: "solid-studio-home-view-btn".concat(!listView ? " solid-studio-home-view-btn--active" : ""), onClick: function () { return setListView(false); }, "aria-label": "Grid view", title: "Grid view", children: _jsx(GridViewIcon, {}) }), _jsx("button", { type: "button", className: "solid-studio-home-view-btn".concat(listView ? " solid-studio-home-view-btn--active" : ""), onClick: function () { return setListView(true); }, "aria-label": "List view", title: "List view", children: _jsx(ListViewIcon, {}) })] })) }), layouts.length === 0 ? (_jsx(EmptyState, {})) : listView ? (_jsx("div", { className: "solid-studio-home-cards--list", children: layouts.map(function (entry, i) { return (_jsx(LayoutCard, { entry: entry, index: i, listView: true }, entry.path)); }) })) : (_jsx("div", { className: "solid-studio-home-cards solid-studio-home-cards--fluid", children: layouts.map(function (entry, i) { return (_jsx(LayoutCard, { entry: entry, index: i, listView: false }, entry.path)); }) }))] }) }));
+    return (_jsx("div", { className: "solid-studio-home ".concat(layouts.length > 0 ? "solid-studio-home--top" : ""), children: _jsxs("div", { className: "solid-studio-home-inner ".concat(layouts.length > 0 ? "solid-studio-home-inner--fluid" : ""), children: [_jsx("div", { className: "solid-studio-home-toolbar", children: layouts.length > 0 && (_jsxs("div", { className: "solid-studio-home-toolbar-right", children: [_jsx("button", { type: "button", className: "solid-studio-home-view-btn".concat(!listView ? " solid-studio-home-view-btn--active" : ""), onClick: function () { return setListView(false); }, "aria-label": "Grid view", title: "Grid view", children: _jsx(GridViewIcon, {}) }), _jsx("button", { type: "button", className: "solid-studio-home-view-btn".concat(listView ? " solid-studio-home-view-btn--active" : ""), onClick: function () { return setListView(true); }, "aria-label": "List view", title: "List view", children: _jsx(ListViewIcon, {}) })] })) }), layouts.length === 0 ? (_jsx(EmptyState, {})) : listView ? (_jsx("div", { className: "solid-studio-home-cards--list", children: layouts.map(function (entry, i) { return (_jsx(LayoutCard, { entry: entry, index: i, listView: true }, entry.path)); }) })) : (_jsx("div", { className: "solid-studio-home-cards solid-studio-home-cards--fluid", children: layouts.map(function (entry, i) { return (_jsx(LayoutCard, { entry: entry, index: i, listView: false }, entry.path)); }) }))] }) }));
 }
 //# sourceMappingURL=StudioLandingPage.js.map