@ramesesinc/platform-core 0.1.8 → 0.1.10

package/dist/core/PageViewContext.js

@@ -17,13 +17,18 @@ const PageViewContext = createContext({
     getSelectedPage: () => null,
     pushPage: () => { },
     popPage: () => { },
-    setSelectedPage: () => { },
     hasBackPage: () => false,
     isStandalone: () => false,
     hasSelectionHandling: () => false,
     setSelectionHandling: () => null,
     getOriginalLocationInfo: () => null,
     getEventHandler: () => null,
+    getUrl: () => "",
+    getPage: () => "",
+    getParams: () => ({}),
+    getSubPaths: () => [],
+    isRootView: () => false,
+    getPageChainInfo: () => ({ path: "", base: "", page: "", options: {}, params: {} }),
 });
 const usePageViewUI = () => {
     const propsRef = useRef({});
@@ -49,7 +54,7 @@ const usePageViewUI = () => {
                 handler(e);
             }
             catch (err) {
-                // do nothing: let the handler handle its own error 
+                // do nothing: let the handler handle its own error
             }
         });
     };
@@ -57,13 +62,13 @@ const usePageViewUI = () => {
         if (name == null)
             return;
         propsRef.current[name] = value;
-        if (String(autoPublish) === 'true') {
+        if (String(autoPublish) === "true") {
             notifyChange(name, value);
         }
     };
     const get = (name) => {
         var _a;
-        const value = name == null ? null : (_a = propsRef.current[name]) !== null && _a !== void 0 ? _a : null;
+        const value = name == null ? null : ((_a = propsRef.current[name]) !== null && _a !== void 0 ? _a : null);
         return value;
     };
     const getTitle = () => {
@@ -114,33 +119,42 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
                 paths.push(hash);
             }
             let [, ...anchors] = hash.split("#");
-            anchors = anchors.slice(0, -1);
-            if (anchors.length > 0) {
-                finalBasePaths.push("#" + anchors.join("#"));
+            if (prefix === "root") {
+                // root level - no hash in base
+                // console.log("root finalBasePaths[0]", finalBasePaths[0]);
+                result.base = finalBasePaths[0]; // just pathname + query, no hash
+                result.path = finalBasePaths[0];
+            }
+            else {
+                // child levels - include anchors up to current paths level
+                anchors = anchors.slice(0, -1);
+                if (anchors.length > 0) {
+                    finalBasePaths.push("#" + anchors.join("#"));
+                }
+                result.base = finalBasePaths.join("");
+                result.path = paths.join("");
             }
-            result.base = finalBasePaths.join("");
-            result.path = paths.join("");
             return result;
         }
         catch (err) {
             console.log("Error getting path location info:", err);
             return result;
         }
-    }, []);
+    }, [prefix]);
     const originalLocInfo = useMemo(() => {
+        var _a;
         const [, selectedPath] = paths;
         const standalone = isStandalone();
-        const chainInfo = { base: "", path: "", page: "" };
+        const chainInfo = { path: "", base: "", page: "", options: {}, params: {} };
         if (standalone) {
             chainInfo.path = selectedPath !== null && selectedPath !== void 0 ? selectedPath : "";
             chainInfo.page = chainInfo.path;
         }
         else {
-            const loc = getLocationInfo();
+            const loc = (_a = getLocationInfo()) !== null && _a !== void 0 ? _a : { root: "", path: "", base: "" };
             chainInfo.base = loc.base;
             chainInfo.path = [loc.path, selectedPath].filter(Boolean).join("#");
         }
-        // console.log("pageview original loc info ", chainInfo);
         return chainInfo;
     }, [paths, handle]);
     const [pageChain, setPageChain] = useState(() => {
@@ -172,18 +186,6 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
         const standalone = isStandalone();
         // console.log("pageChain changed", uuid, standalone, pageChain);
     }, [pageChain]);
-    const setSelectedPage = (page) => {
-        const chainInfo = pageChain.current;
-        const newChainInfo = Object.assign(Object.assign({}, chainInfo), { page });
-        if (page == null || page === "") {
-            // do nothing
-        }
-        else {
-            newChainInfo.path = newChainInfo.base + "#" + page;
-            newChainInfo.page = page;
-        }
-        pageChain.current = newChainInfo;
-    };
     const setPage = (page, options = {}) => {
         var _a;
         if (page == null || page.trim() === "") {
@@ -191,26 +193,30 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
         }
         const standalone = isStandalone();
         const pageOptions = options !== null && options !== void 0 ? options : {};
-        const { mode = "default" } = pageOptions;
-        const locInfo = getLocationInfo();
+        const { mode = "self" } = pageOptions;
         const { current: currentChain, previous: previousChain } = pageChain;
-        const newChainInfo = { path: "", base: "", page: "", options: pageOptions };
+        const newChainInfo = { path: "", base: "", page: "", options: pageOptions, params: {} };
         const newPageChain = { current: newChainInfo, previous: null };
-        // console.log("setPage mode => ", { page, pageOptions }); 
         if (mode != null && mode === "window") {
+            if (!uuid.startsWith("root")) {
+                parentContext === null || parentContext === void 0 ? void 0 : parentContext.setPage(page, options);
+                return;
+            }
+            const locInfo = getLocationInfo();
             newChainInfo.page = page;
             newChainInfo.base = locInfo.root;
             newChainInfo.path = locInfo.root + "/" + page;
             newPageChain.previous = { current: currentChain, previous: previousChain };
         }
         else {
+            const currentUrl = getUrl();
             newChainInfo.page = page;
-            newChainInfo.base = originalLocInfo.base;
-            newChainInfo.path = [originalLocInfo.base, page].filter(Boolean).join("#");
+            newChainInfo.base = currentUrl;
+            newChainInfo.path = [currentUrl, page].filter(Boolean).join("#");
         }
         setPageChain((prev) => (Object.assign({}, newPageChain)));
         if (!standalone) {
-            // console.log("setPage push state => ", { newChainInfo }); 
+            // console.log("setPage push state => ", { newChainInfo });
             history.pushState(null, "", newChainInfo.path);
         }
         (_a = handleRef.current) === null || _a === void 0 ? void 0 : _a.renderPage(page);
@@ -220,15 +226,21 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
         if (page == null)
             return;
         const standalone = isStandalone();
-        // console.log("pushPage (pageChain)", uuid, prefix, pageChain, standalone, parentContext);
         const { current: chainInfo, previous: prevChain } = pageChain;
-        if (standalone && (chainInfo.path == null || chainInfo.path === "")) {
-            Object.assign(chainInfo, { path: paths[0], base: "", page: paths[0] });
+        if (prefix === "root") {
+            setPage(page, { mode: "window" });
+            return;
         }
+        // if (standalone && (chainInfo.path == null || chainInfo.path === "")) {
+        //   Object.assign(chainInfo, { path: paths[0], base: "", page: paths[0] });
+        // }
+        const loc = getLocationInfo();
         const newChainInfo = {
-            path: [chainInfo.path, page].filter(Boolean).join("#"),
-            base: chainInfo.path,
+            path: [loc.base, page].filter(Boolean).join("#"),
+            base: loc.base,
             page: page,
+            options: {},
+            params: {},
         };
         const newPageChain = {
             current: newChainInfo,
@@ -241,53 +253,57 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
         (_a = handleRef.current) === null || _a === void 0 ? void 0 : _a.renderPage(page);
     };
     const popPage = () => {
-        var _a, _b, _c;
-        // console.log("popPage (pageChain)", uuid, prefix, JSON.stringify(pageChain));
+        var _a, _b;
         const { previous: prevChain } = pageChain;
-        if (prevChain == null) {
+        if (prevChain == null)
             return;
-        }
         const standalone = isStandalone();
         const current = (_a = prevChain === null || prevChain === void 0 ? void 0 : prevChain.current) !== null && _a !== void 0 ? _a : {};
         const { path, options = {} } = current;
-        if (path == null || path === "") {
+        if (path == null || path === "")
             return;
-        }
-        // extract page from path
-        let page = "";
-        if (prefix === "root") {
-            let newPath = path.split("#")[0].split("?")[0];
-            const idx = newPath.lastIndexOf("/");
-            if (idx >= 0) {
-                newPath = path.substring(idx + 1);
-                // newPath = newPath.substring(idx + 1);
-            }
-            page = newPath;
-            // console.log("popPage 1.3", uuid, page);
-        }
-        else {
-            const [, ...anchors] = path.split("#");
-            page = (_b = anchors.at(-1)) !== null && _b !== void 0 ? _b : "";
-            // console.log("popPage 1.4", uuid, "page:", page, "path:", path);
-            if (page === "") {
-                // page = path;
-                const withoutHash = path.split("#")[0];
-                const idx = withoutHash.lastIndexOf("/");
-                if (idx >= 0) {
-                    page = withoutHash.substring(idx + 1);
-                }
-                else {
-                    page = path;
-                }
-            }
-        }
+        const loc = getLocationInfo();
         const newPageChain = Object.assign({}, prevChain);
         setPageChain(newPageChain);
         if (!standalone) {
-            history.pushState(null, "", path);
+            history.pushState(null, "", newPageChain.current.path);
         }
-        // console.log("popPage 2", uuid, page);
-        (_c = handleRef.current) === null || _c === void 0 ? void 0 : _c.renderPage(page);
+        (_b = handleRef.current) === null || _b === void 0 ? void 0 : _b.renderPage(newPageChain.current.page);
+        // // extract page from path
+        // let page = "";
+        // if (prefix === "root") {
+        //   let newPath = path.split("#")[0].split("?")[0];
+        //   const idx = newPath.lastIndexOf("/");
+        //   if (idx >= 0) {
+        //     newPath = path.substring(idx + 1);
+        //   }
+        //   page = newPath;
+        // } else {
+        //   const loc = getLocationInfo();
+        //   // pop means go back to previous loc.base (one less anchor)
+        //   const [, ...anchors] = loc.base.split("#");
+        //   anchors.pop(); // remove last anchor
+        //   page = anchors.at(-1) ?? "";
+        //   if (page === "") {
+        //     const withoutHash = path.split("#")[0];
+        //     const idx = withoutHash.lastIndexOf("/");
+        //     if (idx >= 0) {
+        //       page = withoutHash.substring(idx + 1);
+        //     } else {
+        //       page = path;
+        //     }
+        //   }
+        // }
+        // const newPageChain = { ...prevChain } as PageChain;
+        // setPageChain(newPageChain);
+        // if (!standalone) {
+        //   const loc = getLocationInfo();
+        //   const [, ...anchors] = loc.base.split("#");
+        //   anchors.pop();
+        //   const newPath = [loc.base.split("#")[0], ...anchors].filter(Boolean).join("#");
+        //   history.pushState(null, "", newPath);
+        // }
+        // handleRef.current?.renderPage(page);
     };
     const hasBackPage = () => {
         const { previous } = pageChain;
@@ -296,6 +312,35 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
         const { path } = previous.current;
         return path != null && path !== "";
     };
+    const getUrl = () => {
+        var _a, _b;
+        if (prefix === "root") {
+            const loc = getLocationInfo();
+            return loc.root + "/" + paths[0];
+        }
+        else {
+            const parentPath = (_b = (_a = parentContext === null || parentContext === void 0 ? void 0 : parentContext.paths) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : "";
+            const [currentPath] = paths;
+            return [parentPath, currentPath].filter(Boolean).join("#");
+        }
+    };
+    const getSubPaths = () => {
+        const [, ...subPaths] = paths !== null && paths !== void 0 ? paths : [];
+        return subPaths;
+    };
+    const getPage = () => {
+        var _a, _b;
+        return (_b = (_a = pageChain.current) === null || _a === void 0 ? void 0 : _a.page) !== null && _b !== void 0 ? _b : "";
+    };
+    const getParams = () => {
+        const url = getUrl();
+        const urlParams = new URLSearchParams(url.split("?")[1]);
+        const params = {};
+        urlParams.forEach((value, key) => {
+            params[key] = value;
+        });
+        return params;
+    };
     const getInfo = () => {
         var _a;
         return {
@@ -307,6 +352,10 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
             previous: (_a = pageChain.previous) === null || _a === void 0 ? void 0 : _a.current,
         };
     };
+    const getPageChainInfo = () => {
+        var _a;
+        return (_a = pageChain.current) !== null && _a !== void 0 ? _a : { path: "", base: "", page: "", options: {}, params: {} };
+    };
     const ui = usePageViewUI();
     const values = {
         parentContext,
@@ -320,7 +369,6 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
             titleRef.current = title;
         },
         setPage,
-        setSelectedPage,
         getSelectedPage: () => {
             const { current } = pageChain;
             return current === null || current === void 0 ? void 0 : current.path;
@@ -335,6 +383,12 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
         getEventHandler: () => {
             return eventHandler !== null && eventHandler !== void 0 ? eventHandler : {};
         },
+        isRootView: () => { var _a; return (_a = uuid === null || uuid === void 0 ? void 0 : uuid.startsWith("root")) !== null && _a !== void 0 ? _a : false; },
+        getUrl,
+        getPage,
+        getParams,
+        getSubPaths,
+        getPageChainInfo,
     };
     useEffect(() => {
         const idx = contextStack.length;

package/dist/core/Panel.js

@@ -12,27 +12,49 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DynamicComponent } from "./DynamicComponent";
 const Panel = ({ content, orientation = "vertical", styles = {}, className = "" }) => {
-    if (content == undefined || content == null) {
+    if (content == null)
         return null;
-    }
     return (_jsx("div", { className: className, style: styles, children: renderContent(content, orientation) }));
 };
 const renderContent = (content, orientation = "vertical") => {
-    //console.log(content)
-    // 1. Array → flex container, each item rendered recursively with flipped orientation for nested arrays
+    if (content == null)
+        return null;
+    // ── 1. Outer array: vertical column of rows / standalone items ──────────
     if (Array.isArray(content)) {
-        const isHorizontal = orientation === "horizontal";
-        return (_jsx("div", { style: { display: "flex", flexDirection: isHorizontal ? "row" : "column", gap: 12, flexWrap: "wrap" }, children: content.map((item, i) => Array.isArray(item) ? (_jsx("div", { children: renderContent(item, isHorizontal ? "vertical" : "horizontal") }, i)) : (_jsx("div", { children: renderContent(item, orientation) }, i))) }));
+        return (_jsx("div", { style: { display: "flex", flexDirection: "column", gap: 12, width: "100%" }, children: content.map((item, i) => {
+                // ── 2. Nested array = one horizontal row ────────────────────────
+                if (Array.isArray(item)) {
+                    return (_jsx("div", { style: {
+                            display: "flex",
+                            flexDirection: "row",
+                            gap: 12,
+                            width: "100%",
+                            flexWrap: "wrap",
+                            alignItems: "flex-start",
+                            justifyContent: "flex-start", // ← keeps items packed left
+                        }, children: item.map((cell, j) => {
+                            var _a, _b;
+                            const isFullWidth = ((_a = cell === null || cell === void 0 ? void 0 : cell.attr) === null || _a === void 0 ? void 0 : _a.fullWidth) === true;
+                            const isStretch = ((_b = cell === null || cell === void 0 ? void 0 : cell.attr) === null || _b === void 0 ? void 0 : _b.stretch) === true; // ← opt-in stretch
+                            return (_jsx("div", { style: {
+                                    flex: isFullWidth ? "0 0 100%" : isStretch ? "1 1 0" : "0 0 auto",
+                                    minWidth: 0,
+                                }, children: renderContent(cell, "vertical") }, j));
+                        }) }, i));
+                }
+                // ── 3. Standalone object = full-width row ───────────────────────
+                return (_jsx("div", { style: { width: "100%" }, children: renderContent(item, "vertical") }, i));
+            }) }));
     }
-    // 2. Object with `component` → DynamicComponent
+    // ── 4. Object with `component` → DynamicComponent ──────────────────────
     if (content && typeof content === "object" && content.component) {
         const { component, attr } = content;
         return _jsx(DynamicComponent, { config: { component, attr } });
     }
-    // 3. Object without `component` → Panel with nested elements
+    // ── 5. Object without `component` → nested Panel ───────────────────────
     if (content && typeof content === "object") {
         const { elements, styles, className, orientation: innerOrientation } = content, rest = __rest(content, ["elements", "styles", "className", "orientation"]);
-        return (_jsx(Panel, { content: elements || null, orientation: innerOrientation || orientation, styles: Object.assign(Object.assign({}, styles), rest), className: className || "" }));
+        return (_jsx(Panel, { content: elements !== null && elements !== void 0 ? elements : null, orientation: innerOrientation !== null && innerOrientation !== void 0 ? innerOrientation : orientation, styles: Object.assign(Object.assign({}, styles), rest), className: className !== null && className !== void 0 ? className : "" }));
     }
     return null;
 };

package/dist/core/index.d.ts

@@ -19,3 +19,4 @@ export type PageDef = {
     };
     [key: string]: any;
 };
+export * from "./PopupContext";

package/dist/core/index.js

@@ -1,2 +1,3 @@
 export * from "./auth";
 export { verifyToken, getUser, buildSessionHeader } from "./auth/session";
+export * from "./PopupContext";

package/dist/index.css

@@ -618,6 +618,9 @@ video {
     max-width: 1536px;
   }
 }
+.pointer-events-none {
+  pointer-events: none;
+}
 .\!visible {
   visibility: visible !important;
 }
@@ -654,12 +657,18 @@ video {
 .right-2 {
   right: 0.5rem;
 }
+.right-3 {
+  right: 0.75rem;
+}
 .right-4 {
   right: 1rem;
 }
 .top-0 {
   top: 0px;
 }
+.top-1\/2 {
+  top: 50%;
+}
 .top-2 {
   top: 0.5rem;
 }
@@ -684,6 +693,10 @@ video {
 .m-0 {
   margin: 0px;
 }
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -693,6 +706,9 @@ video {
 .ml-2 {
   margin-left: 0.5rem;
 }
+.mr-2 {
+  margin-right: 0.5rem;
+}
 .mt-0\.5 {
   margin-top: 0.125rem;
 }
@@ -912,6 +928,10 @@ video {
 .flex-shrink-0 {
   flex-shrink: 0;
 }
+.-translate-y-1\/2 {
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .rotate-180 {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -945,6 +965,9 @@ video {
 .cursor-default {
   cursor: default;
 }
+.cursor-grab {
+  cursor: grab;
+}
 .cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1061,6 +1084,9 @@ video {
 .rounded-none {
   border-radius: 0px;
 }
+.rounded-sm {
+  border-radius: 0.125rem;
+}
 .rounded-xl {
   border-radius: 0.75rem;
 }
@@ -1088,6 +1114,9 @@ video {
 .border-t {
   border-top-width: 1px;
 }
+.border-none {
+  border-style: none;
+}
 .border-blue-500 {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
@@ -1288,12 +1317,21 @@ video {
 .pl-1 {
   padding-left: 0.25rem;
 }
+.pl-4 {
+  padding-left: 1rem;
+}
+.pr-10 {
+  padding-right: 2.5rem;
+}
 .pr-4 {
   padding-right: 1rem;
 }
 .pt-1 {
   padding-top: 0.25rem;
 }
+.text-left {
+  text-align: left;
+}
 .text-center {
   text-align: center;
 }
@@ -1353,6 +1391,9 @@ video {
 .uppercase {
   text-transform: uppercase;
 }
+.capitalize {
+  text-transform: capitalize;
+}
 .tabular-nums {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
@@ -1372,6 +1413,10 @@ video {
 .\!text-black\/80 {
   color: rgb(0 0 0 / 0.8) !important;
 }
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .text-blue-50 {
   --tw-text-opacity: 1;
   color: rgb(239 246 255 / var(--tw-text-opacity, 1));
@@ -1412,6 +1457,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
 }
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+}
 .text-red-500 {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -1424,6 +1473,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
+}
 .text-yellow-700 {
   --tw-text-opacity: 1;
   color: rgb(161 98 7 / var(--tw-text-opacity, 1));
@@ -1451,6 +1504,11 @@ video {
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.shadow-none {
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .shadow-sm {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -1497,6 +1555,11 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-opacity {
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-transform {
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1595,6 +1658,9 @@ video {
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
+.hover\:opacity-70:hover {
+  opacity: 0.7;
+}
 .focus\:border-blue-500:focus {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
@@ -1603,6 +1669,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.focus\:bg-yellow-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
+}
 .focus\:shadow-none:focus {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -1617,11 +1687,20 @@ video {
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
+.focus\:ring-1:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
 .focus\:ring-2:focus {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
+.focus\:ring-blue-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
+}
 .focus\:ring-blue-500:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));

package/dist/layouts/CardLayout.d.ts

@@ -23,5 +23,5 @@ type CardLayoutProps = {
     children: ReactNode;
     value: string;
 };
-declare const CardLayout: ({ ref, layoutid, className, children, value }: CardLayoutProps) => import("react/jsx-runtime").JSX.Element;
-export default CardLayout;
+export declare const CardLayout: ({ ref, layoutid, className, children, value }: CardLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/layouts/CardLayout.js

@@ -7,8 +7,8 @@ import React, { Suspense } from "react";
 export function Card(_props) {
     return null;
 }
-const CardLayout = ({ ref, layoutid, className, children, value = "default" }) => {
-    const preferredLayoutId = (layoutid !== null && layoutid !== void 0 ? layoutid : "") ? layoutid : "cardlayout";
+export const CardLayout = ({ ref, layoutid, className, children, value = 'default' }) => {
+    const preferredLayoutId = ((layoutid !== null && layoutid !== void 0 ? layoutid : '') ? layoutid : 'cardlayout');
     // Extract only <Card> children
     const cards = React.Children.toArray(children).filter((child) => React.isValidElement(child) && child.type === Card);
     const activeCard = cards.find((c) => c.props.name === value);
@@ -28,9 +28,8 @@ const CardLayout = ({ ref, layoutid, className, children, value = "default" }) =
                         throw Error(result);
                     }
                 }
-            },
+            }
         };
     }
     return (_jsx("div", { className: `${preferredLayoutId}-container ${className !== null && className !== void 0 ? className : ""} flex flex-col h-full`, children: _jsx(Suspense, { fallback: _jsx("div", { children: "Loading..." }), children: activeCard ? activeCard.props.element : null }) }));
 };
-export default CardLayout;

package/dist/layouts/HPanel.d.ts

@@ -7,5 +7,5 @@ interface HPanelProps {
     alignItems?: CSSProperties["alignItems"];
     justifyContent?: CSSProperties["justifyContent"];
 }
-declare const HPanel: React.FC<HPanelProps>;
-export default HPanel;
+export declare const HPanel: React.FC<HPanelProps>;
+export {};