react-native-unistyles 3.0.0-alpha.9 → 3.0.0-beta.2

package/cxx/shadowTree/ShadowTrafficController.h

@@ -0,0 +1,71 @@
+#pragma once
+
+#import "mutex"
+#import "ShadowLeafUpdate.h"
+
+namespace margelo::nitro::unistyles::shadow {
+
+// Like a traffic officer managing a jam, this struct ensures everything
+// is synchronized within a set timeframe, controlling flow and preventing chaos.
+struct ShadowTrafficController {
+    inline bool shouldStop() {
+        return !_canCommit;
+    }
+
+    inline void stopUnistylesTraffic() {
+        this->_canCommit = false;
+    }
+
+    inline void resumeUnistylesTraffic() {
+        this->_canCommit = true;
+    }
+
+    inline shadow::ShadowLeafUpdates& getUpdates() {
+        std::lock_guard<std::mutex> lock(_mutex);
+ 
+        return _unistylesUpdates;
+    }
+
+    inline void setUpdates(shadow::ShadowLeafUpdates& newUpdates) {
+        std::lock_guard<std::mutex> lock(_mutex);
+
+        auto& targetUpdates = _unistylesUpdates;
+
+        // this is important as overriding updates may skip some interim changes
+        // Unistyles emits different events so this will make sure that everything is synced
+        std::for_each(newUpdates.begin(), newUpdates.end(), [&targetUpdates](auto& pair){
+            if (targetUpdates.contains(pair.first)) {
+                targetUpdates[pair.first] = std::move(pair.second);
+
+                return;
+            }
+
+            targetUpdates.emplace(pair.first, std::move(pair.second));
+        });
+    }
+    
+    inline void removeShadowNode(const ShadowNodeFamily* shadowNodeFamily) {
+        std::lock_guard<std::mutex> lock(_mutex);
+        
+        if (_unistylesUpdates.contains(shadowNodeFamily)) {
+            _unistylesUpdates.erase(shadowNodeFamily);
+        }
+    }
+
+    inline void restore() {
+        std::lock_guard<std::mutex> lock(_mutex);
+        
+        _unistylesUpdates = {};
+        _canCommit = false;
+    }
+
+private:
+    std::atomic<bool> _canCommit = false;
+    shadow::ShadowLeafUpdates _unistylesUpdates{};
+
+    // this struct should be accessed in thread-safe manner. Otherwise shadow tree updates
+    // from different threads will break it
+    std::mutex _mutex;
+};
+
+}

package/cxx/shadowTree/ShadowTreeManager.cpp

@@ -6,26 +6,29 @@ using namespace facebook;
 
 using AffectedNodes = std::unordered_map<const ShadowNodeFamily*, std::unordered_set<int>>;
 
-void shadow::ShadowTreeManager::updateShadowTree(facebook::jsi::Runtime& rt, shadow::ShadowLeafUpdates& updates) {
-    auto& uiManager = UIManagerBinding::getBinding(rt)->getUIManager();
-    const auto &shadowTreeRegistry = uiManager.getShadowTreeRegistry();
+void shadow::ShadowTreeManager::updateShadowTree(const ShadowTreeRegistry& shadowTreeRegistry) {
+    auto& registry = core::UnistylesRegistry::get();
+    auto updates = registry.trafficController.getUpdates();
 
-    shadowTreeRegistry.enumerate([&updates, &rt](const ShadowTree& shadowTree, bool& stop){
+    if (updates.empty()) {
+        return;
+    }
+
+    shadowTreeRegistry.enumerate([&updates](const ShadowTree& shadowTree, bool& stop){
         // we could iterate via updates and create multiple commits
         // but it can cause performance issues for hundreds of nodes
         // so let's mutate Shadow Tree in single transaction
         auto transaction = [&](const RootShadowNode& oldRootShadowNode) {
             auto affectedNodes = shadow::ShadowTreeManager::findAffectedNodes(oldRootShadowNode, updates);
             auto newRootNode = std::static_pointer_cast<RootShadowNode>(shadow::ShadowTreeManager::cloneShadowTree(
-                rt,
                 oldRootShadowNode,
                 updates,
                 affectedNodes
             ));
-            
-            // set unistyles commit trait
+
+            // set unistyles trait
             auto unistylesRootNode = std::reinterpret_pointer_cast<core::UnistylesCommitShadowNode>(newRootNode);
-            
+
             unistylesRootNode->addUnistylesCommitTrait();
 
             return newRootNode;
@@ -36,7 +39,7 @@ void shadow::ShadowTreeManager::updateShadowTree(facebook::jsi::Runtime& rt, sha
         // enableStateReconciliation: https://reactnative.dev/architecture/render-pipeline#react-native-renderer-state-updates
         // mountSynchronously: must be true as this is update from C++ not React
         shadowTree.commit(transaction, {false, true});
-        
+
 
         // for now we're assuming single surface, can be improved in the future
         // stop = true means stop enumerating next shadow tree
@@ -83,7 +86,7 @@ AffectedNodes shadow::ShadowTreeManager::findAffectedNodes(const RootShadowNode&
 
 // based on Reanimated algorithm
 // clone affected nodes recursively, inject props and commit tree
-ShadowNode::Unshared shadow::ShadowTreeManager::cloneShadowTree(jsi::Runtime& rt, const ShadowNode &shadowNode, ShadowLeafUpdates& updates, AffectedNodes& affectedNodes) {
+ShadowNode::Unshared shadow::ShadowTreeManager::cloneShadowTree(const ShadowNode &shadowNode, ShadowLeafUpdates& updates, AffectedNodes& affectedNodes) {
     const auto family = &shadowNode.getFamily();
     const auto rawPropsIt = updates.find(family);
     const auto childrenIt = affectedNodes.find(family);
@@ -93,7 +96,7 @@ ShadowNode::Unshared shadow::ShadowTreeManager::cloneShadowTree(jsi::Runtime& rt
     if (childrenIt != affectedNodes.end()) {
         // get all indexes of children and clone it recursively
         for (const auto index : childrenIt->second) {
-            children[index] = cloneShadowTree(rt, *children[index], updates, affectedNodes);
+            children[index] = cloneShadowTree(*children[index], updates, affectedNodes);
         }
     }
 
@@ -106,14 +109,20 @@ ShadowNode::Unshared shadow::ShadowTreeManager::cloneShadowTree(jsi::Runtime& rt
             *shadowNode.getContextContainer()
         };
 
-        updatedProps = shadowNode.getProps();
-
-        // we may have multiple Unistyles for single node, so we must apply them all
-        for (const auto& props: rawPropsIt->second) {
-            updatedProps = shadowNode
-                .getComponentDescriptor()
-                .cloneProps(propsParserContext, updatedProps, RawProps(props));
-        }
+        // this is important and critical
+        // first of all Android doesn't like nullish props (they work perfectly fine on iOS)
+        // second of all Android props MUST be constructed from previous props, otherwise RawProps::~RawProps error occurs
+        // Meta wants to remove shadowNode.getProps()->rawProps, but for now it's the only viable solution
+        #ifdef ANDROID
+            auto safeProps = rawPropsIt->second == nullptr ? folly::dynamic::object() : rawPropsIt->second;
+            auto newProps = folly::dynamic::merge(shadowNode.getProps()->rawProps, safeProps);
+        #else
+            auto newProps = rawPropsIt->second;
+        #endif
+
+        updatedProps = shadowNode
+            .getComponentDescriptor()
+            .cloneProps(propsParserContext, shadowNode.getProps(), RawProps(newProps));
     }
 
     return shadowNode.clone({

package/cxx/shadowTree/ShadowTreeManager.h

@@ -6,6 +6,7 @@
 #include <ranges>
 #include "ShadowLeafUpdate.h"
 #include "UnistylesCommitShadowNode.h"
+#include "UnistylesRegistry.h"
 
 namespace margelo::nitro::unistyles::shadow {
 
@@ -15,9 +16,9 @@ using namespace facebook;
 using AffectedNodes = std::unordered_map<const ShadowNodeFamily *, std::unordered_set<int>>;
 
 struct ShadowTreeManager {
-    static void updateShadowTree(jsi::Runtime& rt, shadow::ShadowLeafUpdates& updates);
+    static void updateShadowTree(const ShadowTreeRegistry& shadowTreeRegistry);
     static AffectedNodes findAffectedNodes(const RootShadowNode& rootNode, ShadowLeafUpdates& updates);
-    static ShadowNode::Unshared cloneShadowTree(jsi::Runtime& rt, const ShadowNode &shadowNode, ShadowLeafUpdates& updates, AffectedNodes& affectedNodes);
+    static ShadowNode::Unshared cloneShadowTree(const ShadowNode &shadowNode, ShadowLeafUpdates& updates, AffectedNodes& affectedNodes);
 };
 
 }

package/ios/Equatable.swift

@@ -36,7 +36,8 @@ extension UnistylesNativeMiniRuntime {
             dependencies.append(UnistyleDependency.breakpoints)
         }
 
-        if (lhs.orientation != rhs.orientation) {
+        // no need to check isLandscape, as it's always opposite
+        if (lhs.isPortrait != rhs.isPortrait) {
             dependencies.append(UnistyleDependency.orientation)
         }
 

package/ios/Extensions.swift

@@ -1,11 +1,13 @@
 import Foundation
 
 extension UIColor {
+    // int is universal way of color representation
+    // iOS API expects UIColor, so we need to translate it
     public static func fromInt(_ color: Int) -> UIColor {
         let red = CGFloat((color >> 16) & 0xFF) / 255.0
         let green = CGFloat((color >> 8) & 0xFF) / 255.0
         let blue = CGFloat(color & 0xFF) / 255.0
-        
+
         return UIColor(red: red, green: green, blue: blue, alpha: 1.0)
     }
 }

package/ios/NativePlatform+ios.swift

@@ -1,14 +1,19 @@
 #if os(iOS)
 
 import Foundation
+import Combine
 import NitroModules
 
-typealias CxxListener = (Array<UnistyleDependency>) -> Void
+typealias CxxDependencyListener = (Array<UnistyleDependency>, UnistylesNativeMiniRuntime) -> Void
+typealias CxxImeListener = (UnistylesNativeMiniRuntime) -> Void
 
 class NativeIOSPlatform: HybridNativePlatformSpec {
     var miniRuntime: UnistylesNativeMiniRuntime?
+    var keyboardAnimation = KeyboardAnimation()
+    var cancellables = Set<AnyCancellable>()
 
-    var listeners: Array<CxxListener> = []
+    var dependencyListeners: Array<CxxDependencyListener> = []
+    var imeListeners: Array<CxxImeListener> = []
     var hybridContext = margelo.nitro.HybridContext()
     var memorySize: Int {
         return getSizeOf(self)
@@ -18,10 +23,12 @@ class NativeIOSPlatform: HybridNativePlatformSpec {
         self.miniRuntime = self.buildMiniRuntime()
 
         setupPlatformListeners()
+        setupKeyboardListeners()
     }
 
     deinit {
         removePlatformListeners()
+        removeKeyboardListeners()
     }
 
     func getMiniRuntime() -> UnistylesNativeMiniRuntime {
@@ -29,6 +36,8 @@ class NativeIOSPlatform: HybridNativePlatformSpec {
     }
 
     func buildMiniRuntime() -> UnistylesNativeMiniRuntime {
+        let orientation = self.getOrientation()
+
         return UnistylesNativeMiniRuntime(
             colorScheme: self.getColorScheme(),
             screen: self.getScreenDimensions(),
@@ -39,7 +48,8 @@ class NativeIOSPlatform: HybridNativePlatformSpec {
             rtl: self.getPrefersRtlDirection(),
             statusBar: self.getStatusBarDimensions(),
             navigationBar: self.getNavigationBarDimensions(),
-            orientation: self.getOrientation()
+            isPortrait: orientation == .portrait,
+            isLandscape: orientation == .landscape
         )
     }
 
@@ -177,18 +187,35 @@ class NativeIOSPlatform: HybridNativePlatformSpec {
             return getContentSizeCategoryFn()
         }
     }
+    
+    func getMainWindow() -> UIWindow? {
+        guard let mainWindow = UIApplication.shared.connectedScenes
+            .compactMap({ $0 as? UIWindowScene })
+            .flatMap({ $0.windows })
+            .first(where: { $0.isKeyWindow }) else {
+            return nil
+        }
+        
+        return mainWindow
+    }
 
     // todo handle IME animation
     func getInsets() -> Insets {
         func getInsetsFn() -> Insets {
-            guard let window = UIApplication.shared.windows.first else {
+            guard let window = getMainWindow() else {
                 // this should never happen, but it's better to return zeros
                 return Insets(top: 0, bottom: 0, left: 0, right: 0, ime: 0)
             }
 
             let safeArea = window.safeAreaInsets
 
-            return Insets(top: safeArea.top, bottom: safeArea.bottom, left: safeArea.left, right: safeArea.right, ime: 0)
+            return Insets(
+                top: safeArea.top,
+                bottom: safeArea.bottom,
+                left: safeArea.left,
+                right: safeArea.right,
+                ime: keyboardAnimation.animatedImeInset
+            )
         }
 
         if Thread.isMainThread {
@@ -219,7 +246,7 @@ class NativeIOSPlatform: HybridNativePlatformSpec {
 
     func getStatusBarDimensions() -> Dimensions {
         func getStatusBarDimensionsFn() -> Dimensions {
-            guard let window = UIApplication.shared.windows.first,
+            guard let window = getMainWindow(),
                   let statusBarManager = window.windowScene?.statusBarManager else {
                 // this should never happen, but it's better to return defaults
                 return Dimensions(width: 0, height: 0)
@@ -274,15 +301,13 @@ class NativeIOSPlatform: HybridNativePlatformSpec {
     func getNavigationBarDimensions() -> Dimensions {
         return Dimensions(width: 0, height: 0);
     }
-    
+
     func setStatusBarHidden(isHidden: Bool) throws {
         self.onWindowChange(Notification(name: NSNotification.Name("RCTWindowFrameDidChangeNotification")))
     }
 
     // not implemented for iOS as there are no such APIs
-    func setNavigationBarBackgroundColor(color: Double) throws {}
     func setNavigationBarHidden(isHidden: Bool) throws {}
-    func setStatusBarBackgroundColor(color: Double) throws {}
 
     // implemented from JS
     func setImmersiveMode(isEnabled: Bool) throws {}

package/ios/NativePlatform+keyboard.swift

@@ -0,0 +1,83 @@
+import Foundation
+
+struct KeyboardAnimation {
+    var animatedImeInset: CGFloat = 0
+    var keyboardHeight: CGFloat = 0
+    var animationDuration: Double = 0
+    var displayLink: CADisplayLink?
+    var startTime: CFTimeInterval = 0
+    var from: CGFloat = 0
+    var to: CGFloat = 0
+}
+
+extension NativeIOSPlatform {
+    func setupKeyboardListeners() {
+        NotificationCenter.default.addObserver(self, selector: #selector(onKeyboardWillShow), name: UIResponder.keyboardWillShowNotification, object: nil)
+        NotificationCenter.default.addObserver(self, selector: #selector(onKeyboardWillHide), name: UIResponder.keyboardWillHideNotification, object: nil)
+    }
+
+    func removeKeyboardListeners() {
+        keyboardAnimation.displayLink?.invalidate()
+
+        NotificationCenter.default.removeObserver(
+             self,
+             name: UIResponder.keyboardWillShowNotification,
+             object: nil
+         )
+         NotificationCenter.default.removeObserver(
+             self,
+             name: UIResponder.keyboardWillHideNotification,
+             object: nil
+         )
+    }
+
+    @objc func onKeyboardWillShow(notification: NSNotification) {
+        guard let frame = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect else { return }
+        guard let duration = notification.userInfo?[UIResponder.keyboardAnimationDurationUserInfoKey] as? Double else { return }
+
+        keyboardAnimation.keyboardHeight = frame.height
+        keyboardAnimation.animationDuration = duration
+
+        startAnimation(toValue: keyboardAnimation.keyboardHeight)
+    }
+
+    @objc func onKeyboardWillHide(notification: NSNotification) {
+        guard let duration = notification.userInfo?[UIResponder.keyboardAnimationDurationUserInfoKey] as? Double else { return }
+
+        keyboardAnimation.animationDuration = duration
+
+        startAnimation(toValue: 0)
+    }
+
+    func startAnimation(toValue targetValue: CGFloat) {
+        keyboardAnimation.startTime = CACurrentMediaTime()
+        keyboardAnimation.displayLink?.invalidate()
+
+        keyboardAnimation.from = keyboardAnimation.animatedImeInset
+        keyboardAnimation.to = targetValue
+
+        if (keyboardAnimation.from == keyboardAnimation.to) {
+            return
+        }
+
+        keyboardAnimation.displayLink = CADisplayLink(target: self, selector: #selector(updateAnimation))
+        keyboardAnimation.displayLink?.add(to: .main, forMode: .default)
+    }
+
+    @objc func updateAnimation() {
+        let elapsedTime = CACurrentMediaTime() - keyboardAnimation.startTime
+        let linearProgress = min(elapsedTime / keyboardAnimation.animationDuration, 1)
+        let easedProgress = 1 - pow(1 - linearProgress, 3)
+
+        // Interpolate between 'from' and 'to'
+        keyboardAnimation.animatedImeInset = keyboardAnimation.from + (keyboardAnimation.to - keyboardAnimation.from) * CGFloat(easedProgress)
+
+        self.miniRuntime?.insets.ime = keyboardAnimation.animatedImeInset
+        self.emitImeEvent(updatedMiniRuntime: self.miniRuntime!)
+
+        if linearProgress >= 1 {
+            keyboardAnimation.displayLink?.invalidate()
+            keyboardAnimation.displayLink = nil
+        }
+    }
+}

package/ios/NativePlatformListener+ios.swift

@@ -2,40 +2,52 @@ import Foundation
 
 extension NativeIOSPlatform {
     func setupPlatformListeners() {
-        NotificationCenter.default.addObserver(
-            self,
-            selector: #selector(onWindowChange(_:)),
-            name: NSNotification.Name("RCTWindowFrameDidChangeNotification"),
-            object: nil
-        )
+        NotificationCenter.default.publisher(for: NSNotification.Name("RCTWindowFrameDidChangeNotification"))
+            // add small delay (10ms) to make sure all values are up ot date
+            .delay(for: .milliseconds(10), scheduler: RunLoop.current)
+            .sink { [weak self] notification in
+                self?.onWindowChange(notification)
+            }
+            .store(in: &cancellables)
     }
 
     func removePlatformListeners() {
-        NotificationCenter.default.removeObserver(self, name: NSNotification.Name("RCTWindowFrameDidChangeNotification"), object: nil)
+        self.unregisterPlatformListeners()
+    }
+
+    func registerPlatformListener(callback: @escaping (CxxDependencyListener)) throws {
+        self.dependencyListeners.append(callback)
     }
 
-    func registerPlatformListener(callback: @escaping (CxxListener)) throws {
-        listeners.append(callback)
+    func registerImeListener(callback: @escaping ((UnistylesNativeMiniRuntime) -> Void)) throws {
+        self.imeListeners.append(callback)
     }
 
-    func emitCxxEvent(dependencies: Array<UnistyleDependency>) {
-        self.listeners.forEach { $0(dependencies) }
+    func emitCxxEvent(dependencies: Array<UnistyleDependency>, updatedMiniRuntime: UnistylesNativeMiniRuntime) {
+        self.dependencyListeners.forEach { $0(dependencies, updatedMiniRuntime) }
+    }
+
+    func emitImeEvent(updatedMiniRuntime: UnistylesNativeMiniRuntime) {
+        self.imeListeners.forEach { $0(updatedMiniRuntime) }
+    }
+    
+    func unregisterPlatformListeners() {
+        cancellables.removeAll()
+        dependencyListeners.removeAll()
+        imeListeners.removeAll()
     }
 
     @objc func onWindowChange(_ notification: Notification) {
-        // add small delay (10ms) to make sure all values are up ot date
-        DispatchQueue.main.asyncAfter(deadline: .now() + 0.01) {
-            guard let currentMiniRuntime = self.miniRuntime else {
-                return
-            }
-            
-            let newMiniRuntime = self.buildMiniRuntime()
-            let changedDependencies = UnistylesNativeMiniRuntime.diff(lhs: currentMiniRuntime, rhs: newMiniRuntime)
-  
-            if (changedDependencies.count > 0) {
-                self.miniRuntime = newMiniRuntime
-                self.emitCxxEvent(dependencies: changedDependencies)
-            }
+        guard let currentMiniRuntime = self.miniRuntime else {
+            return
+        }
+
+        let newMiniRuntime = self.buildMiniRuntime()
+        let changedDependencies = UnistylesNativeMiniRuntime.diff(lhs: currentMiniRuntime, rhs: newMiniRuntime)
+
+        if (changedDependencies.count > 0) {
+            self.miniRuntime = newMiniRuntime
+            self.emitCxxEvent(dependencies: changedDependencies, updatedMiniRuntime: newMiniRuntime)
         }
     }
 }

package/ios/Unistyles.h

@@ -1,3 +1,4 @@
 #pragma once
 
+#import "jsi/jsi.h"
 #import <React/RCTUtils.h>

package/ios/UnistylesModuleOnLoad.h

@@ -1,13 +1,19 @@
 #pragma once
 
+#ifndef RCT_NEW_ARCH_ENABLED
+    #error "Unistyles 3.0 requires your project to have New Architecture enabled."
+#endif
+
 #import <React/RCTEventEmitter.h>
-#import <ReactCommon/RCTTurboModuleWithJSIBindings.h>
 #import "TurboUnistyles/TurboUnistyles.h"
 #import <React/RCTSurfacePresenter.h>
 #import <React/RCTScheduler.h>
+#import <React/RCTRuntimeExecutorModule.h>
+#import <ReactCommon/RCTRuntimeExecutor.h>
+#import <ReactCommon/RCTTurboModuleWithJSIBindings.h>
 
 @interface UnistylesModule: RCTEventEmitter<NativeTurboUnistylesSpec>
 @end
 
-@interface UnistylesModule()<RCTTurboModuleWithJSIBindings>
+@interface UnistylesModule()<RCTTurboModuleWithJSIBindings, RCTRuntimeExecutorModule>
 @end

package/ios/UnistylesModuleOnLoad.mm

@@ -11,6 +11,7 @@ using namespace margelo::nitro;
 RCT_EXPORT_MODULE(Unistyles)
 
 __weak RCTSurfacePresenter* _surfacePresenter;
+@synthesize runtimeExecutor = _runtimeExecutor;
 
 + (BOOL)requiresMainQueueSetup {
     return YES;
@@ -35,8 +36,15 @@ __weak RCTSurfacePresenter* _surfacePresenter;
 }
 
 - (void)createHybrids:(jsi::Runtime&)rt {
+    auto runOnJSThread = ([executor = _runtimeExecutor](std::function<void(jsi::Runtime& rt)> &&callback) {
+        __block auto objcCallback = callback;
+
+        [executor execute:^(jsi::Runtime& rt){
+            objcCallback(rt);
+        }];
+    });
     auto nativePlatform = Unistyles::NativePlatform::create();
-    auto unistylesRuntime = std::make_shared<HybridUnistylesRuntime>(nativePlatform, rt);
+    auto unistylesRuntime = std::make_shared<HybridUnistylesRuntime>(nativePlatform, rt, runOnJSThread);
     auto uiManager = [_surfacePresenter scheduler].uiManager;
     auto styleSheet = std::make_shared<HybridStyleSheet>(unistylesRuntime, uiManager);
 
@@ -46,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/Display.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Display = void 0;
+var _hooks = require("../hooks");
+const Display = ({
+  children,
+  ...props
+}) => {
+  const {
+    isVisible
+  } = (0, _hooks.useMedia)(props);
+  return isVisible ? children : null;
+};
+exports.Display = Display;
+//# sourceMappingURL=Display.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_hooks","require","Display","children","props","isVisible","useMedia","exports"],"sourceRoot":"../../../src","sources":["components/Display.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAIO,MAAMC,OAA8C,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,KAAK;EACtF,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAQ,EAACF,KAAK,CAAC;EAErC,OAAOC,SAAS,GACVF,QAAQ,GACR,IAAI;AACd,CAAC;AAAAI,OAAA,CAAAL,OAAA,GAAAA,OAAA","ignoreList":[]}

package/lib/commonjs/components/Hide.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Hide = void 0;
+var _hooks = require("../hooks");
+const Hide = ({
+  children,
+  ...props
+}) => {
+  const {
+    isVisible
+  } = (0, _hooks.useMedia)(props);
+  return !isVisible ? children : null;
+};
+exports.Hide = Hide;
+//# sourceMappingURL=Hide.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_hooks","require","Hide","children","props","isVisible","useMedia","exports"],"sourceRoot":"../../../src","sources":["components/Hide.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAIO,MAAMC,IAAwC,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,KAAK;EAChF,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAQ,EAACF,KAAK,CAAC;EAErC,OAAO,CAACC,SAAS,GACXF,QAAQ,GACR,IAAI;AACd,CAAC;AAAAI,OAAA,CAAAL,IAAA,GAAAA,IAAA","ignoreList":[]}

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":[]}