@tamagui/core 1.121.4 → 1.121.6

package/dist/native.js

@@ -1247,6 +1247,7 @@ var require_concatClassName_native = __commonJS({
       focus: "focusStyle",
       press: "pressStyle",
       focusVisible: "focusVisibleStyle",
+      focusWithin: "focusWithinStyle",
       disabled: "disabledStyle"
     };
   }
@@ -1821,7 +1822,8 @@ var require_validStyleProps_native = __commonJS({
       hoverStyle: !0,
       pressStyle: !0,
       focusStyle: !0,
-      disabledStyle: !0
+      disabledStyle: !0,
+      focusWithinStyle: !0
     }, validStyles = {
       ...validPseudoKeys,
       ...stylePropsView
@@ -2007,7 +2009,7 @@ var require_config_native = __commonJS({
         return getFont;
       },
       getSetting: function() {
-        return getSetting;
+        return getSetting2;
       },
       getThemes: function() {
         return getThemes2;
@@ -2056,7 +2058,7 @@ Haven't called createTamagui yet.
   with the starter kits that you can call with "yarn upgrade:tamagui" to help with this.
 
   You may want to clear your node_modules as well and run a fresh install after ugprading.
-` : "\u274C Error 001", getSetting = function(key) {
+` : "\u274C Error 001", getSetting2 = function(key) {
       if (process.env.NODE_ENV === "development" && !conf) throw new Error(haventCalledErrorMessage);
       var _conf_settings_key;
       return (_conf_settings_key = conf.settings[key]) !== null && _conf_settings_key !== void 0 ? _conf_settings_key : (
@@ -2734,6 +2736,11 @@ var require_pseudoDescriptors_native = __commonJS({
         name: "focus",
         priority: 3
       },
+      focusWithinStyle: {
+        name: "focus-within",
+        priority: 3,
+        stateKey: "focusWithin"
+      },
       disabledStyle: {
         name: "disabled",
         priority: 4,
@@ -2744,6 +2751,7 @@ var require_pseudoDescriptors_native = __commonJS({
       press: 2,
       focus: 3,
       focusVisible: 3,
+      focusWithin: 3,
       disabled: 4
     }, pseudoDescriptors = {
       ...pseudoDescriptorsBase,
@@ -4502,6 +4510,7 @@ var require_ComponentContext_native = __commonJS({
       inText: !1,
       language: null,
       animationDriver: null,
+      setParentFocusState: null,
       groups: {
         emit: null,
         subscribe: null,
@@ -4566,6 +4575,7 @@ var require_defaultComponentState_native = __commonJS({
       pressIn: !1,
       focus: !1,
       focusVisible: !1,
+      focusWithin: !1,
       unmounted: !0,
       disabled: !1
     }, defaultComponentStateMounted = {
@@ -4739,7 +4749,9 @@ var require_createMediaStyle_native = __commonJS({
     });
     module2.exports = __toCommonJS2(createMediaStyle_exports);
     var import_config = require_config_native(), import_useMedia = require_useMedia_native(), import_getGroupPropParts = require_getGroupPropParts_native(), MEDIA_SEP = "_", prefixes = null, selectors = null, groupPseudoToPseudoCSSMap = {
-      press: "active"
+      press: "active",
+      focusVisible: "focus-visible",
+      focusWithin: "focus-within"
     }, specificities = new Array(5).fill(0).map(function(_, i) {
       return new Array(i).fill(":root").join("");
     });
@@ -4751,7 +4763,7 @@ var require_createMediaStyle_native = __commonJS({
       ];
     }
     var createMediaStyle = function(styleObject, mediaKeyIn, mediaQueries, type, negate, priority) {
-      var [property, , identifier, pseudoIn, rules] = styleObject, enableMediaPropOrder = (0, import_config.getSetting)("mediaPropOrder"), isTheme = type === "theme", isPlatform = type === "platform", isGroup = type === "group", isNonWindowMedia = isTheme || isPlatform || isGroup, negKey = negate ? "0" : "", ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1), id = `${ogPrefix}${MEDIA_SEP}${mediaKeyIn.replace("-", "")}${negKey}${MEDIA_SEP}`, styleRule = "", groupPriority = "", groupMediaKey, containerName, nextIdentifier = identifier.replace(ogPrefix, id), styleInner = rules.map(function(rule) {
+      var [propertyIn, , identifier, pseudoIn, rules] = styleObject, property = propertyIn, enableMediaPropOrder = (0, import_config.getSetting)("mediaPropOrder"), isTheme = type === "theme", isPlatform = type === "platform", isGroup = type === "group", isNonWindowMedia = isTheme || isPlatform || isGroup, negKey = negate ? "0" : "", ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1), id = `${ogPrefix}${MEDIA_SEP}${mediaKeyIn.replace("-", "")}${negKey}${MEDIA_SEP}`, styleRule = "", groupPriority = "", groupMediaKey, containerName, nextIdentifier = identifier.replace(ogPrefix, id), styleInner = rules.map(function(rule) {
         return rule.replace(identifier, nextIdentifier);
       }).join(";"), isHover = !1;
       if (isNonWindowMedia) {
@@ -7145,11 +7157,11 @@ var require_getSplitStyles_native = __commonJS({
               var _iteratorNormalCompletion12 = !0, _didIteratorError12 = !1, _iteratorError12 = void 0;
               try {
                 for (var _iterator12 = mediaStyles[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = !0) {
-                  var style3 = _step12.value, property = style3[0];
-                  if (!(property[0] === "$" && !(0, import_isActivePlatform.isActivePlatform)(property))) {
+                  var style3 = _step12.value, property = style3[import_helpers.StyleObjectProperty], isSubStyle = property[0] === "$";
+                  if (!(isSubStyle && !(0, import_isActivePlatform.isActivePlatform)(property))) {
                     var out = (0, import_createMediaStyle.createMediaStyle)(style3, mediaKeyShort, import_useMedia.mediaQueryConfig, isMedia, !1, priority);
                     process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("\u{1F4FA} media style:", out);
-                    var fullKey1 = `${style3[import_helpers.StyleObjectProperty]}${PROP_SPLIT}${mediaKeyShort}${style3[import_helpers.StyleObjectPseudo] || ""}`;
+                    var subKey = isSubStyle ? style3[2] : "", fullKey1 = `${style3[import_helpers.StyleObjectProperty]}${subKey}${PROP_SPLIT}${mediaKeyShort}${style3[import_helpers.StyleObjectPseudo] || ""}`;
                     fullKey1 in usedKeys || (addStyleToInsertRules(rulesToInsert, out), mergeClassName(transforms, classNames, fullKey1, out[import_helpers.StyleObjectIdentifier], !0, !0));
                   }
                 }
@@ -7200,15 +7212,15 @@ var require_getSplitStyles_native = __commonJS({
                   importanceBump = priority1;
                 }
               }
-              for (var subKey in mediaStyle1) {
-                if (subKey === "space") {
+              for (var subKey1 in mediaStyle1) {
+                if (subKey1 === "space") {
                   space = valInit.space;
                   continue;
                 }
-                if (subKey[0] === "$") {
-                  if (!(0, import_isActivePlatform.isActivePlatform)(subKey) || !(0, import_isActiveTheme.isActiveTheme)(subKey, themeName)) continue;
-                  for (var subSubKey in mediaStyle1[subKey]) mergeMediaStyle2(subSubKey, mediaStyle1[subKey][subSubKey]);
-                } else mergeMediaStyle2(subKey, mediaStyle1[subKey]);
+                if (subKey1[0] === "$") {
+                  if (!(0, import_isActivePlatform.isActivePlatform)(subKey1) || !(0, import_isActiveTheme.isActiveTheme)(subKey1, themeName)) continue;
+                  for (var subSubKey in mediaStyle1[subKey1]) mergeMediaStyle2(subSubKey, mediaStyle1[subKey1][subSubKey]);
+                } else mergeMediaStyle2(subKey1, mediaStyle1[subKey1]);
               }
             }
             return "continue";
@@ -7257,8 +7269,14 @@ var require_getSplitStyles_native = __commonJS({
             if (0) var didUseKeyInit;
             var isShorthand = keyInit in shorthands, isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo1 = !!(isMedia || isPseudo);
             if (isMediaOrPseudo1 && keyInit.startsWith("$group-")) {
-              var name = keyInit.split("-")[1];
-              context != null && context.groups.subscribe && !(context != null && context.groups.state[name]) && (keyInit = keyInit.replace("$group-", "$group-true-"));
+              var parts = keyInit.split("-");
+              if (
+                // check if its actually a simple group selector to avoid breaking selectors
+                parts.length === 2 || parts.length === 3 && import_pseudoDescriptors.pseudoPriorities[parts[parts.length - 1]]
+              ) {
+                var name = parts[1];
+                context != null && context.groups.subscribe && !(context != null && context.groups.state[name]) && (keyInit = keyInit.replace("$group-", "$group-true-"));
+              }
             }
             var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo1 || isVariant && !noExpand || isShorthand;
             if (!(isStyleProp && (asChild === "except-style" || asChild === "except-style-web"))) {
@@ -8092,11 +8110,11 @@ var require_wrapStyleTags_native = __commonJS({
   }
 });
 
-// ../web/dist/cjs/hooks/useIsHydrated.native.js
-var require_useIsHydrated_native = __commonJS({
-  "../web/dist/cjs/hooks/useIsHydrated.native.js"(exports2, module2) {
+// ../use-did-finish-ssr/dist/cjs/index.native.js
+var require_index_native7 = __commonJS({
+  "../use-did-finish-ssr/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -8124,27 +8142,40 @@ var require_useIsHydrated_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // 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 ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
-    }, useIsHydrated_exports = {};
-    __export2(useIsHydrated_exports, {
-      useIsHydrated: function() {
-        return useIsHydrated;
+    }, src_exports2 = {};
+    __export2(src_exports2, {
+      useClientValue: function() {
+        return useClientValue;
+      },
+      useDidFinishSSR: function() {
+        return useDidFinishSSR;
       }
     });
-    module2.exports = __toCommonJS2(useIsHydrated_exports);
-    var import_react3 = require("react"), nullSubscribe = function() {
-      return function() {
-      };
-    }, useIsHydrated = function() {
-      return (0, import_react3.useSyncExternalStore)(nullSubscribe, function() {
-        return !0;
-      }, function() {
-        return !1;
-      });
-    };
+    module2.exports = __toCommonJS2(src_exports2);
+    var React3 = __toESM2(require("react"));
+    function useDidFinishSSR(value) {
+      return value ?? !0;
+    }
+    function useClientValue(value) {
+      var done = useDidFinishSSR();
+      return done ? typeof value == "function" ? value() : value : void 0;
+    }
   }
 });
 
@@ -8191,8 +8222,8 @@ var require_useComponentState_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useComponentState_exports);
-    var import_constants2 = require_index_native3(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), import_useIsHydrated = require_useIsHydrated_native(), useComponentState = function(props, param, staticConfig, config) {
-      var { animationDriver, groups } = param, _animationDriver_usePresence, isHydrated = (0, import_useIsHydrated.useIsHydrated)(), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
+    var import_constants2 = require_index_native3(), import_use_did_finish_ssr = require_index_native7(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, param, staticConfig, config) {
+      var { animationDriver, groups } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
       stateRef.current || (stateRef.current = {});
       var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars, curStateRef = stateRef.current, willBeAnimatedClient = function() {
         var next = !!(hasAnimationProp && !staticConfig.isHOC && useAnimations);
@@ -8641,7 +8672,7 @@ var require_createComponent_native = __commonJS({
         if ("themeInverse" in props && (themeStateProps.inverse = props.themeInverse), "theme" in props && (themeStateProps.name = props.theme), typeof curStateRef.isListeningToTheme == "boolean" && (themeStateProps.shouldUpdate = function() {
           return stateRef.current.isListeningToTheme;
         }), themeStateProps.deopt = willBeAnimated, process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
-          var name = `${componentName2 || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`, type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (noClass ? "(noClass)" : " ") + (state.press || state.pressIn ? "(PRESSED)" : " ") + (state.hover ? "(HOVERED)" : " ") + (state.focus ? "(FOCUSED)" : " ") + ((presenceState == null ? void 0 : presenceState.isPresent) === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = `${internalID} ${name}${dataIs ? ` ${dataIs}` : ""} ${type}`;
+          var name = `${componentName2 || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`, type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (noClass ? "(noClass)" : " ") + (state.press || state.pressIn ? "(PRESSED)" : " ") + (state.hover ? "(HOVERED)" : " ") + (state.focus ? "(FOCUSED)" : " ") + (state.focusWithin ? "(WITHIN FOCUSED)" : " ") + ((presenceState == null ? void 0 : presenceState.isPresent) === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = `${internalID} ${name}${dataIs ? ` ${dataIs}` : ""} ${type}`;
           if (console.info(`%c ${banner} (hydrated: ${isHydrated}) (unmounted: ${state.unmounted})`, "background: green; color: white;"), import_constants2.isServer) (0, import_log.log)({
             noClass,
             isAnimated,
@@ -8755,7 +8786,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           return stateRef.current.host = x;
         }, forwardedRef, import_setElementProps.setElementProps)), viewProps.ref = curStateRef.composedRef, process.env.NODE_ENV === "development" && !isReactNative && !isText && import_constants2.isWeb && !isHOC && import_react3.default.Children.toArray(props.children).forEach(function(item) {
           typeof item == "string" && item !== `
-` && console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`);
+` && console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <${staticConfig.componentName || propsIn.tag || "View"}>.`, props);
         }), process.env.NODE_ENV === "development" && time2 && time2`events-hooks`;
         var { pseudoGroups, mediaGroups } = splitStyles, unPress = function() {
           return setStateShallow({
@@ -8812,7 +8843,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             ...mediaGroups
           ]).join("") : 0
         ]);
-        var runtimePressStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusStyle), runtimeFocusVisibleStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusVisibleStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || runtimeFocusVisibleStyle || onFocus || onBlur), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || pseudos != null && pseudos.focusVisibleStyle), runtimeHoverStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = !!(groupName || runtimeHoverStyle || onHoverIn || onHoverOut), attachHover = import_constants2.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !disabled && !props.asChild && !!(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle), needsPressState = !!(groupName || runtimePressStyle);
+        var runtimePressStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusStyle), runtimeFocusVisibleStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusVisibleStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || runtimeFocusVisibleStyle || onFocus || onBlur || componentContext.setParentFocusState), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || pseudos != null && pseudos.focusVisibleStyle), runtimeHoverStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = !!(groupName || runtimeHoverStyle || onHoverIn || onHoverOut), attachHover = import_constants2.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !disabled && !props.asChild && !!(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle), needsPressState = !!(groupName || runtimePressStyle);
         process.env.NODE_ENV === "development" && time2 && time2`events-setup`, process.env.NODE_ENV === "development" && debugProp === "verbose" && (0, import_log.log)("\u{1FAA9} events()", {
           runtimeFocusStyle,
           runtimePressStyle,
@@ -8854,7 +8885,9 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           },
           ...attachFocus && {
             onFocus: function(e) {
-              pseudos != null && pseudos.focusVisibleStyle ? setTimeout(function() {
+              componentContext.setParentFocusState && componentContext.setParentFocusState({
+                focusWithin: !0
+              }), pseudos != null && pseudos.focusVisibleStyle ? setTimeout(function() {
                 setStateShallow({
                   focus: !0,
                   focusVisible: !!lastInteractionWasKeyboard.value
@@ -8865,7 +8898,9 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               }), onFocus == null || onFocus(e);
             },
             onBlur: function(e) {
-              setStateShallow({
+              componentContext.setParentFocusState && componentContext.setParentFocusState({
+                focusWithin: !1
+              }), setStateShallow({
                 focus: !1,
                 focusVisible: !1
               }), onBlur == null || onBlur(e);
@@ -8935,9 +8970,10 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         }, [
           groupName
         ]);
-        if (groupName && subGroupContext && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
+        if ((groupName && subGroupContext || propsIn.focusWithinStyle) && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
           ...componentContext,
           groups: subGroupContext,
+          setParentFocusState: setStateShallow,
           children: content
         })), process.env.NODE_ENV === "development" && time2 && time2`group-context`, content = disableTheme ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, !1, stateRef), process.env.NODE_ENV === "development" && time2 && time2`themed-children`, process.env.NODE_ENV === "development" && props.debug === "visualize" && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, {
           themeState,
@@ -9884,28 +9920,11 @@ var require_createTamagui_native = __commonJS({
 ${JSON.stringify(variable, null, 2)}`);
           import_constants2.isWeb && ((0, import_registerCSSVariable.registerCSSVariable)(variable), declarations.push((0, import_registerCSSVariable.variableToCSS)(variable, key2 === "zIndex")));
         }
-        if (import_constants2.isWeb) {
-          var declarationsToRuleSet2 = function(decs) {
-            var selector = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
-            return `:root${selector} {${sep}${[
-              ...decs
-            ].join(`;${sep}`)}${sep}}`;
-          }, declarationsToRuleSet = declarationsToRuleSet2;
-          for (var key1 in fontsParsed) {
-            var fontParsed = fontsParsed[key1], [name, language] = key1.includes("_") ? key1.split("_") : [
-              key1
-            ], fontVars = (0, import_insertFont.registerFontVariables)(fontParsed);
-            fontDeclarations[key1] = {
-              name: name.slice(1),
-              declarations: fontVars,
-              language
-            };
-          }
-          var sep = configIn.cssStyleSeparator || "";
-          if (cssRuleSets.push(declarationsToRuleSet2(declarations)), fontDeclarations) for (var key22 in fontDeclarations) {
-            var { name: name1, declarations: declarations1, language: language1 = "default" } = fontDeclarations[key22], fontSelector = `.font_${name1}`, langSelector = `:root .t_lang-${name1}-${language1} ${fontSelector}`, selectors = language1 === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector, specificRuleSet = declarationsToRuleSet2(declarations1, selectors);
-            cssRuleSets.push(specificRuleSet);
-          }
+        if (0) {
+          var declarationsToRuleSet;
+          for (var key1 in fontsParsed) var fontParsed, name, language, fontVars;
+          var sep;
+          if (fontDeclarations) for (var key22 in fontDeclarations) var name1, declarations1, language1, fontSelector, langSelector, selectors, specificRuleSet;
         }
         var themesIn = configIn.themes, dedupedThemes = foundThemes ?? getThemesDeduped(themesIn), themes = (0, import_proxyThemeToParents.proxyThemesToParents)(dedupedThemes);
         return {
@@ -9942,22 +9961,12 @@ ${JSON.stringify(variable, null, 2)}`);
           }
         };
       }(), shorthands = configIn.shorthands || {}, lastCSSInsertedRulesIndex = -1, getCSS = function() {
-        var opts = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, { separator = `
-`, sinceLastCall, exclude } = opts;
-        if (sinceLastCall && lastCSSInsertedRulesIndex >= 0) {
-          var rules = (0, import_insertStyleRule.getAllRules)();
-          return lastCSSInsertedRulesIndex = rules.length, rules.slice(lastCSSInsertedRulesIndex).join(separator);
-        }
-        lastCSSInsertedRulesIndex = 0;
-        var runtimeStyles = (0, import_insertStyleRule.getAllRules)().join(separator);
-        if (exclude === "design-system") return runtimeStyles;
-        var designSystem = `._ovs-contain {overscroll-behavior:contain;}
-.is_Text .is_Text {display:inline-flex;}
-._dsp_contents {display:contents;}
-${themeConfig.cssRuleSets.join(separator)}`;
-        return `${designSystem}
-${exclude ? "" : themeConfig.getThemeRulesSets().join(separator)}
-${runtimeStyles}`;
+        var opts = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+        if (0) {
+          var separator, sinceLastCall, exclude;
+          if (sinceLastCall && lastCSSInsertedRulesIndex >= 0) var rules;
+          var runtimeStyles, designSystem;
+        } else return "";
       }, getNewCSS = function(opts) {
         return getCSS({
           ...opts,
@@ -10292,7 +10301,7 @@ var require_styled_native = __commonJS({
             var pdp = parentStaticConfig.defaultProps;
             for (var key2 in pdp) {
               var val = pdp[key2];
-              parentStaticConfig.defaultVariants && key2 in parentStaticConfig.defaultVariants && (!defaultVariants || !(key2 in defaultVariants)) && (parentDefaultVariants || (parentDefaultVariants = {}), parentDefaultVariants[key2] = val), key2 in defaultProps || (parentDefaultProps || (parentDefaultProps = {}), parentDefaultProps[key2] = pdp[key2]);
+              parentStaticConfig.defaultVariants && key2 in parentStaticConfig.defaultVariants && (!defaultVariants || !(key2 in defaultVariants)) && (parentDefaultVariants || (parentDefaultVariants = {}), parentDefaultVariants[key2] = val), !(key2 in defaultProps) && (!defaultVariants || !(key2 in defaultVariants)) && (parentDefaultProps || (parentDefaultProps = {}), parentDefaultProps[key2] = pdp[key2]);
             }
             parentStaticConfig.variants && (variants = (0, import_mergeVariants.mergeVariants)(parentStaticConfig.variants, variants));
           }
@@ -10794,76 +10803,6 @@ var require_useConfiguration_native = __commonJS({
   }
 });
 
-// ../use-did-finish-ssr/dist/cjs/index.native.js
-var require_index_native7 = __commonJS({
-  "../use-did-finish-ssr/dist/cjs/index.native.js"(exports2, module2) {
-    "use strict";
-    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
-      for (var name in all) __defProp2(target, name, {
-        get: all[name],
-        enumerable: !0
-      });
-    }, __copyProps2 = function(to, from, except, desc) {
-      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
-      if (from && typeof from == "object" || typeof from == "function") try {
-        for (var _loop = function() {
-          var key = _step.value;
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
-            get: function() {
-              return from[key];
-            },
-            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
-          });
-        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
-      } catch (err) {
-        _didIteratorError = !0, _iteratorError = err;
-      } finally {
-        try {
-          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-        } finally {
-          if (_didIteratorError)
-            throw _iteratorError;
-        }
-      }
-      return to;
-    }, __toESM2 = function(mod, isNodeMode, target) {
-      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-        // 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 ? __defProp2(target, "default", {
-          value: mod,
-          enumerable: !0
-        }) : target,
-        mod
-      );
-    }, __toCommonJS2 = function(mod) {
-      return __copyProps2(__defProp2({}, "__esModule", {
-        value: !0
-      }), mod);
-    }, src_exports2 = {};
-    __export2(src_exports2, {
-      useClientValue: function() {
-        return useClientValue;
-      },
-      useDidFinishSSR: function() {
-        return useDidFinishSSR;
-      }
-    });
-    module2.exports = __toCommonJS2(src_exports2);
-    var React3 = __toESM2(require("react"));
-    function useDidFinishSSR(value) {
-      return value ?? !0;
-      var cur, setCur;
-    }
-    function useClientValue(value) {
-      var done = useDidFinishSSR();
-      return done ? typeof value == "function" ? value() : value : void 0;
-    }
-  }
-});
-
 // ../web/dist/cjs/hooks/useIsTouchDevice.native.js
 var require_useIsTouchDevice_native = __commonJS({
   "../web/dist/cjs/hooks/useIsTouchDevice.native.js"(exports2, module2) {
@@ -11753,6 +11692,9 @@ var require_index_native9 = __commonJS({
       getMedia: function() {
         return import_useMedia.getMedia;
       },
+      getSetting: function() {
+        return import_config.getSetting;
+      },
       getThemes: function() {
         return import_config.getThemes;
       },