@gympass/yoga 7.87.0 → 7.88.0

package/cjs/Popover/web/styles.js

@@ -1,79 +1,148 @@
 "use strict";
-
-exports.__esModule = true;
-exports.Wrapper = exports.PopoverContainer = exports.PopoverButton = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
-
-exports.Wrapper = Wrapper;
-var popoverContainerPositionModifier = {
-  'bottom-start': function bottomStart() {
-    return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    bottom: -8px;\n    left: 0;\n    transform: translate(0, 100%);\n  "])));
-  },
-  'bottom-center': function bottomCenter() {
-    return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    bottom: -8px;\n    left: 50%;\n    transform: translate(-50%, 100%);\n  "])));
-  },
-  'bottom-end': function bottomEnd() {
-    return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    bottom: -8px;\n    right: 0;\n    transform: translate(0, 100%);\n  "])));
-  },
-  'left-start': function leftStart() {
-    return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    left: -8px;\n    top: 0;\n    transform: translate(-100%, 0);\n  "])));
-  },
-  'left-center': function leftCenter() {
-    return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    left: -8px;\n    top: 50%;\n    transform: translate(-100%, -50%);\n  "])));
-  },
-  'left-end': function leftEnd() {
-    return (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n    bottom: 0;\n    left: -8px;\n    transform: translate(-100%, 0);\n  "])));
-  },
-  'top-start': function topStart() {
-    return (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n    left: 0;\n    top: -8px;\n    transform: translate(0, -100%);\n  "])));
-  },
-  'top-center': function topCenter() {
-    return (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n    left: 50%;\n    top: -8px;\n    transform: translate(-50%, -100%);\n  "])));
-  },
-  'top-end': function topEnd() {
-    return (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n    right: 0;\n    top: -8px;\n    transform: translate(0, -100%);\n  "])));
-  },
-  'right-start': function rightStart() {
-    return (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n    right: -8px;\n    top: 0;\n    transform: translate(100%, 0);\n  "])));
-  },
-  'right-center': function rightCenter() {
-    return (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n    right: -8px;\n    top: 50%;\n    transform: translate(100%, -50%);\n  "])));
-  },
-  'right-end': function rightEnd() {
-    return (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n    bottom: 0;\n    right: -8px;\n    transform: translate(100%, 0);\n  "])));
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
+  return to;
 };
-
-var PopoverContainer = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var _ref$theme$yoga = _ref.theme.yoga,
-      colors = _ref$theme$yoga.colors,
-      spacing = _ref$theme$yoga.spacing,
-      radii = _ref$theme$yoga.radii,
-      position = _ref.position,
-      width = _ref.width,
-      height = _ref.height,
-      $zIndex = _ref.$zIndex;
-  return (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n    position: absolute;\n    overflow: auto;\n    width: max-content;\n    max-width: ", "px;\n    height: max-content;\n    max-height: ", "px;\n\n    border-radius: ", "px;\n    background-color: ", ";\n    padding: ", "px;\n    z-index: ", ";\n\n    ", ";\n  "])), width, height, radii.small, colors.stamina, spacing.small, $zIndex, popoverContainerPositionModifier[position]);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  PopoverButton: () => PopoverButton,
+  PopoverContainer: () => PopoverContainer,
+  Wrapper: () => Wrapper
 });
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = __toESM(require("styled-components"));
+const Wrapper = import_styled_components.default.div`
+  position: relative;
+`;
+const popoverContainerPositionModifier = {
+  "bottom-start": () => import_styled_components.css`
+    bottom: -8px;
+    left: 0;
+    transform: translate(0, 100%);
+  `,
+  "bottom-center": () => import_styled_components.css`
+    bottom: -8px;
+    left: 50%;
+    transform: translate(-50%, 100%);
+  `,
+  "bottom-end": () => import_styled_components.css`
+    bottom: -8px;
+    right: 0;
+    transform: translate(0, 100%);
+  `,
+  "left-start": () => import_styled_components.css`
+    left: -8px;
+    top: 0;
+    transform: translate(-100%, 0);
+  `,
+  "left-center": () => import_styled_components.css`
+    left: -8px;
+    top: 50%;
+    transform: translate(-100%, -50%);
+  `,
+  "left-end": () => import_styled_components.css`
+    bottom: 0;
+    left: -8px;
+    transform: translate(-100%, 0);
+  `,
+  "top-start": () => import_styled_components.css`
+    left: 0;
+    top: -8px;
+    transform: translate(0, -100%);
+  `,
+  "top-center": () => import_styled_components.css`
+    left: 50%;
+    top: -8px;
+    transform: translate(-50%, -100%);
+  `,
+  "top-end": () => import_styled_components.css`
+    right: 0;
+    top: -8px;
+    transform: translate(0, -100%);
+  `,
+  "right-start": () => import_styled_components.css`
+    right: -8px;
+    top: 0;
+    transform: translate(100%, 0);
+  `,
+  "right-center": () => import_styled_components.css`
+    right: -8px;
+    top: 50%;
+    transform: translate(100%, -50%);
+  `,
+  "right-end": () => import_styled_components.css`
+    bottom: 0;
+    right: -8px;
+    transform: translate(100%, 0);
+  `
+};
+const PopoverContainer = import_styled_components.default.div`
+  ${({
+  theme: {
+    yoga: { colors, spacing, radii }
+  },
+  position,
+  width,
+  height,
+  $zIndex
+}) => import_styled_components.css`
+    position: absolute;
+    overflow: auto;
+    width: max-content;
+    max-width: ${width}px;
+    height: max-content;
+    max-height: ${height}px;
 
-exports.PopoverContainer = PopoverContainer;
+    border-radius: ${radii.small}px;
+    background-color: ${colors.stamina};
+    padding: ${spacing.small}px;
+    z-index: ${$zIndex};
 
-var PopoverButton = _styledComponents["default"].button.attrs({
-  type: 'button'
-})(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n  all: unset;\n\n  ", "\n"])), function (_ref2) {
-  var elevations = _ref2.theme.yoga.elevations;
-  return (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n    @media (hover: hover) and (pointer: fine) {\n      &:focus {\n        box-shadow: ", ";\n        transition: box-shadow ease 0.5s;\n      }\n    }\n  "])), elevations.small);
-});
+    ${popoverContainerPositionModifier[position]};
+  `}
+`;
+const PopoverButton = import_styled_components.default.button.attrs({ type: "button" })`
+  all: unset;
 
-exports.PopoverButton = PopoverButton;
+  ${({
+  theme: {
+    yoga: { elevations }
+  }
+}) => import_styled_components.css`
+    @media (hover: hover) and (pointer: fine) {
+      &:focus {
+        box-shadow: ${elevations.small};
+        transition: box-shadow ease 0.5s;
+      }
+    }
+  `}
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PopoverButton,
+  PopoverContainer,
+  Wrapper
+});

package/cjs/Progress/native/Progress.js

@@ -1 +1,219 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _yogaSystem=require("@gympass/yoga-system");var _shared=require("../../shared");var _excluded=["label","max","value","variant"];var _templateObject,_templateObject2,_templateObject3,_templateObject4;var ProgressWrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n\n  ","\n\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),function(_ref){var isNumber=_ref.isNumber,align=_ref.align;return"\n\n  "+(isNumber?"\n      flex-direction: row;\n    ":"\n      flex-direction: column;\n    ")+"\n\n  "+(isNumber&&align==='left'?'flex-direction: row-reverse;':'')+"\n  ";},_yogaSystem.backgroundColor,_yogaSystem.borders,_yogaSystem.elevation,_yogaSystem.positions,_yogaSystem.display,_yogaSystem.spacing);var ProgressBar=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: relative;\n  flex-grow: 1;\n\n  margin: auto 0;\n\n  ",";\n"])),function(_ref2){var progress=_ref2.theme.yoga.components.progress;return"\n    height: "+progress.height+"px;\n\n    background-color: "+progress.backgroundColor.bar+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var ProgressValue=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: absolute;\n\n  height: 100%;\n\n  ","\n"])),function(_ref3){var variant=_ref3.variant,width=_ref3.width,_ref3$theme$yoga=_ref3.theme.yoga,color=_ref3$theme$yoga.colors[variant],progress=_ref3$theme$yoga.components.progress;return"\n    width: "+width+"%;\n\n    background-color: "+color+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var Label=_styledComponents["default"].Text(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref4){var isNumber=_ref4.isNumber,align=_ref4.align,_ref4$theme$yoga=_ref4.theme.yoga,baseFont=_ref4$theme$yoga.baseFont,spacing=_ref4$theme$yoga.spacing,colors=_ref4$theme$yoga.colors,progress=_ref4$theme$yoga.components.progress;return"\n  font-family: "+baseFont.family+";\n  font-size: "+progress.label.font.size+"px;\n  text-align: "+align+";\n  color: "+colors.deep+";\n\n  "+(isNumber?"\n      width: 22px;\n\n      margin-"+(align==='right'?'left':'right')+": "+spacing.xxsmall+"px;\n    ":"\n      margin-top: "+spacing.xxxsmall+"px;\n    ")+"\n";});var Progress=_react["default"].forwardRef(function(_ref5,ref){var label=_ref5.label,max=_ref5.max,value=_ref5.value,variant=_ref5.variant,props=(0,_objectWithoutProperties2["default"])(_ref5,_excluded);var isNumber=!/[a-zA-Z]/g.test(label.value);var align=label.placement||'left';return _react["default"].createElement(ProgressWrapper,(0,_extends2["default"])({ref:ref},props,{isNumber:isNumber,align:align}),_react["default"].createElement(ProgressBar,null,_react["default"].createElement(ProgressValue,{width:value/max*100,variant:variant})),Object.keys(label).length>0&&(isNumber||label.value)&&_react["default"].createElement(Label,{isNumber:isNumber,align:align},label.value));});Progress.propTypes={label:(0,_propTypes.shape)({value:(0,_shared.charLength)(3,(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string])),placement:(0,_propTypes.oneOf)(['left','right'])}),max:_propTypes.number,value:_propTypes.number,variant:(0,_propTypes.oneOf)(['primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])};Progress.defaultProps={label:{value:undefined,placement:'left'},max:1,value:undefined,variant:'verve'};var _default=Progress;exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Progress_exports = {};
+__export(Progress_exports, {
+  default: () => Progress_default
+});
+module.exports = __toCommonJS(Progress_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_prop_types = require("prop-types");
+var import_yoga_system = require("@gympass/yoga-system");
+var import_shared = require("../../shared");
+const ProgressWrapper = import_styled_components.default.View`
+  width: 100%;
+
+  ${({ isNumber, align }) => `
+
+  ${isNumber ? `
+      flex-direction: row;
+    ` : `
+      flex-direction: column;
+    `}
+
+  ${isNumber && align === "left" ? "flex-direction: row-reverse;" : ""}
+  `}
+
+  ${import_yoga_system.backgroundColor}
+  ${import_yoga_system.borders}
+  ${import_yoga_system.elevation}
+  ${import_yoga_system.positions}
+  ${import_yoga_system.display}
+  ${import_yoga_system.spacing}
+`;
+const ProgressBar = import_styled_components.default.View`
+  position: relative;
+  flex-grow: 1;
+
+  margin: auto 0;
+
+  ${({
+  theme: {
+    yoga: {
+      components: { progress }
+    }
+  }
+}) => `
+    height: ${progress.height}px;
+
+    background-color: ${progress.backgroundColor.bar};
+
+    border-radius: ${progress.border.radius}px;
+  `};
+`;
+const ProgressValue = import_styled_components.default.View`
+  position: absolute;
+
+  height: 100%;
+
+  ${({
+  variant,
+  width,
+  theme: {
+    yoga: {
+      colors: { [variant]: color },
+      components: { progress }
+    }
+  }
+}) => `
+    width: ${width}%;
+
+    background-color: ${color};
+
+    border-radius: ${progress.border.radius}px;
+  `}
+`;
+const Label = import_styled_components.default.Text`
+  ${({
+  isNumber,
+  align,
+  theme: {
+    yoga: {
+      baseFont,
+      spacing,
+      colors,
+      components: { progress }
+    }
+  }
+}) => `
+  font-family: ${baseFont.family};
+  font-size: ${progress.label.font.size}px;
+  text-align: ${align};
+  color: ${colors.deep};
+
+  ${isNumber ? `
+      width: 22px;
+
+      margin-${align === "right" ? "left" : "right"}: ${spacing.xxsmall}px;
+    ` : `
+      margin-top: ${spacing.xxxsmall}px;
+    `}
+`}
+`;
+const Progress = import_react.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { label, max, value, variant } = _b, props = __objRest(_b, ["label", "max", "value", "variant"]);
+    const isNumber = !/[a-zA-Z]/g.test(label.value);
+    const align = label.placement || "left";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ProgressWrapper, __spreadProps(__spreadValues({ ref }, props), { isNumber, align, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressBar, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressValue, { width: value / max * 100, variant }) }),
+      Object.keys(label).length > 0 && (isNumber || label.value) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, { isNumber, align, children: label.value })
+    ] }));
+  }
+);
+Progress.propTypes = {
+  /** Use labels to increase users understanding. If the value is numeric, make
+   * sure it has a maximum of 3 characters */
+  label: (0, import_prop_types.shape)({
+    value: (0, import_shared.charLength)(3, (0, import_prop_types.oneOfType)([import_prop_types.number, import_prop_types.string])),
+    placement: (0, import_prop_types.oneOf)(["left", "right"])
+  }),
+  /** This attribute describes how much work the task indicated by the progress
+   * element requires. The max attribute, if present, must have a value greater
+   * than zero and be a valid floating point number. The default value is 1. */
+  max: import_prop_types.number,
+  /** This attribute specifies how much of the task that has been completed. It
+   * must be a valid floating point number between 0 and max, or between 0 and 1
+   * if max is omitted. If there is no value attribute, the progress bar is
+   * indeterminate; this indicates that an activity is ongoing with no
+   * indication of how long it is expected to take. */
+  value: import_prop_types.number,
+  /** style the card following the theme (primary, secondary, vibin, hope,
+   * energy, relax, peace, verve, uplift, deepPurple, deep, stamina, dark,
+   * medium, light, clear, white) */
+  variant: (0, import_prop_types.oneOf)([
+    "primary",
+    "secondary",
+    "vibin",
+    "hope",
+    "energy",
+    "relax",
+    "peace",
+    "verve",
+    "uplift",
+    "deepPurple",
+    "stamina",
+    "dark",
+    "medium",
+    "deep",
+    "light",
+    "clear",
+    "white"
+  ])
+};
+Progress.defaultProps = {
+  label: {
+    value: void 0,
+    placement: "left"
+  },
+  max: 1,
+  value: void 0,
+  variant: "verve"
+};
+var Progress_default = Progress;

package/cjs/Progress/native/Progress.test.js

@@ -0,0 +1,157 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react_native = require("@testing-library/react-native");
+var import__ = require("../..");
+describe("<Progress />", () => {
+  it("should match snapshot", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100 }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 60 })
+      ] })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with label string", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, label: { value: "Some decription here" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Progress,
+          {
+            max: 100,
+            value: 65,
+            label: { value: "Some decription here", placement: "right" }
+          }
+        )
+      ] })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with label number", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Progress,
+          {
+            max: 100,
+            value: 65,
+            label: { value: 65, placement: "right" }
+          }
+        )
+      ] })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with all variants", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Progress,
+          {
+            max: 100,
+            value: 20,
+            label: { value: 20 },
+            variant: "primary"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Progress,
+          {
+            max: 100,
+            value: 20,
+            label: { value: 20 },
+            variant: "secondary"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "vibin" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "hope" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "energy" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "relax" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "peace" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "verve" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "uplift" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Progress,
+          {
+            max: 100,
+            value: 20,
+            label: { value: 20 },
+            variant: "deepPurple"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Progress,
+          {
+            max: 100,
+            value: 20,
+            label: { value: 20 },
+            variant: "stamina"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "dark" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "medium" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "deep" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "light" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "clear" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "white" })
+      ] })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with positions prop system", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { position: "absolute", top: "small", left: "small" }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with spacing prop system", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { m: "small", padding: "medium" }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with background color prop system", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { backgroundColor: "primary" }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with border prop system", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { b: "small", bRadius: "small" }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with elevation prop system", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { elevation: "small" }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+});

package/cjs/Progress/native/index.js

@@ -1 +1,35 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _Progress=_interopRequireDefault(require("./Progress"));var _default=_Progress["default"];exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var native_exports = {};
+__export(native_exports, {
+  default: () => native_default
+});
+module.exports = __toCommonJS(native_exports);
+var import_Progress = __toESM(require("./Progress"));
+var native_default = import_Progress.default;