@getsoren/react-native-design-system 1.32.1

package/lib/commonjs/components/DataDisplay/InputLabel/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _InputLabel = _interopRequireWildcard(require("./InputLabel"));
+Object.keys(_InputLabel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _InputLabel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _InputLabel[key];
+    }
+  });
+});
+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); }
+var _default = exports.default = _InputLabel.default;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/DataDisplay/InputLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_InputLabel","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","set","getOwnPropertyDescriptor","_default","InputLabel"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/InputLabel/index.ts"],"mappings":";;;;;;;AAAA,IAAAA,WAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGAC,MAAA,CAAAC,IAAA,CAAAJ,WAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,WAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,WAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAA6B,SAAAL,wBAAAc,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAhB,uBAAA,YAAAA,CAAAc,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAP,GAAA,CAAAC,CAAA,GAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAR,cAAA,CAAAC,IAAA,CAAAM,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAlB,MAAA,CAAAS,cAAA,KAAAT,MAAA,CAAAyB,wBAAA,CAAAb,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAR,GAAA,IAAAQ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,IAAAa,QAAA,GAAAlB,OAAA,CAAAc,OAAA,GADdK,mBAAU","ignoreList":[]}

package/lib/commonjs/components/DataDisplay/Lightbox/Lightbox.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _expoFileSystem = require("expo-file-system");
+var _expoSharing = require("expo-sharing");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _reactNativeWebview = require("react-native-webview");
+var _Snackbar = require("../../Feedback/Snackbar");
+var _Button = _interopRequireDefault(require("../../Inputs/Button"));
+var _Stack = _interopRequireDefault(require("../../Layout/Stack"));
+var _ModalCloseButton = _interopRequireDefault(require("../../Navigation/ModalCloseButton"));
+var _Icon = _interopRequireDefault(require("../Icon"));
+var _Text = _interopRequireDefault(require("../Text"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const VIEWER_URL = "https://mozilla.github.io/pdf.js/web/viewer.html?file=";
+const IS_ANDROID = _reactNative.Platform.OS === "android";
+const Lightbox = ({
+  isOpen,
+  onClose,
+  fileName,
+  fileUrl,
+  isLoading,
+  onLoadEnd
+}) => {
+  const {
+    show
+  } = (0, _Snackbar.useSnackbar)();
+  const source = (0, _react.useMemo)(() => {
+    const isPDF = fileUrl?.toLowerCase().endsWith(".pdf");
+    if (!fileUrl) {
+      return undefined;
+    }
+    if (isPDF && IS_ANDROID) {
+      return {
+        uri: `${VIEWER_URL}${encodeURI(fileUrl)}`
+      };
+    }
+    return {
+      uri: fileUrl
+    };
+  }, [fileUrl]);
+  const handleDownload = async () => {
+    if (!fileUrl) {
+      return;
+    }
+    try {
+      const cacheDir = `${_expoFileSystem.documentDirectory}${fileName}`;
+      const {
+        uri
+      } = await (0, _expoFileSystem.downloadAsync)(fileUrl, cacheDir);
+      await (0, _expoSharing.shareAsync)(uri);
+    } catch (error) {
+      show(String(error), {
+        color: "error"
+      });
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    animationType: "slide",
+    visible: isOpen,
+    onRequestClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSafeAreaContext.SafeAreaProvider, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSafeAreaContext.SafeAreaView, {
+        style: {
+          flex: 1
+        },
+        children: [isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            alignItems: "center",
+            flex: 1,
+            inset: 0,
+            justifyContent: "center",
+            position: "absolute",
+            zIndex: 1
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+            size: "large"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
+          direction: "row",
+          align: "center",
+          justify: "space-between",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
+            direction: "row",
+            align: "center",
+            style: {
+              flex: 1
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalCloseButton.default, {
+              onPress: onClose
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+              color: "textSecondary",
+              numberOfLines: 1,
+              style: {
+                flex: 1
+              },
+              children: fileName
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+            variant: "icon",
+            onPress: handleDownload,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+              name: "download"
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeWebview.WebView, {
+          originWhitelist: ["*"],
+          style: {
+            flex: 1
+          },
+          source: source,
+          onLoadEnd: onLoadEnd
+        })]
+      })
+    })
+  });
+};
+var _default = exports.default = Lightbox;
+//# sourceMappingURL=Lightbox.js.map

package/lib/commonjs/components/DataDisplay/Lightbox/Lightbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_expoFileSystem","require","_expoSharing","_react","_reactNative","_reactNativeSafeAreaContext","_reactNativeWebview","_Snackbar","_Button","_interopRequireDefault","_Stack","_ModalCloseButton","_Icon","_Text","_jsxRuntime","e","__esModule","default","VIEWER_URL","IS_ANDROID","Platform","OS","Lightbox","isOpen","onClose","fileName","fileUrl","isLoading","onLoadEnd","show","useSnackbar","source","useMemo","isPDF","toLowerCase","endsWith","undefined","uri","encodeURI","handleDownload","cacheDir","documentDirectory","downloadAsync","shareAsync","error","String","color","jsx","Modal","animationType","visible","onRequestClose","children","SafeAreaProvider","jsxs","SafeAreaView","style","flex","View","alignItems","inset","justifyContent","position","zIndex","ActivityIndicator","size","direction","align","justify","onPress","numberOfLines","variant","name","WebView","originWhitelist","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/Lightbox/Lightbox.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/DataDisplay/Lightbox/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _Lightbox = _interopRequireWildcard(require("./Lightbox"));
+Object.keys(_Lightbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Lightbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Lightbox[key];
+    }
+  });
+});
+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); }
+var _default = exports.default = _Lightbox.default;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/DataDisplay/Lightbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Lightbox","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","set","getOwnPropertyDescriptor","_default","Lightbox"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/Lightbox/index.ts"],"mappings":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGAC,MAAA,CAAAC,IAAA,CAAAJ,SAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,SAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,SAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAA2B,SAAAL,wBAAAc,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAhB,uBAAA,YAAAA,CAAAc,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAP,GAAA,CAAAC,CAAA,GAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAR,cAAA,CAAAC,IAAA,CAAAM,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAlB,MAAA,CAAAS,cAAA,KAAAT,MAAA,CAAAyB,wBAAA,CAAAb,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAR,GAAA,IAAAQ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,IAAAa,QAAA,GAAAlB,OAAA,CAAAc,OAAA,GADZK,iBAAQ","ignoreList":[]}

package/lib/commonjs/components/DataDisplay/List/CardProductHorizontalList.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _flashList = require("@shopify/flash-list");
+var _reactNative = require("react-native");
+var _useTheme = _interopRequireDefault(require("../../../hooks/useTheme"));
+var _CardProductLink = _interopRequireDefault(require("../Card/CardProductLink"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SKELETON_DATA_HORIZONTAL = Array.from({
+  length: 3
+}, (_, i) => ({
+  id: `skeleton-${i}`
+}));
+const CardProductHorizontalList = ({
+  data,
+  onPressItem,
+  isLoading,
+  linkLabel
+}) => {
+  const {
+    theme
+  } = (0, _useTheme.default)();
+  const listData = isLoading ? SKELETON_DATA_HORIZONTAL : data;
+  const handlePress = id => () => onPressItem?.(id);
+  if (!(isLoading || data?.length)) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_flashList.FlashList, {
+    horizontal: true,
+    keyExtractor: ({
+      id
+    }) => String(id),
+    showsHorizontalScrollIndicator: false,
+    data: listData,
+    contentContainerStyle: {
+      padding: theme.spacing.lg
+    },
+    renderItem: ({
+      item,
+      index
+    }) => {
+      const isLastItem = index === (listData?.length || 0) - 1;
+      if (isLoading) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardProductLink.default, {
+          isLoading: true,
+          containerStyle: {
+            ...(!isLastItem && {
+              marginRight: theme.spacing.sm
+            })
+          }
+        });
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: handlePress(item.id),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardProductLink.default, {
+          title: item.title,
+          linkLabel: item.linkLabel || linkLabel,
+          imageUri: item.imageUri,
+          containerStyle: {
+            ...(!isLastItem && {
+              marginRight: theme.spacing.sm
+            })
+          }
+        })
+      });
+    }
+  });
+};
+var _default = exports.default = CardProductHorizontalList;
+//# sourceMappingURL=CardProductHorizontalList.js.map

package/lib/commonjs/components/DataDisplay/List/CardProductHorizontalList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_flashList","require","_reactNative","_useTheme","_interopRequireDefault","_CardProductLink","_jsxRuntime","e","__esModule","default","SKELETON_DATA_HORIZONTAL","Array","from","length","_","i","id","CardProductHorizontalList","data","onPressItem","isLoading","linkLabel","theme","useTheme","listData","handlePress","jsx","FlashList","horizontal","keyExtractor","String","showsHorizontalScrollIndicator","contentContainerStyle","padding","spacing","lg","renderItem","item","index","isLastItem","containerStyle","marginRight","sm","Pressable","onPress","children","title","imageUri","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/List/CardProductHorizontalList.tsx"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAD,sBAAA,CAAAH,OAAA;AAAsD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtD,MAAMG,wBAAwB,GAAGC,KAAK,CAACC,IAAI,CAAC;EAAEC,MAAM,EAAE;AAAE,CAAC,EAAE,CAACC,CAAC,EAAEC,CAAC,MAAM;EAAEC,EAAE,EAAE,YAAYD,CAAC;AAAG,CAAC,CAAC,CAAC;AAgB/F,MAAME,yBAAyB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,WAAW;EAAEC,SAAS;EAAEC;AAA0C,CAAC,KAAK;EACjH,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,iBAAQ,EAAC,CAAC;EAC5B,MAAMC,QAAQ,GAAGJ,SAAS,GAAIV,wBAAwB,GAA2DQ,IAAI;EAErH,MAAMO,WAAW,GAAIT,EAAmB,IAAK,MAAMG,WAAW,GAAGH,EAAE,CAAC;EACpE,IAAI,EAAEI,SAAS,IAAIF,IAAI,EAAEL,MAAM,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EAEA,oBACE,IAAAP,WAAA,CAAAoB,GAAA,EAAC1B,UAAA,CAAA2B,SAAS;IACRC,UAAU;IACVC,YAAY,EAAEA,CAAC;MAAEb;IAAG,CAAC,KAAKc,MAAM,CAACd,EAAE,CAAE;IACrCe,8BAA8B,EAAE,KAAM;IACtCb,IAAI,EAAEM,QAAS;IACfQ,qBAAqB,EAAE;MACrBC,OAAO,EAAEX,KAAK,CAACY,OAAO,CAACC;IACzB,CAAE;IACFC,UAAU,EAAEA,CAAC;MAAEC,IAAI;MAAEC;IAAM,CAAC,KAAK;MAC/B,MAAMC,UAAU,GAAGD,KAAK,KAAK,CAACd,QAAQ,EAAEX,MAAM,IAAI,CAAC,IAAI,CAAC;MAExD,IAAIO,SAAS,EAAE;QACb,oBACE,IAAAd,WAAA,CAAAoB,GAAA,EAACrB,gBAAA,CAAAI,OAAe;UACdW,SAAS;UACToB,cAAc,EAAE;YACd,IAAI,CAACD,UAAU,IAAI;cAAEE,WAAW,EAAEnB,KAAK,CAACY,OAAO,CAACQ;YAAG,CAAC;UACtD;QAAE,CACH,CAAC;MAEN;MAEA,oBACE,IAAApC,WAAA,CAAAoB,GAAA,EAACxB,YAAA,CAAAyC,SAAS;QAACC,OAAO,EAAEnB,WAAW,CAACY,IAAI,CAACrB,EAAE,CAAE;QAAA6B,QAAA,eACvC,IAAAvC,WAAA,CAAAoB,GAAA,EAACrB,gBAAA,CAAAI,OAAe;UACdqC,KAAK,EAAET,IAAI,CAACS,KAAM;UAClBzB,SAAS,EAAEgB,IAAI,CAAChB,SAAS,IAAIA,SAAU;UACvC0B,QAAQ,EAAEV,IAAI,CAACU,QAAS;UACxBP,cAAc,EAAE;YACd,IAAI,CAACD,UAAU,IAAI;cAAEE,WAAW,EAAEnB,KAAK,CAACY,OAAO,CAACQ;YAAG,CAAC;UACtD;QAAE,CACH;MAAC,CACO,CAAC;IAEhB;EAAE,CACH,CAAC;AAEN,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GAEaQ,yBAAyB","ignoreList":[]}

package/lib/commonjs/components/DataDisplay/List/CardProductLargeList.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _flashList = require("@shopify/flash-list");
+var _reactNative = require("react-native");
+var _useTheme = _interopRequireDefault(require("../../../hooks/useTheme"));
+var _CardProductLinkLarge = _interopRequireDefault(require("../Card/CardProductLinkLarge"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SKELETON_DATA_LARGE = Array.from({
+  length: 3
+}, (_, i) => ({
+  id: `skeleton-${i}`
+}));
+const CARD_WIDTH = 296;
+const CardProductLargeList = ({
+  data,
+  style,
+  cardStyle,
+  onPressItem,
+  isLoading,
+  variant,
+  scrollEnabled,
+  showsVerticalScrollIndicator = false,
+  showsHorizontalScrollIndicator = false,
+  direction = "vertical"
+}) => {
+  const {
+    theme
+  } = (0, _useTheme.default)();
+  const listData = isLoading ? SKELETON_DATA_LARGE : data;
+  const handlePress = value => () => onPressItem?.(value);
+  if (!(isLoading || data?.length)) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_flashList.FlashList, {
+    style: style,
+    scrollEnabled: scrollEnabled,
+    horizontal: direction === "horizontal",
+    showsHorizontalScrollIndicator: showsHorizontalScrollIndicator,
+    showsVerticalScrollIndicator: showsVerticalScrollIndicator,
+    contentContainerStyle: {
+      padding: theme.spacing.lg
+    },
+    data: listData,
+    keyExtractor: ({
+      id
+    }) => String(id),
+    renderItem: ({
+      item,
+      index
+    }) => {
+      const isLastItem = index === (listData?.length || 0) - 1;
+      if (isLoading) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardProductLinkLarge.default, {
+          isLoading: true,
+          variant: variant,
+          width: direction === "horizontal" ? CARD_WIDTH : "100%",
+          containerStyle: [{
+            ...(!isLastItem && direction === "horizontal" && {
+              marginRight: theme.spacing.sm
+            }),
+            ...(!isLastItem && direction === "vertical" && {
+              marginBottom: theme.spacing.sm
+            })
+          }, cardStyle]
+        });
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: handlePress(item?.value || item.id),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardProductLinkLarge.default, {
+          title: item.title,
+          subtitle: item.subtitle,
+          subtitle2: item.subtitle2,
+          subtitle3: item.subtitle3,
+          imageUri: item.imageUri,
+          imageUriSecondary: item.imageUriSecondary,
+          leftIcon: item.leftIcon,
+          variant: variant,
+          width: direction === "horizontal" ? CARD_WIDTH : "100%",
+          containerStyle: [{
+            ...(!isLastItem && direction === "horizontal" && {
+              marginRight: theme.spacing.sm
+            }),
+            ...(!isLastItem && direction === "vertical" && {
+              marginBottom: theme.spacing.sm
+            })
+          }, cardStyle]
+        })
+      });
+    }
+  });
+};
+var _default = exports.default = CardProductLargeList;
+//# sourceMappingURL=CardProductLargeList.js.map

package/lib/commonjs/components/DataDisplay/List/CardProductLargeList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_flashList","require","_reactNative","_useTheme","_interopRequireDefault","_CardProductLinkLarge","_jsxRuntime","e","__esModule","default","SKELETON_DATA_LARGE","Array","from","length","_","i","id","CARD_WIDTH","CardProductLargeList","data","style","cardStyle","onPressItem","isLoading","variant","scrollEnabled","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","direction","theme","useTheme","listData","handlePress","value","jsx","FlashList","horizontal","contentContainerStyle","padding","spacing","lg","keyExtractor","String","renderItem","item","index","isLastItem","width","containerStyle","marginRight","sm","marginBottom","Pressable","onPress","children","title","subtitle","subtitle2","subtitle3","imageUri","imageUriSecondary","leftIcon","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/List/CardProductLargeList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/DataDisplay/List/CardProductList.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _flashList = require("@shopify/flash-list");
+var _reactNative = require("react-native");
+var _useTheme = _interopRequireDefault(require("../../../hooks/useTheme"));
+var _CardProduct = _interopRequireDefault(require("../Card/CardProduct"));
+var _Empty = _interopRequireDefault(require("../Empty"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SKELETON_DATA = Array.from({
+  length: 3
+}, (_, i) => ({
+  id: `skeleton-${i}`
+}));
+const isBadgeColor = badgeColor => ["default", "primary", "secondary", "success", "warning", "error", "info"].includes(badgeColor || "");
+const CardProductList = ({
+  data,
+  isLoading,
+  emptyTitle,
+  emptyDescription,
+  emptyButtonLabel,
+  onPressButtonEmptyButton,
+  onPressItem,
+  onRefresh,
+  itemContainerStyle,
+  contentContainerStyle,
+  ListHeaderComponent,
+  ListHeaderComponentStyle,
+  ListFooterComponentStyle,
+  ListEmptyComponent,
+  ListFooterComponent,
+  onEndReached,
+  onEndReachedThreshold,
+  isFetchingNextPage,
+  refreshing = false
+}) => {
+  const {
+    theme
+  } = (0, _useTheme.default)();
+  const handlePress = id => () => onPressItem?.(id);
+  const padding = theme.spacing.lg;
+  const gap = theme.spacing.md;
+  const listData = isLoading ? SKELETON_DATA : data;
+  const footerComponent = isFetchingNextPage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardProduct.default, {
+    isLoading: true,
+    containerStyle: {
+      marginTop: gap
+    }
+  }) : ListFooterComponent;
+
+  // Empty state
+  if (!(isLoading || data?.length || ListFooterComponent)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flex: 1,
+        padding
+      },
+      children: [ListHeaderComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: ListHeaderComponentStyle,
+        children: ListHeaderComponent
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Empty.default, {
+        title: emptyTitle,
+        description: emptyDescription,
+        buttonLabel: emptyButtonLabel,
+        onPressButton: onPressButtonEmptyButton
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_flashList.FlashList, {
+    showsVerticalScrollIndicator: false,
+    data: listData,
+    onRefresh: onRefresh,
+    refreshing: refreshing,
+    keyExtractor: ({
+      id
+    }) => String(id),
+    ListHeaderComponent: ListHeaderComponent,
+    ListHeaderComponentStyle: ListHeaderComponentStyle,
+    ListEmptyComponent: ListEmptyComponent,
+    ListFooterComponent: footerComponent,
+    ListFooterComponentStyle: ListFooterComponentStyle,
+    onEndReached: onEndReached,
+    onEndReachedThreshold: onEndReachedThreshold,
+    contentContainerStyle: [{
+      padding
+    }, contentContainerStyle],
+    renderItem: ({
+      item,
+      index
+    }) => {
+      const isLastItem = index === (listData?.length || 0) - 1;
+      if (isLoading) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardProduct.default, {
+          isLoading: true,
+          containerStyle: {
+            marginBottom: isLastItem ? 0 : gap
+          }
+        });
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: handlePress(item.id),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardProduct.default, {
+          containerStyle: [{
+            marginBottom: isLastItem ? 0 : gap
+          }, itemContainerStyle],
+          title: item.title,
+          subtitle: item.subtitle,
+          subtitle2: item.subtitle2,
+          subtitle3: item.subtitle3,
+          imageUri: item.imageUri,
+          imageUriSecondary: item.imageUriSecondary,
+          badgeColor: isBadgeColor(item.badgeColor) ? item.badgeColor : "default",
+          badgeText: item.badgeText
+        })
+      });
+    }
+  });
+};
+var _default = exports.default = CardProductList;
+//# sourceMappingURL=CardProductList.js.map

package/lib/commonjs/components/DataDisplay/List/CardProductList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_flashList","require","_reactNative","_useTheme","_interopRequireDefault","_CardProduct","_Empty","_jsxRuntime","e","__esModule","default","SKELETON_DATA","Array","from","length","_","i","id","isBadgeColor","badgeColor","includes","CardProductList","data","isLoading","emptyTitle","emptyDescription","emptyButtonLabel","onPressButtonEmptyButton","onPressItem","onRefresh","itemContainerStyle","contentContainerStyle","ListHeaderComponent","ListHeaderComponentStyle","ListFooterComponentStyle","ListEmptyComponent","ListFooterComponent","onEndReached","onEndReachedThreshold","isFetchingNextPage","refreshing","theme","useTheme","handlePress","padding","spacing","lg","gap","md","listData","footerComponent","jsx","containerStyle","marginTop","jsxs","View","style","flex","children","title","description","buttonLabel","onPressButton","FlashList","showsVerticalScrollIndicator","keyExtractor","String","renderItem","item","index","isLastItem","marginBottom","Pressable","onPress","subtitle","subtitle2","subtitle3","imageUri","imageUriSecondary","badgeText","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/List/CardProductList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/DataDisplay/List/ExpandableList.js

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _flashList = require("@shopify/flash-list");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useTheme = _interopRequireDefault(require("../../../hooks/useTheme"));
+var _Alert = _interopRequireDefault(require("../../Feedback/Alert"));
+var _CardPrice = _interopRequireDefault(require("../Card/CardPrice/CardPrice"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+if (_reactNative.Platform.OS === "android") {
+  if (_reactNative.UIManager.setLayoutAnimationEnabledExperimental) {
+    _reactNative.UIManager.setLayoutAnimationEnabledExperimental(true);
+  }
+}
+const SKELETON_DATA = Array.from({
+  length: 3
+}, (_, i) => ({
+  id: `skeleton-${i}`
+}));
+const ExpandableList = ({
+  data,
+  isLoading,
+  onPressItem,
+  emptyText,
+  ListEmptyComponent,
+  ListHeaderComponent,
+  itemContainerStyle,
+  contentContainerStyle,
+  expandedContentStyle,
+  selectedIds,
+  multiSelect,
+  renderItem: customRenderItem
+}) => {
+  const [expandedItemId, setExpandedItemId] = (0, _react.useState)(null);
+  const {
+    theme
+  } = (0, _useTheme.default)();
+  const padding = theme.spacing.lg;
+  const gap = theme.spacing.md;
+  const selectedIdsSet = (0, _react.useMemo)(() => new Set(selectedIds), [selectedIds]);
+  const listData = isLoading ? SKELETON_DATA : data;
+  const handlePress = item => () => {
+    if (multiSelect) {
+      // In multiSelect mode, pressing the card toggles selection only
+      onPressItem?.(item);
+    } else {
+      // In normal mode, pressing the card toggles expand and calls onPressItem
+      _reactNative.LayoutAnimation.configureNext(_reactNative.LayoutAnimation.Presets.easeInEaseOut);
+      setExpandedItemId(expandedItemId === item.id ? null : item.id);
+      onPressItem?.(item);
+    }
+  };
+  const handleExpandPress = item => () => {
+    _reactNative.LayoutAnimation.configureNext(_reactNative.LayoutAnimation.Presets.easeInEaseOut);
+    setExpandedItemId(expandedItemId === item.id ? null : item.id);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_flashList.FlashList, {
+    keyExtractor: ({
+      id
+    }) => String(id),
+    data: listData,
+    extraData: {
+      expandedItemId,
+      isLoading,
+      selectedIdsSet
+    },
+    ListHeaderComponent: ListHeaderComponent,
+    ListEmptyComponent: ListEmptyComponent || emptyText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+      containerStyle: {
+        marginTop: theme.spacing.md
+      },
+      children: emptyText
+    }) : null,
+    contentContainerStyle: [{
+      padding
+    }, contentContainerStyle],
+    renderItem: ({
+      item,
+      index
+    }) => {
+      const isLastItem = index === (listData?.length || 0) - 1;
+      if (isLoading) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardPrice.default, {
+          isLoading: true,
+          containerStyle: {
+            marginBottom: isLastItem ? 0 : gap
+          }
+        });
+      }
+      const isExpanded = !!(expandedItemId === item.id && item.ExpandedContent);
+      const isSelected = selectedIdsSet.has(item.id);
+      if (customRenderItem) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: handlePress(item),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              marginBottom: isLastItem ? 0 : gap
+            },
+            children: customRenderItem(item, isSelected, isExpanded)
+          })
+        });
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: handlePress(item),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardPrice.default, {
+          isExpanded: isExpanded,
+          isSelected: isSelected,
+          item: item,
+          showCheckbox: multiSelect,
+          showExpandArrow: multiSelect,
+          expandedContentStyle: expandedContentStyle,
+          onExpandPress: handleExpandPress(item),
+          containerStyle: [{
+            marginBottom: isLastItem ? 0 : gap
+          }, itemContainerStyle]
+        })
+      });
+    }
+  });
+};
+var _default = exports.default = ExpandableList;
+//# sourceMappingURL=ExpandableList.js.map