@tamagui/web 1.114.4 → 1.115.1

package/dist/cjs/helpers/{getSplitStyles.js → getSplitStyles.cjs}

@@ -2,24 +2,33 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf,
+  __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;
-};
+    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 __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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
 var getSplitStyles_exports = {};
 __export(getSplitStyles_exports, {
   PROP_SPLIT: () => PROP_SPLIT,
@@ -28,7 +37,27 @@ __export(getSplitStyles_exports, {
   useSplitStyles: () => useSplitStyles
 });
 module.exports = __toCommonJS(getSplitStyles_exports);
-var import_react = __toESM(require("react")), import_constants = require("@tamagui/constants"), import_helpers = require("@tamagui/helpers"), 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"), import_skipProps = require("./skipProps"), import_transformsToString = require("./transformsToString"), import_isActivePlatform = require("./isActivePlatform"), import_sortString = require("./sortString");
+var import_react = __toESM(require("react")),
+  import_constants = require("@tamagui/constants"),
+  import_helpers = require("@tamagui/helpers"),
+  import_config = require("../config.cjs"),
+  import_accessibilityDirectMap = require("../constants/accessibilityDirectMap.cjs"),
+  import_constants2 = require("../constants/constants.cjs"),
+  import_isDevTools = require("../constants/isDevTools.cjs"),
+  import_useMedia = require("../hooks/useMedia.cjs"),
+  import_createMediaStyle = require("./createMediaStyle.cjs"),
+  import_expandStyles = require("./expandStyles.cjs"),
+  import_getGroupPropParts = require("./getGroupPropParts.cjs"),
+  import_getStylesAtomic = require("./getStylesAtomic.cjs"),
+  import_insertStyleRule = require("./insertStyleRule.cjs"),
+  import_log = require("./log.cjs"),
+  import_normalizeValueWithProperty = require("./normalizeValueWithProperty.cjs"),
+  import_propMapper = require("./propMapper.cjs"),
+  import_pseudoDescriptors = require("./pseudoDescriptors.cjs"),
+  import_skipProps = require("./skipProps.cjs"),
+  import_transformsToString = require("./transformsToString.cjs"),
+  import_isActivePlatform = require("./isActivePlatform.cjs"),
+  import_sortString = require("./sortString.cjs");
 const consoleGroupCollapsed = import_constants.isWeb ? console.groupCollapsed : console.info;
 let conf;
 const PROP_SPLIT = "-";
@@ -37,18 +66,35 @@ function isValidStyleKey(key, staticConfig) {
 }
 const getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) => {
   conf = conf || (0, import_config.getConfig)(), import_constants.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
-  const { shorthands } = conf, {
-    isHOC,
-    isText,
-    isInput,
-    variants,
-    isReactNative,
-    inlineProps,
-    inlineWhenUnflattened,
-    parentStaticConfig,
-    acceptsClassName
-  } = 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, className = props.className || "", mediaStylesSeen = 0;
+  const {
+      shorthands
+    } = conf,
+    {
+      isHOC,
+      isText,
+      isInput,
+      variants,
+      isReactNative,
+      inlineProps,
+      inlineWhenUnflattened,
+      parentStaticConfig,
+      acceptsClassName
+    } = 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,
+    className = props.className || "",
+    mediaStylesSeen = 0;
   const styleState = {
     classNames,
     conf,
@@ -71,62 +117,67 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
     rulesToInsert,
     componentState,
     styleState,
-    theme: { ...theme }
+    theme: {
+      ...theme
+    }
   }), console.groupEnd());
-  const { asChild } = props, { accept } = staticConfig, { noSkip, disableExpandShorthands, noExpand } = styleProps, { webContainerType } = conf.settings, parentVariants = parentStaticConfig?.variants;
+  const {
+      asChild
+    } = props,
+    {
+      accept
+    } = staticConfig,
+    {
+      noSkip,
+      disableExpandShorthands,
+      noExpand
+    } = styleProps,
+    {
+      webContainerType
+    } = conf.settings,
+    parentVariants = parentStaticConfig?.variants;
   for (const keyOg in props) {
-    let keyInit = keyOg, valInit = props[keyInit];
+    let keyInit = keyOg,
+      valInit = props[keyInit];
     if (accept) {
       const accepted = accept[keyInit];
       if ((accepted === "style" || accepted === "textStyle") && valInit && typeof valInit == "object") {
-        viewProps[keyInit] = getSubStyle(
-          styleState,
-          keyInit,
-          valInit,
-          styleProps.noClassNames
-        );
+        viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClassNames);
         continue;
       }
     }
-    if (process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd(), disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys || asChild && import_constants2.webViewFlexCompatStyles[keyInit] === valInit)
-      continue;
+    if (process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd(), disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys || asChild && import_constants2.webViewFlexCompatStyles[keyInit] === valInit) continue;
     if (keyInit in import_skipProps.skipProps && !noSkip && !isHOC) {
       if (keyInit === "group") {
-        const identifier = `t_group_${valInit}`, containerCSS = [
-          "continer",
-          void 0,
-          identifier,
-          void 0,
-          [
-            `.${identifier} { container-name: ${valInit}; container-type: ${webContainerType || "inline-size"}; }`
-          ]
-        ];
+        const identifier = `t_group_${valInit}`,
+          containerCSS = ["continer", void 0, identifier, void 0, [`.${identifier} { container-name: ${valInit}; container-type: ${webContainerType || "inline-size"}; }`]];
         addStyleToInsertRules(rulesToInsert, containerCSS);
       }
       continue;
     }
-    const valInitType = typeof valInit, isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
+    const valInitType = typeof valInit,
+      isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
     if (staticConfig.isReactNative && keyInit.startsWith("data-")) {
       keyInit = keyInit.replace("data-", ""), viewProps.dataSet ||= {}, viewProps.dataSet[keyInit] = valInit;
       continue;
     }
     if (isValidStyleKeyInit && valInitType === "string" && valInit[0] === "_") {
-      const isValidClassName = keyInit in import_helpers.validStyles, isMediaOrPseudo2 = !isValidClassName && // media are flattened for some reason to color-hover keys,
-      // we should probably just leave them in place to avoid extra complexity
-      keyInit.includes(PROP_SPLIT) && import_helpers.validStyles[keyInit.split(PROP_SPLIT)[0]];
+      const isValidClassName = keyInit in import_helpers.validStyles,
+        isMediaOrPseudo2 = !isValidClassName &&
+        // media are flattened for some reason to color-hover keys,
+        // we should probably just leave them in place to avoid extra complexity
+        keyInit.includes(PROP_SPLIT) && import_helpers.validStyles[keyInit.split(PROP_SPLIT)[0]];
       if (isValidClassName || isMediaOrPseudo2) {
         shouldDoClasses ? (mergeClassName(transforms, classNames, keyInit, valInit, isMediaOrPseudo2), styleState.style && delete styleState.style[keyInit]) : (styleState.style ||= {}, styleState.style[keyInit] = (0, import_normalizeValueWithProperty.reverseMapClassNameToValue)(keyInit, valInit), delete classNames[keyInit]);
         continue;
       }
     }
     if (keyInit === "dataSet") {
-      for (const keyInit2 in valInit)
-        viewProps[`data-${hyphenate(keyInit2)}`] = valInit[keyInit2];
+      for (const keyInit2 in valInit) viewProps[`data-${hyphenate(keyInit2)}`] = valInit[keyInit2];
       continue;
     }
     if (!noExpand) {
-      if (keyInit === "disabled" && valInit === !0 && (viewProps["aria-disabled"] = !0, (elementType === "button" || elementType === "form" || elementType === "input" || elementType === "select" || elementType === "textarea") && (viewProps.disabled = !0), !variants?.disabled))
-        continue;
+      if (keyInit === "disabled" && valInit === !0 && (viewProps["aria-disabled"] = !0, (elementType === "button" || elementType === "form" || elementType === "input" || elementType === "select" || elementType === "textarea") && (viewProps.disabled = !0), !variants?.disabled)) continue;
       if (keyInit === "testID") {
         viewProps[isReactNative ? keyInit : "data-testid"] = valInit;
         continue;
@@ -147,56 +198,68 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
           continue;
         }
         switch (keyInit) {
-          case "accessibilityRole": {
-            valInit === "none" ? viewProps.role = "presentation" : viewProps.role = accessibilityRoleToWebRole[valInit] || valInit;
-            continue;
-          }
+          case "accessibilityRole":
+            {
+              valInit === "none" ? viewProps.role = "presentation" : viewProps.role = accessibilityRoleToWebRole[valInit] || valInit;
+              continue;
+            }
           case "accessibilityLabelledBy":
           case "accessibilityFlowTo":
           case "accessibilityControls":
-          case "accessibilityDescribedBy": {
-            viewProps[`aria-${keyInit.replace("accessibility", "").toLowerCase()}`] = processIDRefList(valInit);
-            continue;
-          }
-          case "accessibilityKeyShortcuts": {
-            Array.isArray(valInit) && (viewProps["aria-keyshortcuts"] = valInit.join(" "));
-            continue;
-          }
-          case "accessibilityLiveRegion": {
-            viewProps["aria-live"] = valInit === "none" ? "off" : valInit;
-            continue;
-          }
-          case "accessibilityReadOnly": {
-            viewProps["aria-readonly"] = valInit, (elementType === "input" || elementType === "select" || elementType === "textarea") && (viewProps.readOnly = !0);
-            continue;
-          }
-          case "accessibilityRequired": {
-            viewProps["aria-required"] = valInit, (elementType === "input" || elementType === "select" || elementType === "textarea") && (viewProps.required = valInit);
-            continue;
-          }
+          case "accessibilityDescribedBy":
+            {
+              viewProps[`aria-${keyInit.replace("accessibility", "").toLowerCase()}`] = processIDRefList(valInit);
+              continue;
+            }
+          case "accessibilityKeyShortcuts":
+            {
+              Array.isArray(valInit) && (viewProps["aria-keyshortcuts"] = valInit.join(" "));
+              continue;
+            }
+          case "accessibilityLiveRegion":
+            {
+              viewProps["aria-live"] = valInit === "none" ? "off" : valInit;
+              continue;
+            }
+          case "accessibilityReadOnly":
+            {
+              viewProps["aria-readonly"] = valInit, (elementType === "input" || elementType === "select" || elementType === "textarea") && (viewProps.readOnly = !0);
+              continue;
+            }
+          case "accessibilityRequired":
+            {
+              viewProps["aria-required"] = valInit, (elementType === "input" || elementType === "select" || elementType === "textarea") && (viewProps.required = valInit);
+              continue;
+            }
           default:
             didUseKeyInit = !1;
         }
       }
-      if (didUseKeyInit)
-        continue;
+      if (didUseKeyInit) continue;
     }
     const isShorthand = keyInit in shorthands;
     let isVariant = !isValidStyleKeyInit && variants && keyInit in variants;
     const isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant;
-    let isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo = !!(isMedia || isPseudo);
+    let isPseudo = keyInit in import_helpers.validPseudoKeys,
+      isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit),
+      isMediaOrPseudo = !!(isMedia || isPseudo);
     if (isMediaOrPseudo && keyInit.startsWith("$group-")) {
       const name = keyInit.split("-")[1];
       context?.groups.subscribe && !context?.groups.state[name] && (keyInit = keyInit.replace("$group-", "$group-true-"));
     }
     const isStyleProp = isValidStyleKeyInit || isMediaOrPseudo || isVariant && !noExpand || isShorthand;
-    if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web"))
-      continue;
-    const shouldPassProp = !isStyleProp && isHOC || // is in parent variants
-    isHOC && parentVariants && keyInit in parentVariants || inlineProps?.has(keyInit), parentVariant = parentVariants?.[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in import_skipProps.skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
-    if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), consoleGroupCollapsed(
-      `  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`
-    ), (0, import_log.log)({ isVariant, valInit, shouldPassProp }), import_constants.isClient && (0, import_log.log)({
+    if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web")) continue;
+    const shouldPassProp = !isStyleProp && isHOC ||
+      // is in parent variants
+      isHOC && parentVariants && keyInit in parentVariants || inlineProps?.has(keyInit),
+      parentVariant = parentVariants?.[keyInit],
+      isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in import_skipProps.skipProps)),
+      shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
+    if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), consoleGroupCollapsed(`  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`), (0, import_log.log)({
+      isVariant,
+      valInit,
+      shouldPassProp
+    }), import_constants.isClient && (0, import_log.log)({
       variants,
       variant: variants?.[keyInit],
       isVariant,
@@ -211,7 +274,8 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
       continue;
     }
     (isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit);
-    const avoidPropMap = isMediaOrPseudo || !isVariant && !isValidStyleKeyInit, expanded = avoidPropMap ? null : (0, import_propMapper.propMapper)(keyInit, valInit, styleState);
+    const avoidPropMap = isMediaOrPseudo || !isVariant && !isValidStyleKeyInit,
+      expanded = avoidPropMap ? null : (0, import_propMapper.propMapper)(keyInit, valInit, styleState);
     if (!avoidPropMap) {
       if (!expanded) continue;
       const next = (0, import_propMapper.getPropMappedFontFamily)(expanded);
@@ -228,17 +292,21 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
           variant: variants?.[keyInit],
           shouldPassProp,
           isHOCShouldPassThrough,
-          usedKeys: { ...usedKeys }
+          usedKeys: {
+            ...usedKeys
+          }
         }), globalThis.tamaguiAvoidTracking = !0, (0, import_log.log)("expanded", expanded, `
-usedKeys`, { ...usedKeys }, `
+usedKeys`, {
+          ...usedKeys
+        }, `
 current`, {
           ...styleState.style
         }), globalThis.tamaguiAvoidTracking = !1);
-      } catch {
-      }
+      } catch {}
       console.groupEnd();
     }
-    let key = keyInit, val = valInit;
+    let key = keyInit,
+      val = valInit;
     const max = expanded ? expanded.length : 1;
     for (let i = 0; i < max; i++) {
       if (expanded) {
@@ -247,49 +315,53 @@ current`, {
       }
       if (val == null || key in usedKeys) continue;
       if (isPseudo = key in import_helpers.validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && (0, import_useMedia.isMediaKey)(key), isMediaOrPseudo = !!(isMedia || isPseudo), isVariant = variants && key in variants, (inlineProps?.has(key) || process.env.IS_STATIC === "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" && (consoleGroupCollapsed(` - passing down prop ${key}`), (0, import_log.log)({ val, after: { ...viewProps[key] } }), console.groupEnd());
+        passDownProp(viewProps, key, val, isMediaOrPseudo), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed(` - passing down prop ${key}`), (0, import_log.log)({
+          val,
+          after: {
+            ...viewProps[key]
+          }
+        }), console.groupEnd());
         continue;
       }
       if (isPseudo) {
         if (!val) continue;
-        const pseudoStyleObject = getSubStyle(
-          styleState,
-          key,
-          val,
-          styleProps.noClassNames
-        ), descriptor = import_pseudoDescriptors.pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
-        if (!descriptor)
-          continue;
+        const pseudoStyleObject = getSubStyle(styleState, key, val, styleProps.noClassNames),
+          descriptor = import_pseudoDescriptors.pseudoDescriptors[key],
+          isEnter = key === "enterStyle",
+          isExit = key === "exitStyle";
+        if (!descriptor) continue;
         if ((!shouldDoClasses || process.env.IS_STATIC === "is_static") && (pseudos ||= {}, pseudos[key] ||= {}, process.env.IS_STATIC === "is_static")) {
           Object.assign(pseudos[key], pseudoStyleObject);
           continue;
         }
         if (shouldDoClasses && !isExit) {
           const pseudoStyles = (0, import_getStylesAtomic.getStyleAtomic)(pseudoStyleObject, descriptor);
-          process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo (classes)", key), (0, import_log.log)({ pseudoStyleObject, pseudoStyles }), console.groupEnd());
+          process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo (classes)", key), (0, import_log.log)({
+            pseudoStyleObject,
+            pseudoStyles
+          }), console.groupEnd());
           for (const psuedoStyle of pseudoStyles) {
             const fullKey = `${psuedoStyle[import_helpers.StyleObjectProperty]}${PROP_SPLIT}${descriptor.name}`;
-            fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, psuedoStyle), mergeClassName(
-              transforms,
-              classNames,
-              fullKey,
-              psuedoStyle[import_helpers.StyleObjectIdentifier],
-              isMediaOrPseudo,
-              !0
-            ));
+            fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, psuedoStyle), mergeClassName(transforms, classNames, fullKey, psuedoStyle[import_helpers.StyleObjectIdentifier], isMediaOrPseudo, !0));
           }
         }
         if (!shouldDoClasses || isExit || isEnter) {
           const descriptorKey = descriptor.stateKey || descriptor.name;
           let isDisabled = componentState[descriptorKey] === !1;
-          isExit && (isDisabled = !styleProps.isExiting), isEnter && componentState.unmounted === !1 && (isDisabled = !0), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo", key, { isDisabled }), (0, import_log.log)({ pseudoStyleObject, isDisabled, descriptor, componentState }), console.groupEnd());
+          isExit && (isDisabled = !styleProps.isExiting), isEnter && componentState.unmounted === !1 && (isDisabled = !0), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("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];
-            if (isDisabled)
-              applyDefaultStyle(pkey, styleState);
-            else {
-              const curImportance = usedKeys[pkey] || 0, shouldMerge = importance >= curImportance;
+            if (isDisabled) applyDefaultStyle(pkey, styleState);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" && (0, import_log.log)("    subKey", pkey, shouldMerge, {
                 importance,
                 curImportance,
@@ -298,19 +370,18 @@ current`, {
               });
             }
           }
-          if (!isDisabled)
-            for (const key2 in val) {
-              const k = shorthands[key2] || key2;
-              usedKeys[k] = Math.max(importance, usedKeys[k] || 0);
-            }
+          if (!isDisabled) for (const key2 in val) {
+            const k = shorthands[key2] || key2;
+            usedKeys[k] = Math.max(importance, usedKeys[k] || 0);
+          }
         }
         continue;
       }
       if (isMedia) {
         if (!val) continue;
-        const hasSpace = val.space, mediaKeyShort = key.slice(isMedia == "theme" ? 7 : 1);
-        if (hasMedia ||= !0, (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (typeof hasMedia != "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform" && !(0, import_isActivePlatform.isActivePlatform)(key))
-          continue;
+        const hasSpace = val.space,
+          mediaKeyShort = key.slice(isMedia == "theme" ? 7 : 1);
+        if (hasMedia ||= !0, (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (typeof hasMedia != "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform" && !(0, import_isActivePlatform.isActivePlatform)(key)) continue;
         if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`  \u{1F4FA} ${key}`, {
           key,
           val,
@@ -322,55 +393,26 @@ current`, {
         }), shouldDoClasses) {
           const mediaStyle = getSubStyle(styleState, key, val, !1);
           if (hasSpace && (delete mediaStyle.space, mediaState[mediaKeyShort])) {
-            const importance = (0, import_useMedia.getMediaImportanceIfMoreImportant)(
-              mediaKeyShort,
-              "space",
-              usedKeys,
-              !0
-            );
-            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 importance = (0, import_useMedia.getMediaImportanceIfMoreImportant)(mediaKeyShort, "space", usedKeys, !0);
+            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 = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle), priority = mediaStylesSeen;
+          const mediaStyles = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle),
+            priority = mediaStylesSeen;
           mediaStylesSeen += 1;
           for (const style of mediaStyles) {
             const property = style[0];
-            if (property[0] === "$" && property.startsWith("$platform") && !(0, import_isActivePlatform.isActivePlatform)(property))
-              continue;
-            const out = (0, import_createMediaStyle.createMediaStyle)(
-              style,
-              mediaKeyShort,
-              import_useMedia.mediaQueryConfig,
-              isMedia,
-              !1,
-              priority
-            );
+            if (property[0] === "$" && property.startsWith("$platform") && !(0, import_isActivePlatform.isActivePlatform)(property)) continue;
+            const out = (0, import_createMediaStyle.createMediaStyle)(style, mediaKeyShort, import_useMedia.mediaQueryConfig, isMedia, !1, priority);
             process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("\u{1F4FA} media style:", out);
             const fullKey = `${style[import_helpers.StyleObjectProperty]}${PROP_SPLIT}${mediaKeyShort}${style[import_helpers.StyleObjectPseudo] || ""}`;
-            fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, out), mergeClassName(
-              transforms,
-              classNames,
-              fullKey,
-              out[import_helpers.StyleObjectIdentifier],
-              !0,
-              !0
-            ));
+            fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, out), mergeClassName(transforms, classNames, fullKey, out[import_helpers.StyleObjectIdentifier], !0, !0));
           }
         } else {
-          let mergeMediaStyle = function(key2, val2) {
-            styleState.style ||= {}, mergeMediaByImportance(
-              styleState,
-              mediaKeyShort,
-              key2,
-              val2,
-              usedKeys,
-              mediaState[mediaKeyShort],
-              importanceBump,
-              debug
-            ) && key2 === "fontFamily" && (styleState.fontFamily = mediaStyle.fontFamily);
+          let mergeMediaStyle = function (key2, val2) {
+            styleState.style ||= {}, mergeMediaByImportance(styleState, mediaKeyShort, key2, val2, usedKeys, mediaState[mediaKeyShort], importanceBump, debug) && key2 === "fontFamily" && (styleState.fontFamily = mediaStyle.fontFamily);
           };
-          const isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group";
+          const isThemeMedia = isMedia === "theme",
+            isGroupMedia = isMedia === "group";
           if (!isThemeMedia && !(isMedia === "platform") && !isGroupMedia) {
             if (!mediaState[mediaKeyShort]) {
               process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`  \u{1F4FA} \u274C DISABLED ${mediaKeyShort}`);
@@ -383,35 +425,36 @@ current`, {
           if (isThemeMedia) {
             dynamicThemeAccess = !0;
             const mediaThemeName = mediaKeyShort.slice(6);
-            if (!(themeName === mediaThemeName || themeName.startsWith(mediaThemeName)))
-              continue;
+            if (!(themeName === mediaThemeName || themeName.startsWith(mediaThemeName))) continue;
           } else if (isGroupMedia) {
-            const groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupContext = context?.groups.state[groupName];
+            const groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort),
+              groupName = groupInfo.name,
+              groupContext = context?.groups.state[groupName];
             if (!groupContext) {
               process.env.NODE_ENV === "development" && debug && (0, import_log.log)(`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 = componentState.group?.[groupName];
             if (groupMediaKey) {
-              mediaGroups ||= /* @__PURE__ */ new Set(), mediaGroups.add(groupMediaKey);
+              mediaGroups ||= /* @__PURE__ */new Set(), mediaGroups.add(groupMediaKey);
               const mediaState2 = componentGroupState?.media;
               let isActive = mediaState2?.[groupMediaKey];
               if (!mediaState2 && groupContext.layout && (isActive = (0, import_useMedia.mediaKeyMatch)(groupMediaKey, groupContext.layout)), process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(` \u{1F3D8}\uFE0F GROUP media ${groupMediaKey} active? ${isActive}`), !isActive) {
-                for (const pkey in mediaStyle)
-                  applyDefaultStyle(pkey, styleState);
+                for (const pkey in mediaStyle) applyDefaultStyle(pkey, styleState);
                 continue;
               }
               importanceBump = 2;
             }
             if (groupPseudoKey) {
-              pseudoGroups ||= /* @__PURE__ */ new Set(), pseudoGroups.add(groupName);
-              const isActive = (componentGroupState || // fallback to context initially
-              context.groups.state[groupName]).pseudo?.[groupPseudoKey], priority = import_pseudoDescriptors.pseudoPriorities[groupPseudoKey];
-              if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(
-                ` \u{1F3D8}\uFE0F GROUP pseudo ${groupMediaKey} active? ${isActive}, priority ${priority}`
-              ), !isActive) {
-                for (const pkey in mediaStyle)
-                  applyDefaultStyle(pkey, styleState);
+              pseudoGroups ||= /* @__PURE__ */new Set(), pseudoGroups.add(groupName);
+              const isActive = (componentGroupState ||
+                // fallback to context initially
+                context.groups.state[groupName]).pseudo?.[groupPseudoKey],
+                priority = import_pseudoDescriptors.pseudoPriorities[groupPseudoKey];
+              if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(` \u{1F3D8}\uFE0F GROUP pseudo ${groupMediaKey} active? ${isActive}, priority ${priority}`), !isActive) {
+                for (const pkey in mediaStyle) applyDefaultStyle(pkey, styleState);
                 continue;
               }
               importanceBump = priority;
@@ -423,104 +466,95 @@ current`, {
               continue;
             }
             if (subKey[0] === "$") {
-              if (!(0, import_isActivePlatform.isActivePlatform)(subKey))
-                continue;
-              for (const subSubKey in mediaStyle[subKey])
-                mergeMediaStyle(subSubKey, mediaStyle[subKey][subSubKey]);
-            } else
-              mergeMediaStyle(subKey, mediaStyle[subKey]);
+              if (!(0, import_isActivePlatform.isActivePlatform)(subKey)) continue;
+              for (const subSubKey in mediaStyle[subKey]) mergeMediaStyle(subSubKey, mediaStyle[subKey][subSubKey]);
+            } else mergeMediaStyle(subKey, mediaStyle[subKey]);
           }
         }
         continue;
       }
       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)
-      ) {
+      // 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)) {
         mergeStyle(styleState, key, val);
         continue;
       }
       if (!isVariant) {
-        if (styleProps.styledContextProps && key in styleProps.styledContextProps)
-          continue;
+        if (styleProps.styledContextProps && key in styleProps.styledContextProps) continue;
         viewProps[key] = val;
       }
     }
     if (process.env.NODE_ENV === "development" && debug === "verbose") {
       try {
-        (0, import_log.log)(" \u2714\uFE0F expand complete", keyInit), (0, import_log.log)("style", { ...styleState.style }), (0, import_log.log)("transforms", { ...transforms }), (0, import_log.log)("viewProps", { ...viewProps });
-      } catch {
-      }
+        (0, import_log.log)(" \u2714\uFE0F expand complete", keyInit), (0, import_log.log)("style", {
+          ...styleState.style
+        }), (0, import_log.log)("transforms", {
+          ...transforms
+        }), (0, import_log.log)("viewProps", {
+          ...viewProps
+        });
+      } catch {}
       console.groupEnd();
     }
   }
   if (!(styleProps.noNormalize === !1) && (styleState.style && ((0, import_expandStyles.fixStyles)(styleState.style), import_constants.isWeb && !isReactNative && (0, import_getStylesAtomic.styleToCSS)(styleState.style)), styleState.flatTransforms && (styleState.style ||= {}, Object.entries(styleState.flatTransforms).sort(([a], [b]) => (0, import_sortString.sortString)(a, b)).forEach(([key, val]) => {
     mergeTransform(styleState.style, key, val, !0);
   })), parentSplitStyles)) {
-    if (shouldDoClasses)
-      for (const key in parentSplitStyles.classNames) {
-        const val = parentSplitStyles.classNames[key];
-        styleState.style && key in styleState.style || key in classNames || (classNames[key] = val);
-      }
-    if (!shouldDoClasses)
-      for (const key in parentSplitStyles.style)
-        key in classNames || styleState.style && key in styleState.style || (styleState.style ||= {}, styleState.style[key] = parentSplitStyles.style[key]);
+    if (shouldDoClasses) for (const key in parentSplitStyles.classNames) {
+      const val = parentSplitStyles.classNames[key];
+      styleState.style && key in styleState.style || key in classNames || (classNames[key] = val);
+    }
+    if (!shouldDoClasses) for (const key in parentSplitStyles.style) key in classNames || styleState.style && key in styleState.style || (styleState.style ||= {}, styleState.style[key] = parentSplitStyles.style[key]);
   }
   if (!styleProps.noNormalize && !staticConfig.isReactNative && !staticConfig.isHOC && (!styleProps.isAnimated || conf.animations.supportsCSSVars) && Array.isArray(styleState.style?.transform) && (styleState.style.transform = (0, import_transformsToString.transformsToString)(styleState.style.transform)), styleState.style && shouldDoClasses) {
-    let retainedStyles, shouldRetain = !1;
+    let retainedStyles,
+      shouldRetain = !1;
     if (!styleState.style.$$css) {
       const atomic = (0, import_getStylesAtomic.getStylesAtomic)(styleState.style);
       for (const atomicStyle of atomic) {
-        const [key, value, identifier] = atomicStyle, isAnimatedAndAnimateOnly = styleProps.isAnimated && styleProps.noClassNames && (!props.animateOnly || props.animateOnly.includes(key)), nonAnimatedAnimateOnly = !isAnimatedAndAnimateOnly && !styleProps.isAnimated && props.animateOnly?.includes(key);
+        const [key, value, identifier] = atomicStyle,
+          isAnimatedAndAnimateOnly = styleProps.isAnimated && styleProps.noClassNames && (!props.animateOnly || props.animateOnly.includes(key)),
+          nonAnimatedAnimateOnly = !isAnimatedAndAnimateOnly && !styleProps.isAnimated && props.animateOnly?.includes(key);
         isAnimatedAndAnimateOnly ? (retainedStyles ||= {}, retainedStyles[key] = styleState.style[key]) : nonAnimatedAnimateOnly ? (retainedStyles ||= {}, retainedStyles[key] = value, shouldRetain = !0) : (addStyleToInsertRules(rulesToInsert, atomicStyle), mergeClassName(transforms, classNames, key, identifier, !1, !0));
       }
       process.env.NODE_ENV === "development" && props.debug === "verbose" && (console.groupEnd(), consoleGroupCollapsed("\u{1F539} getSplitStyles final style object"), console.info(styleState.style), console.groupEnd()), (shouldRetain || process.env.IS_STATIC !== "is_static") && (styleState.style = retainedStyles || {});
     }
-    if (transforms)
-      for (const namespace in transforms) {
-        if (!transforms[namespace]) {
-          process.env.NODE_ENV === "development" && (0, import_log.log)("Error no transform", transforms, namespace);
-          continue;
-        }
-        const [hash, val] = transforms[namespace], identifier = `_transform${hash}`;
-        if (import_constants.isClient && !import_insertStyleRule.insertedTransforms[identifier]) {
-          const rule = `.${identifier} { transform: ${val}; }`;
-          addStyleToInsertRules(rulesToInsert, [
-            namespace,
-            val,
-            identifier,
-            void 0,
-            [rule]
-          ]);
-        }
-        classNames[namespace] = identifier;
+    if (transforms) for (const namespace in transforms) {
+      if (!transforms[namespace]) {
+        process.env.NODE_ENV === "development" && (0, import_log.log)("Error no transform", transforms, namespace);
+        continue;
+      }
+      const [hash, val] = transforms[namespace],
+        identifier = `_transform${hash}`;
+      if (import_constants.isClient && !import_insertStyleRule.insertedTransforms[identifier]) {
+        const rule = `.${identifier} { transform: ${val}; }`;
+        addStyleToInsertRules(rulesToInsert, [namespace, val, identifier, void 0, [rule]]);
       }
+      classNames[namespace] = identifier;
+    }
   }
-  if (isReactNative)
-    viewProps.tabIndex === 0 && (viewProps.accessible ??= !0);
-  else if (viewProps.tabIndex == null) {
+  if (isReactNative) viewProps.tabIndex === 0 && (viewProps.accessible ??= !0);else if (viewProps.tabIndex == null) {
     const isFocusable = viewProps.focusable ?? viewProps.accessible;
     viewProps.focusable && delete viewProps.focusable;
     const role = viewProps.role;
-    isFocusable === !1 && (viewProps.tabIndex = "-1"), // These native elements are focusable by default
-    elementType === "a" || elementType === "button" || elementType === "input" || elementType === "select" || elementType === "textarea" ? (isFocusable === !1 || props.accessibilityDisabled === !0) && (viewProps.tabIndex = "-1") : (
-      // These roles are made focusable by default
-      (role === "button" || role === "checkbox" || role === "link" || role === "radio" || // @ts-expect-error (consistent with RNW)
-      role === "textbox" || role === "switch") && isFocusable !== !1 && (viewProps.tabIndex = "0")
-    ), isFocusable && (viewProps.tabIndex = "0", delete viewProps.focusable);
+    isFocusable === !1 && (viewProps.tabIndex = "-1"),
+    // These native elements are focusable by default
+    elementType === "a" || elementType === "button" || elementType === "input" || elementType === "select" || elementType === "textarea" ? (isFocusable === !1 || props.accessibilityDisabled === !0) && (viewProps.tabIndex = "-1") :
+    // These roles are made focusable by default
+    (role === "button" || role === "checkbox" || role === "link" || role === "radio" ||
+    // @ts-expect-error (consistent with RNW)
+    role === "textbox" || role === "switch") && isFocusable !== !1 && (viewProps.tabIndex = "0"), isFocusable && (viewProps.tabIndex = "0", delete viewProps.focusable);
   }
   const styleProp = props.style;
-  if (styleProp)
-    if (isHOC)
-      viewProps.style = normalizeStyle(styleProp);
-    else {
-      const isArray = Array.isArray(styleProp), len = isArray ? styleProp.length : 1;
-      for (let i = 0; i < len; i++) {
-        const style = isArray ? styleProp[i] : styleProp;
-        style && (style.$$css ? Object.assign(styleState.classNames, style) : (styleState.style ||= {}, Object.assign(styleState.style, normalizeStyle(style))));
-      }
+  if (styleProp) if (isHOC) viewProps.style = normalizeStyle(styleProp);else {
+    const isArray = Array.isArray(styleProp),
+      len = isArray ? styleProp.length : 1;
+    for (let i = 0; i < len; i++) {
+      const style = isArray ? styleProp[i] : styleProp;
+      style && (style.$$css ? Object.assign(styleState.classNames, style) : (styleState.style ||= {}, Object.assign(styleState.style, normalizeStyle(style))));
     }
+  }
   const result = {
     space,
     hasMedia,
@@ -539,21 +573,20 @@ current`, {
     {
       let fontFamily = isText || isInput ? styleState.fontFamily || staticConfig.defaultProps?.fontFamily : null;
       fontFamily && fontFamily[0] === "$" && (fontFamily = fontFamily.slice(1));
-      const fontFamilyClassName = fontFamily ? `font_${fontFamily}` : "", groupClassName = props.group ? `t_group_${props.group}` : "", componentNameFinal = props.componentName || staticConfig.componentName, componentClassName = props.asChild || !componentNameFinal ? "" : `is_${componentNameFinal}`;
+      const fontFamilyClassName = fontFamily ? `font_${fontFamily}` : "",
+        groupClassName = props.group ? `t_group_${props.group}` : "",
+        componentNameFinal = props.componentName || staticConfig.componentName,
+        componentClassName = props.asChild || !componentNameFinal ? "" : `is_${componentNameFinal}`;
       let classList = [];
       componentClassName && classList.push(componentClassName), fontFamilyClassName && classList.push(fontFamilyClassName), classNames && classList.push(Object.values(classNames).join(" ")), groupClassName && classList.push(groupClassName), props.className && classList.push(props.className);
       const finalClassName = classList.join(" ");
-      if (styleProps.noMergeStyle)
-        finalClassName && (viewProps.className = finalClassName);
-      else if (styleProps.isAnimated && !conf.animations.supportsCSSVars && isReactNative)
-        style && (viewProps.style = style);
-      else if (isReactNative) {
-        const cnStyles = { $$css: !0 };
-        for (const name of finalClassName.split(" "))
-          cnStyles[name] = name;
-        viewProps.style = [...Array.isArray(style) ? style : [style], cnStyles];
-      } else
-        finalClassName && (viewProps.className = finalClassName), style && (viewProps.style = style);
+      if (styleProps.noMergeStyle) finalClassName && (viewProps.className = finalClassName);else if (styleProps.isAnimated && !conf.animations.supportsCSSVars && isReactNative) style && (viewProps.style = style);else if (isReactNative) {
+        const cnStyles = {
+          $$css: !0
+        };
+        for (const name of finalClassName.split(" ")) cnStyles[name] = name;
+        viewProps.style = [...(Array.isArray(style) ? style : [style]), cnStyles];
+      } else finalClassName && (viewProps.className = finalClassName), style && (viewProps.style = style);
     }
   }
   if (process.env.NODE_ENV === "development" && debug === "verbose" && import_isDevTools.isDevTools) {
@@ -568,54 +601,56 @@ current`, {
         rulesToInsert,
         parentSplitStyles
       };
-      for (const key in logs)
-        (0, import_log.log)(key, logs[key]);
-    } catch {
-    }
+      for (const key in logs) (0, import_log.log)(key, logs[key]);
+    } catch {}
     console.groupEnd();
   }
   return result;
 };
 function mergeClassName(transforms, classNames, key, val, isMediaOrPseudo = !1, isInsertingNow = !1) {
-  if (val)
-    if (!isInsertingNow && val[0] === "_" && val.startsWith("_transform-")) {
-      const ns = isMediaOrPseudo ? key : "transform";
-      let transform = import_insertStyleRule.insertedTransforms[val];
-      import_constants.isClient && !transform && ((0, import_insertStyleRule.scanAllSheets)(), transform = import_insertStyleRule.insertedTransforms[val], !transform && import_constants.isWeb && val[0] !== "_" && (transform = val)), transforms[ns] ||= ["", ""], transforms[ns][0] += val.replace("_transform", ""), transform && (transforms[ns][1] += transform);
-    } else
-      classNames[key] = val;
+  if (val) if (!isInsertingNow && val[0] === "_" && val.startsWith("_transform-")) {
+    const ns = isMediaOrPseudo ? key : "transform";
+    let transform = import_insertStyleRule.insertedTransforms[val];
+    import_constants.isClient && !transform && ((0, import_insertStyleRule.scanAllSheets)(), transform = import_insertStyleRule.insertedTransforms[val], !transform && import_constants.isWeb && val[0] !== "_" && (transform = val)), transforms[ns] ||= ["", ""], transforms[ns][0] += val.replace("_transform", ""), transform && (transforms[ns][1] += transform);
+  } else classNames[key] = val;
 }
 function mergeStyle(styleState, key, val, disableNormalize = !1) {
-  const { classNames, viewProps, usedKeys, styleProps, staticConfig } = styleState;
-  if (import_constants.isWeb && val?.[0] === "_")
-    classNames[key] = val, usedKeys[key] ||= 1;
-  else if (key in import_helpers.stylePropsTransform)
-    styleState.flatTransforms ||= {}, styleState.flatTransforms[key] = val;
-  else {
+  const {
+    classNames,
+    viewProps,
+    usedKeys,
+    styleProps,
+    staticConfig
+  } = styleState;
+  if (import_constants.isWeb && val?.[0] === "_") classNames[key] = val, usedKeys[key] ||= 1;else if (key in import_helpers.stylePropsTransform) styleState.flatTransforms ||= {}, styleState.flatTransforms[key] = val;else {
     const out = import_constants.isWeb && !disableNormalize && !styleProps.noNormalize ? (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key) : val;
     // accept is for props not styles
     staticConfig.accept && key in staticConfig.accept ? viewProps[key] = out : (styleState.style ||= {}, styleState.style[key] = out);
   }
 }
 const getSubStyle = (styleState, subKey, styleIn, avoidMergeTransform) => {
-  const { staticConfig, conf: conf2, styleProps } = styleState, styleOut = {};
-  for (let key in styleIn) {
-    const val = styleIn[key];
-    key = conf2.shorthands[key] || key;
-    const expanded = (0, import_propMapper.propMapper)(key, val, styleState);
-    if (!(!expanded || !staticConfig.isHOC && key in import_skipProps.skipProps && !styleProps.noSkip))
-      for (let [skey, sval] of expanded)
-        skey in import_helpers.validPseudoKeys && (sval = getSubStyle(styleState, skey, sval, avoidMergeTransform)), !avoidMergeTransform && skey in import_helpers.stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(sval, key);
-  }
-  return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
-}, useInsertEffectCompat = import_constants.isWeb ? import_react.default.useInsertionEffect || import_constants.useIsomorphicLayoutEffect : () => {
-}, useSplitStyles = (a, b, c, d, e, f, g, h, i, j) => {
-  conf = conf || (0, import_config.getConfig)();
-  const res = getSplitStyles(a, b, c, d, e, f, g, h, i, j);
-  return process.env.TAMAGUI_REACT_19 || useInsertEffectCompat(() => {
-    (0, import_insertStyleRule.insertStyleRules)(res.rulesToInsert);
-  }, [res.rulesToInsert]), res;
-};
+    const {
+        staticConfig,
+        conf: conf2,
+        styleProps
+      } = styleState,
+      styleOut = {};
+    for (let key in styleIn) {
+      const val = styleIn[key];
+      key = conf2.shorthands[key] || key;
+      const expanded = (0, import_propMapper.propMapper)(key, val, styleState);
+      if (!(!expanded || !staticConfig.isHOC && key in import_skipProps.skipProps && !styleProps.noSkip)) for (let [skey, sval] of expanded) skey in import_helpers.validPseudoKeys && (sval = getSubStyle(styleState, skey, sval, avoidMergeTransform)), !avoidMergeTransform && skey in import_helpers.stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(sval, key);
+    }
+    return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
+  },
+  useInsertEffectCompat = import_constants.isWeb ? import_react.default.useInsertionEffect || import_constants.useIsomorphicLayoutEffect : () => {},
+  useSplitStyles = (a, b, c, d, e, f, g, h, i, j) => {
+    conf = conf || (0, import_config.getConfig)();
+    const res = getSplitStyles(a, b, c, d, e, f, g, h, i, j);
+    return process.env.TAMAGUI_REACT_19 || useInsertEffectCompat(() => {
+      (0, import_insertStyleRule.insertStyleRules)(res.rulesToInsert);
+    }, [res.rulesToInsert]), res;
+  };
 function addStyleToInsertRules(rulesToInsert, styleObject) {
   {
     const identifier = styleObject[import_helpers.StyleObjectIdentifier];
@@ -625,33 +660,37 @@ function addStyleToInsertRules(rulesToInsert, styleObject) {
 function processIDRefList(idRefList) {
   return Array.isArray(idRefList) ? idRefList.join(" ") : idRefList;
 }
-const defaultColor = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)", animatableDefaults = {
-  ...Object.fromEntries(
-    Object.entries(import_helpers.tokenCategories.color).map(([k, v]) => [k, defaultColor])
-  ),
-  opacity: 1,
-  scale: 1,
-  rotate: "0deg",
-  rotateY: "0deg",
-  rotateX: "0deg",
-  x: 0,
-  y: 0,
-  borderRadius: 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"]({
-    [mapTransformKeys[key] || key]: val
-  }));
-}, mapTransformKeys = {
-  x: "translateX",
-  y: "translateY"
-}, accessibilityRoleToWebRole = {
-  adjustable: "slider",
-  header: "heading",
-  image: "img",
-  link: "link",
-  none: "presentation",
-  summary: "region"
-};
+const defaultColor = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)",
+  animatableDefaults = {
+    ...Object.fromEntries(Object.entries(import_helpers.tokenCategories.color).map(([k, v]) => [k, defaultColor])),
+    opacity: 1,
+    scale: 1,
+    rotate: "0deg",
+    rotateY: "0deg",
+    rotateX: "0deg",
+    x: 0,
+    y: 0,
+    borderRadius: 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"]({
+      [mapTransformKeys[key] || key]: val
+    }));
+  },
+  mapTransformKeys = {
+    x: "translateX",
+    y: "translateY"
+  },
+  accessibilityRoleToWebRole = {
+    adjustable: "slider",
+    header: "heading",
+    image: "img",
+    link: "link",
+    none: "presentation",
+    summary: "region"
+  };
 function passDownProp(viewProps, key, val, shouldMergeObject = !1) {
   if (shouldMergeObject) {
     const next = {
@@ -659,28 +698,17 @@ function passDownProp(viewProps, key, val, shouldMergeObject = !1) {
       ...val
     };
     delete viewProps[key], viewProps[key] = next;
-  } else
-    viewProps[key] = val;
+  } else viewProps[key] = val;
 }
 function mergeMediaByImportance(styleState, mediaKey, key, value, importancesUsed, isSizeMedia, importanceBump, debugProp) {
-  let importance = (0, import_useMedia.getMediaImportanceIfMoreImportant)(
-    mediaKey,
-    key,
-    importancesUsed,
-    isSizeMedia
-  );
-  if (importanceBump && (importance = (importance || 0) + importanceBump), process.env.NODE_ENV === "development" && debugProp === "verbose" && (0, import_log.log)(
-    `mergeMediaByImportance ${key} importance existing ${importancesUsed[key]} next ${importance}`
-  ), importance === null)
-    return !1;
+  let importance = (0, import_useMedia.getMediaImportanceIfMoreImportant)(mediaKey, key, importancesUsed, isSizeMedia);
+  if (importanceBump && (importance = (importance || 0) + importanceBump), process.env.NODE_ENV === "development" && debugProp === "verbose" && (0, import_log.log)(`mergeMediaByImportance ${key} importance existing ${importancesUsed[key]} next ${importance}`), importance === null) return !1;
   if (importancesUsed[key] = importance, key in import_pseudoDescriptors.pseudoDescriptors) {
-    const descriptor = import_pseudoDescriptors.pseudoDescriptors[key], descriptorKey = descriptor.stateKey || descriptor.name;
-    if (styleState.componentState[descriptorKey] === !1)
-      return !1;
-    for (const subKey in value)
-      mergeStyle(styleState, subKey, value[subKey]);
-  } else
-    mergeStyle(styleState, key, value);
+    const descriptor = import_pseudoDescriptors.pseudoDescriptors[key],
+      descriptorKey = descriptor.stateKey || descriptor.name;
+    if (styleState.componentState[descriptorKey] === !1) return !1;
+    for (const subKey in value) mergeStyle(styleState, subKey, value[subKey]);
+  } else mergeStyle(styleState, key, value);
   return !0;
 }
 function normalizeStyle(style) {
@@ -694,5 +722,4 @@ function normalizeStyle(style) {
 function applyDefaultStyle(pkey, styleState) {
   const defaultValues = animatableDefaults[pkey];
   defaultValues != null && !(pkey in styleState.usedKeys) && (!styleState.style || !(pkey in styleState.style)) && mergeStyle(styleState, pkey, defaultValues);
-}
-//# sourceMappingURL=getSplitStyles.js.map
+}