@slimr/css 2.0.2 → 2.0.5

package/src/core.cjs

@@ -1,23 +0,0 @@
-"use strict";var g=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var c=(r,n)=>{for(var t in n)g(r,t,{get:n[t],enumerable:!0})},y=(r,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of f(n))!b.call(r,e)&&e!==t&&g(r,e,{get:()=>n[e],enumerable:!(o=l(n,e))||o.enumerable});return r};var h=r=>y(g({},"__esModule",{value:!0}),r);var k={};c(k,{addCss:()=>m,breakPoints:()=>a,classJoin:()=>x,createClass:()=>u,shorthandProps:()=>w,shorthandPropsMap:()=>p,t2s:()=>d});module.exports=h(k);var a=["30em","48em","62em","80em","96em"];function x(...r){return r.filter(n=>n&&typeof n=="string").join(" ")}function $(r){return r.replace(/{\/\*[\s\S]*?(?=\*\/})\*\/}/gm,"")}function j(r){return r.includes("[")?r.split(`
-`).map(n=>{var e;let[,t,o]=(e=[...n.matchAll(/([A-Za-z\-]*):[ ]*\[([^\]]+)\]/g)][0])!=null?e:[];return o?o.split(",").map((i,s)=>(i=i.trim(),!i||i==="null"||i==="undefined"?"":s===0?`${t}: ${i};`:`@media (min-width: ${a[s-1]}) { ${t}: ${i}; }`)).join(`
-`):n}).join(`
-`):r}var p={ai:"align-items",b:"border",br:"border-radius",bg:"background",c:"color",d:"display",f:"flex",fd:"flex-direction",i:"inset",h:"height",jc:"justify-content",m:"margin",ml:"margin-left",mr:"margin-right",mt:"margin-top",mb:"margin-bottom",maxW:"max-width",minW:"min-width",p:"padding",pl:"padding-left",pr:"padding-right",pt:"padding-top",pb:"padding-bottom",pos:"position",ta:"text-align",w:"width",z:"z-index"},w=[...Object.keys(p),"mx","my","px","py"];function P(r){return r=`
-`+r,r=r.replace(/([mp])x:([^;]*)/g,`$1l:$2;
-$1r:$2`).replace(/([mp])y:([^;]*);/g,`$1t:$2;
-$1b:$2`),Object.entries(p).forEach(([n,t])=>{r=r.replace(new RegExp(`([ 
-	;])${n}:`,"g"),`$1${t}:`)}),r.trim()}function S(r){let n=[];for(let t of r.matchAll(/[@&]/gm)){let o="",e=0,i=0;for(let s=t.index;s<r.length;s++)if(r[s]==="{")i===0&&(o=r.slice(t.index,s).trim(),e=s+1),i++;else if(r[s]==="}"&&(i--,i===0)){n.push({start:t.index,end:s+1,query:o,outerBody:r.slice(t.index,s+1),innerBody:r.slice(e,s)});break}i!==0&&console.error(`${o} not closed: "${r}"`)}return n}function A(r){return r.split(`
-`).map(n=>n.trim()).filter(n=>n).join(`
-`)}function d(...r){let[n,...t]=r;return typeof n=="string"?n:n.map((o,e)=>{var i;return o+((i=t==null?void 0:t[e])!=null?i:"")}).join("")}function m(r){m.que.add(r),setTimeout(()=>{let n=[...m.que].join(`
-`);if(n){m.que.clear();let t=document.createElement("style");t.id=`u${m.count++}`,t.innerHTML=n,document.head.appendChild(t)}},0)}m.que=new Set;m.count=0;function u(...r){let n=d(...r);if(!n)return"";let t=u.history.get(n);if(!t){t="s"+u.count++,u.history.set(n,t),n=$(n),n=P(n),n=j(n);let o=S(n);for(let e of o.reverse())n=n.slice(0,e.start)+n.slice(e.end);n=`.${t}{
-${n}
-}
-`,n+=o.map(e=>e.query.startsWith("&")?`.${t}${e.query.slice(1)}{
-${e.innerBody}
-}`:e.query.startsWith("@keyframes")?e.outerBody:`${e.query}{
-.${t}{${e.innerBody}
-}
-}`).join(`
-`),n=A(n)+`
-
-`,m(n)}return t}u.count=0;u.history=new Map;0&&(module.exports={addCss,breakPoints,classJoin,createClass,shorthandProps,shorthandPropsMap,t2s});
-//# sourceMappingURL=core.cjs.map

package/src/core.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["core.ts"],"sourcesContent":["/** Breakpoints like chakra */\nexport const breakPoints = ['30em', '48em', '62em', '80em', '96em']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype allowableAny = any\n\n/** Joins class names and filters out blanks */\nexport function classJoin(...classes: allowableAny[]) {\n  return classes.filter(c => c && typeof c === 'string').join(' ')\n}\n\n/** delete css comments **/\nfunction deleteComments(css: string) {\n  return css.replace(/{\\/\\*[\\s\\S]*?(?=\\*\\/})\\*\\/}/gm, '')\n}\n\n/**\n * Expands array values into media queries\n *\n * Inspired by https://chakra-ui.com/docs/styled-system/responsive-styles\n */\nfunction expandArrayValues(css: string) {\n  if (!css.includes('[')) return css\n  return css\n    .split('\\n')\n    .map(l => {\n      // eslint-disable-next-line no-useless-escape\n      const [, prop, vals] = [...l.matchAll(/([A-Za-z\\-]*):[ ]*\\[([^\\]]+)\\]/g)]?.[0] ?? []\n      if (vals) {\n        return vals\n          .split(',')\n          .map((val, i) => {\n            val = val.trim()\n            if (!val || val === 'null' || val === 'undefined') return ''\n            if (i === 0) {\n              return `${prop}: ${val};`\n            }\n            return `@media (min-width: ${breakPoints[i - 1]}) { ${prop}: ${val}; }`\n          })\n          .join('\\n')\n      }\n      return l\n    })\n    .join('\\n')\n}\n\nexport interface ShorthandProps {\n  /** shorthand for css:align-items */\n  ai?: string\n  /** shorthand for css:border */\n  b?: string | number\n  /** shorthand for css:border-radius */\n  br?: string | number\n  /** shorthand for css:background */\n  bg?: string\n  /** shorthand for css:color */\n  c?: string\n  /** shorthand for css:display */\n  d?: string\n  /** shorthand for css:flex */\n  f?: string\n  /** shorthand for css:flex-direction */\n  fd?: string\n  /** shorthand for css:height */\n  h?: number | string\n  /** shorthand for css:inset */\n  i?: number | string\n  /** shorthand for css:justify-content */\n  jc?: string\n  /** shorthand for css:margin */\n  m?: number | string\n  /** shorthand for css:margin-left */\n  ml?: number | string\n  /** shorthand for css:margin-right */\n  mr?: number | string\n  /** shorthand for css:margin-top */\n  mt?: number | string\n  /** shorthand for css:margin-bottom */\n  mb?: number | string\n  /** shorthand for css:margin-top & margin-bottom */\n  my?: number | string\n  /** shorthand for css:margin-left & margin-right */\n  mx?: number | string\n  /** shorthand for css:max-width */\n  maxW?: number | string\n  /** shorthand for css:min-width */\n  minW?: number | string\n  /** shorthand for css:padding */\n  p?: number | string\n  /** shorthand for css:padding-left */\n  pl?: number | string\n  /** shorthand for css:padding-right */\n  pr?: number | string\n  /** shorthand for css:padding-top */\n  pt?: number | string\n  /** shorthand for css:padding-bottom */\n  pb?: number | string\n  /** shorthand for css:padding-top & padding-bottom */\n  py?: number | string\n  /** shorthand for css:padding-left & padding-right */\n  px?: number | string\n  /** shorthand for css:position */\n  pos?: number | string\n  /** shorthand for css:text-align */\n  ta?: string\n  /** shorthand for css:width */\n  w?: number | string\n  /** shorthand for css:z-index */\n  z?: number | string\n}\nexport const shorthandPropsMap: Record<\n  keyof Omit<ShorthandProps, 'mx' | 'my' | 'px' | 'py'>,\n  string\n> = {\n  ai: 'align-items',\n  b: 'border',\n  br: 'border-radius',\n  bg: 'background',\n  c: 'color',\n  d: 'display',\n  f: 'flex',\n  fd: 'flex-direction',\n  i: 'inset',\n  h: 'height',\n  jc: 'justify-content',\n  m: 'margin',\n  ml: 'margin-left',\n  mr: 'margin-right',\n  mt: 'margin-top',\n  mb: 'margin-bottom',\n  maxW: 'max-width',\n  minW: 'min-width',\n  p: 'padding',\n  pl: 'padding-left',\n  pr: 'padding-right',\n  pt: 'padding-top',\n  pb: 'padding-bottom',\n  pos: 'position',\n  ta: 'text-align',\n  w: 'width',\n  z: 'z-index',\n}\nexport const shorthandProps = [...Object.keys(shorthandPropsMap), 'mx', 'my', 'px', 'py']\n\n/** Expand short-hand css props to full */\nfunction expandProps(css: string) {\n  css = '\\n' + css // inject a newline to make the regex easier\n  // Handle 'mx', 'my', 'px', 'py'\n  css = css\n    .replace(/([mp])x:([^;]*)/g, '$1l:$2;\\n$1r:$2')\n    .replace(/([mp])y:([^;]*);/g, '$1t:$2;\\n$1b:$2')\n  Object.entries(shorthandPropsMap).forEach(([k, v]) => {\n    css = css.replace(new RegExp(`([ \\n\\t;])${k}:`, 'g'), `$1${v}:`)\n  })\n  return css.trim()\n}\n\n/** Find @keyframes, @media, @container queries in css **/\nfunction findQueries(css: string) {\n  const queries = []\n  for (const m of css.matchAll(/[@&]/gm)) {\n    let query = ''\n    let bodyStart = 0\n    let openCount = 0\n    for (let i = m.index!; i < css.length; i++) {\n      if (css[i] === '{') {\n        if (openCount === 0) {\n          query = css.slice(m.index, i).trim()\n          bodyStart = i + 1\n        }\n        openCount++\n      } else if (css[i] === '}') {\n        openCount--\n        if (openCount === 0) {\n          queries.push({\n            start: m.index,\n            end: i + 1,\n            query,\n            outerBody: css.slice(m.index, i + 1),\n            innerBody: css.slice(bodyStart, i),\n          })\n          break\n        }\n      }\n    }\n    if (openCount !== 0) console.error(`${query} not closed: \"${css}\"`)\n  }\n  return queries\n}\n\n/** Trims whitespace for every line */\nfunction trim(css: string) {\n  return css\n    .split('\\n')\n    .map(l => l.trim())\n    .filter(l => l)\n    .join('\\n')\n}\n\n/**\n * Assemble a string from a template string array and a list of placeholders.\n *\n * - If the first argument is a string, it is returned as is.\n *\n * i.e.\n * myFoo(...props: TemplateStringProps) => {\n *  const inputStr = t2s(...props);\n * }\n * myFoo`hello ${name}` => 'hello world'\n * myFoo(`hello ${name}`) => 'hello world'\n */\nexport function t2s(...tsp: TemplateStringProps) {\n  const [s, ...p] = tsp\n  return typeof s === 'string' ? s : s.map((s, i) => s + (p?.[i] ?? '')).join('')\n}\nexport type TemplateStringProps = [\n  strings: TemplateStringsArray | string,\n  ...placeHolders: string[]\n]\n\n/**\n * Injects css to the page\n *\n * - Batches adds for performance\n *\n * @param css - css to be injected\n * @returns void\n */\nexport function addCss(css: string) {\n  addCss.que.add(css)\n  setTimeout(() => {\n    const css = [...addCss.que].join('\\n')\n    if (css) {\n      addCss.que.clear()\n      const s = document.createElement('style')\n      s.id = `u${addCss.count++}`\n      s.innerHTML = css\n      document.head.appendChild(s)\n    }\n  }, 0)\n}\naddCss.que = new Set<string>()\naddCss.count = 0\n\n/**\n * Injects css and creates unique class names\n *\n * - Skips if already added\n *\n * @param css - string or template string, to be injected\n * @returns a unique class name\n */\nexport function createClass(...p: TemplateStringProps) {\n  let css = t2s(...p)\n  if (!css) return ''\n  let className = createClass.history.get(css)\n  if (!className) {\n    className = 's' + createClass.count++\n    createClass.history.set(css, className)\n\n    css = deleteComments(css)\n    css = expandProps(css)\n    css = expandArrayValues(css)\n    const qs = findQueries(css)\n\n    for (const q of qs.reverse()) {\n      css = css.slice(0, q.start) + css.slice(q.end)\n    }\n\n    css = `.${className}{\\n${css}\\n}\\n`\n    css += qs\n      .map(q => {\n        if (q.query.startsWith('&')) {\n          return `.${className}${q.query.slice(1)}{\\n${q.innerBody}\\n}`\n        }\n        if (q.query.startsWith('@keyframes')) {\n          return q.outerBody\n        }\n        return `${q.query}{\\n.${className}{${q.innerBody}\\n}\\n}`\n      })\n      .join('\\n')\n\n    css = trim(css) + '\\n\\n'\n\n    addCss(css)\n  }\n  return className\n}\ncreateClass.count = 0\ncreateClass.history = new Map<string, string>()\n"],"mappings":"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","names":["core_exports","__export","addCss","breakPoints","classJoin","createClass","shorthandProps","shorthandPropsMap","t2s","__toCommonJS","classes","c","deleteComments","css","expandArrayValues","l","_a","prop","vals","val","i","expandProps","k","v","findQueries","queries","m","query","bodyStart","openCount","trim","tsp","s","p","className","qs","q"]}

package/src/core.js

@@ -1,23 +0,0 @@
-var p=["30em","48em","62em","80em","96em"];function y(...r){return r.filter(n=>n&&typeof n=="string").join(" ")}function a(r){return r.replace(/{\/\*[\s\S]*?(?=\*\/})\*\/}/gm,"")}function d(r){return r.includes("[")?r.split(`
-`).map(n=>{var e;let[,t,s]=(e=[...n.matchAll(/([A-Za-z\-]*):[ ]*\[([^\]]+)\]/g)][0])!=null?e:[];return s?s.split(",").map((i,o)=>(i=i.trim(),!i||i==="null"||i==="undefined"?"":o===0?`${t}: ${i};`:`@media (min-width: ${p[o-1]}) { ${t}: ${i}; }`)).join(`
-`):n}).join(`
-`):r}var g={ai:"align-items",b:"border",br:"border-radius",bg:"background",c:"color",d:"display",f:"flex",fd:"flex-direction",i:"inset",h:"height",jc:"justify-content",m:"margin",ml:"margin-left",mr:"margin-right",mt:"margin-top",mb:"margin-bottom",maxW:"max-width",minW:"min-width",p:"padding",pl:"padding-left",pr:"padding-right",pt:"padding-top",pb:"padding-bottom",pos:"position",ta:"text-align",w:"width",z:"z-index"},h=[...Object.keys(g),"mx","my","px","py"];function l(r){return r=`
-`+r,r=r.replace(/([mp])x:([^;]*)/g,`$1l:$2;
-$1r:$2`).replace(/([mp])y:([^;]*);/g,`$1t:$2;
-$1b:$2`),Object.entries(g).forEach(([n,t])=>{r=r.replace(new RegExp(`([ 
-	;])${n}:`,"g"),`$1${t}:`)}),r.trim()}function f(r){let n=[];for(let t of r.matchAll(/[@&]/gm)){let s="",e=0,i=0;for(let o=t.index;o<r.length;o++)if(r[o]==="{")i===0&&(s=r.slice(t.index,o).trim(),e=o+1),i++;else if(r[o]==="}"&&(i--,i===0)){n.push({start:t.index,end:o+1,query:s,outerBody:r.slice(t.index,o+1),innerBody:r.slice(e,o)});break}i!==0&&console.error(`${s} not closed: "${r}"`)}return n}function b(r){return r.split(`
-`).map(n=>n.trim()).filter(n=>n).join(`
-`)}function c(...r){let[n,...t]=r;return typeof n=="string"?n:n.map((s,e)=>{var i;return s+((i=t==null?void 0:t[e])!=null?i:"")}).join("")}function m(r){m.que.add(r),setTimeout(()=>{let n=[...m.que].join(`
-`);if(n){m.que.clear();let t=document.createElement("style");t.id=`u${m.count++}`,t.innerHTML=n,document.head.appendChild(t)}},0)}m.que=new Set;m.count=0;function u(...r){let n=c(...r);if(!n)return"";let t=u.history.get(n);if(!t){t="s"+u.count++,u.history.set(n,t),n=a(n),n=l(n),n=d(n);let s=f(n);for(let e of s.reverse())n=n.slice(0,e.start)+n.slice(e.end);n=`.${t}{
-${n}
-}
-`,n+=s.map(e=>e.query.startsWith("&")?`.${t}${e.query.slice(1)}{
-${e.innerBody}
-}`:e.query.startsWith("@keyframes")?e.outerBody:`${e.query}{
-.${t}{${e.innerBody}
-}
-}`).join(`
-`),n=b(n)+`
-
-`,m(n)}return t}u.count=0;u.history=new Map;export{m as addCss,p as breakPoints,y as classJoin,u as createClass,h as shorthandProps,g as shorthandPropsMap,c as t2s};
-//# sourceMappingURL=core.js.map

package/src/core.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["core.ts"],"sourcesContent":["/** Breakpoints like chakra */\nexport const breakPoints = ['30em', '48em', '62em', '80em', '96em']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype allowableAny = any\n\n/** Joins class names and filters out blanks */\nexport function classJoin(...classes: allowableAny[]) {\n  return classes.filter(c => c && typeof c === 'string').join(' ')\n}\n\n/** delete css comments **/\nfunction deleteComments(css: string) {\n  return css.replace(/{\\/\\*[\\s\\S]*?(?=\\*\\/})\\*\\/}/gm, '')\n}\n\n/**\n * Expands array values into media queries\n *\n * Inspired by https://chakra-ui.com/docs/styled-system/responsive-styles\n */\nfunction expandArrayValues(css: string) {\n  if (!css.includes('[')) return css\n  return css\n    .split('\\n')\n    .map(l => {\n      // eslint-disable-next-line no-useless-escape\n      const [, prop, vals] = [...l.matchAll(/([A-Za-z\\-]*):[ ]*\\[([^\\]]+)\\]/g)]?.[0] ?? []\n      if (vals) {\n        return vals\n          .split(',')\n          .map((val, i) => {\n            val = val.trim()\n            if (!val || val === 'null' || val === 'undefined') return ''\n            if (i === 0) {\n              return `${prop}: ${val};`\n            }\n            return `@media (min-width: ${breakPoints[i - 1]}) { ${prop}: ${val}; }`\n          })\n          .join('\\n')\n      }\n      return l\n    })\n    .join('\\n')\n}\n\nexport interface ShorthandProps {\n  /** shorthand for css:align-items */\n  ai?: string\n  /** shorthand for css:border */\n  b?: string | number\n  /** shorthand for css:border-radius */\n  br?: string | number\n  /** shorthand for css:background */\n  bg?: string\n  /** shorthand for css:color */\n  c?: string\n  /** shorthand for css:display */\n  d?: string\n  /** shorthand for css:flex */\n  f?: string\n  /** shorthand for css:flex-direction */\n  fd?: string\n  /** shorthand for css:height */\n  h?: number | string\n  /** shorthand for css:inset */\n  i?: number | string\n  /** shorthand for css:justify-content */\n  jc?: string\n  /** shorthand for css:margin */\n  m?: number | string\n  /** shorthand for css:margin-left */\n  ml?: number | string\n  /** shorthand for css:margin-right */\n  mr?: number | string\n  /** shorthand for css:margin-top */\n  mt?: number | string\n  /** shorthand for css:margin-bottom */\n  mb?: number | string\n  /** shorthand for css:margin-top & margin-bottom */\n  my?: number | string\n  /** shorthand for css:margin-left & margin-right */\n  mx?: number | string\n  /** shorthand for css:max-width */\n  maxW?: number | string\n  /** shorthand for css:min-width */\n  minW?: number | string\n  /** shorthand for css:padding */\n  p?: number | string\n  /** shorthand for css:padding-left */\n  pl?: number | string\n  /** shorthand for css:padding-right */\n  pr?: number | string\n  /** shorthand for css:padding-top */\n  pt?: number | string\n  /** shorthand for css:padding-bottom */\n  pb?: number | string\n  /** shorthand for css:padding-top & padding-bottom */\n  py?: number | string\n  /** shorthand for css:padding-left & padding-right */\n  px?: number | string\n  /** shorthand for css:position */\n  pos?: number | string\n  /** shorthand for css:text-align */\n  ta?: string\n  /** shorthand for css:width */\n  w?: number | string\n  /** shorthand for css:z-index */\n  z?: number | string\n}\nexport const shorthandPropsMap: Record<\n  keyof Omit<ShorthandProps, 'mx' | 'my' | 'px' | 'py'>,\n  string\n> = {\n  ai: 'align-items',\n  b: 'border',\n  br: 'border-radius',\n  bg: 'background',\n  c: 'color',\n  d: 'display',\n  f: 'flex',\n  fd: 'flex-direction',\n  i: 'inset',\n  h: 'height',\n  jc: 'justify-content',\n  m: 'margin',\n  ml: 'margin-left',\n  mr: 'margin-right',\n  mt: 'margin-top',\n  mb: 'margin-bottom',\n  maxW: 'max-width',\n  minW: 'min-width',\n  p: 'padding',\n  pl: 'padding-left',\n  pr: 'padding-right',\n  pt: 'padding-top',\n  pb: 'padding-bottom',\n  pos: 'position',\n  ta: 'text-align',\n  w: 'width',\n  z: 'z-index',\n}\nexport const shorthandProps = [...Object.keys(shorthandPropsMap), 'mx', 'my', 'px', 'py']\n\n/** Expand short-hand css props to full */\nfunction expandProps(css: string) {\n  css = '\\n' + css // inject a newline to make the regex easier\n  // Handle 'mx', 'my', 'px', 'py'\n  css = css\n    .replace(/([mp])x:([^;]*)/g, '$1l:$2;\\n$1r:$2')\n    .replace(/([mp])y:([^;]*);/g, '$1t:$2;\\n$1b:$2')\n  Object.entries(shorthandPropsMap).forEach(([k, v]) => {\n    css = css.replace(new RegExp(`([ \\n\\t;])${k}:`, 'g'), `$1${v}:`)\n  })\n  return css.trim()\n}\n\n/** Find @keyframes, @media, @container queries in css **/\nfunction findQueries(css: string) {\n  const queries = []\n  for (const m of css.matchAll(/[@&]/gm)) {\n    let query = ''\n    let bodyStart = 0\n    let openCount = 0\n    for (let i = m.index!; i < css.length; i++) {\n      if (css[i] === '{') {\n        if (openCount === 0) {\n          query = css.slice(m.index, i).trim()\n          bodyStart = i + 1\n        }\n        openCount++\n      } else if (css[i] === '}') {\n        openCount--\n        if (openCount === 0) {\n          queries.push({\n            start: m.index,\n            end: i + 1,\n            query,\n            outerBody: css.slice(m.index, i + 1),\n            innerBody: css.slice(bodyStart, i),\n          })\n          break\n        }\n      }\n    }\n    if (openCount !== 0) console.error(`${query} not closed: \"${css}\"`)\n  }\n  return queries\n}\n\n/** Trims whitespace for every line */\nfunction trim(css: string) {\n  return css\n    .split('\\n')\n    .map(l => l.trim())\n    .filter(l => l)\n    .join('\\n')\n}\n\n/**\n * Assemble a string from a template string array and a list of placeholders.\n *\n * - If the first argument is a string, it is returned as is.\n *\n * i.e.\n * myFoo(...props: TemplateStringProps) => {\n *  const inputStr = t2s(...props);\n * }\n * myFoo`hello ${name}` => 'hello world'\n * myFoo(`hello ${name}`) => 'hello world'\n */\nexport function t2s(...tsp: TemplateStringProps) {\n  const [s, ...p] = tsp\n  return typeof s === 'string' ? s : s.map((s, i) => s + (p?.[i] ?? '')).join('')\n}\nexport type TemplateStringProps = [\n  strings: TemplateStringsArray | string,\n  ...placeHolders: string[]\n]\n\n/**\n * Injects css to the page\n *\n * - Batches adds for performance\n *\n * @param css - css to be injected\n * @returns void\n */\nexport function addCss(css: string) {\n  addCss.que.add(css)\n  setTimeout(() => {\n    const css = [...addCss.que].join('\\n')\n    if (css) {\n      addCss.que.clear()\n      const s = document.createElement('style')\n      s.id = `u${addCss.count++}`\n      s.innerHTML = css\n      document.head.appendChild(s)\n    }\n  }, 0)\n}\naddCss.que = new Set<string>()\naddCss.count = 0\n\n/**\n * Injects css and creates unique class names\n *\n * - Skips if already added\n *\n * @param css - string or template string, to be injected\n * @returns a unique class name\n */\nexport function createClass(...p: TemplateStringProps) {\n  let css = t2s(...p)\n  if (!css) return ''\n  let className = createClass.history.get(css)\n  if (!className) {\n    className = 's' + createClass.count++\n    createClass.history.set(css, className)\n\n    css = deleteComments(css)\n    css = expandProps(css)\n    css = expandArrayValues(css)\n    const qs = findQueries(css)\n\n    for (const q of qs.reverse()) {\n      css = css.slice(0, q.start) + css.slice(q.end)\n    }\n\n    css = `.${className}{\\n${css}\\n}\\n`\n    css += qs\n      .map(q => {\n        if (q.query.startsWith('&')) {\n          return `.${className}${q.query.slice(1)}{\\n${q.innerBody}\\n}`\n        }\n        if (q.query.startsWith('@keyframes')) {\n          return q.outerBody\n        }\n        return `${q.query}{\\n.${className}{${q.innerBody}\\n}\\n}`\n      })\n      .join('\\n')\n\n    css = trim(css) + '\\n\\n'\n\n    addCss(css)\n  }\n  return className\n}\ncreateClass.count = 0\ncreateClass.history = new Map<string, string>()\n"],"mappings":"AACO,IAAMA,EAAc,CAAC,OAAQ,OAAQ,OAAQ,OAAQ,MAAM,EAM3D,SAASC,KAAaC,EAAyB,CACpD,OAAOA,EAAQ,OAAOC,GAAKA,GAAK,OAAOA,GAAM,QAAQ,EAAE,KAAK,GAAG,CACjE,CAGA,SAASC,EAAeC,EAAa,CACnC,OAAOA,EAAI,QAAQ,gCAAiC,EAAE,CACxD,CAOA,SAASC,EAAkBD,EAAa,CACtC,OAAKA,EAAI,SAAS,GAAG,EACdA,EACJ,MAAM;AAAA,CAAI,EACV,IAAIE,GAAK,CAzBd,IAAAC,EA2BM,GAAM,CAAC,CAAEC,EAAMC,CAAI,GAAIF,EAAA,CAAC,GAAGD,EAAE,SAAS,iCAAiC,CAAC,EAAI,KAArD,KAAAC,EAA2D,CAAC,EACnF,OAAIE,EACKA,EACJ,MAAM,GAAG,EACT,IAAI,CAACC,EAAKC,KACTD,EAAMA,EAAI,KAAK,EACX,CAACA,GAAOA,IAAQ,QAAUA,IAAQ,YAAoB,GACtDC,IAAM,EACD,GAAGH,MAASE,KAEd,sBAAsBX,EAAYY,EAAI,SAASH,MAASE,OAChE,EACA,KAAK;AAAA,CAAI,EAEPJ,CACT,CAAC,EACA,KAAK;AAAA,CAAI,EArBmBF,CAsBjC,CAkEO,IAAMQ,EAGT,CACF,GAAI,cACJ,EAAG,SACH,GAAI,gBACJ,GAAI,aACJ,EAAG,QACH,EAAG,UACH,EAAG,OACH,GAAI,iBACJ,EAAG,QACH,EAAG,SACH,GAAI,kBACJ,EAAG,SACH,GAAI,cACJ,GAAI,eACJ,GAAI,aACJ,GAAI,gBACJ,KAAM,YACN,KAAM,YACN,EAAG,UACH,GAAI,eACJ,GAAI,gBACJ,GAAI,cACJ,GAAI,iBACJ,IAAK,WACL,GAAI,aACJ,EAAG,QACH,EAAG,SACL,EACaC,EAAiB,CAAC,GAAG,OAAO,KAAKD,CAAiB,EAAG,KAAM,KAAM,KAAM,IAAI,EAGxF,SAASE,EAAYV,EAAa,CAChC,OAAAA,EAAM;AAAA,EAAOA,EAEbA,EAAMA,EACH,QAAQ,mBAAoB;AAAA,OAAiB,EAC7C,QAAQ,oBAAqB;AAAA,OAAiB,EACjD,OAAO,QAAQQ,CAAiB,EAAE,QAAQ,CAAC,CAACG,EAAGC,CAAC,IAAM,CACpDZ,EAAMA,EAAI,QAAQ,IAAI,OAAO;AAAA,MAAaW,KAAM,GAAG,EAAG,KAAKC,IAAI,CACjE,CAAC,EACMZ,EAAI,KAAK,CAClB,CAGA,SAASa,EAAYb,EAAa,CAChC,IAAMc,EAAU,CAAC,EACjB,QAAWC,KAAKf,EAAI,SAAS,QAAQ,EAAG,CACtC,IAAIgB,EAAQ,GACRC,EAAY,EACZC,EAAY,EAChB,QAASX,EAAIQ,EAAE,MAAQR,EAAIP,EAAI,OAAQO,IACrC,GAAIP,EAAIO,KAAO,IACTW,IAAc,IAChBF,EAAQhB,EAAI,MAAMe,EAAE,MAAOR,CAAC,EAAE,KAAK,EACnCU,EAAYV,EAAI,GAElBW,YACSlB,EAAIO,KAAO,MACpBW,IACIA,IAAc,GAAG,CACnBJ,EAAQ,KAAK,CACX,MAAOC,EAAE,MACT,IAAKR,EAAI,EACT,MAAAS,EACA,UAAWhB,EAAI,MAAMe,EAAE,MAAOR,EAAI,CAAC,EACnC,UAAWP,EAAI,MAAMiB,EAAWV,CAAC,CACnC,CAAC,EACD,KACF,CAGAW,IAAc,GAAG,QAAQ,MAAM,GAAGF,kBAAsBhB,IAAM,CACpE,CACA,OAAOc,CACT,CAGA,SAASK,EAAKnB,EAAa,CACzB,OAAOA,EACJ,MAAM;AAAA,CAAI,EACV,IAAIE,GAAKA,EAAE,KAAK,CAAC,EACjB,OAAOA,GAAKA,CAAC,EACb,KAAK;AAAA,CAAI,CACd,CAcO,SAASkB,KAAOC,EAA0B,CAC/C,GAAM,CAACC,KAAMC,CAAC,EAAIF,EAClB,OAAO,OAAOC,GAAM,SAAWA,EAAIA,EAAE,IAAI,CAAC,EAAGf,IAAG,CArNlD,IAAAJ,EAqNqD,WAAKA,EAAAoB,GAAA,YAAAA,EAAIhB,KAAJ,KAAAJ,EAAU,IAAG,EAAE,KAAK,EAAE,CAChF,CAcO,SAASqB,EAAOxB,EAAa,CAClCwB,EAAO,IAAI,IAAIxB,CAAG,EAClB,WAAW,IAAM,CACf,IAAMA,EAAM,CAAC,GAAGwB,EAAO,GAAG,EAAE,KAAK;AAAA,CAAI,EACrC,GAAIxB,EAAK,CACPwB,EAAO,IAAI,MAAM,EACjB,IAAMF,EAAI,SAAS,cAAc,OAAO,EACxCA,EAAE,GAAK,IAAIE,EAAO,UAClBF,EAAE,UAAYtB,EACd,SAAS,KAAK,YAAYsB,CAAC,CAC7B,CACF,EAAG,CAAC,CACN,CACAE,EAAO,IAAM,IAAI,IACjBA,EAAO,MAAQ,EAUR,SAASC,KAAeF,EAAwB,CACrD,IAAIvB,EAAMoB,EAAI,GAAGG,CAAC,EAClB,GAAI,CAACvB,EAAK,MAAO,GACjB,IAAI0B,EAAYD,EAAY,QAAQ,IAAIzB,CAAG,EAC3C,GAAI,CAAC0B,EAAW,CACdA,EAAY,IAAMD,EAAY,QAC9BA,EAAY,QAAQ,IAAIzB,EAAK0B,CAAS,EAEtC1B,EAAMD,EAAeC,CAAG,EACxBA,EAAMU,EAAYV,CAAG,EACrBA,EAAMC,EAAkBD,CAAG,EAC3B,IAAM2B,EAAKd,EAAYb,CAAG,EAE1B,QAAW4B,KAAKD,EAAG,QAAQ,EACzB3B,EAAMA,EAAI,MAAM,EAAG4B,EAAE,KAAK,EAAI5B,EAAI,MAAM4B,EAAE,GAAG,EAG/C5B,EAAM,IAAI0B;AAAA,EAAe1B;AAAA;AAAA,EACzBA,GAAO2B,EACJ,IAAIC,GACCA,EAAE,MAAM,WAAW,GAAG,EACjB,IAAIF,IAAYE,EAAE,MAAM,MAAM,CAAC;AAAA,EAAOA,EAAE;AAAA,GAE7CA,EAAE,MAAM,WAAW,YAAY,EAC1BA,EAAE,UAEJ,GAAGA,EAAE;AAAA,GAAYF,KAAaE,EAAE;AAAA;AAAA,EACxC,EACA,KAAK;AAAA,CAAI,EAEZ5B,EAAMmB,EAAKnB,CAAG,EAAI;AAAA;AAAA,EAElBwB,EAAOxB,CAAG,CACZ,CACA,OAAO0B,CACT,CACAD,EAAY,MAAQ,EACpBA,EAAY,QAAU,IAAI","names":["breakPoints","classJoin","classes","c","deleteComments","css","expandArrayValues","l","_a","prop","vals","val","i","shorthandPropsMap","shorthandProps","expandProps","k","v","findQueries","queries","m","query","bodyStart","openCount","trim","t2s","tsp","s","p","addCss","createClass","className","qs","q"]}

package/src/index.cjs

@@ -1,23 +0,0 @@
-"use strict";var p=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var b=(r,n)=>{for(var t in n)p(r,t,{get:n[t],enumerable:!0})},y=(r,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of f(n))!c.call(r,e)&&e!==t&&p(r,e,{get:()=>n[e],enumerable:!(o=l(n,e))||o.enumerable});return r};var x=r=>y(p({},"__esModule",{value:!0}),r);var k={};b(k,{addCss:()=>m,breakPoints:()=>a,classJoin:()=>h,createClass:()=>u,css:()=>u,shorthandProps:()=>w,shorthandPropsMap:()=>g,t2s:()=>d});module.exports=x(k);var a=["30em","48em","62em","80em","96em"];function h(...r){return r.filter(n=>n&&typeof n=="string").join(" ")}function $(r){return r.replace(/{\/\*[\s\S]*?(?=\*\/})\*\/}/gm,"")}function j(r){return r.includes("[")?r.split(`
-`).map(n=>{var e;let[,t,o]=(e=[...n.matchAll(/([A-Za-z\-]*):[ ]*\[([^\]]+)\]/g)][0])!=null?e:[];return o?o.split(",").map((i,s)=>(i=i.trim(),!i||i==="null"||i==="undefined"?"":s===0?`${t}: ${i};`:`@media (min-width: ${a[s-1]}) { ${t}: ${i}; }`)).join(`
-`):n}).join(`
-`):r}var g={ai:"align-items",b:"border",br:"border-radius",bg:"background",c:"color",d:"display",f:"flex",fd:"flex-direction",i:"inset",h:"height",jc:"justify-content",m:"margin",ml:"margin-left",mr:"margin-right",mt:"margin-top",mb:"margin-bottom",maxW:"max-width",minW:"min-width",p:"padding",pl:"padding-left",pr:"padding-right",pt:"padding-top",pb:"padding-bottom",pos:"position",ta:"text-align",w:"width",z:"z-index"},w=[...Object.keys(g),"mx","my","px","py"];function P(r){return r=`
-`+r,r=r.replace(/([mp])x:([^;]*)/g,`$1l:$2;
-$1r:$2`).replace(/([mp])y:([^;]*);/g,`$1t:$2;
-$1b:$2`),Object.entries(g).forEach(([n,t])=>{r=r.replace(new RegExp(`([ 
-	;])${n}:`,"g"),`$1${t}:`)}),r.trim()}function S(r){let n=[];for(let t of r.matchAll(/[@&]/gm)){let o="",e=0,i=0;for(let s=t.index;s<r.length;s++)if(r[s]==="{")i===0&&(o=r.slice(t.index,s).trim(),e=s+1),i++;else if(r[s]==="}"&&(i--,i===0)){n.push({start:t.index,end:s+1,query:o,outerBody:r.slice(t.index,s+1),innerBody:r.slice(e,s)});break}i!==0&&console.error(`${o} not closed: "${r}"`)}return n}function A(r){return r.split(`
-`).map(n=>n.trim()).filter(n=>n).join(`
-`)}function d(...r){let[n,...t]=r;return typeof n=="string"?n:n.map((o,e)=>{var i;return o+((i=t==null?void 0:t[e])!=null?i:"")}).join("")}function m(r){m.que.add(r),setTimeout(()=>{let n=[...m.que].join(`
-`);if(n){m.que.clear();let t=document.createElement("style");t.id=`u${m.count++}`,t.innerHTML=n,document.head.appendChild(t)}},0)}m.que=new Set;m.count=0;function u(...r){let n=d(...r);if(!n)return"";let t=u.history.get(n);if(!t){t="s"+u.count++,u.history.set(n,t),n=$(n),n=P(n),n=j(n);let o=S(n);for(let e of o.reverse())n=n.slice(0,e.start)+n.slice(e.end);n=`.${t}{
-${n}
-}
-`,n+=o.map(e=>e.query.startsWith("&")?`.${t}${e.query.slice(1)}{
-${e.innerBody}
-}`:e.query.startsWith("@keyframes")?e.outerBody:`${e.query}{
-.${t}{${e.innerBody}
-}
-}`).join(`
-`),n=A(n)+`
-
-`,m(n)}return t}u.count=0;u.history=new Map;0&&(module.exports={addCss,breakPoints,classJoin,createClass,css,shorthandProps,shorthandPropsMap,t2s});
-//# sourceMappingURL=index.cjs.map

package/src/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts","core.ts"],"sourcesContent":["export * from './core.js'\nexport {createClass as css} from './core.js'\n","/** Breakpoints like chakra */\nexport const breakPoints = ['30em', '48em', '62em', '80em', '96em']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype allowableAny = any\n\n/** Joins class names and filters out blanks */\nexport function classJoin(...classes: allowableAny[]) {\n  return classes.filter(c => c && typeof c === 'string').join(' ')\n}\n\n/** delete css comments **/\nfunction deleteComments(css: string) {\n  return css.replace(/{\\/\\*[\\s\\S]*?(?=\\*\\/})\\*\\/}/gm, '')\n}\n\n/**\n * Expands array values into media queries\n *\n * Inspired by https://chakra-ui.com/docs/styled-system/responsive-styles\n */\nfunction expandArrayValues(css: string) {\n  if (!css.includes('[')) return css\n  return css\n    .split('\\n')\n    .map(l => {\n      // eslint-disable-next-line no-useless-escape\n      const [, prop, vals] = [...l.matchAll(/([A-Za-z\\-]*):[ ]*\\[([^\\]]+)\\]/g)]?.[0] ?? []\n      if (vals) {\n        return vals\n          .split(',')\n          .map((val, i) => {\n            val = val.trim()\n            if (!val || val === 'null' || val === 'undefined') return ''\n            if (i === 0) {\n              return `${prop}: ${val};`\n            }\n            return `@media (min-width: ${breakPoints[i - 1]}) { ${prop}: ${val}; }`\n          })\n          .join('\\n')\n      }\n      return l\n    })\n    .join('\\n')\n}\n\nexport interface ShorthandProps {\n  /** shorthand for css:align-items */\n  ai?: string\n  /** shorthand for css:border */\n  b?: string | number\n  /** shorthand for css:border-radius */\n  br?: string | number\n  /** shorthand for css:background */\n  bg?: string\n  /** shorthand for css:color */\n  c?: string\n  /** shorthand for css:display */\n  d?: string\n  /** shorthand for css:flex */\n  f?: string\n  /** shorthand for css:flex-direction */\n  fd?: string\n  /** shorthand for css:height */\n  h?: number | string\n  /** shorthand for css:inset */\n  i?: number | string\n  /** shorthand for css:justify-content */\n  jc?: string\n  /** shorthand for css:margin */\n  m?: number | string\n  /** shorthand for css:margin-left */\n  ml?: number | string\n  /** shorthand for css:margin-right */\n  mr?: number | string\n  /** shorthand for css:margin-top */\n  mt?: number | string\n  /** shorthand for css:margin-bottom */\n  mb?: number | string\n  /** shorthand for css:margin-top & margin-bottom */\n  my?: number | string\n  /** shorthand for css:margin-left & margin-right */\n  mx?: number | string\n  /** shorthand for css:max-width */\n  maxW?: number | string\n  /** shorthand for css:min-width */\n  minW?: number | string\n  /** shorthand for css:padding */\n  p?: number | string\n  /** shorthand for css:padding-left */\n  pl?: number | string\n  /** shorthand for css:padding-right */\n  pr?: number | string\n  /** shorthand for css:padding-top */\n  pt?: number | string\n  /** shorthand for css:padding-bottom */\n  pb?: number | string\n  /** shorthand for css:padding-top & padding-bottom */\n  py?: number | string\n  /** shorthand for css:padding-left & padding-right */\n  px?: number | string\n  /** shorthand for css:position */\n  pos?: number | string\n  /** shorthand for css:text-align */\n  ta?: string\n  /** shorthand for css:width */\n  w?: number | string\n  /** shorthand for css:z-index */\n  z?: number | string\n}\nexport const shorthandPropsMap: Record<\n  keyof Omit<ShorthandProps, 'mx' | 'my' | 'px' | 'py'>,\n  string\n> = {\n  ai: 'align-items',\n  b: 'border',\n  br: 'border-radius',\n  bg: 'background',\n  c: 'color',\n  d: 'display',\n  f: 'flex',\n  fd: 'flex-direction',\n  i: 'inset',\n  h: 'height',\n  jc: 'justify-content',\n  m: 'margin',\n  ml: 'margin-left',\n  mr: 'margin-right',\n  mt: 'margin-top',\n  mb: 'margin-bottom',\n  maxW: 'max-width',\n  minW: 'min-width',\n  p: 'padding',\n  pl: 'padding-left',\n  pr: 'padding-right',\n  pt: 'padding-top',\n  pb: 'padding-bottom',\n  pos: 'position',\n  ta: 'text-align',\n  w: 'width',\n  z: 'z-index',\n}\nexport const shorthandProps = [...Object.keys(shorthandPropsMap), 'mx', 'my', 'px', 'py']\n\n/** Expand short-hand css props to full */\nfunction expandProps(css: string) {\n  css = '\\n' + css // inject a newline to make the regex easier\n  // Handle 'mx', 'my', 'px', 'py'\n  css = css\n    .replace(/([mp])x:([^;]*)/g, '$1l:$2;\\n$1r:$2')\n    .replace(/([mp])y:([^;]*);/g, '$1t:$2;\\n$1b:$2')\n  Object.entries(shorthandPropsMap).forEach(([k, v]) => {\n    css = css.replace(new RegExp(`([ \\n\\t;])${k}:`, 'g'), `$1${v}:`)\n  })\n  return css.trim()\n}\n\n/** Find @keyframes, @media, @container queries in css **/\nfunction findQueries(css: string) {\n  const queries = []\n  for (const m of css.matchAll(/[@&]/gm)) {\n    let query = ''\n    let bodyStart = 0\n    let openCount = 0\n    for (let i = m.index!; i < css.length; i++) {\n      if (css[i] === '{') {\n        if (openCount === 0) {\n          query = css.slice(m.index, i).trim()\n          bodyStart = i + 1\n        }\n        openCount++\n      } else if (css[i] === '}') {\n        openCount--\n        if (openCount === 0) {\n          queries.push({\n            start: m.index,\n            end: i + 1,\n            query,\n            outerBody: css.slice(m.index, i + 1),\n            innerBody: css.slice(bodyStart, i),\n          })\n          break\n        }\n      }\n    }\n    if (openCount !== 0) console.error(`${query} not closed: \"${css}\"`)\n  }\n  return queries\n}\n\n/** Trims whitespace for every line */\nfunction trim(css: string) {\n  return css\n    .split('\\n')\n    .map(l => l.trim())\n    .filter(l => l)\n    .join('\\n')\n}\n\n/**\n * Assemble a string from a template string array and a list of placeholders.\n *\n * - If the first argument is a string, it is returned as is.\n *\n * i.e.\n * myFoo(...props: TemplateStringProps) => {\n *  const inputStr = t2s(...props);\n * }\n * myFoo`hello ${name}` => 'hello world'\n * myFoo(`hello ${name}`) => 'hello world'\n */\nexport function t2s(...tsp: TemplateStringProps) {\n  const [s, ...p] = tsp\n  return typeof s === 'string' ? s : s.map((s, i) => s + (p?.[i] ?? '')).join('')\n}\nexport type TemplateStringProps = [\n  strings: TemplateStringsArray | string,\n  ...placeHolders: string[]\n]\n\n/**\n * Injects css to the page\n *\n * - Batches adds for performance\n *\n * @param css - css to be injected\n * @returns void\n */\nexport function addCss(css: string) {\n  addCss.que.add(css)\n  setTimeout(() => {\n    const css = [...addCss.que].join('\\n')\n    if (css) {\n      addCss.que.clear()\n      const s = document.createElement('style')\n      s.id = `u${addCss.count++}`\n      s.innerHTML = css\n      document.head.appendChild(s)\n    }\n  }, 0)\n}\naddCss.que = new Set<string>()\naddCss.count = 0\n\n/**\n * Injects css and creates unique class names\n *\n * - Skips if already added\n *\n * @param css - string or template string, to be injected\n * @returns a unique class name\n */\nexport function createClass(...p: TemplateStringProps) {\n  let css = t2s(...p)\n  if (!css) return ''\n  let className = createClass.history.get(css)\n  if (!className) {\n    className = 's' + createClass.count++\n    createClass.history.set(css, className)\n\n    css = deleteComments(css)\n    css = expandProps(css)\n    css = expandArrayValues(css)\n    const qs = findQueries(css)\n\n    for (const q of qs.reverse()) {\n      css = css.slice(0, q.start) + css.slice(q.end)\n    }\n\n    css = `.${className}{\\n${css}\\n}\\n`\n    css += qs\n      .map(q => {\n        if (q.query.startsWith('&')) {\n          return `.${className}${q.query.slice(1)}{\\n${q.innerBody}\\n}`\n        }\n        if (q.query.startsWith('@keyframes')) {\n          return q.outerBody\n        }\n        return `${q.query}{\\n.${className}{${q.innerBody}\\n}\\n}`\n      })\n      .join('\\n')\n\n    css = trim(css) + '\\n\\n'\n\n    addCss(css)\n  }\n  return className\n}\ncreateClass.count = 0\ncreateClass.history = new Map<string, string>()\n"],"mappings":"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","names":["src_exports","__export","addCss","breakPoints","classJoin","createClass","shorthandProps","shorthandPropsMap","t2s","__toCommonJS","breakPoints","classJoin","classes","c","deleteComments","css","expandArrayValues","l","_a","prop","vals","val","i","shorthandPropsMap","shorthandProps","expandProps","k","v","findQueries","queries","m","query","bodyStart","openCount","trim","t2s","tsp","s","p","addCss","createClass","className","qs","q"]}

package/src/index.d.ts

@@ -1 +0,0 @@
-export { ShorthandProps, TemplateStringProps, addCss, breakPoints, classJoin, createClass, createClass as css, shorthandProps, shorthandPropsMap, t2s } from './core.js';

package/src/index.js

@@ -1,23 +0,0 @@
-var g=["30em","48em","62em","80em","96em"];function y(...r){return r.filter(n=>n&&typeof n=="string").join(" ")}function a(r){return r.replace(/{\/\*[\s\S]*?(?=\*\/})\*\/}/gm,"")}function d(r){return r.includes("[")?r.split(`
-`).map(n=>{var e;let[,t,s]=(e=[...n.matchAll(/([A-Za-z\-]*):[ ]*\[([^\]]+)\]/g)][0])!=null?e:[];return s?s.split(",").map((i,o)=>(i=i.trim(),!i||i==="null"||i==="undefined"?"":o===0?`${t}: ${i};`:`@media (min-width: ${g[o-1]}) { ${t}: ${i}; }`)).join(`
-`):n}).join(`
-`):r}var p={ai:"align-items",b:"border",br:"border-radius",bg:"background",c:"color",d:"display",f:"flex",fd:"flex-direction",i:"inset",h:"height",jc:"justify-content",m:"margin",ml:"margin-left",mr:"margin-right",mt:"margin-top",mb:"margin-bottom",maxW:"max-width",minW:"min-width",p:"padding",pl:"padding-left",pr:"padding-right",pt:"padding-top",pb:"padding-bottom",pos:"position",ta:"text-align",w:"width",z:"z-index"},x=[...Object.keys(p),"mx","my","px","py"];function l(r){return r=`
-`+r,r=r.replace(/([mp])x:([^;]*)/g,`$1l:$2;
-$1r:$2`).replace(/([mp])y:([^;]*);/g,`$1t:$2;
-$1b:$2`),Object.entries(p).forEach(([n,t])=>{r=r.replace(new RegExp(`([ 
-	;])${n}:`,"g"),`$1${t}:`)}),r.trim()}function f(r){let n=[];for(let t of r.matchAll(/[@&]/gm)){let s="",e=0,i=0;for(let o=t.index;o<r.length;o++)if(r[o]==="{")i===0&&(s=r.slice(t.index,o).trim(),e=o+1),i++;else if(r[o]==="}"&&(i--,i===0)){n.push({start:t.index,end:o+1,query:s,outerBody:r.slice(t.index,o+1),innerBody:r.slice(e,o)});break}i!==0&&console.error(`${s} not closed: "${r}"`)}return n}function c(r){return r.split(`
-`).map(n=>n.trim()).filter(n=>n).join(`
-`)}function b(...r){let[n,...t]=r;return typeof n=="string"?n:n.map((s,e)=>{var i;return s+((i=t==null?void 0:t[e])!=null?i:"")}).join("")}function m(r){m.que.add(r),setTimeout(()=>{let n=[...m.que].join(`
-`);if(n){m.que.clear();let t=document.createElement("style");t.id=`u${m.count++}`,t.innerHTML=n,document.head.appendChild(t)}},0)}m.que=new Set;m.count=0;function u(...r){let n=b(...r);if(!n)return"";let t=u.history.get(n);if(!t){t="s"+u.count++,u.history.set(n,t),n=a(n),n=l(n),n=d(n);let s=f(n);for(let e of s.reverse())n=n.slice(0,e.start)+n.slice(e.end);n=`.${t}{
-${n}
-}
-`,n+=s.map(e=>e.query.startsWith("&")?`.${t}${e.query.slice(1)}{
-${e.innerBody}
-}`:e.query.startsWith("@keyframes")?e.outerBody:`${e.query}{
-.${t}{${e.innerBody}
-}
-}`).join(`
-`),n=c(n)+`
-
-`,m(n)}return t}u.count=0;u.history=new Map;export{m as addCss,g as breakPoints,y as classJoin,u as createClass,u as css,x as shorthandProps,p as shorthandPropsMap,b as t2s};
-//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["core.ts"],"sourcesContent":["/** Breakpoints like chakra */\nexport const breakPoints = ['30em', '48em', '62em', '80em', '96em']\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype allowableAny = any\n\n/** Joins class names and filters out blanks */\nexport function classJoin(...classes: allowableAny[]) {\n  return classes.filter(c => c && typeof c === 'string').join(' ')\n}\n\n/** delete css comments **/\nfunction deleteComments(css: string) {\n  return css.replace(/{\\/\\*[\\s\\S]*?(?=\\*\\/})\\*\\/}/gm, '')\n}\n\n/**\n * Expands array values into media queries\n *\n * Inspired by https://chakra-ui.com/docs/styled-system/responsive-styles\n */\nfunction expandArrayValues(css: string) {\n  if (!css.includes('[')) return css\n  return css\n    .split('\\n')\n    .map(l => {\n      // eslint-disable-next-line no-useless-escape\n      const [, prop, vals] = [...l.matchAll(/([A-Za-z\\-]*):[ ]*\\[([^\\]]+)\\]/g)]?.[0] ?? []\n      if (vals) {\n        return vals\n          .split(',')\n          .map((val, i) => {\n            val = val.trim()\n            if (!val || val === 'null' || val === 'undefined') return ''\n            if (i === 0) {\n              return `${prop}: ${val};`\n            }\n            return `@media (min-width: ${breakPoints[i - 1]}) { ${prop}: ${val}; }`\n          })\n          .join('\\n')\n      }\n      return l\n    })\n    .join('\\n')\n}\n\nexport interface ShorthandProps {\n  /** shorthand for css:align-items */\n  ai?: string\n  /** shorthand for css:border */\n  b?: string | number\n  /** shorthand for css:border-radius */\n  br?: string | number\n  /** shorthand for css:background */\n  bg?: string\n  /** shorthand for css:color */\n  c?: string\n  /** shorthand for css:display */\n  d?: string\n  /** shorthand for css:flex */\n  f?: string\n  /** shorthand for css:flex-direction */\n  fd?: string\n  /** shorthand for css:height */\n  h?: number | string\n  /** shorthand for css:inset */\n  i?: number | string\n  /** shorthand for css:justify-content */\n  jc?: string\n  /** shorthand for css:margin */\n  m?: number | string\n  /** shorthand for css:margin-left */\n  ml?: number | string\n  /** shorthand for css:margin-right */\n  mr?: number | string\n  /** shorthand for css:margin-top */\n  mt?: number | string\n  /** shorthand for css:margin-bottom */\n  mb?: number | string\n  /** shorthand for css:margin-top & margin-bottom */\n  my?: number | string\n  /** shorthand for css:margin-left & margin-right */\n  mx?: number | string\n  /** shorthand for css:max-width */\n  maxW?: number | string\n  /** shorthand for css:min-width */\n  minW?: number | string\n  /** shorthand for css:padding */\n  p?: number | string\n  /** shorthand for css:padding-left */\n  pl?: number | string\n  /** shorthand for css:padding-right */\n  pr?: number | string\n  /** shorthand for css:padding-top */\n  pt?: number | string\n  /** shorthand for css:padding-bottom */\n  pb?: number | string\n  /** shorthand for css:padding-top & padding-bottom */\n  py?: number | string\n  /** shorthand for css:padding-left & padding-right */\n  px?: number | string\n  /** shorthand for css:position */\n  pos?: number | string\n  /** shorthand for css:text-align */\n  ta?: string\n  /** shorthand for css:width */\n  w?: number | string\n  /** shorthand for css:z-index */\n  z?: number | string\n}\nexport const shorthandPropsMap: Record<\n  keyof Omit<ShorthandProps, 'mx' | 'my' | 'px' | 'py'>,\n  string\n> = {\n  ai: 'align-items',\n  b: 'border',\n  br: 'border-radius',\n  bg: 'background',\n  c: 'color',\n  d: 'display',\n  f: 'flex',\n  fd: 'flex-direction',\n  i: 'inset',\n  h: 'height',\n  jc: 'justify-content',\n  m: 'margin',\n  ml: 'margin-left',\n  mr: 'margin-right',\n  mt: 'margin-top',\n  mb: 'margin-bottom',\n  maxW: 'max-width',\n  minW: 'min-width',\n  p: 'padding',\n  pl: 'padding-left',\n  pr: 'padding-right',\n  pt: 'padding-top',\n  pb: 'padding-bottom',\n  pos: 'position',\n  ta: 'text-align',\n  w: 'width',\n  z: 'z-index',\n}\nexport const shorthandProps = [...Object.keys(shorthandPropsMap), 'mx', 'my', 'px', 'py']\n\n/** Expand short-hand css props to full */\nfunction expandProps(css: string) {\n  css = '\\n' + css // inject a newline to make the regex easier\n  // Handle 'mx', 'my', 'px', 'py'\n  css = css\n    .replace(/([mp])x:([^;]*)/g, '$1l:$2;\\n$1r:$2')\n    .replace(/([mp])y:([^;]*);/g, '$1t:$2;\\n$1b:$2')\n  Object.entries(shorthandPropsMap).forEach(([k, v]) => {\n    css = css.replace(new RegExp(`([ \\n\\t;])${k}:`, 'g'), `$1${v}:`)\n  })\n  return css.trim()\n}\n\n/** Find @keyframes, @media, @container queries in css **/\nfunction findQueries(css: string) {\n  const queries = []\n  for (const m of css.matchAll(/[@&]/gm)) {\n    let query = ''\n    let bodyStart = 0\n    let openCount = 0\n    for (let i = m.index!; i < css.length; i++) {\n      if (css[i] === '{') {\n        if (openCount === 0) {\n          query = css.slice(m.index, i).trim()\n          bodyStart = i + 1\n        }\n        openCount++\n      } else if (css[i] === '}') {\n        openCount--\n        if (openCount === 0) {\n          queries.push({\n            start: m.index,\n            end: i + 1,\n            query,\n            outerBody: css.slice(m.index, i + 1),\n            innerBody: css.slice(bodyStart, i),\n          })\n          break\n        }\n      }\n    }\n    if (openCount !== 0) console.error(`${query} not closed: \"${css}\"`)\n  }\n  return queries\n}\n\n/** Trims whitespace for every line */\nfunction trim(css: string) {\n  return css\n    .split('\\n')\n    .map(l => l.trim())\n    .filter(l => l)\n    .join('\\n')\n}\n\n/**\n * Assemble a string from a template string array and a list of placeholders.\n *\n * - If the first argument is a string, it is returned as is.\n *\n * i.e.\n * myFoo(...props: TemplateStringProps) => {\n *  const inputStr = t2s(...props);\n * }\n * myFoo`hello ${name}` => 'hello world'\n * myFoo(`hello ${name}`) => 'hello world'\n */\nexport function t2s(...tsp: TemplateStringProps) {\n  const [s, ...p] = tsp\n  return typeof s === 'string' ? s : s.map((s, i) => s + (p?.[i] ?? '')).join('')\n}\nexport type TemplateStringProps = [\n  strings: TemplateStringsArray | string,\n  ...placeHolders: string[]\n]\n\n/**\n * Injects css to the page\n *\n * - Batches adds for performance\n *\n * @param css - css to be injected\n * @returns void\n */\nexport function addCss(css: string) {\n  addCss.que.add(css)\n  setTimeout(() => {\n    const css = [...addCss.que].join('\\n')\n    if (css) {\n      addCss.que.clear()\n      const s = document.createElement('style')\n      s.id = `u${addCss.count++}`\n      s.innerHTML = css\n      document.head.appendChild(s)\n    }\n  }, 0)\n}\naddCss.que = new Set<string>()\naddCss.count = 0\n\n/**\n * Injects css and creates unique class names\n *\n * - Skips if already added\n *\n * @param css - string or template string, to be injected\n * @returns a unique class name\n */\nexport function createClass(...p: TemplateStringProps) {\n  let css = t2s(...p)\n  if (!css) return ''\n  let className = createClass.history.get(css)\n  if (!className) {\n    className = 's' + createClass.count++\n    createClass.history.set(css, className)\n\n    css = deleteComments(css)\n    css = expandProps(css)\n    css = expandArrayValues(css)\n    const qs = findQueries(css)\n\n    for (const q of qs.reverse()) {\n      css = css.slice(0, q.start) + css.slice(q.end)\n    }\n\n    css = `.${className}{\\n${css}\\n}\\n`\n    css += qs\n      .map(q => {\n        if (q.query.startsWith('&')) {\n          return `.${className}${q.query.slice(1)}{\\n${q.innerBody}\\n}`\n        }\n        if (q.query.startsWith('@keyframes')) {\n          return q.outerBody\n        }\n        return `${q.query}{\\n.${className}{${q.innerBody}\\n}\\n}`\n      })\n      .join('\\n')\n\n    css = trim(css) + '\\n\\n'\n\n    addCss(css)\n  }\n  return className\n}\ncreateClass.count = 0\ncreateClass.history = new Map<string, string>()\n"],"mappings":"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","names":["breakPoints","classJoin","classes","c","deleteComments","css","expandArrayValues","l","_a","prop","vals","val","i","shorthandPropsMap","shorthandProps","expandProps","k","v","findQueries","queries","m","query","bodyStart","openCount","trim","t2s","tsp","s","p","addCss","createClass","className","qs","q"]}