foxact/rem/index.mjs

React Hooks/Utils done right. For browser, SSR, and React Server Components.

const n="16px";function e(e){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return r&&r!==n?"calc(".concat(e," * ").concat(r,")"):e}function r(n){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:16;return function c(i){if(Array.isArray(i))return i.map(c).join(" ");if(0===i||"0"===i)return"0";if("number"==typeof i)return e("".concat(i/t).concat(n),r);if(i.includes("calc(")||i.includes("var(")||i.includes("clamp("))return i;if(i.includes(" "))return i.split(" ").map(c).join(" ");if(i.includes(n))return e(i,r);const u=Number(i.replace("px",""));return u==u?e("".concat(u/t).concat(n),r):i}}const t=r("rem",n,16),c=r("rem","var(--mantine-scale)",16),i=r("em",n,16);export{r as createConverter,i as em,c as mantine_rem,t as rem};