@ttoss/layouts 0.5.9 → 0.5.10

package/dist/esm/index.js

@@ -1,23 +1,26 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", {
+  value,
+  configurable: true
+});
 
 // src/components/Layout.tsx
 import { Box as Box7, Container } from "@ttoss/ui";
 
 // src/components/Footer.tsx
 import { Box } from "@ttoss/ui";
-import { jsx } from "react/jsx-runtime";
-var Footer = props => {
-  return /* @__PURE__ */jsx(Box, {
+var Footer = /* @__PURE__ */__name(props => {
+  return /* @__PURE__ */React.createElement(Box, {
     variant: "layout.footer",
     ...props,
-    as: "footer",
-    children: props.children
-  });
-};
+    as: "footer"
+  }, props.children);
+}, "Footer");
 Footer.displayName = "Footer";
 
 // ../../node_modules/.pnpm/@iconify-icon+react@2.3.0_react@19.1.1/node_modules/@iconify-icon/react/dist/iconify.mjs
-import React from "react";
+import React2 from "react";
 
 // ../../node_modules/.pnpm/iconify-icon@2.3.0/node_modules/iconify-icon/dist/iconify-icon.mjs
 var defaultIconDimensions = Object.freeze({
@@ -58,6 +61,7 @@ function rotateFromString(value, defaultValue = 0) {
     }
     return value2 % 4;
   }
+  __name(cleanup, "cleanup");
   if (units === "") {
     const num = parseInt(value);
     return isNaN(num) ? 0 : cleanup(num);
@@ -81,6 +85,7 @@ function rotateFromString(value, defaultValue = 0) {
   }
   return defaultValue;
 }
+__name(rotateFromString, "rotateFromString");
 var separator = /[\s,]+/;
 function flipFromString(custom, flip) {
   flip.split(separator).forEach(str => {
@@ -95,6 +100,7 @@ function flipFromString(custom, flip) {
     }
   });
 }
+__name(flipFromString, "flipFromString");
 var defaultCustomisations = {
   ...defaultIconCustomisations,
   preserveAspectRatio: ""
@@ -103,7 +109,7 @@ function getCustomisations(node) {
   const customisations = {
     ...defaultCustomisations
   };
-  const attr = (key, def) => node.getAttribute(key) || def;
+  const attr = /* @__PURE__ */__name((key, def) => node.getAttribute(key) || def, "attr");
   customisations.width = attr("width", null);
   customisations.height = attr("height", null);
   customisations.rotate = rotateFromString(attr("rotate", ""));
@@ -111,6 +117,7 @@ function getCustomisations(node) {
   customisations.preserveAspectRatio = attr("preserveAspectRatio", attr("preserveaspectratio", ""));
   return customisations;
 }
+__name(getCustomisations, "getCustomisations");
 function haveCustomisationsChanged(value1, value2) {
   for (const key in defaultCustomisations) {
     if (value1[key] !== value2[key]) {
@@ -119,8 +126,9 @@ function haveCustomisationsChanged(value1, value2) {
   }
   return false;
 }
+__name(haveCustomisationsChanged, "haveCustomisationsChanged");
 var matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
-var stringToIcon = (value, validate, allowSimpleName, provider = "") => {
+var stringToIcon = /* @__PURE__ */__name((value, validate, allowSimpleName, provider = "") => {
   const colonSeparated = value.split(":");
   if (value.slice(0, 1) === "@") {
     if (colonSeparated.length < 2 || colonSeparated.length > 3) {
@@ -161,8 +169,8 @@ var stringToIcon = (value, validate, allowSimpleName, provider = "") => {
     return validate && !validateIconName(result, allowSimpleName) ? null : result;
   }
   return null;
-};
-var validateIconName = (icon, allowSimpleName) => {
+}, "stringToIcon");
+var validateIconName = /* @__PURE__ */__name((icon, allowSimpleName) => {
   if (!icon) {
     return false;
   }
@@ -170,7 +178,7 @@ var validateIconName = (icon, allowSimpleName) => {
   // Check prefix: cannot be empty, unless allowSimpleName is enabled
   // Check name: cannot be empty
   (allowSimpleName && icon.prefix === "" || !!icon.prefix) && !!icon.name);
-};
+}, "validateIconName");
 function mergeIconTransformations(obj1, obj2) {
   const result = {};
   if (!obj1.hFlip !== !obj2.hFlip) {
@@ -185,6 +193,7 @@ function mergeIconTransformations(obj1, obj2) {
   }
   return result;
 }
+__name(mergeIconTransformations, "mergeIconTransformations");
 function mergeIconData(parent, child) {
   const result = mergeIconTransformations(parent, child);
   for (const key in defaultExtendedIconProps) {
@@ -200,6 +209,7 @@ function mergeIconData(parent, child) {
   }
   return result;
 }
+__name(mergeIconData, "mergeIconData");
 function getIconsTree(data, names) {
   const icons = data.icons;
   const aliases = data.aliases || /* @__PURE__ */Object.create(null);
@@ -218,9 +228,11 @@ function getIconsTree(data, names) {
     }
     return resolved[name];
   }
+  __name(resolve, "resolve");
   Object.keys(icons).concat(Object.keys(aliases)).forEach(resolve);
   return resolved;
 }
+__name(getIconsTree, "getIconsTree");
 function internalGetIconData(data, name, tree) {
   const icons = data.icons;
   const aliases = data.aliases || /* @__PURE__ */Object.create(null);
@@ -228,10 +240,12 @@ function internalGetIconData(data, name, tree) {
   function parse(name2) {
     currentProps = mergeIconData(icons[name2] || aliases[name2], currentProps);
   }
+  __name(parse, "parse");
   parse(name);
   tree.forEach(parse);
   return mergeIconData(data, currentProps);
 }
+__name(internalGetIconData, "internalGetIconData");
 function parseIconSet(data, callback) {
   const names = [];
   if (typeof data !== "object" || typeof data.icons !== "object") {
@@ -253,6 +267,7 @@ function parseIconSet(data, callback) {
   }
   return names;
 }
+__name(parseIconSet, "parseIconSet");
 var optionalPropertyDefaults = {
   provider: "",
   aliases: {},
@@ -267,6 +282,7 @@ function checkOptionalProps(item, defaults) {
   }
   return true;
 }
+__name(checkOptionalProps, "checkOptionalProps");
 function quicklyValidateIconSet(obj) {
   if (typeof obj !== "object" || obj === null) {
     return null;
@@ -307,6 +323,7 @@ function quicklyValidateIconSet(obj) {
   }
   return data;
 }
+__name(quicklyValidateIconSet, "quicklyValidateIconSet");
 var dataStorage = /* @__PURE__ */Object.create(null);
 function newStorage(provider, prefix) {
   return {
@@ -316,10 +333,12 @@ function newStorage(provider, prefix) {
     missing: /* @__PURE__ */new Set()
   };
 }
+__name(newStorage, "newStorage");
 function getStorage(provider, prefix) {
   const providerStorage = dataStorage[provider] || (dataStorage[provider] = /* @__PURE__ */Object.create(null));
   return providerStorage[prefix] || (providerStorage[prefix] = newStorage(provider, prefix));
 }
+__name(getStorage, "getStorage");
 function addIconSet(storage2, data) {
   if (!quicklyValidateIconSet(data)) {
     return [];
@@ -332,6 +351,7 @@ function addIconSet(storage2, data) {
     }
   });
 }
+__name(addIconSet, "addIconSet");
 function addIconToStorage(storage2, name, icon) {
   try {
     if (typeof icon.body === "string") {
@@ -343,6 +363,7 @@ function addIconToStorage(storage2, name, icon) {
   } catch (err) {}
   return false;
 }
+__name(addIconToStorage, "addIconToStorage");
 function listIcons$1(provider, prefix) {
   let allIcons = [];
   const providers = typeof provider === "string" ? [provider] : Object.keys(dataStorage);
@@ -355,6 +376,7 @@ function listIcons$1(provider, prefix) {
   });
   return allIcons;
 }
+__name(listIcons$1, "listIcons$1");
 var simpleNames = false;
 function allowSimpleNames(allow) {
   if (typeof allow === "boolean") {
@@ -362,6 +384,7 @@ function allowSimpleNames(allow) {
   }
   return simpleNames;
 }
+__name(allowSimpleNames, "allowSimpleNames");
 function getIconData(name) {
   const icon = typeof name === "string" ? stringToIcon(name, true, simpleNames) : name;
   if (icon) {
@@ -370,6 +393,7 @@ function getIconData(name) {
     return storage2.icons[iconName] || (storage2.missing.has(iconName) ? null : void 0);
   }
 }
+__name(getIconData, "getIconData");
 function addIcon$1(name, data) {
   const icon = stringToIcon(name, true, simpleNames);
   if (!icon) {
@@ -383,6 +407,7 @@ function addIcon$1(name, data) {
     return true;
   }
 }
+__name(addIcon$1, "addIcon$1");
 function addCollection$1(data, provider) {
   if (typeof data !== "object") {
     return false;
@@ -413,9 +438,11 @@ function addCollection$1(data, provider) {
   const storage2 = getStorage(provider, prefix);
   return !!addIconSet(storage2, data);
 }
+__name(addCollection$1, "addCollection$1");
 function iconLoaded$1(name) {
   return !!getIconData(name);
 }
+__name(iconLoaded$1, "iconLoaded$1");
 function getIcon$1(name) {
   const result = getIconData(name);
   return result ? {
@@ -423,6 +450,7 @@ function getIcon$1(name) {
     ...result
   } : result;
 }
+__name(getIcon$1, "getIcon$1");
 function sortIcons(icons) {
   const result = {
     loaded: [],
@@ -471,6 +499,7 @@ function sortIcons(icons) {
   });
   return result;
 }
+__name(sortIcons, "sortIcons");
 function removeCallback(storages, id) {
   storages.forEach(storage2 => {
     const items = storage2.loaderCallbacks;
@@ -479,6 +508,7 @@ function removeCallback(storages, id) {
     }
   });
 }
+__name(removeCallback, "removeCallback");
 function updateCallbacks(storage2) {
   if (!storage2.pendingCallbacksFlag) {
     storage2.pendingCallbacksFlag = true;
@@ -527,6 +557,7 @@ function updateCallbacks(storage2) {
     });
   }
 }
+__name(updateCallbacks, "updateCallbacks");
 var idCounter = 0;
 function storeCallback(callback, icons, pendingSources) {
   const id = idCounter++;
@@ -545,13 +576,16 @@ function storeCallback(callback, icons, pendingSources) {
   });
   return abort;
 }
+__name(storeCallback, "storeCallback");
 var storage = /* @__PURE__ */Object.create(null);
 function setAPIModule(provider, item) {
   storage[provider] = item;
 }
+__name(setAPIModule, "setAPIModule");
 function getAPIModule(provider) {
   return storage[provider] || storage[""];
 }
+__name(getAPIModule, "getAPIModule");
 function listToIcons(list, validate = true, simpleNames2 = false) {
   const result = [];
   list.forEach(item => {
@@ -562,6 +596,7 @@ function listToIcons(list, validate = true, simpleNames2 = false) {
   });
   return result;
 }
+__name(listToIcons, "listToIcons");
 var defaultConfig = {
   resources: [],
   index: 0,
@@ -602,6 +637,7 @@ function sendQuery(config, payload, query, done) {
       timer = null;
     }
   }
+  __name(resetTimer, "resetTimer");
   function abort() {
     if (status === "pending") {
       status = "aborted";
@@ -614,6 +650,7 @@ function sendQuery(config, payload, query, done) {
     });
     queue = [];
   }
+  __name(abort, "abort");
   function subscribe(callback, overwrite) {
     if (overwrite) {
       doneCallbacks = [];
@@ -622,6 +659,7 @@ function sendQuery(config, payload, query, done) {
       doneCallbacks.push(callback);
     }
   }
+  __name(subscribe, "subscribe");
   function getQueryStatus() {
     return {
       startTime,
@@ -633,12 +671,14 @@ function sendQuery(config, payload, query, done) {
       abort
     };
   }
+  __name(getQueryStatus, "getQueryStatus");
   function failQuery() {
     status = "failed";
     doneCallbacks.forEach(callback => {
       callback(void 0, lastError);
     });
   }
+  __name(failQuery, "failQuery");
   function clearQueue() {
     queue.forEach(item => {
       if (item.status === "pending") {
@@ -647,6 +687,7 @@ function sendQuery(config, payload, query, done) {
     });
     queue = [];
   }
+  __name(clearQueue, "clearQueue");
   function moduleResponse(item, response, data) {
     const isError = response !== "success";
     queue = queue.filter(queued => queued !== item);
@@ -690,6 +731,7 @@ function sendQuery(config, payload, query, done) {
       callback(data);
     });
   }
+  __name(moduleResponse, "moduleResponse");
   function execNext() {
     if (status !== "pending") {
       return;
@@ -713,18 +755,20 @@ function sendQuery(config, payload, query, done) {
     const item = {
       status: "pending",
       resource,
-      callback: (status2, data) => {
+      callback: /* @__PURE__ */__name((status2, data) => {
         moduleResponse(item, status2, data);
-      }
+      }, "callback")
     };
     queue.push(item);
     queriesSent++;
     timer = setTimeout(execNext, config.rotate);
     query(resource, payload, item.callback);
   }
+  __name(execNext, "execNext");
   setTimeout(execNext);
   return getQueryStatus;
 }
+__name(sendQuery, "sendQuery");
 function initRedundancy(cfg) {
   const config = {
     ...defaultConfig,
@@ -734,6 +778,7 @@ function initRedundancy(cfg) {
   function cleanup() {
     queries = queries.filter(item => item().status === "pending");
   }
+  __name(cleanup, "cleanup");
   function query(payload, queryCallback, doneCallback) {
     const query2 = sendQuery(config, payload, queryCallback, (data, error) => {
       cleanup();
@@ -744,22 +789,25 @@ function initRedundancy(cfg) {
     queries.push(query2);
     return query2;
   }
+  __name(query, "query");
   function find(callback) {
     return queries.find(value => {
       return callback(value);
     }) || null;
   }
+  __name(find, "find");
   const instance = {
     query,
     find,
-    setIndex: index => {
+    setIndex: /* @__PURE__ */__name(index => {
       config.index = index;
-    },
-    getIndex: () => config.index,
+    }, "setIndex"),
+    getIndex: /* @__PURE__ */__name(() => config.index, "getIndex"),
     cleanup
   };
   return instance;
 }
+__name(initRedundancy, "initRedundancy");
 function createAPIConfig(source) {
   let resources;
   if (typeof source.resources === "string") {
@@ -790,6 +838,7 @@ function createAPIConfig(source) {
   };
   return result;
 }
+__name(createAPIConfig, "createAPIConfig");
 var configStorage = /* @__PURE__ */Object.create(null);
 var fallBackAPISources = ["https://api.simplesvg.com", "https://api.unisvg.com"];
 var fallBackAPI = [];
@@ -815,13 +864,17 @@ function addAPIProvider$1(provider, customConfig) {
   configStorage[provider] = config;
   return true;
 }
+__name(addAPIProvider$1, "addAPIProvider$1");
 function getAPIConfig(provider) {
   return configStorage[provider];
 }
+__name(getAPIConfig, "getAPIConfig");
 function listAPIProviders() {
   return Object.keys(configStorage);
 }
+__name(listAPIProviders, "listAPIProviders");
 function emptyCallback$1() {}
+__name(emptyCallback$1, "emptyCallback$1");
 var redundancyCache = /* @__PURE__ */Object.create(null);
 function getRedundancyCache(provider) {
   if (!redundancyCache[provider]) {
@@ -838,6 +891,7 @@ function getRedundancyCache(provider) {
   }
   return redundancyCache[provider];
 }
+__name(getRedundancyCache, "getRedundancyCache");
 function sendAPIQuery(target, query, callback) {
   let redundancy;
   let send2;
@@ -869,7 +923,9 @@ function sendAPIQuery(target, query, callback) {
   }
   return redundancy.query(query, send2, callback)().abort;
 }
+__name(sendAPIQuery, "sendAPIQuery");
 function emptyCallback() {}
+__name(emptyCallback, "emptyCallback");
 function loadedNewIcons(storage2) {
   if (!storage2.iconsLoaderFlag) {
     storage2.iconsLoaderFlag = true;
@@ -879,6 +935,7 @@ function loadedNewIcons(storage2) {
     });
   }
 }
+__name(loadedNewIcons, "loadedNewIcons");
 function checkIconNamesForAPI(icons) {
   const valid = [];
   const invalid = [];
@@ -890,6 +947,7 @@ function checkIconNamesForAPI(icons) {
     invalid
   };
 }
+__name(checkIconNamesForAPI, "checkIconNamesForAPI");
 function parseLoaderResponse(storage2, icons, data) {
   function checkMissing() {
     const pending = storage2.pendingIcons;
@@ -902,6 +960,7 @@ function parseLoaderResponse(storage2, icons, data) {
       }
     });
   }
+  __name(checkMissing, "checkMissing");
   if (data && typeof data === "object") {
     try {
       const parsed = addIconSet(storage2, data);
@@ -916,6 +975,7 @@ function parseLoaderResponse(storage2, icons, data) {
   checkMissing();
   loadedNewIcons(storage2);
 }
+__name(parseLoaderResponse, "parseLoaderResponse");
 function parsePossiblyAsyncResponse(response, callback) {
   if (response instanceof Promise) {
     response.then(data => {
@@ -927,6 +987,7 @@ function parsePossiblyAsyncResponse(response, callback) {
     callback(response);
   }
 }
+__name(parsePossiblyAsyncResponse, "parsePossiblyAsyncResponse");
 function loadNewIcons(storage2, icons) {
   if (!storage2.iconsToLoad) {
     storage2.iconsToLoad = icons;
@@ -992,7 +1053,8 @@ function loadNewIcons(storage2, icons) {
     });
   }
 }
-var loadIcons$1 = (icons, callback) => {
+__name(loadNewIcons, "loadNewIcons");
+var loadIcons$1 = /* @__PURE__ */__name((icons, callback) => {
   const cleanedIcons = listToIcons(icons, true, allowSimpleNames());
   const sortedIcons = sortIcons(cleanedIcons);
   if (!sortedIcons.pending.length) {
@@ -1047,8 +1109,8 @@ var loadIcons$1 = (icons, callback) => {
     }
   });
   return callback ? storeCallback(callback, sortedIcons, sources) : emptyCallback;
-};
-var loadIcon$1 = icon => {
+}, "loadIcons$1");
+var loadIcon$1 = /* @__PURE__ */__name(icon => {
   return new Promise((fulfill, reject) => {
     const iconObj = typeof icon === "string" ? stringToIcon(icon, true) : icon;
     if (!iconObj) {
@@ -1069,7 +1131,7 @@ var loadIcon$1 = icon => {
       reject(icon);
     });
   });
-};
+}, "loadIcon$1");
 function testIconObject(value) {
   try {
     const obj = typeof value === "string" ? JSON.parse(value) : value;
@@ -1080,6 +1142,7 @@ function testIconObject(value) {
     }
   } catch (err) {}
 }
+__name(testIconObject, "testIconObject");
 function parseIconValue(value, onload) {
   if (typeof value === "object") {
     const data2 = testIconObject(value);
@@ -1124,6 +1187,7 @@ function parseIconValue(value, onload) {
     loading
   };
 }
+__name(parseIconValue, "parseIconValue");
 var isBuggedSafari = false;
 try {
   isBuggedSafari = navigator.vendor.indexOf("Apple") === 0;
@@ -1141,6 +1205,7 @@ function getRenderMode(body, mode) {
   }
   return body.indexOf("currentColor") === -1 ? "bg" : "mask";
 }
+__name(getRenderMode, "getRenderMode");
 var unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
 var unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function calculateSize$1(size, ratio, precision) {
@@ -1179,6 +1244,7 @@ function calculateSize$1(size, ratio, precision) {
     isNumber = !isNumber;
   }
 }
+__name(calculateSize$1, "calculateSize$1");
 function splitSVGDefs(content, tag = "defs") {
   let defs = "";
   const index = content.indexOf("<" + tag);
@@ -1200,14 +1266,17 @@ function splitSVGDefs(content, tag = "defs") {
     content
   };
 }
+__name(splitSVGDefs, "splitSVGDefs");
 function mergeDefsAndContent(defs, content) {
   return defs ? "<defs>" + defs + "</defs>" + content : content;
 }
+__name(mergeDefsAndContent, "mergeDefsAndContent");
 function wrapSVGContent(body, start, end) {
   const split = splitSVGDefs(body);
   return mergeDefsAndContent(split.defs, start + split.content + end);
 }
-var isUnsetKeyword = value => value === "unset" || value === "undefined" || value === "none";
+__name(wrapSVGContent, "wrapSVGContent");
+var isUnsetKeyword = /* @__PURE__ */__name(value => value === "unset" || value === "undefined" || value === "none", "isUnsetKeyword");
 function iconToSVG(icon, customisations) {
   const fullIcon = {
     ...defaultIconProps,
@@ -1290,11 +1359,11 @@ function iconToSVG(icon, customisations) {
     height = customisationsHeight === null ? calculateSize$1(width, boxHeight / boxWidth) : customisationsHeight === "auto" ? boxHeight : customisationsHeight;
   }
   const attributes = {};
-  const setAttr = (prop, value) => {
+  const setAttr = /* @__PURE__ */__name((prop, value) => {
     if (!isUnsetKeyword(value)) {
       attributes[prop] = value.toString();
     }
-  };
+  }, "setAttr");
   setAttr("width", width);
   setAttr("height", height);
   const viewBox = [box.left, box.top, boxWidth, boxHeight];
@@ -1305,6 +1374,7 @@ function iconToSVG(icon, customisations) {
     body
   };
 }
+__name(iconToSVG, "iconToSVG");
 function iconToHTML$1(body, attributes) {
   let renderAttribsHTML = body.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
   for (const attr in attributes) {
@@ -1312,16 +1382,20 @@ function iconToHTML$1(body, attributes) {
   }
   return '<svg xmlns="http://www.w3.org/2000/svg"' + renderAttribsHTML + ">" + body + "</svg>";
 }
+__name(iconToHTML$1, "iconToHTML$1");
 function encodeSVGforURL(svg) {
   return svg.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
+__name(encodeSVGforURL, "encodeSVGforURL");
 function svgToData(svg) {
   return "data:image/svg+xml," + encodeSVGforURL(svg);
 }
+__name(svgToData, "svgToData");
 function svgToURL$1(svg) {
   return 'url("' + svgToData(svg) + '")';
 }
-var detectFetch = () => {
+__name(svgToURL$1, "svgToURL$1");
+var detectFetch = /* @__PURE__ */__name(() => {
   let callback;
   try {
     callback = fetch;
@@ -1329,14 +1403,16 @@ var detectFetch = () => {
       return callback;
     }
   } catch (err) {}
-};
+}, "detectFetch");
 var fetchModule = detectFetch();
 function setFetch(fetch2) {
   fetchModule = fetch2;
 }
+__name(setFetch, "setFetch");
 function getFetch() {
   return fetchModule;
 }
+__name(getFetch, "getFetch");
 function calculateMaxLength(provider, prefix) {
   const config = getAPIConfig(provider);
   if (!config) {
@@ -1356,10 +1432,12 @@ function calculateMaxLength(provider, prefix) {
   }
   return result;
 }
+__name(calculateMaxLength, "calculateMaxLength");
 function shouldAbort(status) {
   return status === 404;
 }
-var prepare = (provider, prefix, icons) => {
+__name(shouldAbort, "shouldAbort");
+var prepare = /* @__PURE__ */__name((provider, prefix, icons) => {
   const results = [];
   const maxLength = calculateMaxLength(provider, prefix);
   const type = "icons";
@@ -1386,7 +1464,7 @@ var prepare = (provider, prefix, icons) => {
   });
   results.push(item);
   return results;
-};
+}, "prepare");
 function getPath(provider) {
   if (typeof provider === "string") {
     const config = getAPIConfig(provider);
@@ -1396,7 +1474,8 @@ function getPath(provider) {
   }
   return "/";
 }
-var send = (host, params, callback) => {
+__name(getPath, "getPath");
+var send = /* @__PURE__ */__name((host, params, callback) => {
   if (!fetchModule) {
     callback("abort", 424);
     return;
@@ -1452,7 +1531,7 @@ var send = (host, params, callback) => {
   }).catch(() => {
     callback("next", defaultError);
   });
-};
+}, "send");
 var fetchAPIModule = {
   prepare,
   send
@@ -1460,14 +1539,17 @@ var fetchAPIModule = {
 function setCustomIconsLoader$1(loader, prefix, provider) {
   getStorage(provider || "", prefix).loadIcons = loader;
 }
+__name(setCustomIconsLoader$1, "setCustomIconsLoader$1");
 function setCustomIconLoader$1(loader, prefix, provider) {
   getStorage(provider || "", prefix).loadIcon = loader;
 }
+__name(setCustomIconLoader$1, "setCustomIconLoader$1");
 var nodeAttr = "data-style";
 var customStyle = "";
 function appendCustomStyle(style) {
   customStyle = style;
 }
+__name(appendCustomStyle, "appendCustomStyle");
 function updateStyle(parent, inline) {
   let styleNode = Array.from(parent.childNodes).find(node => node.hasAttribute && node.hasAttribute(nodeAttr));
   if (!styleNode) {
@@ -1477,6 +1559,7 @@ function updateStyle(parent, inline) {
   }
   styleNode.textContent = ":host{display:inline-block;vertical-align:" + (inline ? "-0.125em" : "0") + "}span,svg{display:block;margin:auto}" + customStyle;
 }
+__name(updateStyle, "updateStyle");
 function exportFunctions() {
   setAPIModule("", fetchAPIModule);
   allowSimpleNames(true);
@@ -1536,9 +1619,9 @@ function exportFunctions() {
   };
   return {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    enableCache: storage2 => {},
+    enableCache: /* @__PURE__ */__name(storage2 => {}, "enableCache"),
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    disableCache: storage2 => {},
+    disableCache: /* @__PURE__ */__name(storage2 => {}, "disableCache"),
     iconLoaded: iconLoaded$1,
     iconExists: iconLoaded$1,
     // deprecated, kept to avoid breaking changes
@@ -1559,6 +1642,7 @@ function exportFunctions() {
     _api: _api2
   };
 }
+__name(exportFunctions, "exportFunctions");
 var monotoneProps = {
   "background-color": "currentColor"
 };
@@ -1584,6 +1668,7 @@ for (const prefix in propsToAddTo) {
 function fixSize(value) {
   return value ? value + (value.match(/^[-0-9.]+$/) ? "px" : "") : "inherit";
 }
+__name(fixSize, "fixSize");
 function renderSPAN(data, icon, useMask) {
   const node = document.createElement("span");
   let body = data.body;
@@ -1609,23 +1694,26 @@ function renderSPAN(data, icon, useMask) {
   }
   return node;
 }
+__name(renderSPAN, "renderSPAN");
 var policy;
 function createPolicy() {
   try {
     policy = window.trustedTypes.createPolicy("iconify", {
       // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-      createHTML: s => s
+      createHTML: /* @__PURE__ */__name(s => s, "createHTML")
     });
   } catch (err) {
     policy = null;
   }
 }
+__name(createPolicy, "createPolicy");
 function cleanUpInnerHTML(html) {
   if (policy === void 0) {
     createPolicy();
   }
   return policy ? policy.createHTML(html) : html;
 }
+__name(cleanUpInnerHTML, "cleanUpInnerHTML");
 function renderSVG(data) {
   const node = document.createElement("span");
   const attr = data.attributes;
@@ -1643,12 +1731,14 @@ function renderSVG(data) {
   node.innerHTML = cleanUpInnerHTML(html);
   return node.firstChild;
 }
+__name(renderSVG, "renderSVG");
 function findIconElement(parent) {
   return Array.from(parent.childNodes).find(node => {
     const tag = node.tagName && node.tagName.toUpperCase();
     return tag === "SPAN" || tag === "SVG";
   });
 }
+__name(findIconElement, "findIconElement");
 function renderIcon(parent, state) {
   const iconData = state.icon.data;
   const customisations = state.customisations;
@@ -1679,6 +1769,7 @@ function renderIcon(parent, state) {
     parent.appendChild(node);
   }
 }
+__name(renderIcon, "renderIcon");
 function setPendingState(icon, inline, lastState) {
   const lastRender = lastState && (lastState.rendered ? lastState : lastState.lastRender);
   return {
@@ -1688,6 +1779,7 @@ function setPendingState(icon, inline, lastState) {
     lastRender
   };
 }
+__name(setPendingState, "setPendingState");
 function defineIconifyIcon(name = "iconify-icon") {
   let customElements;
   let ParentClass;
@@ -1711,7 +1803,10 @@ function defineIconifyIcon(name = "iconify-icon") {
   "mode", "inline", "noobserver",
   // Customisations
   "width", "height", "rotate", "flip"];
-  const IconifyIcon2 = class extends ParentClass {
+  const IconifyIcon = class extends ParentClass {
+    static {
+      __name(this, "IconifyIcon");
+    }
     // Root
     _shadowRoot;
     // Initialised
@@ -2007,28 +2102,29 @@ function defineIconifyIcon(name = "iconify-icon") {
     }
   };
   attributes.forEach(attr => {
-    if (!(attr in IconifyIcon2.prototype)) {
-      Object.defineProperty(IconifyIcon2.prototype, attr, {
-        get: function () {
+    if (!(attr in IconifyIcon.prototype)) {
+      Object.defineProperty(IconifyIcon.prototype, attr, {
+        get: /* @__PURE__ */__name(function () {
           return this.getAttribute(attr);
-        },
-        set: function (value) {
+        }, "get"),
+        set: /* @__PURE__ */__name(function (value) {
           if (value !== null) {
             this.setAttribute(attr, value);
           } else {
             this.removeAttribute(attr);
           }
-        }
+        }, "set")
       });
     }
   });
   const functions = exportFunctions();
   for (const key in functions) {
-    IconifyIcon2[key] = IconifyIcon2.prototype[key] = functions[key];
+    IconifyIcon[key] = IconifyIcon.prototype[key] = functions[key];
   }
-  customElements.define(name, IconifyIcon2);
-  return IconifyIcon2;
+  customElements.define(name, IconifyIcon);
+  return IconifyIcon;
 }
+__name(defineIconifyIcon, "defineIconifyIcon");
 var IconifyIconComponent = defineIconifyIcon() || exportFunctions();
 var {
   enableCache,
@@ -2053,7 +2149,7 @@ var {
 } = IconifyIconComponent;
 
 // ../../node_modules/.pnpm/@iconify-icon+react@2.3.0_react@19.1.1/node_modules/@iconify-icon/react/dist/iconify.mjs
-var Icon = React.forwardRef((props, ref) => {
+var Icon = React2.forwardRef((props, ref) => {
   const newProps = {
     ...props,
     ref
@@ -2067,14 +2163,13 @@ var Icon = React.forwardRef((props, ref) => {
   if (props.className) {
     newProps["class"] = props.className;
   }
-  return React.createElement("iconify-icon", newProps);
+  return React2.createElement("iconify-icon", newProps);
 });
 
 // ../react-icons/src/Icon.tsx
-import * as React2 from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Icon2 = React2.forwardRef((props, ref) => {
-  return /* @__PURE__ */jsx2(Icon, {
+import * as React3 from "react";
+var Icon2 = /* @__PURE__ */React3.forwardRef((props, ref) => {
+  return /* @__PURE__ */React3.createElement(Icon, {
     ref,
     "data-testid": "iconify-icon",
     ...props
@@ -2084,33 +2179,32 @@ Icon2.displayName = "Icon";
 
 // src/components/Header.tsx
 import { Box as Box3, Flex as Flex2, IconButton as IconButton2 } from "@ttoss/ui";
-import * as React5 from "react";
+import * as React6 from "react";
 
 // src/useIsDesktop.ts
 import { useBreakpointIndex } from "@ttoss/ui";
-var useIsDesktop = () => {
+var useIsDesktop = /* @__PURE__ */__name(() => {
   const breakpointIndex = useBreakpointIndex();
   const isDesktop = breakpointIndex >= 2;
   return {
     isDesktop
   };
-};
+}, "useIsDesktop");
 
 // src/components/LayoutProvider.tsx
-import * as React3 from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var LayoutContext = React3.createContext({
+import * as React4 from "react";
+var LayoutContext = /* @__PURE__ */React4.createContext({
   isSidebarOpen: true,
-  toggleSidebar: () => {}
+  toggleSidebar: /* @__PURE__ */__name(() => {}, "toggleSidebar")
 });
-var LayoutProvider = ({
+var LayoutProvider = /* @__PURE__ */__name(({
   children
 }) => {
-  const [isSidebarOpen, setIsSidebarOpen] = React3.useState(true);
+  const [isSidebarOpen, setIsSidebarOpen] = React4.useState(true);
   const {
     isDesktop
   } = useIsDesktop();
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     if (!isDesktop) {
       setIsSidebarOpen(false);
     }
@@ -2118,34 +2212,32 @@ var LayoutProvider = ({
       setIsSidebarOpen(true);
     }
   }, [isDesktop]);
-  const toggleSidebar = () => {
+  const toggleSidebar = /* @__PURE__ */__name(() => {
     setIsSidebarOpen(prev => {
       return !prev;
     });
-  };
-  return /* @__PURE__ */jsx3(LayoutContext.Provider, {
+  }, "toggleSidebar");
+  return /* @__PURE__ */React4.createElement(LayoutContext.Provider, {
     value: {
       isSidebarOpen,
       toggleSidebar
-    },
-    children
-  });
-};
-var useLayout = () => {
-  const context = React3.useContext(LayoutContext);
+    }
+  }, children);
+}, "LayoutProvider");
+var useLayout = /* @__PURE__ */__name(() => {
+  const context = React4.useContext(LayoutContext);
   if (!context) {
     throw new Error("useLayout must be used within a LayoutProvider");
   }
   return context;
-};
+}, "useLayout");
 
 // src/components/Sidebar.tsx
 import { Drawer } from "@ttoss/components/Drawer";
 import { Box as Box2, Flex, IconButton } from "@ttoss/ui";
-import * as React4 from "react";
-import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
+import * as React5 from "react";
 var SIDEBAR_WIDTH = "2xs";
-var Sidebar = ({
+var Sidebar = /* @__PURE__ */__name(({
   drawerSlot,
   showSidebarButtonInDrawer,
   children,
@@ -2158,11 +2250,11 @@ var Sidebar = ({
   const {
     isDesktop
   } = useIsDesktop();
-  const sidebarButtonInDrawer = React4.useMemo(() => {
+  const sidebarButtonInDrawer = React5.useMemo(() => {
     if (!showSidebarButtonInDrawer) {
       return null;
     }
-    return /* @__PURE__ */jsx4(IconButton, {
+    return /* @__PURE__ */React5.createElement(IconButton, {
       "aria-label": isSidebarOpen ? "Close sidebar" : "Open sidebar",
       "aria-expanded": isSidebarOpen,
       "aria-controls": "sidebar",
@@ -2170,26 +2262,24 @@ var Sidebar = ({
         cursor: "pointer",
         fontSize: ["xl", "2xl"]
       },
-      "data-testid": "sidebar-button",
-      children: /* @__PURE__ */jsx4(Icon2, {
-        icon: isSidebarOpen ? "sidebar-close" : "sidebar-open"
-      })
-    });
+      "data-testid": "sidebar-button"
+    }, /* @__PURE__ */React5.createElement(Icon2, {
+      icon: isSidebarOpen ? "sidebar-close" : "sidebar-open"
+    }));
   }, [isSidebarOpen, showSidebarButtonInDrawer]);
-  const memoizedDrawerSlot = React4.useMemo(() => {
+  const memoizedDrawerSlot = React5.useMemo(() => {
     if (!drawerSlot) {
-      return /* @__PURE__ */jsx4(Flex, {
+      return /* @__PURE__ */React5.createElement(Flex, {
         sx: {
           width: "full",
           paddingY: "3",
           borderBottom: "sm",
           borderColor: "display.border.muted.default",
           alignItems: "center"
-        },
-        children: sidebarButtonInDrawer
-      });
+        }
+      }, sidebarButtonInDrawer);
     }
-    return /* @__PURE__ */jsxs(Flex, {
+    return /* @__PURE__ */React5.createElement(Flex, {
       sx: {
         width: "full",
         paddingY: "3",
@@ -2197,83 +2287,74 @@ var Sidebar = ({
         borderColor: "display.border.muted.default",
         alignItems: "center",
         gap: "2"
-      },
-      children: [sidebarButtonInDrawer, /* @__PURE__ */jsx4(Flex, {
-        sx: {
-          minWidth: SIDEBAR_WIDTH,
-          width: SIDEBAR_WIDTH
-        },
-        children: drawerSlot
-      })]
-    });
-  }, [drawerSlot, sidebarButtonInDrawer]);
-  return /* @__PURE__ */jsx4(Fragment, {
-    children: isDesktop ? /* @__PURE__ */jsx4(Box2, {
-      role: "complementary",
-      "aria-label": "Sidebar",
-      "aria-hidden": !isSidebarOpen,
-      sx: {
-        position: "relative",
-        zIndex: "overlay",
-        height: "full",
-        minHeight: isSidebarOpen ? "full" : "0",
-        width: isSidebarOpen ? SIDEBAR_WIDTH : "0",
-        minWidth: isSidebarOpen ? SIDEBAR_WIDTH : "0",
-        opacity: isSidebarOpen ? 1 : 0,
-        transition: "width 0.5s ease, opacity 0.5s ease",
-        borderRight: isSidebarOpen ? "sm" : "none",
-        borderColor: "display.border.muted.default",
-        backgroundColor: "navigation.background.muted.default",
-        paddingX: isSidebarOpen ? "6" : "0",
-        paddingY: isSidebarOpen ? "6" : "0",
-        overflowY: "auto",
-        ...boxProps.sx
-      },
-      children: isSidebarOpen ? children : null
-    }) : /* @__PURE__ */jsx4(Box2, {
-      role: "complementary",
-      "aria-label": "Sidebar",
-      "aria-hidden": !isSidebarOpen,
+      }
+    }, sidebarButtonInDrawer, /* @__PURE__ */React5.createElement(Flex, {
       sx: {
-        position: "fixed",
-        zIndex: "overlay",
-        border: "none",
-        width: isSidebarOpen ? "full" : "0",
-        height: isSidebarOpen ? "full" : "0",
-        ...boxProps.sx
-      },
-      onClick: () => {
-        if (isSidebarOpen) {
-          toggleSidebar();
-        }
-      },
-      children: /* @__PURE__ */jsx4(Drawer, {
-        open: isSidebarOpen,
-        direction: "left",
-        size: "100%",
-        enableOverlay: false,
-        children: /* @__PURE__ */jsxs(Flex, {
-          sx: {
-            width: "full",
-            height: "full",
-            gap: "6",
-            flexDirection: "column"
-          },
-          children: [memoizedDrawerSlot, isSidebarOpen ? children : null]
-        })
-      })
-    })
-  });
-};
+        minWidth: SIDEBAR_WIDTH,
+        width: SIDEBAR_WIDTH
+      }
+    }, drawerSlot));
+  }, [drawerSlot, sidebarButtonInDrawer]);
+  return /* @__PURE__ */React5.createElement(React5.Fragment, null, isDesktop ? /* @__PURE__ */React5.createElement(Box2, {
+    role: "complementary",
+    "aria-label": "Sidebar",
+    "aria-hidden": !isSidebarOpen,
+    sx: {
+      position: "relative",
+      zIndex: "overlay",
+      height: "full",
+      minHeight: isSidebarOpen ? "full" : "0",
+      width: isSidebarOpen ? SIDEBAR_WIDTH : "0",
+      minWidth: isSidebarOpen ? SIDEBAR_WIDTH : "0",
+      opacity: isSidebarOpen ? 1 : 0,
+      transition: "width 0.5s ease, opacity 0.5s ease",
+      borderRight: isSidebarOpen ? "sm" : "none",
+      borderColor: "display.border.muted.default",
+      backgroundColor: "navigation.background.muted.default",
+      paddingX: isSidebarOpen ? "6" : "0",
+      paddingY: isSidebarOpen ? "6" : "0",
+      overflowY: "auto",
+      ...boxProps.sx
+    }
+  }, isSidebarOpen ? children : null) : /* @__PURE__ */React5.createElement(Box2, {
+    role: "complementary",
+    "aria-label": "Sidebar",
+    "aria-hidden": !isSidebarOpen,
+    sx: {
+      position: "fixed",
+      zIndex: "overlay",
+      border: "none",
+      width: isSidebarOpen ? "full" : "0",
+      height: isSidebarOpen ? "full" : "0",
+      ...boxProps.sx
+    },
+    onClick: /* @__PURE__ */__name(() => {
+      if (isSidebarOpen) {
+        toggleSidebar();
+      }
+    }, "onClick")
+  }, /* @__PURE__ */React5.createElement(Drawer, {
+    open: isSidebarOpen,
+    direction: "left",
+    size: "100%",
+    enableOverlay: false
+  }, /* @__PURE__ */React5.createElement(Flex, {
+    sx: {
+      width: "full",
+      height: "full",
+      gap: "6",
+      flexDirection: "column"
+    }
+  }, memoizedDrawerSlot, isSidebarOpen ? children : null))));
+}, "Sidebar");
 Sidebar.displayName = "Sidebar";
 
 // src/components/Header.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var paddingSx = {
   paddingX: "4",
   paddingY: "3"
 };
-var Header = ({
+var Header = /* @__PURE__ */__name(({
   showSidebarButton,
   sidebarSlot,
   children,
@@ -2286,11 +2367,11 @@ var Header = ({
   const {
     isDesktop
   } = useIsDesktop();
-  const sidebarButton = React5.useMemo(() => {
+  const sidebarButton = React6.useMemo(() => {
     if (!showSidebarButton) {
       return null;
     }
-    return /* @__PURE__ */jsx5(IconButton2, {
+    return /* @__PURE__ */React6.createElement(IconButton2, {
       "aria-label": isSidebarOpen ? "Close sidebar" : "Open sidebar",
       "aria-expanded": isSidebarOpen,
       "aria-controls": "sidebar",
@@ -2299,19 +2380,16 @@ var Header = ({
         fontSize: ["xl", "2xl"]
       },
       "data-testid": "sidebar-button",
-      onClick: toggleSidebar,
-      children: /* @__PURE__ */jsx5(Icon2, {
-        icon: isSidebarOpen ? "sidebar-close" : "sidebar-open"
-      })
-    });
+      onClick: toggleSidebar
+    }, /* @__PURE__ */React6.createElement(Icon2, {
+      icon: isSidebarOpen ? "sidebar-close" : "sidebar-open"
+    }));
   }, [isSidebarOpen, showSidebarButton, toggleSidebar]);
-  const memoizedSidebarSlot = React5.useMemo(() => {
+  const memoizedSidebarSlot = React6.useMemo(() => {
     if (!sidebarSlot) {
-      return /* @__PURE__ */jsx5(Fragment2, {
-        children: sidebarButton
-      });
+      return /* @__PURE__ */React6.createElement(React6.Fragment, null, sidebarButton);
     }
-    return /* @__PURE__ */jsxs2(Flex2, {
+    return /* @__PURE__ */React6.createElement(Flex2, {
       sx: {
         minWidth: ["12rem", "3xs", SIDEBAR_WIDTH],
         width: ["12rem", "3xs", SIDEBAR_WIDTH],
@@ -2320,11 +2398,10 @@ var Header = ({
         alignItems: "center",
         gap: "2",
         ...paddingSx
-      },
-      children: [sidebarButton, sidebarSlot]
-    });
+      }
+    }, sidebarButton, sidebarSlot);
   }, [isDesktop, sidebarButton, sidebarSlot]);
-  return /* @__PURE__ */jsxs2(Flex2, {
+  return /* @__PURE__ */React6.createElement(Flex2, {
     variant: "layout.header",
     ...boxProps,
     as: "header",
@@ -2337,18 +2414,16 @@ var Header = ({
       backgroundColor: "navigation.background.primary.default",
       ...(sidebarSlot ? {} : paddingSx),
       ...boxProps.sx
-    },
-    children: [memoizedSidebarSlot, /* @__PURE__ */jsx5(Box3, {
-      sx: {
-        width: "full",
-        display: ["flex", "unset", "unset"],
-        justifyContent: ["center", "unset", "unset"],
-        ...(sidebarSlot ? paddingSx : {})
-      },
-      children
-    })]
-  });
-};
+    }
+  }, memoizedSidebarSlot, /* @__PURE__ */React6.createElement(Box3, {
+    sx: {
+      width: "full",
+      display: ["flex", "unset", "unset"],
+      justifyContent: ["center", "unset", "unset"],
+      ...(sidebarSlot ? paddingSx : {})
+    }
+  }, children));
+}, "Header");
 Header.displayName = "Header";
 
 // src/components/Main.tsx
@@ -2356,9 +2431,8 @@ import { Stack } from "@ttoss/ui";
 
 // src/components/MainBody.tsx
 import { Box as Box4 } from "@ttoss/ui";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var MainBody = props => {
-  return /* @__PURE__ */jsx6(Box4, {
+var MainBody = /* @__PURE__ */__name(props => {
+  return /* @__PURE__ */React.createElement(Box4, {
     variant: "layout.main.body",
     ...props,
     as: "main",
@@ -2369,17 +2443,15 @@ var MainBody = props => {
       width: "full",
       height: "full",
       ...props.sx
-    },
-    children: props.children
-  });
-};
+    }
+  }, props.children);
+}, "MainBody");
 MainBody.displayName = "MainBody";
 
 // src/components/MainFooter.tsx
 import { Box as Box5 } from "@ttoss/ui";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var MainFooter = props => {
-  return /* @__PURE__ */jsx7(Box5, {
+var MainFooter = /* @__PURE__ */__name(props => {
+  return /* @__PURE__ */React.createElement(Box5, {
     variant: "layout.main.footer",
     ...props,
     sx: {
@@ -2390,17 +2462,15 @@ var MainFooter = props => {
       backgroundColor: "navigation.background.primary.default",
       width: "full",
       ...props.sx
-    },
-    children: props.children
-  });
-};
+    }
+  }, props.children);
+}, "MainFooter");
 MainFooter.displayName = "MainFooter";
 
 // src/components/MainHeader.tsx
 import { Box as Box6 } from "@ttoss/ui";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var MainHeader = props => {
-  return /* @__PURE__ */jsx8(Box6, {
+var MainHeader = /* @__PURE__ */__name(props => {
+  return /* @__PURE__ */React.createElement(Box6, {
     variant: "layout.main.header",
     ...props,
     as: "header",
@@ -2412,40 +2482,35 @@ var MainHeader = props => {
       backgroundColor: "navigation.background.primary.default",
       width: "full",
       ...props.sx
-    },
-    children: props.children
-  });
-};
+    }
+  }, props.children);
+}, "MainHeader");
 MainHeader.displayName = "MainHeader";
 
 // src/components/Main.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-var Main = props => {
-  return /* @__PURE__ */jsx9(Stack, {
+var Main = /* @__PURE__ */__name(props => {
+  return /* @__PURE__ */React.createElement(Stack, {
     variant: "layout.main",
     sx: {
       flex: 1,
       height: "full",
       overflow: "hidden"
-    },
-    children: props.children
-  });
-};
+    }
+  }, props.children);
+}, "Main");
 Main.displayName = "Main";
 Main.Header = MainHeader;
 Main.Body = MainBody;
 Main.Footer = MainFooter;
 
 // src/components/Layout.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var Layout = ({
+var Layout = /* @__PURE__ */__name(({
   children
 }) => {
-  return /* @__PURE__ */jsx10(Box7, {
-    variant: "layout.layout",
-    children
-  });
-};
+  return /* @__PURE__ */React.createElement(Box7, {
+    variant: "layout.layout"
+  }, children);
+}, "Layout");
 Layout.Header = Header;
 Layout.Sidebar = Sidebar;
 Layout.Main = Main;
@@ -2456,7 +2521,7 @@ Layout.Container = Container;
 import { Flex as Flex3, Stack as Stack2 } from "@ttoss/ui";
 
 // src/getSemanticElements.ts
-import * as React6 from "react";
+import * as React7 from "react";
 var semanticComponents = {
   Header: "header",
   Sidebar: "sidebar",
@@ -2466,11 +2531,11 @@ var semanticComponents = {
   MainBody: "mainBody",
   MainFooter: "mainFooter"
 };
-var getSematicElements = ({
+var getSematicElements = /* @__PURE__ */__name(({
   children
 }) => {
   const semanticElements = {};
-  React6.Children.forEach(children, child => {
+  React7.Children.forEach(children, child => {
     const displayName = child?.type?.displayName;
     if (!displayName) {
       return;
@@ -2480,11 +2545,10 @@ var getSematicElements = ({
     }
   });
   return semanticElements;
-};
+}, "getSematicElements");
 
 // src/components/SidebarCollapseLayout.tsx
-import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
-var SidebarCollapseLayout = ({
+var SidebarCollapseLayout = /* @__PURE__ */__name(({
   children,
   ...props
 }) => {
@@ -2495,32 +2559,28 @@ var SidebarCollapseLayout = ({
   } = getSematicElements({
     children
   });
-  return /* @__PURE__ */jsx11(LayoutProvider, {
-    children: /* @__PURE__ */jsxs3(Stack2, {
-      ...props,
-      sx: {
-        height: ["100vh"],
-        width: "full",
-        overflow: "hidden",
-        ...props.sx
-      },
-      children: [header, /* @__PURE__ */jsxs3(Flex3, {
-        sx: {
-          width: "full",
-          flex: 1,
-          overflow: "hidden",
-          flexDirection: ["row"]
-        },
-        children: [sidebar, main]
-      })]
-    })
-  });
-};
+  return /* @__PURE__ */React.createElement(LayoutProvider, null, /* @__PURE__ */React.createElement(Stack2, {
+    ...props,
+    sx: {
+      height: ["100vh"],
+      width: "full",
+      overflow: "hidden",
+      ...props.sx
+    }
+  }, header, /* @__PURE__ */React.createElement(Flex3, {
+    sx: {
+      width: "full",
+      flex: 1,
+      overflow: "hidden",
+      flexDirection: ["row"]
+    }
+  }, sidebar, main)));
+}, "SidebarCollapseLayout");
 
 // src/components/StackedLayout.tsx
 import { Stack as Stack3 } from "@ttoss/ui";
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
-var StackedLayout = ({
+import * as React8 from "react";
+var StackedLayout = /* @__PURE__ */__name(({
   children,
   ...props
 }) => {
@@ -2531,13 +2591,8 @@ var StackedLayout = ({
   } = getSematicElements({
     children
   });
-  return /* @__PURE__ */jsx12(LayoutProvider, {
-    children: /* @__PURE__ */jsxs4(Stack3, {
-      ...props,
-      children: [header, main, footer]
-    })
-  });
-};
+  return /* @__PURE__ */React8.createElement(LayoutProvider, null, /* @__PURE__ */React8.createElement(Stack3, props, header, main, footer));
+}, "StackedLayout");
 export { Layout, SidebarCollapseLayout, StackedLayout, useIsDesktop };
 /*! Bundled license information: