@tamagui/web 2.7.7 → 3.0.0-beta.1093.1

package/dist/cjs/helpers/getSplitStyles.cjs

@@ -1,952 +1,1656 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var getSplitStyles_exports = {};
 __export(getSplitStyles_exports, {
-  PROP_SPLIT: () => PROP_SPLIT,
-  STYLE_TOKEN_PROVENANCE_KEY: () => import_styleProvenance2.STYLE_TOKEN_PROVENANCE_KEY,
-  getSplitStyles: () => getSplitStyles,
-  getStyleTokenProvenance: () => import_styleProvenance2.getStyleTokenProvenance,
-  getSubStyle: () => getSubStyle,
-  styleOriginalValues: () => import_styleOriginalValues.styleOriginalValues,
-  useSplitStyles: () => useSplitStyles
+	STYLE_TOKEN_PROVENANCE_KEY: () => import_styleProvenance2.STYLE_TOKEN_PROVENANCE_KEY,
+	emitVariantStyle: () => emitVariantStyle,
+	getFontFamilyFromNameOrVariable: () => getFontFamilyFromNameOrVariable,
+	getSplitStyles: () => getSplitStyles,
+	getStyleStaticConfig: () => import_styleStaticConfig.getStyleStaticConfig,
+	getStyleTokenProvenance: () => import_styleProvenance2.getStyleTokenProvenance,
+	isValidStyleKey: () => isValidStyleKey,
+	styleOriginalValues: () => import_styleOriginalValues.styleOriginalValues,
+	walkConditionalValue: () => walkConditionalValue
 });
 module.exports = __toCommonJS(getSplitStyles_exports);
+var import_transitionResolver = require("@tamagui/animation-helpers/transitionResolver");
 var import_constants = require("@tamagui/constants");
 var import_helpers = require("@tamagui/helpers");
-var import_react = __toESM(require("react"), 1);
+var import_runtime = require("@tamagui/style-grammar/runtime");
 var import_config = require("../config.cjs");
 var import_isDevTools = require("../constants/isDevTools.cjs");
-var import_useMedia = require("../hooks/useMedia.cjs");
-var import_mediaState = require("./mediaState.cjs");
-var import_createMediaStyle = require("./createMediaStyle.cjs");
-var import_expandStyles = require("./expandStyles.cjs");
+var import_defaultComponentState = require("../defaultComponentState.cjs");
+var import_createVariable = require("../createVariable.cjs");
+var import_types = require("../types.cjs");
 var import_getCSSStylesAtomic = require("./getCSSStylesAtomic.cjs");
-var import_getDefaultProps = require("./getDefaultProps.cjs");
+require("./expandStyle.cjs");
+var import_borderComponents = require("./borderComponents.cjs");
+require("./expandStyles.cjs");
+var import_grammarConfig = require("./grammarConfig.cjs");
+var import_mediaState = require("./mediaState.cjs");
+var import_styleStaticConfig = require("./styleStaticConfig.cjs");
+var import_styleFrontend = require("./styleFrontend.cjs");
+require("./nativeStyleEngine.cjs");
+var import_warnOnce = require("./warnOnce.cjs");
 require("./getDynamicVal.cjs");
-var import_getGroupPropParts = require("./getGroupPropParts.cjs");
+var import_styledDynamic = require("./styledDynamic.cjs");
 var import_insertStyleRule = require("./insertStyleRule.cjs");
-var import_isActivePlatform = require("./isActivePlatform.cjs");
-var import_isActiveTheme = require("./isActiveTheme.cjs");
 var import_log = require("./log.cjs");
+var import_normalizeColor = require("./normalizeColor.cjs");
 var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.cjs");
-var import_propMapper = require("./propMapper.cjs");
-var import_pseudoDescriptors = require("./pseudoDescriptors.cjs");
+require("./parseNativeStyle.native.cjs");
+require("./parseNativeTransform.native.cjs");
+require("./resolveNativeUnits.cjs");
+var import_resolveVariableValue = require("./resolveVariableValue.cjs");
 var import_skipProps = require("./skipProps.cjs");
-var import_sortString = require("./sortString.cjs");
 var import_styleOriginalValues = require("./styleOriginalValues.cjs");
 var import_styleProvenance = require("./styleProvenance.cjs");
+var import_themeRef = require("./themeRef.cjs");
 var import_transformsToString = require("./transformsToString.cjs");
+var import_style = require("../style.cjs");
 var import_styleProvenance2 = require("./styleProvenance.cjs");
+__reExport(getSplitStyles_exports, require("./tokenCategories.cjs"), module.exports);
 const shouldTrackStyleTokenProvenance = process.env.NODE_ENV === "development" && process.env.TAMAGUI_ENABLE_STYLE_TOKEN_PROVENANCE === "1";
-let conf;
-const PROP_SPLIT = "-";
-function normalizeGroupKey(key, groupContext) {
-  const parts = key.split("-");
-  const plen = parts.length;
-  if (plen === 2 || plen === 3 && import_pseudoDescriptors.pseudoPriorities[parts[parts.length - 1]]) {
-    const 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) {
-  return false;
-}
-const getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, componentContext, groupContext, elementType, startedUnhydrated, debug, animationDriver) => {
-  conf = conf || (0, import_config.getConfig)();
-  const driver = animationDriver || componentContext?.animationDriver || conf.animations;
-  if (props.passThrough) return null;
-  if (import_constants.isWeb && styleProps.isAnimated && driver?.isReactNative && !styleProps.noNormalize) styleProps.noNormalize = "values";
-  const {
-    shorthands
-  } = conf;
-  const {
-    isHOC,
-    isText,
-    isInput,
-    variants,
-    isReactNative,
-    inlineProps,
-    inlineWhenUnflattened,
-    parentStaticConfig,
-    acceptsClassName
-  } = staticConfig;
-  const viewProps = {};
-  const mediaState = styleProps.mediaState || import_mediaState.mediaState;
-  const shouldDoClasses = acceptsClassName && import_constants.isWeb && !styleProps.noClass;
-  const rulesToInsert = {};
-  const classNames = {};
-  props.space;
-  let pseudos = null;
-  let hasMedia = false;
-  let dynamicThemeAccess;
-  let pseudoGroups;
-  let mediaGroups;
-  let className = props.className || "";
-  let mediaStylesSeen = 0;
-  const validStyles = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles);
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-setup`;
-  const styleState = {
-    classNames,
-    conf,
-    props,
-    styleProps,
-    componentState,
-    staticConfig,
-    style: null,
-    theme,
-    usedKeys: {},
-    viewProps,
-    context: componentContext,
-    debug,
-    animationDriver: driver
-  };
-  if (process.env.IS_STATIC === "is_static") {
-    const {
-      fallbackProps
-    } = styleProps;
-    if (fallbackProps) styleState.props = new Proxy(props, {
-      get(_, key, val) {
-        if (!Reflect.has(props, key)) return Reflect.get(fallbackProps, key);
-        return Reflect.get(props, key);
-      }
-    });
-  }
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
-  if (process.env.NODE_ENV === "development" && debug === "verbose" && import_constants.isClient) {
-    if (import_isDevTools.isDevTools) {
-      console.groupCollapsed("🔹 getSplitStyles 👇");
-      (0, import_log.log)({
-        props,
-        staticConfig,
-        shouldDoClasses,
-        styleProps,
-        rulesToInsert,
-        componentState,
-        styleState,
-        theme: {
-          ...theme
-        }
-      });
-    }
-  }
-  const {
-    asChild
-  } = props;
-  const {
-    accept
-  } = staticConfig;
-  const {
-    noSkip,
-    disableExpandShorthands,
-    noExpand,
-    styledContext
-  } = styleProps;
-  const {
-    webContainerType
-  } = conf.settings;
-  const parentVariants = parentStaticConfig?.variants;
-  for (const keyOg in props) {
-    let keyInit = keyOg;
-    let valInit = props[keyInit];
-    if (keyInit === "children") {
-      viewProps[keyInit] = valInit;
-      continue;
-    }
-    if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`before-prop-${keyInit}`;
-    if (process.env.NODE_ENV === "test" && keyInit === "jestAnimatedStyle") continue;
-    if (accept) {
-      const accepted = accept[keyInit];
-      if ((accepted === "style" || accepted === "textStyle") && valInit && typeof valInit === "object") {
-        viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClass);
-        continue;
-      }
-    }
-    if (!disableExpandShorthands) {
-      if (keyInit in shorthands) keyInit = shorthands[keyInit];
-    }
-    if (keyInit === "className") continue;
-    if (asChild) {
-      const defaults = (0, import_getDefaultProps.getDefaultProps)(staticConfig);
-      if (defaults) {
-        const defaultVal = defaults[keyOg] ?? defaults[keyInit];
-        if (defaultVal !== void 0 && valInit === defaultVal) continue;
-      }
-    }
-    if (keyInit in import_skipProps.skipProps && !noSkip && !isHOC) {
-      if (keyInit === "group") {
-        const identifier = `t_group_${valInit}`;
-        addStyleToInsertRules(rulesToInsert, ["container", void 0, identifier, void 0, [`.${identifier} { container-name: ${valInit}; container-type: ${webContainerType || "inline-size"}; }`]]);
-      }
-      if (keyInit === "transition" && typeof valInit === "string") {
-        const animationConfig = driver?.animations?.[valInit];
-        if (animationConfig && driver?.outputStyle === "css" && process.env.IS_STATIC === "is_static") valInit = `all ${animationConfig}`;else if (animationConfig) continue;
-      } else continue;
-    }
-    let isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles, accept);
-    if (staticConfig.isReactNative && keyInit.startsWith("data-")) {
-      keyInit = keyInit.replace("data-", "");
-      viewProps["dataSet"] ||= {};
-      viewProps["dataSet"][keyInit] = valInit;
-      continue;
-    }
-    if (!noExpand) {
-      if (keyInit === "disabled" && valInit === true) {
-        viewProps["aria-disabled"] = true;
-        if (isInput || elementType === "button" || elementType === "form" || elementType === "input" || elementType === "select" || elementType === "textarea") viewProps.disabled = true;
-        if (!variants?.disabled) continue;
-      }
-      if (keyInit === "testID") {
-        if (isReactNative) viewProps.testID = valInit;else {
-          viewProps["data-testid"] = valInit;
-          if (styleProps.isAnimated && driver?.isReactNative) viewProps.testID = valInit;
-        }
-        continue;
-      }
-      if (keyInit === "id") {
-        viewProps.id = valInit;
-        continue;
-      }
-    }
-    let isVariant = !isValidStyleKeyInit && variants && keyInit in variants;
-    const isStyleLikeKey = isValidStyleKeyInit || isVariant;
-    let isPseudo = keyInit in import_helpers.validPseudoKeys;
-    let isMedia = !isStyleLikeKey && !isPseudo ? (0, import_useMedia.getMediaKey)(keyInit) : false;
-    let isMediaOrPseudo = Boolean(isMedia || isPseudo);
-    if (isMediaOrPseudo && isMedia === "group") keyInit = normalizeGroupKey(keyInit, groupContext);
-    const isStyleProp = isValidStyleKeyInit || isMediaOrPseudo || isVariant && !noExpand;
-    if (shouldSkipNativeHoverProp(keyInit, isMedia)) continue;
-    if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web")) continue;
-    const shouldPassProp = !isStyleProp && isHOC || isHOC && parentVariants && keyInit in parentVariants || inlineProps?.has(keyInit);
-    const parentVariant = parentVariants?.[keyInit];
-    const isHOCShouldPassThrough = Boolean(isHOC && (isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in import_skipProps.skipProps));
-    const shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
-    if (process.env.NODE_ENV === "development" && debug === "verbose") {
-      console.groupCollapsed(`  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`);
-      (0, import_log.log)({
-        isVariant,
-        valInit,
-        shouldPassProp
-      });
-      if (import_constants.isClient) (0, import_log.log)({
-        variants,
-        variant: 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) continue;
-    }
-    if (!noSkip) {
-      if (keyInit in import_skipProps.skipProps && !(keyInit === "transition" && typeof valInit === "string" && !driver?.animations?.[valInit])) {
-        if (process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
-        continue;
-      }
-    }
-    if (isText || isInput) {
-      if (valInit && (keyInit === "fontFamily" || keyInit === shorthands["fontFamily"]) && valInit in conf.fontsParsed) styleState.fontFamily = valInit;
-    }
-    const disablePropMap = isMediaOrPseudo || !isStyleLikeKey;
-    (0, import_propMapper.propMapper)(keyInit, valInit, styleState, disablePropMap, (key, val, originalVal) => {
-      const isStyledContextProp = styledContext && key in styledContext;
-      if (!isHOC && disablePropMap && !isStyledContextProp && !isMediaOrPseudo) {
-        viewProps[key] = val;
-        return;
-      }
-      if (process.env.NODE_ENV === "development" && debug === "verbose") {
-        console.groupCollapsed("  💠 expanded", keyInit, "=>", key);
-        (0, import_log.log)(val);
-        console.groupEnd();
-      }
-      if (val == null) return;
-      if (!isHOC && isValidStyleKey(key, validStyles, accept) || false) {
-        mergeStyle(styleState, key, val, 1, false, originalVal);
-        return;
-      }
-      isPseudo = key in import_helpers.validPseudoKeys;
-      isMedia = isPseudo ? false : (0, import_useMedia.getMediaKey)(key);
-      isMediaOrPseudo = Boolean(isMedia || isPseudo);
-      isVariant = variants && key in variants;
-      if (isMedia === "group") key = normalizeGroupKey(key, groupContext);
-      if (shouldSkipNativeHoverProp(key, isMedia)) return;
-      if (inlineProps?.has(key) || process.env.IS_STATIC === "is_static" && inlineWhenUnflattened?.has(key)) viewProps[key] = props[key] ?? val;
-      if (styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || parentStaticConfig?.variants?.[keyInit])) {
-        passDownProp(viewProps, key, val, isMediaOrPseudo);
-        if (process.env.NODE_ENV === "development" && debug === "verbose") {
-          console.groupCollapsed(` - passing down prop ${key}`);
-          (0, import_log.log)({
-            val,
-            after: {
-              ...viewProps[key]
-            }
-          });
-          console.groupEnd();
-        }
-        return;
-      }
-      if (isPseudo) {
-        if (!val) return;
-        const pseudoStyleObject = getSubStyle(styleState, key, val, styleProps.noClass && !(process.env.IS_STATIC === "is_static"));
-        if (!shouldDoClasses || process.env.IS_STATIC === "is_static") {
-          pseudos ||= {};
-          pseudos[key] ||= {};
-          if (process.env.IS_STATIC === "is_static") {
-            Object.assign(pseudos[key], pseudoStyleObject);
-            return;
-          }
-        }
-        const descriptor = import_pseudoDescriptors.pseudoDescriptors[key];
-        const isEnter = key === "enterStyle";
-        const isExit = key === "exitStyle";
-        if (!descriptor) return;
-        if (shouldDoClasses && !isExit) {
-          const pseudoStyles = (0, import_getCSSStylesAtomic.getStyleAtomic)(pseudoStyleObject, descriptor);
-          if (process.env.NODE_ENV === "development" && debug === "verbose") console.info("pseudo:", key, pseudoStyleObject, pseudoStyles);
-          for (const psuedoStyle of pseudoStyles) {
-            const fullKey = `${psuedoStyle[import_helpers.StyleObjectProperty]}${PROP_SPLIT}${descriptor.name}`;
-            addStyleToInsertRules(rulesToInsert, psuedoStyle);
-            classNames[fullKey] = psuedoStyle[import_helpers.StyleObjectIdentifier];
-          }
-        }
-        if (!shouldDoClasses || isExit || isEnter) {
-          let 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", key, {
-              isDisabled
-            });
-            (0, import_log.log)({
-              pseudoStyleObject,
-              isDisabled,
-              descriptor,
-              componentState
-            });
-            console.groupEnd();
-          }
-          const importance = descriptor.priority;
-          const pseudoOriginalValues = import_styleOriginalValues.styleOriginalValues.get(pseudoStyleObject);
-          for (const pkey in pseudoStyleObject) {
-            const val2 = pseudoStyleObject[pkey];
-            if (isDisabled) applyDefaultStyle(pkey, styleState);else {
-              const curImportance = styleState.usedKeys[pkey] || 0;
-              const shouldMerge = importance >= curImportance;
-              if (shouldMerge) {
-                if (process.env.IS_STATIC === "is_static") {
-                  pseudos ||= {};
-                  pseudos[key] ||= {};
-                  pseudos[key][pkey] = val2;
-                }
-                mergeStyle(styleState, pkey, val2, importance, false, pseudoOriginalValues?.[pkey]);
-              }
-              if (process.env.NODE_ENV === "development" && debug === "verbose") (0, import_log.log)("    subKey", pkey, shouldMerge, {
-                importance,
-                curImportance,
-                pkey,
-                val: val2
-              });
-            }
-          }
-          if (!isDisabled) for (const key2 in val) {
-            const k = shorthands[key2] || key2;
-            styleState.usedKeys[k] = Math.max(importance, styleState.usedKeys[k] || 0);
-          }
-        }
-        return;
-      }
-      if (isMedia) {
-        if (!val) return;
-        const mediaKeyShort = key.slice(isMedia == "theme" ? 7 : 1);
-        hasMedia ||= true;
-        if (val["space"] || !shouldDoClasses || styleProps.willBeAnimated) {
-          if (!hasMedia || typeof hasMedia === "boolean") hasMedia = /* @__PURE__ */new Set();
-          hasMedia.add(mediaKeyShort);
-        }
-        if (isMedia === "platform") {
-          if (!(0, import_isActivePlatform.isActivePlatform)(key)) return;
-        }
-        if (process.env.NODE_ENV === "development" && debug === "verbose") (0, import_log.log)(`  \u{1F4FA} ${key}`, {
-          key,
-          val,
-          props,
-          shouldDoClasses,
-          acceptsClassName,
-          componentState,
-          mediaState
-        });
-        const priority = mediaStylesSeen;
-        mediaStylesSeen += 1;
-        if (process.env.IS_STATIC === "is_static" && isMedia === true) {
-          const mediaStyle = getSubStyle(styleState, key, val, true);
-          styleState.style ||= {};
-          const existing = styleState.style[key];
-          styleState.style[key] = existing ? Object.assign(existing, mediaStyle) : mediaStyle;
-          return;
-        }
-        if (shouldDoClasses) {
-          const mediaStyle = getSubStyle(styleState, key, val, false);
-          const mediaStyles = (0, import_getCSSStylesAtomic.getCSSStylesAtomic)(mediaStyle);
-          for (const style of mediaStyles) {
-            const property = style[import_helpers.StyleObjectProperty];
-            const isSubStyle = property[0] === "$";
-            if (isSubStyle && !(0, import_isActivePlatform.isActivePlatform)(property)) continue;
-            const out = (0, import_createMediaStyle.createMediaStyle)(style, mediaKeyShort, import_mediaState.mediaQueryConfig, isMedia, false, priority);
-            if (process.env.NODE_ENV === "development" && debug === "verbose") (0, import_log.log)(`\u{1F4FA} media style:`, out);
-            const subKey = isSubStyle ? style[2] : "";
-            const fullKey = `${style[import_helpers.StyleObjectProperty]}${subKey}${PROP_SPLIT}${mediaKeyShort}${style[import_helpers.StyleObjectPseudo] || ""}`;
-            addStyleToInsertRules(rulesToInsert, out);
-            classNames[fullKey] = out[import_helpers.StyleObjectIdentifier];
-          }
-        } else {
-          let mergeMediaStyle = function (key2, val2, originalVal2) {
-            styleState.style ||= {};
-            if (mergeMediaByImportance(styleState, mediaKeyShort, key2, val2, mediaState[mediaKeyShort], importanceBump, debug, originalVal2) && key2 === "fontFamily") styleState.fontFamily = mediaStyle.fontFamily;
-          };
-          const isThemeMedia = isMedia === "theme";
-          const isGroupMedia = isMedia === "group";
-          const isPlatformMedia = isMedia === "platform";
-          if (!isThemeMedia && !isPlatformMedia && !isGroupMedia) {
-            if (!mediaState[mediaKeyShort]) {
-              if (process.env.NODE_ENV === "development" && debug === "verbose") (0, import_log.log)(`  \u{1F4FA} \u274C DISABLED ${mediaKeyShort}`);
-              return;
-            }
-            if (process.env.NODE_ENV === "development" && debug === "verbose") (0, import_log.log)(`  \u{1F4FA} \u2705 ENABLED ${mediaKeyShort}`);
-          }
-          const mediaStyle = getSubStyle(styleState, key, val, true);
-          let importanceBump = 0;
-          if (isThemeMedia) {
-            dynamicThemeAccess = true;
-            if (!(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort))) return;
-          } else if (isGroupMedia) {
-            const groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort);
-            const groupName = groupInfo.name;
-            const groupState = groupContext?.[groupName]?.state;
-            const groupPseudoKey = groupInfo.pseudo;
-            const groupMediaKey = groupInfo.media;
-            if (!groupState) {
-              if (process.env.NODE_ENV === "development" && debug) (0, import_log.log)(`No parent with group prop, skipping styles: ${groupName}`);
-              pseudoGroups ||= /* @__PURE__ */new Set();
-              return;
-            }
-            const componentGroupState = componentState.group?.[groupName];
-            if (groupMediaKey) {
-              mediaGroups ||= /* @__PURE__ */new Set();
-              mediaGroups.add(groupMediaKey);
-              const mediaState2 = componentGroupState?.media;
-              let isActive = mediaState2?.[groupMediaKey];
-              if (!mediaState2 && groupState.layout) isActive = (0, import_useMedia.mediaKeyMatch)(groupMediaKey, groupState.layout);
-              if (process.env.NODE_ENV === "development" && debug === "verbose") (0, import_log.log)(` \u{1F3D8}\uFE0F GROUP media ${groupMediaKey} active? ${isActive}`, {
-                ...mediaState2,
-                usedKeys: {
-                  ...styleState.usedKeys
-                }
-              });
-              if (!isActive) {
-                for (const pkey in mediaStyle) applyDefaultStyle(pkey, styleState);
-                return;
-              }
-              importanceBump = 2;
-            }
-            if (groupPseudoKey) {
-              pseudoGroups ||= /* @__PURE__ */new Set();
-              pseudoGroups.add(groupName);
-              const componentGroupPseudoState = (componentGroupState || groupContext?.[groupName].state)?.pseudo;
-              const isActive = componentGroupPseudoState?.[groupPseudoKey];
-              const priority2 = import_pseudoDescriptors.pseudoPriorities[groupPseudoKey];
-              if (process.env.NODE_ENV === "development" && debug === "verbose") (0, import_log.log)(` \u{1F3D8}\uFE0F GROUP pseudo ${groupMediaKey} active? ${isActive}, priority ${priority2}`, {
-                componentGroupPseudoState: {
-                  ...componentGroupPseudoState
-                },
-                usedKeys: {
-                  ...styleState.usedKeys
-                }
-              });
-              if (!isActive) {
-                for (const pkey in mediaStyle) applyDefaultStyle(pkey, styleState);
-                return;
-              }
-              importanceBump = priority2;
-            }
-          } else if (isPlatformMedia) importanceBump = (0, import_isActivePlatform.getPlatformSpecificityBump)(mediaKeyShort);
-          const mediaOriginalValues = import_styleOriginalValues.styleOriginalValues.get(mediaStyle);
-          if (isGroupMedia && mediaStyle.transition) {
-            styleState.pseudoTransitions ||= {};
-            styleState.pseudoTransitions[`$${mediaKeyShort}`] = mediaStyle.transition;
-          }
-          for (const subKey in mediaStyle) {
-            if (subKey === "space") continue;
-            if (subKey[0] === "$") {
-              const subMediaType = (0, import_useMedia.getMediaKey)(subKey);
-              if (subMediaType === "platform") {
-                if (!(0, import_isActivePlatform.isActivePlatform)(subKey)) continue;
-              } else if (subMediaType === "theme") {
-                if (!(0, import_isActiveTheme.isActiveTheme)(subKey, themeName)) continue;
-              } else if (subMediaType === true) {
-                if (!mediaState[subKey.slice(1)]) continue;
-              }
-              const nestedVal = mediaStyle[subKey];
-              const subOriginalValues = import_styleOriginalValues.styleOriginalValues.get(nestedVal);
-              const outerBase = !!mediaState[mediaKeyShort] ? (0, import_useMedia.getMediaKeyImportance)(mediaKeyShort) : import_pseudoDescriptors.defaultMediaImportance;
-              let innerBase;
-              if (subMediaType === "platform") innerBase = import_pseudoDescriptors.defaultMediaImportance + (0, import_isActivePlatform.getPlatformSpecificityBump)(subKey.slice(1));else if (subMediaType === true) innerBase = (0, import_useMedia.getMediaKeyImportance)(subKey.slice(1));else innerBase = import_pseudoDescriptors.defaultMediaImportance;
-              const nestedImportance = outerBase + importanceBump + innerBase + 1;
-              for (const subSubKey in nestedVal) {
-                const expandedKey = shorthands[subSubKey] || subSubKey;
-                const {
-                  usedKeys
-                } = styleState;
-                if (usedKeys[expandedKey] && usedKeys[expandedKey] > nestedImportance) continue;
-                styleState.style ||= {};
-                mergeStyle(styleState, expandedKey, nestedVal[subSubKey], nestedImportance, false, subOriginalValues?.[subSubKey]);
-                if (expandedKey === "fontFamily") styleState.fontFamily = nestedVal[subSubKey];
-              }
-            } else mergeMediaStyle(subKey, mediaStyle[subKey], mediaOriginalValues?.[subKey]);
-          }
-        }
-        return;
-      }
-      if (!isVariant) {
-        if (isStyledContextProp) return;
-        viewProps[key] = val;
-      }
-    });
-    if (process.env.NODE_ENV === "development" && debug === "verbose") {
-      try {
-        (0, import_log.log)(` \u2714\uFE0F expand complete`, keyInit);
-        (0, import_log.log)("style", {
-          ...styleState.style
-        });
-        (0, import_log.log)("viewProps", {
-          ...viewProps
-        });
-        (0, import_log.log)("transforms", {
-          ...styleState.flatTransforms
-        });
-      } catch {}
-      console.groupEnd();
-    }
-  }
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-propsend`;
-  if (!(styleProps.noNormalize === false)) {
-    if (styleState.style) {
-      (0, import_expandStyles.fixStyles)(styleState.style);
-      if (!styleProps.noExpand && !styleProps.noMergeStyle) {
-        if (import_constants.isWeb && (isReactNative ? driver?.inputStyle !== "css" : true)) (0, import_getCSSStylesAtomic.styleToCSS)(styleState.style);
-      }
-    }
-    if (styleState.flatTransforms) {
-      styleState.style ||= {};
-      mergeFlatTransforms(styleState.style, styleState.flatTransforms);
-    }
-    if (parentSplitStyles) {
-      if (shouldDoClasses) for (const key in parentSplitStyles.classNames) {
-        const val = parentSplitStyles.classNames[key];
-        if (styleState.style && key in styleState.style || key in classNames) continue;
-        classNames[key] = val;
-      }
-      if (!shouldDoClasses) for (const key in parentSplitStyles.style) {
-        if (key in classNames || styleState.style && key in styleState.style) continue;
-        styleState.style ||= {};
-        styleState.style[key] = parentSplitStyles.style[key];
-      }
-    }
-  }
-  if (!styleProps.noNormalize && !staticConfig.isReactNative && !staticConfig.isHOC && (!styleProps.isAnimated || driver?.inputStyle === "css") && Array.isArray(styleState.style?.transform)) styleState.style.transform = (0, import_transformsToString.transformsToString)(styleState.style.transform);
-  if (!styleProps.noMergeStyle && styleState.style && shouldDoClasses) {
-    let retainedStyles;
-    let shouldRetain = false;
-    if (styleState.style["$$css"]) {} else {
-      const atomic = (0, import_getCSSStylesAtomic.getCSSStylesAtomic)(styleState.style);
-      for (const atomicStyle of atomic) {
-        const [key, value, identifier] = atomicStyle;
-        const isAnimatedAndTransitionOnly = styleProps.isAnimated && styleProps.noClass && props.animateOnly?.includes(key);
-        const nonAnimatedTransitionOnly = !isAnimatedAndTransitionOnly && !styleProps.isAnimated && import_constants.isClient && driver?.outputStyle === "css" && props.animateOnly?.includes(key);
-        if (isAnimatedAndTransitionOnly) {
-          retainedStyles ||= {};
-          retainedStyles[key] = styleState.style[key];
-        } else if (nonAnimatedTransitionOnly) {
-          retainedStyles ||= {};
-          retainedStyles[key] = value;
-          shouldRetain = true;
-        } else {
-          addStyleToInsertRules(rulesToInsert, atomicStyle);
-          classNames[key] = identifier;
-        }
-      }
-      if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
-        console.groupCollapsed(`\u{1F539} getSplitStyles final style object`);
-        console.info(styleState.style);
-        console.info(`retainedStyles`, retainedStyles);
-        console.groupEnd();
-      }
-      if (shouldRetain || !(process.env.IS_STATIC === "is_static")) styleState.style = retainedStyles || {};
-    }
-  }
-  if (!styleProps.noMergeStyle && styleState.style && !shouldDoClasses && styleProps.isAnimated && !driver?.isReactNative) {
-    if (!styleState.style["$$css"]) {
-      const toConvert = {};
-      let hasProps = false;
-      props.animateOnly;
-      for (const key in styleState.style) if (key in import_helpers.nonAnimatableStyleProps) {
-        toConvert[key] = styleState.style[key];
-        delete styleState.style[key];
-        hasProps = true;
-      }
-      if (hasProps) {
-        const atomic = (0, import_getCSSStylesAtomic.getCSSStylesAtomic)(toConvert);
-        for (const atomicStyle of atomic) {
-          addStyleToInsertRules(rulesToInsert, atomicStyle);
-          classNames[atomicStyle[import_helpers.StyleObjectProperty]] = atomicStyle[import_helpers.StyleObjectIdentifier];
-        }
-      }
-    }
-  }
-  const styleProp = props.style;
-  if (!styleProps.noMergeStyle && styleProp) if (isHOC) viewProps.style = normalizeStyle(styleProp);else {
-    const isArray = Array.isArray(styleProp);
-    const len = isArray ? styleProp.length : 1;
-    for (let i = 0; i < len; i++) {
-      const style = isArray ? styleProp[i] : styleProp;
-      if (style) if (style["$$css"]) Object.assign(styleState.classNames, style);else {
-        styleState.style ||= {};
-        const normalized = normalizeStyle(style);
-        Object.assign(styleState.style, normalized);
-        if (shouldTrackStyleTokenProvenance) {
-          const styleOriginals = import_styleOriginalValues.styleOriginalValues.get(normalized);
-          for (const k in normalized) recordStyleTokenProvenance(styleState, k, styleOriginals?.[k]);
-        }
-      }
-    }
-  }
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-pre-result`;
-  if (shouldTrackStyleTokenProvenance && styleState.style && styleState.tokenProvenance) {
-    const provenance = {};
-    let hasProvenance = false;
-    for (const key in styleState.tokenProvenance) {
-      provenance[key] = {
-        token: styleState.tokenProvenance[key],
-        theme: themeName
-      };
-      hasProvenance = true;
-    }
-    if (hasProvenance) (0, import_styleProvenance.setStyleTokenProvenance)(styleState.style, provenance);
-  }
-  const result = {
-    hasMedia,
-    fontFamily: styleState.fontFamily,
-    viewProps,
-    style: styleState.style,
-    pseudos,
-    classNames,
-    rulesToInsert,
-    dynamicThemeAccess,
-    pseudoGroups,
-    mediaGroups,
-    overriddenContextProps: styleState.overriddenContextProps,
-    pseudoTransitions: styleState.pseudoTransitions
-  };
-  const asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
-  if (!styleProps.noMergeStyle) {
-    if (!asChildExceptStyleLike) {
-      const style = styleState.style;
-      {
-        let fontFamily = isText || isInput ? styleState.fontFamily : null;
-        if (fontFamily && fontFamily[0] === "$") fontFamily = fontFamily.slice(1);
-        const fontFamilyClassName = fontFamily ? `font_${fontFamily}` : "";
-        const groupClassName = props.group ? `t_group_${props.group}` : "";
-        const componentNameFinal = props.componentName || staticConfig.componentName;
-        const componentNameClassName = props.asChild || !componentNameFinal || componentNameFinal === "Text" ? "" : `is_${componentNameFinal}`;
-        let classList = [];
-        if (componentNameClassName) classList.push(componentNameClassName);
-        if (!isText) classList.push("is_View");else classList.push("is_Text");
-        if (fontFamilyClassName) classList.push(fontFamilyClassName);
-        if (classNames) classList.push(Object.values(classNames).join(" "));
-        if (groupClassName) classList.push(groupClassName);
-        if (props.className) classList.push(props.className);
-        const finalClassName = classList.join(" ");
-        const needsCssStyles = isReactNative || styleProps.isAnimated && driver?.isReactNative;
-        if (styleProps.isAnimated && driver?.inputStyle === "css") {
-          viewProps.className = finalClassName;
-          if (style) viewProps.style = style;
-        } else if (needsCssStyles) {
-          let cnStyles;
-          for (const name of finalClassName.split(" ")) {
-            cnStyles ||= {
-              $$css: true
-            };
-            cnStyles[name] = name;
-          }
-          viewProps.style = cnStyles ? [...(Array.isArray(style) ? style : [style]), cnStyles] : [style];
-        } else {
-          if (finalClassName) viewProps.className = finalClassName;
-          if (style) viewProps.style = style;
-        }
-      }
-    }
-  }
-  if (process.env.NODE_ENV === "development" && debug === "verbose") {
-    if (import_constants.isClient && import_isDevTools.isDevTools) {
-      console.groupEnd();
-      console.groupCollapsed("🔹 getSplitStyles ===>");
-      try {
-        const logs = {
-          ...result,
-          className,
-          componentState,
-          viewProps,
-          rulesToInsert,
-          parentSplitStyles
-        };
-        for (const key in logs) (0, import_log.log)(key, logs[key]);
-      } catch {}
-      console.groupEnd();
-    }
-  }
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-done`;
-  return result;
-};
-function mergeFlatTransforms(target, flatTransforms) {
-  Object.entries(flatTransforms).sort(([a], [b]) => (0, import_sortString.sortString)(a, b)).forEach(([key, val]) => {
-    mergeTransform(target, key, val, true);
-  });
-}
-function mergeStyle(styleState, key, val, importance, disableNormalize = false, originalVal) {
-  const {
-    viewProps,
-    styleProps,
-    staticConfig,
-    usedKeys
-  } = styleState;
-  if ((usedKeys[key] || 0) > importance) return;
-  const contextProps = staticConfig.context?.props || staticConfig.parentStaticConfig?.context?.props;
-  if (contextProps && key in contextProps) {
-    styleState.overriddenContextProps ||= {};
-    const originalFromState = styleState.originalContextPropValues?.[key];
-    styleState.overriddenContextProps[key] = originalVal ?? originalFromState ?? val;
-  }
-  if (key in import_helpers.stylePropsTransform) {
-    styleState.flatTransforms ||= {};
-    usedKeys[key] = importance;
-    styleState.flatTransforms[key] = val;
-  } else {
-    const out = import_constants.isWeb && !disableNormalize && !styleProps.noNormalize ? (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key) : val;
-    if (staticConfig.accept && key in staticConfig.accept) viewProps[key] = out;else {
-      styleState.style ||= {};
-      usedKeys[key] = importance;
-      styleState.style[key] = key === "transform" && Array.isArray(out) ? [...out] : out;
-      if (shouldTrackStyleTokenProvenance) recordStyleTokenProvenance(styleState, key, originalVal);
-    }
-  }
+const conditionValue = 0;
+const conditionPlatform = 1;
+const conditionKey = 2;
+const conditionSelector = 3;
+const conditionTheme = 4;
+const conditionWrappers = 5;
+const conditionAtoms = 6;
+const conditionRanks = 7;
+const conditionResolvedFlag = 16;
+const 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 recordStyleTokenProvenance(styleState, key, originalVal) {
-  if (typeof originalVal === "string" && originalVal[0] === "$") (styleState.tokenProvenance ||= {})[key] = originalVal;else if (styleState.tokenProvenance && key in styleState.tokenProvenance) delete styleState.tokenProvenance[key];
-}
-const getSubStyle = (styleState, subKey, styleIn, avoidMergeTransform) => {
-  const {
-    staticConfig,
-    conf: conf2,
-    styleProps
-  } = styleState;
-  const styleOut = {};
-  let originalValues;
-  const styleInOriginalValues = import_styleOriginalValues.styleOriginalValues.get(styleIn);
-  const parentProps = styleState.props;
-  styleState.props = {
-    ...parentProps,
-    ...styleIn
-  };
-  try {
-    for (let key in styleIn) {
-      const val = styleIn[key];
-      key = conf2.shorthands[key] || key;
-      if (key === "transition") {
-        styleState.pseudoTransitions ||= {};
-        styleState.pseudoTransitions[subKey] = val;
-        const driver = styleState.animationDriver;
-        if (driver?.outputStyle === "css") {
-          const animationConfig = driver.animations?.[val];
-          if (animationConfig) styleOut["transition"] = `all ${animationConfig}${subKey[0] === "$" ? " !important" : ""}`;
-        }
-        if (!styleOut["transition"] && typeof val === "string" && !driver?.animations?.[val]) styleOut["transition"] = val;
-        continue;
-      }
-      if (!staticConfig.isHOC && key in import_skipProps.skipProps && !styleProps.noSkip) continue;
-      (0, import_propMapper.propMapper)(key, val, styleState, false, (skey, sval, originalVal) => {
-        const trackedOriginalVal = styleInOriginalValues?.[skey] ?? originalVal;
-        if (trackedOriginalVal !== void 0) {
-          originalValues ||= {};
-          originalValues[skey] = trackedOriginalVal;
-        }
-        if (skey in import_helpers.validPseudoKeys) sval = getSubStyle(styleState, skey, sval, avoidMergeTransform);
-        if (!avoidMergeTransform && skey in import_helpers.stylePropsTransform) mergeTransform(styleOut, skey, sval);else styleOut[skey] = styleProps.noNormalize ? sval : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(sval, key);
-      });
-    }
-  } finally {
-    styleState.props = parentProps;
-  }
-  if (!avoidMergeTransform) {
-    const parentTransform = styleState.style?.transform;
-    const flatTransforms = styleState.flatTransforms;
-    const styleOutTransform = styleOut.transform;
-    if (Array.isArray(styleOutTransform) && styleOutTransform.length) {
-      const len = styleOutTransform.length;
-      if (Array.isArray(parentTransform)) {
-        const merged = [];
-        outer: for (let i = 0; i < parentTransform.length; i++) {
-          const pt = parentTransform[i];
-          for (const pk in pt) {
-            for (let j = 0; j < len; j++) for (const sk in styleOutTransform[j]) {
-              if (pk === sk) continue outer;
-              break;
-            }
-            merged.push(pt);
-            break;
-          }
-        }
-        for (let i = 0; i < len; i++) merged.push(styleOutTransform[i]);
-        styleOut.transform = merged;
-      }
-      if (flatTransforms) outer: for (const fk in flatTransforms) {
-        const ck = fk === "x" ? "translateX" : fk === "y" ? "translateY" : fk;
-        for (let j = 0; j < len; j++) for (const sk in styleOutTransform[j]) {
-          if (ck === sk) continue outer;
-          break;
-        }
-        mergeTransform(styleOut, fk, flatTransforms[fk]);
-      }
-    } else if (flatTransforms) mergeFlatTransforms(styleOut, flatTransforms);
-  }
-  if (!styleProps.noNormalize) (0, import_expandStyles.fixStyles)(styleOut);
-  if (originalValues && Object.keys(originalValues).length) import_styleOriginalValues.styleOriginalValues.set(styleOut, originalValues);
-  return styleOut;
+function setConditionUnresolved(condition, name = "") {
+	condition[conditionValue] &= ~conditionResolvedFlag;
+	if (process.env.NODE_ENV !== "production") condition.problem ||= name;
+}
+function appendConditionWrapper(condition, wrapper) {
+	const wrappers = condition[conditionWrappers];
+	if (!wrappers.includes(wrapper)) wrappers.push(wrapper);
+}
+function resolveConditionModifier(state, condition, authored) {
+	const modifier = (0, import_grammarConfig.getConfigRevisionState)(state.conf).resolveCondition(authored);
+	if (!modifier) {
+		setConditionUnresolved(condition, authored);
+		return;
+	}
+	const [name, kind, rank] = modifier;
+	const atoms = condition[conditionAtoms];
+	let atomIndex = 0;
+	while (atomIndex < atoms.length && atoms[atomIndex] < name) atomIndex++;
+	if (atoms[atomIndex] === name) return;
+	for (let 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;
+	}
+	const precedence = kind === 2 ? 1 + Math.min(rank, 63) : kind === 6 ? 65 + Math.min(rank, 63) : kind === 4 ? 129 : kind === 5 ? 161 + rank : 225 + rank;
+	const ranks = condition[conditionRanks];
+	let rankIndex = 0;
+	while (rankIndex < ranks.length && ranks[rankIndex] >= precedence) rankIndex++;
+	for (let index = ranks.length; index > rankIndex; index--) ranks[index] = ranks[index - 1];
+	ranks[rankIndex] = precedence;
+	const buildCSS = import_getCSSStylesAtomic.canGenerateCSS && state.flatShouldDoClasses;
+	if (kind === 2) {
+		const query = modifier[3];
+		if (!query) return setConditionUnresolved(condition, name);
+		if (buildCSS) appendConditionWrapper(condition, `@media ${query}`);
+		if (!state.flatMediaState?.[name]) condition[conditionValue] &= -2;
+		(state.flatMediaKeys ||= /* @__PURE__ */ new Set()).add(name);
+		return;
+	}
+	if (kind === 4) {
+		if (buildCSS) condition[conditionSelector] += `:where(.t_${name}, .t_${name} *)`;
+		if (state.flatThemeName !== name && state.flatThemeName?.startsWith(`${name}_`) !== true) condition[conditionValue] &= -2;
+		return;
+	}
+	if (kind === 6) {
+		const size = modifier[4];
+		const containerName = modifier[5];
+		const groupName = `@${containerName}`;
+		if (buildCSS) {
+			const query = modifier[3];
+			appendConditionWrapper(condition, containerName ? `@container ${containerName} ${query}` : `@container ${query}`);
+		}
+		const component = state.componentState.group?.[groupName];
+		const context = state.flatGroupContext?.[groupName];
+		if (process.env.NODE_ENV === "development" && containerName && !component && !context && state.flatGroupContext?.[containerName]) (0, import_warnOnce.warnOnce)(`group-container:${containerName}`, `@${size}/${containerName}: targets group="${containerName}", but groups no longer establish query containers. Add container="${containerName}" to that group.`);
+		if (!(component?.media?.[size] ?? (context?.state.layout && (0, import_mediaState.mediaKeyMatch)(size, context.state.layout)))) condition[conditionValue] &= -2;
+		(state.flatGroupKeys ||= /* @__PURE__ */ new Set()).add(groupName);
+		(state.flatGroupMedia ||= /* @__PURE__ */ new Set()).add(size);
+		return;
+	}
+	const selector = modifier[3];
+	if (kind === 5) {
+		const groupName = modifier[4];
+		if (buildCSS) condition[conditionSelector] += `:where(.t_group_${groupName}${selector} *)`;
+		const component = state.componentState.group?.[groupName];
+		const context = state.flatGroupContext?.[groupName];
+		if (!(component?.pseudo ?? context?.state.pseudo)?.[modifier[5]]) condition[conditionValue] &= -2;
+		(state.flatGroupKeys ||= /* @__PURE__ */ new Set()).add(groupName);
+	} else {
+		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} *` : ""})`;
+		const component = state.componentState;
+		if (!(rank === 1 ? component.focusWithin : rank === 3 ? component.focusVisible : rank === 4 ? component.press || component.pressIn : rank === 5 ? component.disabled || state.props.disabled : rank === 6 ? component.unmounted : rank === 7 ? state.styleProps.isExiting : component[name])) condition[conditionValue] &= -2;
+		if (selector[0] === ":") (state.flatStateKeys ||= /* @__PURE__ */ new Set()).add(name);
+	}
+	if (rank === 0 && buildCSS) appendConditionWrapper(condition, "@media (hover: hover)");
+}
+function resolveConditionText(state, condition, text) {
+	let start = 0;
+	for (let 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(":");
+	const ranks = condition[conditionRanks];
+	const 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;
+	}
+	let precedence = condition[conditionPlatform] * 6 + depth;
+	for (let index = 0; index < 5; index++) precedence = precedence * 256 + (ranks[index] || 0);
+	const value = precedence * 256 + condition[conditionValue];
+	condition[conditionValue] = value;
+	return value;
+}
+function conditionFromKey(state, key, parent) {
+	if (!key) return createCondition(parent);
+	if (!parent) {
+		const direct = state;
+		let cache = direct.flatConditions;
+		if (cache === void 0 || direct.flatConditionsClassed !== state.flatShouldDoClasses) {
+			cache = direct.flatConditions = /* @__PURE__ */ new Map();
+			direct.flatConditionsClassed = state.flatShouldDoClasses;
+		}
+		const known = cache.get(key);
+		if (known !== void 0) return known;
+		const resolved = createCondition(null);
+		resolveConditionText(state, resolved, key);
+		commitCondition(resolved);
+		cache.set(key, resolved);
+		return resolved;
+	}
+	const condition = createCondition(parent);
+	resolveConditionText(state, condition, key);
+	commitCondition(condition);
+	return condition;
+}
+function classifyConditionalObject(value, state, isChain, firstCondition) {
+	if ("default" in value) return -1;
+	for (const key in value) {
+		if (!key.length) return 0;
+		if (!state) return isChain?.(key) ? 1 : 0;
+		const condition = firstCondition || createCondition();
+		resolveConditionText(state, condition, key);
+		return commitCondition(condition);
+	}
+	return 0;
+}
+const passClassName = 20;
+const passShouldDoClasses = 21;
+const passContainerValue = 22;
+const passContainerName = 23;
+const passContainerType = 24;
+const passFrontendGroup = 25;
+const passFrontendContainer = 26;
+const passFrontendContainerType = 27;
+const passSourceLayer = 28;
+const passParentCursor = 29;
+const passMapSourceKey = 30;
+const passFlags = 13;
+const sourceLayerBase = 0;
+const sourceLayerVariant = 1;
+const sourceLayerResolver = 2;
+const sourceLayerProps = 3;
+const sourceLayerStyle = 4;
+const passNoSkipFlag = 1;
+const passDisableShorthandsFlag = 2;
+const passNoExpandFlag = 4;
+const passNoMergeFlag = 8;
+const passHocFlag = 16;
+const passTextFlag = 32;
+const passInputFlag = 64;
+const passAsChildStyleFlag = 128;
+function isValidStyleKey(key, validStyles) {
+	return key in validStyles;
+}
+function effectiveLifecycleKeys(keys) {
+	if (!keys) return;
+	const out = /* @__PURE__ */ new Set();
+	for (const key of keys) out.add(key === "--t-x" || key === "--t-y" ? "translate" : key === "--t-scale-x" || key === "--t-scale-y" ? "scale" : key);
+	return out;
+}
+function contributeProp(pass, keyOg, valOg, originalOg = valOg, disabled = false) {
+	const [styleState, conf, props, viewProps, , validStyles, neverSkipProps, variants, inlineProps, parentVariants, styleFrontend, styledContext, styledContextKeys, flags, debug, , defaultProps, driverAnimations, driverOutputStyle, elementType] = pass;
+	const noSkip = Boolean(flags & passNoSkipFlag);
+	const disableExpandShorthands = Boolean(flags & passDisableShorthandsFlag);
+	const noExpand = Boolean(flags & passNoExpandFlag);
+	const noMergeStyle = Boolean(flags & passNoMergeFlag);
+	const isHOC = Boolean(flags & passHocFlag);
+	const isText = Boolean(flags & passTextFlag);
+	const isInput = Boolean(flags & passInputFlag);
+	const shorthands = conf.shorthands;
+	const shouldSkipDirectProps = !noSkip && !isHOC;
+	const shouldCheckSkipProps = !noSkip;
+	const asChildExceptStyleLike = Boolean(flags & passAsChildStyleFlag);
+	const isTextOrInput = isText || isInput;
+	const hocParentVariants = isHOC ? parentVariants : void 0;
+	let keyInit = keyOg;
+	let valInit = valOg;
+	if (keyInit === "children") {
+		viewProps[keyInit] = valInit;
+		return;
+	}
+	if (keyInit === "ref") 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]) {
+			if (typeof valInit === "string") pass[passClassName] = `${pass[passClassName]} ${valInit}`.trim();
+			return;
+		}
+		if (typeof valInit === "string" && valInit && true) {
+			if (noMergeStyle) {
+				viewProps.className = valInit;
+				return;
+			}
+			const resolveClassName = styleFrontend?.resolveClassName;
+			let composedProps = null;
+			const sink = (entry) => {
+				const property = entry[0];
+				const condition2 = entry[2];
+				if (property.charCodeAt(0) === 95 && property.charCodeAt(1) === 95) {
+					composedProps ||= {};
+					composedProps[property] = (0, import_styleFrontend.mergeFrontendCondition)(composedProps[property], entry[1], condition2);
+					return;
+				}
+				if (condition2 !== void 0) {
+					if (isValidStyleKey(property, validStyles)) contributeValue(styleState, property, entry[1], void 0, false, condition2);
+					else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${property}" is not a valid style on this component; the frontend value is dropped.`);
+					return;
+				}
+				if (property === "group") pass[passFrontendGroup] = entry[1];
+				else if (property === "container") pass[passFrontendContainer] = entry[1];
+				else if (property === "containerType") pass[passFrontendContainerType] = entry[1];
+				contributeProp(pass, property, entry[1]);
+			};
+			let start = 0;
+			for (let index = 0; index <= valInit.length; index++) {
+				if (index !== valInit.length && valInit.charCodeAt(index) > 32) continue;
+				if (index === start) {
+					start = index + 1;
+					continue;
+				}
+				const candidate = valInit.slice(start, index);
+				const preserveRaw = resolveClassName ? resolveClassName(candidate, conf, sink) : true;
+				if (preserveRaw === null) {
+					if (process.env.NODE_ENV === "development") (0, import_warnOnce.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);
+							(0, import_getCSSStylesAtomic.flushDirectStyles)(styleState, true);
+						}
+						pass[passShouldDoClasses] = false;
+						styleState.flatShouldDoClasses = false;
+					}
+				}
+				start = index + 1;
+			}
+			if (composedProps) {
+				const composed = styleFrontend.compose?.(composedProps);
+				for (const property in composed) contributeProp(pass, property, composed[property]);
+			}
+		}
+		return;
+	}
+	if (keyInit === import_skipProps.HOC_CLASSNAME_MARKER) {
+		if (valInit) {
+			const [hocClassNames, hocSlots] = valInit;
+			const direct = styleState;
+			const layers = direct.flatPropertyLayers ||= /* @__PURE__ */ new Map();
+			for (const property in hocClassNames) {
+				if (hocSlots?.has(property)) continue;
+				clearDirectStyle(styleState, property);
+				styleState.classNames[property] = hocClassNames[property];
+				layers.set(property, pass[passSourceLayer]);
+			}
+			if (hocSlots) {
+				const slots = direct.flatSlots ||= /* @__PURE__ */ new Map();
+				for (const [slot, entries] of hocSlots) for (const entry of entries) {
+					if (!ownsSourceLayer(styleState, entry[0], !!entry[2])) continue;
+					writeCapturedStyleRecord(slots, slot, entry, pass[passSourceLayer]);
+				}
+			}
+		}
+		return;
+	}
+	if (keyInit === "style") {
+		if (!valInit) return;
+		if (noMergeStyle) {
+			viewProps.style = valInit;
+			return;
+		}
+		const layerBeforeStyle = pass[passSourceLayer];
+		pass[passSourceLayer] = sourceLayerStyle;
+		const isArray = Array.isArray(valInit);
+		const length = isArray ? valInit.length : 1;
+		for (let index = 0; index < length; index++) {
+			const style = isArray ? valInit[index] : valInit;
+			if (!style) continue;
+			if ((0, import_style.isStylePiece)(style)) {
+				if (styleState.flatShouldDoClasses && applyStylePieceClasses(styleState, style, sourceLayerStyle)) continue;
+				const resolvedPiece = resolveStylePiece(styleState, style);
+				const pieceOriginals = shouldTrackStyleTokenProvenance ? import_styleOriginalValues.styleOriginalValues.get(style[import_types.stylePieceSymbol].styleObject) : void 0;
+				for (const key in resolvedPiece) {
+					if (resolvedPiece[key] == null) continue;
+					contributeValue(styleState, key, resolvedPiece[key], pieceOriginals?.[key]);
+				}
+				continue;
+			}
+			const styleOriginals = shouldTrackStyleTokenProvenance ? import_styleOriginalValues.styleOriginalValues.get(style) : void 0;
+			for (const key in style) {
+				if (style[key] == null) continue;
+				if (key === "containerName") pass[passContainerName] = style[key];
+				else if (key === "containerType") pass[passContainerType] = style[key];
+				contributeValue(styleState, key, style[key], styleOriginals?.[key]);
+			}
+		}
+		pass[passSourceLayer] = layerBeforeStyle;
+		return;
+	}
+	if (defaultProps) {
+		const defaultVal = defaultProps[keyOg] ?? defaultProps[keyInit];
+		if (defaultVal !== void 0 && valInit === defaultVal) return;
+	}
+	if (keyInit in import_skipProps.skipProps && shouldSkipDirectProps && !neverSkipProps?.[keyInit]) {
+		if (keyInit === "container") pass[passContainerValue] = valInit;
+		if (keyInit === "transition" && typeof valInit === "string") {
+			const transitions = (0, import_transitionResolver.getTransitionResolver)();
+			const resolved = transitions?.resolve(valInit, { animations: driverAnimations });
+			if (resolved?.fused) if (driverOutputStyle === "css" && process.env.IS_STATIC === "is_static") valInit = transitions.toCSS(resolved) ?? valInit;
+			else return;
+		} else return;
+	}
+	let isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles);
+	if (keyInit.startsWith("data-")) {
+		viewProps[keyInit] = valInit;
+		return;
+	}
+	if (!noExpand) {
+		if (keyInit === "disabled" && valInit === true) {
+			viewProps["aria-disabled"] = true;
+			if (isInput || elementType === "button" || elementType === "form" || elementType === "input" || elementType === "select" || elementType === "textarea") viewProps.disabled = true;
+			if (!variants?.disabled) return;
+		}
+		if (keyInit === "testID") {
+			viewProps["data-testid"] = valInit;
+			return;
+		}
+		if (keyInit === "id") {
+			viewProps.id = valInit;
+			return;
+		}
+	}
+	if (isValidStyleKeyInit && valInit == null && keyOg in props) {
+		clearDirectStyle(styleState, keyInit);
+		if (styledContextKeys?.has(keyInit)) (styleState.overriddenContextProps ||= {})[keyInit] = valInit;
+		return;
+	}
+	let isVariant = !isValidStyleKeyInit && variants && keyInit in variants;
+	const isStyleProp = isValidStyleKeyInit || isVariant && !noExpand;
+	if (isStyleProp && asChildExceptStyleLike) return;
+	const shouldPassProp = !isStyleProp && isHOC || hocParentVariants && keyInit in hocParentVariants || inlineProps?.has(keyInit);
+	const parentVariant = parentVariants?.[keyInit];
+	const isHOCShouldPassThrough = Boolean(isHOC && (parentVariant || keyInit in import_skipProps.skipProps));
+	const shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
+	if (process.env.NODE_ENV === "development" && debug === "verbose") {
+		console.groupCollapsed(`  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`);
+		(0, import_log.log)({
+			isVariant,
+			valInit,
+			shouldPassProp
+		});
+		if (import_constants.isClient) (0, import_log.log)({
+			variants,
+			variant: 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 (shouldCheckSkipProps && !neverSkipProps?.[keyInit]) {
+		if (keyInit in import_skipProps.skipProps && !(keyInit === "transition" && typeof valInit === "string" && !(0, import_transitionResolver.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 && !(variants && keyInit in variants) && !(styledContextKeys?.has(keyInit) || styledContext && keyInit in styledContext)) {
+		contributeValue(styleState, keyInit, valInit, originalOg);
+		return;
+	}
+	if (variants && keyInit in variants && !noExpand && !disabled) {
+		const previousLayer = pass[passSourceLayer];
+		pass[passSourceLayer] = previousLayer ? sourceLayerVariant : sourceLayerBase;
+		pass[passMapSourceKey] = keyInit;
+		const variantConfig = styleState.flatStyleStaticConfig;
+		variantConfig.variantStyleResolver?.(styleState, variantConfig.variants, keyInit, valInit, keyInit, pass[passParentCursor]);
+		pass[passSourceLayer] = previousLayer;
+		return;
+	}
+	const isStyledContextProp = !isHOC && (styledContextKeys?.has(keyInit) || styledContext && keyInit in styledContext);
+	if (isStyledContextProp) {
+		(styleState.overriddenContextProps ||= {})[keyInit] = originalOg;
+		(styleState.originalContextPropValues ||= {})[keyInit] = originalOg;
+	}
+	const isHostStyleKey = isValidStyleKeyInit || false;
+	if (isHostStyleKey || isStyledContextProp) {
+		contributeValue(styleState, keyInit, valInit, originalOg, !isHostStyleKey);
+		return;
+	}
+	const condition = pass[passParentCursor];
+	if (condition) {
+		if (isHOC) {
+			const previous = viewProps[keyInit];
+			const 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 import_helpers.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 {
+			(0, import_log.log)(` \u2714\uFE0F expand complete`, keyInit);
+			(0, import_log.log)("style", { ...styleState.style });
+			(0, import_log.log)("viewProps", { ...viewProps });
+			(0, import_log.log)("transforms", styleState.transformAccumulator);
+		} catch {}
+		console.groupEnd();
+	}
+}
+const getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, componentContext, groupContext, elementType, startedUnhydrated, debug, animationDriver, styleStaticConfig) => {
+	const conf = (0, import_config.getConfig)();
+	styleStaticConfig ||= (0, import_styleStaticConfig.getStyleStaticConfig)(staticConfig, conf);
+	const driver = animationDriver || componentContext?.animationDriver || conf.animations;
+	const driverAnimations = driver?.animations;
+	const driverInputStyle = driver?.inputStyle;
+	const driverOutputStyle = driver?.outputStyle;
+	const resolvedDriver = driver?.isStub ? null : driver;
+	if (props.passThrough) return null;
+	const { shorthands } = conf;
+	const { isHOC, isText, isInput, inlineProps, parentStaticConfig, acceptsClassName } = staticConfig;
+	const variants = styleStaticConfig.variants;
+	const viewProps = {};
+	const mediaState = styleProps.mediaState || import_mediaState.mediaState;
+	let shouldDoClasses = !process.env.TAMAGUI_DID_OUTPUT_CSS && acceptsClassName && !styleProps.noClass;
+	const rulesToInsert = {};
+	const classNames = {};
+	let hasMedia = false;
+	let pseudoGroups;
+	let mediaGroups;
+	const staticPassthroughClassName = styleStaticConfig.passthroughClassName || "";
+	let className = staticPassthroughClassName;
+	if (staticPassthroughClassName) shouldDoClasses = false;
+	const validStyles = staticConfig.validStyles || (staticConfig.isInput ? import_helpers.stylePropsInput : staticConfig.isText ? import_helpers.stylePropsText : import_helpers.validStyles);
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-setup`;
+	const styleState = {
+		classNames,
+		conf,
+		props,
+		styleProps,
+		componentState,
+		staticConfig,
+		style: null,
+		theme,
+		viewProps,
+		context: componentContext,
+		debug,
+		flatRulesToInsert: rulesToInsert,
+		flatShouldDoClasses: shouldDoClasses,
+		flatThemeName: themeName,
+		flatMediaState: mediaState,
+		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" && import_constants.isClient) {
+		if (import_isDevTools.isDevTools) {
+			console.groupCollapsed("🔹 getSplitStyles 👇");
+			(0, import_log.log)({
+				props,
+				staticConfig,
+				shouldDoClasses,
+				styleProps,
+				rulesToInsert,
+				componentState,
+				styleState,
+				theme: { ...theme }
+			});
+		}
+	}
+	const { asChild } = props;
+	const { neverSkipProps } = staticConfig;
+	const { noSkip, disableExpandShorthands, noExpand, noClass, noMergeStyle, noNormalize, isAnimated, styledContext } = styleProps;
+	const styledContextKeys = styleStaticConfig.styledContextKeys;
+	const styleFrontend = staticConfig.styleFrontend;
+	let frontendGroup;
+	let frontendContainer;
+	let frontendContainerType;
+	const processedProps = props;
+	const parentVariants = parentStaticConfig ? (0, import_styleStaticConfig.getStyleStaticConfig)(parentStaticConfig, conf).variants : void 0;
+	const defaultProps = asChild ? styleStaticConfig.defaultProps : void 0;
+	const asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
+	let containerValue;
+	let containerName;
+	let containerType;
+	containerName = processedProps.containerName;
+	containerType = processedProps.containerType;
+	const pass = [
+		styleState,
+		conf,
+		props,
+		viewProps,
+		staticConfig,
+		validStyles,
+		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;
+	let conditionalStates = null;
+	let usesSafeArea = false;
+	const baseStyle = styleStaticConfig.baseStyle;
+	const baseVariantProps = styleStaticConfig.baseVariantProps;
+	const appliesBaseStyle = baseStyle && !processedProps.asChild;
+	pass[passSourceLayer] = sourceLayerBase;
+	let appliedBaseStylePieces;
+	if (appliesBaseStyle && baseVariantProps) {
+		let callerKeys;
+		for (const key in baseVariantProps) if (Object.hasOwn(processedProps, key) && processedProps[key] !== baseVariantProps[key]) (callerKeys ||= /* @__PURE__ */ new Set()).add(key);
+		styleState.flatCallerVariantKeys = callerKeys;
+	}
+	if (appliesBaseStyle) for (const key in baseStyle) {
+		const baseValue = baseVariantProps && Object.hasOwn(baseVariantProps, key) && Object.hasOwn(processedProps, key) ? processedProps[key] : baseStyle[key];
+		const expandedKey = shorthands[key] || key;
+		if ((isText || isInput) && baseValue && expandedKey === "fontFamily" && baseValue in conf.fontsParsed) styleState.fontFamily = baseValue;
+		const piece = styleStaticConfig.baseStylePieces?.[key];
+		if (piece && styleState.flatShouldDoClasses) {
+			if (!appliedBaseStylePieces?.has(piece)) {
+				if (applyStylePieceClasses(styleState, piece, sourceLayerBase)) (appliedBaseStylePieces ||= /* @__PURE__ */ new Set()).add(piece);
+			}
+			if (appliedBaseStylePieces?.has(piece)) continue;
+		}
+		contributeProp(pass, key, baseValue);
+	}
+	pass[passSourceLayer] = sourceLayerProps;
+	for (const key in processedProps) {
+		if (appliesBaseStyle && baseVariantProps && Object.hasOwn(baseVariantProps, key)) continue;
+		contributeProp(pass, key, processedProps[key]);
+	}
+	const resolvers = staticConfig.resolvers;
+	if (resolvers && !noExpand) {
+		const prevSourceLayer = pass[passSourceLayer];
+		pass[passSourceLayer] = sourceLayerResolver;
+		const flagsBefore = pass[passFlags];
+		pass[passFlags] = flagsBefore | passNoExpandFlag;
+		const env = (0, import_styledDynamic.getDynamicEnv)(styleState);
+		for (let index = 0; index < resolvers.length; index++) {
+			const resolved = resolvers[index](processedProps, env);
+			if (resolved) for (const key in resolved) {
+				if (resolved[key] == null) continue;
+				contributeProp(pass, key, resolved[key]);
+			}
+		}
+		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 (containerValue) {
+		containerName ??= typeof containerValue === "string" ? containerValue : void 0;
+		containerType ??= "inline-size";
+		contributeValue(styleState, containerName ? "container" : "containerType", containerName ? `${containerName} / ${containerType}` : containerType);
+	}
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-propsend`;
+	conditionalStates = styleState.flatStateKeys || null;
+	usesSafeArea = !!styleState.flatUsesSafeArea;
+	hasMedia = styleState.flatMediaKeys?.size ? styleState.flatMediaKeys : false;
+	pseudoGroups = styleState.flatGroupKeys?.size ? styleState.flatGroupKeys : void 0;
+	mediaGroups = styleState.flatGroupMedia?.size ? styleState.flatGroupMedia : void 0;
+	if (styleProps.canPlatformPseudo && styleState.flatHasPlatformPseudo) {
+		shouldDoClasses = false;
+		styleState.flatShouldDoClasses = false;
+		if (styleState.transformAccumulator) {
+			mergeStyle(styleState, "transform", (0, import_runtime.finalizeTransformAccumulator)(styleState.transformAccumulator), true);
+			styleState.transformAccumulator = void 0;
+		}
+	}
+	if (styleProps.stylePieceEntries) {
+		const slots = styleState.flatSlots;
+		if (slots) for (const [slot, entries] of slots) styleProps.stylePieceEntries[slot] = entries;
+	}
+	completeResolvedStyles(styleState);
+	if (styleState.flatGroupKeys?.size) pseudoGroups = styleState.flatGroupKeys;
+	if (styleState.flatGroupMedia?.size) mediaGroups = styleState.flatGroupMedia;
+	if (styleProps.isStatic) for (const property in classNames) {
+		const identifier = classNames[property];
+		if (rulesToInsert[identifier]) continue;
+		const rules = (0, import_insertStyleRule.getRulesForIdentifier)(identifier);
+		if (rules) rulesToInsert[identifier] = [
+			property,
+			"",
+			identifier,
+			void 0,
+			rules
+		];
+	}
+	const effectiveTransition = styleState.style?.transition;
+	if (effectiveTransition != null && styleState.style && driverOutputStyle !== "css") delete styleState.style.transition;
+	if (!(noNormalize === false)) {
+		if (styleState.transformAccumulator && !styleState.flatShouldDoClasses) {
+			styleState.style ||= {};
+			styleState.style.transform = (0, import_runtime.finalizeTransformAccumulator)(styleState.transformAccumulator);
+		}
+		if (parentSplitStyles) {
+			if (shouldDoClasses) for (const key in parentSplitStyles.classNames) {
+				const val = parentSplitStyles.classNames[key];
+				if (styleState.style && key in styleState.style || key in classNames) continue;
+				classNames[key] = val;
+			}
+			if (!shouldDoClasses) for (const key in parentSplitStyles.style) {
+				if (key in classNames || styleState.style && key in styleState.style) continue;
+				styleState.style ||= {};
+				styleState.style[key] = parentSplitStyles.style[key];
+			}
+		}
+	}
+	if (!noNormalize && !isHOC && (!isAnimated || driverInputStyle === "css") && Array.isArray(styleState.style?.transform)) styleState.style.transform = (0, import_transformsToString.transformsToString)(styleState.style.transform);
+	(0, import_getCSSStylesAtomic.flushDirectStyles)(styleState);
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-pre-result`;
+	if (shouldTrackStyleTokenProvenance && styleState.style && styleState.tokenProvenance) {
+		const provenance = {};
+		let hasProvenance = false;
+		for (const key in styleState.tokenProvenance) {
+			provenance[key] = {
+				token: styleState.tokenProvenance[key],
+				theme: themeName
+			};
+			hasProvenance = true;
+		}
+		if (hasProvenance) (0, import_styleProvenance.setStyleTokenProvenance)(styleState.style, provenance);
+	}
+	const 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) {
+			const style = styleState.style;
+			{
+				const fontFamily = isText || isInput ? styleState.fontFamily : null;
+				const fontFamilyClassName = fontFamily ? `font_${fontFamily}` : "";
+				const group = props.group ?? frontendGroup;
+				const groupClassName = group ? `t_group_${group}` : "";
+				let finalClassName = isText ? "is_Text" : "is_View";
+				if (fontFamilyClassName) finalClassName += ` ${fontFamilyClassName}`;
+				let hasPropertyClassNames = false;
+				if (classNames) for (const key in classNames) {
+					hasPropertyClassNames = true;
+					if (!isHOC) finalClassName += ` ${classNames[key]}`;
+				}
+				if (groupClassName) finalClassName += ` ${groupClassName}`;
+				if (className) finalClassName += ` ${className}`;
+				if (isHOC && hasPropertyClassNames) viewProps[import_skipProps.HOC_CLASSNAME_MARKER] = [classNames, styleState.flatCapturedSlots];
+				if (finalClassName) viewProps.className = finalClassName;
+				if (style) viewProps.style = style;
+			}
+		}
+	}
+	if (process.env.NODE_ENV === "development" && debug === "verbose") {
+		if (import_constants.isClient && import_isDevTools.isDevTools) {
+			console.groupEnd();
+			console.groupCollapsed("🔹 getSplitStyles ===>");
+			try {
+				const logs = {
+					...props.__tamaguiStyleDebugReceipt && { receipt: props.__tamaguiStyleDebugReceipt },
+					...result,
+					className,
+					componentState,
+					viewProps,
+					rulesToInsert,
+					parentSplitStyles
+				};
+				for (const key in logs) (0, import_log.log)(key, logs[key]);
+			} catch {}
+			console.groupEnd();
+		}
+	}
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-done`;
+	return result;
 };
-const useInsertEffectCompat = import_constants.isWeb ? import_react.default.useInsertionEffect || import_constants.useIsomorphicLayoutEffect : () => {};
-const useSplitStyles = (a, b, c, d, e, f, g, h, i, j, k, l, m) => {
-  "use no memo";
-
-  const res = getSplitStyles(a, b, c, d, e, f, g, h, i, j, k, l, m);
-  useInsertEffectCompat(() => {
-    if (res) (0, import_insertStyleRule.insertStyleRules)(res.rulesToInsert);
-  }, [res?.rulesToInsert]);
-  return res;
+const stylePieceStaticConfig = {
+	acceptsClassName: true,
+	isText: true,
+	validStyles: import_helpers.stylePropsAll
 };
-function addStyleToInsertRules(rulesToInsert, styleObject) {
-  {
-    const identifier = styleObject[import_helpers.StyleObjectIdentifier];
-    if ((0, import_insertStyleRule.shouldInsertStyleRules)(identifier)) {
-      (0, import_insertStyleRule.updateRules)(identifier, styleObject[import_helpers.StyleObjectRules]);
-      rulesToInsert[identifier] = styleObject;
-    }
-  }
-}
-const defaultColor = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)";
-const animatableDefaults = {
-  ...Object.fromEntries(Object.entries(import_helpers.tokenCategories.color).map(([k, v]) => [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
+const compiledStylePieces = /* @__PURE__ */ new WeakMap();
+const compileStylePieceRuntime = (piece, layer) => {
+	const conf = (0, import_config.getConfigMaybe)();
+	if (!conf) return;
+	const themeName = Object.keys(conf.themes)[0] || "";
+	const theme = conf.themes[themeName] || {};
+	const definition = piece[import_types.stylePieceSymbol].styleObject;
+	const isBase = layer === "base";
+	const slots = {};
+	const split = getSplitStyles(isBase ? {} : { style: definition }, isBase ? {
+		...stylePieceStaticConfig,
+		baseStyle: definition,
+		disableBaseStylePiece: true
+	} : stylePieceStaticConfig, theme, themeName, import_defaultComponentState.defaultComponentStateMounted, {
+		isAnimated: false,
+		resolveValues: "variable",
+		stylePieceEntries: slots
+	});
+	if (!split) return;
+	const directClassNames = {};
+	for (const key in split.classNames) if (!(key in slots)) directClassNames[key] = split.classNames[key];
+	compiledStylePieces.set(piece, {
+		slots,
+		directClassNames,
+		programStates: split.programStates,
+		mediaKeys: split.hasMedia instanceof Set ? split.hasMedia : void 0,
+		pseudoGroups: split.pseudoGroups,
+		mediaGroups: split.mediaGroups,
+		dynamicThemeAccess: split.dynamicThemeAccess
+	});
+	const byKey = piece[import_types.stylePieceSymbol].byKey;
+	let className = "";
+	for (const key in split.classNames) {
+		const identifier = split.classNames[key];
+		byKey[key] = identifier;
+		className = className ? `${className} ${identifier}` : identifier;
+	}
+	piece.className = className;
+	if (import_constants.isClient) (0, import_insertStyleRule.insertStyleRules)(split.rulesToInsert);
 };
-const mergeTransform = (obj, key, val, backwards = false) => {
-  if (typeof obj.transform === "string") return;
-  obj.transform ||= [];
-  obj.transform[backwards ? "unshift" : "push"]({
-    [mapTransformKeys[key] || key]: val
-  });
+(0, import_style.setStylePieceCompiler)(compileStylePieceRuntime);
+(0, import_style.setStylePieceResolver)((piece, theme, themeName) => {
+	return getSplitStyles({ style: piece }, stylePieceStaticConfig, theme, themeName, import_defaultComponentState.defaultComponentStateMounted, {
+		isAnimated: false,
+		resolveValues: "value"
+	})?.style || {};
+});
+const resolvedStylePieceCache = /* @__PURE__ */ new WeakMap();
+function resolveStylePiece(styleState, piece) {
+	const definition = piece[import_types.stylePieceSymbol].styleObject;
+	if (!(0, import_style.isStylePieceCacheable)(piece)) return resolveStyleObject(styleState, definition);
+	let themeCache = resolvedStylePieceCache.get(piece);
+	if (!themeCache) {
+		themeCache = /* @__PURE__ */ new WeakMap();
+		resolvedStylePieceCache.set(piece, themeCache);
+	}
+	const theme = styleState.theme;
+	const cached = themeCache.get(theme);
+	if (cached) return cached;
+	const resolved = resolveStyleObject(styleState, definition);
+	themeCache.set(theme, resolved);
+	return resolved;
+}
+function applyStylePieceClasses(styleState, piece, sourceLayer) {
+	let compiled = compiledStylePieces.get(piece);
+	if (!compiled && (0, import_config.getConfigMaybe)()) {
+		compileStylePieceRuntime(piece, "style");
+		compiled = compiledStylePieces.get(piece);
+	}
+	if (compiled) {
+		const direct2 = styleState;
+		const slots = direct2.flatSlots ||= /* @__PURE__ */ new Map();
+		for (const slot in compiled.slots) for (const entry of compiled.slots[slot]) {
+			const property = entry[0];
+			if (!ownsSourceLayer(styleState, property, !!entry[2])) continue;
+			writeCapturedStyleRecord(slots, slot, entry, sourceLayer);
+		}
+		if (compiled.programStates) {
+			const target = styleState.flatStateKeys ||= /* @__PURE__ */ new Set();
+			for (const key of compiled.programStates) target.add(key);
+		}
+		if (compiled.mediaKeys) {
+			const target = styleState.flatMediaKeys ||= /* @__PURE__ */ new Set();
+			for (const key of compiled.mediaKeys) target.add(key);
+		}
+		if (compiled.pseudoGroups) {
+			const target = styleState.flatGroupKeys ||= /* @__PURE__ */ new Set();
+			for (const key of compiled.pseudoGroups) target.add(key);
+		}
+		if (compiled.mediaGroups) {
+			const target = styleState.flatGroupMedia ||= /* @__PURE__ */ new Set();
+			for (const key of compiled.mediaGroups) target.add(key);
+		}
+		if (compiled.dynamicThemeAccess) direct2.flatDynamicThemeAccess = true;
+		for (const property in compiled.directClassNames) styleState.classNames[property] = compiled.directClassNames[property];
+		return true;
+	}
+	const byKey = piece[import_types.stylePieceSymbol].byKey;
+	const direct = styleState;
+	const layers = direct.flatPropertyLayers ||= /* @__PURE__ */ new Map();
+	let applied = false;
+	for (const property in byKey) {
+		const previousLayer = layers.get(property);
+		if (previousLayer !== void 0 && previousLayer > sourceLayer) continue;
+		clearDirectStyle(styleState, property);
+		styleState.classNames[property] = byKey[property];
+		layers.set(property, sourceLayer);
+		const identifier = byKey[property];
+		const fallbackRules = (0, import_insertStyleRule.getRulesForIdentifier)(identifier);
+		const shouldInsert = styleState.styleProps.isStatic || (0, import_insertStyleRule.shouldInsertStyleRules)(identifier);
+		if (fallbackRules && shouldInsert) styleState.flatRulesToInsert[identifier] = [
+			property,
+			"",
+			identifier,
+			void 0,
+			fallbackRules
+		];
+		applied = true;
+	}
+	return applied;
+}
+function writeCapturedStyleRecord(slots, slot, source, sourceLayer) {
+	let list = slots.get(slot);
+	if (!list) slots.set(slot, list = []);
+	const flags = source[7] & 31;
+	const identity = source[3];
+	const condition = source[2];
+	for (let index = 0; index < list.length; index++) {
+		const entry = list[index];
+		const 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;
+		}
+	}
+	const next = [...source];
+	next[7] = flags | sourceLayer << 5;
+	list.push(next);
+}
+function mergeStyle(styleState, key, val, disableNormalize = false, originalVal) {
+	const { viewProps, styleProps, staticConfig } = styleState;
+	if (styleState.flatStyleStaticConfig.styledContextKeys?.has(key)) {
+		styleState.overriddenContextProps ||= {};
+		const originalFromState = styleState.originalContextPropValues?.[key];
+		styleState.overriddenContextProps[key] = originalVal ?? originalFromState ?? val;
+	}
+	if (key === "transform" || key in import_helpers.stylePropsTransform) {
+		styleState.transformAccumulator ||= (0, import_runtime.createTransformAccumulator)();
+		(0, import_runtime.addTransformValue)(styleState.transformAccumulator, key, val);
+	} else {
+		let out = !disableNormalize && !styleProps.noNormalize ? (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key) : val;
+		styleState.style ||= {};
+		styleState.style[key] = out;
+		if (shouldTrackStyleTokenProvenance) recordStyleTokenProvenance(styleState, key, originalVal);
+	}
+}
+function recordStyleTokenProvenance(styleState, key, originalVal) {
+	let tokenName = typeof originalVal === "string" ? originalVal : "";
+	if (tokenName) {
+		const slash = tokenName.lastIndexOf("/");
+		const 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.flatThemeName || ""] || {}) || Object.values(styleState.conf.tokensParsed).some((category) => tokenName in category))) (styleState.tokenProvenance ||= {})[key] = originalVal;
+	else if (styleState.tokenProvenance && key in styleState.tokenProvenance) delete styleState.tokenProvenance[key];
+}
+const resolveStyleObject = (styleState, styleIn) => {
+	const { conf, styleProps } = styleState;
+	const styleOut = {};
+	let originalValues;
+	const styleInOriginalValues = import_styleOriginalValues.styleOriginalValues.get(styleIn);
+	const childState = {
+		...styleState,
+		classNames: {},
+		flatShouldDoClasses: false,
+		props: styleIn,
+		style: styleOut,
+		transformAccumulator: void 0
+	};
+	childState.flatAtomics = void 0;
+	childState.flatSlots = void 0;
+	childState.flatPropertyLayers = void 0;
+	const mergeAccepted = (_state, key, value, disableNormalize, originalValue) => {
+		styleOut[key] = disableNormalize || styleProps.noNormalize ? value : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value, key);
+		const trackedOriginal = styleInOriginalValues?.[key] ?? originalValue;
+		if (trackedOriginal !== void 0) (originalValues ||= {})[key] = trackedOriginal;
+	};
+	for (let key in styleIn) {
+		const value = styleIn[key];
+		key = conf.shorthands[key] || key;
+		if (key in import_skipProps.skipProps || value == null) continue;
+		contributeValue(childState, key, value);
+	}
+	completeResolvedStyles(childState, mergeAccepted);
+	if (childState.transformAccumulator) styleOut.transform = (0, import_runtime.finalizeTransformAccumulator)(childState.transformAccumulator);
+	if (originalValues) import_styleOriginalValues.styleOriginalValues.set(styleOut, originalValues);
+	return styleOut;
 };
-const mapTransformKeys = {
-  x: "translateX",
-  y: "translateY"
+let frameSequence = 0;
+const recordInline = 1;
+const recordNormalize = 2;
+const recordRetract = 4;
+const recordDefault = 8;
+const recordCSS = 16;
+const webRTLRenames = {
+	paddingStart: "paddingInlineStart",
+	paddingEnd: "paddingInlineEnd",
+	marginStart: "marginInlineStart",
+	marginEnd: "marginInlineEnd",
+	borderStartWidth: "borderInlineStartWidth",
+	borderEndWidth: "borderInlineEndWidth",
+	borderStartColor: "borderInlineStartColor",
+	borderEndColor: "borderInlineEndColor",
+	borderStartStyle: "borderInlineStartStyle",
+	borderEndStyle: "borderInlineEndStyle",
+	borderTopStartRadius: "borderStartStartRadius",
+	borderTopEndRadius: "borderStartEndRadius",
+	borderBottomStartRadius: "borderEndStartRadius",
+	borderBottomEndRadius: "borderEndEndRadius",
+	start: "insetInlineStart",
+	end: "insetInlineEnd"
+};
+const webStyleProperties = /* @__PURE__ */ new Map();
+function webStyleProperty(property) {
+	let web = webStyleProperties.get(property);
+	if (web === void 0) {
+		web = webRTLRenames[property] || (property === "writingDirection" ? "direction" : property.endsWith("Horizontal") ? `${property.slice(0, -10)}Inline` : property.endsWith("Vertical") ? `${property.slice(0, -8)}Block` : property);
+		webStyleProperties.set(property, web);
+	}
+	return web;
+}
+const styleSlots = /* @__PURE__ */ new Map();
+function styleSlot(property) {
+	let slot = styleSlots.get(property);
+	if (slot === void 0) styleSlots.set(property, slot = classifyStyleSlot(property));
+	return slot;
+}
+function classifyStyleSlot(property) {
+	return property.startsWith("border") ? property.includes("Radius") ? "borderRadius" : "border" : property.startsWith("margin") ? "margin" : property.startsWith("padding") ? "padding" : property.startsWith("background") ? "background" : property.startsWith("textDecoration") ? "textDecoration" : property.includes("flex") ? "flex" : property.startsWith("transition") ? "transition" : property.startsWith("overflow") ? "overflow" : property === "top" || property === "right" || property === "bottom" || property === "left" || property.startsWith("inset") ? "inset" : property;
+}
+function writeStyleRecord(state, property, value, cursor, original, flags, conditionOverride = -1) {
+	const condition = conditionOverride !== -1 ? conditionOverride : cursor ? cursor[conditionValue] : 0;
+	const identity = cursor ? cursor[conditionKey] : "";
+	const direct = state;
+	const slots = direct.flatSlots ||= /* @__PURE__ */ new Map();
+	const slot = import_getCSSStylesAtomic.canGenerateCSS && (state.flatShouldDoClasses || flags & recordCSS) ? styleSlot(property) : property.startsWith("transition") ? "transition" : property;
+	let list = slots.get(slot);
+	if (!list) slots.set(slot, list = []);
+	for (let index = 0; index < list.length; index++) {
+		const entry = list[index];
+		const 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?.[passSourceLayer] || 0) << 5
+	]);
+}
+function streamWriteInline(state, property, value, cursor, original, normalize = property === "lineHeight", conditionOverride = -1, force = false) {
+	writeStyleRecord(state, property, value, cursor, original, (normalize ? recordNormalize : 0) | (force ? recordInline : 0), conditionOverride);
+}
+function completeResolvedStyles(state, merge = mergeStyle) {
+	const direct = state;
+	const shadow = direct.flatWebShadow;
+	if (shadow && (direct.flatBoxShadowSequence || 0) <= shadow[4]) {
+		const offset = shadow[1] || {
+			width: 0,
+			height: 0
+		};
+		const color = (0, import_normalizeColor.normalizeColor)(shadow[0], shadow[2] ?? 1);
+		if (color) {
+			const 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) {
+		const transform = (0, import_runtime.finalizeTransformAccumulator)(state.transformAccumulator);
+		state.transformAccumulator = void 0;
+		writeStyleRecord(state, "transform", Array.isArray(transform) ? (0, import_transformsToString.transformsToString)(transform) : transform, null, transform, 0);
+	}
+	const slots = direct.flatSlots;
+	if (!slots) return;
+	const capture = state.staticConfig.isHOC ? direct.flatCapturedSlots ||= /* @__PURE__ */ new Map() : void 0;
+	for (const [property, entries] of slots) {
+		let cssEntries;
+		let inlineWinner;
+		let importance = -1;
+		for (let index = 0; index < entries.length; index++) {
+			const entry = entries[index];
+			const flags = entry[7];
+			if (flags & recordCSS || state.flatShouldDoClasses && !(flags & recordInline)) {
+				cssEntries ||= [];
+				const precedence = entry[2] ? Math.floor(entry[2] / 256) : -1;
+				const layer = flags >> 5;
+				let index2 = cssEntries.length;
+				while (index2 > 0) {
+					const before = cssEntries[index2 - 1];
+					const beforeLayer = before[7] >> 5;
+					if (beforeLayer < layer || beforeLayer === layer && (before[2] ? Math.floor(before[2] / 256) : -1) <= precedence) break;
+					index2--;
+				}
+				if (index2 === cssEntries.length) cssEntries.push(entry);
+				else cssEntries.splice(index2, 0, entry);
+			} else if (!entry[2] || entry[2] & 1) {
+				const next = entry[2] ? Math.floor(entry[2] / 256) : 0;
+				if (next >= importance) {
+					importance = next;
+					inlineWinner = entry;
+				}
+			}
+		}
+		if (cssEntries) {
+			(0, import_getCSSStylesAtomic.registerAtomicSlot)(direct, property, cssEntries);
+			if (capture) {
+				for (const entry of cssEntries) entry[7] = entry[7] | recordCSS;
+				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]);
+	}
+	direct.flatSlots = void 0;
+}
+function emitAtParentCondition(state, property, value, originalValue, contextOnly) {
+	const cursor = 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) {
+	const condition = cursor[conditionValue];
+	if (!(condition & conditionResolvedFlag)) {
+		if (warnMode && process.env.NODE_ENV !== "production") (0, import_warnOnce.warnRefusedValue)(property, warnSource, `unknown modifier "${cursor.problem}"`);
+		return 0;
+	}
+	emitValue(state, property, value, cursor, warnMode === 2 ? originalValue : originalValue ?? value, contextOnly);
+	if (condition & 2) {
+		if (condition & 4) state.flatHasEnterStyle = true;
+		if (condition & conditionPlatformPseudoFlag) state.flatHasPlatformPseudo = true;
+	}
+	return condition;
+}
+const formatScanFailure = (failure, source, failureIndex) => 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 \"(\"";
+const warnScanFailure = (property, source, failure, failureIndex) => {
+	if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnRefusedValue)(property, source, formatScanFailure(failure, source, failureIndex));
 };
-function passDownProp(viewProps, key, val, shouldMergeObject = false) {
-  if (shouldMergeObject) {
-    const next = {
-      ...viewProps[key],
-      ...val
-    };
-    delete viewProps[key];
-    viewProps[key] = next;
-  } else viewProps[key] = val;
-}
-function mergeMediaByImportance(styleState, mediaKey, key, value, isSizeMedia, importanceBump, debugProp, originalVal) {
-  const usedKeys = styleState.usedKeys;
-  let importance = (0, import_useMedia.getMediaImportanceIfMoreImportant)(mediaKey, key, styleState, isSizeMedia);
-  if (importanceBump) {
-    const bumpedImportance = import_pseudoDescriptors.defaultMediaImportance + importanceBump;
-    importance = !usedKeys[key] || bumpedImportance > usedKeys[key] ? bumpedImportance : null;
-  }
-  if (process.env.NODE_ENV === "development" && debugProp === "verbose") (0, import_log.log)(`mergeMediaByImportance ${key} importance usedKey ${usedKeys[key]} next ${importance}`);
-  if (importance === null) return false;
-  if (key in import_pseudoDescriptors.pseudoDescriptors) {
-    const descriptor = import_pseudoDescriptors.pseudoDescriptors[key];
-    const descriptorKey = descriptor.stateKey || descriptor.name;
-    if (styleState.componentState[descriptorKey] === false) return false;
-    const pseudoOriginalValues = import_styleOriginalValues.styleOriginalValues.get(value);
-    for (const subKey in value) mergeStyle(styleState, subKey, value[subKey], importance, false, pseudoOriginalValues?.[subKey]);
-  } else mergeStyle(styleState, key, value, importance, false, originalVal);
-  return true;
-}
-function normalizeStyle(style) {
-  const out = {};
-  for (const key in style) {
-    const val = style[key];
-    if (key in import_helpers.stylePropsTransform) mergeTransform(out, key, val);else out[key] = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key);
-  }
-  if (import_constants.isWeb && Array.isArray(out.transform)) out.transform = (0, import_transformsToString.transformsToString)(out.transform);
-  (0, import_expandStyles.fixStyles)(out);
-  return out;
-}
-function applyDefaultStyle(pkey, styleState) {
-  const defaultValues = animatableDefaults[pkey];
-  if (defaultValues != null && !(pkey in styleState.usedKeys) && (!styleState.style || !(pkey in styleState.style))) mergeStyle(styleState, pkey, defaultValues, 1);
-}
+let valueCacheConf;
+let valueCacheRevision = -1;
+let valueCaches = /* @__PURE__ */ new WeakMap();
+let valueCacheEntries = 0;
+const valueCacheRoot = {};
+const parsedSlices = /* @__PURE__ */ new WeakMap();
+function configuredValue(state, property, raw, embedded = false) {
+	const grammar = (0, import_grammarConfig.getConfigRevisionState)(state.conf);
+	let name = raw;
+	let opacity;
+	const slash = raw.lastIndexOf("/");
+	if (slash > 0) {
+		const amount = Number(raw.slice(slash + 1));
+		if (Number.isInteger(amount) && amount >= 0 && amount <= 100) {
+			name = raw.slice(0, slash);
+			opacity = amount;
+		}
+	}
+	const safeArea = grammar.safeAreaVariable(name);
+	if (safeArea !== void 0) {
+		state.flatUsesSafeArea = true;
+		return safeArea;
+	}
+	const fontProperty = property.startsWith("font") || property === "lineHeight" || property === "letterSpacing";
+	const resolveValues = state.styleProps.resolveValues;
+	let byRaw;
+	if (!fontProperty) {
+		const revision = grammar.revision;
+		if (state.conf !== valueCacheConf || revision !== valueCacheRevision) {
+			valueCacheConf = state.conf;
+			valueCacheRevision = revision;
+			valueCaches = /* @__PURE__ */ new WeakMap();
+			valueCacheEntries = 0;
+			state.flatValueScope = void 0;
+		}
+		const direct = state;
+		let scope = direct.flatValueScope;
+		if (scope === void 0) {
+			const themeObject = state.theme && typeof state.theme === "object" ? state.theme : valueCacheRoot;
+			let byScope = valueCaches.get(themeObject);
+			if (!byScope) valueCaches.set(themeObject, byScope = /* @__PURE__ */ new Map());
+			const scopeKey = `${state.flatThemeName || ""}${resolveValues}`;
+			scope = byScope.get(scopeKey);
+			if (!scope) byScope.set(scopeKey, scope = /* @__PURE__ */ new Map());
+			direct.flatValueScope = scope;
+		}
+		let maps = scope.get(property);
+		if (maps === void 0) scope.set(property, maps = { direct: /* @__PURE__ */ new Map() });
+		byRaw = embedded ? maps.embedded ||= /* @__PURE__ */ new Map() : maps.direct;
+		const known = byRaw.get(raw);
+		if (known !== void 0 || byRaw.has(raw)) return known;
+	}
+	let lookupName = name.charCodeAt(0) === 36 ? name.slice(1) : name;
+	let value;
+	let fromTheme = false;
+	if (property === "fontFamily") value = state.conf.fontsParsed[lookupName]?.family;
+	else {
+		const fontKey = property === "fontSize" ? "size" : property === "fontWeight" ? "weight" : property === "lineHeight" || property === "letterSpacing" ? property : "";
+		if (fontKey) value = (state.conf.fontsParsed[state.fontFamily || state.conf.defaultFontToken] || state.conf.fontsParsed[state.conf.defaultFontToken])?.[fontKey]?.[lookupName];
+		else {
+			const category = grammar.tokenCategory(property);
+			const dot = lookupName.indexOf(".");
+			if (dot !== -1) {
+				const prefix = lookupName.slice(0, dot);
+				if (!category || prefix === category || prefix === "color") lookupName = lookupName.slice(dot + 1);
+			}
+			value = category ? state.conf.tokensParsed[category]?.[lookupName] : void 0;
+			if (!value) {
+				const first = lookupName.charCodeAt(0);
+				if (category || !(first >= 48 && first <= 57 || first === 43 || first === 45 || first === 46)) {
+					value = state.theme?.[lookupName] || state.conf.themes?.[state.flatThemeName || ""]?.[lookupName];
+					fromTheme = !!value;
+					if (!value && !category) value = state.conf.tokensParsed.space?.[lookupName] || state.conf.tokensParsed.color?.[lookupName];
+				}
+			}
+		}
+	}
+	if (process.env.NODE_ENV === "development") {
+		const category = grammar.tokenCategory(property);
+		if (category && category !== "color" && state.conf.tokensParsed.color?.[name]) (0, import_warnOnce.warnOnce)(`"${name}" contributes to "color", not "${property}"`);
+	}
+	let out = raw;
+	if ((0, import_createVariable.isVariable)(value)) {
+		out = resolveValues === "except-theme" && fromTheme ? `${import_themeRef.THEME_REF_PREFIX}${lookupName}${opacity !== void 0 ? `/${opacity}` : ""}` : (0, import_resolveVariableValue.resolveVariableValue)(property, value, resolveValues);
+		if (opacity !== void 0) out = `color-mix(in srgb, ${out} ${opacity}%, transparent)`;
+	}
+	if (embedded && out === raw) {
+		const usedSafeArea = state.flatUsesSafeArea;
+		out = grammar.embeddedTokens(raw, (word) => 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, conditional = false) {
+	const direct = state;
+	const layer = direct.flatPass?.[passSourceLayer] || 0;
+	const layers = direct.flatPropertyLayers ||= /* @__PURE__ */ new Map();
+	const 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) {
+	if (!ownsSourceLayer(state, property, cursor !== null)) return;
+	const direct = state;
+	const condition = cursor ? cursor[conditionValue] : 0;
+	if (condition && (!(condition & 2) || !(condition & 1) && !(import_getCSSStylesAtomic.canGenerateCSS && state.flatShouldDoClasses) && true)) return;
+	if (value === false && !condition) {
+		clearDirectStyle(state, property);
+		if (direct.flatStyleStaticConfig?.styledContextKeys?.has(property)) (state.overriddenContextProps ||= {})[property] = false;
+		return;
+	}
+	if (condition & 4) (state.flatEnterKeys ||= /* @__PURE__ */ new Set()).add(property);
+	if (condition & 8) (state.flatExitKeys ||= /* @__PURE__ */ new Set()).add(property);
+	cursor && cursor[conditionTheme];
+	if (contextOnly) {
+		if (!condition || condition & 1) (state.overriddenContextProps ||= {})[property] = originalValue;
+		return;
+	}
+	if (import_getCSSStylesAtomic.canGenerateCSS && state.flatShouldDoClasses && !condition && property === "transform") {
+		if (process.env.NODE_ENV === "development" && state.transformAccumulator) for (const part of (0, import_runtime.getTransformPartKeys)(state.transformAccumulator)) (0, import_warnOnce.warnOnce)(`legacy transform part "${part}" is dropped because "transform" owns the property`);
+		state.transformAccumulator ||= (0, import_runtime.createTransformAccumulator)();
+		(0, import_runtime.addTransformValue)(state.transformAccumulator, property, value);
+		return;
+	}
+	const shouldPromoteAnimatedStyle = import_getCSSStylesAtomic.canGenerateCSS && !condition && !state.flatShouldDoClasses && !state.styleProps.noMergeStyle && state.styleProps.isAnimated && state.animationDriver?.inputStyle === "css" && property in import_helpers.nonAnimatableStyleProps;
+	if (import_getCSSStylesAtomic.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) {
+	const unitValue = numericUnitValue(value, "px", "dp");
+	if (Number.isFinite(unitValue)) return unitValue;
+	const numeric = +value;
+	return Number.isFinite(numeric) ? numeric : value;
+}
+function emitResolved(state, property, raw, cursor, originalValue, contextOnly) {
+	emitProperty(state, property, resolveValue(state, property, raw), cursor, originalValue, contextOnly);
+}
+function resolveValue(state, property, raw) {
+	let value = typeof raw === "string" ? configuredValue(state, property, raw, true) : raw;
+	if (!state.flatShouldDoClasses && typeof value === "string" && value !== "") value = resolveNumericValue(value);
+	return value;
+}
+function shadowUnit(part) {
+	return typeof part === "number" ? `${part}px` : part || "0px";
+}
+function emitWebTextShadow(state, property, value, originalValue, contextOnly) {
+	const shadow = state.flatTextShadow ||= {};
+	shadow[property] = value;
+	const offset = shadow.textShadowOffset || {
+		width: 0,
+		height: 0
+	};
+	if (!shadow.textShadowColor) return;
+	emitProperty(state, "textShadow", `${shadowUnit(offset.width)} ${shadowUnit(offset.height)} ${shadowUnit(shadow.textShadowRadius)} ${shadow.textShadowColor}`, null, originalValue, contextOnly);
+}
+function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
+	const condition = cursor ? cursor[conditionValue] : 0;
+	const grammar = (0, import_grammarConfig.getConfigRevisionState)(state.conf);
+	property = webStyleProperty(property);
+	if (property === "backdropFilter") emitValue(state, "WebkitBackdropFilter", raw, cursor, originalValue, contextOnly);
+	if ((0, import_createVariable.isVariable)(raw)) raw = (0, import_resolveVariableValue.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, property.slice(0, -5) + "Style", "solid", cursor, originalValue, recordDefault);
+	const propertyKind = grammar.propertyKind(property);
+	if (propertyKind >= 7 && typeof raw === "string") {
+		const composite = grammar.compositeValue(property, raw, state, configuredValue);
+		if (composite !== void 0) {
+			emitProperty(state, property, composite, cursor, originalValue, contextOnly);
+			return;
+		}
+	}
+	if (propertyKind === 5) {
+		const value2 = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
+		if (import_getCSSStylesAtomic.canGenerateCSS && state.flatShouldDoClasses && !condition) {
+			state.transformAccumulator ||= (0, import_runtime.createTransformAccumulator)();
+			(0, import_runtime.addTransformValue)(state.transformAccumulator, property, value2);
+		} else if (condition && import_getCSSStylesAtomic.canGenerateCSS && state.flatShouldDoClasses) emitProperty(state, "transform", `${property}(${value2})`, cursor, originalValue, contextOnly);
+		else streamWriteInline(state, property, value2, cursor, originalValue, true);
+		return;
+	}
+	{
+		const webShadowPart = propertyKind < 5 ? propertyKind : 0;
+		if (webShadowPart || propertyKind === 6) {
+			const value2 = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
+			if (state.styleProps.noNormalize !== false) if (webShadowPart) {
+				const shadow = state.flatWebShadow ||= [];
+				shadow[webShadowPart - 1] = value2;
+				shadow[4] = ++frameSequence;
+				shadow[5] = originalValue;
+				shadow[6] = contextOnly;
+			} else emitWebTextShadow(state, property, value2, originalValue, contextOnly);
+			else streamWriteInline(state, property, value2, cursor, originalValue, true, -1, true);
+			return;
+		}
+	}
+	if (property === "transform") {
+		if (import_getCSSStylesAtomic.canGenerateCSS && state.flatShouldDoClasses && Array.isArray(raw)) raw = (0, import_transformsToString.transformsToString)(raw);
+	}
+	if (typeof raw === "string" && property === "background") {
+		const parts = (0, import_borderComponents.splitComponents)(raw);
+		if (parts.length === 1 && !(0, import_borderComponents.startsValueFunction)(parts[0])) {
+			emitResolved(state, "backgroundColor", parts[0], cursor, originalValue, contextOnly);
+			return;
+		}
+	}
+	if (property === "x" || property === "y" || property === "scale" || property === "scaleX" || property === "scaleY" || property === "rotate") {
+		let value2 = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
+		if (!state.flatShouldDoClasses && typeof value2 === "string" && !value2.startsWith(import_themeRef.THEME_REF_PREFIX)) {
+			if (property === "rotate" && !Number.isFinite(numericUnitValue(value2, "deg", "rad")) && !(0, import_borderComponents.startsValueFunction)(value2)) {
+				if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`native transform "${property}" cannot represent "${value2}"; dropping it`);
+				if (condition & 1) {
+					(0, import_runtime.removeTransformValue)(state.transformAccumulator, property);
+					writeStyleRecord(state, property, void 0, cursor, void 0, recordRetract);
+				}
+				return;
+			}
+			value2 = resolveNumericValue(value2);
+		}
+		if (!import_getCSSStylesAtomic.canGenerateCSS || !state.flatShouldDoClasses) {
+			emitProperty(state, property, value2, cursor, originalValue, contextOnly);
+			return;
+		}
+		const 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"];
+		for (const target of targets) {
+			let targetValue = value2;
+			if (typeof targetValue === "number") {
+				if (target === "--t-x" || target === "--t-y") targetValue = `${targetValue}px`;
+				else if (target === "rotate") targetValue = `${targetValue}deg`;
+			}
+			emitProperty(state, target, targetValue, cursor, originalValue, contextOnly);
+			if (target === "--t-x" || target === "--t-y") (0, import_getCSSStylesAtomic.addComposition)(state, "translate");
+			else if (target.startsWith("--t-scale")) (0, import_getCSSStylesAtomic.addComposition)(state, "scale");
+		}
+		return;
+	}
+	if (property === "borderRadius" && !state.flatShouldDoClasses && !condition) {
+		if (typeof raw === "string") emitResolved(state, property, raw, cursor, originalValue, contextOnly);
+		else emitProperty(state, property, raw, cursor, originalValue, contextOnly);
+		return;
+	}
+	let value = resolveValue(state, property, raw);
+	if (import_getCSSStylesAtomic.canGenerateCSS && state.flatShouldDoClasses && property === "boxShadow" && !condition) {
+		state.flatBoxShadow = value;
+		state.flatBoxShadowSequence = frameSequence + 1;
+	}
+	if (!state.styleProps.noExpand && property === "flex" && typeof value === "number") {
+		const compat = state.conf.settings.styleCompat;
+		value = value === -1 ? "0 auto" : compat === "legacy" ? `${value} auto` : compat && compat !== "web" ? value > 0 ? `${value} 0 0` : `0 ${-value} auto` : value < 0 ? value : `${value} 0px`;
+	}
+	emitProperty(state, property, value, 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, warnMode = 0, contextOnly = false) {
+	const parentCondition = parent || null;
+	let hasBase = false;
+	let conditions = 0;
+	let lastPayload = "";
+	if (typeof value === "string") {
+		const parsed = (0, import_grammarConfig.getConfigRevisionState)(state.conf).parseFlatValue(value);
+		const [segments, failure, failureIndex] = parsed;
+		let slices = parsedSlices.get(parsed);
+		if (slices === void 0) parsedSlices.set(parsed, slices = []);
+		const chainCount = segments.length / 5 - 1;
+		if (property === "aspectRatio" && chainCount === 1) {
+			const left = Number(value.slice(segments[7], segments[8]));
+			const right = Number(value.slice(segments[5], segments[6]));
+			if (left > 0 && right > 0 && Number.isFinite(left) && Number.isFinite(right)) return false;
+		}
+		for (let index = 0; index < segments.length; index += 5) {
+			const start = segments[index];
+			const end = segments[index + 1];
+			const flags = segments[index + 4];
+			if (!(flags & 1)) continue;
+			if (start === end) continue;
+			if (flags & 2) {
+				const payload = 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);
+		}
+		let lastPayloadStart = 0;
+		for (let index = 0; index < segments.length; index += 5) {
+			const start = segments[index];
+			const end = segments[index + 1];
+			const flags = segments[index + 4];
+			if (flags & 1) continue;
+			if (!(flags & 4) || !(flags & 2)) {
+				if (warnMode) warnScanFailure(property, value, failure, failureIndex);
+				continue;
+			}
+			lastPayloadStart = start;
+			if (start === end) {
+				if (warnMode && process.env.NODE_ENV === "development") (0, import_warnOnce.warnRefusedValue)(property, value, "a conditional clause has no value");
+				continue;
+			}
+			const cursor = conditionFromKey(state, slices[index + 2] ??= value.slice(segments[index + 2], segments[index + 3]), parentCondition);
+			conditions |= cursor[conditionValue];
+			if (cursor[conditionValue] & conditionResolvedFlag || warnMode) emitConditionalValue(state, property, slices[index] ??= value.slice(start, end), cursor, value, sink, warnMode, contextOnly);
+		}
+		if (process.env.NODE_ENV !== "production") lastPayload = value.slice(lastPayloadStart);
+	} else {
+		if (!value || typeof value !== "object" || Array.isArray(value) || (0, import_createVariable.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 (const key in value) {
+			if (key === "default" || value[key] == null) continue;
+			const cursor = conditionFromKey(state, key, parentCondition);
+			conditions |= cursor[conditionValue];
+			if (cursor[conditionValue] & conditionResolvedFlag || warnMode) emitConditionalValue(state, property, value[key], cursor, value[key], sink, warnMode, contextOnly);
+		}
+	}
+	if (warnMode && process.env.NODE_ENV === "development" && typeof value === "string" && !hasBase && conditions && (0, import_grammarConfig.getConfigRevisionState)(state.conf).tokenCategory(property) && (0, import_borderComponents.splitComponents)(lastPayload).length > 1) (0, import_warnOnce.warnOnce)(`${property}="${value}" has multiple values after its first conditional. Write the base value before the first conditional.`);
+	if (warnMode === 1 && (!import_getCSSStylesAtomic.canGenerateCSS || !state.flatShouldDoClasses) && conditions & 12 && !hasBase) {
+		const resting = property === "opacity" || property.startsWith("scale") ? 1 : property === "rotate" ? "0deg" : property === "x" || property === "y" ? 0 : null;
+		if (resting !== null && !state.flatPropertyLayers?.has(property)) emitConditionalValue(state, property, resting, parentCondition, resting, sink, warnMode, contextOnly);
+	}
+	return true;
+}
+function contributeValue(state, property, value, originalValue, contextOnly = false, condition) {
+	if (condition !== void 0) {
+		const parent2 = state.flatPass?.[passParentCursor] || null;
+		let effective;
+		if (typeof condition === "string") effective = conditionFromKey(state, condition, parent2);
+		else if (parent2) {
+			effective = conditionFromKey(state, condition[conditionKey], parent2);
+			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;
+	}
+	const compositeKind = (0, import_grammarConfig.getConfigRevisionState)(state.conf).propertyKind(property);
+	if (compositeKind > 0 && compositeKind < 6 && (typeof value === "string" && value.indexOf(":") !== -1 || value && typeof value === "object" && !Array.isArray(value) && !(0, import_createVariable.isVariable)(value) && classifyConditionalObject(value, state))) {
+		if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`conditional "${property}" needs its composite property; dropping it`);
+		return true;
+	}
+	if (value === "safe") {
+		const expanded = (0, import_grammarConfig.getConfigRevisionState)(state.conf).expandSafeArea(property);
+		if (expanded) {
+			state.flatUsesSafeArea = true;
+			for (const [key, resolved] of expanded) emitAtParentCondition(state, key, resolved, originalValue ?? value, contextOnly);
+			return true;
+		}
+	}
+	if (walkConditionalValue(state, property, value, state.flatPass?.[passParentCursor] || null, null, 1, contextOnly)) return true;
+	if (value != null) {
+		emitAtParentCondition(state, property, value, originalValue ?? value, contextOnly);
+		return true;
+	}
+	return false;
+}
+function clearDirectStyle(state, property) {
+	const direct = state;
+	property = webStyleProperty(property);
+	const propertyKind = (0, import_grammarConfig.getConfigRevisionState)(state.conf).propertyKind(property);
+	const atomicKey = property.startsWith("transition") ? "transition" : propertyKind > 0 && propertyKind < 5 ? "boxShadow" : propertyKind === 6 ? "textShadow" : propertyKind === 5 ? "transform" : property;
+	const slot = styleSlot(atomicKey);
+	direct.flatAtomics?.delete(slot);
+	if (direct.flatSlots) {
+		if (slot !== atomicKey) {
+			const entries = direct.flatSlots.get(slot);
+			if (entries) {
+				for (let 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) {
+	const pass = state.flatPass;
+	if (key !== pass[passMapSourceKey] && state.flatCallerVariantKeys?.has(key)) return;
+	if (state.flatStyleStaticConfig.styledContextKeys?.has(key)) (state.overriddenContextProps ||= {})[key] = (state.originalContextPropValues ||= {})[key] = original;
+	const parent = pass[passParentCursor];
+	pass[passParentCursor] = condition;
+	contributeProp(pass, key, value, original, disabled);
+	pass[passParentCursor] = parent;
+}
+function getFontFamilyFromNameOrVariable(input, conf) {
+	if ((0, import_createVariable.isVariable)(input)) {
+		const val = variableToFontNameCache.get(input);
+		if (val) return val;
+		for (const key in conf.fontsParsed) {
+			const familyVariable = conf.fontsParsed[key].family;
+			if ((0, import_createVariable.isVariable)(familyVariable)) {
+				variableToFontNameCache.set(familyVariable, key);
+				if (familyVariable === input) return key;
+			}
+		}
+	} else if (typeof input === "string" && input in conf.fontsParsed) return input;
+}
+const variableToFontNameCache = /* @__PURE__ */ new WeakMap();