@tamagui/web 1.110.4 → 1.111.0

package/dist/esm/hooks/useMedia.native.mjs

@@ -0,0 +1,206 @@
+import React from "react";
+import { isServer, isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { getConfig, getSetting } from "../config.mjs";
+import { matchMedia } from "../helpers/matchMedia.mjs";
+import { pseudoDescriptors } from "../helpers/pseudoDescriptors.mjs";
+import { getDisableSSR } from "./useDisableSSR.mjs";
+var mediaState =
+  // development only safeguard
+  process.env.NODE_ENV === "development" ? new Proxy({}, {
+    get(target, key) {
+      if (typeof key == "string" && key[0] === "$" &&
+      // dont error on $$typeof
+      key[1] !== "$") throw new Error(`Access mediaState should not use "$": ${key}`);
+      return Reflect.get(target, key);
+    }
+  }) : {},
+  mediaQueryConfig = {},
+  getMedia = function () {
+    return mediaState;
+  },
+  mediaKeys = /* @__PURE__ */new Set(),
+  mediaKeyRegex = /\$(platform|theme|group)-/,
+  isMediaKey = function (key) {
+    if (mediaKeys.has(key)) return !0;
+    if (key[0] === "$") {
+      var match = key.match(mediaKeyRegex);
+      if (match) return match[1];
+    }
+    return !1;
+  },
+  initState,
+  defaultMediaImportance = Object.keys(pseudoDescriptors).length,
+  mediaKeysOrdered,
+  getMediaKeyImportance = function (key) {
+    if (process.env.NODE_ENV === "development" && key[0] === "$") throw new Error("use short key");
+    var conf = getConfig();
+    return conf.settings.mediaPropOrder ? defaultMediaImportance : mediaKeysOrdered.indexOf(key) + 100;
+  },
+  dispose = /* @__PURE__ */new Set(),
+  mediaVersion = 0,
+  configureMedia = function (config) {
+    var {
+        media
+      } = config,
+      mediaQueryDefaultActive = getSetting("mediaQueryDefaultActive");
+    if (media) {
+      mediaVersion++;
+      for (var key in media) mediaState[key] = mediaQueryDefaultActive?.[key] || !1, mediaKeys.add(`$${key}`);
+      Object.assign(mediaQueryConfig, media), initState = {
+        ...mediaState
+      }, mediaKeysOrdered = Object.keys(media), config.disableSSR ? setupMediaListeners() : updateCurrentState();
+    }
+  };
+function unlisten() {
+  dispose.forEach(function (cb) {
+    return cb();
+  }), dispose.clear();
+}
+var setupVersion = -1;
+function setupMediaListeners() {
+  var _loop = function (key2) {
+    var str = mediaObjectToString(mediaQueryConfig[key2], key2),
+      getMatch = function () {
+        return matchMedia(str);
+      },
+      match = getMatch();
+    if (!match) throw new Error("\u26A0\uFE0F No match");
+    match.addListener(update), dispose.add(function () {
+      match.removeListener(update);
+    }), update();
+    function update() {
+      var next = !!getMatch().matches;
+      next !== mediaState[key2] && (mediaState = {
+        ...mediaState,
+        [key2]: next
+      }, updateCurrentState());
+    }
+  };
+  if (!(isWeb && isServer) && setupVersion !== mediaVersion) {
+    setupVersion = mediaVersion, unlisten();
+    for (var key in mediaQueryConfig) _loop(key);
+  }
+}
+var listeners = /* @__PURE__ */new Set(),
+  flushing = !1,
+  flushVersion = -1;
+function updateCurrentState() {
+  flushing && flushVersion === mediaVersion || (flushVersion = mediaVersion, flushing = !0, Promise.resolve().then(function () {
+    flushing = !1, listeners.forEach(function (cb) {
+      return cb(mediaState);
+    });
+  }));
+}
+var States = /* @__PURE__ */new WeakMap();
+function setMediaShouldUpdate(ref, props) {
+  return States.set(ref, {
+    ...States.get(ref),
+    ...props
+  });
+}
+function subscribe(subscriber) {
+  return listeners.add(subscriber), function () {
+    listeners.delete(subscriber);
+  };
+}
+function useMedia(uidIn, componentContext, debug) {
+  var uid = uidIn ?? React.useRef(),
+    disableSSR = getDisableSSR(componentContext),
+    initialState = (disableSSR || !isWeb ? mediaState : initState) || {},
+    componentState = States.get(uid);
+  componentState || (componentState = {
+    prev: initialState
+  }, States.set(uid, componentState));
+  var getSnapshot = function () {
+      if (!componentState) return initialState;
+      var {
+        enabled,
+        keys,
+        prev = initialState
+      } = componentState;
+      if (enabled === !1) return prev;
+      var _ref,
+        testKeys = (_ref = (keys != null || enabled) && keys) !== null && _ref !== void 0 ? _ref : null,
+        hasntUpdated = !testKeys || Object.keys(testKeys).every(function (key) {
+          return mediaState[key] === prev[key];
+        });
+      return hasntUpdated ? prev : (componentState.prev = mediaState, mediaState);
+    },
+    state;
+  if (process.env.TAMAGUI_SYNC_MEDIA_QUERY) state = React.useSyncExternalStore(subscribe, getSnapshot, function () {
+    return initialState;
+  });else {
+    var [_state, setState] = React.useState(initialState);
+    state = _state, useIsomorphicLayoutEffect(function () {
+      function update() {
+        setState(getSnapshot);
+      }
+      return update(), disableSSR || Promise.resolve().then(function () {
+        update();
+      }), subscribe(update);
+    }, []);
+  }
+  return new Proxy(state, {
+    get(_, key) {
+      if (!disableMediaTouch) {
+        if (typeof key == "string") {
+          var _componentState;
+          (_componentState = componentState).keys || (_componentState.keys = {}), componentState.keys[key] = !0, process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key);
+        }
+        return Reflect.get(state, key);
+      }
+    }
+  });
+}
+var disableMediaTouch = !1;
+function _dmt(val) {
+  disableMediaTouch = val;
+}
+function getMediaState(mediaGroups, layout) {
+  disableMediaTouch = !0;
+  var res;
+  try {
+    res = Object.fromEntries([...mediaGroups].map(function (mediaKey) {
+      return [mediaKey, mediaKeyMatch(mediaKey, layout)];
+    }));
+  } finally {
+    disableMediaTouch = !1;
+  }
+  return res;
+}
+var getMediaImportanceIfMoreImportant = function (mediaKey, key, importancesUsed, isSizeMedia) {
+  var importance = isSizeMedia && !getSetting("mediaPropOrder") ? getMediaKeyImportance(mediaKey) : defaultMediaImportance;
+  return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null;
+};
+function camelToHyphen(str) {
+  return str.replace(/[A-Z]/g, function (m) {
+    return `-${m.toLowerCase()}`;
+  }).toLowerCase();
+}
+var cache = /* @__PURE__ */new WeakMap(),
+  cachedMediaKeyToQuery = {};
+function mediaObjectToString(query, key) {
+  if (typeof query == "string") return query;
+  if (cache.has(query)) return cache.get(query);
+  var res = Object.entries(query).map(function (param) {
+    var [feature, value] = param;
+    return feature = camelToHyphen(feature), typeof value == "string" ? `(${feature}: ${value})` : (typeof value == "number" && /[height|width]$/.test(feature) && (value = `${value}px`), `(${feature}: ${value})`);
+  }).join(" and ");
+  return key && (cachedMediaKeyToQuery[key] = res), cache.set(query, res), res;
+}
+function mediaKeyToQuery(key) {
+  return cachedMediaKeyToQuery[key] || mediaObjectToString(mediaQueryConfig[key], key);
+}
+function mediaKeyMatch(key, dimensions) {
+  var mediaQueries = mediaQueryConfig[key],
+    result = Object.keys(mediaQueries).every(function (query) {
+      var expectedVal = +mediaQueries[query],
+        isMax = query.startsWith("max"),
+        isWidth = query.endsWith("Width"),
+        givenVal = dimensions[isWidth ? "width" : "height"];
+      return isMax ? givenVal < expectedVal : givenVal > expectedVal;
+    });
+  return result;
+}
+export { _dmt, configureMedia, getMedia, getMediaImportanceIfMoreImportant, getMediaKeyImportance, getMediaState, isMediaKey, mediaKeyMatch, mediaKeyToQuery, mediaKeys, mediaObjectToString, mediaQueryConfig, mediaState, setMediaShouldUpdate, setupMediaListeners, useMedia };
+//# sourceMappingURL=useMedia.native.mjs.map

package/dist/esm/hooks/useMedia.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","isServer","isWeb","useIsomorphicLayoutEffect","getConfig","getSetting","matchMedia","pseudoDescriptors","getDisableSSR","mediaState","process","env","NODE_ENV","Proxy","get","target","key","Error","Reflect","mediaQueryConfig","getMedia","mediaKeys","Set","mediaKeyRegex","isMediaKey","has","match","initState","defaultMediaImportance","Object","keys","length","mediaKeysOrdered","getMediaKeyImportance","conf","settings","mediaPropOrder","indexOf","dispose","mediaVersion","configureMedia","config","media","mediaQueryDefaultActive","add","assign","disableSSR","setupMediaListeners","updateCurrentState","unlisten","forEach","cb","clear","setupVersion","_loop","key2","str","mediaObjectToString","getMatch","addListener","update","removeListener","next","matches","listeners","flushing","flushVersion","Promise","resolve","then","States","WeakMap","setMediaShouldUpdate","ref","props","set","subscribe","subscriber","delete","useMedia","uidIn","componentContext","debug","uid","useRef","initialState","componentState","prev","getSnapshot","enabled","_ref","testKeys","hasntUpdated","every","state","TAMAGUI_SYNC_MEDIA_QUERY","useSyncExternalStore","_state","setState","useState","_","disableMediaTouch","_componentState","console","info","_dmt","val","getMediaState","mediaGroups","layout","res","fromEntries","map","mediaKey","mediaKeyMatch","getMediaImportanceIfMoreImportant","importancesUsed","isSizeMedia","importance","camelToHyphen","replace","m","toLowerCase","cache","cachedMediaKeyToQuery","query"],"sources":["../../../src/hooks/useMedia.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useProps.native.js

@@ -6,117 +6,35 @@ import { useSplitStyles } from "../helpers/getSplitStyles";
 import { Stack } from "../views/Stack";
 import { useMedia } from "./useMedia";
 import { useThemeWithState } from "./useTheme";
-function _array_like_to_array(arr, len) {
-  (len == null || len > arr.length) && (len = arr.length);
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-function _array_with_holes(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-function _array_without_holes(arr) {
-  if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function _define_property(obj, key, value) {
-  return key in obj ? Object.defineProperty(obj, key, {
-    value,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : obj[key] = value, obj;
-}
-function _iterable_to_array(iter) {
-  if (typeof Symbol < "u" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterable_to_array_limit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i != null) {
-    var _arr = [], _n = !0, _d = !1, _s, _e;
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
-        ;
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        !_n && _i.return != null && _i.return();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-function _non_iterable_rest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _non_iterable_spread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), ownKeys2.forEach(function(key) {
-      _define_property(target, key, source[key]);
-    });
-  }
-  return target;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _object_spread_props(target, source) {
-  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-  }), target;
-}
-function _sliced_to_array(arr, i) {
-  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _to_consumable_array(arr) {
-  return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-  if (o) {
-    if (typeof o == "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-  }
-}
 function useProps(props, opts) {
-  var _usePropsAndStyle = _sliced_to_array(usePropsAndStyle(props, _object_spread_props(_object_spread({}, opts), {
+  var [propsOut, styleOut] = usePropsAndStyle(props, {
+    ...opts,
     noExpand: !0,
     noNormalize: !0,
     resolveValues: "none"
-  })), 2), propsOut = _usePropsAndStyle[0], styleOut = _usePropsAndStyle[1];
-  return _object_spread({}, propsOut, styleOut);
+  });
+  return {
+    ...propsOut,
+    ...styleOut
+  };
 }
 function useStyle(props, opts) {
   return usePropsAndStyle(props, opts)[1] || {};
 }
 function usePropsAndStyle(props, opts) {
-  var _opts_forComponent, _themeState_state, _opts_forComponent_staticConfig, staticConfig = (_opts_forComponent_staticConfig = opts == null || (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : Stack.staticConfig, _useThemeWithState = _sliced_to_array(useThemeWithState({
+  var _opts_forComponent, _themeState_state, _opts_forComponent_staticConfig, staticConfig = (_opts_forComponent_staticConfig = opts == null || (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : Stack.staticConfig, [themeState, theme] = useThemeWithState({
     componentName: staticConfig.componentName,
     name: "theme" in props ? props.theme : void 0,
     inverse: "themeInverse" in props ? props.themeInverse : void 0
-  }), 2), themeState = _useThemeWithState[0], theme = _useThemeWithState[1], componentContext = React.useContext(ComponentContext), _useComponentState = useComponentState(props, componentContext, staticConfig, getConfig()), state = _useComponentState.state, disabled = _useComponentState.disabled, setStateShallow = _useComponentState.setStateShallow, media = useMedia(), splitStyles = useSplitStyles(props, staticConfig, theme, ((_themeState_state = themeState.state) === null || _themeState_state === void 0 ? void 0 : _themeState_state.name) || "", state, _object_spread({
+  }), componentContext = React.useContext(ComponentContext), { state, disabled, setStateShallow } = useComponentState(props, componentContext, staticConfig, getConfig()), media = useMedia(), splitStyles = useSplitStyles(props, staticConfig, theme, ((_themeState_state = themeState.state) === null || _themeState_state === void 0 ? void 0 : _themeState_state.name) || "", state, {
     isAnimated: !1,
     mediaState: media,
     noSkip: !0,
     noMergeStyle: !0,
     noClassNames: !0,
-    resolveValues: "auto"
-  }, opts), null, componentContext), mediaGroups = splitStyles.mediaGroups, pseudoGroups = splitStyles.pseudoGroups;
+    resolveValues: "auto",
+    ...opts
+  }, null, componentContext), { mediaGroups, pseudoGroups } = splitStyles;
   return React.useEffect(function() {
     if (!disabled) {
       if (state.unmounted) {
@@ -136,8 +54,12 @@ function usePropsAndStyle(props, opts) {
     }
   }, [
     disabled,
-    pseudoGroups ? Object.keys(_to_consumable_array(pseudoGroups)).join("") : 0,
-    mediaGroups ? Object.keys(_to_consumable_array(mediaGroups)).join("") : 0
+    pseudoGroups ? Object.keys([
+      ...pseudoGroups
+    ]).join("") : 0,
+    mediaGroups ? Object.keys([
+      ...mediaGroups
+    ]).join("") : 0
   ]), [
     splitStyles.viewProps,
     splitStyles.style || {},

package/dist/esm/hooks/useProps.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/Users/n8/tamagui/code/core/web/src/hooks/useProps.tsx"],
-  "mappings": "AAAA,OAAOA,WAAW;AAElB,SAASC,iBAAiB;AAC1B,SAASC,wBAAwB;AACjC,SAASC,yBAAyBC,yBAAyB;AAC3D,SAASC,sBAAsB;AAE/B,SAASC,aAAa;AAEtB,SAASC,gBAAgB;AACzB,SAASC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyB3B,SAASC,SACdC,OACAC,MAAsB;AAEtB,MAA6BC,oBAAAA,iBAAAA,iBAAiBF,OAAO,qBAAA,eAAA,CAAA,GAChDC,IAAAA,GAAAA;IACHE,UAAU;IACVC,aAAa;IACbC,eAAe;WAJVC,WAAsBJ,kBAAAA,CAAAA,GAAZK,WAAYL,kBAAAA,CAAAA;AAM7B,SAAO,eAAA,CAAA,GACFI,UACAC,QAAAA;AAEP;AAQO,SAASC,SACdR,OACAC,MAAsB;AAEtB,SAAOC,iBAAiBF,OAAOC,IAAAA,EAAM,CAAA,KAAM,CAAC;AAC9C;AAQO,SAASC,iBACdF,OACAC,MAAsB;MAEDA,oBAmBnBQ,mBAnBmBR,iCAAfS,gBAAeT,kCAAAA,QAAAA,SAAAA,qBAAAA,KAAMU,kBAAY,QAAlBV,uBAAAA,SAAAA,SAAAA,mBAAoBS,kBAAY,QAAhCT,oCAAAA,SAAAA,kCAAoCL,MAAMc,cACnCZ,qBAAAA,iBAAAA,kBAAkB;IAC5Cc,eAAeF,aAAaE;IAC5BC,MAAM,WAAWb,QAAQA,MAAMc,QAAQC;IACvCC,SAAS,kBAAkBhB,QAAQA,MAAMiB,eAAeF;EAC1D,CAAA,GAAA,CAAA,GAJON,aAAqBX,mBAAAA,CAAAA,GAATgB,QAAShB,mBAAAA,CAAAA,GAKtBoB,mBAAmB5B,MAAM6B,WAAW3B,gBAAAA,GACGE,qBAAAA,kBAC3CM,OACAkB,kBACAR,cACAnB,UAAAA,CAAAA,GAJM6B,QAAqC1B,mBAArC0B,OAAOC,WAA8B3B,mBAA9B2B,UAAUC,kBAAoB5B,mBAApB4B,iBAOnBC,QAAQ1B,SAAAA,GACR2B,cAAc7B,eAClBK,OACAU,cACAI,SACAL,oBAAAA,WAAWW,WAAK,QAAhBX,sBAAAA,SAAAA,SAAAA,kBAAkBI,SAAQ,IAC1BO,OACA,eAAA;IACEK,YAAY;IACZC,YAAYH;IACZI,QAAQ;IACRC,cAAc;IACdC,cAAc;IACdxB,eAAe;KACZJ,IAAAA,GAEL,MACAiB,gBAAAA,GAGMY,cAA8BN,YAA9BM,aAAaC,eAAiBP,YAAjBO;AAErBzC,eAAM0C,UAAU,WAAA;AACd,QAAIX,WAIJ;UAAID,MAAMa,WAAW;AACnBX,wBAAgB;UAAEW,WAAW;QAAM,CAAA;AACnC;MACF;AAEA,aAAOxC,wBAAwB;QAC7B4B;QACAH;QACAI;QACAF;QACAU;QACAC;MACF,CAAA;;EACF,GAAG;IACDV;IACAU,eAAeG,OAAOC,KAAM,qBAAGJ,YAAAA,CAAAA,EAAeK,KAAK,EAAA,IAAM;IACzDN,cAAcI,OAAOC,KAAM,qBAAGL,WAAAA,CAAAA,EAAcM,KAAK,EAAA,IAAM;GACxD,GAEM;IAACZ,YAAYa;IAAWb,YAAYc,SAAS,CAAC;IAAGxB;IAAOS;;AACjE;",
-  "names": ["React", "getConfig", "ComponentContext", "subscribeToContextGroup", "useComponentState", "useSplitStyles", "Stack", "useMedia", "useThemeWithState", "useProps", "props", "opts", "usePropsAndStyle", "noExpand", "noNormalize", "resolveValues", "propsOut", "styleOut", "useStyle", "themeState", "staticConfig", "forComponent", "componentName", "name", "theme", "undefined", "inverse", "themeInverse", "componentContext", "useContext", "state", "disabled", "setStateShallow", "media", "splitStyles", "isAnimated", "mediaState", "noSkip", "noMergeStyle", "noClassNames", "mediaGroups", "pseudoGroups", "useEffect", "unmounted", "Object", "keys", "join", "viewProps", "style"]
+  "mappings": "AAAA,OAAOA,WAAW;AAElB,SAASC,iBAAiB;AAC1B,SAASC,wBAAwB;AACjC,SAASC,yBAAyBC,yBAAyB;AAC3D,SAASC,sBAAsB;AAE/B,SAASC,aAAa;AAEtB,SAASC,gBAAgB;AACzB,SAASC,yBAAyB;AAyB3B,SAASC,SACdC,OACAC,MAAsB;AAEtB,MAAM,CAACC,UAAUC,QAAAA,IAAYC,iBAAiBJ,OAAO;IACnD,GAAGC;IACHI,UAAU;IACVC,aAAa;IACbC,eAAe;EACjB,CAAA;AACA,SAAO;IACL,GAAGL;IACH,GAAGC;EACL;AACF;AAQO,SAASK,SACdR,OACAC,MAAsB;AAEtB,SAAOG,iBAAiBJ,OAAOC,IAAAA,EAAM,CAAA,KAAM,CAAC;AAC9C;AAQO,SAASG,iBACdJ,OACAC,MAAsB;MAEDA,oBAmBnBQ,mBAnBmBR,iCAAfS,gBAAeT,kCAAAA,QAAAA,SAAAA,qBAAAA,KAAMU,kBAAY,QAAlBV,uBAAAA,SAAAA,SAAAA,mBAAoBS,kBAAY,QAAhCT,oCAAAA,SAAAA,kCAAoCL,MAAMc,cACzD,CAACD,YAAYG,KAAAA,IAASd,kBAAkB;IAC5Ce,eAAeH,aAAaG;IAC5BC,MAAM,WAAWd,QAAQA,MAAMY,QAAQG;IACvCC,SAAS,kBAAkBhB,QAAQA,MAAMiB,eAAeF;EAC1D,CAAA,GACMG,mBAAmB5B,MAAM6B,WAAW3B,gBAAAA,GACpC,EAAE4B,OAAOC,UAAUC,gBAAe,IAAK5B,kBAC3CM,OACAkB,kBACAR,cACAnB,UAAAA,CAAAA,GAGIgC,QAAQ1B,SAAAA,GACR2B,cAAc7B,eAClBK,OACAU,cACAE,SACAH,oBAAAA,WAAWW,WAAK,QAAhBX,sBAAAA,SAAAA,SAAAA,kBAAkBK,SAAQ,IAC1BM,OACA;IACEK,YAAY;IACZC,YAAYH;IACZI,QAAQ;IACRC,cAAc;IACdC,cAAc;IACdtB,eAAe;IACf,GAAGN;EACL,GACA,MACAiB,gBAAAA,GAGI,EAAEY,aAAaC,aAAY,IAAKP;AAEtClC,eAAM0C,UAAU,WAAA;AACd,QAAIX,WAIJ;UAAID,MAAMa,WAAW;AACnBX,wBAAgB;UAAEW,WAAW;QAAM,CAAA;AACnC;MACF;AAEA,aAAOxC,wBAAwB;QAC7B4B;QACAH;QACAI;QACAF;QACAU;QACAC;MACF,CAAA;;EACF,GAAG;IACDV;IACAU,eAAeG,OAAOC,KAAK;SAAIJ;KAAa,EAAEK,KAAK,EAAA,IAAM;IACzDN,cAAcI,OAAOC,KAAK;SAAIL;KAAY,EAAEM,KAAK,EAAA,IAAM;GACxD,GAEM;IAACZ,YAAYa;IAAWb,YAAYc,SAAS,CAAC;IAAG1B;IAAOW;;AACjE;",
+  "names": ["React", "getConfig", "ComponentContext", "subscribeToContextGroup", "useComponentState", "useSplitStyles", "Stack", "useMedia", "useThemeWithState", "useProps", "props", "opts", "propsOut", "styleOut", "usePropsAndStyle", "noExpand", "noNormalize", "resolveValues", "useStyle", "themeState", "staticConfig", "forComponent", "theme", "componentName", "name", "undefined", "inverse", "themeInverse", "componentContext", "useContext", "state", "disabled", "setStateShallow", "media", "splitStyles", "isAnimated", "mediaState", "noSkip", "noMergeStyle", "noClassNames", "mediaGroups", "pseudoGroups", "useEffect", "unmounted", "Object", "keys", "join", "viewProps", "style"]
 }

package/dist/esm/hooks/useProps.native.mjs

@@ -0,0 +1,74 @@
+import React from "react";
+import { getConfig } from "../config.mjs";
+import { ComponentContext } from "../contexts/ComponentContext.mjs";
+import { subscribeToContextGroup, useComponentState } from "../createComponent.mjs";
+import { useSplitStyles } from "../helpers/getSplitStyles.mjs";
+import { Stack } from "../views/Stack.mjs";
+import { useMedia } from "./useMedia.mjs";
+import { useThemeWithState } from "./useTheme.mjs";
+function useProps(props, opts) {
+  var [propsOut, styleOut] = usePropsAndStyle(props, {
+    ...opts,
+    noExpand: !0,
+    noNormalize: !0,
+    resolveValues: "none"
+  });
+  return {
+    ...propsOut,
+    ...styleOut
+  };
+}
+function useStyle(props, opts) {
+  return usePropsAndStyle(props, opts)[1] || {};
+}
+function usePropsAndStyle(props, opts) {
+  var _opts_forComponent,
+    _themeState_state,
+    _opts_forComponent_staticConfig,
+    staticConfig = (_opts_forComponent_staticConfig = opts == null || (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : Stack.staticConfig,
+    [themeState, theme] = useThemeWithState({
+      componentName: staticConfig.componentName,
+      name: "theme" in props ? props.theme : void 0,
+      inverse: "themeInverse" in props ? props.themeInverse : void 0
+    }),
+    componentContext = React.useContext(ComponentContext),
+    {
+      state,
+      disabled,
+      setStateShallow
+    } = useComponentState(props, componentContext, staticConfig, getConfig()),
+    media = useMedia(),
+    splitStyles = useSplitStyles(props, staticConfig, theme, ((_themeState_state = themeState.state) === null || _themeState_state === void 0 ? void 0 : _themeState_state.name) || "", state, {
+      isAnimated: !1,
+      mediaState: media,
+      noSkip: !0,
+      noMergeStyle: !0,
+      noClassNames: !0,
+      resolveValues: "auto",
+      ...opts
+    }, null, componentContext),
+    {
+      mediaGroups,
+      pseudoGroups
+    } = splitStyles;
+  return React.useEffect(function () {
+    if (!disabled) {
+      if (state.unmounted) {
+        setStateShallow({
+          unmounted: !1
+        });
+        return;
+      }
+      return subscribeToContextGroup({
+        disabled,
+        componentContext,
+        setStateShallow,
+        state,
+        mediaGroups,
+        pseudoGroups
+      });
+    }
+  }, [disabled, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]), [splitStyles.viewProps, splitStyles.style || {}, theme, media];
+}
+export { useProps, usePropsAndStyle, useStyle };
+//# sourceMappingURL=useProps.native.mjs.map

package/dist/esm/hooks/useProps.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","getConfig","ComponentContext","subscribeToContextGroup","useComponentState","useSplitStyles","Stack","useMedia","useThemeWithState","useProps","props","opts","propsOut","styleOut","usePropsAndStyle","noExpand","noNormalize","resolveValues","useStyle","_opts_forComponent","_themeState_state","_opts_forComponent_staticConfig","staticConfig","forComponent","themeState","theme","componentName","name","inverse","themeInverse","componentContext","useContext","state","disabled","setStateShallow","media","splitStyles","isAnimated","mediaState","noSkip","noMergeStyle","noClassNames","mediaGroups","pseudoGroups","useEffect","unmounted","Object","keys","join","viewProps","style"],"sources":["../../../src/hooks/useProps.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,SAAA,QAAiB;AAC1B,SAASC,gBAAA,QAAwB;AACjC,SAASC,uBAAA,EAAyBC,iBAAA,QAAyB;AAC3D,SAASC,cAAA,QAAsB;AAE/B,SAASC,KAAA,QAAa;AAEtB,SAASC,QAAA,QAAgB;AACzB,SAASC,iBAAA,QAAyB;AAyB3B,SAASC,SACdC,KAAA,EACAC,IAAA,EAC4B;EAC5B,KAAAC,QAAO,EAAAC,QAAU,IAAQC,gBAAI,CAAAJ,KAAiB;IAC5C,GAAGC,IAAA;IACHI,QAAA,EAAU;IACVC,WAAA,EAAa;IACbC,aAAA,EAAe;EACjB,CAAC;EACD,OAAO;IACL,GAAGL,QAAA;IACH,GAAGC;EACL;AACF;AAQO,SAASK,SACdR,KAAA,EACAC,IAAA,EAC4B;EAC5B,OAAOG,gBAAA,CAAiBJ,KAAA,EAAOC,IAAI,EAAE,CAAC,KAAK,CAAC;AAC9C;AAQO,SAASG,iBACdJ,KAAA,EACAC,IAAA,EACsF;EACtF,IAAAQ,kBAAqB;IAAAC,iBAAoB;IAAAC,+BAAsB;IAAAC,YACxD,GAAY,CAAAD,+BAA2B,GAAAV,IAAA,aAAAQ,kBAAA,GAAAR,IAAA,CAAAY,YAAA,cAAAJ,kBAAA,uBAAAA,kBAAA,CAAAG,YAAA,cAAAD,+BAAA,cAAAA,+BAAA,GAAAf,KAAA,CAAAgB,YAAA;IAAA,CAAAE,UAAA,EAAAC,KAAA,IAAAjB,iBAAA;MAC5CkB,aAAA,EAAeJ,YAAA,CAAaI,aAAA;MAC5BC,IAAA,EAAM,WAAWjB,KAAA,GAAQA,KAAA,CAAMe,KAAA,GAAQ;MACvCG,OAAA,EAAS,kBAAkBlB,KAAA,GAAQA,KAAA,CAAMmB,YAAA,GAAe;IAC1D,CAAC;IACKC,gBAAA,GAAmB9B,KAAA,CAAM+B,UAAA,CAAW7B,gBAAuB;IAC3D;MAAE8B,KAAA;MAAOC,QAAA;MAAUC;IAAgB,IAAI9B,iBAAA,CAAAM,KAAA,EAAAoB,gBAAA,EAAAR,YAAA,EAAArB,SAAA;IAAAkC,KAAA,GAAA5B,QAAA;IAAA6B,WAAA,GAAA/B,cAAA,CAAAK,KAAA,EAAAY,YAAA,EAAAG,KAAA,IAAAL,iBAAA,GAAAI,UAAA,CAAAQ,KAAA,cAAAZ,iBAAA,uBAAAA,iBAAA,CAAAO,IAAA,SAAAK,KAAA;MAC3CK,UAAA;MACAC,UAAA,EAAAH,KAAA;MACAI,MAAA;MACAC,YAAU;MACZC,YAEc;MAEZxB,aAAA;MACA,GAAAN;IAAA,GACA,MAAAmB,gBAAA;IAAA;MAAAY,WAAA;MAAAC;IAAA,IAAAP,WAAA;EAAA,OACApC,KAAA,CAAW4C,SAAO,aAAQ;IAC1B,KAAAX,QAAA;MACA,IAAAD,KAAA,CAAAa,SAAA;QACEX,eAAY;UACZW,SAAY;QACZ;QACA;MACA;MACA,OAAA1C,uBAAe;QACf8B,QAAG;QACLH,gBAAA;QACAI,eAAA;QACAF,KAAA;QAGMU,WAAA;QAERC;MACE,EAAI;IAIJ;EACE,IACAV,QAAA,EAAAU,YACF,GAAAG,MAAA,CAAAC,IAAA,EAEA,GAAAJ,YAAO,CAAwB,EAAAK,IAC7B,UAAAN,WACA,GAAAI,MAAA,CAAAC,IAAA,KACAL,WAAA,GAAAM,IACA,aACAZ,WACA,CAAAa,SAAA,EAAAb,WACD,CAAAc,KAAA,QAAAzB,KAAA,EACHU,KAAG;AACD;AACyD,SAE3D1B,QAEQ,EACVK,gBAAA,E","ignoreList":[]}