@tamagui/web 2.7.7 → 3.0.0-beta.1093.1

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

@@ -1,933 +1,1803 @@
-import { getPlatformDriver, isAndroid, isClient, isWeb, supportsDynamicColorIOS } from "@tamagui/constants";
-import { StyleObjectIdentifier, StyleObjectProperty, StyleObjectPseudo, stylePropsText, stylePropsTransform, tokenCategories, validPseudoKeys, validStyles } from "@tamagui/helpers";
-import React from "react";
-import { getConfig, getFont, getSetting } from "../config.native.js";
+import { getTransitionResolver } from "@tamagui/animation-helpers/transitionResolver";
+import { isAndroid, isClient, supportsDynamicColorIOS } from "@tamagui/constants";
+import { nonAnimatableStyleProps, stylePropsAll, stylePropsInput, stylePropsText, stylePropsTransform, validStyles } from "@tamagui/helpers";
+import { addTransformValue, createTransformAccumulator, finalizeTransformAccumulator, getTransformPartKeys, removeTransformValue } from "@tamagui/style-grammar/runtime";
+import { getConfig, getFont } from "../config.native.js";
 import { isDevTools } from "../constants/isDevTools.native.js";
-import { getMediaImportanceIfMoreImportant, getMediaKey, getMediaKeyImportance, mediaKeyMatch } from "../hooks/useMedia.native.js";
-import { mediaQueryConfig, mediaState } from "./mediaState.native.js";
-import { createMediaStyle } from "./createMediaStyle.native.js";
+import { defaultComponentStateMounted } from "../defaultComponentState.native.js";
+import { isVariable } from "../createVariable.native.js";
+import { stylePieceSymbol } from "../types.native.js";
+import { addComposition, canGenerateCSS, flushDirectStyles, registerAtomicSlot } from "./getCSSStylesAtomic.native.js";
+import { expandStyle } from "./expandStyle.native.js";
+import { classifyBorderComponents, splitComponents, startsValueFunction } from "./borderComponents.native.js";
 import { fixStyles } from "./expandStyles.native.js";
-import { getCSSStylesAtomic, getStyleAtomic, styleToCSS } from "./getCSSStylesAtomic.native.js";
-import { getDefaultProps } from "./getDefaultProps.native.js";
-import { extractValueFromDynamic, getDynamicVal, getOppositeScheme, isColorStyleKey } from "./getDynamicVal.native.js";
-import { getGroupPropParts } from "./getGroupPropParts.native.js";
-import { getPlatformSpecificityBump, isActivePlatform } from "./isActivePlatform.native.js";
-import { isActiveTheme } from "./isActiveTheme.native.js";
+import { getConfigRevisionState } from "./grammarConfig.native.js";
+import { mediaKeyMatch, mediaState } from "./mediaState.native.js";
+import { getStyleStaticConfig } from "./styleStaticConfig.native.js";
+import { mergeFrontendCondition } from "./styleFrontend.native.js";
+import { nativeTextInputColorProps, normalizeNativeStyle } from "./nativeStyleEngine.native.js";
+import { warnOnce, warnRefusedValue } from "./warnOnce.native.js";
+import { isColorStyleKey } from "./getDynamicVal.native.js";
+import { getDynamicEnv } from "./styledDynamic.native.js";
+import { getRulesForIdentifier } from "./insertStyleRule.native.js";
 import { log } from "./log.native.js";
+import { normalizeColor } from "./normalizeColor.native.js";
 import { normalizeValueWithProperty } from "./normalizeValueWithProperty.native.js";
-import { propMapper } from "./propMapper.native.js";
-import { defaultMediaImportance, pseudoDescriptors, pseudoPriorities } from "./pseudoDescriptors.native.js";
-import { skipProps } from "./skipProps.native.js";
-import { sortString } from "./sortString.native.js";
+import { parseNativeStyle } from "./parseNativeStyle.native.js";
+import { parseNativeTransform } from "./parseNativeTransform.native.js";
+import { resolveNativeUnits } from "./resolveNativeUnits.native.js";
+import { resolveVariableValue } from "./resolveVariableValue.native.js";
+import { HOC_CLASSNAME_MARKER, skipProps } from "./skipProps.native.js";
 import { styleOriginalValues } from "./styleOriginalValues.native.js";
 import { STYLE_TOKEN_PROVENANCE_KEY, getStyleTokenProvenance, setStyleTokenProvenance } from "./styleProvenance.native.js";
+import { THEME_REF_PREFIX } from "./themeRef.native.js";
 import { transformsToString } from "./transformsToString.native.js";
-function _type_of(obj) {
-  "@swc/helpers - typeof";
+import { isStylePiece, isStylePieceCacheable, setStylePieceCompiler, setStylePieceResolver } from "../style.native.js";
+
+export * from "./tokenCategories.native.js"
 
-  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
 var shouldTrackStyleTokenProvenance = process.env.NODE_ENV === "development" && process.env.TAMAGUI_ENABLE_STYLE_TOKEN_PROVENANCE === "1";
-var conf;
-var PROP_SPLIT = "-";
-function normalizeGroupKey(key, groupContext) {
-  var parts = key.split("-");
-  var plen = parts.length;
-  if (plen === 2 || plen === 3 && pseudoPriorities[parts[parts.length - 1]]) {
-    var name = parts[1];
-    if (name !== "true" && groupContext && !groupContext[name]) return key.replace("$group-", "$group-true-");
-  }
-  return key;
-}
-function isValidStyleKey(key, validStyles, accept) {
-  return key in validStyles ? true : accept && key in accept;
-}
-function shouldSkipNativeHoverProp(key, isMedia) {
-  var _getPlatformDriver;
-  if ((_getPlatformDriver = getPlatformDriver()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo) return false;
-  if (key === "hoverStyle") return true;
-  if (isMedia === "group") return getGroupPropParts(key.slice(1)).pseudo === "hover";
-  return false;
-}
-var getSplitStyles = function (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, componentContext, groupContext, elementType, startedUnhydrated, debug, animationDriver) {
-  var _loop = function (keyOg2) {
-    var keyInit = keyOg2;
-    var valInit = props[keyInit];
-    if (keyInit === "children") {
-      viewProps[keyInit] = valInit;
-      return "continue";
-    }
-    if (keyInit[0] === "d" && keyInit.startsWith("data-")) return "continue";
-    if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`before-prop-${keyInit}`;
-    if (process.env.NODE_ENV === "test" && keyInit === "jestAnimatedStyle") return "continue";
-    if (accept) {
-      var accepted = accept[keyInit];
-      if ((accepted === "style" || accepted === "textStyle") && valInit && (typeof valInit === "undefined" ? "undefined" : _type_of(valInit)) === "object") {
-        viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClass);
-        return "continue";
-      }
-    }
-    if (!disableExpandShorthands) {
-      if (keyInit in shorthands) keyInit = shorthands[keyInit];
-    }
-    if (keyInit === "className") return "continue";
-    if (asChild) {
-      var defaults = getDefaultProps(staticConfig);
-      if (defaults) {
-        var _defaults_keyOg;
-        var defaultVal = (_defaults_keyOg = defaults[keyOg2]) !== null && _defaults_keyOg !== void 0 ? _defaults_keyOg : defaults[keyInit];
-        if (defaultVal !== void 0 && valInit === defaultVal) return "continue";
-      }
-    }
-    if (keyInit in skipProps && !noSkip && !isHOC) {
-      if (keyInit === "group") ;
-      if (keyInit === "transition" && typeof valInit === "string") {
-        var _driver_animations;
-        var animationConfig = driver === null || driver === void 0 ? void 0 : (_driver_animations = driver.animations) === null || _driver_animations === void 0 ? void 0 : _driver_animations[valInit];
-        if (animationConfig && (driver === null || driver === void 0 ? void 0 : driver.outputStyle) === "css" && process.env.IS_STATIC === "is_static") valInit = `all ${animationConfig}`;else if (animationConfig) return "continue";
-      } else return "continue";
-    }
-    var isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles$1, accept);
-    if (!isValidStyleKeyInit) {
-      if (!isAndroid) {
-        if (keyInit === "elevationAndroid") return "continue";
-      }
-      if (keyInit === "userSelect") {
-        keyInit = "selectable";
-        valInit = valInit !== "none";
-      } else if (keyInit.startsWith("data-")) return "continue";
-    }
-    var isVariant = !isValidStyleKeyInit && variants && keyInit in variants;
-    var isStyleLikeKey = isValidStyleKeyInit || isVariant;
-    var isPseudo = keyInit in validPseudoKeys;
-    var isMedia = !isStyleLikeKey && !isPseudo ? getMediaKey(keyInit) : false;
-    var isMediaOrPseudo = Boolean(isMedia || isPseudo);
-    if (isMediaOrPseudo && isMedia === "group") keyInit = normalizeGroupKey(keyInit, groupContext);
-    var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo || isVariant && !noExpand;
-    if (shouldSkipNativeHoverProp(keyInit, isMedia)) return "continue";
-    if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web")) return "continue";
-    var shouldPassProp = !isStyleProp && isHOC || isHOC && parentVariants && keyInit in parentVariants || (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(keyInit));
-    var parentVariant = parentVariants === null || parentVariants === void 0 ? void 0 : parentVariants[keyInit];
-    var isHOCShouldPassThrough = Boolean(isHOC && (isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in skipProps));
-    var shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
-    if (process.env.NODE_ENV === "development" && debug === "verbose") {
-      console.groupCollapsed(`  \u{1F511} ${keyOg2}${keyInit !== keyOg2 ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`);
-      log({
-        isVariant,
-        valInit,
-        shouldPassProp
-      });
-      if (isClient) log({
-        variants,
-        variant: variants === null || variants === void 0 ? void 0 : variants[keyInit],
-        isVariant,
-        isHOCShouldPassThrough,
-        usedKeys: {
-          ...styleState.usedKeys
-        },
-        parentStaticConfig
-      });
-    }
-    if (shouldPassThrough) {
-      passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo);
-      if (process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
-      if (!isVariant) return "continue";
-    }
-    if (!noSkip) {
-      var _driver_animations1;
-      if (keyInit in skipProps && !(keyInit === "transition" && typeof valInit === "string" && !(driver === null || driver === void 0 ? void 0 : (_driver_animations1 = driver.animations) === null || _driver_animations1 === void 0 ? void 0 : _driver_animations1[valInit]))) {
-        if (process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
-        return "continue";
-      }
-    }
-    if (isText || isInput) {
-      if (valInit && (keyInit === "fontFamily" || keyInit === shorthands["fontFamily"]) && valInit in conf.fontsParsed) styleState.fontFamily = valInit;
-    }
-    var disablePropMap = isMediaOrPseudo || !isStyleLikeKey;
-    propMapper(keyInit, valInit, styleState, disablePropMap, function (key6, val2, originalVal) {
-      var _parentStaticConfig_variants;
-      var isStyledContextProp = styledContext && key6 in styledContext;
-      if (!isHOC && disablePropMap && !isStyledContextProp && !isMediaOrPseudo) {
-        viewProps[key6] = val2;
-        return;
-      }
-      if (process.env.NODE_ENV === "development" && debug === "verbose") {
-        console.groupCollapsed("  💠 expanded", keyInit, "=>", key6);
-        log(val2);
-        console.groupEnd();
-      }
-      if (val2 == null) return;
-      if (key6 === "pointerEvents") {
-        viewProps[key6] = val2;
-        return;
-      }
-      if (!isHOC && isValidStyleKey(key6, validStyles$1, accept) || isAndroid && key6 === "elevation") {
-        mergeStyle(styleState, key6, val2, 1, false, originalVal);
-        return;
-      }
-      isPseudo = key6 in validPseudoKeys;
-      isMedia = isPseudo ? false : getMediaKey(key6);
-      isMediaOrPseudo = Boolean(isMedia || isPseudo);
-      isVariant = variants && key6 in variants;
-      if (isMedia === "group") key6 = normalizeGroupKey(key6, groupContext);
-      if (shouldSkipNativeHoverProp(key6, isMedia)) return;
-      if ((inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(key6)) || process.env.IS_STATIC === "is_static" && (inlineWhenUnflattened === null || inlineWhenUnflattened === void 0 ? void 0 : inlineWhenUnflattened.has(key6))) {
-        var _props_key;
-        viewProps[key6] = (_props_key = props[key6]) !== null && _props_key !== void 0 ? _props_key : val2;
-      }
-      if (styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit]))) {
-        passDownProp(viewProps, key6, val2, isMediaOrPseudo);
-        if (process.env.NODE_ENV === "development" && debug === "verbose") {
-          console.groupCollapsed(` - passing down prop ${key6}`);
-          log({
-            val: val2,
-            after: {
-              ...viewProps[key6]
-            }
-          });
-          console.groupEnd();
-        }
-        return;
-      }
-      if (isPseudo) {
-        if (!val2) return;
-        var pseudoStyleObject = getSubStyle(styleState, key6, val2, styleProps.noClass && !(process.env.IS_STATIC === "is_static"));
-        if (!shouldDoClasses || process.env.IS_STATIC === "is_static") {
-          var _pseudos, _key;
-          pseudos || (pseudos = {});
-          (_pseudos = pseudos)[_key = key6] || (_pseudos[_key] = {});
-          if (process.env.IS_STATIC === "is_static") {
-            Object.assign(pseudos[key6], pseudoStyleObject);
-            return;
-          }
-        }
-        var descriptor = pseudoDescriptors[key6];
-        var isEnter = key6 === "enterStyle";
-        var isExit = key6 === "exitStyle";
-        if (!descriptor) return;
-        if (shouldDoClasses && !isExit) {
-          var pseudoStyles = getStyleAtomic(pseudoStyleObject, descriptor);
-          if (process.env.NODE_ENV === "development" && debug === "verbose") console.info("pseudo:", key6, pseudoStyleObject, pseudoStyles);
-          var _iteratorNormalCompletion3 = true,
-            _didIteratorError3 = false,
-            _iteratorError3 = void 0;
-          try {
-            for (var _iterator3 = pseudoStyles[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
-              var psuedoStyle = _step3.value;
-              var fullKey = `${psuedoStyle[StyleObjectProperty]}${"-"}${descriptor.name}`;
-              classNames[fullKey] = psuedoStyle[StyleObjectIdentifier];
-            }
-          } catch (err) {
-            _didIteratorError3 = true;
-            _iteratorError3 = err;
-          } finally {
-            try {
-              if (!_iteratorNormalCompletion3 && _iterator3.return != null) _iterator3.return();
-            } finally {
-              if (_didIteratorError3) throw _iteratorError3;
-            }
-          }
-        }
-        if (!shouldDoClasses || isExit || isEnter) {
-          var isDisabled = componentState[descriptor.stateKey || descriptor.name] === false;
-          if (isExit) isDisabled = !styleProps.isExiting;
-          if (isEnter && componentState.unmounted === false) isDisabled = true;
-          if (process.env.NODE_ENV === "development" && debug === "verbose") {
-            console.groupCollapsed("pseudo", key6, {
-              isDisabled
-            });
-            log({
-              pseudoStyleObject,
-              isDisabled,
-              descriptor,
-              componentState
-            });
-            console.groupEnd();
-          }
-          var importance = descriptor.priority;
-          var pseudoOriginalValues = styleOriginalValues.get(pseudoStyleObject);
-          for (var pkey in pseudoStyleObject) {
-            var _$val = pseudoStyleObject[pkey];
-            if (isDisabled) applyDefaultStyle(pkey, styleState);else {
-              var curImportance = styleState.usedKeys[pkey] || 0;
-              var shouldMerge = importance >= curImportance;
-              if (shouldMerge) {
-                if (process.env.IS_STATIC === "is_static") {
-                  var _pseudos1, _key1;
-                  pseudos || (pseudos = {});
-                  (_pseudos1 = pseudos)[_key1 = key6] || (_pseudos1[_key1] = {});
-                  pseudos[key6][pkey] = _$val;
-                }
-                mergeStyle(styleState, pkey, _$val, importance, false, pseudoOriginalValues === null || pseudoOriginalValues === void 0 ? void 0 : pseudoOriginalValues[pkey]);
-              }
-              if (process.env.NODE_ENV === "development" && debug === "verbose") log("    subKey", pkey, shouldMerge, {
-                importance,
-                curImportance,
-                pkey,
-                val: _$val
-              });
-            }
-          }
-          if (!isDisabled) for (var _$key in val2) {
-            var k2 = shorthands[_$key] || _$key;
-            styleState.usedKeys[k2] = Math.max(importance, styleState.usedKeys[k2] || 0);
-          }
-        }
-        return;
-      }
-      if (isMedia) {
-        if (!val2) return;
-        var mediaKeyShort = key6.slice(isMedia == "theme" ? 7 : 1);
-        hasMedia || (hasMedia = true);
-        if (val2["space"] || !shouldDoClasses || styleProps.willBeAnimated) {
-          if (!hasMedia || typeof hasMedia === "boolean") hasMedia = /* @__PURE__ */new Set();
-          hasMedia.add(mediaKeyShort);
-        }
-        if (isMedia === "platform") {
-          if (!isActivePlatform(key6)) return;
-        }
-        if (process.env.NODE_ENV === "development" && debug === "verbose") log(`  \u{1F4FA} ${key6}`, {
-          key: key6,
-          val: val2,
-          props,
-          shouldDoClasses,
-          acceptsClassName,
-          componentState,
-          mediaState: mediaState$1
-        });
-        var priority = mediaStylesSeen;
-        mediaStylesSeen += 1;
-        if (process.env.IS_STATIC === "is_static" && isMedia === true) {
-          var _styleState3;
-          var mediaStyle = getSubStyle(styleState, key6, val2, true);
-          (_styleState3 = styleState).style || (_styleState3.style = {});
-          var existing = styleState.style[key6];
-          styleState.style[key6] = existing ? Object.assign(existing, mediaStyle) : mediaStyle;
-          return;
-        }
-        if (shouldDoClasses) {
-          var mediaStyles = getCSSStylesAtomic(getSubStyle(styleState, key6, val2, false));
-          var _iteratorNormalCompletion12 = true,
-            _didIteratorError12 = false,
-            _iteratorError12 = void 0;
-          try {
-            for (var _iterator12 = mediaStyles[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = true) {
-              var style3 = _step12.value;
-              var property = style3[StyleObjectProperty];
-              var isSubStyle = property[0] === "$";
-              if (isSubStyle && !isActivePlatform(property)) continue;
-              var out = createMediaStyle(style3, mediaKeyShort, mediaQueryConfig, isMedia, false, priority);
-              if (process.env.NODE_ENV === "development" && debug === "verbose") log(`\u{1F4FA} media style:`, out);
-              var subKey = isSubStyle ? style3[2] : "";
-              var fullKey1 = `${style3[StyleObjectProperty]}${subKey}${"-"}${mediaKeyShort}${style3[StyleObjectPseudo] || ""}`;
-              classNames[fullKey1] = out[StyleObjectIdentifier];
-            }
-          } catch (err) {
-            _didIteratorError12 = true;
-            _iteratorError12 = err;
-          } finally {
-            try {
-              if (!_iteratorNormalCompletion12 && _iterator12.return != null) _iterator12.return();
-            } finally {
-              if (_didIteratorError12) throw _iteratorError12;
-            }
-          }
-        } else {
-          let mergeMediaStyle2 = function (key7, val3, originalVal2) {
-            var _styleState4;
-            if (!isValidStyleKey(key7, validStyles$1, accept)) {
-              viewProps[key7] = val3;
-              return;
-            }
-            (_styleState4 = styleState).style || (_styleState4.style = {});
-            if (mergeMediaByImportance(styleState, mediaKeyShort, key7, val3, mediaState$1[mediaKeyShort], importanceBump, debug, originalVal2) && key7 === "fontFamily") styleState.fontFamily = mediaStyle2.fontFamily;
-          };
-          var isThemeMedia = isMedia === "theme";
-          var isGroupMedia = isMedia === "group";
-          var isPlatformMedia = isMedia === "platform";
-          if (!isThemeMedia && !isPlatformMedia && !isGroupMedia) {
-            if (!mediaState$1[mediaKeyShort]) {
-              if (process.env.NODE_ENV === "development" && debug === "verbose") log(`  \u{1F4FA} \u274C DISABLED ${mediaKeyShort}`);
-              return;
-            }
-            if (process.env.NODE_ENV === "development" && debug === "verbose") log(`  \u{1F4FA} \u2705 ENABLED ${mediaKeyShort}`);
-          }
-          var mediaStyle2 = getSubStyle(styleState, key6, val2, true);
-          var importanceBump = 0;
-          if (isThemeMedia) {
-            if (supportsDynamicColorIOS && getSetting("fastSchemeChange")) {
-              var _styleState12;
-              (_styleState12 = styleState).style || (_styleState12.style = {});
-              var scheme = mediaKeyShort;
-              var oppositeScheme = getOppositeScheme(mediaKeyShort);
-              var themeOriginalValues = styleOriginalValues.get(mediaStyle2);
-              var isCurrentScheme = themeName === scheme || themeName.startsWith(scheme);
-              for (var subKey1 in mediaStyle2) {
-                var _$val1 = extractValueFromDynamic(mediaStyle2[subKey1], scheme);
-                var existing1 = styleState.style[subKey1];
-                if (!isColorStyleKey(subKey1)) {
-                  dynamicThemeAccess = true;
-                  if (isCurrentScheme) mediaStyle2[subKey1] = _$val1;else delete mediaStyle2[subKey1];
-                  continue;
-                }
-                if (existing1 === null || existing1 === void 0 ? void 0 : existing1.dynamic) {
-                  existing1.dynamic[scheme] = _$val1;
-                  mediaStyle2[subKey1] = existing1;
-                } else {
-                  mediaStyle2[subKey1] = getDynamicVal({
-                    scheme,
-                    val: _$val1,
-                    oppositeVal: extractValueFromDynamic(existing1, oppositeScheme)
-                  });
-                  mergeStyle(styleState, subKey1, mediaStyle2[subKey1], priority, false, themeOriginalValues === null || themeOriginalValues === void 0 ? void 0 : themeOriginalValues[subKey1]);
-                }
-              }
-            } else {
-              dynamicThemeAccess = true;
-              if (!(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort))) return;
-            }
-          } else if (isGroupMedia) {
-            var _groupContext_groupName, _componentState_group;
-            var groupInfo = getGroupPropParts(mediaKeyShort);
-            var groupName = groupInfo.name;
-            var groupState = groupContext === null || groupContext === void 0 ? void 0 : (_groupContext_groupName = groupContext[groupName]) === null || _groupContext_groupName === void 0 ? void 0 : _groupContext_groupName.state;
-            var groupPseudoKey = groupInfo.pseudo;
-            var groupMediaKey = groupInfo.media;
-            if (groupPseudoKey === "hover") return;
-            if (!groupState) {
-              if (process.env.NODE_ENV === "development" && debug) log(`No parent with group prop, skipping styles: ${groupName}`);
-              pseudoGroups || (pseudoGroups = /* @__PURE__ */new Set());
-              return;
-            }
-            var componentGroupState = (_componentState_group = componentState.group) === null || _componentState_group === void 0 ? void 0 : _componentState_group[groupName];
-            if (groupMediaKey) {
-              mediaGroups || (mediaGroups = /* @__PURE__ */new Set());
-              mediaGroups.add(groupMediaKey);
-              var mediaState1 = componentGroupState === null || componentGroupState === void 0 ? void 0 : componentGroupState.media;
-              var isActive = mediaState1 === null || mediaState1 === void 0 ? void 0 : mediaState1[groupMediaKey];
-              if (!mediaState1 && groupState.layout) isActive = mediaKeyMatch(groupMediaKey, groupState.layout);
-              if (process.env.NODE_ENV === "development" && debug === "verbose") log(` \u{1F3D8}\uFE0F GROUP media ${groupMediaKey} active? ${isActive}`, {
-                ...mediaState1,
-                usedKeys: {
-                  ...styleState.usedKeys
-                }
-              });
-              if (!isActive) {
-                for (var pkey1 in mediaStyle2) applyDefaultStyle(pkey1, styleState);
-                return;
-              }
-              importanceBump = 2;
-            }
-            if (groupPseudoKey) {
-              var _this;
-              pseudoGroups || (pseudoGroups = /* @__PURE__ */new Set());
-              pseudoGroups.add(groupName);
-              var componentGroupPseudoState = (_this = componentGroupState || (groupContext === null || groupContext === void 0 ? void 0 : groupContext[groupName].state)) === null || _this === void 0 ? void 0 : _this.pseudo;
-              var isActive1 = componentGroupPseudoState === null || componentGroupPseudoState === void 0 ? void 0 : componentGroupPseudoState[groupPseudoKey];
-              var priority1 = pseudoPriorities[groupPseudoKey];
-              if (process.env.NODE_ENV === "development" && debug === "verbose") log(` \u{1F3D8}\uFE0F GROUP pseudo ${groupMediaKey} active? ${isActive1}, priority ${priority1}`, {
-                componentGroupPseudoState: {
-                  ...componentGroupPseudoState
-                },
-                usedKeys: {
-                  ...styleState.usedKeys
-                }
-              });
-              if (!isActive1) {
-                for (var pkey2 in mediaStyle2) applyDefaultStyle(pkey2, styleState);
-                return;
-              }
-              importanceBump = priority1;
-            }
-          } else if (isPlatformMedia) importanceBump = getPlatformSpecificityBump(mediaKeyShort);
-          var mediaOriginalValues = styleOriginalValues.get(mediaStyle2);
-          if (isGroupMedia && mediaStyle2.transition) {
-            var _styleState22;
-            (_styleState22 = styleState).pseudoTransitions || (_styleState22.pseudoTransitions = {});
-            styleState.pseudoTransitions[`$${mediaKeyShort}`] = mediaStyle2.transition;
-          }
-          for (var subKey2 in mediaStyle2) {
-            if (subKey2 === "space") continue;
-            if (subKey2[0] === "$") {
-              var subMediaType = getMediaKey(subKey2);
-              if (subMediaType === "platform") {
-                if (!isActivePlatform(subKey2)) continue;
-              } else if (subMediaType === "theme") {
-                if (!isActiveTheme(subKey2, themeName)) continue;
-              } else if (subMediaType === true) {
-                if (!mediaState$1[subKey2.slice(1)]) continue;
-              }
-              var nestedVal = mediaStyle2[subKey2];
-              var subOriginalValues = styleOriginalValues.get(nestedVal);
-              var outerBase = !!mediaState$1[mediaKeyShort] ? getMediaKeyImportance(mediaKeyShort) : defaultMediaImportance;
-              var innerBase = void 0;
-              if (subMediaType === "platform") innerBase = defaultMediaImportance + getPlatformSpecificityBump(subKey2.slice(1));else if (subMediaType === true) innerBase = getMediaKeyImportance(subKey2.slice(1));else innerBase = defaultMediaImportance;
-              var nestedImportance = outerBase + importanceBump + innerBase + 1;
-              for (var subSubKey in nestedVal) {
-                var _styleState32;
-                var expandedKey = shorthands[subSubKey] || subSubKey;
-                var {
-                  usedKeys
-                } = styleState;
-                if (usedKeys[expandedKey] && usedKeys[expandedKey] > nestedImportance) continue;
-                (_styleState32 = styleState).style || (_styleState32.style = {});
-                mergeStyle(styleState, expandedKey, nestedVal[subSubKey], nestedImportance, false, subOriginalValues === null || subOriginalValues === void 0 ? void 0 : subOriginalValues[subSubKey]);
-                if (expandedKey === "fontFamily") styleState.fontFamily = nestedVal[subSubKey];
-              }
-            } else mergeMediaStyle2(subKey2, mediaStyle2[subKey2], mediaOriginalValues === null || mediaOriginalValues === void 0 ? void 0 : mediaOriginalValues[subKey2]);
-          }
-        }
-        return;
-      }
-      if (!isVariant) {
-        if (isStyledContextProp) return;
-        viewProps[key6] = val2;
-      }
-    });
-    if (process.env.NODE_ENV === "development" && debug === "verbose") {
-      try {
-        log(` \u2714\uFE0F expand complete`, keyInit);
-        log("style", {
-          ...styleState.style
-        });
-        log("viewProps", {
-          ...viewProps
-        });
-        log("transforms", {
-          ...styleState.flatTransforms
-        });
-      } catch (e) {}
-      console.groupEnd();
-    }
-  };
-  conf = conf || getConfig();
-  var driver = animationDriver || (componentContext === null || componentContext === void 0 ? void 0 : componentContext.animationDriver) || conf.animations;
-  if (props.passThrough) return null;
-  if (isWeb && styleProps.isAnimated && (driver === null || driver === void 0 ? void 0 : driver.isReactNative) && !styleProps.noNormalize) styleProps.noNormalize = "values";
-  var {
-    shorthands
-  } = conf;
-  var {
-    isHOC,
-    isText,
-    isInput,
-    variants,
-    isReactNative,
-    inlineProps,
-    inlineWhenUnflattened,
-    parentStaticConfig,
-    acceptsClassName
-  } = staticConfig;
-  var viewProps = {};
-  var mediaState$1 = styleProps.mediaState || mediaState;
-  var shouldDoClasses = acceptsClassName && isWeb && !styleProps.noClass;
-  var rulesToInsert = void 0;
-  var classNames = {};
-  props.space;
-  var pseudos = null;
-  var hasMedia = false;
-  var dynamicThemeAccess;
-  var pseudoGroups;
-  var mediaGroups;
-  var className = props.className || "";
-  var mediaStylesSeen = 0;
-  var validStyles$1 = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? stylePropsText : validStyles);
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-setup`;
-  var styleState = {
-    classNames,
-    conf,
-    props,
-    styleProps,
-    componentState,
-    staticConfig,
-    style: null,
-    theme,
-    usedKeys: {},
-    viewProps,
-    context: componentContext,
-    debug,
-    animationDriver: driver
-  };
-  if (process.env.IS_STATIC === "is_static") {
-    var {
-      fallbackProps
-    } = styleProps;
-    if (fallbackProps) styleState.props = new Proxy(props, {
-      get(_, key6, val2) {
-        if (!Reflect.has(props, key6)) return Reflect.get(fallbackProps, key6);
-        return Reflect.get(props, key6);
-      }
-    });
-  }
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
-  if (process.env.NODE_ENV === "development" && debug === "verbose" && isClient) {
-    if (isDevTools) {
-      console.groupCollapsed("🔹 getSplitStyles 👇");
-      log({
-        props,
-        staticConfig,
-        shouldDoClasses,
-        styleProps,
-        rulesToInsert,
-        componentState,
-        styleState,
-        theme: {
-          ...theme
-        }
-      });
-    }
-  }
-  var {
-    asChild
-  } = props;
-  var {
-    accept
-  } = staticConfig;
-  var {
-    noSkip,
-    disableExpandShorthands,
-    noExpand,
-    styledContext
-  } = styleProps;
-  var {
-    webContainerType
-  } = conf.settings;
-  var parentVariants = parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.variants;
-  for (var keyOg in props) _loop(keyOg);
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-propsend`;
-  if (!(styleProps.noNormalize === false)) {
-    if (styleState.style) {
-      fixStyles(styleState.style);
-      if (!styleProps.noExpand && !styleProps.noMergeStyle) {
-        if (isWeb && (isReactNative ? (driver === null || driver === void 0 ? void 0 : driver.inputStyle) !== "css" : true)) styleToCSS(styleState.style);
-      }
-    }
-    if (styleState.flatTransforms) {
-      var _styleState;
-      (_styleState = styleState).style || (_styleState.style = {});
-      mergeFlatTransforms(styleState.style, styleState.flatTransforms);
-    }
-    if (parentSplitStyles) {
-      if (!shouldDoClasses) for (var key1 in parentSplitStyles.style) {
-        var _styleState1;
-        if (key1 in classNames || styleState.style && key1 in styleState.style) continue;
-        (_styleState1 = styleState).style || (_styleState1.style = {});
-        styleState.style[key1] = parentSplitStyles.style[key1];
-      }
-    }
-  }
-  var styleProp = props.style;
-  if (!styleProps.noMergeStyle && styleProp) if (isHOC) viewProps.style = normalizeStyle(styleProp);else {
-    var isArray = Array.isArray(styleProp);
-    var len = isArray ? styleProp.length : 1;
-    for (var i = 0; i < len; i++) {
-      var style = isArray ? styleProp[i] : styleProp;
-      if (style) if (style["$$css"]) Object.assign(styleState.classNames, style);else {
-        var _styleState2;
-        (_styleState2 = styleState).style || (_styleState2.style = {});
-        var normalized = normalizeStyle(style);
-        Object.assign(styleState.style, normalized);
-        if (shouldTrackStyleTokenProvenance) {
-          var styleOriginals = styleOriginalValues.get(normalized);
-          for (var k in normalized) recordStyleTokenProvenance(styleState, k, styleOriginals === null || styleOriginals === void 0 ? void 0 : styleOriginals[k]);
-        }
-      }
-    }
-  }
-  if (viewProps.tabIndex === 0) {
-    var _viewProps;
-    var _accessible;
-    (_accessible = (_viewProps = viewProps).accessible) !== null && _accessible !== void 0 || (_viewProps.accessible = true);
-  }
-  var style1 = styleState.style;
-  if (style1 === null || style1 === void 0 ? void 0 : style1.fontFamily) {
-    var _getFont;
-    var faceInfo = (_getFont = getFont(style1.fontFamily)) === null || _getFont === void 0 ? void 0 : _getFont.face;
-    if (faceInfo) {
-      var _faceInfo_style_fontWeight_, _faceInfo_style_fontWeight;
-      var overrideFace = (_faceInfo_style_fontWeight = faceInfo[style1.fontWeight]) === null || _faceInfo_style_fontWeight === void 0 ? void 0 : (_faceInfo_style_fontWeight_ = _faceInfo_style_fontWeight[style1.fontStyle || "normal"]) === null || _faceInfo_style_fontWeight_ === void 0 ? void 0 : _faceInfo_style_fontWeight_.val;
-      if (overrideFace) {
-        style1.fontFamily = overrideFace;
-        styleState.fontFamily = overrideFace;
-        delete style1.fontWeight;
-        delete style1.fontStyle;
-      }
-    }
-    if (process.env.NODE_ENV === "development" && debug && debug !== "profile") log(`Found fontFamily native: ${style1.fontFamily}`, faceInfo);
-  }
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-pre-result`;
-  if (shouldTrackStyleTokenProvenance && styleState.style && styleState.tokenProvenance) {
-    var provenance = {};
-    var hasProvenance = false;
-    for (var key4 in styleState.tokenProvenance) {
-      provenance[key4] = {
-        token: styleState.tokenProvenance[key4],
-        theme: themeName
-      };
-      hasProvenance = true;
-    }
-    if (hasProvenance) setStyleTokenProvenance(styleState.style, provenance);
-  }
-  var result = {
-    hasMedia,
-    fontFamily: styleState.fontFamily,
-    viewProps,
-    style: styleState.style,
-    pseudos,
-    classNames,
-    rulesToInsert,
-    dynamicThemeAccess,
-    pseudoGroups,
-    mediaGroups,
-    overriddenContextProps: styleState.overriddenContextProps,
-    pseudoTransitions: styleState.pseudoTransitions
-  };
-  var asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
-  if (!styleProps.noMergeStyle) {
-    if (!asChildExceptStyleLike) {
-      var style2 = styleState.style;
-      if (style2) viewProps.style = style2;
-    }
-  }
-  if (process.env.NODE_ENV === "development" && debug === "verbose") {
-    if (isClient && isDevTools) {
-      console.groupEnd();
-      console.groupCollapsed("🔹 getSplitStyles ===>");
-      try {
-        var logs = {
-          ...result,
-          className,
-          componentState,
-          viewProps,
-          rulesToInsert,
-          parentSplitStyles
-        };
-        for (var key5 in logs) log(key5, logs[key5]);
-      } catch (e) {}
-      console.groupEnd();
-    }
-  }
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-done`;
-  return result;
+var conditionValue = 0;
+var conditionPlatform = 1;
+var conditionKey = 2;
+var conditionSelector = 3;
+var conditionTheme = 4;
+var conditionWrappers = 5;
+var conditionAtoms = 6;
+var conditionRanks = 7;
+var conditionResolvedFlag = 16;
+var conditionPlatformPseudoFlag = 32;
+function createCondition(parent) {
+	return parent ? [
+		parent[conditionValue] & 63,
+		parent[conditionPlatform],
+		"",
+		parent[conditionSelector],
+		parent[conditionTheme],
+		parent[conditionWrappers].slice(),
+		parent[conditionAtoms].slice(),
+		parent[conditionRanks].slice()
+	] : [
+		19,
+		0,
+		"",
+		"",
+		"",
+		[],
+		[],
+		[]
+	];
+}
+function setConditionUnresolved(condition) {
+	var name = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+	var _condition;
+	condition[conditionValue] &= ~conditionResolvedFlag;
+	if (process.env.NODE_ENV !== "production") (_condition = condition).problem || (_condition.problem = name);
+}
+function appendConditionWrapper(condition, wrapper) {
+	var wrappers = condition[conditionWrappers];
+	if (!wrappers.includes(wrapper)) wrappers.push(wrapper);
+}
+function resolveConditionModifier(state, condition, authored) {
+	var modifier = getConfigRevisionState(state.conf).resolveCondition(authored);
+	if (!modifier) {
+		setConditionUnresolved(condition, authored);
+		return;
+	}
+	var [name, kind, rank] = modifier;
+	var atoms = condition[conditionAtoms];
+	var atomIndex = 0;
+	while (atomIndex < atoms.length && atoms[atomIndex] < name) atomIndex++;
+	if (atoms[atomIndex] === name) return;
+	for (var index = atoms.length; index > atomIndex; index--) atoms[index] = atoms[index - 1];
+	atoms[atomIndex] = name;
+	if (kind === 3) {
+		condition[conditionPlatform] = Math.max(condition[conditionPlatform], rank);
+		if (!modifier[6]) condition[conditionValue] &= -4;
+		return;
+	}
+	var precedence = kind === 2 ? 1 + Math.min(rank, 63) : kind === 6 ? 65 + Math.min(rank, 63) : kind === 4 ? 129 : kind === 5 ? 161 + rank : 225 + rank;
+	var ranks = condition[conditionRanks];
+	var rankIndex = 0;
+	while (rankIndex < ranks.length && ranks[rankIndex] >= precedence) rankIndex++;
+	for (var index1 = ranks.length; index1 > rankIndex; index1--) ranks[index1] = ranks[index1 - 1];
+	ranks[rankIndex] = precedence;
+	var buildCSS = canGenerateCSS && state.flatShouldDoClasses;
+	if (kind === 2) {
+		var _state_flatMediaState;
+		var _state;
+		var query = modifier[3];
+		if (!query) return setConditionUnresolved(condition, name);
+		if (buildCSS) appendConditionWrapper(condition, `@media ${query}`);
+		if (!((_state_flatMediaState = state.flatMediaState) === null || _state_flatMediaState === void 0 ? void 0 : _state_flatMediaState[name])) condition[conditionValue] &= -2;
+		((_state = state).flatMediaKeys || (_state.flatMediaKeys = /* @__PURE__ */ new Set())).add(name);
+		return;
+	}
+	if (kind === 4) {
+		var _state_flatThemeName;
+		condition[conditionTheme] = name;
+		if (buildCSS) condition[conditionSelector] += `:where(.t_${name}, .t_${name} *)`;
+		if (state.flatThemeName !== name && ((_state_flatThemeName = state.flatThemeName) === null || _state_flatThemeName === void 0 ? void 0 : _state_flatThemeName.startsWith(`${name}_`)) !== true) condition[conditionValue] &= -2;
+		return;
+	}
+	if (kind === 6) {
+		var _state_componentState_group, _state_flatGroupContext, _state_flatGroupContext1, _component_media;
+		var _state1, _state2;
+		var size = modifier[4];
+		var containerName = modifier[5];
+		var groupName = `@${containerName}`;
+		if (buildCSS) {
+			var query1 = modifier[3];
+			appendConditionWrapper(condition, containerName ? `@container ${containerName} ${query1}` : `@container ${query1}`);
+		}
+		var component = (_state_componentState_group = state.componentState.group) === null || _state_componentState_group === void 0 ? void 0 : _state_componentState_group[groupName];
+		var context = (_state_flatGroupContext = state.flatGroupContext) === null || _state_flatGroupContext === void 0 ? void 0 : _state_flatGroupContext[groupName];
+		if (process.env.NODE_ENV === "development" && containerName && !component && !context && ((_state_flatGroupContext1 = state.flatGroupContext) === null || _state_flatGroupContext1 === void 0 ? void 0 : _state_flatGroupContext1[containerName])) warnOnce(`group-container:${containerName}`, `@${size}/${containerName}: targets group="${containerName}", but groups no longer establish query containers. Add container="${containerName}" to that group.`);
+		var match = component === null || component === void 0 ? void 0 : (_component_media = component.media) === null || _component_media === void 0 ? void 0 : _component_media[size];
+		if (!(match !== null && match !== void 0 ? match : (context === null || context === void 0 ? void 0 : context.state.layout) && mediaKeyMatch(size, context.state.layout))) condition[conditionValue] &= -2;
+		((_state1 = state).flatGroupKeys || (_state1.flatGroupKeys = /* @__PURE__ */ new Set())).add(groupName);
+		((_state2 = state).flatGroupMedia || (_state2.flatGroupMedia = /* @__PURE__ */ new Set())).add(size);
+		return;
+	}
+	var selector = modifier[3];
+	if (kind === 5) {
+		var _state_componentState_group1, _state_flatGroupContext2, _this;
+		var _state3;
+		var groupName1 = modifier[4];
+		if (buildCSS) condition[conditionSelector] += `:where(.t_group_${groupName1}${selector} *)`;
+		var component1 = (_state_componentState_group1 = state.componentState.group) === null || _state_componentState_group1 === void 0 ? void 0 : _state_componentState_group1[groupName1];
+		var context1 = (_state_flatGroupContext2 = state.flatGroupContext) === null || _state_flatGroupContext2 === void 0 ? void 0 : _state_flatGroupContext2[groupName1];
+		var _component_pseudo;
+		if (!((_this = (_component_pseudo = component1 === null || component1 === void 0 ? void 0 : component1.pseudo) !== null && _component_pseudo !== void 0 ? _component_pseudo : context1 === null || context1 === void 0 ? void 0 : context1.state.pseudo) === null || _this === void 0 ? void 0 : _this[modifier[5]])) condition[conditionValue] &= -2;
+		((_state3 = state).flatGroupKeys || (_state3.flatGroupKeys = /* @__PURE__ */ new Set())).add(groupName1);
+	} else {
+		var _state4;
+		if (rank === 0 || rank === 2 || rank === 4) condition[conditionValue] |= conditionPlatformPseudoFlag;
+		else if (rank === 6) condition[conditionValue] |= 4;
+		else if (rank === 7) condition[conditionValue] |= 8;
+		if (buildCSS) condition[conditionSelector] += `:where(${selector}${selector[0] === "." ? `, ${selector} *` : ""})`;
+		var component2 = state.componentState;
+		if (!(rank === 1 ? component2.focusWithin : rank === 3 ? component2.focusVisible : rank === 4 ? component2.press || component2.pressIn : rank === 5 ? component2.disabled || state.props.disabled : rank === 6 ? component2.unmounted : rank === 7 ? state.styleProps.isExiting : component2[name])) condition[conditionValue] &= -2;
+		if (selector[0] === ":") ((_state4 = state).flatStateKeys || (_state4.flatStateKeys = /* @__PURE__ */ new Set())).add(name);
+	}
+	if (rank === 0 && buildCSS) appendConditionWrapper(condition, "@media (hover: hover)");
+}
+function resolveConditionText(state, condition, text) {
+	var start = 0;
+	for (var index = 0; index <= text.length; index++) {
+		if (index !== text.length && text.charCodeAt(index) !== 58) continue;
+		if (index === start) {
+			setConditionUnresolved(condition);
+			return;
+		}
+		if (!(condition[conditionValue] & conditionResolvedFlag)) return;
+		resolveConditionModifier(state, condition, text.slice(start, index));
+		start = index + 1;
+	}
+}
+function commitCondition(condition) {
+	if (!(condition[conditionValue] & conditionResolvedFlag)) {
+		condition[conditionValue] = 0;
+		return 0;
+	}
+	condition[conditionKey] = condition[conditionAtoms].join(":");
+	var ranks = condition[conditionRanks];
+	var depth = ranks.length;
+	if (depth > 5) {
+		if (process.env.NODE_ENV !== "production") throw new Error(`a flat value clause supports at most 5 non-platform conditions; received ${depth} in "${condition[conditionKey]}:"`);
+		return 0;
+	}
+	var precedence = condition[conditionPlatform] * 6 + depth;
+	for (var index = 0; index < 5; index++) precedence = precedence * 256 + (ranks[index] || 0);
+	var value = precedence * 256 + condition[conditionValue];
+	condition[conditionValue] = value;
+	return value;
+}
+function conditionFromKey(state, key, parent) {
+	if (!key) return createCondition(parent);
+	if (!parent) {
+		var direct = state;
+		var cache = direct.flatConditions;
+		if (cache === void 0 || direct.flatConditionsClassed !== state.flatShouldDoClasses) {
+			cache = direct.flatConditions = /* @__PURE__ */ new Map();
+			direct.flatConditionsClassed = state.flatShouldDoClasses;
+		}
+		var known = cache.get(key);
+		if (known !== void 0) return known;
+		var resolved = createCondition(null);
+		resolveConditionText(state, resolved, key);
+		commitCondition(resolved);
+		cache.set(key, resolved);
+		return resolved;
+	}
+	var condition = createCondition(parent);
+	resolveConditionText(state, condition, key);
+	commitCondition(condition);
+	return condition;
+}
+function classifyConditionalObject(value, state, isChain, firstCondition) {
+	if ("default" in value) return -1;
+	for (var key in value) {
+		if (!key.length) return 0;
+		if (!state) return (isChain === null || isChain === void 0 ? void 0 : isChain(key)) ? 1 : 0;
+		var condition = firstCondition || createCondition();
+		resolveConditionText(state, condition, key);
+		return commitCondition(condition);
+	}
+	return 0;
+}
+var passClassName = 20;
+var passShouldDoClasses = 21;
+var passContainerValue = 22;
+var passContainerName = 23;
+var passContainerType = 24;
+var passFrontendGroup = 25;
+var passFrontendContainer = 26;
+var passFrontendContainerType = 27;
+var passSourceLayer = 28;
+var passParentCursor = 29;
+var passMapSourceKey = 30;
+var passFlags = 13;
+var sourceLayerBase = 0;
+var sourceLayerVariant = 1;
+var sourceLayerResolver = 2;
+var sourceLayerProps = 3;
+var sourceLayerStyle = 4;
+var passNoSkipFlag = 1;
+var passDisableShorthandsFlag = 2;
+var passNoExpandFlag = 4;
+var passNoMergeFlag = 8;
+var passHocFlag = 16;
+var passTextFlag = 32;
+var passInputFlag = 64;
+var passAsChildStyleFlag = 128;
+function isValidStyleKey(key, validStyles) {
+	return key in validStyles;
+}
+function effectiveLifecycleKeys(keys) {
+	if (!keys) return;
+	var out = /* @__PURE__ */ new Set();
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = keys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var key = _step.value;
+			out.add(key === "--t-x" || key === "--t-y" ? "translate" : key === "--t-scale-x" || key === "--t-scale-y" ? "scale" : key);
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+		} finally {
+			if (_didIteratorError) throw _iteratorError;
+		}
+	}
+	return out;
+}
+function contributeProp(pass, keyOg, valOg) {
+	var originalOg = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : valOg, disabled = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false;
+	var [styleState, conf, props, viewProps, , validStyles, neverSkipProps, variants, inlineProps, parentVariants, styleFrontend, styledContext, styledContextKeys, flags, debug, , defaultProps, driverAnimations, driverOutputStyle, elementType] = pass;
+	var noSkip = Boolean(flags & passNoSkipFlag);
+	var disableExpandShorthands = Boolean(flags & passDisableShorthandsFlag);
+	var noExpand = Boolean(flags & passNoExpandFlag);
+	var noMergeStyle = Boolean(flags & passNoMergeFlag);
+	var isHOC = Boolean(flags & passHocFlag);
+	var isText = Boolean(flags & passTextFlag);
+	var isInput = Boolean(flags & passInputFlag);
+	var shorthands = conf.shorthands;
+	var shouldSkipDirectProps = !noSkip && !isHOC;
+	var shouldCheckSkipProps = !noSkip;
+	var asChildExceptStyleLike = Boolean(flags & passAsChildStyleFlag);
+	var isTextOrInput = isText || isInput;
+	var hocParentVariants = isHOC ? parentVariants : void 0;
+	var keyInit = keyOg;
+	var valInit = valOg;
+	if (keyInit === "children") {
+		viewProps[keyInit] = valInit;
+		return;
+	}
+	if (keyInit === "ref") return;
+	if (keyInit[0] === "d" && keyInit.startsWith("data-")) return;
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`before-prop-${keyInit}`;
+	if (process.env.NODE_ENV === "test" && keyInit === "jestAnimatedStyle") return;
+	if (!disableExpandShorthands) {
+		if (keyInit in shorthands) keyInit = shorthands[keyInit];
+	}
+	if (keyInit === "className") {
+		if (pass[passParentCursor]) return;
+		if (typeof valInit === "string" && valInit && (styleFrontend === null || styleFrontend === void 0 ? void 0 : styleFrontend.resolveClassName)) {
+			if (noMergeStyle) {
+				viewProps.className = valInit;
+				return;
+			}
+			var resolveClassName = styleFrontend === null || styleFrontend === void 0 ? void 0 : styleFrontend.resolveClassName;
+			var composedProps = null;
+			var sink = function(entry2) {
+				var property2 = entry2[0];
+				var condition2 = entry2[2];
+				if (property2.charCodeAt(0) === 95 && property2.charCodeAt(1) === 95) {
+					composedProps || (composedProps = {});
+					composedProps[property2] = mergeFrontendCondition(composedProps[property2], entry2[1], condition2);
+					return;
+				}
+				if (condition2 !== void 0) {
+					if (isValidStyleKey(property2, validStyles)) contributeValue(styleState, property2, entry2[1], void 0, false, condition2);
+					else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${property2}" is not a valid style on this component; the frontend value is dropped.`);
+					return;
+				}
+				if (property2 === "group") pass[passFrontendGroup] = entry2[1];
+				else if (property2 === "container") pass[passFrontendContainer] = entry2[1];
+				else if (property2 === "containerType") pass[passFrontendContainerType] = entry2[1];
+				contributeProp(pass, property2, entry2[1]);
+			};
+			var start = 0;
+			for (var index = 0; index <= valInit.length; index++) {
+				if (index !== valInit.length && valInit.charCodeAt(index) > 32) continue;
+				if (index === start) {
+					start = index + 1;
+					continue;
+				}
+				var candidate = valInit.slice(start, index);
+				var preserveRaw = resolveClassName ? resolveClassName(candidate, conf, sink) : true;
+				if (preserveRaw === null) {
+					if (process.env.NODE_ENV === "development") warnOnce(`[tamagui] frontend candidate "${candidate}" is unavailable on this platform and was dropped.`);
+				} else if (preserveRaw) {
+					pass[passClassName] = pass[passClassName] ? `${pass[passClassName]} ${candidate}` : candidate;
+					if (resolveClassName) {
+						if (pass[passShouldDoClasses]) {
+							completeResolvedStyles(styleState);
+							flushDirectStyles(styleState, true);
+						}
+						pass[passShouldDoClasses] = false;
+						styleState.flatShouldDoClasses = false;
+					}
+				}
+				start = index + 1;
+			}
+			if (composedProps) {
+				var _styleFrontend_compose;
+				var composed = (_styleFrontend_compose = styleFrontend.compose) === null || _styleFrontend_compose === void 0 ? void 0 : _styleFrontend_compose.call(styleFrontend, composedProps);
+				for (var property in composed) contributeProp(pass, property, composed[property]);
+			}
+		}
+		return;
+	}
+	if (keyInit === HOC_CLASSNAME_MARKER) {
+		if (valInit) {
+			var _direct;
+			var [hocClassNames, hocSlots] = valInit;
+			var direct = styleState;
+			var layers = (_direct = direct).flatPropertyLayers || (_direct.flatPropertyLayers = /* @__PURE__ */ new Map());
+			for (var property1 in hocClassNames) {
+				if (hocSlots === null || hocSlots === void 0 ? void 0 : hocSlots.has(property1)) continue;
+				clearDirectStyle(styleState, property1);
+				styleState.classNames[property1] = hocClassNames[property1];
+				layers.set(property1, pass[passSourceLayer]);
+			}
+			if (hocSlots) {
+				var _direct1;
+				var slots = (_direct1 = direct).flatSlots || (_direct1.flatSlots = /* @__PURE__ */ new Map());
+				var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+				try {
+					for (var _iterator = hocSlots[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+						var [slot, entries] = _step.value;
+						var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+						try {
+							for (var _iterator1 = entries[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+								var entry = _step1.value;
+								if (!ownsSourceLayer(styleState, entry[0], !!entry[2])) continue;
+								writeCapturedStyleRecord(slots, slot, entry, pass[passSourceLayer]);
+							}
+						} catch (err) {
+							_didIteratorError1 = true;
+							_iteratorError1 = err;
+						} finally {
+							try {
+								if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
+							} finally {
+								if (_didIteratorError1) throw _iteratorError1;
+							}
+						}
+					}
+				} catch (err) {
+					_didIteratorError = true;
+					_iteratorError = err;
+				} finally {
+					try {
+						if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+					} finally {
+						if (_didIteratorError) throw _iteratorError;
+					}
+				}
+			}
+		}
+		return;
+	}
+	if (keyInit === "style") {
+		if (!valInit) return;
+		if (noMergeStyle) {
+			viewProps.style = valInit;
+			return;
+		}
+		var layerBeforeStyle = pass[passSourceLayer];
+		pass[passSourceLayer] = sourceLayerStyle;
+		var isArray = Array.isArray(valInit);
+		var length = isArray ? valInit.length : 1;
+		for (var index1 = 0; index1 < length; index1++) {
+			var style = isArray ? valInit[index1] : valInit;
+			if (!style) continue;
+			if (isStylePiece(style)) {
+				var resolvedPiece = resolveStylePiece(styleState, style);
+				var pieceOriginals = shouldTrackStyleTokenProvenance ? styleOriginalValues.get(style[stylePieceSymbol].styleObject) : void 0;
+				for (var key in resolvedPiece) {
+					if (resolvedPiece[key] == null) continue;
+					contributeValue(styleState, key, resolvedPiece[key], pieceOriginals === null || pieceOriginals === void 0 ? void 0 : pieceOriginals[key]);
+				}
+				continue;
+			}
+			var styleOriginals = shouldTrackStyleTokenProvenance ? styleOriginalValues.get(style) : void 0;
+			for (var key1 in style) {
+				if (style[key1] == null) continue;
+				contributeValue(styleState, key1, style[key1], styleOriginals === null || styleOriginals === void 0 ? void 0 : styleOriginals[key1]);
+			}
+		}
+		pass[passSourceLayer] = layerBeforeStyle;
+		return;
+	}
+	if (defaultProps) {
+		var _defaultProps_keyOg;
+		var defaultVal = (_defaultProps_keyOg = defaultProps[keyOg]) !== null && _defaultProps_keyOg !== void 0 ? _defaultProps_keyOg : defaultProps[keyInit];
+		if (defaultVal !== void 0 && valInit === defaultVal) return;
+	}
+	var isNativeInputColor = isInput && keyInit in nativeTextInputColorProps;
+	if (!isNativeInputColor && keyInit in skipProps && shouldSkipDirectProps && !(neverSkipProps === null || neverSkipProps === void 0 ? void 0 : neverSkipProps[keyInit])) if (keyInit === "transition" && typeof valInit === "string") return;
+	else return;
+	var isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles);
+	if (!isValidStyleKeyInit) {
+		if (!isAndroid) {
+			if (keyInit === "elevationAndroid") return;
+		}
+		if (keyInit === "userSelect") {
+			keyInit = "selectable";
+			valInit = valInit !== "none";
+		} else if (keyInit === "textOverflow") {
+			if (isText && valInit === "ellipsis") {
+				var _viewProps, _viewProps1;
+				var _numberOfLines;
+				(_numberOfLines = (_viewProps = viewProps).numberOfLines) !== null && _numberOfLines !== void 0 || (_viewProps.numberOfLines = 1);
+				var _ellipsizeMode;
+				(_ellipsizeMode = (_viewProps1 = viewProps).ellipsizeMode) !== null && _ellipsizeMode !== void 0 || (_viewProps1.ellipsizeMode = "tail");
+			}
+			return;
+		} else if (keyInit.startsWith("data-")) return;
+	}
+	var isVariant = !isValidStyleKeyInit && variants && keyInit in variants;
+	var isStyleProp = isValidStyleKeyInit || isVariant && !noExpand;
+	if (isStyleProp && asChildExceptStyleLike) return;
+	var shouldPassProp = !isStyleProp && isHOC || hocParentVariants && keyInit in hocParentVariants || (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(keyInit));
+	var parentVariant = parentVariants === null || parentVariants === void 0 ? void 0 : parentVariants[keyInit];
+	var isHOCShouldPassThrough = Boolean(isHOC && (parentVariant || keyInit in skipProps));
+	var 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
+		});
+		if (isClient) log({
+			variants,
+			variant: variants === null || variants === void 0 ? void 0 : variants[keyInit],
+			isVariant,
+			isHOCShouldPassThrough,
+			parentStaticConfig: pass[15]
+		});
+	}
+	if (shouldPassThrough) {
+		if (keyInit in viewProps) delete viewProps[keyInit];
+		viewProps[keyInit] = valInit;
+		if (process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
+		if (!isVariant) return;
+	}
+	if (!isNativeInputColor && shouldCheckSkipProps && !(neverSkipProps === null || neverSkipProps === void 0 ? void 0 : neverSkipProps[keyInit])) {
+		var _getTransitionResolver;
+		if (keyInit in skipProps && !(keyInit === "transition" && typeof valInit === "string" && !((_getTransitionResolver = getTransitionResolver()) === null || _getTransitionResolver === void 0 ? void 0 : _getTransitionResolver.resolve(valInit, { animations: driverAnimations }).fused))) {
+			if (process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
+			return;
+		}
+	}
+	if (isTextOrInput) {
+		if (valInit && (keyInit === "fontFamily" || keyInit === shorthands["fontFamily"]) && valInit in conf.fontsParsed) styleState.fontFamily = valInit;
+	}
+	if (isValidStyleKeyInit && valInit != null && !(valInit === "unset") && !(variants && keyInit in variants) && !((styledContextKeys === null || styledContextKeys === void 0 ? void 0 : styledContextKeys.has(keyInit)) || styledContext && keyInit in styledContext)) {
+		contributeValue(styleState, keyInit, valInit, originalOg);
+		return;
+	}
+	if (variants && keyInit in variants && !noExpand && !disabled) {
+		var _variantConfig_variantStyleResolver;
+		var previousLayer = pass[passSourceLayer];
+		pass[passSourceLayer] = previousLayer ? sourceLayerVariant : sourceLayerBase;
+		pass[passMapSourceKey] = keyInit;
+		var variantConfig = styleState.flatStyleStaticConfig;
+		(_variantConfig_variantStyleResolver = variantConfig.variantStyleResolver) === null || _variantConfig_variantStyleResolver === void 0 || _variantConfig_variantStyleResolver.call(variantConfig, styleState, variantConfig.variants, keyInit, valInit, keyInit, pass[passParentCursor]);
+		pass[passSourceLayer] = previousLayer;
+		return;
+	}
+	var isStyledContextProp = !isHOC && ((styledContextKeys === null || styledContextKeys === void 0 ? void 0 : styledContextKeys.has(keyInit)) || styledContext && keyInit in styledContext);
+	if (isStyledContextProp) {
+		var _styleState1, _styleState2;
+		((_styleState1 = styleState).overriddenContextProps || (_styleState1.overriddenContextProps = {}))[keyInit] = originalOg;
+		((_styleState2 = styleState).originalContextPropValues || (_styleState2.originalContextPropValues = {}))[keyInit] = originalOg;
+	}
+	var isHostStyleKey = isValidStyleKeyInit || isAndroid && keyInit === "elevation";
+	if (isHostStyleKey || isStyledContextProp) {
+		if (valInit === "unset") {
+			var expanded = expandStyle(keyInit, valInit, conf.settings.styleCompat || "web");
+			clearDirectStyle(styleState, keyInit);
+			if (expanded) for (var index2 = 0; index2 < expanded.length; index2++) clearDirectStyle(styleState, expanded[index2][0]);
+		} else contributeValue(styleState, keyInit, valInit, originalOg, !isHostStyleKey);
+		return;
+	}
+	var condition = pass[passParentCursor];
+	if (condition) {
+		if (isHOC) {
+			var previous = viewProps[keyInit];
+			var transport = previous && typeof previous === "object" && !Array.isArray(previous) && "default" in previous ? previous : { default: previous };
+			transport[condition[conditionKey]] = valInit;
+			viewProps[keyInit] = transport;
+		} else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${keyInit}" is not a valid style on this component; the conditional variant value is dropped.`);
+		return;
+	}
+	if (keyInit in stylePropsAll) {
+		if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${keyInit}" is a text style prop and this component is not text \u2014 it would render on neither platform. Use a Text-based component, or html.* for raw web elements.`);
+		return;
+	}
+	viewProps[keyInit] = valInit;
+	if (process.env.NODE_ENV === "development" && debug === "verbose") {
+		try {
+			log(` \u2714\uFE0F expand complete`, keyInit);
+			log("style", { ...styleState.style });
+			log("viewProps", { ...viewProps });
+			log("transforms", styleState.transformAccumulator);
+		} catch (e) {}
+		console.groupEnd();
+	}
+}
+var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, componentContext, groupContext, elementType, startedUnhydrated, debug, animationDriver, styleStaticConfig) {
+	var _styleState_flatMediaKeys, _styleState_flatGroupKeys, _styleState_flatGroupMedia, _styleState_flatGroupKeys1, _styleState_flatGroupMedia1, _styleState_style;
+	var conf = getConfig();
+	styleStaticConfig || (styleStaticConfig = getStyleStaticConfig(staticConfig, conf));
+	var driver = animationDriver || (componentContext === null || componentContext === void 0 ? void 0 : componentContext.animationDriver) || conf.animations;
+	var driverAnimations = driver === null || driver === void 0 ? void 0 : driver.animations;
+	driver === null || driver === void 0 || driver.inputStyle;
+	var driverOutputStyle = driver === null || driver === void 0 ? void 0 : driver.outputStyle;
+	var resolvedDriver = (driver === null || driver === void 0 ? void 0 : driver.isStub) ? null : driver;
+	if (props.passThrough) return null;
+	var { shorthands } = conf;
+	var { isHOC, isText, isInput, inlineProps, parentStaticConfig, acceptsClassName } = staticConfig;
+	var variants = styleStaticConfig.variants;
+	var viewProps = {};
+	var mediaState$1 = styleProps.mediaState || mediaState;
+	var shouldDoClasses = !process.env.TAMAGUI_DID_OUTPUT_CSS && acceptsClassName && false;
+	var rulesToInsert = void 0;
+	var classNames = {};
+	var hasMedia = false;
+	var pseudoGroups;
+	var mediaGroups;
+	var staticPassthroughClassName = "";
+	var className = staticPassthroughClassName;
+	if (staticPassthroughClassName) shouldDoClasses = false;
+	var validStyles$1 = staticConfig.validStyles || (staticConfig.isInput ? stylePropsInput : staticConfig.isText ? stylePropsText : validStyles);
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-setup`;
+	var styleState = {
+		classNames,
+		conf,
+		props,
+		styleProps,
+		componentState,
+		staticConfig,
+		style: null,
+		theme,
+		viewProps,
+		context: componentContext,
+		debug,
+		flatRulesToInsert: rulesToInsert,
+		flatShouldDoClasses: shouldDoClasses,
+		flatThemeName: themeName,
+		flatMediaState: mediaState$1,
+		flatGroupContext: groupContext,
+		animationDriver: resolvedDriver
+	};
+	styleState.flatStyleStaticConfig = styleStaticConfig;
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
+	if (process.env.NODE_ENV === "development" && debug === "verbose" && isClient) {
+		if (isDevTools) {
+			console.groupCollapsed("🔹 getSplitStyles 👇");
+			log({
+				props,
+				staticConfig,
+				shouldDoClasses,
+				styleProps,
+				rulesToInsert,
+				componentState,
+				styleState,
+				theme: { ...theme }
+			});
+		}
+	}
+	var { asChild } = props;
+	var { neverSkipProps } = staticConfig;
+	var { noSkip, disableExpandShorthands, noExpand, noClass, noMergeStyle, noNormalize, isAnimated, styledContext } = styleProps;
+	var styledContextKeys = styleStaticConfig.styledContextKeys;
+	var styleFrontend = staticConfig.styleFrontend;
+	var frontendGroup;
+	var frontendContainer;
+	var frontendContainerType;
+	var processedProps = props;
+	var parentVariants = parentStaticConfig ? getStyleStaticConfig(parentStaticConfig, conf).variants : void 0;
+	var defaultProps = asChild ? styleStaticConfig.defaultProps : void 0;
+	var asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
+	var containerValue;
+	var containerName;
+	var containerType;
+	var pass = [
+		styleState,
+		conf,
+		props,
+		viewProps,
+		staticConfig,
+		validStyles$1,
+		neverSkipProps,
+		variants,
+		inlineProps,
+		parentVariants,
+		styleFrontend,
+		styledContext,
+		styledContextKeys,
+		(noSkip ? passNoSkipFlag : 0) | (disableExpandShorthands ? passDisableShorthandsFlag : 0) | (noExpand ? passNoExpandFlag : 0) | (noMergeStyle ? passNoMergeFlag : 0) | (isHOC ? passHocFlag : 0) | (isText ? passTextFlag : 0) | (isInput ? passInputFlag : 0) | (asChildExceptStyleLike ? passAsChildStyleFlag : 0),
+		debug,
+		parentStaticConfig,
+		defaultProps,
+		driverAnimations,
+		driverOutputStyle,
+		elementType,
+		className,
+		shouldDoClasses,
+		containerValue,
+		containerName,
+		containerType,
+		frontendGroup,
+		frontendContainer,
+		frontendContainerType
+	];
+	styleState.flatPass = pass;
+	var conditionalStates = null;
+	var usesSafeArea = false;
+	var baseStyle = styleStaticConfig.baseStyle;
+	var baseVariantProps = styleStaticConfig.baseVariantProps;
+	var appliesBaseStyle = baseStyle && !processedProps.asChild;
+	pass[passSourceLayer] = sourceLayerBase;
+	if (appliesBaseStyle && baseVariantProps) {
+		var callerKeys;
+		for (var key in baseVariantProps) if (Object.hasOwn(processedProps, key) && processedProps[key] !== baseVariantProps[key]) (callerKeys || (callerKeys = /* @__PURE__ */ new Set())).add(key);
+		styleState.flatCallerVariantKeys = callerKeys;
+	}
+	if (appliesBaseStyle) for (var key1 in baseStyle) {
+		var _styleStaticConfig_baseStylePieces;
+		var baseValue = baseVariantProps && Object.hasOwn(baseVariantProps, key1) && Object.hasOwn(processedProps, key1) ? processedProps[key1] : baseStyle[key1];
+		var expandedKey = shorthands[key1] || key1;
+		if ((isText || isInput) && baseValue && expandedKey === "fontFamily" && baseValue in conf.fontsParsed) styleState.fontFamily = baseValue;
+		(_styleStaticConfig_baseStylePieces = styleStaticConfig.baseStylePieces) === null || _styleStaticConfig_baseStylePieces === void 0 || _styleStaticConfig_baseStylePieces[key1];
+		contributeProp(pass, key1, baseValue);
+	}
+	pass[passSourceLayer] = sourceLayerProps;
+	for (var key2 in processedProps) {
+		if (appliesBaseStyle && baseVariantProps && Object.hasOwn(baseVariantProps, key2)) continue;
+		contributeProp(pass, key2, processedProps[key2]);
+	}
+	var resolvers = staticConfig.resolvers;
+	if (resolvers && !noExpand) {
+		var prevSourceLayer = pass[passSourceLayer];
+		pass[passSourceLayer] = sourceLayerResolver;
+		var flagsBefore = pass[passFlags];
+		pass[passFlags] = flagsBefore | passNoExpandFlag;
+		var env = getDynamicEnv(styleState);
+		for (var index = 0; index < resolvers.length; index++) {
+			var resolved = resolvers[index](processedProps, env);
+			if (resolved) for (var key3 in resolved) {
+				if (resolved[key3] == null) continue;
+				contributeProp(pass, key3, resolved[key3]);
+			}
+		}
+		pass[passFlags] = flagsBefore;
+		pass[passSourceLayer] = prevSourceLayer;
+	}
+	className = pass[passClassName];
+	shouldDoClasses = pass[passShouldDoClasses];
+	containerValue = pass[passContainerValue];
+	containerName = pass[passContainerName];
+	containerType = pass[passContainerType];
+	frontendGroup = pass[passFrontendGroup];
+	frontendContainer = pass[passFrontendContainer];
+	frontendContainerType = pass[passFrontendContainerType];
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-propsend`;
+	conditionalStates = styleState.flatStateKeys || null;
+	usesSafeArea = !!styleState.flatUsesSafeArea;
+	hasMedia = ((_styleState_flatMediaKeys = styleState.flatMediaKeys) === null || _styleState_flatMediaKeys === void 0 ? void 0 : _styleState_flatMediaKeys.size) ? styleState.flatMediaKeys : false;
+	pseudoGroups = ((_styleState_flatGroupKeys = styleState.flatGroupKeys) === null || _styleState_flatGroupKeys === void 0 ? void 0 : _styleState_flatGroupKeys.size) ? styleState.flatGroupKeys : void 0;
+	mediaGroups = ((_styleState_flatGroupMedia = styleState.flatGroupMedia) === null || _styleState_flatGroupMedia === void 0 ? void 0 : _styleState_flatGroupMedia.size) ? styleState.flatGroupMedia : void 0;
+	if (styleProps.canPlatformPseudo && styleState.flatHasPlatformPseudo) {
+		shouldDoClasses = false;
+		styleState.flatShouldDoClasses = false;
+		if (styleState.transformAccumulator) {
+			mergeStyle(styleState, "transform", finalizeTransformAccumulator(styleState.transformAccumulator), true);
+			styleState.transformAccumulator = void 0;
+		}
+	}
+	if (styleProps.stylePieceEntries) {
+		var slots = styleState.flatSlots;
+		if (slots) {
+			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+			try {
+				for (var _iterator = slots[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+					var [slot, entries] = _step.value;
+					styleProps.stylePieceEntries[slot] = entries;
+				}
+			} catch (err) {
+				_didIteratorError = true;
+				_iteratorError = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+				} finally {
+					if (_didIteratorError) throw _iteratorError;
+				}
+			}
+		}
+	}
+	completeResolvedStyles(styleState);
+	if ((_styleState_flatGroupKeys1 = styleState.flatGroupKeys) === null || _styleState_flatGroupKeys1 === void 0 ? void 0 : _styleState_flatGroupKeys1.size) pseudoGroups = styleState.flatGroupKeys;
+	if ((_styleState_flatGroupMedia1 = styleState.flatGroupMedia) === null || _styleState_flatGroupMedia1 === void 0 ? void 0 : _styleState_flatGroupMedia1.size) mediaGroups = styleState.flatGroupMedia;
+	if (styleProps.isStatic) for (var property in classNames) {
+		var identifier = classNames[property];
+		if (rulesToInsert[identifier]) continue;
+		var rules = getRulesForIdentifier(identifier);
+		if (rules) rulesToInsert[identifier] = [
+			property,
+			"",
+			identifier,
+			void 0,
+			rules
+		];
+	}
+	var effectiveTransition = (_styleState_style = styleState.style) === null || _styleState_style === void 0 ? void 0 : _styleState_style.transition;
+	if (effectiveTransition != null && styleState.style && true) delete styleState.style.transition;
+	if (styleState.style) {
+		if ("containerType" in styleState.style) delete styleState.style.containerType;
+		if ("containerName" in styleState.style) delete styleState.style.containerName;
+	}
+	if (!(noNormalize === false)) {
+		if (styleState.style) fixStyles(styleState.style);
+		if (styleState.transformAccumulator && !styleState.flatShouldDoClasses) {
+			var _styleState;
+			(_styleState = styleState).style || (_styleState.style = {});
+			styleState.style.transform = finalizeTransformAccumulator(styleState.transformAccumulator);
+		}
+		if (parentSplitStyles) {
+			if (!shouldDoClasses) for (var key5 in parentSplitStyles.style) {
+				var _styleState1;
+				if (key5 in classNames || styleState.style && key5 in styleState.style) continue;
+				(_styleState1 = styleState).style || (_styleState1.style = {});
+				styleState.style[key5] = parentSplitStyles.style[key5];
+			}
+		}
+	}
+	if (viewProps.tabIndex === 0) {
+		var _viewProps;
+		var _accessible;
+		(_accessible = (_viewProps = viewProps).accessible) !== null && _accessible !== void 0 || (_viewProps.accessible = true);
+	}
+	var style = styleState.style;
+	if (style === null || style === void 0 ? void 0 : style.fontFamily) {
+		var _getFont;
+		var faceInfo = (_getFont = getFont(style.fontFamily)) === null || _getFont === void 0 ? void 0 : _getFont.face;
+		if (faceInfo) {
+			var _faceInfo_style_fontWeight_, _faceInfo_style_fontWeight;
+			var overrideFace = (_faceInfo_style_fontWeight = faceInfo[style.fontWeight]) === null || _faceInfo_style_fontWeight === void 0 ? void 0 : (_faceInfo_style_fontWeight_ = _faceInfo_style_fontWeight[style.fontStyle || "normal"]) === null || _faceInfo_style_fontWeight_ === void 0 ? void 0 : _faceInfo_style_fontWeight_.val;
+			if (overrideFace) {
+				style.fontFamily = overrideFace;
+				styleState.fontFamily = overrideFace;
+				delete style.fontWeight;
+				delete style.fontStyle;
+			}
+		}
+		if (process.env.NODE_ENV === "development" && debug && debug !== "profile") log(`Found fontFamily native: ${style.fontFamily}`, faceInfo);
+	}
+	if (styleState.style) styleState.style = normalizeNativeStyle(styleState.style);
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-pre-result`;
+	if (shouldTrackStyleTokenProvenance && styleState.style && styleState.tokenProvenance) {
+		var provenance = {};
+		var hasProvenance = false;
+		for (var key6 in styleState.tokenProvenance) {
+			provenance[key6] = {
+				token: styleState.tokenProvenance[key6],
+				theme: themeName
+			};
+			hasProvenance = true;
+		}
+		if (hasProvenance) setStyleTokenProvenance(styleState.style, provenance);
+	}
+	var result = {
+		hasMedia,
+		fontFamily: styleState.fontFamily,
+		viewProps,
+		style: styleState.style,
+		classNames,
+		rulesToInsert,
+		pseudoGroups,
+		mediaGroups,
+		overriddenContextProps: styleState.overriddenContextProps
+	};
+	if (effectiveTransition != null) result.effectiveTransition = effectiveTransition;
+	if (conditionalStates) result.programStates = conditionalStates;
+	if (usesSafeArea) result.usesSafeArea = true;
+	if (styleState.flatDynamicThemeAccess) result.dynamicThemeAccess = true;
+	if (styleState.flatEnterKeys || styleState.flatExitKeys) result.programLifecycleStyleKeys = {
+		enter: effectiveLifecycleKeys(styleState.flatEnterKeys),
+		exit: effectiveLifecycleKeys(styleState.flatExitKeys)
+	};
+	if (styleState.flatHasEnterStyle) result.hasEnterStyle = true;
+	if (styleState.flatHasPlatformPseudo) result.platformPseudo = true;
+	if (frontendGroup !== void 0) result.frontendGroup = frontendGroup;
+	if (frontendContainer !== void 0) result.frontendContainer = frontendContainer;
+	if (frontendContainerType !== void 0) result.frontendContainerType = frontendContainerType;
+	if (!noMergeStyle) {
+		if (!asChildExceptStyleLike) {
+			var style1 = styleState.style;
+			if (style1) viewProps.style = style1;
+		}
+	}
+	if (process.env.NODE_ENV === "development" && debug === "verbose") {
+		if (isClient && isDevTools) {
+			console.groupEnd();
+			console.groupCollapsed("🔹 getSplitStyles ===>");
+			try {
+				var logs = {
+					...props.__tamaguiStyleDebugReceipt && { receipt: props.__tamaguiStyleDebugReceipt },
+					...result,
+					className,
+					componentState,
+					viewProps,
+					rulesToInsert,
+					parentSplitStyles
+				};
+				for (var key8 in logs) log(key8, logs[key8]);
+			} catch (e) {}
+			console.groupEnd();
+		}
+	}
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-done`;
+	return result;
+};
+var stylePieceStaticConfig = {
+	acceptsClassName: true,
+	isText: true,
+	validStyles: stylePropsAll
 };
-function mergeFlatTransforms(target, flatTransforms) {
-  Object.entries(flatTransforms).sort(function (param, param1) {
-    var [a] = param,
-      [b] = param1;
-    return sortString(a, b);
-  }).forEach(function (param) {
-    var [key, val] = param;
-    mergeTransform(target, key, val, true);
-  });
-}
-function mergeStyle(styleState, key, val, importance) {
-  var disableNormalize = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false,
-    originalVal = arguments.length > 5 ? arguments[5] : void 0;
-  var _staticConfig_context, _staticConfig_parentStaticConfig_context, _staticConfig_parentStaticConfig;
-  var {
-    viewProps,
-    styleProps,
-    staticConfig,
-    usedKeys
-  } = styleState;
-  if ((usedKeys[key] || 0) > importance) return;
-  var contextProps = ((_staticConfig_context = staticConfig.context) === null || _staticConfig_context === void 0 ? void 0 : _staticConfig_context.props) || ((_staticConfig_parentStaticConfig = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig === void 0 ? void 0 : (_staticConfig_parentStaticConfig_context = _staticConfig_parentStaticConfig.context) === null || _staticConfig_parentStaticConfig_context === void 0 ? void 0 : _staticConfig_parentStaticConfig_context.props);
-  if (contextProps && key in contextProps) {
-    var _styleState_originalContextPropValues;
-    var _styleState;
-    (_styleState = styleState).overriddenContextProps || (_styleState.overriddenContextProps = {});
-    var originalFromState = (_styleState_originalContextPropValues = styleState.originalContextPropValues) === null || _styleState_originalContextPropValues === void 0 ? void 0 : _styleState_originalContextPropValues[key];
-    var _ref;
-    styleState.overriddenContextProps[key] = (_ref = originalVal !== null && originalVal !== void 0 ? originalVal : originalFromState) !== null && _ref !== void 0 ? _ref : val;
-  }
-  if (key in stylePropsTransform) {
-    var _styleState1;
-    (_styleState1 = styleState).flatTransforms || (_styleState1.flatTransforms = {});
-    usedKeys[key] = importance;
-    styleState.flatTransforms[key] = val;
-  } else {
-    var out = isWeb && !disableNormalize && !styleProps.noNormalize ? normalizeValueWithProperty(val, key) : val;
-    if (staticConfig.accept && key in staticConfig.accept) viewProps[key] = out;else {
-      var _styleState2;
-      (_styleState2 = styleState).style || (_styleState2.style = {});
-      usedKeys[key] = importance;
-      styleState.style[key] = key === "transform" && Array.isArray(out) ? [...out] : out;
-      if (shouldTrackStyleTokenProvenance) recordStyleTokenProvenance(styleState, key, originalVal);
-    }
-  }
+var compileStylePieceRuntime = function(piece, layer) {};
+setStylePieceCompiler(compileStylePieceRuntime);
+setStylePieceResolver(function(piece, theme, themeName) {
+	var split = getSplitStyles({ style: piece }, stylePieceStaticConfig, theme, themeName, defaultComponentStateMounted, {
+		isAnimated: false,
+		resolveValues: "value"
+	});
+	return (split === null || split === void 0 ? void 0 : split.style) || {};
+});
+var resolvedStylePieceCache = /* @__PURE__ */ new WeakMap();
+function resolveStylePiece(styleState, piece) {
+	var definition = piece[stylePieceSymbol].styleObject;
+	if (!isStylePieceCacheable(piece)) return resolveStyleObject(styleState, definition);
+	var themeCache = resolvedStylePieceCache.get(piece);
+	if (!themeCache) {
+		themeCache = /* @__PURE__ */ new WeakMap();
+		resolvedStylePieceCache.set(piece, themeCache);
+	}
+	var theme = styleState.theme;
+	var cached = themeCache.get(theme);
+	if (cached) return cached;
+	var resolved = resolveStyleObject(styleState, definition);
+	themeCache.set(theme, resolved);
+	return resolved;
+}
+function writeCapturedStyleRecord(slots, slot, source, sourceLayer) {
+	var list = slots.get(slot);
+	if (!list) slots.set(slot, list = []);
+	var flags = source[7] & 31;
+	var identity = source[3];
+	var condition = source[2];
+	for (var index = 0; index < list.length; index++) {
+		var entry = list[index];
+		var entryFlags = entry[7] & 31;
+		if ((entryFlags & (recordInline | recordCSS)) !== (flags & (recordInline | recordCSS))) continue;
+		if (entry[0] !== source[0]) continue;
+		if (flags & recordDefault) {
+			if (!(entryFlags & recordDefault) && (!entry[2] || entry[3] === identity)) return;
+		} else if (entryFlags & recordDefault && (!condition || entry[3] === identity)) {
+			list.splice(index--, 1);
+			continue;
+		}
+		if (entry[3] === identity) {
+			list.splice(index, 1);
+			break;
+		}
+	}
+	var next = [...source];
+	next[7] = flags | sourceLayer << 5;
+	list.push(next);
+}
+function mergeStyle(styleState, key, val) {
+	arguments.length > 3 && arguments[3] !== void 0 && arguments[3];
+	var originalVal = arguments.length > 4 ? arguments[4] : void 0;
+	var { viewProps, styleProps, staticConfig } = styleState;
+	var contextPropSet = styleState.flatStyleStaticConfig.styledContextKeys;
+	if (contextPropSet === null || contextPropSet === void 0 ? void 0 : contextPropSet.has(key)) {
+		var _styleState_originalContextPropValues;
+		var _styleState;
+		(_styleState = styleState).overriddenContextProps || (_styleState.overriddenContextProps = {});
+		var originalFromState = (_styleState_originalContextPropValues = styleState.originalContextPropValues) === null || _styleState_originalContextPropValues === void 0 ? void 0 : _styleState_originalContextPropValues[key];
+		var _ref;
+		styleState.overriddenContextProps[key] = (_ref = originalVal !== null && originalVal !== void 0 ? originalVal : originalFromState) !== null && _ref !== void 0 ? _ref : val;
+	}
+	if (key === "transform" || key in stylePropsTransform) {
+		var _styleState1;
+		(_styleState1 = styleState).transformAccumulator || (_styleState1.transformAccumulator = createTransformAccumulator());
+		addTransformValue(styleState.transformAccumulator, key, val);
+	} else {
+		var out = val;
+		if (typeof out === "string") {
+			if (out.includes("cqi") || out.includes("cqw")) {
+				var _styleState2, _styleState3;
+				((_styleState2 = styleState).flatGroupKeys || (_styleState2.flatGroupKeys = /* @__PURE__ */ new Set())).add("@");
+				((_styleState3 = styleState).flatGroupMedia || (_styleState3.flatGroupMedia = /* @__PURE__ */ new Set())).add("@");
+			}
+			out = resolveNativeUnits(key, out, styleState);
+		}
+		if (staticConfig.isInput && key in nativeTextInputColorProps) viewProps[nativeTextInputColorProps[key]] = out;
+		else {
+			var _styleState4;
+			(_styleState4 = styleState).style || (_styleState4.style = {});
+			styleState.style[key] = out;
+			if (shouldTrackStyleTokenProvenance) recordStyleTokenProvenance(styleState, key, originalVal);
+		}
+	}
 }
 function recordStyleTokenProvenance(styleState, key, originalVal) {
-  if (typeof originalVal === "string" && originalVal[0] === "$") {
-    var _styleState;
-    ((_styleState = styleState).tokenProvenance || (_styleState.tokenProvenance = {}))[key] = originalVal;
-  } else if (styleState.tokenProvenance && key in styleState.tokenProvenance) delete styleState.tokenProvenance[key];
-}
-var getSubStyle = function (styleState, subKey, styleIn, avoidMergeTransform) {
-  var {
-    staticConfig,
-    conf: conf2,
-    styleProps
-  } = styleState;
-  var styleOut = {};
-  var originalValues;
-  var styleInOriginalValues = styleOriginalValues.get(styleIn);
-  var parentProps = styleState.props;
-  styleState.props = {
-    ...parentProps,
-    ...styleIn
-  };
-  try {
-    var _loop = function (key1) {
-      var val = styleIn[key1];
-      key1 = conf2.shorthands[key1] || key1;
-      if (key1 === "transition") {
-        var _driver_animations;
-        var _styleState;
-        (_styleState = styleState).pseudoTransitions || (_styleState.pseudoTransitions = {});
-        styleState.pseudoTransitions[subKey] = val;
-        var driver = styleState.animationDriver;
-        if ((driver === null || driver === void 0 ? void 0 : driver.outputStyle) === "css") {
-          var _driver_animations1;
-          var animationConfig = (_driver_animations1 = driver.animations) === null || _driver_animations1 === void 0 ? void 0 : _driver_animations1[val];
-          if (animationConfig) styleOut["transition"] = `all ${animationConfig}${subKey[0] === "$" ? " !important" : ""}`;
-        }
-        if (!styleOut["transition"] && typeof val === "string" && !(driver === null || driver === void 0 ? void 0 : (_driver_animations = driver.animations) === null || _driver_animations === void 0 ? void 0 : _driver_animations[val])) styleOut["transition"] = val;
-        return key = key1, "continue";
-      }
-      if (!staticConfig.isHOC && key1 in skipProps && !styleProps.noSkip) return key = key1, "continue";
-      propMapper(key1, val, styleState, false, function (skey, sval, originalVal) {
-        var _styleInOriginalValues_skey;
-        var trackedOriginalVal = (_styleInOriginalValues_skey = styleInOriginalValues === null || styleInOriginalValues === void 0 ? void 0 : styleInOriginalValues[skey]) !== null && _styleInOriginalValues_skey !== void 0 ? _styleInOriginalValues_skey : originalVal;
-        if (trackedOriginalVal !== void 0) {
-          originalValues || (originalValues = {});
-          originalValues[skey] = trackedOriginalVal;
-        }
-        if (skey in validPseudoKeys) sval = getSubStyle(styleState, skey, sval, avoidMergeTransform);
-        if (!avoidMergeTransform && skey in stylePropsTransform) mergeTransform(styleOut, skey, sval);else styleOut[skey] = styleProps.noNormalize ? sval : normalizeValueWithProperty(sval, key1);
-      });
-      key = key1;
-    };
-    for (var key in styleIn) _loop(key);
-  } finally {
-    styleState.props = parentProps;
-  }
-  if (!avoidMergeTransform) {
-    var _styleState_style;
-    var parentTransform = (_styleState_style = styleState.style) === null || _styleState_style === void 0 ? void 0 : _styleState_style.transform;
-    var flatTransforms = styleState.flatTransforms;
-    var styleOutTransform = styleOut.transform;
-    if (Array.isArray(styleOutTransform) && styleOutTransform.length) {
-      var len = styleOutTransform.length;
-      if (Array.isArray(parentTransform)) {
-        var merged = [];
-        outer: for (var i = 0; i < parentTransform.length; i++) {
-          var pt = parentTransform[i];
-          for (var pk in pt) {
-            for (var j = 0; j < len; j++) for (var sk in styleOutTransform[j]) {
-              if (pk === sk) continue outer;
-              break;
-            }
-            merged.push(pt);
-            break;
-          }
-        }
-        for (var i1 = 0; i1 < len; i1++) merged.push(styleOutTransform[i1]);
-        styleOut.transform = merged;
-      }
-      if (flatTransforms) outer: for (var fk in flatTransforms) {
-        var ck = fk === "x" ? "translateX" : fk === "y" ? "translateY" : fk;
-        for (var j1 = 0; j1 < len; j1++) for (var sk1 in styleOutTransform[j1]) {
-          if (ck === sk1) continue outer;
-          break;
-        }
-        mergeTransform(styleOut, fk, flatTransforms[fk]);
-      }
-    } else if (flatTransforms) mergeFlatTransforms(styleOut, flatTransforms);
-  }
-  if (!styleProps.noNormalize) fixStyles(styleOut);
-  if (originalValues && Object.keys(originalValues).length) styleOriginalValues.set(styleOut, originalValues);
-  return styleOut;
-};
-isWeb && React.useInsertionEffect;
-var useSplitStyles = function (a, b, c, d, e, f, g, h, i, j, k, l, m) {
-  "use no memo";
-
-  return getSplitStyles(a, b, c, d, e, f, g, h, i, j, k, l, m);
+	var _styleState_conf_themes;
+	var tokenName = typeof originalVal === "string" ? originalVal : "";
+	if (tokenName) {
+		var slash = tokenName.lastIndexOf("/");
+		var opacity = slash === -1 ? NaN : Number(tokenName.slice(slash + 1));
+		if (Number.isInteger(opacity) && opacity >= 0 && opacity <= 100) tokenName = tokenName.slice(0, slash);
+	}
+	if (tokenName !== "" && (tokenName in styleState.theme || tokenName in (((_styleState_conf_themes = styleState.conf.themes) === null || _styleState_conf_themes === void 0 ? void 0 : _styleState_conf_themes[styleState.flatThemeName || ""]) || {}) || Object.values(styleState.conf.tokensParsed).some(function(category) {
+		return tokenName in category;
+	}))) {
+		var _styleState;
+		((_styleState = styleState).tokenProvenance || (_styleState.tokenProvenance = {}))[key] = originalVal;
+	} else if (styleState.tokenProvenance && key in styleState.tokenProvenance) delete styleState.tokenProvenance[key];
+}
+var resolveStyleObject = function(styleState, styleIn) {
+	var { conf, styleProps } = styleState;
+	var styleOut = {};
+	var originalValues;
+	var styleInOriginalValues = styleOriginalValues.get(styleIn);
+	var childState = {
+		...styleState,
+		classNames: {},
+		flatShouldDoClasses: false,
+		props: styleIn,
+		style: styleOut,
+		transformAccumulator: void 0
+	};
+	childState.flatAtomics = void 0;
+	childState.flatSlots = void 0;
+	childState.flatPropertyLayers = void 0;
+	var mergeAccepted = function(_state, key2, value2, disableNormalize, originalValue) {
+		styleOut[key2] = disableNormalize || styleProps.noNormalize ? value2 : normalizeValueWithProperty(value2, key2);
+		var _styleInOriginalValues_key;
+		var trackedOriginal = (_styleInOriginalValues_key = styleInOriginalValues === null || styleInOriginalValues === void 0 ? void 0 : styleInOriginalValues[key2]) !== null && _styleInOriginalValues_key !== void 0 ? _styleInOriginalValues_key : originalValue;
+		if (trackedOriginal !== void 0) (originalValues || (originalValues = {}))[key2] = trackedOriginal;
+	};
+	for (var key in styleIn) {
+		var value = styleIn[key];
+		key = conf.shorthands[key] || key;
+		if (key in skipProps || value == null) continue;
+		contributeValue(childState, key, value);
+	}
+	completeResolvedStyles(childState, mergeAccepted);
+	if (childState.transformAccumulator) styleOut.transform = finalizeTransformAccumulator(childState.transformAccumulator);
+	if (!styleProps.noNormalize) fixStyles(styleOut);
+	if (originalValues) styleOriginalValues.set(styleOut, originalValues);
+	return styleOut;
 };
-var defaultColor = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)";
-var animatableDefaults = {
-  ...Object.fromEntries(Object.entries(tokenCategories.color).map(function (param) {
-    var [k, v] = param;
-    return [k, defaultColor];
-  })),
-  opacity: 1,
-  scale: 1,
-  scaleX: 1,
-  scaleY: 1,
-  rotate: "0deg",
-  rotateX: "0deg",
-  rotateY: "0deg",
-  rotateZ: "0deg",
-  skewX: "0deg",
-  skewY: "0deg",
-  x: 0,
-  y: 0,
-  borderRadius: 0
+var frameSequence = 0;
+var recordInline = 1;
+var recordNormalize = 2;
+var recordRetract = 4;
+var recordDefault = 8;
+var recordCSS = 16;
+function writeStyleRecord(state, property, value, cursor, original, flags) {
+	var conditionOverride = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : -1;
+	var _state_flatPass;
+	var _direct;
+	var condition = conditionOverride !== -1 ? conditionOverride : cursor ? cursor[conditionValue] : 0;
+	var identity = cursor ? cursor[conditionKey] : "";
+	var slots = (_direct = state).flatSlots || (_direct.flatSlots = /* @__PURE__ */ new Map());
+	var slot = property.startsWith("transition") ? "transition" : property;
+	var list = slots.get(slot);
+	if (!list) slots.set(slot, list = []);
+	for (var index = 0; index < list.length; index++) {
+		var entry = list[index];
+		var entryFlags = entry[7];
+		if ((entryFlags & (recordInline | recordCSS)) !== (flags & (recordInline | recordCSS))) continue;
+		if (entry[0] !== property) continue;
+		if (flags & recordDefault) {
+			if (!(entryFlags & recordDefault) && (!entry[2] || entry[3] === identity)) return;
+		} else if (entryFlags & recordDefault && (!condition || entry[3] === identity)) {
+			list.splice(index--, 1);
+			continue;
+		}
+		if (entry[3] === identity) {
+			list.splice(index, 1);
+			break;
+		}
+	}
+	list.push([
+		property,
+		value,
+		condition,
+		identity,
+		cursor ? cursor[conditionSelector] : "",
+		cursor ? cursor[conditionWrappers] : void 0,
+		original,
+		flags | (((_state_flatPass = state.flatPass) === null || _state_flatPass === void 0 ? void 0 : _state_flatPass[passSourceLayer]) || 0) << 5
+	]);
+}
+function streamWriteInline(state, property, value, cursor, original) {
+	var normalize = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : property === "lineHeight", conditionOverride = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : -1, force = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : false;
+	writeStyleRecord(state, property, value, cursor, original, (normalize ? recordNormalize : 0) | (force ? recordInline : 0), conditionOverride);
+}
+function completeResolvedStyles(state) {
+	var merge = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : mergeStyle;
+	var _direct;
+	var direct = state;
+	var shadow = direct.flatWebShadow;
+	if (shadow && (direct.flatBoxShadowSequence || 0) <= shadow[4]) {
+		var offset = shadow[1] || {
+			width: 0,
+			height: 0
+		};
+		var _shadow_;
+		var color = normalizeColor(shadow[0], (_shadow_ = shadow[2]) !== null && _shadow_ !== void 0 ? _shadow_ : 1);
+		if (color) {
+			var next = `${shadowUnit(offset.width)} ${shadowUnit(offset.height)} ${shadowUnit(shadow[3])} ${color}`;
+			emitProperty(state, "boxShadow", direct.flatBoxShadow ? `${direct.flatBoxShadow}, ${next}` : next, null, shadow[5], shadow[6]);
+		}
+		direct.flatWebShadow = void 0;
+	}
+	if (state.flatShouldDoClasses && state.transformAccumulator) {
+		var transform = finalizeTransformAccumulator(state.transformAccumulator);
+		state.transformAccumulator = void 0;
+		writeStyleRecord(state, "transform", Array.isArray(transform) ? transformsToString(transform) : transform, null, transform, 0);
+	}
+	var slots = direct.flatSlots;
+	if (!slots) return;
+	var capture = state.staticConfig.isHOC ? (_direct = direct).flatCapturedSlots || (_direct.flatCapturedSlots = /* @__PURE__ */ new Map()) : void 0;
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = slots[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var [property, entries] = _step.value;
+			var cssEntries = void 0;
+			var inlineWinner = void 0;
+			var importance = -1;
+			for (var index = 0; index < entries.length; index++) {
+				var entry = entries[index];
+				var flags = entry[7];
+				if (flags & recordCSS || state.flatShouldDoClasses && !(flags & recordInline)) {
+					cssEntries || (cssEntries = []);
+					var precedence = entry[2] ? Math.floor(entry[2] / 256) : -1;
+					var layer = flags >> 5;
+					var index1 = cssEntries.length;
+					while (index1 > 0) {
+						var before = cssEntries[index1 - 1];
+						var beforeLayer = before[7] >> 5;
+						if (beforeLayer < layer || beforeLayer === layer && (before[2] ? Math.floor(before[2] / 256) : -1) <= precedence) break;
+						index1--;
+					}
+					if (index1 === cssEntries.length) cssEntries.push(entry);
+					else cssEntries.splice(index1, 0, entry);
+				} else if (!entry[2] || entry[2] & 1) {
+					var next1 = entry[2] ? Math.floor(entry[2] / 256) : 0;
+					if (next1 >= importance) {
+						importance = next1;
+						inlineWinner = entry;
+					}
+				}
+			}
+			if (cssEntries) {
+				registerAtomicSlot(direct, property, cssEntries);
+				if (capture) {
+					var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+					try {
+						for (var _iterator1 = cssEntries[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+							var entry1 = _step1.value;
+							entry1[7] = entry1[7] | recordCSS;
+						}
+					} catch (err) {
+						_didIteratorError1 = true;
+						_iteratorError1 = err;
+					} finally {
+						try {
+							if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
+						} finally {
+							if (_didIteratorError1) throw _iteratorError1;
+						}
+					}
+					capture.set(property, cssEntries);
+				}
+			}
+			if (inlineWinner) if (inlineWinner[7] & recordRetract) {
+				if (state.style) delete state.style[inlineWinner[0]];
+			} else merge(state, inlineWinner[0], inlineWinner[1], !(inlineWinner[7] & recordNormalize), inlineWinner[6] !== void 0 ? inlineWinner[6] : inlineWinner[1]);
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+		} finally {
+			if (_didIteratorError) throw _iteratorError;
+		}
+	}
+	direct.flatSlots = void 0;
+}
+function emitAtParentCondition(state, property, value, originalValue, contextOnly) {
+	var _state_flatPass;
+	var cursor = (_state_flatPass = state.flatPass) === null || _state_flatPass === void 0 ? void 0 : _state_flatPass[passParentCursor];
+	if (cursor) emitUnderCondition(state, property, value, cursor, originalValue, contextOnly, 0, value);
+	else emitValue(state, property, value, null, originalValue, contextOnly);
+}
+function emitUnderCondition(state, property, value, cursor, originalValue, contextOnly, warnMode, warnSource) {
+	var condition = cursor[conditionValue];
+	if (!(condition & conditionResolvedFlag)) {
+		if (warnMode && process.env.NODE_ENV !== "production") warnRefusedValue(property, warnSource, `unknown modifier "${cursor.problem}"`);
+		return 0;
+	}
+	emitValue(state, property, value, cursor, warnMode === 2 ? originalValue : originalValue !== null && originalValue !== void 0 ? originalValue : value, contextOnly);
+	if (condition & 2) {
+		if (condition & 4) state.flatHasEnterStyle = true;
+		if (condition & conditionPlatformPseudoFlag) state.flatHasPlatformPseudo = true;
+	}
+	return condition;
+}
+var formatScanFailure = function(failure, source, failureIndex) {
+	return failure === "invalid-character" ? `"${source[failureIndex]}" would end the declaration or rule` : failure === "unterminated-string" ? "an unterminated string" : failure === "unterminated-comment" ? "an unterminated \"/*\" comment" : failure === "stray-comment-close" ? "a stray \"*/\"" : "an unterminated \"(\"";
 };
-var mergeTransform = function (obj, key, val) {
-  var backwards = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
-  var _obj;
-  if (typeof obj.transform === "string") return;
-  (_obj = obj).transform || (_obj.transform = []);
-  obj.transform[backwards ? "unshift" : "push"]({
-    [mapTransformKeys[key] || key]: val
-  });
+var warnScanFailure = function(property, source, failure, failureIndex) {
+	if (process.env.NODE_ENV === "development") warnRefusedValue(property, source, formatScanFailure(failure, source, failureIndex));
 };
-var mapTransformKeys = {
-  x: "translateX",
-  y: "translateY"
+var borderTargets = {
+	border: [
+		"Top",
+		"Right",
+		"Bottom",
+		"Left"
+	],
+	borderTop: ["Top"],
+	borderRight: ["Right"],
+	borderBottom: ["Bottom"],
+	borderLeft: ["Left"],
+	outline: [""],
+	borderBlock: ["BlockStart", "BlockEnd"],
+	borderInline: ["InlineStart", "InlineEnd"]
 };
-function passDownProp(viewProps, key, val) {
-  if (arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false) {
-    var next = {
-      ...viewProps[key],
-      ...val
-    };
-    delete viewProps[key];
-    viewProps[key] = next;
-  } else viewProps[key] = val;
-}
-function mergeMediaByImportance(styleState, mediaKey, key, value, isSizeMedia, importanceBump, debugProp, originalVal) {
-  var usedKeys = styleState.usedKeys;
-  var importance = getMediaImportanceIfMoreImportant(mediaKey, key, styleState, isSizeMedia);
-  if (importanceBump) {
-    var bumpedImportance = defaultMediaImportance + importanceBump;
-    importance = !usedKeys[key] || bumpedImportance > usedKeys[key] ? bumpedImportance : null;
-  }
-  if (process.env.NODE_ENV === "development" && debugProp === "verbose") log(`mergeMediaByImportance ${key} importance usedKey ${usedKeys[key]} next ${importance}`);
-  if (importance === null) return false;
-  if (key in pseudoDescriptors) {
-    var descriptor = pseudoDescriptors[key];
-    var descriptorKey = descriptor.stateKey || descriptor.name;
-    if (styleState.componentState[descriptorKey] === false) return false;
-    var pseudoOriginalValues = styleOriginalValues.get(value);
-    for (var subKey in value) mergeStyle(styleState, subKey, value[subKey], importance, false, pseudoOriginalValues === null || pseudoOriginalValues === void 0 ? void 0 : pseudoOriginalValues[subKey]);
-  } else mergeStyle(styleState, key, value, importance, false, originalVal);
-  return true;
-}
-function normalizeStyle(style) {
-  var out = {};
-  for (var key in style) {
-    var val = style[key];
-    if (key in stylePropsTransform) mergeTransform(out, key, val);else out[key] = normalizeValueWithProperty(val, key);
-  }
-  if (isWeb && Array.isArray(out.transform)) out.transform = transformsToString(out.transform);
-  fixStyles(out);
-  return out;
-}
-function applyDefaultStyle(pkey, styleState) {
-  var defaultValues = animatableDefaults[pkey];
-  if (defaultValues != null && !(pkey in styleState.usedKeys) && (!styleState.style || !(pkey in styleState.style))) mergeStyle(styleState, pkey, defaultValues, 1);
-}
-export { PROP_SPLIT, STYLE_TOKEN_PROVENANCE_KEY, getSplitStyles, getStyleTokenProvenance, getSubStyle, styleOriginalValues, useSplitStyles };
+var valueCacheConf;
+var valueCacheRevision = -1;
+var valueCaches = /* @__PURE__ */ new WeakMap();
+var valueCacheEntries = 0;
+var valueCacheRoot = {};
+var parsedSlices = /* @__PURE__ */ new WeakMap();
+function configuredValue(state, property, raw) {
+	var embedded = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
+	var grammar = getConfigRevisionState(state.conf);
+	var name = raw;
+	var opacity;
+	var slash = raw.lastIndexOf("/");
+	if (slash > 0) {
+		var amount = Number(raw.slice(slash + 1));
+		if (Number.isInteger(amount) && amount >= 0 && amount <= 100) {
+			name = raw.slice(0, slash);
+			opacity = amount;
+		}
+	}
+	var safeArea = grammar.safeAreaVariable(name);
+	if (safeArea !== void 0) {
+		state.flatUsesSafeArea = true;
+		return safeArea;
+	}
+	var fontProperty = property.startsWith("font") || property === "lineHeight" || property === "letterSpacing";
+	var resolveValues = state.styleProps.resolveValues;
+	var byRaw;
+	if (!fontProperty) {
+		var _maps;
+		var revision = grammar.revision;
+		if (state.conf !== valueCacheConf || revision !== valueCacheRevision) {
+			valueCacheConf = state.conf;
+			valueCacheRevision = revision;
+			valueCaches = /* @__PURE__ */ new WeakMap();
+			valueCacheEntries = 0;
+			state.flatValueScope = void 0;
+		}
+		var direct = state;
+		var scope = direct.flatValueScope;
+		if (scope === void 0) {
+			var themeObject = state.theme && typeof state.theme === "object" ? state.theme : valueCacheRoot;
+			var byScope = valueCaches.get(themeObject);
+			if (!byScope) valueCaches.set(themeObject, byScope = /* @__PURE__ */ new Map());
+			var scopeKey = `${state.flatThemeName || ""}${resolveValues}`;
+			scope = byScope.get(scopeKey);
+			if (!scope) byScope.set(scopeKey, scope = /* @__PURE__ */ new Map());
+			direct.flatValueScope = scope;
+		}
+		var maps = scope.get(property);
+		if (maps === void 0) scope.set(property, maps = { direct: /* @__PURE__ */ new Map() });
+		byRaw = embedded ? (_maps = maps).embedded || (_maps.embedded = /* @__PURE__ */ new Map()) : maps.direct;
+		var known = byRaw.get(raw);
+		if (known !== void 0 || byRaw.has(raw)) return known;
+	}
+	var lookupName = name.charCodeAt(0) === 36 ? name.slice(1) : name;
+	var value;
+	var fromTheme = false;
+	if (property === "fontFamily") {
+		var _state_conf_fontsParsed_lookupName;
+		value = (_state_conf_fontsParsed_lookupName = state.conf.fontsParsed[lookupName]) === null || _state_conf_fontsParsed_lookupName === void 0 ? void 0 : _state_conf_fontsParsed_lookupName.family;
+	} else {
+		var fontKey = property === "fontSize" ? "size" : property === "fontWeight" ? "weight" : property === "lineHeight" || property === "letterSpacing" ? property : "";
+		if (fontKey) {
+			var _font_fontKey;
+			var font = state.conf.fontsParsed[state.fontFamily || state.conf.defaultFontToken] || state.conf.fontsParsed[state.conf.defaultFontToken];
+			value = font === null || font === void 0 ? void 0 : (_font_fontKey = font[fontKey]) === null || _font_fontKey === void 0 ? void 0 : _font_fontKey[lookupName];
+		} else {
+			var _state_conf_tokensParsed_category;
+			var category = grammar.tokenCategory(property);
+			var dot = lookupName.indexOf(".");
+			if (dot !== -1) {
+				var prefix = lookupName.slice(0, dot);
+				if (!category || prefix === category || prefix === "color") lookupName = lookupName.slice(dot + 1);
+			}
+			value = category ? (_state_conf_tokensParsed_category = state.conf.tokensParsed[category]) === null || _state_conf_tokensParsed_category === void 0 ? void 0 : _state_conf_tokensParsed_category[lookupName] : void 0;
+			if (!value) {
+				var first = lookupName.charCodeAt(0);
+				if (category || !(first >= 48 && first <= 57 || first === 43 || first === 45 || first === 46)) {
+					var _state_theme, _state_conf_themes_, _state_conf_themes;
+					value = ((_state_theme = state.theme) === null || _state_theme === void 0 ? void 0 : _state_theme[lookupName]) || ((_state_conf_themes = state.conf.themes) === null || _state_conf_themes === void 0 ? void 0 : (_state_conf_themes_ = _state_conf_themes[state.flatThemeName || ""]) === null || _state_conf_themes_ === void 0 ? void 0 : _state_conf_themes_[lookupName]);
+					fromTheme = !!value;
+					if (!value && !category) {
+						var _state_conf_tokensParsed_space, _state_conf_tokensParsed_color;
+						value = ((_state_conf_tokensParsed_space = state.conf.tokensParsed.space) === null || _state_conf_tokensParsed_space === void 0 ? void 0 : _state_conf_tokensParsed_space[lookupName]) || ((_state_conf_tokensParsed_color = state.conf.tokensParsed.color) === null || _state_conf_tokensParsed_color === void 0 ? void 0 : _state_conf_tokensParsed_color[lookupName]);
+					}
+				}
+			}
+		}
+	}
+	if (process.env.NODE_ENV === "development") {
+		var _state_conf_tokensParsed_color1;
+		var category1 = grammar.tokenCategory(property);
+		if (category1 && category1 !== "color" && ((_state_conf_tokensParsed_color1 = state.conf.tokensParsed.color) === null || _state_conf_tokensParsed_color1 === void 0 ? void 0 : _state_conf_tokensParsed_color1[name])) warnOnce(`"${name}" contributes to "color", not "${property}"`);
+	}
+	var out = raw;
+	if (isVariable(value)) {
+		out = resolveValues === "except-theme" && fromTheme ? `${THEME_REF_PREFIX}${lookupName}${opacity !== void 0 ? `/${opacity}` : ""}` : resolveVariableValue(property, value, resolveValues);
+		if (opacity !== void 0) {
+			var _normalizeColor;
+			out = (_normalizeColor = normalizeColor(out, opacity / 100)) !== null && _normalizeColor !== void 0 ? _normalizeColor : out;
+		}
+	}
+	if (embedded && out === raw) {
+		var usedSafeArea = state.flatUsesSafeArea;
+		out = grammar.embeddedTokens(raw, function(word) {
+			return configuredValue(state, property, word);
+		});
+		if (!usedSafeArea && state.flatUsesSafeArea) return out;
+	}
+	if (!fontProperty && !fromTheme) if (valueCacheEntries > 8192) {
+		valueCaches = /* @__PURE__ */ new WeakMap();
+		valueCacheEntries = 0;
+	} else {
+		valueCacheEntries++;
+		byRaw.set(raw, out);
+	}
+	return out;
+}
+function ownsSourceLayer(state, property) {
+	var conditional = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+	var _direct_flatPass;
+	var _direct;
+	var direct = state;
+	var layer = ((_direct_flatPass = direct.flatPass) === null || _direct_flatPass === void 0 ? void 0 : _direct_flatPass[passSourceLayer]) || 0;
+	var layers = (_direct = direct).flatPropertyLayers || (_direct.flatPropertyLayers = /* @__PURE__ */ new Map());
+	var previous = layers.get(property);
+	if (previous !== void 0) {
+		if (previous > layer) return false;
+		if (previous < layer) {
+			if (conditional) return true;
+			clearDirectStyle(state, property);
+		}
+	} else if (conditional) return true;
+	layers.set(property, layer);
+	return true;
+}
+function emitProperty(state, property, value, cursor, originalValue, contextOnly) {
+	var _state_animationDriver;
+	var _state, _state1;
+	if (!ownsSourceLayer(state, property, cursor !== null)) return;
+	var direct = state;
+	var condition = cursor ? cursor[conditionValue] : 0;
+	if (condition && (!(condition & 2) || !(condition & 1) && !(canGenerateCSS && state.flatShouldDoClasses) && !(cursor[conditionTheme] && supportsDynamicColorIOS && isColorStyleKey(property)))) return;
+	if (condition & 4) ((_state = state).flatEnterKeys || (_state.flatEnterKeys = /* @__PURE__ */ new Set())).add(property);
+	if (condition & 8) ((_state1 = state).flatExitKeys || (_state1.flatExitKeys = /* @__PURE__ */ new Set())).add(property);
+	var theme = cursor ? cursor[conditionTheme] : "";
+	if (theme) {
+		if (supportsDynamicColorIOS && isColorStyleKey(property)) {
+			var _direct, _ref, _property;
+			var schemes = (_ref = (_direct = direct).flatDynamicColors || (_direct.flatDynamicColors = {}))[_property = property] || (_ref[_property] = {});
+			schemes[theme] = typeof originalValue === "string" && /^[a-z]+$/i.test(originalValue) ? originalValue : value;
+			streamWriteInline(state, property, { dynamic: { ...schemes } }, cursor, originalValue, true, condition & 1 ? condition : condition + 1);
+			return;
+		}
+		direct.flatDynamicThemeAccess = true;
+	}
+	if (contextOnly) {
+		if (!condition || condition & 1) {
+			var _state3;
+			((_state3 = state).overriddenContextProps || (_state3.overriddenContextProps = {}))[property] = originalValue;
+		}
+		return;
+	}
+	if (canGenerateCSS && state.flatShouldDoClasses && !condition && property === "transform") {
+		var _state4;
+		if (process.env.NODE_ENV === "development" && state.transformAccumulator) {
+			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+			try {
+				for (var _iterator = getTransformPartKeys(state.transformAccumulator)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+					var part = _step.value;
+					warnOnce(`legacy transform part "${part}" is dropped because "transform" owns the property`);
+				}
+			} catch (err) {
+				_didIteratorError = true;
+				_iteratorError = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+				} finally {
+					if (_didIteratorError) throw _iteratorError;
+				}
+			}
+		}
+		(_state4 = state).transformAccumulator || (_state4.transformAccumulator = createTransformAccumulator());
+		addTransformValue(state.transformAccumulator, property, value);
+		return;
+	}
+	var shouldPromoteAnimatedStyle = canGenerateCSS && !condition && !state.flatShouldDoClasses && !state.styleProps.noMergeStyle && state.styleProps.isAnimated && ((_state_animationDriver = state.animationDriver) === null || _state_animationDriver === void 0 ? void 0 : _state_animationDriver.inputStyle) === "css" && property in nonAnimatableStyleProps;
+	if (canGenerateCSS && (state.flatShouldDoClasses || shouldPromoteAnimatedStyle)) {
+		writeStyleRecord(state, property, value, cursor, originalValue, shouldPromoteAnimatedStyle ? recordCSS : 0);
+		return;
+	}
+	streamWriteInline(state, property, value, cursor, originalValue);
+}
+function numericUnitValue(value, first, second) {
+	return value.length > first.length && (value.endsWith(first) || value.endsWith(second)) ? +value.slice(0, -first.length) : NaN;
+}
+function resolveNumericValue(value) {
+	var unitValue = numericUnitValue(value, "px", "dp");
+	if (Number.isFinite(unitValue)) return unitValue;
+	var numeric = +value;
+	return Number.isFinite(numeric) ? numeric : value;
+}
+function emitBorder(state, property, raw, cursor, originalValue, contextOnly) {
+	if (property === "borderBlock" || property === "borderInline") {
+		if (process.env.NODE_ENV === "development") warnOnce(`RN has no logical border shorthand "${property}"; dropping it`);
+		return;
+	}
+	var { width, style, color } = classifyBorderComponents(raw, property === "outline");
+	if (style === "none" && width === void 0) width = "0";
+	if (width !== void 0) {
+		if (width === "thin") width = "1px";
+		else if (width === "medium") width = "3px";
+		else if (width === "thick") width = "5px";
+	}
+	var targets = borderTargets[property];
+	var prefix = property === "outline" ? "outline" : "border";
+	if (style !== void 0 && property === "border") emitProperty(state, "borderStyle", style, cursor, originalValue, contextOnly);
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = targets[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var propBase = `${prefix}${_step.value}`;
+			if (width !== void 0) emitResolved(state, `${propBase}Width`, width, cursor, originalValue, contextOnly);
+			if (style !== void 0 && !(property === "border")) emitProperty(state, `${propBase}Style`, style, cursor, originalValue, contextOnly);
+			if (color !== void 0) emitResolved(state, `${propBase}Color`, color, cursor, originalValue, contextOnly);
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+		} finally {
+			if (_didIteratorError) throw _iteratorError;
+		}
+	}
+}
+function emitTextDecoration(state, raw, cursor, originalValue, contextOnly) {
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = splitComponents(raw)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var part = _step.value;
+			emitResolved(state, part === "solid" || part === "double" || part === "dotted" || part === "dashed" || part === "wavy" ? "textDecorationStyle" : part === "underline" || part === "overline" || part === "line-through" || part === "none" ? "textDecorationLine" : "textDecorationColor", part, cursor, originalValue, contextOnly);
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+		} finally {
+			if (_didIteratorError) throw _iteratorError;
+		}
+	}
+}
+function emitResolved(state, property, raw, cursor, originalValue, contextOnly) {
+	emitProperty(state, property, resolveValue(state, property, raw), cursor, originalValue, contextOnly);
+}
+function resolveValue(state, property, raw) {
+	var value = typeof raw === "string" ? configuredValue(state, property, raw, true) : raw;
+	if (typeof value === "string" && value !== "") value = resolveNumericValue(value);
+	return value;
+}
+function shadowUnit(part) {
+	return typeof part === "number" ? `${part}px` : part || "0px";
+}
+function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
+	var condition = cursor ? cursor[conditionValue] : 0;
+	var grammar = getConfigRevisionState(state.conf);
+	if (isVariable(raw)) raw = resolveVariableValue(property, raw, state.styleProps.resolveValues);
+	if (typeof raw === "string" && (property === "transition" || property === "transitionProperty")) raw = grammar.normalizeTransition(raw);
+	if ((property === "borderWidth" || property === "borderTopWidth" || property === "borderRightWidth" || property === "borderBottomWidth" || property === "borderLeftWidth") && state.styleProps.noNormalize !== false) writeStyleRecord(state, "borderStyle", "solid", cursor, originalValue, recordDefault);
+	if (grammar.propertyKind(property) === 5) {
+		var value = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
+		if (canGenerateCSS && state.flatShouldDoClasses && !condition) {
+			var _state;
+			(_state = state).transformAccumulator || (_state.transformAccumulator = createTransformAccumulator());
+			addTransformValue(state.transformAccumulator, property, value);
+		} else if (condition && canGenerateCSS && state.flatShouldDoClasses) emitProperty(state, "transform", `${property}(${value})`, cursor, originalValue, contextOnly);
+		else streamWriteInline(state, property, value, cursor, originalValue, true);
+		return;
+	}
+	if (property === "transform") {
+		if (canGenerateCSS && state.flatShouldDoClasses && Array.isArray(raw)) raw = transformsToString(raw);
+		if (typeof raw === "string") {
+			var transform = parseNativeTransform(raw);
+			if (transform) {
+				emitProperty(state, property, transform, cursor, originalValue, contextOnly);
+				return;
+			}
+		}
+	}
+	if (typeof raw === "string" && borderTargets[property]) {
+		emitBorder(state, property, raw, cursor, originalValue, contextOnly);
+		return;
+	}
+	if (typeof raw === "string" && property === "textDecoration") {
+		emitTextDecoration(state, raw, cursor, originalValue, contextOnly);
+		return;
+	}
+	if (typeof raw === "string" && property === "background") {
+		var parts = splitComponents(raw);
+		if (parts.length === 1 && !startsValueFunction(parts[0])) {
+			emitResolved(state, "backgroundColor", parts[0], cursor, originalValue, contextOnly);
+			return;
+		}
+		if (process.env.NODE_ENV === "development") warnOnce(`native background cannot represent "${raw}"; dropping it`);
+		return;
+	}
+	if (property === "x" || property === "y" || property === "scale" || property === "scaleX" || property === "scaleY" || property === "rotate") {
+		var value2 = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
+		if (typeof value2 === "string" && !value2.startsWith(THEME_REF_PREFIX)) {
+			if (property === "rotate" && !Number.isFinite(numericUnitValue(value2, "deg", "rad")) && true) {
+				if (process.env.NODE_ENV === "development") warnOnce(`native transform "${property}" cannot represent "${value2}"; dropping it`);
+				if (condition & 1) {
+					removeTransformValue(state.transformAccumulator, property);
+					writeStyleRecord(state, property, void 0, cursor, void 0, recordRetract);
+				}
+				return;
+			}
+			value2 = resolveNumericValue(value2);
+		}
+		if (!canGenerateCSS || !state.flatShouldDoClasses) {
+			emitProperty(state, property, value2, cursor, originalValue, contextOnly);
+			return;
+		}
+		var targets = property === "scale" ? ["--t-scale-x", "--t-scale-y"] : [property === "x" ? "--t-x" : property === "y" ? "--t-y" : property === "scaleX" ? "--t-scale-x" : property === "scaleY" ? "--t-scale-y" : "rotate"];
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			for (var _iterator = targets[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				var target1 = _step.value;
+				var targetValue = value2;
+				if (typeof targetValue === "number") {
+					if (target1 === "--t-x" || target1 === "--t-y") targetValue = `${targetValue}px`;
+					else if (target1 === "rotate") targetValue = `${targetValue}deg`;
+				}
+				emitProperty(state, target1, targetValue, cursor, originalValue, contextOnly);
+				if (target1 === "--t-x" || target1 === "--t-y") addComposition(state, "translate");
+				else if (target1.startsWith("--t-scale")) addComposition(state, "scale");
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+			} finally {
+				if (_didIteratorError) throw _iteratorError;
+			}
+		}
+		return;
+	}
+	var value3 = resolveValue(state, property, raw);
+	if (canGenerateCSS && state.flatShouldDoClasses && property === "boxShadow" && !condition) {
+		state.flatBoxShadow = value3;
+		state.flatBoxShadowSequence = frameSequence + 1;
+	}
+	if (typeof value3 === "string" && (property === "backgroundImage" || property === "boxShadow" || property === "textShadow")) {
+		var parsed = parseNativeStyle(property, value3);
+		if (parsed) {
+			if (property === "textShadow") {
+				var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+				try {
+					for (var _iterator1 = parsed[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+						var [key, parsedValue] = _step1.value;
+						emitProperty(state, key, parsedValue, cursor, originalValue, contextOnly);
+					}
+				} catch (err) {
+					_didIteratorError1 = true;
+					_iteratorError1 = err;
+				} finally {
+					try {
+						if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
+					} finally {
+						if (_didIteratorError1) throw _iteratorError1;
+					}
+				}
+			} else emitProperty(state, property === "backgroundImage" ? "experimental_backgroundImage" : property, parsed, cursor, originalValue, contextOnly);
+			return;
+		}
+	}
+	if (property === "fontVariant" && typeof value3 === "string") {
+		var variants = [];
+		var start = 0;
+		for (var index = 0; index <= value3.length; index++) {
+			var code = index === value3.length ? 32 : value3.charCodeAt(index);
+			if (code !== 44 && code > 32) continue;
+			if (start < index) variants.push(value3.slice(start, index));
+			start = index + 1;
+		}
+		value3 = variants;
+	}
+	var expanded = !state.styleProps.noExpand ? expandStyle(property, value3, state.conf.settings.styleCompat || "web") : null;
+	if (!expanded) {
+		emitProperty(state, property, value3, cursor, originalValue, contextOnly);
+		return;
+	}
+	if (typeof raw === "string" && expanded.length > 1) {
+		var parts1 = splitComponents(raw);
+		if (parts1.length > 0 && parts1.length <= (expanded.length === 4 ? 4 : 2)) {
+			for (var index1 = 0; index1 < expanded.length; index1++) {
+				var partIndex = index1 === 0 || parts1.length === 1 ? 0 : index1 === 1 || index1 === 3 && parts1.length < 4 ? 1 : index1 === 2 && parts1.length < 3 ? 0 : index1;
+				emitResolved(state, expanded[index1][0], parts1[partIndex], cursor, originalValue, contextOnly);
+			}
+			return;
+		}
+	}
+	for (var index2 = 0; index2 < expanded.length; index2++) emitProperty(state, expanded[index2][0], expanded[index2][1], cursor, originalValue, contextOnly);
+}
+function emitConditionalValue(state, property, payload, condition, source, sink, mode, contextOnly) {
+	if (sink) sink(payload, condition, source);
+	else if (condition) emitUnderCondition(state, property, payload, condition, mode === 2 ? payload : void 0, contextOnly, mode, source);
+	else emitValue(state, property, payload, null, payload, contextOnly);
+}
+function walkConditionalValue(state, property, value, parent, sink) {
+	var warnMode = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 0, contextOnly = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : false;
+	var parentCondition = parent || null;
+	var hasBase = false;
+	var conditions = 0;
+	var lastPayload = "";
+	if (typeof value === "string") {
+		var parsed = getConfigRevisionState(state.conf).parseFlatValue(value);
+		var [segments, failure, failureIndex] = parsed;
+		var slices = parsedSlices.get(parsed);
+		if (slices === void 0) parsedSlices.set(parsed, slices = []);
+		var chainCount = segments.length / 5 - 1;
+		if (property === "aspectRatio" && chainCount === 1) {
+			var left = Number(value.slice(segments[7], segments[8]));
+			var right = Number(value.slice(segments[5], segments[6]));
+			if (left > 0 && right > 0 && Number.isFinite(left) && Number.isFinite(right)) return false;
+		}
+		for (var index = 0; index < segments.length; index += 5) {
+			var start = segments[index];
+			var end = segments[index + 1];
+			var flags = segments[index + 4];
+			if (!(flags & 1)) continue;
+			if (start === end) continue;
+			if (flags & 2) {
+				var _slices, _index;
+				var _;
+				var payload = (_ = (_slices = slices)[_index = index]) !== null && _ !== void 0 ? _ : _slices[_index] = value.slice(start, end);
+				emitConditionalValue(state, property, payload, parentCondition, payload, sink, warnMode, contextOnly);
+				hasBase = true;
+			} else if (process.env.NODE_ENV !== "production" && warnMode && !chainCount && (failure === "invalid-character" || failure === "stray-comment-close")) {
+				emitConditionalValue(state, property, value, parentCondition, value, sink, warnMode, contextOnly);
+				hasBase = true;
+			} else if (warnMode) warnScanFailure(property, value, failure, failureIndex);
+		}
+		var lastPayloadStart = 0;
+		for (var index1 = 0; index1 < segments.length; index1 += 5) {
+			var _slices1, _ref;
+			var start1 = segments[index1];
+			var end1 = segments[index1 + 1];
+			var flags1 = segments[index1 + 4];
+			if (flags1 & 1) continue;
+			if (!(flags1 & 4) || !(flags1 & 2)) {
+				if (warnMode) warnScanFailure(property, value, failure, failureIndex);
+				continue;
+			}
+			lastPayloadStart = start1;
+			if (start1 === end1) {
+				if (warnMode && process.env.NODE_ENV === "development") warnRefusedValue(property, value, "a conditional clause has no value");
+				continue;
+			}
+			var _1;
+			var cursor = conditionFromKey(state, (_1 = (_slices1 = slices)[_ref = index1 + 2]) !== null && _1 !== void 0 ? _1 : _slices1[_ref] = value.slice(segments[index1 + 2], segments[index1 + 3]), parentCondition);
+			conditions |= cursor[conditionValue];
+			if (cursor[conditionValue] & conditionResolvedFlag || warnMode) {
+				var _slices2, _index1;
+				var _2;
+				emitConditionalValue(state, property, (_2 = (_slices2 = slices)[_index1 = index1]) !== null && _2 !== void 0 ? _2 : _slices2[_index1] = value.slice(start1, end1), cursor, value, sink, warnMode, contextOnly);
+			}
+		}
+		if (process.env.NODE_ENV !== "production") lastPayload = value.slice(lastPayloadStart);
+	} else {
+		if (!value || typeof value !== "object" || Array.isArray(value) || isVariable(value) || !classifyConditionalObject(value, state)) return false;
+		if (value.default != null) {
+			emitConditionalValue(state, property, value.default, parentCondition, value.default, sink, warnMode, contextOnly);
+			hasBase = true;
+		}
+		for (var key in value) {
+			if (key === "default" || value[key] == null) continue;
+			var cursor1 = conditionFromKey(state, key, parentCondition);
+			conditions |= cursor1[conditionValue];
+			if (cursor1[conditionValue] & conditionResolvedFlag || warnMode) emitConditionalValue(state, property, value[key], cursor1, value[key], sink, warnMode, contextOnly);
+		}
+	}
+	if (warnMode && process.env.NODE_ENV === "development" && typeof value === "string" && !hasBase && conditions && getConfigRevisionState(state.conf).tokenCategory(property) && splitComponents(lastPayload).length > 1) warnOnce(`${property}="${value}" has multiple values after its first conditional. Write the base value before the first conditional.`);
+	if (warnMode === 1 && (!canGenerateCSS || !state.flatShouldDoClasses) && conditions & 12 && !hasBase) {
+		var _state_flatPropertyLayers;
+		var resting = property === "opacity" || property.startsWith("scale") ? 1 : property === "rotate" ? "0deg" : property === "x" || property === "y" ? 0 : null;
+		if (resting !== null && !((_state_flatPropertyLayers = state.flatPropertyLayers) === null || _state_flatPropertyLayers === void 0 ? void 0 : _state_flatPropertyLayers.has(property))) emitConditionalValue(state, property, resting, parentCondition, resting, sink, warnMode, contextOnly);
+	}
+	return true;
+}
+function contributeValue(state, property, value, originalValue) {
+	var contextOnly = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false, condition = arguments.length > 5 ? arguments[5] : void 0;
+	var _state_flatPass;
+	if (condition !== void 0) {
+		var _directState_flatPass;
+		var parent = ((_directState_flatPass = state.flatPass) === null || _directState_flatPass === void 0 ? void 0 : _directState_flatPass[passParentCursor]) || null;
+		var effective;
+		if (typeof condition === "string") effective = conditionFromKey(state, condition, parent);
+		else if (parent) {
+			effective = conditionFromKey(state, condition[conditionKey], parent);
+			if (!(condition[conditionValue] & conditionResolvedFlag)) setConditionUnresolved(effective);
+			commitCondition(effective);
+		} else effective = condition;
+		if (typeof value !== "string" && walkConditionalValue(state, property, value, effective, null, 2, contextOnly)) return true;
+		emitUnderCondition(state, property, value, effective, originalValue, contextOnly, 2, value);
+		return true;
+	}
+	var compositeKind = 0;
+	if (compositeKind > 0 && compositeKind < 6 && (typeof value === "string" && value.indexOf(":") !== -1 || value && typeof value === "object" && !Array.isArray(value) && !isVariable(value) && classifyConditionalObject(value, state))) {
+		if (process.env.NODE_ENV === "development") warnOnce(`conditional "${property}" needs its composite property; dropping it`);
+		return true;
+	}
+	if (value === "safe") {
+		var expanded = getConfigRevisionState(state.conf).expandSafeArea(property);
+		if (expanded) {
+			state.flatUsesSafeArea = true;
+			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+			try {
+				for (var _iterator = expanded[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+					var [key, resolved] = _step.value;
+					emitAtParentCondition(state, key, resolved, originalValue !== null && originalValue !== void 0 ? originalValue : value, contextOnly);
+				}
+			} catch (err) {
+				_didIteratorError = true;
+				_iteratorError = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+				} finally {
+					if (_didIteratorError) throw _iteratorError;
+				}
+			}
+			return true;
+		}
+	}
+	if (walkConditionalValue(state, property, value, ((_state_flatPass = state.flatPass) === null || _state_flatPass === void 0 ? void 0 : _state_flatPass[passParentCursor]) || null, null, 1, contextOnly)) return true;
+	if (value != null) {
+		emitAtParentCondition(state, property, value, originalValue !== null && originalValue !== void 0 ? originalValue : value, contextOnly);
+		return true;
+	}
+	return false;
+}
+function clearDirectStyle(state, property) {
+	var _direct_flatAtomics;
+	var direct = state;
+	var propertyKind = getConfigRevisionState(state.conf).propertyKind(property);
+	var atomicKey = property.startsWith("transition") ? "transition" : propertyKind > 0 && propertyKind < 5 ? "boxShadow" : propertyKind === 6 ? "textShadow" : propertyKind === 5 ? "transform" : property;
+	var slot = atomicKey;
+	(_direct_flatAtomics = direct.flatAtomics) === null || _direct_flatAtomics === void 0 || _direct_flatAtomics.delete(slot);
+	if (direct.flatSlots) {
+		if (slot !== atomicKey) {
+			var entries = direct.flatSlots.get(slot);
+			if (entries) {
+				for (var index = entries.length; index--;) if (entries[index][0] === atomicKey) entries.splice(index, 1);
+			}
+		}
+		direct.flatSlots.delete(atomicKey);
+	}
+	if (atomicKey === "transform") state.transformAccumulator = void 0;
+	if (state.style) delete state.style[atomicKey];
+	delete state.classNames[atomicKey];
+	delete state.classNames[slot];
+}
+function emitVariantStyle(state, key, value, original, condition, disabled) {
+	var _state_flatCallerVariantKeys, _state_flatStyleStaticConfig_styledContextKeys;
+	var pass = state.flatPass;
+	if (key !== pass[passMapSourceKey] && ((_state_flatCallerVariantKeys = state.flatCallerVariantKeys) === null || _state_flatCallerVariantKeys === void 0 ? void 0 : _state_flatCallerVariantKeys.has(key))) return;
+	if ((_state_flatStyleStaticConfig_styledContextKeys = state.flatStyleStaticConfig.styledContextKeys) === null || _state_flatStyleStaticConfig_styledContextKeys === void 0 ? void 0 : _state_flatStyleStaticConfig_styledContextKeys.has(key)) {
+		var _state, _state1;
+		((_state = state).overriddenContextProps || (_state.overriddenContextProps = {}))[key] = ((_state1 = state).originalContextPropValues || (_state1.originalContextPropValues = {}))[key] = original;
+	}
+	var parent = pass[passParentCursor];
+	pass[passParentCursor] = condition;
+	contributeProp(pass, key, value, original, disabled);
+	pass[passParentCursor] = parent;
+}
+function getFontFamilyFromNameOrVariable(input, conf) {
+	if (isVariable(input)) {
+		var val = variableToFontNameCache.get(input);
+		if (val) return val;
+		for (var key in conf.fontsParsed) {
+			var familyVariable = conf.fontsParsed[key].family;
+			if (isVariable(familyVariable)) {
+				variableToFontNameCache.set(familyVariable, key);
+				if (familyVariable === input) return key;
+			}
+		}
+	} else if (typeof input === "string" && input in conf.fontsParsed) return input;
+}
+var variableToFontNameCache = /* @__PURE__ */ new WeakMap();
+
+export { STYLE_TOKEN_PROVENANCE_KEY, emitVariantStyle, getFontFamilyFromNameOrVariable, getSplitStyles, getStyleStaticConfig, getStyleTokenProvenance, isValidStyleKey, styleOriginalValues, walkConditionalValue };
 //# sourceMappingURL=getSplitStyles.native.js.map