@tamagui/core 1.0.0-alpha.31 → 1.0.0-alpha.38

package/dist/jsx/createTokens.js

@@ -1,32 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { createVariable } from "./createVariable";
-import { validateTokens } from "./helpers/validate";
-function createTokens(tokens) {
-  if (process.env.NODE_ENV === "development") {
-    validateTokens(tokens);
-  }
-  return setupTokens(tokens);
-}
-__name(createTokens, "createTokens");
-function setupTokens(tokens) {
-  return mapTokensToVariables(tokens);
-}
-__name(setupTokens, "setupTokens");
-const mapTokensToVariables = /* @__PURE__ */ __name((tokens, parentPath = "") => {
-  const res = {};
-  for (const key in tokens) {
-    const val = tokens[key];
-    const name = parentPath ? `${parentPath}-${key}` : key;
-    if (val && typeof val === "object") {
-      res[key] = mapTokensToVariables(tokens[key], name);
-    } else {
-      res[key] = createVariable({ val, name });
-    }
-  }
-  return res;
-}, "mapTokensToVariables");
-export {
-  createTokens,
-  mapTokensToVariables
-};

package/dist/jsx/createVariable.js

@@ -1,24 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { isWeb } from "./constants/platform";
-class Variable {
-  constructor({ val, name }) {
-    this.val = val;
-    this.name = name;
-    this.variable = isWeb ? `var(--${name})` : this.val;
-  }
-  toString() {
-    return `${isWeb ? this.variable : this.val}`;
-  }
-}
-__name(Variable, "Variable");
-const createVariable = /* @__PURE__ */ __name((props) => new Variable(props), "createVariable");
-function isVariable(v) {
-  return v instanceof Variable;
-}
-__name(isVariable, "isVariable");
-export {
-  Variable,
-  createVariable,
-  isVariable
-};

package/dist/jsx/helpers/addStylesUsingClassname.js

@@ -1,56 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { useInsertionEffect } from "react";
-import { getStylesAtomic } from "./getStylesAtomic";
-import { insertStyleRule } from "./insertStyleRule";
-let added = new Set();
-function useStylesAsClassname(styles) {
-  if (!useInsertionEffect) {
-    return addStylesUsingClassname(styles);
-  } else {
-    const insertions = [];
-    const className = addStylesUsingClassname(styles, (_, rules) => {
-      for (const rule of rules) {
-        insertions.push(rule);
-      }
-    });
-    useInsertionEffect(() => {
-      for (const ruleset of insertions) {
-        insertStyleRule(ruleset);
-      }
-    });
-    return className;
-  }
-}
-__name(useStylesAsClassname, "useStylesAsClassname");
-function addStylesUsingClassname(styles, onAdd) {
-  let className = "";
-  for (const style of styles) {
-    if (!style)
-      continue;
-    if (Array.isArray(style)) {
-      className += " " + addStylesUsingClassname(style);
-      continue;
-    }
-    for (const { identifier, rules } of getStylesAtomic(style)) {
-      className += ` ${identifier}`;
-      if (added.has(identifier)) {
-        continue;
-      }
-      added.add(identifier);
-      if (onAdd) {
-        onAdd(identifier, rules);
-      } else {
-        for (const rule of rules) {
-          insertStyleRule(rule);
-        }
-      }
-    }
-  }
-  return className;
-}
-__name(addStylesUsingClassname, "addStylesUsingClassname");
-export {
-  addStylesUsingClassname,
-  useStylesAsClassname
-};

package/dist/jsx/helpers/createMediaStyle.js

@@ -1,33 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { mediaObjectToString } from "../hooks/useMedia";
-const MEDIA_SEP = "_";
-const createMediaStyle = /* @__PURE__ */ __name(({ identifier, rules }, mediaKey, mediaQueries, negate, importance = 0) => {
-  const mediaKeys = Object.keys(mediaQueries);
-  const mediaKeyPrecendence = mediaKeys.reduce((acc, cur, i) => {
-    acc[cur] = new Array(importance + 1).fill(":root").join("");
-    return acc;
-  }, {});
-  const negKey = negate ? "0" : "";
-  const ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1);
-  const nextIdentifier = `${identifier.replace(ogPrefix, `${ogPrefix}${MEDIA_SEP}${mediaKey}${negKey}${MEDIA_SEP}`)}`;
-  const screenStr = negate ? "not all" : "screen";
-  const mediaSelector = mediaObjectToString(mediaQueries[mediaKey]);
-  const mediaQuery = `${screenStr} and ${mediaSelector}`;
-  const precendencePrefix = mediaKeyPrecendence[mediaKey];
-  const styleInner = rules[0].replace(identifier, nextIdentifier);
-  let styleRule = "";
-  if (styleInner.includes("@media")) {
-    styleRule = styleInner.replace("{", ` and ${mediaQuery} {`);
-  } else {
-    styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`;
-  }
-  return {
-    styleRule,
-    identifier: nextIdentifier
-  };
-}, "createMediaStyle");
-export {
-  MEDIA_SEP,
-  createMediaStyle
-};

package/dist/jsx/helpers/createPropMapper.js

@@ -1,159 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { isWeb } from "../constants/platform";
-import { getTamagui } from "../createTamagui";
-import { Variable } from "../createVariable";
-import { isObj } from "./isObj";
-const createPropMapper = /* @__PURE__ */ __name((c) => {
-  const variants = c.variants;
-  let variantsParsed;
-  const defaultProps = c.defaultProps || {};
-  return (key, value, theme, props) => {
-    const conf = getTamagui();
-    if (!conf) {
-      console.trace("no conf! err");
-      return;
-    }
-    if (variants && !variantsParsed) {
-      variantsParsed = parseVariants(variants, conf);
-    }
-    let fontFamily = props.fontFamily || defaultProps.fontFamily || "$body";
-    const variant = variantsParsed?.[key];
-    if (variant && typeof value !== "undefined") {
-      const val = value === true ? variant["$true"] || variant["true"] : variant[value] ?? variant["..."] ?? value;
-      const res = typeof val === "function" ? val(value, { tokens: conf.tokensParsed, theme, props }) : isObj(val) ? { ...val } : val;
-      if (isObj(res)) {
-        resolveTokens(res, conf, theme, fontFamily);
-      }
-      return res;
-    }
-    let shouldReturn = false;
-    if (conf.shorthands[key]) {
-      shouldReturn = true;
-      key = conf.shorthands[key];
-    }
-    if (value && value[0] === "$") {
-      shouldReturn = true;
-      value = getToken(key, value, conf, theme, fontFamily);
-    }
-    if (value instanceof Variable) {
-      shouldReturn = true;
-      value = value.variable;
-    }
-    if (shouldReturn) {
-      return {
-        [key]: value
-      };
-    }
-  };
-}, "createPropMapper");
-const resolveTokens = /* @__PURE__ */ __name((res, conf, theme, fontFamily) => {
-  for (const rKey in res) {
-    const fKey = conf.shorthands[rKey] || rKey;
-    const val = res[rKey];
-    if (val instanceof Variable) {
-      res[fKey] = val.variable;
-    } else if (typeof val === "string") {
-      const fVal = val[0] === "$" ? getToken(fKey, val, conf, theme, fontFamily) : val;
-      res[fKey] = fVal;
-    } else {
-      if (isObj(val)) {
-        resolveTokens(val, conf, theme, fontFamily);
-      }
-    }
-  }
-}, "resolveTokens");
-const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed }, theme, fontFamily = "$body") => {
-  if (themeParsed[value]) {
-    if (isWeb && themeParsed[value].variable) {
-      return themeParsed[value].variable;
-    } else {
-      if (value && value[0] === "$") {
-        return theme[`${value.slice(1)}`]?.val || themeParsed[value]?.val;
-      }
-    }
-  }
-  let valOrVar;
-  if (key === "fontFamily") {
-    valOrVar = tokensParsed.font[value]?.family || value;
-  }
-  if (key === "fontSize") {
-    valOrVar = tokensParsed.font[fontFamily]?.size[value] || value;
-  }
-  if (key === "lineHeight") {
-    valOrVar = tokensParsed.font[fontFamily]?.lineHeight[value] || value;
-  }
-  if (key === "letterSpacing") {
-    valOrVar = tokensParsed.font[fontFamily]?.letterSpacing[value] || value;
-  }
-  if (key === "fontWeight") {
-    valOrVar = tokensParsed.font[fontFamily]?.weight[value] || value;
-  }
-  if (typeof valOrVar !== "undefined") {
-    if (valOrVar instanceof Variable) {
-      return valOrVar.variable;
-    } else {
-      return valOrVar;
-    }
-  }
-  for (const cat in tokenCategories) {
-    if (tokenCategories[cat][key]) {
-      const res = tokensParsed[cat][value];
-      if (res) {
-        return res.variable;
-      } else {
-        const themeVar = themeParsed[value];
-        if (themeVar) {
-          return themeVar.variable;
-        }
-      }
-    }
-  }
-  const spaceVar = tokensParsed.space[value];
-  if (spaceVar) {
-    return spaceVar.variable;
-  }
-  return value;
-}, "getToken");
-const tokenCategories = {
-  size: {
-    width: true,
-    height: true,
-    minWidth: true,
-    minHeight: true,
-    maxWidth: true,
-    maxHeight: true
-  },
-  color: {
-    color: true,
-    backgroundColor: true,
-    borderColor: true,
-    borderBottomColor: true,
-    borderTopColor: true,
-    borderLeftColor: true,
-    borderRightColor: true
-  }
-};
-function parseVariants(variants, conf) {
-  return Object.keys(variants).reduce((acc, key) => {
-    acc[key] = Object.keys(variants[key]).reduce((vacc, vkey) => {
-      const variantVal = variants[key][vkey];
-      if (vkey.startsWith("...")) {
-        vacc["..."] = variantVal;
-        const tokenKey = vkey.slice(3);
-        const tokens = conf.tokens[tokenKey];
-        for (const tkey in tokens) {
-          vacc[`$${tkey}`] = variantVal;
-        }
-      } else {
-        vacc[vkey] = variantVal;
-      }
-      return vacc;
-    }, {});
-    return acc;
-  }, {});
-}
-__name(parseVariants, "parseVariants");
-export {
-  createPropMapper
-};

package/dist/jsx/helpers/createTamaguiProvider.js

@@ -1,19 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import * as React from "react";
-import { TextAncestorProvider } from "../views/TextAncestorContext";
-import { ThemeProvider } from "../views/ThemeProvider";
-function createTamaguiProvider(themeProps) {
-  return /* @__PURE__ */ __name(function TamaguiProvider({
-    initialWindowMetrics,
-    fallback,
-    children,
-    ...themePropsProvider
-  }) {
-    return <TextAncestorProvider><ThemeProvider {...themeProps} {...themePropsProvider}><React.Suspense fallback={fallback || null}>{children}</React.Suspense></ThemeProvider></TextAncestorProvider>;
-  }, "TamaguiProvider");
-}
-__name(createTamaguiProvider, "createTamaguiProvider");
-export {
-  createTamaguiProvider
-};

package/dist/jsx/helpers/extendStaticConfig.js

@@ -1,58 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { createPropMapper } from "./createPropMapper";
-function extendStaticConfig(Component, config = {}) {
-  const parent = Component || {};
-  if (!parent.staticConfig) {
-    parent.staticConfig = {
-      Component
-    };
-  }
-  const variants = {
-    ...parent.staticConfig.variants
-  };
-  if (config.variants) {
-    for (const key in config.variants) {
-      if (variants[key]) {
-        variants[key] = {
-          ...variants[key],
-          ...config.variants[key]
-        };
-      } else {
-        variants[key] = config.variants[key];
-      }
-    }
-  }
-  return parseStaticConfig({
-    ...parent.staticConfig,
-    isZStack: config.isZStack || parent.staticConfig.isZStack,
-    variants,
-    isText: config.isText || parent.staticConfig.isText || false,
-    neverFlatten: config.neverFlatten ?? parent.staticConfig.neverFlatten,
-    ensureOverriddenProp: config.ensureOverriddenProp ?? parent.staticConfig.ensureOverriddenProp,
-    validStyles: config.validStyles ? {
-      ...parent.staticConfig.validStyles,
-      ...config.validStyles
-    } : parent.staticConfig.validStyles,
-    validPropsExtra: {
-      ...parent.staticConfig.validPropsExtra,
-      ...config.validPropsExtra
-    },
-    defaultProps: {
-      ...parent.staticConfig.defaultProps,
-      ...config.defaultProps
-    }
-  });
-}
-__name(extendStaticConfig, "extendStaticConfig");
-const parseStaticConfig = /* @__PURE__ */ __name((config) => {
-  return {
-    ...config,
-    parsed: true,
-    propMapper: createPropMapper(config)
-  };
-}, "parseStaticConfig");
-export {
-  extendStaticConfig,
-  parseStaticConfig
-};

package/dist/jsx/helpers/fixNativeShadow.js

@@ -1,7 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const fixNativeShadow = /* @__PURE__ */ __name((a) => {
-}, "fixNativeShadow");
-export {
-  fixNativeShadow
-};

package/dist/jsx/helpers/fixNativeShadow.native.js

@@ -1,29 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const matchRgba = /rgba\(\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*\)$/;
-function fixNativeShadow(props) {
-  if (props.shadowColor) {
-    if (!!!("shadowOffset" in props)) {
-      props.shadowOffset = {
-        width: 0,
-        height: 0
-      };
-    }
-    if (!!!("shadowOpacity" in props)) {
-      const c = `${props.shadowColor}`;
-      if (c[0] === "r" && c[3] === "a") {
-        const [_, r, g, b, a] = c.match(matchRgba) || [];
-        if (typeof a !== "string") {
-          console.warn("non valid rgba", c);
-          return props;
-        }
-        props.shadowColor = `rgb(${r},${g},${b})`;
-        props.shadowOpacity = +a;
-      }
-    }
-  }
-}
-__name(fixNativeShadow, "fixNativeShadow");
-export {
-  fixNativeShadow
-};

package/dist/jsx/helpers/getSplitStyles.js

@@ -1,149 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import {
-  AllRules,
-  stylePropsText,
-  stylePropsTransform,
-  validStyles,
-  validStylesPseudo
-} from "@tamagui/helpers";
-import { isWeb } from "../constants/platform";
-import { mediaQueryConfig, mediaState } from "../hooks/useMedia";
-import { createMediaStyle } from "./createMediaStyle";
-import { fixNativeShadow } from "./fixNativeShadow";
-import { getStylesAtomic } from "./getStylesAtomic";
-import { insertStyleRule } from "./insertStyleRule";
-const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSplittingDefaultProps) => {
-  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles;
-  const viewProps = {};
-  const style = [];
-  let pseudos = null;
-  let cur = null;
-  let classNames = null;
-  for (const keyInit in props) {
-    const valInit = props[keyInit];
-    if (keyInit[0] === "$") {
-      const mediaKey = keyInit.slice(1);
-      if (!mediaQueryConfig[mediaKey]) {
-        viewProps[keyInit] = valInit;
-        continue;
-      }
-      const mediaProps = { ...props, ...valInit };
-      const mediaStyle = getSubStyle(valInit, staticConfig, theme, props);
-      if (isWeb) {
-        const mediaStyles = getStylesAtomic(mediaStyle);
-        if (process.env.NODE_ENV === "development") {
-          if (props["debug"]) {
-            console.log("mediaStyles", keyInit, { mediaProps, mediaStyle, mediaStyles });
-          }
-        }
-        for (const style2 of mediaStyles) {
-          const out2 = createMediaStyle(style2, mediaKey, mediaQueryConfig);
-          classNames = classNames || [];
-          classNames.push(out2.identifier);
-          AllRules.add(out2.styleRule);
-          insertStyleRule(out2.styleRule);
-          if (process.env.NODE_ENV === "development" && props["debug"]) {
-            console.log("mediaProp", style2.identifier, out2, mediaProps, mediaStyle, mediaStyles);
-          }
-        }
-      } else {
-        if (mediaState[mediaKey]) {
-          style.push(mediaStyle);
-        }
-      }
-      continue;
-    }
-    if (validStylesPseudo[keyInit]) {
-      if (!valInit)
-        continue;
-      pseudos = pseudos || {};
-      pseudos[keyInit] = getSubStyle(valInit, staticConfig, theme, props);
-      continue;
-    }
-    const out = staticConfig.propMapper(keyInit, valInit, theme, props);
-    const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out);
-    for (const [key, val] of expanded) {
-      const keyFirstChar = key[0];
-      if (key === "style" || keyFirstChar === "_" && key.startsWith("_style")) {
-        if (cur) {
-          fixNativeShadow(cur);
-          style.push(cur);
-          cur = null;
-        }
-        fixNativeShadow(val);
-        style.push(val);
-        continue;
-      }
-      if (key === "flex") {
-        cur = cur || {};
-        Object.assign(cur, {
-          flexGrow: val,
-          flexShrink: 1
-        });
-        continue;
-      }
-      if (!isWeb && key === "pointerEvents") {
-        viewProps[key] = val;
-        continue;
-      }
-      if (validStyleProps[key]) {
-        if (key in stylePropsTransform) {
-          cur = cur || {};
-          mergeTransform(cur, key, val);
-          continue;
-        }
-        cur = cur || {};
-        cur[key] = val;
-        continue;
-      }
-      if (!staticConfig.variants || !(key in staticConfig.variants)) {
-        viewProps[key] = val;
-      }
-    }
-  }
-  if (cur) {
-    fixNativeShadow(cur);
-    style.push(cur);
-  }
-  if (process.env.NODE_ENV === "development") {
-    if (props["debug"]) {
-      console.log(" \u{1F95A} splitProps:", { props, viewProps, style });
-    }
-  }
-  return {
-    viewProps,
-    style,
-    pseudos,
-    classNames
-  };
-}, "getSplitStyles");
-const getSubStyle = /* @__PURE__ */ __name((styleIn, staticConfig, theme, props) => {
-  const styleOut = {};
-  for (const key in styleIn) {
-    const val = styleIn[key];
-    const out = staticConfig.propMapper(key, val, theme, props);
-    const expanded = out === true || !out ? [[key, val]] : Object.entries(out);
-    for (const [skey, sval] of expanded) {
-      if (skey in stylePropsTransform) {
-        mergeTransform(styleOut, skey, sval);
-      } else {
-        styleOut[skey] = sval;
-      }
-    }
-  }
-  fixNativeShadow(styleOut);
-  return styleOut;
-}, "getSubStyle");
-const mapTransformKeys = {
-  x: "translateX",
-  y: "translateY"
-};
-const mergeTransform = /* @__PURE__ */ __name((obj, key, val) => {
-  const transform = obj.transform ? Array.isArray(obj.transform) ? obj.transform : [obj.transform] : [];
-  transform.push({ [mapTransformKeys[key] || key]: val });
-  obj.transform = transform;
-}, "mergeTransform");
-export {
-  getSplitStyles
-};

package/dist/jsx/helpers/getStylesAtomic.js

@@ -1,82 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { AllRules } from "@tamagui/helpers";
-import { pseudos } from "../constants/pseudos";
-import { rnw } from "../constants/rnw";
-const generateStyle = /* @__PURE__ */ __name((style) => {
-  const { atomic, createCompileableStyle, createReactDOMStyle, i18Style } = rnw;
-  return {
-    ...atomic(createCompileableStyle(createReactDOMStyle(i18Style(style))))
-  };
-}, "generateStyle");
-const borderDefaults = {
-  borderWidth: "borderStyle",
-  borderBottomWidth: "borderBottomStyle",
-  borderTopWidth: "borderTopStyle",
-  borderLeftWidth: "borderLeftStyle",
-  borderRightWidth: "borderRightStyle"
-};
-function getStylesAtomic(style, avoidCollection = false) {
-  const styles = {
-    base: {}
-  };
-  for (const key in style) {
-    if (!!pseudos[key]) {
-      styles[key] = style[key];
-    } else {
-      styles.base[key] = style[key];
-    }
-  }
-  return Object.keys(styles).map((key) => {
-    return getAtomicStyle(styles[key], pseudos[key], avoidCollection);
-  }).flat();
-}
-__name(getStylesAtomic, "getStylesAtomic");
-const importantRegex = /\!important*/g;
-function getAtomicStyle(style, pseudo, avoidCollection) {
-  if (style == null || typeof style !== "object") {
-    throw new Error(`Wrong style type: "${typeof style}": ${style}`);
-  }
-  for (const key in borderDefaults) {
-    if (key in style) {
-      style[borderDefaults[key]] = style[borderDefaults[key]] ?? "solid";
-    }
-  }
-  const all = generateStyle(style);
-  return Object.keys(all).map((key) => {
-    const val = all[key];
-    const hash = val.identifier.slice(`${val.identifier}`.lastIndexOf("-") + 1);
-    const psuedoPrefix = pseudo ? `-${pseudo.name}-` : "";
-    const identifier = `_${val.property}-${psuedoPrefix}${hash}`;
-    const className = `.${identifier}`;
-    const rules = val.rules.map((rule) => {
-      if (pseudo) {
-        const psuedoPrefixSelect = [...Array(pseudo.priority)].map(() => ":root").join("") + " ";
-        let res = rule.replace(`.${val.identifier}`, `${psuedoPrefixSelect} ${className}`).replace("{", `:${pseudo.name}{`);
-        if (pseudo.name === "hover") {
-          res = `@media not all and (hover: none) { ${res} }`;
-        }
-        return res;
-      }
-      return rule.replace(`.${val.identifier}`, className).replace(importantRegex, "");
-    });
-    if (!avoidCollection) {
-      if (rules.length > 1) {
-        console.warn("have never seen more than one, verifying");
-      }
-      AllRules.add(rules[0]);
-    }
-    const result = {
-      property: val.property,
-      value: val.value,
-      identifier,
-      className,
-      rules
-    };
-    return result;
-  });
-}
-__name(getAtomicStyle, "getAtomicStyle");
-export {
-  getStylesAtomic
-};

package/dist/jsx/helpers/getStylesAtomic.native.js

@@ -1,9 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function getStylesAtomic() {
-  console.warn("no-op native");
-}
-__name(getStylesAtomic, "getStylesAtomic");
-export {
-  getStylesAtomic
-};

package/dist/jsx/helpers/insertStyleRule.js

@@ -1,23 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { isWeb } from "../constants/platform";
-function insertStyleRule(rule) {
-  if (typeof window === "undefined") {
-    return;
-  }
-  if (process.env.NODE_ENV === "development") {
-    if (!isWeb) {
-      console.warn("non web platform, dont use this");
-      return;
-    }
-  }
-  const sheet = window.document.styleSheets[0];
-  if (!sheet) {
-    return;
-  }
-  sheet.insertRule(rule, sheet.cssRules.length);
-}
-__name(insertStyleRule, "insertStyleRule");
-export {
-  insertStyleRule
-};