@react-native-ohos/native-base 3.4.29-rc.1

package/lib/module/components/primitives/Slider/SliderTrack.js

@@ -0,0 +1,48 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { Pressable } from '../Pressable';
+import Box from '../Box';
+import { SliderContext } from './Context';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const SliderTrack = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    orientation,
+    trackProps,
+    onTrackLayout,
+    colorScheme,
+    sliderSize,
+    isReadOnly,
+    isDisabled
+  } = React.useContext(SliderContext);
+  const isVertical = orientation === 'vertical';
+  const {
+    _pressable,
+    ...resolvedProps
+  } = usePropsResolution('SliderTrack', {
+    size: sliderSize,
+    colorScheme,
+    isVertical,
+    ...props
+  }, {
+    isReadOnly,
+    isDisabled
+  }); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
+    onLayout: onTrackLayout,
+    ref: ref
+  }, trackProps, _pressable), /*#__PURE__*/React.createElement(Box, resolvedProps, children));
+};
+
+export default /*#__PURE__*/React.forwardRef(SliderTrack);
+//# sourceMappingURL=SliderTrack.js.map

package/lib/module/components/primitives/Slider/SliderTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SliderTrack.tsx"],"names":["React","usePropsResolution","Pressable","Box","SliderContext","useHasResponsiveProps","SliderTrack","children","props","ref","orientation","trackProps","onTrackLayout","colorScheme","sliderSize","isReadOnly","isDisabled","useContext","isVertical","_pressable","resolvedProps","size","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,SAASC,aAAT,QAA8B,WAA9B;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAGA,MAAMC,WAAW,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAA4CC,GAA5C,KAA0D;AAC5E,QAAM;AACJC,IAAAA,WADI;AAEJC,IAAAA,UAFI;AAGJC,IAAAA,aAHI;AAIJC,IAAAA,WAJI;AAKJC,IAAAA,UALI;AAMJC,IAAAA,UANI;AAOJC,IAAAA;AAPI,MAQFhB,KAAK,CAACiB,UAAN,CAAiBb,aAAjB,CARJ;AAUA,QAAMc,UAAU,GAAGR,WAAW,KAAK,UAAnC;AAEA,QAAM;AAAES,IAAAA,UAAF;AAAc,OAAGC;AAAjB,MAAmCnB,kBAAkB,CACzD,aADyD,EAEzD;AACEoB,IAAAA,IAAI,EAAEP,UADR;AAEED,IAAAA,WAFF;AAGEK,IAAAA,UAHF;AAIE,OAAGV;AAJL,GAFyD,EAQzD;AAAEO,IAAAA,UAAF;AAAcC,IAAAA;AAAd,GARyD,CAA3D,CAb4E,CAwB5E;;AACA,MAAIX,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,SAAD;AACE,IAAA,QAAQ,EAAEI,aADZ;AAEE,IAAA,GAAG,EAAEH;AAFP,KAGME,UAHN,EAIMQ,UAJN,gBAME,oBAAC,GAAD,EAASC,aAAT,EAAyBb,QAAzB,CANF,CADF;AAUD,CAvCD;;AAyCA,4BAAeP,KAAK,CAACsB,UAAN,CAAiBhB,WAAjB,CAAf","sourcesContent":["import React from 'react';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { Pressable } from '../Pressable';\r\nimport Box from '../Box';\r\nimport { SliderContext } from './Context';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport type { ISliderTrackProps } from './types';\r\n\r\nconst SliderTrack = ({ children, ...props }: ISliderTrackProps, ref?: any) => {\r\n  const {\r\n    orientation,\r\n    trackProps,\r\n    onTrackLayout,\r\n    colorScheme,\r\n    sliderSize,\r\n    isReadOnly,\r\n    isDisabled,\r\n  } = React.useContext(SliderContext);\r\n\r\n  const isVertical = orientation === 'vertical';\r\n\r\n  const { _pressable, ...resolvedProps } = usePropsResolution(\r\n    'SliderTrack',\r\n    {\r\n      size: sliderSize,\r\n      colorScheme,\r\n      isVertical,\r\n      ...props,\r\n    },\r\n    { isReadOnly, isDisabled }\r\n  );\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Pressable\r\n      onLayout={onTrackLayout}\r\n      ref={ref}\r\n      {...trackProps}\r\n      {..._pressable}\r\n    >\r\n      <Box {...resolvedProps}>{children}</Box>\r\n    </Pressable>\r\n  );\r\n};\r\n\r\nexport default React.forwardRef(SliderTrack);\r\n"]}

package/lib/module/components/primitives/Slider/index.js

@@ -0,0 +1,13 @@
+import SliderMain from './Slider';
+import SliderThumb from './SliderThumb';
+import SliderTrack from './SliderTrack';
+import SliderFilledTrack from './SliderFilledTrack';
+const SliderTemp = SliderMain;
+SliderTemp.Thumb = SliderThumb;
+SliderTemp.Track = SliderTrack;
+SliderTemp.FilledTrack = SliderFilledTrack; // To add typings
+
+const Slider = SliderTemp;
+export { Slider };
+export { SliderContext } from './Context';
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/Slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["SliderMain","SliderThumb","SliderTrack","SliderFilledTrack","SliderTemp","Thumb","Track","FilledTrack","Slider","SliderContext"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,UAAvB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,iBAAP,MAA8B,qBAA9B;AAGA,MAAMC,UAAe,GAAGJ,UAAxB;AACAI,UAAU,CAACC,KAAX,GAAmBJ,WAAnB;AACAG,UAAU,CAACE,KAAX,GAAmBJ,WAAnB;AACAE,UAAU,CAACG,WAAX,GAAyBJ,iBAAzB,C,CAEA;;AACA,MAAMK,MAAM,GAAGJ,UAAf;AAEA,SAASI,MAAT;AACA,SAASC,aAAT,QAA8B,WAA9B","sourcesContent":["import SliderMain from './Slider';\r\nimport SliderThumb from './SliderThumb';\r\nimport SliderTrack from './SliderTrack';\r\nimport SliderFilledTrack from './SliderFilledTrack';\r\nimport type { ISliderComponentType } from './types';\r\n\r\nconst SliderTemp: any = SliderMain;\r\nSliderTemp.Thumb = SliderThumb;\r\nSliderTemp.Track = SliderTrack;\r\nSliderTemp.FilledTrack = SliderFilledTrack;\r\n\r\n// To add typings\r\nconst Slider = SliderTemp as ISliderComponentType;\r\n\r\nexport { Slider };\r\nexport { SliderContext } from './Context';\r\n\r\nexport type { ISliderProps } from './types';\r\n"]}

package/lib/module/components/primitives/Slider/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/components/primitives/Slider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/components/primitives/Spinner/index.js

@@ -0,0 +1,35 @@
+import React, { memo, forwardRef } from 'react';
+import { ActivityIndicator } from 'react-native';
+import { usePropsResolution, useStyledSystemPropsResolver } from '../../../hooks';
+import { getColor } from '../../../theme';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { useTheme } from '../../../hooks';
+
+const Spinner = (props, ref) => {
+  const {
+    color,
+    size,
+    style,
+    testID,
+    ...resolvedProps
+  } = usePropsResolution('Spinner', props);
+  const resolvedColor = getColor(color, useTheme().colors, useTheme());
+  const resolvedStyle = useStyledSystemPropsResolver(resolvedProps); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(ActivityIndicator, {
+    testID: testID,
+    accessible: true,
+    accessibilityLabel: "loading",
+    color: resolvedColor,
+    ref: ref,
+    size: size,
+    style: [resolvedStyle, style]
+  });
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Spinner));
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","memo","forwardRef","ActivityIndicator","usePropsResolution","useStyledSystemPropsResolver","getColor","useHasResponsiveProps","useTheme","Spinner","props","ref","color","size","style","testID","resolvedProps","resolvedColor","colors","resolvedStyle"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,iBAAT,QAAkC,cAAlC;AACA,SACEC,kBADF,EAEEC,4BAFF,QAGO,gBAHP;AAIA,SAASC,QAAT,QAAyB,gBAAzB;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SAASC,QAAT,QAAyB,gBAAzB;;AAEA,MAAMC,OAAO,GAAG,CAACC,KAAD,EAAuBC,GAAvB,KAAoC;AAClD,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,IAAT;AAAeC,IAAAA,KAAf;AAAsBC,IAAAA,MAAtB;AAA8B,OAAGC;AAAjC,MAAmDZ,kBAAkB,CACzE,SADyE,EAEzEM,KAFyE,CAA3E;AAIA,QAAMO,aAAa,GAAGX,QAAQ,CAACM,KAAD,EAAQJ,QAAQ,GAAGU,MAAnB,EAA2BV,QAAQ,EAAnC,CAA9B;AACA,QAAMW,aAAa,GAAGd,4BAA4B,CAACW,aAAD,CAAlD,CANkD,CAOlD;;AACA,MAAIT,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,iBAAD;AACE,IAAA,MAAM,EAAEK,MADV;AAEE,IAAA,UAAU,MAFZ;AAGE,IAAA,kBAAkB,EAAC,SAHrB;AAIE,IAAA,KAAK,EAAEE,aAJT;AAKE,IAAA,GAAG,EAAEN,GALP;AAME,IAAA,IAAI,EAAEE,IANR;AAOE,IAAA,KAAK,EAAE,CAACM,aAAD,EAAgBL,KAAhB;AAPT,IADF;AAWD,CAvBD;;AAyBA,4BAAeb,IAAI,eAACC,UAAU,CAACO,OAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { ActivityIndicator } from 'react-native';\r\nimport {\r\n  usePropsResolution,\r\n  useStyledSystemPropsResolver,\r\n} from '../../../hooks';\r\nimport { getColor } from '../../../theme';\r\nimport type { ISpinnerProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { useTheme } from '../../../hooks';\r\n\r\nconst Spinner = (props: ISpinnerProps, ref: any) => {\r\n  const { color, size, style, testID, ...resolvedProps } = usePropsResolution(\r\n    'Spinner',\r\n    props\r\n  );\r\n  const resolvedColor = getColor(color, useTheme().colors, useTheme());\r\n  const resolvedStyle = useStyledSystemPropsResolver(resolvedProps);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <ActivityIndicator\r\n      testID={testID}\r\n      accessible\r\n      accessibilityLabel=\"loading\"\r\n      color={resolvedColor}\r\n      ref={ref}\r\n      size={size}\r\n      style={[resolvedStyle, style]}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Spinner));\r\nexport type { ISpinnerProps };\r\n"]}

package/lib/module/components/primitives/Spinner/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/components/primitives/Spinner/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/components/primitives/Spinner/useSpinner.js

@@ -0,0 +1,11 @@
+export function useSpinner(props) {
+  var _props$accessibilityL;
+
+  return {
+    spinnerProps: {
+      accessible: true,
+      accessibilityLabel: (_props$accessibilityL = props.accessibilityLabel) !== null && _props$accessibilityL !== void 0 ? _props$accessibilityL : 'loading'
+    }
+  };
+}
+//# sourceMappingURL=useSpinner.js.map

package/lib/module/components/primitives/Spinner/useSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSpinner.tsx"],"names":["useSpinner","props","spinnerProps","accessible","accessibilityLabel"],"mappings":"AAEA,OAAO,SAASA,UAAT,CAAoBC,KAApB,EAA0C;AAAA;;AAC/C,SAAO;AACLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,UAAU,EAAE,IADA;AAEZC,MAAAA,kBAAkB,2BAAEH,KAAK,CAACG,kBAAR,yEAA8B;AAFpC;AADT,GAAP;AAMD","sourcesContent":["import type { ISpinnerProps } from './types';\r\n\r\nexport function useSpinner(props: ISpinnerProps) {\r\n  return {\r\n    spinnerProps: {\r\n      accessible: true,\r\n      accessibilityLabel: props.accessibilityLabel ?? 'loading',\r\n    },\r\n  };\r\n}\r\n"]}

package/lib/module/components/primitives/Spinner/variants/default.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { Icon } from '../../../primitives/Icon';
+import { Circle, G } from 'react-native-svg';
+export function Default(props) {
+  return /*#__PURE__*/React.createElement(Icon, {
+    color: props.color,
+    viewBox: "0 0 64 64",
+    size: props.size
+  }, /*#__PURE__*/React.createElement(G, {
+    id: "Group_182",
+    "data-name": "Group 182",
+    transform: "translate(-258 -488)"
+  }, /*#__PURE__*/React.createElement(G, {
+    id: "Ellipse_8",
+    "data-name": "Ellipse 8",
+    transform: "translate(258 488)",
+    fill: "none",
+    stroke: "#e8edfb",
+    strokeWidth: "6"
+  }, /*#__PURE__*/React.createElement(Circle, {
+    cx: "32",
+    cy: "32",
+    r: "32",
+    stroke: "none"
+  }), /*#__PURE__*/React.createElement(Circle, {
+    cx: "32",
+    cy: "32",
+    r: "29",
+    fill: "none"
+  })), /*#__PURE__*/React.createElement(G, {
+    id: "Ellipse_10",
+    "data-name": "Ellipse 10",
+    transform: "translate(258 488)",
+    fill: "none",
+    stroke: props.color,
+    strokeLinecap: "square",
+    strokeWidth: "6",
+    strokeDasharray: "90 10000"
+  }, /*#__PURE__*/React.createElement(Circle, {
+    cx: "32",
+    cy: "32",
+    r: "32",
+    stroke: "none"
+  }), /*#__PURE__*/React.createElement(Circle, {
+    cx: "32",
+    cy: "32",
+    r: "29",
+    fill: "none"
+  }))));
+}
+//# sourceMappingURL=default.js.map

package/lib/module/components/primitives/Spinner/variants/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["default.tsx"],"names":["React","Icon","Circle","G","Default","props","color","size"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,0BAArB;AACA,SAASC,MAAT,EAAiBC,CAAjB,QAA0B,kBAA1B;AAEA,OAAO,SAASC,OAAT,CAAiBC,KAAjB,EAA6B;AAClC,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA,KAAK,CAACC,KAAnB;AAA0B,IAAA,OAAO,EAAC,WAAlC;AAA8C,IAAA,IAAI,EAAED,KAAK,CAACE;AAA1D,kBACE,oBAAC,CAAD;AAAG,IAAA,EAAE,EAAC,WAAN;AAAkB,iBAAU,WAA5B;AAAwC,IAAA,SAAS,EAAC;AAAlD,kBACE,oBAAC,CAAD;AACE,IAAA,EAAE,EAAC,WADL;AAEE,iBAAU,WAFZ;AAGE,IAAA,SAAS,EAAC,oBAHZ;AAIE,IAAA,IAAI,EAAC,MAJP;AAKE,IAAA,MAAM,EAAC,SALT;AAME,IAAA,WAAW,EAAC;AANd,kBAQE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC,IAAX;AAAgB,IAAA,EAAE,EAAC,IAAnB;AAAwB,IAAA,CAAC,EAAC,IAA1B;AAA+B,IAAA,MAAM,EAAC;AAAtC,IARF,eASE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC,IAAX;AAAgB,IAAA,EAAE,EAAC,IAAnB;AAAwB,IAAA,CAAC,EAAC,IAA1B;AAA+B,IAAA,IAAI,EAAC;AAApC,IATF,CADF,eAYE,oBAAC,CAAD;AACE,IAAA,EAAE,EAAC,YADL;AAEE,iBAAU,YAFZ;AAGE,IAAA,SAAS,EAAC,oBAHZ;AAIE,IAAA,IAAI,EAAC,MAJP;AAKE,IAAA,MAAM,EAAEF,KAAK,CAACC,KALhB;AAME,IAAA,aAAa,EAAC,QANhB;AAOE,IAAA,WAAW,EAAC,GAPd;AAQE,IAAA,eAAe,EAAC;AARlB,kBAUE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC,IAAX;AAAgB,IAAA,EAAE,EAAC,IAAnB;AAAwB,IAAA,CAAC,EAAC,IAA1B;AAA+B,IAAA,MAAM,EAAC;AAAtC,IAVF,eAWE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC,IAAX;AAAgB,IAAA,EAAE,EAAC,IAAnB;AAAwB,IAAA,CAAC,EAAC,IAA1B;AAA+B,IAAA,IAAI,EAAC;AAApC,IAXF,CAZF,CADF,CADF;AA8BD","sourcesContent":["import React from 'react';\r\nimport { Icon } from '../../../primitives/Icon';\r\nimport { Circle, G } from 'react-native-svg';\r\n\r\nexport function Default(props: any) {\r\n  return (\r\n    <Icon color={props.color} viewBox=\"0 0 64 64\" size={props.size}>\r\n      <G id=\"Group_182\" data-name=\"Group 182\" transform=\"translate(-258 -488)\">\r\n        <G\r\n          id=\"Ellipse_8\"\r\n          data-name=\"Ellipse 8\"\r\n          transform=\"translate(258 488)\"\r\n          fill=\"none\"\r\n          stroke=\"#e8edfb\"\r\n          strokeWidth=\"6\"\r\n        >\r\n          <Circle cx=\"32\" cy=\"32\" r=\"32\" stroke=\"none\" />\r\n          <Circle cx=\"32\" cy=\"32\" r=\"29\" fill=\"none\" />\r\n        </G>\r\n        <G\r\n          id=\"Ellipse_10\"\r\n          data-name=\"Ellipse 10\"\r\n          transform=\"translate(258 488)\"\r\n          fill=\"none\"\r\n          stroke={props.color}\r\n          strokeLinecap=\"square\"\r\n          strokeWidth=\"6\"\r\n          strokeDasharray=\"90 10000\"\r\n        >\r\n          <Circle cx=\"32\" cy=\"32\" r=\"32\" stroke=\"none\" />\r\n          <Circle cx=\"32\" cy=\"32\" r=\"29\" fill=\"none\" />\r\n        </G>\r\n      </G>\r\n    </Icon>\r\n  );\r\n}\r\n"]}

package/lib/module/components/primitives/Spinner/variants/dotted.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { Icon } from '../../../primitives/Icon';
+import { Path } from 'react-native-svg';
+export function Dotted(props) {
+  return /*#__PURE__*/React.createElement(Icon, {
+    color: props.color,
+    viewBox: "0 0 66.238 69",
+    size: props.size
+  }, /*#__PURE__*/React.createElement(Path, {
+    id: "Path_33",
+    "data-name": "Path 33",
+    d: "M74.735,324.332a6.22,6.22,0,1,0,4.377,1.811A5.989,5.989,0,0,0,74.735,324.332Z",
+    transform: "translate(-59.556 -275.343)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    id: "Path_34",
+    "data-name": "Path 34",
+    d: "M22.942,198.757a6.92,6.92,0,0,0-6.9-6.9,6.645,6.645,0,0,0-4.873,2.027,6.872,6.872,0,0,0,0,9.746,6.643,6.643,0,0,0,4.873,2.027,6.643,6.643,0,0,0,4.873-2.027A6.642,6.642,0,0,0,22.942,198.757Z",
+    transform: "translate(-9.142 -162.878)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    id: "Path_35",
+    "data-name": "Path 35",
+    d: "M346.061,93.695a3.46,3.46,0,1,0-2.437-1.014A3.323,3.323,0,0,0,346.061,93.695Z",
+    transform: "translate(-292.242 -73.684)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    id: "Path_36",
+    "data-name": "Path 36",
+    d: "M66.983,59.388a7.582,7.582,0,1,0,5.369,2.221A7.315,7.315,0,0,0,66.983,59.388Z",
+    transform: "translate(-51.803 -50.418)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    id: "Path_37",
+    "data-name": "Path 37",
+    d: "M399.941,211.34a4.166,4.166,0,1,0,1.207,2.933A3.99,3.99,0,0,0,399.941,211.34Z",
+    transform: "translate(-334.91 -178.393)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    id: "Path_38",
+    "data-name": "Path 38",
+    d: "M338.3,333.473a4.859,4.859,0,1,0,3.407,1.423A4.648,4.648,0,0,0,338.3,333.473Z",
+    transform: "translate(-284.485 -283.104)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    id: "Path_39",
+    "data-name": "Path 39",
+    d: "M206.519,383.717a5.524,5.524,0,1,0,3.9,1.618A5.322,5.322,0,0,0,206.519,383.717Z",
+    transform: "translate(-172.019 -325.759)"
+  }), /*#__PURE__*/React.createElement(Path, {
+    id: "Path_40",
+    "data-name": "Path 40",
+    d: "M191.007,0a7.987,7.987,0,0,0-5.866,2.415,7.987,7.987,0,0,0-2.415,5.865,7.985,7.985,0,0,0,2.415,5.865,8.33,8.33,0,0,0,11.73,0,7.985,7.985,0,0,0,2.414-5.865,7.989,7.989,0,0,0-2.414-5.865A7.984,7.984,0,0,0,191.007,0Z",
+    transform: "translate(-156.508 0)"
+  }));
+}
+//# sourceMappingURL=dotted.js.map

package/lib/module/components/primitives/Spinner/variants/dotted.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["dotted.tsx"],"names":["React","Icon","Path","Dotted","props","color","size"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,0BAArB;AACA,SAASC,IAAT,QAAqB,kBAArB;AAEA,OAAO,SAASC,MAAT,CAAgBC,KAAhB,EAA4B;AACjC,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA,KAAK,CAACC,KAAnB;AAA0B,IAAA,OAAO,EAAC,eAAlC;AAAkD,IAAA,IAAI,EAAED,KAAK,CAACE;AAA9D,kBACE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAC,SADL;AAEE,iBAAU,SAFZ;AAGE,IAAA,CAAC,EAAC,+EAHJ;AAIE,IAAA,SAAS,EAAC;AAJZ,IADF,eAOE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAC,SADL;AAEE,iBAAU,SAFZ;AAGE,IAAA,CAAC,EAAC,+LAHJ;AAIE,IAAA,SAAS,EAAC;AAJZ,IAPF,eAaE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAC,SADL;AAEE,iBAAU,SAFZ;AAGE,IAAA,CAAC,EAAC,+EAHJ;AAIE,IAAA,SAAS,EAAC;AAJZ,IAbF,eAmBE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAC,SADL;AAEE,iBAAU,SAFZ;AAGE,IAAA,CAAC,EAAC,+EAHJ;AAIE,IAAA,SAAS,EAAC;AAJZ,IAnBF,eAyBE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAC,SADL;AAEE,iBAAU,SAFZ;AAGE,IAAA,CAAC,EAAC,+EAHJ;AAIE,IAAA,SAAS,EAAC;AAJZ,IAzBF,eA+BE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAC,SADL;AAEE,iBAAU,SAFZ;AAGE,IAAA,CAAC,EAAC,+EAHJ;AAIE,IAAA,SAAS,EAAC;AAJZ,IA/BF,eAqCE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAC,SADL;AAEE,iBAAU,SAFZ;AAGE,IAAA,CAAC,EAAC,iFAHJ;AAIE,IAAA,SAAS,EAAC;AAJZ,IArCF,eA2CE,oBAAC,IAAD;AACE,IAAA,EAAE,EAAC,SADL;AAEE,iBAAU,SAFZ;AAGE,IAAA,CAAC,EAAC,uNAHJ;AAIE,IAAA,SAAS,EAAC;AAJZ,IA3CF,CADF;AAoDD","sourcesContent":["import React from 'react';\r\nimport { Icon } from '../../../primitives/Icon';\r\nimport { Path } from 'react-native-svg';\r\n\r\nexport function Dotted(props: any) {\r\n  return (\r\n    <Icon color={props.color} viewBox=\"0 0 66.238 69\" size={props.size}>\r\n      <Path\r\n        id=\"Path_33\"\r\n        data-name=\"Path 33\"\r\n        d=\"M74.735,324.332a6.22,6.22,0,1,0,4.377,1.811A5.989,5.989,0,0,0,74.735,324.332Z\"\r\n        transform=\"translate(-59.556 -275.343)\"\r\n      />\r\n      <Path\r\n        id=\"Path_34\"\r\n        data-name=\"Path 34\"\r\n        d=\"M22.942,198.757a6.92,6.92,0,0,0-6.9-6.9,6.645,6.645,0,0,0-4.873,2.027,6.872,6.872,0,0,0,0,9.746,6.643,6.643,0,0,0,4.873,2.027,6.643,6.643,0,0,0,4.873-2.027A6.642,6.642,0,0,0,22.942,198.757Z\"\r\n        transform=\"translate(-9.142 -162.878)\"\r\n      />\r\n      <Path\r\n        id=\"Path_35\"\r\n        data-name=\"Path 35\"\r\n        d=\"M346.061,93.695a3.46,3.46,0,1,0-2.437-1.014A3.323,3.323,0,0,0,346.061,93.695Z\"\r\n        transform=\"translate(-292.242 -73.684)\"\r\n      />\r\n      <Path\r\n        id=\"Path_36\"\r\n        data-name=\"Path 36\"\r\n        d=\"M66.983,59.388a7.582,7.582,0,1,0,5.369,2.221A7.315,7.315,0,0,0,66.983,59.388Z\"\r\n        transform=\"translate(-51.803 -50.418)\"\r\n      />\r\n      <Path\r\n        id=\"Path_37\"\r\n        data-name=\"Path 37\"\r\n        d=\"M399.941,211.34a4.166,4.166,0,1,0,1.207,2.933A3.99,3.99,0,0,0,399.941,211.34Z\"\r\n        transform=\"translate(-334.91 -178.393)\"\r\n      />\r\n      <Path\r\n        id=\"Path_38\"\r\n        data-name=\"Path 38\"\r\n        d=\"M338.3,333.473a4.859,4.859,0,1,0,3.407,1.423A4.648,4.648,0,0,0,338.3,333.473Z\"\r\n        transform=\"translate(-284.485 -283.104)\"\r\n      />\r\n      <Path\r\n        id=\"Path_39\"\r\n        data-name=\"Path 39\"\r\n        d=\"M206.519,383.717a5.524,5.524,0,1,0,3.9,1.618A5.322,5.322,0,0,0,206.519,383.717Z\"\r\n        transform=\"translate(-172.019 -325.759)\"\r\n      />\r\n      <Path\r\n        id=\"Path_40\"\r\n        data-name=\"Path 40\"\r\n        d=\"M191.007,0a7.987,7.987,0,0,0-5.866,2.415,7.987,7.987,0,0,0-2.415,5.865,7.985,7.985,0,0,0,2.415,5.865,8.33,8.33,0,0,0,11.73,0,7.985,7.985,0,0,0,2.414-5.865,7.989,7.989,0,0,0-2.414-5.865A7.984,7.984,0,0,0,191.007,0Z\"\r\n        transform=\"translate(-156.508 0)\"\r\n      />\r\n    </Icon>\r\n  );\r\n}\r\n"]}

package/lib/module/components/primitives/Spinner/variants/index.js

@@ -0,0 +1,6 @@
+export * from './default';
+export * from './dotted';
+export * from './squareDotted';
+export * from './stroked';
+export * from './multiColorDotted';
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/Spinner/variants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAd;AACA,cAAc,UAAd;AACA,cAAc,gBAAd;AACA,cAAc,WAAd;AACA,cAAc,oBAAd","sourcesContent":["export * from './default';\r\nexport * from './dotted';\r\nexport * from './squareDotted';\r\nexport * from './stroked';\r\nexport * from './multiColorDotted';\r\n"]}

package/lib/module/components/primitives/Spinner/variants/multiColorDotted.js

@@ -0,0 +1,90 @@
+import React from 'react';
+import { Icon } from '../../../primitives/Icon';
+import { Circle, Ellipse } from 'react-native-svg';
+export function MultiColorDotted(props) {
+  return /*#__PURE__*/React.createElement(Icon, {
+    color: props.color,
+    viewBox: "0 0 74.072 74.072",
+    size: props.size
+  }, /*#__PURE__*/React.createElement(Circle, {
+    id: "Ellipse_24",
+    "data-name": "Ellipse 24",
+    cx: "7.622",
+    cy: "7.622",
+    r: "7.622",
+    transform: "translate(7.037 48.382)",
+    fillOpacity: "0.7"
+  }), /*#__PURE__*/React.createElement(Ellipse, {
+    id: "Ellipse_25",
+    "data-name": "Ellipse 25",
+    cx: "6.628",
+    cy: "6.959",
+    rx: "6.628",
+    ry: "6.959",
+    transform: "translate(58.733 43.08)",
+    fillOpacity: "0.4"
+  }), /*#__PURE__*/React.createElement(Circle, {
+    id: "Ellipse_26",
+    "data-name": "Ellipse 26",
+    cx: "5.634",
+    cy: "5.634",
+    r: "5.634",
+    transform: "translate(53.431 11.267)",
+    fillOpacity: "0.2"
+  }), /*#__PURE__*/React.createElement(Ellipse, {
+    id: "Ellipse_27",
+    "data-name": "Ellipse 27",
+    cx: "8.383",
+    cy: "8.178",
+    rx: "8.383",
+    ry: "8.178",
+    transform: "translate(0 28.299)",
+    fillOpacity: "0.8"
+  }), /*#__PURE__*/React.createElement(Ellipse, {
+    id: "Ellipse_28",
+    "data-name": "Ellipse 28",
+    cx: "7.621",
+    cy: "7.426",
+    rx: "7.621",
+    ry: "7.426",
+    transform: "translate(24.843 59.221)",
+    fillOpacity: "0.6"
+  }), /*#__PURE__*/React.createElement(Ellipse, {
+    id: "Ellipse_29",
+    "data-name": "Ellipse 29",
+    cx: "7.24",
+    cy: "7.049",
+    rx: "7.24",
+    ry: "7.049",
+    transform: "translate(44.809 56.721)",
+    fillOpacity: "0.5"
+  }), /*#__PURE__*/React.createElement(Ellipse, {
+    id: "Ellipse_30",
+    "data-name": "Ellipse 30",
+    cx: "8.764",
+    cy: "8.554",
+    rx: "8.764",
+    ry: "8.554",
+    transform: "translate(8.688 8.554)",
+    fillOpacity: "0.9"
+  }), /*#__PURE__*/React.createElement(Ellipse, {
+    id: "Ellipse_31",
+    "data-name": "Ellipse 31",
+    cx: "6.478",
+    cy: "6.357",
+    rx: "6.478",
+    ry: "6.357",
+    transform: "translate(61.117 25.906)",
+    fillOpacity: "0.3"
+  }), /*#__PURE__*/React.createElement(Ellipse, {
+    id: "Ellipse_32",
+    "data-name": "Ellipse 32",
+    cx: "8.947",
+    cy: "9.279",
+    rx: "8.947",
+    ry: "9.279",
+    transform: "translate(30.234)",
+    fillOpacity: "1"
+  }));
+}
+//# sourceMappingURL=multiColorDotted.js.map

package/lib/module/components/primitives/Spinner/variants/multiColorDotted.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["multiColorDotted.tsx"],"names":["React","Icon","Circle","Ellipse","MultiColorDotted","props","color","size"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { Icon } from '../../../primitives/Icon';\r\nimport { Circle, Ellipse } from 'react-native-svg';\r\n\r\nexport function MultiColorDotted(props: any) {\r\n  return (\r\n    <Icon color={props.color} viewBox=\"0 0 74.072 74.072\" size={props.size}>\r\n      <Circle\r\n        id=\"Ellipse_24\"\r\n        data-name=\"Ellipse 24\"\r\n        cx=\"7.622\"\r\n        cy=\"7.622\"\r\n        r=\"7.622\"\r\n        transform=\"translate(7.037 48.382)\"\r\n        fillOpacity=\"0.7\"\r\n      />\r\n      <Ellipse\r\n        id=\"Ellipse_25\"\r\n        data-name=\"Ellipse 25\"\r\n        cx=\"6.628\"\r\n        cy=\"6.959\"\r\n        rx=\"6.628\"\r\n        ry=\"6.959\"\r\n        transform=\"translate(58.733 43.08)\"\r\n        fillOpacity=\"0.4\"\r\n      />\r\n      <Circle\r\n        id=\"Ellipse_26\"\r\n        data-name=\"Ellipse 26\"\r\n        cx=\"5.634\"\r\n        cy=\"5.634\"\r\n        r=\"5.634\"\r\n        transform=\"translate(53.431 11.267)\"\r\n        fillOpacity=\"0.2\"\r\n      />\r\n      <Ellipse\r\n        id=\"Ellipse_27\"\r\n        data-name=\"Ellipse 27\"\r\n        cx=\"8.383\"\r\n        cy=\"8.178\"\r\n        rx=\"8.383\"\r\n        ry=\"8.178\"\r\n        transform=\"translate(0 28.299)\"\r\n        fillOpacity=\"0.8\"\r\n      />\r\n      <Ellipse\r\n        id=\"Ellipse_28\"\r\n        data-name=\"Ellipse 28\"\r\n        cx=\"7.621\"\r\n        cy=\"7.426\"\r\n        rx=\"7.621\"\r\n        ry=\"7.426\"\r\n        transform=\"translate(24.843 59.221)\"\r\n        fillOpacity=\"0.6\"\r\n      />\r\n      <Ellipse\r\n        id=\"Ellipse_29\"\r\n        data-name=\"Ellipse 29\"\r\n        cx=\"7.24\"\r\n        cy=\"7.049\"\r\n        rx=\"7.24\"\r\n        ry=\"7.049\"\r\n        transform=\"translate(44.809 56.721)\"\r\n        fillOpacity=\"0.5\"\r\n      />\r\n      <Ellipse\r\n        id=\"Ellipse_30\"\r\n        data-name=\"Ellipse 30\"\r\n        cx=\"8.764\"\r\n        cy=\"8.554\"\r\n        rx=\"8.764\"\r\n        ry=\"8.554\"\r\n        transform=\"translate(8.688 8.554)\"\r\n        fillOpacity=\"0.9\"\r\n      />\r\n      <Ellipse\r\n        id=\"Ellipse_31\"\r\n        data-name=\"Ellipse 31\"\r\n        cx=\"6.478\"\r\n        cy=\"6.357\"\r\n        rx=\"6.478\"\r\n        ry=\"6.357\"\r\n        transform=\"translate(61.117 25.906)\"\r\n        fillOpacity=\"0.3\"\r\n      />\r\n      <Ellipse\r\n        id=\"Ellipse_32\"\r\n        data-name=\"Ellipse 32\"\r\n        cx=\"8.947\"\r\n        cy=\"9.279\"\r\n        rx=\"8.947\"\r\n        ry=\"9.279\"\r\n        transform=\"translate(30.234)\"\r\n        fillOpacity=\"1\"\r\n      />\r\n    </Icon>\r\n  );\r\n}\r\n"]}

package/lib/module/components/primitives/Spinner/variants/squareDotted.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { Icon } from '../../../primitives/Icon';
+import { Circle, G } from 'react-native-svg';
+export function SquareDotted(props) {
+  return /*#__PURE__*/React.createElement(Icon, {
+    color: props.color,
+    viewBox: "0 0 50 50",
+    size: props.size
+  }, /*#__PURE__*/React.createElement(G, {
+    id: "Group_264",
+    "data-name": "Group 264",
+    transform: "translate(-172 -330)"
+  }, /*#__PURE__*/React.createElement(Circle, {
+    id: "Ellipse_33",
+    "data-name": "Ellipse 33",
+    cx: "9",
+    cy: "9",
+    r: "9",
+    transform: "translate(172 330)",
+    fill: props.color
+  }), /*#__PURE__*/React.createElement(Circle, {
+    id: "Ellipse_36",
+    "data-name": "Ellipse 36",
+    cx: "9",
+    cy: "9",
+    r: "9",
+    transform: "translate(204 330)",
+    fill: props.color
+  }), /*#__PURE__*/React.createElement(Circle, {
+    id: "Ellipse_35",
+    "data-name": "Ellipse 35",
+    cx: "9",
+    cy: "9",
+    r: "9",
+    transform: "translate(172 362)",
+    fill: props.color
+  }), /*#__PURE__*/React.createElement(Circle, {
+    id: "Ellipse_37",
+    "data-name": "Ellipse 37",
+    cx: "9",
+    cy: "9",
+    r: "9",
+    transform: "translate(204 362)",
+    fill: props.color
+  })));
+}
+//# sourceMappingURL=squareDotted.js.map

package/lib/module/components/primitives/Spinner/variants/squareDotted.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["squareDotted.tsx"],"names":["React","Icon","Circle","G","SquareDotted","props","color","size"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,0BAArB;AACA,SAASC,MAAT,EAAiBC,CAAjB,QAA0B,kBAA1B;AAEA,OAAO,SAASC,YAAT,CAAsBC,KAAtB,EAAkC;AACvC,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA,KAAK,CAACC,KAAnB;AAA0B,IAAA,OAAO,EAAC,WAAlC;AAA8C,IAAA,IAAI,EAAED,KAAK,CAACE;AAA1D,kBACE,oBAAC,CAAD;AAAG,IAAA,EAAE,EAAC,WAAN;AAAkB,iBAAU,WAA5B;AAAwC,IAAA,SAAS,EAAC;AAAlD,kBACE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,YADL;AAEE,iBAAU,YAFZ;AAGE,IAAA,EAAE,EAAC,GAHL;AAIE,IAAA,EAAE,EAAC,GAJL;AAKE,IAAA,CAAC,EAAC,GALJ;AAME,IAAA,SAAS,EAAC,oBANZ;AAOE,IAAA,IAAI,EAAEF,KAAK,CAACC;AAPd,IADF,eAUE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,YADL;AAEE,iBAAU,YAFZ;AAGE,IAAA,EAAE,EAAC,GAHL;AAIE,IAAA,EAAE,EAAC,GAJL;AAKE,IAAA,CAAC,EAAC,GALJ;AAME,IAAA,SAAS,EAAC,oBANZ;AAOE,IAAA,IAAI,EAAED,KAAK,CAACC;AAPd,IAVF,eAmBE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,YADL;AAEE,iBAAU,YAFZ;AAGE,IAAA,EAAE,EAAC,GAHL;AAIE,IAAA,EAAE,EAAC,GAJL;AAKE,IAAA,CAAC,EAAC,GALJ;AAME,IAAA,SAAS,EAAC,oBANZ;AAOE,IAAA,IAAI,EAAED,KAAK,CAACC;AAPd,IAnBF,eA4BE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,YADL;AAEE,iBAAU,YAFZ;AAGE,IAAA,EAAE,EAAC,GAHL;AAIE,IAAA,EAAE,EAAC,GAJL;AAKE,IAAA,CAAC,EAAC,GALJ;AAME,IAAA,SAAS,EAAC,oBANZ;AAOE,IAAA,IAAI,EAAED,KAAK,CAACC;AAPd,IA5BF,CADF,CADF;AA0CD","sourcesContent":["import React from 'react';\r\nimport { Icon } from '../../../primitives/Icon';\r\nimport { Circle, G } from 'react-native-svg';\r\n\r\nexport function SquareDotted(props: any) {\r\n  return (\r\n    <Icon color={props.color} viewBox=\"0 0 50 50\" size={props.size}>\r\n      <G id=\"Group_264\" data-name=\"Group 264\" transform=\"translate(-172 -330)\">\r\n        <Circle\r\n          id=\"Ellipse_33\"\r\n          data-name=\"Ellipse 33\"\r\n          cx=\"9\"\r\n          cy=\"9\"\r\n          r=\"9\"\r\n          transform=\"translate(172 330)\"\r\n          fill={props.color}\r\n        />\r\n        <Circle\r\n          id=\"Ellipse_36\"\r\n          data-name=\"Ellipse 36\"\r\n          cx=\"9\"\r\n          cy=\"9\"\r\n          r=\"9\"\r\n          transform=\"translate(204 330)\"\r\n          fill={props.color}\r\n        />\r\n        <Circle\r\n          id=\"Ellipse_35\"\r\n          data-name=\"Ellipse 35\"\r\n          cx=\"9\"\r\n          cy=\"9\"\r\n          r=\"9\"\r\n          transform=\"translate(172 362)\"\r\n          fill={props.color}\r\n        />\r\n        <Circle\r\n          id=\"Ellipse_37\"\r\n          data-name=\"Ellipse 37\"\r\n          cx=\"9\"\r\n          cy=\"9\"\r\n          r=\"9\"\r\n          transform=\"translate(204 362)\"\r\n          fill={props.color}\r\n        />\r\n      </G>\r\n    </Icon>\r\n  );\r\n}\r\n"]}

package/lib/module/components/primitives/Spinner/variants/stroked.js

@@ -0,0 +1,107 @@
+import React from 'react';
+import { Icon } from '../../../primitives/Icon';
+import { Path, G } from 'react-native-svg';
+export function Stroked(props) {
+  return /*#__PURE__*/React.createElement(Icon, {
+    color: props.color,
+    viewBox: "0 0 69.672 69.672",
+    size: props.size
+  }, /*#__PURE__*/React.createElement(G, {
+    id: "Group_252",
+    "data-name": "Group 252",
+    transform: "translate(32.661)"
+  }, /*#__PURE__*/React.createElement(Path, {
+    id: "Path_17",
+    "data-name": "Path 17",
+    d: "M242.194,8.958a2.175,2.175,0,0,1-2.175-2.175V2.175a2.175,2.175,0,1,1,4.349,0V6.783A2.175,2.175,0,0,1,242.194,8.958Z",
+    transform: "translate(-240.019 0)",
+    fill: props.color
+  }), /*#__PURE__*/React.createElement(Path, {
+    id: "Path_18",
+    "data-name": "Path 18",
+    d: "M242.194,455.127a2.175,2.175,0,0,1-2.175-2.175v-4.609a2.175,2.175,0,1,1,4.349,0v4.609A2.175,2.175,0,0,1,242.194,455.127Z",
+    transform: "translate(-240.019 -385.455)",
+    fill: props.color
+  })), /*#__PURE__*/React.createElement(G, {
+    id: "Group_253",
+    "data-name": "Group 253",
+    transform: "translate(16.33 4.376)"
+  }, /*#__PURE__*/React.createElement(Path, {
+    id: "Path_19",
+    "data-name": "Path 19",
+    d: "M125.574,40.2a2.175,2.175,0,0,1-2.971-.8l-2.3-3.991a2.175,2.175,0,0,1,3.766-2.175l2.3,3.991a2.174,2.174,0,0,1-.8,2.971Z",
+    transform: "translate(-120.007 -32.155)",
+    fill: props.color
+  }), /*#__PURE__*/React.createElement(Path, {
+    id: "Path_20",
+    "data-name": "Path 20",
+    d: "M348.658,426.6a2.175,2.175,0,0,1-2.971-.8l-2.3-3.991a2.175,2.175,0,1,1,3.767-2.175l2.3,3.991A2.174,2.174,0,0,1,348.658,426.6Z",
+    transform: "translate(-312.735 -365.968)",
+    fill: props.color
+  })), /*#__PURE__*/React.createElement(G, {
+    id: "Group_254",
+    "data-name": "Group 254",
+    transform: "translate(4.375 16.33)"
+  }, /*#__PURE__*/React.createElement(Path, {
+    id: "Path_21",
+    "data-name": "Path 21",
+    d: "M40.2,125.574a2.175,2.175,0,0,1-2.971.8l-3.991-2.3a2.175,2.175,0,0,1,2.175-3.767l3.991,2.3A2.175,2.175,0,0,1,40.2,125.574Z",
+    transform: "translate(-32.154 -120.007)",
+    fill: props.color
+  }), /*#__PURE__*/React.createElement(Path, {
+    id: "Path_22",
+    "data-name": "Path 22",
+    d: "M426.6,348.658a2.175,2.175,0,0,1-2.971.8l-3.991-2.3a2.175,2.175,0,1,1,2.175-3.766l3.991,2.3A2.174,2.174,0,0,1,426.6,348.658Z",
+    transform: "translate(-365.968 -312.735)",
+    fill: props.color
+  })), /*#__PURE__*/React.createElement(G, {
+    id: "Group_255",
+    "data-name": "Group 255",
+    transform: "translate(0 32.661)"
+  }, /*#__PURE__*/React.createElement(Path, {
+    id: "Path_23",
+    "data-name": "Path 23",
+    d: "M8.958,242.194a2.175,2.175,0,0,1-2.175,2.175H2.175a2.175,2.175,0,1,1,0-4.349H6.783A2.175,2.175,0,0,1,8.958,242.194Z",
+    transform: "translate(0 -240.019)",
+    fill: props.color
+  }), /*#__PURE__*/React.createElement(Path, {
+    id: "Path_24",
+    "data-name": "Path 24",
+    d: "M455.127,242.194a2.175,2.175,0,0,1-2.175,2.175h-4.609a2.175,2.175,0,1,1,0-4.349h4.609A2.175,2.175,0,0,1,455.127,242.194Z",
+    transform: "translate(-385.455 -240.019)",
+    fill: props.color
+  })), /*#__PURE__*/React.createElement(G, {
+    id: "Group_256",
+    "data-name": "Group 256",
+    transform: "translate(4.376 16.33)"
+  }, /*#__PURE__*/React.createElement(Path, {
+    id: "Path_25",
+    "data-name": "Path 25",
+    d: "M40.2,344.179a2.175,2.175,0,0,1-.8,2.971l-3.991,2.3a2.175,2.175,0,0,1-2.175-3.766l3.991-2.3A2.175,2.175,0,0,1,40.2,344.179Z",
+    transform: "translate(-32.155 -312.735)",
+    fill: props.color
+  }), /*#__PURE__*/React.createElement(Path, {
+    id: "Path_26",
+    "data-name": "Path 26",
+    d: "M426.6,121.1a2.175,2.175,0,0,1-.8,2.971l-3.991,2.3a2.175,2.175,0,0,1-2.175-3.766l3.991-2.3A2.174,2.174,0,0,1,426.6,121.1Z",
+    transform: "translate(-365.97 -120.007)",
+    fill: props.color
+  })), /*#__PURE__*/React.createElement(G, {
+    id: "Group_257",
+    "data-name": "Group 257",
+    transform: "translate(16.33 4.375)"
+  }, /*#__PURE__*/React.createElement(Path, {
+    id: "Path_27",
+    "data-name": "Path 27",
+    d: "M125.574,418.839a2.175,2.175,0,0,1,.8,2.971l-2.3,3.991a2.175,2.175,0,0,1-3.767-2.175l2.3-3.991A2.175,2.175,0,0,1,125.574,418.839Z",
+    transform: "translate(-120.007 -365.968)",
+    fill: props.color
+  }), /*#__PURE__*/React.createElement(Path, {
+    id: "Path_28",
+    "data-name": "Path 28",
+    d: "M348.658,32.445a2.175,2.175,0,0,1,.8,2.971l-2.3,3.991a2.175,2.175,0,1,1-3.766-2.175l2.3-3.991A2.174,2.174,0,0,1,348.658,32.445Z",
+    transform: "translate(-312.735 -32.154)",
+    fill: props.color
+  })));
+}
+//# sourceMappingURL=stroked.js.map

package/lib/module/components/primitives/Spinner/variants/stroked.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["stroked.tsx"],"names":["React","Icon","Path","G","Stroked","props","color","size"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { Icon } from '../../../primitives/Icon';\r\nimport { Path, G } from 'react-native-svg';\r\n\r\nexport function Stroked(props: any) {\r\n  return (\r\n    <Icon color={props.color} viewBox=\"0 0 69.672 69.672\" size={props.size}>\r\n      <G id=\"Group_252\" data-name=\"Group 252\" transform=\"translate(32.661)\">\r\n        <Path\r\n          id=\"Path_17\"\r\n          data-name=\"Path 17\"\r\n          d=\"M242.194,8.958a2.175,2.175,0,0,1-2.175-2.175V2.175a2.175,2.175,0,1,1,4.349,0V6.783A2.175,2.175,0,0,1,242.194,8.958Z\"\r\n          transform=\"translate(-240.019 0)\"\r\n          fill={props.color}\r\n        />\r\n        <Path\r\n          id=\"Path_18\"\r\n          data-name=\"Path 18\"\r\n          d=\"M242.194,455.127a2.175,2.175,0,0,1-2.175-2.175v-4.609a2.175,2.175,0,1,1,4.349,0v4.609A2.175,2.175,0,0,1,242.194,455.127Z\"\r\n          transform=\"translate(-240.019 -385.455)\"\r\n          fill={props.color}\r\n        />\r\n      </G>\r\n      <G\r\n        id=\"Group_253\"\r\n        data-name=\"Group 253\"\r\n        transform=\"translate(16.33 4.376)\"\r\n      >\r\n        <Path\r\n          id=\"Path_19\"\r\n          data-name=\"Path 19\"\r\n          d=\"M125.574,40.2a2.175,2.175,0,0,1-2.971-.8l-2.3-3.991a2.175,2.175,0,0,1,3.766-2.175l2.3,3.991a2.174,2.174,0,0,1-.8,2.971Z\"\r\n          transform=\"translate(-120.007 -32.155)\"\r\n          fill={props.color}\r\n        />\r\n        <Path\r\n          id=\"Path_20\"\r\n          data-name=\"Path 20\"\r\n          d=\"M348.658,426.6a2.175,2.175,0,0,1-2.971-.8l-2.3-3.991a2.175,2.175,0,1,1,3.767-2.175l2.3,3.991A2.174,2.174,0,0,1,348.658,426.6Z\"\r\n          transform=\"translate(-312.735 -365.968)\"\r\n          fill={props.color}\r\n        />\r\n      </G>\r\n      <G\r\n        id=\"Group_254\"\r\n        data-name=\"Group 254\"\r\n        transform=\"translate(4.375 16.33)\"\r\n      >\r\n        <Path\r\n          id=\"Path_21\"\r\n          data-name=\"Path 21\"\r\n          d=\"M40.2,125.574a2.175,2.175,0,0,1-2.971.8l-3.991-2.3a2.175,2.175,0,0,1,2.175-3.767l3.991,2.3A2.175,2.175,0,0,1,40.2,125.574Z\"\r\n          transform=\"translate(-32.154 -120.007)\"\r\n          fill={props.color}\r\n        />\r\n        <Path\r\n          id=\"Path_22\"\r\n          data-name=\"Path 22\"\r\n          d=\"M426.6,348.658a2.175,2.175,0,0,1-2.971.8l-3.991-2.3a2.175,2.175,0,1,1,2.175-3.766l3.991,2.3A2.174,2.174,0,0,1,426.6,348.658Z\"\r\n          transform=\"translate(-365.968 -312.735)\"\r\n          fill={props.color}\r\n        />\r\n      </G>\r\n      <G id=\"Group_255\" data-name=\"Group 255\" transform=\"translate(0 32.661)\">\r\n        <Path\r\n          id=\"Path_23\"\r\n          data-name=\"Path 23\"\r\n          d=\"M8.958,242.194a2.175,2.175,0,0,1-2.175,2.175H2.175a2.175,2.175,0,1,1,0-4.349H6.783A2.175,2.175,0,0,1,8.958,242.194Z\"\r\n          transform=\"translate(0 -240.019)\"\r\n          fill={props.color}\r\n        />\r\n        <Path\r\n          id=\"Path_24\"\r\n          data-name=\"Path 24\"\r\n          d=\"M455.127,242.194a2.175,2.175,0,0,1-2.175,2.175h-4.609a2.175,2.175,0,1,1,0-4.349h4.609A2.175,2.175,0,0,1,455.127,242.194Z\"\r\n          transform=\"translate(-385.455 -240.019)\"\r\n          fill={props.color}\r\n        />\r\n      </G>\r\n      <G\r\n        id=\"Group_256\"\r\n        data-name=\"Group 256\"\r\n        transform=\"translate(4.376 16.33)\"\r\n      >\r\n        <Path\r\n          id=\"Path_25\"\r\n          data-name=\"Path 25\"\r\n          d=\"M40.2,344.179a2.175,2.175,0,0,1-.8,2.971l-3.991,2.3a2.175,2.175,0,0,1-2.175-3.766l3.991-2.3A2.175,2.175,0,0,1,40.2,344.179Z\"\r\n          transform=\"translate(-32.155 -312.735)\"\r\n          fill={props.color}\r\n        />\r\n        <Path\r\n          id=\"Path_26\"\r\n          data-name=\"Path 26\"\r\n          d=\"M426.6,121.1a2.175,2.175,0,0,1-.8,2.971l-3.991,2.3a2.175,2.175,0,0,1-2.175-3.766l3.991-2.3A2.174,2.174,0,0,1,426.6,121.1Z\"\r\n          transform=\"translate(-365.97 -120.007)\"\r\n          fill={props.color}\r\n        />\r\n      </G>\r\n      <G\r\n        id=\"Group_257\"\r\n        data-name=\"Group 257\"\r\n        transform=\"translate(16.33 4.375)\"\r\n      >\r\n        <Path\r\n          id=\"Path_27\"\r\n          data-name=\"Path 27\"\r\n          d=\"M125.574,418.839a2.175,2.175,0,0,1,.8,2.971l-2.3,3.991a2.175,2.175,0,0,1-3.767-2.175l2.3-3.991A2.175,2.175,0,0,1,125.574,418.839Z\"\r\n          transform=\"translate(-120.007 -365.968)\"\r\n          fill={props.color}\r\n        />\r\n        <Path\r\n          id=\"Path_28\"\r\n          data-name=\"Path 28\"\r\n          d=\"M348.658,32.445a2.175,2.175,0,0,1,.8,2.971l-2.3,3.991a2.175,2.175,0,1,1-3.766-2.175l2.3-3.991A2.174,2.174,0,0,1,348.658,32.445Z\"\r\n          transform=\"translate(-312.735 -32.154)\"\r\n          fill={props.color}\r\n        />\r\n      </G>\r\n    </Icon>\r\n  );\r\n}\r\n"]}

package/lib/module/components/primitives/Stack/HStack.js

@@ -0,0 +1,22 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import StackMain from './Stack';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const HStack = (props, ref) => {
+  const resolvedProps = usePropsResolution('HStack', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(StackMain, _extends({
+    ref: ref,
+    direction: "row"
+  }, resolvedProps));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(HStack));
+//# sourceMappingURL=HStack.js.map

package/lib/module/components/primitives/Stack/HStack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["HStack.tsx"],"names":["React","memo","forwardRef","StackMain","usePropsResolution","useHasResponsiveProps","HStack","props","ref","resolvedProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,OAAOC,SAAP,MAA+C,SAA/C;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AAMA,SAASC,qBAAT,QAAsC,sCAAtC;;AAaA,MAAMC,MAAM,GAAG,CAACC,KAAD,EAAsBC,GAAtB,KAAoC;AACjD,QAAMC,aAAa,GAAGL,kBAAkB,CAAC,QAAD,EAAWG,KAAX,CAAxC,CADiD,CAEjD;;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,oBAAC,SAAD;AAAW,IAAA,GAAG,EAAEC,GAAhB;AAAqB,IAAA,SAAS,EAAC;AAA/B,KAAyCC,aAAzC,EAAP;AACD,CAPD;;AASA,4BAAeR,IAAI,eAACC,UAAU,CAACI,MAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport StackMain, { InterfaceStackProps } from './Stack';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport type {\r\n  CustomProps,\r\n  ResponsiveValue,\r\n  // ThemeComponentSizeType,\r\n} from '../../types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nexport interface InterfaceHStackProps extends InterfaceStackProps {\r\n  /**\r\n   * The direction of the Stack Items.\r\n   * @default row\r\n   */\r\n  direction?: ResponsiveValue<\r\n    'column' | 'row' | 'column-reverse' | 'row-reverse'\r\n  >;\r\n}\r\n\r\nexport type IHStackProps = InterfaceHStackProps & CustomProps<'HStack'>;\r\n\r\nconst HStack = (props: IHStackProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('HStack', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <StackMain ref={ref} direction=\"row\" {...resolvedProps} />;\r\n};\r\n\r\nexport default memo(forwardRef(HStack));\r\n"]}