related-ui-components 1.1.6

package/lib/commonjs/components/Popup/Popup.js

@@ -0,0 +1,296 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _index = require("../../theme/index.js");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _CloseIcon = _interopRequireDefault(require("../CloseIcon/CloseIcon.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Popup = ({
+  visible,
+  onClose,
+  backgroundImage,
+  title,
+  content,
+  subtitle,
+  primaryButtonText,
+  onPrimaryButtonPress,
+  secondaryButtonText,
+  onSecondaryButtonPress,
+  closeOnBackdropPress = true,
+  showCloseIcon = false,
+  customCloseIcon,
+  illustrationImage,
+  illustrationStyle,
+  containerStyle,
+  titleStyle,
+  contentStyle,
+  primaryButtonStyle,
+  primaryButtonTextStyle,
+  secondaryButtonStyle,
+  secondaryButtonTextStyle,
+  contentContainerStyle,
+  closeIconContainerStyle,
+  closeIconStyle,
+  closeIconVariant = "floating",
+  subtitleStyle,
+  isRTL = false,
+  closeIconColor,
+  closeIconSize = 28
+}) => {
+  const theme = (0, _index.useTheme)();
+  const styles = createStyles(theme); // Create styles using theme
+
+  const PopupContent = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.popupContainer, {
+      backgroundColor: theme.surface
+    },
+    // Use surface for popup background
+    containerStyle],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.default, {
+      show: showCloseIcon,
+      onPress: onClose,
+      customIcon: customCloseIcon,
+      variant: closeIconVariant,
+      containerStyle: closeIconContainerStyle,
+      iconStyle: closeIconStyle,
+      color: closeIconColor,
+      size: closeIconSize,
+      isRTL: isRTL
+    }), backgroundImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ImageBackground, {
+      source: backgroundImage,
+      style: styles.backgroundImage,
+      imageStyle: styles.backgroundImageStyle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PopupInnerContent, {})
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(PopupInnerContent, {})]
+  });
+  const PopupInnerContent = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.contentContainer, contentContainerStyle],
+    children: [illustrationImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.illustrationContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: illustrationImage,
+        style: [styles.illustrationImage, illustrationStyle],
+        resizeMode: "contain"
+      })
+    }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.title, {
+        color: theme.text,
+        textAlign: "center"
+      },
+      // Keep text color
+      titleStyle],
+      children: title
+    }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.subtitle, {
+        color: theme.text,
+        textAlign: "center"
+      },
+      // Use helper for subtitle
+      subtitleStyle],
+      children: subtitle
+    }), content && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.content, {
+        color: theme.text,
+        textAlign: "center"
+      },
+      // Keep text color
+      contentStyle],
+      children: content
+    }), (secondaryButtonText || primaryButtonText) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.buttonContainer, {
+        flexDirection: isRTL ? "row-reverse" : "row"
+      }],
+      children: [secondaryButtonText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        style: [styles.secondaryButton, {
+          borderColor: theme.primary
+        },
+        // Keep primary border
+        secondaryButtonStyle, isRTL ? {
+          marginLeft: 12,
+          marginRight: 0
+        } : {
+          marginRight: 12,
+          marginLeft: 0
+        }],
+        onPress: onSecondaryButtonPress,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.secondaryButtonText, {
+            color: theme.primary
+          },
+          // Keep primary text color
+          secondaryButtonTextStyle],
+          children: secondaryButtonText
+        })
+      }), primaryButtonText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        style: [styles.primaryButton, {
+          backgroundColor: theme.primary
+        },
+        // Keep primary background
+        primaryButtonStyle],
+        onPress: onPrimaryButtonPress,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.primaryButtonText, {
+            color: theme.onPrimary
+          },
+          // Use onPrimary for text
+          primaryButtonTextStyle],
+          children: primaryButtonText
+        })
+      })]
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    transparent: true,
+    visible: visible,
+    animationType: "fade",
+    onRequestClose: onClose,
+    statusBarTranslucent: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.modalOverlay,
+      children: [closeOnBackdropPress && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
+        onPress: onClose,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: _reactNative.StyleSheet.absoluteFill
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PopupContent, {})
+      })]
+    })
+  });
+};
+const {
+  width
+} = _reactNative.Dimensions.get("window");
+const popupWidth = width * 0.85;
+
+// Function to create themed styles
+const createStyles = theme => _reactNative.StyleSheet.create({
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: "rgba(0, 0, 0, 0.5)",
+    // Keep overlay color
+    justifyContent: "center",
+    alignItems: "center",
+    paddingTop: _reactNative.Platform.OS === "android" ? _reactNative.StatusBar.currentHeight : 0
+  },
+  popupContainer: {
+    width: popupWidth,
+    maxHeight: "80%",
+    borderRadius: 16,
+    elevation: 5,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    position: "relative"
+    // backgroundColor is set inline using theme.surface
+  },
+  closeIconContainer: {
+    position: "absolute",
+    zIndex: 10,
+    width: 32,
+    height: 32,
+    justifyContent: "center",
+    alignItems: "center",
+    borderWidth: 1,
+    borderRadius: 16,
+    padding: 0
+    // backgroundColor and borderColor set inline
+  },
+  closeIcon: {
+    width: 24,
+    height: 24,
+    resizeMode: "contain",
+    textAlign: "center",
+    textAlignVertical: "center",
+    lineHeight: 24
+    // color is set inline
+  },
+  backgroundImage: {
+    width: "100%",
+    height: "100%"
+  },
+  backgroundImageStyle: {
+    borderRadius: 16
+  },
+  contentContainer: {
+    padding: 24,
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 16
+  },
+  illustrationContainer: {
+    marginBottom: 16,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  illustrationImage: {
+    width: 150,
+    height: 150,
+    marginBottom: 8
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: "bold",
+    marginBottom: 12,
+    width: "100%"
+    // color is set inline
+  },
+  subtitle: {
+    fontSize: 20,
+    // Adjusted size for subtitle
+    fontWeight: "bold",
+    // Adjusted weight for subtitle
+    marginBottom: 12,
+    width: "100%"
+  },
+  content: {
+    fontSize: 16,
+    marginBottom: 24,
+    lineHeight: 22,
+    width: "100%"
+    // color is set inline
+  },
+  buttonContainer: {
+    justifyContent: "center",
+    marginTop: 16,
+    width: "100%"
+  },
+  primaryButton: {
+    paddingVertical: 12,
+    paddingHorizontal: 32,
+    borderRadius: 50,
+    minWidth: 120,
+    alignItems: "center"
+    // backgroundColor is set inline
+  },
+  primaryButtonText: {
+    fontWeight: "600",
+    fontSize: 16
+    // color is set inline using theme.onPrimary
+  },
+  secondaryButton: {
+    paddingVertical: 12,
+    paddingHorizontal: 24,
+    borderRadius: 50,
+    borderWidth: 1,
+    minWidth: 120,
+    alignItems: "center"
+    // borderColor is set inline
+  },
+  secondaryButtonText: {
+    fontWeight: "600",
+    fontSize: 16
+    // color is set inline
+  }
+});
+var _default = exports.default = Popup;
+//# sourceMappingURL=Popup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_react","_interopRequireDefault","_reactNative","_CloseIcon","_jsxRuntime","e","__esModule","default","Popup","visible","onClose","backgroundImage","title","content","subtitle","primaryButtonText","onPrimaryButtonPress","secondaryButtonText","onSecondaryButtonPress","closeOnBackdropPress","showCloseIcon","customCloseIcon","illustrationImage","illustrationStyle","containerStyle","titleStyle","contentStyle","primaryButtonStyle","primaryButtonTextStyle","secondaryButtonStyle","secondaryButtonTextStyle","contentContainerStyle","closeIconContainerStyle","closeIconStyle","closeIconVariant","subtitleStyle","isRTL","closeIconColor","closeIconSize","theme","useTheme","styles","createStyles","PopupContent","jsxs","View","style","popupContainer","backgroundColor","surface","children","jsx","show","onPress","customIcon","variant","iconStyle","color","size","ImageBackground","source","imageStyle","backgroundImageStyle","PopupInnerContent","contentContainer","illustrationContainer","Image","resizeMode","Text","text","textAlign","buttonContainer","flexDirection","TouchableOpacity","secondaryButton","borderColor","primary","marginLeft","marginRight","primaryButton","onPrimary","Modal","transparent","animationType","onRequestClose","statusBarTranslucent","modalOverlay","TouchableWithoutFeedback","StyleSheet","absoluteFill","width","Dimensions","get","popupWidth","create","flex","justifyContent","alignItems","paddingTop","Platform","OS","StatusBar","currentHeight","maxHeight","borderRadius","elevation","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","position","closeIconContainer","zIndex","borderWidth","padding","closeIcon","textAlignVertical","lineHeight","marginBottom","fontSize","fontWeight","marginTop","paddingVertical","paddingHorizontal","minWidth","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Popup/Popup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Popup/README.md

@@ -0,0 +1,133 @@
+# Popup
+
+![Standard Popup Example](../../assets/components/Popup-1.png)
+![Popup with RTL](../../assets/components/Popup-3.png)
+![Popup with background image](../../assets/components/Popup-2.png)
+
+
+## Popup Documentation
+
+The `Popup` is a versatile modal component designed for displaying important information, confirmations, or actions to users. It provides a customizable interface with support for background images, illustrations, titles, content text, and action buttons. The component is fully RTL-compatible and offers different variants for close button positioning.
+
+### Usage
+
+```tsx
+import Popup from "@/components/Popup";
+import { useTheme } from "@/theme";
+
+const MyComponent = () => {
+  const [isVisible, setIsVisible] = useState(false);
+  const theme = useTheme();
+  
+  const handleClose = () => setIsVisible(false);
+  const handlePrimaryAction = () => {
+    // Do something
+    handleClose();
+  };
+
+  return (
+      <Popup
+        visible={isVisible}
+        onClose={handleClose}
+        showCloseIcon={true}
+        containerStyle={{ borderColor: "white", borderWidth: 1, height: 300, width:400 }}
+        title="UNLOCK"
+        closeIconVariant="nested"
+        content="Upgrade to Visa signature to get your Card Now!"
+        primaryButtonText="Upgrade"
+        subtitle={`60%\nDiscount`}
+        backgroundImage={require("@/assets/images/face.jpg")}
+        onPrimaryButtonPress={handleUpgrade}
+        contentContainerStyle={{backgroundColor:"rgba(0,0,0,0.5)", flex: 1}}
+        closeIconContainerStyle={{backgroundColor:"white"}}
+        customCloseIcon={<Ionicons name="close" size={20} color={"black"} />}
+      />
+  );
+};
+```
+
+### Illustration Example
+
+```tsx
+      <Popup
+        visible={isVisible}
+        onClose={handleClose}
+        showCloseIcon={true}
+        containerStyle={{ borderColor: "white", borderWidth: 1 }}
+        illustrationImage={require('@/assets/images/upgrade.png')} // Path to your illustration
+        title="UNLOCK"
+        closeIconVariant="nested"
+        content="Upgrade to Visa signature to get your Card Now!"
+        primaryButtonText="Upgrade"
+        primaryButtonStyle={{width: 300, backgroundColor:"#E94DAA"}}
+        onPrimaryButtonPress={handleUpgrade}
+        customCloseIcon={<Ionicons
+                      name="close"
+                      size={20}
+                      color={"#E94DAA"}/>}
+      />
+```
+
+### RTL
+
+```tsx
+<Popup
+  visible={isVisible}
+  onClose={handleClose}
+  showCloseIcon={true}
+  title="ترقية إلى النسخة المميزة"
+  subtitle="استمتع بمزايا حصرية"
+  content="احصل على جميع الميزات المتقدمة والمحتوى الحصري بدون إعلانات. اشترك الآن واستمتع بتجربة كاملة مع تحديثات مجانية لمدة عام كامل."
+  primaryButtonText="ترقية الآن"
+  secondaryButtonText="ليس الآن"
+  onPrimaryButtonPress={handleUpgrade}
+  onSecondaryButtonPress={handleDismiss}
+  isRTL={true}
+/>
+```
+
+### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `visible` | `boolean` | Required | Controls the visibility of the popup |
+| `onClose` | `() => void` | Required | Function to call when popup should be closed |
+| `backgroundImage` | `ImageSourcePropType` | `undefined` | Optional background image for the popup |
+| `title` | `string` | `undefined` | Main title text |
+| `subtitle` | `string` | `undefined` | Subtitle text displayed below title |
+| `content` | `string` | `undefined` | Main content text |
+| `children` | `ReactNode` | `undefined` | Custom content to render inside the popup |
+| `primaryButtonText` | `string` | `undefined` | Text for the primary action button |
+| `onPrimaryButtonPress` | `() => void` | `undefined` | Function to execute when primary button is pressed |
+| `secondaryButtonText` | `string` | `undefined` | Text for the secondary action button |
+| `onSecondaryButtonPress` | `() => void` | `undefined` | Function to execute when secondary button is pressed |
+| `closeOnBackdropPress` | `boolean` | `true` | Whether tapping outside the popup should close it |
+| `showCloseIcon` | `boolean` | `false` | Whether to show the close icon button |
+| `closeIconVariant` | `"floating" \| "nested"` | `"floating"` | Style variant for the close icon position |
+| `customCloseIcon` | `ReactNode` | `undefined` | Custom component to use as close icon |
+| `illustrationImage` | `ImageSourcePropType` | `undefined` | Image to display at the top of the content area |
+| `isRTL` | `boolean` | `false` | Whether to render in right-to-left mode |
+| `containerStyle` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the container |
+| `contentContainerStyle` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the content container |
+| `titleStyle` | `StyleProp<TextStyle>` | `undefined` | Additional styles for the title text |
+| `subtitleStyle` | `StyleProp<TextStyle>` | `undefined` | Additional styles for the subtitle text |
+| `contentStyle` | `StyleProp<TextStyle>` | `undefined` | Additional styles for the content text |
+| `primaryButtonStyle` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the primary button |
+| `primaryButtonTextStyle` | `StyleProp<TextStyle>` | `undefined` | Additional styles for the primary button text |
+| `secondaryButtonStyle` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the secondary button |
+| `secondaryButtonTextStyle` | `StyleProp<TextStyle>` | `undefined` | Additional styles for the secondary button text |
+| `closeIconContainerStyle` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the close icon container |
+| `closeIconStyle` | `StyleProp<TextStyle>` | `undefined` | Additional styles for the close icon |
+| `illustrationStyle` | `StyleProp<ImageStyle>` | `undefined` | Additional styles for the illustration image |
+
+### Close Icon Variants
+
+- **Floating**: The close icon appears outside the popup's main border, creating a floating effect
+- **Nested**: The close icon appears inside the popup's border in the top-right (or top-left in RTL mode)
+
+### Related Components
+
+- `Modal`: The native React Native component used as the foundation
+- `ImageBackground`: Used when a background image is provided
+- `TouchableOpacity`: Used for the buttons and close icon
+- `Text`: Used for rendering text content

package/lib/commonjs/components/Popup/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Popup: true
+};
+Object.defineProperty(exports, "Popup", {
+  enumerable: true,
+  get: function () {
+    return _Popup.default;
+  }
+});
+var _Popup = _interopRequireWildcard(require("./Popup.js"));
+Object.keys(_Popup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Popup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Popup[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Popup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Popup","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Popup/index.ts"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,MAAA,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,MAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,MAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAAuB,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAf,wBAAAe,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAL,GAAA,CAAAE,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAtB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAuB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAAnB,cAAA,CAAAC,IAAA,CAAAO,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAtB,MAAA,CAAAuB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAd,GAAA,IAAAc,CAAA,CAAAC,GAAA,IAAA1B,MAAA,CAAAS,cAAA,CAAAW,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,CAAAF,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}

package/lib/commonjs/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ThemeContext = require("../../theme/ThemeContext.js");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ProgressBar = ({
+  progress = 0.5,
+  text = "",
+  containerStyle = {},
+  barContainerStyle = {},
+  progressStyle = {},
+  remainingStyle = {},
+  textStyle = {},
+  progressColor: progressColorProp,
+  remainingColor: remainingColorProp,
+  textColor: textColorProp,
+  height = 40,
+  width,
+  borderRadius = 5,
+  textPosition = "inside",
+  textAlign = "left",
+  showText = true,
+  isRTL = false
+}) => {
+  const theme = (0, _ThemeContext.useTheme)();
+  const progressColor = progressColorProp ?? theme.primary;
+  const remainingColor = remainingColorProp ?? theme.border;
+  const textColor = textColorProp ?? theme.onPrimary;
+  const clampedProgress = Math.min(Math.max(progress, 0), 1);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, containerStyle, {
+      width
+    }],
+    children: [textPosition === "above" && showText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.textAbove, {
+        color: theme.text,
+        textAlign
+      },
+      // Use theme.text for outside text
+      textStyle],
+      children: text
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.barContainer, {
+        height,
+        borderRadius,
+        backgroundColor: remainingColor
+      }, barContainerStyle],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.progressBar, isRTL ? {
+          right: 0
+        } : {
+          left: 0
+        }, {
+          width: `${clampedProgress * 100}%`,
+          height: "100%",
+          borderRadius,
+          backgroundColor: progressColor
+        }, progressStyle]
+      }), textPosition === "inside" && showText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.textInside, {
+          color: textColor,
+          textAlign
+        },
+        // Use determined textColor for inside
+        textStyle],
+        children: text
+      })]
+    }), textPosition === "below" && showText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      numberOfLines: 1,
+      style: [styles.textBelow, {
+        color: theme.text,
+        textAlign
+      },
+      // Use theme.text for outside text
+      textStyle],
+      children: text
+    })]
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: "100%",
+    justifyContent: "center"
+  },
+  barContainer: {
+    width: "100%",
+    overflow: "hidden",
+    position: "relative"
+  },
+  progressBar: {
+    position: "absolute",
+    top: 0
+  },
+  textInside: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    textAlign: "center",
+    textAlignVertical: "center",
+    paddingHorizontal: 10,
+    fontWeight: "bold"
+  },
+  textAbove: {
+    marginBottom: 5,
+    fontWeight: "bold"
+  },
+  textBelow: {
+    marginTop: 5,
+    fontWeight: "bold"
+  }
+});
+var _default = exports.default = ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ThemeContext","require","_react","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","ProgressBar","progress","text","containerStyle","barContainerStyle","progressStyle","remainingStyle","textStyle","progressColor","progressColorProp","remainingColor","remainingColorProp","textColor","textColorProp","height","width","borderRadius","textPosition","textAlign","showText","isRTL","theme","useTheme","primary","border","onPrimary","clampedProgress","Math","min","max","jsxs","View","style","styles","container","children","jsx","Text","textAbove","color","barContainer","backgroundColor","progressBar","right","left","textInside","numberOfLines","textBelow","StyleSheet","create","justifyContent","overflow","position","top","bottom","textAlignVertical","paddingHorizontal","fontWeight","marginBottom","marginTop","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ProgressBar/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  ProgressBar: true
+};
+Object.defineProperty(exports, "ProgressBar", {
+  enumerable: true,
+  get: function () {
+    return _ProgressBar.default;
+  }
+});
+var _ProgressBar = _interopRequireWildcard(require("./ProgressBar.js"));
+Object.keys(_ProgressBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ProgressBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ProgressBar[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ProgressBar","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/index.ts"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,YAAA,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,YAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,YAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAA8B,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAf,wBAAAe,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAL,GAAA,CAAAE,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAtB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAuB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAAnB,cAAA,CAAAC,IAAA,CAAAO,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAtB,MAAA,CAAAuB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAd,GAAA,IAAAc,CAAA,CAAAC,GAAA,IAAA1B,MAAA,CAAAS,cAAA,CAAAW,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,CAAAF,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}