@tamagui/web 1.88.1 → 1.88.3

package/dist/esm/helpers/getExpandedShorthands.native.js

@@ -1,6 +1,26 @@
-import { getConfig } from "../config";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var getExpandedShorthands_exports = {};
+__export(getExpandedShorthands_exports, {
+  getExpandedShorthands: () => getExpandedShorthands
+});
+module.exports = __toCommonJS(getExpandedShorthands_exports);
+var import_config = require("../config");
 function getExpandedShorthands(props) {
-  const shorthands = getConfig().shorthands;
+  const shorthands = (0, import_config.getConfig)().shorthands;
   if (!shorthands)
     return props;
   const res = {};
@@ -8,7 +28,8 @@ function getExpandedShorthands(props) {
     res[shorthands[key] || key] = props[key];
   return res;
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   getExpandedShorthands
-};
+});
 //# sourceMappingURL=getExpandedShorthands.js.map

package/dist/esm/helpers/getExpandedShorthands.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getExpandedShorthands.ts"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAMnB,SAAS,sBACd,OAC2B;AAC3B,QAAM,aAAa,UAAU,EAAE;AAC/B,MAAI,CAAC;AAAY,WAAO;AACxB,QAAM,MAAM,CAAC;AACb,aAAW,OAAO;AAEhB,QAAI,WAAW,GAAG,KAAK,GAAG,IAAI,MAAM,GAAG;AAEzC,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0B;AAMnB,SAAS,sBACd,OAC2B;AAC3B,QAAM,iBAAa,yBAAU,EAAE;AAC/B,MAAI,CAAC;AAAY,WAAO;AACxB,QAAM,MAAM,CAAC;AACb,aAAW,OAAO;AAEhB,QAAI,WAAW,GAAG,KAAK,GAAG,IAAI,MAAM,GAAG;AAEzC,SAAO;AACT;",
   "names": []
 }

package/dist/esm/helpers/getFontLanguage.native.js

@@ -1,5 +1,26 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var getFontLanguage_exports = {};
+__export(getFontLanguage_exports, {
+  getFontLanguage: () => getFontLanguage
+});
+module.exports = __toCommonJS(getFontLanguage_exports);
 const getFontLanguage = (fontFamily) => fontFamily.includes("_") ? fontFamily.split("_")[1] : null;
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   getFontLanguage
-};
+});
 //# sourceMappingURL=getFontLanguage.js.map

package/dist/esm/helpers/getFontLanguage.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getFontLanguage.ts"],
-  "mappings": "AAAO,MAAM,kBAAkB,CAAC,eAC9B,WAAW,SAAS,GAAG,IAAI,WAAW,MAAM,GAAG,EAAE,CAAC,IAAI;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,kBAAkB,CAAC,eAC9B,WAAW,SAAS,GAAG,IAAI,WAAW,MAAM,GAAG,EAAE,CAAC,IAAI;",
   "names": []
 }

package/dist/esm/helpers/getGroupPropParts.native.js

@@ -1,11 +1,32 @@
-import { getMedia } from "../hooks/useMedia";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var getGroupPropParts_exports = {};
+__export(getGroupPropParts_exports, {
+  getGroupPropParts: () => getGroupPropParts
+});
+module.exports = __toCommonJS(getGroupPropParts_exports);
+var import_useMedia = require("../hooks/useMedia");
 function getGroupPropParts(groupProp) {
-  const mediaQueries = getMedia(), [_, name, part3, part4] = groupProp.split("-");
+  const mediaQueries = (0, import_useMedia.getMedia)(), [_, name, part3, part4] = groupProp.split("-");
   let pseudo;
   const media = part3 in mediaQueries ? part3 : void 0;
   return media ? pseudo = part4 : pseudo = part3, { name, pseudo, media };
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   getGroupPropParts
-};
+});
 //# sourceMappingURL=getGroupPropParts.js.map

package/dist/esm/helpers/getGroupPropParts.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getGroupPropParts.ts"],
-  "mappings": "AAAA,SAAS,gBAAgB;AAElB,SAAS,kBAAkB,WAAmB;AACnD,QAAM,eAAe,SAAS,GACxB,CAAC,GAAG,MAAM,OAAO,KAAK,IAAI,UAAU,MAAM,GAAG;AACnD,MAAI;AACJ,QAAM,QAAQ,SAAS,eAAe,QAAQ;AAC9C,SAAK,QAGH,SAAS,QAFT,SAAS,OAIJ,EAAE,MAAM,QAAQ,MAAM;AAC/B;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAyB;AAElB,SAAS,kBAAkB,WAAmB;AACnD,QAAM,mBAAe,0BAAS,GACxB,CAAC,GAAG,MAAM,OAAO,KAAK,IAAI,UAAU,MAAM,GAAG;AACnD,MAAI;AACJ,QAAM,QAAQ,SAAS,eAAe,QAAQ;AAC9C,SAAK,QAGH,SAAS,QAFT,SAAS,OAIJ,EAAE,MAAM,QAAQ,MAAM;AAC/B;",
   "names": []
 }

package/dist/esm/helpers/getSplitStyles.native.js

@@ -1,61 +1,36 @@
-import {
-  currentPlatform,
-  isAndroid,
-  isClient,
-  isServer,
-  isWeb,
-  useIsomorphicLayoutEffect
-} from "@tamagui/constants";
-import {
-  stylePropsText,
-  stylePropsTransform,
-  validPseudoKeys,
-  validStyles,
-  validStylesOnBaseProps
-} from "@tamagui/helpers";
-import { useInsertionEffect } from "react";
-import { getConfig, getFont } from "../config";
-import {
-  accessibilityWebRoleToNativeRole,
-  nativeAccessibilityState,
-  nativeAccessibilityValue,
-  webToNativeAccessibilityDirectMap
-} from "../constants/accessibilityDirectMap";
-import "../constants/constants";
-import { isDevTools } from "../constants/isDevTools";
-import {
-  getMediaImportanceIfMoreImportant,
-  mediaState as globalMediaState,
-  isMediaKey,
-  mediaKeyMatch,
-  mediaQueryConfig,
-  mergeMediaByImportance
-} from "../hooks/useMedia";
-import { createMediaStyle } from "./createMediaStyle";
-import { fixStyles } from "./expandStyles";
-import { getGroupPropParts } from "./getGroupPropParts";
-import {
-  generateAtomicStyles,
-  getStylesAtomic,
-  styleToCSS
-} from "./getStylesAtomic";
-import {
-  insertStyleRules
-} from "./insertStyleRule";
-import { log } from "./log";
-import {
-  normalizeValueWithProperty
-} from "./normalizeValueWithProperty";
-import { getPropMappedFontFamily, propMapper } from "./propMapper";
-import { pseudoDescriptors, pseudoPriorities } from "./pseudoDescriptors";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var getSplitStyles_exports = {};
+__export(getSplitStyles_exports, {
+  PROP_SPLIT: () => PROP_SPLIT,
+  getSplitStyles: () => getSplitStyles,
+  getSubStyle: () => getSubStyle,
+  useSplitStyles: () => useSplitStyles
+});
+module.exports = __toCommonJS(getSplitStyles_exports);
+var import_constants = require("@tamagui/constants"), import_helpers = require("@tamagui/helpers"), import_react = require("react"), import_config = require("../config"), import_accessibilityDirectMap = require("../constants/accessibilityDirectMap"), import_constants2 = require("../constants/constants"), import_isDevTools = require("../constants/isDevTools"), import_useMedia = require("../hooks/useMedia"), import_createMediaStyle = require("./createMediaStyle"), import_expandStyles = require("./expandStyles"), import_getGroupPropParts = require("./getGroupPropParts"), import_getStylesAtomic = require("./getStylesAtomic"), import_insertStyleRule = require("./insertStyleRule"), import_log = require("./log"), import_normalizeValueWithProperty = require("./normalizeValueWithProperty"), import_propMapper = require("./propMapper"), import_pseudoDescriptors = require("./pseudoDescriptors");
 const IS_STATIC = process.env.IS_STATIC === "is_static";
 let conf;
 const PROP_SPLIT = "-";
 function isValidStyleKey(key, staticConfig) {
-  return (staticConfig.validStyles || (staticConfig.isText ? stylePropsText : validStyles))[key] || staticConfig.acceptTokens && staticConfig.acceptTokens[key];
+  return (staticConfig.validStyles || (staticConfig.isText ? import_helpers.stylePropsText : import_helpers.validStyles))[key] || staticConfig.acceptTokens && staticConfig.acceptTokens[key];
 }
 const getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) => {
-  conf = conf || getConfig(), isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
+  var _a, _b, _c, _e, _f, _g;
+  conf = conf || (0, import_config.getConfig)(), import_constants.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
   const { shorthands } = conf, {
     isHOC,
     isText,
@@ -65,7 +40,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
     inlineWhenUnflattened,
     parentStaticConfig,
     acceptsClassName
-  } = staticConfig, viewProps = {}, mediaState = styleProps.mediaState || globalMediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && isWeb && !styleProps.noClassNames, rulesToInsert = [], classNames = {}, transforms = {};
+  } = staticConfig, viewProps = {}, mediaState = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants.isWeb && !styleProps.noClassNames, rulesToInsert = [], classNames = {}, transforms = {};
   let pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, style = {}, className = props.className ?? "", mediaStylesSeen = 0;
   const styleState = {
     curProps: { ...props },
@@ -82,7 +57,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
     context,
     debug
   };
-  process.env.NODE_ENV === "development" && debug && debug !== "profile" && isClient && (console.groupCollapsed("getSplitStyles (collapsed)"), log({
+  process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants.isClient && (console.groupCollapsed("getSplitStyles (collapsed)"), (0, import_log.log)({
     props,
     staticConfig,
     shouldDoClasses,
@@ -97,26 +72,26 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
     if (styleProps.disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys || keyInit in skipProps && !styleProps.noSkip && !isHOC)
       continue;
     const valInitType = typeof valInit, isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
-    if (styleState.curProps[keyInit] = valInit, !isAndroid && keyInit === "elevationAndroid")
+    if (styleState.curProps[keyInit] = valInit, !import_constants.isAndroid && keyInit === "elevationAndroid")
       continue;
     if (keyInit === "userSelect")
       keyInit = "selectable", valInit = valInit !== "none";
     else if (keyInit === "role") {
-      viewProps.accessibilityRole = accessibilityWebRoleToNativeRole[valInit];
+      viewProps.accessibilityRole = import_accessibilityDirectMap.accessibilityWebRoleToNativeRole[valInit];
       continue;
     } else if (keyInit.startsWith("aria-")) {
-      if (webToNativeAccessibilityDirectMap[keyInit]) {
-        const nativeA11yProp = webToNativeAccessibilityDirectMap[keyInit];
+      if (import_accessibilityDirectMap.webToNativeAccessibilityDirectMap[keyInit]) {
+        const nativeA11yProp = import_accessibilityDirectMap.webToNativeAccessibilityDirectMap[keyInit];
         keyInit === "aria-hidden" && (viewProps["aria-hidden"] = valInit), viewProps[nativeA11yProp] = valInit;
         continue;
       }
-      if (nativeAccessibilityValue[keyInit]) {
-        let field = nativeAccessibilityValue[keyInit];
+      if (import_accessibilityDirectMap.nativeAccessibilityValue[keyInit]) {
+        let field = import_accessibilityDirectMap.nativeAccessibilityValue[keyInit];
         viewProps.accessibilityValue ? viewProps.accessibilityValue[field] = valInit : viewProps.accessibilityValue = {
           [field]: valInit
         };
-      } else if (nativeAccessibilityState[keyInit]) {
-        let field = nativeAccessibilityState[keyInit];
+      } else if (import_accessibilityDirectMap.nativeAccessibilityState[keyInit]) {
+        let field = import_accessibilityDirectMap.nativeAccessibilityState[keyInit];
         viewProps.accessibilityState ? viewProps.accessibilityState[field] = valInit : viewProps.accessibilityState = {
           [field]: valInit
         };
@@ -149,17 +124,17 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
     const isShorthand = keyInit in shorthands;
     let isVariant = !isValidStyleKeyInit && variants && keyInit in variants;
     const isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant;
-    let isPseudo = keyInit in validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && isMediaKey(keyInit), isMediaOrPseudo = !!(isMedia || isPseudo);
+    let isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo = !!(isMedia || isPseudo);
     const isStyleProp = isMediaOrPseudo || isVariant && !styleProps.noExpand || isValidStyleKeyInit || isShorthand;
     if (isStyleProp && (props.asChild === "except-style" || props.asChild === "except-style-web"))
       continue;
     const shouldPassProp = !isStyleProp || // is in parent variants
-    isHOC && parentStaticConfig?.variants && keyInit in parentStaticConfig.variants || inlineProps?.has(keyInit), parentVariant = parentStaticConfig?.variants?.[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
+    isHOC && (parentStaticConfig == null ? void 0 : parentStaticConfig.variants) && keyInit in parentStaticConfig.variants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = (_a = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _a[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
     if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(
       `  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`
-    ), log({ isVariant, valInit, shouldPassProp }), isClient && log({
+    ), (0, import_log.log)({ isVariant, valInit, shouldPassProp }), import_constants.isClient && (0, import_log.log)({
       variants,
-      variant: variants?.[keyInit],
+      variant: variants == null ? void 0 : variants[keyInit],
       isVariant,
       isHOCShouldPassThrough,
       curProps: { ...styleState.curProps },
@@ -170,22 +145,22 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
       style[keyInit] = valInit;
       continue;
     }
-    const expanded = isMediaOrPseudo || !isVariant && !isValidStyleKeyInit ? [[keyInit, valInit]] : propMapper(keyInit, valInit, styleState), next = getPropMappedFontFamily(expanded);
+    const expanded = isMediaOrPseudo || !isVariant && !isValidStyleKeyInit ? [[keyInit, valInit]] : (0, import_propMapper.propMapper)(keyInit, valInit, styleState), next = (0, import_propMapper.getPropMappedFontFamily)(expanded);
     if (next && (styleState.fontFamily = next), process.env.NODE_ENV === "development" && debug === "verbose") {
       console.groupCollapsed("  \u{1F4A0} expanded", keyInit, valInit);
       try {
-        !isServer && isDevTools && (log({
+        !import_constants.isServer && import_isDevTools.isDevTools && ((0, import_log.log)({
           expanded,
           styleProps,
           componentState,
           isVariant,
-          variant: variants?.[keyInit],
+          variant: variants == null ? void 0 : variants[keyInit],
           shouldPassProp,
           isHOCShouldPassThrough,
           theme,
           usedKeys: { ...usedKeys },
           curProps: { ...styleState.curProps }
-        }), log("expanded", expanded, `
+        }), (0, import_log.log)("expanded", expanded, `
 usedKeys`, { ...usedKeys }, `
 current`, {
           ...style
@@ -198,8 +173,8 @@ current`, {
       for (const [key, val] of expanded) {
         if (val == null || key in usedKeys)
           continue;
-        if (isPseudo = key in validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && isMediaKey(key), isMediaOrPseudo = !!(isMedia || isPseudo), isVariant = variants && key in variants, (inlineProps?.has(key) || IS_STATIC && inlineWhenUnflattened?.has(key)) && (viewProps[key] = props[key] ?? val), styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || parentStaticConfig?.variants?.[keyInit])) {
-          passDownProp(viewProps, key, val, isMediaOrPseudo), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(` - passing down prop ${key}`), log({ val, after: { ...viewProps[key] } }), console.groupEnd());
+        if (isPseudo = key in import_helpers.validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && (0, import_useMedia.isMediaKey)(key), isMediaOrPseudo = !!(isMedia || isPseudo), isVariant = variants && key in variants, (inlineProps != null && inlineProps.has(key) || IS_STATIC && (inlineWhenUnflattened != null && inlineWhenUnflattened.has(key))) && (viewProps[key] = props[key] ?? val), styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || ((_b = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _b[keyInit]))) {
+          passDownProp(viewProps, key, val, isMediaOrPseudo), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(` - passing down prop ${key}`), (0, import_log.log)({ val, after: { ...viewProps[key] } }), console.groupEnd());
           continue;
         }
         if (isPseudo) {
@@ -210,16 +185,16 @@ current`, {
             key,
             val,
             styleProps.noClassNames
-          ), descriptor = pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
+          ), descriptor = import_pseudoDescriptors.pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
           if (!descriptor)
             continue;
-          if ((!shouldDoClasses || IS_STATIC) && (pseudos ||= {}, pseudos[key] ||= {}, IS_STATIC)) {
+          if ((!shouldDoClasses || IS_STATIC) && (pseudos || (pseudos = {}), pseudos[key] || (pseudos[key] = {}), IS_STATIC)) {
             Object.assign(pseudos[key], pseudoStyleObject);
             continue;
           }
           if (shouldDoClasses && !isExit) {
-            const pseudoStyles = generateAtomicStyles(pseudoStyleObject, descriptor);
-            process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo (classes)", key), log({ pseudoStyleObject, pseudoStyles }), console.groupEnd());
+            const pseudoStyles = (0, import_getStylesAtomic.generateAtomicStyles)(pseudoStyleObject, descriptor);
+            process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo (classes)", key), (0, import_log.log)({ pseudoStyleObject, pseudoStyles }), console.groupEnd());
             for (const psuedoStyle of pseudoStyles) {
               const fullKey = `${psuedoStyle.property}${PROP_SPLIT}${descriptor.name}`;
               fullKey in usedKeys || (psuedoStyle.identifier, void 0);
@@ -228,7 +203,7 @@ current`, {
           if (!shouldDoClasses || isExit || isEnter) {
             const descriptorKey = descriptor.stateKey || descriptor.name;
             let isDisabled = componentState[descriptorKey] === !1;
-            isExit && (isDisabled = !styleProps.isExiting), isEnter && (isDisabled = componentState.unmounted === "should-enter" ? !0 : !componentState.unmounted), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo", key, { isDisabled }), log({ pseudoStyleObject, isDisabled, descriptor, componentState }), console.groupEnd());
+            isExit && (isDisabled = !styleProps.isExiting), isEnter && (isDisabled = componentState.unmounted === "should-enter" ? !0 : !componentState.unmounted), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo", key, { isDisabled }), (0, import_log.log)({ pseudoStyleObject, isDisabled, descriptor, componentState }), console.groupEnd());
             const importance = descriptor.priority;
             for (const pkey in pseudoStyleObject) {
               const val2 = pseudoStyleObject[pkey];
@@ -237,7 +212,7 @@ current`, {
                 defaultValues != null && !(pkey in usedKeys) && mergeStyle(styleState, pkey, defaultValues);
               } else {
                 const curImportance = usedKeys[pkey] || 0, shouldMerge = importance >= curImportance;
-                shouldMerge && (pseudos ||= {}, pseudos[key] ||= {}, pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2)), process.env.NODE_ENV === "development" && debug === "verbose" && log("    subKey", pkey, shouldMerge, {
+                shouldMerge && (pseudos || (pseudos = {}), pseudos[key] || (pseudos[key] = {}), pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2)), process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("    subKey", pkey, shouldMerge, {
                   importance,
                   curImportance,
                   pkey,
@@ -261,12 +236,12 @@ current`, {
             const platform = key.slice(10);
             if (
               // supports web, ios, android
-              platform !== currentPlatform && // supports web, native
+              platform !== import_constants.currentPlatform && // supports web, native
               platform !== "native"
             )
               continue;
           }
-          hasMedia ||= !0;
+          hasMedia || (hasMedia = !0);
           const mediaStyle = getSubStyle(
             styleState,
             key,
@@ -274,7 +249,7 @@ current`, {
             // TODO try true like pseudo
             !1
           ), mediaKeyShort = key.slice(1);
-          process.env.NODE_ENV === "development" && debug === "verbose" && log(`  \u{1F4FA} ${key}`, {
+          process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`  \u{1F4FA} ${key}`, {
             key,
             val,
             mediaStyle,
@@ -285,28 +260,28 @@ current`, {
           const hasSpace = val.space;
           if ((hasSpace || !shouldDoClasses) && (Array.isArray(hasMedia) || (hasMedia = []), hasMedia.push(mediaKeyShort)), shouldDoClasses) {
             if (hasSpace && (delete mediaStyle.space, mediaState[mediaKeyShort])) {
-              const importance = getMediaImportanceIfMoreImportant(
+              const importance = (0, import_useMedia.getMediaImportanceIfMoreImportant)(
                 mediaKeyShort,
                 "space",
                 usedKeys,
                 !0
               );
-              importance && (space = val.space, usedKeys.space = importance, process.env.NODE_ENV === "development" && debug === "verbose" && log(
+              importance && (space = val.space, usedKeys.space = importance, process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(
                 `Found more important space for current media ${mediaKeyShort}: ${val} (importance: ${importance})`
               ));
             }
-            const mediaStyles = getStylesAtomic(mediaStyle, debug), priority = mediaStylesSeen;
+            const mediaStyles = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle, debug), priority = mediaStylesSeen;
             mediaStylesSeen += 1;
             for (const style2 of mediaStyles) {
-              const out = createMediaStyle(
+              const out = (0, import_createMediaStyle.createMediaStyle)(
                 style2,
                 mediaKeyShort,
-                mediaQueryConfig,
+                import_useMedia.mediaQueryConfig,
                 isMedia,
                 !1,
                 priority
               );
-              process.env.NODE_ENV === "development" && debug === "verbose" && log("\u{1F4FA} media style:", out);
+              process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("\u{1F4FA} media style:", out);
               const fullKey = `${style2.property}${PROP_SPLIT}${mediaKeyShort}`;
               fullKey in usedKeys || (out.identifier, void 0);
             }
@@ -321,25 +296,27 @@ current`, {
               if (!(themeName === mediaThemeName || themeName.startsWith(mediaThemeName)))
                 continue;
             } else if (isGroupMedia) {
-              const groupInfo = getGroupPropParts(mediaKeyShort), groupName = groupInfo.name, groupContext = context?.groups.state[groupName];
+              const groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupContext = context == null ? void 0 : context.groups.state[groupName];
               if (!groupContext) {
                 process.env.NODE_ENV === "development" && debug && console.warn(`No parent with group prop, skipping styles: ${groupName}`);
                 continue;
               }
-              const groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = componentState.group?.[groupName];
+              const groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = (_c = componentState.group) == null ? void 0 : _c[groupName];
               if (groupMediaKey) {
-                mediaGroups ||= /* @__PURE__ */ new Set(), mediaGroups.add(groupMediaKey);
-                const mediaState2 = componentGroupState?.media;
-                let isActive = mediaState2?.[groupMediaKey];
-                if (!mediaState2 && groupContext.layout && (isActive = mediaKeyMatch(groupMediaKey, groupContext.layout)), !isActive)
+                mediaGroups || (mediaGroups = /* @__PURE__ */ new Set()), mediaGroups.add(groupMediaKey);
+                const mediaState2 = componentGroupState == null ? void 0 : componentGroupState.media;
+                let isActive = mediaState2 == null ? void 0 : mediaState2[groupMediaKey];
+                if (!mediaState2 && groupContext.layout && (isActive = (0, import_useMedia.mediaKeyMatch)(groupMediaKey, groupContext.layout)), !isActive)
                   continue;
                 importanceBump = 2;
               }
               if (groupPseudoKey) {
-                if (pseudoGroups ||= /* @__PURE__ */ new Set(), pseudoGroups.add(groupName), !(componentGroupState || // fallback to context initially
-                context.groups.state[groupName]).pseudo?.[groupPseudoKey])
+                pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set()), pseudoGroups.add(groupName);
+                const componentGroupPseudoState = (componentGroupState || // fallback to context initially
+                context.groups.state[groupName]).pseudo;
+                if (!(componentGroupPseudoState == null ? void 0 : componentGroupPseudoState[groupPseudoKey]))
                   continue;
-                importanceBump = pseudoPriorities[groupPseudoKey];
+                importanceBump = import_pseudoDescriptors.pseudoPriorities[groupPseudoKey];
               }
             }
             for (const subKey in mediaStyle) {
@@ -347,7 +324,7 @@ current`, {
                 space = valInit.space;
                 continue;
               }
-              mergeMediaByImportance(
+              (0, import_useMedia.mergeMediaByImportance)(
                 style,
                 mediaKeyShort,
                 subKey,
@@ -367,7 +344,7 @@ current`, {
         if (
           // is HOC we can just pass through the styles as props
           // this fixes issues where style prop got merged with wrong priority
-          !isHOC && (isValidStyleKey(key, staticConfig) || isAndroid && key === "elevation")
+          !isHOC && (isValidStyleKey(key, staticConfig) || import_constants.isAndroid && key === "elevation")
         ) {
           mergeStyle(styleState, key, val);
           continue;
@@ -377,14 +354,14 @@ current`, {
       if (process.env.NODE_ENV === "development" && debug === "verbose") {
         console.groupCollapsed(" \u2714\uFE0F expand complete", keyInit);
         try {
-          log("style", { ...style }), log("transforms", { ...transforms }), log("viewProps", { ...viewProps });
+          (0, import_log.log)("style", { ...style }), (0, import_log.log)("transforms", { ...transforms }), (0, import_log.log)("viewProps", { ...viewProps });
         } catch {
         }
         console.groupEnd();
       }
     }
   }
-  if (process.env.NODE_ENV === "development" && console.groupEnd(), props.style && mergeStylePropIntoStyle(styleState, props.style), !(styleProps.noNormalize === !1) && (fixStyles(style), isWeb && !staticConfig.isReactNative && styleToCSS(style), styleState.transforms && Object.entries(styleState.transforms).sort(([a], [b]) => a.localeCompare(b)).forEach(([key, val]) => {
+  if (process.env.NODE_ENV === "development" && console.groupEnd(), props.style && mergeStylePropIntoStyle(styleState, props.style), !(styleProps.noNormalize === !1) && ((0, import_expandStyles.fixStyles)(style), import_constants.isWeb && !staticConfig.isReactNative && (0, import_getStylesAtomic.styleToCSS)(style), styleState.transforms && Object.entries(styleState.transforms).sort(([a], [b]) => a.localeCompare(b)).forEach(([key, val]) => {
     mergeTransform(style, key, val, !0);
   }), parentSplitStyles && !shouldDoClasses))
     for (const key in parentSplitStyles.style)
@@ -404,14 +381,14 @@ current`, {
     mediaGroups
   };
   if (style.fontFamily) {
-    const faceInfo = getFont(style.fontFamily)?.face;
+    const faceInfo = (_e = (0, import_config.getFont)(style.fontFamily)) == null ? void 0 : _e.face;
     if (faceInfo) {
-      const overrideFace = faceInfo[style.fontWeight]?.[style.fontStyle || "normal"]?.val;
+      const overrideFace = (_g = (_f = faceInfo[style.fontWeight]) == null ? void 0 : _f[style.fontStyle || "normal"]) == null ? void 0 : _g.val;
       overrideFace && (style.fontFamily = overrideFace, styleState.fontFamily = overrideFace, delete style.fontWeight, delete style.fontStyle);
     }
-    process.env.NODE_ENV === "development" && debug && debug !== "profile" && log(`Found fontFamily native: ${style.fontFamily}`, faceInfo);
+    process.env.NODE_ENV === "development" && debug && debug !== "profile" && (0, import_log.log)(`Found fontFamily native: ${style.fontFamily}`, faceInfo);
   }
-  if (className && (classNames.className = className), process.env.NODE_ENV === "development" && debug === "verbose" && isDevTools) {
+  if (className && (classNames.className = className), process.env.NODE_ENV === "development" && debug === "verbose" && import_isDevTools.isDevTools) {
     console.groupCollapsed("\u{1F539} getSplitStyles ===>");
     try {
       const logs = {
@@ -425,7 +402,7 @@ current`, {
         parentSplitStyles
       };
       for (const key in logs)
-        log(key, logs[key]);
+        (0, import_log.log)(key, logs[key]);
     } catch {
     }
     console.groupEnd();
@@ -434,13 +411,13 @@ current`, {
 };
 function mergeStyle(styleState, key, val, disableNormalize = !1) {
   const { classNames, viewProps, style, usedKeys, styleProps } = styleState;
-  if (isWeb && val?.[0] === "_")
-    classNames[key] = val, usedKeys[key] ||= 1;
-  else if (key in stylePropsTransform)
-    styleState.transforms ||= {}, styleState.transforms[key] = val;
+  if (import_constants.isWeb && (val == null ? void 0 : val[0]) === "_")
+    classNames[key] = val, usedKeys[key] || (usedKeys[key] = 1);
+  else if (key in import_helpers.stylePropsTransform)
+    styleState.transforms || (styleState.transforms = {}), styleState.transforms[key] = val;
   else {
-    const out = isWeb && !disableNormalize && !styleProps.noNormalize ? normalizeValueWithProperty(val, key) : val;
-    key in validStylesOnBaseProps ? viewProps[key] = out : style[key] = out;
+    const out = import_constants.isWeb && !disableNormalize && !styleProps.noNormalize ? (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key) : val;
+    key in import_helpers.validStylesOnBaseProps ? viewProps[key] = out : style[key] = out;
   }
 }
 const getSubStyle = (styleState, subKey, styleIn, avoidMergeTransform) => {
@@ -448,12 +425,12 @@ const getSubStyle = (styleState, subKey, styleIn, avoidMergeTransform) => {
   for (let key in styleIn) {
     const val = styleIn[key];
     key = conf2.shorthands[key] || key;
-    const expanded = propMapper(key, val, styleState, { ...props, ...props[subKey] });
+    const expanded = (0, import_propMapper.propMapper)(key, val, styleState, { ...props, ...props[subKey] });
     if (!(!expanded || !staticConfig.isHOC && key in skipProps && !styleProps.noSkip))
       for (const [skey, sval] of expanded)
-        !avoidMergeTransform && skey in stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : normalizeValueWithProperty(sval, key);
+        !avoidMergeTransform && skey in import_helpers.stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(sval, key);
   }
-  return styleProps.noNormalize || fixStyles(styleOut), styleOut;
+  return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
 };
 function mergeStylePropIntoStyle(styleState, cur) {
   if (!cur)
@@ -466,11 +443,11 @@ function mergeStylePropIntoStyle(styleState, cur) {
     Object.assign(isRNW ? styleState.classNames : styleState.style, style);
   }
 }
-const useInsertEffectCompat = isWeb ? useInsertionEffect || useIsomorphicLayoutEffect : () => {
+const useInsertEffectCompat = import_constants.isWeb ? import_react.useInsertionEffect || import_constants.useIsomorphicLayoutEffect : () => {
 }, useSplitStyles = (...args) => {
   const res = getSplitStyles(...args);
   return useInsertEffectCompat(() => {
-    insertStyleRules(res.rulesToInsert);
+    (0, import_insertStyleRule.insertStyleRules)(res.rulesToInsert);
   }, [res.rulesToInsert]), res;
 };
 const animatableDefaults = {
@@ -482,7 +459,7 @@ const animatableDefaults = {
   x: 0,
   y: 0
 }, lowercaseHyphenate = (match) => `-${match.toLowerCase()}`, hyphenate = (str) => str.replace(/[A-Z]/g, lowercaseHyphenate), mergeTransform = (obj, key, val, backwards = !1) => {
-  typeof obj.transform != "string" && (obj.transform ||= [], obj.transform[backwards ? "unshift" : "push"]({
+  typeof obj.transform != "string" && (obj.transform || (obj.transform = []), obj.transform[backwards ? "unshift" : "push"]({
     [mapTransformKeys[key] || key]: val
   }));
 }, mapTransformKeys = {
@@ -527,10 +504,11 @@ function passDownProp(viewProps, key, val, shouldMergeObject = !1) {
   } else
     viewProps[key] = val;
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   PROP_SPLIT,
   getSplitStyles,
   getSubStyle,
   useSplitStyles
-};
+});
 //# sourceMappingURL=getSplitStyles.js.map