react-native-unistyles 3.0.0-beta.1 → 3.0.0-beta.3

package/cxx/parser/Parser.cpp

@@ -36,6 +36,85 @@ void parser::Parser::buildUnistyles(jsi::Runtime& rt, std::shared_ptr<StyleSheet
     });
 }
 
+jsi::Value parser::Parser::getParsedStyleSheetForScopedTheme(jsi::Runtime& rt, core::Unistyle::Shared unistyle, std::string& scopedTheme) {
+    // for static stylesheets and exotic styles we don't need to do anything
+    if (unistyle->parent == nullptr || unistyle->parent->type == StyleSheetType::Static) {
+        return jsi::Value::undefined();
+    }
+
+    auto& state = core::UnistylesRegistry::get().getState(rt);
+    auto jsTheme = state.getJSThemeByName(scopedTheme);
+
+    if (unistyle->parent->type == StyleSheetType::Themable) {
+        return unistyle->parent->rawValue
+            .asFunction(rt)
+            .call(rt, std::move(jsTheme))
+            .asObject(rt);
+    }
+
+    auto miniRuntime = this->_unistylesRuntime->getMiniRuntimeAsValue(rt, std::nullopt);
+
+    return unistyle->parent->rawValue
+        .asFunction(rt)
+        .call(rt, std::move(jsTheme), std::move(miniRuntime))
+        .asObject(rt);
+}
+
+void parser::Parser::rebuildUnistyleWithScopedTheme(jsi::Runtime& rt, jsi::Value& jsScopedTheme, std::shared_ptr<core::UnistyleData> unistyleData) {
+    auto parsedStyleSheet = jsScopedTheme.isUndefined()
+        ? this->getParsedStyleSheetForScopedTheme(rt, unistyleData->unistyle, unistyleData->scopedTheme.value())
+        : jsScopedTheme.asObject(rt);
+
+    if (parsedStyleSheet.isUndefined()) {
+        return;
+    }
+
+    // get target style
+    auto targetStyle = parsedStyleSheet.asObject(rt).getProperty(rt, unistyleData->unistyle->styleKey.c_str()).asObject(rt);
+
+    // for object we just need to parse it
+    if (unistyleData->unistyle->type == UnistyleType::Object) {
+        // we need to temporarly swap rawValue to enforce correct parings
+        auto sharedRawValue = std::move(unistyleData->unistyle->rawValue);
+
+        unistyleData->unistyle->rawValue = std::move(targetStyle);
+        unistyleData->parsedStyle = this->parseFirstLevel(rt, unistyleData->unistyle, unistyleData->variants);
+        unistyleData->unistyle->rawValue = std::move(sharedRawValue);
+
+        return;
+    }
+
+    // for functions we need to call them with memoized arguments
+    auto unistyleFn = std::dynamic_pointer_cast<UnistyleDynamicFunction>(unistyleData->unistyle);
+
+    // convert arguments to jsi::Value
+    std::vector<jsi::Value> args{};
+    auto arguments = unistyleData->dynamicFunctionMetadata.value();
+
+    args.reserve(arguments.size());
+
+    for (int i = 0; i < arguments.size(); i++) {
+        folly::dynamic& arg = arguments.at(i);
+
+        args.emplace_back(jsi::valueFromDynamic(rt, arg));
+    }
+
+    const jsi::Value *argStart = args.data();
+
+    // we need to temporarly swap unprocessed value to enforce correct parings
+    auto sharedUnprocessedValue = std::move(unistyleFn->unprocessedValue);
+
+    // call cached function with memoized arguments
+    auto functionResult = targetStyle
+        .asFunction(rt)
+        .call(rt, argStart, arguments.size())
+        .asObject(rt);
+
+    unistyleFn->unprocessedValue = std::move(functionResult);
+    unistyleData->parsedStyle = this->parseFirstLevel(rt, unistyleFn, unistyleData->variants);
+    unistyleFn->unprocessedValue = std::move(sharedUnprocessedValue);
+}
+
 jsi::Object parser::Parser::unwrapStyleSheet(jsi::Runtime& rt, std::shared_ptr<StyleSheet> styleSheet, std::optional<UnistylesNativeMiniRuntime> maybeMiniRuntime) {
     // firstly we need to get object representation of user's StyleSheet
     // StyleSheet can be a function or an object
@@ -87,24 +166,59 @@ void parser::Parser::parseUnistyles(jsi::Runtime& rt, std::shared_ptr<StyleSheet
 }
 
 // rebuild all unistyles in StyleSheet that depends on variants
-void parser::Parser::rebuildUnistylesWithVariants(jsi::Runtime& rt, std::shared_ptr<StyleSheet> styleSheet, Variants& variants) {
-    for (const auto& [_, unistyle] : styleSheet->unistyles) {
-        if (!unistyle->dependsOn(UnistyleDependency::VARIANTS)) {
-            continue;
-        }
+void parser::Parser::rebuildUnistyleWithVariants(jsi::Runtime& rt, std::shared_ptr<core::UnistyleData> unistyleData) {
+    if (unistyleData->unistyle->styleKey == helpers::EXOTIC_STYLE_KEY) {
+        unistyleData->parsedStyle = std::move(unistyleData->unistyle->rawValue);
+
+        return;
+    }
+
+    if (unistyleData->unistyle->type == UnistyleType::Object) {
+        unistyleData->parsedStyle = this->parseFirstLevel(rt, unistyleData->unistyle, unistyleData->variants);
+
+        return;
+    }
+
+    // for functions we need to call them with memoized arguments
+    auto unistyleFn = std::dynamic_pointer_cast<UnistyleDynamicFunction>(unistyleData->unistyle);
+
+    // convert arguments to jsi::Value
+    std::vector<jsi::Value> args{};
+    auto arguments = unistyleData->dynamicFunctionMetadata.value();
 
-        this->rebuildUnistyle(rt, styleSheet, unistyle, variants, std::nullopt);
+    args.reserve(arguments.size());
+
+    for (int i = 0; i < arguments.size(); i++) {
+        folly::dynamic& arg = arguments.at(i);
+
+        args.emplace_back(jsi::valueFromDynamic(rt, arg));
     }
+
+    const jsi::Value *argStart = args.data();
+
+    // we need to temporarly swap unprocessed value to enforce correct parings
+    auto sharedUnprocessedValue = std::move(unistyleFn->unprocessedValue);
+
+    // call cached function with memoized arguments
+    auto functionResult = unistyleFn->rawValue
+        .asFunction(rt)
+        .call(rt, argStart, arguments.size())
+        .asObject(rt);
+
+    unistyleFn->unprocessedValue = std::move(functionResult);
+    unistyleData->parsedStyle = this->parseFirstLevel(rt, unistyleFn, unistyleData->variants);
+    unistyleFn->unprocessedValue = std::move(sharedUnprocessedValue);
 }
 
 // rebuild all unistyles that are affected by platform event
 void parser::Parser::rebuildUnistylesInDependencyMap(jsi::Runtime& rt, DependencyMap& dependencyMap, std::vector<std::shared_ptr<core::StyleSheet>>& styleSheets, std::optional<UnistylesNativeMiniRuntime> maybeMiniRuntime) {
-    std::unordered_map<std::shared_ptr<StyleSheet>, jsi::Value> parsedStyleSheets{};
+    std::unordered_map<std::shared_ptr<StyleSheet>, jsi::Value> parsedStyleSheetsWithDefaultTheme{};
+    std::unordered_map<std::string, std::unordered_map<std::shared_ptr<StyleSheet>, jsi::Value>> parsedStyleSheetsWithScopedTheme{};
     std::unordered_map<std::shared_ptr<core::Unistyle>, bool> parsedUnistyles{};
 
     // parse all stylesheets that depends on changes
     for (auto styleSheet : styleSheets) {
-        parsedStyleSheets.emplace(styleSheet, this->unwrapStyleSheet(rt, styleSheet, maybeMiniRuntime));
+        parsedStyleSheetsWithDefaultTheme.emplace(styleSheet, this->unwrapStyleSheet(rt, styleSheet, maybeMiniRuntime));
     }
 
     // then parse all visible Unistyles managed by Unistyle
@@ -112,8 +226,8 @@ void parser::Parser::rebuildUnistylesInDependencyMap(jsi::Runtime& rt, Dependenc
         auto styleSheet = unistyles.begin()->get()->unistyle->parent;
 
         // stylesheet may be optional for exotic unistyles
-        if (styleSheet != nullptr && !parsedStyleSheets.contains(styleSheet)) {
-            parsedStyleSheets.emplace(styleSheet, this->unwrapStyleSheet(rt, styleSheet, maybeMiniRuntime));
+        if (styleSheet != nullptr && !parsedStyleSheetsWithDefaultTheme.contains(styleSheet)) {
+            parsedStyleSheetsWithDefaultTheme.emplace(styleSheet, this->unwrapStyleSheet(rt, styleSheet, maybeMiniRuntime));
         }
 
         for (auto& unistyleData : unistyles) {
@@ -136,18 +250,60 @@ void parser::Parser::rebuildUnistylesInDependencyMap(jsi::Runtime& rt, Dependenc
             auto unistyleStyleSheet = unistyle->parent;
 
             // we may hit now other StyleSheets that are referenced from affected nodes
-            if (unistyleStyleSheet != nullptr && !parsedStyleSheets.contains(unistyleStyleSheet)) {
-                parsedStyleSheets.emplace(unistyleStyleSheet, this->unwrapStyleSheet(rt, unistyleStyleSheet, maybeMiniRuntime));
+            if (unistyleStyleSheet != nullptr && !parsedStyleSheetsWithDefaultTheme.contains(unistyleStyleSheet)) {
+                parsedStyleSheetsWithDefaultTheme.emplace(unistyleStyleSheet, this->unwrapStyleSheet(rt, unistyleStyleSheet, maybeMiniRuntime));
             }
 
             // StyleSheet might have styles that are not affected
-            if (!parsedStyleSheets[unistyleStyleSheet].asObject(rt).hasProperty(rt, unistyle->styleKey.c_str())) {
+            if (!parsedStyleSheetsWithDefaultTheme[unistyleStyleSheet].asObject(rt).hasProperty(rt, unistyle->styleKey.c_str())) {
                 continue;
             }
 
-            unistyle->rawValue = parsedStyleSheets[unistyleStyleSheet].asObject(rt).getProperty(rt, unistyle->styleKey.c_str()).asObject(rt);
-            this->rebuildUnistyle(rt, unistyleStyleSheet, unistyle, unistyleData->variants, unistyleData->dynamicFunctionMetadata);
-            unistyleData->parsedStyle = jsi::Value(rt, unistyle->parsedStyle.value()).asObject(rt);
+            // for scoped themes we need to parse unistyle exclusively
+            if (unistyleData->scopedTheme.has_value()) {
+                std::vector<folly::dynamic> arguments = {};
+
+                if (unistyleData->dynamicFunctionMetadata.has_value()) {
+                    arguments = unistyleData->dynamicFunctionMetadata.value();
+                }
+
+                auto parsedStyleSheet = jsi::Value::undefined();
+                auto scopedThemeName = unistyleData->scopedTheme.value();
+
+                // check if we have theme in cache
+                if (parsedStyleSheetsWithScopedTheme.contains(scopedThemeName)) {
+                    if (parsedStyleSheetsWithScopedTheme[scopedThemeName].contains(unistyle->parent)) {
+                        parsedStyleSheet = jsi::Value(rt, parsedStyleSheetsWithScopedTheme[scopedThemeName][unistyle->parent]);
+                    }
+                }
+
+                // if not, let's build it
+                if (parsedStyleSheet.isUndefined()) {
+                    parsedStyleSheet = this->getParsedStyleSheetForScopedTheme(rt, unistyle, unistyleData->scopedTheme.value());
+
+                    if (!parsedStyleSheetsWithScopedTheme.contains(scopedThemeName)) {
+                        parsedStyleSheetsWithScopedTheme.emplace(
+                            scopedThemeName,
+                            std::unordered_map<std::shared_ptr<StyleSheet>, jsi::Value>{}
+                        );
+                    }
+
+                    parsedStyleSheetsWithScopedTheme[scopedThemeName].emplace(
+                        unistyle->parent,
+                        jsi::Value(rt, parsedStyleSheet)
+                    );
+                }
+
+                this->rebuildUnistyleWithScopedTheme(
+                    rt,
+                    parsedStyleSheet,
+                    unistyleData
+                );
+            } else {
+                unistyle->rawValue = parsedStyleSheetsWithDefaultTheme[unistyleStyleSheet].asObject(rt).getProperty(rt, unistyle->styleKey.c_str()).asObject(rt);
+                this->rebuildUnistyle(rt, unistyleStyleSheet, unistyle, unistyleData->variants, unistyleData->dynamicFunctionMetadata);
+                unistyleData->parsedStyle = jsi::Value(rt, unistyle->parsedStyle.value()).asObject(rt);
+            }
 
             if (!parsedUnistyles.contains(unistyle)) {
                 parsedUnistyles.emplace(unistyle, true);
@@ -160,7 +316,7 @@ void parser::Parser::rebuildUnistylesInDependencyMap(jsi::Runtime& rt, Dependenc
     for (auto styleSheet : styleSheets) {
         for (auto& [_, unistyle] : styleSheet->unistyles) {
             if (!parsedUnistyles.contains(unistyle)) {
-                unistyle->rawValue = parsedStyleSheets[styleSheet].asObject(rt).getProperty(rt, unistyle->styleKey.c_str()).asObject(rt);
+                unistyle->rawValue = parsedStyleSheetsWithDefaultTheme[styleSheet].asObject(rt).getProperty(rt, unistyle->styleKey.c_str()).asObject(rt);
             }
         }
     }
@@ -317,7 +473,7 @@ jsi::Object parser::Parser::parseFirstLevel(jsi::Runtime& rt, Unistyle::Shared u
         parsedStyle.setProperty(rt, jsi::PropNameID::forUtf8(rt, propertyName), this->parseSecondLevel(rt, unistyle, valueFromBreakpoint));
     });
 
-    if (shouldParseVariants && variants.has_value() && !variants.value().empty()) {
+    if (shouldParseVariants && variants.has_value()) {
         auto propertyValueObject = style.getProperty(rt, "variants").asObject(rt);
         auto parsedVariant = this->parseVariants(rt, unistyle, propertyValueObject, variants.value());
 
@@ -347,12 +503,12 @@ jsi::Function parser::Parser::createDynamicFunctionProxy(jsi::Runtime& rt, Unist
                 ? thisVal.asObject(rt)
                 : jsi::Object(rt);
             auto parser = parser::Parser(unistylesRuntime);
-
             // call user function
             auto result = unistyle->rawValue.asFunction(rt).call(rt, args, count);
 
             // memoize metadata to call it later
             auto unistyleFn = std::dynamic_pointer_cast<UnistyleDynamicFunction>(unistyle);
+            auto& registry = core::UnistylesRegistry::get();
 
             unistyleFn->unprocessedValue = jsi::Value(rt, result).asObject(rt);
 
@@ -360,7 +516,7 @@ jsi::Function parser::Parser::createDynamicFunctionProxy(jsi::Runtime& rt, Unist
                 ? thisObject.getProperty(rt, helpers::STYLE_VARIANTS.c_str())
                 : jsi::Value::undefined();
             std::optional<Variants> variants = rawVariants.isUndefined()
-                ? std::nullopt
+                ? registry.getScopedVariants()
                 : std::optional<Variants>(helpers::variantsToPairs(rt, rawVariants.asObject(rt)));
 
             unistyleFn->parsedStyle = this->parseFirstLevel(rt, unistyleFn, variants);
@@ -371,13 +527,15 @@ jsi::Function parser::Parser::createDynamicFunctionProxy(jsi::Runtime& rt, Unist
             // include dependencies for createUnistylesComponent
             style.setProperty(rt, "__proto__", generateUnistylesPrototype(rt, unistylesRuntime, unistyle, variants, helpers::functionArgumentsToArray(rt, args, count)));
 
-            // update shadow leaf updates to indicate newest changes
-            auto& registry = core::UnistylesRegistry::get();
-            auto lastArg = count == 0
-                ? jsi::Value::undefined()
-                : jsi::Value(rt, args[count - 1]);
+            jsi::Object secrets = jsi::Object(rt);
+
+            secrets.setProperty(rt, helpers::ARGUMENTS.c_str(), helpers::functionArgumentsToArray(rt, args, count));
+
+            helpers::defineHiddenProperty(rt, style, helpers::SECRETS.c_str(), secrets);
+
+            auto wrappedUnistyle = std::make_shared<UnistyleWrapper>(unistyle);
 
-            registry.shadowLeafUpdateFromUnistyle(rt, unistyle, lastArg);
+            style.setNativeState(rt, std::move(wrappedUnistyle));
 
             return style;
     });

package/cxx/parser/Parser.h

@@ -23,11 +23,13 @@ struct Parser {
 
     void buildUnistyles(jsi::Runtime& rt, std::shared_ptr<StyleSheet> styleSheet);
     void parseUnistyles(jsi::Runtime& rt, std::shared_ptr<StyleSheet> styleSheet);
-    void rebuildUnistylesWithVariants(jsi::Runtime& rt, std::shared_ptr<StyleSheet> styleSheet, Variants& variants);
+    void rebuildUnistyleWithVariants(jsi::Runtime& rt, std::shared_ptr<core::UnistyleData> unistyleData);
     void rebuildUnistylesInDependencyMap(jsi::Runtime& rt, core::DependencyMap& dependencyMap, std::vector<std::shared_ptr<core::StyleSheet>>& styleSheets, std::optional<UnistylesNativeMiniRuntime> maybeMiniRuntime);
     void rebuildShadowLeafUpdates(jsi::Runtime& rt, core::DependencyMap& dependencyMap);
     folly::dynamic parseStylesToShadowTreeStyles(jsi::Runtime& rt, const std::vector<std::shared_ptr<UnistyleData>>& unistyles);
     void rebuildUnistyle(jsi::Runtime& rt, std::shared_ptr<StyleSheet> styleSheet, Unistyle::Shared unistyle, const Variants& variants, std::optional<std::vector<folly::dynamic>>);
+    void rebuildUnistyleWithScopedTheme(jsi::Runtime& rt, jsi::Value& jsScopedTheme, std::shared_ptr<core::UnistyleData> unistyleData);
+    jsi::Value getParsedStyleSheetForScopedTheme(jsi::Runtime& rt, core::Unistyle::Shared unistyle, std::string& scopedTheme);
 
 private:
     jsi::Object unwrapStyleSheet(jsi::Runtime& rt, std::shared_ptr<StyleSheet> styleSheet, std::optional<UnistylesNativeMiniRuntime>);

package/ios/UnistylesModuleOnLoad.mm

@@ -54,8 +54,8 @@ __weak RCTSurfacePresenter* _surfacePresenter;
     HybridObjectRegistry::registerHybridObjectConstructor("UnistylesStyleSheet", [styleSheet]() -> std::shared_ptr<HybridObject>{
         return styleSheet;
     });
-    HybridObjectRegistry::registerHybridObjectConstructor("UnistylesShadowRegistry", []() -> std::shared_ptr<HybridObject>{
-        return std::make_shared<HybridShadowRegistry>();
+    HybridObjectRegistry::registerHybridObjectConstructor("UnistylesShadowRegistry", [unistylesRuntime]() -> std::shared_ptr<HybridObject>{
+        return std::make_shared<HybridShadowRegistry>(unistylesRuntime);
     });
 }
 

package/lib/commonjs/components/ScopedTheme.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScopedTheme = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _specs = require("../specs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Apply = ({
+  name
+}) => {
+  _specs.UnistylesShadowRegistry.setScopedTheme(name);
+  (0, _react.useLayoutEffect)(() => {
+    _specs.UnistylesShadowRegistry.setScopedTheme(name);
+  });
+  return null;
+};
+const ScopedTheme = ({
+  name,
+  children
+}) => {
+  const previousScopedTheme = _specs.UnistylesShadowRegistry.getScopedTheme();
+  const mappedChildren = [/*#__PURE__*/(0, _jsxRuntime.jsx)(Apply, {
+    name: name
+  }, name), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(Apply, {
+    name: previousScopedTheme
+  }, 'dispose')];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+    children: mappedChildren
+  });
+};
+exports.ScopedTheme = ScopedTheme;
+//# sourceMappingURL=ScopedTheme.js.map

package/lib/commonjs/components/ScopedTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Apply","name","UnistylesShadowRegistry","setScopedTheme","useLayoutEffect","ScopedTheme","children","previousScopedTheme","getScopedTheme","mappedChildren","jsx","Fragment","exports"],"sourceRoot":"../../../src","sources":["components/ScopedTheme.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAkD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAMlD,MAAMW,KAAK,GAAGA,CAAC;EAAEC;AAAuC,CAAC,KAAK;EAC1DC,8BAAuB,CAACC,cAAc,CAACF,IAAI,CAAC;EAE5C,IAAAG,sBAAe,EAAC,MAAM;IAClBF,8BAAuB,CAACC,cAAc,CAACF,IAAI,CAAC;EAChD,CAAC,CAAC;EAEF,OAAO,IAAI;AACf,CAAC;AAEM,MAAMI,WAAyE,GAAGA,CAAC;EAAEJ,IAAI;EAAEK;AAAS,CAAC,KAAK;EAC7G,MAAMC,mBAAmB,GAAGL,8BAAuB,CAACM,cAAc,CAAC,CAAC;EACpE,MAAMC,cAAc,GAAG,cACnB,IAAA9B,WAAA,CAAA+B,GAAA,EAACV,KAAK;IAAYC,IAAI,EAAEA;EAAK,GAAjBA,IAAmB,CAAC,EAChCK,QAAQ,eACR,IAAA3B,WAAA,CAAA+B,GAAA,EAACV,KAAK;IAAeC,IAAI,EAAEM;EAAoB,GAApC,SAAsC,CAAC,CACrD;EAED,oBACI,IAAA5B,WAAA,CAAA+B,GAAA,EAACnC,MAAA,CAAAW,OAAK,CAACyB,QAAQ;IAAAL,QAAA,EACVG;EAAc,CACH,CAAC;AAEzB,CAAC;AAAAG,OAAA,CAAAP,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/commonjs/components/Variants.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Variants = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _specs = require("../specs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Apply = ({
+  variants
+}) => {
+  _specs.UnistylesShadowRegistry.selectVariants(variants);
+  (0, _react.useLayoutEffect)(() => {
+    _specs.UnistylesShadowRegistry.selectVariants(variants);
+  });
+  return null;
+};
+const Variants = ({
+  variants,
+  children
+}) => {
+  const previousScopedVariants = _specs.UnistylesShadowRegistry.getVariants();
+  const mappedChildren = [/*#__PURE__*/(0, _jsxRuntime.jsx)(Apply, {
+    variants: variants
+  }, 'add'), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(Apply, {
+    variants: previousScopedVariants
+  }, 'remove')];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+    children: mappedChildren
+  });
+};
+exports.Variants = Variants;
+//# sourceMappingURL=Variants.js.map

package/lib/commonjs/components/Variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Apply","variants","UnistylesShadowRegistry","selectVariants","useLayoutEffect","Variants","children","previousScopedVariants","getVariants","mappedChildren","jsx","Fragment","exports"],"sourceRoot":"../../../src","sources":["components/Variants.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAkD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAMlD,MAAMW,KAA4C,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EACnEC,8BAAuB,CAACC,cAAc,CAACF,QAAQ,CAAC;EAEhD,IAAAG,sBAAe,EAAC,MAAM;IAClBF,8BAAuB,CAACC,cAAc,CAACF,QAAQ,CAAC;EACpD,CAAC,CAAC;EAEF,OAAO,IAAI;AACf,CAAC;AACM,MAAMI,QAAwE,GAAGA,CAAC;EAAEJ,QAAQ;EAAEK;AAAS,CAAC,KAAK;EAChH,MAAMC,sBAAsB,GAAGL,8BAAuB,CAACM,WAAW,CAAC,CAAC;EACpE,MAAMC,cAAc,GAAG,cACnB,IAAA9B,WAAA,CAAA+B,GAAA,EAACV,KAAK;IAAWC,QAAQ,EAAEA;EAAS,GAAzB,KAA2B,CAAC,EACvCK,QAAQ,eACR,IAAA3B,WAAA,CAAA+B,GAAA,EAACV,KAAK;IAAcC,QAAQ,EAAEM;EAAuB,GAA1C,QAA4C,CAAC,CAC3D;EAED,oBACI,IAAA5B,WAAA,CAAA+B,GAAA,EAACnC,MAAA,CAAAW,OAAK,CAACyB,QAAQ;IAAAL,QAAA,EACVG;EAAc,CACH,CAAC;AAEzB,CAAC;AAAAG,OAAA,CAAAP,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/commonjs/components/index.js

@@ -15,13 +15,20 @@ Object.defineProperty(exports, "Hide", {
     return _Hide.Hide;
   }
 });
-Object.defineProperty(exports, "Pressable", {
+Object.defineProperty(exports, "ScopedTheme", {
   enumerable: true,
   get: function () {
-    return _Pressable.Pressable;
+    return _ScopedTheme.ScopedTheme;
+  }
+});
+Object.defineProperty(exports, "Variants", {
+  enumerable: true,
+  get: function () {
+    return _Variants.Variants;
   }
 });
 var _Hide = require("./Hide");
 var _Display = require("./Display");
-var _Pressable = require("./Pressable");
+var _Variants = require("./Variants");
+var _ScopedTheme = require("./ScopedTheme");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Hide","require","_Display","_Pressable"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA","ignoreList":[]}
+{"version":3,"names":["_Hide","require","_Display","_Variants","_ScopedTheme"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA","ignoreList":[]}

package/lib/commonjs/components/native/ActivityIndicator.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActivityIndicator = void 0;
+var _reactNative = require("react-native");
+var _core = require("../../core");
+const ActivityIndicator = exports.ActivityIndicator = (0, _core.createUnistylesElement)(_reactNative.ActivityIndicator);
+//# sourceMappingURL=ActivityIndicator.js.map

package/lib/commonjs/components/native/ActivityIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","ActivityIndicator","exports","createUnistylesElement","NativeActivityIndicator"],"sourceRoot":"../../../../src","sources":["components/native/ActivityIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,4BAAsB,EAACC,8BAAuB,CAAC","ignoreList":[]}

package/lib/commonjs/components/native/FlatList.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FlatList = void 0;
+var _reactNative = require("react-native");
+var _core = require("../../core");
+const FlatList = exports.FlatList = (0, _core.createUnistylesElement)(_reactNative.FlatList);
+//# sourceMappingURL=FlatList.js.map

package/lib/commonjs/components/native/FlatList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","FlatList","exports","createUnistylesElement","NativeFlatList"],"sourceRoot":"../../../../src","sources":["components/native/FlatList.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,4BAAsB,EAACC,qBAAc,CAAC","ignoreList":[]}

package/lib/commonjs/components/native/Image.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Image = void 0;
+var _reactNative = require("react-native");
+var _core = require("../../core");
+const Image = exports.Image = (0, _core.createUnistylesElement)(_reactNative.Image);
+//# sourceMappingURL=Image.js.map

package/lib/commonjs/components/native/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","Image","exports","createUnistylesElement","NativeImage"],"sourceRoot":"../../../../src","sources":["components/native/Image.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,IAAAE,4BAAsB,EAACC,kBAAW,CAAC","ignoreList":[]}

package/lib/commonjs/components/native/ImageBackground.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageBackground = void 0;
+var _reactNative = require("react-native");
+var _core = require("../../core");
+const ImageBackground = exports.ImageBackground = (0, _core.createUnistylesImageBackground)(_reactNative.ImageBackground);
+//# sourceMappingURL=ImageBackground.js.map

package/lib/commonjs/components/native/ImageBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","ImageBackground","exports","createUnistylesImageBackground","NativeImageBackground"],"sourceRoot":"../../../../src","sources":["components/native/ImageBackground.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAA8B,EAACC,4BAAqB,CAAC","ignoreList":[]}

package/lib/commonjs/components/native/KeyboardAvoidingView.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KeyboardAvoidingView = void 0;
+var _reactNative = require("react-native");
+var _core = require("../../core");
+const KeyboardAvoidingView = exports.KeyboardAvoidingView = (0, _core.createUnistylesElement)(_reactNative.KeyboardAvoidingView);
+//# sourceMappingURL=KeyboardAvoidingView.js.map

package/lib/commonjs/components/native/KeyboardAvoidingView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","KeyboardAvoidingView","exports","createUnistylesElement","NativeKeyboardAvoidingView"],"sourceRoot":"../../../../src","sources":["components/native/KeyboardAvoidingView.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,4BAAsB,EAACC,iCAA0B,CAAC","ignoreList":[]}