@campxdev/react-native-blueprint 0.1.13 → 0.1.15

package/lib/module/patterns/pattern-components/AlertPattern/AlertPattern.figma.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { AlertPattern } from "./AlertPattern.js";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=224-3695';
+
+/**
+ * AlertPattern - Pattern component for displaying animated alerts
+ */
+figma.connect(AlertPattern, FIGMA_URL, {
+  props: {
+    children: figma.children('*')
+  },
+  example: props => /*#__PURE__*/_jsx(_Fragment, {
+    children: props.children
+  })
+});
+//# sourceMappingURL=AlertPattern.figma.js.map

package/lib/module/patterns/pattern-components/AlertPattern/AlertPattern.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","AlertPattern","Fragment","_Fragment","jsx","_jsx","FIGMA_URL","connect","props","children","example"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/AlertPattern/AlertPattern.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,YAAY,QAAQ,mBAAgB;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAE9C,MAAMC,SAAS,GACb,qGAAqG;;AAEvG;AACA;AACA;AACAN,KAAK,CAACO,OAAO,CAACN,YAAY,EAAEK,SAAS,EAAE;EACrCE,KAAK,EAAE;IACLC,QAAQ,EAAET,KAAK,CAACS,QAAQ,CAAC,GAAG;EAC9B,CAAC;EACDC,OAAO,EAAGF,KAAK,iBAAKH,IAAA,CAAAF,SAAA;IAAAM,QAAA,EAAGD,KAAK,CAACC;EAAQ,CAAG;AAC1C,CAAC,CAAC","ignoreList":[]}

package/lib/module/patterns/pattern-components/AlertPattern/AlertPattern.js

@@ -0,0 +1,114 @@
+"use strict";
+
+// @ts-nocheck
+import { useCallback, useEffect, useRef } from 'react';
+import { View, Animated } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { Alert } from "../../../components/Feedback/Alert/Alert.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+
+/* -----------------------------------------------------
+ * Types
+ * --------------------------------------------------- */
+
+/* -----------------------------------------------------
+ * Component
+ * --------------------------------------------------- */
+
+export function AlertPattern({
+  title = 'This is the Success Message',
+  description = 'Alert description goes here. It can be one or two lines.',
+  variant = 'success',
+  showClose = true,
+  visible = true,
+  onClose,
+  autoDismiss = 0
+}) {
+  const slideAnim = useRef(new Animated.Value(100)).current;
+  const opacityAnim = useRef(new Animated.Value(0)).current;
+  const handleDismiss = useCallback(() => {
+    Animated.parallel([Animated.timing(slideAnim, {
+      toValue: 100,
+      duration: 250,
+      useNativeDriver: true
+    }), Animated.timing(opacityAnim, {
+      toValue: 0,
+      duration: 250,
+      useNativeDriver: true
+    })]).start(() => {
+      onClose?.();
+    });
+  }, [slideAnim, opacityAnim, onClose]);
+  useEffect(() => {
+    if (visible) {
+      // Slide up and fade in animation
+      Animated.parallel([Animated.timing(slideAnim, {
+        toValue: 0,
+        duration: 300,
+        useNativeDriver: true
+      }), Animated.timing(opacityAnim, {
+        toValue: 1,
+        duration: 300,
+        useNativeDriver: true
+      })]).start();
+
+      // Auto-dismiss if duration is set
+      if (autoDismiss > 0) {
+        const timer = setTimeout(() => {
+          handleDismiss();
+        }, autoDismiss);
+        return () => clearTimeout(timer);
+      }
+      return undefined;
+    } else {
+      // Slide down and fade out animation
+      Animated.parallel([Animated.timing(slideAnim, {
+        toValue: 100,
+        duration: 250,
+        useNativeDriver: true
+      }), Animated.timing(opacityAnim, {
+        toValue: 0,
+        duration: 250,
+        useNativeDriver: true
+      })]).start();
+    }
+  }, [visible, autoDismiss, slideAnim, opacityAnim, handleDismiss]);
+  if (!visible) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    className: "absolute inset-0 pointer-events-none",
+    style: {
+      zIndex: 9999
+    },
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      className: "absolute inset-0 bg-black/40",
+      style: {
+        opacity: opacityAnim,
+        pointerEvents: visible ? 'auto' : 'none'
+      }
+    }), /*#__PURE__*/_jsx(View, {
+      className: "absolute bottom-0 left-0 right-0 p-4 pointer-events-none",
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: {
+          transform: [{
+            translateY: slideAnim
+          }],
+          opacity: opacityAnim,
+          pointerEvents: visible ? 'auto' : 'none'
+        },
+        children: /*#__PURE__*/_jsx(Alert, {
+          title: title,
+          description: description,
+          variant: variant,
+          showCloseIcon: showClose,
+          onClose: handleDismiss
+        })
+      })
+    })]
+  });
+}
+AlertPattern.displayName = 'AlertPattern';
+export default AlertPattern;
+//# sourceMappingURL=AlertPattern.js.map

package/lib/module/patterns/pattern-components/AlertPattern/AlertPattern.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","View","Animated","cssInterop","Alert","jsx","_jsx","jsxs","_jsxs","className","AlertPattern","title","description","variant","showClose","visible","onClose","autoDismiss","slideAnim","Value","current","opacityAnim","handleDismiss","parallel","timing","toValue","duration","useNativeDriver","start","timer","setTimeout","clearTimeout","undefined","style","zIndex","children","opacity","pointerEvents","transform","translateY","showCloseIcon","displayName"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/AlertPattern/AlertPattern.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/patterns/pattern-components/AlertPattern/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { AlertPattern } from "./AlertPattern.js";
+//# sourceMappingURL=index.js.map

package/lib/module/patterns/pattern-components/AlertPattern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AlertPattern"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/AlertPattern/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,mBAAgB","ignoreList":[]}

package/lib/module/patterns/pattern-components/BottomSheetPattern/BottomSheetPattern.figma.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { BottomSheetPattern } from "./BottomSheetPattern.js";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=224-3608';
+
+/**
+ * BottomSheetPattern - Pattern component for bottom sheets
+ *
+ * Use cases:
+ * - Form inputs that slide up from bottom
+ * - Action sheets with form fields
+ * - Mobile-optimized data entry
+ * - Quick actions and settings panels
+ *
+ * Features:
+ * - Slides up from bottom of screen
+ * - Semi-transparent overlay background
+ * - Rounded top corners
+ * - Configurable title and description
+ * - Primary and secondary action buttons
+ * - Form fields and inputs
+ * - Drag-to-dismiss capability
+ */
+figma.connect(BottomSheetPattern, FIGMA_URL, {
+  props: {
+    children: figma.children('*')
+  },
+  example: props => /*#__PURE__*/_jsx(_Fragment, {
+    children: props.children
+  })
+});
+//# sourceMappingURL=BottomSheetPattern.figma.js.map

package/lib/module/patterns/pattern-components/BottomSheetPattern/BottomSheetPattern.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","BottomSheetPattern","Fragment","_Fragment","jsx","_jsx","FIGMA_URL","connect","props","children","example"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/BottomSheetPattern/BottomSheetPattern.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,kBAAkB,QAAQ,yBAAsB;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAE1D,MAAMC,SAAS,GACb,qGAAqG;;AAEvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAN,KAAK,CAACO,OAAO,CAACN,kBAAkB,EAAEK,SAAS,EAAE;EAC3CE,KAAK,EAAE;IACLC,QAAQ,EAAET,KAAK,CAACS,QAAQ,CAAC,GAAG;EAC9B,CAAC;EACDC,OAAO,EAAGF,KAAK,iBAAKH,IAAA,CAAAF,SAAA;IAAAM,QAAA,EAAGD,KAAK,CAACC;EAAQ,CAAG;AAC1C,CAAC,CAAC","ignoreList":[]}

package/lib/module/patterns/pattern-components/BottomSheetPattern/BottomSheetPattern.js

@@ -0,0 +1,46 @@
+"use strict";
+
+import { View } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { BottomSheetDefault } from "../../../components/Layout/Bottomsheet/Bottom-Sheet.js";
+
+// NativeWind interop
+import { jsx as _jsx } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+const StyledView = View;
+
+/* -----------------------------------------------------
+ * Types
+ * --------------------------------------------------- */
+
+/* -----------------------------------------------------
+ * Component
+ * --------------------------------------------------- */
+
+export function BottomSheetPattern({
+  titleText = 'Bottom Sheet Title',
+  descriptionText = 'Bottom Sheet Description',
+  showHeader = true,
+  showDescription = true,
+  showFooter = true,
+  dismissable = true,
+  sheetContentType = 'placeholder'
+}) {
+  return /*#__PURE__*/_jsx(StyledView, {
+    className: "bg-[rgba(18,18,18,0.6)] content-stretch flex flex-col h-full justify-end",
+    children: /*#__PURE__*/_jsx(BottomSheetDefault, {
+      titleText: titleText,
+      descriptionText: descriptionText,
+      showHeader: showHeader,
+      showDescription: showDescription,
+      showFooter: showFooter,
+      dismissable: dismissable,
+      sheetContentType: sheetContentType
+    })
+  });
+}
+BottomSheetPattern.displayName = 'BottomSheetPattern';
+export default BottomSheetPattern;
+//# sourceMappingURL=BottomSheetPattern.js.map

package/lib/module/patterns/pattern-components/BottomSheetPattern/BottomSheetPattern.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","cssInterop","BottomSheetDefault","jsx","_jsx","className","StyledView","BottomSheetPattern","titleText","descriptionText","showHeader","showDescription","showFooter","dismissable","sheetContentType","children","displayName"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/BottomSheetPattern/BottomSheetPattern.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,kBAAkB,QAAQ,wDAAqD;;AAExF;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACAH,UAAU,CAACD,IAAI,EAAE;EAAEK,SAAS,EAAE;AAAQ,CAAC,CAAC;AACxC,MAAMC,UAAU,GAAGN,IAAW;;AAE9B;AACA;AACA;;AAyBA;AACA;AACA;;AAEA,OAAO,SAASO,kBAAkBA,CAAC;EACjCC,SAAS,GAAG,oBAAoB;EAChCC,eAAe,GAAG,0BAA0B;EAC5CC,UAAU,GAAG,IAAI;EACjBC,eAAe,GAAG,IAAI;EACtBC,UAAU,GAAG,IAAI;EACjBC,WAAW,GAAG,IAAI;EAClBC,gBAAgB,GAAG;AACI,CAAC,EAAE;EAC1B,oBACEV,IAAA,CAACE,UAAU;IAACD,SAAS,EAAC,0EAA0E;IAAAU,QAAA,eAC9FX,IAAA,CAACF,kBAAkB;MACjBM,SAAS,EAAEA,SAAU;MACrBC,eAAe,EAAEA,eAAgB;MACjCC,UAAU,EAAEA,UAAW;MACvBC,eAAe,EAAEA,eAAgB;MACjCC,UAAU,EAAEA,UAAW;MACvBC,WAAW,EAAEA,WAAY;MACzBC,gBAAgB,EAAEA;IAAiB,CACpC;EAAC,CACQ,CAAC;AAEjB;AAEAP,kBAAkB,CAACS,WAAW,GAAG,oBAAoB;AAErD,eAAeT,kBAAkB","ignoreList":[]}

package/lib/module/patterns/pattern-components/CalendarPattern/CalendarPattern.figma.js

@@ -0,0 +1,74 @@
+"use strict";
+
+// @ts-nocheck
+import figma from '@figma/code-connect';
+import { CalendarPattern } from "./CalendarPattern.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=314-6537';
+
+/**
+ * CalendarPattern - Daily schedule calendar view pattern
+ *
+ * Use cases:
+ * - Daily schedule displays
+ * - Calendar event views
+ * - Timetable layouts
+ * - Meeting schedules
+ *
+ * Features:
+ * - Date selector showing week view
+ * - Vertical scrolling timeline
+ * - Multiple calendar items with different time spans
+ * - Color-coded events
+ * - Optional badges and trailing icons
+ * - Room/location information
+ */
+figma.connect(CalendarPattern, FIGMA_URL, {
+  example: () => /*#__PURE__*/_jsx(CalendarPattern, {
+    events: [{
+      id: '1',
+      title: 'Web Technologies',
+      startTime: '09:00 AM',
+      endTime: '09:50 AM',
+      span: 1,
+      showTrailing: true,
+      color: 'cyan'
+    }, {
+      id: '2',
+      title: 'Digital Logic Design Lab',
+      startTime: '10:00 AM',
+      endTime: '10:50 AM',
+      span: 3,
+      showTrailing: true,
+      color: 'green'
+    }, {
+      id: '3',
+      title: 'Electrical Networks',
+      startTime: '02:00 PM',
+      endTime: '02:50 PM',
+      span: 1,
+      showTrailing: false,
+      color: 'pink'
+    }, {
+      id: '4',
+      title: 'Internal Exam - Digital Logic Design',
+      startTime: '03:00 PM',
+      endTime: '03:50 PM',
+      span: 2,
+      showBadge: true,
+      badgeText: 'Room No. 504',
+      showTrailing: false,
+      color: 'purple'
+    }, {
+      id: '5',
+      title: 'Control Systems',
+      startTime: '05:00 PM',
+      endTime: '05:50 PM',
+      span: 1,
+      showTrailing: false,
+      color: 'orange'
+    }],
+    selectedDate: "Mon 20"
+  })
+});
+//# sourceMappingURL=CalendarPattern.figma.js.map

package/lib/module/patterns/pattern-components/CalendarPattern/CalendarPattern.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","CalendarPattern","jsx","_jsx","FIGMA_URL","connect","example","events","id","title","startTime","endTime","span","showTrailing","color","showBadge","badgeText","selectedDate"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/CalendarPattern/CalendarPattern.figma.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,eAAe,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpD,MAAMC,SAAS,GACb,qGAAqG;;AAEvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAJ,KAAK,CAACK,OAAO,CAACJ,eAAe,EAAEG,SAAS,EAAE;EACxCE,OAAO,EAAEA,CAAA,kBACPH,IAAA,CAACF,eAAe;IACdM,MAAM,EAAE,CACN;MACEC,EAAE,EAAE,GAAG;MACPC,KAAK,EAAE,kBAAkB;MACzBC,SAAS,EAAE,UAAU;MACrBC,OAAO,EAAE,UAAU;MACnBC,IAAI,EAAE,CAAC;MACPC,YAAY,EAAE,IAAI;MAClBC,KAAK,EAAE;IACT,CAAC,EACD;MACEN,EAAE,EAAE,GAAG;MACPC,KAAK,EAAE,0BAA0B;MACjCC,SAAS,EAAE,UAAU;MACrBC,OAAO,EAAE,UAAU;MACnBC,IAAI,EAAE,CAAC;MACPC,YAAY,EAAE,IAAI;MAClBC,KAAK,EAAE;IACT,CAAC,EACD;MACEN,EAAE,EAAE,GAAG;MACPC,KAAK,EAAE,qBAAqB;MAC5BC,SAAS,EAAE,UAAU;MACrBC,OAAO,EAAE,UAAU;MACnBC,IAAI,EAAE,CAAC;MACPC,YAAY,EAAE,KAAK;MACnBC,KAAK,EAAE;IACT,CAAC,EACD;MACEN,EAAE,EAAE,GAAG;MACPC,KAAK,EAAE,sCAAsC;MAC7CC,SAAS,EAAE,UAAU;MACrBC,OAAO,EAAE,UAAU;MACnBC,IAAI,EAAE,CAAC;MACPG,SAAS,EAAE,IAAI;MACfC,SAAS,EAAE,cAAc;MACzBH,YAAY,EAAE,KAAK;MACnBC,KAAK,EAAE;IACT,CAAC,EACD;MACEN,EAAE,EAAE,GAAG;MACPC,KAAK,EAAE,iBAAiB;MACxBC,SAAS,EAAE,UAAU;MACrBC,OAAO,EAAE,UAAU;MACnBC,IAAI,EAAE,CAAC;MACPC,YAAY,EAAE,KAAK;MACnBC,KAAK,EAAE;IACT,CAAC,CACD;IACFG,YAAY,EAAC;EAAQ,CACtB;AAEL,CAAC,CAAC","ignoreList":[]}

package/lib/module/patterns/pattern-components/CalendarPattern/CalendarPattern.js

@@ -0,0 +1,167 @@
+"use strict";
+
+// @ts-nocheck
+import * as React from 'react';
+import { View, ScrollView } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { CalendarItem } from "../../../components/DataDisplay/CalendarItem/CalendarItem.js";
+import { Text } from "../../../components/Input/Text/Text.js";
+import { Button } from "../../../components/Input/Button/Button.js";
+import { cn } from "../../../lib/utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+cssInterop(ScrollView, {
+  className: 'style'
+});
+const View_ = View;
+const ScrollView_ = ScrollView;
+
+/**
+ * Calendar Pattern Component
+ *
+ * A complete calendar daily schedule pattern with date selector and event list.
+ * Displays calendar events organized by date with interactive date selection.
+ */
+
+// Default dates for the pattern
+const DEFAULT_DATES = [{
+  day: 'Mon',
+  date: 18,
+  isActive: false,
+  isToday: false
+}, {
+  day: 'Tue',
+  date: 19,
+  isActive: false,
+  isToday: false
+}, {
+  day: 'Wed',
+  date: 20,
+  isActive: true,
+  isToday: false
+}, {
+  day: 'Thu',
+  date: 21,
+  isActive: false,
+  isToday: true
+}, {
+  day: 'Fri',
+  date: 22,
+  isActive: false,
+  isToday: false
+}, {
+  day: 'Sat',
+  date: 23,
+  isActive: false,
+  isToday: false
+}, {
+  day: 'Sun',
+  date: 24,
+  isActive: false,
+  isToday: false
+}, {
+  day: 'Mon',
+  date: 25,
+  isActive: false,
+  isToday: false
+}, {
+  day: 'Tue',
+  date: 26,
+  isActive: false,
+  isToday: false
+}];
+
+// Default events
+const DEFAULT_EVENTS = [{
+  time: '09:00 AM',
+  eventName: 'Web Technologies',
+  eventTime: '09:00 AM - 09:50 AM',
+  span: 1,
+  showBadge: false,
+  showTrailing: false
+}, {
+  time: '10:00 AM',
+  eventName: 'Digital Logic Design Lab',
+  eventTime: '10:00 AM - 11:30 AM',
+  span: 3,
+  showBadge: false,
+  showTrailing: true,
+  badgeText: 'Lab'
+}, {
+  time: '02:00 PM',
+  eventName: 'Electrical Networks',
+  eventTime: '02:00 PM - 02:50 PM',
+  span: 1,
+  showBadge: false,
+  showTrailing: false
+}, {
+  time: '03:00 PM',
+  eventName: 'Internal Exam',
+  eventTime: '03:00 PM - 05:00 PM',
+  span: 2,
+  showBadge: true,
+  showTrailing: false,
+  badgeText: 'Room No. 504'
+}, {
+  time: '05:00 PM',
+  eventName: 'Control Systems',
+  eventTime: '05:00 PM - 05:50 PM',
+  span: 1,
+  showBadge: false,
+  showTrailing: false
+}];
+export function CalendarPattern({
+  dates = DEFAULT_DATES,
+  selectedDate: _selectedDate = 20,
+  onDateSelect,
+  events = DEFAULT_EVENTS,
+  style,
+  testID
+}) {
+  return /*#__PURE__*/_jsxs(View_, {
+    testID: testID ?? 'calendar-pattern',
+    style: style,
+    className: cn('flex-1 bg-surface-page'),
+    children: [/*#__PURE__*/_jsx(ScrollView_, {
+      horizontal: true,
+      className: "bg-white px-3",
+      children: /*#__PURE__*/_jsx(View_, {
+        className: "flex-row gap-3 py-3",
+        children: dates.map(dateItem => /*#__PURE__*/_jsx(Button, {
+          variant: dateItem.isActive ? 'default' : dateItem.isToday ? 'outline' : 'ghost',
+          onPress: () => onDateSelect?.(dateItem.date),
+          className: cn('w-12 h-auto rounded-lg px-3 py-2', dateItem.isActive && 'bg-highlight-purple', dateItem.isToday && 'border border-border'),
+          children: /*#__PURE__*/_jsxs(View_, {
+            className: "flex-col gap-0.5 items-center",
+            children: [/*#__PURE__*/_jsx(Text, {
+              className: cn('text-xs font-medium', dateItem.isActive ? 'text-text-muted' : dateItem.isToday ? 'text-text-secondary' : 'text-text-secondary'),
+              children: dateItem.day
+            }), /*#__PURE__*/_jsx(Text, {
+              className: cn('text-base font-semibold', dateItem.isActive ? 'text-white' : 'text-text-primary'),
+              children: dateItem.date
+            })]
+          })
+        }, dateItem.date))
+      })
+    }), /*#__PURE__*/_jsx(ScrollView_, {
+      className: "flex-1",
+      children: /*#__PURE__*/_jsx(View_, {
+        className: "flex-col gap-4 px-5 py-4",
+        children: events.map((event, index) => /*#__PURE__*/_jsx(CalendarItem, {
+          time: event.time,
+          eventName: event.eventName,
+          eventTime: event.eventTime,
+          span: event.span,
+          showBadge: event.showBadge,
+          showTrailing: event.showTrailing,
+          badgeText: event.badgeText
+        }, index))
+      })
+    })]
+  });
+}
+CalendarPattern.displayName = 'CalendarPattern';
+export default CalendarPattern;
+//# sourceMappingURL=CalendarPattern.js.map

package/lib/module/patterns/pattern-components/CalendarPattern/CalendarPattern.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","ScrollView","cssInterop","CalendarItem","Text","Button","cn","jsx","_jsx","jsxs","_jsxs","className","View_","ScrollView_","DEFAULT_DATES","day","date","isActive","isToday","DEFAULT_EVENTS","time","eventName","eventTime","span","showBadge","showTrailing","badgeText","CalendarPattern","dates","selectedDate","_selectedDate","onDateSelect","events","style","testID","children","horizontal","map","dateItem","variant","onPress","event","index","displayName"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/CalendarPattern/CalendarPattern.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/patterns/pattern-components/CardListPattern/CardListPattern.figma.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { CardListPattern } from "./CardListPattern.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=224-3665';
+
+/**
+ * CardListPattern - Pattern component for card list with optional chips and banners
+ *
+ * Use cases:
+ * - Product catalog pages
+ * - Content cards with media
+ * - Article or blog post listings
+ * - E-commerce product grids
+ *
+ * Features:
+ * - Optional BannerRow at top
+ * - Optional ChipsRow for filtering
+ * - Card list with rich content (media, badges, actions)
+ */
+figma.connect(CardListPattern, FIGMA_URL, {
+  props: {
+    showChips: figma.boolean('Show Chips'),
+    showBanners: figma.boolean('Show Banners')
+  },
+  example: props => /*#__PURE__*/_jsx(CardListPattern, {
+    showChips: props.showChips,
+    showBanners: props.showBanners,
+    banners: [{
+      id: '1'
+    }, {
+      id: '2'
+    }],
+    chips: [{
+      id: '1',
+      label: 'Chip Title 1'
+    }, {
+      id: '2',
+      label: 'Chip Title 2'
+    }, {
+      id: '3',
+      label: 'Chip Title 3'
+    }, {
+      id: '4',
+      label: 'Chip Title 4'
+    }],
+    data: [{
+      id: '1',
+      title: 'Card Title',
+      subtitle: 'Subtitle of the card goes here',
+      body: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
+      badge1Text: 'Badge',
+      badge2Text: 'Badge',
+      primaryActionText: 'Button',
+      secondaryActionText: 'Button'
+    }, {
+      id: '2',
+      title: 'Card Title',
+      subtitle: 'Subtitle of the card goes here',
+      body: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
+      badge1Text: 'Badge',
+      badge2Text: 'Badge',
+      primaryActionText: 'Button',
+      secondaryActionText: 'Button'
+    }]
+  })
+});
+//# sourceMappingURL=CardListPattern.figma.js.map

package/lib/module/patterns/pattern-components/CardListPattern/CardListPattern.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","CardListPattern","jsx","_jsx","FIGMA_URL","connect","props","showChips","boolean","showBanners","example","banners","id","chips","label","data","title","subtitle","body","badge1Text","badge2Text","primaryActionText","secondaryActionText"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/CardListPattern/CardListPattern.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,eAAe,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpD,MAAMC,SAAS,GACb,qGAAqG;;AAEvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAJ,KAAK,CAACK,OAAO,CAACJ,eAAe,EAAEG,SAAS,EAAE;EACxCE,KAAK,EAAE;IACLC,SAAS,EAAEP,KAAK,CAACQ,OAAO,CAAC,YAAY,CAAC;IACtCC,WAAW,EAAET,KAAK,CAACQ,OAAO,CAAC,cAAc;EAC3C,CAAC;EACDE,OAAO,EAAGJ,KAAK,iBACbH,IAAA,CAACF,eAAe;IACdM,SAAS,EAAED,KAAK,CAACC,SAAU;IAC3BE,WAAW,EAAEH,KAAK,CAACG,WAAY;IAC/BE,OAAO,EAAE,CAAC;MAAEC,EAAE,EAAE;IAAI,CAAC,EAAE;MAAEA,EAAE,EAAE;IAAI,CAAC,CAAE;IACpCC,KAAK,EAAE,CACL;MAAED,EAAE,EAAE,GAAG;MAAEE,KAAK,EAAE;IAAe,CAAC,EAClC;MAAEF,EAAE,EAAE,GAAG;MAAEE,KAAK,EAAE;IAAe,CAAC,EAClC;MAAEF,EAAE,EAAE,GAAG;MAAEE,KAAK,EAAE;IAAe,CAAC,EAClC;MAAEF,EAAE,EAAE,GAAG;MAAEE,KAAK,EAAE;IAAe,CAAC,CAClC;IACFC,IAAI,EAAE,CACJ;MACEH,EAAE,EAAE,GAAG;MACPI,KAAK,EAAE,YAAY;MACnBC,QAAQ,EAAE,gCAAgC;MAC1CC,IAAI,EAAE,+FAA+F;MACrGC,UAAU,EAAE,OAAO;MACnBC,UAAU,EAAE,OAAO;MACnBC,iBAAiB,EAAE,QAAQ;MAC3BC,mBAAmB,EAAE;IACvB,CAAC,EACD;MACEV,EAAE,EAAE,GAAG;MACPI,KAAK,EAAE,YAAY;MACnBC,QAAQ,EAAE,gCAAgC;MAC1CC,IAAI,EAAE,+FAA+F;MACrGC,UAAU,EAAE,OAAO;MACnBC,UAAU,EAAE,OAAO;MACnBC,iBAAiB,EAAE,QAAQ;MAC3BC,mBAAmB,EAAE;IACvB,CAAC;EACD,CACH;AAEL,CAAC,CAAC","ignoreList":[]}

package/lib/module/patterns/pattern-components/CardListPattern/CardListPattern.js

@@ -0,0 +1,91 @@
+"use strict";
+
+import { View, ScrollView } from 'react-native';
+import { ChipsRow } from "../../../components/DataDisplay/ChipsRow/ChipsRow.js";
+import { BannerRow } from "../../../components/DataDisplay/BannerRow/BannerRow.js";
+import { Card } from "../../../components/DataDisplay/Card/Card.js";
+
+/* -----------------------------------------------------
+ * Types
+ * --------------------------------------------------- */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* -----------------------------------------------------
+ * Component
+ * --------------------------------------------------- */
+
+/**
+ * CardListPattern Component
+ *
+ * A pattern component that composes BannerRow, ChipsRow, and a list of Cards.
+ * BannerRow and ChipsRow visibility is controlled by boolean props.
+ *
+ * Order:
+ * 1. ChipsRow (optional)
+ * 2. BannerRow (optional)
+ * 3. Card list (always shown)
+ *
+ * @example
+ * ```tsx
+ * <CardListPattern
+ *   showBanners={true}
+ *   showChips={true}
+ *   banners={[{ id: '1' }, { id: '2' }]}
+ *   chips={[
+ *     { id: '1', label: 'Chip 1' },
+ *     { id: '2', label: 'Chip 2' },
+ *   ]}
+ *   data={[
+ *     { id: '1', title: 'Card Title', subtitle: 'Subtitle', body: 'Card body content' },
+ *   ]}
+ * />
+ * ```
+ */
+export const CardListPattern = ({
+  showChips = false,
+  showBanners = false,
+  chips = [],
+  banners = [],
+  data,
+  cardDensity = 'comfortable',
+  cardTone = 'default'
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flex: 1,
+      gap: 16
+    },
+    children: [showChips && chips.length > 0 && /*#__PURE__*/_jsx(ChipsRow, {
+      chips: chips
+    }), showBanners && banners.length > 0 && /*#__PURE__*/_jsx(BannerRow, {
+      banners: banners
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      contentContainerStyle: {
+        gap: 16,
+        paddingHorizontal: 16
+      },
+      showsVerticalScrollIndicator: false,
+      children: data.map(item => /*#__PURE__*/_jsx(Card, {
+        title: item.title,
+        subtitle: item.subtitle,
+        body: item.body,
+        badge1Text: item.badge1Text,
+        badge2Text: item.badge2Text,
+        primaryActionText: item.primaryActionText,
+        secondaryActionText: item.secondaryActionText,
+        showMedia: item.showMedia ?? true,
+        showSubtitle: item.showSubtitle ?? true,
+        showBadges: item.showBadges ?? true,
+        showFooterActions: item.showFooterActions ?? true,
+        showLeading: item.showLeading ?? true,
+        showOverflowMenu: item.showOverflowMenu ?? true,
+        density: cardDensity,
+        tone: cardTone,
+        onPrimaryActionPress: item.onPrimaryActionPress,
+        onSecondaryActionPress: item.onSecondaryActionPress,
+        onOverflowPress: item.onOverflowPress
+      }, item.id))
+    })]
+  });
+};
+CardListPattern.displayName = 'CardListPattern';
+//# sourceMappingURL=CardListPattern.js.map