simplestyle-js 3.2.2 → 3.2.3-beta.1

package/createStyles.d.ts

@@ -1,6 +1,6 @@
 import { Properties } from 'csstype';
 import { SimpleStyleRules } from './types';
-export declare type CreateStylesOptions = Partial<{
+export type CreateStylesOptions = Partial<{
     /**
      * If true, automatically renders generated styles
      * to the DOM in an injected <style /> tag
@@ -33,4 +33,4 @@ export default function createStyles<T extends SimpleStyleRules, K extends keyof
         stylesheet: string;
     } | null;
 };
-export declare type CreateStylesArgs = Parameters<typeof createStyles>;
+export type CreateStylesArgs = Parameters<typeof createStyles>;

package/createStyles.js

@@ -11,7 +11,10 @@ function formatCSSRuleName(rule) {
   return rule.replace(/([A-Z])/g, (p1) => `-${p1.toLowerCase()}`);
 }
 function formatCSSRules(cssRules) {
-  return Object.entries(cssRules).reduce((prev, [cssProp, cssVal]) => `${prev}${formatCSSRuleName(cssProp)}:${cssVal};`, "");
+  return Object.entries(cssRules).reduce(
+    (prev, [cssProp, cssVal]) => `${prev}${formatCSSRuleName(cssProp)}:${cssVal};`,
+    ""
+  );
 }
 function execCreateStyles(rules, options, parentSelector, noGenerateClassName = false) {
   const out = {};
@@ -30,7 +33,11 @@ function execCreateStyles(rules, options, parentSelector, noGenerateClassName =
         throw new Error("Unable to map @media query because rules / props are an invalid type");
       guardCloseRuleWrite();
       mediaQueriesBuffer += `${classNameOrCSSRule}{`;
-      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(classNameRules, options, parentSelector);
+      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(
+        classNameRules,
+        options,
+        parentSelector
+      );
       mediaQueriesBuffer += regularOutput;
       mediaQueriesBuffer += "}";
       mediaQueriesBuffer += mediaQueriesOutput;
@@ -40,7 +47,11 @@ function execCreateStyles(rules, options, parentSelector, noGenerateClassName =
       guardCloseRuleWrite();
       const replaced = classNameOrCSSRule.replace(/&/g, parentSelector);
       for (const selector of replaced.split(/,\s*/)) {
-        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(classNameRules, options, selector);
+        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(
+          classNameRules,
+          options,
+          selector
+        );
         sheetBuffer += regularOutput;
         mediaQueriesBuffer += mediaQueriesOutput;
       }
@@ -49,7 +60,11 @@ function execCreateStyles(rules, options, parentSelector, noGenerateClassName =
       const generated = noGenerateClassName ? classNameOrCSSRule : generateClassName(classNameOrCSSRule);
       out[classNameOrCSSRule] = generated;
       const generatedSelector = `${noGenerateClassName ? "" : "."}${generated}`;
-      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(classNameRules, options, generatedSelector);
+      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(
+        classNameRules,
+        options,
+        generatedSelector
+      );
       sheetBuffer += regularOutput;
       mediaQueriesBuffer += mediaQueriesOutput;
     } else {
@@ -116,7 +131,12 @@ function coerceCreateStylesOptions(options) {
 }
 function rawStyles(rules, options) {
   const coerced = coerceCreateStylesOptions(options);
-  const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(rules, coerced, null, true);
+  const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(
+    rules,
+    coerced,
+    null,
+    true
+  );
   const mergedContents = `${sheetContents}${mediaQueriesContents}`;
   if (coerced.flush)
     flushSheetContents(mergedContents, options);

package/createStyles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/createStyles.ts"],
   "sourcesContent": ["import { Properties } from 'csstype';\nimport merge from 'deepmerge';\n\nimport { generateClassName } from './generateClassName';\nimport { getPosthooks } from './plugins';\nimport { SimpleStyleRules } from './types';\n\nexport type CreateStylesOptions = Partial<{\n  /**\n   * If true, automatically renders generated styles\n   * to the DOM in an injected <style /> tag\n   */\n  flush: boolean;\n\n  /**\n   * If set, along with flush: true,\n   * will render the injected <style /> after this element\n   */\n  insertAfter?: HTMLElement;\n  /**\n   * If set, along with flush: true,\n   * will render the injects <style /> before this element\n   */\n  insertBefore?: HTMLElement;\n}>;\n\nfunction isNestedSelector(r: string): boolean {\n  return /&/g.test(r);\n}\n\nfunction isMedia(r: string): boolean {\n  return r.toLowerCase().startsWith('@media');\n}\n\nfunction formatCSSRuleName(rule: string): string {\n  return rule.replace(/([A-Z])/g, p1 => `-${p1.toLowerCase()}`);\n}\n\nfunction formatCSSRules(cssRules: Properties): string {\n  return Object.entries(cssRules).reduce(\n    (prev, [cssProp, cssVal]) => `${prev}${formatCSSRuleName(cssProp)}:${cssVal};`,\n    '',\n  );\n}\n\nfunction execCreateStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [classKey in K]: string }>(\n  rules: T,\n  options: CreateStylesOptions,\n  parentSelector: string | null,\n  noGenerateClassName: boolean = false,\n): { classes: O; sheetBuffer: string; mediaQueriesBuffer: string } {\n  const out = {} as O;\n  let sheetBuffer = '';\n  let mediaQueriesBuffer = '';\n  const styleEntries = Object.entries(rules);\n  let ruleWriteOpen = false;\n  const guardCloseRuleWrite = () => {\n    if (ruleWriteOpen) sheetBuffer += '}';\n    ruleWriteOpen = false;\n  };\n  for (const [classNameOrCSSRule, classNameRules] of styleEntries) {\n    // if the classNameRules is a string, we are dealing with a display: none; type rule\n    if (isMedia(classNameOrCSSRule)) {\n      if (typeof classNameRules !== 'object')\n        throw new Error('Unable to map @media query because rules / props are an invalid type');\n      guardCloseRuleWrite();\n      mediaQueriesBuffer += `${classNameOrCSSRule}{`;\n      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n        classNameRules as T,\n        options,\n        parentSelector,\n      );\n      mediaQueriesBuffer += regularOutput;\n      mediaQueriesBuffer += '}';\n      mediaQueriesBuffer += mediaQueriesOutput;\n    } else if (isNestedSelector(classNameOrCSSRule)) {\n      if (!parentSelector) throw new Error('Unable to generate nested rule because parentSelector is missing');\n      guardCloseRuleWrite();\n      // format of { '& > span': { display: 'none' } } (or further nesting)\n      const replaced = classNameOrCSSRule.replace(/&/g, parentSelector);\n      for (const selector of replaced.split(/,\\s*/)) {\n        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n          classNameRules as T,\n          options,\n          selector,\n        );\n        sheetBuffer += regularOutput;\n        mediaQueriesBuffer += mediaQueriesOutput;\n      }\n    } else if (!parentSelector && typeof classNameRules === 'object') {\n      guardCloseRuleWrite();\n      const generated = noGenerateClassName ? classNameOrCSSRule : generateClassName(classNameOrCSSRule);\n      (out as any)[classNameOrCSSRule] = generated;\n      const generatedSelector = `${noGenerateClassName ? '' : '.'}${generated}`;\n      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n        classNameRules as T,\n        options,\n        generatedSelector,\n      );\n      sheetBuffer += regularOutput;\n      mediaQueriesBuffer += mediaQueriesOutput;\n    } else {\n      if (!parentSelector) throw new Error('Unable to write css props because parent selector is null');\n      if (!ruleWriteOpen) {\n        sheetBuffer += `${parentSelector}{${formatCSSRules({ [classNameOrCSSRule]: classNameRules })}`;\n        ruleWriteOpen = true;\n      } else sheetBuffer += formatCSSRules({ [classNameOrCSSRule]: classNameRules });\n    }\n  }\n  guardCloseRuleWrite();\n  return {\n    classes: out,\n    sheetBuffer,\n    mediaQueriesBuffer,\n  };\n}\n\nfunction replaceBackReferences<O extends { [key: string]: string }>(out: O, sheetContents: string): string {\n  let outputSheetContents = sheetContents;\n  const toReplace: string[] = [];\n  const toReplaceRegex = /\\$\\w([a-zA-Z0-9_-]+)?/gm;\n  let matches = toReplaceRegex.exec(outputSheetContents);\n  while (matches) {\n    toReplace.push(matches[0].valueOf());\n    matches = toReplaceRegex.exec(outputSheetContents);\n  }\n  for (const r of toReplace) {\n    outputSheetContents = outputSheetContents.replace(r, `.${out[r.substring(1)]}`);\n  }\n  return getPosthooks().reduce((prev, hook) => hook(prev), outputSheetContents);\n}\n\nfunction createSheet(sheetContents: string) {\n  if (typeof document === 'undefined') return null;\n  if (typeof document?.head?.appendChild !== 'function' || typeof document?.createElement !== 'function') return null;\n  const styleTag = document.createElement('style');\n  styleTag.innerHTML = sheetContents;\n  return styleTag;\n}\n\nfunction flushSheetContents(sheetContents: string, options?: CreateStylesOptions) {\n  // In case we're in come weird test environment that doesn't support JSDom\n  const styleTag = createSheet(sheetContents);\n  if (styleTag) {\n    if (options?.insertAfter && options?.insertBefore) {\n      throw new Error('Both insertAfter and insertBefore were provided. Please choose only one.');\n    }\n    if (options?.insertAfter?.after) options.insertAfter.after(styleTag as Node);\n    else if (options?.insertBefore?.before) options.insertBefore.before(styleTag as Node);\n    else document.head.appendChild(styleTag);\n  }\n  return styleTag;\n}\n\nfunction coerceCreateStylesOptions(options?: CreateStylesOptions): CreateStylesOptions {\n  return {\n    flush: options && typeof options.flush === 'boolean' ? options.flush : true,\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function rawStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [key in K]: string }>(\n  rules: T,\n  options?: Partial<CreateStylesOptions>,\n) {\n  const coerced = coerceCreateStylesOptions(options);\n  const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(\n    rules,\n    coerced,\n    null,\n    true,\n  );\n\n  const mergedContents = `${sheetContents}${mediaQueriesContents}`;\n\n  if (coerced.flush) flushSheetContents(mergedContents, options);\n  return mergedContents;\n}\n\nexport function keyframes<T extends { [increment: string]: Properties }>(\n  frames: T,\n  options?: CreateStylesOptions,\n): [string, string] {\n  const coerced = coerceCreateStylesOptions(options);\n  const keyframeName = generateClassName('keyframes_');\n  const { sheetBuffer: keyframesContents } = execCreateStyles(frames, coerced, null, true);\n  const sheetContents = `@keyframes ${keyframeName}{${keyframesContents}}`;\n  if (coerced.flush) flushSheetContents(sheetContents);\n  return [keyframeName, sheetContents];\n}\n\nexport default function createStyles<\n  T extends SimpleStyleRules,\n  K extends keyof T,\n  O extends { [classKey in K]: string },\n>(rules: T, options?: Partial<CreateStylesOptions>) {\n  const coerced = coerceCreateStylesOptions(options);\n  const {\n    classes: out,\n    sheetBuffer: sheetContents,\n    mediaQueriesBuffer: mediaQueriesContents,\n  } = execCreateStyles(rules, coerced, null);\n\n  const mergedContents = `${sheetContents}${mediaQueriesContents}`;\n\n  const replacedSheetContents = replaceBackReferences(out, mergedContents);\n\n  let sheet: ReturnType<typeof flushSheetContents> = null;\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const updateSheet = <T2 extends SimpleStyleRules, K2 extends keyof T2, O2 extends { [classKey in K2]: string }>(\n    updatedRules: Partial<T2>,\n  ) => {\n    if (((options?.flush && sheet) || !options?.flush) && updatedRules) {\n      // We prefer the first set, and then we shallow merge\n      const {\n        classes: updatedOut,\n        sheetBuffer: updatedSheetContents,\n        mediaQueriesBuffer: updatedMediaQueriesContents,\n      } = execCreateStyles(merge(rules, updatedRules), { flush: false }, null);\n\n      const updatedMergedContents = `${updatedSheetContents}${updatedMediaQueriesContents}`;\n\n      const updatedReplacedSheetContents = replaceBackReferences(out, updatedMergedContents);\n      if (sheet) sheet.innerHTML = updatedReplacedSheetContents;\n      return { classes: updatedOut, stylesheet: updatedSheetContents } as {\n        classes: typeof updatedOut;\n        stylesheet: string;\n      };\n    }\n    return null;\n  };\n\n  if (coerced.flush) sheet = flushSheetContents(replacedSheetContents, options);\n  // Need this TS cast to get solid code assist from the consumption-side\n  return {\n    classes: out as unknown,\n    stylesheet: replacedSheetContents,\n    updateSheet,\n  } as {\n    classes: O;\n    stylesheet: string;\n    updateSheet: typeof updateSheet;\n  };\n}\n\nexport type CreateStylesArgs = Parameters<typeof createStyles>;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/generateClassName.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/generateClassName.ts"],
   "sourcesContent": ["import numToAlpha from './numToAlpha';\n\nlet inc = Date.now();\n\nexport function setSeed(seed: number | null): void {\n  if (seed === null) {\n    inc = Date.now();\n    return;\n  }\n  if (typeof seed !== 'number') throw Error('Unable to setSeed as provided seed was not a valid number');\n  if (seed === Number.MAX_SAFE_INTEGER)\n    throw Error('Unable to setSeed because the seed was already the maximum safe JavaScript number allowed');\n  if (seed === Number.POSITIVE_INFINITY || seed === Number.NEGATIVE_INFINITY)\n    throw new Error('Unable to setSeed. Positive or negative infinity is not allowed');\n  if (seed < 0) throw new Error('Unable to setSeed. Seed must be a number >= 0');\n  inc = seed;\n}\n\nconst numPairsRegex = /(\\d{1,2})/g;\n\nexport function getUniqueSuffix(): string {\n  const numPairs: string[] = [];\n  const incStr = inc.toString();\n  let result = numPairsRegex.exec(incStr);\n  while (result) {\n    numPairs.push(result[0]);\n    result = numPairsRegex.exec(incStr);\n  }\n  let out = '_';\n  numPairs.forEach(pair => {\n    const val = +pair;\n    if (val > 25) {\n      const [first, second] = pair.split('');\n      out += `${numToAlpha(+first)}${numToAlpha(+second)}`;\n    } else out += numToAlpha(val);\n  });\n  inc += 1;\n  return out;\n}\n\nexport function generateClassName(c: string): string {\n  return `${c}${getUniqueSuffix()}`;\n}\n"],
-  "mappings": "AAAA;AAEA,IAAI,MAAM,KAAK,IAAI;AAEZ,iBAAiB,MAA2B;AACjD,MAAI,SAAS,MAAM;AACjB,UAAM,KAAK,IAAI;AACf;AAAA,EACF;AACA,MAAI,OAAO,SAAS;AAAU,UAAM,MAAM,2DAA2D;AACrG,MAAI,SAAS,OAAO;AAClB,UAAM,MAAM,2FAA2F;AACzG,MAAI,SAAS,OAAO,qBAAqB,SAAS,OAAO;AACvD,UAAM,IAAI,MAAM,iEAAiE;AACnF,MAAI,OAAO;AAAG,UAAM,IAAI,MAAM,+CAA+C;AAC7E,QAAM;AACR;AAEA,MAAM,gBAAgB;AAEf,2BAAmC;AACxC,QAAM,WAAqB,CAAC;AAC5B,QAAM,SAAS,IAAI,SAAS;AAC5B,MAAI,SAAS,cAAc,KAAK,MAAM;AACtC,SAAO,QAAQ;AACb,aAAS,KAAK,OAAO,EAAE;AACvB,aAAS,cAAc,KAAK,MAAM;AAAA,EACpC;AACA,MAAI,MAAM;AACV,WAAS,QAAQ,UAAQ;AACvB,UAAM,MAAM,CAAC;AACb,QAAI,MAAM,IAAI;AACZ,YAAM,CAAC,OAAO,UAAU,KAAK,MAAM,EAAE;AACrC,aAAO,GAAG,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,MAAM;AAAA,IACnD;AAAO,aAAO,WAAW,GAAG;AAAA,EAC9B,CAAC;AACD,SAAO;AACP,SAAO;AACT;AAEO,2BAA2B,GAAmB;AACnD,SAAO,GAAG,IAAI,gBAAgB;AAChC;",
+  "mappings": "AAAA,OAAO,gBAAgB;AAEvB,IAAI,MAAM,KAAK,IAAI;AAEZ,SAAS,QAAQ,MAA2B;AACjD,MAAI,SAAS,MAAM;AACjB,UAAM,KAAK,IAAI;AACf;AAAA,EACF;AACA,MAAI,OAAO,SAAS;AAAU,UAAM,MAAM,2DAA2D;AACrG,MAAI,SAAS,OAAO;AAClB,UAAM,MAAM,2FAA2F;AACzG,MAAI,SAAS,OAAO,qBAAqB,SAAS,OAAO;AACvD,UAAM,IAAI,MAAM,iEAAiE;AACnF,MAAI,OAAO;AAAG,UAAM,IAAI,MAAM,+CAA+C;AAC7E,QAAM;AACR;AAEA,MAAM,gBAAgB;AAEf,SAAS,kBAA0B;AACxC,QAAM,WAAqB,CAAC;AAC5B,QAAM,SAAS,IAAI,SAAS;AAC5B,MAAI,SAAS,cAAc,KAAK,MAAM;AACtC,SAAO,QAAQ;AACb,aAAS,KAAK,OAAO,CAAC,CAAC;AACvB,aAAS,cAAc,KAAK,MAAM;AAAA,EACpC;AACA,MAAI,MAAM;AACV,WAAS,QAAQ,UAAQ;AACvB,UAAM,MAAM,CAAC;AACb,QAAI,MAAM,IAAI;AACZ,YAAM,CAAC,OAAO,MAAM,IAAI,KAAK,MAAM,EAAE;AACrC,aAAO,GAAG,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,MAAM;AAAA,IACnD;AAAO,aAAO,WAAW,GAAG;AAAA,EAC9B,CAAC;AACD,SAAO;AACP,SAAO;AACT;AAEO,SAAS,kBAAkB,GAAmB;AACnD,SAAO,GAAG,IAAI,gBAAgB;AAChC;",
   "names": []
 }

package/index.cjs.js

@@ -17,7 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -102,7 +109,10 @@ function formatCSSRuleName(rule) {
   return rule.replace(/([A-Z])/g, (p1) => `-${p1.toLowerCase()}`);
 }
 function formatCSSRules(cssRules) {
-  return Object.entries(cssRules).reduce((prev, [cssProp, cssVal]) => `${prev}${formatCSSRuleName(cssProp)}:${cssVal};`, "");
+  return Object.entries(cssRules).reduce(
+    (prev, [cssProp, cssVal]) => `${prev}${formatCSSRuleName(cssProp)}:${cssVal};`,
+    ""
+  );
 }
 function execCreateStyles(rules, options, parentSelector, noGenerateClassName = false) {
   const out = {};
@@ -121,7 +131,11 @@ function execCreateStyles(rules, options, parentSelector, noGenerateClassName =
         throw new Error("Unable to map @media query because rules / props are an invalid type");
       guardCloseRuleWrite();
       mediaQueriesBuffer += `${classNameOrCSSRule}{`;
-      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(classNameRules, options, parentSelector);
+      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(
+        classNameRules,
+        options,
+        parentSelector
+      );
       mediaQueriesBuffer += regularOutput;
       mediaQueriesBuffer += "}";
       mediaQueriesBuffer += mediaQueriesOutput;
@@ -131,7 +145,11 @@ function execCreateStyles(rules, options, parentSelector, noGenerateClassName =
       guardCloseRuleWrite();
       const replaced = classNameOrCSSRule.replace(/&/g, parentSelector);
       for (const selector of replaced.split(/,\s*/)) {
-        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(classNameRules, options, selector);
+        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(
+          classNameRules,
+          options,
+          selector
+        );
         sheetBuffer += regularOutput;
         mediaQueriesBuffer += mediaQueriesOutput;
       }
@@ -140,7 +158,11 @@ function execCreateStyles(rules, options, parentSelector, noGenerateClassName =
       const generated = noGenerateClassName ? classNameOrCSSRule : generateClassName(classNameOrCSSRule);
       out[classNameOrCSSRule] = generated;
       const generatedSelector = `${noGenerateClassName ? "" : "."}${generated}`;
-      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(classNameRules, options, generatedSelector);
+      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(
+        classNameRules,
+        options,
+        generatedSelector
+      );
       sheetBuffer += regularOutput;
       mediaQueriesBuffer += mediaQueriesOutput;
     } else {
@@ -207,7 +229,12 @@ function coerceCreateStylesOptions(options) {
 }
 function rawStyles(rules, options) {
   const coerced = coerceCreateStylesOptions(options);
-  const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(rules, coerced, null, true);
+  const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(
+    rules,
+    coerced,
+    null,
+    true
+  );
   const mergedContents = `${sheetContents}${mediaQueriesContents}`;
   if (coerced.flush)
     flushSheetContents(mergedContents, options);

package/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts", "../../src/createStyles.ts", "../../src/numToAlpha.ts", "../../src/generateClassName.ts", "../../src/plugins.ts"],
   "sourcesContent": ["export type { CreateStylesArgs, CreateStylesOptions } from './createStyles';\nexport { default as createStyles, keyframes, rawStyles } from './createStyles';\nexport { setSeed } from './generateClassName';\nexport type { PosthookPlugin } from './plugins';\nexport { registerPosthook } from './plugins';\nexport type { SimpleStyleRules } from './types';\n", "import { Properties } from 'csstype';\nimport merge from 'deepmerge';\n\nimport { generateClassName } from './generateClassName';\nimport { getPosthooks } from './plugins';\nimport { SimpleStyleRules } from './types';\n\nexport type CreateStylesOptions = Partial<{\n  /**\n   * If true, automatically renders generated styles\n   * to the DOM in an injected <style /> tag\n   */\n  flush: boolean;\n\n  /**\n   * If set, along with flush: true,\n   * will render the injected <style /> after this element\n   */\n  insertAfter?: HTMLElement;\n  /**\n   * If set, along with flush: true,\n   * will render the injects <style /> before this element\n   */\n  insertBefore?: HTMLElement;\n}>;\n\nfunction isNestedSelector(r: string): boolean {\n  return /&/g.test(r);\n}\n\nfunction isMedia(r: string): boolean {\n  return r.toLowerCase().startsWith('@media');\n}\n\nfunction formatCSSRuleName(rule: string): string {\n  return rule.replace(/([A-Z])/g, p1 => `-${p1.toLowerCase()}`);\n}\n\nfunction formatCSSRules(cssRules: Properties): string {\n  return Object.entries(cssRules).reduce(\n    (prev, [cssProp, cssVal]) => `${prev}${formatCSSRuleName(cssProp)}:${cssVal};`,\n    '',\n  );\n}\n\nfunction execCreateStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [classKey in K]: string }>(\n  rules: T,\n  options: CreateStylesOptions,\n  parentSelector: string | null,\n  noGenerateClassName: boolean = false,\n): { classes: O; sheetBuffer: string; mediaQueriesBuffer: string } {\n  const out = {} as O;\n  let sheetBuffer = '';\n  let mediaQueriesBuffer = '';\n  const styleEntries = Object.entries(rules);\n  let ruleWriteOpen = false;\n  const guardCloseRuleWrite = () => {\n    if (ruleWriteOpen) sheetBuffer += '}';\n    ruleWriteOpen = false;\n  };\n  for (const [classNameOrCSSRule, classNameRules] of styleEntries) {\n    // if the classNameRules is a string, we are dealing with a display: none; type rule\n    if (isMedia(classNameOrCSSRule)) {\n      if (typeof classNameRules !== 'object')\n        throw new Error('Unable to map @media query because rules / props are an invalid type');\n      guardCloseRuleWrite();\n      mediaQueriesBuffer += `${classNameOrCSSRule}{`;\n      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n        classNameRules as T,\n        options,\n        parentSelector,\n      );\n      mediaQueriesBuffer += regularOutput;\n      mediaQueriesBuffer += '}';\n      mediaQueriesBuffer += mediaQueriesOutput;\n    } else if (isNestedSelector(classNameOrCSSRule)) {\n      if (!parentSelector) throw new Error('Unable to generate nested rule because parentSelector is missing');\n      guardCloseRuleWrite();\n      // format of { '& > span': { display: 'none' } } (or further nesting)\n      const replaced = classNameOrCSSRule.replace(/&/g, parentSelector);\n      for (const selector of replaced.split(/,\\s*/)) {\n        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n          classNameRules as T,\n          options,\n          selector,\n        );\n        sheetBuffer += regularOutput;\n        mediaQueriesBuffer += mediaQueriesOutput;\n      }\n    } else if (!parentSelector && typeof classNameRules === 'object') {\n      guardCloseRuleWrite();\n      const generated = noGenerateClassName ? classNameOrCSSRule : generateClassName(classNameOrCSSRule);\n      (out as any)[classNameOrCSSRule] = generated;\n      const generatedSelector = `${noGenerateClassName ? '' : '.'}${generated}`;\n      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n        classNameRules as T,\n        options,\n        generatedSelector,\n      );\n      sheetBuffer += regularOutput;\n      mediaQueriesBuffer += mediaQueriesOutput;\n    } else {\n      if (!parentSelector) throw new Error('Unable to write css props because parent selector is null');\n      if (!ruleWriteOpen) {\n        sheetBuffer += `${parentSelector}{${formatCSSRules({ [classNameOrCSSRule]: classNameRules })}`;\n        ruleWriteOpen = true;\n      } else sheetBuffer += formatCSSRules({ [classNameOrCSSRule]: classNameRules });\n    }\n  }\n  guardCloseRuleWrite();\n  return {\n    classes: out,\n    sheetBuffer,\n    mediaQueriesBuffer,\n  };\n}\n\nfunction replaceBackReferences<O extends { [key: string]: string }>(out: O, sheetContents: string): string {\n  let outputSheetContents = sheetContents;\n  const toReplace: string[] = [];\n  const toReplaceRegex = /\\$\\w([a-zA-Z0-9_-]+)?/gm;\n  let matches = toReplaceRegex.exec(outputSheetContents);\n  while (matches) {\n    toReplace.push(matches[0].valueOf());\n    matches = toReplaceRegex.exec(outputSheetContents);\n  }\n  for (const r of toReplace) {\n    outputSheetContents = outputSheetContents.replace(r, `.${out[r.substring(1)]}`);\n  }\n  return getPosthooks().reduce((prev, hook) => hook(prev), outputSheetContents);\n}\n\nfunction createSheet(sheetContents: string) {\n  if (typeof document === 'undefined') return null;\n  if (typeof document?.head?.appendChild !== 'function' || typeof document?.createElement !== 'function') return null;\n  const styleTag = document.createElement('style');\n  styleTag.innerHTML = sheetContents;\n  return styleTag;\n}\n\nfunction flushSheetContents(sheetContents: string, options?: CreateStylesOptions) {\n  // In case we're in come weird test environment that doesn't support JSDom\n  const styleTag = createSheet(sheetContents);\n  if (styleTag) {\n    if (options?.insertAfter && options?.insertBefore) {\n      throw new Error('Both insertAfter and insertBefore were provided. Please choose only one.');\n    }\n    if (options?.insertAfter?.after) options.insertAfter.after(styleTag as Node);\n    else if (options?.insertBefore?.before) options.insertBefore.before(styleTag as Node);\n    else document.head.appendChild(styleTag);\n  }\n  return styleTag;\n}\n\nfunction coerceCreateStylesOptions(options?: CreateStylesOptions): CreateStylesOptions {\n  return {\n    flush: options && typeof options.flush === 'boolean' ? options.flush : true,\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function rawStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [key in K]: string }>(\n  rules: T,\n  options?: Partial<CreateStylesOptions>,\n) {\n  const coerced = coerceCreateStylesOptions(options);\n  const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(\n    rules,\n    coerced,\n    null,\n    true,\n  );\n\n  const mergedContents = `${sheetContents}${mediaQueriesContents}`;\n\n  if (coerced.flush) flushSheetContents(mergedContents, options);\n  return mergedContents;\n}\n\nexport function keyframes<T extends { [increment: string]: Properties }>(\n  frames: T,\n  options?: CreateStylesOptions,\n): [string, string] {\n  const coerced = coerceCreateStylesOptions(options);\n  const keyframeName = generateClassName('keyframes_');\n  const { sheetBuffer: keyframesContents } = execCreateStyles(frames, coerced, null, true);\n  const sheetContents = `@keyframes ${keyframeName}{${keyframesContents}}`;\n  if (coerced.flush) flushSheetContents(sheetContents);\n  return [keyframeName, sheetContents];\n}\n\nexport default function createStyles<\n  T extends SimpleStyleRules,\n  K extends keyof T,\n  O extends { [classKey in K]: string },\n>(rules: T, options?: Partial<CreateStylesOptions>) {\n  const coerced = coerceCreateStylesOptions(options);\n  const {\n    classes: out,\n    sheetBuffer: sheetContents,\n    mediaQueriesBuffer: mediaQueriesContents,\n  } = execCreateStyles(rules, coerced, null);\n\n  const mergedContents = `${sheetContents}${mediaQueriesContents}`;\n\n  const replacedSheetContents = replaceBackReferences(out, mergedContents);\n\n  let sheet: ReturnType<typeof flushSheetContents> = null;\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const updateSheet = <T2 extends SimpleStyleRules, K2 extends keyof T2, O2 extends { [classKey in K2]: string }>(\n    updatedRules: Partial<T2>,\n  ) => {\n    if (((options?.flush && sheet) || !options?.flush) && updatedRules) {\n      // We prefer the first set, and then we shallow merge\n      const {\n        classes: updatedOut,\n        sheetBuffer: updatedSheetContents,\n        mediaQueriesBuffer: updatedMediaQueriesContents,\n      } = execCreateStyles(merge(rules, updatedRules), { flush: false }, null);\n\n      const updatedMergedContents = `${updatedSheetContents}${updatedMediaQueriesContents}`;\n\n      const updatedReplacedSheetContents = replaceBackReferences(out, updatedMergedContents);\n      if (sheet) sheet.innerHTML = updatedReplacedSheetContents;\n      return { classes: updatedOut, stylesheet: updatedSheetContents } as {\n        classes: typeof updatedOut;\n        stylesheet: string;\n      };\n    }\n    return null;\n  };\n\n  if (coerced.flush) sheet = flushSheetContents(replacedSheetContents, options);\n  // Need this TS cast to get solid code assist from the consumption-side\n  return {\n    classes: out as unknown,\n    stylesheet: replacedSheetContents,\n    updateSheet,\n  } as {\n    classes: O;\n    stylesheet: string;\n    updateSheet: typeof updateSheet;\n  };\n}\n\nexport type CreateStylesArgs = Parameters<typeof createStyles>;\n", "const alphas = 'abcdefghijklmnopqrstuvwxyz'.split('');\n\nexport default function numToAlpha(num: number): string {\n  return alphas[num];\n}\n", "import numToAlpha from './numToAlpha';\n\nlet inc = Date.now();\n\nexport function setSeed(seed: number | null): void {\n  if (seed === null) {\n    inc = Date.now();\n    return;\n  }\n  if (typeof seed !== 'number') throw Error('Unable to setSeed as provided seed was not a valid number');\n  if (seed === Number.MAX_SAFE_INTEGER)\n    throw Error('Unable to setSeed because the seed was already the maximum safe JavaScript number allowed');\n  if (seed === Number.POSITIVE_INFINITY || seed === Number.NEGATIVE_INFINITY)\n    throw new Error('Unable to setSeed. Positive or negative infinity is not allowed');\n  if (seed < 0) throw new Error('Unable to setSeed. Seed must be a number >= 0');\n  inc = seed;\n}\n\nconst numPairsRegex = /(\\d{1,2})/g;\n\nexport function getUniqueSuffix(): string {\n  const numPairs: string[] = [];\n  const incStr = inc.toString();\n  let result = numPairsRegex.exec(incStr);\n  while (result) {\n    numPairs.push(result[0]);\n    result = numPairsRegex.exec(incStr);\n  }\n  let out = '_';\n  numPairs.forEach(pair => {\n    const val = +pair;\n    if (val > 25) {\n      const [first, second] = pair.split('');\n      out += `${numToAlpha(+first)}${numToAlpha(+second)}`;\n    } else out += numToAlpha(val);\n  });\n  inc += 1;\n  return out;\n}\n\nexport function generateClassName(c: string): string {\n  return `${c}${getUniqueSuffix()}`;\n}\n", "export type PosthookPlugin = (sheetContents: string) => string;\n\nconst posthooks: PosthookPlugin[] = [];\n\nexport function getPosthooks(): PosthookPlugin[] {\n  return posthooks;\n}\n\nexport function registerPosthook(posthook: PosthookPlugin) {\n  posthooks.push(posthook);\n}\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["merge"]
 }

package/numToAlpha.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/numToAlpha.ts"],
   "sourcesContent": ["const alphas = 'abcdefghijklmnopqrstuvwxyz'.split('');\n\nexport default function numToAlpha(num: number): string {\n  return alphas[num];\n}\n"],
-  "mappings": "AAAA,MAAM,SAAS,6BAA6B,MAAM,EAAE;AAErC,oBAAoB,KAAqB;AACtD,SAAO,OAAO;AAChB;",
+  "mappings": "AAAA,MAAM,SAAS,6BAA6B,MAAM,EAAE;AAErC,SAAR,WAA4B,KAAqB;AACtD,SAAO,OAAO,GAAG;AACnB;",
   "names": []
 }

package/package.json

@@ -1,11 +1,27 @@
 {
   "name": "simplestyle-js",
-  "version": "3.2.2",
+  "version": "3.2.3-beta.1",
   "description": "An incredibly straightforward and simple CSS-in-JS solution with zero runtime dependencies, and out-of-the-box TypeScript support",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/benduran/simplestyle.git"
   },
+  "scripts": {
+    "build": "run-s clean build:package copy",
+    "build:package": "package-bundler -c -r -t ./tsconfig.build.json",
+    "clean": "rm -rf ./dist",
+    "copy": "cp ./README.md ./dist && cp ./LICENSE ./dist",
+    "coveralls": "run-s test:coverage coverage:pipe",
+    "coverage:pipe": "cat ./coverage/lcov.info | coveralls",
+    "lint": "eslint './src/**/*.ts'",
+    "lint:fixall": "eslint './src/**/*.ts' --fix",
+    "setup": "npm install -g pnpm@$(cat pnpm-version) && pnpm install",
+    "test:coverage": "jest --coverage",
+    "test": "jest --env jsdom",
+    "test:watch": "jest --watch --env jsdom",
+    "test:debug": "node --inspect-brk ./node_modules/.bin/jest",
+    "git-pre-commit": "pnpm lint && pnpm test"
+  },
   "keywords": [
     "CSS-in-JS",
     "CSS",
@@ -16,57 +32,42 @@
   "author": "Benjamin Duran <stratodyne@gmail.com>",
   "license": "MIT",
   "devDependencies": {
-    "@better-builds/package-bundler": "^1.3.1",
-    "@jest/types": "^28.1.1",
-    "@testing-library/react": "^13.3.0",
+    "@better-builds/package-bundler": "^1.5.0",
+    "@jest/types": "^29.5.0",
+    "@testing-library/react": "^14.0.0",
     "@types/autoprefixer": "^10.2.0",
-    "@types/jest": "^28.1.4",
-    "@types/jsdom": "^16.2.14",
-    "@types/react": "^18.0.15",
-    "@types/react-dom": "^18.0.6",
-    "@zeit/git-hooks": "^0.1.4",
-    "autoprefixer": "^10.4.7",
-    "babel-jest": "^28.1.2",
+    "@types/jest": "^29.5.0",
+    "@types/jsdom": "^21.1.1",
+    "@types/react": "^18.0.35",
+    "@types/react-dom": "^18.0.11",
+    "@vercel/git-hooks": "^1.0.0",
+    "autoprefixer": "^10.4.14",
+    "babel-jest": "^29.5.0",
     "coveralls": "^3.1.1",
-    "eslint-config-react-yas": "^2.0.0",
-    "jest": "^28.1.2",
-    "jest-environment-jsdom": "^28.1.2",
-    "jsdom": "^20.0.0",
+    "eslint-config-react-yas": "^4.0.0",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "jsdom": "^21.1.1",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.14",
+    "postcss": "^8.4.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "ts-jest": "^28.0.5",
-    "ts-node": "^10.8.2",
-    "typescript": "^4.7.4"
+    "ts-jest": "^29.1.0",
+    "ts-node": "^10.9.1",
+    "typescript": "^5.0.4"
   },
   "dependencies": {
-    "csstype": "^3.1.0",
-    "deepmerge": "^4.2.2"
+    "csstype": "^3.1.2",
+    "deepmerge": "^4.3.1"
   },
   "peerDependencies": {
     "react": ">=16.8"
   },
-  "resolutions": {
-    "eslint": "7.29.0"
+  "engines": {
+    "node": "^18.15.0",
+    "npm": "^9.2.0"
   },
   "main": "./index.cjs.js",
   "module": "./index.js",
-  "types": "./index.d.ts",
-  "scripts": {
-    "build": "run-s clean build:package copy",
-    "build:package": "package-bundler -c -r -t ./tsconfig.build.json",
-    "clean": "rm -rf ./dist",
-    "copy": "cp ./README.md ./dist && cp ./LICENSE ./dist",
-    "coveralls": "run-s test:coverage coverage:pipe",
-    "coverage:pipe": "cat ./coverage/lcov.info | coveralls",
-    "lint": "eslint './src/**/*.ts'",
-    "lint:fixall": "eslint './src/**/*.ts' --fix",
-    "setup": "npm install -g pnpm@$(cat pnpm-version) && pnpm install",
-    "test:coverage": "jest --coverage",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:debug": "node --inspect-brk ./node_modules/.bin/jest",
-    "git-pre-commit": "pnpm lint && pnpm test"
-  }
+  "types": "./index.d.ts"
 }

package/plugins.d.ts

@@ -1,3 +1,3 @@
-export declare type PosthookPlugin = (sheetContents: string) => string;
+export type PosthookPlugin = (sheetContents: string) => string;
 export declare function getPosthooks(): PosthookPlugin[];
 export declare function registerPosthook(posthook: PosthookPlugin): void;

package/plugins.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/plugins.ts"],
   "sourcesContent": ["export type PosthookPlugin = (sheetContents: string) => string;\n\nconst posthooks: PosthookPlugin[] = [];\n\nexport function getPosthooks(): PosthookPlugin[] {\n  return posthooks;\n}\n\nexport function registerPosthook(posthook: PosthookPlugin) {\n  posthooks.push(posthook);\n}\n"],
-  "mappings": "AAEA,MAAM,YAA8B,CAAC;AAE9B,wBAA0C;AAC/C,SAAO;AACT;AAEO,0BAA0B,UAA0B;AACzD,YAAU,KAAK,QAAQ;AACzB;",
+  "mappings": "AAEA,MAAM,YAA8B,CAAC;AAE9B,SAAS,eAAiC;AAC/C,SAAO;AACT;AAEO,SAAS,iBAAiB,UAA0B;AACzD,YAAU,KAAK,QAAQ;AACzB;",
   "names": []
 }

package/react/index.cjs.js

@@ -17,7 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/react/index.ts
@@ -27,8 +34,8 @@ __export(react_exports, {
 });
 module.exports = __toCommonJS(react_exports);
 
-// src/react/useCreateStyles.ts
-var import_react = require("react");
+// src/react/useCreateStyles.tsx
+var import_react = __toESM(require("react"));
 
 // src/createStyles.ts
 var import_deepmerge = __toESM(require("deepmerge"));
@@ -83,7 +90,10 @@ function formatCSSRuleName(rule) {
   return rule.replace(/([A-Z])/g, (p1) => `-${p1.toLowerCase()}`);
 }
 function formatCSSRules(cssRules) {
-  return Object.entries(cssRules).reduce((prev, [cssProp, cssVal]) => `${prev}${formatCSSRuleName(cssProp)}:${cssVal};`, "");
+  return Object.entries(cssRules).reduce(
+    (prev, [cssProp, cssVal]) => `${prev}${formatCSSRuleName(cssProp)}:${cssVal};`,
+    ""
+  );
 }
 function execCreateStyles(rules, options, parentSelector, noGenerateClassName = false) {
   const out = {};
@@ -102,7 +112,11 @@ function execCreateStyles(rules, options, parentSelector, noGenerateClassName =
         throw new Error("Unable to map @media query because rules / props are an invalid type");
       guardCloseRuleWrite();
       mediaQueriesBuffer += `${classNameOrCSSRule}{`;
-      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(classNameRules, options, parentSelector);
+      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(
+        classNameRules,
+        options,
+        parentSelector
+      );
       mediaQueriesBuffer += regularOutput;
       mediaQueriesBuffer += "}";
       mediaQueriesBuffer += mediaQueriesOutput;
@@ -112,7 +126,11 @@ function execCreateStyles(rules, options, parentSelector, noGenerateClassName =
       guardCloseRuleWrite();
       const replaced = classNameOrCSSRule.replace(/&/g, parentSelector);
       for (const selector of replaced.split(/,\s*/)) {
-        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(classNameRules, options, selector);
+        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(
+          classNameRules,
+          options,
+          selector
+        );
         sheetBuffer += regularOutput;
         mediaQueriesBuffer += mediaQueriesOutput;
       }
@@ -121,7 +139,11 @@ function execCreateStyles(rules, options, parentSelector, noGenerateClassName =
       const generated = noGenerateClassName ? classNameOrCSSRule : generateClassName(classNameOrCSSRule);
       out[classNameOrCSSRule] = generated;
       const generatedSelector = `${noGenerateClassName ? "" : "."}${generated}`;
-      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(classNameRules, options, generatedSelector);
+      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(
+        classNameRules,
+        options,
+        generatedSelector
+      );
       sheetBuffer += regularOutput;
       mediaQueriesBuffer += mediaQueriesOutput;
     } else {
@@ -240,36 +262,48 @@ function deepEqual(o1, o2) {
   }, true);
 }
 
-// src/react/useCreateStyles.ts
+// src/react/useCreateStyles.tsx
 function useCreateStyles(rules, options) {
-  const [cachedRules, setCachedRules] = (0, import_react.useState)(() => rules);
-  const cachedOptions = (0, import_react.useMemo)(() => ({ ...options }), [options]);
-  const didFirstWriteRef = (0, import_react.useRef)(false);
-  const styleTagRef = (0, import_react.useRef)(typeof document !== "undefined" ? document.createElement("style") : null);
-  const [{ classes, stylesheet, updateSheet }, setCreateStyles] = (0, import_react.useState)(() => createStyles(rules, { ...cachedOptions, flush: false }));
-  (0, import_react.useEffect)(() => {
+  const [cachedRules, setCachedRules] = import_react.default.useState(() => rules);
+  const [{ classes, stylesheet, updateSheet }, setCreateStyles] = import_react.default.useState(
+    () => createStyles(rules, { ...options, flush: false })
+  );
+  const didFirstWriteRef = import_react.default.useRef(false);
+  const styleTagRef = import_react.default.useRef(typeof document !== "undefined" ? document.createElement("style") : null);
+  const rulesRef = import_react.default.useRef(rules);
+  const cachedRulesRef = import_react.default.useRef(cachedRules);
+  rulesRef.current = rules;
+  cachedRulesRef.current = cachedRules;
+  const rulesChanged = !deepEqual(rulesRef.current, cachedRulesRef.current);
+  const styleTag = import_react.default.useMemo(() => {
+    if (styleTagRef.current)
+      return null;
+    return /* @__PURE__ */ import_react.default.createElement("style", { dangerouslySetInnerHTML: { __html: stylesheet } });
+  }, [stylesheet]);
+  import_react.default.useEffect(() => {
     if (!styleTagRef.current)
       return;
     const { current: s } = styleTagRef;
     document.head.appendChild(s);
     return () => s.remove();
   }, []);
-  (0, import_react.useEffect)(() => {
+  import_react.default.useEffect(() => {
     if (!styleTagRef.current)
       return;
     if (!didFirstWriteRef.current && !styleTagRef.current.innerHTML) {
       didFirstWriteRef.current = true;
       styleTagRef.current.innerHTML = stylesheet;
       return;
-    } else if (!deepEqual(rules, cachedRules)) {
-      setCachedRules(rules);
-      const updated = updateSheet(rules);
+    }
+    if (rulesChanged) {
+      setCachedRules(rulesRef.current);
+      const updated = updateSheet(rulesRef.current);
       if (updated == null ? void 0 : updated.stylesheet) {
         styleTagRef.current.innerHTML = updated.stylesheet;
         setCreateStyles({ ...updated, updateSheet });
       }
     }
-  }, [cachedRules, rules, stylesheet, updateSheet]);
-  return classes;
+  }, [rulesChanged, stylesheet, updateSheet]);
+  return import_react.default.useMemo(() => ({ classes, styleTag }), [classes, styleTag]);
 }
 //# sourceMappingURL=index.js.map

package/react/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/react/index.ts", "../../../src/react/useCreateStyles.ts", "../../../src/createStyles.ts", "../../../src/numToAlpha.ts", "../../../src/generateClassName.ts", "../../../src/plugins.ts", "../../../src/util/deepEqual.ts"],
-  "sourcesContent": ["export * from './useCreateStyles';\n", "import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport createStyles, { CreateStylesOptions } from '../createStyles';\nimport { SimpleStyleRules } from '../types';\nimport { deepEqual } from '../util';\n\nexport function useCreateStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [classKey in K]: string }>(\n  rules: T,\n  options?: Partial<Omit<CreateStylesOptions, 'flush'>>,\n) {\n  const [cachedRules, setCachedRules] = useState(() => rules);\n  const cachedOptions = useMemo(() => ({ ...options } as Partial<Omit<CreateStylesOptions, 'flush'>>), [options]);\n  const didFirstWriteRef = useRef(false);\n  const styleTagRef = useRef(typeof document !== 'undefined' ? document.createElement('style') : null);\n\n  const [{ classes, stylesheet, updateSheet }, setCreateStyles] = useState(() =>\n    createStyles<T, K, O>(rules, { ...cachedOptions, flush: false }),\n  );\n\n  useEffect(() => {\n    if (!styleTagRef.current) return;\n    const { current: s } = styleTagRef;\n    document.head.appendChild(s);\n    return () => s.remove();\n  }, []);\n  useEffect(() => {\n    if (!styleTagRef.current) return;\n    if (!didFirstWriteRef.current && !styleTagRef.current.innerHTML) {\n      didFirstWriteRef.current = true;\n      styleTagRef.current.innerHTML = stylesheet;\n      return;\n    } else if (!deepEqual(rules, cachedRules)) {\n      setCachedRules(rules);\n      const updated = updateSheet(rules);\n      if (updated?.stylesheet) {\n        styleTagRef.current.innerHTML = updated.stylesheet;\n        setCreateStyles({ ...updated, updateSheet } as any);\n      }\n    }\n  }, [cachedRules, rules, stylesheet, updateSheet]);\n  return classes;\n}\n", "import { Properties } from 'csstype';\nimport merge from 'deepmerge';\n\nimport { generateClassName } from './generateClassName';\nimport { getPosthooks } from './plugins';\nimport { SimpleStyleRules } from './types';\n\nexport type CreateStylesOptions = Partial<{\n  /**\n   * If true, automatically renders generated styles\n   * to the DOM in an injected <style /> tag\n   */\n  flush: boolean;\n\n  /**\n   * If set, along with flush: true,\n   * will render the injected <style /> after this element\n   */\n  insertAfter?: HTMLElement;\n  /**\n   * If set, along with flush: true,\n   * will render the injects <style /> before this element\n   */\n  insertBefore?: HTMLElement;\n}>;\n\nfunction isNestedSelector(r: string): boolean {\n  return /&/g.test(r);\n}\n\nfunction isMedia(r: string): boolean {\n  return r.toLowerCase().startsWith('@media');\n}\n\nfunction formatCSSRuleName(rule: string): string {\n  return rule.replace(/([A-Z])/g, p1 => `-${p1.toLowerCase()}`);\n}\n\nfunction formatCSSRules(cssRules: Properties): string {\n  return Object.entries(cssRules).reduce(\n    (prev, [cssProp, cssVal]) => `${prev}${formatCSSRuleName(cssProp)}:${cssVal};`,\n    '',\n  );\n}\n\nfunction execCreateStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [classKey in K]: string }>(\n  rules: T,\n  options: CreateStylesOptions,\n  parentSelector: string | null,\n  noGenerateClassName: boolean = false,\n): { classes: O; sheetBuffer: string; mediaQueriesBuffer: string } {\n  const out = {} as O;\n  let sheetBuffer = '';\n  let mediaQueriesBuffer = '';\n  const styleEntries = Object.entries(rules);\n  let ruleWriteOpen = false;\n  const guardCloseRuleWrite = () => {\n    if (ruleWriteOpen) sheetBuffer += '}';\n    ruleWriteOpen = false;\n  };\n  for (const [classNameOrCSSRule, classNameRules] of styleEntries) {\n    // if the classNameRules is a string, we are dealing with a display: none; type rule\n    if (isMedia(classNameOrCSSRule)) {\n      if (typeof classNameRules !== 'object')\n        throw new Error('Unable to map @media query because rules / props are an invalid type');\n      guardCloseRuleWrite();\n      mediaQueriesBuffer += `${classNameOrCSSRule}{`;\n      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n        classNameRules as T,\n        options,\n        parentSelector,\n      );\n      mediaQueriesBuffer += regularOutput;\n      mediaQueriesBuffer += '}';\n      mediaQueriesBuffer += mediaQueriesOutput;\n    } else if (isNestedSelector(classNameOrCSSRule)) {\n      if (!parentSelector) throw new Error('Unable to generate nested rule because parentSelector is missing');\n      guardCloseRuleWrite();\n      // format of { '& > span': { display: 'none' } } (or further nesting)\n      const replaced = classNameOrCSSRule.replace(/&/g, parentSelector);\n      for (const selector of replaced.split(/,\\s*/)) {\n        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n          classNameRules as T,\n          options,\n          selector,\n        );\n        sheetBuffer += regularOutput;\n        mediaQueriesBuffer += mediaQueriesOutput;\n      }\n    } else if (!parentSelector && typeof classNameRules === 'object') {\n      guardCloseRuleWrite();\n      const generated = noGenerateClassName ? classNameOrCSSRule : generateClassName(classNameOrCSSRule);\n      (out as any)[classNameOrCSSRule] = generated;\n      const generatedSelector = `${noGenerateClassName ? '' : '.'}${generated}`;\n      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n        classNameRules as T,\n        options,\n        generatedSelector,\n      );\n      sheetBuffer += regularOutput;\n      mediaQueriesBuffer += mediaQueriesOutput;\n    } else {\n      if (!parentSelector) throw new Error('Unable to write css props because parent selector is null');\n      if (!ruleWriteOpen) {\n        sheetBuffer += `${parentSelector}{${formatCSSRules({ [classNameOrCSSRule]: classNameRules })}`;\n        ruleWriteOpen = true;\n      } else sheetBuffer += formatCSSRules({ [classNameOrCSSRule]: classNameRules });\n    }\n  }\n  guardCloseRuleWrite();\n  return {\n    classes: out,\n    sheetBuffer,\n    mediaQueriesBuffer,\n  };\n}\n\nfunction replaceBackReferences<O extends { [key: string]: string }>(out: O, sheetContents: string): string {\n  let outputSheetContents = sheetContents;\n  const toReplace: string[] = [];\n  const toReplaceRegex = /\\$\\w([a-zA-Z0-9_-]+)?/gm;\n  let matches = toReplaceRegex.exec(outputSheetContents);\n  while (matches) {\n    toReplace.push(matches[0].valueOf());\n    matches = toReplaceRegex.exec(outputSheetContents);\n  }\n  for (const r of toReplace) {\n    outputSheetContents = outputSheetContents.replace(r, `.${out[r.substring(1)]}`);\n  }\n  return getPosthooks().reduce((prev, hook) => hook(prev), outputSheetContents);\n}\n\nfunction createSheet(sheetContents: string) {\n  if (typeof document === 'undefined') return null;\n  if (typeof document?.head?.appendChild !== 'function' || typeof document?.createElement !== 'function') return null;\n  const styleTag = document.createElement('style');\n  styleTag.innerHTML = sheetContents;\n  return styleTag;\n}\n\nfunction flushSheetContents(sheetContents: string, options?: CreateStylesOptions) {\n  // In case we're in come weird test environment that doesn't support JSDom\n  const styleTag = createSheet(sheetContents);\n  if (styleTag) {\n    if (options?.insertAfter && options?.insertBefore) {\n      throw new Error('Both insertAfter and insertBefore were provided. Please choose only one.');\n    }\n    if (options?.insertAfter?.after) options.insertAfter.after(styleTag as Node);\n    else if (options?.insertBefore?.before) options.insertBefore.before(styleTag as Node);\n    else document.head.appendChild(styleTag);\n  }\n  return styleTag;\n}\n\nfunction coerceCreateStylesOptions(options?: CreateStylesOptions): CreateStylesOptions {\n  return {\n    flush: options && typeof options.flush === 'boolean' ? options.flush : true,\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function rawStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [key in K]: string }>(\n  rules: T,\n  options?: Partial<CreateStylesOptions>,\n) {\n  const coerced = coerceCreateStylesOptions(options);\n  const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(\n    rules,\n    coerced,\n    null,\n    true,\n  );\n\n  const mergedContents = `${sheetContents}${mediaQueriesContents}`;\n\n  if (coerced.flush) flushSheetContents(mergedContents, options);\n  return mergedContents;\n}\n\nexport function keyframes<T extends { [increment: string]: Properties }>(\n  frames: T,\n  options?: CreateStylesOptions,\n): [string, string] {\n  const coerced = coerceCreateStylesOptions(options);\n  const keyframeName = generateClassName('keyframes_');\n  const { sheetBuffer: keyframesContents } = execCreateStyles(frames, coerced, null, true);\n  const sheetContents = `@keyframes ${keyframeName}{${keyframesContents}}`;\n  if (coerced.flush) flushSheetContents(sheetContents);\n  return [keyframeName, sheetContents];\n}\n\nexport default function createStyles<\n  T extends SimpleStyleRules,\n  K extends keyof T,\n  O extends { [classKey in K]: string },\n>(rules: T, options?: Partial<CreateStylesOptions>) {\n  const coerced = coerceCreateStylesOptions(options);\n  const {\n    classes: out,\n    sheetBuffer: sheetContents,\n    mediaQueriesBuffer: mediaQueriesContents,\n  } = execCreateStyles(rules, coerced, null);\n\n  const mergedContents = `${sheetContents}${mediaQueriesContents}`;\n\n  const replacedSheetContents = replaceBackReferences(out, mergedContents);\n\n  let sheet: ReturnType<typeof flushSheetContents> = null;\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const updateSheet = <T2 extends SimpleStyleRules, K2 extends keyof T2, O2 extends { [classKey in K2]: string }>(\n    updatedRules: Partial<T2>,\n  ) => {\n    if (((options?.flush && sheet) || !options?.flush) && updatedRules) {\n      // We prefer the first set, and then we shallow merge\n      const {\n        classes: updatedOut,\n        sheetBuffer: updatedSheetContents,\n        mediaQueriesBuffer: updatedMediaQueriesContents,\n      } = execCreateStyles(merge(rules, updatedRules), { flush: false }, null);\n\n      const updatedMergedContents = `${updatedSheetContents}${updatedMediaQueriesContents}`;\n\n      const updatedReplacedSheetContents = replaceBackReferences(out, updatedMergedContents);\n      if (sheet) sheet.innerHTML = updatedReplacedSheetContents;\n      return { classes: updatedOut, stylesheet: updatedSheetContents } as {\n        classes: typeof updatedOut;\n        stylesheet: string;\n      };\n    }\n    return null;\n  };\n\n  if (coerced.flush) sheet = flushSheetContents(replacedSheetContents, options);\n  // Need this TS cast to get solid code assist from the consumption-side\n  return {\n    classes: out as unknown,\n    stylesheet: replacedSheetContents,\n    updateSheet,\n  } as {\n    classes: O;\n    stylesheet: string;\n    updateSheet: typeof updateSheet;\n  };\n}\n\nexport type CreateStylesArgs = Parameters<typeof createStyles>;\n", "const alphas = 'abcdefghijklmnopqrstuvwxyz'.split('');\n\nexport default function numToAlpha(num: number): string {\n  return alphas[num];\n}\n", "import numToAlpha from './numToAlpha';\n\nlet inc = Date.now();\n\nexport function setSeed(seed: number | null): void {\n  if (seed === null) {\n    inc = Date.now();\n    return;\n  }\n  if (typeof seed !== 'number') throw Error('Unable to setSeed as provided seed was not a valid number');\n  if (seed === Number.MAX_SAFE_INTEGER)\n    throw Error('Unable to setSeed because the seed was already the maximum safe JavaScript number allowed');\n  if (seed === Number.POSITIVE_INFINITY || seed === Number.NEGATIVE_INFINITY)\n    throw new Error('Unable to setSeed. Positive or negative infinity is not allowed');\n  if (seed < 0) throw new Error('Unable to setSeed. Seed must be a number >= 0');\n  inc = seed;\n}\n\nconst numPairsRegex = /(\\d{1,2})/g;\n\nexport function getUniqueSuffix(): string {\n  const numPairs: string[] = [];\n  const incStr = inc.toString();\n  let result = numPairsRegex.exec(incStr);\n  while (result) {\n    numPairs.push(result[0]);\n    result = numPairsRegex.exec(incStr);\n  }\n  let out = '_';\n  numPairs.forEach(pair => {\n    const val = +pair;\n    if (val > 25) {\n      const [first, second] = pair.split('');\n      out += `${numToAlpha(+first)}${numToAlpha(+second)}`;\n    } else out += numToAlpha(val);\n  });\n  inc += 1;\n  return out;\n}\n\nexport function generateClassName(c: string): string {\n  return `${c}${getUniqueSuffix()}`;\n}\n", "export type PosthookPlugin = (sheetContents: string) => string;\n\nconst posthooks: PosthookPlugin[] = [];\n\nexport function getPosthooks(): PosthookPlugin[] {\n  return posthooks;\n}\n\nexport function registerPosthook(posthook: PosthookPlugin) {\n  posthooks.push(posthook);\n}\n", "export function deepEqual<\n  O1 extends Record<string | number | symbol, any>,\n  O2 extends Record<string | number | symbol, any>,\n>(o1: O1, o2: O2): boolean {\n  // We'll sort the keys, just in case the user kept things the same but the object is all wonky, order-wise\n  const o1Keys = Object.keys(o1).sort();\n  const o2Keys = Object.keys(o2).sort();\n  if (o1Keys.length !== o2Keys.length) return false;\n  if (o1Keys.some((key, i) => o2Keys[i] !== key)) return false;\n  // Okay, the keys SHOULD be the same\n  // so we need to test their values, recursively, to verify equality\n  return o1Keys.reduce<boolean>((prev, key) => {\n    if (!prev) return prev; // we've already failed equality checks here\n    if (!(key in o2)) return false;\n    if (typeof o1[key] !== 'object') {\n      return prev && o1[key] === o2[key];\n    }\n    return prev && deepEqual(o1[key], o2[key]);\n  }, true);\n}\n"],
-  "mappings": "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",
-  "names": []
+  "sources": ["../../../src/react/index.ts", "../../../src/react/useCreateStyles.tsx", "../../../src/createStyles.ts", "../../../src/numToAlpha.ts", "../../../src/generateClassName.ts", "../../../src/plugins.ts", "../../../src/util/deepEqual.ts"],
+  "sourcesContent": ["export * from './useCreateStyles';\n", "import React from 'react';\n\nimport createStyles, { CreateStylesOptions } from '../createStyles';\nimport { SimpleStyleRules } from '../types';\nimport { deepEqual } from '../util';\n\nexport function useCreateStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [classKey in K]: string }>(\n  rules: T,\n  options?: Partial<Omit<CreateStylesOptions, 'flush'>>,\n) {\n  // state\n  const [cachedRules, setCachedRules] = React.useState(() => rules);\n  const [{ classes, stylesheet, updateSheet }, setCreateStyles] = React.useState(() =>\n    createStyles<T, K, O>(rules, { ...options, flush: false }),\n  );\n\n  // refs\n  const didFirstWriteRef = React.useRef(false);\n  const styleTagRef = React.useRef(typeof document !== 'undefined' ? document.createElement('style') : null);\n  const rulesRef = React.useRef(rules);\n  const cachedRulesRef = React.useRef(cachedRules);\n\n  // we leverage refs for these objects, as their referential equality is likely always changing.\n  // this prevent unnecessary executions of the effects below\n  rulesRef.current = rules;\n  cachedRulesRef.current = cachedRules;\n\n  // local variables\n  const rulesChanged = !deepEqual(rulesRef.current, cachedRulesRef.current);\n\n  // memos\n  const styleTag = React.useMemo(() => {\n    if (styleTagRef.current) return null;\n\n    return <style dangerouslySetInnerHTML={{ __html: stylesheet }} />;\n  }, [stylesheet]);\n\n  // effects\n  React.useEffect(() => {\n    if (!styleTagRef.current) return;\n\n    const { current: s } = styleTagRef;\n    document.head.appendChild(s);\n    return () => s.remove();\n  }, []);\n  React.useEffect(() => {\n    if (!styleTagRef.current) return;\n\n    if (!didFirstWriteRef.current && !styleTagRef.current.innerHTML) {\n      didFirstWriteRef.current = true;\n      styleTagRef.current.innerHTML = stylesheet;\n      return;\n    }\n    if (rulesChanged) {\n      setCachedRules(rulesRef.current);\n      const updated = updateSheet(rulesRef.current);\n      if (updated?.stylesheet) {\n        styleTagRef.current.innerHTML = updated.stylesheet;\n        setCreateStyles({ ...updated, updateSheet } as any);\n      }\n    }\n  }, [rulesChanged, stylesheet, updateSheet]);\n  return React.useMemo(() => ({ classes, styleTag }), [classes, styleTag]);\n}\n", "import { Properties } from 'csstype';\nimport merge from 'deepmerge';\n\nimport { generateClassName } from './generateClassName';\nimport { getPosthooks } from './plugins';\nimport { SimpleStyleRules } from './types';\n\nexport type CreateStylesOptions = Partial<{\n  /**\n   * If true, automatically renders generated styles\n   * to the DOM in an injected <style /> tag\n   */\n  flush: boolean;\n\n  /**\n   * If set, along with flush: true,\n   * will render the injected <style /> after this element\n   */\n  insertAfter?: HTMLElement;\n  /**\n   * If set, along with flush: true,\n   * will render the injects <style /> before this element\n   */\n  insertBefore?: HTMLElement;\n}>;\n\nfunction isNestedSelector(r: string): boolean {\n  return /&/g.test(r);\n}\n\nfunction isMedia(r: string): boolean {\n  return r.toLowerCase().startsWith('@media');\n}\n\nfunction formatCSSRuleName(rule: string): string {\n  return rule.replace(/([A-Z])/g, p1 => `-${p1.toLowerCase()}`);\n}\n\nfunction formatCSSRules(cssRules: Properties): string {\n  return Object.entries(cssRules).reduce(\n    (prev, [cssProp, cssVal]) => `${prev}${formatCSSRuleName(cssProp)}:${cssVal};`,\n    '',\n  );\n}\n\nfunction execCreateStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [classKey in K]: string }>(\n  rules: T,\n  options: CreateStylesOptions,\n  parentSelector: string | null,\n  noGenerateClassName: boolean = false,\n): { classes: O; sheetBuffer: string; mediaQueriesBuffer: string } {\n  const out = {} as O;\n  let sheetBuffer = '';\n  let mediaQueriesBuffer = '';\n  const styleEntries = Object.entries(rules);\n  let ruleWriteOpen = false;\n  const guardCloseRuleWrite = () => {\n    if (ruleWriteOpen) sheetBuffer += '}';\n    ruleWriteOpen = false;\n  };\n  for (const [classNameOrCSSRule, classNameRules] of styleEntries) {\n    // if the classNameRules is a string, we are dealing with a display: none; type rule\n    if (isMedia(classNameOrCSSRule)) {\n      if (typeof classNameRules !== 'object')\n        throw new Error('Unable to map @media query because rules / props are an invalid type');\n      guardCloseRuleWrite();\n      mediaQueriesBuffer += `${classNameOrCSSRule}{`;\n      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n        classNameRules as T,\n        options,\n        parentSelector,\n      );\n      mediaQueriesBuffer += regularOutput;\n      mediaQueriesBuffer += '}';\n      mediaQueriesBuffer += mediaQueriesOutput;\n    } else if (isNestedSelector(classNameOrCSSRule)) {\n      if (!parentSelector) throw new Error('Unable to generate nested rule because parentSelector is missing');\n      guardCloseRuleWrite();\n      // format of { '& > span': { display: 'none' } } (or further nesting)\n      const replaced = classNameOrCSSRule.replace(/&/g, parentSelector);\n      for (const selector of replaced.split(/,\\s*/)) {\n        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n          classNameRules as T,\n          options,\n          selector,\n        );\n        sheetBuffer += regularOutput;\n        mediaQueriesBuffer += mediaQueriesOutput;\n      }\n    } else if (!parentSelector && typeof classNameRules === 'object') {\n      guardCloseRuleWrite();\n      const generated = noGenerateClassName ? classNameOrCSSRule : generateClassName(classNameOrCSSRule);\n      (out as any)[classNameOrCSSRule] = generated;\n      const generatedSelector = `${noGenerateClassName ? '' : '.'}${generated}`;\n      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n        classNameRules as T,\n        options,\n        generatedSelector,\n      );\n      sheetBuffer += regularOutput;\n      mediaQueriesBuffer += mediaQueriesOutput;\n    } else {\n      if (!parentSelector) throw new Error('Unable to write css props because parent selector is null');\n      if (!ruleWriteOpen) {\n        sheetBuffer += `${parentSelector}{${formatCSSRules({ [classNameOrCSSRule]: classNameRules })}`;\n        ruleWriteOpen = true;\n      } else sheetBuffer += formatCSSRules({ [classNameOrCSSRule]: classNameRules });\n    }\n  }\n  guardCloseRuleWrite();\n  return {\n    classes: out,\n    sheetBuffer,\n    mediaQueriesBuffer,\n  };\n}\n\nfunction replaceBackReferences<O extends { [key: string]: string }>(out: O, sheetContents: string): string {\n  let outputSheetContents = sheetContents;\n  const toReplace: string[] = [];\n  const toReplaceRegex = /\\$\\w([a-zA-Z0-9_-]+)?/gm;\n  let matches = toReplaceRegex.exec(outputSheetContents);\n  while (matches) {\n    toReplace.push(matches[0].valueOf());\n    matches = toReplaceRegex.exec(outputSheetContents);\n  }\n  for (const r of toReplace) {\n    outputSheetContents = outputSheetContents.replace(r, `.${out[r.substring(1)]}`);\n  }\n  return getPosthooks().reduce((prev, hook) => hook(prev), outputSheetContents);\n}\n\nfunction createSheet(sheetContents: string) {\n  if (typeof document === 'undefined') return null;\n  if (typeof document?.head?.appendChild !== 'function' || typeof document?.createElement !== 'function') return null;\n  const styleTag = document.createElement('style');\n  styleTag.innerHTML = sheetContents;\n  return styleTag;\n}\n\nfunction flushSheetContents(sheetContents: string, options?: CreateStylesOptions) {\n  // In case we're in come weird test environment that doesn't support JSDom\n  const styleTag = createSheet(sheetContents);\n  if (styleTag) {\n    if (options?.insertAfter && options?.insertBefore) {\n      throw new Error('Both insertAfter and insertBefore were provided. Please choose only one.');\n    }\n    if (options?.insertAfter?.after) options.insertAfter.after(styleTag as Node);\n    else if (options?.insertBefore?.before) options.insertBefore.before(styleTag as Node);\n    else document.head.appendChild(styleTag);\n  }\n  return styleTag;\n}\n\nfunction coerceCreateStylesOptions(options?: CreateStylesOptions): CreateStylesOptions {\n  return {\n    flush: options && typeof options.flush === 'boolean' ? options.flush : true,\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function rawStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [key in K]: string }>(\n  rules: T,\n  options?: Partial<CreateStylesOptions>,\n) {\n  const coerced = coerceCreateStylesOptions(options);\n  const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(\n    rules,\n    coerced,\n    null,\n    true,\n  );\n\n  const mergedContents = `${sheetContents}${mediaQueriesContents}`;\n\n  if (coerced.flush) flushSheetContents(mergedContents, options);\n  return mergedContents;\n}\n\nexport function keyframes<T extends { [increment: string]: Properties }>(\n  frames: T,\n  options?: CreateStylesOptions,\n): [string, string] {\n  const coerced = coerceCreateStylesOptions(options);\n  const keyframeName = generateClassName('keyframes_');\n  const { sheetBuffer: keyframesContents } = execCreateStyles(frames, coerced, null, true);\n  const sheetContents = `@keyframes ${keyframeName}{${keyframesContents}}`;\n  if (coerced.flush) flushSheetContents(sheetContents);\n  return [keyframeName, sheetContents];\n}\n\nexport default function createStyles<\n  T extends SimpleStyleRules,\n  K extends keyof T,\n  O extends { [classKey in K]: string },\n>(rules: T, options?: Partial<CreateStylesOptions>) {\n  const coerced = coerceCreateStylesOptions(options);\n  const {\n    classes: out,\n    sheetBuffer: sheetContents,\n    mediaQueriesBuffer: mediaQueriesContents,\n  } = execCreateStyles(rules, coerced, null);\n\n  const mergedContents = `${sheetContents}${mediaQueriesContents}`;\n\n  const replacedSheetContents = replaceBackReferences(out, mergedContents);\n\n  let sheet: ReturnType<typeof flushSheetContents> = null;\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const updateSheet = <T2 extends SimpleStyleRules, K2 extends keyof T2, O2 extends { [classKey in K2]: string }>(\n    updatedRules: Partial<T2>,\n  ) => {\n    if (((options?.flush && sheet) || !options?.flush) && updatedRules) {\n      // We prefer the first set, and then we shallow merge\n      const {\n        classes: updatedOut,\n        sheetBuffer: updatedSheetContents,\n        mediaQueriesBuffer: updatedMediaQueriesContents,\n      } = execCreateStyles(merge(rules, updatedRules), { flush: false }, null);\n\n      const updatedMergedContents = `${updatedSheetContents}${updatedMediaQueriesContents}`;\n\n      const updatedReplacedSheetContents = replaceBackReferences(out, updatedMergedContents);\n      if (sheet) sheet.innerHTML = updatedReplacedSheetContents;\n      return { classes: updatedOut, stylesheet: updatedSheetContents } as {\n        classes: typeof updatedOut;\n        stylesheet: string;\n      };\n    }\n    return null;\n  };\n\n  if (coerced.flush) sheet = flushSheetContents(replacedSheetContents, options);\n  // Need this TS cast to get solid code assist from the consumption-side\n  return {\n    classes: out as unknown,\n    stylesheet: replacedSheetContents,\n    updateSheet,\n  } as {\n    classes: O;\n    stylesheet: string;\n    updateSheet: typeof updateSheet;\n  };\n}\n\nexport type CreateStylesArgs = Parameters<typeof createStyles>;\n", "const alphas = 'abcdefghijklmnopqrstuvwxyz'.split('');\n\nexport default function numToAlpha(num: number): string {\n  return alphas[num];\n}\n", "import numToAlpha from './numToAlpha';\n\nlet inc = Date.now();\n\nexport function setSeed(seed: number | null): void {\n  if (seed === null) {\n    inc = Date.now();\n    return;\n  }\n  if (typeof seed !== 'number') throw Error('Unable to setSeed as provided seed was not a valid number');\n  if (seed === Number.MAX_SAFE_INTEGER)\n    throw Error('Unable to setSeed because the seed was already the maximum safe JavaScript number allowed');\n  if (seed === Number.POSITIVE_INFINITY || seed === Number.NEGATIVE_INFINITY)\n    throw new Error('Unable to setSeed. Positive or negative infinity is not allowed');\n  if (seed < 0) throw new Error('Unable to setSeed. Seed must be a number >= 0');\n  inc = seed;\n}\n\nconst numPairsRegex = /(\\d{1,2})/g;\n\nexport function getUniqueSuffix(): string {\n  const numPairs: string[] = [];\n  const incStr = inc.toString();\n  let result = numPairsRegex.exec(incStr);\n  while (result) {\n    numPairs.push(result[0]);\n    result = numPairsRegex.exec(incStr);\n  }\n  let out = '_';\n  numPairs.forEach(pair => {\n    const val = +pair;\n    if (val > 25) {\n      const [first, second] = pair.split('');\n      out += `${numToAlpha(+first)}${numToAlpha(+second)}`;\n    } else out += numToAlpha(val);\n  });\n  inc += 1;\n  return out;\n}\n\nexport function generateClassName(c: string): string {\n  return `${c}${getUniqueSuffix()}`;\n}\n", "export type PosthookPlugin = (sheetContents: string) => string;\n\nconst posthooks: PosthookPlugin[] = [];\n\nexport function getPosthooks(): PosthookPlugin[] {\n  return posthooks;\n}\n\nexport function registerPosthook(posthook: PosthookPlugin) {\n  posthooks.push(posthook);\n}\n", "export function deepEqual<\n  O1 extends Record<string | number | symbol, any>,\n  O2 extends Record<string | number | symbol, any>,\n>(o1: O1, o2: O2): boolean {\n  // We'll sort the keys, just in case the user kept things the same but the object is all wonky, order-wise\n  const o1Keys = Object.keys(o1).sort();\n  const o2Keys = Object.keys(o2).sort();\n  if (o1Keys.length !== o2Keys.length) return false;\n  if (o1Keys.some((key, i) => o2Keys[i] !== key)) return false;\n  // Okay, the keys SHOULD be the same\n  // so we need to test their values, recursively, to verify equality\n  return o1Keys.reduce<boolean>((prev, key) => {\n    if (!prev) return prev; // we've already failed equality checks here\n    if (!(key in o2)) return false;\n    if (typeof o1[key] !== 'object') {\n      return prev && o1[key] === o2[key];\n    }\n    return prev && deepEqual(o1[key], o2[key]);\n  }, true);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;;;ACClB,uBAAkB;;;ACDlB,IAAM,SAAS,6BAA6B,MAAM,EAAE;AAErC,SAAR,WAA4B,KAAqB;AACtD,SAAO,OAAO,GAAG;AACnB;;;ACFA,IAAI,MAAM,KAAK,IAAI;AAgBnB,IAAM,gBAAgB;AAEf,SAAS,kBAA0B;AACxC,QAAM,WAAqB,CAAC;AAC5B,QAAM,SAAS,IAAI,SAAS;AAC5B,MAAI,SAAS,cAAc,KAAK,MAAM;AACtC,SAAO,QAAQ;AACb,aAAS,KAAK,OAAO,CAAC,CAAC;AACvB,aAAS,cAAc,KAAK,MAAM;AAAA,EACpC;AACA,MAAI,MAAM;AACV,WAAS,QAAQ,UAAQ;AACvB,UAAM,MAAM,CAAC;AACb,QAAI,MAAM,IAAI;AACZ,YAAM,CAAC,OAAO,MAAM,IAAI,KAAK,MAAM,EAAE;AACrC,aAAO,GAAG,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,MAAM;AAAA,IACnD;AAAO,aAAO,WAAW,GAAG;AAAA,EAC9B,CAAC;AACD,SAAO;AACP,SAAO;AACT;AAEO,SAAS,kBAAkB,GAAmB;AACnD,SAAO,GAAG,IAAI,gBAAgB;AAChC;;;ACxCA,IAAM,YAA8B,CAAC;AAE9B,SAAS,eAAiC;AAC/C,SAAO;AACT;;;AHoBA,SAAS,iBAAiB,GAAoB;AAC5C,SAAO,KAAK,KAAK,CAAC;AACpB;AAEA,SAAS,QAAQ,GAAoB;AACnC,SAAO,EAAE,YAAY,EAAE,WAAW,QAAQ;AAC5C;AAEA,SAAS,kBAAkB,MAAsB;AAC/C,SAAO,KAAK,QAAQ,YAAY,QAAM,IAAI,GAAG,YAAY,GAAG;AAC9D;AAEA,SAAS,eAAe,UAA8B;AACpD,SAAO,OAAO,QAAQ,QAAQ,EAAE;AAAA,IAC9B,CAAC,MAAM,CAAC,SAAS,MAAM,MAAM,GAAG,OAAO,kBAAkB,OAAO,KAAK;AAAA,IACrE;AAAA,EACF;AACF;AAEA,SAAS,iBACP,OACA,SACA,gBACA,sBAA+B,OACkC;AACjE,QAAM,MAAM,CAAC;AACb,MAAI,cAAc;AAClB,MAAI,qBAAqB;AACzB,QAAM,eAAe,OAAO,QAAQ,KAAK;AACzC,MAAI,gBAAgB;AACpB,QAAM,sBAAsB,MAAM;AAChC,QAAI;AAAe,qBAAe;AAClC,oBAAgB;AAAA,EAClB;AACA,aAAW,CAAC,oBAAoB,cAAc,KAAK,cAAc;AAE/D,QAAI,QAAQ,kBAAkB,GAAG;AAC/B,UAAI,OAAO,mBAAmB;AAC5B,cAAM,IAAI,MAAM,sEAAsE;AACxF,0BAAoB;AACpB,4BAAsB,GAAG;AACzB,YAAM,EAAE,oBAAoB,oBAAoB,aAAa,cAAc,IAAI;AAAA,QAC7E;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,4BAAsB;AACtB,4BAAsB;AACtB,4BAAsB;AAAA,IACxB,WAAW,iBAAiB,kBAAkB,GAAG;AAC/C,UAAI,CAAC;AAAgB,cAAM,IAAI,MAAM,kEAAkE;AACvG,0BAAoB;AAEpB,YAAM,WAAW,mBAAmB,QAAQ,MAAM,cAAc;AAChE,iBAAW,YAAY,SAAS,MAAM,MAAM,GAAG;AAC7C,cAAM,EAAE,oBAAoB,oBAAoB,aAAa,cAAc,IAAI;AAAA,UAC7E;AAAA,UACA;AAAA,UACA;AAAA,QACF;AACA,uBAAe;AACf,8BAAsB;AAAA,MACxB;AAAA,IACF,WAAW,CAAC,kBAAkB,OAAO,mBAAmB,UAAU;AAChE,0BAAoB;AACpB,YAAM,YAAY,sBAAsB,qBAAqB,kBAAkB,kBAAkB;AACjG,MAAC,IAAY,kBAAkB,IAAI;AACnC,YAAM,oBAAoB,GAAG,sBAAsB,KAAK,MAAM;AAC9D,YAAM,EAAE,oBAAoB,oBAAoB,aAAa,cAAc,IAAI;AAAA,QAC7E;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,qBAAe;AACf,4BAAsB;AAAA,IACxB,OAAO;AACL,UAAI,CAAC;AAAgB,cAAM,IAAI,MAAM,2DAA2D;AAChG,UAAI,CAAC,eAAe;AAClB,uBAAe,GAAG,kBAAkB,eAAe,EAAE,CAAC,kBAAkB,GAAG,eAAe,CAAC;AAC3F,wBAAgB;AAAA,MAClB;AAAO,uBAAe,eAAe,EAAE,CAAC,kBAAkB,GAAG,eAAe,CAAC;AAAA,IAC/E;AAAA,EACF;AACA,sBAAoB;AACpB,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,sBAA2D,KAAQ,eAA+B;AACzG,MAAI,sBAAsB;AAC1B,QAAM,YAAsB,CAAC;AAC7B,QAAM,iBAAiB;AACvB,MAAI,UAAU,eAAe,KAAK,mBAAmB;AACrD,SAAO,SAAS;AACd,cAAU,KAAK,QAAQ,CAAC,EAAE,QAAQ,CAAC;AACnC,cAAU,eAAe,KAAK,mBAAmB;AAAA,EACnD;AACA,aAAW,KAAK,WAAW;AACzB,0BAAsB,oBAAoB,QAAQ,GAAG,IAAI,IAAI,EAAE,UAAU,CAAC,CAAC,GAAG;AAAA,EAChF;AACA,SAAO,aAAa,EAAE,OAAO,CAAC,MAAM,SAAS,KAAK,IAAI,GAAG,mBAAmB;AAC9E;AAEA,SAAS,YAAY,eAAuB;AApI5C;AAqIE,MAAI,OAAO,aAAa;AAAa,WAAO;AAC5C,MAAI,SAAO,0CAAU,SAAV,mBAAgB,iBAAgB,cAAc,QAAO,qCAAU,mBAAkB;AAAY,WAAO;AAC/G,QAAM,WAAW,SAAS,cAAc,OAAO;AAC/C,WAAS,YAAY;AACrB,SAAO;AACT;AAEA,SAAS,mBAAmB,eAAuB,SAA+B;AA5IlF;AA8IE,QAAM,WAAW,YAAY,aAAa;AAC1C,MAAI,UAAU;AACZ,SAAI,mCAAS,iBAAe,mCAAS,eAAc;AACjD,YAAM,IAAI,MAAM,0EAA0E;AAAA,IAC5F;AACA,SAAI,wCAAS,gBAAT,mBAAsB;AAAO,cAAQ,YAAY,MAAM,QAAgB;AAAA,cAClE,wCAAS,iBAAT,mBAAuB;AAAQ,cAAQ,aAAa,OAAO,QAAgB;AAAA;AAC/E,eAAS,KAAK,YAAY,QAAQ;AAAA,EACzC;AACA,SAAO;AACT;AAEA,SAAS,0BAA0B,SAAoD;AACrF,SAAO;AAAA,IACL,OAAO,WAAW,OAAO,QAAQ,UAAU,YAAY,QAAQ,QAAQ;AAAA,EACzE;AACF;AAiCe,SAAR,aAIL,OAAU,SAAwC;AAClD,QAAM,UAAU,0BAA0B,OAAO;AACjD,QAAM;AAAA,IACJ,SAAS;AAAA,IACT,aAAa;AAAA,IACb,oBAAoB;AAAA,EACtB,IAAI,iBAAiB,OAAO,SAAS,IAAI;AAEzC,QAAM,iBAAiB,GAAG,gBAAgB;AAE1C,QAAM,wBAAwB,sBAAsB,KAAK,cAAc;AAEvE,MAAI,QAA+C;AAGnD,QAAM,cAAc,CAClB,iBACG;AACH,UAAM,mCAAS,UAAS,SAAU,EAAC,mCAAS,WAAU,cAAc;AAElE,YAAM;AAAA,QACJ,SAAS;AAAA,QACT,aAAa;AAAA,QACb,oBAAoB;AAAA,MACtB,IAAI,qBAAiB,iBAAAA,SAAM,OAAO,YAAY,GAAG,EAAE,OAAO,MAAM,GAAG,IAAI;AAEvE,YAAM,wBAAwB,GAAG,uBAAuB;AAExD,YAAM,+BAA+B,sBAAsB,KAAK,qBAAqB;AACrF,UAAI;AAAO,cAAM,YAAY;AAC7B,aAAO,EAAE,SAAS,YAAY,YAAY,qBAAqB;AAAA,IAIjE;AACA,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ;AAAO,YAAQ,mBAAmB,uBAAuB,OAAO;AAE5E,SAAO;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,IACZ;AAAA,EACF;AAKF;;;AIpPO,SAAS,UAGd,IAAQ,IAAiB;AAEzB,QAAM,SAAS,OAAO,KAAK,EAAE,EAAE,KAAK;AACpC,QAAM,SAAS,OAAO,KAAK,EAAE,EAAE,KAAK;AACpC,MAAI,OAAO,WAAW,OAAO;AAAQ,WAAO;AAC5C,MAAI,OAAO,KAAK,CAAC,KAAK,MAAM,OAAO,CAAC,MAAM,GAAG;AAAG,WAAO;AAGvD,SAAO,OAAO,OAAgB,CAAC,MAAM,QAAQ;AAC3C,QAAI,CAAC;AAAM,aAAO;AAClB,QAAI,EAAE,OAAO;AAAK,aAAO;AACzB,QAAI,OAAO,GAAG,GAAG,MAAM,UAAU;AAC/B,aAAO,QAAQ,GAAG,GAAG,MAAM,GAAG,GAAG;AAAA,IACnC;AACA,WAAO,QAAQ,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAAA,EAC3C,GAAG,IAAI;AACT;;;ALbO,SAAS,gBACd,OACA,SACA;AAEA,QAAM,CAAC,aAAa,cAAc,IAAI,aAAAC,QAAM,SAAS,MAAM,KAAK;AAChE,QAAM,CAAC,EAAE,SAAS,YAAY,YAAY,GAAG,eAAe,IAAI,aAAAA,QAAM;AAAA,IAAS,MAC7E,aAAsB,OAAO,EAAE,GAAG,SAAS,OAAO,MAAM,CAAC;AAAA,EAC3D;AAGA,QAAM,mBAAmB,aAAAA,QAAM,OAAO,KAAK;AAC3C,QAAM,cAAc,aAAAA,QAAM,OAAO,OAAO,aAAa,cAAc,SAAS,cAAc,OAAO,IAAI,IAAI;AACzG,QAAM,WAAW,aAAAA,QAAM,OAAO,KAAK;AACnC,QAAM,iBAAiB,aAAAA,QAAM,OAAO,WAAW;AAI/C,WAAS,UAAU;AACnB,iBAAe,UAAU;AAGzB,QAAM,eAAe,CAAC,UAAU,SAAS,SAAS,eAAe,OAAO;AAGxE,QAAM,WAAW,aAAAA,QAAM,QAAQ,MAAM;AACnC,QAAI,YAAY;AAAS,aAAO;AAEhC,WAAO,6BAAAA,QAAA,cAAC,WAAM,yBAAyB,EAAE,QAAQ,WAAW,GAAG;AAAA,EACjE,GAAG,CAAC,UAAU,CAAC;AAGf,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,YAAY;AAAS;AAE1B,UAAM,EAAE,SAAS,EAAE,IAAI;AACvB,aAAS,KAAK,YAAY,CAAC;AAC3B,WAAO,MAAM,EAAE,OAAO;AAAA,EACxB,GAAG,CAAC,CAAC;AACL,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,YAAY;AAAS;AAE1B,QAAI,CAAC,iBAAiB,WAAW,CAAC,YAAY,QAAQ,WAAW;AAC/D,uBAAiB,UAAU;AAC3B,kBAAY,QAAQ,YAAY;AAChC;AAAA,IACF;AACA,QAAI,cAAc;AAChB,qBAAe,SAAS,OAAO;AAC/B,YAAM,UAAU,YAAY,SAAS,OAAO;AAC5C,UAAI,mCAAS,YAAY;AACvB,oBAAY,QAAQ,YAAY,QAAQ;AACxC,wBAAgB,EAAE,GAAG,SAAS,YAAY,CAAQ;AAAA,MACpD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,cAAc,YAAY,WAAW,CAAC;AAC1C,SAAO,aAAAA,QAAM,QAAQ,OAAO,EAAE,SAAS,SAAS,IAAI,CAAC,SAAS,QAAQ,CAAC;AACzE;",
+  "names": ["merge", "React"]
 }

package/react/useCreateStyles.d.ts

@@ -1,5 +1,9 @@
+/// <reference types="react" />
 import { CreateStylesOptions } from '../createStyles';
 import { SimpleStyleRules } from '../types';
 export declare function useCreateStyles<T extends SimpleStyleRules, K extends keyof T, O extends {
     [classKey in K]: string;
-}>(rules: T, options?: Partial<Omit<CreateStylesOptions, 'flush'>>): O;
+}>(rules: T, options?: Partial<Omit<CreateStylesOptions, 'flush'>>): {
+    classes: O;
+    styleTag: JSX.Element | null;
+};

package/react/useCreateStyles.js

@@ -1,36 +1,48 @@
-import { useEffect, useMemo, useRef, useState } from "react";
+import React from "react";
 import createStyles from "../createStyles";
 import { deepEqual } from "../util";
 function useCreateStyles(rules, options) {
-  const [cachedRules, setCachedRules] = useState(() => rules);
-  const cachedOptions = useMemo(() => ({ ...options }), [options]);
-  const didFirstWriteRef = useRef(false);
-  const styleTagRef = useRef(typeof document !== "undefined" ? document.createElement("style") : null);
-  const [{ classes, stylesheet, updateSheet }, setCreateStyles] = useState(() => createStyles(rules, { ...cachedOptions, flush: false }));
-  useEffect(() => {
+  const [cachedRules, setCachedRules] = React.useState(() => rules);
+  const [{ classes, stylesheet, updateSheet }, setCreateStyles] = React.useState(
+    () => createStyles(rules, { ...options, flush: false })
+  );
+  const didFirstWriteRef = React.useRef(false);
+  const styleTagRef = React.useRef(typeof document !== "undefined" ? document.createElement("style") : null);
+  const rulesRef = React.useRef(rules);
+  const cachedRulesRef = React.useRef(cachedRules);
+  rulesRef.current = rules;
+  cachedRulesRef.current = cachedRules;
+  const rulesChanged = !deepEqual(rulesRef.current, cachedRulesRef.current);
+  const styleTag = React.useMemo(() => {
+    if (styleTagRef.current)
+      return null;
+    return /* @__PURE__ */ React.createElement("style", { dangerouslySetInnerHTML: { __html: stylesheet } });
+  }, [stylesheet]);
+  React.useEffect(() => {
     if (!styleTagRef.current)
       return;
     const { current: s } = styleTagRef;
     document.head.appendChild(s);
     return () => s.remove();
   }, []);
-  useEffect(() => {
+  React.useEffect(() => {
     if (!styleTagRef.current)
       return;
     if (!didFirstWriteRef.current && !styleTagRef.current.innerHTML) {
       didFirstWriteRef.current = true;
       styleTagRef.current.innerHTML = stylesheet;
       return;
-    } else if (!deepEqual(rules, cachedRules)) {
-      setCachedRules(rules);
-      const updated = updateSheet(rules);
+    }
+    if (rulesChanged) {
+      setCachedRules(rulesRef.current);
+      const updated = updateSheet(rulesRef.current);
       if (updated == null ? void 0 : updated.stylesheet) {
         styleTagRef.current.innerHTML = updated.stylesheet;
         setCreateStyles({ ...updated, updateSheet });
       }
     }
-  }, [cachedRules, rules, stylesheet, updateSheet]);
-  return classes;
+  }, [rulesChanged, stylesheet, updateSheet]);
+  return React.useMemo(() => ({ classes, styleTag }), [classes, styleTag]);
 }
 export {
   useCreateStyles

package/react/useCreateStyles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/react/useCreateStyles.ts"],
-  "sourcesContent": ["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport createStyles, { CreateStylesOptions } from '../createStyles';\nimport { SimpleStyleRules } from '../types';\nimport { deepEqual } from '../util';\n\nexport function useCreateStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [classKey in K]: string }>(\n  rules: T,\n  options?: Partial<Omit<CreateStylesOptions, 'flush'>>,\n) {\n  const [cachedRules, setCachedRules] = useState(() => rules);\n  const cachedOptions = useMemo(() => ({ ...options } as Partial<Omit<CreateStylesOptions, 'flush'>>), [options]);\n  const didFirstWriteRef = useRef(false);\n  const styleTagRef = useRef(typeof document !== 'undefined' ? document.createElement('style') : null);\n\n  const [{ classes, stylesheet, updateSheet }, setCreateStyles] = useState(() =>\n    createStyles<T, K, O>(rules, { ...cachedOptions, flush: false }),\n  );\n\n  useEffect(() => {\n    if (!styleTagRef.current) return;\n    const { current: s } = styleTagRef;\n    document.head.appendChild(s);\n    return () => s.remove();\n  }, []);\n  useEffect(() => {\n    if (!styleTagRef.current) return;\n    if (!didFirstWriteRef.current && !styleTagRef.current.innerHTML) {\n      didFirstWriteRef.current = true;\n      styleTagRef.current.innerHTML = stylesheet;\n      return;\n    } else if (!deepEqual(rules, cachedRules)) {\n      setCachedRules(rules);\n      const updated = updateSheet(rules);\n      if (updated?.stylesheet) {\n        styleTagRef.current.innerHTML = updated.stylesheet;\n        setCreateStyles({ ...updated, updateSheet } as any);\n      }\n    }\n  }, [cachedRules, rules, stylesheet, updateSheet]);\n  return classes;\n}\n"],
-  "mappings": "AAAA;AAEA;AAEA;AAEO,yBACL,OACA,SACA;AACA,QAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM,KAAK;AAC1D,QAAM,gBAAgB,QAAQ,MAAO,GAAE,GAAG,QAAQ,IAAmD,CAAC,OAAO,CAAC;AAC9G,QAAM,mBAAmB,OAAO,KAAK;AACrC,QAAM,cAAc,OAAO,OAAO,aAAa,cAAc,SAAS,cAAc,OAAO,IAAI,IAAI;AAEnG,QAAM,CAAC,EAAE,SAAS,YAAY,eAAe,mBAAmB,SAAS,MACvE,aAAsB,OAAO,EAAE,GAAG,eAAe,OAAO,MAAM,CAAC,CACjE;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,YAAY;AAAS;AAC1B,UAAM,EAAE,SAAS,MAAM;AACvB,aAAS,KAAK,YAAY,CAAC;AAC3B,WAAO,MAAM,EAAE,OAAO;AAAA,EACxB,GAAG,CAAC,CAAC;AACL,YAAU,MAAM;AACd,QAAI,CAAC,YAAY;AAAS;AAC1B,QAAI,CAAC,iBAAiB,WAAW,CAAC,YAAY,QAAQ,WAAW;AAC/D,uBAAiB,UAAU;AAC3B,kBAAY,QAAQ,YAAY;AAChC;AAAA,IACF,WAAW,CAAC,UAAU,OAAO,WAAW,GAAG;AACzC,qBAAe,KAAK;AACpB,YAAM,UAAU,YAAY,KAAK;AACjC,UAAI,mCAAS,YAAY;AACvB,oBAAY,QAAQ,YAAY,QAAQ;AACxC,wBAAgB,EAAE,GAAG,SAAS,YAAY,CAAQ;AAAA,MACpD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,YAAY,WAAW,CAAC;AAChD,SAAO;AACT;",
+  "sources": ["../../src/react/useCreateStyles.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport createStyles, { CreateStylesOptions } from '../createStyles';\nimport { SimpleStyleRules } from '../types';\nimport { deepEqual } from '../util';\n\nexport function useCreateStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [classKey in K]: string }>(\n  rules: T,\n  options?: Partial<Omit<CreateStylesOptions, 'flush'>>,\n) {\n  // state\n  const [cachedRules, setCachedRules] = React.useState(() => rules);\n  const [{ classes, stylesheet, updateSheet }, setCreateStyles] = React.useState(() =>\n    createStyles<T, K, O>(rules, { ...options, flush: false }),\n  );\n\n  // refs\n  const didFirstWriteRef = React.useRef(false);\n  const styleTagRef = React.useRef(typeof document !== 'undefined' ? document.createElement('style') : null);\n  const rulesRef = React.useRef(rules);\n  const cachedRulesRef = React.useRef(cachedRules);\n\n  // we leverage refs for these objects, as their referential equality is likely always changing.\n  // this prevent unnecessary executions of the effects below\n  rulesRef.current = rules;\n  cachedRulesRef.current = cachedRules;\n\n  // local variables\n  const rulesChanged = !deepEqual(rulesRef.current, cachedRulesRef.current);\n\n  // memos\n  const styleTag = React.useMemo(() => {\n    if (styleTagRef.current) return null;\n\n    return <style dangerouslySetInnerHTML={{ __html: stylesheet }} />;\n  }, [stylesheet]);\n\n  // effects\n  React.useEffect(() => {\n    if (!styleTagRef.current) return;\n\n    const { current: s } = styleTagRef;\n    document.head.appendChild(s);\n    return () => s.remove();\n  }, []);\n  React.useEffect(() => {\n    if (!styleTagRef.current) return;\n\n    if (!didFirstWriteRef.current && !styleTagRef.current.innerHTML) {\n      didFirstWriteRef.current = true;\n      styleTagRef.current.innerHTML = stylesheet;\n      return;\n    }\n    if (rulesChanged) {\n      setCachedRules(rulesRef.current);\n      const updated = updateSheet(rulesRef.current);\n      if (updated?.stylesheet) {\n        styleTagRef.current.innerHTML = updated.stylesheet;\n        setCreateStyles({ ...updated, updateSheet } as any);\n      }\n    }\n  }, [rulesChanged, stylesheet, updateSheet]);\n  return React.useMemo(() => ({ classes, styleTag }), [classes, styleTag]);\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,kBAA2C;AAElD,SAAS,iBAAiB;AAEnB,SAAS,gBACd,OACA,SACA;AAEA,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,MAAM,KAAK;AAChE,QAAM,CAAC,EAAE,SAAS,YAAY,YAAY,GAAG,eAAe,IAAI,MAAM;AAAA,IAAS,MAC7E,aAAsB,OAAO,EAAE,GAAG,SAAS,OAAO,MAAM,CAAC;AAAA,EAC3D;AAGA,QAAM,mBAAmB,MAAM,OAAO,KAAK;AAC3C,QAAM,cAAc,MAAM,OAAO,OAAO,aAAa,cAAc,SAAS,cAAc,OAAO,IAAI,IAAI;AACzG,QAAM,WAAW,MAAM,OAAO,KAAK;AACnC,QAAM,iBAAiB,MAAM,OAAO,WAAW;AAI/C,WAAS,UAAU;AACnB,iBAAe,UAAU;AAGzB,QAAM,eAAe,CAAC,UAAU,SAAS,SAAS,eAAe,OAAO;AAGxE,QAAM,WAAW,MAAM,QAAQ,MAAM;AACnC,QAAI,YAAY;AAAS,aAAO;AAEhC,WAAO,oCAAC,WAAM,yBAAyB,EAAE,QAAQ,WAAW,GAAG;AAAA,EACjE,GAAG,CAAC,UAAU,CAAC;AAGf,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,YAAY;AAAS;AAE1B,UAAM,EAAE,SAAS,EAAE,IAAI;AACvB,aAAS,KAAK,YAAY,CAAC;AAC3B,WAAO,MAAM,EAAE,OAAO;AAAA,EACxB,GAAG,CAAC,CAAC;AACL,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,YAAY;AAAS;AAE1B,QAAI,CAAC,iBAAiB,WAAW,CAAC,YAAY,QAAQ,WAAW;AAC/D,uBAAiB,UAAU;AAC3B,kBAAY,QAAQ,YAAY;AAChC;AAAA,IACF;AACA,QAAI,cAAc;AAChB,qBAAe,SAAS,OAAO;AAC/B,YAAM,UAAU,YAAY,SAAS,OAAO;AAC5C,UAAI,mCAAS,YAAY;AACvB,oBAAY,QAAQ,YAAY,QAAQ;AACxC,wBAAgB,EAAE,GAAG,SAAS,YAAY,CAAQ;AAAA,MACpD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,cAAc,YAAY,WAAW,CAAC;AAC1C,SAAO,MAAM,QAAQ,OAAO,EAAE,SAAS,SAAS,IAAI,CAAC,SAAS,QAAQ,CAAC;AACzE;",
   "names": []
 }

package/types.d.ts

@@ -2,6 +2,6 @@ import { Properties } from 'csstype';
 export interface SimpleStyleRules {
     [key: string]: Properties | SimpleStyleRules;
 }
-export declare type RenderableSimpleStyleRules = SimpleStyleRules & {
+export type RenderableSimpleStyleRules = SimpleStyleRules & {
     [selector: string]: Properties[];
 };

package/util/deepEqual.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/util/deepEqual.ts"],
   "sourcesContent": ["export function deepEqual<\n  O1 extends Record<string | number | symbol, any>,\n  O2 extends Record<string | number | symbol, any>,\n>(o1: O1, o2: O2): boolean {\n  // We'll sort the keys, just in case the user kept things the same but the object is all wonky, order-wise\n  const o1Keys = Object.keys(o1).sort();\n  const o2Keys = Object.keys(o2).sort();\n  if (o1Keys.length !== o2Keys.length) return false;\n  if (o1Keys.some((key, i) => o2Keys[i] !== key)) return false;\n  // Okay, the keys SHOULD be the same\n  // so we need to test their values, recursively, to verify equality\n  return o1Keys.reduce<boolean>((prev, key) => {\n    if (!prev) return prev; // we've already failed equality checks here\n    if (!(key in o2)) return false;\n    if (typeof o1[key] !== 'object') {\n      return prev && o1[key] === o2[key];\n    }\n    return prev && deepEqual(o1[key], o2[key]);\n  }, true);\n}\n"],
-  "mappings": "AAAO,mBAGL,IAAQ,IAAiB;AAEzB,QAAM,SAAS,OAAO,KAAK,EAAE,EAAE,KAAK;AACpC,QAAM,SAAS,OAAO,KAAK,EAAE,EAAE,KAAK;AACpC,MAAI,OAAO,WAAW,OAAO;AAAQ,WAAO;AAC5C,MAAI,OAAO,KAAK,CAAC,KAAK,MAAM,OAAO,OAAO,GAAG;AAAG,WAAO;AAGvD,SAAO,OAAO,OAAgB,CAAC,MAAM,QAAQ;AAC3C,QAAI,CAAC;AAAM,aAAO;AAClB,QAAI,CAAE,QAAO;AAAK,aAAO;AACzB,QAAI,OAAO,GAAG,SAAS,UAAU;AAC/B,aAAO,QAAQ,GAAG,SAAS,GAAG;AAAA,IAChC;AACA,WAAO,QAAQ,UAAU,GAAG,MAAM,GAAG,IAAI;AAAA,EAC3C,GAAG,IAAI;AACT;",
+  "mappings": "AAAO,SAAS,UAGd,IAAQ,IAAiB;AAEzB,QAAM,SAAS,OAAO,KAAK,EAAE,EAAE,KAAK;AACpC,QAAM,SAAS,OAAO,KAAK,EAAE,EAAE,KAAK;AACpC,MAAI,OAAO,WAAW,OAAO;AAAQ,WAAO;AAC5C,MAAI,OAAO,KAAK,CAAC,KAAK,MAAM,OAAO,CAAC,MAAM,GAAG;AAAG,WAAO;AAGvD,SAAO,OAAO,OAAgB,CAAC,MAAM,QAAQ;AAC3C,QAAI,CAAC;AAAM,aAAO;AAClB,QAAI,EAAE,OAAO;AAAK,aAAO;AACzB,QAAI,OAAO,GAAG,GAAG,MAAM,UAAU;AAC/B,aAAO,QAAQ,GAAG,GAAG,MAAM,GAAG,GAAG;AAAA,IACnC;AACA,WAAO,QAAQ,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAAA,EAC3C,GAAG,IAAI;AACT;",
   "names": []
 }

package/util/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/util/index.ts", "../../../src/util/deepEqual.ts"],
   "sourcesContent": ["export * from './deepEqual';\n", "export function deepEqual<\n  O1 extends Record<string | number | symbol, any>,\n  O2 extends Record<string | number | symbol, any>,\n>(o1: O1, o2: O2): boolean {\n  // We'll sort the keys, just in case the user kept things the same but the object is all wonky, order-wise\n  const o1Keys = Object.keys(o1).sort();\n  const o2Keys = Object.keys(o2).sort();\n  if (o1Keys.length !== o2Keys.length) return false;\n  if (o1Keys.some((key, i) => o2Keys[i] !== key)) return false;\n  // Okay, the keys SHOULD be the same\n  // so we need to test their values, recursively, to verify equality\n  return o1Keys.reduce<boolean>((prev, key) => {\n    if (!prev) return prev; // we've already failed equality checks here\n    if (!(key in o2)) return false;\n    if (typeof o1[key] !== 'object') {\n      return prev && o1[key] === o2[key];\n    }\n    return prev && deepEqual(o1[key], o2[key]);\n  }, true);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,mBAGL,IAAQ,IAAiB;AAEzB,QAAM,SAAS,OAAO,KAAK,EAAE,EAAE,KAAK;AACpC,QAAM,SAAS,OAAO,KAAK,EAAE,EAAE,KAAK;AACpC,MAAI,OAAO,WAAW,OAAO;AAAQ,WAAO;AAC5C,MAAI,OAAO,KAAK,CAAC,KAAK,MAAM,OAAO,OAAO,GAAG;AAAG,WAAO;AAGvD,SAAO,OAAO,OAAgB,CAAC,MAAM,QAAQ;AAC3C,QAAI,CAAC;AAAM,aAAO;AAClB,QAAI,CAAE,QAAO;AAAK,aAAO;AACzB,QAAI,OAAO,GAAG,SAAS,UAAU;AAC/B,aAAO,QAAQ,GAAG,SAAS,GAAG;AAAA,IAChC;AACA,WAAO,QAAQ,UAAU,GAAG,MAAM,GAAG,IAAI;AAAA,EAC3C,GAAG,IAAI;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,SAAS,UAGd,IAAQ,IAAiB;AAEzB,QAAM,SAAS,OAAO,KAAK,EAAE,EAAE,KAAK;AACpC,QAAM,SAAS,OAAO,KAAK,EAAE,EAAE,KAAK;AACpC,MAAI,OAAO,WAAW,OAAO;AAAQ,WAAO;AAC5C,MAAI,OAAO,KAAK,CAAC,KAAK,MAAM,OAAO,CAAC,MAAM,GAAG;AAAG,WAAO;AAGvD,SAAO,OAAO,OAAgB,CAAC,MAAM,QAAQ;AAC3C,QAAI,CAAC;AAAM,aAAO;AAClB,QAAI,EAAE,OAAO;AAAK,aAAO;AACzB,QAAI,OAAO,GAAG,GAAG,MAAM,UAAU;AAC/B,aAAO,QAAQ,GAAG,GAAG,MAAM,GAAG,GAAG;AAAA,IACnC;AACA,WAAO,QAAQ,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAAA,EAC3C,GAAG,IAAI;AACT;",
   "names": []
 }