jfs-components 0.0.21 → 0.0.24

package/lib/typescript/components/Carousel/Carousel.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import { type ViewStyle, type StyleProp } from 'react-native';
+export interface CarouselProps {
+    /** Content items to display (should be Carousel.Item or any React nodes). */
+    children?: React.ReactNode;
+    /** Modes object for design-token resolution. */
+    modes?: Record<string, any>;
+    /** Enable auto-play. Default: false. */
+    autoPlay?: boolean;
+    /** Auto-play interval in ms. Default: 4000. */
+    autoPlayInterval?: number;
+    /** Show pagination dots. Default: true. */
+    showPagination?: boolean;
+    /** Enable looping (jumps back to first after last). Default: true. */
+    loop?: boolean;
+    /** Gap between items in px. Resolved from token `carousel/gap` or defaults to 12. */
+    gap?: number;
+    /** Width of each carousel item. When undefined, items take full container width. */
+    itemWidth?: number;
+    /** Horizontal padding around the carousel track, allowing peek of adjacent items. Defaults to 0. */
+    peekOffset?: number;
+    /** Called when the active index changes. */
+    onIndexChange?: (index: number) => void;
+    /** Style overrides for the outermost container. */
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Carousel({ children, modes, autoPlay, autoPlayInterval, showPagination, loop, gap: gapProp, itemWidth: itemWidthProp, peekOffset: peekOffsetProp, onIndexChange, style, }: CarouselProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Carousel {
+    var Item: typeof import("./Carousel").Item;
+    var Pagination: typeof import("./Carousel").Pagination;
+}
+export interface CarouselItemProps {
+    children?: React.ReactNode;
+    modes?: Record<string, any>;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Optional wrapper for carousel items. Not strictly required — any
+ * React node works as a direct child of `<Carousel>`.
+ */
+export declare function Item({ children, modes: _modes, style }: CarouselItemProps): import("react/jsx-runtime").JSX.Element;
+export interface PaginationProps {
+    modes?: Record<string, any>;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Pagination({ modes: propModes, style }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export default Carousel;
+//# sourceMappingURL=Carousel.d.ts.map

package/lib/typescript/components/Carousel/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAA;AACd,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EAIf,MAAM,cAAc,CAAA;AA6BrB,MAAM,WAAW,aAAa;IAC5B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,sEAAsE;IACtE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,qFAAqF;IACrF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oGAAoG;IACpG,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAMD,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,KAAU,EACV,QAAgB,EAChB,gBAAuB,EACvB,cAAqB,EACrB,IAAW,EACX,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,aAAa,EACb,KAAK,GACN,EAAE,aAAa,2CAoOf;yBAhPe,QAAQ;;;;AAsPxB,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CAEzE;AAMD,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,eAAe,2CA+DtE;AA8DD,eAAe,QAAQ,CAAA"}

package/lib/typescript/components/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAqDvE,KAAK,WAAW,GAAG;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,cAAc,EAAE,SAAS,CAAC,OAAO,cAAc,EAAE,SAAS,CAAC,CAAA;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;IACvC,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qBAAqB,CAAC,EAAE,OAAO,cAAc,EAAE,SAAS,CAAC,OAAO,cAAc,EAAE,SAAS,CAAC,CAAA;IAC1F,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED;;;GAGG;AACH,iBAAS,MAAM,CAAC,EAEd,KAAU,EACV,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,eAAqB,EACrB,aAAoB,EACpB,YAA0B,EAC1B,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,4BAAmC,EACnC,WAAgB,GACjB,EAAE,WAAW,2CAqPb;AA8BD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAsDvE,KAAK,WAAW,GAAG;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,cAAc,EAAE,SAAS,CAAC,OAAO,cAAc,EAAE,SAAS,CAAC,CAAA;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;IACvC,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qBAAqB,CAAC,EAAE,OAAO,cAAc,EAAE,SAAS,CAAC,OAAO,cAAc,EAAE,SAAS,CAAC,CAAA;IAC1F,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED;;;GAGG;AACH,iBAAS,MAAM,CAAC,EAEd,KAAU,EACV,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,eAAqB,EACrB,aAAoB,EACpB,YAA0B,EAC1B,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,4BAAmC,EACnC,WAAgB,GACjB,EAAE,WAAW,2CA4Pb;AA8BD,eAAe,MAAM,CAAA"}

package/lib/typescript/components/RadioButton/RadioButton.d.ts

@@ -0,0 +1,30 @@
+import { ViewStyle, StyleProp } from 'react-native';
+export interface RadioButtonProps {
+    /**
+     * Whether the radio button is selected.
+     */
+    selected?: boolean;
+    /**
+     * Whether the radio button is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Function to call when the radio button is pressed.
+     */
+    onPress?: () => void;
+    /**
+     * Modes object for design-token resolution.
+     */
+    modes?: Record<string, any>;
+    /**
+     * Custom style for the radio button container.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Test ID for testing.
+     */
+    testID?: string;
+}
+export declare function RadioButton({ selected, disabled, onPress, modes, style, testID, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
+export default RadioButton;
+//# sourceMappingURL=RadioButton.d.ts.map

package/lib/typescript/components/RadioButton/RadioButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAKH,SAAS,EAET,SAAS,EACZ,MAAM,cAAc,CAAA;AAOrB,MAAM,WAAW,gBAAgB;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB;AAMD,wBAAgB,WAAW,CAAC,EACxB,QAAgB,EAChB,QAAgB,EAChB,OAAO,EACP,KAAU,EACV,KAAK,EACL,MAAM,GACT,EAAE,gBAAgB,2CAyKlB;AAED,eAAe,WAAW,CAAA"}

package/lib/typescript/components/UpiHandle/UpiHandle.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
-import { View } from 'react-native';
+import { View, type ImageSourcePropType } from 'react-native';
 type UpiHandleProps = {
     label?: string;
     modes?: Record<string, any>;
     showIcon?: boolean;
     iconName?: string;
+    avatarSource?: ImageSourcePropType;
     accessibilityLabel?: string;
     accessibilityHint?: string;
     onPress?: () => void;
@@ -27,9 +28,10 @@ type UpiHandleProps = {
  * @param {Object} [props.modes={}] - Modes object passed directly to `getVariableByName`.
  * @param {boolean} [props.showIcon=true] - Toggles the trailing icon visibility.
  * @param {string} [props.iconName='ic_scan_qr_code'] - Icon name from the actions set (e.g. 'ic_qr_code', 'ic_scan_qr_code').
+ * @param {ImageSourcePropType} [props.avatarSource] - Optional custom image source for the avatar.
  * @param {string} [props.accessibilityLabel] - Accessibility label for screen readers. If not provided, uses label
  * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
  */
-declare function UpiHandle({ label, modes: propModes, showIcon, iconName, onPress, disabled, accessibilityLabel, accessibilityHint, ...rest }: UpiHandleProps): import("react/jsx-runtime").JSX.Element;
+declare function UpiHandle({ label, modes: propModes, showIcon, iconName, avatarSource, onPress, disabled, accessibilityLabel, accessibilityHint, ...rest }: UpiHandleProps): import("react/jsx-runtime").JSX.Element;
 export default UpiHandle;
 //# sourceMappingURL=UpiHandle.d.ts.map

package/lib/typescript/components/UpiHandle/UpiHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UpiHandle.d.ts","sourceRoot":"","sources":["../../../../src/components/UpiHandle/UpiHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAa,IAAI,EAAgE,MAAM,cAAc,CAAA;AAS5G,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,mBAAmB,CAAC,CAAC;AAExH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,SAAS,CAAC,EACjB,KAAe,EACf,KAAK,EAAE,SAAc,EACrB,QAAe,EACf,QAA4B,EAC5B,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,cAAc,2CA0IhB;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"UpiHandle.d.ts","sourceRoot":"","sources":["../../../../src/components/UpiHandle/UpiHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAa,IAAI,EAAgE,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAStI,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,mBAAmB,CAAC,CAAC;AAExH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,SAAS,CAAC,EACjB,KAAe,EACf,KAAK,EAAE,SAAc,EACrB,QAAe,EACf,QAA4B,EAC5B,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,cAAc,2CA0IhB;AAED,eAAe,SAAS,CAAA"}

package/lib/typescript/components/index.d.ts

@@ -47,4 +47,5 @@ export { default as ChipSelect, type ChipSelectProps } from './ChipSelect/ChipSe
 export { default as InputSearch, type InputSearchProps } from './InputSearch/InputSearch';
 export { default as SupportText, type SupportTextProps } from './SupportText/SupportText';
 export { default as SupportTextIcon, type SupportTextIconProps } from './SupportText/SupportTextIcon';
+export { default as RadioButton, type RadioButtonProps } from './RadioButton/RadioButton';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/icons/registry.d.ts

@@ -4,7 +4,7 @@
  * Auto-generated from SVG files in src/icons/
  * DO NOT EDIT MANUALLY - Run "npm run icons:generate" to regenerate
  *
- * Generated: 2026-02-06T15:39:03.973Z
+ * Generated: 2026-02-10T13:33:16.682Z
  */
 export declare const iconRegistry: Record<string, {
     path: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jfs-components",
-  "version": "0.0.21",
+  "version": "0.0.24",
   "description": "React Native Jio Finance Components Library",
   "author": "sunshuaiqi@gmail.com",
   "license": "MIT",
@@ -69,7 +69,7 @@
     "ajv": "^8.17.1",
     "ajv-keywords": "^5.1.0",
     "react-native-gesture-handler": "^2.29.1",
-    "react-native-reanimated": "^4.1.5",
+    "react-native-reanimated": "3.18.1",
     "react-native-safe-area-context": "^5.6.2",
     "react-native-svg": "^15.15.0",
     "react-native-web": "^0.21.2",
@@ -134,4 +134,4 @@
   "jest": {
     "preset": "react-native"
   }
-}
+}

package/src/components/.token-metadata.json

@@ -485,6 +485,23 @@
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/CardFeedback/CardFeedback.tsx"
   },
+  "Carousel": {
+    "tokens": [
+      "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"
+    ],
+    "collections": {},
+    "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/Carousel/Carousel.tsx"
+  },
   "ChipGroup": {
     "tokens": [
       "chipGroup/gap"
@@ -1179,6 +1196,61 @@
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/PageTitle/PageTitle.tsx"
   },
+  "RadioButton": {
+    "tokens": [
+      "radio/background/color",
+      "radio/disabled/background/color",
+      "radio/disabled/border/color",
+      "radio/disabled/radio/disabled/border/size",
+      "radio/disabledSelected/background",
+      "radio/disabledSelected/border/color",
+      "radio/disabledSelected/selector/background/color",
+      "radio/focus/background/color",
+      "radio/focus/border/color",
+      "radio/focus/border/size",
+      "radio/focus/boxShadow/size",
+      "radio/focus/shadow/color",
+      "radio/focusSelected/background/color",
+      "radio/focusSelected/border/size",
+      "radio/focusSelected/selector/background/color",
+      "radio/height",
+      "radio/hover/background/color",
+      "radio/hover/border/color",
+      "radio/hover/boxShadow/size",
+      "radio/hover/shadow/color",
+      "radio/hoverSelected/background/color",
+      "radio/hoverSelected/border/color",
+      "radio/hoverSelected/boxShadow/size",
+      "radio/hoverSelected/selector/background/color",
+      "radio/hoverSelected/shadow/color",
+      "radio/idle/background/color",
+      "radio/idle/border/color",
+      "radio/selected/background/color",
+      "radio/selected/border/color",
+      "radio/selected/selector/background/color",
+      "radio/selector/size",
+      "radio/width"
+    ],
+    "collections": {
+      "Color Mode": {
+        "modes": [
+          "Light",
+          "Dark"
+        ],
+        "defaultMode": "Light",
+        "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
+      }
+    },
+    "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/RadioButton/RadioButton.tsx"
+  },
   "Screen": {
     "tokens": [
       "screen/body/background"

package/src/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.