npm - @quintara.ai/ui - Versions diffs - 0.0.2 → 0.0.4 - Mend

@quintara.ai/ui 0.0.2 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/dist/components.d.ts +7 -2
package/dist/components.esm.js +37 -30
package/dist/components.esm.js.map +1 -1
package/dist/components.js +34 -27
package/dist/components.js.map +1 -1
package/dist/index.d.ts +15 -3
package/dist/index.esm.js +236 -229
package/dist/index.esm.js.map +1 -1
package/dist/index.js +165 -158
package/dist/index.js.map +1 -1
package/dist/utils.d.ts +8 -1
package/dist/utils.esm.js +1 -1
package/dist/utils.esm.js.map +1 -1
package/dist/utils.js +1 -1
package/dist/utils.js.map +1 -1
package/package.json +1 -1

package/dist/utils.d.ts CHANGED Viewed

@@ -34,5 +34,12 @@ declare const cssVars: (names: string[]) => Record<string, string>;
  */
 declare const setCssVar: (name: string, value: string) => void;
-export { SuperCSS, cssVar, cssVars, hasWindow, normalize, randomKey, sanitize, setCssVar, slugify };
+/**
+ * Fusiona recursivamente `local` sobre `global`.
+ * - Soporta objetos anidados y arrays de objetos con campo `id`.
+ * - En arrays, los elementos se fusionan/actualizan por `id`.
+ */
+declare const adapterSchema: ($global: any, $local: any) => any;
+export { SuperCSS, adapterSchema, cssVar, cssVars, hasWindow, normalize, randomKey, sanitize, setCssVar, slugify };
 export type { SuperCSSProps };

package/dist/utils.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-function t(t){const e="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";let r="";for(let i=0;i<t;i++){r+=e[Math.floor(62*Math.random())]}return r}const e=["align-content","align-self","align-items","align-self","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","border","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","content","counter-increment","counter-reset","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","font","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-stretch","font-style","font-synthesis","font-variant","font-variant-alternates","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-weight","gap","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-gap","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-gap","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","image-orientation","image-rendering","image-resolution","inline-size","justify-content","justify-items","justify-self","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-bottom","margin-left","margin-right","margin-top","margin-block","margin-inline","max-height","max-width","min-height","min-width","mix-blend-mode","object-fit","object-position","opacity","order","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-bottom","padding-left","padding-right","padding-top","padding-block","padding-inline","page-break-after","page-break-before","page-break-inside","perspective","perspective-origin","place-content","place-items","place-self","pointer-events","position","quotes","resize","right","row-gap","scroll-behavior","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","shape-image-threshold","shape-margin","shape-outside","tab-size","table-layout","text-align","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","touch-action","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","user-select","vertical-align","visibility","white-space","width","will-change","word-break","word-spacing","word-wrap","writing-mode","backdrop-filter","z-index"],r=["key","ref","dangerouslySetInnerHTML","style","children","className","htmlFor","id"],i=[320,768,1024,1360,1540],o=["xs","sm","md","lg","xl"];const n=new class{constructor(t){const{breakpoints:n=[],breakpointsPrefix:a=[],supportCSSProps:s=[],reservedProps:l=[],alias:d={},values:c={}}=t;this.BREAKPOINTS=n||i||[],this.CSS_PROPS=[...e,...s],this.BREAKPOINTS_PREFIX=a||o||[],this.REACT_RESERVED_PROPS=[...r,...l],this.ALIAS=d,this.VALUES=c,this.hydrate=this.hydrate.bind(this),this.hexToRGB=this.hexToRGB.bind(this),this.toKebabCase=this.toKebabCase.bind(this),this.hydrateObject=this.hydrateObject.bind(this),this.mapProperties=this.mapProperties.bind(this),this.mapDynamicProps=this.mapDynamicProps.bind(this),this.breakpointsOrder=this.breakpointsOrder.bind(this),this.addResponsiveSupport=this.addResponsiveSupport.bind(this)}cleanDollarProps(t){return t.map(([t,e])=>(t.startsWith("$")&&(t=t.substring(1)),[t,e]))}toKebabCase(t){return t.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase().replace(/^-/,"")}hexToRGB(t,e){t=t.replace(/#/g,"");const r=parseInt(t.slice(0,2),16),i=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16);return e?`rgba(${r}, ${i}, ${o}, ${e})`:`rgb(${r}, ${i}, ${o})`}breakpointsOrder(t){const e=[],r={};for(let t=0;t<this.BREAKPOINTS_PREFIX.length;t++)r[this.BREAKPOINTS_PREFIX[t]]=t;for(let i=0;i<t.length;i++){const o=t[i],n=null===o?.breakpoint?-1:r[o.breakpoint];e.push({index:i,value:n})}return e.sort((t,e)=>t.value-e.value),e.map(e=>t[e.index])}mapProperties(t){const e=[],r=this.VALUES,i=this.cleanDollarProps(t);for(let o=0;o<t.length;o++){const t=i[o],n=t[0],a=t[1],s=n.substring(0,2),l=this.BREAKPOINTS_PREFIX.includes(s)?s:null,d=this.BREAKPOINTS_PREFIX.includes(s)?n.substring(2):n,c="number"==typeof a?`${a}px`:r[a]||a;this.REACT_RESERVED_PROPS.includes(d)||e.push({breakpoint:l,property:d,value:c})}return this.breakpointsOrder(e)}hydrateObject(t){const e={},r=this.ALIAS,i=Object.entries(t);return this.mapProperties(i).forEach(({breakpoint:t,property:i,value:o})=>{const n=toKebabCase(i),a=r[n]||n,s=a.replace(/-([a-z])/g,(t,e)=>e.toUpperCase());if(this.CSS_PROPS.includes(a))if(t){const r=e[s]||{};r[t]=o,e[s]=r}else e[s]=o}),e}hydrate(t){let e="";const r=this.ALIAS,i=Object.entries(t);return this.mapProperties(i).forEach(({breakpoint:t,property:i,value:o})=>{const n=this.toKebabCase(i),a=r[n]||n,s=Array.isArray(a)?[...a]:[a];e+=s.map(e=>{if(this.CSS_PROPS.includes(e)){if(!t)return`${e}: ${o};`;if(t){return`@media screen and (min-width: ${this.BREAKPOINTS[this.BREAKPOINTS_PREFIX.indexOf(t)]}px) {\n                          ${e}: ${o};\n                      }`}}}).join(" ")}),e}addResponsiveSupport(t){return""}mapDynamicProps(t){return""}}({alias:{maxw:"max-width",minw:"min-width",maxh:"max-height",minh:"min-height",size:"font-size",order:"order",weight:"font-weight",family:"font-family",decoration:"text-decoration",justify:"justify-content",items:"align-items",wrap:"flex-wrap",content:"align-content",direction:"flex-direction",align:"text-align",bg:"background-color",flexalign:["align-items","align-content","justify-content"],shrink:"flex-shrink",grow:"flex-grow",basis:"flex-basis",pv:["padding-top","padding-bottom"],ph:["padding-left","padding-right"],mv:["margin-top","margin-bottom"],mh:["margin-left","margin-right"],wsvg:["width","height","min-width","min-height"],dimentions:["width","height","min-width","min-height"],$height:["height","max-height"],radius:"border-radius",spacing:"letter-spacing",pl:"padding-left",pr:"padding-right",ml:"margin-left",mr:"margin-right",pt:"padding-top",pb:"padding-bottom",mt:"margin-top",mb:"margin-bottom",ttrans:"text-transform",cols:"grid-template-columns",acols:"grid-auto-columns",rows:"grid-template-rows",arows:"grid-auto-rows",colstart:"grid-column-start",colend:"grid-column-end",rowstart:"grid-row-start",rowend:"grid-row-end",col:"grid-column",row:"grid-row",ratio:"aspect-ratio",events:"pointer-events"},values:{around:"space-around",between:"space-between",start:"flex-start",startSnap:"start",end:"flex-end",primary:"var(--db-primary)",secondary:"var(--db-secondary)",white:"var(--db-white)",black:"var(--db-black)",light:"var(--db-light)",info:"var(--db-info)",success:"var(--db-success)",warning:"var(--db-warning)",danger:"var(--db-danger)",upper:"uppercase",lower:"lowercase"},breakpoints:[320,768,980,1280,1440],breakpointsPrefix:["xs","sm","md","lg","xl"],supportCSSProps:["backdrop-filter"]}),a=()=>"undefined"!=typeof window,s=t=>t.toString().normalize("NFKD").toLowerCase().trim().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-"),l=t=>t.replace(/ {2}/g," ").trim(),d=t=>t.normalize("NFD").replace(/[\u0300-\u036f]/g,""),c=t=>{if("undefined"==typeof window)return"";const e=t.startsWith("--")?t:`--${t}`;return getComputedStyle(document.documentElement).getPropertyValue(e).trim()},g=t=>t.reduce((t,e)=>(t[e.startsWith("--")?e.slice(2):e]=c(e),t),{}),p=(t,e)=>{if("undefined"==typeof window)return;const r=t.startsWith("--")?t:`--${t}`;document.documentElement.style.setProperty(r,e)};export{n as SuperCSS,c as cssVar,g as cssVars,a as hasWindow,d as normalize,t as randomKey,l as sanitize,p as setCssVar,s as slugify};
+function t(t){const e="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";let r="";for(let i=0;i<t;i++){r+=e[Math.floor(62*Math.random())]}return r}const e=["align-content","align-self","align-items","align-self","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","border","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","content","counter-increment","counter-reset","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","font","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-stretch","font-style","font-synthesis","font-variant","font-variant-alternates","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-weight","gap","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-gap","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-gap","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","image-orientation","image-rendering","image-resolution","inline-size","justify-content","justify-items","justify-self","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-bottom","margin-left","margin-right","margin-top","margin-block","margin-inline","max-height","max-width","min-height","min-width","mix-blend-mode","object-fit","object-position","opacity","order","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-bottom","padding-left","padding-right","padding-top","padding-block","padding-inline","page-break-after","page-break-before","page-break-inside","perspective","perspective-origin","place-content","place-items","place-self","pointer-events","position","quotes","resize","right","row-gap","scroll-behavior","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","shape-image-threshold","shape-margin","shape-outside","tab-size","table-layout","text-align","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","touch-action","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","user-select","vertical-align","visibility","white-space","width","will-change","word-break","word-spacing","word-wrap","writing-mode","backdrop-filter","z-index"],r=["key","ref","dangerouslySetInnerHTML","style","children","className","htmlFor","id"],i=[320,768,1024,1360,1540],o=["xs","sm","md","lg","xl"];const n=new class{constructor(t){const{breakpoints:n=[],breakpointsPrefix:a=[],supportCSSProps:s=[],reservedProps:l=[],alias:d={},values:c={}}=t;this.BREAKPOINTS=n||i||[],this.CSS_PROPS=[...e,...s],this.BREAKPOINTS_PREFIX=a||o||[],this.REACT_RESERVED_PROPS=[...r,...l],this.ALIAS=d,this.VALUES=c,this.hydrate=this.hydrate.bind(this),this.hexToRGB=this.hexToRGB.bind(this),this.toKebabCase=this.toKebabCase.bind(this),this.hydrateObject=this.hydrateObject.bind(this),this.mapProperties=this.mapProperties.bind(this),this.mapDynamicProps=this.mapDynamicProps.bind(this),this.breakpointsOrder=this.breakpointsOrder.bind(this),this.addResponsiveSupport=this.addResponsiveSupport.bind(this)}cleanDollarProps(t){return t.map(([t,e])=>(t.startsWith("$")&&(t=t.substring(1)),[t,e]))}toKebabCase(t){return t.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase().replace(/^-/,"")}hexToRGB(t,e){t=t.replace(/#/g,"");const r=parseInt(t.slice(0,2),16),i=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16);return e?`rgba(${r}, ${i}, ${o}, ${e})`:`rgb(${r}, ${i}, ${o})`}breakpointsOrder(t){const e=[],r={};for(let t=0;t<this.BREAKPOINTS_PREFIX.length;t++)r[this.BREAKPOINTS_PREFIX[t]]=t;for(let i=0;i<t.length;i++){const o=t[i],n=null===o?.breakpoint?-1:r[o.breakpoint];e.push({index:i,value:n})}return e.sort((t,e)=>t.value-e.value),e.map(e=>t[e.index])}mapProperties(t){const e=[],r=this.VALUES,i=this.cleanDollarProps(t);for(let o=0;o<t.length;o++){const t=i[o],n=t[0],a=t[1],s=n.substring(0,2),l=this.BREAKPOINTS_PREFIX.includes(s)?s:null,d=this.BREAKPOINTS_PREFIX.includes(s)?n.substring(2):n,c="number"==typeof a?`${a}px`:r[a]||a;this.REACT_RESERVED_PROPS.includes(d)||e.push({breakpoint:l,property:d,value:c})}return this.breakpointsOrder(e)}hydrateObject(t){const e={},r=this.ALIAS,i=Object.entries(t);return this.mapProperties(i).forEach(({breakpoint:t,property:i,value:o})=>{const n=toKebabCase(i),a=r[n]||n,s=a.replace(/-([a-z])/g,(t,e)=>e.toUpperCase());if(this.CSS_PROPS.includes(a))if(t){const r=e[s]||{};r[t]=o,e[s]=r}else e[s]=o}),e}hydrate(t){let e="";const r=this.ALIAS,i=Object.entries(t);return this.mapProperties(i).forEach(({breakpoint:t,property:i,value:o})=>{const n=this.toKebabCase(i),a=r[n]||n,s=Array.isArray(a)?[...a]:[a];e+=s.map(e=>{if(this.CSS_PROPS.includes(e)){if(!t)return`${e}: ${o};`;if(t){return`@media screen and (min-width: ${this.BREAKPOINTS[this.BREAKPOINTS_PREFIX.indexOf(t)]}px) {\n                          ${e}: ${o};\n                      }`}}}).join(" ")}),e}addResponsiveSupport(t){return""}mapDynamicProps(t){return""}}({alias:{maxw:"max-width",minw:"min-width",maxh:"max-height",minh:"min-height",size:"font-size",order:"order",weight:"font-weight",family:"font-family",decoration:"text-decoration",justify:"justify-content",items:"align-items",wrap:"flex-wrap",content:"align-content",direction:"flex-direction",align:"text-align",bg:"background-color",flexalign:["align-items","align-content","justify-content"],shrink:"flex-shrink",grow:"flex-grow",basis:"flex-basis",pv:["padding-top","padding-bottom"],ph:["padding-left","padding-right"],mv:["margin-top","margin-bottom"],mh:["margin-left","margin-right"],wsvg:["width","height","min-width","min-height"],dimentions:["width","height","min-width","min-height"],$height:["height","max-height"],radius:"border-radius",spacing:"letter-spacing",pl:"padding-left",pr:"padding-right",ml:"margin-left",mr:"margin-right",pt:"padding-top",pb:"padding-bottom",mt:"margin-top",mb:"margin-bottom",ttrans:"text-transform",cols:"grid-template-columns",acols:"grid-auto-columns",rows:"grid-template-rows",arows:"grid-auto-rows",colstart:"grid-column-start",colend:"grid-column-end",rowstart:"grid-row-start",rowend:"grid-row-end",col:"grid-column",row:"grid-row",ratio:"aspect-ratio",events:"pointer-events"},values:{around:"space-around",between:"space-between",start:"flex-start",startSnap:"start",end:"flex-end",primary:"var(--db-primary)",secondary:"var(--db-secondary)",white:"var(--db-white)",black:"var(--db-black)",light:"var(--db-light)",info:"var(--db-info)",success:"var(--db-success)",warning:"var(--db-warning)",danger:"var(--db-danger)",upper:"uppercase",lower:"lowercase"},breakpoints:[320,768,980,1280,1440],breakpointsPrefix:["xs","sm","md","lg","xl"],supportCSSProps:["backdrop-filter"]}),a=()=>"undefined"!=typeof window,s=t=>t.toString().normalize("NFKD").toLowerCase().trim().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-"),l=t=>t.replace(/ {2}/g," ").trim(),d=t=>t.normalize("NFD").replace(/[\u0300-\u036f]/g,""),c=t=>{if("undefined"==typeof window)return"";const e=t.startsWith("--")?t:`--${t}`;return getComputedStyle(document.documentElement).getPropertyValue(e).trim()},p=t=>t.reduce((t,e)=>(t[e.startsWith("--")?e.slice(2):e]=c(e),t),{}),g=(t,e)=>{if("undefined"==typeof window)return;const r=t.startsWith("--")?t:`--${t}`;document.documentElement.style.setProperty(r,e)},m=(t,e)=>{if(null==e||"object"!=typeof e||0===Object.keys(e).length||Array.isArray(e))return t;const r={...t};for(const i in e){if(!e.hasOwnProperty(i))continue;const o=null==t?void 0:t[i],n=e[i];if(Array.isArray(n)&&Array.isArray(o)){const t=new Map;for(const e of n)null!=(null==e?void 0:e.id)&&t.set(e.id,e);const e=o.map(e=>{if(null!=(null==e?void 0:e.id)&&t.has(e.id)){const r=t.get(e.id);return null==e||"object"!=typeof e||Array.isArray(e)||null==r||"object"!=typeof r||Array.isArray(r)?r:m(e,r)}return e});r[i]=e}else null==n||"object"!=typeof n||Array.isArray(n)||null==o||"object"!=typeof o||Array.isArray(o)?r[i]=n:r[i]=m(o,n)}return r};export{n as SuperCSS,m as adapterSchema,c as cssVar,p as cssVars,a as hasWindow,d as normalize,t as randomKey,l as sanitize,g as setCssVar,s as slugify};
 //# sourceMappingURL=utils.esm.js.map

package/dist/utils.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.esm.js","sources":["../src/utils/randomKey.ts","../node_modules/@digitalbooting/react-super-css/src/constants.js","../src/constants/reactive.ts","../src/utils/super-css.ts","../node_modules/@digitalbooting/react-super-css/src/index.js","../src/utils/window.ts","../src/utils/strings.ts","../src/utils/cssVar.ts"],"sourcesContent":["export function randomKey(range: number): string {\r\n const chars =\r\n \"0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ\";\r\n let result = \"\";\r\n for (let i = 0; i < range; i++) {\r\n const randomIndex = Math.floor(Math.random() * chars.length);\r\n result += chars[randomIndex];\r\n }\r\n return result;\r\n}","const CSS_PROPS = [\r\n \"align-content\",\r\n \"align-self\",\r\n \"align-items\",\r\n \"align-self\",\r\n \"animation\",\r\n \"animation-delay\",\r\n \"animation-direction\",\r\n \"animation-duration\",\r\n \"animation-fill-mode\",\r\n \"animation-iteration-count\",\r\n \"animation-name\",\r\n \"animation-play-state\",\r\n \"animation-timing-function\",\r\n \"backface-visibility\",\r\n \"background\",\r\n \"background-attachment\",\r\n \"background-blend-mode\",\r\n \"background-clip\",\r\n \"background-color\",\r\n \"background-image\",\r\n \"background-origin\",\r\n \"background-position\",\r\n \"background-repeat\",\r\n \"background-size\",\r\n \"border\",\r\n \"border-bottom\",\r\n \"border-bottom-color\",\r\n \"border-bottom-left-radius\",\r\n \"border-bottom-right-radius\",\r\n \"border-bottom-style\",\r\n \"border-bottom-width\",\r\n \"border-collapse\",\r\n \"border-color\",\r\n \"border-image\",\r\n \"border-image-outset\",\r\n \"border-image-repeat\",\r\n \"border-image-slice\",\r\n \"border-image-source\",\r\n \"border-image-width\",\r\n \"border-left\",\r\n \"border-left-color\",\r\n \"border-left-style\",\r\n \"border-left-width\",\r\n \"border-radius\",\r\n \"border-right\",\r\n \"border-right-color\",\r\n \"border-right-style\",\r\n \"border-right-width\",\r\n \"border-spacing\",\r\n \"border-style\",\r\n \"border-top\",\r\n \"border-top-color\",\r\n \"border-top-left-radius\",\r\n \"border-top-right-radius\",\r\n \"border-top-style\",\r\n \"border-top-width\",\r\n \"border-width\",\r\n \"bottom\",\r\n \"box-decoration-break\",\r\n \"box-shadow\",\r\n \"box-sizing\",\r\n \"break-after\",\r\n \"break-before\",\r\n \"break-inside\",\r\n \"caption-side\",\r\n \"caret-color\",\r\n \"clear\",\r\n \"clip\",\r\n \"color\",\r\n \"column-count\",\r\n \"column-fill\",\r\n \"column-gap\",\r\n \"column-rule\",\r\n \"column-rule-color\",\r\n \"column-rule-style\",\r\n \"column-rule-width\",\r\n \"column-span\",\r\n \"column-width\",\r\n \"columns\",\r\n \"content\",\r\n \"counter-increment\",\r\n \"counter-reset\",\r\n \"cursor\",\r\n \"direction\",\r\n \"display\",\r\n \"empty-cells\",\r\n \"filter\",\r\n \"flex\",\r\n \"flex-basis\",\r\n \"flex-direction\",\r\n \"flex-flow\",\r\n \"flex-grow\",\r\n \"flex-shrink\",\r\n \"flex-wrap\",\r\n \"float\",\r\n \"font\",\r\n \"font-family\",\r\n \"font-feature-settings\",\r\n \"font-kerning\",\r\n \"font-language-override\",\r\n \"font-size\",\r\n \"font-size-adjust\",\r\n \"font-stretch\",\r\n \"font-style\",\r\n \"font-synthesis\",\r\n \"font-variant\",\r\n \"font-variant-alternates\",\r\n \"font-variant-caps\",\r\n \"font-variant-east-asian\",\r\n \"font-variant-ligatures\",\r\n \"font-variant-numeric\",\r\n \"font-variant-position\",\r\n \"font-weight\",\r\n \"gap\",\r\n \"grid\",\r\n \"grid-area\",\r\n \"grid-auto-columns\",\r\n \"grid-auto-flow\",\r\n \"grid-auto-rows\",\r\n \"grid-column\",\r\n \"grid-column-end\",\r\n \"grid-column-gap\",\r\n \"grid-column-start\",\r\n \"grid-gap\",\r\n \"grid-row\",\r\n \"grid-row-end\",\r\n \"grid-row-gap\",\r\n \"grid-row-start\",\r\n \"grid-template\",\r\n \"grid-template-areas\",\r\n \"grid-template-columns\",\r\n \"grid-template-rows\",\r\n \"hanging-punctuation\",\r\n \"height\",\r\n \"hyphens\",\r\n \"image-orientation\",\r\n \"image-rendering\",\r\n \"image-resolution\",\r\n \"inline-size\",\r\n \"justify-content\",\r\n \"justify-items\",\r\n \"justify-self\",\r\n \"left\",\r\n \"letter-spacing\",\r\n \"line-break\",\r\n \"line-height\",\r\n \"list-style\",\r\n \"list-style-image\",\r\n \"list-style-position\",\r\n \"list-style-type\",\r\n \"margin\",\r\n \"margin-bottom\",\r\n \"margin-left\",\r\n \"margin-right\",\r\n \"margin-top\",\r\n \"margin-block\",\r\n \"margin-inline\",\r\n \"max-height\",\r\n \"max-width\",\r\n \"min-height\",\r\n \"min-width\",\r\n \"mix-blend-mode\",\r\n \"object-fit\",\r\n \"object-position\",\r\n \"opacity\",\r\n \"order\",\r\n \"outline\",\r\n \"outline-color\",\r\n \"outline-offset\",\r\n \"outline-style\",\r\n \"outline-width\",\r\n \"overflow\",\r\n \"overflow-wrap\",\r\n \"overflow-x\",\r\n \"overflow-y\",\r\n \"padding\",\r\n \"padding-bottom\",\r\n \"padding-left\",\r\n \"padding-right\",\r\n \"padding-top\",\r\n \"padding-block\",\r\n \"padding-inline\",\r\n \"page-break-after\",\r\n \"page-break-before\",\r\n \"page-break-inside\",\r\n \"perspective\",\r\n \"perspective-origin\",\r\n \"place-content\",\r\n \"place-items\",\r\n \"place-self\",\r\n \"pointer-events\",\r\n \"position\",\r\n \"quotes\",\r\n \"resize\",\r\n \"right\",\r\n \"row-gap\",\r\n \"scroll-behavior\",\r\n \"scroll-margin\",\r\n \"scroll-margin-block\",\r\n \"scroll-margin-block-end\",\r\n \"scroll-margin-block-start\",\r\n \"scroll-margin-bottom\",\r\n \"scroll-margin-inline\",\r\n \"scroll-margin-inline-end\",\r\n \"scroll-margin-inline-start\",\r\n \"scroll-margin-left\",\r\n \"scroll-margin-right\",\r\n \"scroll-margin-top\",\r\n \"scroll-padding\",\r\n \"scroll-padding-block\",\r\n \"scroll-padding-block-end\",\r\n \"scroll-padding-block-start\",\r\n \"scroll-padding-bottom\",\r\n \"scroll-padding-inline\",\r\n \"scroll-padding-inline-end\",\r\n \"scroll-padding-inline-start\",\r\n \"scroll-padding-left\",\r\n \"scroll-padding-right\",\r\n \"scroll-padding-top\",\r\n \"scroll-snap-align\",\r\n \"scroll-snap-stop\",\r\n \"scroll-snap-type\",\r\n \"shape-image-threshold\",\r\n \"shape-margin\",\r\n \"shape-outside\",\r\n \"tab-size\",\r\n \"table-layout\",\r\n \"text-align\",\r\n \"text-align-last\",\r\n \"text-combine-upright\",\r\n \"text-decoration\",\r\n \"text-decoration-color\",\r\n \"text-decoration-line\",\r\n \"text-decoration-style\",\r\n \"text-emphasis\",\r\n \"text-emphasis-color\",\r\n \"text-emphasis-position\",\r\n \"text-emphasis-style\",\r\n \"text-indent\",\r\n \"text-justify\",\r\n \"text-orientation\",\r\n \"text-overflow\",\r\n \"text-rendering\",\r\n \"text-shadow\",\r\n \"text-transform\",\r\n \"text-underline-position\",\r\n \"top\",\r\n \"touch-action\",\r\n \"transform\",\r\n \"transform-box\",\r\n \"transform-origin\",\r\n \"transform-style\",\r\n \"transition\",\r\n \"transition-delay\",\r\n \"transition-duration\",\r\n \"transition-property\",\r\n \"transition-timing-function\",\r\n \"unicode-bidi\",\r\n \"user-select\",\r\n \"vertical-align\",\r\n \"visibility\",\r\n \"white-space\",\r\n \"width\",\r\n \"will-change\",\r\n \"word-break\",\r\n \"word-spacing\",\r\n \"word-wrap\",\r\n \"writing-mode\",\r\n \"backdrop-filter\",\r\n \"z-index\",\r\n];\r\n\r\nconst REACT_RESERVED_PROPS = [\r\n \"key\",\r\n \"ref\",\r\n \"dangerouslySetInnerHTML\",\r\n \"style\",\r\n \"children\",\r\n \"className\",\r\n \"htmlFor\",\r\n \"id\",\r\n];\r\n\r\nconst BREAKPOINTS = [320, 768, 1024, 1360, 1540];\r\nconst BREAKPOINTS_PREFIX = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"];\r\n\r\nexport { CSS_PROPS, REACT_RESERVED_PROPS, BREAKPOINTS, BREAKPOINTS_PREFIX };\r\n","export const BREAKPOINTS = [320, 768, 980, 1280, 1440];\nexport const BREAKPOINTS_PREFIX = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"];\n\nexport const alias = {\n maxw: \"max-width\",\n minw: \"min-width\",\n maxh: \"max-height\",\n minh: \"min-height\",\n size: \"font-size\",\n order: \"order\",\n weight: \"font-weight\",\n family: \"font-family\",\n decoration: \"text-decoration\",\n justify: \"justify-content\",\n items: \"align-items\",\n wrap: \"flex-wrap\",\n content: \"align-content\",\n direction: \"flex-direction\",\n align: \"text-align\",\n bg: \"background-color\",\n flexalign: [\"align-items\", \"align-content\", \"justify-content\"],\n shrink: \"flex-shrink\",\n grow: \"flex-grow\",\n basis: \"flex-basis\",\n pv: [\"padding-top\", \"padding-bottom\"],\n ph: [\"padding-left\", \"padding-right\"],\n mv: [\"margin-top\", \"margin-bottom\"],\n mh: [\"margin-left\", \"margin-right\"],\n wsvg: [\"width\", \"height\", \"min-width\", \"min-height\"],\n dimentions: [\"width\", \"height\", \"min-width\", \"min-height\"],\n $height: [\"height\", \"max-height\"],\n radius: \"border-radius\",\n spacing: \"letter-spacing\",\n pl: \"padding-left\",\n pr: \"padding-right\",\n ml: \"margin-left\",\n mr: \"margin-right\",\n pt: \"padding-top\",\n pb: \"padding-bottom\",\n mt: \"margin-top\",\n mb: \"margin-bottom\",\n ttrans: \"text-transform\",\n cols: \"grid-template-columns\",\n acols: \"grid-auto-columns\",\n rows: \"grid-template-rows\",\n arows: \"grid-auto-rows\",\n colstart: \"grid-column-start\",\n colend: \"grid-column-end\",\n rowstart: \"grid-row-start\",\n rowend: \"grid-row-end\",\n col: \"grid-column\",\n row: \"grid-row\",\n ratio: \"aspect-ratio\",\n events: \"pointer-events\",\n};\n\nexport const values = {\n around: \"space-around\",\n between: \"space-between\",\n start: \"flex-start\",\n startSnap: \"start\",\n end: \"flex-end\",\n primary: \"var(--db-primary)\",\n secondary: \"var(--db-secondary)\",\n white: \"var(--db-white)\",\n black: \"var(--db-black)\",\n light: \"var(--db-light)\",\n info: \"var(--db-info)\",\n success: \"var(--db-success)\",\n warning: \"var(--db-warning)\",\n danger: \"var(--db-danger)\",\n upper: \"uppercase\",\n lower: \"lowercase\",\n};\n\nexport const reactive = {\n alias,\n values,\n BREAKPOINTS,\n BREAKPOINTS_PREFIX,\n};\n","//@ts-ignore\nimport SuperCSSCore from \"@digitalbooting/react-super-css\";\nimport { BREAKPOINTS, BREAKPOINTS_PREFIX, alias, values } from \"@constants/reactive\";\n\nexport const SuperCSS = new SuperCSSCore({\n alias,\n values,\n breakpoints: BREAKPOINTS,\n breakpointsPrefix: BREAKPOINTS_PREFIX,\n supportCSSProps: [\"backdrop-filter\"],\n});\n\nexport type SuperCSSProps = Record<string, any>;","import {\r\n CSS_PROPS,\r\n BREAKPOINTS,\r\n BREAKPOINTS_PREFIX,\r\n REACT_RESERVED_PROPS,\r\n} from \"./constants\";\r\n\r\nclass SuperCSSProps {\r\n constructor(config) {\r\n const {\r\n breakpoints = [],\r\n breakpointsPrefix = [],\r\n supportCSSProps = [],\r\n reservedProps = [],\r\n alias = {},\r\n values = {},\r\n } = config;\r\n\r\n this.BREAKPOINTS = breakpoints \|\| BREAKPOINTS \|\| [];\r\n this.CSS_PROPS = [...CSS_PROPS, ...supportCSSProps];\r\n this.BREAKPOINTS_PREFIX = breakpointsPrefix \|\| BREAKPOINTS_PREFIX \|\| [];\r\n this.REACT_RESERVED_PROPS = [...REACT_RESERVED_PROPS, ...reservedProps];\r\n\r\n this.ALIAS = alias;\r\n this.VALUES = values;\r\n\r\n this.hydrate = this.hydrate.bind(this);\r\n this.hexToRGB = this.hexToRGB.bind(this);\r\n this.toKebabCase = this.toKebabCase.bind(this);\r\n this.hydrateObject = this.hydrateObject.bind(this);\r\n this.mapProperties = this.mapProperties.bind(this);\r\n this.mapDynamicProps = this.mapDynamicProps.bind(this);\r\n this.breakpointsOrder = this.breakpointsOrder.bind(this);\r\n this.addResponsiveSupport = this.addResponsiveSupport.bind(this);\r\n }\r\n\r\n /*\r\n Elimina el símbolo \"$\" de los nombres de las propiedades en un arreglo de pares clave-valor.\r\n \r\n Esta función recibe un arreglo de propiedades y si alguna propiedad tiene un nombre que empieza con \"$\",\r\n * elimina dicho símbolo, dejando el resto del nombre de la propiedad intacto.\r\n \r\n @param {Array<[string, any]>} props - Un arreglo de pares clave-valor donde cada clave es el nombre de una propiedad\r\n * y el valor es el valor asociado a esa propiedad.\r\n \r\n @returns {Array<[string, any]>} Un nuevo arreglo de pares clave-valor con los nombres de las propiedades\r\n * que comenzaban con \"$\" sin el símbolo, pero manteniendo el resto de la propiedad.\r\n /\r\n cleanDollarProps(props) {\r\n return props.map(([name, value]) => {\r\n if (name.startsWith(\"$\")) {\r\n name = name.substring(1);\r\n }\r\n return [name, value];\r\n });\r\n }\r\n\r\n /\r\n \r\n * @param {String} str - Texto en formato CamelCase que se va a transformar en kebab-case\r\n * @returns {String} - texto de entrada en formato kebab-case\r\n /\r\n toKebabCase(str) {\r\n return str\r\n .replace(/([a-z0-9]\|(?=[A-Z]))([A-Z])/g, \"$1-$2\")\r\n .toLowerCase()\r\n .replace(/^-/, \"\");\r\n }\r\n\r\n /\r\n \r\n * @param {String} hex - Codigo de color hexadecimal a tranformar\r\n * @param {Number} alpha - Opacidad del color\r\n * @returns {String} rgba - Color hexadecimal en formato RGBA\r\n /\r\n hexToRGB(hex, alpha) {\r\n hex = hex.replace(/#/g, \"\");\r\n const r = parseInt(hex.slice(0, 2), 16);\r\n const g = parseInt(hex.slice(2, 4), 16);\r\n const b = parseInt(hex.slice(4, 6), 16);\r\n\r\n if (alpha) {\r\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\r\n } else {\r\n return `rgb(${r}, ${g}, ${b})`;\r\n }\r\n }\r\n\r\n /\r\n \r\n * @param {Object[]} arrayToSort - Array a ordenar en base a un arreglo base como BREAKPOINTS_PREFIX\r\n * @returns\r\n /\r\n breakpointsOrder(arrayToSort) {\r\n const mappedArray = [];\r\n const breakpointMap = {};\r\n for (let i = 0; i < this.BREAKPOINTS_PREFIX.length; i++) {\r\n breakpointMap[this.BREAKPOINTS_PREFIX[i]] = i;\r\n }\r\n for (let i = 0; i < arrayToSort.length; i++) {\r\n const el = arrayToSort[i];\r\n const value = el?.breakpoint === null ? -1 : breakpointMap[el.breakpoint];\r\n mappedArray.push({ index: i, value });\r\n }\r\n mappedArray.sort((a, b) => a.value - b.value);\r\n return mappedArray.map((el) => arrayToSort[el.index]);\r\n }\r\n\r\n /\r\n \r\n * @param {ReactPropsComponent} props - Propiedades de un componente de react que modifican el comportamiento CSS\r\n * @returns {Object[]} propiedades limpias con la estructura {brekapoint, property, value}\r\n /\r\n mapProperties(props) {\r\n const $map = [];\r\n const values = this.VALUES;\r\n\r\n const cleanedProps = this.cleanDollarProps(props); // Limpiamos las propiedades que comienzan con $\r\n\r\n for (let i = 0; i < props.length; i++) {\r\n const prop = cleanedProps[i];\r\n const _name = prop[0];\r\n const _value = prop[1];\r\n const _breakpoint = _name.substring(0, 2);\r\n const breakpoint = this.BREAKPOINTS_PREFIX.includes(_breakpoint)\r\n ? _breakpoint\r\n : null;\r\n const property = !this.BREAKPOINTS_PREFIX.includes(_breakpoint)\r\n ? _name\r\n : _name.substring(2);\r\n const value =\r\n typeof _value === \"number\" ? `${_value}px` : values[_value] \|\| _value;\r\n\r\n if (!this.REACT_RESERVED_PROPS.includes(property)) {\r\n $map.push({ breakpoint, property, value });\r\n }\r\n }\r\n\r\n return this.breakpointsOrder($map);\r\n }\r\n\r\n /\r\n \r\n * @param {ReactPropsComponent} props - props de un componente estilizado de react\r\n * @returns {Object} CSS generado como un objecto de pares clave:valor en base a las propiedades del componente\r\n /\r\n hydrateObject(props) {\r\n const stylesObject = {};\r\n const alias = this.ALIAS;\r\n\r\n const properties = Object.entries(props);\r\n const mappedProps = this.mapProperties(properties);\r\n\r\n mappedProps.forEach(({ breakpoint, property, value }) => {\r\n const kebabCaseProp = toKebabCase(property);\r\n const cssProp = alias[kebabCaseProp] \|\| kebabCaseProp;\r\n const camelCaseProp = cssProp.replace(/-([a-z])/g, (_, match) =>\r\n match.toUpperCase()\r\n );\r\n\r\n if (this.CSS_PROPS.includes(cssProp)) {\r\n if (!breakpoint) {\r\n stylesObject[camelCaseProp] = value;\r\n } else {\r\n const breakpointStyles = stylesObject[camelCaseProp] \|\| {};\r\n breakpointStyles[breakpoint] = value;\r\n stylesObject[camelCaseProp] = breakpointStyles;\r\n }\r\n }\r\n });\r\n\r\n return stylesObject;\r\n }\r\n\r\n /\r\n \r\n * @param {ReactPropsComponent} props - props de un componente estilizado de react\r\n * @returns {String} CSS generado como un string en base a las propiedades del componente\r\n /\r\n hydrate(props) {\r\n let styles = \"\";\r\n const alias = this.ALIAS;\r\n\r\n const properties = Object.entries(props);\r\n const mappedProps = this.mapProperties(properties);\r\n\r\n mappedProps.forEach(({ breakpoint, property, value }) => {\r\n const kebabCaseProp = this.toKebabCase(property);\r\n const cssProp = alias[kebabCaseProp] \|\| kebabCaseProp;\r\n const ArrayProps = Array.isArray(cssProp) ? [...cssProp] : [cssProp];\r\n\r\n // console.log({ breakpoint, property, value, kebabCaseProp, ArrayProps });\r\n\r\n styles += ArrayProps.map((prop) => {\r\n if (this.CSS_PROPS.includes(prop)) {\r\n if (!breakpoint) {\r\n return `${prop}: ${value};`;\r\n }\r\n if (breakpoint) {\r\n let responsiveStyles = `@media screen and (min-width: ${\r\n this.BREAKPOINTS[this.BREAKPOINTS_PREFIX.indexOf(breakpoint)]\r\n }px) {\r\n ${prop}: ${value};\r\n }`;\r\n\r\n return responsiveStyles;\r\n }\r\n }\r\n }).join(\" \");\r\n });\r\n\r\n return styles;\r\n }\r\n\r\n /\r\n \r\n * @deprecated - El uso de este metodo debe ser reemplazado por hydrate\r\n * @returns\r\n /\r\n addResponsiveSupport(props) {\r\n return \"\";\r\n }\r\n\r\n /\r\n \r\n * @deprecated - El uso de este metodo debe ser reemplazado por hydrate\r\n * @returns\r\n /\r\n mapDynamicProps(props) {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport default SuperCSSProps;\r\n","export const hasWindow = (): boolean => typeof window !== \"undefined\";\r\n","export const slugify = (s: string): string => {\r\n return s\r\n .toString() // Cast to string (optional)\r\n .normalize(\"NFKD\") // The normalize() using NFKD method returns the Unicode Normalization Form of a given string.\r\n .toLowerCase() // Convert the string to lowercase letters\r\n .trim() // Remove whitespace from both sides of a string (optional)\r\n .replace(/\\s+/g, \"-\") // Replace spaces with -\r\n .replace(/[^\\w-]+/g, \"\") // Remove all non-word chars\r\n .replace(/--+/g, \"-\"); // Replace multiple - with single -\r\n};\r\n\r\nconst sanitize = (str: string): string => {\r\n return str.replace(/ {2}/g, \" \").trim();\r\n};\r\n\r\nconst normalize = (str: string): string =>\r\n str.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\");\r\nexport { sanitize, normalize };\r\n","/\r\n Obtiene el valor de una variable CSS definida en :root\r\n * @param name - Nombre de la variable (con o sin --)\r\n * @returns El valor de la variable CSS o string vacío si no existe\r\n * @example\r\n * cssVar('db-primary') // '#000082'\r\n * cssVar('--db-primary') // '#000082'\r\n /\r\nexport const cssVar = (name: string): string => {\r\n if (typeof window === \"undefined\") return \"\";\r\n\r\n const varName = name.startsWith(\"--\") ? name : `--${name}`;\r\n return getComputedStyle(document.documentElement)\r\n .getPropertyValue(varName)\r\n .trim();\r\n};\r\n\r\n/\r\n Obtiene múltiples variables CSS definidas en :root\r\n * @param names - Array de nombres de variables\r\n * @returns Objeto con los valores de las variables\r\n * @example\r\n * cssVars(['db-primary', 'db-secondary'])\r\n * // { 'db-primary': '#000082', 'db-secondary': '#ed1b24' }\r\n /\r\nexport const cssVars = (names: string[]): Record<string, string> => {\r\n return names.reduce((acc, name) => {\r\n const key = name.startsWith(\"--\") ? name.slice(2) : name;\r\n acc[key] = cssVar(name);\r\n return acc;\r\n }, {} as Record<string, string>);\r\n};\r\n\r\n/\r\n Establece una variable CSS en :root\r\n * @param name - Nombre de la variable (con o sin --)\r\n * @param value - Valor a establecer\r\n */\r\nexport const setCssVar = (name: string, value: string): void => {\r\n if (typeof window === \"undefined\") return;\r\n\r\n const varName = name.startsWith(\"--\") ? name : `--${name}`;\r\n document.documentElement.style.setProperty(varName, value);\r\n};"],"names":["randomKey","range","chars","result","i","Math","floor","random","CSS_PROPS","REACT_RESERVED_PROPS","BREAKPOINTS","BREAKPOINTS_PREFIX","SuperCSS","constructor","config","breakpoints","breakpointsPrefix","supportCSSProps","reservedProps","alias","values","this","ALIAS","VALUES","hydrate","bind","hexToRGB","toKebabCase","hydrateObject","mapProperties","mapDynamicProps","breakpointsOrder","addResponsiveSupport","cleanDollarProps","props","map","name","value","startsWith","substring","str","replace","toLowerCase","hex","alpha","r","parseInt","slice","g","b","arrayToSort","mappedArray","breakpointMap","length","el","breakpoint","push","index","sort","a","$map","cleanedProps","prop","_name","_value","_breakpoint","includes","property","stylesObject","properties","Object","entries","forEach","kebabCaseProp","cssProp","camelCaseProp","_","match","toUpperCase","breakpointStyles","styles","ArrayProps","Array","isArray","indexOf","join","maxw","minw","maxh","minh","size","order","weight","family","decoration","justify","items","wrap","content","direction","align","bg","flexalign","shrink","grow","basis","pv","ph","mv","mh","wsvg","dimentions","$height","radius","spacing","pl","pr","ml","mr","pt","pb","mt","mb","ttrans","cols","acols","rows","arows","colstart","colend","rowstart","rowend","col","row","ratio","events","around","between","start","startSnap","end","primary","secondary","white","black","light","info","success","warning","danger","upper","lower","hasWindow","window","slugify","s","toString","normalize","trim","sanitize","cssVar","varName","getComputedStyle","document","documentElement","getPropertyValue","cssVars","names","reduce","acc","setCssVar","style","setProperty"],"mappings":"AAAM,SAAUA,EAAUC,GACxB,MAAMC,EACJ,iEACF,IAAIC,EAAS,GACb,IAAK,IAAIC,EAAI,EAAGA,EAAIH,EAAOG,IAAK,CAE9BD,GAAUD,EADUG,KAAKC,MAAsBJ,GAAhBG,KAAKE,UAEtC,CACA,OAAOJ,CACT,CCTA,MAAMK,EAAY,CAChB,gBACA,aACA,cACA,aACA,YACA,kBACA,sBACA,qBACA,sBACA,4BACA,iBACA,uBACA,4BACA,sBACA,aACA,wBACA,wBACA,kBACA,mBACA,mBACA,oBACA,sBACA,oBACA,kBACA,SACA,gBACA,sBACA,4BACA,6BACA,sBACA,sBACA,kBACA,eACA,eACA,sBACA,sBACA,qBACA,sBACA,qBACA,cACA,oBACA,oBACA,oBACA,gBACA,eACA,qBACA,qBACA,qBACA,iBACA,eACA,aACA,mBACA,yBACA,0BACA,mBACA,mBACA,eACA,SACA,uBACA,aACA,aACA,cACA,eACA,eACA,eACA,cACA,QACA,OACA,QACA,eACA,cACA,aACA,cACA,oBACA,oBACA,oBACA,cACA,eACA,UACA,UACA,oBACA,gBACA,SACA,YACA,UACA,cACA,SACA,OACA,aACA,iBACA,YACA,YACA,cACA,YACA,QACA,OACA,cACA,wBACA,eACA,yBACA,YACA,mBACA,eACA,aACA,iBACA,eACA,0BACA,oBACA,0BACA,yBACA,uBACA,wBACA,cACA,MACA,OACA,YACA,oBACA,iBACA,iBACA,cACA,kBACA,kBACA,oBACA,WACA,WACA,eACA,eACA,iBACA,gBACA,sBACA,wBACA,qBACA,sBACA,SACA,UACA,oBACA,kBACA,mBACA,cACA,kBACA,gBACA,eACA,OACA,iBACA,aACA,cACA,aACA,mBACA,sBACA,kBACA,SACA,gBACA,cACA,eACA,aACA,eACA,gBACA,aACA,YACA,aACA,YACA,iBACA,aACA,kBACA,UACA,QACA,UACA,gBACA,iBACA,gBACA,gBACA,WACA,gBACA,aACA,aACA,UACA,iBACA,eACA,gBACA,cACA,gBACA,iBACA,mBACA,oBACA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","x_google_ignoreList":[1,4]}
1	+ {"version":3,"file":"utils.esm.js","sources":["../src/utils/randomKey.ts","../node_modules/@digitalbooting/react-super-css/src/constants.js","../src/constants/reactive.ts","../src/utils/super-css.ts","../node_modules/@digitalbooting/react-super-css/src/index.js","../src/utils/window.ts","../src/utils/strings.ts","../src/utils/cssVar.ts","../src/utils/adapter.ts"],"sourcesContent":["export function randomKey(range: number): string {\r\n const chars =\r\n \"0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ\";\r\n let result = \"\";\r\n for (let i = 0; i < range; i++) {\r\n const randomIndex = Math.floor(Math.random() * chars.length);\r\n result += chars[randomIndex];\r\n }\r\n return result;\r\n}","const CSS_PROPS = [\r\n \"align-content\",\r\n \"align-self\",\r\n \"align-items\",\r\n \"align-self\",\r\n \"animation\",\r\n \"animation-delay\",\r\n \"animation-direction\",\r\n \"animation-duration\",\r\n \"animation-fill-mode\",\r\n \"animation-iteration-count\",\r\n \"animation-name\",\r\n \"animation-play-state\",\r\n \"animation-timing-function\",\r\n \"backface-visibility\",\r\n \"background\",\r\n \"background-attachment\",\r\n \"background-blend-mode\",\r\n \"background-clip\",\r\n \"background-color\",\r\n \"background-image\",\r\n \"background-origin\",\r\n \"background-position\",\r\n \"background-repeat\",\r\n \"background-size\",\r\n \"border\",\r\n \"border-bottom\",\r\n \"border-bottom-color\",\r\n \"border-bottom-left-radius\",\r\n \"border-bottom-right-radius\",\r\n \"border-bottom-style\",\r\n \"border-bottom-width\",\r\n \"border-collapse\",\r\n \"border-color\",\r\n \"border-image\",\r\n \"border-image-outset\",\r\n \"border-image-repeat\",\r\n \"border-image-slice\",\r\n \"border-image-source\",\r\n \"border-image-width\",\r\n \"border-left\",\r\n \"border-left-color\",\r\n \"border-left-style\",\r\n \"border-left-width\",\r\n \"border-radius\",\r\n \"border-right\",\r\n \"border-right-color\",\r\n \"border-right-style\",\r\n \"border-right-width\",\r\n \"border-spacing\",\r\n \"border-style\",\r\n \"border-top\",\r\n \"border-top-color\",\r\n \"border-top-left-radius\",\r\n \"border-top-right-radius\",\r\n \"border-top-style\",\r\n \"border-top-width\",\r\n \"border-width\",\r\n \"bottom\",\r\n \"box-decoration-break\",\r\n \"box-shadow\",\r\n \"box-sizing\",\r\n \"break-after\",\r\n \"break-before\",\r\n \"break-inside\",\r\n \"caption-side\",\r\n \"caret-color\",\r\n \"clear\",\r\n \"clip\",\r\n \"color\",\r\n \"column-count\",\r\n \"column-fill\",\r\n \"column-gap\",\r\n \"column-rule\",\r\n \"column-rule-color\",\r\n \"column-rule-style\",\r\n \"column-rule-width\",\r\n \"column-span\",\r\n \"column-width\",\r\n \"columns\",\r\n \"content\",\r\n \"counter-increment\",\r\n \"counter-reset\",\r\n \"cursor\",\r\n \"direction\",\r\n \"display\",\r\n \"empty-cells\",\r\n \"filter\",\r\n \"flex\",\r\n \"flex-basis\",\r\n \"flex-direction\",\r\n \"flex-flow\",\r\n \"flex-grow\",\r\n \"flex-shrink\",\r\n \"flex-wrap\",\r\n \"float\",\r\n \"font\",\r\n \"font-family\",\r\n \"font-feature-settings\",\r\n \"font-kerning\",\r\n \"font-language-override\",\r\n \"font-size\",\r\n \"font-size-adjust\",\r\n \"font-stretch\",\r\n \"font-style\",\r\n \"font-synthesis\",\r\n \"font-variant\",\r\n \"font-variant-alternates\",\r\n \"font-variant-caps\",\r\n \"font-variant-east-asian\",\r\n \"font-variant-ligatures\",\r\n \"font-variant-numeric\",\r\n \"font-variant-position\",\r\n \"font-weight\",\r\n \"gap\",\r\n \"grid\",\r\n \"grid-area\",\r\n \"grid-auto-columns\",\r\n \"grid-auto-flow\",\r\n \"grid-auto-rows\",\r\n \"grid-column\",\r\n \"grid-column-end\",\r\n \"grid-column-gap\",\r\n \"grid-column-start\",\r\n \"grid-gap\",\r\n \"grid-row\",\r\n \"grid-row-end\",\r\n \"grid-row-gap\",\r\n \"grid-row-start\",\r\n \"grid-template\",\r\n \"grid-template-areas\",\r\n \"grid-template-columns\",\r\n \"grid-template-rows\",\r\n \"hanging-punctuation\",\r\n \"height\",\r\n \"hyphens\",\r\n \"image-orientation\",\r\n \"image-rendering\",\r\n \"image-resolution\",\r\n \"inline-size\",\r\n \"justify-content\",\r\n \"justify-items\",\r\n \"justify-self\",\r\n \"left\",\r\n \"letter-spacing\",\r\n \"line-break\",\r\n \"line-height\",\r\n \"list-style\",\r\n \"list-style-image\",\r\n \"list-style-position\",\r\n \"list-style-type\",\r\n \"margin\",\r\n \"margin-bottom\",\r\n \"margin-left\",\r\n \"margin-right\",\r\n \"margin-top\",\r\n \"margin-block\",\r\n \"margin-inline\",\r\n \"max-height\",\r\n \"max-width\",\r\n \"min-height\",\r\n \"min-width\",\r\n \"mix-blend-mode\",\r\n \"object-fit\",\r\n \"object-position\",\r\n \"opacity\",\r\n \"order\",\r\n \"outline\",\r\n \"outline-color\",\r\n \"outline-offset\",\r\n \"outline-style\",\r\n \"outline-width\",\r\n \"overflow\",\r\n \"overflow-wrap\",\r\n \"overflow-x\",\r\n \"overflow-y\",\r\n \"padding\",\r\n \"padding-bottom\",\r\n \"padding-left\",\r\n \"padding-right\",\r\n \"padding-top\",\r\n \"padding-block\",\r\n \"padding-inline\",\r\n \"page-break-after\",\r\n \"page-break-before\",\r\n \"page-break-inside\",\r\n \"perspective\",\r\n \"perspective-origin\",\r\n \"place-content\",\r\n \"place-items\",\r\n \"place-self\",\r\n \"pointer-events\",\r\n \"position\",\r\n \"quotes\",\r\n \"resize\",\r\n \"right\",\r\n \"row-gap\",\r\n \"scroll-behavior\",\r\n \"scroll-margin\",\r\n \"scroll-margin-block\",\r\n \"scroll-margin-block-end\",\r\n \"scroll-margin-block-start\",\r\n \"scroll-margin-bottom\",\r\n \"scroll-margin-inline\",\r\n \"scroll-margin-inline-end\",\r\n \"scroll-margin-inline-start\",\r\n \"scroll-margin-left\",\r\n \"scroll-margin-right\",\r\n \"scroll-margin-top\",\r\n \"scroll-padding\",\r\n \"scroll-padding-block\",\r\n \"scroll-padding-block-end\",\r\n \"scroll-padding-block-start\",\r\n \"scroll-padding-bottom\",\r\n \"scroll-padding-inline\",\r\n \"scroll-padding-inline-end\",\r\n \"scroll-padding-inline-start\",\r\n \"scroll-padding-left\",\r\n \"scroll-padding-right\",\r\n \"scroll-padding-top\",\r\n \"scroll-snap-align\",\r\n \"scroll-snap-stop\",\r\n \"scroll-snap-type\",\r\n \"shape-image-threshold\",\r\n \"shape-margin\",\r\n \"shape-outside\",\r\n \"tab-size\",\r\n \"table-layout\",\r\n \"text-align\",\r\n \"text-align-last\",\r\n \"text-combine-upright\",\r\n \"text-decoration\",\r\n \"text-decoration-color\",\r\n \"text-decoration-line\",\r\n \"text-decoration-style\",\r\n \"text-emphasis\",\r\n \"text-emphasis-color\",\r\n \"text-emphasis-position\",\r\n \"text-emphasis-style\",\r\n \"text-indent\",\r\n \"text-justify\",\r\n \"text-orientation\",\r\n \"text-overflow\",\r\n \"text-rendering\",\r\n \"text-shadow\",\r\n \"text-transform\",\r\n \"text-underline-position\",\r\n \"top\",\r\n \"touch-action\",\r\n \"transform\",\r\n \"transform-box\",\r\n \"transform-origin\",\r\n \"transform-style\",\r\n \"transition\",\r\n \"transition-delay\",\r\n \"transition-duration\",\r\n \"transition-property\",\r\n \"transition-timing-function\",\r\n \"unicode-bidi\",\r\n \"user-select\",\r\n \"vertical-align\",\r\n \"visibility\",\r\n \"white-space\",\r\n \"width\",\r\n \"will-change\",\r\n \"word-break\",\r\n \"word-spacing\",\r\n \"word-wrap\",\r\n \"writing-mode\",\r\n \"backdrop-filter\",\r\n \"z-index\",\r\n];\r\n\r\nconst REACT_RESERVED_PROPS = [\r\n \"key\",\r\n \"ref\",\r\n \"dangerouslySetInnerHTML\",\r\n \"style\",\r\n \"children\",\r\n \"className\",\r\n \"htmlFor\",\r\n \"id\",\r\n];\r\n\r\nconst BREAKPOINTS = [320, 768, 1024, 1360, 1540];\r\nconst BREAKPOINTS_PREFIX = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"];\r\n\r\nexport { CSS_PROPS, REACT_RESERVED_PROPS, BREAKPOINTS, BREAKPOINTS_PREFIX };\r\n","export const BREAKPOINTS = [320, 768, 980, 1280, 1440];\nexport const BREAKPOINTS_PREFIX = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"];\n\nexport const alias = {\n maxw: \"max-width\",\n minw: \"min-width\",\n maxh: \"max-height\",\n minh: \"min-height\",\n size: \"font-size\",\n order: \"order\",\n weight: \"font-weight\",\n family: \"font-family\",\n decoration: \"text-decoration\",\n justify: \"justify-content\",\n items: \"align-items\",\n wrap: \"flex-wrap\",\n content: \"align-content\",\n direction: \"flex-direction\",\n align: \"text-align\",\n bg: \"background-color\",\n flexalign: [\"align-items\", \"align-content\", \"justify-content\"],\n shrink: \"flex-shrink\",\n grow: \"flex-grow\",\n basis: \"flex-basis\",\n pv: [\"padding-top\", \"padding-bottom\"],\n ph: [\"padding-left\", \"padding-right\"],\n mv: [\"margin-top\", \"margin-bottom\"],\n mh: [\"margin-left\", \"margin-right\"],\n wsvg: [\"width\", \"height\", \"min-width\", \"min-height\"],\n dimentions: [\"width\", \"height\", \"min-width\", \"min-height\"],\n $height: [\"height\", \"max-height\"],\n radius: \"border-radius\",\n spacing: \"letter-spacing\",\n pl: \"padding-left\",\n pr: \"padding-right\",\n ml: \"margin-left\",\n mr: \"margin-right\",\n pt: \"padding-top\",\n pb: \"padding-bottom\",\n mt: \"margin-top\",\n mb: \"margin-bottom\",\n ttrans: \"text-transform\",\n cols: \"grid-template-columns\",\n acols: \"grid-auto-columns\",\n rows: \"grid-template-rows\",\n arows: \"grid-auto-rows\",\n colstart: \"grid-column-start\",\n colend: \"grid-column-end\",\n rowstart: \"grid-row-start\",\n rowend: \"grid-row-end\",\n col: \"grid-column\",\n row: \"grid-row\",\n ratio: \"aspect-ratio\",\n events: \"pointer-events\",\n};\n\nexport const values = {\n around: \"space-around\",\n between: \"space-between\",\n start: \"flex-start\",\n startSnap: \"start\",\n end: \"flex-end\",\n primary: \"var(--db-primary)\",\n secondary: \"var(--db-secondary)\",\n white: \"var(--db-white)\",\n black: \"var(--db-black)\",\n light: \"var(--db-light)\",\n info: \"var(--db-info)\",\n success: \"var(--db-success)\",\n warning: \"var(--db-warning)\",\n danger: \"var(--db-danger)\",\n upper: \"uppercase\",\n lower: \"lowercase\",\n};\n\nexport const reactive = {\n alias,\n values,\n BREAKPOINTS,\n BREAKPOINTS_PREFIX,\n};\n","//@ts-ignore\nimport SuperCSSCore from \"@digitalbooting/react-super-css\";\nimport { BREAKPOINTS, BREAKPOINTS_PREFIX, alias, values } from \"@constants/reactive\";\n\nexport const SuperCSS = new SuperCSSCore({\n alias,\n values,\n breakpoints: BREAKPOINTS,\n breakpointsPrefix: BREAKPOINTS_PREFIX,\n supportCSSProps: [\"backdrop-filter\"],\n});\n\nexport type SuperCSSProps = Record<string, any>;","import {\r\n CSS_PROPS,\r\n BREAKPOINTS,\r\n BREAKPOINTS_PREFIX,\r\n REACT_RESERVED_PROPS,\r\n} from \"./constants\";\r\n\r\nclass SuperCSSProps {\r\n constructor(config) {\r\n const {\r\n breakpoints = [],\r\n breakpointsPrefix = [],\r\n supportCSSProps = [],\r\n reservedProps = [],\r\n alias = {},\r\n values = {},\r\n } = config;\r\n\r\n this.BREAKPOINTS = breakpoints \|\| BREAKPOINTS \|\| [];\r\n this.CSS_PROPS = [...CSS_PROPS, ...supportCSSProps];\r\n this.BREAKPOINTS_PREFIX = breakpointsPrefix \|\| BREAKPOINTS_PREFIX \|\| [];\r\n this.REACT_RESERVED_PROPS = [...REACT_RESERVED_PROPS, ...reservedProps];\r\n\r\n this.ALIAS = alias;\r\n this.VALUES = values;\r\n\r\n this.hydrate = this.hydrate.bind(this);\r\n this.hexToRGB = this.hexToRGB.bind(this);\r\n this.toKebabCase = this.toKebabCase.bind(this);\r\n this.hydrateObject = this.hydrateObject.bind(this);\r\n this.mapProperties = this.mapProperties.bind(this);\r\n this.mapDynamicProps = this.mapDynamicProps.bind(this);\r\n this.breakpointsOrder = this.breakpointsOrder.bind(this);\r\n this.addResponsiveSupport = this.addResponsiveSupport.bind(this);\r\n }\r\n\r\n /*\r\n Elimina el símbolo \"$\" de los nombres de las propiedades en un arreglo de pares clave-valor.\r\n \r\n Esta función recibe un arreglo de propiedades y si alguna propiedad tiene un nombre que empieza con \"$\",\r\n * elimina dicho símbolo, dejando el resto del nombre de la propiedad intacto.\r\n \r\n @param {Array<[string, any]>} props - Un arreglo de pares clave-valor donde cada clave es el nombre de una propiedad\r\n * y el valor es el valor asociado a esa propiedad.\r\n \r\n @returns {Array<[string, any]>} Un nuevo arreglo de pares clave-valor con los nombres de las propiedades\r\n * que comenzaban con \"$\" sin el símbolo, pero manteniendo el resto de la propiedad.\r\n /\r\n cleanDollarProps(props) {\r\n return props.map(([name, value]) => {\r\n if (name.startsWith(\"$\")) {\r\n name = name.substring(1);\r\n }\r\n return [name, value];\r\n });\r\n }\r\n\r\n /\r\n \r\n * @param {String} str - Texto en formato CamelCase que se va a transformar en kebab-case\r\n * @returns {String} - texto de entrada en formato kebab-case\r\n /\r\n toKebabCase(str) {\r\n return str\r\n .replace(/([a-z0-9]\|(?=[A-Z]))([A-Z])/g, \"$1-$2\")\r\n .toLowerCase()\r\n .replace(/^-/, \"\");\r\n }\r\n\r\n /\r\n \r\n * @param {String} hex - Codigo de color hexadecimal a tranformar\r\n * @param {Number} alpha - Opacidad del color\r\n * @returns {String} rgba - Color hexadecimal en formato RGBA\r\n /\r\n hexToRGB(hex, alpha) {\r\n hex = hex.replace(/#/g, \"\");\r\n const r = parseInt(hex.slice(0, 2), 16);\r\n const g = parseInt(hex.slice(2, 4), 16);\r\n const b = parseInt(hex.slice(4, 6), 16);\r\n\r\n if (alpha) {\r\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\r\n } else {\r\n return `rgb(${r}, ${g}, ${b})`;\r\n }\r\n }\r\n\r\n /\r\n \r\n * @param {Object[]} arrayToSort - Array a ordenar en base a un arreglo base como BREAKPOINTS_PREFIX\r\n * @returns\r\n /\r\n breakpointsOrder(arrayToSort) {\r\n const mappedArray = [];\r\n const breakpointMap = {};\r\n for (let i = 0; i < this.BREAKPOINTS_PREFIX.length; i++) {\r\n breakpointMap[this.BREAKPOINTS_PREFIX[i]] = i;\r\n }\r\n for (let i = 0; i < arrayToSort.length; i++) {\r\n const el = arrayToSort[i];\r\n const value = el?.breakpoint === null ? -1 : breakpointMap[el.breakpoint];\r\n mappedArray.push({ index: i, value });\r\n }\r\n mappedArray.sort((a, b) => a.value - b.value);\r\n return mappedArray.map((el) => arrayToSort[el.index]);\r\n }\r\n\r\n /\r\n \r\n * @param {ReactPropsComponent} props - Propiedades de un componente de react que modifican el comportamiento CSS\r\n * @returns {Object[]} propiedades limpias con la estructura {brekapoint, property, value}\r\n /\r\n mapProperties(props) {\r\n const $map = [];\r\n const values = this.VALUES;\r\n\r\n const cleanedProps = this.cleanDollarProps(props); // Limpiamos las propiedades que comienzan con $\r\n\r\n for (let i = 0; i < props.length; i++) {\r\n const prop = cleanedProps[i];\r\n const _name = prop[0];\r\n const _value = prop[1];\r\n const _breakpoint = _name.substring(0, 2);\r\n const breakpoint = this.BREAKPOINTS_PREFIX.includes(_breakpoint)\r\n ? _breakpoint\r\n : null;\r\n const property = !this.BREAKPOINTS_PREFIX.includes(_breakpoint)\r\n ? _name\r\n : _name.substring(2);\r\n const value =\r\n typeof _value === \"number\" ? `${_value}px` : values[_value] \|\| _value;\r\n\r\n if (!this.REACT_RESERVED_PROPS.includes(property)) {\r\n $map.push({ breakpoint, property, value });\r\n }\r\n }\r\n\r\n return this.breakpointsOrder($map);\r\n }\r\n\r\n /\r\n \r\n * @param {ReactPropsComponent} props - props de un componente estilizado de react\r\n * @returns {Object} CSS generado como un objecto de pares clave:valor en base a las propiedades del componente\r\n /\r\n hydrateObject(props) {\r\n const stylesObject = {};\r\n const alias = this.ALIAS;\r\n\r\n const properties = Object.entries(props);\r\n const mappedProps = this.mapProperties(properties);\r\n\r\n mappedProps.forEach(({ breakpoint, property, value }) => {\r\n const kebabCaseProp = toKebabCase(property);\r\n const cssProp = alias[kebabCaseProp] \|\| kebabCaseProp;\r\n const camelCaseProp = cssProp.replace(/-([a-z])/g, (_, match) =>\r\n match.toUpperCase()\r\n );\r\n\r\n if (this.CSS_PROPS.includes(cssProp)) {\r\n if (!breakpoint) {\r\n stylesObject[camelCaseProp] = value;\r\n } else {\r\n const breakpointStyles = stylesObject[camelCaseProp] \|\| {};\r\n breakpointStyles[breakpoint] = value;\r\n stylesObject[camelCaseProp] = breakpointStyles;\r\n }\r\n }\r\n });\r\n\r\n return stylesObject;\r\n }\r\n\r\n /\r\n \r\n * @param {ReactPropsComponent} props - props de un componente estilizado de react\r\n * @returns {String} CSS generado como un string en base a las propiedades del componente\r\n /\r\n hydrate(props) {\r\n let styles = \"\";\r\n const alias = this.ALIAS;\r\n\r\n const properties = Object.entries(props);\r\n const mappedProps = this.mapProperties(properties);\r\n\r\n mappedProps.forEach(({ breakpoint, property, value }) => {\r\n const kebabCaseProp = this.toKebabCase(property);\r\n const cssProp = alias[kebabCaseProp] \|\| kebabCaseProp;\r\n const ArrayProps = Array.isArray(cssProp) ? [...cssProp] : [cssProp];\r\n\r\n // console.log({ breakpoint, property, value, kebabCaseProp, ArrayProps });\r\n\r\n styles += ArrayProps.map((prop) => {\r\n if (this.CSS_PROPS.includes(prop)) {\r\n if (!breakpoint) {\r\n return `${prop}: ${value};`;\r\n }\r\n if (breakpoint) {\r\n let responsiveStyles = `@media screen and (min-width: ${\r\n this.BREAKPOINTS[this.BREAKPOINTS_PREFIX.indexOf(breakpoint)]\r\n }px) {\r\n ${prop}: ${value};\r\n }`;\r\n\r\n return responsiveStyles;\r\n }\r\n }\r\n }).join(\" \");\r\n });\r\n\r\n return styles;\r\n }\r\n\r\n /\r\n \r\n * @deprecated - El uso de este metodo debe ser reemplazado por hydrate\r\n * @returns\r\n /\r\n addResponsiveSupport(props) {\r\n return \"\";\r\n }\r\n\r\n /\r\n \r\n * @deprecated - El uso de este metodo debe ser reemplazado por hydrate\r\n * @returns\r\n /\r\n mapDynamicProps(props) {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport default SuperCSSProps;\r\n","export const hasWindow = (): boolean => typeof window !== \"undefined\";\r\n","export const slugify = (s: string): string => {\r\n return s\r\n .toString() // Cast to string (optional)\r\n .normalize(\"NFKD\") // The normalize() using NFKD method returns the Unicode Normalization Form of a given string.\r\n .toLowerCase() // Convert the string to lowercase letters\r\n .trim() // Remove whitespace from both sides of a string (optional)\r\n .replace(/\\s+/g, \"-\") // Replace spaces with -\r\n .replace(/[^\\w-]+/g, \"\") // Remove all non-word chars\r\n .replace(/--+/g, \"-\"); // Replace multiple - with single -\r\n};\r\n\r\nconst sanitize = (str: string): string => {\r\n return str.replace(/ {2}/g, \" \").trim();\r\n};\r\n\r\nconst normalize = (str: string): string =>\r\n str.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\");\r\nexport { sanitize, normalize };\r\n","/\r\n Obtiene el valor de una variable CSS definida en :root\r\n * @param name - Nombre de la variable (con o sin --)\r\n * @returns El valor de la variable CSS o string vacío si no existe\r\n * @example\r\n * cssVar('db-primary') // '#000082'\r\n * cssVar('--db-primary') // '#000082'\r\n /\r\nexport const cssVar = (name: string): string => {\r\n if (typeof window === \"undefined\") return \"\";\r\n\r\n const varName = name.startsWith(\"--\") ? name : `--${name}`;\r\n return getComputedStyle(document.documentElement)\r\n .getPropertyValue(varName)\r\n .trim();\r\n};\r\n\r\n/\r\n Obtiene múltiples variables CSS definidas en :root\r\n * @param names - Array de nombres de variables\r\n * @returns Objeto con los valores de las variables\r\n * @example\r\n * cssVars(['db-primary', 'db-secondary'])\r\n * // { 'db-primary': '#000082', 'db-secondary': '#ed1b24' }\r\n /\r\nexport const cssVars = (names: string[]): Record<string, string> => {\r\n return names.reduce((acc, name) => {\r\n const key = name.startsWith(\"--\") ? name.slice(2) : name;\r\n acc[key] = cssVar(name);\r\n return acc;\r\n }, {} as Record<string, string>);\r\n};\r\n\r\n/\r\n Establece una variable CSS en :root\r\n * @param name - Nombre de la variable (con o sin --)\r\n * @param value - Valor a establecer\r\n /\r\nexport const setCssVar = (name: string, value: string): void => {\r\n if (typeof window === \"undefined\") return;\r\n\r\n const varName = name.startsWith(\"--\") ? name : `--${name}`;\r\n document.documentElement.style.setProperty(varName, value);\r\n};","\r\n/\r\n Fusiona recursivamente `local` sobre `global`.\r\n * - Soporta objetos anidados y arrays de objetos con campo `id`.\r\n * - En arrays, los elementos se fusionan/actualizan por `id`.\r\n */\r\nexport const adapterSchema = ($global: any, $local: any) => {\r\n // Si $local es inválido o vacío, devolver $global\r\n if (\r\n $local == null \|\|\r\n typeof $local !== \"object\" \|\|\r\n Object.keys($local).length === 0 \|\|\r\n Array.isArray($local)\r\n ) {\r\n return $global;\r\n }\r\n\r\n const result = { ...$global };\r\n\r\n for (const key in $local) {\r\n if (!$local.hasOwnProperty(key)) continue;\r\n\r\n const globalVal = $global?.[key];\r\n const localVal = $local[key];\r\n\r\n // Caso: ambos son arrays → fusionar por id, respetando orden global\r\n if (Array.isArray(localVal) && Array.isArray(globalVal)) {\r\n const localMap = new Map();\r\n for (const item of localVal) {\r\n if (item?.id != null) {\r\n localMap.set(item.id, item);\r\n }\r\n }\r\n\r\n const merged = globalVal.map((globalItem) => {\r\n if (globalItem?.id != null && localMap.has(globalItem.id)) {\r\n const localItem = localMap.get(globalItem.id);\r\n if (\r\n globalItem != null &&\r\n typeof globalItem === \"object\" &&\r\n !Array.isArray(globalItem) &&\r\n localItem != null &&\r\n typeof localItem === \"object\" &&\r\n !Array.isArray(localItem)\r\n ) {\r\n return adapterSchema(globalItem, localItem);\r\n }\r\n return localItem;\r\n }\r\n return globalItem;\r\n });\r\n\r\n result[key] = merged;\r\n }\r\n // Caso 2: ambos son objetos → recursión\r\n else if (\r\n localVal != null &&\r\n typeof localVal === \"object\" &&\r\n !Array.isArray(localVal) &&\r\n globalVal != null &&\r\n typeof globalVal === \"object\" &&\r\n !Array.isArray(globalVal)\r\n ) {\r\n result[key] = adapterSchema(globalVal, localVal);\r\n }\r\n // Caso 3: cualquier otro valor → sobrescribir\r\n else {\r\n result[key] = localVal;\r\n }\r\n }\r\n\r\n // console.warn(\"AdapterSchema transformado ::\", result);\r\n return result;\r\n};"],"names":["randomKey","range","chars","result","i","Math","floor","random","CSS_PROPS","REACT_RESERVED_PROPS","BREAKPOINTS","BREAKPOINTS_PREFIX","SuperCSS","constructor","config","breakpoints","breakpointsPrefix","supportCSSProps","reservedProps","alias","values","this","ALIAS","VALUES","hydrate","bind","hexToRGB","toKebabCase","hydrateObject","mapProperties","mapDynamicProps","breakpointsOrder","addResponsiveSupport","cleanDollarProps","props","map","name","value","startsWith","substring","str","replace","toLowerCase","hex","alpha","r","parseInt","slice","g","b","arrayToSort","mappedArray","breakpointMap","length","el","breakpoint","push","index","sort","a","$map","cleanedProps","prop","_name","_value","_breakpoint","includes","property","stylesObject","properties","Object","entries","forEach","kebabCaseProp","cssProp","camelCaseProp","_","match","toUpperCase","breakpointStyles","styles","ArrayProps","Array","isArray","indexOf","join","maxw","minw","maxh","minh","size","order","weight","family","decoration","justify","items","wrap","content","direction","align","bg","flexalign","shrink","grow","basis","pv","ph","mv","mh","wsvg","dimentions","$height","radius","spacing","pl","pr","ml","mr","pt","pb","mt","mb","ttrans","cols","acols","rows","arows","colstart","colend","rowstart","rowend","col","row","ratio","events","around","between","start","startSnap","end","primary","secondary","white","black","light","info","success","warning","danger","upper","lower","hasWindow","window","slugify","s","toString","normalize","trim","sanitize","cssVar","varName","getComputedStyle","document","documentElement","getPropertyValue","cssVars","names","reduce","acc","setCssVar","style","setProperty","adapterSchema","$global","$local","keys","key","hasOwnProperty","globalVal","localVal","localMap","Map","item","id","set","merged","globalItem","has","localItem","get"],"mappings":"AAAM,SAAUA,EAAUC,GACxB,MAAMC,EACJ,iEACF,IAAIC,EAAS,GACb,IAAK,IAAIC,EAAI,EAAGA,EAAIH,EAAOG,IAAK,CAE9BD,GAAUD,EADUG,KAAKC,MAAsBJ,GAAhBG,KAAKE,UAEtC,CACA,OAAOJ,CACT,CCTA,MAAMK,EAAY,CAChB,gBACA,aACA,cACA,aACA,YACA,kBACA,sBACA,qBACA,sBACA,4BACA,iBACA,uBACA,4BACA,sBACA,aACA,wBACA,wBACA,kBACA,mBACA,mBACA,oBACA,sBACA,oBACA,kBACA,SACA,gBACA,sBACA,4BACA,6BACA,sBACA,sBACA,kBACA,eACA,eACA,sBACA,sBACA,qBACA,sBACA,qBACA,cACA,oBACA,oBACA,oBACA,gBACA,eACA,qBACA,qBACA,qBACA,iBACA,eACA,aACA,mBACA,yBACA,0BACA,mBACA,mBACA,eACA,SACA,uBACA,aACA,aACA,cACA,eACA,eACA,eACA,cACA,QACA,OACA,QACA,eACA,cACA,aACA,cACA,oBACA,oBACA,oBACA,cACA,eACA,UACA,UACA,oBACA,gBACA,SACA,YACA,UACA,cACA,SACA,OACA,aACA,iBACA,YACA,YACA,cACA,YACA,QACA,OACA,cACA,wBACA,eACA,yBACA,YACA,mBACA,eACA,aACA,iBACA,eACA,0BACA,oBACA,0BACA,yBACA,uBACA,wBACA,cACA,MACA,OACA,YACA,oBACA,iBACA,iBACA,cACA,kBACA,kBACA,oBACA,WACA,WACA,eACA,eACA,iBACA,gBACA,sBACA,wBACA,qBACA,sBACA,SACA,UACA,oBACA,kBACA,mBACA,cACA,kBACA,gBACA,eACA,OACA,iBACA,aACA,cACA,aACA,mBACA,sBACA,kBACA,SACA,gBACA,cACA,eACA,aACA,eACA,gBACA,aACA,YACA,aACA,YACA,iBACA,aACA,kBACA,UACA,QACA,UACA,gBACA,iBACA,gBACA,gBACA,WACA,gBACA,aACA,aACA,UACA,iBACA,eACA,gBACA,cACA,gBACA,iBACA,mBACA,oBACA,oBACA,cACA,qBACA,gBACA,cACA,aACA,iBACA,WACA,SACA,SACA,QACA,UACA,kBACA,gBACA,sBACA,0BACA,4BACA,uBACA,uBACA,2BACA,6BACA,qBACA,sBACA,oBACA,iBACA,uBACA,2BACA,6BACA,wBACA,wBACA,4BACA,8BACA,sBACA,uBACA,qBACA,oBACA,mBACA,mBACA,wBACA,eACA,gBACA,WACA,eACA,aACA,kBACA,uBACA,kBACA,wBACA,uBACA,wBACA,gBACA,sBACA,yBACA,sBACA,cACA,eACA,mBACA,gBACA,iBACA,cACA,iBACA,0BACA,MACA,eACA,YACA,gBACA,mBACA,kBACA,aACA,mBACA,sBACA,sBACA,6BACA,eACA,cACA,iBACA,aACA,cACA,QACA,cACA,aACA,eACA,YACA,eACA,kBACA,WAGIC,EAAuB,CAC3B,MACA,MACA,0BACA,QACA,WACA,YACA,UACA,MAGIC,EAAc,CAAC,IAAK,IAAK,KAAM,KAAM,MACrCC,EAAqB,CAAC,KAAM,KAAM,KAAM,KAAM,MC7R7C,MCIMC,EAAW,ICGxB,MACE,WAAAC,CAAYC,GACV,MAAMC,YACJA,EAAc,GAAEC,kBAChBA,EAAoB,GAAEC,gBACtBA,EAAkB,GAAEC,cACpBA,EAAgB,GAAEC,MAClBA,EAAQ,CAAA,EAAEC,OACVA,EAAS,CAAA,GACPN,EAEJO,KAAKX,YAAcK,GAAeL,GAAe,GACjDW,KAAKb,UAAY,IAAIA,KAAcS,GACnCI,KAAKV,mBAAqBK,GAAqBL,GAAsB,GACrEU,KAAKZ,qBAAuB,IAAIA,KAAyBS,GAEzDG,KAAKC,MAAQH,EACbE,KAAKE,OAASH,EAEdC,KAAKG,QAAUH,KAAKG,QAAQC,KAAKJ,MACjCA,KAAKK,SAAWL,KAAKK,SAASD,KAAKJ,MACnCA,KAAKM,YAAcN,KAAKM,YAAYF,KAAKJ,MACzCA,KAAKO,cAAgBP,KAAKO,cAAcH,KAAKJ,MAC7CA,KAAKQ,cAAgBR,KAAKQ,cAAcJ,KAAKJ,MAC7CA,KAAKS,gBAAkBT,KAAKS,gBAAgBL,KAAKJ,MACjDA,KAAKU,iBAAmBV,KAAKU,iBAAiBN,KAAKJ,MACnDA,KAAKW,qBAAuBX,KAAKW,qBAAqBP,KAAKJ,KAC7D,CAcA,gBAAAY,CAAiBC,GACf,OAAOA,EAAMC,IAAI,EAAEC,EAAMC,MACnBD,EAAKE,WAAW,OAClBF,EAAOA,EAAKG,UAAU,IAEjB,CAACH,EAAMC,IAElB,CAOA,WAAAV,CAAYa,GACV,OAAOA,EACJC,QAAQ,+BAAgC,SACxCC,cACAD,QAAQ,KAAM,GACnB,CAQA,QAAAf,CAASiB,EAAKC,GACZD,EAAMA,EAAIF,QAAQ,KAAM,IACxB,MAAMI,EAAIC,SAASH,EAAII,MAAM,EAAG,GAAI,IAC9BC,EAAIF,SAASH,EAAII,MAAM,EAAG,GAAI,IAC9BE,EAAIH,SAASH,EAAII,MAAM,EAAG,GAAI,IAEpC,OAAIH,EACK,QAAQC,MAAMG,MAAMC,MAAML,KAE1B,OAAOC,MAAMG,MAAMC,IAE9B,CAOA,gBAAAlB,CAAiBmB,GACf,MAAMC,EAAc,GACdC,EAAgB,CAAA,EACtB,IAAK,IAAIhD,EAAI,EAAGA,EAAIiB,KAAKV,mBAAmB0C,OAAQjD,IAClDgD,EAAc/B,KAAKV,mBAAmBP,IAAMA,EAE9C,IAAK,IAAIA,EAAI,EAAGA,EAAI8C,EAAYG,OAAQjD,IAAK,CAC3C,MAAMkD,EAAKJ,EAAY9C,GACjBiC,EAA2B,OAAnBiB,GAAIC,YAAsB,EAAKH,EAAcE,EAAGC,YAC9DJ,EAAYK,KAAK,CAAEC,MAAOrD,EAAGiC,SAC/B,CAEA,OADAc,EAAYO,KAAK,CAACC,EAAGV,IAAMU,EAAEtB,MAAQY,EAAEZ,OAChCc,EAAYhB,IAAKmB,GAAOJ,EAAYI,EAAGG,OAChD,CAOA,aAAA5B,CAAcK,GACZ,MAAM0B,EAAO,GACPxC,EAASC,KAAKE,OAEdsC,EAAexC,KAAKY,iBAAiBC,GAE3C,IAAK,IAAI9B,EAAI,EAAGA,EAAI8B,EAAMmB,OAAQjD,IAAK,CACrC,MAAM0D,EAAOD,EAAazD,GACpB2D,EAAQD,EAAK,GACbE,EAASF,EAAK,GACdG,EAAcF,EAAMxB,UAAU,EAAG,GACjCgB,EAAalC,KAAKV,mBAAmBuD,SAASD,GAChDA,EACA,KACEE,EAAY9C,KAAKV,mBAAmBuD,SAASD,GAE/CF,EAAMxB,UAAU,GADhBwB,EAEE1B,EACc,iBAAX2B,EAAsB,GAAGA,MAAa5C,EAAO4C,IAAWA,EAE5D3C,KAAKZ,qBAAqByD,SAASC,IACtCP,EAAKJ,KAAK,CAAED,aAAYY,WAAU9B,SAEtC,CAEA,OAAOhB,KAAKU,iBAAiB6B,EAC/B,CAOA,aAAAhC,CAAcM,GACZ,MAAMkC,EAAe,CAAA,EACfjD,EAAQE,KAAKC,MAEb+C,EAAaC,OAAOC,QAAQrC,GAqBlC,OApBoBb,KAAKQ,cAAcwC,GAE3BG,QAAQ,EAAGjB,aAAYY,WAAU9B,YAC3C,MAAMoC,EAAgB9C,YAAYwC,GAC5BO,EAAUvD,EAAMsD,IAAkBA,EAClCE,EAAgBD,EAAQjC,QAAQ,YAAa,CAACmC,EAAGC,IACrDA,EAAMC,eAGR,GAAIzD,KAAKb,UAAU0D,SAASQ,GAC1B,GAAKnB,EAEE,CACL,MAAMwB,EAAmBX,EAAaO,IAAkB,CAAA,EACxDI,EAAiBxB,GAAclB,EAC/B+B,EAAaO,GAAiBI,CAChC,MALEX,EAAaO,GAAiBtC,IAS7B+B,CACT,CAOA,OAAA5C,CAAQU,GACN,IAAI8C,EAAS,GACb,MAAM7D,EAAQE,KAAKC,MAEb+C,EAAaC,OAAOC,QAAQrC,GA4BlC,OA3BoBb,KAAKQ,cAAcwC,GAE3BG,QAAQ,EAAGjB,aAAYY,WAAU9B,YAC3C,MAAMoC,EAAgBpD,KAAKM,YAAYwC,GACjCO,EAAUvD,EAAMsD,IAAkBA,EAClCQ,EAAaC,MAAMC,QAAQT,GAAW,IAAIA,GAAW,CAACA,GAI5DM,GAAUC,EAAW9C,IAAK2B,IACxB,GAAIzC,KAAKb,UAAU0D,SAASJ,GAAO,CACjC,IAAKP,EACH,MAAO,GAAGO,MAASzB,KAErB,GAAIkB,EAAY,CAOd,MANuB,iCACrBlC,KAAKX,YAAYW,KAAKV,mBAAmByE,QAAQ7B,uCAEnCO,MAASzB,6BAI3B,CACF,IACCgD,KAAK,OAGHL,CACT,CAOA,oBAAAhD,CAAqBE,GACnB,MAAO,EACT,CAOA,eAAAJ,CAAgBI,GACd,MAAO,EACT,GDlOuC,CACvCf,MDFmB,CACnBmE,KAAM,YACNC,KAAM,YACNC,KAAM,aACNC,KAAM,aACNC,KAAM,YACNC,MAAO,QACPC,OAAQ,cACRC,OAAQ,cACRC,WAAY,kBACZC,QAAS,kBACTC,MAAO,cACPC,KAAM,YACNC,QAAS,gBACTC,UAAW,iBACXC,MAAO,aACPC,GAAI,mBACJC,UAAW,CAAC,cAAe,gBAAiB,mBAC5CC,OAAQ,cACRC,KAAM,YACNC,MAAO,aACPC,GAAI,CAAC,cAAe,kBACpBC,GAAI,CAAC,eAAgB,iBACrBC,GAAI,CAAC,aAAc,iBACnBC,GAAI,CAAC,cAAe,gBACpBC,KAAM,CAAC,QAAS,SAAU,YAAa,cACvCC,WAAY,CAAC,QAAS,SAAU,YAAa,cAC7CC,QAAS,CAAC,SAAU,cACpBC,OAAQ,gBACRC,QAAS,iBACTC,GAAI,eACJC,GAAI,gBACJC,GAAI,cACJC,GAAI,eACJC,GAAI,cACJC,GAAI,iBACJC,GAAI,aACJC,GAAI,gBACJC,OAAQ,iBACRC,KAAM,wBACNC,MAAO,oBACPC,KAAM,qBACNC,MAAO,iBACPC,SAAU,oBACVC,OAAQ,kBACRC,SAAU,iBACVC,OAAQ,eACRC,IAAK,cACLC,IAAK,WACLC,MAAO,eACPC,OAAQ,kBC/CRnH,ODkDoB,CACpBoH,OAAQ,eACRC,QAAS,gBACTC,MAAO,aACPC,UAAW,QACXC,IAAK,WACLC,QAAS,oBACTC,UAAW,sBACXC,MAAO,kBACPC,MAAO,kBACPC,MAAO,kBACPC,KAAM,iBACNC,QAAS,oBACTC,QAAS,oBACTC,OAAQ,mBACRC,MAAO,YACPC,MAAO,aCjEPxI,YDPyB,CAAC,IAAK,IAAK,IAAK,KAAM,MCQ/CC,kBDPgC,CAAC,KAAM,KAAM,KAAM,KAAM,MCQzDC,gBAAiB,CAAC,qBETPuI,EAAY,IAAiC,oBAAXC,OCAlCC,EAAWC,GACfA,EACJC,WACAC,UAAU,QACVnH,cACAoH,OACArH,QAAQ,OAAQ,KAChBA,QAAQ,WAAY,IACpBA,QAAQ,OAAQ,KAGfsH,EAAYvH,GACTA,EAAIC,QAAQ,QAAS,KAAKqH,OAG7BD,EAAarH,GACjBA,EAAIqH,UAAU,OAAOpH,QAAQ,mBAAoB,ICRtCuH,EAAU5H,IACrB,GAAsB,oBAAXqH,OAAwB,MAAO,GAE1C,MAAMQ,EAAU7H,EAAKE,WAAW,MAAQF,EAAO,KAAKA,IACpD,OAAO8H,iBAAiBC,SAASC,iBAC9BC,iBAAiBJ,GACjBH,QAWQQ,EAAWC,GACfA,EAAMC,OAAO,CAACC,EAAKrI,KAExBqI,EADYrI,EAAKE,WAAW,MAAQF,EAAKW,MAAM,GAAKX,GACzC4H,EAAO5H,GACXqI,GACN,CAAA,GAQQC,EAAY,CAACtI,EAAcC,KACtC,GAAsB,oBAAXoH,OAAwB,OAEnC,MAAMQ,EAAU7H,EAAKE,WAAW,MAAQF,EAAO,KAAKA,IACpD+H,SAASC,gBAAgBO,MAAMC,YAAYX,EAAS5H,ICpCzCwI,EAAgB,CAACC,EAAcC,KAExC,GACc,MAAVA,GACkB,iBAAXA,GACwB,IAA/BzG,OAAO0G,KAAKD,GAAQ1H,QACpB6B,MAAMC,QAAQ4F,GAEd,OAAOD,EAGX,MAAM3K,EAAS,IAAK2K,GAEpB,IAAK,MAAMG,KAAOF,EAAQ,CACtB,IAAKA,EAAOG,eAAeD,GAAM,SAEjC,MAAME,EAAYL,eAAAA,EAAUG,GACtBG,EAAWL,EAAOE,GAGxB,GAAI/F,MAAMC,QAAQiG,IAAalG,MAAMC,QAAQgG,GAAY,CACrD,MAAME,EAAW,IAAIC,IACrB,IAAK,MAAMC,KAAQH,EACC,OAAZG,aAAI,EAAJA,EAAMC,KACNH,EAASI,IAAIF,EAAKC,GAAID,GAI9B,MAAMG,EAASP,EAAUhJ,IAAKwJ,IAC1B,GAAsB,OAAlBA,eAAAA,EAAYH,KAAcH,EAASO,IAAID,EAAWH,IAAK,CACvD,MAAMK,EAAYR,EAASS,IAAIH,EAAWH,IAC1C,OACkB,MAAdG,GACsB,iBAAfA,GACNzG,MAAMC,QAAQwG,IACF,MAAbE,GACqB,iBAAdA,GACN3G,MAAMC,QAAQ0G,GAIZA,EAFIhB,EAAcc,EAAYE,EAGzC,CACA,OAAOF,IAGXxL,EAAO8K,GAAOS,CAClB,MAGgB,MAAZN,GACoB,iBAAbA,GACNlG,MAAMC,QAAQiG,IACF,MAAbD,GACqB,iBAAdA,GACNjG,MAAMC,QAAQgG,GAMfhL,EAAO8K,GAAOG,EAJdjL,EAAO8K,GAAOJ,EAAcM,EAAWC,EAM/C,CAGA,OAAOjL","x_google_ignoreList":[1,4]}

package/dist/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const t=["align-content","align-self","align-items","align-self","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","border","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","content","counter-increment","counter-reset","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","font","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-stretch","font-style","font-synthesis","font-variant","font-variant-alternates","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-weight","gap","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-gap","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-gap","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","image-orientation","image-rendering","image-resolution","inline-size","justify-content","justify-items","justify-self","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-bottom","margin-left","margin-right","margin-top","margin-block","margin-inline","max-height","max-width","min-height","min-width","mix-blend-mode","object-fit","object-position","opacity","order","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-bottom","padding-left","padding-right","padding-top","padding-block","padding-inline","page-break-after","page-break-before","page-break-inside","perspective","perspective-origin","place-content","place-items","place-self","pointer-events","position","quotes","resize","right","row-gap","scroll-behavior","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","shape-image-threshold","shape-margin","shape-outside","tab-size","table-layout","text-align","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","touch-action","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","user-select","vertical-align","visibility","white-space","width","will-change","word-break","word-spacing","word-wrap","writing-mode","backdrop-filter","z-index"],e=["key","ref","dangerouslySetInnerHTML","style","children","className","htmlFor","id"],r=[320,768,1024,1360,1540],i=["xs","sm","md","lg","xl"];const o=new class{constructor(o){const{breakpoints:n=[],breakpointsPrefix:a=[],supportCSSProps:s=[],reservedProps:l=[],alias:d={},values:c={}}=o;this.BREAKPOINTS=n||r||[],this.CSS_PROPS=[...t,...s],this.BREAKPOINTS_PREFIX=a||i||[],this.REACT_RESERVED_PROPS=[...e,...l],this.ALIAS=d,this.VALUES=c,this.hydrate=this.hydrate.bind(this),this.hexToRGB=this.hexToRGB.bind(this),this.toKebabCase=this.toKebabCase.bind(this),this.hydrateObject=this.hydrateObject.bind(this),this.mapProperties=this.mapProperties.bind(this),this.mapDynamicProps=this.mapDynamicProps.bind(this),this.breakpointsOrder=this.breakpointsOrder.bind(this),this.addResponsiveSupport=this.addResponsiveSupport.bind(this)}cleanDollarProps(t){return t.map(([t,e])=>(t.startsWith("$")&&(t=t.substring(1)),[t,e]))}toKebabCase(t){return t.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase().replace(/^-/,"")}hexToRGB(t,e){t=t.replace(/#/g,"");const r=parseInt(t.slice(0,2),16),i=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16);return e?`rgba(${r}, ${i}, ${o}, ${e})`:`rgb(${r}, ${i}, ${o})`}breakpointsOrder(t){const e=[],r={};for(let t=0;t<this.BREAKPOINTS_PREFIX.length;t++)r[this.BREAKPOINTS_PREFIX[t]]=t;for(let i=0;i<t.length;i++){const o=t[i],n=null===o?.breakpoint?-1:r[o.breakpoint];e.push({index:i,value:n})}return e.sort((t,e)=>t.value-e.value),e.map(e=>t[e.index])}mapProperties(t){const e=[],r=this.VALUES,i=this.cleanDollarProps(t);for(let o=0;o<t.length;o++){const t=i[o],n=t[0],a=t[1],s=n.substring(0,2),l=this.BREAKPOINTS_PREFIX.includes(s)?s:null,d=this.BREAKPOINTS_PREFIX.includes(s)?n.substring(2):n,c="number"==typeof a?`${a}px`:r[a]||a;this.REACT_RESERVED_PROPS.includes(d)||e.push({breakpoint:l,property:d,value:c})}return this.breakpointsOrder(e)}hydrateObject(t){const e={},r=this.ALIAS,i=Object.entries(t);return this.mapProperties(i).forEach(({breakpoint:t,property:i,value:o})=>{const n=toKebabCase(i),a=r[n]||n,s=a.replace(/-([a-z])/g,(t,e)=>e.toUpperCase());if(this.CSS_PROPS.includes(a))if(t){const r=e[s]||{};r[t]=o,e[s]=r}else e[s]=o}),e}hydrate(t){let e="";const r=this.ALIAS,i=Object.entries(t);return this.mapProperties(i).forEach(({breakpoint:t,property:i,value:o})=>{const n=this.toKebabCase(i),a=r[n]||n,s=Array.isArray(a)?[...a]:[a];e+=s.map(e=>{if(this.CSS_PROPS.includes(e)){if(!t)return`${e}: ${o};`;if(t){return`@media screen and (min-width: ${this.BREAKPOINTS[this.BREAKPOINTS_PREFIX.indexOf(t)]}px) {\n                          ${e}: ${o};\n                      }`}}}).join(" ")}),e}addResponsiveSupport(t){return""}mapDynamicProps(t){return""}}({alias:{maxw:"max-width",minw:"min-width",maxh:"max-height",minh:"min-height",size:"font-size",order:"order",weight:"font-weight",family:"font-family",decoration:"text-decoration",justify:"justify-content",items:"align-items",wrap:"flex-wrap",content:"align-content",direction:"flex-direction",align:"text-align",bg:"background-color",flexalign:["align-items","align-content","justify-content"],shrink:"flex-shrink",grow:"flex-grow",basis:"flex-basis",pv:["padding-top","padding-bottom"],ph:["padding-left","padding-right"],mv:["margin-top","margin-bottom"],mh:["margin-left","margin-right"],wsvg:["width","height","min-width","min-height"],dimentions:["width","height","min-width","min-height"],$height:["height","max-height"],radius:"border-radius",spacing:"letter-spacing",pl:"padding-left",pr:"padding-right",ml:"margin-left",mr:"margin-right",pt:"padding-top",pb:"padding-bottom",mt:"margin-top",mb:"margin-bottom",ttrans:"text-transform",cols:"grid-template-columns",acols:"grid-auto-columns",rows:"grid-template-rows",arows:"grid-auto-rows",colstart:"grid-column-start",colend:"grid-column-end",rowstart:"grid-row-start",rowend:"grid-row-end",col:"grid-column",row:"grid-row",ratio:"aspect-ratio",events:"pointer-events"},values:{around:"space-around",between:"space-between",start:"flex-start",startSnap:"start",end:"flex-end",primary:"var(--db-primary)",secondary:"var(--db-secondary)",white:"var(--db-white)",black:"var(--db-black)",light:"var(--db-light)",info:"var(--db-info)",success:"var(--db-success)",warning:"var(--db-warning)",danger:"var(--db-danger)",upper:"uppercase",lower:"lowercase"},breakpoints:[320,768,980,1280,1440],breakpointsPrefix:["xs","sm","md","lg","xl"],supportCSSProps:["backdrop-filter"]}),n=t=>{if("undefined"==typeof window)return"";const e=t.startsWith("--")?t:`--${t}`;return getComputedStyle(document.documentElement).getPropertyValue(e).trim()};exports.SuperCSS=o,exports.cssVar=n,exports.cssVars=t=>t.reduce((t,e)=>(t[e.startsWith("--")?e.slice(2):e]=n(e),t),{}),exports.hasWindow=()=>"undefined"!=typeof window,exports.normalize=t=>t.normalize("NFD").replace(/[\u0300-\u036f]/g,""),exports.randomKey=function(t){const e="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";let r="";for(let i=0;i<t;i++){r+=e[Math.floor(62*Math.random())]}return r},exports.sanitize=t=>t.replace(/ {2}/g," ").trim(),exports.setCssVar=(t,e)=>{if("undefined"==typeof window)return;const r=t.startsWith("--")?t:`--${t}`;document.documentElement.style.setProperty(r,e)},exports.slugify=t=>t.toString().normalize("NFKD").toLowerCase().trim().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-");
+"use strict";const t=["align-content","align-self","align-items","align-self","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","border","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","content","counter-increment","counter-reset","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","font","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-stretch","font-style","font-synthesis","font-variant","font-variant-alternates","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-weight","gap","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-gap","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-gap","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","image-orientation","image-rendering","image-resolution","inline-size","justify-content","justify-items","justify-self","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-bottom","margin-left","margin-right","margin-top","margin-block","margin-inline","max-height","max-width","min-height","min-width","mix-blend-mode","object-fit","object-position","opacity","order","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-bottom","padding-left","padding-right","padding-top","padding-block","padding-inline","page-break-after","page-break-before","page-break-inside","perspective","perspective-origin","place-content","place-items","place-self","pointer-events","position","quotes","resize","right","row-gap","scroll-behavior","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","shape-image-threshold","shape-margin","shape-outside","tab-size","table-layout","text-align","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","touch-action","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","user-select","vertical-align","visibility","white-space","width","will-change","word-break","word-spacing","word-wrap","writing-mode","backdrop-filter","z-index"],e=["key","ref","dangerouslySetInnerHTML","style","children","className","htmlFor","id"],r=[320,768,1024,1360,1540],i=["xs","sm","md","lg","xl"];const o=new class{constructor(o){const{breakpoints:n=[],breakpointsPrefix:a=[],supportCSSProps:s=[],reservedProps:l=[],alias:d={},values:c={}}=o;this.BREAKPOINTS=n||r||[],this.CSS_PROPS=[...t,...s],this.BREAKPOINTS_PREFIX=a||i||[],this.REACT_RESERVED_PROPS=[...e,...l],this.ALIAS=d,this.VALUES=c,this.hydrate=this.hydrate.bind(this),this.hexToRGB=this.hexToRGB.bind(this),this.toKebabCase=this.toKebabCase.bind(this),this.hydrateObject=this.hydrateObject.bind(this),this.mapProperties=this.mapProperties.bind(this),this.mapDynamicProps=this.mapDynamicProps.bind(this),this.breakpointsOrder=this.breakpointsOrder.bind(this),this.addResponsiveSupport=this.addResponsiveSupport.bind(this)}cleanDollarProps(t){return t.map(([t,e])=>(t.startsWith("$")&&(t=t.substring(1)),[t,e]))}toKebabCase(t){return t.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase().replace(/^-/,"")}hexToRGB(t,e){t=t.replace(/#/g,"");const r=parseInt(t.slice(0,2),16),i=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16);return e?`rgba(${r}, ${i}, ${o}, ${e})`:`rgb(${r}, ${i}, ${o})`}breakpointsOrder(t){const e=[],r={};for(let t=0;t<this.BREAKPOINTS_PREFIX.length;t++)r[this.BREAKPOINTS_PREFIX[t]]=t;for(let i=0;i<t.length;i++){const o=t[i],n=null===o?.breakpoint?-1:r[o.breakpoint];e.push({index:i,value:n})}return e.sort((t,e)=>t.value-e.value),e.map(e=>t[e.index])}mapProperties(t){const e=[],r=this.VALUES,i=this.cleanDollarProps(t);for(let o=0;o<t.length;o++){const t=i[o],n=t[0],a=t[1],s=n.substring(0,2),l=this.BREAKPOINTS_PREFIX.includes(s)?s:null,d=this.BREAKPOINTS_PREFIX.includes(s)?n.substring(2):n,c="number"==typeof a?`${a}px`:r[a]||a;this.REACT_RESERVED_PROPS.includes(d)||e.push({breakpoint:l,property:d,value:c})}return this.breakpointsOrder(e)}hydrateObject(t){const e={},r=this.ALIAS,i=Object.entries(t);return this.mapProperties(i).forEach(({breakpoint:t,property:i,value:o})=>{const n=toKebabCase(i),a=r[n]||n,s=a.replace(/-([a-z])/g,(t,e)=>e.toUpperCase());if(this.CSS_PROPS.includes(a))if(t){const r=e[s]||{};r[t]=o,e[s]=r}else e[s]=o}),e}hydrate(t){let e="";const r=this.ALIAS,i=Object.entries(t);return this.mapProperties(i).forEach(({breakpoint:t,property:i,value:o})=>{const n=this.toKebabCase(i),a=r[n]||n,s=Array.isArray(a)?[...a]:[a];e+=s.map(e=>{if(this.CSS_PROPS.includes(e)){if(!t)return`${e}: ${o};`;if(t){return`@media screen and (min-width: ${this.BREAKPOINTS[this.BREAKPOINTS_PREFIX.indexOf(t)]}px) {\n                          ${e}: ${o};\n                      }`}}}).join(" ")}),e}addResponsiveSupport(t){return""}mapDynamicProps(t){return""}}({alias:{maxw:"max-width",minw:"min-width",maxh:"max-height",minh:"min-height",size:"font-size",order:"order",weight:"font-weight",family:"font-family",decoration:"text-decoration",justify:"justify-content",items:"align-items",wrap:"flex-wrap",content:"align-content",direction:"flex-direction",align:"text-align",bg:"background-color",flexalign:["align-items","align-content","justify-content"],shrink:"flex-shrink",grow:"flex-grow",basis:"flex-basis",pv:["padding-top","padding-bottom"],ph:["padding-left","padding-right"],mv:["margin-top","margin-bottom"],mh:["margin-left","margin-right"],wsvg:["width","height","min-width","min-height"],dimentions:["width","height","min-width","min-height"],$height:["height","max-height"],radius:"border-radius",spacing:"letter-spacing",pl:"padding-left",pr:"padding-right",ml:"margin-left",mr:"margin-right",pt:"padding-top",pb:"padding-bottom",mt:"margin-top",mb:"margin-bottom",ttrans:"text-transform",cols:"grid-template-columns",acols:"grid-auto-columns",rows:"grid-template-rows",arows:"grid-auto-rows",colstart:"grid-column-start",colend:"grid-column-end",rowstart:"grid-row-start",rowend:"grid-row-end",col:"grid-column",row:"grid-row",ratio:"aspect-ratio",events:"pointer-events"},values:{around:"space-around",between:"space-between",start:"flex-start",startSnap:"start",end:"flex-end",primary:"var(--db-primary)",secondary:"var(--db-secondary)",white:"var(--db-white)",black:"var(--db-black)",light:"var(--db-light)",info:"var(--db-info)",success:"var(--db-success)",warning:"var(--db-warning)",danger:"var(--db-danger)",upper:"uppercase",lower:"lowercase"},breakpoints:[320,768,980,1280,1440],breakpointsPrefix:["xs","sm","md","lg","xl"],supportCSSProps:["backdrop-filter"]}),n=t=>{if("undefined"==typeof window)return"";const e=t.startsWith("--")?t:`--${t}`;return getComputedStyle(document.documentElement).getPropertyValue(e).trim()},a=(t,e)=>{if(null==e||"object"!=typeof e||0===Object.keys(e).length||Array.isArray(e))return t;const r={...t};for(const i in e){if(!e.hasOwnProperty(i))continue;const o=null==t?void 0:t[i],n=e[i];if(Array.isArray(n)&&Array.isArray(o)){const t=new Map;for(const e of n)null!=(null==e?void 0:e.id)&&t.set(e.id,e);const e=o.map(e=>{if(null!=(null==e?void 0:e.id)&&t.has(e.id)){const r=t.get(e.id);return null==e||"object"!=typeof e||Array.isArray(e)||null==r||"object"!=typeof r||Array.isArray(r)?r:a(e,r)}return e});r[i]=e}else null==n||"object"!=typeof n||Array.isArray(n)||null==o||"object"!=typeof o||Array.isArray(o)?r[i]=n:r[i]=a(o,n)}return r};exports.SuperCSS=o,exports.adapterSchema=a,exports.cssVar=n,exports.cssVars=t=>t.reduce((t,e)=>(t[e.startsWith("--")?e.slice(2):e]=n(e),t),{}),exports.hasWindow=()=>"undefined"!=typeof window,exports.normalize=t=>t.normalize("NFD").replace(/[\u0300-\u036f]/g,""),exports.randomKey=function(t){const e="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";let r="";for(let i=0;i<t;i++){r+=e[Math.floor(62*Math.random())]}return r},exports.sanitize=t=>t.replace(/ {2}/g," ").trim(),exports.setCssVar=(t,e)=>{if("undefined"==typeof window)return;const r=t.startsWith("--")?t:`--${t}`;document.documentElement.style.setProperty(r,e)},exports.slugify=t=>t.toString().normalize("NFKD").toLowerCase().trim().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-");
 //# sourceMappingURL=utils.js.map

package/dist/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../node_modules/@digitalbooting/react-super-css/src/constants.js","../src/constants/reactive.ts","../src/utils/super-css.ts","../node_modules/@digitalbooting/react-super-css/src/index.js","../src/utils/cssVar.ts","../src/utils/window.ts","../src/utils/strings.ts","../src/utils/randomKey.ts"],"sourcesContent":["const CSS_PROPS = [\r\n \"align-content\",\r\n \"align-self\",\r\n \"align-items\",\r\n \"align-self\",\r\n \"animation\",\r\n \"animation-delay\",\r\n \"animation-direction\",\r\n \"animation-duration\",\r\n \"animation-fill-mode\",\r\n \"animation-iteration-count\",\r\n \"animation-name\",\r\n \"animation-play-state\",\r\n \"animation-timing-function\",\r\n \"backface-visibility\",\r\n \"background\",\r\n \"background-attachment\",\r\n \"background-blend-mode\",\r\n \"background-clip\",\r\n \"background-color\",\r\n \"background-image\",\r\n \"background-origin\",\r\n \"background-position\",\r\n \"background-repeat\",\r\n \"background-size\",\r\n \"border\",\r\n \"border-bottom\",\r\n \"border-bottom-color\",\r\n \"border-bottom-left-radius\",\r\n \"border-bottom-right-radius\",\r\n \"border-bottom-style\",\r\n \"border-bottom-width\",\r\n \"border-collapse\",\r\n \"border-color\",\r\n \"border-image\",\r\n \"border-image-outset\",\r\n \"border-image-repeat\",\r\n \"border-image-slice\",\r\n \"border-image-source\",\r\n \"border-image-width\",\r\n \"border-left\",\r\n \"border-left-color\",\r\n \"border-left-style\",\r\n \"border-left-width\",\r\n \"border-radius\",\r\n \"border-right\",\r\n \"border-right-color\",\r\n \"border-right-style\",\r\n \"border-right-width\",\r\n \"border-spacing\",\r\n \"border-style\",\r\n \"border-top\",\r\n \"border-top-color\",\r\n \"border-top-left-radius\",\r\n \"border-top-right-radius\",\r\n \"border-top-style\",\r\n \"border-top-width\",\r\n \"border-width\",\r\n \"bottom\",\r\n \"box-decoration-break\",\r\n \"box-shadow\",\r\n \"box-sizing\",\r\n \"break-after\",\r\n \"break-before\",\r\n \"break-inside\",\r\n \"caption-side\",\r\n \"caret-color\",\r\n \"clear\",\r\n \"clip\",\r\n \"color\",\r\n \"column-count\",\r\n \"column-fill\",\r\n \"column-gap\",\r\n \"column-rule\",\r\n \"column-rule-color\",\r\n \"column-rule-style\",\r\n \"column-rule-width\",\r\n \"column-span\",\r\n \"column-width\",\r\n \"columns\",\r\n \"content\",\r\n \"counter-increment\",\r\n \"counter-reset\",\r\n \"cursor\",\r\n \"direction\",\r\n \"display\",\r\n \"empty-cells\",\r\n \"filter\",\r\n \"flex\",\r\n \"flex-basis\",\r\n \"flex-direction\",\r\n \"flex-flow\",\r\n \"flex-grow\",\r\n \"flex-shrink\",\r\n \"flex-wrap\",\r\n \"float\",\r\n \"font\",\r\n \"font-family\",\r\n \"font-feature-settings\",\r\n \"font-kerning\",\r\n \"font-language-override\",\r\n \"font-size\",\r\n \"font-size-adjust\",\r\n \"font-stretch\",\r\n \"font-style\",\r\n \"font-synthesis\",\r\n \"font-variant\",\r\n \"font-variant-alternates\",\r\n \"font-variant-caps\",\r\n \"font-variant-east-asian\",\r\n \"font-variant-ligatures\",\r\n \"font-variant-numeric\",\r\n \"font-variant-position\",\r\n \"font-weight\",\r\n \"gap\",\r\n \"grid\",\r\n \"grid-area\",\r\n \"grid-auto-columns\",\r\n \"grid-auto-flow\",\r\n \"grid-auto-rows\",\r\n \"grid-column\",\r\n \"grid-column-end\",\r\n \"grid-column-gap\",\r\n \"grid-column-start\",\r\n \"grid-gap\",\r\n \"grid-row\",\r\n \"grid-row-end\",\r\n \"grid-row-gap\",\r\n \"grid-row-start\",\r\n \"grid-template\",\r\n \"grid-template-areas\",\r\n \"grid-template-columns\",\r\n \"grid-template-rows\",\r\n \"hanging-punctuation\",\r\n \"height\",\r\n \"hyphens\",\r\n \"image-orientation\",\r\n \"image-rendering\",\r\n \"image-resolution\",\r\n \"inline-size\",\r\n \"justify-content\",\r\n \"justify-items\",\r\n \"justify-self\",\r\n \"left\",\r\n \"letter-spacing\",\r\n \"line-break\",\r\n \"line-height\",\r\n \"list-style\",\r\n \"list-style-image\",\r\n \"list-style-position\",\r\n \"list-style-type\",\r\n \"margin\",\r\n \"margin-bottom\",\r\n \"margin-left\",\r\n \"margin-right\",\r\n \"margin-top\",\r\n \"margin-block\",\r\n \"margin-inline\",\r\n \"max-height\",\r\n \"max-width\",\r\n \"min-height\",\r\n \"min-width\",\r\n \"mix-blend-mode\",\r\n \"object-fit\",\r\n \"object-position\",\r\n \"opacity\",\r\n \"order\",\r\n \"outline\",\r\n \"outline-color\",\r\n \"outline-offset\",\r\n \"outline-style\",\r\n \"outline-width\",\r\n \"overflow\",\r\n \"overflow-wrap\",\r\n \"overflow-x\",\r\n \"overflow-y\",\r\n \"padding\",\r\n \"padding-bottom\",\r\n \"padding-left\",\r\n \"padding-right\",\r\n \"padding-top\",\r\n \"padding-block\",\r\n \"padding-inline\",\r\n \"page-break-after\",\r\n \"page-break-before\",\r\n \"page-break-inside\",\r\n \"perspective\",\r\n \"perspective-origin\",\r\n \"place-content\",\r\n \"place-items\",\r\n \"place-self\",\r\n \"pointer-events\",\r\n \"position\",\r\n \"quotes\",\r\n \"resize\",\r\n \"right\",\r\n \"row-gap\",\r\n \"scroll-behavior\",\r\n \"scroll-margin\",\r\n \"scroll-margin-block\",\r\n \"scroll-margin-block-end\",\r\n \"scroll-margin-block-start\",\r\n \"scroll-margin-bottom\",\r\n \"scroll-margin-inline\",\r\n \"scroll-margin-inline-end\",\r\n \"scroll-margin-inline-start\",\r\n \"scroll-margin-left\",\r\n \"scroll-margin-right\",\r\n \"scroll-margin-top\",\r\n \"scroll-padding\",\r\n \"scroll-padding-block\",\r\n \"scroll-padding-block-end\",\r\n \"scroll-padding-block-start\",\r\n \"scroll-padding-bottom\",\r\n \"scroll-padding-inline\",\r\n \"scroll-padding-inline-end\",\r\n \"scroll-padding-inline-start\",\r\n \"scroll-padding-left\",\r\n \"scroll-padding-right\",\r\n \"scroll-padding-top\",\r\n \"scroll-snap-align\",\r\n \"scroll-snap-stop\",\r\n \"scroll-snap-type\",\r\n \"shape-image-threshold\",\r\n \"shape-margin\",\r\n \"shape-outside\",\r\n \"tab-size\",\r\n \"table-layout\",\r\n \"text-align\",\r\n \"text-align-last\",\r\n \"text-combine-upright\",\r\n \"text-decoration\",\r\n \"text-decoration-color\",\r\n \"text-decoration-line\",\r\n \"text-decoration-style\",\r\n \"text-emphasis\",\r\n \"text-emphasis-color\",\r\n \"text-emphasis-position\",\r\n \"text-emphasis-style\",\r\n \"text-indent\",\r\n \"text-justify\",\r\n \"text-orientation\",\r\n \"text-overflow\",\r\n \"text-rendering\",\r\n \"text-shadow\",\r\n \"text-transform\",\r\n \"text-underline-position\",\r\n \"top\",\r\n \"touch-action\",\r\n \"transform\",\r\n \"transform-box\",\r\n \"transform-origin\",\r\n \"transform-style\",\r\n \"transition\",\r\n \"transition-delay\",\r\n \"transition-duration\",\r\n \"transition-property\",\r\n \"transition-timing-function\",\r\n \"unicode-bidi\",\r\n \"user-select\",\r\n \"vertical-align\",\r\n \"visibility\",\r\n \"white-space\",\r\n \"width\",\r\n \"will-change\",\r\n \"word-break\",\r\n \"word-spacing\",\r\n \"word-wrap\",\r\n \"writing-mode\",\r\n \"backdrop-filter\",\r\n \"z-index\",\r\n];\r\n\r\nconst REACT_RESERVED_PROPS = [\r\n \"key\",\r\n \"ref\",\r\n \"dangerouslySetInnerHTML\",\r\n \"style\",\r\n \"children\",\r\n \"className\",\r\n \"htmlFor\",\r\n \"id\",\r\n];\r\n\r\nconst BREAKPOINTS = [320, 768, 1024, 1360, 1540];\r\nconst BREAKPOINTS_PREFIX = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"];\r\n\r\nexport { CSS_PROPS, REACT_RESERVED_PROPS, BREAKPOINTS, BREAKPOINTS_PREFIX };\r\n","export const BREAKPOINTS = [320, 768, 980, 1280, 1440];\nexport const BREAKPOINTS_PREFIX = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"];\n\nexport const alias = {\n maxw: \"max-width\",\n minw: \"min-width\",\n maxh: \"max-height\",\n minh: \"min-height\",\n size: \"font-size\",\n order: \"order\",\n weight: \"font-weight\",\n family: \"font-family\",\n decoration: \"text-decoration\",\n justify: \"justify-content\",\n items: \"align-items\",\n wrap: \"flex-wrap\",\n content: \"align-content\",\n direction: \"flex-direction\",\n align: \"text-align\",\n bg: \"background-color\",\n flexalign: [\"align-items\", \"align-content\", \"justify-content\"],\n shrink: \"flex-shrink\",\n grow: \"flex-grow\",\n basis: \"flex-basis\",\n pv: [\"padding-top\", \"padding-bottom\"],\n ph: [\"padding-left\", \"padding-right\"],\n mv: [\"margin-top\", \"margin-bottom\"],\n mh: [\"margin-left\", \"margin-right\"],\n wsvg: [\"width\", \"height\", \"min-width\", \"min-height\"],\n dimentions: [\"width\", \"height\", \"min-width\", \"min-height\"],\n $height: [\"height\", \"max-height\"],\n radius: \"border-radius\",\n spacing: \"letter-spacing\",\n pl: \"padding-left\",\n pr: \"padding-right\",\n ml: \"margin-left\",\n mr: \"margin-right\",\n pt: \"padding-top\",\n pb: \"padding-bottom\",\n mt: \"margin-top\",\n mb: \"margin-bottom\",\n ttrans: \"text-transform\",\n cols: \"grid-template-columns\",\n acols: \"grid-auto-columns\",\n rows: \"grid-template-rows\",\n arows: \"grid-auto-rows\",\n colstart: \"grid-column-start\",\n colend: \"grid-column-end\",\n rowstart: \"grid-row-start\",\n rowend: \"grid-row-end\",\n col: \"grid-column\",\n row: \"grid-row\",\n ratio: \"aspect-ratio\",\n events: \"pointer-events\",\n};\n\nexport const values = {\n around: \"space-around\",\n between: \"space-between\",\n start: \"flex-start\",\n startSnap: \"start\",\n end: \"flex-end\",\n primary: \"var(--db-primary)\",\n secondary: \"var(--db-secondary)\",\n white: \"var(--db-white)\",\n black: \"var(--db-black)\",\n light: \"var(--db-light)\",\n info: \"var(--db-info)\",\n success: \"var(--db-success)\",\n warning: \"var(--db-warning)\",\n danger: \"var(--db-danger)\",\n upper: \"uppercase\",\n lower: \"lowercase\",\n};\n\nexport const reactive = {\n alias,\n values,\n BREAKPOINTS,\n BREAKPOINTS_PREFIX,\n};\n","//@ts-ignore\nimport SuperCSSCore from \"@digitalbooting/react-super-css\";\nimport { BREAKPOINTS, BREAKPOINTS_PREFIX, alias, values } from \"@constants/reactive\";\n\nexport const SuperCSS = new SuperCSSCore({\n alias,\n values,\n breakpoints: BREAKPOINTS,\n breakpointsPrefix: BREAKPOINTS_PREFIX,\n supportCSSProps: [\"backdrop-filter\"],\n});\n\nexport type SuperCSSProps = Record<string, any>;","import {\r\n CSS_PROPS,\r\n BREAKPOINTS,\r\n BREAKPOINTS_PREFIX,\r\n REACT_RESERVED_PROPS,\r\n} from \"./constants\";\r\n\r\nclass SuperCSSProps {\r\n constructor(config) {\r\n const {\r\n breakpoints = [],\r\n breakpointsPrefix = [],\r\n supportCSSProps = [],\r\n reservedProps = [],\r\n alias = {},\r\n values = {},\r\n } = config;\r\n\r\n this.BREAKPOINTS = breakpoints \|\| BREAKPOINTS \|\| [];\r\n this.CSS_PROPS = [...CSS_PROPS, ...supportCSSProps];\r\n this.BREAKPOINTS_PREFIX = breakpointsPrefix \|\| BREAKPOINTS_PREFIX \|\| [];\r\n this.REACT_RESERVED_PROPS = [...REACT_RESERVED_PROPS, ...reservedProps];\r\n\r\n this.ALIAS = alias;\r\n this.VALUES = values;\r\n\r\n this.hydrate = this.hydrate.bind(this);\r\n this.hexToRGB = this.hexToRGB.bind(this);\r\n this.toKebabCase = this.toKebabCase.bind(this);\r\n this.hydrateObject = this.hydrateObject.bind(this);\r\n this.mapProperties = this.mapProperties.bind(this);\r\n this.mapDynamicProps = this.mapDynamicProps.bind(this);\r\n this.breakpointsOrder = this.breakpointsOrder.bind(this);\r\n this.addResponsiveSupport = this.addResponsiveSupport.bind(this);\r\n }\r\n\r\n /*\r\n Elimina el símbolo \"$\" de los nombres de las propiedades en un arreglo de pares clave-valor.\r\n \r\n Esta función recibe un arreglo de propiedades y si alguna propiedad tiene un nombre que empieza con \"$\",\r\n * elimina dicho símbolo, dejando el resto del nombre de la propiedad intacto.\r\n \r\n @param {Array<[string, any]>} props - Un arreglo de pares clave-valor donde cada clave es el nombre de una propiedad\r\n * y el valor es el valor asociado a esa propiedad.\r\n \r\n @returns {Array<[string, any]>} Un nuevo arreglo de pares clave-valor con los nombres de las propiedades\r\n * que comenzaban con \"$\" sin el símbolo, pero manteniendo el resto de la propiedad.\r\n /\r\n cleanDollarProps(props) {\r\n return props.map(([name, value]) => {\r\n if (name.startsWith(\"$\")) {\r\n name = name.substring(1);\r\n }\r\n return [name, value];\r\n });\r\n }\r\n\r\n /\r\n \r\n * @param {String} str - Texto en formato CamelCase que se va a transformar en kebab-case\r\n * @returns {String} - texto de entrada en formato kebab-case\r\n /\r\n toKebabCase(str) {\r\n return str\r\n .replace(/([a-z0-9]\|(?=[A-Z]))([A-Z])/g, \"$1-$2\")\r\n .toLowerCase()\r\n .replace(/^-/, \"\");\r\n }\r\n\r\n /\r\n \r\n * @param {String} hex - Codigo de color hexadecimal a tranformar\r\n * @param {Number} alpha - Opacidad del color\r\n * @returns {String} rgba - Color hexadecimal en formato RGBA\r\n /\r\n hexToRGB(hex, alpha) {\r\n hex = hex.replace(/#/g, \"\");\r\n const r = parseInt(hex.slice(0, 2), 16);\r\n const g = parseInt(hex.slice(2, 4), 16);\r\n const b = parseInt(hex.slice(4, 6), 16);\r\n\r\n if (alpha) {\r\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\r\n } else {\r\n return `rgb(${r}, ${g}, ${b})`;\r\n }\r\n }\r\n\r\n /\r\n \r\n * @param {Object[]} arrayToSort - Array a ordenar en base a un arreglo base como BREAKPOINTS_PREFIX\r\n * @returns\r\n /\r\n breakpointsOrder(arrayToSort) {\r\n const mappedArray = [];\r\n const breakpointMap = {};\r\n for (let i = 0; i < this.BREAKPOINTS_PREFIX.length; i++) {\r\n breakpointMap[this.BREAKPOINTS_PREFIX[i]] = i;\r\n }\r\n for (let i = 0; i < arrayToSort.length; i++) {\r\n const el = arrayToSort[i];\r\n const value = el?.breakpoint === null ? -1 : breakpointMap[el.breakpoint];\r\n mappedArray.push({ index: i, value });\r\n }\r\n mappedArray.sort((a, b) => a.value - b.value);\r\n return mappedArray.map((el) => arrayToSort[el.index]);\r\n }\r\n\r\n /\r\n \r\n * @param {ReactPropsComponent} props - Propiedades de un componente de react que modifican el comportamiento CSS\r\n * @returns {Object[]} propiedades limpias con la estructura {brekapoint, property, value}\r\n /\r\n mapProperties(props) {\r\n const $map = [];\r\n const values = this.VALUES;\r\n\r\n const cleanedProps = this.cleanDollarProps(props); // Limpiamos las propiedades que comienzan con $\r\n\r\n for (let i = 0; i < props.length; i++) {\r\n const prop = cleanedProps[i];\r\n const _name = prop[0];\r\n const _value = prop[1];\r\n const _breakpoint = _name.substring(0, 2);\r\n const breakpoint = this.BREAKPOINTS_PREFIX.includes(_breakpoint)\r\n ? _breakpoint\r\n : null;\r\n const property = !this.BREAKPOINTS_PREFIX.includes(_breakpoint)\r\n ? _name\r\n : _name.substring(2);\r\n const value =\r\n typeof _value === \"number\" ? `${_value}px` : values[_value] \|\| _value;\r\n\r\n if (!this.REACT_RESERVED_PROPS.includes(property)) {\r\n $map.push({ breakpoint, property, value });\r\n }\r\n }\r\n\r\n return this.breakpointsOrder($map);\r\n }\r\n\r\n /\r\n \r\n * @param {ReactPropsComponent} props - props de un componente estilizado de react\r\n * @returns {Object} CSS generado como un objecto de pares clave:valor en base a las propiedades del componente\r\n /\r\n hydrateObject(props) {\r\n const stylesObject = {};\r\n const alias = this.ALIAS;\r\n\r\n const properties = Object.entries(props);\r\n const mappedProps = this.mapProperties(properties);\r\n\r\n mappedProps.forEach(({ breakpoint, property, value }) => {\r\n const kebabCaseProp = toKebabCase(property);\r\n const cssProp = alias[kebabCaseProp] \|\| kebabCaseProp;\r\n const camelCaseProp = cssProp.replace(/-([a-z])/g, (_, match) =>\r\n match.toUpperCase()\r\n );\r\n\r\n if (this.CSS_PROPS.includes(cssProp)) {\r\n if (!breakpoint) {\r\n stylesObject[camelCaseProp] = value;\r\n } else {\r\n const breakpointStyles = stylesObject[camelCaseProp] \|\| {};\r\n breakpointStyles[breakpoint] = value;\r\n stylesObject[camelCaseProp] = breakpointStyles;\r\n }\r\n }\r\n });\r\n\r\n return stylesObject;\r\n }\r\n\r\n /\r\n \r\n * @param {ReactPropsComponent} props - props de un componente estilizado de react\r\n * @returns {String} CSS generado como un string en base a las propiedades del componente\r\n /\r\n hydrate(props) {\r\n let styles = \"\";\r\n const alias = this.ALIAS;\r\n\r\n const properties = Object.entries(props);\r\n const mappedProps = this.mapProperties(properties);\r\n\r\n mappedProps.forEach(({ breakpoint, property, value }) => {\r\n const kebabCaseProp = this.toKebabCase(property);\r\n const cssProp = alias[kebabCaseProp] \|\| kebabCaseProp;\r\n const ArrayProps = Array.isArray(cssProp) ? [...cssProp] : [cssProp];\r\n\r\n // console.log({ breakpoint, property, value, kebabCaseProp, ArrayProps });\r\n\r\n styles += ArrayProps.map((prop) => {\r\n if (this.CSS_PROPS.includes(prop)) {\r\n if (!breakpoint) {\r\n return `${prop}: ${value};`;\r\n }\r\n if (breakpoint) {\r\n let responsiveStyles = `@media screen and (min-width: ${\r\n this.BREAKPOINTS[this.BREAKPOINTS_PREFIX.indexOf(breakpoint)]\r\n }px) {\r\n ${prop}: ${value};\r\n }`;\r\n\r\n return responsiveStyles;\r\n }\r\n }\r\n }).join(\" \");\r\n });\r\n\r\n return styles;\r\n }\r\n\r\n /\r\n \r\n * @deprecated - El uso de este metodo debe ser reemplazado por hydrate\r\n * @returns\r\n /\r\n addResponsiveSupport(props) {\r\n return \"\";\r\n }\r\n\r\n /\r\n \r\n * @deprecated - El uso de este metodo debe ser reemplazado por hydrate\r\n * @returns\r\n /\r\n mapDynamicProps(props) {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport default SuperCSSProps;\r\n","/\r\n Obtiene el valor de una variable CSS definida en :root\r\n * @param name - Nombre de la variable (con o sin --)\r\n * @returns El valor de la variable CSS o string vacío si no existe\r\n * @example\r\n * cssVar('db-primary') // '#000082'\r\n * cssVar('--db-primary') // '#000082'\r\n /\r\nexport const cssVar = (name: string): string => {\r\n if (typeof window === \"undefined\") return \"\";\r\n\r\n const varName = name.startsWith(\"--\") ? name : `--${name}`;\r\n return getComputedStyle(document.documentElement)\r\n .getPropertyValue(varName)\r\n .trim();\r\n};\r\n\r\n/\r\n Obtiene múltiples variables CSS definidas en :root\r\n * @param names - Array de nombres de variables\r\n * @returns Objeto con los valores de las variables\r\n * @example\r\n * cssVars(['db-primary', 'db-secondary'])\r\n * // { 'db-primary': '#000082', 'db-secondary': '#ed1b24' }\r\n /\r\nexport const cssVars = (names: string[]): Record<string, string> => {\r\n return names.reduce((acc, name) => {\r\n const key = name.startsWith(\"--\") ? name.slice(2) : name;\r\n acc[key] = cssVar(name);\r\n return acc;\r\n }, {} as Record<string, string>);\r\n};\r\n\r\n/\r\n Establece una variable CSS en :root\r\n * @param name - Nombre de la variable (con o sin --)\r\n * @param value - Valor a establecer\r\n /\r\nexport const setCssVar = (name: string, value: string): void => {\r\n if (typeof window === \"undefined\") return;\r\n\r\n const varName = name.startsWith(\"--\") ? name : `--${name}`;\r\n document.documentElement.style.setProperty(varName, value);\r\n};","export const hasWindow = (): boolean => typeof window !== \"undefined\";\r\n","export const slugify = (s: string): string => {\r\n return s\r\n .toString() // Cast to string (optional)\r\n .normalize(\"NFKD\") // The normalize() using NFKD method returns the Unicode Normalization Form of a given string.\r\n .toLowerCase() // Convert the string to lowercase letters\r\n .trim() // Remove whitespace from both sides of a string (optional)\r\n .replace(/\\s+/g, \"-\") // Replace spaces with -\r\n .replace(/[^\\w-]+/g, \"\") // Remove all non-word chars\r\n .replace(/--+/g, \"-\"); // Replace multiple - with single -\r\n};\r\n\r\nconst sanitize = (str: string): string => {\r\n return str.replace(/ {2}/g, \" \").trim();\r\n};\r\n\r\nconst normalize = (str: string): string =>\r\n str.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\");\r\nexport { sanitize, normalize };\r\n","export function randomKey(range: number): string {\r\n const chars =\r\n \"0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ\";\r\n let result = \"\";\r\n for (let i = 0; i < range; i++) {\r\n const randomIndex = Math.floor(Math.random() chars.length);\r\n result += chars[randomIndex];\r\n }\r\n return result;\r\n}"],"names":["CSS_PROPS","REACT_RESERVED_PROPS","BREAKPOINTS","BREAKPOINTS_PREFIX","SuperCSS","constructor","config","breakpoints","breakpointsPrefix","supportCSSProps","reservedProps","alias","values","this","ALIAS","VALUES","hydrate","bind","hexToRGB","toKebabCase","hydrateObject","mapProperties","mapDynamicProps","breakpointsOrder","addResponsiveSupport","cleanDollarProps","props","map","name","value","startsWith","substring","str","replace","toLowerCase","hex","alpha","r","parseInt","slice","g","b","arrayToSort","mappedArray","breakpointMap","i","length","el","breakpoint","push","index","sort","a","$map","cleanedProps","prop","_name","_value","_breakpoint","includes","property","stylesObject","properties","Object","entries","forEach","kebabCaseProp","cssProp","camelCaseProp","_","match","toUpperCase","breakpointStyles","styles","ArrayProps","Array","isArray","indexOf","join","maxw","minw","maxh","minh","size","order","weight","family","decoration","justify","items","wrap","content","direction","align","bg","flexalign","shrink","grow","basis","pv","ph","mv","mh","wsvg","dimentions","$height","radius","spacing","pl","pr","ml","mr","pt","pb","mt","mb","ttrans","cols","acols","rows","arows","colstart","colend","rowstart","rowend","col","row","ratio","events","around","between","start","startSnap","end","primary","secondary","white","black","light","info","success","warning","danger","upper","lower","cssVar","window","varName","getComputedStyle","document","documentElement","getPropertyValue","trim","names","reduce","acc","normalize","range","chars","result","Math","floor","random","style","setProperty","s","toString"],"mappings":"aAAA,MAAMA,EAAY,CAChB,gBACA,aACA,cACA,aACA,YACA,kBACA,sBACA,qBACA,sBACA,4BACA,iBACA,uBACA,4BACA,sBACA,aACA,wBACA,wBACA,kBACA,mBACA,mBACA,oBACA,sBACA,oBACA,kBACA,SACA,gBACA,sBACA,4BACA,6BACA,sBACA,sBACA,kBACA,eACA,eACA,sBACA,sBACA,qBACA,sBACA,qBACA,cACA,oBACA,oBACA,oBACA,gBACA,eACA,qBACA,qBACA,qBACA,iBACA,eACA,aACA,mBACA,yBACA,0BACA,mBACA,mBACA,eACA,SACA,uBACA,aACA,aACA,cACA,eACA,eACA,eACA,cACA,QACA,OACA,QACA,eACA,cACA,aACA,cACA,oBACA,oBACA,oBACA,cACA,eACA,UACA,UACA,oBACA,gBACA,SACA,YACA,UACA,cACA,SACA,OACA,aACA,iBACA,YACA,YACA,cACA,YACA,QACA,OACA,cACA,wBACA,eACA,yBACA,YACA,mBACA,eACA,aACA,iBACA,eACA,0BACA,oBACA,0BACA,yBACA,uBACA,wBACA,cACA,MACA,OACA,YACA,oBACA,iBACA,iBACA,cACA,kBACA,kBACA,oBACA,WACA,WACA,eACA,eACA,iBACA,gBACA,sBACA,wBACA,qBACA,sBACA,SACA,UACA,oBACA,kBACA,mBACA,cACA,kBACA,gBACA,eACA,OACA,iBACA,aACA,cACA,aACA,mBACA,sBACA,kBACA,SACA,gBACA,cACA,eACA,aACA,eACA,gBACA,aACA,YACA,aACA,YACA,iBACA,aACA,kBACA,UACA,QACA,UACA,gBACA,iBACA,gBACA,gBACA,WACA,gBACA,aACA,aACA,UACA,iBACA,eACA,gBACA,cACA,gBACA,iBACA,mBACA,oBACA,oBACA,cACA,qBACA,gBACA,cACA,aACA,iBACA,WACA,SACA,SACA,QACA,UACA,kBACA,gBACA,sBACA,0BACA,4BACA,uBACA,uBACA,2BACA,6BACA,qBACA,sBACA,oBACA,iBACA,uBACA,2BACA,6BACA,w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","x_google_ignoreList":[0,3]}
1	+ {"version":3,"file":"utils.js","sources":["../node_modules/@digitalbooting/react-super-css/src/constants.js","../src/constants/reactive.ts","../src/utils/super-css.ts","../node_modules/@digitalbooting/react-super-css/src/index.js","../src/utils/cssVar.ts","../src/utils/adapter.ts","../src/utils/window.ts","../src/utils/strings.ts","../src/utils/randomKey.ts"],"sourcesContent":["const CSS_PROPS = [\r\n \"align-content\",\r\n \"align-self\",\r\n \"align-items\",\r\n \"align-self\",\r\n \"animation\",\r\n \"animation-delay\",\r\n \"animation-direction\",\r\n \"animation-duration\",\r\n \"animation-fill-mode\",\r\n \"animation-iteration-count\",\r\n \"animation-name\",\r\n \"animation-play-state\",\r\n \"animation-timing-function\",\r\n \"backface-visibility\",\r\n \"background\",\r\n \"background-attachment\",\r\n \"background-blend-mode\",\r\n \"background-clip\",\r\n \"background-color\",\r\n \"background-image\",\r\n \"background-origin\",\r\n \"background-position\",\r\n \"background-repeat\",\r\n \"background-size\",\r\n \"border\",\r\n \"border-bottom\",\r\n \"border-bottom-color\",\r\n \"border-bottom-left-radius\",\r\n \"border-bottom-right-radius\",\r\n \"border-bottom-style\",\r\n \"border-bottom-width\",\r\n \"border-collapse\",\r\n \"border-color\",\r\n \"border-image\",\r\n \"border-image-outset\",\r\n \"border-image-repeat\",\r\n \"border-image-slice\",\r\n \"border-image-source\",\r\n \"border-image-width\",\r\n \"border-left\",\r\n \"border-left-color\",\r\n \"border-left-style\",\r\n \"border-left-width\",\r\n \"border-radius\",\r\n \"border-right\",\r\n \"border-right-color\",\r\n \"border-right-style\",\r\n \"border-right-width\",\r\n \"border-spacing\",\r\n \"border-style\",\r\n \"border-top\",\r\n \"border-top-color\",\r\n \"border-top-left-radius\",\r\n \"border-top-right-radius\",\r\n \"border-top-style\",\r\n \"border-top-width\",\r\n \"border-width\",\r\n \"bottom\",\r\n \"box-decoration-break\",\r\n \"box-shadow\",\r\n \"box-sizing\",\r\n \"break-after\",\r\n \"break-before\",\r\n \"break-inside\",\r\n \"caption-side\",\r\n \"caret-color\",\r\n \"clear\",\r\n \"clip\",\r\n \"color\",\r\n \"column-count\",\r\n \"column-fill\",\r\n \"column-gap\",\r\n \"column-rule\",\r\n \"column-rule-color\",\r\n \"column-rule-style\",\r\n \"column-rule-width\",\r\n \"column-span\",\r\n \"column-width\",\r\n \"columns\",\r\n \"content\",\r\n \"counter-increment\",\r\n \"counter-reset\",\r\n \"cursor\",\r\n \"direction\",\r\n \"display\",\r\n \"empty-cells\",\r\n \"filter\",\r\n \"flex\",\r\n \"flex-basis\",\r\n \"flex-direction\",\r\n \"flex-flow\",\r\n \"flex-grow\",\r\n \"flex-shrink\",\r\n \"flex-wrap\",\r\n \"float\",\r\n \"font\",\r\n \"font-family\",\r\n \"font-feature-settings\",\r\n \"font-kerning\",\r\n \"font-language-override\",\r\n \"font-size\",\r\n \"font-size-adjust\",\r\n \"font-stretch\",\r\n \"font-style\",\r\n \"font-synthesis\",\r\n \"font-variant\",\r\n \"font-variant-alternates\",\r\n \"font-variant-caps\",\r\n \"font-variant-east-asian\",\r\n \"font-variant-ligatures\",\r\n \"font-variant-numeric\",\r\n \"font-variant-position\",\r\n \"font-weight\",\r\n \"gap\",\r\n \"grid\",\r\n \"grid-area\",\r\n \"grid-auto-columns\",\r\n \"grid-auto-flow\",\r\n \"grid-auto-rows\",\r\n \"grid-column\",\r\n \"grid-column-end\",\r\n \"grid-column-gap\",\r\n \"grid-column-start\",\r\n \"grid-gap\",\r\n \"grid-row\",\r\n \"grid-row-end\",\r\n \"grid-row-gap\",\r\n \"grid-row-start\",\r\n \"grid-template\",\r\n \"grid-template-areas\",\r\n \"grid-template-columns\",\r\n \"grid-template-rows\",\r\n \"hanging-punctuation\",\r\n \"height\",\r\n \"hyphens\",\r\n \"image-orientation\",\r\n \"image-rendering\",\r\n \"image-resolution\",\r\n \"inline-size\",\r\n \"justify-content\",\r\n \"justify-items\",\r\n \"justify-self\",\r\n \"left\",\r\n \"letter-spacing\",\r\n \"line-break\",\r\n \"line-height\",\r\n \"list-style\",\r\n \"list-style-image\",\r\n \"list-style-position\",\r\n \"list-style-type\",\r\n \"margin\",\r\n \"margin-bottom\",\r\n \"margin-left\",\r\n \"margin-right\",\r\n \"margin-top\",\r\n \"margin-block\",\r\n \"margin-inline\",\r\n \"max-height\",\r\n \"max-width\",\r\n \"min-height\",\r\n \"min-width\",\r\n \"mix-blend-mode\",\r\n \"object-fit\",\r\n \"object-position\",\r\n \"opacity\",\r\n \"order\",\r\n \"outline\",\r\n \"outline-color\",\r\n \"outline-offset\",\r\n \"outline-style\",\r\n \"outline-width\",\r\n \"overflow\",\r\n \"overflow-wrap\",\r\n \"overflow-x\",\r\n \"overflow-y\",\r\n \"padding\",\r\n \"padding-bottom\",\r\n \"padding-left\",\r\n \"padding-right\",\r\n \"padding-top\",\r\n \"padding-block\",\r\n \"padding-inline\",\r\n \"page-break-after\",\r\n \"page-break-before\",\r\n \"page-break-inside\",\r\n \"perspective\",\r\n \"perspective-origin\",\r\n \"place-content\",\r\n \"place-items\",\r\n \"place-self\",\r\n \"pointer-events\",\r\n \"position\",\r\n \"quotes\",\r\n \"resize\",\r\n \"right\",\r\n \"row-gap\",\r\n \"scroll-behavior\",\r\n \"scroll-margin\",\r\n \"scroll-margin-block\",\r\n \"scroll-margin-block-end\",\r\n \"scroll-margin-block-start\",\r\n \"scroll-margin-bottom\",\r\n \"scroll-margin-inline\",\r\n \"scroll-margin-inline-end\",\r\n \"scroll-margin-inline-start\",\r\n \"scroll-margin-left\",\r\n \"scroll-margin-right\",\r\n \"scroll-margin-top\",\r\n \"scroll-padding\",\r\n \"scroll-padding-block\",\r\n \"scroll-padding-block-end\",\r\n \"scroll-padding-block-start\",\r\n \"scroll-padding-bottom\",\r\n \"scroll-padding-inline\",\r\n \"scroll-padding-inline-end\",\r\n \"scroll-padding-inline-start\",\r\n \"scroll-padding-left\",\r\n \"scroll-padding-right\",\r\n \"scroll-padding-top\",\r\n \"scroll-snap-align\",\r\n \"scroll-snap-stop\",\r\n \"scroll-snap-type\",\r\n \"shape-image-threshold\",\r\n \"shape-margin\",\r\n \"shape-outside\",\r\n \"tab-size\",\r\n \"table-layout\",\r\n \"text-align\",\r\n \"text-align-last\",\r\n \"text-combine-upright\",\r\n \"text-decoration\",\r\n \"text-decoration-color\",\r\n \"text-decoration-line\",\r\n \"text-decoration-style\",\r\n \"text-emphasis\",\r\n \"text-emphasis-color\",\r\n \"text-emphasis-position\",\r\n \"text-emphasis-style\",\r\n \"text-indent\",\r\n \"text-justify\",\r\n \"text-orientation\",\r\n \"text-overflow\",\r\n \"text-rendering\",\r\n \"text-shadow\",\r\n \"text-transform\",\r\n \"text-underline-position\",\r\n \"top\",\r\n \"touch-action\",\r\n \"transform\",\r\n \"transform-box\",\r\n \"transform-origin\",\r\n \"transform-style\",\r\n \"transition\",\r\n \"transition-delay\",\r\n \"transition-duration\",\r\n \"transition-property\",\r\n \"transition-timing-function\",\r\n \"unicode-bidi\",\r\n \"user-select\",\r\n \"vertical-align\",\r\n \"visibility\",\r\n \"white-space\",\r\n \"width\",\r\n \"will-change\",\r\n \"word-break\",\r\n \"word-spacing\",\r\n \"word-wrap\",\r\n \"writing-mode\",\r\n \"backdrop-filter\",\r\n \"z-index\",\r\n];\r\n\r\nconst REACT_RESERVED_PROPS = [\r\n \"key\",\r\n \"ref\",\r\n \"dangerouslySetInnerHTML\",\r\n \"style\",\r\n \"children\",\r\n \"className\",\r\n \"htmlFor\",\r\n \"id\",\r\n];\r\n\r\nconst BREAKPOINTS = [320, 768, 1024, 1360, 1540];\r\nconst BREAKPOINTS_PREFIX = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"];\r\n\r\nexport { CSS_PROPS, REACT_RESERVED_PROPS, BREAKPOINTS, BREAKPOINTS_PREFIX };\r\n","export const BREAKPOINTS = [320, 768, 980, 1280, 1440];\nexport const BREAKPOINTS_PREFIX = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"];\n\nexport const alias = {\n maxw: \"max-width\",\n minw: \"min-width\",\n maxh: \"max-height\",\n minh: \"min-height\",\n size: \"font-size\",\n order: \"order\",\n weight: \"font-weight\",\n family: \"font-family\",\n decoration: \"text-decoration\",\n justify: \"justify-content\",\n items: \"align-items\",\n wrap: \"flex-wrap\",\n content: \"align-content\",\n direction: \"flex-direction\",\n align: \"text-align\",\n bg: \"background-color\",\n flexalign: [\"align-items\", \"align-content\", \"justify-content\"],\n shrink: \"flex-shrink\",\n grow: \"flex-grow\",\n basis: \"flex-basis\",\n pv: [\"padding-top\", \"padding-bottom\"],\n ph: [\"padding-left\", \"padding-right\"],\n mv: [\"margin-top\", \"margin-bottom\"],\n mh: [\"margin-left\", \"margin-right\"],\n wsvg: [\"width\", \"height\", \"min-width\", \"min-height\"],\n dimentions: [\"width\", \"height\", \"min-width\", \"min-height\"],\n $height: [\"height\", \"max-height\"],\n radius: \"border-radius\",\n spacing: \"letter-spacing\",\n pl: \"padding-left\",\n pr: \"padding-right\",\n ml: \"margin-left\",\n mr: \"margin-right\",\n pt: \"padding-top\",\n pb: \"padding-bottom\",\n mt: \"margin-top\",\n mb: \"margin-bottom\",\n ttrans: \"text-transform\",\n cols: \"grid-template-columns\",\n acols: \"grid-auto-columns\",\n rows: \"grid-template-rows\",\n arows: \"grid-auto-rows\",\n colstart: \"grid-column-start\",\n colend: \"grid-column-end\",\n rowstart: \"grid-row-start\",\n rowend: \"grid-row-end\",\n col: \"grid-column\",\n row: \"grid-row\",\n ratio: \"aspect-ratio\",\n events: \"pointer-events\",\n};\n\nexport const values = {\n around: \"space-around\",\n between: \"space-between\",\n start: \"flex-start\",\n startSnap: \"start\",\n end: \"flex-end\",\n primary: \"var(--db-primary)\",\n secondary: \"var(--db-secondary)\",\n white: \"var(--db-white)\",\n black: \"var(--db-black)\",\n light: \"var(--db-light)\",\n info: \"var(--db-info)\",\n success: \"var(--db-success)\",\n warning: \"var(--db-warning)\",\n danger: \"var(--db-danger)\",\n upper: \"uppercase\",\n lower: \"lowercase\",\n};\n\nexport const reactive = {\n alias,\n values,\n BREAKPOINTS,\n BREAKPOINTS_PREFIX,\n};\n","//@ts-ignore\nimport SuperCSSCore from \"@digitalbooting/react-super-css\";\nimport { BREAKPOINTS, BREAKPOINTS_PREFIX, alias, values } from \"@constants/reactive\";\n\nexport const SuperCSS = new SuperCSSCore({\n alias,\n values,\n breakpoints: BREAKPOINTS,\n breakpointsPrefix: BREAKPOINTS_PREFIX,\n supportCSSProps: [\"backdrop-filter\"],\n});\n\nexport type SuperCSSProps = Record<string, any>;","import {\r\n CSS_PROPS,\r\n BREAKPOINTS,\r\n BREAKPOINTS_PREFIX,\r\n REACT_RESERVED_PROPS,\r\n} from \"./constants\";\r\n\r\nclass SuperCSSProps {\r\n constructor(config) {\r\n const {\r\n breakpoints = [],\r\n breakpointsPrefix = [],\r\n supportCSSProps = [],\r\n reservedProps = [],\r\n alias = {},\r\n values = {},\r\n } = config;\r\n\r\n this.BREAKPOINTS = breakpoints \|\| BREAKPOINTS \|\| [];\r\n this.CSS_PROPS = [...CSS_PROPS, ...supportCSSProps];\r\n this.BREAKPOINTS_PREFIX = breakpointsPrefix \|\| BREAKPOINTS_PREFIX \|\| [];\r\n this.REACT_RESERVED_PROPS = [...REACT_RESERVED_PROPS, ...reservedProps];\r\n\r\n this.ALIAS = alias;\r\n this.VALUES = values;\r\n\r\n this.hydrate = this.hydrate.bind(this);\r\n this.hexToRGB = this.hexToRGB.bind(this);\r\n this.toKebabCase = this.toKebabCase.bind(this);\r\n this.hydrateObject = this.hydrateObject.bind(this);\r\n this.mapProperties = this.mapProperties.bind(this);\r\n this.mapDynamicProps = this.mapDynamicProps.bind(this);\r\n this.breakpointsOrder = this.breakpointsOrder.bind(this);\r\n this.addResponsiveSupport = this.addResponsiveSupport.bind(this);\r\n }\r\n\r\n /*\r\n Elimina el símbolo \"$\" de los nombres de las propiedades en un arreglo de pares clave-valor.\r\n \r\n Esta función recibe un arreglo de propiedades y si alguna propiedad tiene un nombre que empieza con \"$\",\r\n * elimina dicho símbolo, dejando el resto del nombre de la propiedad intacto.\r\n \r\n @param {Array<[string, any]>} props - Un arreglo de pares clave-valor donde cada clave es el nombre de una propiedad\r\n * y el valor es el valor asociado a esa propiedad.\r\n \r\n @returns {Array<[string, any]>} Un nuevo arreglo de pares clave-valor con los nombres de las propiedades\r\n * que comenzaban con \"$\" sin el símbolo, pero manteniendo el resto de la propiedad.\r\n /\r\n cleanDollarProps(props) {\r\n return props.map(([name, value]) => {\r\n if (name.startsWith(\"$\")) {\r\n name = name.substring(1);\r\n }\r\n return [name, value];\r\n });\r\n }\r\n\r\n /\r\n \r\n * @param {String} str - Texto en formato CamelCase que se va a transformar en kebab-case\r\n * @returns {String} - texto de entrada en formato kebab-case\r\n /\r\n toKebabCase(str) {\r\n return str\r\n .replace(/([a-z0-9]\|(?=[A-Z]))([A-Z])/g, \"$1-$2\")\r\n .toLowerCase()\r\n .replace(/^-/, \"\");\r\n }\r\n\r\n /\r\n \r\n * @param {String} hex - Codigo de color hexadecimal a tranformar\r\n * @param {Number} alpha - Opacidad del color\r\n * @returns {String} rgba - Color hexadecimal en formato RGBA\r\n /\r\n hexToRGB(hex, alpha) {\r\n hex = hex.replace(/#/g, \"\");\r\n const r = parseInt(hex.slice(0, 2), 16);\r\n const g = parseInt(hex.slice(2, 4), 16);\r\n const b = parseInt(hex.slice(4, 6), 16);\r\n\r\n if (alpha) {\r\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\r\n } else {\r\n return `rgb(${r}, ${g}, ${b})`;\r\n }\r\n }\r\n\r\n /\r\n \r\n * @param {Object[]} arrayToSort - Array a ordenar en base a un arreglo base como BREAKPOINTS_PREFIX\r\n * @returns\r\n /\r\n breakpointsOrder(arrayToSort) {\r\n const mappedArray = [];\r\n const breakpointMap = {};\r\n for (let i = 0; i < this.BREAKPOINTS_PREFIX.length; i++) {\r\n breakpointMap[this.BREAKPOINTS_PREFIX[i]] = i;\r\n }\r\n for (let i = 0; i < arrayToSort.length; i++) {\r\n const el = arrayToSort[i];\r\n const value = el?.breakpoint === null ? -1 : breakpointMap[el.breakpoint];\r\n mappedArray.push({ index: i, value });\r\n }\r\n mappedArray.sort((a, b) => a.value - b.value);\r\n return mappedArray.map((el) => arrayToSort[el.index]);\r\n }\r\n\r\n /\r\n \r\n * @param {ReactPropsComponent} props - Propiedades de un componente de react que modifican el comportamiento CSS\r\n * @returns {Object[]} propiedades limpias con la estructura {brekapoint, property, value}\r\n /\r\n mapProperties(props) {\r\n const $map = [];\r\n const values = this.VALUES;\r\n\r\n const cleanedProps = this.cleanDollarProps(props); // Limpiamos las propiedades que comienzan con $\r\n\r\n for (let i = 0; i < props.length; i++) {\r\n const prop = cleanedProps[i];\r\n const _name = prop[0];\r\n const _value = prop[1];\r\n const _breakpoint = _name.substring(0, 2);\r\n const breakpoint = this.BREAKPOINTS_PREFIX.includes(_breakpoint)\r\n ? _breakpoint\r\n : null;\r\n const property = !this.BREAKPOINTS_PREFIX.includes(_breakpoint)\r\n ? _name\r\n : _name.substring(2);\r\n const value =\r\n typeof _value === \"number\" ? `${_value}px` : values[_value] \|\| _value;\r\n\r\n if (!this.REACT_RESERVED_PROPS.includes(property)) {\r\n $map.push({ breakpoint, property, value });\r\n }\r\n }\r\n\r\n return this.breakpointsOrder($map);\r\n }\r\n\r\n /\r\n \r\n * @param {ReactPropsComponent} props - props de un componente estilizado de react\r\n * @returns {Object} CSS generado como un objecto de pares clave:valor en base a las propiedades del componente\r\n /\r\n hydrateObject(props) {\r\n const stylesObject = {};\r\n const alias = this.ALIAS;\r\n\r\n const properties = Object.entries(props);\r\n const mappedProps = this.mapProperties(properties);\r\n\r\n mappedProps.forEach(({ breakpoint, property, value }) => {\r\n const kebabCaseProp = toKebabCase(property);\r\n const cssProp = alias[kebabCaseProp] \|\| kebabCaseProp;\r\n const camelCaseProp = cssProp.replace(/-([a-z])/g, (_, match) =>\r\n match.toUpperCase()\r\n );\r\n\r\n if (this.CSS_PROPS.includes(cssProp)) {\r\n if (!breakpoint) {\r\n stylesObject[camelCaseProp] = value;\r\n } else {\r\n const breakpointStyles = stylesObject[camelCaseProp] \|\| {};\r\n breakpointStyles[breakpoint] = value;\r\n stylesObject[camelCaseProp] = breakpointStyles;\r\n }\r\n }\r\n });\r\n\r\n return stylesObject;\r\n }\r\n\r\n /\r\n \r\n * @param {ReactPropsComponent} props - props de un componente estilizado de react\r\n * @returns {String} CSS generado como un string en base a las propiedades del componente\r\n /\r\n hydrate(props) {\r\n let styles = \"\";\r\n const alias = this.ALIAS;\r\n\r\n const properties = Object.entries(props);\r\n const mappedProps = this.mapProperties(properties);\r\n\r\n mappedProps.forEach(({ breakpoint, property, value }) => {\r\n const kebabCaseProp = this.toKebabCase(property);\r\n const cssProp = alias[kebabCaseProp] \|\| kebabCaseProp;\r\n const ArrayProps = Array.isArray(cssProp) ? [...cssProp] : [cssProp];\r\n\r\n // console.log({ breakpoint, property, value, kebabCaseProp, ArrayProps });\r\n\r\n styles += ArrayProps.map((prop) => {\r\n if (this.CSS_PROPS.includes(prop)) {\r\n if (!breakpoint) {\r\n return `${prop}: ${value};`;\r\n }\r\n if (breakpoint) {\r\n let responsiveStyles = `@media screen and (min-width: ${\r\n this.BREAKPOINTS[this.BREAKPOINTS_PREFIX.indexOf(breakpoint)]\r\n }px) {\r\n ${prop}: ${value};\r\n }`;\r\n\r\n return responsiveStyles;\r\n }\r\n }\r\n }).join(\" \");\r\n });\r\n\r\n return styles;\r\n }\r\n\r\n /\r\n \r\n * @deprecated - El uso de este metodo debe ser reemplazado por hydrate\r\n * @returns\r\n /\r\n addResponsiveSupport(props) {\r\n return \"\";\r\n }\r\n\r\n /\r\n \r\n * @deprecated - El uso de este metodo debe ser reemplazado por hydrate\r\n * @returns\r\n /\r\n mapDynamicProps(props) {\r\n return \"\";\r\n }\r\n}\r\n\r\nexport default SuperCSSProps;\r\n","/\r\n Obtiene el valor de una variable CSS definida en :root\r\n * @param name - Nombre de la variable (con o sin --)\r\n * @returns El valor de la variable CSS o string vacío si no existe\r\n * @example\r\n * cssVar('db-primary') // '#000082'\r\n * cssVar('--db-primary') // '#000082'\r\n /\r\nexport const cssVar = (name: string): string => {\r\n if (typeof window === \"undefined\") return \"\";\r\n\r\n const varName = name.startsWith(\"--\") ? name : `--${name}`;\r\n return getComputedStyle(document.documentElement)\r\n .getPropertyValue(varName)\r\n .trim();\r\n};\r\n\r\n/\r\n Obtiene múltiples variables CSS definidas en :root\r\n * @param names - Array de nombres de variables\r\n * @returns Objeto con los valores de las variables\r\n * @example\r\n * cssVars(['db-primary', 'db-secondary'])\r\n * // { 'db-primary': '#000082', 'db-secondary': '#ed1b24' }\r\n /\r\nexport const cssVars = (names: string[]): Record<string, string> => {\r\n return names.reduce((acc, name) => {\r\n const key = name.startsWith(\"--\") ? name.slice(2) : name;\r\n acc[key] = cssVar(name);\r\n return acc;\r\n }, {} as Record<string, string>);\r\n};\r\n\r\n/\r\n Establece una variable CSS en :root\r\n * @param name - Nombre de la variable (con o sin --)\r\n * @param value - Valor a establecer\r\n /\r\nexport const setCssVar = (name: string, value: string): void => {\r\n if (typeof window === \"undefined\") return;\r\n\r\n const varName = name.startsWith(\"--\") ? name : `--${name}`;\r\n document.documentElement.style.setProperty(varName, value);\r\n};","\r\n/\r\n Fusiona recursivamente `local` sobre `global`.\r\n * - Soporta objetos anidados y arrays de objetos con campo `id`.\r\n * - En arrays, los elementos se fusionan/actualizan por `id`.\r\n /\r\nexport const adapterSchema = ($global: any, $local: any) => {\r\n // Si $local es inválido o vacío, devolver $global\r\n if (\r\n $local == null \|\|\r\n typeof $local !== \"object\" \|\|\r\n Object.keys($local).length === 0 \|\|\r\n Array.isArray($local)\r\n ) {\r\n return $global;\r\n }\r\n\r\n const result = { ...$global };\r\n\r\n for (const key in $local) {\r\n if (!$local.hasOwnProperty(key)) continue;\r\n\r\n const globalVal = $global?.[key];\r\n const localVal = $local[key];\r\n\r\n // Caso: ambos son arrays → fusionar por id, respetando orden global\r\n if (Array.isArray(localVal) && Array.isArray(globalVal)) {\r\n const localMap = new Map();\r\n for (const item of localVal) {\r\n if (item?.id != null) {\r\n localMap.set(item.id, item);\r\n }\r\n }\r\n\r\n const merged = globalVal.map((globalItem) => {\r\n if (globalItem?.id != null && localMap.has(globalItem.id)) {\r\n const localItem = localMap.get(globalItem.id);\r\n if (\r\n globalItem != null &&\r\n typeof globalItem === \"object\" &&\r\n !Array.isArray(globalItem) &&\r\n localItem != null &&\r\n typeof localItem === \"object\" &&\r\n !Array.isArray(localItem)\r\n ) {\r\n return adapterSchema(globalItem, localItem);\r\n }\r\n return localItem;\r\n }\r\n return globalItem;\r\n });\r\n\r\n result[key] = merged;\r\n }\r\n // Caso 2: ambos son objetos → recursión\r\n else if (\r\n localVal != null &&\r\n typeof localVal === \"object\" &&\r\n !Array.isArray(localVal) &&\r\n globalVal != null &&\r\n typeof globalVal === \"object\" &&\r\n !Array.isArray(globalVal)\r\n ) {\r\n result[key] = adapterSchema(globalVal, localVal);\r\n }\r\n // Caso 3: cualquier otro valor → sobrescribir\r\n else {\r\n result[key] = localVal;\r\n }\r\n }\r\n\r\n // console.warn(\"AdapterSchema transformado ::\", result);\r\n return result;\r\n};","export const hasWindow = (): boolean => typeof window !== \"undefined\";\r\n","export const slugify = (s: string): string => {\r\n return s\r\n .toString() // Cast to string (optional)\r\n .normalize(\"NFKD\") // The normalize() using NFKD method returns the Unicode Normalization Form of a given string.\r\n .toLowerCase() // Convert the string to lowercase letters\r\n .trim() // Remove whitespace from both sides of a string (optional)\r\n .replace(/\\s+/g, \"-\") // Replace spaces with -\r\n .replace(/[^\\w-]+/g, \"\") // Remove all non-word chars\r\n .replace(/--+/g, \"-\"); // Replace multiple - with single -\r\n};\r\n\r\nconst sanitize = (str: string): string => {\r\n return str.replace(/ {2}/g, \" \").trim();\r\n};\r\n\r\nconst normalize = (str: string): string =>\r\n str.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\");\r\nexport { sanitize, normalize };\r\n","export function randomKey(range: number): string {\r\n const chars =\r\n \"0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ\";\r\n let result = \"\";\r\n for (let i = 0; i < range; i++) {\r\n const randomIndex = Math.floor(Math.random() chars.length);\r\n result += chars[randomIndex];\r\n }\r\n return result;\r\n}"],"names":["CSS_PROPS","REACT_RESERVED_PROPS","BREAKPOINTS","BREAKPOINTS_PREFIX","SuperCSS","constructor","config","breakpoints","breakpointsPrefix","supportCSSProps","reservedProps","alias","values","this","ALIAS","VALUES","hydrate","bind","hexToRGB","toKebabCase","hydrateObject","mapProperties","mapDynamicProps","breakpointsOrder","addResponsiveSupport","cleanDollarProps","props","map","name","value","startsWith","substring","str","replace","toLowerCase","hex","alpha","r","parseInt","slice","g","b","arrayToSort","mappedArray","breakpointMap","i","length","el","breakpoint","push","index","sort","a","$map","cleanedProps","prop","_name","_value","_breakpoint","includes","property","stylesObject","properties","Object","entries","forEach","kebabCaseProp","cssProp","camelCaseProp","_","match","toUpperCase","breakpointStyles","styles","ArrayProps","Array","isArray","indexOf","join","maxw","minw","maxh","minh","size","order","weight","family","decoration","justify","items","wrap","content","direction","align","bg","flexalign","shrink","grow","basis","pv","ph","mv","mh","wsvg","dimentions","$height","radius","spacing","pl","pr","ml","mr","pt","pb","mt","mb","ttrans","cols","acols","rows","arows","colstart","colend","rowstart","rowend","col","row","ratio","events","around","between","start","startSnap","end","primary","secondary","white","black","light","info","success","warning","danger","upper","lower","cssVar","window","varName","getComputedStyle","document","documentElement","getPropertyValue","trim","adapterSchema","$global","$local","keys","result","key","hasOwnProperty","globalVal","localVal","localMap","Map","item","id","set","merged","globalItem","has","localItem","get","names","reduce","acc","normalize","range","chars","Math","floor","random","style","setProperty","s","toString"],"mappings":"aAAA,MAAMA,EAAY,CAChB,gBACA,aACA,cACA,aACA,YACA,kBACA,sBACA,qBACA,sBACA,4BACA,iBACA,uBACA,4BACA,sBACA,aACA,wBACA,wBACA,kBACA,mBACA,mBACA,oBACA,sBACA,oBACA,kBACA,SACA,gBACA,sBACA,4BACA,6BACA,sBACA,sBACA,kBACA,eACA,eACA,sBACA,sBACA,qBACA,sBACA,qBACA,cACA,oBACA,oBACA,oBACA,gBACA,eACA,qBACA,qBACA,qBACA,iBACA,eACA,aACA,mBACA,yBACA,0BACA,mBACA,mBACA,eACA,SACA,uBACA,aACA,aACA,cACA,eACA,eACA,eACA,cACA,QACA,OACA,QACA,eACA,cACA,aACA,cACA,oBACA,oBACA,oBACA,cACA,eACA,UACA,UACA,oBACA,gBACA,SACA,YACA,UACA,cACA,SACA,OACA,aACA,iBACA,YACA,YACA,cACA,YACA,QACA,OACA,cACA,wBACA,eACA,yBACA,YACA,mBACA,eACA,aACA,iBACA,eACA,0BACA,oBACA,0BACA,yBACA,uBACA,wBACA,cACA,MACA,OACA,YACA,oBACA,iBACA,iBACA,cACA,kBACA,kBACA,oBACA,WACA,WACA,eACA,eACA,iBACA,gBACA,sBACA,wBACA,qBACA,sBACA,SACA,UACA,oBACA,kBACA,mBACA,cACA,kBACA,gBACA,eACA,OACA,iBACA,aACA,cACA,aACA,mBACA,sBACA,kBACA,SACA,gBACA,cACA,eACA,aACA,eACA,gBACA,aACA,YACA,aACA,YACA,iBACA,aACA,kBACA,UACA,QACA,UACA,gBACA,iBACA,gBACA,gBACA,WACA,gBACA,aACA,aACA,UACA,iBACA,eACA,gBACA,cACA,gBACA,iBACA,mBACA,oBACA,oBACA,cACA,qBACA,gBACA,cACA,aACA,iBACA,WACA,SACA,SACA,QACA,UACA,kBACA,gBACA,sBACA,0BACA,4BACA,uBACA,uBACA,2BACA,6BACA,qBACA,sBACA,oBACA,iBACA,uBACA,2BACA,6BACA,w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","x_google_ignoreList":[0,3]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@quintara.ai/ui",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Biblioteca personalizada de componentes React Quintara AI",
   "type": "module",
   "main": "dist/index.js",