jfs-components 0.0.1

package/lib/module/components/CardFeedback/CardFeedback.js

@@ -0,0 +1,207 @@
+"use strict";
+
+import React, { createContext, useContext, isValidElement, cloneElement } from 'react';
+import { View, Text } from 'react-native';
+import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
+
+/**
+ * Context to share 'modes' with child components.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const CardFeedbackContext = /*#__PURE__*/createContext({});
+/**
+ * CardFeedback component from Figma node 1280:4481.
+ * 
+ * Used for status updates, warnings, or feedback.
+ */
+export function CardFeedback({
+  children,
+  modes = {},
+  style
+}) {
+  // Container Tokens
+  const backgroundColor = getVariableByName('cardFeedback/background', modes) || '#dbf0d9';
+  const radius = parseFloat(getVariableByName('cardFeedback/radius', modes) || '12');
+  const gap = parseFloat(getVariableByName('cardFeedback/gap', modes) || '8');
+  const paddingHorizontal = parseFloat(getVariableByName('cardFeedback/padding/horizontal', modes) || '12');
+  const paddingVertical = parseFloat(getVariableByName('cardFeedback/padding/vertical', modes) || '12');
+  const containerStyle = {
+    backgroundColor,
+    borderRadius: radius,
+    gap,
+    paddingHorizontal,
+    paddingVertical,
+    // Min height from design, but flex is better
+    minHeight: 59,
+    alignItems: 'flex-start',
+    flexDirection: 'column'
+  };
+  return /*#__PURE__*/_jsx(CardFeedbackContext.Provider, {
+    value: {
+      modes
+    },
+    children: /*#__PURE__*/_jsx(View, {
+      style: [containerStyle, style],
+      children: children
+    })
+  });
+}
+
+// ----------------------------------------------------------------------------
+// Sub-components
+// ----------------------------------------------------------------------------
+
+/**
+ * Icon Wrapper
+ * Tokens: cardFeedback/icon/size, cardFeedback/icon/color
+ */
+export function Icon({
+  children,
+  style,
+  modes: propModes
+}) {
+  const context = useContext(CardFeedbackContext);
+  const modes = propModes || context.modes || {};
+  const size = parseFloat(getVariableByName('cardFeedback/icon/size', modes) || '20');
+  // Color is usually applied to the SVG/Icon itself, but we can access it here if needed
+  // const color = getVariableByName('cardFeedback/icon/color', modes); 
+
+  const containerStyle = {
+    width: size,
+    height: size,
+    justifyContent: 'center',
+    alignItems: 'center',
+    overflow: 'hidden'
+  };
+
+  // If children is an SVG or Icon component, we might need to clone it to pass color?
+  // For now, just render children in the sized box.
+  return /*#__PURE__*/_jsx(View, {
+    style: [containerStyle, style],
+    children: children
+  });
+}
+
+/**
+ * Content Wrapper (Text Wrap)
+ * Wraps Title, Body, and sometimes Action.
+ * Tokens: cardFeedback/text/gap
+ */
+export function Content({
+  children,
+  style,
+  modes: propModes
+}) {
+  const context = useContext(CardFeedbackContext);
+  const modes = propModes || context.modes || {};
+  const gap = parseFloat(getVariableByName('cardFeedback/text/gap', modes) || '8');
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      gap,
+      width: '100%'
+    }, style],
+    children: children
+  });
+}
+
+/**
+ * Title Component
+ * Tokens: cardFeedback/title/*
+ */
+export function Title({
+  children,
+  style,
+  modes: propModes
+}) {
+  const context = useContext(CardFeedbackContext);
+  const modes = propModes || context.modes || {};
+  const color = getVariableByName('cardFeedback/title/color', modes) || '#0f0d0a';
+  const fontSize = parseFloat(getVariableByName('cardFeedback/title/fontSize', modes) || '14');
+  const fontFamily = getVariableByName('cardFeedback/title/fontFamily', modes) || 'JioType Var';
+  const lineHeight = parseFloat(getVariableByName('cardFeedback/title/lineHeight', modes) || '17');
+  const fontWeight = getVariableByName('cardFeedback/title/fontWeight', modes) || '500';
+  const textStyle = {
+    color,
+    fontSize,
+    fontFamily,
+    lineHeight,
+    fontWeight: fontWeight
+  };
+  return /*#__PURE__*/_jsx(Text, {
+    style: [textStyle, style],
+    children: children
+  });
+}
+
+/**
+ * Body Component
+ * Tokens: cardFeedback/body/*
+ */
+export function Body({
+  children,
+  style,
+  modes: propModes
+}) {
+  const context = useContext(CardFeedbackContext);
+  const modes = propModes || context.modes || {};
+  const color = getVariableByName('cardFeedback/body/color', modes) || '#1f1a14';
+  const fontSize = parseFloat(getVariableByName('cardFeedback/body/fontSize', modes) || '12');
+  const fontFamily = getVariableByName('cardFeedback/body/fontFamily', modes) || 'JioType Var';
+  const lineHeight = parseFloat(getVariableByName('cardFeedback/body/lineHeight', modes) || '16');
+  const fontWeight = getVariableByName('cardFeedback/body/fontWeight', modes) || '400';
+  const textStyle = {
+    color,
+    fontSize,
+    fontFamily,
+    lineHeight,
+    fontWeight: fontWeight
+  };
+  return /*#__PURE__*/_jsx(Text, {
+    style: [textStyle, style],
+    children: children
+  });
+}
+
+/**
+ * Action Slot Wrapper
+ * Tokens: cardFeedback/actionSlot/gap
+ */
+export function Action({
+  children,
+  style,
+  modes: propModes
+}) {
+  const context = useContext(CardFeedbackContext);
+  const modes = propModes || context.modes || {};
+  const gap = parseFloat(getVariableByName('cardFeedback/actionSlot/gap', modes) || '4');
+
+  // "Maximise existing component usage" -> Pass modes to children (Buttons)
+  const childrenWithModes = React.Children.map(children, child => {
+    if (/*#__PURE__*/isValidElement(child)) {
+      return /*#__PURE__*/cloneElement(child, {
+        modes: {
+          ...child.props.modes,
+          ...modes
+        }
+      });
+    }
+    return child;
+  });
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      gap,
+      flexDirection: 'row',
+      flexWrap: 'wrap'
+    }, style],
+    children: childrenWithModes
+  });
+}
+
+// Attach sub-components
+CardFeedback.Icon = Icon;
+CardFeedback.Content = Content;
+CardFeedback.Title = Title;
+CardFeedback.Body = Body;
+CardFeedback.Action = Action;
+export default CardFeedback;
+//# sourceMappingURL=CardFeedback.js.map

package/lib/module/components/CardFeedback/CardFeedback.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","isValidElement","cloneElement","View","Text","getVariableByName","jsx","_jsx","CardFeedbackContext","CardFeedback","children","modes","style","backgroundColor","radius","parseFloat","gap","paddingHorizontal","paddingVertical","containerStyle","borderRadius","minHeight","alignItems","flexDirection","Provider","value","Icon","propModes","context","size","width","height","justifyContent","overflow","Content","Title","color","fontSize","fontFamily","lineHeight","fontWeight","textStyle","Body","Action","childrenWithModes","Children","map","child","props","flexWrap"],"sourceRoot":"../../../../src","sources":["components/CardFeedback/CardFeedback.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/CardFeedback/CardFeedback.mdx

@@ -0,0 +1,84 @@
+import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import * as CardFeedbackStories from './CardFeedback.stories';
+import CardFeedback from './CardFeedback';
+import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
+
+<Meta of={CardFeedbackStories} />
+
+# CardFeedback
+
+CardFeedback component from Figma node 1280:4481. Used for status updates, warnings, or feedback (e.g., success, error states).
+
+## Available Collections and Modes
+
+This component uses the following design token collections. Each collection supports multiple modes that can be configured via the `modes` prop.
+
+### Appearance.System
+- **Modes:** positive | warning | negative
+- **Default:** positive
+
+### Color Mode
+- **Modes:** Light | Dark
+- **Default:** Light
+
+### Appearance.Brand
+- **Modes:** Primary | Secondary | Neutral
+- **Default:** Primary
+## Usage
+
+<Canvas>
+  <Story of={CardFeedbackStories.Default} />
+</Canvas>
+
+<AccessibilitySection
+  items={[
+    'Use standard text elements for Title and Body to ensure readability.',
+    'Buttons in the Action slot should have appropriate accessibility labels.',
+  ]}
+/>
+
+<AnatomySection>
+  <ul>
+    <li><strong>Icon</strong> — Optional icon slot (top left).</li>
+    <li><strong>Content</strong> — Wraps Title, Body, and Action slots.</li>
+    <li><strong>Title</strong> — Primary message.</li>
+    <li><strong>Body</strong> — Secondary details.</li>
+    <li><strong>Action</strong> — Slot for interactive elements (Buttons).</li>
+  </ul>
+</AnatomySection>
+
+<UsageConstraintsSection
+  items={[
+    'Use existing `Button` components within the `CardFeedback.Action` slot.',
+    'Ensure correct modes are passed if using specific feedback themes (e.g., Success, Error).',
+  ]}
+/>
+
+## Props
+
+<ArgsTable of={CardFeedback} />
+
+## Design Tokens
+
+This component uses the following design tokens, resolved through `getVariableByName`:
+
+- **`cardFeedback/actionSlot/gap`**
+- **`cardFeedback/background`**
+- **`cardFeedback/body/color`**
+- **`cardFeedback/body/fontFamily`**
+- **`cardFeedback/body/fontSize`**
+- **`cardFeedback/body/fontWeight`**
+- **`cardFeedback/body/lineHeight`**
+- **`cardFeedback/gap`**
+- **`cardFeedback/icon/size`**
+- **`cardFeedback/padding/horizontal`**
+- **`cardFeedback/padding/vertical`**
+- **`cardFeedback/radius`**
+- **`cardFeedback/text/gap`**
+- **`cardFeedback/title/color`**
+- **`cardFeedback/title/fontFamily`**
+- **`cardFeedback/title/fontSize`**
+- **`cardFeedback/title/fontWeight`**
+- **`cardFeedback/title/lineHeight`**
+
+All tokens support mode-based theming through the `modes` prop.

package/lib/module/components/Disclaimer/Disclaimer.js

@@ -0,0 +1,77 @@
+"use strict";
+
+import React from 'react';
+import { View, Text } from 'react-native';
+import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Disclaimer text block that mirrors the Figma "Disclaimer" component.
+ *
+ * All visual attributes (color, typography, etc.) are resolved from
+ * Figma design tokens via `getVariableByName`, with an optional `modes`
+ * configuration object – exactly like other components in this library.
+ *
+ * The text is center‑aligned and constrained to the same width as in Figma,
+ * with two lines:
+ *  - A configurable disclaimer prefix
+ *  - A fixed "Jio Payments Bank Pvt. Ltd." line
+ *
+ * @component
+ * @param {Object} props
+ * @param {string} [props.disclaimer] - First line of the disclaimer text.
+ * @param {Object} [props.modes={}] - Modes object passed directly to `getVariableByName`.
+ * @param {Object} [props.style] - Optional style overrides for the container.
+ * @param {Object} [props.textStyle] - Optional style overrides for the text element.
+ * @param {string} [props.accessibilityLabel] - Accessibility label for screen readers. If not provided, uses disclaimer text
+ * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
+ */
+function Disclaimer({
+  disclaimer = 'All financial services are provided by Jio Payments Bank Pvt. Ltd.',
+  modes = {},
+  style,
+  textStyle,
+  accessibilityLabel,
+  accessibilityHint,
+  ...rest
+}) {
+  // Resolve typography and color from Figma variables
+  const color = getVariableByName('disclaimer/color', modes) || '#24262b';
+  const fontSize = getVariableByName('disclaimer/label/fontSize', modes) || 10;
+  const lineHeight = getVariableByName('disclaimer/label/lineHeight', modes) || 12;
+  const fontFamily = getVariableByName('disclaimer/label/fontFamily', modes) || 'System';
+  const fontWeightRaw = getVariableByName('disclaimer/label/fontWeight', modes) || 500;
+  const fontWeight = typeof fontWeightRaw === 'number' ? fontWeightRaw.toString() : fontWeightRaw;
+  const baseTextStyle = {
+    color,
+    fontSize,
+    lineHeight,
+    fontFamily,
+    fontWeight,
+    textAlign: 'center'
+  };
+  const containerStyle = {
+    alignItems: 'center',
+    justifyContent: 'center',
+    // Match the Figma content width while still being flexible in layouts
+    maxWidth: 281,
+    width: '100%'
+  };
+
+  // Use provided accessibilityLabel or fall back to disclaimer text
+  const defaultAccessibilityLabel = accessibilityLabel || disclaimer;
+  return /*#__PURE__*/_jsx(View, {
+    style: [containerStyle, style],
+    accessibilityRole: "text",
+    accessibilityLabel: defaultAccessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    ...rest,
+    children: /*#__PURE__*/_jsxs(Text, {
+      style: [baseTextStyle, textStyle],
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no",
+      children: [disclaimer, '\n']
+    })
+  });
+}
+export default Disclaimer;
+//# sourceMappingURL=Disclaimer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","getVariableByName","jsxs","_jsxs","jsx","_jsx","Disclaimer","disclaimer","modes","style","textStyle","accessibilityLabel","accessibilityHint","rest","color","fontSize","lineHeight","fontFamily","fontWeightRaw","fontWeight","toString","baseTextStyle","textAlign","containerStyle","alignItems","justifyContent","maxWidth","width","defaultAccessibilityLabel","accessibilityRole","children","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/Disclaimer/Disclaimer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,iBAAiB,QAAQ,8CAA8C;AAAA,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAWhF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAC;EAClBC,UAAU,GAAG,oEAAoE;EACjFC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACLC,SAAS;EACTC,kBAAkB;EAClBC,iBAAiB;EACjB,GAAGC;AACY,CAAC,EAAE;EAClB;EACA,MAAMC,KAAK,GAAGb,iBAAiB,CAAC,kBAAkB,EAAEO,KAAK,CAAC,IAAI,SAAS;EACvE,MAAMO,QAAQ,GACZd,iBAAiB,CAAC,2BAA2B,EAAEO,KAAK,CAAC,IAAI,EAAE;EAC7D,MAAMQ,UAAU,GACdf,iBAAiB,CAAC,6BAA6B,EAAEO,KAAK,CAAC,IAAI,EAAE;EAC/D,MAAMS,UAAU,GACdhB,iBAAiB,CAAC,6BAA6B,EAAEO,KAAK,CAAC,IAAI,QAAQ;EACrE,MAAMU,aAAa,GACjBjB,iBAAiB,CAAC,6BAA6B,EAAEO,KAAK,CAAC,IAAI,GAAG;EAChE,MAAMW,UAAU,GACd,OAAOD,aAAa,KAAK,QAAQ,GAC7BA,aAAa,CAACE,QAAQ,CAAC,CAAC,GACxBF,aAAa;EAEnB,MAAMG,aAAwB,GAAG;IAC/BP,KAAK;IACLC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVE,UAAU;IACVG,SAAS,EAAE;EACb,CAAC;EAED,MAAMC,cAAyB,GAAG;IAChCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB;IACAC,QAAQ,EAAE,GAAG;IACbC,KAAK,EAAE;EACT,CAAC;;EAED;EACA,MAAMC,yBAAyB,GAAGjB,kBAAkB,IAAIJ,UAAU;EAElE,oBACEF,IAAA,CAACN,IAAI;IACHU,KAAK,EAAE,CAACc,cAAc,EAAEd,KAAK,CAAE;IAC/BoB,iBAAiB,EAAC,MAAM;IACxBlB,kBAAkB,EAAEiB,yBAA0B;IAC9ChB,iBAAiB,EAAEA,iBAAkB;IAAA,GACjCC,IAAI;IAAAiB,QAAA,eAER3B,KAAA,CAACH,IAAI;MACHS,KAAK,EAAE,CAACY,aAAa,EAAEX,SAAS,CAAE;MAClCqB,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC,IAAI;MAAAF,QAAA,GAE7BvB,UAAU,EACV,IAAI;IAAA,CACD;EAAC,CACH,CAAC;AAEX;AAEA,eAAeD,UAAU","ignoreList":[]}

package/lib/module/components/Disclaimer/Disclaimer.mdx

@@ -0,0 +1,62 @@
+import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import * as DisclaimerStories from './Disclaimer.stories';
+import Disclaimer from './Disclaimer';
+import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
+
+<Meta of={DisclaimerStories} />
+
+# Disclaimer
+
+Disclaimer text block that mirrors the Figma "Disclaimer" component.
+
+## Available Collections and Modes
+
+This component uses the following design token collections. Each collection supports multiple modes that can be configured via the `modes` prop.
+
+### Color Mode
+- **Modes:** Light | Dark
+- **Default:** Light
+## Usage
+
+<Canvas>
+  <Story of={DisclaimerStories.Default} />
+</Canvas>
+
+
+<AccessibilitySection
+  items={[
+    'Set `accessibilityLabel` when the disclaimer copy changes; it defaults to the first line.',
+    'Keep the component non-interactive (role `text`); place links/buttons outside.',
+    'Use brief sentences so the announcement is a single utterance.',
+  ]}
+/>
+
+<AnatomySection>
+  <ul>
+    <li><strong>Container</strong> — centered block constrained to the Figma max width.</li>
+    <li><strong>Text</strong> — two-line disclaimer using token typography.</li>
+  </ul>
+</AnatomySection>
+
+<UsageConstraintsSection
+  items={[
+    'Avoid inline links; pair nearby buttons for acknowledgements when needed.',
+    'Use `style`/`textStyle` for spacing tweaks without shrinking font sizes.',
+    'Keep width flexible; rely on the built-in max width for alignment.',
+  ]}
+/>
+## Props
+
+<ArgsTable of={Disclaimer} />
+
+## Design Tokens
+
+This component uses the following design tokens, resolved through `getVariableByName`:
+
+- **`disclaimer/color`**
+- **`disclaimer/label/fontFamily`**
+- **`disclaimer/label/fontSize`**
+- **`disclaimer/label/fontWeight`**
+- **`disclaimer/label/lineHeight`**
+
+All tokens support mode-based theming through the `modes` prop.

package/lib/module/components/Drawer/Drawer.js

@@ -0,0 +1,208 @@
+"use strict";
+
+import React, { useEffect, useMemo, useRef } from 'react';
+import { Animated, PanResponder, StyleSheet, Text, useWindowDimensions, View } from 'react-native';
+import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
+import IconButton from '../IconButton/IconButton';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+
+/**
+ * Lightweight bottom drawer/sheet with a draggable handle.
+ * No external dependencies; uses Animated + PanResponder so it works in RN and Storybook (web).
+ * 
+ * @param {string} [props.accessibilityLabel] - Accessibility label for the drawer. If not provided, uses title or "Drawer"
+ * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
+ */
+function Drawer({
+  items = [],
+  modes = {},
+  title,
+  children,
+  collapsedHeight = 120,
+  expandedRatio = 0.75,
+  initialState = 'collapsed',
+  contentStyle,
+  sheetStyle,
+  accessibilityLabel,
+  accessibilityHint,
+  ...rest
+}) {
+  const {
+    height: screenHeight
+  } = useWindowDimensions();
+  const expandedHeight = screenHeight * clamp(expandedRatio, 0.2, 0.95);
+  const maxTranslateY = Math.max(screenHeight - collapsedHeight, 0); // fully collapsed
+  const minTranslateY = Math.max(screenHeight - expandedHeight, 0); // fully expanded
+
+  const translateY = useRef(new Animated.Value(initialState === 'expanded' ? minTranslateY : maxTranslateY)).current;
+  const lastGestureY = useRef(initialState === 'expanded' ? minTranslateY : maxTranslateY);
+  useEffect(() => {
+    // Re-sync when viewport changes (storybook iframe resize, orientation change)
+    const next = initialState === 'expanded' ? minTranslateY : maxTranslateY;
+    lastGestureY.current = next;
+    translateY.setValue(next);
+  }, [initialState, maxTranslateY, minTranslateY, translateY]);
+  const panResponder = useMemo(() => PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderGrant: () => {
+      translateY.stopAnimation(v => {
+        lastGestureY.current = v;
+      });
+    },
+    onPanResponderMove: (_, gesture) => {
+      const next = clamp(lastGestureY.current + gesture.dy, minTranslateY, maxTranslateY);
+      translateY.setValue(next);
+    },
+    onPanResponderRelease: (_, gesture) => {
+      const current = lastGestureY.current + gesture.dy;
+      const midpoint = (minTranslateY + maxTranslateY) / 2;
+      const shouldOpen = gesture.vy < -0.3 || current < midpoint;
+      const target = shouldOpen ? minTranslateY : maxTranslateY;
+      lastGestureY.current = target;
+      Animated.spring(translateY, {
+        toValue: target,
+        tension: 80,
+        friction: 12,
+        useNativeDriver: true
+      }).start();
+    }
+  }), [maxTranslateY, minTranslateY, translateY]);
+
+  // Resolve tokens with fallbacks to keep storybook stable
+  const backgroundColor = getVariableByName('drawer/background', modes) || '#ffffff';
+  const handleColor = getVariableByName('drawer/handle/color', modes) || '#D1D5DB';
+  const handleWidth = getVariableByName('drawer/handle/width', modes) || 60;
+  const handleHeight = getVariableByName('drawer/handle/height', modes) || 6;
+  const radius = getVariableByName('drawer/radius', modes) || 20;
+  const padding = getVariableByName('drawer/padding', modes) || 16;
+  const titleColor = getVariableByName('drawer/title/color', modes) || '#0f172a';
+  const titleSize = getVariableByName('drawer/title/size', modes) || 16;
+
+  // Generate default accessibility label
+  const defaultAccessibilityLabel = accessibilityLabel || title || 'Drawer';
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.host,
+    ...rest,
+    children: /*#__PURE__*/_jsxs(Animated.View, {
+      ...panResponder.panHandlers,
+      accessibilityRole: 'dialog',
+      accessibilityLabel: defaultAccessibilityLabel,
+      accessibilityHint: accessibilityHint || 'Swipe up or down to expand or collapse',
+      style: [styles.sheet, styles.nonSelectable, {
+        backgroundColor,
+        borderTopLeftRadius: radius,
+        borderTopRightRadius: radius,
+        paddingHorizontal: padding,
+        paddingBottom: padding,
+        transform: [{
+          translateY
+        }]
+      }, sheetStyle],
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.handleArea, styles.nonSelectable],
+        accessibilityRole: "button",
+        accessibilityLabel: "Drag handle",
+        accessibilityHint: "Drag up or down to expand or collapse drawer",
+        children: /*#__PURE__*/_jsx(View, {
+          style: [styles.handle, {
+            backgroundColor: handleColor,
+            width: handleWidth,
+            height: handleHeight,
+            borderRadius: handleHeight / 2
+          }],
+          accessibilityElementsHidden: true,
+          importantForAccessibility: "no"
+        })
+      }), title ? /*#__PURE__*/_jsx(Text, {
+        selectable: false,
+        style: [styles.title, styles.nonSelectable, {
+          color: titleColor,
+          fontSize: titleSize
+        }],
+        accessibilityRole: "header",
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no",
+        children: title
+      }) : null, items?.length ? /*#__PURE__*/_jsx(View, {
+        style: styles.actionsRow,
+        children: items.map((item, idx) => /*#__PURE__*/_jsxs(View, {
+          style: styles.action,
+          children: [/*#__PURE__*/_jsx(IconButton, {
+            iconName: item.iconName,
+            onPress: item.onPress,
+            modes: item.modes || modes
+            // Let IconButton manage its own accessibility labelling; we don't need to
+            // forward extra props from the item model here.
+            // Cast to any to satisfy the more specific IconButton prop type.
+          }), item.label ? /*#__PURE__*/_jsx(Text, {
+            selectable: false,
+            style: [styles.actionLabel, styles.nonSelectable],
+            children: item.label
+          }) : null]
+        }, item.label || item.iconName || idx))
+      }) : null, children ? /*#__PURE__*/_jsx(View, {
+        style: [styles.content, styles.nonSelectable, contentStyle],
+        children: children
+      }) : null]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  host: {
+    flex: 1,
+    justifyContent: 'flex-end'
+  },
+  sheet: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    bottom: 0,
+    shadowColor: '#000000',
+    shadowOpacity: 0.12,
+    shadowOffset: {
+      width: 0,
+      height: -4
+    },
+    shadowRadius: 12,
+    elevation: 6,
+    paddingTop: 10
+  },
+  handleArea: {
+    alignItems: 'center',
+    paddingVertical: 8
+  },
+  handle: {
+    opacity: 0.9
+  },
+  title: {
+    fontWeight: '600',
+    marginBottom: 12
+  },
+  actionsRow: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    paddingBottom: 4
+  },
+  action: {
+    alignItems: 'center',
+    minWidth: 72,
+    marginRight: 12,
+    marginBottom: 16
+  },
+  actionLabel: {
+    marginTop: 6,
+    fontSize: 12,
+    color: '#475467'
+  },
+  content: {
+    paddingTop: 12
+  },
+  // `userSelect` is a web-only style; cast to any to keep React Native types happy
+  nonSelectable: {
+    userSelect: 'none'
+  }
+});
+export default Drawer;
+//# sourceMappingURL=Drawer.js.map

package/lib/module/components/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","useRef","Animated","PanResponder","StyleSheet","Text","useWindowDimensions","View","getVariableByName","IconButton","jsx","_jsx","jsxs","_jsxs","clamp","value","min","max","Math","Drawer","items","modes","title","children","collapsedHeight","expandedRatio","initialState","contentStyle","sheetStyle","accessibilityLabel","accessibilityHint","rest","height","screenHeight","expandedHeight","maxTranslateY","minTranslateY","translateY","Value","current","lastGestureY","next","setValue","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","stopAnimation","v","onPanResponderMove","_","gesture","dy","onPanResponderRelease","midpoint","shouldOpen","vy","target","spring","toValue","tension","friction","useNativeDriver","start","backgroundColor","handleColor","handleWidth","handleHeight","radius","padding","titleColor","titleSize","defaultAccessibilityLabel","style","styles","host","panHandlers","accessibilityRole","sheet","nonSelectable","borderTopLeftRadius","borderTopRightRadius","paddingHorizontal","paddingBottom","transform","handleArea","handle","width","borderRadius","accessibilityElementsHidden","importantForAccessibility","selectable","color","fontSize","length","actionsRow","map","item","idx","action","iconName","onPress","label","actionLabel","content","flex","justifyContent","position","left","right","bottom","shadowColor","shadowOpacity","shadowOffset","shadowRadius","elevation","paddingTop","alignItems","paddingVertical","opacity","fontWeight","marginBottom","flexDirection","flexWrap","minWidth","marginRight","marginTop","userSelect"],"sourceRoot":"../../../../src","sources":["components/Drawer/Drawer.tsx"],"mappings":"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","ignoreList":[]}