@ttoss/layouts 0.11.23 → 0.11.25

package/dist/index.cjs

@@ -37,7 +37,7 @@ react = __toESM(react);
 let _ttoss_components_Drawer = require("@ttoss/components/Drawer");
 
 //#region src/components/Footer.tsx
-const Footer = props => {
+var Footer = props => {
   return /* @__PURE__ */(0, react_jsx_runtime.jsx)(_ttoss_ui.Box, {
     variant: "layout.footer",
     ...props,
@@ -60,31 +60,31 @@ Footer.displayName = "Footer";
 * @license MIT
 * @version 2.3.0
 */
-const defaultIconDimensions = Object.freeze({
+var defaultIconDimensions = Object.freeze({
   left: 0,
   top: 0,
   width: 16,
   height: 16
 });
-const defaultIconTransformations = Object.freeze({
+var defaultIconTransformations = Object.freeze({
   rotate: 0,
   vFlip: false,
   hFlip: false
 });
-const defaultIconProps = Object.freeze({
+var defaultIconProps = Object.freeze({
   ...defaultIconDimensions,
   ...defaultIconTransformations
 });
-const defaultExtendedIconProps = Object.freeze({
+var defaultExtendedIconProps = Object.freeze({
   ...defaultIconProps,
   body: "",
   hidden: false
 });
-const defaultIconSizeCustomisations = Object.freeze({
+var defaultIconSizeCustomisations = Object.freeze({
   width: null,
   height: null
 });
-const defaultIconCustomisations = Object.freeze({
+var defaultIconCustomisations = Object.freeze({
   ...defaultIconSizeCustomisations,
   ...defaultIconTransformations
 });
@@ -115,7 +115,7 @@ function rotateFromString(value, defaultValue = 0) {
   }
   return defaultValue;
 }
-const separator = /[\s,]+/;
+var separator = /[\s,]+/;
 function flipFromString(custom, flip) {
   flip.split(separator).forEach(str => {
     switch (str.trim()) {
@@ -128,7 +128,7 @@ function flipFromString(custom, flip) {
     }
   });
 }
-const defaultCustomisations = {
+var defaultCustomisations = {
   ...defaultIconCustomisations,
   preserveAspectRatio: ""
 };
@@ -154,8 +154,8 @@ function haveCustomisationsChanged(value1, value2) {
   for (const key in defaultCustomisations) if (value1[key] !== value2[key]) return true;
   return false;
 }
-const matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
-const stringToIcon = (value, validate, allowSimpleName, provider = "") => {
+var matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
+var stringToIcon = (value, validate, allowSimpleName, provider = "") => {
   const colonSeparated = value.split(":");
   if (value.slice(0, 1) === "@") {
     if (colonSeparated.length < 2 || colonSeparated.length > 3) return null;
@@ -192,7 +192,7 @@ const stringToIcon = (value, validate, allowSimpleName, provider = "") => {
   }
   return null;
 };
-const validateIconName = (icon, allowSimpleName) => {
+var validateIconName = (icon, allowSimpleName) => {
   if (!icon) return false;
   return !!((allowSimpleName && icon.prefix === "" || !!icon.prefix) && !!icon.name);
 };
@@ -256,7 +256,7 @@ function parseIconSet(data, callback) {
   }
   return names;
 }
-const optionalPropertyDefaults = {
+var optionalPropertyDefaults = {
   provider: "",
   aliases: {},
   not_found: {},
@@ -284,7 +284,7 @@ function quicklyValidateIconSet(obj) {
   }
   return data;
 }
-const dataStorage = /* @__PURE__ */Object.create(null);
+var dataStorage = /* @__PURE__ */Object.create(null);
 function newStorage(provider, prefix) {
   return {
     provider,
@@ -324,7 +324,7 @@ function listIcons$1(provider, prefix) {
   });
   return allIcons;
 }
-let simpleNames = false;
+var simpleNames = false;
 function allowSimpleNames(allow) {
   if (typeof allow === "boolean") simpleNames = allow;
   return simpleNames;
@@ -457,7 +457,7 @@ function updateCallbacks(storage) {
     });
   }
 }
-let idCounter = 0;
+var idCounter = 0;
 function storeCallback(callback, icons, pendingSources) {
   const id = idCounter++;
   const abort = removeCallback.bind(null, pendingSources, id);
@@ -473,7 +473,7 @@ function storeCallback(callback, icons, pendingSources) {
   });
   return abort;
 }
-const storage = /* @__PURE__ */Object.create(null);
+var storage = /* @__PURE__ */Object.create(null);
 function setAPIModule(provider, item) {
   storage[provider] = item;
 }
@@ -674,9 +674,9 @@ function createAPIConfig(source) {
     dataAfterTimeout: source.dataAfterTimeout !== false
   };
 }
-const configStorage = /* @__PURE__ */Object.create(null);
-const fallBackAPISources = ["https://api.simplesvg.com", "https://api.unisvg.com"];
-const fallBackAPI = [];
+var configStorage = /* @__PURE__ */Object.create(null);
+var fallBackAPISources = ["https://api.simplesvg.com", "https://api.unisvg.com"];
+var fallBackAPI = [];
 while (fallBackAPISources.length > 0) if (fallBackAPISources.length === 1) fallBackAPI.push(fallBackAPISources.shift());else if (Math.random() > .5) fallBackAPI.push(fallBackAPISources.shift());else fallBackAPI.push(fallBackAPISources.pop());
 configStorage[""] = createAPIConfig({
   resources: ["https://api.iconify.design"].concat(fallBackAPI)
@@ -694,7 +694,7 @@ function listAPIProviders() {
   return Object.keys(configStorage);
 }
 function emptyCallback$1() {}
-const redundancyCache = /* @__PURE__ */Object.create(null);
+var redundancyCache = /* @__PURE__ */Object.create(null);
 function getRedundancyCache(provider) {
   if (!redundancyCache[provider]) {
     const config = getAPIConfig(provider);
@@ -831,7 +831,7 @@ function loadNewIcons(storage, icons) {
     });
   }
 }
-const loadIcons$1 = (icons, callback) => {
+var loadIcons$1 = (icons, callback) => {
   const sortedIcons = sortIcons(listToIcons(icons, true, allowSimpleNames()));
   if (!sortedIcons.pending.length) {
     let callCallback = true;
@@ -876,7 +876,7 @@ const loadIcons$1 = (icons, callback) => {
   });
   return callback ? storeCallback(callback, sortedIcons, sources) : emptyCallback;
 };
-const loadIcon$1 = icon => {
+var loadIcon$1 = icon => {
   return new Promise((fulfill, reject) => {
     const iconObj = typeof icon === "string" ? stringToIcon(icon, true) : icon;
     if (!iconObj) {
@@ -943,7 +943,7 @@ function parseIconValue(value, onload) {
     loading: loadIcons$1([name], () => onload(value, name, getIconData(name)))
   };
 }
-let isBuggedSafari = false;
+var isBuggedSafari = false;
 try {
   isBuggedSafari = navigator.vendor.indexOf("Apple") === 0;
 } catch (err) {}
@@ -960,8 +960,8 @@ function getRenderMode(body, mode) {
   if (mode !== "style" && (isBuggedSafari || body.indexOf("<a") === -1)) return "svg";
   return body.indexOf("currentColor") === -1 ? "bg" : "mask";
 }
-const unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
-const unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+var unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
+var unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function calculateSize$1(size, ratio, precision) {
   if (ratio === 1) return size;
   precision = precision || 100;
@@ -1006,7 +1006,7 @@ function wrapSVGContent(body, start, end) {
   const split = splitSVGDefs(body);
   return mergeDefsAndContent(split.defs, start + split.content + end);
 }
-const isUnsetKeyword = value => value === "unset" || value === "undefined" || value === "none";
+var isUnsetKeyword = value => value === "unset" || value === "undefined" || value === "none";
 function iconToSVG(icon, customisations) {
   const fullIcon = {
     ...defaultIconProps,
@@ -1110,14 +1110,14 @@ function svgToData(svg) {
 function svgToURL$1(svg) {
   return "url(\"" + svgToData(svg) + "\")";
 }
-const detectFetch = () => {
+var detectFetch = () => {
   let callback;
   try {
     callback = fetch;
     if (typeof callback === "function") return callback;
   } catch (err) {}
 };
-let fetchModule = detectFetch();
+var fetchModule = detectFetch();
 function setFetch(fetch2) {
   fetchModule = fetch2;
 }
@@ -1141,7 +1141,7 @@ function calculateMaxLength(provider, prefix) {
 function shouldAbort(status) {
   return status === 404;
 }
-const prepare = (provider, prefix, icons) => {
+var prepare = (provider, prefix, icons) => {
   const results = [];
   const maxLength = calculateMaxLength(provider, prefix);
   const type = "icons";
@@ -1176,7 +1176,7 @@ function getPath(provider) {
   }
   return "/";
 }
-const send = (host, params, callback) => {
+var send = (host, params, callback) => {
   if (!fetchModule) {
     callback("abort", 424);
     return;
@@ -1228,7 +1228,7 @@ const send = (host, params, callback) => {
     callback("next", defaultError);
   });
 };
-const fetchAPIModule = {
+var fetchAPIModule = {
   prepare,
   send
 };
@@ -1241,11 +1241,11 @@ function setCustomIconLoader$1(loader, prefix, provider) {
 /**
 * Attribute to add
 */
-const nodeAttr = "data-style";
+var nodeAttr = "data-style";
 /**
 * Custom style to add to each node
 */
-let customStyle = "";
+var customStyle = "";
 /**
 * Set custom style to add to all components
 *
@@ -1334,18 +1334,18 @@ function exportFunctions() {
     }
   };
 }
-const monotoneProps = {
+var monotoneProps = {
   "background-color": "currentColor"
 };
-const coloredProps = {
+var coloredProps = {
   "background-color": "transparent"
 };
-const propsToAdd = {
+var propsToAdd = {
   image: "var(--svg)",
   repeat: "no-repeat",
   size: "100% 100%"
 };
-const propsToAddTo = {
+var propsToAddTo = {
   "-webkit-mask": monotoneProps,
   "mask": monotoneProps,
   "background": coloredProps
@@ -1383,7 +1383,7 @@ function renderSPAN(data, icon, useMask) {
   for (const prop in styles) svgStyle.setProperty(prop, styles[prop]);
   return node;
 }
-let policy;
+var policy;
 function createPolicy() {
   try {
     policy = window.trustedTypes.createPolicy("iconify", {
@@ -1726,11 +1726,11 @@ function defineIconifyIcon(name = "iconify-icon") {
 /**
 * Create exported data: either component instance or functions
 */
-const IconifyIconComponent = defineIconifyIcon() || exportFunctions();
+var IconifyIconComponent = defineIconifyIcon() || exportFunctions();
 /**
 * Export functions
 */
-const {
+var {
   enableCache,
   disableCache,
   iconLoaded,
@@ -1771,7 +1771,7 @@ var Icon$1 = react$1.default.forwardRef((props, ref) => {
 *
 * Set `noobserver={false}` only when you need Iconify observer updates enabled.
 */
-const Icon = react.forwardRef((props, ref) => {
+var Icon = react.forwardRef((props, ref) => {
   const {
     noobserver = true,
     ...restProps
@@ -1789,7 +1789,7 @@ Icon.displayName = "Icon";
 
 //#endregion
 //#region src/useIsDesktop.ts
-const useIsDesktop = () => {
+var useIsDesktop = () => {
   return {
     isDesktop: (0, _ttoss_ui.useBreakpointIndex)() >= 2
   };
@@ -1797,11 +1797,11 @@ const useIsDesktop = () => {
 
 //#endregion
 //#region src/components/LayoutProvider.tsx
-const LayoutContext = react.createContext({
+var LayoutContext = react.createContext({
   isSidebarOpen: true,
   toggleSidebar: () => {}
 });
-const LayoutProvider = ({
+var LayoutProvider = ({
   children
 }) => {
   const [isSidebarOpen, setIsSidebarOpen] = react.useState(true);
@@ -1829,7 +1829,7 @@ const LayoutProvider = ({
     children
   });
 };
-const useLayout = () => {
+var useLayout = () => {
   const context = react.useContext(LayoutContext);
   if (!context) throw new Error("useLayout must be used within a LayoutProvider");
   return context;
@@ -1837,8 +1837,8 @@ const useLayout = () => {
 
 //#endregion
 //#region src/components/Sidebar.tsx
-const SIDEBAR_WIDTH = "2xs";
-const Sidebar = ({
+var SIDEBAR_WIDTH = "2xs";
+var Sidebar = ({
   drawerSlot,
   showSidebarButtonInDrawer,
   children,
@@ -1956,11 +1956,11 @@ Sidebar.displayName = "Sidebar";
 
 //#endregion
 //#region src/components/Header.tsx
-const paddingSx = {
+var paddingSx = {
   paddingX: "4",
   paddingY: "3"
 };
-const Header = ({
+var Header = ({
   showSidebarButton,
   sidebarSlot,
   children,
@@ -2037,7 +2037,7 @@ Header.displayName = "Header";
 
 //#endregion
 //#region src/components/MainBody.tsx
-const MainBody = ({
+var MainBody = ({
   containerSx,
   ...props
 }) => {
@@ -2065,7 +2065,7 @@ MainBody.displayName = "MainBody";
 
 //#endregion
 //#region src/components/MainFooter.tsx
-const MainFooter = ({
+var MainFooter = ({
   containerSx,
   ...props
 }) => {
@@ -2092,7 +2092,7 @@ MainFooter.displayName = "MainFooter";
 
 //#endregion
 //#region src/components/MainHeader.tsx
-const MainHeader = ({
+var MainHeader = ({
   containerSx,
   ...props
 }) => {
@@ -2120,7 +2120,7 @@ MainHeader.displayName = "MainHeader";
 
 //#endregion
 //#region src/components/Main.tsx
-const Main = props => {
+var Main = props => {
   return /* @__PURE__ */(0, react_jsx_runtime.jsx)(_ttoss_ui.Box, {
     variant: "layout.main",
     sx: {
@@ -2140,7 +2140,7 @@ Main.Footer = MainFooter;
 
 //#endregion
 //#region src/components/Layout.tsx
-const Layout = ({
+var Layout = ({
   children
 }) => {
   return /* @__PURE__ */(0, react_jsx_runtime.jsx)(_ttoss_ui.Box, {
@@ -2156,7 +2156,7 @@ Layout.Container = _ttoss_ui.Container;
 
 //#endregion
 //#region src/getSemanticElements.ts
-const semanticComponents = {
+var semanticComponents = {
   Header: "header",
   Sidebar: "sidebar",
   Footer: "footer",
@@ -2169,7 +2169,7 @@ const semanticComponents = {
 * It's not worth to use React hooks here because children props always
 * change when the parent component re-renders.
 */
-const getSematicElements = ({
+var getSematicElements = ({
   children
 }) => {
   const semanticElements = {};
@@ -2183,7 +2183,7 @@ const getSematicElements = ({
 
 //#endregion
 //#region src/components/SidebarCollapseLayout.tsx
-const SidebarCollapseLayout = ({
+var SidebarCollapseLayout = ({
   children,
   ...props
 }) => {
@@ -2218,7 +2218,7 @@ const SidebarCollapseLayout = ({
 
 //#endregion
 //#region src/components/StackedLayout.tsx
-const StackedLayout = ({
+var StackedLayout = ({
   children,
   ...props
 }) => {

package/dist/index.mjs

@@ -6,7 +6,7 @@ import React from "react";
 import { Drawer } from "@ttoss/components/Drawer";
 
 //#region src/components/Footer.tsx
-const Footer = props => {
+var Footer = props => {
   return /* @__PURE__ */jsx(Box, {
     variant: "layout.footer",
     ...props,
@@ -29,31 +29,31 @@ Footer.displayName = "Footer";
 * @license MIT
 * @version 2.3.0
 */
-const defaultIconDimensions = Object.freeze({
+var defaultIconDimensions = Object.freeze({
   left: 0,
   top: 0,
   width: 16,
   height: 16
 });
-const defaultIconTransformations = Object.freeze({
+var defaultIconTransformations = Object.freeze({
   rotate: 0,
   vFlip: false,
   hFlip: false
 });
-const defaultIconProps = Object.freeze({
+var defaultIconProps = Object.freeze({
   ...defaultIconDimensions,
   ...defaultIconTransformations
 });
-const defaultExtendedIconProps = Object.freeze({
+var defaultExtendedIconProps = Object.freeze({
   ...defaultIconProps,
   body: "",
   hidden: false
 });
-const defaultIconSizeCustomisations = Object.freeze({
+var defaultIconSizeCustomisations = Object.freeze({
   width: null,
   height: null
 });
-const defaultIconCustomisations = Object.freeze({
+var defaultIconCustomisations = Object.freeze({
   ...defaultIconSizeCustomisations,
   ...defaultIconTransformations
 });
@@ -84,7 +84,7 @@ function rotateFromString(value, defaultValue = 0) {
   }
   return defaultValue;
 }
-const separator = /[\s,]+/;
+var separator = /[\s,]+/;
 function flipFromString(custom, flip) {
   flip.split(separator).forEach(str => {
     switch (str.trim()) {
@@ -97,7 +97,7 @@ function flipFromString(custom, flip) {
     }
   });
 }
-const defaultCustomisations = {
+var defaultCustomisations = {
   ...defaultIconCustomisations,
   preserveAspectRatio: ""
 };
@@ -123,8 +123,8 @@ function haveCustomisationsChanged(value1, value2) {
   for (const key in defaultCustomisations) if (value1[key] !== value2[key]) return true;
   return false;
 }
-const matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
-const stringToIcon = (value, validate, allowSimpleName, provider = "") => {
+var matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
+var stringToIcon = (value, validate, allowSimpleName, provider = "") => {
   const colonSeparated = value.split(":");
   if (value.slice(0, 1) === "@") {
     if (colonSeparated.length < 2 || colonSeparated.length > 3) return null;
@@ -161,7 +161,7 @@ const stringToIcon = (value, validate, allowSimpleName, provider = "") => {
   }
   return null;
 };
-const validateIconName = (icon, allowSimpleName) => {
+var validateIconName = (icon, allowSimpleName) => {
   if (!icon) return false;
   return !!((allowSimpleName && icon.prefix === "" || !!icon.prefix) && !!icon.name);
 };
@@ -225,7 +225,7 @@ function parseIconSet(data, callback) {
   }
   return names;
 }
-const optionalPropertyDefaults = {
+var optionalPropertyDefaults = {
   provider: "",
   aliases: {},
   not_found: {},
@@ -253,7 +253,7 @@ function quicklyValidateIconSet(obj) {
   }
   return data;
 }
-const dataStorage = /* @__PURE__ */Object.create(null);
+var dataStorage = /* @__PURE__ */Object.create(null);
 function newStorage(provider, prefix) {
   return {
     provider,
@@ -293,7 +293,7 @@ function listIcons$1(provider, prefix) {
   });
   return allIcons;
 }
-let simpleNames = false;
+var simpleNames = false;
 function allowSimpleNames(allow) {
   if (typeof allow === "boolean") simpleNames = allow;
   return simpleNames;
@@ -426,7 +426,7 @@ function updateCallbacks(storage) {
     });
   }
 }
-let idCounter = 0;
+var idCounter = 0;
 function storeCallback(callback, icons, pendingSources) {
   const id = idCounter++;
   const abort = removeCallback.bind(null, pendingSources, id);
@@ -442,7 +442,7 @@ function storeCallback(callback, icons, pendingSources) {
   });
   return abort;
 }
-const storage = /* @__PURE__ */Object.create(null);
+var storage = /* @__PURE__ */Object.create(null);
 function setAPIModule(provider, item) {
   storage[provider] = item;
 }
@@ -643,9 +643,9 @@ function createAPIConfig(source) {
     dataAfterTimeout: source.dataAfterTimeout !== false
   };
 }
-const configStorage = /* @__PURE__ */Object.create(null);
-const fallBackAPISources = ["https://api.simplesvg.com", "https://api.unisvg.com"];
-const fallBackAPI = [];
+var configStorage = /* @__PURE__ */Object.create(null);
+var fallBackAPISources = ["https://api.simplesvg.com", "https://api.unisvg.com"];
+var fallBackAPI = [];
 while (fallBackAPISources.length > 0) if (fallBackAPISources.length === 1) fallBackAPI.push(fallBackAPISources.shift());else if (Math.random() > .5) fallBackAPI.push(fallBackAPISources.shift());else fallBackAPI.push(fallBackAPISources.pop());
 configStorage[""] = createAPIConfig({
   resources: ["https://api.iconify.design"].concat(fallBackAPI)
@@ -663,7 +663,7 @@ function listAPIProviders() {
   return Object.keys(configStorage);
 }
 function emptyCallback$1() {}
-const redundancyCache = /* @__PURE__ */Object.create(null);
+var redundancyCache = /* @__PURE__ */Object.create(null);
 function getRedundancyCache(provider) {
   if (!redundancyCache[provider]) {
     const config = getAPIConfig(provider);
@@ -800,7 +800,7 @@ function loadNewIcons(storage, icons) {
     });
   }
 }
-const loadIcons$1 = (icons, callback) => {
+var loadIcons$1 = (icons, callback) => {
   const sortedIcons = sortIcons(listToIcons(icons, true, allowSimpleNames()));
   if (!sortedIcons.pending.length) {
     let callCallback = true;
@@ -845,7 +845,7 @@ const loadIcons$1 = (icons, callback) => {
   });
   return callback ? storeCallback(callback, sortedIcons, sources) : emptyCallback;
 };
-const loadIcon$1 = icon => {
+var loadIcon$1 = icon => {
   return new Promise((fulfill, reject) => {
     const iconObj = typeof icon === "string" ? stringToIcon(icon, true) : icon;
     if (!iconObj) {
@@ -912,7 +912,7 @@ function parseIconValue(value, onload) {
     loading: loadIcons$1([name], () => onload(value, name, getIconData(name)))
   };
 }
-let isBuggedSafari = false;
+var isBuggedSafari = false;
 try {
   isBuggedSafari = navigator.vendor.indexOf("Apple") === 0;
 } catch (err) {}
@@ -929,8 +929,8 @@ function getRenderMode(body, mode) {
   if (mode !== "style" && (isBuggedSafari || body.indexOf("<a") === -1)) return "svg";
   return body.indexOf("currentColor") === -1 ? "bg" : "mask";
 }
-const unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
-const unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+var unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
+var unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function calculateSize$1(size, ratio, precision) {
   if (ratio === 1) return size;
   precision = precision || 100;
@@ -975,7 +975,7 @@ function wrapSVGContent(body, start, end) {
   const split = splitSVGDefs(body);
   return mergeDefsAndContent(split.defs, start + split.content + end);
 }
-const isUnsetKeyword = value => value === "unset" || value === "undefined" || value === "none";
+var isUnsetKeyword = value => value === "unset" || value === "undefined" || value === "none";
 function iconToSVG(icon, customisations) {
   const fullIcon = {
     ...defaultIconProps,
@@ -1079,14 +1079,14 @@ function svgToData(svg) {
 function svgToURL$1(svg) {
   return "url(\"" + svgToData(svg) + "\")";
 }
-const detectFetch = () => {
+var detectFetch = () => {
   let callback;
   try {
     callback = fetch;
     if (typeof callback === "function") return callback;
   } catch (err) {}
 };
-let fetchModule = detectFetch();
+var fetchModule = detectFetch();
 function setFetch(fetch2) {
   fetchModule = fetch2;
 }
@@ -1110,7 +1110,7 @@ function calculateMaxLength(provider, prefix) {
 function shouldAbort(status) {
   return status === 404;
 }
-const prepare = (provider, prefix, icons) => {
+var prepare = (provider, prefix, icons) => {
   const results = [];
   const maxLength = calculateMaxLength(provider, prefix);
   const type = "icons";
@@ -1145,7 +1145,7 @@ function getPath(provider) {
   }
   return "/";
 }
-const send = (host, params, callback) => {
+var send = (host, params, callback) => {
   if (!fetchModule) {
     callback("abort", 424);
     return;
@@ -1197,7 +1197,7 @@ const send = (host, params, callback) => {
     callback("next", defaultError);
   });
 };
-const fetchAPIModule = {
+var fetchAPIModule = {
   prepare,
   send
 };
@@ -1210,11 +1210,11 @@ function setCustomIconLoader$1(loader, prefix, provider) {
 /**
 * Attribute to add
 */
-const nodeAttr = "data-style";
+var nodeAttr = "data-style";
 /**
 * Custom style to add to each node
 */
-let customStyle = "";
+var customStyle = "";
 /**
 * Set custom style to add to all components
 *
@@ -1303,18 +1303,18 @@ function exportFunctions() {
     }
   };
 }
-const monotoneProps = {
+var monotoneProps = {
   "background-color": "currentColor"
 };
-const coloredProps = {
+var coloredProps = {
   "background-color": "transparent"
 };
-const propsToAdd = {
+var propsToAdd = {
   image: "var(--svg)",
   repeat: "no-repeat",
   size: "100% 100%"
 };
-const propsToAddTo = {
+var propsToAddTo = {
   "-webkit-mask": monotoneProps,
   "mask": monotoneProps,
   "background": coloredProps
@@ -1352,7 +1352,7 @@ function renderSPAN(data, icon, useMask) {
   for (const prop in styles) svgStyle.setProperty(prop, styles[prop]);
   return node;
 }
-let policy;
+var policy;
 function createPolicy() {
   try {
     policy = window.trustedTypes.createPolicy("iconify", {
@@ -1695,11 +1695,11 @@ function defineIconifyIcon(name = "iconify-icon") {
 /**
 * Create exported data: either component instance or functions
 */
-const IconifyIconComponent = defineIconifyIcon() || exportFunctions();
+var IconifyIconComponent = defineIconifyIcon() || exportFunctions();
 /**
 * Export functions
 */
-const {
+var {
   enableCache,
   disableCache,
   iconLoaded,
@@ -1740,7 +1740,7 @@ var Icon$1 = React.forwardRef((props, ref) => {
 *
 * Set `noobserver={false}` only when you need Iconify observer updates enabled.
 */
-const Icon = React$1.forwardRef((props, ref) => {
+var Icon = React$1.forwardRef((props, ref) => {
   const {
     noobserver = true,
     ...restProps
@@ -1758,7 +1758,7 @@ Icon.displayName = "Icon";
 
 //#endregion
 //#region src/useIsDesktop.ts
-const useIsDesktop = () => {
+var useIsDesktop = () => {
   return {
     isDesktop: useBreakpointIndex() >= 2
   };
@@ -1766,11 +1766,11 @@ const useIsDesktop = () => {
 
 //#endregion
 //#region src/components/LayoutProvider.tsx
-const LayoutContext = React$1.createContext({
+var LayoutContext = React$1.createContext({
   isSidebarOpen: true,
   toggleSidebar: () => {}
 });
-const LayoutProvider = ({
+var LayoutProvider = ({
   children
 }) => {
   const [isSidebarOpen, setIsSidebarOpen] = React$1.useState(true);
@@ -1798,7 +1798,7 @@ const LayoutProvider = ({
     children
   });
 };
-const useLayout = () => {
+var useLayout = () => {
   const context = React$1.useContext(LayoutContext);
   if (!context) throw new Error("useLayout must be used within a LayoutProvider");
   return context;
@@ -1806,8 +1806,8 @@ const useLayout = () => {
 
 //#endregion
 //#region src/components/Sidebar.tsx
-const SIDEBAR_WIDTH = "2xs";
-const Sidebar = ({
+var SIDEBAR_WIDTH = "2xs";
+var Sidebar = ({
   drawerSlot,
   showSidebarButtonInDrawer,
   children,
@@ -1925,11 +1925,11 @@ Sidebar.displayName = "Sidebar";
 
 //#endregion
 //#region src/components/Header.tsx
-const paddingSx = {
+var paddingSx = {
   paddingX: "4",
   paddingY: "3"
 };
-const Header = ({
+var Header = ({
   showSidebarButton,
   sidebarSlot,
   children,
@@ -2006,7 +2006,7 @@ Header.displayName = "Header";
 
 //#endregion
 //#region src/components/MainBody.tsx
-const MainBody = ({
+var MainBody = ({
   containerSx,
   ...props
 }) => {
@@ -2034,7 +2034,7 @@ MainBody.displayName = "MainBody";
 
 //#endregion
 //#region src/components/MainFooter.tsx
-const MainFooter = ({
+var MainFooter = ({
   containerSx,
   ...props
 }) => {
@@ -2061,7 +2061,7 @@ MainFooter.displayName = "MainFooter";
 
 //#endregion
 //#region src/components/MainHeader.tsx
-const MainHeader = ({
+var MainHeader = ({
   containerSx,
   ...props
 }) => {
@@ -2089,7 +2089,7 @@ MainHeader.displayName = "MainHeader";
 
 //#endregion
 //#region src/components/Main.tsx
-const Main = props => {
+var Main = props => {
   return /* @__PURE__ */jsx(Box, {
     variant: "layout.main",
     sx: {
@@ -2109,7 +2109,7 @@ Main.Footer = MainFooter;
 
 //#endregion
 //#region src/components/Layout.tsx
-const Layout = ({
+var Layout = ({
   children
 }) => {
   return /* @__PURE__ */jsx(Box, {
@@ -2125,7 +2125,7 @@ Layout.Container = Container;
 
 //#endregion
 //#region src/getSemanticElements.ts
-const semanticComponents = {
+var semanticComponents = {
   Header: "header",
   Sidebar: "sidebar",
   Footer: "footer",
@@ -2138,7 +2138,7 @@ const semanticComponents = {
 * It's not worth to use React hooks here because children props always
 * change when the parent component re-renders.
 */
-const getSematicElements = ({
+var getSematicElements = ({
   children
 }) => {
   const semanticElements = {};
@@ -2152,7 +2152,7 @@ const getSematicElements = ({
 
 //#endregion
 //#region src/components/SidebarCollapseLayout.tsx
-const SidebarCollapseLayout = ({
+var SidebarCollapseLayout = ({
   children,
   ...props
 }) => {
@@ -2187,7 +2187,7 @@ const SidebarCollapseLayout = ({
 
 //#endregion
 //#region src/components/StackedLayout.tsx
-const StackedLayout = ({
+var StackedLayout = ({
   children,
   ...props
 }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/layouts",
-  "version": "0.11.23",
+  "version": "0.11.25",
   "description": "Layout components for React",
   "keywords": [
     "React"
@@ -32,16 +32,16 @@
     "jest": "^30.3.0",
     "react": "^19.2.6",
     "tsdown": "^0.22.0",
-    "@ttoss/components": "^2.14.22",
-    "@ttoss/react-icons": "^0.7.15",
-    "@ttoss/test-utils": "^4.2.13",
-    "@ttoss/config": "^1.37.13",
-    "@ttoss/ui": "^6.9.21"
+    "@ttoss/components": "^2.14.24",
+    "@ttoss/react-icons": "^0.7.17",
+    "@ttoss/ui": "^6.9.23",
+    "@ttoss/test-utils": "^4.2.15",
+    "@ttoss/config": "^1.37.15"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/components": "^2.14.22",
-    "@ttoss/ui": "^6.9.21"
+    "@ttoss/components": "^2.14.24",
+    "@ttoss/ui": "^6.9.23"
   },
   "publishConfig": {
     "access": "public",