@activecollab/components 2.0.89 → 2.0.91

package/dist/esm/components/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ListItem","exports","forwardRef","_ref","ref","children","className","props","createElement","StyledListItem","_extends2","classnames","tabIndex","displayName"],"sources":["../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  PropsWithChildren,\n  Ref,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledListItem } from \"./Styles\";\n\nexport interface ListItemProps {\n  className?: string;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListItemProps> & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n        tabIndex={0}\n        {...props}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAA0C,SAAAI,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,SAAAN,wBAAAM,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,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAMnC,MAAMY,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,iBAAU,EAChC,CAAAC,IAAA,EAMEC,GAA0C,KACvC;EAAA,IANH;IACEC,QAAQ;IACRC,SAAS;IACT,GAAGC;EAC6D,CAAC,GAAAJ,IAAA;EAGnE,oBACE9B,MAAA,CAAAY,OAAA,CAAAuB,aAAA,CAAC9B,OAAA,CAAA+B,cAAc,MAAAC,SAAA,CAAAzB,OAAA;IACbqB,SAAS,EAAE,IAAAK,mBAAU,EAAC,aAAa,EAAEL,SAAS,CAAE;IAChDF,GAAG,EAAEA,GAAI;IACTQ,QAAQ,EAAE;EAAE,GACRL,KAAK,GAERF,QACa,CAAC;AAErB,CACF,CAAC;AAEDL,QAAQ,CAACa,WAAW,GAAG,UAAU"}
+{"version":3,"file":"ListItem.js","names":["React","forwardRef","classnames","StyledListItem","ListItem","_ref","ref","children","className","props","createElement","_extends","tabIndex","displayName"],"sources":["../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  PropsWithChildren,\n  Ref,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledListItem } from \"./Styles\";\n\nexport interface ListItemProps {\n  className?: string;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListItemProps> & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n        tabIndex={0}\n        {...props}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"mappings":";AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,QAAQ,UAAU;AAMzC,OAAO,MAAMC,QAAQ,gBAAGH,UAAU,CAChC,CAAAI,IAAA,EAMEC,GAA0C,KACvC;EAAA,IANH;IACEC,QAAQ;IACRC,SAAS;IACT,GAAGC;EAC6D,CAAC,GAAAJ,IAAA;EAGnE,oBACEL,KAAA,CAAAU,aAAA,CAACP,cAAc,EAAAQ,QAAA;IACbH,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS,CAAE;IAChDF,GAAG,EAAEA,GAAI;IACTM,QAAQ,EAAE;EAAE,GACRH,KAAK,GAERF,QACa,CAAC;AAErB,CACF,CAAC;AAEDH,QAAQ,CAACS,WAAW,GAAG,UAAU"}

package/dist/esm/components/List/ListSeparator.js

@@ -1,23 +1,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ListSeparator = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-const ListSeparator = _ref => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import classnames from "classnames";
+import { StyledListSeparator } from "./Styles";
+export const ListSeparator = _ref => {
   let {
     className,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledListSeparator, (0, _extends2.default)({
-    className: (0, _classnames.default)("c-list-separator", className)
+  return /*#__PURE__*/React.createElement(StyledListSeparator, _extends({
+    className: classnames("c-list-separator", className)
   }, props));
 };
-exports.ListSeparator = ListSeparator;
 ListSeparator.displayName = "ListSeparator";
 //# sourceMappingURL=ListSeparator.js.map

package/dist/esm/components/List/ListSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListSeparator.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","ListSeparator","_ref","className","props","default","createElement","StyledListSeparator","_extends2","classnames","exports","displayName"],"sources":["../../../../src/components/List/ListSeparator.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledListSeparator } from \"./Styles\";\n\nexport const ListSeparator = ({\n  className,\n  ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <StyledListSeparator\n      className={classnames(\"c-list-separator\", className)}\n      {...props}\n    />\n  );\n};\n\nListSeparator.displayName = \"ListSeparator\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAEO,MAAMG,aAAa,GAAGC,IAAA,IAGS;EAAA,IAHR;IAC5BC,SAAS;IACT,GAAGC;EAC2B,CAAC,GAAAF,IAAA;EAC/B,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAO,mBAAmB,MAAAC,SAAA,CAAAH,OAAA;IAClBF,SAAS,EAAE,IAAAM,mBAAU,EAAC,kBAAkB,EAAEN,SAAS;EAAE,GACjDC,KAAK,CACV,CAAC;AAEN,CAAC;AAACM,OAAA,CAAAT,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAACU,WAAW,GAAG,eAAe"}
+{"version":3,"file":"ListSeparator.js","names":["React","classnames","StyledListSeparator","ListSeparator","_ref","className","props","createElement","_extends","displayName"],"sources":["../../../../src/components/List/ListSeparator.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledListSeparator } from \"./Styles\";\n\nexport const ListSeparator = ({\n  className,\n  ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <StyledListSeparator\n      className={classnames(\"c-list-separator\", className)}\n      {...props}\n    />\n  );\n};\n\nListSeparator.displayName = \"ListSeparator\";\n"],"mappings":";AAAA,OAAOA,KAAK,MAA0B,OAAO;AAE7C,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,mBAAmB,QAAQ,UAAU;AAE9C,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAGS;EAAA,IAHR;IAC5BC,SAAS;IACT,GAAGC;EAC2B,CAAC,GAAAF,IAAA;EAC/B,oBACEJ,KAAA,CAAAO,aAAA,CAACL,mBAAmB,EAAAM,QAAA;IAClBH,SAAS,EAAEJ,UAAU,CAAC,kBAAkB,EAAEI,SAAS;EAAE,GACjDC,KAAK,CACV,CAAC;AAEN,CAAC;AAEDH,aAAa,CAACM,WAAW,GAAG,eAAe"}

package/dist/esm/components/List/Styles.js

@@ -1,24 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledListSeparator = exports.StyledListItem = exports.StyledList = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _BoxSizingStyle = require("../BoxSizingStyle");
-var _FontStyle = require("../FontStyle");
-const StyledList = exports.StyledList = _styledComponents.default.ul.withConfig({
+import styled from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+export const StyledList = styled.ul.withConfig({
   displayName: "Styles__StyledList",
   componentId: "sc-dv1w0m-0"
 })(["list-style-type:none;margin:0;padding:0;"]);
 StyledList.displayName = "StyledList";
-const StyledListItem = exports.StyledListItem = _styledComponents.default.li.withConfig({
+export const StyledListItem = styled.li.withConfig({
   displayName: "Styles__StyledListItem",
   componentId: "sc-dv1w0m-1"
-})(["", " ", " display:flex;flex-direction:row;align-items:center;cursor:pointer;padding:0 1rem;margin:0.25rem 0;font-size:0.875rem;user-select:none;color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover,&:focus-visible{background-color:var(--color-theme-200);outline:none;}"], _BoxSizingStyle.BoxSizingStyle, _FontStyle.FontStyle);
+})(["", " ", " display:flex;flex-direction:row;align-items:center;cursor:pointer;padding:0 1rem;margin:0.25rem 0;font-size:0.875rem;user-select:none;color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover,&:focus-visible{background-color:var(--color-theme-200);outline:none;}"], BoxSizingStyle, FontStyle);
 StyledListItem.displayName = "StyledListItem";
-const StyledListSeparator = exports.StyledListSeparator = _styledComponents.default.div.withConfig({
+export const StyledListSeparator = styled.div.withConfig({
   displayName: "Styles__StyledListSeparator",
   componentId: "sc-dv1w0m-2"
 })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);

package/dist/esm/components/List/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_BoxSizingStyle","_FontStyle","StyledList","exports","styled","ul","withConfig","displayName","componentId","StyledListItem","li","BoxSizingStyle","FontStyle","StyledListSeparator","div"],"sources":["../../../../src/components/List/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  padding: 0 1rem;\n  margin: 0.25rem 0;\n  font-size: 0.875rem;\n  user-select: none;\n\n  color: var(--color-theme-900);\n  line-height: 28px;\n\n  > svg:first-child {\n    margin-right: 8px;\n  }\n\n  &:hover,\n  &:focus-visible {\n    background-color: var(--color-theme-200);\n    outline: none;\n  }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n  border-top: 1px solid var(--border-primary);\n  margin: 12px 16px;\n  height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAGE,yBAAM,CAACC,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAIlC;AAEDN,UAAU,CAACK,WAAW,GAAG,YAAY;AAE9B,MAAME,cAAc,GAAAN,OAAA,CAAAM,cAAA,GAAGL,yBAAM,CAACM,EAAE,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yTACnCG,8BAAc,EACdC,oBAAS,CAuBZ;AAEDH,cAAc,CAACF,WAAW,GAAG,gBAAgB;AAEtC,MAAMM,mBAAmB,GAAAV,OAAA,CAAAU,mBAAA,GAAGT,yBAAM,CAACU,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAI5C;AAEDK,mBAAmB,CAACN,WAAW,GAAG,qBAAqB"}
+{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","StyledList","ul","withConfig","displayName","componentId","StyledListItem","li","StyledListSeparator","div"],"sources":["../../../../src/components/List/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  padding: 0 1rem;\n  margin: 0.25rem 0;\n  font-size: 0.875rem;\n  user-select: none;\n\n  color: var(--color-theme-900);\n  line-height: 28px;\n\n  > svg:first-child {\n    margin-right: 8px;\n  }\n\n  &:hover,\n  &:focus-visible {\n    background-color: var(--color-theme-200);\n    outline: none;\n  }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n  border-top: 1px solid var(--border-primary);\n  margin: 12px 16px;\n  height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,UAAU,GAAGH,MAAM,CAACI,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAIlC;AAEDJ,UAAU,CAACG,WAAW,GAAG,YAAY;AAErC,OAAO,MAAME,cAAc,GAAGR,MAAM,CAACS,EAAE,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yTACnCN,cAAc,EACdC,SAAS,CAuBZ;AAEDM,cAAc,CAACF,WAAW,GAAG,gBAAgB;AAE7C,OAAO,MAAMI,mBAAmB,GAAGV,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAI5C;AAEDG,mBAAmB,CAACJ,WAAW,GAAG,qBAAqB"}

package/dist/esm/components/List/index.js

@@ -1,39 +1,15 @@
-"use strict";
+export * from "./List";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _List = require("./List");
-Object.keys(_List).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _List[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _List[key];
-    }
-  });
-});
-var _ListItem = require("./ListItem");
-Object.keys(_ListItem).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ListItem[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ListItem[key];
-    }
-  });
-});
-var _ListSeparator = require("./ListSeparator");
-Object.keys(_ListSeparator).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ListSeparator[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ListSeparator[key];
-    }
-  });
-});
+// @TODO:
+// Nakon refaktora List komponente na legacy AC-u i Next-u, obrisati individualne exporte.
+// Korisčenje će se svesti samo na `import { List } from @activecollab/components`.
+
+// <List>
+//   <List.Item>Hello</List.Item>
+//   ...
+//   <List.Separator />
+//   ...
+// </List>
+export * from "./ListItem";
+export * from "./ListSeparator";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_List","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ListItem","_ListSeparator"],"sources":["../../../../src/components/List/index.ts"],"sourcesContent":["export * from \"./List\";\n\n// @TODO:\n// Nakon refaktora List komponente na legacy AC-u i Next-u, obrisati individualne exporte.\n// Korisčenje će se svesti samo na `import { List } from @activecollab/components`.\n\n// <List>\n//   <List.Item>Hello</List.Item>\n//   ...\n//   <List.Separator />\n//   ...\n// </List>\nexport * from \"./ListItem\";\nexport * from \"./ListSeparator\";\n"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAYA,IAAAK,SAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,SAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,SAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,SAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,cAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,cAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,cAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,cAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/List/index.ts"],"sourcesContent":["export * from \"./List\";\n\n// @TODO:\n// Nakon refaktora List komponente na legacy AC-u i Next-u, obrisati individualne exporte.\n// Korisčenje će se svesti samo na `import { List } from @activecollab/components`.\n\n// <List>\n//   <List.Item>Hello</List.Item>\n//   ...\n//   <List.Separator />\n//   ...\n// </List>\nexport * from \"./ListItem\";\nexport * from \"./ListSeparator\";\n"],"mappings":"AAAA,cAAc,QAAQ;;AAEtB;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,YAAY;AAC1B,cAAc,iBAAiB"}

package/dist/esm/components/Loaders/Dots/DotsLoader.js

@@ -1,25 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DotsLoader = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-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 && Object.prototype.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; }
-const DotsLoader = exports.DotsLoader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import { StyledDotsLoader } from "./Styles";
+export const DotsLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     className,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledDotsLoader, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(StyledDotsLoader, _extends({
     ref: ref,
-    className: (0, _classnames.default)("c-loader c-loader--dots", className)
-  }, rest), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null));
+    className: classNames("c-loader c-loader--dots", className)
+  }, rest), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null));
 });
 DotsLoader.displayName = "DotsLoader";
 //# sourceMappingURL=DotsLoader.js.map

package/dist/esm/components/Loaders/Dots/DotsLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DotsLoader.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","DotsLoader","exports","forwardRef","_ref","ref","className","rest","createElement","StyledDotsLoader","_extends2","classNames","displayName"],"sources":["../../../../../src/components/Loaders/Dots/DotsLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledDotsLoader } from \"./Styles\";\n\nexport const DotsLoader = forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledDotsLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--dots\", className)}\n      {...rest}\n    >\n      <span />\n      <span />\n      <span />\n    </StyledDotsLoader>\n  );\n});\n\nDotsLoader.displayName = \"DotsLoader\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAA4C,SAAAI,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,SAAAN,wBAAAM,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,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAErC,MAAMY,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,iBAAU,EAGlC,CAAAC,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAAhC;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAH,IAAA;EACvB,oBACE9B,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC7B,OAAA,CAAA8B,gBAAgB,MAAAC,SAAA,CAAAxB,OAAA;IACfmB,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAE,IAAAK,mBAAU,EAAC,yBAAyB,EAAEL,SAAS;EAAE,GACxDC,IAAI,gBAERjC,MAAA,CAAAY,OAAA,CAAAsB,aAAA,aAAO,CAAC,eACRlC,MAAA,CAAAY,OAAA,CAAAsB,aAAA,aAAO,CAAC,eACRlC,MAAA,CAAAY,OAAA,CAAAsB,aAAA,aAAO,CACS,CAAC;AAEvB,CAAC,CAAC;AAEFP,UAAU,CAACW,WAAW,GAAG,YAAY"}
+{"version":3,"file":"DotsLoader.js","names":["React","forwardRef","classNames","StyledDotsLoader","DotsLoader","_ref","ref","className","rest","createElement","_extends","displayName"],"sources":["../../../../../src/components/Loaders/Dots/DotsLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledDotsLoader } from \"./Styles\";\n\nexport const DotsLoader = forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledDotsLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--dots\", className)}\n      {...rest}\n    >\n      <span />\n      <span />\n      <span />\n    </StyledDotsLoader>\n  );\n});\n\nDotsLoader.displayName = \"DotsLoader\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAE3C,OAAO,MAAMC,UAAU,gBAAGH,UAAU,CAGlC,CAAAI,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAAhC;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAH,IAAA;EACvB,oBACEL,KAAA,CAAAS,aAAA,CAACN,gBAAgB,EAAAO,QAAA;IACfJ,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAEL,UAAU,CAAC,yBAAyB,EAAEK,SAAS;EAAE,GACxDC,IAAI,gBAERR,KAAA,CAAAS,aAAA,aAAO,CAAC,eACRT,KAAA,CAAAS,aAAA,aAAO,CAAC,eACRT,KAAA,CAAAS,aAAA,aAAO,CACS,CAAC;AAEvB,CAAC,CAAC;AAEFL,UAAU,CAACO,WAAW,GAAG,YAAY"}

package/dist/esm/components/Loaders/Dots/Styles.js

@@ -1,14 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledDotsLoader = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-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 && Object.prototype.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; }
-const dotAnimation = (0, _styledComponents.keyframes)(["0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}"]);
-const StyledDotsLoader = exports.StyledDotsLoader = _styledComponents.default.span.withConfig({
+import styled, { keyframes } from "styled-components";
+const dotAnimation = keyframes(["0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}"]);
+export const StyledDotsLoader = styled.span.withConfig({
   displayName: "Styles__StyledDotsLoader",
   componentId: "sc-1f35d5h-0"
 })(["display:inline-block;text-align:center;& > span{display:inline-block;width:18px;height:18px;background-color:#777;border-radius:100%;animation:", " 1.4s infinite ease-in-out both;}span:nth-child(1){animation-delay:-0.32s;}span:nth-child(2){animation-delay:-0.16s;}"], dotAnimation);

package/dist/esm/components/Loaders/Dots/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","dotAnimation","keyframes","StyledDotsLoader","exports","styled","span","withConfig","displayName","componentId"],"sources":["../../../../../src/components/Loaders/Dots/Styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nconst dotAnimation = keyframes`\n  0%,\n  80%,\n  100% {\n    transform: scale(0);\n  }\n  40% {\n    transform: scale(1);\n  }\n`;\n\nexport const StyledDotsLoader = styled.span`\n  display: inline-block;\n  text-align: center;\n\n  & > span {\n    display: inline-block;\n    width: 18px;\n    height: 18px;\n    background-color: #777;\n    border-radius: 100%;\n    animation: ${dotAnimation} 1.4s infinite ease-in-out both;\n  }\n\n  span:nth-child(1) {\n    animation-delay: -0.32s;\n  }\n  span:nth-child(2) {\n    animation-delay: -0.16s;\n  }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAsD,SAAAC,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,SAAAH,wBAAAG,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,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEtD,MAAMY,YAAY,OAAGC,2BAAS,+DAS7B;AAEM,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iRAU1BR,YAAY,CAS5B"}
+{"version":3,"file":"Styles.js","names":["styled","keyframes","dotAnimation","StyledDotsLoader","span","withConfig","displayName","componentId"],"sources":["../../../../../src/components/Loaders/Dots/Styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nconst dotAnimation = keyframes`\n  0%,\n  80%,\n  100% {\n    transform: scale(0);\n  }\n  40% {\n    transform: scale(1);\n  }\n`;\n\nexport const StyledDotsLoader = styled.span`\n  display: inline-block;\n  text-align: center;\n\n  & > span {\n    display: inline-block;\n    width: 18px;\n    height: 18px;\n    background-color: #777;\n    border-radius: 100%;\n    animation: ${dotAnimation} 1.4s infinite ease-in-out both;\n  }\n\n  span:nth-child(1) {\n    animation-delay: -0.32s;\n  }\n  span:nth-child(2) {\n    animation-delay: -0.16s;\n  }\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB;AAErD,MAAMC,YAAY,GAAGD,SAAS,8DAS7B;AAED,OAAO,MAAME,gBAAgB,GAAGH,MAAM,CAACI,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iRAU1BL,YAAY,CAS5B"}

package/dist/esm/components/Loaders/Dots/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _DotsLoader = require("./DotsLoader");
-Object.keys(_DotsLoader).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DotsLoader[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _DotsLoader[key];
-    }
-  });
-});
+export * from "./DotsLoader";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Loaders/Dots/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_DotsLoader","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Loaders/Dots/index.ts"],"sourcesContent":["export * from \"./DotsLoader\";\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Loaders/Dots/index.ts"],"sourcesContent":["export * from \"./DotsLoader\";\n"],"mappings":"AAAA,cAAc,cAAc"}

package/dist/esm/components/Loaders/Linear/LinearLoader.js

@@ -1,16 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LinearLoader = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _Styles = require("./Styles");
-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 && Object.prototype.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; }
-const LinearLoader = exports.LinearLoader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef } from "react";
+import { StyledLinearLoader } from "./Styles";
+export const LinearLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     height = 4,
     activeStrokeColor = "var(--color-secondary)",
@@ -19,7 +10,7 @@ const LinearLoader = exports.LinearLoader = /*#__PURE__*/(0, _react.forwardRef)(
     animationDuration = 0.75,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledLinearLoader, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(StyledLinearLoader, _extends({
     ref: ref,
     $height: height,
     $activeStrokeColor: activeStrokeColor,

package/dist/esm/components/Loaders/Linear/LinearLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinearLoader.js","names":["_react","_interopRequireWildcard","require","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","LinearLoader","exports","forwardRef","_ref","ref","height","activeStrokeColor","inactiveStrokeColor","activeColorPercentage","animationDuration","rest","createElement","StyledLinearLoader","_extends2","$height","$activeStrokeColor","$inactiveStrokeColor","$activeColorPercentage","$animationDuration","displayName"],"sources":["../../../../../src/components/Loaders/Linear/LinearLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledLinearLoader } from \"./Styles\";\n\nexport interface LinearLoaderProps {\n  height?: number;\n  activeStrokeColor?: string;\n  activeColorPercentage?: \"25%\" | \"50%\" | \"75%\";\n  inactiveStrokeColor?: string;\n  animationDuration?: number;\n}\n\nexport const LinearLoader = forwardRef<HTMLDivElement, LinearLoaderProps>(\n  (\n    {\n      height = 4,\n      activeStrokeColor = \"var(--color-secondary)\",\n      inactiveStrokeColor = \"var(--color-theme-transparent-300)\",\n      activeColorPercentage = \"25%\",\n      animationDuration = 0.75,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledLinearLoader\n        ref={ref}\n        $height={height}\n        $activeStrokeColor={activeStrokeColor}\n        $inactiveStrokeColor={inactiveStrokeColor}\n        $activeColorPercentage={activeColorPercentage}\n        $animationDuration={animationDuration}\n        {...rest}\n      />\n    );\n  }\n);\n\nLinearLoader.displayName = \"LinearLoader\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAA8C,SAAAE,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,SAAAJ,wBAAAI,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,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAUvC,MAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,iBAAU,EACpC,CAAAC,IAAA,EASEC,GAAG,KACA;EAAA,IATH;IACEC,MAAM,GAAG,CAAC;IACVC,iBAAiB,GAAG,wBAAwB;IAC5CC,mBAAmB,GAAG,oCAAoC;IAC1DC,qBAAqB,GAAG,KAAK;IAC7BC,iBAAiB,GAAG,IAAI;IACxB,GAAGC;EACL,CAAC,GAAAP,IAAA;EAGD,oBACE5B,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACjC,OAAA,CAAAkC,kBAAkB,MAAAC,SAAA,CAAA5B,OAAA;IACjBmB,GAAG,EAAEA,GAAI;IACTU,OAAO,EAAET,MAAO;IAChBU,kBAAkB,EAAET,iBAAkB;IACtCU,oBAAoB,EAAET,mBAAoB;IAC1CU,sBAAsB,EAAET,qBAAsB;IAC9CU,kBAAkB,EAAET;EAAkB,GAClCC,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDV,YAAY,CAACmB,WAAW,GAAG,cAAc"}
+{"version":3,"file":"LinearLoader.js","names":["React","forwardRef","StyledLinearLoader","LinearLoader","_ref","ref","height","activeStrokeColor","inactiveStrokeColor","activeColorPercentage","animationDuration","rest","createElement","_extends","$height","$activeStrokeColor","$inactiveStrokeColor","$activeColorPercentage","$animationDuration","displayName"],"sources":["../../../../../src/components/Loaders/Linear/LinearLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledLinearLoader } from \"./Styles\";\n\nexport interface LinearLoaderProps {\n  height?: number;\n  activeStrokeColor?: string;\n  activeColorPercentage?: \"25%\" | \"50%\" | \"75%\";\n  inactiveStrokeColor?: string;\n  animationDuration?: number;\n}\n\nexport const LinearLoader = forwardRef<HTMLDivElement, LinearLoaderProps>(\n  (\n    {\n      height = 4,\n      activeStrokeColor = \"var(--color-secondary)\",\n      inactiveStrokeColor = \"var(--color-theme-transparent-300)\",\n      activeColorPercentage = \"25%\",\n      animationDuration = 0.75,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledLinearLoader\n        ref={ref}\n        $height={height}\n        $activeStrokeColor={activeStrokeColor}\n        $inactiveStrokeColor={inactiveStrokeColor}\n        $activeColorPercentage={activeColorPercentage}\n        $animationDuration={animationDuration}\n        {...rest}\n      />\n    );\n  }\n);\n\nLinearLoader.displayName = \"LinearLoader\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,kBAAkB,QAAQ,UAAU;AAU7C,OAAO,MAAMC,YAAY,gBAAGF,UAAU,CACpC,CAAAG,IAAA,EASEC,GAAG,KACA;EAAA,IATH;IACEC,MAAM,GAAG,CAAC;IACVC,iBAAiB,GAAG,wBAAwB;IAC5CC,mBAAmB,GAAG,oCAAoC;IAC1DC,qBAAqB,GAAG,KAAK;IAC7BC,iBAAiB,GAAG,IAAI;IACxB,GAAGC;EACL,CAAC,GAAAP,IAAA;EAGD,oBACEJ,KAAA,CAAAY,aAAA,CAACV,kBAAkB,EAAAW,QAAA;IACjBR,GAAG,EAAEA,GAAI;IACTS,OAAO,EAAER,MAAO;IAChBS,kBAAkB,EAAER,iBAAkB;IACtCS,oBAAoB,EAAER,mBAAoB;IAC1CS,sBAAsB,EAAER,qBAAsB;IAC9CS,kBAAkB,EAAER;EAAkB,GAClCC,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDR,YAAY,CAACgB,WAAW,GAAG,cAAc"}

package/dist/esm/components/Loaders/Linear/Styles.js

@@ -1,14 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledLinearLoader = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-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 && Object.prototype.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; }
-const moveLineAnimation = percentage => (0, _styledComponents.keyframes)(["0%{transform:translateX(", ");}100%{transform:translateX(", ");}"], percentage === "25%" ? "-110%" : percentage === "50%" ? "-70%" : "-55%", percentage === "25%" ? "400%" : percentage === "50%" ? "220%" : "200%");
-const StyledLinearLoader = exports.StyledLinearLoader = _styledComponents.default.div.withConfig({
+import styled, { keyframes } from "styled-components";
+const moveLineAnimation = percentage => keyframes(["0%{transform:translateX(", ");}100%{transform:translateX(", ");}"], percentage === "25%" ? "-110%" : percentage === "50%" ? "-70%" : "-55%", percentage === "25%" ? "400%" : percentage === "50%" ? "220%" : "200%");
+export const StyledLinearLoader = styled.div.withConfig({
   displayName: "Styles__StyledLinearLoader",
   componentId: "sc-x4ge7a-0"
 })(["width:100%;height:", "px;position:relative;overflow:hidden;background-color:", ";border-radius:", "px;&::before{content:\"\";position:absolute;top:0;border-radius:", "px;left:0;width:", ";height:100%;background-color:", ";animation:", " ", "s infinite linear;}"], props => props.$height, props => props.$inactiveStrokeColor, props => props.$height, props => props.$height, props => props.$activeColorPercentage, props => props.$activeStrokeColor, props => moveLineAnimation(props.$activeColorPercentage), props => props.$animationDuration);

package/dist/esm/components/Loaders/Linear/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","moveLineAnimation","percentage","keyframes","StyledLinearLoader","exports","styled","div","withConfig","displayName","componentId","props","$height","$inactiveStrokeColor","$activeColorPercentage","$activeStrokeColor","$animationDuration"],"sources":["../../../../../src/components/Loaders/Linear/Styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nexport interface StyledLinearLoaderProps {\n  $height: number;\n  $activeStrokeColor: string;\n  $inactiveStrokeColor: string;\n  $activeColorPercentage: \"25%\" | \"50%\" | \"75%\";\n  $animationDuration: number;\n}\n\nconst moveLineAnimation = (percentage: \"25%\" | \"50%\" | \"75%\") => keyframes`\n  0% {\n    transform: translateX(${\n      percentage === \"25%\" ? \"-110%\" : percentage === \"50%\" ? \"-70%\" : \"-55%\"\n    });\n  }\n  100% {\n    transform: translateX(${\n      percentage === \"25%\" ? \"400%\" : percentage === \"50%\" ? \"220%\" : \"200%\"\n    });\n  }\n`;\n\nexport const StyledLinearLoader = styled.div<StyledLinearLoaderProps>`\n  width: 100%;\n  height: ${(props) => props.$height}px;\n  position: relative;\n  overflow: hidden;\n  background-color: ${(props) => props.$inactiveStrokeColor};\n  border-radius: ${(props) => props.$height}px;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    border-radius: ${(props) => props.$height}px;\n    left: 0;\n    width: ${(props) => props.$activeColorPercentage};\n    height: 100%;\n    background-color: ${(props) => props.$activeStrokeColor};\n    animation: ${(props) => moveLineAnimation(props.$activeColorPercentage)}\n      ${(props) => props.$animationDuration}s infinite linear;\n  }\n`;\n\nStyledLinearLoader.displayName = \"StyledLinearLoader\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAsD,SAAAC,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,SAAAH,wBAAAG,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,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAUtD,MAAMY,iBAAiB,GAAIC,UAAiC,QAAKC,2BAAS,wEAGpED,UAAU,KAAK,KAAK,GAAG,OAAO,GAAGA,UAAU,KAAK,KAAK,GAAG,MAAM,GAAG,MAAM,EAKvEA,UAAU,KAAK,KAAK,GAAG,MAAM,GAAGA,UAAU,KAAK,KAAK,GAAG,MAAM,GAAG,MAAM,CAG3E;AAEM,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6QAE/BC,KAAK,IAAKA,KAAK,CAACC,OAAO,EAGbD,KAAK,IAAKA,KAAK,CAACE,oBAAoB,EACvCF,KAAK,IAAKA,KAAK,CAACC,OAAO,EAMrBD,KAAK,IAAKA,KAAK,CAACC,OAAO,EAE/BD,KAAK,IAAKA,KAAK,CAACG,sBAAsB,EAE3BH,KAAK,IAAKA,KAAK,CAACI,kBAAkB,EACzCJ,KAAK,IAAKV,iBAAiB,CAACU,KAAK,CAACG,sBAAsB,CAAC,EAClEH,KAAK,IAAKA,KAAK,CAACK,kBAAkB,CAE1C;AAEDZ,kBAAkB,CAACK,WAAW,GAAG,oBAAoB"}
+{"version":3,"file":"Styles.js","names":["styled","keyframes","moveLineAnimation","percentage","StyledLinearLoader","div","withConfig","displayName","componentId","props","$height","$inactiveStrokeColor","$activeColorPercentage","$activeStrokeColor","$animationDuration"],"sources":["../../../../../src/components/Loaders/Linear/Styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nexport interface StyledLinearLoaderProps {\n  $height: number;\n  $activeStrokeColor: string;\n  $inactiveStrokeColor: string;\n  $activeColorPercentage: \"25%\" | \"50%\" | \"75%\";\n  $animationDuration: number;\n}\n\nconst moveLineAnimation = (percentage: \"25%\" | \"50%\" | \"75%\") => keyframes`\n  0% {\n    transform: translateX(${\n      percentage === \"25%\" ? \"-110%\" : percentage === \"50%\" ? \"-70%\" : \"-55%\"\n    });\n  }\n  100% {\n    transform: translateX(${\n      percentage === \"25%\" ? \"400%\" : percentage === \"50%\" ? \"220%\" : \"200%\"\n    });\n  }\n`;\n\nexport const StyledLinearLoader = styled.div<StyledLinearLoaderProps>`\n  width: 100%;\n  height: ${(props) => props.$height}px;\n  position: relative;\n  overflow: hidden;\n  background-color: ${(props) => props.$inactiveStrokeColor};\n  border-radius: ${(props) => props.$height}px;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    border-radius: ${(props) => props.$height}px;\n    left: 0;\n    width: ${(props) => props.$activeColorPercentage};\n    height: 100%;\n    background-color: ${(props) => props.$activeStrokeColor};\n    animation: ${(props) => moveLineAnimation(props.$activeColorPercentage)}\n      ${(props) => props.$animationDuration}s infinite linear;\n  }\n`;\n\nStyledLinearLoader.displayName = \"StyledLinearLoader\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB;AAUrD,MAAMC,iBAAiB,GAAIC,UAAiC,IAAKF,SAAS,uEAGpEE,UAAU,KAAK,KAAK,GAAG,OAAO,GAAGA,UAAU,KAAK,KAAK,GAAG,MAAM,GAAG,MAAM,EAKvEA,UAAU,KAAK,KAAK,GAAG,MAAM,GAAGA,UAAU,KAAK,KAAK,GAAG,MAAM,GAAG,MAAM,CAG3E;AAED,OAAO,MAAMC,kBAAkB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6QAE/BC,KAAK,IAAKA,KAAK,CAACC,OAAO,EAGbD,KAAK,IAAKA,KAAK,CAACE,oBAAoB,EACvCF,KAAK,IAAKA,KAAK,CAACC,OAAO,EAMrBD,KAAK,IAAKA,KAAK,CAACC,OAAO,EAE/BD,KAAK,IAAKA,KAAK,CAACG,sBAAsB,EAE3BH,KAAK,IAAKA,KAAK,CAACI,kBAAkB,EACzCJ,KAAK,IAAKP,iBAAiB,CAACO,KAAK,CAACG,sBAAsB,CAAC,EAClEH,KAAK,IAAKA,KAAK,CAACK,kBAAkB,CAE1C;AAEDV,kBAAkB,CAACG,WAAW,GAAG,oBAAoB"}

package/dist/esm/components/Loaders/Linear/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _LinearLoader = require("./LinearLoader");
-Object.keys(_LinearLoader).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _LinearLoader[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _LinearLoader[key];
-    }
-  });
-});
+export * from "./LinearLoader";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Loaders/Linear/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_LinearLoader","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Loaders/Linear/index.ts"],"sourcesContent":["export * from \"./LinearLoader\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Loaders/Linear/index.ts"],"sourcesContent":["export * from \"./LinearLoader\";\n"],"mappings":"AAAA,cAAc,gBAAgB"}

package/dist/esm/components/Loaders/Skeleton/SkeletonLoader.js

@@ -1,24 +1,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SkeletonLoader = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-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 && Object.prototype.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; }
-const SkeletonLoader = exports.SkeletonLoader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import { StyledSkeletonLoader } from "./Styles";
+export const SkeletonLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     className,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledSkeletonLoader, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(StyledSkeletonLoader, _extends({
     ref: ref,
-    className: (0, _classnames.default)("c-loader c-loader--linear", className)
+    className: classNames("c-loader c-loader--linear", className)
   }, rest));
 });
 SkeletonLoader.displayName = "SkeletonLoader";

package/dist/esm/components/Loaders/Skeleton/SkeletonLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonLoader.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SkeletonLoader","exports","forwardRef","_ref","ref","className","rest","createElement","StyledSkeletonLoader","_extends2","classNames","displayName"],"sources":["../../../../../src/components/Loaders/Skeleton/SkeletonLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledSkeletonLoader } from \"./Styles\";\n\nexport const SkeletonLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledSkeletonLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--linear\", className)}\n      {...rest}\n    />\n  );\n});\n\nSkeletonLoader.displayName = \"SkeletonLoader\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAgD,SAAAI,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,SAAAN,wBAAAM,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,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEzC,MAAMY,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,iBAAU,EAGtC,CAAAC,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAAhC;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAH,IAAA;EACvB,oBACE9B,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC7B,OAAA,CAAA8B,oBAAoB,MAAAC,SAAA,CAAAxB,OAAA;IACnBmB,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAE,IAAAK,mBAAU,EAAC,2BAA2B,EAAEL,SAAS;EAAE,GAC1DC,IAAI,CACT,CAAC;AAEN,CAAC,CAAC;AAEFN,cAAc,CAACW,WAAW,GAAG,gBAAgB"}
+{"version":3,"file":"SkeletonLoader.js","names":["React","forwardRef","classNames","StyledSkeletonLoader","SkeletonLoader","_ref","ref","className","rest","createElement","_extends","displayName"],"sources":["../../../../../src/components/Loaders/Skeleton/SkeletonLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledSkeletonLoader } from \"./Styles\";\n\nexport const SkeletonLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledSkeletonLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--linear\", className)}\n      {...rest}\n    />\n  );\n});\n\nSkeletonLoader.displayName = \"SkeletonLoader\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,oBAAoB,QAAQ,UAAU;AAE/C,OAAO,MAAMC,cAAc,gBAAGH,UAAU,CAGtC,CAAAI,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAAhC;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAH,IAAA;EACvB,oBACEL,KAAA,CAAAS,aAAA,CAACN,oBAAoB,EAAAO,QAAA;IACnBJ,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAEL,UAAU,CAAC,2BAA2B,EAAEK,SAAS;EAAE,GAC1DC,IAAI,CACT,CAAC;AAEN,CAAC,CAAC;AAEFJ,cAAc,CAACO,WAAW,GAAG,gBAAgB"}

package/dist/esm/components/Loaders/Skeleton/Styles.js

@@ -1,14 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledSkeletonLoader = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-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 && Object.prototype.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; }
-const linearAnimation = (0, _styledComponents.keyframes)(["0%{background-position:left;}100%{background-position:right;}"]);
-const StyledSkeletonLoader = exports.StyledSkeletonLoader = _styledComponents.default.div.withConfig({
+import styled, { keyframes } from "styled-components";
+const linearAnimation = keyframes(["0%{background-position:left;}100%{background-position:right;}"]);
+export const StyledSkeletonLoader = styled.div.withConfig({
   displayName: "Styles__StyledSkeletonLoader",
   componentId: "sc-1n0a2yl-0"
 })(["width:70%;background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.05) 50%,rgba(255,255,255,0) 60% );background-size:400%;height:16px;border-radius:8px;.neon &{background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0) 60% );background-size:500%;}animation-duration:1s;animation-iteration-count:infinite;animation-name:", ";animation-timing-function:linear;animation-direction:reverse;"], linearAnimation);

package/dist/esm/components/Loaders/Skeleton/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","linearAnimation","keyframes","StyledSkeletonLoader","exports","styled","div","withConfig","displayName","componentId"],"sources":["../../../../../src/components/Loaders/Skeleton/Styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nconst linearAnimation = keyframes`\n  0% {\n    background-position: left;\n  }\n  100% {\n    background-position: right;\n  }\n`;\n\nexport const StyledSkeletonLoader = styled.div`\n  width: 70%;\n  background: linear-gradient(\n    90deg,\n    rgba(255, 255, 255, 0) 20%,\n    rgba(0, 0, 0, 0.05) 50%,\n    rgba(255, 255, 255, 0) 60%\n  );\n  background-size: 400%;\n  height: 16px;\n  border-radius: 8px;\n  .neon & {\n    background: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 20%,\n      rgba(0, 0, 0, 0.2) 50%,\n      rgba(255, 255, 255, 0) 60%\n    );\n    background-size: 500%;\n  }\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-name: ${linearAnimation};\n  animation-timing-function: linear;\n  animation-direction: reverse;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAsD,SAAAC,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,SAAAH,wBAAAG,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,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEtD,MAAMY,eAAe,OAAGC,2BAAS,oEAOhC;AAEM,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+bAsB1BR,eAAe,CAGlC"}
+{"version":3,"file":"Styles.js","names":["styled","keyframes","linearAnimation","StyledSkeletonLoader","div","withConfig","displayName","componentId"],"sources":["../../../../../src/components/Loaders/Skeleton/Styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nconst linearAnimation = keyframes`\n  0% {\n    background-position: left;\n  }\n  100% {\n    background-position: right;\n  }\n`;\n\nexport const StyledSkeletonLoader = styled.div`\n  width: 70%;\n  background: linear-gradient(\n    90deg,\n    rgba(255, 255, 255, 0) 20%,\n    rgba(0, 0, 0, 0.05) 50%,\n    rgba(255, 255, 255, 0) 60%\n  );\n  background-size: 400%;\n  height: 16px;\n  border-radius: 8px;\n  .neon & {\n    background: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 20%,\n      rgba(0, 0, 0, 0.2) 50%,\n      rgba(255, 255, 255, 0) 60%\n    );\n    background-size: 500%;\n  }\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-name: ${linearAnimation};\n  animation-timing-function: linear;\n  animation-direction: reverse;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB;AAErD,MAAMC,eAAe,GAAGD,SAAS,mEAOhC;AAED,OAAO,MAAME,oBAAoB,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+bAsB1BL,eAAe,CAGlC"}

package/dist/esm/components/Loaders/Skeleton/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _SkeletonLoader = require("./SkeletonLoader");
-Object.keys(_SkeletonLoader).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _SkeletonLoader[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SkeletonLoader[key];
-    }
-  });
-});
+export * from "./SkeletonLoader";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Loaders/Skeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_SkeletonLoader","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Loaders/Skeleton/index.ts"],"sourcesContent":["export * from \"./SkeletonLoader\";\n"],"mappings":";;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Loaders/Skeleton/index.ts"],"sourcesContent":["export * from \"./SkeletonLoader\";\n"],"mappings":"AAAA,cAAc,kBAAkB"}

package/dist/esm/components/Loaders/Spinner/SpinnerLoader.js

@@ -1,16 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SpinnerLoader = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _Styles = require("./Styles");
-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 && Object.prototype.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; }
-const SpinnerLoader = exports.SpinnerLoader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef } from "react";
+import { StyledSpinnerLoader } from "./Styles";
+export const SpinnerLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     radius = 10,
     stroke = 2,
@@ -21,7 +12,7 @@ const SpinnerLoader = exports.SpinnerLoader = /*#__PURE__*/(0, _react.forwardRef
     className,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledSpinnerLoader, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(StyledSpinnerLoader, _extends({
     ref: ref,
     className: className,
     $diameter: radius * 2,

package/dist/esm/components/Loaders/Spinner/SpinnerLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinnerLoader.js","names":["_react","_interopRequireWildcard","require","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SpinnerLoader","exports","forwardRef","_ref","ref","radius","stroke","activeStrokeColor","inactiveStrokeColor","activeColorPercentage","rotateDurationInSeconds","className","rest","createElement","StyledSpinnerLoader","_extends2","$diameter","$stroke","$activeStrokeColor","$inactiveStrokeColor","$activeColorPercentage","$rotateDurationInSeconds","displayName"],"sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledSpinnerLoader } from \"./Styles\";\n\nexport interface SpinnerLoaderProps {\n  /** Loader circumference size */\n  radius?: number;\n  /** Stroke width of the loader */\n  stroke?: number;\n  /** Active color of spinning loader */\n  activeStrokeColor?: string;\n  /** Percentage of the circle which the active color takes */\n  activeColorPercentage?: \"25%\" | \"50%\" | \"75%\";\n  /** Inactive color of spinning loader */\n  inactiveStrokeColor?: string;\n  /** Rotate speed of animation in seconds */\n  rotateDurationInSeconds?: number;\n}\n\nexport const SpinnerLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & SpinnerLoaderProps\n>(\n  (\n    {\n      radius = 10,\n      stroke = 2,\n      activeStrokeColor = \"var(--color-secondary)\",\n      inactiveStrokeColor = \"var(--color-theme-transparent-300)\",\n      activeColorPercentage = \"25%\",\n      rotateDurationInSeconds = 0.75,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSpinnerLoader\n        ref={ref}\n        className={className}\n        $diameter={radius * 2}\n        $stroke={stroke}\n        $activeStrokeColor={activeStrokeColor}\n        $inactiveStrokeColor={inactiveStrokeColor}\n        $activeColorPercentage={activeColorPercentage}\n        $rotateDurationInSeconds={rotateDurationInSeconds}\n        {...rest}\n      />\n    );\n  }\n);\n\nSpinnerLoader.displayName = \"SpinnerLoader\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAA+C,SAAAE,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,SAAAJ,wBAAAI,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,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAiBxC,MAAMY,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,iBAAU,EAIrC,CAAAC,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;IACEC,MAAM,GAAG,EAAE;IACXC,MAAM,GAAG,CAAC;IACVC,iBAAiB,GAAG,wBAAwB;IAC5CC,mBAAmB,GAAG,oCAAoC;IAC1DC,qBAAqB,GAAG,KAAK;IAC7BC,uBAAuB,GAAG,IAAI;IAC9BC,SAAS;IACT,GAAGC;EACL,CAAC,GAAAT,IAAA;EAGD,oBACE5B,MAAA,CAAAU,OAAA,CAAA4B,aAAA,CAACnC,OAAA,CAAAoC,mBAAmB,MAAAC,SAAA,CAAA9B,OAAA;IAClBmB,GAAG,EAAEA,GAAI;IACTO,SAAS,EAAEA,SAAU;IACrBK,SAAS,EAAEX,MAAM,GAAG,CAAE;IACtBY,OAAO,EAAEX,MAAO;IAChBY,kBAAkB,EAAEX,iBAAkB;IACtCY,oBAAoB,EAAEX,mBAAoB;IAC1CY,sBAAsB,EAAEX,qBAAsB;IAC9CY,wBAAwB,EAAEX;EAAwB,GAC9CE,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDZ,aAAa,CAACsB,WAAW,GAAG,eAAe"}
+{"version":3,"file":"SpinnerLoader.js","names":["React","forwardRef","StyledSpinnerLoader","SpinnerLoader","_ref","ref","radius","stroke","activeStrokeColor","inactiveStrokeColor","activeColorPercentage","rotateDurationInSeconds","className","rest","createElement","_extends","$diameter","$stroke","$activeStrokeColor","$inactiveStrokeColor","$activeColorPercentage","$rotateDurationInSeconds","displayName"],"sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledSpinnerLoader } from \"./Styles\";\n\nexport interface SpinnerLoaderProps {\n  /** Loader circumference size */\n  radius?: number;\n  /** Stroke width of the loader */\n  stroke?: number;\n  /** Active color of spinning loader */\n  activeStrokeColor?: string;\n  /** Percentage of the circle which the active color takes */\n  activeColorPercentage?: \"25%\" | \"50%\" | \"75%\";\n  /** Inactive color of spinning loader */\n  inactiveStrokeColor?: string;\n  /** Rotate speed of animation in seconds */\n  rotateDurationInSeconds?: number;\n}\n\nexport const SpinnerLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & SpinnerLoaderProps\n>(\n  (\n    {\n      radius = 10,\n      stroke = 2,\n      activeStrokeColor = \"var(--color-secondary)\",\n      inactiveStrokeColor = \"var(--color-theme-transparent-300)\",\n      activeColorPercentage = \"25%\",\n      rotateDurationInSeconds = 0.75,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSpinnerLoader\n        ref={ref}\n        className={className}\n        $diameter={radius * 2}\n        $stroke={stroke}\n        $activeStrokeColor={activeStrokeColor}\n        $inactiveStrokeColor={inactiveStrokeColor}\n        $activeColorPercentage={activeColorPercentage}\n        $rotateDurationInSeconds={rotateDurationInSeconds}\n        {...rest}\n      />\n    );\n  }\n);\n\nSpinnerLoader.displayName = \"SpinnerLoader\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,mBAAmB,QAAQ,UAAU;AAiB9C,OAAO,MAAMC,aAAa,gBAAGF,UAAU,CAIrC,CAAAG,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;IACEC,MAAM,GAAG,EAAE;IACXC,MAAM,GAAG,CAAC;IACVC,iBAAiB,GAAG,wBAAwB;IAC5CC,mBAAmB,GAAG,oCAAoC;IAC1DC,qBAAqB,GAAG,KAAK;IAC7BC,uBAAuB,GAAG,IAAI;IAC9BC,SAAS;IACT,GAAGC;EACL,CAAC,GAAAT,IAAA;EAGD,oBACEJ,KAAA,CAAAc,aAAA,CAACZ,mBAAmB,EAAAa,QAAA;IAClBV,GAAG,EAAEA,GAAI;IACTO,SAAS,EAAEA,SAAU;IACrBI,SAAS,EAAEV,MAAM,GAAG,CAAE;IACtBW,OAAO,EAAEV,MAAO;IAChBW,kBAAkB,EAAEV,iBAAkB;IACtCW,oBAAoB,EAAEV,mBAAoB;IAC1CW,sBAAsB,EAAEV,qBAAsB;IAC9CW,wBAAwB,EAAEV;EAAwB,GAC9CE,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDV,aAAa,CAACmB,WAAW,GAAG,eAAe"}