aix 0.0.15 → 0.1.0-alpha.1

package/ios/HybridAixCellView.swift

@@ -0,0 +1,174 @@
+//
+//  HybridAixBlank.swift
+//  Pods
+//
+//  Created by Fernando Rojo on 12/11/2025.
+//
+
+import Foundation
+import UIKit
+
+/// HybridAixCellView wraps each list item in the chat (the "blank" cell at the end)
+/// It tracks its index and whether it's the last item,
+/// and reports size changes to the AixContext
+class HybridAixCellView: HybridAixCellViewSpec {
+    
+    
+    // MARK: - Inner View
+
+    /// Custom UIView that notifies owner when layout changes
+    private final class InnerView: UIView {
+        weak var owner: HybridAixCellView?
+
+        override init(frame: CGRect) {
+            super.init(frame: frame)
+            autoresizingMask = [.flexibleWidth]
+        }
+
+        required init?(coder: NSCoder) {
+            fatalError("init(coder:) has not been implemented")
+        }
+
+        override func layoutSubviews() {
+            super.layoutSubviews()
+            owner?.handleLayoutChange()
+        }
+
+        override func didMoveToSuperview() {
+            super.didMoveToSuperview()
+            owner?.handleDidMoveToSuperview()
+        }
+
+        override func didMoveToWindow() {
+            super.didMoveToWindow()
+            owner?.handleDidMoveToWindow()
+        }
+
+        override func willMove(toSuperview newSuperview: UIView?) {
+            super.willMove(toSuperview: newSuperview)
+            if newSuperview == nil {
+                // Being removed from superview - unregister
+                owner?.handleWillRemoveFromSuperview()
+            }
+        }
+    }
+    
+    // MARK: - Properties
+    
+    /// The UIView for this cell
+    let view: UIView
+    
+    /// The index of this cell in the list
+    var index: Double = 0 {
+        didSet {
+            if oldValue != index {
+                updateRegistration()
+            }
+        }
+    }
+    
+    /// Whether this is the last cell in the list
+    /// When true, this cell becomes the "blank view" used for calculating scroll offsets
+    var isLast: Bool = false {
+        didSet {
+            if oldValue != isLast {
+                updateBlankViewStatus()
+            }
+        }
+    }
+    
+    /// Cached reference to the AixContext (found on first access)
+    private weak var cachedAixContext: AixContext?
+    
+    /// Last reported size (to avoid reporting unchanged sizes)
+    private var lastReportedSize: CGSize = .zero
+    
+    // MARK: - Initialization
+    
+    override init() {
+        let inner = InnerView()
+        self.view = inner
+        super.init()
+        inner.owner = self
+        getAixContext()?.registerCell(self)
+    }
+    
+    // MARK: - Context Access
+    
+    /// Get the AixContext, caching it for performance
+    private func getAixContext() -> AixContext? {
+        if let cached = cachedAixContext {
+            return cached
+        }
+        let ctx = view.useAixContext()
+        cachedAixContext = ctx
+        return ctx
+    }
+    
+    // MARK: - Lifecycle Handlers
+    
+    /// Called when the view is added to a superview
+    private func handleDidMoveToSuperview() {
+        // Don't register here - hierarchy may not be complete yet
+        // Wait for didMoveToWindow instead
+    }
+    
+    /// Called when the view is added to a window (full hierarchy is connected)
+    private func handleDidMoveToWindow() {
+        guard view.window != nil else { return }
+        
+        // Clear cached context since hierarchy changed
+        cachedAixContext = nil
+        
+        // Register with the new context
+        if let ctx = getAixContext() {
+            ctx.registerCell(self)
+        }
+    }
+    
+    /// Called when the view is about to be removed from superview
+    private func handleWillRemoveFromSuperview() {
+        // Unregister from context before removal
+        if let ctx = cachedAixContext {
+            ctx.unregisterCell(self)
+        }
+        cachedAixContext = nil
+    }
+    
+    /// Called when layoutSubviews fires (size may have changed)
+    private func handleLayoutChange() {
+        // Only report size changes for the last cell (blank view)
+        // and only if the size actually changed
+        let currentSize = view.bounds.size
+        if isLast && currentSize != lastReportedSize {
+            lastReportedSize = currentSize
+            if let ctx = getAixContext() {
+                ctx.reportBlankViewSizeChange(size: currentSize, index: Int(index))
+            }
+        }
+    }
+    
+    // MARK: - Registration
+    
+    /// Update registration with context (called when index changes)
+    private func updateRegistration() {
+        guard let ctx = getAixContext() else { return }
+        ctx.registerCell(self)
+    }
+    
+    /// Update blank view status (called when isLast changes)
+    private func updateBlankViewStatus() {
+        guard let ctx = getAixContext() else { return }
+        
+        if isLast {
+            // This cell is now the last one - become the blank view
+            ctx.blankView = self
+            let currentSize = view.bounds.size
+            lastReportedSize = currentSize
+            ctx.reportBlankViewSizeChange(size: currentSize, index: Int(index))
+        } else if ctx.blankView === self {
+            // This cell is no longer last - clear blank view reference
+            ctx.blankView = nil
+        }
+    }
+}

package/ios/HybridAixComposer.swift

@@ -0,0 +1,119 @@
+//
+//  HybridAixComposer.swift
+//  Pods
+//
+//  Created by Fernando Rojo on 12/11/2025.
+//
+
+import Foundation
+import UIKit
+
+/// HybridAixComposer wraps the chat composer input
+/// It registers itself with the AixContext so the context can track composer height
+/// for calculating content insets
+class HybridAixComposer: HybridAixComposerSpec {
+    
+    // MARK: - Inner View
+    
+    /// Custom UIView that notifies owner when layout changes
+    private final class InnerView: UIView {
+        weak var owner: HybridAixComposer?
+        
+        override func layoutSubviews() {
+            super.layoutSubviews()
+            owner?.handleLayoutChange()
+        }
+        
+        override func didMoveToWindow() {
+            super.didMoveToWindow()
+            owner?.handleDidMoveToWindow()
+        }
+        
+        override func willMove(toSuperview newSuperview: UIView?) {
+            super.willMove(toSuperview: newSuperview)
+            if newSuperview == nil {
+                // Being removed from superview - unregister
+                owner?.handleWillRemoveFromSuperview()
+            }
+        }
+        
+        // MARK: - Touch Handling
+        
+        /// Let touches pass through to React Native children
+        override func point(inside point: CGPoint, with event: UIEvent?) -> Bool {
+            return false
+        }
+    }
+    
+    // MARK: - Properties
+    
+    /// The UIView for this composer
+    let view: UIView
+    
+    /// Cached reference to the AixContext (found on first access)
+    private weak var cachedAixContext: AixContext?
+
+    /// Last reported height (to avoid reporting unchanged heights)
+    private var lastReportedHeight: CGFloat = 0
+    
+    // MARK: - Initialization
+    
+    override init() {
+        let inner = InnerView()
+        self.view = inner
+        super.init()
+        inner.owner = self
+    }
+    
+    // MARK: - Context Access
+    
+    /// Get the AixContext, caching it for performance
+    private func getAixContext() -> AixContext? {
+        if let cached = cachedAixContext {
+            return cached
+        }
+        let ctx = view.useAixContext()
+        cachedAixContext = ctx
+        return ctx
+    }
+    
+    // MARK: - Lifecycle Handlers
+    
+    /// Called when the view is added to a window (full hierarchy is connected)
+    private func handleDidMoveToWindow() {
+        guard view.window != nil else { return }
+        
+        // Clear cached context since hierarchy changed
+        cachedAixContext = nil
+        
+        // Register with the new context
+        if let ctx = getAixContext() {
+            ctx.registerComposerView(self)
+        }
+    }
+    
+    /// Called when the view is about to be removed from superview
+    private func handleWillRemoveFromSuperview() {
+        // Unregister from context before removal
+        if let ctx = cachedAixContext {
+            ctx.unregisterComposerView(self)
+        }
+        cachedAixContext = nil
+    }
+    
+    /// Called when layoutSubviews fires (size may have changed)
+    private func handleLayoutChange() {
+        let currentHeight = view.bounds.height
+        if currentHeight != lastReportedHeight {
+            lastReportedHeight = currentHeight
+            getAixContext()?.reportComposerHeightChange(height: currentHeight)
+        }
+    }
+    
+    // MARK: - Deinitialization
+    
+    deinit {
+        // Ensure we unregister when deallocated
+        cachedAixContext?.unregisterComposerView(self)
+    }
+}

package/lib/commonjs/aix.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Aix = void 0;
+var _reactNativeNitroModules = require("react-native-nitro-modules");
+var _AixConfig = _interopRequireDefault(require("../nitrogen/generated/shared/json/AixConfig.json"));
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AixInternal = (0, _reactNativeNitroModules.getHostComponent)('Aix', () => _AixConfig.default);
+const Aix = exports.Aix = /*#__PURE__*/(0, _react.forwardRef)(function Aix(props, ref) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AixInternal, {
+    ...props,
+    hybridRef: ref ? (0, _reactNativeNitroModules.callback)(r => {
+      if (typeof ref === 'function') {
+        ref(r);
+      } else {
+        ref.current = r;
+      }
+    }) : undefined
+  });
+});
+//# sourceMappingURL=aix.js.map

package/lib/commonjs/aix.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeNitroModules","require","_AixConfig","_interopRequireDefault","_react","_jsxRuntime","e","__esModule","default","AixInternal","getHostComponent","AixConfig","Aix","exports","forwardRef","props","ref","jsx","hybridRef","callback","r","current","undefined"],"sourceRoot":"../../src","sources":["aix.tsx"],"mappings":";;;;;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAAkC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIlC,MAAMG,WAAW,GAAG,IAAAC,yCAAgB,EAClC,KAAK,EACL,MAAMC,kBACR,CAAC;AAEM,MAAMC,GAAG,GAAAC,OAAA,CAAAD,GAAA,gBAAG,IAAAE,iBAAU,EAC3B,SAASF,GAAGA,CAACG,KAAK,EAAEC,GAAG,EAAE;EACvB,oBACE,IAAAX,WAAA,CAAAY,GAAA,EAACR,WAAW;IAAA,GACNM,KAAK;IACTG,SAAS,EACPF,GAAG,GACC,IAAAG,iCAAQ,EAAEC,CAAC,IAAK;MACd,IAAI,OAAOJ,GAAG,KAAK,UAAU,EAAE;QAC7BA,GAAG,CAACI,CAAC,CAAC;MACR,CAAC,MAAM;QACLJ,GAAG,CAACK,OAAO,GAAGD,CAAC;MACjB;IACF,CAAC,CAAC,GACFE;EACL,CACF,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/lib/commonjs/fade-in/createUsePool.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUsePool = createUsePool;
+var _react = require("react");
+function createUsePool(maxPoolSize) {
+  // Use parallel arrays instead of one array for fast array operations
+  const items = [];
+  const setters = [];
+  const removeItem = (item, setInactive) => {
+    const index = items.indexOf(item);
+    if (index !== -1) {
+      if (setInactive) {
+        setters[index](false);
+      }
+      items.splice(index, 1);
+      setters.splice(index, 1);
+    }
+  };
+  const usePool = () => {
+    // Use a stable object reference as the key
+    const item = (0, _react.useRef)({}).current;
+    const [isActive, setIsActive] = (0, _react.useState)(true);
+
+    // A function that is stable and only changes when the item changes
+    const evict = (0, _react.useCallback)(() => removeItem(item, true), [item]);
+    (0, _react.useEffect)(() => {
+      items.push(item);
+      setters.push(setIsActive);
+
+      // Evict oldest item if over capacity
+      if (maxPoolSize && items.length > maxPoolSize) {
+        items.shift();
+        const evictedListener = setters.shift();
+        evictedListener(false);
+      }
+
+      // Remove from pool when unmounting
+      return () => removeItem(item);
+    }, [item]);
+    return {
+      isActive,
+      evict
+    };
+  };
+  return usePool;
+}
+//# sourceMappingURL=createUsePool.js.map

package/lib/commonjs/fade-in/createUsePool.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","createUsePool","maxPoolSize","items","setters","removeItem","item","setInactive","index","indexOf","splice","usePool","useRef","current","isActive","setIsActive","useState","evict","useCallback","useEffect","push","length","shift","evictedListener"],"sourceRoot":"../../../src","sources":["fade-in/createUsePool.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,aAAaA,CAACC,WAAoB,EAAE;EAClD;EACA,MAAMC,KAAe,GAAG,EAAE;EAC1B,MAAMC,OAAqC,GAAG,EAAE;EAEhD,MAAMC,UAAU,GAAGA,CAACC,IAAY,EAAEC,WAAqB,KAAK;IAC1D,MAAMC,KAAK,GAAGL,KAAK,CAACM,OAAO,CAACH,IAAI,CAAC;IACjC,IAAIE,KAAK,KAAK,CAAC,CAAC,EAAE;MAChB,IAAID,WAAW,EAAE;QACfH,OAAO,CAACI,KAAK,CAAC,CAAE,KAAK,CAAC;MACxB;MACAL,KAAK,CAACO,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;MACtBJ,OAAO,CAACM,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,MAAMG,OAAO,GAAGA,CAAA,KAAM;IACpB;IACA,MAAML,IAAI,GAAG,IAAAM,aAAM,EAAC,CAAC,CAAC,CAAC,CAACC,OAAO;IAC/B,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;;IAE9C;IACA,MAAMC,KAAK,GAAG,IAAAC,kBAAW,EAAC,MAAMb,UAAU,CAACC,IAAI,EAAE,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;IAE/D,IAAAa,gBAAS,EAAC,MAAM;MACdhB,KAAK,CAACiB,IAAI,CAACd,IAAI,CAAC;MAChBF,OAAO,CAACgB,IAAI,CAACL,WAAW,CAAC;;MAEzB;MACA,IAAIb,WAAW,IAAIC,KAAK,CAACkB,MAAM,GAAGnB,WAAW,EAAE;QAC7CC,KAAK,CAACmB,KAAK,CAAC,CAAC;QACb,MAAMC,eAAe,GAAGnB,OAAO,CAACkB,KAAK,CAAC,CAAE;QACxCC,eAAe,CAAC,KAAK,CAAC;MACxB;;MAEA;MACA,OAAO,MAAMlB,UAAU,CAACC,IAAI,CAAC;IAC/B,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;IAEV,OAAO;MAAEQ,QAAQ;MAAEG;IAAM,CAAC;EAC5B,CAAC;EAED,OAAON,OAAO;AAChB","ignoreList":[]}

package/lib/commonjs/fade-in/createUseStaggered.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUseStaggered = createUseStaggered;
+var _react = require("react");
+// Creates a staggered animation system - only one animation starts per frame/delay
+function createUseStaggered(delay) {
+  const animationQueue = [];
+  let isProcessing = false;
+
+  // Schedule next animation with delay or requestAnimationFrame
+  const scheduleNext = () => {
+    if (delay && delay > 0) {
+      setTimeout(processNextAnimation, delay);
+    } else {
+      requestAnimationFrame(processNextAnimation);
+    }
+  };
+  const processNextAnimation = () => {
+    if (animationQueue.length === 0) {
+      isProcessing = false;
+      return;
+    }
+
+    // Calculate how many animations to process this cycle
+    const queueLength = animationQueue.length;
+    let animationsToProcess = 1;
+
+    // Catch-up logic: process more animations when queue is long
+    if (queueLength > 10) {
+      animationsToProcess = Math.min(5, Math.ceil(queueLength / 4));
+    } else if (queueLength > 5) {
+      animationsToProcess = 2;
+    }
+
+    // Process the calculated number of animations
+    for (let i = 0; i < animationsToProcess && animationQueue.length > 0; i++) {
+      const startAnimation = animationQueue.shift();
+      startAnimation();
+    }
+
+    // Continue processing or mark as idle
+    if (animationQueue.length > 0) {
+      scheduleNext();
+    } else {
+      isProcessing = false;
+    }
+  };
+  const queueAnimation = startFn => {
+    animationQueue.push(startFn);
+    if (!isProcessing) {
+      isProcessing = true;
+      scheduleNext();
+    }
+  };
+  const useStaggered = animationFn => {
+    const animationRef = (0, _react.useRef)(animationFn);
+
+    // Queue animation on mount
+    (0, _react.useEffect)(() => {
+      if (animationRef.current) {
+        queueAnimation(animationRef.current);
+      }
+    }, []);
+    (0, _react.useEffect)(() => {
+      const animation = animationRef.current;
+      return () => {
+        // Clean up pending animation on unmount
+        if (animation) {
+          const index = animationQueue.indexOf(animation);
+          if (index !== -1) {
+            animationQueue.splice(index, 1);
+          }
+        }
+      };
+    }, []);
+  };
+  return useStaggered;
+}
+//# sourceMappingURL=createUseStaggered.js.map

package/lib/commonjs/fade-in/createUseStaggered.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","createUseStaggered","delay","animationQueue","isProcessing","scheduleNext","setTimeout","processNextAnimation","requestAnimationFrame","length","queueLength","animationsToProcess","Math","min","ceil","i","startAnimation","shift","queueAnimation","startFn","push","useStaggered","animationFn","animationRef","useRef","useEffect","current","animation","index","indexOf","splice"],"sourceRoot":"../../../src","sources":["fade-in/createUseStaggered.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACO,SAASC,kBAAkBA,CAACC,KAAa,EAAE;EAChD,MAAMC,cAA8B,GAAG,EAAE;EACzC,IAAIC,YAAY,GAAG,KAAK;;EAExB;EACA,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIH,KAAK,IAAIA,KAAK,GAAG,CAAC,EAAE;MACtBI,UAAU,CAACC,oBAAoB,EAAEL,KAAK,CAAC;IACzC,CAAC,MAAM;MACLM,qBAAqB,CAACD,oBAAoB,CAAC;IAC7C;EACF,CAAC;EAED,MAAMA,oBAAoB,GAAGA,CAAA,KAAM;IACjC,IAAIJ,cAAc,CAACM,MAAM,KAAK,CAAC,EAAE;MAC/BL,YAAY,GAAG,KAAK;MACpB;IACF;;IAEA;IACA,MAAMM,WAAW,GAAGP,cAAc,CAACM,MAAM;IACzC,IAAIE,mBAAmB,GAAG,CAAC;;IAE3B;IACA,IAAID,WAAW,GAAG,EAAE,EAAE;MACpBC,mBAAmB,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,IAAI,CAACJ,WAAW,GAAG,CAAC,CAAC,CAAC;IAC/D,CAAC,MAAM,IAAIA,WAAW,GAAG,CAAC,EAAE;MAC1BC,mBAAmB,GAAG,CAAC;IACzB;;IAEA;IACA,KAAK,IAAII,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGJ,mBAAmB,IAAIR,cAAc,CAACM,MAAM,GAAG,CAAC,EAAEM,CAAC,EAAE,EAAE;MACzE,MAAMC,cAAc,GAAGb,cAAc,CAACc,KAAK,CAAC,CAAE;MAC9CD,cAAc,CAAC,CAAC;IAClB;;IAEA;IACA,IAAIb,cAAc,CAACM,MAAM,GAAG,CAAC,EAAE;MAC7BJ,YAAY,CAAC,CAAC;IAChB,CAAC,MAAM;MACLD,YAAY,GAAG,KAAK;IACtB;EACF,CAAC;EAED,MAAMc,cAAc,GAAIC,OAAmB,IAAK;IAC9ChB,cAAc,CAACiB,IAAI,CAACD,OAAO,CAAC;IAE5B,IAAI,CAACf,YAAY,EAAE;MACjBA,YAAY,GAAG,IAAI;MACnBC,YAAY,CAAC,CAAC;IAChB;EACF,CAAC;EAED,MAAMgB,YAAY,GAAIC,WAAuB,IAAK;IAChD,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAAsBF,WAAW,CAAC;;IAE7D;IACA,IAAAG,gBAAS,EAAC,MAAM;MACd,IAAIF,YAAY,CAACG,OAAO,EAAE;QACxBR,cAAc,CAACK,YAAY,CAACG,OAAO,CAAC;MACtC;IACF,CAAC,EAAE,EAAE,CAAC;IAEN,IAAAD,gBAAS,EAAC,MAAM;MACd,MAAME,SAAS,GAAGJ,YAAY,CAACG,OAAO;MACtC,OAAO,MAAM;QACX;QACA,IAAIC,SAAS,EAAE;UACb,MAAMC,KAAK,GAAGzB,cAAc,CAAC0B,OAAO,CAACF,SAAS,CAAC;UAC/C,IAAIC,KAAK,KAAK,CAAC,CAAC,EAAE;YAChBzB,cAAc,CAAC2B,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;UACjC;QACF;MACF,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;EACR,CAAC;EAED,OAAOP,YAAY;AACrB","ignoreList":[]}

package/lib/commonjs/fade-in/index.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextFadeInStaggeredIfStreaming = void 0;
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _createUsePool = require("./createUsePool");
+var _createUseStaggered = require("./createUseStaggered");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const useIsAnimatedInPool = (0, _createUsePool.createUsePool)();
+const useStaggeredAnimation = (0, _createUseStaggered.createUseStaggered)(32);
+function FadeIn({
+  children,
+  onFadedIn,
+  Component = _reactNativeReanimated.default.Text
+}) {
+  const progress = (0, _reactNativeReanimated.useSharedValue)(0);
+  const startAnimation = () => {
+    progress.set((0, _reactNativeReanimated.withTiming)(1, {
+      duration: 500
+    }));
+    setTimeout(onFadedIn, 500);
+  };
+  useStaggeredAnimation(startAnimation);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: progress.get()
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+    style: animatedStyle,
+    children: children
+  });
+}
+const AnimatedFadeInText = /*#__PURE__*/(0, _react.memo)(function AnimatedFadeInText(props) {
+  const chunks = props.text.split(' ');
+  return chunks.map((chunk, i) => {
+    if (i < chunks.length - 1) chunk += ' ';
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextFadeInStaggered, {
+      text: chunk
+    }, i);
+  });
+});
+const TextFadeInStaggeredIfStreaming = exports.TextFadeInStaggeredIfStreaming = /*#__PURE__*/(0, _react.memo)(function TextFadeInStaggeredIfStreaming({
+  children: childrenProp,
+  disabled
+}) {
+  const [enabled] = (0, _react.useState)(!disabled);
+  let children = childrenProp;
+  if (enabled && children) {
+    if (Array.isArray(children)) {
+      children = _react.Children.map(children, (child, i) => typeof child === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedFadeInText, {
+        text: child
+      }, i) : child);
+    } else if (typeof children === 'string') {
+      children = /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedFadeInText, {
+        text: children
+      });
+    }
+  }
+  return children;
+});
+const TextFadeInStaggered = /*#__PURE__*/(0, _react.memo)(function TextFadeInStaggered({
+  text
+}) {
+  const {
+    isActive,
+    evict
+  } = useIsAnimatedInPool();
+  return isActive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(FadeIn, {
+    onFadedIn: () => {
+      evict();
+    },
+    children: text
+  }) : text;
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/fade-in/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","_interopRequireWildcard","require","_createUsePool","_createUseStaggered","_react","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useIsAnimatedInPool","createUsePool","useStaggeredAnimation","createUseStaggered","FadeIn","children","onFadedIn","Component","Animated","Text","progress","useSharedValue","startAnimation","withTiming","duration","setTimeout","animatedStyle","useAnimatedStyle","opacity","jsx","style","AnimatedFadeInText","memo","props","chunks","text","split","map","chunk","length","TextFadeInStaggered","TextFadeInStaggeredIfStreaming","exports","childrenProp","disabled","enabled","useState","Array","isArray","Children","child","isActive","evict"],"sourceRoot":"../../../src","sources":["fade-in/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/footer.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AixFooter = AixFooter;
+var _reactNativeNitroModules = require("react-native-nitro-modules");
+var _AixComposerConfig = _interopRequireDefault(require("../nitrogen/generated/shared/json/AixComposerConfig.json"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AixFooterInternal = (0, _reactNativeNitroModules.getHostComponent)('AixComposer', () => _AixComposerConfig.default);
+function AixFooter(props) {
+  if (__DEV__) {
+    const flat = _reactNative.StyleSheet.flatten(props.style);
+    const broken = Object.keys({
+      paddingBottom: flat.paddingBottom,
+      padding: flat.padding
+    }).filter(key => flat[key] !== undefined);
+    if (broken.length) {
+      console.error(`<AixFooter /> You used ${broken.join(', ')} in the style prop. Vertical padding is not supported on AixFooter directly. Please apply it to a child view instead.`);
+    }
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AixFooterInternal, {
+    ...props
+  });
+}
+//# sourceMappingURL=footer.js.map

package/lib/commonjs/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeNitroModules","require","_AixComposerConfig","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","AixFooterInternal","getHostComponent","AixComposerConfig","AixFooter","props","__DEV__","flat","StyleSheet","flatten","style","broken","Object","keys","paddingBottom","padding","filter","key","undefined","length","console","error","join","jsx"],"sourceRoot":"../../src","sources":["footer.tsx"],"mappings":";;;;;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AAAyC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzC,MAAMG,iBAAiB,GAAG,IAAAC,yCAAgB,EACxC,aAAa,EACb,MAAMC,0BACR,CAAC;AAEM,SAASC,SAASA,CACvBC,KAAqD,EACrD;EACA,IAAIC,OAAO,EAAE;IACX,MAAMC,IAAI,GAAGC,uBAAU,CAACC,OAAO,CAACJ,KAAK,CAACK,KAAK,CAAC;IAC5C,MAAMC,MAAM,GAAGC,MAAM,CAACC,IAAI,CAAC;MACzBC,aAAa,EAAEP,IAAI,CAACO,aAAa;MACjCC,OAAO,EAAER,IAAI,CAACQ;IAChB,CAAC,CAAC,CAACC,MAAM,CAAEC,GAAG,IAAKV,IAAI,CAACU,GAAG,CAAsB,KAAKC,SAAS,CAAC;IAEhE,IAAIP,MAAM,CAACQ,MAAM,EAAE;MACjBC,OAAO,CAACC,KAAK,CACX,0BAA0BV,MAAM,CAACW,IAAI,CACnC,IACF,CAAC,uHACH,CAAC;IACH;EACF;EACA,oBAAO,IAAAzB,WAAA,CAAA0B,GAAA,EAACtB,iBAAiB;IAAA,GAAKI;EAAK,CAAG,CAAC;AACzC","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  AixCell: true,
+  useAixRef: true,
+  Aix: true,
+  AixFooter: true
+};
+Object.defineProperty(exports, "Aix", {
+  enumerable: true,
+  get: function () {
+    return _aix.Aix;
+  }
+});
+exports.AixCell = void 0;
+Object.defineProperty(exports, "AixFooter", {
+  enumerable: true,
+  get: function () {
+    return _footer.AixFooter;
+  }
+});
+exports.useAixRef = useAixRef;
+var _reactNativeNitroModules = require("react-native-nitro-modules");
+var _AixCellViewConfig = _interopRequireDefault(require("../nitrogen/generated/shared/json/AixCellViewConfig.json"));
+var _react = require("react");
+var _fadeIn = require("./fade-in");
+Object.keys(_fadeIn).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _fadeIn[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _fadeIn[key];
+    }
+  });
+});
+var _aix = require("./aix");
+var _footer = require("./footer");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AixCell = exports.AixCell = (0, _reactNativeNitroModules.getHostComponent)('AixCellView', () => _AixCellViewConfig.default);
+function useAixRef() {
+  return (0, _react.useRef)(null);
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeNitroModules","require","_AixCellViewConfig","_interopRequireDefault","_react","_fadeIn","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_aix","_footer","e","__esModule","default","AixCell","getHostComponent","AixCellViewConfig","useAixRef","useRef"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAAAK,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,IAAA,GAAAjB,OAAA;AACA,IAAAkB,OAAA,GAAAlB,OAAA;AAAoC,SAAAE,uBAAAiB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7B,MAAMG,OAAO,GAAAT,OAAA,CAAAS,OAAA,GAAG,IAAAC,yCAAgB,EACrC,aAAa,EACb,MAAMC,0BACR,CAAC;AAIM,SAASC,SAASA,CAAA,EAAG;EAC1B,OAAO,IAAAC,aAAM,EAAgB,IAAI,CAAC;AACpC","ignoreList":[]}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/commonjs/views/aix.nitro.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=aix.nitro.js.map

package/lib/commonjs/views/aix.nitro.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["views/aix.nitro.ts"],"mappings":"","ignoreList":[]}