@websolutespa/bom-mixer-ui 1.2.0 → 1.2.2

package/dist/esm/components/media/media-image.js

@@ -3,6 +3,15 @@ import { jsx } from 'react/jsx-runtime';
 import { getClassNames } from '@websolutespa/bom-core';
 import styled from 'styled-components';
 
+var ImageStrategy;
+(function (ImageStrategy) {
+  ImageStrategy["None"] = "none";
+  ImageStrategy["Next"] = "next";
+  ImageStrategy["Custom"] = "custom";
+})(ImageStrategy || (ImageStrategy = {}));
+const IMAGE_QUALITY = process.env.IMAGE_QUALITY ? parseInt(process.env.IMAGE_QUALITY) : 80;
+const IMAGE_SIZES = process.env.IMAGE_SIZES ? process.env.IMAGE_SIZES.split(',').map(x => parseInt(x)) : [640, 828, 1080, 1200, 1920];
+const IMAGE_STRATEGY = process.env.IMAGE_STRATEGY ? process.env.IMAGE_STRATEGY : ImageStrategy.Next;
 const StyledMediaImage = styled.img`
   max-width: 100%;
   // height: auto;
@@ -30,8 +39,13 @@ function getImageProps(_a) {
       src
     } = _a,
     props = __rest(_a, ["src"]);
+  if (IMAGE_STRATEGY === ImageStrategy.None || isSVG(src)) {
+    return {
+      src
+    };
+  }
   const ratio = props.width && props.height ? parseInt(props.width.toString()) / parseInt(props.height.toString()) : 0;
-  const sizes = [640, 828, 1080, 1200, 1920];
+  const sizes = IMAGE_SIZES;
   return Object.assign({
     src: getImageSrc(src, ratio, sizes[0]),
     srcSet: getImageSrcset(src, ratio, sizes),
@@ -40,7 +54,7 @@ function getImageProps(_a) {
 }
 function getImageSrc(src, ratio, width, quality) {
   if (quality === void 0) {
-    quality = 75;
+    quality = IMAGE_QUALITY;
   }
   if (isSVG(src)) {
     return src;
@@ -49,7 +63,7 @@ function getImageSrc(src, ratio, width, quality) {
 }
 function getImageSrcset(src, ratio, widths, quality) {
   if (quality === void 0) {
-    quality = 75;
+    quality = IMAGE_QUALITY;
   }
   if (isSVG(src)) {
     return undefined;
@@ -63,5 +77,5 @@ function isSVG(src) {
   return src.indexOf('.svg') !== -1;
 }
 
-export { MediaImage };
+export { ImageStrategy, MediaImage };
 //# sourceMappingURL=media-image.js.map

package/dist/esm/components/media/media-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-image.js","sources":["../../../../src/components/media/media-image.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { getClassNames } from '@websolutespa/bom-core';\nimport styled from 'styled-components';\nconst StyledMediaImage = styled.img `\r\n  max-width: 100%;\r\n  // height: auto;\r\n  user-select: none;\r\n`;\nexport const MediaImage = (_a) => {\n    var { alt = '', className, type } = _a, props = __rest(_a, [\"alt\", \"className\", \"type\"]);\n    const classNames = getClassNames(className, 'image', { 'image-svg': isSVG(props.src) });\n    const imageProps = getImageProps(props);\n    return (_jsx(StyledMediaImage, Object.assign({ className: classNames, alt: alt, loading: \"lazy\" }, imageProps)));\n};\nfunction getImageProps(_a) {\n    var { src } = _a, props = __rest(_a, [\"src\"]);\n    const ratio = props.width && props.height ? (parseInt(props.width.toString()) / parseInt(props.height.toString())) : 0;\n    const sizes = [640, 828, 1080, 1200, 1920];\n    return Object.assign({ src: getImageSrc(src, ratio, sizes[0]), srcSet: getImageSrcset(src, ratio, sizes), sizes: ratio !== 0 ? getImageSizes(sizes) : '100vw' }, props);\n}\nfunction getImageSrc(src, ratio, width, quality = 75) {\n    if (isSVG(src)) {\n        return src;\n    }\n    return ratio !== 0 ?\n        `/_next/image?url=${encodeURIComponent(src)}&w=${width}&h=${width / ratio}&q=${quality}` :\n        `/_next/image?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;\n}\nfunction getImageSrcset(src, ratio, widths, quality = 75) {\n    if (isSVG(src)) {\n        return undefined;\n    }\n    return widths.map(width => getImageSrc(src, ratio, width, quality) + ` ${width}w`).join(', ');\n}\nfunction getImageSizes(widths) {\n    return widths.map((width, i) => `${i < widths.length - 1 ? `(max-width: ${width}px) ` : ''}${width}px`).join(', ');\n}\nfunction isSVG(src) {\n    return src.indexOf('.svg') !== -1;\n}\n//# sourceMappingURL=media-image.js.map"],"names":["StyledMediaImage","styled","img","MediaImage","_a","alt","className","type","props","__rest","classNames","getClassNames","isSVG","src","imageProps","getImageProps","_jsx","Object","assign","loading","ratio","width","height","parseInt","toString","sizes","getImageSrc","srcSet","getImageSrcset","getImageSizes","quality","encodeURIComponent","widths","undefined","map","join","i","length","indexOf"],"mappings":"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"}
+{"version":3,"file":"media-image.js","sources":["../../../../src/components/media/media-image.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { getClassNames } from '@websolutespa/bom-core';\nimport styled from 'styled-components';\nexport var ImageStrategy;\n(function (ImageStrategy) {\n    ImageStrategy[\"None\"] = \"none\";\n    ImageStrategy[\"Next\"] = \"next\";\n    ImageStrategy[\"Custom\"] = \"custom\";\n})(ImageStrategy || (ImageStrategy = {}));\nconst IMAGE_QUALITY = process.env.IMAGE_QUALITY ?\n    parseInt(process.env.IMAGE_QUALITY) :\n    80;\nconst IMAGE_SIZES = process.env.IMAGE_SIZES ?\n    process.env.IMAGE_SIZES.split(',').map(x => parseInt(x)) :\n    [640, 828, 1080, 1200, 1920];\nconst IMAGE_STRATEGY = process.env.IMAGE_STRATEGY ?\n    process.env.IMAGE_STRATEGY :\n    ImageStrategy.Next;\nconst StyledMediaImage = styled.img `\r\n  max-width: 100%;\r\n  // height: auto;\r\n  user-select: none;\r\n`;\nexport const MediaImage = (_a) => {\n    var { alt = '', className, type } = _a, props = __rest(_a, [\"alt\", \"className\", \"type\"]);\n    const classNames = getClassNames(className, 'image', { 'image-svg': isSVG(props.src) });\n    const imageProps = getImageProps(props);\n    return (_jsx(StyledMediaImage, Object.assign({ className: classNames, alt: alt, loading: \"lazy\" }, imageProps)));\n};\nfunction getImageProps(_a) {\n    var { src } = _a, props = __rest(_a, [\"src\"]);\n    if (IMAGE_STRATEGY === ImageStrategy.None || isSVG(src)) {\n        return { src };\n    }\n    const ratio = props.width && props.height ? (parseInt(props.width.toString()) / parseInt(props.height.toString())) : 0;\n    const sizes = IMAGE_SIZES;\n    return Object.assign({ src: getImageSrc(src, ratio, sizes[0]), srcSet: getImageSrcset(src, ratio, sizes), sizes: ratio !== 0 ? getImageSizes(sizes) : '100vw' }, props);\n}\nfunction getImageSrc(src, ratio, width, quality = IMAGE_QUALITY) {\n    if (isSVG(src)) {\n        return src;\n    }\n    return ratio !== 0 ?\n        `/_next/image?url=${encodeURIComponent(src)}&w=${width}&h=${width / ratio}&q=${quality}` :\n        `/_next/image?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;\n}\nfunction getImageSrcset(src, ratio, widths, quality = IMAGE_QUALITY) {\n    if (isSVG(src)) {\n        return undefined;\n    }\n    return widths.map(width => getImageSrc(src, ratio, width, quality) + ` ${width}w`).join(', ');\n}\nfunction getImageSizes(widths) {\n    return widths.map((width, i) => `${i < widths.length - 1 ? `(max-width: ${width}px) ` : ''}${width}px`).join(', ');\n}\nfunction isSVG(src) {\n    return src.indexOf('.svg') !== -1;\n}\n//# sourceMappingURL=media-image.js.map"],"names":["ImageStrategy","IMAGE_QUALITY","process","env","parseInt","IMAGE_SIZES","split","map","x","IMAGE_STRATEGY","Next","StyledMediaImage","styled","img","MediaImage","_a","alt","className","type","props","__rest","classNames","getClassNames","isSVG","src","imageProps","getImageProps","_jsx","Object","assign","loading","None","ratio","width","height","toString","sizes","getImageSrc","srcSet","getImageSrcset","getImageSizes","quality","encodeURIComponent","widths","undefined","join","i","length","indexOf"],"mappings":"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"}

package/dist/esm/components/text/text.js

@@ -25,7 +25,7 @@ const CssA = css`
 `;
 const CssP = css`
   p:not(:last-child) {
-    margin-bottom: 1rem;
+    margin-bottom: 1.25em;
   }
 `;
 const CssUl = css`

package/dist/esm/components/text/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../../src/components/text/text.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { getClassNames, withSchema } from '@websolutespa/bom-core';\nimport { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { getCssResponsive } from '../../components/utils';\nimport { getFontVariantResponsive } from '../../variants';\nimport { CssButtonNavInverted, CssDefault } from '../button/button.variants';\nconst CssH = css `\r\n  h1, h2, h3, h4, h5, h6 {\r\n    color: var(--color-neutral-500);\r\n    margin-bottom: 3rem;\r\n  }\r\n  h4 {\r\n    font-size: 1.2em;\r\n  }\r\n`;\nconst CssA = css `\r\n  a[href] {\r\n    ${CssDefault}\r\n    ${CssButtonNavInverted}\r\n  }\r\n`;\nconst CssP = css `\r\n  p:not(:last-child) {\r\n    margin-bottom: 1rem;\r\n  }\r\n`;\nconst CssUl = css `\r\n  ul {\r\n    list-style: initial;\r\n    margin: 0 0 2em 1.1em;\r\n\r\n    &>li {\r\n      padding: 0.3em 0;\r\n    }\r\n  }\r\n`;\nconst StyledText = styled.div `\r\n  ${props => getFontVariantResponsive(props, (variant, font) => css `\r\n    ${font.family ? css `font-family: var(--font-${variant}-family, var(--base-font-family));` : ''}\r\n    ${font.size ? css `font-size: var(--font-${variant}-size, 1rem);` : ''}\r\n    ${font.lineHeight ? css `line-height: var(--font-${variant}-line-height, 1);` : ''}\r\n    ${font.fontWeight ? css `font-weight: var(--font-${variant}-font-weight, inherit);` : ''}\r\n  `)};\r\n  ${props => props.gradient ? css `\r\n    display: -webkit-inline-box;\r\n    background: -webkit-linear-gradient(0deg, var(--color-secondary-500), var(--color-primary-500));\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  ` : ''}\r\n  ${CssH}\r\n  ${CssA}\r\n  ${CssP}\r\n  ${CssUl}\r\n  ${props => getCssResponsive(props)}\r\n`;\nexport const TextBase = forwardRef((_a, ref) => {\n    var { children, className, as = 'div' } = _a, props = __rest(_a, [\"children\", \"className\", \"as\"]);\n    const classNames = getClassNames('text', className, props.variant);\n    return (_jsx(StyledText, Object.assign({ className: classNames, ref: ref, as: as }, props, { children: children })));\n});\nTextBase.displayName = 'Text';\nconst TextSROnly = styled.div `\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 1px;\r\n  padding: 0;\r\n  margin: -1px;\r\n  overflow: hidden;\r\n  clip: rect(0,0,0,0);\r\n  white-space: nowrap;\r\n  border-width: 0;\r\n`;\nexport const Text = withSchema(TextBase, {\n    SROnly: TextSROnly,\n    displayName: 'Text',\n});\n//# sourceMappingURL=text.js.map"],"names":["CssH","css","CssA","CssDefault","CssButtonNavInverted","CssP","CssUl","StyledText","styled","div","props","getFontVariantResponsive","variant","font","family","size","lineHeight","fontWeight","gradient","getCssResponsive","TextBase","forwardRef","_a","ref","children","className","as","__rest","classNames","getClassNames","_jsx","Object","assign","displayName","TextSROnly","Text","withSchema","SROnly"],"mappings":"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"}
+{"version":3,"file":"text.js","sources":["../../../../src/components/text/text.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { getClassNames, withSchema } from '@websolutespa/bom-core';\nimport { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { getCssResponsive } from '../../components/utils';\nimport { getFontVariantResponsive } from '../../variants';\nimport { CssButtonNavInverted, CssDefault } from '../button/button.variants';\nconst CssH = css `\r\n  h1, h2, h3, h4, h5, h6 {\r\n    color: var(--color-neutral-500);\r\n    margin-bottom: 3rem;\r\n  }\r\n  h4 {\r\n    font-size: 1.2em;\r\n  }\r\n`;\nconst CssA = css `\r\n  a[href] {\r\n    ${CssDefault}\r\n    ${CssButtonNavInverted}\r\n  }\r\n`;\nconst CssP = css `\r\n  p:not(:last-child) {\r\n    margin-bottom: 1.25em;\r\n  }\r\n`;\nconst CssUl = css `\r\n  ul {\r\n    list-style: initial;\r\n    margin: 0 0 2em 1.1em;\r\n\r\n    &>li {\r\n      padding: 0.3em 0;\r\n    }\r\n  }\r\n`;\nconst StyledText = styled.div `\r\n  ${props => getFontVariantResponsive(props, (variant, font) => css `\r\n    ${font.family ? css `font-family: var(--font-${variant}-family, var(--base-font-family));` : ''}\r\n    ${font.size ? css `font-size: var(--font-${variant}-size, 1rem);` : ''}\r\n    ${font.lineHeight ? css `line-height: var(--font-${variant}-line-height, 1);` : ''}\r\n    ${font.fontWeight ? css `font-weight: var(--font-${variant}-font-weight, inherit);` : ''}\r\n  `)};\r\n  ${props => props.gradient ? css `\r\n    display: -webkit-inline-box;\r\n    background: -webkit-linear-gradient(0deg, var(--color-secondary-500), var(--color-primary-500));\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  ` : ''}\r\n  ${CssH}\r\n  ${CssA}\r\n  ${CssP}\r\n  ${CssUl}\r\n  ${props => getCssResponsive(props)}\r\n`;\nexport const TextBase = forwardRef((_a, ref) => {\n    var { children, className, as = 'div' } = _a, props = __rest(_a, [\"children\", \"className\", \"as\"]);\n    const classNames = getClassNames('text', className, props.variant);\n    return (_jsx(StyledText, Object.assign({ className: classNames, ref: ref, as: as }, props, { children: children })));\n});\nTextBase.displayName = 'Text';\nconst TextSROnly = styled.div `\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 1px;\r\n  padding: 0;\r\n  margin: -1px;\r\n  overflow: hidden;\r\n  clip: rect(0,0,0,0);\r\n  white-space: nowrap;\r\n  border-width: 0;\r\n`;\nexport const Text = withSchema(TextBase, {\n    SROnly: TextSROnly,\n    displayName: 'Text',\n});\n//# sourceMappingURL=text.js.map"],"names":["CssH","css","CssA","CssDefault","CssButtonNavInverted","CssP","CssUl","StyledText","styled","div","props","getFontVariantResponsive","variant","font","family","size","lineHeight","fontWeight","gradient","getCssResponsive","TextBase","forwardRef","_a","ref","children","className","as","__rest","classNames","getClassNames","_jsx","Object","assign","displayName","TextSROnly","Text","withSchema","SROnly"],"mappings":"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"}

package/dist/esm/components/utils.js

@@ -177,14 +177,6 @@ function hasChildOfType(children, type) {
   const hasChildOfType = foundChildren !== undefined;
   return hasChildOfType;
 }
-function hypenize(text) {
-  return text.replace(/(?<![A-Z])[A-Z]/g, m => '-' + m.toLowerCase());
-  // return text.replace(/(?<![A-Z])[A-Z]|(?<![0-9]|^)[0-9]/g, (m) => '-' + m.toLowerCase());
-}
-
-function camelize(text) {
-  return text.replace(/(^[a-z])|-([a-z0-9])/gi, ($0, $1, $2) => $2 ? $2.toUpperCase() : $1.toUpperCase());
-}
 
-export { ObjectKeys, camelize, eachMedia, getAspectResponsive, getChildsByType, getCssResponsive, hasChildOfType, hypenize, isChildElement, isCssProp, mapChildsByType, mediaBetween, mediaDown, mediaMax, mediaMin, mediaOnly, mediaUp, shouldForwardProp };
+export { ObjectKeys, eachMedia, getAspectResponsive, getChildsByType, getCssResponsive, hasChildOfType, isChildElement, isCssProp, mapChildsByType, mediaBetween, mediaDown, mediaMax, mediaMin, mediaOnly, mediaUp, shouldForwardProp };
 //# sourceMappingURL=utils.js.map

package/dist/esm/components/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/utils.ts"],"sourcesContent":["import React from 'react';\nimport { css } from 'styled-components';\nimport { CssMap } from './css';\nexport const ObjectKeys = Object.keys;\nexport function eachMedia(props, callback) {\n    const theme = props.theme;\n    if (theme.mediaQuery && typeof callback === 'function') {\n        return ObjectKeys(theme.mediaQuery).map(key => {\n            const value = theme.mediaQuery[key];\n            const rule = callback(key);\n            return rule ? `@media(min-width: ${value}) { ${rule} }` : '';\n        }).join('\\n');\n    }\n    else {\n        return '';\n    }\n}\nexport function mediaMin(props, key) {\n    return props.theme.mediaQuery[key];\n}\nexport function mediaMax(props, key) {\n    const keys = Object.keys(props.theme.mediaQuery);\n    const index = keys.indexOf(key);\n    const nextKey = index !== -1 && index < keys.length - 1 ? keys[index + 1] : undefined;\n    return nextKey !== undefined ? `${(parseInt(String(props.theme.mediaQuery[nextKey])) - .02)}px` : undefined;\n}\nexport function mediaUp(props, key, rule) {\n    const min = mediaMin(props, key);\n    return css `${min ? css `@media(min-width: ${min}) {\r\n${rule}\r\n}` : ''}`;\n}\nexport function mediaDown(props, key, rule) {\n    const max = mediaMax(props, key);\n    return css `${max ? `@media(max-width: ${max}) {\r\n${rule}\r\n}` : rule}`;\n}\nexport function mediaBetween(props, minKey, maxKey, rule) {\n    const min = mediaMin(props, minKey);\n    const max = mediaMax(props, maxKey);\n    if (min && max) {\n        return css `@media (min-width: ${min}) and (max-width: ${max}) {\r\n${rule}\r\n}`;\n    }\n    else if (!max) {\n        return css `@media(min-width: ${min}) {\r\n${rule}\r\n}`;\n    }\n    else {\n        return css `@media(max-width: ${max}) {\r\n${rule}\r\n}`;\n    }\n}\nexport function mediaOnly(props, key, rule) {\n    return mediaBetween(props, key, key, rule);\n}\nexport function getCssResponsive(props, defaultValue = {}) {\n    props = Object.assign(Object.assign({}, defaultValue), props);\n    let rules = '';\n    for (const [key, value] of Object.entries(props)) {\n        // console.log(`${key}: ${value}`);\n        const rule = key.replace(/(.+?)(Sm|Md|Lg|Xl)?$/, function (m, g1, g2) {\n            const prop = g1;\n            if (CssMap.has(prop)) {\n                // console.log('prop', prop);\n                const rule = `${CssMap.get(prop)}: ${value};`;\n                if (g2) {\n                    const size = g2.toLowerCase();\n                    // console.log('size', size, 'rule', rule);\n                    return `@media(min-width: ${props.theme.mediaQuery[size]}) {\r\n              ${rule}\r\n            }`;\n                }\n                else {\n                    // console.log('rule', rule);\n                    return rule;\n                }\n            }\n            else {\n                return '';\n            }\n        });\n        rules += rule + '\\n';\n    }\n    return rules;\n}\nexport function isCssProp(prop) {\n    const replacedProp = prop.replace(/(Sm|Md|Lg|Xl)$/, '');\n    // console.log('isCssProp', replacedProp, CssMap.has(replacedProp));\n    return CssMap.has(replacedProp);\n}\nexport function shouldForwardProp(prop) {\n    // console.log(prop, 'isCssProp', isCssProp(prop));\n    return !isCssProp(prop);\n}\nexport function getAspectResponsive(props, defaultValue = {}) {\n    props = Object.assign(Object.assign({}, defaultValue), props);\n    let rules = '';\n    for (const [key, value] of Object.entries(props)) {\n        const rule = key.replace(/(.+?)(Sm|Md|Lg|Xl)?$/, function (m, g1, g2) {\n            const prop = g1;\n            if (prop === 'aspectRatio') {\n                const rule = `\r\n          position: relative;\r\n          overflow: hidden;\r\n        `;\n                if (g2) {\n                    const size = g2.toLowerCase();\n                    // console.log('size', size, 'rule', rule);\n                    return `@media(min-width: ${props.theme.mediaQuery[size]}) {\r\n              ${rule}\r\n            }`;\n                }\n                else {\n                    // console.log('rule', rule);\n                    return rule;\n                }\n            }\n            else {\n                return '';\n            }\n        });\n        rules += rule + '\\n';\n    }\n    return rules;\n}\nexport function isChildElement(parent, child) {\n    if (!parent || !child) {\n        return false;\n    }\n    let node = child;\n    while (node) {\n        if (node === parent) {\n            return true;\n        }\n        node = node.parentNode;\n    }\n    return false;\n}\nexport function mapChildsByType(children, type, mapMethod) {\n    return React.Children.map(children, (child) => {\n        if (!React.isValidElement(child)) {\n            return child;\n        }\n        if (child.type === type) {\n            return mapMethod(child);\n        }\n        else if (child.props.children) {\n            child = React.cloneElement(child, Object.assign(Object.assign({}, child.props), { children: mapChildsByType(child.props.children, type, mapMethod) }));\n        }\n        return child;\n    });\n}\nexport function getChildsByType(children, type) {\n    const items = [];\n    const others = React.Children.map(children, (item) => {\n        if (!React.isValidElement(item)) {\n            return item;\n        }\n        if (item.type === type) {\n            items.push(item);\n            return null;\n        }\n        return item;\n    });\n    // console.log(items);\n    const childs = items.length > 0 ? items : undefined;\n    return [childs, others];\n}\nexport function hasChildOfType(children, type) {\n    const [foundChildren, otherChildren] = getChildsByType(children, type);\n    const hasChildOfType = foundChildren !== undefined;\n    return hasChildOfType;\n}\nexport function hypenize(text) {\n    return text.replace(/(?<![A-Z])[A-Z]/g, (m) => '-' + m.toLowerCase());\n    // return text.replace(/(?<![A-Z])[A-Z]|(?<![0-9]|^)[0-9]/g, (m) => '-' + m.toLowerCase());\n}\nexport function camelize(text) {\n    return text.replace(/(^[a-z])|-([a-z0-9])/gi, ($0, $1, $2) => ($2 ? $2.toUpperCase() : $1.toUpperCase()));\n}\n//# sourceMappingURL=utils.js.map"],"names":["ObjectKeys","Object","keys","eachMedia","props","callback","theme","mediaQuery","map","key","value","rule","join","mediaMin","mediaMax","index","indexOf","nextKey","length","undefined","parseInt","String","mediaUp","min","css","mediaDown","max","mediaBetween","minKey","maxKey","mediaOnly","getCssResponsive","defaultValue","assign","rules","entries","replace","m","g1","g2","prop","CssMap","has","get","size","toLowerCase","isCssProp","replacedProp","shouldForwardProp","getAspectResponsive","isChildElement","parent","child","node","parentNode","mapChildsByType","children","type","mapMethod","React","Children","isValidElement","cloneElement","getChildsByType","items","others","item","push","childs","hasChildOfType","foundChildren","otherChildren","hypenize","text","camelize","$0","$1","$2","toUpperCase"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/utils.ts"],"sourcesContent":["import React from 'react';\nimport { css } from 'styled-components';\nimport { CssMap } from './css';\nexport const ObjectKeys = Object.keys;\nexport function eachMedia(props, callback) {\n    const theme = props.theme;\n    if (theme.mediaQuery && typeof callback === 'function') {\n        return ObjectKeys(theme.mediaQuery).map(key => {\n            const value = theme.mediaQuery[key];\n            const rule = callback(key);\n            return rule ? `@media(min-width: ${value}) { ${rule} }` : '';\n        }).join('\\n');\n    }\n    else {\n        return '';\n    }\n}\nexport function mediaMin(props, key) {\n    return props.theme.mediaQuery[key];\n}\nexport function mediaMax(props, key) {\n    const keys = Object.keys(props.theme.mediaQuery);\n    const index = keys.indexOf(key);\n    const nextKey = index !== -1 && index < keys.length - 1 ? keys[index + 1] : undefined;\n    return nextKey !== undefined ? `${(parseInt(String(props.theme.mediaQuery[nextKey])) - .02)}px` : undefined;\n}\nexport function mediaUp(props, key, rule) {\n    const min = mediaMin(props, key);\n    return css `${min ? css `@media(min-width: ${min}) {\r\n${rule}\r\n}` : ''}`;\n}\nexport function mediaDown(props, key, rule) {\n    const max = mediaMax(props, key);\n    return css `${max ? `@media(max-width: ${max}) {\r\n${rule}\r\n}` : rule}`;\n}\nexport function mediaBetween(props, minKey, maxKey, rule) {\n    const min = mediaMin(props, minKey);\n    const max = mediaMax(props, maxKey);\n    if (min && max) {\n        return css `@media (min-width: ${min}) and (max-width: ${max}) {\r\n${rule}\r\n}`;\n    }\n    else if (!max) {\n        return css `@media(min-width: ${min}) {\r\n${rule}\r\n}`;\n    }\n    else {\n        return css `@media(max-width: ${max}) {\r\n${rule}\r\n}`;\n    }\n}\nexport function mediaOnly(props, key, rule) {\n    return mediaBetween(props, key, key, rule);\n}\nexport function getCssResponsive(props, defaultValue = {}) {\n    props = Object.assign(Object.assign({}, defaultValue), props);\n    let rules = '';\n    for (const [key, value] of Object.entries(props)) {\n        // console.log(`${key}: ${value}`);\n        const rule = key.replace(/(.+?)(Sm|Md|Lg|Xl)?$/, function (m, g1, g2) {\n            const prop = g1;\n            if (CssMap.has(prop)) {\n                // console.log('prop', prop);\n                const rule = `${CssMap.get(prop)}: ${value};`;\n                if (g2) {\n                    const size = g2.toLowerCase();\n                    // console.log('size', size, 'rule', rule);\n                    return `@media(min-width: ${props.theme.mediaQuery[size]}) {\r\n              ${rule}\r\n            }`;\n                }\n                else {\n                    // console.log('rule', rule);\n                    return rule;\n                }\n            }\n            else {\n                return '';\n            }\n        });\n        rules += rule + '\\n';\n    }\n    return rules;\n}\nexport function isCssProp(prop) {\n    const replacedProp = prop.replace(/(Sm|Md|Lg|Xl)$/, '');\n    // console.log('isCssProp', replacedProp, CssMap.has(replacedProp));\n    return CssMap.has(replacedProp);\n}\nexport function shouldForwardProp(prop) {\n    // console.log(prop, 'isCssProp', isCssProp(prop));\n    return !isCssProp(prop);\n}\nexport function getAspectResponsive(props, defaultValue = {}) {\n    props = Object.assign(Object.assign({}, defaultValue), props);\n    let rules = '';\n    for (const [key, value] of Object.entries(props)) {\n        const rule = key.replace(/(.+?)(Sm|Md|Lg|Xl)?$/, function (m, g1, g2) {\n            const prop = g1;\n            if (prop === 'aspectRatio') {\n                const rule = `\r\n          position: relative;\r\n          overflow: hidden;\r\n        `;\n                if (g2) {\n                    const size = g2.toLowerCase();\n                    // console.log('size', size, 'rule', rule);\n                    return `@media(min-width: ${props.theme.mediaQuery[size]}) {\r\n              ${rule}\r\n            }`;\n                }\n                else {\n                    // console.log('rule', rule);\n                    return rule;\n                }\n            }\n            else {\n                return '';\n            }\n        });\n        rules += rule + '\\n';\n    }\n    return rules;\n}\nexport function isChildElement(parent, child) {\n    if (!parent || !child) {\n        return false;\n    }\n    let node = child;\n    while (node) {\n        if (node === parent) {\n            return true;\n        }\n        node = node.parentNode;\n    }\n    return false;\n}\nexport function mapChildsByType(children, type, mapMethod) {\n    return React.Children.map(children, (child) => {\n        if (!React.isValidElement(child)) {\n            return child;\n        }\n        if (child.type === type) {\n            return mapMethod(child);\n        }\n        else if (child.props.children) {\n            child = React.cloneElement(child, Object.assign(Object.assign({}, child.props), { children: mapChildsByType(child.props.children, type, mapMethod) }));\n        }\n        return child;\n    });\n}\nexport function getChildsByType(children, type) {\n    const items = [];\n    const others = React.Children.map(children, (item) => {\n        if (!React.isValidElement(item)) {\n            return item;\n        }\n        if (item.type === type) {\n            items.push(item);\n            return null;\n        }\n        return item;\n    });\n    // console.log(items);\n    const childs = items.length > 0 ? items : undefined;\n    return [childs, others];\n}\nexport function hasChildOfType(children, type) {\n    const [foundChildren, otherChildren] = getChildsByType(children, type);\n    const hasChildOfType = foundChildren !== undefined;\n    return hasChildOfType;\n}\n//# sourceMappingURL=utils.js.map"],"names":["ObjectKeys","Object","keys","eachMedia","props","callback","theme","mediaQuery","map","key","value","rule","join","mediaMin","mediaMax","index","indexOf","nextKey","length","undefined","parseInt","String","mediaUp","min","css","mediaDown","max","mediaBetween","minKey","maxKey","mediaOnly","getCssResponsive","defaultValue","assign","rules","entries","replace","m","g1","g2","prop","CssMap","has","get","size","toLowerCase","isCssProp","replacedProp","shouldForwardProp","getAspectResponsive","isChildElement","parent","child","node","parentNode","mapChildsByType","children","type","mapMethod","React","Children","isValidElement","cloneElement","getChildsByType","items","others","item","push","childs","hasChildOfType","foundChildren","otherChildren"],"mappings":"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"}

package/dist/esm/forms/form/form.js

@@ -1,9 +1,9 @@
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
-import { getClassNames } from '@websolutespa/bom-core';
+import { toKebabCase, getClassNames } from '@websolutespa/bom-core';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { getCssResponsive, hypenize } from '../../components/utils.js';
+import { getCssResponsive } from '../../components/utils.js';
 
 const StyledForm = styled.div`
   ${props => getForm(props)}
@@ -30,7 +30,7 @@ function getForm(props) {
   const form = props.theme.form[variant];
   if (form) {
     return Object.keys(form).map(k => {
-      const key = hypenize(k);
+      const key = toKebabCase(k);
       const rule = `--form-${key}: var(--form-${variant}-${key}, --form-${key});`;
       return rule;
     }).join('\n');

package/dist/esm/forms/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../../src/forms/form/form.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { getClassNames } from '@websolutespa/bom-core';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { getCssResponsive, hypenize } from '../../components/utils';\nconst StyledForm = styled.div `\r\n  ${props => getForm(props)}\r\n  ${props => getCssResponsive(props)}\r\n`;\nexport const Form = forwardRef((_a, ref) => {\n    var { className, state, variant } = _a, props = __rest(_a, [\"className\", \"state\", \"variant\"]);\n    const classNames = getClassNames('form', className, state === null || state === void 0 ? void 0 : state.flags, variant);\n    return (_jsx(StyledForm, Object.assign({ ref: ref, className: classNames, as: \"form\", variant: variant }, props)));\n});\nForm.displayName = 'Form';\nexport function getForm(props) {\n    const variant = props.variant || 'default';\n    const form = props.theme.form[variant];\n    if (form) {\n        return Object.keys(form).map((k) => {\n            const key = hypenize(k);\n            const rule = `--form-${key}: var(--form-${variant}-${key}, --form-${key});`;\n            return rule;\n        }).join('\\n');\n    }\n    else {\n        return undefined;\n    }\n    /*\n    return css`\n      --form-font-size: var(--form-${variant}-font-size, 1rem);\n      --form-line-height: var(--form-${variant}-line-height, 1.625);\n      --form-padding: var(--form-${variant}-padding, 0.8em);\n      --form-background-color: var(--form-${variant}-background-color, transparent);\n      --form-background-color-disabled: var(--form-${variant}-background-color-disabled, var(--color-neutral-200));\n      --form-color: var(--form-${variant}-color, inherit);\n      --form-color-hover: var(--form-${variant}-color-hover, var(--color-neutral-900));\n      --form-border: var(--form-${variant}-border, 0 solid transparent);\n      --form-border-width: var(--form-${variant}-border-width, 2px);\n      --form-border-color: var(--form-${variant}-border-color, var(--color-neutral-200));\n      --form-border-color-hover: var(--form-${variant}-border-color-hover, var(--color-neutral-300));\n      --form-border-color-disabled: var(--form-${variant}-border-color-disabled, var(--color-neutral-300));\n      --form-border-radius: var(--form-${variant}-border-radius, var(--border-radius));\n      --form-outline: var(--form-${variant}-outline, 2px solid transparent);\n      --form-outline-color-focus: var(--form-${variant}-outline-color-focus, var(--color-primary-200));\n      --form-outline-color-active: var(--form-${variant}-outline-color-active, var(--color-primary-500));\n      --form-outline-offset: var(--form-${variant}-outline-offset, 2px);\n      --form-transition: var(--form-${variant}-transition, border 150ms ease-in 0s, outline-color 150ms ease-in 0s, color 200ms ease-out 0s, box-shadow 200ms ease 0s);\n    `;\n    */\n}\n//# sourceMappingURL=form.js.map"],"names":["StyledForm","styled","div","props","getForm","getCssResponsive","Form","forwardRef","_a","ref","className","state","variant","__rest","classNames","getClassNames","flags","_jsx","Object","assign","as","displayName","form","theme","keys","map","k","key","hypenize","rule","join","undefined"],"mappings":";;;;;;;AAMA,MAAMA,UAAU,GAAGC,MAAM,CAACC,GAAK,CAAA;AAC/B,EAAA,EAAIC,KAAK,IAAIC,OAAO,CAACD,KAAK,CAAE,CAAA;AAC5B,EAAA,EAAIA,KAAK,IAAIE,gBAAgB,CAACF,KAAK,CAAE,CAAA;AACrC,CAAC,CAAA;AACM,MAAMG,IAAI,gBAAGC,UAAU,CAAC,CAACC,EAAE,EAAEC,GAAG,KAAK;EACxC,IAAI;MAAEC,SAAS;MAAEC,KAAK;AAAEC,MAAAA,OAAAA;AAAQ,KAAC,GAAGJ,EAAE;AAAEL,IAAAA,KAAK,GAAGU,MAAM,CAACL,EAAE,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;EAC7F,MAAMM,UAAU,GAAGC,aAAa,CAAC,MAAM,EAAEL,SAAS,EAAEC,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACK,KAAK,EAAEJ,OAAO,CAAC,CAAA;AACvH,EAAA,OAAQK,GAAI,CAACjB,UAAU,EAAEkB,MAAM,CAACC,MAAM,CAAC;AAAEV,IAAAA,GAAG,EAAEA,GAAG;AAAEC,IAAAA,SAAS,EAAEI,UAAU;AAAEM,IAAAA,EAAE,EAAE,MAAM;AAAER,IAAAA,OAAO,EAAEA,OAAAA;GAAS,EAAET,KAAK,CAAC,CAAC,CAAA;AACrH,CAAC,EAAC;AACFG,IAAI,CAACe,WAAW,GAAG,MAAM,CAAA;AAClB,SAASjB,OAAOA,CAACD,KAAK,EAAE;AAC3B,EAAA,MAAMS,OAAO,GAAGT,KAAK,CAACS,OAAO,IAAI,SAAS,CAAA;EAC1C,MAAMU,IAAI,GAAGnB,KAAK,CAACoB,KAAK,CAACD,IAAI,CAACV,OAAO,CAAC,CAAA;AACtC,EAAA,IAAIU,IAAI,EAAE;IACN,OAAOJ,MAAM,CAACM,IAAI,CAACF,IAAI,CAAC,CAACG,GAAG,CAAEC,CAAC,IAAK;AAChC,MAAA,MAAMC,GAAG,GAAGC,QAAQ,CAACF,CAAC,CAAC,CAAA;MACvB,MAAMG,IAAI,GAAI,CAAA,OAAA,EAASF,GAAI,CAAA,aAAA,EAAef,OAAQ,CAAGe,CAAAA,EAAAA,GAAI,CAAWA,SAAAA,EAAAA,GAAI,CAAG,EAAA,CAAA,CAAA;AAC3E,MAAA,OAAOE,IAAI,CAAA;AACf,KAAC,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,CAAA;AACjB,GAAC,MACI;AACD,IAAA,OAAOC,SAAS,CAAA;AACpB,GAAA;AACA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"form.js","sources":["../../../../src/forms/form/form.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { getClassNames, toKebabCase } from '@websolutespa/bom-core';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { getCssResponsive } from '../../components/utils';\nconst StyledForm = styled.div `\r\n  ${props => getForm(props)}\r\n  ${props => getCssResponsive(props)}\r\n`;\nexport const Form = forwardRef((_a, ref) => {\n    var { className, state, variant } = _a, props = __rest(_a, [\"className\", \"state\", \"variant\"]);\n    const classNames = getClassNames('form', className, state === null || state === void 0 ? void 0 : state.flags, variant);\n    return (_jsx(StyledForm, Object.assign({ ref: ref, className: classNames, as: \"form\", variant: variant }, props)));\n});\nForm.displayName = 'Form';\nexport function getForm(props) {\n    const variant = props.variant || 'default';\n    const form = props.theme.form[variant];\n    if (form) {\n        return Object.keys(form).map((k) => {\n            const key = toKebabCase(k);\n            const rule = `--form-${key}: var(--form-${variant}-${key}, --form-${key});`;\n            return rule;\n        }).join('\\n');\n    }\n    else {\n        return undefined;\n    }\n    /*\n    return css`\n      --form-font-size: var(--form-${variant}-font-size, 1rem);\n      --form-line-height: var(--form-${variant}-line-height, 1.625);\n      --form-padding: var(--form-${variant}-padding, 0.8em);\n      --form-background-color: var(--form-${variant}-background-color, transparent);\n      --form-background-color-disabled: var(--form-${variant}-background-color-disabled, var(--color-neutral-200));\n      --form-color: var(--form-${variant}-color, inherit);\n      --form-color-hover: var(--form-${variant}-color-hover, var(--color-neutral-900));\n      --form-border: var(--form-${variant}-border, 0 solid transparent);\n      --form-border-width: var(--form-${variant}-border-width, 2px);\n      --form-border-color: var(--form-${variant}-border-color, var(--color-neutral-200));\n      --form-border-color-hover: var(--form-${variant}-border-color-hover, var(--color-neutral-300));\n      --form-border-color-disabled: var(--form-${variant}-border-color-disabled, var(--color-neutral-300));\n      --form-border-radius: var(--form-${variant}-border-radius, var(--border-radius));\n      --form-outline: var(--form-${variant}-outline, 2px solid transparent);\n      --form-outline-color-focus: var(--form-${variant}-outline-color-focus, var(--color-primary-200));\n      --form-outline-color-active: var(--form-${variant}-outline-color-active, var(--color-primary-500));\n      --form-outline-offset: var(--form-${variant}-outline-offset, 2px);\n      --form-transition: var(--form-${variant}-transition, border 150ms ease-in 0s, outline-color 150ms ease-in 0s, color 200ms ease-out 0s, box-shadow 200ms ease 0s);\n    `;\n    */\n}\n//# sourceMappingURL=form.js.map"],"names":["StyledForm","styled","div","props","getForm","getCssResponsive","Form","forwardRef","_a","ref","className","state","variant","__rest","classNames","getClassNames","flags","_jsx","Object","assign","as","displayName","form","theme","keys","map","k","key","toKebabCase","rule","join","undefined"],"mappings":";;;;;;;AAMA,MAAMA,UAAU,GAAGC,MAAM,CAACC,GAAK,CAAA;AAC/B,EAAA,EAAIC,KAAK,IAAIC,OAAO,CAACD,KAAK,CAAE,CAAA;AAC5B,EAAA,EAAIA,KAAK,IAAIE,gBAAgB,CAACF,KAAK,CAAE,CAAA;AACrC,CAAC,CAAA;AACM,MAAMG,IAAI,gBAAGC,UAAU,CAAC,CAACC,EAAE,EAAEC,GAAG,KAAK;EACxC,IAAI;MAAEC,SAAS;MAAEC,KAAK;AAAEC,MAAAA,OAAAA;AAAQ,KAAC,GAAGJ,EAAE;AAAEL,IAAAA,KAAK,GAAGU,MAAM,CAACL,EAAE,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;EAC7F,MAAMM,UAAU,GAAGC,aAAa,CAAC,MAAM,EAAEL,SAAS,EAAEC,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACK,KAAK,EAAEJ,OAAO,CAAC,CAAA;AACvH,EAAA,OAAQK,GAAI,CAACjB,UAAU,EAAEkB,MAAM,CAACC,MAAM,CAAC;AAAEV,IAAAA,GAAG,EAAEA,GAAG;AAAEC,IAAAA,SAAS,EAAEI,UAAU;AAAEM,IAAAA,EAAE,EAAE,MAAM;AAAER,IAAAA,OAAO,EAAEA,OAAAA;GAAS,EAAET,KAAK,CAAC,CAAC,CAAA;AACrH,CAAC,EAAC;AACFG,IAAI,CAACe,WAAW,GAAG,MAAM,CAAA;AAClB,SAASjB,OAAOA,CAACD,KAAK,EAAE;AAC3B,EAAA,MAAMS,OAAO,GAAGT,KAAK,CAACS,OAAO,IAAI,SAAS,CAAA;EAC1C,MAAMU,IAAI,GAAGnB,KAAK,CAACoB,KAAK,CAACD,IAAI,CAACV,OAAO,CAAC,CAAA;AACtC,EAAA,IAAIU,IAAI,EAAE;IACN,OAAOJ,MAAM,CAACM,IAAI,CAACF,IAAI,CAAC,CAACG,GAAG,CAAEC,CAAC,IAAK;AAChC,MAAA,MAAMC,GAAG,GAAGC,WAAW,CAACF,CAAC,CAAC,CAAA;MAC1B,MAAMG,IAAI,GAAI,CAAA,OAAA,EAASF,GAAI,CAAA,aAAA,EAAef,OAAQ,CAAGe,CAAAA,EAAAA,GAAI,CAAWA,SAAAA,EAAAA,GAAI,CAAG,EAAA,CAAA,CAAA;AAC3E,MAAA,OAAOE,IAAI,CAAA;AACf,KAAC,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,CAAA;AACjB,GAAC,MACI;AACD,IAAA,OAAOC,SAAS,CAAA;AACpB,GAAA;AACA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/index.js

@@ -15,6 +15,7 @@ export { Code } from './components/code/code.js';
 export { Container, ContainerBase, ContainerFluid, getContainer } from './components/container/container.js';
 export { Divider } from './components/divider/divider.js';
 export { Drawer } from './components/drawer/drawer.js';
+export { getDrawerTransform } from './components/drawer/helper.js';
 export { Dropdown } from './components/dropdown/dropdown.js';
 export { Ellipsis } from './components/ellipsis/ellipsis.js';
 export { Expand } from './components/expand/expand.js';
@@ -30,7 +31,7 @@ export { List } from './components/list/list.js';
 export { Loading } from './components/loading/loading.js';
 export { MediaGallery } from './components/media-gallery/media-gallery.js';
 export { Media } from './components/media/media.js';
-export { MediaImage } from './components/media/media-image.js';
+export { ImageStrategy, MediaImage } from './components/media/media-image.js';
 export { Meta } from './components/meta/meta.js';
 export { Modal } from './components/modal/modal.js';
 export { NavLink } from './components/nav-link/nav-link.js';
@@ -47,7 +48,7 @@ export { Tabs } from './components/tabs/tabs.js';
 export { Text, TextBase } from './components/text/text.js';
 export { Tooltip } from './components/tooltip/tooltip.js';
 export { Transition } from './components/transition/transition.js';
-export { ObjectKeys, camelize, eachMedia, getAspectResponsive, getChildsByType, getCssResponsive, hasChildOfType, hypenize, isChildElement, isCssProp, mapChildsByType, mediaBetween, mediaDown, mediaMax, mediaMin, mediaOnly, mediaUp, shouldForwardProp } from './components/utils.js';
+export { ObjectKeys, eachMedia, getAspectResponsive, getChildsByType, getCssResponsive, hasChildOfType, isChildElement, isCssProp, mapChildsByType, mediaBetween, mediaDown, mediaMax, mediaMin, mediaOnly, mediaUp, shouldForwardProp } from './components/utils.js';
 export { FieldAccept } from './fields/field-accept.js';
 export { FieldAutocomplete } from './fields/field-autocomplete.js';
 export { FieldCard } from './fields/field-card.js';
@@ -97,6 +98,7 @@ export { TextArea } from './forms/textarea/textarea.js';
 export { CssTextareaDefault, textareaVariants } from './forms/textarea/textarea.variants.js';
 export { CssFormControl } from './forms/utils/utils.js';
 export { withPageTransition } from './hoc/with-page-transition/with-page-transition.js';
+export { LayoutDefault } from './layouts/layout-default/layout-default.js';
 export { LazyLoader } from './lazy/lazy-loader/lazy-loader.js';
 export { Auth } from './sections/auth/auth.js';
 export { AuthChangePassword } from './sections/auth/auth-change-password.js';
@@ -173,12 +175,13 @@ export { getShortName } from './utils/index.js';
 export { defaultVariants } from './variants/types.js';
 export { VariantsProvider, useVariants } from './variants/useVariants.js';
 export { getFontVariantResponsive, getVariant, getVariantKey, getVariantResponsive } from './variants/utils.js';
-export { CssScrollbar } from './theme/styles/mixins/_scrollbar.js';
-export { CssBase } from './theme/styles/_base.js';
-export { CssDebug } from './theme/styles/_debug.js';
-export { CssPrint } from './theme/styles/_print.js';
-export { CssReset } from './theme/styles/_reset.js';
-export { CssTypography } from './theme/styles/_typography.js';
+export { CssBase } from './theme/styles/base.js';
+export { CssDebug } from './theme/styles/debug.js';
+export { CssPrint } from './theme/styles/print.js';
+export { CssReset } from './theme/styles/reset.js';
+export { CssScrollbar } from './theme/styles/scrollbar.js';
+export { CssSwiper } from './theme/styles/swiper.js';
+export { CssTypography } from './theme/styles/typography.js';
 export { GlobalStyle } from './theme/global.style.js';
 export { CssVars } from './theme/global.vars.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/layouts/layout-default/layout-default.js

@@ -0,0 +1,129 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '../../components/accordion/accordion.js';
+import '../../components/accordion/accordion-base.js';
+import '../../components/badge/badge.js';
+import '../../components/box/box.js';
+import '../../components/breadcrumb/breadcrumb.js';
+import '../../components/breadcrumb/breadcrumb-base.js';
+import '../../components/breakpoint/breakpoint.js';
+import '../../components/button-group/button-group.js';
+import '../../components/button/button.js';
+import '../../components/button/button.variants.js';
+import '../../components/card/card.js';
+import '../../components/card/card-content.js';
+import '../../components/card/card-footer.js';
+import '../../components/code/code.js';
+import '../../components/container/container.js';
+import '../../components/divider/divider.js';
+import '../../components/drawer/drawer.js';
+import '../../components/dropdown/dropdown.js';
+import '../../components/ellipsis/ellipsis.js';
+import '../../components/expand/expand.js';
+import '../../components/flex/flex.js';
+import '../../components/flex/flex-row.js';
+import '../../components/grid/grid.js';
+import '../../components/grid/grid-row.js';
+import '../../components/highlight/highlight.js';
+import '../../components/infinite-loader/infinite-loader.js';
+import { Layout } from '../../components/layout/layout.js';
+import '../../components/link/link.js';
+import '../../components/list/list.js';
+import '../../components/loading/loading.js';
+import '../../components/media-gallery/media-gallery.js';
+import '../../components/media/media.js';
+import '../../components/media/media-image.js';
+import { Meta } from '../../components/meta/meta.js';
+import '../../components/modal/modal.js';
+import '../../components/nav-link/nav-link.js';
+import '../../components/nav/nav.js';
+import '../../components/page-nav/page-nav.js';
+import { Page } from '../../components/page/page.js';
+import '../../components/pagination/pagination.js';
+import '../../components/popover/popover.js';
+import '../../components/section/section.js';
+import '../../components/skeleton/skeleton.js';
+import '../../components/svg/svg.js';
+import '../../components/swiper/swiper.js';
+import '../../components/tabs/tabs.js';
+import '../../components/text/text.js';
+import '../../components/tooltip/tooltip.js';
+import '../../components/transition/transition.js';
+import 'react';
+import 'styled-components';
+import '../../components/css.js';
+import '../../node_modules/tslib/tslib.es6.js';
+import '@websolutespa/bom-mixer-hooks';
+import '@websolutespa/bom-core';
+import '@websolutespa/bom-mixer-forms';
+import '../../forms/autocomplete/autocomplete.js';
+import '../../forms/autocomplete/autocomplete.variants.js';
+import '../../forms/checkbox/checkbox.js';
+import '../../forms/checkbox/checkbox.variants.js';
+import '../../forms/custom-select/custom-select.js';
+import '../../forms/field/field.js';
+import '../../forms/field/field.variants.js';
+import '../../forms/form-error/form-error.js';
+import '../../forms/form-error/form-error.variants.js';
+import '../../forms/form-tester/form-tester.js';
+import '../../forms/form-tester/form-tester.variants.js';
+import '../../forms/form-tester/useFormTester.js';
+import '../../forms/form/form.js';
+import '../../forms/input-group/input-group.js';
+import '../../forms/input/input.js';
+import '../../forms/input/input.variants.js';
+import '../../forms/label/label.js';
+import '../../forms/label/label.variants.js';
+import '../../forms/radio-card/radio-card.js';
+import '../../forms/radio-card/radio-card-base.js';
+import '../../forms/radio-card/radio-card.variants.js';
+import '../../forms/radio-color/radio-color.js';
+import '../../forms/radio-color/radio-color-base.js';
+import '../../forms/radio-color/radio-color.variants.js';
+import '../../forms/radio-option/radio-option.js';
+import '../../forms/radio-option/radio-option-base.js';
+import '../../forms/radio-option/radio-option.variants.js';
+import '../../forms/radio/radio.js';
+import '../../forms/radio/radio-base.js';
+import '../../forms/radio/radio.variants.js';
+import '../../forms/rating/rating.js';
+import '../../forms/rating/rating.variants.js';
+import '../../forms/select/select.js';
+import '../../forms/select/select.variants.js';
+import '../../forms/textarea/textarea.js';
+import '../../forms/textarea/textarea.variants.js';
+import '../../forms/utils/utils.js';
+import '../../fields/field-error.js';
+import '@websolutespa/bom-mixer-icons';
+import '../../fields/field-error.variants.js';
+import '../../sections/auth/auth-form.js';
+import '../../sections/auth/useAuth.js';
+import '../../sections/checkout/checkout-wizard.js';
+import { Footer } from '../../sections/footer/footer.js';
+import { Header } from '../../sections/header/header.js';
+import '../../sections/magazine-related/magazine-related.js';
+import '../../sections/product-overview/product-overview.js';
+import '../../sections/products-detail-download/products-detail-download.js';
+import '../../sections/products-detail-related/products-detail-related.js';
+import '../../sections/products-detail-size-color/products-detail-size-color.js';
+import '../../sections/products-search/products-search-card.js';
+import 'next/router';
+import 'framer-motion';
+import '../../sections/shop-detail-related/shop-detail-related.js';
+import '../../sections/store-locator/store-locator-search.js';
+import '../../sections/swiper-hero/swiper-hero.js';
+
+function LayoutDefault(_ref) {
+  let {
+    children
+  } = _ref;
+  return jsxs(Layout, {
+    children: [jsx(Meta, {}), jsxs(Page, {
+      children: [jsx(Header, {
+        fixed: true
+      }), children, jsx(Footer, {})]
+    })]
+  });
+}
+
+export { LayoutDefault };
+//# sourceMappingURL=layout-default.js.map

package/dist/esm/layouts/layout-default/layout-default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-default.js","sources":["../../../../src/layouts/layout-default/layout-default.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Layout, Meta, Page } from '../../components';\nimport { Footer, Header } from '../../sections';\nexport function LayoutDefault({ children }) {\n    return (_jsxs(Layout, { children: [_jsx(Meta, {}), _jsxs(Page, { children: [_jsx(Header, { fixed: true }), children, _jsx(Footer, {})] })] }));\n}\n//# sourceMappingURL=layout-default.js.map"],"names":["LayoutDefault","_ref","children","_jsxs","Layout","_jsx","Meta","Page","Header","fixed","Footer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,SAASA,aAAaA,CAAAC,IAAA,EAAe;EAAA,IAAd;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,IAAA,CAAA;EACtC,OAAQE,IAAK,CAACC,MAAM,EAAE;AAAEF,IAAAA,QAAQ,EAAE,CAACG,GAAI,CAACC,IAAI,EAAE,EAAE,CAAC,EAAEH,IAAK,CAACI,IAAI,EAAE;AAAEL,MAAAA,QAAQ,EAAE,CAACG,GAAI,CAACG,MAAM,EAAE;AAAEC,QAAAA,KAAK,EAAE,IAAA;OAAM,CAAC,EAAEP,QAAQ,EAAEG,GAAI,CAACK,MAAM,EAAE,EAAE,CAAC,CAAA;AAAE,KAAC,CAAC,CAAA;AAAE,GAAC,CAAC,CAAA;AACjJ;;;;"}

package/dist/esm/theme/global.style.js

@@ -1,23 +1,14 @@
 import { createGlobalStyle } from 'styled-components';
 import { CssVars } from './global.vars.js';
-import { CssScrollbar } from './styles/mixins/_scrollbar.js';
-import { CssBase } from './styles/_base.js';
-import { CssDebug } from './styles/_debug.js';
-import { CssPrint } from './styles/_print.js';
-import { CssReset } from './styles/_reset.js';
-import { CssTypography } from './styles/_typography.js';
+import { CssBase } from './styles/base.js';
+import { CssDebug } from './styles/debug.js';
+import { CssPrint } from './styles/print.js';
+import { CssReset } from './styles/reset.js';
+import { CssScrollbar } from './styles/scrollbar.js';
+import { CssSwiper } from './styles/swiper.js';
+import { CssTypography } from './styles/typography.js';
 
-// Import Swiper styles
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-// import swiperCss from '!!raw-loader!swiper/css';
-const swiperCss = '';
-// import 'swiper/css/navigation';
-// import 'swiper/css/pagination';
 const GlobalStyle = createGlobalStyle`
-
-  ${swiperCss}
-
   ${CssReset}
   ${CssVars}
   ${CssBase}
@@ -25,11 +16,7 @@ const GlobalStyle = createGlobalStyle`
   ${CssScrollbar}
   ${CssPrint}
   ${CssDebug}
-
-  a {
-    color: inherit;
-    text-decoration: none;
-  }
+  ${CssSwiper}
 `;
 
 export { GlobalStyle };

package/dist/esm/theme/global.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"global.style.js","sources":["../../../src/theme/global.style.ts"],"sourcesContent":["import { createGlobalStyle } from 'styled-components';\nimport { CssVars } from './global.vars';\nimport { CssScrollbar } from './styles/mixins/_scrollbar';\nimport { CssBase } from './styles/_base';\nimport { CssDebug } from './styles/_debug';\nimport { CssPrint } from './styles/_print';\nimport { CssReset } from './styles/_reset';\nimport { CssTypography } from './styles/_typography';\n// Import Swiper styles\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// import swiperCss from '!!raw-loader!swiper/css';\nconst swiperCss = '';\n// import 'swiper/css/navigation';\n// import 'swiper/css/pagination';\nexport const GlobalStyle = createGlobalStyle `\r\n\r\n  ${swiperCss}\r\n\r\n  ${CssReset}\r\n  ${CssVars}\r\n  ${CssBase}\r\n  ${CssTypography}\r\n  ${CssScrollbar}\r\n  ${CssPrint}\r\n  ${CssDebug}\r\n\r\n  a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n  }\r\n`;\n//# sourceMappingURL=global.style.js.map"],"names":["swiperCss","GlobalStyle","createGlobalStyle","CssReset","CssVars","CssBase","CssTypography","CssScrollbar","CssPrint","CssDebug"],"mappings":";;;;;;;;;AAQA;AACA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,EAAE,CAAA;AACpB;AACA;AACO,MAAMC,WAAW,GAAGC,iBAAmB,CAAA;AAC9C;AACA,EAAA,EAAIF,SAAU,CAAA;AACd;AACA,EAAA,EAAIG,QAAS,CAAA;AACb,EAAA,EAAIC,OAAQ,CAAA;AACZ,EAAA,EAAIC,OAAQ,CAAA;AACZ,EAAA,EAAIC,aAAc,CAAA;AAClB,EAAA,EAAIC,YAAa,CAAA;AACjB,EAAA,EAAIC,QAAS,CAAA;AACb,EAAA,EAAIC,QAAS,CAAA;AACb;AACA;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"global.style.js","sources":["../../../src/theme/global.style.ts"],"sourcesContent":["import { createGlobalStyle } from 'styled-components';\nimport { CssVars } from './global.vars';\nimport { CssBase } from './styles/base';\nimport { CssDebug } from './styles/debug';\nimport { CssPrint } from './styles/print';\nimport { CssReset } from './styles/reset';\nimport { CssScrollbar } from './styles/scrollbar';\nimport { CssSwiper } from './styles/swiper';\nimport { CssTypography } from './styles/typography';\nexport const GlobalStyle = createGlobalStyle `\r\n  ${CssReset}\r\n  ${CssVars}\r\n  ${CssBase}\r\n  ${CssTypography}\r\n  ${CssScrollbar}\r\n  ${CssPrint}\r\n  ${CssDebug}\r\n  ${CssSwiper}\r\n`;\n//# sourceMappingURL=global.style.js.map"],"names":["GlobalStyle","createGlobalStyle","CssReset","CssVars","CssBase","CssTypography","CssScrollbar","CssPrint","CssDebug","CssSwiper"],"mappings":";;;;;;;;;;AASO,MAAMA,WAAW,GAAGC,iBAAmB,CAAA;AAC9C,EAAA,EAAIC,QAAS,CAAA;AACb,EAAA,EAAIC,OAAQ,CAAA;AACZ,EAAA,EAAIC,OAAQ,CAAA;AACZ,EAAA,EAAIC,aAAc,CAAA;AAClB,EAAA,EAAIC,YAAa,CAAA;AACjB,EAAA,EAAIC,QAAS,CAAA;AACb,EAAA,EAAIC,QAAS,CAAA;AACb,EAAA,EAAIC,SAAU,CAAA;AACd;;;;"}

package/dist/esm/theme/index.js

@@ -1,12 +1,13 @@
 import theme from './theme.json.js';
 export { GlobalStyle } from './global.style.js';
 export { CssVars } from './global.vars.js';
-export { CssScrollbar } from './styles/mixins/_scrollbar.js';
-export { CssBase } from './styles/_base.js';
-export { CssDebug } from './styles/_debug.js';
-export { CssPrint } from './styles/_print.js';
-export { CssReset } from './styles/_reset.js';
-export { CssTypography } from './styles/_typography.js';
+export { CssBase } from './styles/base.js';
+export { CssDebug } from './styles/debug.js';
+export { CssPrint } from './styles/print.js';
+export { CssReset } from './styles/reset.js';
+export { CssScrollbar } from './styles/scrollbar.js';
+export { CssSwiper } from './styles/swiper.js';
+export { CssTypography } from './styles/typography.js';
 
 const customTheme = theme;
 const sizes = ['xs', 'sm', 'md', 'lg', 'xl'];

package/dist/esm/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/theme/index.ts"],"sourcesContent":["import theme from './theme.json';\nconst customTheme = theme;\nexport * from './global.style';\nexport * from './global.vars';\nexport { CssScrollbar } from './styles/mixins/_scrollbar';\nexport { CssBase } from './styles/_base';\nexport { CssDebug } from './styles/_debug';\nexport { CssPrint } from './styles/_print';\nexport { CssReset } from './styles/_reset';\nexport { CssTypography } from './styles/_typography';\nexport * from './types';\nexport { customTheme as theme };\nexport const sizes = ['xs', 'sm', 'md', 'lg', 'xl'];\n//# sourceMappingURL=index.js.map"],"names":["customTheme","theme","sizes"],"mappings":";;;;;;;;;;AACMA,MAAAA,WAAW,GAAGC,MAAK;AAWZC,MAAAA,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/theme/index.ts"],"sourcesContent":["import theme from './theme.json';\nconst customTheme = theme;\nexport * from './global.style';\nexport * from './global.vars';\nexport { CssBase } from './styles/base';\nexport { CssDebug } from './styles/debug';\nexport { CssPrint } from './styles/print';\nexport { CssReset } from './styles/reset';\nexport { CssScrollbar } from './styles/scrollbar';\nexport { CssSwiper } from './styles/swiper';\nexport { CssTypography } from './styles/typography';\nexport * from './types';\nexport { customTheme as theme };\nexport const sizes = ['xs', 'sm', 'md', 'lg', 'xl'];\n//# sourceMappingURL=index.js.map"],"names":["customTheme","theme","sizes"],"mappings":";;;;;;;;;;;AACMA,MAAAA,WAAW,GAAGC,MAAK;AAYZC,MAAAA,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;;;;"}

package/dist/esm/theme/styles/{_base.js → base.js}

@@ -19,4 +19,4 @@ body {
 `;
 
 export { CssBase };
-//# sourceMappingURL=_base.js.map
+//# sourceMappingURL=base.js.map

package/dist/esm/theme/styles/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../src/theme/styles/base.ts"],"sourcesContent":["import { css } from 'styled-components';\nexport const CssBase = css `\r\nhtml,\r\nbody {\r\n  background: var(--color-neutral-100);\r\n  // color: var(--color-neutral-500);\r\n  scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n  height: auto;\r\n}\r\n\r\n.negative {\r\n  background: var(--color-neutral-900);\r\n  color: var(--color-neutral-100);\r\n}\r\n`;\n//# sourceMappingURL=base.js.map"],"names":["CssBase","css"],"mappings":";;AACO,MAAMA,OAAO,GAAGC,GAAK,CAAA;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/theme/styles/{_debug.js → debug.js}

@@ -7,4 +7,4 @@ const CssDebug = css`
 `;
 
 export { CssDebug };
-//# sourceMappingURL=_debug.js.map
+//# sourceMappingURL=debug.js.map

package/dist/esm/theme/styles/debug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.js","sources":["../../../../src/theme/styles/debug.ts"],"sourcesContent":["import { css } from 'styled-components';\nexport const CssDebug = css `\r\n  .debug {\r\n    outline: 1px solid var(--color-danger-100);\r\n  }\r\n`;\n//# sourceMappingURL=debug.js.map"],"names":["CssDebug","css"],"mappings":";;AACO,MAAMA,QAAQ,GAAGC,GAAK,CAAA;AAC7B;AACA;AACA;AACA;;;;"}

package/dist/esm/theme/styles/{_print.js → print.js}

@@ -14,4 +14,4 @@ const CssPrint = css`
 `;
 
 export { CssPrint };
-//# sourceMappingURL=_print.js.map
+//# sourceMappingURL=print.js.map

package/dist/esm/theme/styles/print.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"print.js","sources":["../../../../src/theme/styles/print.ts"],"sourcesContent":["import { css } from 'styled-components';\nexport const CssPrint = css `\r\n.print-none {\r\n  @media print {\r\n    display: none;\r\n  }\r\n}\r\n.screen-none {\r\n  @media screen {\r\n    display: none;\r\n  }\r\n}\r\n`;\n//# sourceMappingURL=print.js.map"],"names":["CssPrint","css"],"mappings":";;AACO,MAAMA,QAAQ,GAAGC,GAAK,CAAA;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/theme/styles/{_reset.js → reset.js}

@@ -230,7 +230,12 @@ body {
   font-family: system-ui, sans-serif;
   -webkit-font-smoothing: antialiased;
 }
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
 `;
 
 export { CssReset };
-//# sourceMappingURL=_reset.js.map
+//# sourceMappingURL=reset.js.map