jfs-components 0.0.21 → 0.0.25

package/lib/commonjs/components/Carousel/Carousel.js

@@ -0,0 +1,341 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Carousel = Carousel;
+exports.Item = Item;
+exports.Pagination = Pagination;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+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); }
+// ---------------------------------------------------------------------------
+// Context
+// ---------------------------------------------------------------------------
+
+const CarouselContext = /*#__PURE__*/(0, _react.createContext)({
+  modes: {},
+  activeIndex: 0,
+  totalItems: 0,
+  goTo: () => {},
+  goNext: () => {},
+  goPrev: () => {}
+});
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Carousel
+// ---------------------------------------------------------------------------
+
+function Carousel({
+  children,
+  modes = {},
+  autoPlay = false,
+  autoPlayInterval = 4000,
+  showPagination = true,
+  loop = true,
+  gap: gapProp,
+  itemWidth: itemWidthProp,
+  peekOffset: peekOffsetProp,
+  onIndexChange,
+  style
+}) {
+  // ---- Token resolution ----
+  const tokenGap = parseFloat((0, _figmaVariablesResolver.getVariableByName)('carousel/gap', modes) || '12');
+  const gap = gapProp ?? tokenGap;
+  const tokenPeekOffset = parseFloat((0, _figmaVariablesResolver.getVariableByName)('carousel/peekOffset', modes) || '0');
+  const peekOffset = peekOffsetProp ?? tokenPeekOffset;
+  const containerPaddingH = parseFloat((0, _figmaVariablesResolver.getVariableByName)('carousel/padding/horizontal', modes) || '0');
+  const containerPaddingV = parseFloat((0, _figmaVariablesResolver.getVariableByName)('carousel/padding/vertical', modes) || '0');
+  const paginationGap = parseFloat((0, _figmaVariablesResolver.getVariableByName)('carousel/pagination/gap', modes) || '12');
+
+  // ---- Refs & state ----
+  const scrollRef = (0, _react.useRef)(null);
+  const [activeIndex, setActiveIndex] = (0, _react.useState)(0);
+  const [containerWidth, setContainerWidth] = (0, _react.useState)(0);
+  const autoPlayTimer = (0, _react.useRef)(null);
+  const userInteracting = (0, _react.useRef)(false);
+
+  // Flatten children so we can count items
+  const items = (0, _react.useMemo)(() => _react.default.Children.toArray(children).filter(_react.default.isValidElement), [children]);
+  const totalItems = items.length;
+
+  // Effective item width: provided prop, or full container width minus peek offsets
+  const effectiveItemWidth = (0, _react.useMemo)(() => {
+    if (itemWidthProp != null) return itemWidthProp;
+    if (containerWidth === 0) return 0;
+    // Full-width minus peekOffset on each side
+    return containerWidth - peekOffset * 2 - containerPaddingH * 2;
+  }, [itemWidthProp, containerWidth, peekOffset, containerPaddingH]);
+
+  // Snap interval = item width + gap
+  const snapInterval = effectiveItemWidth + gap;
+
+  // ---- Navigation helpers ----
+  const scrollToIndex = (0, _react.useCallback)((index, animated = true) => {
+    if (totalItems === 0 || snapInterval === 0) return;
+    let targetIndex = index;
+    if (loop) {
+      targetIndex = (index % totalItems + totalItems) % totalItems;
+    } else {
+      targetIndex = Math.max(0, Math.min(index, totalItems - 1));
+    }
+    scrollRef.current?.scrollTo({
+      x: targetIndex * snapInterval,
+      animated
+    });
+    setActiveIndex(targetIndex);
+    onIndexChange?.(targetIndex);
+  }, [totalItems, snapInterval, loop, onIndexChange]);
+  const goTo = (0, _react.useCallback)(index => scrollToIndex(index), [scrollToIndex]);
+  const goNext = (0, _react.useCallback)(() => scrollToIndex(activeIndex + 1), [scrollToIndex, activeIndex]);
+  const goPrev = (0, _react.useCallback)(() => scrollToIndex(activeIndex - 1), [scrollToIndex, activeIndex]);
+
+  // ---- Scroll event handler ----
+  const handleScroll = (0, _react.useCallback)(event => {
+    if (snapInterval === 0) return;
+    const offsetX = event.nativeEvent.contentOffset.x;
+    const newIndex = Math.round(offsetX / snapInterval);
+    const clampedIndex = Math.max(0, Math.min(newIndex, totalItems - 1));
+    if (clampedIndex !== activeIndex) {
+      setActiveIndex(clampedIndex);
+      onIndexChange?.(clampedIndex);
+    }
+  }, [snapInterval, totalItems, activeIndex, onIndexChange]);
+
+  // ---- Auto-play ----
+  const clearAutoPlay = (0, _react.useCallback)(() => {
+    if (autoPlayTimer.current != null) {
+      clearInterval(autoPlayTimer.current);
+      autoPlayTimer.current = null;
+    }
+  }, []);
+  const startAutoPlay = (0, _react.useCallback)(() => {
+    if (!autoPlay || totalItems <= 1) return;
+    clearAutoPlay();
+    autoPlayTimer.current = setInterval(() => {
+      if (!userInteracting.current) {
+        setActiveIndex(prev => {
+          const next = loop ? (prev + 1) % totalItems : Math.min(prev + 1, totalItems - 1);
+          scrollRef.current?.scrollTo({
+            x: next * snapInterval,
+            animated: true
+          });
+          onIndexChange?.(next);
+          return next;
+        });
+      }
+    }, autoPlayInterval);
+  }, [autoPlay, totalItems, loop, snapInterval, autoPlayInterval, clearAutoPlay, onIndexChange]);
+  (0, _react.useEffect)(() => {
+    startAutoPlay();
+    return clearAutoPlay;
+  }, [startAutoPlay, clearAutoPlay]);
+  const handleScrollBeginDrag = (0, _react.useCallback)(() => {
+    userInteracting.current = true;
+  }, []);
+  const handleScrollEndDrag = (0, _react.useCallback)(() => {
+    userInteracting.current = false;
+    // Reset autoplay timer after interaction
+    if (autoPlay) startAutoPlay();
+  }, [autoPlay, startAutoPlay]);
+
+  // ---- Layout ----
+  const handleLayout = (0, _react.useCallback)(e => {
+    setContainerWidth(e.nativeEvent.layout.width);
+  }, []);
+
+  // ---- Context value ----
+  const contextValue = (0, _react.useMemo)(() => ({
+    modes,
+    activeIndex,
+    totalItems,
+    goTo,
+    goNext,
+    goPrev
+  }), [modes, activeIndex, totalItems, goTo, goNext, goPrev]);
+
+  // ---- Render ----
+  const outerStyle = {
+    paddingVertical: containerPaddingV
+  };
+  const contentContainerStyle = {
+    paddingHorizontal: peekOffset + containerPaddingH,
+    gap,
+    // Align items to the start so snap works correctly
+    alignItems: 'flex-start'
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CarouselContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [outerStyle, style],
+      onLayout: handleLayout,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+        ref: scrollRef,
+        horizontal: true,
+        pagingEnabled: false,
+        showsHorizontalScrollIndicator: false,
+        decelerationRate: "fast",
+        snapToInterval: snapInterval > 0 ? snapInterval : undefined,
+        snapToAlignment: "start",
+        contentContainerStyle: contentContainerStyle,
+        onScroll: handleScroll,
+        scrollEventThrottle: 16,
+        onScrollBeginDrag: handleScrollBeginDrag,
+        onScrollEndDrag: handleScrollEndDrag,
+        children: items.map((child, index) => {
+          const itemStyle = {
+            width: effectiveItemWidth > 0 ? effectiveItemWidth : undefined
+          };
+
+          // Pass modes down to children
+          const childWithModes = /*#__PURE__*/_react.default.isValidElement(child) ? /*#__PURE__*/_react.default.cloneElement(child, {
+            modes: {
+              ...(child.props?.modes || {}),
+              ...modes
+            },
+            style: [itemStyle, child.props?.style]
+          }) : child;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: itemStyle,
+            children: childWithModes
+          }, index);
+        })
+      }), showPagination && totalItems > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(Pagination, {
+        modes: modes,
+        style: {
+          marginTop: paginationGap
+        }
+      })]
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Carousel.Item
+// ---------------------------------------------------------------------------
+
+/**
+ * Optional wrapper for carousel items. Not strictly required — any
+ * React node works as a direct child of `<Carousel>`.
+ */
+function Item({
+  children,
+  modes: _modes,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: style,
+    children: children
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Carousel.Pagination
+// ---------------------------------------------------------------------------
+
+function Pagination({
+  modes: propModes,
+  style
+}) {
+  const {
+    modes: ctxModes,
+    activeIndex,
+    totalItems,
+    goTo
+  } = (0, _react.useContext)(CarouselContext);
+  const modes = propModes || ctxModes || {};
+
+  // Token resolution for dots
+  const dotSize = parseFloat((0, _figmaVariablesResolver.getVariableByName)('carousel/pagination/dotSize', modes) || '8');
+  const dotActiveWidth = parseFloat((0, _figmaVariablesResolver.getVariableByName)('carousel/pagination/dotActiveWidth', modes) || '24');
+  const dotGap = parseFloat((0, _figmaVariablesResolver.getVariableByName)('carousel/pagination/dotGap', modes) || '8');
+  const dotColor = (0, _figmaVariablesResolver.getVariableByName)('carousel/pagination/dotColor', modes) || 'rgba(255,255,255,0.35)';
+  const dotActiveColor = (0, _figmaVariablesResolver.getVariableByName)('carousel/pagination/dotActiveColor', modes) || '#ffffff';
+  const dotRadius = parseFloat((0, _figmaVariablesResolver.getVariableByName)('carousel/pagination/dotRadius', modes) || '4');
+  const containerStyle = {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    gap: dotGap
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [containerStyle, style],
+    accessibilityRole: "tablist",
+    accessibilityLabel: undefined,
+    children: Array.from({
+      length: totalItems
+    }).map((_, i) => {
+      const isActive = i === activeIndex;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: () => goTo(i),
+        accessibilityRole: "tab",
+        accessibilityState: {
+          selected: isActive
+        },
+        accessibilityLabel: undefined,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedDot, {
+          isActive: isActive,
+          size: dotSize,
+          activeWidth: dotActiveWidth,
+          radius: dotRadius,
+          color: dotColor,
+          activeColor: dotActiveColor
+        })
+      }, i);
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// AnimatedDot (internal)
+// ---------------------------------------------------------------------------
+
+function AnimatedDot({
+  isActive,
+  size,
+  activeWidth,
+  radius,
+  color,
+  activeColor
+}) {
+  const animValue = (0, _react.useRef)(new _reactNative.Animated.Value(isActive ? 1 : 0)).current;
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.timing(animValue, {
+      toValue: isActive ? 1 : 0,
+      duration: 250,
+      useNativeDriver: false
+    }).start();
+  }, [isActive, animValue]);
+  const width = animValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [size, activeWidth]
+  });
+  const backgroundColor = animValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [color, activeColor]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    style: {
+      width,
+      height: size,
+      borderRadius: radius,
+      backgroundColor
+    }
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Attach sub-components
+// ---------------------------------------------------------------------------
+
+Carousel.Item = Item;
+Carousel.Pagination = Pagination;
+var _default = exports.default = Carousel;
+//# sourceMappingURL=Carousel.js.map

package/lib/commonjs/components/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_figmaVariablesResolver","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CarouselContext","createContext","modes","activeIndex","totalItems","goTo","goNext","goPrev","Carousel","children","autoPlay","autoPlayInterval","showPagination","loop","gap","gapProp","itemWidth","itemWidthProp","peekOffset","peekOffsetProp","onIndexChange","style","tokenGap","parseFloat","getVariableByName","tokenPeekOffset","containerPaddingH","containerPaddingV","paginationGap","scrollRef","useRef","setActiveIndex","useState","containerWidth","setContainerWidth","autoPlayTimer","userInteracting","items","useMemo","React","Children","toArray","filter","isValidElement","length","effectiveItemWidth","snapInterval","scrollToIndex","useCallback","index","animated","targetIndex","Math","max","min","current","scrollTo","x","handleScroll","event","offsetX","nativeEvent","contentOffset","newIndex","round","clampedIndex","clearAutoPlay","clearInterval","startAutoPlay","setInterval","prev","next","useEffect","handleScrollBeginDrag","handleScrollEndDrag","handleLayout","layout","width","contextValue","outerStyle","paddingVertical","contentContainerStyle","paddingHorizontal","alignItems","jsx","Provider","value","jsxs","View","onLayout","ScrollView","ref","horizontal","pagingEnabled","showsHorizontalScrollIndicator","decelerationRate","snapToInterval","undefined","snapToAlignment","onScroll","scrollEventThrottle","onScrollBeginDrag","onScrollEndDrag","map","child","itemStyle","childWithModes","cloneElement","props","Pagination","marginTop","Item","_modes","propModes","ctxModes","useContext","dotSize","dotActiveWidth","dotGap","dotColor","dotActiveColor","dotRadius","containerStyle","flexDirection","justifyContent","accessibilityRole","accessibilityLabel","Array","from","_","isActive","Pressable","onPress","accessibilityState","selected","AnimatedDot","size","activeWidth","radius","color","activeColor","animValue","Animated","Value","timing","toValue","duration","useNativeDriver","start","interpolate","inputRange","outputRange","backgroundColor","height","borderRadius","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Carousel/Carousel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Carousel/Carousel.mdx

@@ -0,0 +1,154 @@
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
+import * as CarouselStories from './Carousel.stories';
+import Carousel from './Carousel';
+import { AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
+import { View, Image, Text } from 'react-native';
+
+<Meta of={CarouselStories} />
+
+## Available Collections and Modes
+
+This component does not use any design token collections with multiple modes.
+## Usage
+
+<Canvas>
+  <Story of={CarouselStories.Default} />
+</Canvas>
+
+### Example Usage
+
+```tsx
+import { Image, View } from 'react-native';
+import Carousel from './components/Carousel/Carousel';
+import MediaCard from './components/MediaCard/MediaCard';
+import Avatar from './components/Avatar/Avatar';
+import Button from './components/Button/Button';
+
+function MyCarousel() {
+  const modes = {
+    'Contrast Context': 'on dark',
+    'Colors Router': 'POC',
+  };
+
+  return (
+    <Carousel
+      modes={modes}
+      autoPlay
+      autoPlayInterval={4000}
+      showPagination
+      loop
+    >
+      <Carousel.Item>
+        <MediaCard
+          modes={modes}
+          media={
+            <Image
+              source={{ uri: 'https://picsum.photos/400/400' }}
+              style={{ width: '100%', height: '100%' }}
+              resizeMode="cover"
+            />
+          }
+        >
+          <MediaCard.Header>
+            <MediaCard.Title>Huge Title</MediaCard.Title>
+          </MediaCard.Header>
+          <MediaCard.Footer>
+            <Avatar
+              initials="JS"
+              modes={{ 'Avatar / Size': 'S' }}
+            />
+            <View style={{ flex: 1 }}>
+              <MediaCard.FooterTitle>Subscribed</MediaCard.FooterTitle>
+              <MediaCard.FooterSubtitle>Active now</MediaCard.FooterSubtitle>
+            </View>
+            <Button
+              label="Open"
+              modes={{ 'Button / Size': 'S' }}
+              onPress={() => console.log('Open')}
+            />
+          </MediaCard.Footer>
+        </MediaCard>
+      </Carousel.Item>
+
+      <Carousel.Item>
+        <MediaCard
+          modes={modes}
+          media={
+            <Image
+              source={{ uri: 'https://picsum.photos/seed/two/400/400' }}
+              style={{ width: '100%', height: '100%' }}
+              resizeMode="cover"
+            />
+          }
+        >
+          <MediaCard.Header>
+            <MediaCard.Title>Discover</MediaCard.Title>
+          </MediaCard.Header>
+          <MediaCard.Footer>
+            <MediaCard.FooterTitle>Mutual Fund Insights</MediaCard.FooterTitle>
+          </MediaCard.Footer>
+        </MediaCard>
+      </Carousel.Item>
+    </Carousel>
+  );
+}
+```
+
+### Peek Cards (adjacent items visible)
+
+<Canvas>
+  <Story of={CarouselStories.PeekCards} />
+</Canvas>
+
+### Auto-play
+
+<Canvas>
+  <Story of={CarouselStories.AutoPlay} />
+</Canvas>
+
+### Fixed-width items
+
+<Canvas>
+  <Story of={CarouselStories.FixedWidth} />
+</Canvas>
+
+<AnatomySection>
+  <ul>
+    <li><strong>Container</strong> — Outer <code>View</code> that measures width and holds the scroll track + pagination.</li>
+    <li><strong>ScrollView Track</strong> — Horizontal <code>ScrollView</code> with snap-to-interval behavior and optional CSS scroll-snap on web.</li>
+    <li><strong>Carousel.Item</strong> — Optional wrapper for each slide. Any React node works as a direct child.</li>
+    <li><strong>Pagination</strong> — Row of animated dots. Active dot widens and changes color. Each dot is pressable to navigate.</li>
+  </ul>
+</AnatomySection>
+
+<UsageConstraintsSection>
+  <ul>
+    <li>Each child of <code>Carousel</code> becomes one slide. Use <code>Carousel.Item</code> for semantic clarity.</li>
+    <li>When <code>itemWidth</code> is not provided, items expand to fill the container width minus <code>peekOffset</code>.</li>
+    <li>Auto-play pauses automatically while the user is dragging.</li>
+    <li>The <code>modes</code> prop is forwarded to all children via <code>cloneElement</code>.</li>
+    <li>On web, CSS <code>scroll-snap-type</code> is applied for native-feeling snap behavior.</li>
+  </ul>
+</UsageConstraintsSection>
+
+## Props
+
+<Controls />
+
+## Design Tokens
+
+This component uses the following design tokens, resolved through `getVariableByName`:
+
+- **`carousel/gap`**
+- **`carousel/padding/horizontal`**
+- **`carousel/padding/vertical`**
+- **`carousel/pagination/dotActiveColor`**
+- **`carousel/pagination/dotActiveWidth`**
+- **`carousel/pagination/dotColor`**
+- **`carousel/pagination/dotGap`**
+- **`carousel/pagination/dotRadius`**
+- **`carousel/pagination/dotSize`**
+- **`carousel/pagination/gap`**
+- **`carousel/peekOffset`**
+
+All tokens support mode-based theming through the `modes` prop.

package/lib/commonjs/components/Disclaimer/Disclaimer.js

@@ -75,7 +75,7 @@ function Disclaimer({
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: [containerStyle, style],
     accessibilityRole: "text",
-    accessibilityLabel: defaultAccessibilityLabel,
+    accessibilityLabel: undefined,
     accessibilityHint: accessibilityHint,
     ...rest,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {

package/lib/commonjs/components/Disclaimer/Disclaimer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_JFSThemeProvider","_jsxRuntime","e","__esModule","default","Disclaimer","disclaimer","modes","propModes","style","textStyle","accessibilityLabel","accessibilityHint","rest","globalModes","useTokens","color","getVariableByName","fontSize","lineHeight","fontFamily","fontWeightRaw","fontWeight","toString","baseTextStyle","textAlign","containerStyle","alignSelf","alignItems","justifyContent","maxWidth","defaultAccessibilityLabel","jsx","View","accessibilityRole","children","jsxs","Text","accessibilityElementsHidden","importantForAccessibility","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Disclaimer/Disclaimer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAgE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASG,UAAUA,CAAC;EAClBC,UAAU,GAAG,oEAAoE;EACjFC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC,KAAK;EACLC,SAAS;EACTC,kBAAkB;EAClBC,iBAAiB;EACjB,GAAGC;AACY,CAAC,EAAE;EAClB,MAAM;IAAEN,KAAK,EAAEO;EAAY,CAAC,GAAG,IAAAC,2BAAS,EAAC,CAAC;EAC1C,MAAMR,KAAK,GAAG;IAAE,GAAGO,WAAW;IAAE,GAAGN;EAAU,CAAC;EAC9C;EACA,MAAMQ,KAAK,GAAG,IAAAC,yCAAiB,EAAC,kBAAkB,EAAEV,KAAK,CAAC,IAAI,SAAS;EACvE,MAAMW,QAAQ,GACZ,IAAAD,yCAAiB,EAAC,2BAA2B,EAAEV,KAAK,CAAC,IAAI,EAAE;EAC7D,MAAMY,UAAU,GACd,IAAAF,yCAAiB,EAAC,6BAA6B,EAAEV,KAAK,CAAC,IAAI,EAAE;EAC/D,MAAMa,UAAU,GACd,IAAAH,yCAAiB,EAAC,6BAA6B,EAAEV,KAAK,CAAC,IAAI,QAAQ;EACrE,MAAMc,aAAa,GACjB,IAAAJ,yCAAiB,EAAC,6BAA6B,EAAEV,KAAK,CAAC,IAAI,GAAG;EAChE,MAAMe,UAAU,GACd,OAAOD,aAAa,KAAK,QAAQ,GAC7BA,aAAa,CAACE,QAAQ,CAAC,CAAC,GACxBF,aAAa;EAEnB,MAAMG,aAAwB,GAAG;IAC/BR,KAAK;IACLE,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVE,UAAU;IACVG,SAAS,EAAE;EACb,CAAC;EAED,MAAMC,cAAyB,GAAG;IAChCC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB;IACAC,QAAQ,EAAE;EACZ,CAAC;;EAED;EACA,MAAMC,yBAAyB,GAAGpB,kBAAkB,IAAIL,UAAU;EAElE,oBACE,IAAAL,WAAA,CAAA+B,GAAA,EAAClC,YAAA,CAAAmC,IAAI;IACHxB,KAAK,EAAE,CAACiB,cAAc,EAAEjB,KAAK,CAAE;IAC/ByB,iBAAiB,EAAC,MAAM;IACxBvB,kBAAkB,EAAEoB,yBAA0B;IAC9CnB,iBAAiB,EAAEA,iBAAkB;IAAA,GACjCC,IAAI;IAAAsB,QAAA,eAER,IAAAlC,WAAA,CAAAmC,IAAA,EAACtC,YAAA,CAAAuC,IAAI;MACH5B,KAAK,EAAE,CAACe,aAAa,EAAEd,SAAS,CAAE;MAClC4B,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC,IAAI;MAAAJ,QAAA,GAE7B7B,UAAU,EACV,IAAI;IAAA,CACD;EAAC,CACH,CAAC;AAEX;AAAC,IAAAkC,QAAA,GAAAC,OAAA,CAAArC,OAAA,GAEcC,UAAU","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_JFSThemeProvider","_jsxRuntime","e","__esModule","default","Disclaimer","disclaimer","modes","propModes","style","textStyle","accessibilityLabel","accessibilityHint","rest","globalModes","useTokens","color","getVariableByName","fontSize","lineHeight","fontFamily","fontWeightRaw","fontWeight","toString","baseTextStyle","textAlign","containerStyle","alignSelf","alignItems","justifyContent","maxWidth","defaultAccessibilityLabel","jsx","View","accessibilityRole","undefined","children","jsxs","Text","accessibilityElementsHidden","importantForAccessibility","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Disclaimer/Disclaimer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAgE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASG,UAAUA,CAAC;EAClBC,UAAU,GAAG,oEAAoE;EACjFC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC,KAAK;EACLC,SAAS;EACTC,kBAAkB;EAClBC,iBAAiB;EACjB,GAAGC;AACY,CAAC,EAAE;EAClB,MAAM;IAAEN,KAAK,EAAEO;EAAY,CAAC,GAAG,IAAAC,2BAAS,EAAC,CAAC;EAC1C,MAAMR,KAAK,GAAG;IAAE,GAAGO,WAAW;IAAE,GAAGN;EAAU,CAAC;EAC9C;EACA,MAAMQ,KAAK,GAAG,IAAAC,yCAAiB,EAAC,kBAAkB,EAAEV,KAAK,CAAC,IAAI,SAAS;EACvE,MAAMW,QAAQ,GACZ,IAAAD,yCAAiB,EAAC,2BAA2B,EAAEV,KAAK,CAAC,IAAI,EAAE;EAC7D,MAAMY,UAAU,GACd,IAAAF,yCAAiB,EAAC,6BAA6B,EAAEV,KAAK,CAAC,IAAI,EAAE;EAC/D,MAAMa,UAAU,GACd,IAAAH,yCAAiB,EAAC,6BAA6B,EAAEV,KAAK,CAAC,IAAI,QAAQ;EACrE,MAAMc,aAAa,GACjB,IAAAJ,yCAAiB,EAAC,6BAA6B,EAAEV,KAAK,CAAC,IAAI,GAAG;EAChE,MAAMe,UAAU,GACd,OAAOD,aAAa,KAAK,QAAQ,GAC7BA,aAAa,CAACE,QAAQ,CAAC,CAAC,GACxBF,aAAa;EAEnB,MAAMG,aAAwB,GAAG;IAC/BR,KAAK;IACLE,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVE,UAAU;IACVG,SAAS,EAAE;EACb,CAAC;EAED,MAAMC,cAAyB,GAAG;IAChCC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB;IACAC,QAAQ,EAAE;EACZ,CAAC;;EAED;EACA,MAAMC,yBAAyB,GAAGpB,kBAAkB,IAAIL,UAAU;EAElE,oBACE,IAAAL,WAAA,CAAA+B,GAAA,EAAClC,YAAA,CAAAmC,IAAI;IACHxB,KAAK,EAAE,CAACiB,cAAc,EAAEjB,KAAK,CAAE;IAC/ByB,iBAAiB,EAAC,MAAM;IACxBvB,kBAAkB,EAAEwB,SAAU;IAC9BvB,iBAAiB,EAAEA,iBAAkB;IAAA,GACjCC,IAAI;IAAAuB,QAAA,eAER,IAAAnC,WAAA,CAAAoC,IAAA,EAACvC,YAAA,CAAAwC,IAAI;MACH7B,KAAK,EAAE,CAACe,aAAa,EAAEd,SAAS,CAAE;MAClC6B,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC,IAAI;MAAAJ,QAAA,GAE7B9B,UAAU,EACV,IAAI;IAAA,CACD;EAAC,CACH,CAAC;AAEX;AAAC,IAAAmC,QAAA,GAAAC,OAAA,CAAAtC,OAAA,GAEcC,UAAU","ignoreList":[]}

package/lib/commonjs/components/Divider/Divider.js

@@ -38,7 +38,7 @@ function Divider({
   direction = 'horizontal',
   modes = {},
   style,
-  accessibilityLabel = 'Divider'
+  accessibilityLabel = undefined
 }) {
   // Resolve design tokens
   const size = (0, _figmaVariablesResolver.getVariableByName)('divider/size', modes) ?? 1;
@@ -56,7 +56,7 @@ function Divider({
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: [dividerStyle, style],
     accessibilityRole: "none",
-    accessibilityLabel: accessibilityLabel
+    accessibilityLabel: undefined
   });
 }
 var _default = exports.default = Divider;

package/lib/commonjs/components/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_jsxRuntime","e","__esModule","default","Divider","direction","modes","style","accessibilityLabel","size","getVariableByName","color","isVertical","dividerStyle","width","backgroundColor","alignSelf","height","jsx","View","accessibilityRole","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Divider/Divider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,uBAAA,GAAAF,OAAA;AAAgF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAyBhF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASG,OAAOA,CAAC;EACfC,SAAS,GAAG,YAAY;EACxBC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACLC,kBAAkB,GAAG;AACT,CAAC,EAAE;EACf;EACA,MAAMC,IAAI,GAAG,IAAAC,yCAAiB,EAAC,cAAc,EAAEJ,KAAK,CAAC,IAAI,CAAC;EAC1D,MAAMK,KAAK,GAAG,IAAAD,yCAAiB,EAAC,eAAe,EAAEJ,KAAK,CAAC,IAAI,SAAS;EAEpE,MAAMM,UAAU,GAAGP,SAAS,KAAK,UAAU;EAE3C,MAAMQ,YAAuB,GAAGD,UAAU,GACtC;IACEE,KAAK,EAAEL,IAAI;IACXM,eAAe,EAAEJ,KAAK;IACtBK,SAAS,EAAE;EACb,CAAC,GACD;IACEC,MAAM,EAAER,IAAI;IACZM,eAAe,EAAEJ,KAAK;IACtBK,SAAS,EAAE;EACb,CAAC;EAEL,oBACE,IAAAhB,WAAA,CAAAkB,GAAA,EAACpB,YAAA,CAAAqB,IAAI;IACHZ,KAAK,EAAE,CAACM,YAAY,EAAEN,KAAK,CAAE;IAC7Ba,iBAAiB,EAAC,MAAM;IACxBZ,kBAAkB,EAAEA;EAAmB,CACxC,CAAC;AAEN;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEcC,OAAO","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_jsxRuntime","e","__esModule","default","Divider","direction","modes","style","accessibilityLabel","undefined","size","getVariableByName","color","isVertical","dividerStyle","width","backgroundColor","alignSelf","height","jsx","View","accessibilityRole","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Divider/Divider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,uBAAA,GAAAF,OAAA;AAAgF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAyBhF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASG,OAAOA,CAAC;EACfC,SAAS,GAAG,YAAY;EACxBC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACLC,kBAAkB,GAAGC;AACT,CAAC,EAAE;EACf;EACA,MAAMC,IAAI,GAAG,IAAAC,yCAAiB,EAAC,cAAc,EAAEL,KAAK,CAAC,IAAI,CAAC;EAC1D,MAAMM,KAAK,GAAG,IAAAD,yCAAiB,EAAC,eAAe,EAAEL,KAAK,CAAC,IAAI,SAAS;EAEpE,MAAMO,UAAU,GAAGR,SAAS,KAAK,UAAU;EAE3C,MAAMS,YAAuB,GAAGD,UAAU,GACtC;IACEE,KAAK,EAAEL,IAAI;IACXM,eAAe,EAAEJ,KAAK;IACtBK,SAAS,EAAE;EACb,CAAC,GACD;IACEC,MAAM,EAAER,IAAI;IACZM,eAAe,EAAEJ,KAAK;IACtBK,SAAS,EAAE;EACb,CAAC;EAEL,oBACE,IAAAjB,WAAA,CAAAmB,GAAA,EAACrB,YAAA,CAAAsB,IAAI;IACHb,KAAK,EAAE,CAACO,YAAY,EAAEP,KAAK,CAAE;IAC7Bc,iBAAiB,EAAC,MAAM;IACxBb,kBAAkB,EAAEC;EAAU,CAC/B,CAAC;AAEN;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEcC,OAAO","ignoreList":[]}

package/lib/commonjs/components/Drawer/Drawer.js

@@ -83,6 +83,13 @@ function Drawer({
   const scrollY = (0, _reactNativeReanimated.useSharedValue)(0);
   const scrollRef = (0, _react.useRef)(null);
 
+  // Dynamically disable top bounce so a downward swipe at the top of
+  // the content drags the whole drawer instead of rubber-banding the
+  // scroll view.  Bottom bounce is preserved when the user has scrolled.
+  const animatedScrollProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
+    bounces: scrollY.value > 1
+  }));
+
   // We need to know if we are currently dragging the drawer or scrolling the content
   // to prevent conflict.
   const isDrawerActive = (0, _reactNativeReanimated.useSharedValue)(false);
@@ -238,7 +245,7 @@ function Drawer({
         }, sheetStyle, animatedStyle],
         accessible: true,
         accessibilityRole: 'dialog',
-        accessibilityLabel: defaultAccessibilityLabel,
+        accessibilityLabel: undefined,
         accessibilityHint: accessibilityHint || 'Swipe up to expand, swipe down to collapse',
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: [styles.handleArea, !title && !header && {
@@ -271,8 +278,8 @@ function Drawer({
             alignItems: 'stretch'
           }, contentContainerStyle],
           showsVerticalScrollIndicator: showsVerticalScrollIndicator,
-          bounces: true,
-          alwaysBounceVertical: true,
+          animatedProps: animatedScrollProps,
+          alwaysBounceVertical: false,
           overScrollMode: "always",
           onScroll: (0, _reactNativeReanimated.useAnimatedScrollHandler)(event => {
             scrollY.value = event.contentOffset.y;