npm - @oxyhq/bloom - Versions diffs - 0.89.0 → 1.0.0 - Mend

@oxyhq/bloom 0.89.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3390) hide show

package/lib/commonjs/portal/Portal.web.js ADDED Viewed

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Portal = Portal;
+exports.PortalOutlet = void 0;
+exports.PortalProvider = PortalProvider;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _zIndex = require("../styles/z-index.js");
+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); }
+/**
+ * Web variant of the Portal API.
+ *
+ * On native we keep the context-based portal group (the consumer mounts a
+ * `<PortalProvider />` near the root and a `<PortalOutlet />` to render portaled
+ * components inside the native view hierarchy). On web there's a stable
+ * `document.body`, so we portal directly there via `react-dom`'s native
+ * `createPortal` — no provider, no outlet, no setup. This matches how
+ * mature web component libraries (Radix, Mantine, Tamagui) ship their
+ * portals.
+ *
+ * The native and web APIs are kept identical: `PortalProvider` and
+ * `PortalOutlet` are still exported on web — they just become harmless no-op
+ * fragments so consumers that *do* mount them keep compiling.
+ */
+/**
+ * Render children into a stable container appended to `document.body`.
+ *
+ * The container is positioned `fixed` and stretched edge-to-edge so it
+ * fills the viewport. This makes it a valid containing block for any
+ * portaled descendant that uses `position: absolute` (e.g. RN's
+ * `StyleSheet.absoluteFill`) — without it those children anchor to a
+ * zero-area block at the end of `<body>` and render off-screen.
+ *
+ * `pointer-events: none` lets clicks fall through to the underlying app
+ * while the portal is idle. Interactive descendants (backdrops, modal
+ * panels, dropdowns, etc.) must opt back in with `pointer-events: auto`
+ * (or RN's `pointerEvents="auto"` / `"box-only"`). Bloom's own overlay
+ * components do this on the elements they actually want to receive
+ * events.
+ *
+ * Lazy-creates the container on first mount so SSR (where `document` does
+ * not exist) doesn't crash — the portal simply renders nothing on the
+ * server and snaps in on hydration.
+ */function getPortalRoot() {
+  if (typeof document === 'undefined') return null;
+  let root = document.getElementById('bloom-portal-root');
+  if (!root) {
+    root = document.createElement('div');
+    root.id = 'bloom-portal-root';
+    root.style.position = 'fixed';
+    root.style.top = '0';
+    root.style.left = '0';
+    root.style.right = '0';
+    root.style.bottom = '0';
+    // Idle portal must not intercept clicks on the underlying app.
+    // Children opt back in to receive events via their own pointer-events.
+    root.style.pointerEvents = 'none';
+    // Above the document flow; individual portaled components can use
+    // their own z-index for stacking among themselves.
+    root.style.zIndex = String(_zIndex.Z_INDEX.portalRoot);
+    document.body.appendChild(root);
+  }
+  return root;
+}
+function Portal({
+  children
+}) {
+  const [root, setRoot] = (0, _react.useState)(null);
+  (0, _react.useLayoutEffect)(() => {
+    setRoot(getPortalRoot());
+  }, []);
+  if (!root) return null;
+  return /*#__PURE__*/(0, _reactDom.createPortal)(children, root);
+}
+// Native API parity — on web these are inert. `PortalProvider` mounts its
+// children inline; `PortalOutlet` renders nothing. Consumers that mount them on
+// web keep compiling without behaviour change.
+function PortalProvider(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+    children: props.children
+  });
+}
+const PortalOutlet = exports.PortalOutlet = /*#__PURE__*/(0, _react.memo)(function PortalOutlet() {
+  return null;
+});
+//# sourceMappingURL=Portal.web.js.map

package/lib/commonjs/portal/Portal.web.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactDom","_zIndex","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getPortalRoot","document","root","getElementById","createElement","id","style","position","top","left","right","bottom","pointerEvents","zIndex","String","Z_INDEX","portalRoot","body","appendChild","Portal","children","setRoot","useState","useLayoutEffect","createPortal","PortalProvider","props","jsx","Fragment","PortalOutlet","exports","memo"],"sourceRoot":"../../../src","sources":["portal/Portal.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/portal/index.js CHANGED Viewed

@@ -3,112 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Provider = exports.Portal = exports.Outlet = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _zIndex = require("../styles/z-index.js");
-var _webViewStyle = require("../styles/web-view-style.js");
-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); }
-function createPortalGroup() {
-  const Context = /*#__PURE__*/(0, _react.createContext)({
-    outlet: null,
-    append: () => {},
-    remove: () => {}
-  });
-  Context.displayName = 'BloomPortalContext';
-  function Provider(props) {
-    const map = (0, _react.useRef)({});
-    const [outlet, setOutlet] = (0, _react.useState)(null);
-    const append = (0, _react.useCallback)((id, component) => {
-      map.current[id] = /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-        children: component
-      }, id);
-      setOutlet(/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: Object.values(map.current)
-      }));
-    }, []);
-    const remove = (0, _react.useCallback)(id => {
-      delete map.current[id];
-      setOutlet(/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: Object.values(map.current)
-      }));
-    }, []);
-    const contextValue = (0, _react.useMemo)(() => ({
-      outlet,
-      append,
-      remove
-    }), [outlet, append, remove]);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Context.Provider, {
-      value: contextValue,
-      children: props.children
-    });
+Object.defineProperty(exports, "Portal", {
+  enumerable: true,
+  get: function () {
+    return _Portal.Portal;
   }
-  function Outlet() {
-    const ctx = (0, _react.useContext)(Context);
-    if (_reactNative.Platform.OS === 'web') {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        pointerEvents: "box-none",
-        style: styles.portalOutlet,
-        children: ctx.outlet
-      });
-    }
-    return ctx.outlet;
-  }
-  function Portal({
-    children
-  }) {
-    const {
-      append,
-      remove
-    } = (0, _react.useContext)(Context);
-    const id = (0, _react.useId)();
-    (0, _react.useEffect)(() => {
-      append(id, children);
-      return () => remove(id);
-    }, [id, children, append, remove]);
-    return null;
+});
+Object.defineProperty(exports, "PortalOutlet", {
+  enumerable: true,
+  get: function () {
+    return _Portal.PortalOutlet;
   }
-  return {
-    Provider,
-    Outlet,
-    Portal
-  };
-}
-/**
- * `DefaultPortal` is a `globalThis`-guarded singleton so that every physical copy of
- * this module shares ONE portal group (one `Context`, one `Provider`/`Outlet`/`Portal`
- * triple).
- *
- * Why this is required: like the theme module, `exports["./portal"]` ships a
- * `react-native` → `./src/...` condition alongside the `lib/module` / `lib/commonjs`
- * forks, and the `Portal` component is consumed cross-subpath from `./tooltip`,
- * `./prompt-input`, `./dialog`, `./select`, `./menu`, `./context-menu`, and `./popover`
- * while the `Provider`/`Outlet` are mounted once at the app root via `@oxyhq/bloom/portal`.
- * A bundler can resolve those subpaths through different export conditions, so without a
- * guard each physical copy runs its own `createPortalGroup()` and a `<Portal>` from copy
- * A would register against the `Provider`'s map in copy B — its content would never reach
- * the `Outlet`. Anchoring the group on `globalThis` (keyed by `__oxyhq_bloom_portal_group__`)
- * collapses all copies onto one group. Same src-vs-lib dual-instance class as
- * `BloomThemeContext`.
- */
-const DefaultPortal = globalThis.__oxyhq_bloom_portal_group__ ??= createPortalGroup();
-const Provider = exports.Provider = DefaultPortal.Provider;
-const Outlet = exports.Outlet = /*#__PURE__*/(0, _react.memo)(DefaultPortal.Outlet);
-const Portal = exports.Portal = DefaultPortal.Portal;
-const styles = _reactNative.StyleSheet.create({
-  // Applied only from the `Platform.OS === 'web'` branch of `Outlet`, which is
-  // why the web-only `position` value is honest in this universal file.
-  portalOutlet: {
-    position: _webViewStyle.WEB_POSITION_FIXED,
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    // `box-none` rides on the PROP above — react-native-web only resolves that
-    // RN-only value from the prop path, so as a style entry it is silently
-    // inert and this full-viewport outlet swallows every click in the app.
-    zIndex: _zIndex.Z_INDEX.portalRoot
+});
+Object.defineProperty(exports, "PortalProvider", {
+  enumerable: true,
+  get: function () {
+    return _Portal.PortalProvider;
   }
 });
+var _Portal = require("./Portal");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/portal/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_react~~","~~_interopRequireWildcard","~~require","_reactNative","_zIndex","_webViewStyle","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createPortalGroup","Context","createContext","outlet","append","remove","displayName","Provider","props","map","useRef","setOutlet","useState","useCallback","id","component","current","jsx","Fragment","children","values","contextValue","useMemo","value","Outlet","ctx","useContext","Platform","OS","View","pointerEvents","style","styles","portalOutlet","Portal","useId","useEffect","DefaultPortal","globalThis","__oxyhq_bloom_portal_group__","exports","memo","StyleSheet","create","position","WEB_POSITION_FIXED","top","left","right","bottom","zIndex","Z_INDEX","portalRoot"],"sourceRoot":"../../../src","sources":["portal/index.~~tsx~~"],"mappings":"~~;;;;;;~~AAAA,IAAAA,~~MAAA~~,GAAAC,~~uBAAA,CAAAC,~~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","ignoreList":[]}
1	+ {"version":3,"names":["_Portal","require"],"sourceRoot":"../../../src","sources":["portal/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/portal/index.web.js CHANGED Viewed

@@ -3,90 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Outlet = void 0;
-exports.Portal = Portal;
-exports.Provider = Provider;
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = require("react-dom");
-var _zIndex = require("../styles/z-index.js");
-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); }
-/**
- * Web variant of the Portal API.
- *
- * On native we keep the context-based portal group (the consumer mounts a
- * `<Provider />` near the root and an `<Outlet />` to render portaled
- * components inside the native view hierarchy). On web there's a stable
- * `document.body`, so we portal directly there via `react-dom`'s native
- * `createPortal` — no provider, no outlet, no setup. This matches how
- * mature web component libraries (Radix, Mantine, Tamagui) ship their
- * portals.
- *
- * The native and web APIs are kept identical: `Provider` and `Outlet` are
- * still exported on web — they just become harmless no-op fragments so
- * consumers that *do* mount them keep compiling.
- */
-/**
- * Render children into a stable container appended to `document.body`.
- *
- * The container is positioned `fixed` and stretched edge-to-edge so it
- * fills the viewport. This makes it a valid containing block for any
- * portaled descendant that uses `position: absolute` (e.g. RN's
- * `StyleSheet.absoluteFill`) — without it those children anchor to a
- * zero-area block at the end of `<body>` and render off-screen.
- *
- * `pointer-events: none` lets clicks fall through to the underlying app
- * while the portal is idle. Interactive descendants (backdrops, modal
- * panels, dropdowns, etc.) must opt back in with `pointer-events: auto`
- * (or RN's `pointerEvents="auto"` / `"box-only"`). Bloom's own overlay
- * components do this on the elements they actually want to receive
- * events.
- *
- * Lazy-creates the container on first mount so SSR (where `document` does
- * not exist) doesn't crash — the portal simply renders nothing on the
- * server and snaps in on hydration.
- */function getPortalRoot() {
-  if (typeof document === 'undefined') return null;
-  let root = document.getElementById('bloom-portal-root');
-  if (!root) {
-    root = document.createElement('div');
-    root.id = 'bloom-portal-root';
-    root.style.position = 'fixed';
-    root.style.top = '0';
-    root.style.left = '0';
-    root.style.right = '0';
-    root.style.bottom = '0';
-    // Idle portal must not intercept clicks on the underlying app.
-    // Children opt back in to receive events via their own pointer-events.
-    root.style.pointerEvents = 'none';
-    // Above the document flow; individual portaled components can use
-    // their own z-index for stacking among themselves.
-    root.style.zIndex = String(_zIndex.Z_INDEX.portalRoot);
-    document.body.appendChild(root);
+Object.defineProperty(exports, "Portal", {
+  enumerable: true,
+  get: function () {
+    return _PortalWeb.Portal;
+  }
+});
+Object.defineProperty(exports, "PortalOutlet", {
+  enumerable: true,
+  get: function () {
+    return _PortalWeb.PortalOutlet;
+  }
+});
+Object.defineProperty(exports, "PortalProvider", {
+  enumerable: true,
+  get: function () {
+    return _PortalWeb.PortalProvider;
   }
-  return root;
-}
-function Portal({
-  children
-}) {
-  const [root, setRoot] = (0, _react.useState)(null);
-  (0, _react.useLayoutEffect)(() => {
-    setRoot(getPortalRoot());
-  }, []);
-  if (!root) return null;
-  return /*#__PURE__*/(0, _reactDom.createPortal)(children, root);
-}
-// Native API parity — on web these are inert. Provider mounts its children
-// inline; Outlet renders nothing. Consumers that mount them on web keep
-// compiling without behaviour change.
-function Provider(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-    children: props.children
-  });
-}
-const Outlet = exports.Outlet = /*#__PURE__*/(0, _react.memo)(function Outlet() {
-  return null;
 });
+var _PortalWeb = require("./Portal.web.js");
 //# sourceMappingURL=index.web.js.map

package/lib/commonjs/portal/index.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_react~~","~~_interopRequireWildcard","~~require","_reactDom","_zIndex","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getPortalRoot","document","root","getElementById","createElement","id","style","position","top","left","right","bottom","pointerEvents","zIndex","String","Z_INDEX","portalRoot","body","appendChild","Portal","children","setRoot","useState","useLayoutEffect","createPortal","Provider","props","jsx","Fragment","Outlet","exports","memo"],"sourceRoot":"../../../src","sources":["portal/index.web.~~tsx~~"],"mappings":"~~;;;;;;;;AAeA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA4C,IAAAG,WAAA,GAAAH,OAAA;~~AAAA,~~SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,~~IAAAA,~~CAAA,CAAAK,~~UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAjB5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,SAASkB,aAAaA,CAAA,EAAuB;EAC3C,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE,OAAO,IAAI;EAChD,IAAIC,IAAI,GAAGD,QAAQ,CAACE,cAAc,CAAC,mBAAmB,CAAC;EACvD,IAAI,CAACD,IAAI,EAAE;IACTA,IAAI,GAAGD,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC;IACpCF,IAAI,CAACG,EAAE,GAAG,mBAAmB;IAC7BH,IAAI,CAACI,KAAK,CAACC,QAAQ,GAAG,OAAO;IAC7BL,IAAI,CAACI,KAAK,CAACE,GAAG,GAAG,GAAG;IACpBN,IAAI,CAACI,KAAK,CAACG,IAAI,GAAG,GAAG;IACrBP,IAAI,CAACI,KAAK,CAACI,KAAK,GAAG,GAAG;IACtBR,IAAI,CAACI,KAAK,CAACK,MAAM,GAAG,GAAG;IACvB;IACA;IACAT,IAAI,CAACI,KAAK,CAACM,aAAa,GAAG,MAAM;IACjC;IACA;IACAV,IAAI,CAACI,KAAK,CAACO,MAAM,GAAGC,MAAM,CAACC,eAAO,CAACC,UAAU,CAAC;IAC9Cf,QAAQ,CAACgB,IAAI,CAACC,WAAW,CAAChB,IAAI,CAAC;EACjC;EACA,OAAOA,IAAI;AACb;AAEO,SAASiB,MAAMA,CAAC;EAAEC;AAA0C,CAAC,EAAE;EACpE,MAAM,CAAClB,IAAI,EAAEmB,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAqB,IAAI,CAAC;EAC1D,IAAAC,sBAAe,EAAC,MAAM;IACpBF,OAAO,CAACrB,aAAa,CAAC,CAAC,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;EACN,IAAI,CAACE,IAAI,EAAE,OAAO,IAAI;EACtB,oBAAO,IAAAsB,sBAAY,EAACJ,QAAQ,EAAElB,IAAI,CAAC;AACrC;;AAEA;AACA;AACA;AACO,SAASuB,QAAQA,CAACC,KAAsC,EAAE;EAC/D,oBAAO,IAAA9C,WAAA,CAAA+C,GAAA,EAACpD,MAAA,CAAAqD,QAAQ;IAAAR,QAAA,EAAEM,KAAK,CAACN;EAAQ,CAAW,CAAC;AAC9C;AAEO,MAAMS,MAAM,GAAAC,OAAA~~,CAAAD,MAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,MAAMA,CAAA,EAAG;EAC3C,OAAO,IAAI;AACb,CAAC,CAAC~~","ignoreList":[]}
1	+ {"version":3,"names":["_PortalWeb","require"],"sourceRoot":"../../../src","sources":["portal/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/pressable-scale/PressableScale.js CHANGED Viewed

@@ -5,31 +5,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PressableScale = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _pointer = require("../styles/pointer.js");
+var _styledPrimitives = require("../styles/styled-primitives.js");
 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); }
-/** Press-in / press-out timing, in ms. */const DURATION = 100;
+/** Press-in / press-out timing, in ms. */
+const DURATION = 100;
 /**
- * True on touch-capable web browsers (coarse pointer). The press-scale
- * affordance only makes sense where a finger obscures the element — with a
- * mouse it reads as jitter — so it is disabled on non-touch web, matching the
- * native / web-touch behaviour.
+ * A single animated pressable, built once at module scope so the animated node
+ * identity is stable across renders.
+ *
+ * Built from `StyledPressable`, not a bare `Pressable`: `className` is not a
+ * prop react-native understands, so wrapping the raw primitive left the class
+ * with no `styled()` to reach and it resolved to nothing at all — while this
+ * component's own doc comment claimed a consumer's class landed on the
+ * animating node. `button/Button.tsx` is the reference for the shape: ONE node,
+ * so transform, visuals, `style` and `className` cannot land in different
+ * places.
  */
-const IS_WEB_TOUCH_DEVICE = _reactNative.Platform.OS === 'web' && typeof window !== 'undefined' && typeof window.matchMedia === 'function' && window.matchMedia('(pointer: coarse)').matches;
-const SCALE_SUPPORTED = _reactNative.Platform.OS !== 'web' || IS_WEB_TOUCH_DEVICE;
+const AnimatedPressable = _reactNativeReanimated.default.createAnimatedComponent(_styledPrimitives.StyledPressable);
 /**
- * A single animated `Pressable`, built once at module scope so the animated
- * node identity is stable across renders.
- */
-const AnimatedPressable = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.Pressable);
-/**
- * A drop-in {@link Pressable} that springs to a smaller scale on press-in and
- * back on release. The scale is applied to the pressable node itself, so a
- * consumer's `className` / layout styles (e.g. `flex-row items-center`) land on
- * the same node that animates.
+ * A drop-in `Pressable` that springs to a smaller scale on press-in and back on
+ * release. The scale is applied to the pressable node itself, so a consumer's
+ * `className` / layout styles (e.g. `flex-row items-center`) land on the same
+ * node that animates.
  *
  * The touch target scales with the content — acceptable at the default ~0.98
  * (the earlier two-node touch-target-preservation was dropped for simplicity).
@@ -38,13 +40,14 @@ const AnimatedPressable = _reactNativeReanimated.default.createAnimatedComponent
  */
 const PressableScale = exports.PressableScale = /*#__PURE__*/(0, _react.forwardRef)(function PressableScale({
   targetScale = 0.98,
+  className,
   style,
   onPressIn,
   onPressOut,
   ...rest
 }, ref) {
   const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
-  const animate = SCALE_SUPPORTED && !reducedMotion;
+  const animate = _pointer.SUPPORTS_PRESS_SCALE && !reducedMotion;
   const scale = (0, _reactNativeReanimated.useSharedValue)(1);
   // `scale` MUST be in the deps array: on web without the worklets Babel
@@ -74,6 +77,7 @@ const PressableScale = exports.PressableScale = /*#__PURE__*/(0, _react.forwardR
         duration: DURATION
       });
     },
+    className: className,
     style: [animate ? animatedStyle : null, style],
     ...rest
   });

package/lib/commonjs/pressable-scale/PressableScale.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","~~_reactNative~~","~~_reactNativeReanimated~~","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DURATION","~~IS_WEB_TOUCH_DEVICE","Platform","OS","window","matchMedia","matches","SCALE_SUPPORTED","~~AnimatedPressable","Animated","createAnimatedComponent","~~Pressable~~","PressableScale","exports","forwardRef","targetScale","style","onPressIn","onPressOut","rest","ref","reducedMotion","useReducedMotion","animate","scale","useSharedValue","animatedStyle","useAnimatedStyle","transform","value","jsx","accessibilityRole","cancelAnimation","withTiming","duration","displayName"],"sourceRoot":"../../../src","sources":["pressable-scale/PressableScale.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;~~AACA~~,IAAAC,~~YAAA~~,~~GAAAD~~,OAAA;AAQA,IAAAE,~~sBAAA~~,~~GAAAH~~,~~uBAAA~~,~~CAAAC~~,OAAA;~~AAMiC~~,~~IAAAG~~,WAAA,~~GAAAH~~,OAAA;AAAA,SAAAD,~~wBAAAK~~,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,~~YAAAP~~,uBAAA,YAAAA,~~CAAAK~~,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;~~AAEjC~~,~~0CACA,~~MAAMkB,QAAQ,GAAG,GAAG;;AAEpB;AACA;AACA;AACA;AACA;AACA;AACA~~,MAAMC,mBAAmB,GACvBC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IACrB,OAAOC,MAAM,KAAK,WAAW,IAC7B,OAAOA,MAAM,CAACC,UAAU,KAAK,UAAU,IACvCD,MAAM,CAACC,UAAU,CAAC,mBAAmB,CAAC,CAACC,OAAO~~;~~AAEhD,MAAMC,eAAe,GAAGL,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIF,mBAAmB;;AAEpE~~;AACA;AACA;AACA;AACA,~~MAAMO~~,iBAAiB,GAAGC,8BAAQ,CAACC,uBAAuB,CAACC,~~sBAAS~~,CAAC;~~AASrE;~~AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,iBAAU,EACtC,SAASF,cAAcA,~~CAAC~~;EAAEG,WAAW,GAAG,IAAI;EAAEC,KAAK;EAAEC,SAAS;EAAEC,UAAU;EAAE,GAAGC;AAAK,CAAC,~~EAAEC~~,GAAG,~~EAAE~~;~~EAC1F~~,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,EAAC,CAAC;EACxC,MAAMC,OAAO,~~GAAGhB~~,~~eAAe~~,IAAI,~~CAACc~~,aAAa;~~EAEjD~~,~~MAAMG~~,KAAK,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;;EAE/B;EACA;EACA;EACA,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IAC5CC,SAAS,EAAE,CAAC;MAAEJ,KAAK,EAAEA,KAAK,CAACK;IAAM,CAAC;EACpC,CAAC,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;EAEZ,oBACE,~~IAAA5C~~,WAAA,~~CAAAkD~~,GAAA,~~EAACtB~~,iBAAiB;~~IAChBY~~,GAAG,EAAEA,GAAI;~~IACTW~~,iBAAiB,EAAC,QAAQ;~~IAC1Bd~~,SAAS,~~EAAGpC~~,CAAC,IAAK;~~MAChBoC~~,SAAS,~~GAAGpC~~,CAAC,CAAC;MACd,IAAI,~~CAAC0C~~,OAAO,EAAE;MACd,~~IAAAS~~,sCAAe,EAACR,KAAK,CAAC;MACtBA,KAAK,CAACK,KAAK,GAAG,IAAAI,iCAAU,~~EAAClB~~,WAAW,EAAE;~~QAAEmB~~,QAAQ,~~EAAElC~~;MAAS,CAAC,CAAC;IAC/D,CAAE;~~IACFkB~~,UAAU,~~EAAGrC~~,CAAC,IAAK;~~MACjBqC~~,UAAU,~~GAAGrC~~,CAAC,CAAC;MACf,IAAI,~~CAAC0C~~,OAAO,EAAE;MACd,~~IAAAS~~,sCAAe,EAACR,KAAK,CAAC;MACtBA,KAAK,CAACK,KAAK,GAAG,IAAAI,iCAAU,EAAC,CAAC,EAAE;QAAEC,QAAQ,~~EAAElC~~;MAAS,CAAC,CAAC;IACrD,CAAE;~~IACFgB~~,KAAK,EAAE,CAACO,OAAO,~~GAAGG~~,aAAa,GAAG,IAAI,~~EAAEV~~,KAAK,CAAE;IAAA,GAC3CG;EAAI,CACT,CAAC;AAEN,CACF,CAAC;~~AAEDP~~,cAAc,~~CAACuB~~,WAAW,GAAG,gBAAgB","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_pointer","_styledPrimitives","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DURATION","AnimatedPressable","Animated","createAnimatedComponent","StyledPressable","PressableScale","exports","forwardRef","targetScale","className","style","onPressIn","onPressOut","rest","ref","reducedMotion","useReducedMotion","animate","SUPPORTS_PRESS_SCALE","scale","useSharedValue","animatedStyle","useAnimatedStyle","transform","value","jsx","accessibilityRole","cancelAnimation","withTiming","duration","displayName"],"sourceRoot":"../../../src","sources":["pressable-scale/PressableScale.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/pressable-scale/types.js ADDED Viewed

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

package/lib/commonjs/pressable-scale/types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"names":[],"sourceRoot":"../../../src","sources":["pressable-scale/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/profile-card/ProfileCard.js CHANGED Viewed

@@ -7,17 +7,17 @@ exports.ProfileCard = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _index = require("../card/index.js");
+var _tokens = require("../styles/tokens.js");
 var _index2 = require("../avatar/index.js");
-var _index3 = require("../avatar-group/index.js");
-var _index4 = require("../dot-grid-meter/index.js");
-var _index5 = require("../stat-bar/index.js");
-var _index6 = require("../typography/index.js");
+var _avatarGroup = require("../avatar-group");
+var _index3 = require("../dot-grid-meter/index.js");
+var _index4 = require("../stat-bar/index.js");
+var _index5 = require("../typography/index.js");
 var _useTheme = require("../theme/use-theme.js");
 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 WIDGET_WIDTH = 240;
 const CARD_PADDING = 18;
-const CARD_RADIUS = 28;
 const AVATAR_SIZE = 54;
 const FOOTER_AVATAR_SIZE = 30;
@@ -69,13 +69,13 @@ function MetricSection({
     case 'dots':
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.section,
-        children: [metric.label != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index6.Text, {
+        children: [metric.label != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
           style: [styles.sectionLabel, {
             color: labelColor
           }],
           numberOfLines: 1,
           children: metric.label
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.DotGridMeter, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.DotGridMeter, {
           filled: metric.filled,
           total: metric.total,
           columns: metric.total,
@@ -85,7 +85,7 @@ function MetricSection({
         })]
       });
     case 'progress':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.StatBar, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.StatBar, {
         variant: "progress",
         label: metric.label,
         value: metric.value,
@@ -96,7 +96,7 @@ function MetricSection({
         fillColor: metric.fillColor ?? accent
       });
     case 'split':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.StatBar, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.StatBar, {
         variant: "split",
         label: metric.label,
         percent: metric.percent,
@@ -153,23 +153,24 @@ const ProfileCardComponent = ({
     gap: 2,
     ...avatar.ring
   };
+  // Chrome (border, rung) is `Card`'s. The background is deliberately NOT the
+  // `card` role: this widget sits ON a card surface in the reference, so it
+  // takes the page background to read as a cut-out rather than a stacked card.
   const surfaceStyle = {
     width: isWide ? '100%' : WIDGET_WIDTH,
     padding: CARD_PADDING,
-    borderRadius: CARD_RADIUS,
-    borderWidth: 1,
-    borderColor: colors.border,
     backgroundColor: colors.background,
     borderCurve: 'continuous'
   };
   const headline = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index6.Text, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
       style: [styles.value, {
         color: colors.text
       }],
       numberOfLines: 1,
       children: value
-    }), subtitle != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index6.Text, {
+    }), subtitle != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
       style: [styles.subtitle, {
         color: colors.textSecondary
       }],
@@ -184,13 +185,13 @@ const ProfileCardComponent = ({
   }) : null;
   const footerNode = footer != null ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.section,
-    children: [footer.label != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index6.Text, {
+    children: [footer.label != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
       style: [styles.sectionLabel, {
         color: colors.textSecondary
       }],
       numberOfLines: 1,
       children: footer.label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.AvatarGroup, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatarGroup.AvatarGroup, {
       layout: "stack",
       items: footer.items,
       size: FOOTER_AVATAR_SIZE,
@@ -199,7 +200,8 @@ const ProfileCardComponent = ({
     })]
   }) : null;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Card, {
-    variant: "filled",
+    variant: "outlined",
+    radius: "radius-28",
     onPress: onPress,
     style: [surfaceStyle, style],
     testID: testID,
@@ -296,7 +298,7 @@ const styles = _reactNative.StyleSheet.create({
     right: -3,
     bottom: -3,
     padding: 2,
-    borderRadius: 999,
+    borderRadius: _tokens.borderRadius.full,
     alignItems: 'center',
     justifyContent: 'center'
   },