simplestyle-js 3.3.0 → 3.3.1-beta.0

package/vite.config.ts

@@ -0,0 +1,9 @@
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    environment: 'jsdom',
+  },
+});

package/createStyles.d.ts

@@ -1,36 +0,0 @@
-import { Properties } from 'csstype';
-import { SimpleStyleRules } from './types';
-export type CreateStylesOptions = Partial<{
-    /**
-     * If true, automatically renders generated styles
-     * to the DOM in an injected <style /> tag
-     */
-    flush: boolean;
-    /**
-     * If set, along with flush: true,
-     * will render the injected <style /> after this element
-     */
-    insertAfter?: HTMLElement;
-    /**
-     * If set, along with flush: true,
-     * will render the injects <style /> before this element
-     */
-    insertBefore?: HTMLElement;
-}>;
-export declare function rawStyles<T extends SimpleStyleRules, K extends keyof T, O extends {
-    [key in K]: string;
-}>(rules: T, options?: Partial<CreateStylesOptions>): string;
-export declare function keyframes<T extends {
-    [increment: string]: Properties;
-}>(frames: T, options?: CreateStylesOptions): [string, string];
-export default function createStyles<T extends SimpleStyleRules, K extends keyof T, O extends {
-    [classKey in K]: string;
-}>(rules: T, options?: Partial<CreateStylesOptions>): {
-    classes: O;
-    stylesheet: string;
-    updateSheet: <T2 extends SimpleStyleRules, K2 extends keyof T2, O2 extends { [classKey in K2]: string; }>(updatedRules: Partial<T2>) => {
-        classes: string | number | keyof T2 extends infer T extends keyof T_1 ? { [classKey_1 in T]: string; } : never;
-        stylesheet: string;
-    } | null;
-};
-export type CreateStylesArgs = Parameters<typeof createStyles>;

package/createStyles.js

@@ -1,192 +0,0 @@
-import merge from "deepmerge";
-import { generateClassName } from "./generateClassName";
-import { getPosthooks } from "./plugins";
-function isNestedSelector(r) {
-  return /&/g.test(r);
-}
-function isMedia(r) {
-  return r.toLowerCase().startsWith("@media");
-}
-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};`,
-    ""
-  );
-}
-function execCreateStyles(rules, options, parentSelector, noGenerateClassName = false) {
-  const out = {};
-  let sheetBuffer = "";
-  let mediaQueriesBuffer = "";
-  const styleEntries = Object.entries(rules);
-  let ruleWriteOpen = false;
-  const guardCloseRuleWrite = () => {
-    if (ruleWriteOpen)
-      sheetBuffer += "}";
-    ruleWriteOpen = false;
-  };
-  for (const [classNameOrCSSRule, classNameRules] of styleEntries) {
-    if (isMedia(classNameOrCSSRule)) {
-      if (typeof classNameRules !== "object")
-        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
-      );
-      mediaQueriesBuffer += regularOutput;
-      mediaQueriesBuffer += "}";
-      mediaQueriesBuffer += mediaQueriesOutput;
-    } else if (isNestedSelector(classNameOrCSSRule)) {
-      if (!parentSelector)
-        throw new Error("Unable to generate nested rule because parentSelector is missing");
-      guardCloseRuleWrite();
-      const replaced = classNameOrCSSRule.replace(/&/g, parentSelector);
-      for (const selector of replaced.split(/,\s*/)) {
-        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(
-          classNameRules,
-          options,
-          selector
-        );
-        sheetBuffer += regularOutput;
-        mediaQueriesBuffer += mediaQueriesOutput;
-      }
-    } else if (!parentSelector && typeof classNameRules === "object") {
-      guardCloseRuleWrite();
-      const generated = noGenerateClassName ? classNameOrCSSRule : generateClassName(classNameOrCSSRule);
-      out[classNameOrCSSRule] = generated;
-      const generatedSelector = `${noGenerateClassName ? "" : "."}${generated}`;
-      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(
-        classNameRules,
-        options,
-        generatedSelector
-      );
-      sheetBuffer += regularOutput;
-      mediaQueriesBuffer += mediaQueriesOutput;
-    } else {
-      if (!parentSelector)
-        throw new Error("Unable to write css props because parent selector is null");
-      if (!ruleWriteOpen) {
-        sheetBuffer += `${parentSelector}{${formatCSSRules({ [classNameOrCSSRule]: classNameRules })}`;
-        ruleWriteOpen = true;
-      } else
-        sheetBuffer += formatCSSRules({ [classNameOrCSSRule]: classNameRules });
-    }
-  }
-  guardCloseRuleWrite();
-  return {
-    classes: out,
-    sheetBuffer,
-    mediaQueriesBuffer
-  };
-}
-function replaceBackReferences(out, sheetContents) {
-  let outputSheetContents = sheetContents;
-  const toReplace = [];
-  const toReplaceRegex = /\$\w([a-zA-Z0-9_-]+)?/gm;
-  let matches = toReplaceRegex.exec(outputSheetContents);
-  while (matches) {
-    toReplace.push(matches[0].valueOf());
-    matches = toReplaceRegex.exec(outputSheetContents);
-  }
-  for (const r of toReplace) {
-    outputSheetContents = outputSheetContents.replace(r, `.${out[r.substring(1)]}`);
-  }
-  return getPosthooks().reduce((prev, hook) => hook(prev), outputSheetContents);
-}
-function createSheet(sheetContents) {
-  var _a;
-  if (typeof document === "undefined")
-    return null;
-  if (typeof ((_a = document == null ? void 0 : document.head) == null ? void 0 : _a.appendChild) !== "function" || typeof (document == null ? void 0 : document.createElement) !== "function")
-    return null;
-  const styleTag = document.createElement("style");
-  styleTag.innerHTML = sheetContents;
-  return styleTag;
-}
-function flushSheetContents(sheetContents, options) {
-  var _a, _b;
-  const styleTag = createSheet(sheetContents);
-  if (styleTag) {
-    if ((options == null ? void 0 : options.insertAfter) && (options == null ? void 0 : options.insertBefore)) {
-      throw new Error("Both insertAfter and insertBefore were provided. Please choose only one.");
-    }
-    if ((_a = options == null ? void 0 : options.insertAfter) == null ? void 0 : _a.after)
-      options.insertAfter.after(styleTag);
-    else if ((_b = options == null ? void 0 : options.insertBefore) == null ? void 0 : _b.before)
-      options.insertBefore.before(styleTag);
-    else
-      document.head.appendChild(styleTag);
-  }
-  return styleTag;
-}
-function coerceCreateStylesOptions(options) {
-  return {
-    flush: options && typeof options.flush === "boolean" ? options.flush : true
-  };
-}
-function rawStyles(rules, options) {
-  const coerced = coerceCreateStylesOptions(options);
-  const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(
-    rules,
-    coerced,
-    null,
-    true
-  );
-  const mergedContents = `${sheetContents}${mediaQueriesContents}`;
-  if (coerced.flush)
-    flushSheetContents(mergedContents, options);
-  return mergedContents;
-}
-function keyframes(frames, options) {
-  const coerced = coerceCreateStylesOptions(options);
-  const keyframeName = generateClassName("keyframes_");
-  const { sheetBuffer: keyframesContents } = execCreateStyles(frames, coerced, null, true);
-  const sheetContents = `@keyframes ${keyframeName}{${keyframesContents}}`;
-  if (coerced.flush)
-    flushSheetContents(sheetContents);
-  return [keyframeName, sheetContents];
-}
-function createStyles(rules, options) {
-  const coerced = coerceCreateStylesOptions(options);
-  const {
-    classes: out,
-    sheetBuffer: sheetContents,
-    mediaQueriesBuffer: mediaQueriesContents
-  } = execCreateStyles(rules, coerced, null);
-  const mergedContents = `${sheetContents}${mediaQueriesContents}`;
-  const replacedSheetContents = replaceBackReferences(out, mergedContents);
-  let sheet = null;
-  const updateSheet = (updatedRules) => {
-    if (((options == null ? void 0 : options.flush) && sheet || !(options == null ? void 0 : options.flush)) && updatedRules) {
-      const {
-        classes: updatedOut,
-        sheetBuffer: updatedSheetContents,
-        mediaQueriesBuffer: updatedMediaQueriesContents
-      } = execCreateStyles(merge(rules, updatedRules), { flush: false }, null);
-      const updatedMergedContents = `${updatedSheetContents}${updatedMediaQueriesContents}`;
-      const updatedReplacedSheetContents = replaceBackReferences(out, updatedMergedContents);
-      if (sheet)
-        sheet.innerHTML = updatedReplacedSheetContents;
-      return { classes: updatedOut, stylesheet: updatedSheetContents };
-    }
-    return null;
-  };
-  if (coerced.flush)
-    sheet = flushSheetContents(replacedSheetContents, options);
-  return {
-    classes: out,
-    stylesheet: replacedSheetContents,
-    updateSheet
-  };
-}
-export {
-  createStyles as default,
-  keyframes,
-  rawStyles
-};
-//# sourceMappingURL=createStyles.js.map

package/createStyles.js.map

@@ -1,7 +0,0 @@
-{
-  "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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",
-  "names": []
-}

package/generateClassName.d.ts

@@ -1,3 +0,0 @@
-export declare function setSeed(seed: number | null): void;
-export declare function getUniqueSuffix(): string;
-export declare function generateClassName(c: string): string;

package/generateClassName.js

@@ -1,47 +0,0 @@
-import numToAlpha from "./numToAlpha";
-let inc = Date.now();
-function setSeed(seed) {
-  if (seed === null) {
-    inc = Date.now();
-    return;
-  }
-  if (typeof seed !== "number")
-    throw Error("Unable to setSeed as provided seed was not a valid number");
-  if (seed === Number.MAX_SAFE_INTEGER)
-    throw Error("Unable to setSeed because the seed was already the maximum safe JavaScript number allowed");
-  if (seed === Number.POSITIVE_INFINITY || seed === Number.NEGATIVE_INFINITY)
-    throw new Error("Unable to setSeed. Positive or negative infinity is not allowed");
-  if (seed < 0)
-    throw new Error("Unable to setSeed. Seed must be a number >= 0");
-  inc = seed;
-}
-const numPairsRegex = /(\d{1,2})/g;
-function getUniqueSuffix() {
-  const numPairs = [];
-  const incStr = inc.toString();
-  let result = numPairsRegex.exec(incStr);
-  while (result) {
-    numPairs.push(result[0]);
-    result = numPairsRegex.exec(incStr);
-  }
-  let out = "_";
-  numPairs.forEach((pair) => {
-    const val = +pair;
-    if (val > 25) {
-      const [first, second] = pair.split("");
-      out += `${numToAlpha(Number(first))}${numToAlpha(Number(second))}`;
-    } else
-      out += numToAlpha(val);
-  });
-  inc += 1;
-  return out;
-}
-function generateClassName(c) {
-  return `${c}${getUniqueSuffix()}`;
-}
-export {
-  generateClassName,
-  getUniqueSuffix,
-  setSeed
-};
-//# sourceMappingURL=generateClassName.js.map

package/generateClassName.js.map

@@ -1,7 +0,0 @@
-{
-  "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(Number(first))}${numToAlpha(Number(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,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,OAAO,KAAK,CAAC,IAAI,WAAW,OAAO,MAAM,CAAC;AAAA,IACjE;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

@@ -1,285 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-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
-var src_exports = {};
-__export(src_exports, {
-  createStyles: () => createStyles,
-  keyframes: () => keyframes,
-  rawStyles: () => rawStyles,
-  registerPosthook: () => registerPosthook,
-  setSeed: () => setSeed
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/createStyles.ts
-var import_deepmerge = __toESM(require("deepmerge"));
-
-// src/numToAlpha.ts
-var alphas = "abcdefghijklmnopqrstuvwxyz".split("");
-function numToAlpha(num) {
-  return String(alphas[num]);
-}
-
-// src/generateClassName.ts
-var inc = Date.now();
-function setSeed(seed) {
-  if (seed === null) {
-    inc = Date.now();
-    return;
-  }
-  if (typeof seed !== "number")
-    throw Error("Unable to setSeed as provided seed was not a valid number");
-  if (seed === Number.MAX_SAFE_INTEGER)
-    throw Error("Unable to setSeed because the seed was already the maximum safe JavaScript number allowed");
-  if (seed === Number.POSITIVE_INFINITY || seed === Number.NEGATIVE_INFINITY)
-    throw new Error("Unable to setSeed. Positive or negative infinity is not allowed");
-  if (seed < 0)
-    throw new Error("Unable to setSeed. Seed must be a number >= 0");
-  inc = seed;
-}
-var numPairsRegex = /(\d{1,2})/g;
-function getUniqueSuffix() {
-  const numPairs = [];
-  const incStr = inc.toString();
-  let result = numPairsRegex.exec(incStr);
-  while (result) {
-    numPairs.push(result[0]);
-    result = numPairsRegex.exec(incStr);
-  }
-  let out = "_";
-  numPairs.forEach((pair) => {
-    const val = +pair;
-    if (val > 25) {
-      const [first, second] = pair.split("");
-      out += `${numToAlpha(Number(first))}${numToAlpha(Number(second))}`;
-    } else
-      out += numToAlpha(val);
-  });
-  inc += 1;
-  return out;
-}
-function generateClassName(c) {
-  return `${c}${getUniqueSuffix()}`;
-}
-
-// src/plugins.ts
-var posthooks = [];
-function getPosthooks() {
-  return posthooks;
-}
-function registerPosthook(posthook) {
-  posthooks.push(posthook);
-}
-
-// src/createStyles.ts
-function isNestedSelector(r) {
-  return /&/g.test(r);
-}
-function isMedia(r) {
-  return r.toLowerCase().startsWith("@media");
-}
-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};`,
-    ""
-  );
-}
-function execCreateStyles(rules, options, parentSelector, noGenerateClassName = false) {
-  const out = {};
-  let sheetBuffer = "";
-  let mediaQueriesBuffer = "";
-  const styleEntries = Object.entries(rules);
-  let ruleWriteOpen = false;
-  const guardCloseRuleWrite = () => {
-    if (ruleWriteOpen)
-      sheetBuffer += "}";
-    ruleWriteOpen = false;
-  };
-  for (const [classNameOrCSSRule, classNameRules] of styleEntries) {
-    if (isMedia(classNameOrCSSRule)) {
-      if (typeof classNameRules !== "object")
-        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
-      );
-      mediaQueriesBuffer += regularOutput;
-      mediaQueriesBuffer += "}";
-      mediaQueriesBuffer += mediaQueriesOutput;
-    } else if (isNestedSelector(classNameOrCSSRule)) {
-      if (!parentSelector)
-        throw new Error("Unable to generate nested rule because parentSelector is missing");
-      guardCloseRuleWrite();
-      const replaced = classNameOrCSSRule.replace(/&/g, parentSelector);
-      for (const selector of replaced.split(/,\s*/)) {
-        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(
-          classNameRules,
-          options,
-          selector
-        );
-        sheetBuffer += regularOutput;
-        mediaQueriesBuffer += mediaQueriesOutput;
-      }
-    } else if (!parentSelector && typeof classNameRules === "object") {
-      guardCloseRuleWrite();
-      const generated = noGenerateClassName ? classNameOrCSSRule : generateClassName(classNameOrCSSRule);
-      out[classNameOrCSSRule] = generated;
-      const generatedSelector = `${noGenerateClassName ? "" : "."}${generated}`;
-      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(
-        classNameRules,
-        options,
-        generatedSelector
-      );
-      sheetBuffer += regularOutput;
-      mediaQueriesBuffer += mediaQueriesOutput;
-    } else {
-      if (!parentSelector)
-        throw new Error("Unable to write css props because parent selector is null");
-      if (!ruleWriteOpen) {
-        sheetBuffer += `${parentSelector}{${formatCSSRules({ [classNameOrCSSRule]: classNameRules })}`;
-        ruleWriteOpen = true;
-      } else
-        sheetBuffer += formatCSSRules({ [classNameOrCSSRule]: classNameRules });
-    }
-  }
-  guardCloseRuleWrite();
-  return {
-    classes: out,
-    sheetBuffer,
-    mediaQueriesBuffer
-  };
-}
-function replaceBackReferences(out, sheetContents) {
-  let outputSheetContents = sheetContents;
-  const toReplace = [];
-  const toReplaceRegex = /\$\w([a-zA-Z0-9_-]+)?/gm;
-  let matches = toReplaceRegex.exec(outputSheetContents);
-  while (matches) {
-    toReplace.push(matches[0].valueOf());
-    matches = toReplaceRegex.exec(outputSheetContents);
-  }
-  for (const r of toReplace) {
-    outputSheetContents = outputSheetContents.replace(r, `.${out[r.substring(1)]}`);
-  }
-  return getPosthooks().reduce((prev, hook) => hook(prev), outputSheetContents);
-}
-function createSheet(sheetContents) {
-  var _a;
-  if (typeof document === "undefined")
-    return null;
-  if (typeof ((_a = document == null ? void 0 : document.head) == null ? void 0 : _a.appendChild) !== "function" || typeof (document == null ? void 0 : document.createElement) !== "function")
-    return null;
-  const styleTag = document.createElement("style");
-  styleTag.innerHTML = sheetContents;
-  return styleTag;
-}
-function flushSheetContents(sheetContents, options) {
-  var _a, _b;
-  const styleTag = createSheet(sheetContents);
-  if (styleTag) {
-    if ((options == null ? void 0 : options.insertAfter) && (options == null ? void 0 : options.insertBefore)) {
-      throw new Error("Both insertAfter and insertBefore were provided. Please choose only one.");
-    }
-    if ((_a = options == null ? void 0 : options.insertAfter) == null ? void 0 : _a.after)
-      options.insertAfter.after(styleTag);
-    else if ((_b = options == null ? void 0 : options.insertBefore) == null ? void 0 : _b.before)
-      options.insertBefore.before(styleTag);
-    else
-      document.head.appendChild(styleTag);
-  }
-  return styleTag;
-}
-function coerceCreateStylesOptions(options) {
-  return {
-    flush: options && typeof options.flush === "boolean" ? options.flush : true
-  };
-}
-function rawStyles(rules, options) {
-  const coerced = coerceCreateStylesOptions(options);
-  const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(
-    rules,
-    coerced,
-    null,
-    true
-  );
-  const mergedContents = `${sheetContents}${mediaQueriesContents}`;
-  if (coerced.flush)
-    flushSheetContents(mergedContents, options);
-  return mergedContents;
-}
-function keyframes(frames, options) {
-  const coerced = coerceCreateStylesOptions(options);
-  const keyframeName = generateClassName("keyframes_");
-  const { sheetBuffer: keyframesContents } = execCreateStyles(frames, coerced, null, true);
-  const sheetContents = `@keyframes ${keyframeName}{${keyframesContents}}`;
-  if (coerced.flush)
-    flushSheetContents(sheetContents);
-  return [keyframeName, sheetContents];
-}
-function createStyles(rules, options) {
-  const coerced = coerceCreateStylesOptions(options);
-  const {
-    classes: out,
-    sheetBuffer: sheetContents,
-    mediaQueriesBuffer: mediaQueriesContents
-  } = execCreateStyles(rules, coerced, null);
-  const mergedContents = `${sheetContents}${mediaQueriesContents}`;
-  const replacedSheetContents = replaceBackReferences(out, mergedContents);
-  let sheet = null;
-  const updateSheet = (updatedRules) => {
-    if (((options == null ? void 0 : options.flush) && sheet || !(options == null ? void 0 : options.flush)) && updatedRules) {
-      const {
-        classes: updatedOut,
-        sheetBuffer: updatedSheetContents,
-        mediaQueriesBuffer: updatedMediaQueriesContents
-      } = execCreateStyles((0, import_deepmerge.default)(rules, updatedRules), { flush: false }, null);
-      const updatedMergedContents = `${updatedSheetContents}${updatedMediaQueriesContents}`;
-      const updatedReplacedSheetContents = replaceBackReferences(out, updatedMergedContents);
-      if (sheet)
-        sheet.innerHTML = updatedReplacedSheetContents;
-      return { classes: updatedOut, stylesheet: updatedSheetContents };
-    }
-    return null;
-  };
-  if (coerced.flush)
-    sheet = flushSheetContents(replacedSheetContents, options);
-  return {
-    classes: out,
-    stylesheet: replacedSheetContents,
-    updateSheet
-  };
-}
-//# sourceMappingURL=index.js.map

package/index.d.ts

@@ -1,6 +0,0 @@
-export type { CreateStylesArgs, CreateStylesOptions } from './createStyles';
-export { default as createStyles, keyframes, rawStyles } from './createStyles';
-export { setSeed } from './generateClassName';
-export type { PosthookPlugin } from './plugins';
-export { registerPosthook } from './plugins';
-export type { SimpleStyleRules } from './types';

package/index.js

@@ -1,11 +0,0 @@
-import { default as default2, keyframes, rawStyles } from "./createStyles";
-import { setSeed } from "./generateClassName";
-import { registerPosthook } from "./plugins";
-export {
-  default2 as createStyles,
-  keyframes,
-  rawStyles,
-  registerPosthook,
-  setSeed
-};
-//# sourceMappingURL=index.js.map