@tamagui/core 2.0.0-1768530912818 → 2.0.0-1768636514428

package/dist/native.cjs

@@ -52,6 +52,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 function _interopNamespaceDefault(e2) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -89,58 +90,6 @@ function _mergeNamespaces(n, m) {
   return Object.freeze(Object.defineProperty(n, Symbol.toStringTag, { value: "Module" }));
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-var jsxRuntime = { exports: {} };
-var reactJsxRuntime_production = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactJsxRuntime_production;
-function requireReactJsxRuntime_production() {
-  if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
-  hasRequiredReactJsxRuntime_production = 1;
-  var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-  function jsxProd(type, config, maybeKey) {
-    var key = null;
-    void 0 !== maybeKey && (key = "" + maybeKey);
-    void 0 !== config.key && (key = "" + config.key);
-    if ("key" in config) {
-      maybeKey = {};
-      for (var propName in config)
-        "key" !== propName && (maybeKey[propName] = config[propName]);
-    } else maybeKey = config;
-    config = maybeKey.ref;
-    return {
-      $$typeof: REACT_ELEMENT_TYPE,
-      type,
-      key,
-      ref: void 0 !== config ? config : null,
-      props: maybeKey
-    };
-  }
-  reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
-  reactJsxRuntime_production.jsx = jsxProd;
-  reactJsxRuntime_production.jsxs = jsxProd;
-  return reactJsxRuntime_production;
-}
-var hasRequiredJsxRuntime;
-function requireJsxRuntime() {
-  if (hasRequiredJsxRuntime) return jsxRuntime.exports;
-  hasRequiredJsxRuntime = 1;
-  {
-    jsxRuntime.exports = requireReactJsxRuntime_production();
-  }
-  return jsxRuntime.exports;
-}
-var jsxRuntimeExports = requireJsxRuntime();
 var pseudoDescriptorsBase = {
   // order of keys here important! in priority order
   hoverStyle: {
@@ -260,9 +209,9 @@ function createStyledContext(defaultValues) {
     ]), scope = getNamespacedScope(scopeIn), next = React.useMemo(function() {
       return __disableMergeDefaultValues ? values : mergeProps(defaultValues, values);
     }, [objectIdentityKey(values)]), ScopedProvider = OGProvider;
-    return scope && (ScopedProvider = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */ jsxRuntimeExports.jsx(LastScopeInNamespace.Provider, {
+    return scope && (ScopedProvider = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */ jsxRuntime.jsx(LastScopeInNamespace.Provider, {
       value: scope,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScopedProvider, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(ScopedProvider, {
         value: next,
         children
       })
@@ -595,7 +544,7 @@ function LocaleProvider(props) {
     locale,
     children
   } = props;
-  return direction || locale ? /* @__PURE__ */ jsxRuntimeExports.jsx(LocaleContext.Provider, {
+  return direction || locale ? /* @__PURE__ */ jsxRuntime.jsx(LocaleContext.Provider, {
     value: {
       direction: locale ? getLocaleDirection(locale) : direction,
       locale
@@ -615,7 +564,7 @@ var LayoutHandlers = /* @__PURE__ */ new WeakMap(), LayoutDisableKey = /* @__PUR
     children
   } = param, id2 = React.useId();
   return useIsomorphicLayoutEffect(function() {
-  }, [disable, id2]), /* @__PURE__ */ jsxRuntimeExports.jsx(DisableLayoutContextKey.Provider, {
+  }, [disable, id2]), /* @__PURE__ */ jsxRuntime.jsx(DisableLayoutContextKey.Provider, {
     value: id2,
     children
   });
@@ -1756,6 +1705,9 @@ const stylesFromProps = /* @__PURE__ */ new WeakMap(), createDOMProps = (element
   return _id && (domProps.id = _id), testID != null && (domProps["data-testid"] = testID), domProps;
 };
 const isWebColor$1 = (color) => color === "currentcolor" || color === "currentColor" || color === "inherit" || color.startsWith("var(");
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
 var normalizeColor_1;
 var hasRequiredNormalizeColor;
 function requireNormalizeColor() {
@@ -1953,14 +1905,14 @@ function requireNormalizeColor() {
     return (int % 360 + 360) % 360 / 360;
   }
   function parse1(str) {
-    const num = parseFloat(str);
-    if (num < 0) {
+    const num2 = parseFloat(str);
+    if (num2 < 0) {
       return 0;
     }
-    if (num > 1) {
+    if (num2 > 1) {
       return 255;
     }
-    return Math.round(num * 255);
+    return Math.round(num2 * 255);
   }
   function parsePercentage(str) {
     const int = parseFloat(str);
@@ -2844,7 +2796,7 @@ const useCreateElement$1 = (component, props, options) => {
     if (!styles2) return;
     const styleObj = {};
     for (const style of styles2) styleObj[style[0]] = style;
-  }, [styles2]), /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+  }, [styles2]), /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [element, styleTags]
   });
 }, createElement$1 = (component, props, options) => {
@@ -2852,7 +2804,7 @@ const useCreateElement$1 = (component, props, options) => {
     element,
     styles: styles2
   } = createElementAndStyles$1(component, props);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [element, styles2 ? getStyleTags() : null]
   });
 }, createElementAndStyles$1 = (component, props, options) => {
@@ -2861,7 +2813,7 @@ const useCreateElement$1 = (component, props, options) => {
   const Component = accessibilityComponent || component, domProps = createDOMProps(Component, props), styles2 = stylesFromProps.get(domProps);
   let element = React.createElement(Component, domProps);
   return {
-    element: domProps.dir ? /* @__PURE__ */ jsxRuntimeExports.jsx(LocaleProvider, {
+    element: domProps.dir ? /* @__PURE__ */ jsxRuntime.jsx(LocaleProvider, {
       direction: domProps.dir,
       locale: domProps.lang,
       children: element
@@ -4064,7 +4016,7 @@ function createAnimatedComponent(Component) {
     } = _a, passthroughProps = __objRest(_a, [
       "style"
     ]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Component, __spreadProps(__spreadValues(__spreadValues({}, reducedProps), passthroughProps), {
+    return /* @__PURE__ */ jsxRuntime.jsx(Component, __spreadProps(__spreadValues(__spreadValues({}, reducedProps), passthroughProps), {
       style: [style, passthroughStyle],
       ref
     }));
@@ -4212,13 +4164,13 @@ const useCreateElement = (component, props, options) => {
     const styleObj = {};
     for (const style of styles2)
       styleObj[style[0]] = style;
-  }, [styles2]), /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  }, [styles2]), /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     element,
     styleTags
   ] });
 }, createElement = (component, props, options) => {
   const { element, styles: styles2 } = createElementAndStyles(component, props);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     element,
     styles2 ? getStyleTags() : null
   ] });
@@ -4228,7 +4180,7 @@ const useCreateElement = (component, props, options) => {
   const Component = accessibilityComponent || component, domProps = createDOMProps(Component, props), styles2 = stylesFromProps.get(domProps);
   let element = React.createElement(Component, domProps);
   return {
-    element: domProps.dir ? /* @__PURE__ */ jsxRuntimeExports.jsx(LocaleProvider, { direction: domProps.dir, locale: domProps.lang, children: element }) : element,
+    element: domProps.dir ? /* @__PURE__ */ jsxRuntime.jsx(LocaleProvider, { direction: domProps.dir, locale: domProps.lang, children: element }) : element,
     styles: styles2
   };
 };
@@ -4391,7 +4343,7 @@ const ScrollViewBase$1 = React__namespace.forwardRef((props, forwardedRef) => {
     scrollState.current.isScrolling = false, onScroll && onScroll(normalizeScrollEvent$1(e2));
   }
   const hideScrollbar = showsHorizontalScrollIndicator === false || showsVerticalScrollIndicator === false;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     View$3,
     __spreadProps(__spreadValues({}, rest), {
       onScroll: handleScroll,
@@ -4624,7 +4576,7 @@ let ScrollView$1 = class ScrollView extends React.Component {
     });
     const hasStickyHeaderIndices = !horizontal && Array.isArray(stickyHeaderIndices), children = hasStickyHeaderIndices || pagingEnabled ? React.Children.map(this.props.children, (child, i) => {
       const isSticky = hasStickyHeaderIndices && stickyHeaderIndices.indexOf(i) > -1;
-      return child != null && (isSticky || pagingEnabled) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      return child != null && (isSticky || pagingEnabled) ? /* @__PURE__ */ jsxRuntime.jsx(
         View$3,
         {
           style: StyleSheet.compose(
@@ -4634,7 +4586,7 @@ let ScrollView$1 = class ScrollView extends React.Component {
           children: child
         }
       ) : child;
-    }) : this.props.children, contentContainer = /* @__PURE__ */ jsxRuntimeExports.jsx(
+    }) : this.props.children, contentContainer = /* @__PURE__ */ jsxRuntime.jsx(
       View$3,
       __spreadProps(__spreadValues({}, contentSizeChangeProps), {
         collapsable: false,
@@ -4666,7 +4618,7 @@ let ScrollView$1 = class ScrollView extends React.Component {
       onResponderTerminate: this.scrollResponderHandleTerminate.bind(this)
     }), ScrollViewClass = ScrollViewBase$1;
     invariant(ScrollViewClass !== void 0, "ScrollViewClass must not be undefined");
-    const scrollView = /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollViewClass, __spreadProps(__spreadValues({}, props), { ref: this._setScrollNodeRef.bind(this), children: contentContainer }));
+    const scrollView = /* @__PURE__ */ jsxRuntime.jsx(ScrollViewClass, __spreadProps(__spreadValues({}, props), { ref: this._setScrollNodeRef.bind(this), children: contentContainer }));
     return refreshControl ? React.cloneElement(refreshControl, { style: props.style }, scrollView) : scrollView;
   }
   _handleContentOnLayout(e2) {
@@ -4905,7 +4857,7 @@ const commonStyle$1 = {
   pagingEnabledChild: {
     scrollSnapAlign: "start"
   }
-}, ForwardedScrollView$1 = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollView$1, __spreadProps(__spreadValues({}, props), { forwardedRef })));
+}, ForwardedScrollView$1 = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsx(ScrollView$1, __spreadProps(__spreadValues({}, props), { forwardedRef })));
 ForwardedScrollView$1.displayName = "ScrollView";
 function RefreshControl(props) {
   const _a = props, {
@@ -4932,7 +4884,7 @@ function RefreshControl(props) {
     "title",
     "titleColor"
   ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(View$3, __spreadValues({}, rest));
+  return /* @__PURE__ */ jsxRuntime.jsx(View$3, __spreadValues({}, rest));
 }
 class Batchinator {
   constructor(callback, delayMS) {
@@ -5266,7 +5218,7 @@ function VirtualizedListCellContextProvider({ cellKey, children }) {
     () => currContext == null ? null : __spreadProps(__spreadValues({}, currContext), { cellKey }),
     [currContext, cellKey]
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(VirtualizedListContext.Provider, { value: context, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(VirtualizedListContext.Provider, { value: context, children });
 }
 class CellRenderer extends React__namespace.Component {
   constructor() {
@@ -5364,8 +5316,8 @@ class CellRenderer extends React__namespace.Component {
       ItemSeparatorComponent
     ) : (
       // $FlowFixMe[incompatible-type]
-      ItemSeparatorComponent && /* @__PURE__ */ jsxRuntimeExports.jsx(ItemSeparatorComponent, __spreadValues({}, this.state.separatorProps))
-    ), cellStyle = inversionStyle ? horizontal ? [styles$e.rowReverse, inversionStyle] : [styles$e.columnReverse, inversionStyle] : horizontal ? [styles$e.row, inversionStyle] : inversionStyle, result = CellRendererComponent ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      ItemSeparatorComponent && /* @__PURE__ */ jsxRuntime.jsx(ItemSeparatorComponent, __spreadValues({}, this.state.separatorProps))
+    ), cellStyle = inversionStyle ? horizontal ? [styles$e.rowReverse, inversionStyle] : [styles$e.columnReverse, inversionStyle] : horizontal ? [styles$e.row, inversionStyle] : inversionStyle, result = CellRendererComponent ? /* @__PURE__ */ jsxRuntime.jsxs(
       CellRendererComponent,
       __spreadProps(__spreadValues({
         cellKey,
@@ -5379,7 +5331,7 @@ class CellRenderer extends React__namespace.Component {
           itemSeparator
         ]
       })
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    ) : /* @__PURE__ */ jsxRuntime.jsxs(
       View$3,
       __spreadProps(__spreadValues({
         style: cellStyle,
@@ -5391,7 +5343,7 @@ class CellRenderer extends React__namespace.Component {
         ]
       })
     );
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(VirtualizedListCellContextProvider, { cellKey: this.props.cellKey, children: result });
+    return /* @__PURE__ */ jsxRuntime.jsx(VirtualizedListCellContextProvider, { cellKey: this.props.cellKey, children: result });
   }
 }
 const styles$e = StyleSheet.create({
@@ -5613,14 +5565,14 @@ class VirtualizedList extends StateSafePureComponent {
       "viewabilityConfig",
       "viewabilityConfigCallbackPairs"
     ]);
-    return getItemCount(data) === 0 ? ListEmptyComponent ? /* @__PURE__ */ jsxRuntimeExports.jsx(ListEmptyComponent, {}) : null : /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return getItemCount(data) === 0 ? ListEmptyComponent ? /* @__PURE__ */ jsxRuntime.jsx(ListEmptyComponent, {}) : null : /* @__PURE__ */ jsxRuntime.jsx(
       ForwardedScrollView$1,
       __spreadProps(__spreadValues({}, restProps), {
         ref: this._captureRef,
         onContentSizeChange: this._onContentSizeChange,
         onLayout: this._onLayout,
         onScroll: this._onScroll,
-        refreshControl: onRefresh && /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshControl, { refreshing, onRefresh }),
+        refreshControl: onRefresh && /* @__PURE__ */ jsxRuntime.jsx(RefreshControl, { refreshing, onRefresh }),
         scrollEventThrottle: scrollEventThrottleOrDefault(this.props.scrollEventThrottle),
         removeClippedSubviews,
         children: this._renderChildren()
@@ -5632,7 +5584,7 @@ class VirtualizedList extends StateSafePureComponent {
     for (let i = 0; i < getItemCount(data); i++) {
       const item = getItem(data, i);
       items.push(
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(
           CellRenderer,
           {
             cellKey: String(i),
@@ -5704,13 +5656,13 @@ class FlatList extends React.PureComponent {
       return numColumns > 1 ? (invariant(Array.isArray(items), "FlatList: Expected each item to be an array with multiple columns."), items.map((item, kk) => keyExtractor$1(item, index2 * numColumns + kk)).join(":")) : keyExtractor$1(items, index2);
     });
     __publicField(this, "_renderer", (ListItemComponent, renderItem, columnWrapperStyle, numColumns, extraData) => {
-      const cols = numColumnsOrDefault(numColumns), render = (props) => ListItemComponent ? /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemComponent, __spreadValues({}, props)) : renderItem ? renderItem(props) : null, renderProp = (info) => {
+      const cols = numColumnsOrDefault(numColumns), render = (props) => ListItemComponent ? /* @__PURE__ */ jsxRuntime.jsx(ListItemComponent, __spreadValues({}, props)) : renderItem ? renderItem(props) : null, renderProp = (info) => {
         if (cols > 1) {
           const {
             item,
             index: index2
           } = info;
-          return invariant(Array.isArray(item), "Expected array of items with numColumns > 1"), /* @__PURE__ */ jsxRuntimeExports.jsx(View$3, {
+          return invariant(Array.isArray(item), "Expected array of items with numColumns > 1"), /* @__PURE__ */ jsxRuntime.jsx(View$3, {
             style: [styles$d.row, columnWrapperStyle],
             children: item.map((it, kk) => {
               const element = render({
@@ -5718,7 +5670,7 @@ class FlatList extends React.PureComponent {
                 index: index2 * cols + kk,
                 separators: info.separators
               });
-              return element != null ? /* @__PURE__ */ jsxRuntimeExports.jsx(React.Fragment, {
+              return element != null ? /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, {
                 children: element
               }, kk) : null;
             })
@@ -5791,7 +5743,7 @@ class FlatList extends React.PureComponent {
       "removeClippedSubviews",
       "strictMode"
     ]), renderer = strictMode ? this._memoizedRenderer : this._renderer;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(VirtualizedList, __spreadValues(__spreadProps(__spreadValues({}, restProps), {
+    return /* @__PURE__ */ jsxRuntime.jsx(VirtualizedList, __spreadValues(__spreadProps(__spreadValues({}, restProps), {
       getItem: this._getItem,
       getItemCount: this._getItemCount,
       keyExtractor: this._keyExtractor,
@@ -5806,7 +5758,7 @@ const styles$d = {
     flexDirection: "row"
   }
 };
-const FlatListWithEventThrottle = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(FlatList, __spreadProps(__spreadValues({
+const FlatListWithEventThrottle = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(FlatList, __spreadProps(__spreadValues({
   scrollEventThrottle: 1e-4
 }, props), {
   ref
@@ -5847,7 +5799,7 @@ const ERRORED$1 = "ERRORED", LOADED$1 = "LOADED", LOADING$1 = "LOADING", IDLE$1
 let _filterId$1 = 0;
 const svgDataUriPattern$1 = /^(data:image\/svg\+xml;utf8,)(.*)/;
 function createTintColorSVG$1(tintColor, id2) {
-  return tintColor && id2 != null ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return tintColor && id2 != null ? /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
       style: {
@@ -5856,9 +5808,9 @@ function createTintColorSVG$1(tintColor, id2) {
         visibility: "hidden",
         width: 0
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("filter", { id: `tint-${id2}`, suppressHydrationWarning: true, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("feFlood", { floodColor: `${tintColor}` }, tintColor),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("feComposite", { in2: "SourceAlpha", operator: "atop" })
+      children: /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("filter", { id: `tint-${id2}`, suppressHydrationWarning: true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("feFlood", { floodColor: `${tintColor}` }, tintColor),
+        /* @__PURE__ */ jsxRuntime.jsx("feComposite", { in2: "SourceAlpha", operator: "atop" })
       ] }) })
     }
   ) : null;
@@ -5980,7 +5932,7 @@ const Image$1 = React__namespace.forwardRef((props, ref) => {
       requestRef.current != null && (ImageLoader.abort(requestRef.current), requestRef.current = null);
     }
     return abortPendingRequest;
-  }, [uri, requestRef, updateState, onError, onLoad, onLoadEnd, onLoadStart]), /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  }, [uri, requestRef, updateState, onError, onLoad, onLoadEnd, onLoadStart]), /* @__PURE__ */ jsxRuntime.jsxs(
     View$3,
     __spreadProps(__spreadValues({}, rest), {
       "aria-label": accessibilityLabel,
@@ -5995,7 +5947,7 @@ const Image$1 = React__namespace.forwardRef((props, ref) => {
         flatStyle
       ],
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(
           View$3,
           {
             style: [
@@ -6072,7 +6024,7 @@ const styles$c = StyleSheet.create({
   }
 });
 createAnimatedComponent(ImageWithStatics$1);
-const ScrollViewWithEventThrottle = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardedScrollView$1, __spreadProps(__spreadValues({
+const ScrollViewWithEventThrottle = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(ForwardedScrollView$1, __spreadProps(__spreadValues({
   scrollEventThrottle: 1e-4
 }, props), {
   ref
@@ -6144,7 +6096,7 @@ class VirtualizedSectionList extends React__namespace.PureComponent {
     for (const section of this.props.sections)
       stickyHeaderIndices == null ? void 0 : stickyHeaderIndices.push(itemCount + listHeaderOffset), itemCount += 2, itemCount += this.props.getItemCount(section.data);
     const renderItem = this._renderItem(itemCount);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       VirtualizedList,
       __spreadProps(__spreadValues({}, passThroughProps), {
         keyExtractor: this._keyExtractor,
@@ -6219,7 +6171,7 @@ class SectionList extends React__namespace.PureComponent {
   }
   render() {
     const _a = this.props, { sections } = _a, passThroughProps = __objRest(_a, ["sections"]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       VirtualizedSectionList,
       __spreadProps(__spreadValues({}, passThroughProps), {
         sections,
@@ -6233,7 +6185,7 @@ class SectionList extends React__namespace.PureComponent {
   }
 }
 var SectionList_default = SectionList;
-const SectionListWithEventThrottle = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(SectionList_default, __spreadProps(__spreadValues({
+const SectionListWithEventThrottle = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(SectionList_default, __spreadProps(__spreadValues({
   scrollEventThrottle: 1e-4
 }, props), {
   ref
@@ -6330,7 +6282,7 @@ const pickProps$4 = (props) => pick(props, forwardPropsListText), Text$3 = React
     const platformMethodsRef = usePlatformMethods(supportedProps), setRef2 = useMergeRefs$1(hostRef, platformMethodsRef, forwardedRef);
     supportedProps.ref = setRef2;
     const element = useCreateElement(component, supportedProps);
-    return hasTextAncestor ? element : /* @__PURE__ */ jsxRuntimeExports.jsx(TextAncestorContext.Provider, { value: true, children: element });
+    return hasTextAncestor ? element : /* @__PURE__ */ jsxRuntime.jsx(TextAncestorContext.Provider, { value: true, children: element });
   }
 );
 Text$3.displayName = "Text";
@@ -6563,7 +6515,7 @@ function requireReactDom_production() {
   reactDom_production.useFormStatus = function() {
     return ReactSharedInternals.H.useHostTransitionStatus();
   };
-  reactDom_production.version = "19.1.0";
+  reactDom_production.version = "19.2.3";
   return reactDom_production;
 }
 var hasRequiredReactDom;
@@ -6680,16 +6632,16 @@ const RootTagContext = React__namespace.createContext(null), AppContainer = Reac
     children,
     WrapperComponent
   } = props;
-  let innerView = /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, {
+  let innerView = /* @__PURE__ */ jsxRuntime.jsx(View$2, {
     pointerEvents: "box-none",
     style: styles$9.appContainer,
     children
   }, 1);
-  return WrapperComponent && (innerView = /* @__PURE__ */ jsxRuntimeExports.jsx(WrapperComponent, {
+  return WrapperComponent && (innerView = /* @__PURE__ */ jsxRuntime.jsx(WrapperComponent, {
     children: innerView
-  })), /* @__PURE__ */ jsxRuntimeExports.jsx(RootTagContext.Provider, {
+  })), /* @__PURE__ */ jsxRuntime.jsx(RootTagContext.Provider, {
     value: props.rootTag,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(View$2, {
       pointerEvents: "box-none",
       ref: forwardedRef,
       style: styles$9.appContainer,
@@ -6794,7 +6746,7 @@ class UnimplementedView extends React.Component {
     });
   }
   render() {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, __spreadValues({}, this.props));
+    return /* @__PURE__ */ jsxRuntime.jsx(View$2, __spreadValues({}, this.props));
   }
 }
 function TouchableOpacityImpl(props, forwardedRef) {
@@ -6846,7 +6798,7 @@ function TouchableOpacityImpl(props, forwardedRef) {
       setOpacityInactive(250), onPressOut == null ? void 0 : onPressOut(event);
     }
   }), [delayLongPress, delayPressIn, delayPressOut, disabled, onLongPress, onPress, onPressIn, onPressOut, rejectResponderTermination, setOpacityActive, setOpacityInactive]), pressEventHandlers = usePressEvents(hostRef, pressConfig);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(View$3, __spreadProps(__spreadValues(__spreadValues({}, rest), pressEventHandlers), {
+  return /* @__PURE__ */ jsxRuntime.jsx(View$3, __spreadProps(__spreadValues(__spreadValues({}, rest), pressEventHandlers), {
     accessibilityDisabled: disabled,
     focusable: !disabled && focusable !== false,
     ref: setRef2,
@@ -6915,7 +6867,7 @@ function TouchableWithoutFeedbackImpl(props, forwardedRef) {
 }
 const TouchableWithoutFeedback = React__namespace.memo(React__namespace.forwardRef(TouchableWithoutFeedbackImpl));
 TouchableWithoutFeedback.displayName = "TouchableWithoutFeedback";
-const createSvgCircle = (style) => /* @__PURE__ */ jsxRuntimeExports.jsx("circle", {
+const createSvgCircle = (style) => /* @__PURE__ */ jsxRuntime.jsx("circle", {
   cx: "16",
   cy: "16",
   fill: "none",
@@ -6935,7 +6887,7 @@ const createSvgCircle = (style) => /* @__PURE__ */ jsxRuntimeExports.jsx("circle
     "hidesWhenStopped",
     "size",
     "style"
-  ]), svg = /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", {
+  ]), svg = /* @__PURE__ */ jsxRuntime.jsxs("svg", {
     height: "100%",
     viewBox: "0 0 32 32",
     width: "100%",
@@ -6948,13 +6900,13 @@ const createSvgCircle = (style) => /* @__PURE__ */ jsxRuntimeExports.jsx("circle
       strokeDashoffset: 60
     })]
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, __spreadProps(__spreadValues({}, other), {
+  return /* @__PURE__ */ jsxRuntime.jsx(View$2, __spreadProps(__spreadValues({}, other), {
     accessibilityRole: "progressbar",
     accessibilityValueMax: 1,
     accessibilityValueMin: 0,
     ref: forwardedRef,
     style: [styles$7.container, style],
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(View$2, {
       children: svg,
       style: [typeof size == "number" ? {
         height: size,
@@ -7006,20 +6958,20 @@ const ERRORED = "ERRORED", LOADED = "LOADED", LOADING = "LOADING", IDLE = "IDLE"
 let _filterId = 0;
 const svgDataUriPattern = /^(data:image\/svg\+xml;utf8,)(.*)/;
 function createTintColorSVG(tintColor, id2) {
-  return tintColor && id2 != null ? /* @__PURE__ */ jsxRuntimeExports.jsx("svg", {
+  return tintColor && id2 != null ? /* @__PURE__ */ jsxRuntime.jsx("svg", {
     style: {
       position: "absolute",
       height: 0,
       visibility: "hidden",
       width: 0
     },
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx("defs", {
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("filter", {
+    children: /* @__PURE__ */ jsxRuntime.jsx("defs", {
+      children: /* @__PURE__ */ jsxRuntime.jsxs("filter", {
         id: `tint-${id2}`,
         suppressHydrationWarning: true,
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("feFlood", {
+        children: [/* @__PURE__ */ jsxRuntime.jsx("feFlood", {
           floodColor: `${tintColor}`
-        }, tintColor), /* @__PURE__ */ jsxRuntimeExports.jsx("feComposite", {
+        }, tintColor), /* @__PURE__ */ jsxRuntime.jsx("feComposite", {
           in2: "SourceAlpha",
           operator: "atop"
         })]
@@ -7159,13 +7111,13 @@ const Image = React__namespace.forwardRef((props, ref) => {
       requestRef.current != null && (ImageLoader.abort(requestRef.current), requestRef.current = null);
     }
     return abortPendingRequest;
-  }, [uri, requestRef, updateState, onError, onLoad, onLoadEnd, onLoadStart]), /* @__PURE__ */ jsxRuntimeExports.jsxs(View$2, __spreadProps(__spreadValues({}, rest), {
+  }, [uri, requestRef, updateState, onError, onLoad, onLoadEnd, onLoadStart]), /* @__PURE__ */ jsxRuntime.jsxs(View$2, __spreadProps(__spreadValues({}, rest), {
     "aria-label": accessibilityLabel,
     onLayout: handleLayout,
     pointerEvents,
     ref,
     style: [style, styles$6.root, hasTextAncestor && styles$6.inline, imageSizeStyle, flatStyle],
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(View$2, {
+    children: [/* @__PURE__ */ jsxRuntime.jsx(View$2, {
       style: [...[].concat(styles$6.image), resizeModeStyles[resizeMode], {
         backgroundImage,
         filter
@@ -7249,10 +7201,10 @@ const emptyObject$2 = {}, ImageBackground = React.forwardRef((props, forwardedRe
     height,
     width
   } = StyleSheet.flatten(style);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(View$2, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(View$2, {
     ref: forwardedRef,
     style,
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(ImageWithStatics, __spreadProps(__spreadValues({}, rest), {
+    children: [/* @__PURE__ */ jsxRuntime.jsx(ImageWithStatics, __spreadProps(__spreadValues({}, rest), {
       ref: imageRef,
       style: [{
         // Temporary Workaround:
@@ -7348,7 +7300,7 @@ function Pressable(props, forwardedRef) {
   }, [onContextMenu, onContextMenuPress]), keyDownHandler = React__namespace.useCallback((e2) => {
     onKeyDownPress == null ? void 0 : onKeyDownPress(e2), onKeyDown2 == null ? void 0 : onKeyDown2(e2);
   }, [onKeyDown2, onKeyDownPress]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, __spreadProps(__spreadValues(__spreadValues({}, rest), pressEventHandlers), {
+  return /* @__PURE__ */ jsxRuntime.jsx(View$2, __spreadProps(__spreadValues(__spreadValues({}, rest), pressEventHandlers), {
     accessibilityDisabled: disabled,
     focusable: !disabled && focusable !== false,
     onBlur: blurHandler,
@@ -7378,7 +7330,7 @@ const cssFunction = canUseDOM$1 && window.CSS && window.CSS.supports && window.C
   } = _a, rest = __objRest(_a, [
     "style"
   ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ jsxRuntime.jsx(View$2, __spreadProps(__spreadValues({}, rest), {
     ref,
     style: StyleSheet.compose(styles$4.root, style)
   }));
@@ -7470,7 +7422,7 @@ const ScrollViewBase = React__namespace.forwardRef((props, forwardedRef) => {
     scrollState.current.isScrolling = false, onScroll && onScroll(normalizeScrollEvent(e2));
   }
   const hideScrollbar = showsHorizontalScrollIndicator === false || showsVerticalScrollIndicator === false;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ jsxRuntime.jsx(View$2, __spreadProps(__spreadValues({}, rest), {
     onScroll: handleScroll,
     onTouchMove: createPreventableScrollHandler(onTouchMove),
     onWheel: createPreventableScrollHandler(onWheel),
@@ -7713,11 +7665,11 @@ class ScrollView2 extends React.Component {
     });
     const hasStickyHeaderIndices = !horizontal && Array.isArray(stickyHeaderIndices), children = hasStickyHeaderIndices || pagingEnabled ? React.Children.map(this.props.children, (child, i) => {
       const isSticky = hasStickyHeaderIndices && stickyHeaderIndices.indexOf(i) > -1;
-      return child != null && (isSticky || pagingEnabled) ? /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, {
+      return child != null && (isSticky || pagingEnabled) ? /* @__PURE__ */ jsxRuntime.jsx(View$2, {
         style: StyleSheet.compose(isSticky && styles$2.stickyHeader, pagingEnabled && styles$2.pagingEnabledChild),
         children: child
       }) : child;
-    }) : this.props.children, contentContainer = /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, __spreadProps(__spreadValues({}, contentSizeChangeProps), {
+    }) : this.props.children, contentContainer = /* @__PURE__ */ jsxRuntime.jsx(View$2, __spreadProps(__spreadValues({}, contentSizeChangeProps), {
       collapsable: false,
       ref: this._setInnerViewRef.bind(this),
       style: [horizontal && styles$2.contentContainerHorizontal, centerContent && styles$2.contentContainerCenterContent, contentContainerStyle],
@@ -7742,7 +7694,7 @@ class ScrollView2 extends React.Component {
       onResponderTerminate: this.scrollResponderHandleTerminate.bind(this)
     }), ScrollViewClass = ScrollViewBase;
     invariant(ScrollViewClass !== void 0, "ScrollViewClass must not be undefined");
-    const scrollView = /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollViewClass, __spreadProps(__spreadValues({}, props), {
+    const scrollView = /* @__PURE__ */ jsxRuntime.jsx(ScrollViewClass, __spreadProps(__spreadValues({}, props), {
       ref: this._setScrollNodeRef.bind(this),
       children: contentContainer
     }));
@@ -7991,7 +7943,7 @@ const commonStyle = {
   pagingEnabledChild: {
     scrollSnapAlign: "start"
   }
-}, ForwardedScrollView = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollView2, __spreadProps(__spreadValues({}, props), {
+}, ForwardedScrollView = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsx(ScrollView2, __spreadProps(__spreadValues({}, props), {
   forwardedRef
 })));
 ForwardedScrollView.displayName = "ScrollView";
@@ -8081,7 +8033,7 @@ const pickProps$1 = (props) => pick(props, forwardPropsListText), Text$2 = React
   const platformMethodsRef = usePlatformMethods(supportedProps), setRef2 = useMergeRefs$1(hostRef, platformMethodsRef, forwardedRef);
   supportedProps.ref = setRef2;
   const element = useCreateElement$1(component, supportedProps);
-  return hasTextAncestor ? element : /* @__PURE__ */ jsxRuntimeExports.jsx(TextAncestorContext.Provider, {
+  return hasTextAncestor ? element : /* @__PURE__ */ jsxRuntime.jsx(TextAncestorContext.Provider, {
     value: true,
     children: element
   });
@@ -8716,13 +8668,14 @@ var webOnlyStylePropsView = {
   borderLeftStyle: true,
   borderRightStyle: true,
   borderTopStyle: true,
-  boxSizing: true,
+  // boxSizing: now supported in RN 0.77+ (New Architecture)
   caretColor: true,
   clipPath: true,
   contain: true,
   containerType: true,
   content: true,
   cursor: true,
+  // NOTE: cursor is supported on iOS 17+ for trackpad/stylus
   float: true,
   mask: true,
   maskBorder: true,
@@ -8741,13 +8694,10 @@ var webOnlyStylePropsView = {
   maskRepeat: true,
   maskSize: true,
   maskType: true,
-  mixBlendMode: true,
+  // mixBlendMode: now supported in RN 0.77+ (New Architecture)
   objectFit: true,
   objectPosition: true,
-  outlineOffset: true,
-  outlineStyle: true,
-  outlineWidth: true,
-  outlineColor: true,
+  // outline*: now supported in RN 0.77+ (New Architecture)
   overflowBlock: true,
   overflowInline: true,
   overflowX: true,
@@ -8803,7 +8753,7 @@ var textColors = {
   zIndex: {
     zIndex: true
   },
-  color: __spreadValues({
+  color: __spreadProps(__spreadValues({
     backgroundColor: true,
     borderColor: true,
     borderBlockStartColor: true,
@@ -8819,7 +8769,10 @@ var textColors = {
     borderEndColor: true,
     borderStartColor: true,
     shadowColor: true
-  }, textColors)
+  }, textColors), {
+    // outlineColor is supported on RN 0.77+ (New Architecture)
+    outlineColor: true
+  })
 }, stylePropsUnitless = {
   WebkitLineClamp: true,
   animationIterationCount: true,
@@ -8872,7 +8825,7 @@ var textColors = {
   rotateY: true,
   rotateX: true,
   rotateZ: true
-}, stylePropsView = __spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
+}, stylePropsView = __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
   backfaceVisibility: true,
   borderBottomEndRadius: true,
   borderBottomStartRadius: true,
@@ -8962,12 +8915,13 @@ var textColors = {
   elevationAndroid: true
 } : {}), {
   boxShadow: true,
-  filter: true
-}), !process.env.REACT_NATIVE_PRE_77 && {
+  filter: true,
+  // RN 0.76/0.77+ style props (New Architecture)
   boxSizing: true,
   mixBlendMode: true,
+  isolation: true,
   outlineColor: true,
-  outlineSpread: true,
+  outlineOffset: true,
   outlineStyle: true,
   outlineWidth: true
 }), stylePropsFont = {
@@ -9413,7 +9367,7 @@ var _withStableStyle = function(Component, styleProvider) {
     }), media = hasMediaKeys ? useMedia() : null, resolvedExpressions = media ? _expressions.map(function(expr) {
       return typeof expr == "string" ? media[expr] : expr;
     }) : _expressions;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Component, __spreadValues({
+    return /* @__PURE__ */ jsxRuntime.jsx(Component, __spreadValues({
       ref,
       style: styleProvider(theme, resolvedExpressions)
     }, rest));
@@ -9659,9 +9613,58 @@ var _loop = function(parent) {
   EXPANSIONS[parent] = EXPANSIONS[parent].map(function(k) {
     return `${prefix}${k}`;
   });
+}, num = function(v) {
+  return Number.parseFloat(v) || 0;
+}, parseBoxShadowStr = function(s2) {
+  return s2.split(/,(?![^(]*\))/).map(function(sh) {
+    var p = sh.trim().split(/\s+/), i = p[0] === "inset" ? 1 : 0, o = {
+      offsetX: num(p[i++]),
+      offsetY: num(p[i++])
+    };
+    return p[0] === "inset" && (o.inset = true), p[i] && /^-?[\d.]/.test(p[i]) && (o.blurRadius = num(p[i++])), p[i] && /^-?[\d.]/.test(p[i]) && (o.spreadDistance = num(p[i++])), p[i] && (o.color = p.slice(i).join(" ")), o;
+  });
+}, simpleFilters = /* @__PURE__ */ new Set(["brightness", "opacity", "contrast", "grayscale", "invert", "saturate", "sepia", "blur"]), parseFilterStr = function(s2) {
+  var r = [], _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+  try {
+    for (var _iterator = s2.matchAll(/(\w+)\(([^)]+)\)/g)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var [, fn, val] = _step.value, n = +val || 0;
+      if (simpleFilters.has(fn)) r.push({
+        [fn]: n
+      });
+      else if (fn === "hueRotate" || fn === "hue-rotate") r.push({
+        hueRotate: val
+      });
+      else if (fn === "dropShadow" || fn === "drop-shadow") {
+        var p = val.trim().split(/\s+/), ds = {
+          offsetX: num(p[0]),
+          offsetY: num(p[1])
+        };
+        p[2] && /^-?[\d.]/.test(p[2]) ? (ds.blurRadius = num(p[2]), p[3] && (ds.color = p.slice(3).join(" "))) : p[2] && (ds.color = p.slice(2).join(" ")), r.push({
+          dropShadow: ds
+        });
+      }
+    }
+  } catch (err) {
+    _didIteratorError = true, _iteratorError = err;
+  } finally {
+    try {
+      !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+    } finally {
+      if (_didIteratorError) throw _iteratorError;
+    }
+  }
+  return r;
 };
 function expandStyle(key, value) {
   if (isAndroid && key === "elevationAndroid") return [["elevation", value]];
+  if (key === "boxShadow") {
+    if (typeof value == "string") return [["boxShadow", parseBoxShadowStr(value)]];
+    if (value && !Array.isArray(value)) return [["boxShadow", [value]]];
+  }
+  if (key === "filter") {
+    if (typeof value == "string") return [["filter", parseFilterStr(value)]];
+    if (value && !Array.isArray(value)) return [["filter", [value]]];
+  }
   if (key in EXPANSIONS) return EXPANSIONS[key].map(function(key2) {
     return [key2, value];
   });
@@ -9670,18 +9673,17 @@ function expandStyle(key, value) {
   });
   if (key in webToNativeDynamicExpansion) return webToNativeDynamicExpansion[key](value);
 }
-var all = ["Top", "Right", "Bottom", "Left"], horiz = ["Right", "Left"], vert = ["Top", "Bottom"], xy = ["X", "Y"], EXPANSIONS = __spreadValues({
+var all = ["Top", "Right", "Bottom", "Left"], horiz = ["Right", "Left"], vert = ["Top", "Bottom"], EXPANSIONS = {
   borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
   borderRadius: ["TopLeftRadius", "TopRightRadius", "BottomRightRadius", "BottomLeftRadius"],
   borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
   margin: all,
   marginHorizontal: horiz,
   marginVertical: vert,
-  overscrollBehavior: xy,
   padding: all,
   paddingHorizontal: horiz,
   paddingVertical: vert
-}, isWeb);
+};
 for (var parent in EXPANSIONS) _loop(parent);
 var cache$1 = /* @__PURE__ */ new WeakMap(), getVariantExtras = function(styleState) {
   if (cache$1.has(styleState)) return cache$1.get(styleState);
@@ -9821,14 +9823,47 @@ function _type_of$3(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-var shorthandStringProps = {
-  boxShadow: 1,
-  border: 1,
-  borderTop: 1,
-  borderRight: 1,
-  borderBottom: 1,
-  borderLeft: 1,
-  background: 1
+var resolveTok = function(v, cat, sp, ss) {
+  if (typeof v == "string" && v[0] === "$") {
+    var r = getTokenForKey(cat, v, sp, ss);
+    return cat === "size" ? r != null && +r || 0 : r != null ? String(r) : v;
+  }
+  return cat === "size" ? typeof v == "number" ? v : +v || 0 : v;
+}, boxShadowObjResolve = function(v, sp, ss) {
+  return (Array.isArray(v) ? v : [v]).map(function(o) {
+    return __spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues({}, o.inset && {
+      inset: true
+    }), {
+      offsetX: resolveTok(o.offsetX, "size", sp, ss),
+      offsetY: resolveTok(o.offsetY, "size", sp, ss)
+    }), o.blurRadius != null && {
+      blurRadius: resolveTok(o.blurRadius, "size", sp, ss)
+    }), o.spreadDistance != null && {
+      spreadDistance: resolveTok(o.spreadDistance, "size", sp, ss)
+    }), o.color != null && {
+      color: resolveTok(o.color, "color", sp, ss)
+    });
+  });
+}, filterObjResolve = function(v, sp, ss) {
+  return (Array.isArray(v) ? v : [v]).map(function(o) {
+    if ("blur" in o) return {
+      blur: resolveTok(o.blur, "size", sp, ss)
+    };
+    if ("dropShadow" in o) {
+      var ds = o.dropShadow;
+      return {
+        dropShadow: __spreadValues(__spreadValues({
+          offsetX: resolveTok(ds.offsetX, "size", sp, ss),
+          offsetY: resolveTok(ds.offsetY, "size", sp, ss)
+        }, ds.blurRadius != null && {
+          blurRadius: resolveTok(ds.blurRadius, "size", sp, ss)
+        }), ds.color != null && {
+          color: resolveTok(ds.color, "color", sp, ss)
+        })
+      };
+    }
+    return o;
+  });
 }, propMapper = function(key, value, styleState, disabled, map) {
   if (disabled) return map(key, value);
   if (lastFontFamilyToken = null, !(!isAndroid && key === "elevationAndroid")) {
@@ -9857,13 +9892,13 @@ var shorthandStringProps = {
     }
     styleProps2.disableExpandShorthands || key in conf2.shorthands && (key = conf2.shorthands[key]);
     var originalValue = value;
-    if (value != null && (value[0] === "$" ? value = getTokenForKey(key, value, styleProps2, styleState) : (
-      /* Handle CSS shorthand strings with embedded $variables (e.g., boxShadow="0 0 10px $red") */
-      key in shorthandStringProps && typeof value == "string" && value.includes("$") ? value = value.replace(/\$[\w.-]+/g, function(token) {
-        var resolved = getTokenForKey("color", token, styleProps2, styleState);
-        return resolved != null ? String(resolved) : token;
-      }) : isVariable(value) ? value = resolveVariableValue(key, value, styleProps2.resolveValues) : isRemValue(value) && (value = resolveRem(value))
-    )), value != null) {
+    if (value != null && (key === "boxShadow" && (typeof value > "u" ? "undefined" : _type_of$3(value)) === "object" ? value = boxShadowObjResolve(value, styleProps2, styleState) : key === "filter" && (typeof value > "u" ? "undefined" : _type_of$3(value)) === "object" ? value = filterObjResolve(value, styleProps2, styleState) : typeof value == "string" && value[0] === "$" ? value = getTokenForKey(key, value, styleProps2, styleState) : key === "boxShadow" && typeof value == "string" && value.includes("$") ? value = value.replace(/(\$[\w.-]+)/g, function(t2) {
+      var cat = /^\$-?\d/.test(t2) ? "size" : "color", r = getTokenForKey(cat, t2, styleProps2, styleState);
+      return r != null ? String(r) : t2;
+    }) : key === "filter" && typeof value == "string" && value.includes("$") ? value = value.replace(/(\$[\w.-]+)/g, function(t2) {
+      var cat = /^\$-?\d/.test(t2) ? "size" : "color", r = getTokenForKey(cat, t2, styleProps2, styleState);
+      return r != null ? String(r) : t2;
+    }) : isVariable(value) ? value = resolveVariableValue(key, value, styleProps2.resolveValues) : isRemValue(value) && (value = resolveRem(value))), value != null) {
       key === "fontFamily" && lastFontFamilyToken && (styleState.fontFamily = lastFontFamilyToken);
       var expanded = styleProps2.noExpand ? null : expandStyle(key, value);
       if (expanded) for (var max = expanded.length, i = 0; i < max; i++) {
@@ -10504,9 +10539,14 @@ var defaultColor = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)", animata
 }))), {
   opacity: 1,
   scale: 1,
+  scaleX: 1,
+  scaleY: 1,
   rotate: "0deg",
-  rotateY: "0deg",
   rotateX: "0deg",
+  rotateY: "0deg",
+  rotateZ: "0deg",
+  skewX: "0deg",
+  skewY: "0deg",
   x: 0,
   y: 0,
   borderRadius: 0
@@ -10648,7 +10688,7 @@ function getThemedChildren(themeState, children, props) {
     forceClassName
   } = props, state = stateRef.current, hasEverThemed = state.hasEverThemed, shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);
   if (!shouldRenderChildrenWithTheme) return children;
-  children = /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeStateContext.Provider, {
+  children = /* @__PURE__ */ jsxRuntime.jsx(ThemeStateContext.Provider, {
     value: themeState.id,
     children
   });
@@ -10662,7 +10702,7 @@ function getThemedChildren(themeState, children, props) {
     var parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);
     if (!parentState) throw new Error("‼️010");
     children = React.Children.toArray(children).map(function(child) {
-      return /* @__PURE__ */ React.isValidElement(child) ? passThrough ? child : /* @__PURE__ */ React.cloneElement(child, void 0, /* @__PURE__ */ jsxRuntimeExports.jsx(Theme, {
+      return /* @__PURE__ */ React.isValidElement(child) ? passThrough ? child : /* @__PURE__ */ React.cloneElement(child, void 0, /* @__PURE__ */ jsxRuntime.jsx(Theme, {
         name: parentState.name,
         children: child.props.children
       })) : child;
@@ -10688,21 +10728,21 @@ function themeable(Component, staticConfig) {
     }
     var element = (
       // @ts-expect-error its ok
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Component, __spreadProps(__spreadValues({
+      /* @__PURE__ */ jsxRuntime.jsx(Component, __spreadProps(__spreadValues({
         ref
       }, rest), {
         "data-disable-theme": true
       }))
     ), filteredProps = null, compName = componentName || (staticConfig == null ? void 0 : staticConfig.componentName);
     if (compName && (filteredProps || (filteredProps = {}), filteredProps.componentName = compName), "debug" in props && (filteredProps || (filteredProps = {}), filteredProps.debug = props.debug), "theme" in props && (filteredProps || (filteredProps = {}), filteredProps.name = props.theme), "themeReset" in props && (filteredProps || (filteredProps = {}), filteredProps.reset = themeReset), optimize && !filteredProps) return element;
-    var contents = /* @__PURE__ */ jsxRuntimeExports.jsx(Theme, __spreadProps(__spreadValues({
+    var contents = /* @__PURE__ */ jsxRuntime.jsx(Theme, __spreadProps(__spreadValues({
       "disable-child-theme": true
     }, filteredProps), {
       children: element
     }));
     if (context) {
       var Provider = context.Provider, contextValue = React.useContext(context);
-      contents = /* @__PURE__ */ jsxRuntimeExports.jsx(Provider, __spreadProps(__spreadValues(__spreadValues({}, contextValue), overriddenContextProps), {
+      contents = /* @__PURE__ */ jsxRuntime.jsx(Provider, __spreadProps(__spreadValues(__spreadValues({}, contextValue), overriddenContextProps), {
         children: contents
       }));
     }
@@ -10717,7 +10757,7 @@ var ClientOnlyContext = /* @__PURE__ */ React.createContext(false), ClientOnly =
     children,
     enabled
   } = param, existingValue = React.useContext(ClientOnlyContext);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ClientOnlyContext.Provider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(ClientOnlyContext.Provider, {
     value: enabled != null ? enabled : existingValue,
     children
   });
@@ -10839,7 +10879,7 @@ var is19 = React.version.startsWith("19."), Slot = /* @__PURE__ */ React.memo(/*
   var {
     children
   } = param;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children
   });
 };
@@ -11161,24 +11201,27 @@ function createComponent(staticConfig) {
         });
         return;
       }
-      var tm;
       if (state.unmounted) {
-        if ((animationDriver == null ? void 0 : animationDriver.supportsCSS) || isAndroid) return tm = setTimeout(function() {
-          setStateShallow({
-            unmounted: false
-          });
-        }), function() {
-          return clearTimeout(tm);
-        };
+        if (supportsCSS) {
+          var cancelled = false;
+          return requestAnimationFrame(function() {
+            cancelled || requestAnimationFrame(function() {
+              cancelled || setStateShallow({
+                unmounted: false
+              });
+            });
+          }), function() {
+            cancelled = true;
+          };
+        }
         setStateShallow({
           unmounted: false
         });
-        return;
       }
       return function() {
         componentSetStates.delete(setState);
       };
-    }, [state.unmounted, disabled]), useIsomorphicLayoutEffect(function() {
+    }, [state.unmounted, supportsCSS]), useIsomorphicLayoutEffect(function() {
       if (!disabled && !(!pseudoGroups && !mediaGroups) && allGroupContexts) return subscribeToContextGroup({
         groupContext: allGroupContexts,
         setStateShallow,
@@ -11266,19 +11309,19 @@ function createComponent(staticConfig) {
     !isHOC && ResetPresence && willBeAnimated && (hasEnterStyle || presenceState)), hasEverReset = stateRef.current.hasEverResetPresence;
     needsReset && !hasEverReset && (stateRef.current.hasEverResetPresence = true);
     var renderReset = needsReset || hasEverReset;
-    if (renderReset && ResetPresence && (content = /* @__PURE__ */ jsxRuntimeExports.jsx(ResetPresence, {
+    if (renderReset && ResetPresence && (content = /* @__PURE__ */ jsxRuntime.jsx(ResetPresence, {
       disabled: !needsReset,
       children: content
-    })), "focusWithinStyle" in propsIn && (content = /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContext.Provider, __spreadProps(__spreadValues({}, componentContext), {
+    })), "focusWithinStyle" in propsIn && (content = /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, __spreadProps(__spreadValues({}, componentContext), {
       setParentFocusState: setStateShallow,
       children: content
-    }))), "group" in props && (content = /* @__PURE__ */ jsxRuntimeExports.jsx(GroupContext.Provider, {
+    }))), "group" in props && (content = /* @__PURE__ */ jsxRuntime.jsx(GroupContext.Provider, {
       value: allGroupContexts,
       children: content
     })), content = disableTheme || !splitStyles ? content : getThemedChildren(themeState, content, themeStateProps, false, stateRef), overriddenContextProps && contextForOverride) {
       var Provider = contextForOverride.Provider;
       for (var key1 in styledContextValue) key1 in overriddenContextProps || (overriddenContextProps[key1] = styledContextValue[key1]);
-      debugProp && console.info("overriddenContextProps", overriddenContextProps), content = /* @__PURE__ */ jsxRuntimeExports.jsx(Provider, __spreadProps(__spreadValues({
+      content = /* @__PURE__ */ jsxRuntime.jsx(Provider, __spreadProps(__spreadValues({
         __disableMergeDefaultValues: true
       }, overriddenContextProps), {
         children: content
@@ -11936,9 +11979,9 @@ function useThemeName() {
 }
 var Configuration = function(props) {
   var current = React.useContext(ComponentContext), _props_disableSSR;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ClientOnly, {
+  return /* @__PURE__ */ jsxRuntime.jsx(ClientOnly, {
     enabled: (_props_disableSSR = props.disableSSR) !== null && _props_disableSSR !== void 0 ? _props_disableSSR : current.disableSSR,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContext.Provider, __spreadValues(__spreadValues({}, current), props))
+    children: /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, __spreadValues(__spreadValues({}, current), props))
   });
 };
 function FontLanguage(param) {
@@ -11949,7 +11992,7 @@ function FontLanguage(param) {
   ]), parentProps = React.useContext(ComponentContext), language = React.useMemo(function() {
     return props;
   }, [JSON.stringify(props)]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContext.Provider, __spreadProps(__spreadValues({}, parentProps), {
+  return /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, __spreadProps(__spreadValues({}, parentProps), {
     language,
     children
   }));
@@ -11957,7 +12000,7 @@ function FontLanguage(param) {
 var ThemeProvider = function(props) {
   var addThemeClassName = getSetting("addThemeClassName");
   var forceClassName = addThemeClassName === void 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Theme, {
+  return /* @__PURE__ */ jsxRuntime.jsx(Theme, {
     className: props.className,
     name: props.defaultTheme,
     forceClassName,
@@ -11981,11 +12024,11 @@ function TamaguiProvider$1(param) {
   }, []);
   var memoizedInsets = React.useMemo(function() {
     return insets;
-  }, [insets == null ? void 0 : insets.top, insets == null ? void 0 : insets.right, insets == null ? void 0 : insets.bottom, insets == null ? void 0 : insets.left]), contents = /* @__PURE__ */ jsxRuntimeExports.jsx(UnmountedClassName, {
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContext.Provider, {
+  }, [insets == null ? void 0 : insets.top, insets == null ? void 0 : insets.right, insets == null ? void 0 : insets.bottom, insets == null ? void 0 : insets.left]), contents = /* @__PURE__ */ jsxRuntime.jsx(UnmountedClassName, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, {
       animationDriver: config == null ? void 0 : config.animations,
       insets: memoizedInsets,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider, {
         defaultTheme,
         reset,
         className,
@@ -11993,10 +12036,10 @@ function TamaguiProvider$1(param) {
       })
     })
   });
-  return getSetting("disableSSR") && (contents = /* @__PURE__ */ jsxRuntimeExports.jsx(ClientOnly, {
+  return getSetting("disableSSR") && (contents = /* @__PURE__ */ jsxRuntime.jsx(ClientOnly, {
     enabled: true,
     children: contents
-  })), /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+  })), /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [contents, false]
   });
 }
@@ -12489,7 +12532,7 @@ const TamaguiProvider = (props) => {
   useIsomorphicLayoutEffect(() => {
     enable();
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TamaguiProvider$1, __spreadValues({}, props));
+  return /* @__PURE__ */ jsxRuntime.jsx(TamaguiProvider$1, __spreadValues({}, props));
 };
 const createTamagui = (conf2) => {
   {