@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/commonjs/media-shelf/Shelf.js

@@ -0,0 +1,385 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Shelf = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _index = require("../avatar/index.js");
+var _button = require("../button");
+var _shared = require("../button/shared.js");
+var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _RiArrowLeftSLine = require("../icons/remix/RiArrowLeftSLine.js");
+var _RiArrowRightSLine = require("../icons/remix/RiArrowRightSLine.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _webData = require("../styles/web-data.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _shared2 = require("./shared.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); }
+/**
+ * A section of a home or search page: a header over a run of items.
+ *
+ *   header      [avatar 24 · eyebrow caption-1-regular]      Show all  (‹)(›)
+ *               title title-2-bold
+ *               subtitle body-2-regular, text-secondary
+ *   gap         12 between header and items
+ *   row         one horizontal line, `gap` 16 (web) / 12 (native)
+ *   grid        `rows` rows of as many ≥ `minItemWidth` columns as fit
+ *
+ * Web row: a hidden scrollbar, items snap to their start, and round secondary
+ * prev/next buttons sit in the header, each disabled at its end and both
+ * hidden while nothing overflows. Native row: a plain horizontal `ScrollView`
+ * (snapping per item when `itemWidth` is given).
+ *
+ * "Show all" is `text-secondary` and turns `text` on hover — colour only. The
+ * title is a heading (`aria-level`, default 2); with `onTitlePress` it is also
+ * a link to the same page and underlines on hover.
+ *
+ * Semantics: `role="group"` named by `title`; each item is a plain child —
+ * the tiles bring their own names.
+ */
+function ShelfComponent({
+  title,
+  subtitle,
+  eyebrow,
+  eyebrowAvatar,
+  onTitlePress,
+  onShowAll,
+  showAllLabel = 'Show all',
+  layout = 'row',
+  itemWidth,
+  minItemWidth = 160,
+  rows = 1,
+  gap = _shared2.SHELF_GAP,
+  contentInset = 0,
+  headingLevel = 2,
+  previousLabel = 'Previous',
+  nextLabel = 'Next',
+  children,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
+  (0, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(_shared2.MEDIA_SHELF_STYLE_ID, _shared2.MEDIA_SHELF_CSS);
+  }, []);
+  const ring = (0, _react.useMemo)(() => (0, _shared.resolveButtonRamps)(theme).accent[500], [theme]);
+  const items = _react.Children.toArray(children);
+
+  // ---- row scrolling -------------------------------------------------------
+  const scrollRef = (0, _react.useRef)(null);
+  const scroll = (0, _react.useRef)({
+    x: 0,
+    viewport: 0,
+    content: 0
+  });
+  const [overflow, setOverflow] = (0, _react.useState)({
+    previous: false,
+    next: false
+  });
+  const refresh = (0, _react.useCallback)(() => {
+    const next = (0, _shared2.shelfOverflow)(scroll.current);
+    setOverflow(current => current.previous === next.previous && current.next === next.next ? current : next);
+  }, []);
+  const onScroll = (0, _react.useCallback)(event => {
+    const {
+      contentOffset,
+      contentSize,
+      layoutMeasurement
+    } = event.nativeEvent;
+    scroll.current = {
+      x: contentOffset.x,
+      viewport: layoutMeasurement.width || scroll.current.viewport,
+      content: contentSize.width || scroll.current.content
+    };
+    refresh();
+  }, [refresh]);
+  const onTrackLayout = (0, _react.useCallback)(event => {
+    scroll.current = {
+      ...scroll.current,
+      viewport: event.nativeEvent.layout.width
+    };
+    refresh();
+  }, [refresh]);
+  const onContentSizeChange = (0, _react.useCallback)(width => {
+    scroll.current = {
+      ...scroll.current,
+      content: width
+    };
+    refresh();
+  }, [refresh]);
+  const page = (0, _react.useCallback)(direction => {
+    scrollRef.current?.scrollTo({
+      x: (0, _shared2.shelfPageTarget)(scroll.current, direction),
+      animated: !reducedMotion
+    });
+  }, [reducedMotion]);
+
+  // ---- grid ----------------------------------------------------------------
+  const [gridWidth, setGridWidth] = (0, _react.useState)(0);
+  const onGridLayout = (0, _react.useCallback)(event => {
+    const width = event.nativeEvent.layout.width;
+    setGridWidth(current => Math.abs(current - width) < 0.5 ? current : width);
+  }, []);
+  const grid = (0, _shared2.shelfGridColumns)(gridWidth, minItemWidth, gap);
+  const showArrows = _shared2.IS_WEB && layout === 'row' && (overflow.previous || overflow.next);
+  const header = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'flex-end',
+      gap: 16
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 2
+      },
+      children: [eyebrow ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 8
+        },
+        children: [eyebrowAvatar != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
+          source: eyebrowAvatar,
+          size: 24,
+          testID: testID ? `${testID}-eyebrow-avatar` : undefined
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: "caption-1-regular",
+          numberOfLines: 1,
+          style: {
+            color: theme.colors.textSecondary,
+            flexShrink: 1
+          },
+          children: eyebrow
+        })]
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(ShelfTitle, {
+        title: title,
+        headingLevel: headingLevel,
+        onPress: onTitlePress,
+        ring: ring,
+        testID: testID ? `${testID}-title` : undefined
+      }), subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "body-2-regular",
+        numberOfLines: 2,
+        style: {
+          color: theme.colors.textSecondary
+        },
+        children: subtitle
+      }) : null]
+    }), onShowAll || showArrows ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+        flexShrink: 0
+      },
+      children: [onShowAll ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ShowAllButton, {
+        label: showAllLabel,
+        title: title,
+        onPress: onShowAll,
+        ring: ring,
+        testID: testID ? `${testID}-show-all` : undefined
+      }) : null, showArrows ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        ...(0, _webData.webDataSet)({
+          bloomShelfArrows: ''
+        }),
+        style: {
+          flexDirection: 'row',
+          gap: 8
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+          variant: "secondary",
+          size: "small",
+          iconOnly: true,
+          leadingIcon: _RiArrowLeftSLine.RiArrowLeftSLine,
+          accessibilityLabel: `${previousLabel}: ${title}`,
+          disabled: !overflow.previous,
+          onPress: () => page(-1),
+          testID: testID ? `${testID}-previous` : undefined
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+          variant: "secondary",
+          size: "small",
+          iconOnly: true,
+          leadingIcon: _RiArrowRightSLine.RiArrowRightSLine,
+          accessibilityLabel: `${nextLabel}: ${title}`,
+          disabled: !overflow.next,
+          onPress: () => page(1),
+          testID: testID ? `${testID}-next` : undefined
+        })]
+      }) : null]
+    }) : null]
+  });
+  let body;
+  if (layout === 'grid') {
+    const limit = grid.columns > 0 && Number.isFinite(rows) ? grid.columns * Math.max(1, rows) : items.length;
+    body = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      onLayout: onGridLayout,
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        columnGap: gap,
+        rowGap: gap
+      },
+      testID: testID ? `${testID}-grid` : undefined,
+      children: grid.columns > 0 ? items.slice(0, limit).map((child, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: grid.itemWidth,
+          minWidth: 0
+        },
+        children: child
+      }, child.key ?? index)) : null
+    });
+  } else {
+    const trackStyle = {
+      marginLeft: -contentInset,
+      marginRight: -contentInset,
+      '--bloom-shelf-inset': `${contentInset}px`
+    };
+    body = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      ref: scrollRef,
+      ...(0, _webData.webDataSet)({
+        bloomShelfTrack: ''
+      }),
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      scrollEventThrottle: 16,
+      onScroll: onScroll,
+      onLayout: onTrackLayout,
+      onContentSizeChange: onContentSizeChange,
+      decelerationRate: !_shared2.IS_WEB && itemWidth ? 'fast' : undefined,
+      snapToInterval: !_shared2.IS_WEB && itemWidth ? itemWidth + gap : undefined,
+      snapToAlignment: !_shared2.IS_WEB && itemWidth ? 'start' : undefined,
+      style: trackStyle,
+      contentContainerStyle: {
+        gap,
+        paddingLeft: contentInset,
+        paddingRight: contentInset,
+        alignItems: 'flex-start'
+      },
+      testID: testID ? `${testID}-track` : undefined,
+      children: items.map((child, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        ...(0, _webData.webDataSet)({
+          bloomShelfItem: ''
+        }),
+        style: itemWidth ? {
+          width: itemWidth
+        } : undefined,
+        children: child
+      }, child.key ?? index))
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    role: "group",
+    accessibilityLabel: title,
+    style: [{
+      gap: 12,
+      minWidth: 0
+    }, style],
+    testID: testID,
+    children: [header, body]
+  });
+}
+function ShelfTitle({
+  title,
+  headingLevel,
+  onPress,
+  ring,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const heading = /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+    role: "heading",
+    "aria-level": headingLevel,
+    variant: "title-2-bold",
+    numberOfLines: 1,
+    style: {
+      color: theme.colors.text,
+      textDecorationLine: onPress && hovered ? 'underline' : 'none'
+    },
+    testID: onPress ? undefined : testID,
+    children: title
+  });
+  if (!onPress) return heading;
+  const linkStyle = {
+    alignSelf: 'flex-start',
+    maxWidth: '100%',
+    '--bloom-shelf-ring': ring
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ...(0, _webData.webDataSet)({
+      bloomShelfLink: ''
+    }),
+    role: "link",
+    accessibilityLabel: title,
+    onPress: onPress,
+    onHoverIn: onIn,
+    onHoverOut: onOut,
+    style: linkStyle,
+    testID: testID,
+    children: heading
+  });
+}
+function ShowAllButton({
+  label,
+  title,
+  onPress,
+  ring,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const style = {
+    minHeight: 32,
+    justifyContent: 'center',
+    paddingLeft: 4,
+    paddingRight: 4,
+    '--bloom-shelf-ring': ring
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ...(0, _webData.webDataSet)({
+      bloomShelfLink: ''
+    }),
+    role: "button"
+    // The visible text leads the name, so a voice command of "Show all" still matches.
+    ,
+    accessibilityLabel: `${label}: ${title}`,
+    onPress: onPress,
+    onHoverIn: onIn,
+    onHoverOut: onOut,
+    hitSlop: {
+      top: 6,
+      bottom: 6,
+      left: 6,
+      right: 6
+    },
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      variant: "body-2-semibold",
+      numberOfLines: 1,
+      style: {
+        color: hovered ? theme.colors.text : theme.colors.textSecondary
+      },
+      children: label
+    })
+  });
+}
+const Shelf = exports.Shelf = /*#__PURE__*/(0, _react.memo)(ShelfComponent);
+Shelf.displayName = 'Shelf';
+//# sourceMappingURL=Shelf.js.map

package/lib/commonjs/media-shelf/Shelf.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_index","_button","_shared","_useInteractionState","_RiArrowLeftSLine","_RiArrowRightSLine","_adoptStyleSheet","_webData","_useTheme","_index2","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ShelfComponent","title","subtitle","eyebrow","eyebrowAvatar","onTitlePress","onShowAll","showAllLabel","layout","itemWidth","minItemWidth","rows","gap","SHELF_GAP","contentInset","headingLevel","previousLabel","nextLabel","children","style","testID","theme","useTheme","reducedMotion","useReducedMotion","useEffect","adoptStyleSheet","MEDIA_SHELF_STYLE_ID","MEDIA_SHELF_CSS","ring","useMemo","resolveButtonRamps","accent","items","Children","toArray","scrollRef","useRef","scroll","x","viewport","content","overflow","setOverflow","useState","previous","next","refresh","useCallback","shelfOverflow","current","onScroll","event","contentOffset","contentSize","layoutMeasurement","nativeEvent","width","onTrackLayout","onContentSizeChange","page","direction","scrollTo","shelfPageTarget","animated","gridWidth","setGridWidth","onGridLayout","Math","abs","grid","shelfGridColumns","showArrows","IS_WEB","header","jsxs","View","flexDirection","alignItems","flex","minWidth","jsx","Avatar","source","size","undefined","Text","variant","numberOfLines","color","colors","textSecondary","flexShrink","ShelfTitle","onPress","ShowAllButton","label","webDataSet","bloomShelfArrows","Button","iconOnly","leadingIcon","RiArrowLeftSLine","accessibilityLabel","disabled","RiArrowRightSLine","body","limit","columns","Number","isFinite","max","length","onLayout","flexWrap","columnGap","rowGap","slice","map","child","index","key","trackStyle","marginLeft","marginRight","ScrollView","ref","bloomShelfTrack","horizontal","showsHorizontalScrollIndicator","scrollEventThrottle","decelerationRate","snapToInterval","snapToAlignment","contentContainerStyle","paddingLeft","paddingRight","bloomShelfItem","role","state","hovered","onIn","onOut","useInteractionState","heading","text","textDecorationLine","linkStyle","alignSelf","maxWidth","Pressable","bloomShelfLink","onHoverIn","onHoverOut","minHeight","justifyContent","hitSlop","top","bottom","left","right","Shelf","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-shelf/Shelf.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/media-shelf/ShelfSkeleton.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShelfSkeleton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var Skeleton = _interopRequireWildcard(require("../skeleton/index.js"));
+var _shared = require("./shared.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); }
+/**
+ * The placeholder for a `Shelf` that is still loading: a title bar and
+ * `count` tiles, each a square cover (radius 12, or round) over two text lines.
+ * Same gaps and header rhythm as `Shelf`, so nothing jumps when it swaps in.
+ *
+ * Semantics: a `role="group"` with `aria-busy`, named "Loading" — the shimmer
+ * itself is decoration.
+ */
+function ShelfSkeletonComponent({
+  layout = 'row',
+  count = 6,
+  itemWidth = 160,
+  minItemWidth = 160,
+  round = false,
+  eyebrow = false,
+  gap = _shared.SHELF_GAP,
+  accessibilityLabel = 'Loading',
+  style,
+  testID
+}) {
+  const [gridWidth, setGridWidth] = (0, _react.useState)(0);
+  const onGridLayout = (0, _react.useCallback)(event => {
+    const width = event.nativeEvent.layout.width;
+    setGridWidth(current => Math.abs(current - width) < 0.5 ? current : width);
+  }, []);
+  const grid = (0, _shared.shelfGridColumns)(gridWidth, minItemWidth, gap);
+  const width = layout === 'grid' ? grid.itemWidth : itemWidth;
+  const tileCount = layout === 'grid' ? Math.min(count, grid.columns) : count;
+  const tiles = Array.from({
+    length: Math.max(0, tileCount)
+  }, (_, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      width,
+      gap: 8
+    },
+    testID: testID ? `${testID}-tile` : undefined,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Box, {
+      width: width,
+      height: width,
+      borderRadius: round ? width / 2 : 12
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 2,
+        alignItems: round ? 'center' : 'flex-start'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: Math.round(width * 0.75)
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Text, {
+          style: {
+            lineHeight: 20
+          }
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: Math.round(width * 0.5)
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Text, {
+          style: {
+            lineHeight: 18
+          }
+        })
+      })]
+    })]
+  }, index));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    role: "group",
+    accessibilityLabel: accessibilityLabel,
+    "aria-busy": true,
+    accessibilityState: {
+      busy: true
+    },
+    style: [{
+      gap: 12,
+      minWidth: 0
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 4
+      },
+      children: [eyebrow ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 8
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Circle, {
+          size: 24
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            width: 72
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Text, {
+            style: {
+              lineHeight: 16
+            }
+          })
+        })]
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Text, {
+        style: {
+          width: 200,
+          lineHeight: 26
+        }
+      })]
+    }), layout === 'grid' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      onLayout: onGridLayout,
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        columnGap: gap,
+        rowGap: gap
+      },
+      children: grid.columns > 0 ? tiles : null
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      horizontal: true,
+      scrollEnabled: false,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: {
+        gap
+      },
+      children: tiles
+    })]
+  });
+}
+const ShelfSkeleton = exports.ShelfSkeleton = /*#__PURE__*/(0, _react.memo)(ShelfSkeletonComponent);
+ShelfSkeleton.displayName = 'ShelfSkeleton';
+//# sourceMappingURL=ShelfSkeleton.js.map

package/lib/commonjs/media-shelf/ShelfSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","Skeleton","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ShelfSkeletonComponent","layout","count","itemWidth","minItemWidth","round","eyebrow","gap","SHELF_GAP","accessibilityLabel","style","testID","gridWidth","setGridWidth","useState","onGridLayout","useCallback","event","width","nativeEvent","current","Math","abs","grid","shelfGridColumns","tileCount","min","columns","tiles","Array","from","length","max","_","index","jsxs","View","undefined","children","jsx","Box","height","borderRadius","alignItems","Text","lineHeight","role","accessibilityState","busy","minWidth","flexDirection","Circle","size","onLayout","flexWrap","columnGap","rowGap","ScrollView","horizontal","scrollEnabled","showsHorizontalScrollIndicator","contentContainerStyle","ShelfSkeleton","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["media-shelf/ShelfSkeleton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/media-shelf/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FilterChips", {
+  enumerable: true,
+  get: function () {
+    return _FilterChips.FilterChips;
+  }
+});
+Object.defineProperty(exports, "Shelf", {
+  enumerable: true,
+  get: function () {
+    return _Shelf.Shelf;
+  }
+});
+Object.defineProperty(exports, "ShelfSkeleton", {
+  enumerable: true,
+  get: function () {
+    return _ShelfSkeleton.ShelfSkeleton;
+  }
+});
+Object.defineProperty(exports, "shelfGridColumns", {
+  enumerable: true,
+  get: function () {
+    return _shared.shelfGridColumns;
+  }
+});
+var _Shelf = require("./Shelf.js");
+var _ShelfSkeleton = require("./ShelfSkeleton.js");
+var _FilterChips = require("./FilterChips.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/media-shelf/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Shelf","require","_ShelfSkeleton","_FilterChips","_shared"],"sourceRoot":"../../../src","sources":["media-shelf/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA","ignoreList":[]}