related-ui-components 1.9.6 → 1.9.7

package/lib/commonjs/components/Card/templates/README.md

@@ -0,0 +1,233 @@
+# Card Template Components
+
+List of pre-defined template common based on app designs, the templates use the internal Card related components
+
+## 1. Simple Trending Card
+
+![With icon](../../../assets/components/SimpleTrendingCard.png)
+![Without icon](../../../assets/components/SimpleTrendingCardV2.png)
+
+## SimpleTrendingCard Documentation
+
+The `SimpleTrendingCard` is a customizable card component designed for displaying trending content with an optional icon. It leverages the base `Card` component and provides a sleek interface with background image support.
+
+### Usage
+
+```tsx
+import SimpleTrendingCard from "@/components/Card/templates/SimpleTrendingCard";
+import { Image } from "react-native";
+
+const MyComponent = () => {
+  return (
+      <SimpleTrendingCard
+        backgroundImage={require("@/assets/images/pb.jpg")}
+        style={{ borderRadius: 50 }}
+        icon={
+          <Image
+            source={require("@/assets/images/insta.webp")}
+            style={{ width: 36, height: 36 }} // Adjust size as needed
+            resizeMode="contain"
+          />
+        }
+        onPress={()=>Alert.alert("Pressed")}
+        iconPosition="left"
+      />
+  );
+};
+```
+
+### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `backgroundImage` | `ImageSourcePropType` | Required | The background image to display in the card |
+| `icon` | `React.ReactNode` | `undefined` | Optional icon to display in the card header |
+| `iconPosition` | `"left" \| "right"` | `"left"` | Position of the icon in the header |
+| `shadowEffect` | `true \| false` | `true` | Shadow Effect displayed or not |
+| `shadowOpacity` | `number` | `0.5` | Shadow Effect Opacity |
+| `onPress` | `() => void` | `undefined` | Function to execute when the card is pressed |
+| `style` | `StyleProp<ViewStyle>` | `undefined` | Additional styles to apply to the card |
+
+### Features
+
+- **Background Image**: The card displays a full-size background image with "cover" resize mode
+- **Customizable Icon**: Optional icon that can be positioned on either the left or right side of the card header
+- **Responsive Sizing**: Default dimensions of 250×300, which can be overridden with custom styles
+- **Interactive**: Built-in touch handling through the `onPress` prop
+
+### Related Components
+
+- `Card`: The base component for all card layouts
+- `CardHeader`: Handles the positioning of elements in the card header
+
+# DealCardWithBackgroundImage
+
+![DealCardWithBackgroundImage Example](../../../assets/components/DealCard-floating.png)
+![DealCardWithBackgroundImage Example](../../../assets/components/DealCard-nested.png)
+
+
+# DealCardWithBackgroundImage Documentation
+
+The `DealCardWithBackgroundImage` is a versatile card component designed for displaying deals, offers, or promotions with rich customization options. It features a background image, customizable labels, action icons, inner card content, and optional progress bar. As well as choosing between a floating or nested inner card.
+
+## Usage
+
+```tsx
+import DealCardWithBackgroundImage from "@/components/Card/templates/DealCardWithBackgroundImage";
+import { Image } from "react-native";
+import { HeartIcon, HeartFilledIcon } from "@/components/Icons";
+
+const MyComponent = () => {
+  return (
+    <DealCardWithBackgroundImage
+    width={300}
+    backgroundImage={require("@/assets/images/pb.jpg")}
+    label="Discount"
+    actionIconDefault={
+      <Ionicons name="heart-outline" size={20} color={theme.primary} />
+    }
+    actionIconActive={
+      <Ionicons name="heart" size={20} color={theme.secondary} />
+    }
+    innerCardVariant="floating"
+    onActionPress={(active) => console.log(active)}
+    dealProviderName="Pull&Bear"
+    dealDescription="25% discount on all items"
+    progressBar={true}
+    progressBarText="500 points to Redeem!"
+    progressBarTextPosition="below"
+    remainingProgressColor="rgba(0, 0, 0, 0.4)"
+    dealPrice="1,000 KP"
+  />
+  );
+};
+```
+
+## Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `backgroundImage` | `ImageSourcePropType` | Required | The background image to display in the card |
+| `label` | `string` | `undefined` | Optional label text to display in the upper left corner |
+| `labelStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the label text |
+| `labelContainerStyle` | `StyleProp<ViewStyle>` | `undefined` | Custom styles for the label container |
+| `actionIconDefault` | `React.ReactNode` | `undefined` | Icon to display when action is inactive (e.g., unfavorited) |
+| `actionIconActive` | `React.ReactNode` | `undefined` | Icon to display when action is active (e.g., favorited) |
+| `onActionPress` | `(active: boolean) => void` | `undefined` | Function to execute when the action icon is pressed |
+| `innerCardStyle` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the inner card |
+| `innerCardVariant` | `"floating" \| "nested"` | `"nested"` | The style variant for the inner card |
+| `dealDescription` | `string` | `undefined` | Description text for the deal |
+| `dealDescriptionStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the deal description |
+| `dealProviderName` | `string` | `undefined` | Name of the deal provider |
+| `dealProviderNameStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the provider name |
+| `dealPrice` | `string` | `undefined` | Price text for the deal |
+| `dealPriceStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the price text |
+| `progressBar` | `boolean` | `undefined` | Whether to show a progress bar |
+| `progressBarText` | `string` | `undefined` | Text to display with the progress bar |
+| `progressBarTextPosition` | `ProgressBarTextPosition` | `undefined` | Position of the progress bar text |
+| `progressBarTextAlign` | `ProgressBarTextAlign` | `undefined` | Alignment of the progress bar text |
+| `progressColor` | `string` | `undefined` | Color of the progress indicator |
+| `progressWidth` | `number` | `undefined` | Width of the progress bar |
+| `progressHeight` | `number` | `undefined` | Height of the progress bar |
+| `remainingProgressColor` | `string` | `undefined` | Color of the unfilled portion of the progress bar |
+| `progressValue` | `number` | `undefined` | Value between 0 and 1 representing progress |
+| `onPress` | `() => void` | `undefined` | Function to execute when the card is pressed |
+| `style` | `StyleProp<ViewStyle>` | `undefined` | Additional styles to apply to the card |
+| `width` | `number` | `300` | Width of the card in pixels |
+| `isRTL` | `boolean` | `false` | Whether to render the component in right-to-left mode for RTL languages |
+| `overlayVisible` | `boolean` | `false` | Whether to show a lock overlay on the card |
+| `overlayCover` | `"all" \| "background"` | `"background"` | Controls which part of the card the overlay covers |
+
+## Inner Card Variants
+
+- **Nested**: The inner card sits within the main card's boundaries
+- **Floating**: The inner card extends beyond the bottom edge of the main card, creating a floating effect
+
+## Related Components
+
+- `Card`: The base component for all card layouts
+- `CardHeader`: Handles the positioning of elements in the card header
+- `CardContent`: Contains the main content of the card
+- `CardFooter`: Displays the progress bar and price at the bottom of the inner card
+- `ProgressBar`: Shows completion or availability status visually
+- `LockOverlay`: Displays a lock overlay when the `overlayVisible` prop is true
+
+# DealCard
+
+![Horizontal variant](../../../assets/components/DealCard-Horizontal.png)
+![Vertical variant](../../../assets/components/DealCard-Vertical.png)
+
+# DealCard Documentation
+
+The `DealCard` is a versatile card component designed for displaying deals or offers in either horizontal or vertical orientation. It features an image, customizable labels, descriptive text, pricing information, and an optional progress bar.
+
+## Usage
+
+```tsx
+import DealCard from "@/components/Card/templates/DealCard";
+import { Alert } from "react-native";
+
+const MyComponent = () => {
+  return (
+      <DealCard
+        imageSource={require("@/assets/images/pb.jpg")}
+        // width={275}
+        variant="horizontal"
+        label="Discount"
+        // labelStyle={{ color: "#000" }}
+        dealProviderName="Pull&Bear"
+        dealDescription="25% discount on all items"
+        // dealDescriptionStyle={{ color: "black" }}
+        progressBar={true}
+        progressBarText="500 points to Redeem!"
+        progressBarTextPosition="below"
+        // progressColor="black"
+        remainingProgressColor="rgba(255, 255, 255, 0.4)"
+        dealPrice="1,000 KP"
+      />
+  );
+};
+```
+
+## Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `imageSource` | `ImageSourcePropType` | Required | The image to display in the card |
+| `variant` | `"vertical" \| "horizontal"` | `"horizontal"` | Layout orientation of the card |
+| `label` | `string` | `undefined` | Optional label text to display |
+| `labelStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the label text |
+| `labelContainerStyle` | `StyleProp<ViewStyle>` | `undefined` | Custom styles for the label container |
+| `dealDescription` | `string` | `undefined` | Description text for the deal |
+| `dealDescriptionStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the deal description |
+| `dealProviderName` | `string` | `undefined` | Name of the deal provider |
+| `dealProviderNameStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the provider name |
+| `dealPrice` | `string` | `undefined` | Price text for the deal |
+| `dealPriceStyle` | `StyleProp<TextStyle>` | `undefined` | Custom styles for the price text |
+| `progressBar` | `boolean` | `undefined` | Whether to show a progress bar |
+| `progressBarText` | `string` | `undefined` | Text to display with the progress bar |
+| `progressBarTextPosition` | `ProgressBarTextPosition` | `undefined` | Position of the progress bar text |
+| `progressBarTextAlign` | `ProgressBarTextAlign` | `undefined` | Alignment of the progress bar text |
+| `progressColor` | `string` | `undefined` | Color of the progress indicator |
+| `progressWidth` | `number` | `undefined` | Width of the progress bar |
+| `progressHeight` | `number` | `undefined` | Height of the progress bar |
+| `remainingProgressColor` | `string` | `undefined` | Color of the unfilled portion of the progress bar |
+| `progressValue` | `number` | `undefined` | Value between 0 and 1 representing progress |
+| `onPress` | `() => void` | `undefined` | Function to execute when the card is pressed |
+| `style` | `StyleProp<ViewStyle>` | `undefined` | Additional styles to apply to the card |
+| `width` | `number \| string` | `undefined` | Width of the card in pixels or as a percentage |
+| `isRTL` | `boolean` | `false` | Whether to render the component in right-to-left mode for RTL languages |
+| `overlayVisible` | `boolean` | `false` | Whether to show a lock overlay on top of the image |
+
+## Layout Variants
+
+- **Horizontal**: Image appears on the left side with content to the right
+- **Vertical**: Image appears on top with content below
+
+## Related Components
+
+- `Card`: The base component used for the overall container
+- `CardHeader`: Displays the provider name and deal description
+- `CardFooter`: Contains the label and progress bar
+- `ProgressBar`: Shows completion or availability status visually
+- `LockOverlay`: Displays a lock overlay when the `overlayVisible` prop is true

package/lib/commonjs/components/Card/templates/SimpleTrendingCard.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Card = _interopRequireDefault(require("../Card.js"));
+var _CardHeader = _interopRequireDefault(require("../CardHeader.js"));
+var _expoLinearGradient = require("expo-linear-gradient");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SimpleTrendingCard = ({
+  backgroundImage,
+  onPress,
+  icon,
+  iconPosition = "left",
+  shadowEffect = true,
+  shadowOpacity = 0.5,
+  style
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.default, {
+    onPress: onPress,
+    style: [{
+      width: 250,
+      height: 300
+    }, style],
+    backgroundImage: {
+      source: backgroundImage,
+      resizeMode: "cover"
+    },
+    children: [shadowEffect && /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
+      colors: [`rgba(0, 0, 0, ${shadowOpacity})`, "transparent"],
+      start: {
+        x: 0.5,
+        y: 1
+      },
+      end: {
+        x: 0.5,
+        y: 0
+      },
+      style: {
+        position: "absolute",
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0
+      }
+    }), icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardHeader.default, {
+      left: iconPosition === "left" ? icon : null,
+      right: iconPosition === "right" ? icon : null,
+      style: {
+        alignItems: "center"
+      }
+    })]
+  });
+};
+var _default = exports.default = SimpleTrendingCard;
+//# sourceMappingURL=SimpleTrendingCard.js.map

package/lib/commonjs/components/Card/templates/SimpleTrendingCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Card","_CardHeader","_expoLinearGradient","_jsxRuntime","e","__esModule","default","SimpleTrendingCard","backgroundImage","onPress","icon","iconPosition","shadowEffect","shadowOpacity","style","jsxs","width","height","source","resizeMode","children","jsx","LinearGradient","colors","start","x","y","end","position","left","right","top","bottom","alignItems","_default","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/Card/templates/SimpleTrendingCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAAsD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWtD,MAAMG,kBAAqD,GAAGA,CAAC;EAC7DC,eAAe;EACfC,OAAO;EACPC,IAAI;EACJC,YAAY,GAAG,MAAM;EACrBC,YAAY,GAAG,IAAI;EACnBC,aAAa,GAAG,GAAG;EACnBC;AACF,CAAC,KAAK;EACJ,oBACE,IAAAX,WAAA,CAAAY,IAAA,EAACf,KAAA,CAAAM,OAAI;IACHG,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAE,CAAC;MAAEE,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAI,CAAC,EAAEH,KAAK,CAAE;IAC5CN,eAAe,EAAE;MACfU,MAAM,EAAEV,eAAe;MACvBW,UAAU,EAAE;IACd,CAAE;IAAAC,QAAA,GAEDR,YAAY,iBACX,IAAAT,WAAA,CAAAkB,GAAA,EAACnB,mBAAA,CAAAoB,cAAc;MACbC,MAAM,EAAE,CAAC,iBAAiBV,aAAa,GAAG,EAAE,aAAa,CAAE;MAC3DW,KAAK,EAAE;QAAEC,CAAC,EAAE,GAAG;QAAEC,CAAC,EAAE;MAAE,CAAE;MACxBC,GAAG,EAAE;QAAEF,CAAC,EAAE,GAAG;QAAEC,CAAC,EAAE;MAAE,CAAE;MACtBZ,KAAK,EAAE;QAAEc,QAAQ,EAAE,UAAU;QAAEC,IAAI,EAAE,CAAC;QAAEC,KAAK,EAAE,CAAC;QAAEC,GAAG,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE;IAAE,CACvE,CACF,EAEAtB,IAAI,iBACH,IAAAP,WAAA,CAAAkB,GAAA,EAACpB,WAAA,CAAAK,OAAU;MACTuB,IAAI,EAAElB,YAAY,KAAK,MAAM,GAAGD,IAAI,GAAG,IAAK;MAC5CoB,KAAK,EAAEnB,YAAY,KAAK,OAAO,GAAGD,IAAI,GAAG,IAAK;MAC9CI,KAAK,EAAE;QAAEmB,UAAU,EAAE;MAAS;IAAE,CACjC,CACF;EAAA,CACG,CAAC;AAEX,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEaC,kBAAkB","ignoreList":[]}

package/lib/commonjs/components/Card/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/Card/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/CloseIcon/CloseIcon.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _vectorIcons = require("@expo/vector-icons");
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// components/CloseIcon.tsx
+
+// Assuming your theme setup is here
+
+const CloseIcon = ({
+  onPress,
+  show = true,
+  customIcon,
+  variant = "nested",
+  containerStyle,
+  iconStyle,
+  color: colorProp,
+  // Renamed to avoid conflict with theme color
+  size = 28,
+  isRTL = false
+}) => {
+  const {
+    theme,
+    isRTL: rtl
+  } = (0, _index.useTheme)();
+  isRTL = rtl;
+  const styles = themedStyles(theme);
+
+  // Use prop color if provided, otherwise use theme text color
+  const iconColor = colorProp ?? theme.text;
+
+  // Calculate default position based on variant and RTL
+  const defaultPosition = variant === "nested" ? {
+    top: 10,
+    [isRTL ? "left" : "right"]: 10
+  } : {
+    top: -12,
+    [isRTL ? "left" : "right"]: -12
+  };
+  if (!show || !onPress) {
+    return null; // Don't render if not shown or no onPress handler
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    style: [styles.container, defaultPosition, containerStyle],
+    onPress: onPress,
+    hitSlop: {
+      top: 10,
+      right: 10,
+      bottom: 10,
+      left: 10
+    } // Improve touch area
+    ,
+    children: customIcon || /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+      name: "close",
+      size: size,
+      color: iconColor,
+      style: iconStyle
+    })
+  });
+};
+const themedStyles = theme => _reactNative.StyleSheet.create({
+  container: {
+    position: "absolute",
+    zIndex: 10 // Ensure it's above other elements
+  }
+});
+var _default = exports.default = CloseIcon;
+//# sourceMappingURL=CloseIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_vectorIcons","_index","_jsxRuntime","e","__esModule","default","CloseIcon","onPress","show","customIcon","variant","containerStyle","iconStyle","color","colorProp","size","isRTL","theme","rtl","useTheme","styles","themedStyles","iconColor","text","defaultPosition","top","jsx","TouchableOpacity","style","container","hitSlop","right","bottom","left","children","Ionicons","name","StyleSheet","create","position","zIndex","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CloseIcon/CloseIcon.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAkD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AATlD;;AASmD;;AAcnD,MAAMG,SAAmC,GAAGA,CAAC;EAC3CC,OAAO;EACPC,IAAI,GAAG,IAAI;EACXC,UAAU;EACVC,OAAO,GAAG,QAAQ;EAClBC,cAAc;EACdC,SAAS;EACTC,KAAK,EAAEC,SAAS;EAAE;EAClBC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG;AACV,CAAC,KAAK;EACJ,MAAM;IAACC,KAAK;IAAED,KAAK,EAAGE;EAAG,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACvCH,KAAK,GAAGE,GAAG;EAEX,MAAME,MAAM,GAAGC,YAAY,CAACJ,KAAK,CAAC;;EAElC;EACA,MAAMK,SAAS,GAAGR,SAAS,IAAIG,KAAK,CAACM,IAAI;;EAEzC;EACA,MAAMC,eAAe,GACnBd,OAAO,KAAK,QAAQ,GAChB;IAAEe,GAAG,EAAE,EAAE;IAAE,CAACT,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG;EAAG,CAAC,GAC3C;IAAES,GAAG,EAAE,CAAC,EAAE;IAAE,CAACT,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,CAAC;EAAG,CAAC;EAEnD,IAAI,CAACR,IAAI,IAAI,CAACD,OAAO,EAAE;IACrB,OAAO,IAAI,CAAC,CAAC;EACf;EAEA,oBACE,IAAAL,WAAA,CAAAwB,GAAA,EAAC3B,YAAA,CAAA4B,gBAAgB;IACfC,KAAK,EAAE,CAACR,MAAM,CAACS,SAAS,EAAEL,eAAe,EAAEb,cAAc,CAAE;IAC3DJ,OAAO,EAAEA,OAAQ;IACjBuB,OAAO,EAAE;MAAEL,GAAG,EAAE,EAAE;MAAEM,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAG,CAAE,CAAC;IAAA;IAAAC,QAAA,EAEtDzB,UAAU,iBACT,IAAAP,WAAA,CAAAwB,GAAA,EAAC1B,YAAA,CAAAmC,QAAQ;MACPC,IAAI,EAAC,OAAO;MACZrB,IAAI,EAAEA,IAAK;MACXF,KAAK,EAAES,SAAU;MACjBM,KAAK,EAAEhB;IAAU,CAClB;EACF,CACe,CAAC;AAEvB,CAAC;AAED,MAAMS,YAAY,GAAIJ,KAAgB,IACpCoB,uBAAU,CAACC,MAAM,CAAC;EAChBT,SAAS,EAAE;IACTU,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE,CAAE;EACd;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAArC,OAAA,GAEUC,SAAS","ignoreList":[]}

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_CloseIcon","_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/CloseIcon/index.ts"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,UAAA,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,UAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,UAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAA4B,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":[]}