@activecollab/components 2.0.264 → 2.0.266

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Label/index.ts"],"sourcesContent":["export * from \"./Label\";\n"],"mappings":"AAAA,cAAc,SAAS"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Label/index.ts"],"sourcesContent":["export * from \"./Label\";\n"],"mappings":"AAAA,cAAc,SAAS","ignoreList":[]}

package/dist/esm/components/Links/BackLink.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "className"];
 import React from "react";
 import classNames from "classnames";
 import { StyledBackLink } from "./Styles";
@@ -7,10 +9,10 @@ import { StyledBackLink } from "./Styles";
  */
 export const BackLink = _ref => {
   let {
-    children,
-    className,
-    ...args
-  } = _ref;
+      children,
+      className
+    } = _ref,
+    args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledBackLink, _extends({
     className: classNames("c-back-link", className)
   }, args), children);

package/dist/esm/components/Links/BackLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackLink.js","names":["React","classNames","StyledBackLink","BackLink","_ref","children","className","args","createElement","_extends","displayName"],"sources":["../../../../src/components/Links/BackLink.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledBackLink } from \"./Styles\";\n\nexport interface IBackLinkProps extends BaseHTMLAttributes<HTMLAnchorElement> {\n  /** Children type of node or string */\n  children: string;\n  /** CSS classes */\n  className?: string;\n}\n/**\n * Back link component\n */\nexport const BackLink: FC<IBackLinkProps> = ({\n  children,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledBackLink className={classNames(\"c-back-link\", className)} {...args}>\n      {children}\n    </StyledBackLink>\n  );\n};\n\nBackLink.displayName = \"BackLink\";\n"],"mappings":";AAAA,OAAOA,KAAK,MAAkC,OAAO;AAErD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,QAAQ,UAAU;AAQzC;AACA;AACA;AACA,OAAO,MAAMC,QAA4B,GAAGC,IAAA,IAItC;EAAA,IAJuC;IAC3CC,QAAQ;IACRC,SAAS;IACT,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBACEJ,KAAA,CAAAQ,aAAA,CAACN,cAAc,EAAAO,QAAA;IAACH,SAAS,EAAEL,UAAU,CAAC,aAAa,EAAEK,SAAS;EAAE,GAAKC,IAAI,GACtEF,QACa,CAAC;AAErB,CAAC;AAEDF,QAAQ,CAACO,WAAW,GAAG,UAAU"}
+{"version":3,"file":"BackLink.js","names":["React","classNames","StyledBackLink","BackLink","_ref","children","className","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/Links/BackLink.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledBackLink } from \"./Styles\";\n\nexport interface IBackLinkProps extends BaseHTMLAttributes<HTMLAnchorElement> {\n  /** Children type of node or string */\n  children: string;\n  /** CSS classes */\n  className?: string;\n}\n/**\n * Back link component\n */\nexport const BackLink: FC<IBackLinkProps> = ({\n  children,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledBackLink className={classNames(\"c-back-link\", className)} {...args}>\n      {children}\n    </StyledBackLink>\n  );\n};\n\nBackLink.displayName = \"BackLink\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAkC,OAAO;AAErD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,QAAQ,UAAU;AAQzC;AACA;AACA;AACA,OAAO,MAAMC,QAA4B,GAAGC,IAAA,IAItC;EAAA,IAJuC;MAC3CC,QAAQ;MACRC;IAEF,CAAC,GAAAF,IAAA;IADIG,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAEP,oBACET,KAAA,CAAAU,aAAA,CAACR,cAAc,EAAAS,QAAA;IAACL,SAAS,EAAEL,UAAU,CAAC,aAAa,EAAEK,SAAS;EAAE,GAAKC,IAAI,GACtEF,QACa,CAAC;AAErB,CAAC;AAEDF,QAAQ,CAACS,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/esm/components/Links/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Links/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,kBAAkB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAKzE,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,UAAW,SAAQ,kBAAkB,CAAC,WAAW,CAAC;IACjE,sCAAsC;IACtC,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,sBAAsB;IACtB,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,GAClB,eAAe,GACf,mBAAmB,GACnB,gBAAgB,CAAC;IACrB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IACvB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAC/C,gCAAgC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAC5D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAChB,KAAK,CAAC,YAAY,GAAG,SAAS,GAAG,IAAI,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,aAAa,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CA0DxD,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Links/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,kBAAkB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAKzE,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,UAAW,SAAQ,kBAAkB,CAAC,WAAW,CAAC;IACjE,sCAAsC;IACtC,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,sBAAsB;IACtB,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,GAClB,eAAe,GACf,mBAAmB,GACnB,gBAAgB,CAAC;IACrB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IACvB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAC/C,gCAAgC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAC5D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAChB,KAAK,CAAC,YAAY,GAAG,SAAS,GAAG,IAAI,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,aAAa,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CA4DxD,CAAC"}

package/dist/esm/components/Links/Link.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["as", "children", "variant", "size", "disabled", "className"];
 import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledLink, StyledLinkElement, StyledLinkElements } from "./Styles";
@@ -7,14 +9,14 @@ import { StyledLink, StyledLinkElement, StyledLinkElements } from "./Styles";
  */
 export const Link = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    as,
-    children,
-    variant = "contained",
-    size,
-    disabled = false,
-    className,
-    ...args
-  } = _ref;
+      as,
+      children,
+      variant = "contained",
+      size,
+      disabled = false,
+      className
+    } = _ref,
+    args = _objectWithoutPropertiesLoose(_ref, _excluded);
   const Component = as || "a";
   return /*#__PURE__*/React.createElement(StyledLink, _extends({
     ref: ref,

package/dist/esm/components/Links/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["React","forwardRef","classNames","StyledLink","StyledLinkElement","StyledLinkElements","Link","_ref","ref","as","children","variant","size","disabled","className","args","Component","createElement","_extends","Object","Array","$iconOnly","map","value","index","key","displayName"],"sources":["../../../../src/components/Links/Link.tsx"],"sourcesContent":["import React, { BaseHTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\nexport interface ILinkProps extends BaseHTMLAttributes<HTMLElement> {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\"\n    | \"text link-primary\"\n    | \"text link-gray\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\nexport type LinkProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ILinkProps>;\n\nexport type LinkComponent = <C extends React.ElementType = \"a\">(\n  props: LinkProps<C>\n) => React.ReactElement | ReactNode | null;\n\n/**\n * Link component\n */\nexport const Link: LinkComponent & { displayName?: string } = forwardRef(\n  <C extends React.ElementType = \"a\">(\n    {\n      as,\n      children,\n      variant = \"contained\",\n      size,\n      disabled = false,\n      className,\n      ...args\n    }: LinkProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n\n    return (\n      <StyledLink\n        ref={ref}\n        as={Component}\n        disabled={disabled}\n        className={classNames(\"c-link\", className, {\n          \"c-link--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-link--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-link--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-link--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-link--dark_transparent\": variant === \"dark transparent\",\n          \"c-link--circle_raised\": variant === \"circle raised\",\n          \"c-link--big\": size === \"big\",\n          \"c-link--small\": size === \"small\",\n          \"c-link--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n          \"c-link--disabled\": disabled,\n        })}\n        variant={variant}\n        size={size}\n        $iconOnly={children instanceof Object && !(children instanceof Array)}\n        {...args}\n      >\n        {children instanceof Array ? (\n          <StyledLinkElements className=\"c-link__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledLinkElement\n                  className=\"c-link__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledLinkElement>\n              ) : null\n            )}\n          </StyledLinkElements>\n        ) : (\n          children\n        )}\n      </StyledLink>\n    );\n  }\n);\n\nLink.displayName = \"Link\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAmCC,UAAU,QAAQ,OAAO;AAExE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,UAAU,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,UAAU;AAsC5E;AACA;AACA;AACA,OAAO,MAAMC,IAA8C,gBAAGL,UAAU,CACtE,CAAAM,IAAA,EAUEC,GAAuB,KACpB;EAAA,IAVH;IACEC,EAAE;IACFC,QAAQ;IACRC,OAAO,GAAG,WAAW;IACrBC,IAAI;IACJC,QAAQ,GAAG,KAAK;IAChBC,SAAS;IACT,GAAGC;EACS,CAAC,GAAAR,IAAA;EAGf,MAAMS,SAAS,GAAGP,EAAE,IAAI,GAAG;EAE3B,oBACET,KAAA,CAAAiB,aAAA,CAACd,UAAU,EAAAe,QAAA;IACTV,GAAG,EAAEA,GAAI;IACTC,EAAE,EAAEO,SAAU;IACdH,QAAQ,EAAEA,QAAS;IACnBC,SAAS,EAAEZ,UAAU,CAAC,QAAQ,EAAEY,SAAS,EAAE;MACzC,mBAAmB,EAAEH,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,WAAW;MACrE,kBAAkB,EAAEA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU;MACrE,sBAAsB,EACpBA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,cAAc;MACtD,mBAAmB,EAAEA,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,WAAW;MACpE,0BAA0B,EAAEA,OAAO,KAAK,kBAAkB;MAC1D,uBAAuB,EAAEA,OAAO,KAAK,eAAe;MACpD,aAAa,EAAEC,IAAI,KAAK,KAAK;MAC7B,eAAe,EAAEA,IAAI,KAAK,OAAO;MACjC,mBAAmB,EACjBF,QAAQ,YAAYS,MAAM,IAAI,EAAET,QAAQ,YAAYU,KAAK,CAAC;MAC5D,kBAAkB,EAAEP;IACtB,CAAC,CAAE;IACHF,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXS,SAAS,EAAEX,QAAQ,YAAYS,MAAM,IAAI,EAAET,QAAQ,YAAYU,KAAK;EAAE,GAClEL,IAAI,GAEPL,QAAQ,YAAYU,KAAK,gBACxBpB,KAAA,CAAAiB,aAAA,CAACZ,kBAAkB;IAACS,SAAS,EAAC;EAAkB,GAC7CJ,QAAQ,CAACY,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KACzBD,KAAK,gBACHvB,KAAA,CAAAiB,aAAA,CAACb,iBAAiB;IAChBU,SAAS,EAAC,2BAA2B;IACrCW,GAAG,EAAED;EAAM,GAEVD,KACgB,CAAC,GAClB,IACN,CACkB,CAAC,GAErBb,QAEQ,CAAC;AAEjB,CACF,CAAC;AAEDJ,IAAI,CAACoB,WAAW,GAAG,MAAM"}
+{"version":3,"file":"Link.js","names":["React","forwardRef","classNames","StyledLink","StyledLinkElement","StyledLinkElements","Link","_ref","ref","as","children","variant","size","disabled","className","args","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends","Object","Array","$iconOnly","map","value","index","key","displayName"],"sources":["../../../../src/components/Links/Link.tsx"],"sourcesContent":["import React, { BaseHTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\nexport interface ILinkProps extends BaseHTMLAttributes<HTMLElement> {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\"\n    | \"text link-primary\"\n    | \"text link-gray\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\nexport type LinkProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ILinkProps>;\n\nexport type LinkComponent = <C extends React.ElementType = \"a\">(\n  props: LinkProps<C>\n) => React.ReactElement | ReactNode | null;\n\n/**\n * Link component\n */\nexport const Link: LinkComponent & { displayName?: string } = forwardRef(\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore - due to @node/types making ts more strict\n  <C extends React.ElementType = \"a\">(\n    {\n      as,\n      children,\n      variant = \"contained\",\n      size,\n      disabled = false,\n      className,\n      ...args\n    }: LinkProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n\n    return (\n      <StyledLink\n        ref={ref}\n        as={Component}\n        disabled={disabled}\n        className={classNames(\"c-link\", className, {\n          \"c-link--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-link--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-link--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-link--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-link--dark_transparent\": variant === \"dark transparent\",\n          \"c-link--circle_raised\": variant === \"circle raised\",\n          \"c-link--big\": size === \"big\",\n          \"c-link--small\": size === \"small\",\n          \"c-link--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n          \"c-link--disabled\": disabled,\n        })}\n        variant={variant}\n        size={size}\n        $iconOnly={children instanceof Object && !(children instanceof Array)}\n        {...args}\n      >\n        {children instanceof Array ? (\n          <StyledLinkElements className=\"c-link__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledLinkElement\n                  className=\"c-link__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledLinkElement>\n              ) : null\n            )}\n          </StyledLinkElements>\n        ) : (\n          children\n        )}\n      </StyledLink>\n    );\n  }\n);\n\nLink.displayName = \"Link\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAmCC,UAAU,QAAQ,OAAO;AAExE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,UAAU,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,UAAU;AAsC5E;AACA;AACA;AACA,OAAO,MAAMC,IAA8C,gBAAGL,UAAU,CAGtE,CAAAM,IAAA,EAUEC,GAAuB,KACpB;EAAA,IAVH;MACEC,EAAE;MACFC,QAAQ;MACRC,OAAO,GAAG,WAAW;MACrBC,IAAI;MACJC,QAAQ,GAAG,KAAK;MAChBC;IAEY,CAAC,GAAAP,IAAA;IADVQ,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EAIT,MAAMC,SAAS,GAAGT,EAAE,IAAI,GAAG;EAE3B,oBACET,KAAA,CAAAmB,aAAA,CAAChB,UAAU,EAAAiB,QAAA;IACTZ,GAAG,EAAEA,GAAI;IACTC,EAAE,EAAES,SAAU;IACdL,QAAQ,EAAEA,QAAS;IACnBC,SAAS,EAAEZ,UAAU,CAAC,QAAQ,EAAEY,SAAS,EAAE;MACzC,mBAAmB,EAAEH,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,WAAW;MACrE,kBAAkB,EAAEA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU;MACrE,sBAAsB,EACpBA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,cAAc;MACtD,mBAAmB,EAAEA,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,WAAW;MACpE,0BAA0B,EAAEA,OAAO,KAAK,kBAAkB;MAC1D,uBAAuB,EAAEA,OAAO,KAAK,eAAe;MACpD,aAAa,EAAEC,IAAI,KAAK,KAAK;MAC7B,eAAe,EAAEA,IAAI,KAAK,OAAO;MACjC,mBAAmB,EACjBF,QAAQ,YAAYW,MAAM,IAAI,EAAEX,QAAQ,YAAYY,KAAK,CAAC;MAC5D,kBAAkB,EAAET;IACtB,CAAC,CAAE;IACHF,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXW,SAAS,EAAEb,QAAQ,YAAYW,MAAM,IAAI,EAAEX,QAAQ,YAAYY,KAAK;EAAE,GAClEP,IAAI,GAEPL,QAAQ,YAAYY,KAAK,gBACxBtB,KAAA,CAAAmB,aAAA,CAACd,kBAAkB;IAACS,SAAS,EAAC;EAAkB,GAC7CJ,QAAQ,CAACc,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KACzBD,KAAK,gBACHzB,KAAA,CAAAmB,aAAA,CAACf,iBAAiB;IAChBU,SAAS,EAAC,2BAA2B;IACrCa,GAAG,EAAED;EAAM,GAEVD,KACgB,CAAC,GAClB,IACN,CACkB,CAAC,GAErBf,QAEQ,CAAC;AAEjB,CACF,CAAC;AAEDJ,IAAI,CAACsB,WAAW,GAAG,MAAM","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledLinkElement","div","withConfig","displayName","componentId","StyledLink","a","props","disabled","size","variant","$iconOnly","StyledLinkElements","StyledBackLink"],"sources":["../../../../src/components/Links/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { ILinkProps } from \"./Link\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledLinkProps extends ILinkProps {\n  $iconOnly: boolean;\n}\n\nexport const StyledLinkElement = styled.div``;\n\nexport const StyledLink = styled.a<StyledLinkProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n  ${tw`\n    tw-antialiased\n    tw-font-medium\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-inline-flex\n    tw-items-center\n    tw-justify-center`}\n\n  border: none;\n  height: 32px;\n  transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease,\n    border-color 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n      pointer-events: none;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" || props.variant === \"contained\") &&\n    css`\n      padding: 0 16px;\n      background-color: var(--color-primary);\n      border-radius: 16px;\n      color: var(--color-theme-100);\n\n      &:focus,\n      &:hover {\n        box-shadow: 0 3px 6px -2px var(--color-primary-500);\n        background-color: var(--color-primary-800);\n      }\n\n      &:active {\n        box-shadow: 0 4px 10px -2px var(--color-primary-600);\n        background-color: var(--color-primary-800);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n    css`\n      padding: 0 16px;\n      background-color: transparent;\n      border-radius: 16px;\n      border: solid 1px var(--color-theme-600);\n      color: var(--color-theme-600);\n\n      &:focus,\n      &:hover {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      }\n\n      &:active {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n        background-color: var(--color-primary-200);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: 6px;\n      color: var(--color-primary);\n\n      &:focus,\n      &:hover {\n        background-color: var(--color-primary-200);\n      }\n\n      &:active {\n        background-color: var(--color-primary-300);\n      }\n    `}\n\n   ${(props) =>\n    (props.variant === \"option\" || props.variant === \"text gray\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: 6px;\n      color: var(--color-theme-600);\n\n      &:focus,\n      &:hover {\n        background-color: var(--color-theme-300);\n        color: var(--color-theme-900);\n      }\n\n      &:active {\n        background-color: var(--color-theme-400);\n        color: var(--color-theme-900);\n      }\n    `}\n\n   ${(props) =>\n    props.variant === \"dark transparent\" &&\n    css`\n      padding: 0 8px;\n      background-color: rgba(0, 0, 0, 0.5);\n      border-radius: var(--ac-br-6);\n      color: var(--only-white);\n\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.85);\n      }\n\n      &:active {\n        background-color: var(--only-black);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"circle raised\" &&\n    css`\n      padding: 0 6px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      color: var(--color-theme-700);\n      transition: ease 0.3s all;\n\n      &:hover {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary);\n      }\n\n      &:active {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    `}\n\n    ${(props) =>\n    props.variant === \"text link-primary\" &&\n    css`\n      line-height: 14px;\n      letter-spacing: 0.25px;\n      color: var(--color-primary);\n      text-decoration: underline var(--color-primary);\n      text-underline-offset: 3px;\n      height: fit-content;\n\n      &:hover {\n        text-decoration: none;\n      }\n\n      &:focus {\n        text-decoration: none;\n        outline: 1px solid var(--color-primary);\n        outline-offset: 2px;\n        border-radius: 2px;\n      }\n    `}\n\n    ${(props) =>\n    props.variant === \"text link-gray\" &&\n    css`\n      line-height: 14px;\n      letter-spacing: 0.25px;\n      color: var(--color-theme-700);\n      text-decoration: underline var(--color-theme-700);\n      text-underline-offset: 3px;\n      height: fit-content;\n\n      &:hover {\n        text-decoration: none;\n      }\n\n      &:focus {\n        text-decoration: none;\n        outline: 1px solid var(--color-primary);\n        outline-offset: 2px;\n        border-radius: 2px;\n      }\n    `}\n\n\n   ${(props) =>\n    props.$iconOnly &&\n    css`\n      padding: 0;\n      width: 32px;\n\n      ${props.size === \"small\" &&\n      css`\n        radius: 16px;\n        width: 24px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        radius: 20px;\n        width: 40px;\n      `}\n    `}\n\n   ${(props) =>\n    (props.variant === \"primary\" ||\n      props.variant === \"contained\" ||\n      props.variant === \"secondary\" ||\n      props.variant === \"outlined\") &&\n    css`\n      ${StyledLinkElement}:first-child svg {\n        margin-left: -6px;\n      }\n      ${StyledLinkElement}:last-child svg {\n        margin-right: -6px;\n      }\n\n      ${props.size === \"small\" &&\n      css`\n        radius: 16px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        radius: 20px;\n      `}\n    `}\n\n   ${(props) =>\n    (props.variant === \"tertiary\" ||\n      props.variant === \"text colored\" ||\n      props.variant === \"option\" ||\n      props.variant === \"text gray\" ||\n      props.variant === \"dark transparent\") &&\n    css`\n      ${StyledLinkElement}:first-child svg {\n        margin-left: -4px;\n      }\n      ${StyledLinkElement}:last-child svg {\n        margin-right: -4px;\n      }\n\n      ${props.size === \"small\" &&\n      css`\n        radius: 4px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        radius: 8px;\n      `}\n    `}\n`;\n\nexport const StyledLinkElements = styled.div`\n  display: flex;\n  align-items: center;\n\n  ${StyledLinkElement} {\n    display: inline-flex;\n    svg {\n      margin: 0 4px;\n    }\n  }\n`;\n\nexport const StyledBackLink = styled.a`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`\n    tw-pl-8\n    tw-text-xxs\n    tw-uppercase\n    tw-inline-flex\n    tw-align-middle\n    tw-pr-4\n    tw-text-theme-600\n    tw-cursor-pointer\n  `}\n\n  text-decoration: none;\n  border: transparent 1px solid;\n  border-radius: 20px;\n  height: 32px;\n  font-size: 10px;\n  font-weight: 500;\n  display: table-cell;\n  vertical-align: middle;\n\n  &:before,\n  &:after {\n    content: \"\";\n    ${tw`\n      tw-border-solid\n      tw-text-theme-700\n      tw-inline-block\n      tw-p-0\n      tw-w-2\n      tw-h-2\n      tw-bg-no-repeat\n    `}\n    border-width: 0 1px 1px 0;\n    position: absolute;\n    left: 0;\n    transition: all ease 0.3s;\n  }\n  &:before {\n    ${tw`tw-opacity-100`}\n    transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n  }\n  &:after {\n    ${tw`tw-opacity-0`}\n    transform: translateX(2rem) translateY(0.1rem) rotate(135deg);\n  }\n  &:hover {\n    text-decoration: none;\n    border-color: var(--border-primary);\n    &:before {\n      ${tw`tw-opacity-0`}\n      transform: translateX(0rem) translateY(0.1rem) rotate(135deg);\n    }\n    &:after {\n      ${tw`tw-opacity-100`}\n      transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n    }\n  }\n`;\n\nStyledBackLink.displayName = \"StyledBackLink\";\nStyledLinkElement.displayName = \"StyledLinkElement\";\nStyledLinkElements.displayName = \"StyledLinkElements\";\nStyledLink.displayName = \"StyledLink\";\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledLinkElement","div","withConfig","displayName","componentId","StyledLink","a","props","disabled","size","variant","$iconOnly","StyledLinkElements","StyledBackLink"],"sources":["../../../../src/components/Links/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { ILinkProps } from \"./Link\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledLinkProps extends ILinkProps {\n  $iconOnly: boolean;\n}\n\nexport const StyledLinkElement = styled.div``;\n\nexport const StyledLink = styled.a<StyledLinkProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n  ${tw`\n    tw-antialiased\n    tw-font-medium\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-inline-flex\n    tw-items-center\n    tw-justify-center`}\n\n  border: none;\n  height: 32px;\n  transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease,\n    border-color 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n      pointer-events: none;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" || props.variant === \"contained\") &&\n    css`\n      padding: 0 16px;\n      background-color: var(--color-primary);\n      border-radius: 16px;\n      color: var(--color-theme-100);\n\n      &:focus,\n      &:hover {\n        box-shadow: 0 3px 6px -2px var(--color-primary-500);\n        background-color: var(--color-primary-800);\n      }\n\n      &:active {\n        box-shadow: 0 4px 10px -2px var(--color-primary-600);\n        background-color: var(--color-primary-800);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n    css`\n      padding: 0 16px;\n      background-color: transparent;\n      border-radius: 16px;\n      border: solid 1px var(--color-theme-600);\n      color: var(--color-theme-600);\n\n      &:focus,\n      &:hover {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      }\n\n      &:active {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n        background-color: var(--color-primary-200);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: 6px;\n      color: var(--color-primary);\n\n      &:focus,\n      &:hover {\n        background-color: var(--color-primary-200);\n      }\n\n      &:active {\n        background-color: var(--color-primary-300);\n      }\n    `}\n\n   ${(props) =>\n    (props.variant === \"option\" || props.variant === \"text gray\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: 6px;\n      color: var(--color-theme-600);\n\n      &:focus,\n      &:hover {\n        background-color: var(--color-theme-300);\n        color: var(--color-theme-900);\n      }\n\n      &:active {\n        background-color: var(--color-theme-400);\n        color: var(--color-theme-900);\n      }\n    `}\n\n   ${(props) =>\n    props.variant === \"dark transparent\" &&\n    css`\n      padding: 0 8px;\n      background-color: rgba(0, 0, 0, 0.5);\n      border-radius: var(--ac-br-6);\n      color: var(--only-white);\n\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.85);\n      }\n\n      &:active {\n        background-color: var(--only-black);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"circle raised\" &&\n    css`\n      padding: 0 6px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      color: var(--color-theme-700);\n      transition: ease 0.3s all;\n\n      &:hover {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary);\n      }\n\n      &:active {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    `}\n\n    ${(props) =>\n    props.variant === \"text link-primary\" &&\n    css`\n      line-height: 14px;\n      letter-spacing: 0.25px;\n      color: var(--color-primary);\n      text-decoration: underline var(--color-primary);\n      text-underline-offset: 3px;\n      height: fit-content;\n\n      &:hover {\n        text-decoration: none;\n      }\n\n      &:focus {\n        text-decoration: none;\n        outline: 1px solid var(--color-primary);\n        outline-offset: 2px;\n        border-radius: 2px;\n      }\n    `}\n\n    ${(props) =>\n    props.variant === \"text link-gray\" &&\n    css`\n      line-height: 14px;\n      letter-spacing: 0.25px;\n      color: var(--color-theme-700);\n      text-decoration: underline var(--color-theme-700);\n      text-underline-offset: 3px;\n      height: fit-content;\n\n      &:hover {\n        text-decoration: none;\n      }\n\n      &:focus {\n        text-decoration: none;\n        outline: 1px solid var(--color-primary);\n        outline-offset: 2px;\n        border-radius: 2px;\n      }\n    `}\n\n\n   ${(props) =>\n    props.$iconOnly &&\n    css`\n      padding: 0;\n      width: 32px;\n\n      ${props.size === \"small\" &&\n      css`\n        radius: 16px;\n        width: 24px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        radius: 20px;\n        width: 40px;\n      `}\n    `}\n\n   ${(props) =>\n    (props.variant === \"primary\" ||\n      props.variant === \"contained\" ||\n      props.variant === \"secondary\" ||\n      props.variant === \"outlined\") &&\n    css`\n      ${StyledLinkElement}:first-child svg {\n        margin-left: -6px;\n      }\n      ${StyledLinkElement}:last-child svg {\n        margin-right: -6px;\n      }\n\n      ${props.size === \"small\" &&\n      css`\n        radius: 16px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        radius: 20px;\n      `}\n    `}\n\n   ${(props) =>\n    (props.variant === \"tertiary\" ||\n      props.variant === \"text colored\" ||\n      props.variant === \"option\" ||\n      props.variant === \"text gray\" ||\n      props.variant === \"dark transparent\") &&\n    css`\n      ${StyledLinkElement}:first-child svg {\n        margin-left: -4px;\n      }\n      ${StyledLinkElement}:last-child svg {\n        margin-right: -4px;\n      }\n\n      ${props.size === \"small\" &&\n      css`\n        radius: 4px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        radius: 8px;\n      `}\n    `}\n`;\n\nexport const StyledLinkElements = styled.div`\n  display: flex;\n  align-items: center;\n\n  ${StyledLinkElement} {\n    display: inline-flex;\n    svg {\n      margin: 0 4px;\n    }\n  }\n`;\n\nexport const StyledBackLink = styled.a`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`\n    tw-pl-8\n    tw-text-xxs\n    tw-uppercase\n    tw-inline-flex\n    tw-align-middle\n    tw-pr-4\n    tw-text-theme-600\n    tw-cursor-pointer\n  `}\n\n  text-decoration: none;\n  border: transparent 1px solid;\n  border-radius: 20px;\n  height: 32px;\n  font-size: 10px;\n  font-weight: 500;\n  display: table-cell;\n  vertical-align: middle;\n\n  &:before,\n  &:after {\n    content: \"\";\n    ${tw`\n      tw-border-solid\n      tw-text-theme-700\n      tw-inline-block\n      tw-p-0\n      tw-w-2\n      tw-h-2\n      tw-bg-no-repeat\n    `}\n    border-width: 0 1px 1px 0;\n    position: absolute;\n    left: 0;\n    transition: all ease 0.3s;\n  }\n  &:before {\n    ${tw`tw-opacity-100`}\n    transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n  }\n  &:after {\n    ${tw`tw-opacity-0`}\n    transform: translateX(2rem) translateY(0.1rem) rotate(135deg);\n  }\n  &:hover {\n    text-decoration: none;\n    border-color: var(--border-primary);\n    &:before {\n      ${tw`tw-opacity-0`}\n      transform: translateX(0rem) translateY(0.1rem) rotate(135deg);\n    }\n    &:after {\n      ${tw`tw-opacity-100`}\n      transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n    }\n  }\n`;\n\nStyledBackLink.displayName = \"StyledBackLink\";\nStyledLinkElement.displayName = \"StyledLinkElement\";\nStyledLinkElements.displayName = \"StyledLinkElements\";\nStyledLink.displayName = \"StyledLink\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Links/index.ts"],"sourcesContent":["export * from \"./BackLink\";\nexport * from \"./Link\";\n"],"mappings":"AAAA,cAAc,YAAY;AAC1B,cAAc,QAAQ"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Links/index.ts"],"sourcesContent":["export * from \"./BackLink\";\nexport * from \"./Link\";\n"],"mappings":"AAAA,cAAc,YAAY;AAC1B,cAAc,QAAQ","ignoreList":[]}

package/dist/esm/components/List/List.d.ts

@@ -1,19 +1,19 @@
-import React from "react";
+import React, { HTMLAttributes } from "react";
 export interface ListProps {
     /** Applies passed classes */
     className?: string;
 }
 export declare const _List: React.ForwardRefExoticComponent<ListProps & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
 export declare const List: React.ForwardRefExoticComponent<ListProps & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>> & {
     Item: React.ForwardRefExoticComponent<import("./ListItem").ListItemProps & {
-        children?: React.ReactNode;
+        children?: React.ReactNode | undefined;
     } & React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
     Separator: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): React.JSX.Element;
         displayName: string;
     };
 };

package/dist/esm/components/List/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,SAAS;IACxB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,KAAK;;mFAejB,CAAC;AAKF,eAAO,MAAM,IAAI;;;;;;;;;;CAGf,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,cAAc,EAGf,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,SAAS;IACxB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,KAAK;;mFAejB,CAAC;AAKF,eAAO,MAAM,IAAI;;;;;;;;;;CAGf,CAAC"}

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

@@ -1,14 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "className"];
 import React, { forwardRef } from "react";
 import { ListItem } from "./ListItem";
 import { ListSeparator } from "./ListSeparator";
 import { StyledList } from "./Styles";
 export const _List = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    children,
-    className,
-    ...props
-  } = _ref;
+      children,
+      className
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledList, _extends({
     className: className,
     ref: ref,

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["React","forwardRef","ListItem","ListSeparator","StyledList","_List","_ref","ref","children","className","props","createElement","_extends","tabIndex","displayName","List","Object","assign","Item","Separator"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  Ref,\n  PropsWithChildren,\n} from \"react\";\n\nimport { ListItem } from \"./ListItem\";\nimport { ListSeparator } from \"./ListSeparator\";\nimport { StyledList } from \"./Styles\";\n\nexport interface ListProps {\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const _List = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListProps> & HTMLAttributes<HTMLUListElement>,\n    ref: Ref<HTMLUListElement> | null | undefined\n  ) => {\n    return (\n      <StyledList className={className} ref={ref} tabIndex={-1} {...props}>\n        {children}\n      </StyledList>\n    );\n  }\n);\n\n_List.displayName = \"List\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const List = Object.assign({}, _List, {\n  Item: ListItem,\n  Separator: ListSeparator,\n});\n"],"mappings":";AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AAEd,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,UAAU;AAOrC,OAAO,MAAMC,KAAK,gBAAGJ,UAAU,CAC7B,CAAAK,IAAA,EAMEC,GAA6C,KAC1C;EAAA,IANH;IACEC,QAAQ;IACRC,SAAS;IACT,GAAGC;EAC4D,CAAC,GAAAJ,IAAA;EAGlE,oBACEN,KAAA,CAAAW,aAAA,CAACP,UAAU,EAAAQ,QAAA;IAACH,SAAS,EAAEA,SAAU;IAACF,GAAG,EAAEA,GAAI;IAACM,QAAQ,EAAE,CAAC;EAAE,GAAKH,KAAK,GAChEF,QACS,CAAC;AAEjB,CACF,CAAC;AAEDH,KAAK,CAACS,WAAW,GAAG,MAAM;;AAE1B;AACA,OAAO,MAAMC,IAAI,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEZ,KAAK,EAAE;EAC3Ca,IAAI,EAAEhB,QAAQ;EACdiB,SAAS,EAAEhB;AACb,CAAC,CAAC"}
+{"version":3,"file":"List.js","names":["React","forwardRef","ListItem","ListSeparator","StyledList","_List","_ref","ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","tabIndex","displayName","List","Object","assign","Item","Separator"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  Ref,\n  PropsWithChildren,\n} from \"react\";\n\nimport { ListItem } from \"./ListItem\";\nimport { ListSeparator } from \"./ListSeparator\";\nimport { StyledList } from \"./Styles\";\n\nexport interface ListProps {\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const _List = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListProps> & HTMLAttributes<HTMLUListElement>,\n    ref: Ref<HTMLUListElement> | null | undefined\n  ) => {\n    return (\n      <StyledList className={className} ref={ref} tabIndex={-1} {...props}>\n        {children}\n      </StyledList>\n    );\n  }\n);\n\n_List.displayName = \"List\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const List = Object.assign({}, _List, {\n  Item: ListItem,\n  Separator: ListSeparator,\n});\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AAEd,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,UAAU;AAOrC,OAAO,MAAMC,KAAK,gBAAGJ,UAAU,CAC7B,CAAAK,IAAA,EAMEC,GAA6C,KAC1C;EAAA,IANH;MACEC,QAAQ;MACRC;IAE+D,CAAC,GAAAH,IAAA;IAD7DI,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAIV,oBACEZ,KAAA,CAAAa,aAAA,CAACT,UAAU,EAAAU,QAAA;IAACL,SAAS,EAAEA,SAAU;IAACF,GAAG,EAAEA,GAAI;IAACQ,QAAQ,EAAE,CAAC;EAAE,GAAKL,KAAK,GAChEF,QACS,CAAC;AAEjB,CACF,CAAC;AAEDH,KAAK,CAACW,WAAW,GAAG,MAAM;;AAE1B;AACA,OAAO,MAAMC,IAAI,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEd,KAAK,EAAE;EAC3Ce,IAAI,EAAElB,QAAQ;EACdmB,SAAS,EAAElB;AACb,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/List/ListItem.d.ts

@@ -3,6 +3,6 @@ export interface ListItemProps {
     className?: string;
 }
 export declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
 //# sourceMappingURL=ListItem.d.ts.map

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

@@ -1,13 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "className"];
 import React, { forwardRef } from "react";
 import classnames from "classnames";
 import { StyledListItem } from "./Styles";
 export const ListItem = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    children,
-    className,
-    ...props
-  } = _ref;
+      children,
+      className
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledListItem, _extends({
     className: classnames("c-list-item", className),
     ref: ref,

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"ListItem.js","names":["React","forwardRef","classnames","StyledListItem","ListItem","_ref","ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","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;MACEC,QAAQ;MACRC;IAEgE,CAAC,GAAAH,IAAA;IAD9DI,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAIV,oBACEX,KAAA,CAAAY,aAAA,CAACT,cAAc,EAAAU,QAAA;IACbL,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS,CAAE;IAChDF,GAAG,EAAEA,GAAI;IACTQ,QAAQ,EAAE;EAAE,GACRL,KAAK,GAERF,QACa,CAAC;AAErB,CACF,CAAC;AAEDH,QAAQ,CAACW,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/esm/components/List/ListSeparator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListSeparator.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM9C,eAAO,MAAM,aAAa;8BAGvB,eAAe,cAAc,CAAC;;CAOhC,CAAC"}
+{"version":3,"file":"ListSeparator.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM9C,eAAO,MAAM,aAAa;8BAGvB,cAAc,CAAC,cAAc,CAAC;;CAOhC,CAAC"}

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

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className"];
 import React from "react";
 import classnames from "classnames";
 import { StyledListSeparator } from "./Styles";
 export const ListSeparator = _ref => {
   let {
-    className,
-    ...props
-  } = _ref;
+      className
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledListSeparator, _extends({
     className: classnames("c-list-separator", className)
   }, props));

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"ListSeparator.js","names":["React","classnames","StyledListSeparator","ListSeparator","_ref","className","props","_objectWithoutPropertiesLoose","_excluded","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;MAC5BC;IAE8B,CAAC,GAAAD,IAAA;IAD5BE,KAAK,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAER,oBACER,KAAA,CAAAS,aAAA,CAACP,mBAAmB,EAAAQ,QAAA;IAClBL,SAAS,EAAEJ,UAAU,CAAC,kBAAkB,EAAEI,SAAS;EAAE,GACjDC,KAAK,CACV,CAAC;AAEN,CAAC;AAEDH,aAAa,CAACQ,WAAW,GAAG,eAAe","ignoreList":[]}

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

@@ -1 +1 @@
-{"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"}
+{"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"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"}
+{"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","ignoreList":[]}

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

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className"];
 import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledDotsLoader } from "./Styles";
 export const DotsLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    className,
-    ...rest
-  } = _ref;
+      className
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledDotsLoader, _extends({
     ref: ref,
     className: classNames("c-loader c-loader--dots", className)

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"DotsLoader.js","names":["React","forwardRef","classNames","StyledDotsLoader","DotsLoader","_ref","ref","className","rest","_objectWithoutPropertiesLoose","_excluded","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;MAAEC;IAAmB,CAAC,GAAAF,IAAA;IAANG,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrB,oBACEV,KAAA,CAAAW,aAAA,CAACR,gBAAgB,EAAAS,QAAA;IACfN,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAEL,UAAU,CAAC,yBAAyB,EAAEK,SAAS;EAAE,GACxDC,IAAI,gBAERR,KAAA,CAAAW,aAAA,aAAO,CAAC,eACRX,KAAA,CAAAW,aAAA,aAAO,CAAC,eACRX,KAAA,CAAAW,aAAA,aAAO,CACS,CAAC;AAEvB,CAAC,CAAC;AAEFP,UAAU,CAACS,WAAW,GAAG,YAAY","ignoreList":[]}

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

@@ -1 +1 @@
-{"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"}
+{"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Loaders/Dots/index.ts"],"sourcesContent":["export * from \"./DotsLoader\";\n"],"mappings":"AAAA,cAAc,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Loaders/Dots/index.ts"],"sourcesContent":["export * from \"./DotsLoader\";\n"],"mappings":"AAAA,cAAc,cAAc","ignoreList":[]}

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

@@ -1,15 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["height", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "animationDuration"];
 import React, { forwardRef } from "react";
 import { StyledLinearLoader } from "./Styles";
 export const LinearLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    height = 4,
-    activeStrokeColor = "var(--color-secondary)",
-    inactiveStrokeColor = "var(--color-theme-transparent-300)",
-    activeColorPercentage = "25%",
-    animationDuration = 0.75,
-    ...rest
-  } = _ref;
+      height = 4,
+      activeStrokeColor = "var(--color-secondary)",
+      inactiveStrokeColor = "var(--color-theme-transparent-300)",
+      activeColorPercentage = "25%",
+      animationDuration = 0.75
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledLinearLoader, _extends({
     ref: ref,
     $height: height,

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"LinearLoader.js","names":["React","forwardRef","StyledLinearLoader","LinearLoader","_ref","ref","height","activeStrokeColor","inactiveStrokeColor","activeColorPercentage","animationDuration","rest","_objectWithoutPropertiesLoose","_excluded","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;MACEC,MAAM,GAAG,CAAC;MACVC,iBAAiB,GAAG,wBAAwB;MAC5CC,mBAAmB,GAAG,oCAAoC;MAC1DC,qBAAqB,GAAG,KAAK;MAC7BC,iBAAiB,GAAG;IAEtB,CAAC,GAAAN,IAAA;IADIO,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAIT,oBACEb,KAAA,CAAAc,aAAA,CAACZ,kBAAkB,EAAAa,QAAA;IACjBV,GAAG,EAAEA,GAAI;IACTW,OAAO,EAAEV,MAAO;IAChBW,kBAAkB,EAAEV,iBAAkB;IACtCW,oBAAoB,EAAEV,mBAAoB;IAC1CW,sBAAsB,EAAEV,qBAAsB;IAC9CW,kBAAkB,EAAEV;EAAkB,GAClCC,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDR,YAAY,CAACkB,WAAW,GAAG,cAAc","ignoreList":[]}

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

@@ -1 +1 @@
-{"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"}
+{"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Loaders/Linear/index.ts"],"sourcesContent":["export * from \"./LinearLoader\";\n"],"mappings":"AAAA,cAAc,gBAAgB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Loaders/Linear/index.ts"],"sourcesContent":["export * from \"./LinearLoader\";\n"],"mappings":"AAAA,cAAc,gBAAgB","ignoreList":[]}

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

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className"];
 import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledSkeletonLoader } from "./Styles";
 export const SkeletonLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    className,
-    ...rest
-  } = _ref;
+      className
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledSkeletonLoader, _extends({
     ref: ref,
     className: classNames("c-loader c-loader--linear", className)

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"SkeletonLoader.js","names":["React","forwardRef","classNames","StyledSkeletonLoader","SkeletonLoader","_ref","ref","className","rest","_objectWithoutPropertiesLoose","_excluded","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;MAAEC;IAAmB,CAAC,GAAAF,IAAA;IAANG,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrB,oBACEV,KAAA,CAAAW,aAAA,CAACR,oBAAoB,EAAAS,QAAA;IACnBN,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAEL,UAAU,CAAC,2BAA2B,EAAEK,SAAS;EAAE,GAC1DC,IAAI,CACT,CAAC;AAEN,CAAC,CAAC;AAEFJ,cAAc,CAACS,WAAW,GAAG,gBAAgB","ignoreList":[]}

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

@@ -1 +1 @@
-{"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"}
+{"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Loaders/Skeleton/index.ts"],"sourcesContent":["export * from \"./SkeletonLoader\";\n"],"mappings":"AAAA,cAAc,kBAAkB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Loaders/Skeleton/index.ts"],"sourcesContent":["export * from \"./SkeletonLoader\";\n"],"mappings":"AAAA,cAAc,kBAAkB","ignoreList":[]}

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

@@ -1,17 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
 import React, { forwardRef } from "react";
 import { StyledSpinnerLoader } from "./Styles";
 export const SpinnerLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    radius = 10,
-    stroke = 2,
-    activeStrokeColor = "var(--color-secondary)",
-    inactiveStrokeColor = "var(--color-theme-transparent-300)",
-    activeColorPercentage = "25%",
-    rotateDurationInSeconds = 0.75,
-    className,
-    ...rest
-  } = _ref;
+      radius = 10,
+      stroke = 2,
+      activeStrokeColor = "var(--color-secondary)",
+      inactiveStrokeColor = "var(--color-theme-transparent-300)",
+      activeColorPercentage = "25%",
+      rotateDurationInSeconds = 0.75,
+      className
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledSpinnerLoader, _extends({
     ref: ref,
     className: className,

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"SpinnerLoader.js","names":["React","forwardRef","StyledSpinnerLoader","SpinnerLoader","_ref","ref","radius","stroke","activeStrokeColor","inactiveStrokeColor","activeColorPercentage","rotateDurationInSeconds","className","rest","_objectWithoutPropertiesLoose","_excluded","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;MACEC,MAAM,GAAG,EAAE;MACXC,MAAM,GAAG,CAAC;MACVC,iBAAiB,GAAG,wBAAwB;MAC5CC,mBAAmB,GAAG,oCAAoC;MAC1DC,qBAAqB,GAAG,KAAK;MAC7BC,uBAAuB,GAAG,IAAI;MAC9BC;IAEF,CAAC,GAAAR,IAAA;IADIS,IAAI,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;EAIT,oBACEf,KAAA,CAAAgB,aAAA,CAACd,mBAAmB,EAAAe,QAAA;IAClBZ,GAAG,EAAEA,GAAI;IACTO,SAAS,EAAEA,SAAU;IACrBM,SAAS,EAAEZ,MAAM,GAAG,CAAE;IACtBa,OAAO,EAAEZ,MAAO;IAChBa,kBAAkB,EAAEZ,iBAAkB;IACtCa,oBAAoB,EAAEZ,mBAAoB;IAC1Ca,sBAAsB,EAAEZ,qBAAsB;IAC9Ca,wBAAwB,EAAEZ;EAAwB,GAC9CE,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDV,aAAa,CAACqB,WAAW,GAAG,eAAe","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","keyframes","BoxSizingStyle","rotateAnimation","StyledSpinnerLoader","div","withConfig","displayName","componentId","props","$diameter","$rotateDurationInSeconds","$activeColorPercentage","$stroke","$inactiveStrokeColor","$activeStrokeColor"],"sources":["../../../../../src/components/Loaders/Spinner/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\n\nconst rotateAnimation = keyframes`\n  from { transform: rotate(0deg); }\n  to { transform: rotate(359deg); }\n`;\n\nexport interface StyledSpinnerLoaderProps {\n  $diameter: number;\n  $stroke: number;\n  $activeStrokeColor: string;\n  $inactiveStrokeColor: string;\n  $activeColorPercentage: \"25%\" | \"50%\" | \"75%\";\n  $rotateDurationInSeconds: number;\n}\n\nexport const StyledSpinnerLoader = styled.div<StyledSpinnerLoaderProps>`\n  ${BoxSizingStyle}\n  border-radius: 100%;\n  flex-shrink: 0;\n  ${(props) =>\n    css`\n      width: ${props.$diameter}px;\n      height: ${props.$diameter}px;\n      animation: ${rotateAnimation} ${props.$rotateDurationInSeconds}s infinite\n        linear;\n    `}\n\n  ${(props) =>\n    props.$activeColorPercentage === \"25%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n\n  ${(props) =>\n    props.$activeColorPercentage === \"50%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n\n    ${(props) =>\n    props.$activeColorPercentage === \"75%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAE1D,SAASC,cAAc,QAAQ,sBAAsB;AAErD,MAAMC,eAAe,GAAGF,SAAS,gEAGhC;AAWD,OAAO,MAAMG,mBAAmB,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEACzCN,cAAc,EAGbO,KAAK,IACNT,GAAG,uEACQS,KAAK,CAACC,SAAS,EACdD,KAAK,CAACC,SAAS,EACZP,eAAe,EAAIM,KAAK,CAACE,wBAAwB,CAE/D,EAEAF,KAAK,IACNA,KAAK,CAACG,sBAAsB,KAAK,KAAK,IACtCZ,GAAG,iIACeS,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EAClDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACrDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACpDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,CAChE,EAEAN,KAAK,IACNA,KAAK,CAACG,sBAAsB,KAAK,KAAK,IACtCZ,GAAG,iIACeS,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,EAChDN,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACrDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACpDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,CAChE,EAEEN,KAAK,IACRA,KAAK,CAACG,sBAAsB,KAAK,KAAK,IACtCZ,GAAG,iIACeS,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,EAChDN,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,EACnDN,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACpDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,CAChE,CACJ"}
+{"version":3,"file":"Styles.js","names":["styled","css","keyframes","BoxSizingStyle","rotateAnimation","StyledSpinnerLoader","div","withConfig","displayName","componentId","props","$diameter","$rotateDurationInSeconds","$activeColorPercentage","$stroke","$inactiveStrokeColor","$activeStrokeColor"],"sources":["../../../../../src/components/Loaders/Spinner/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\n\nconst rotateAnimation = keyframes`\n  from { transform: rotate(0deg); }\n  to { transform: rotate(359deg); }\n`;\n\nexport interface StyledSpinnerLoaderProps {\n  $diameter: number;\n  $stroke: number;\n  $activeStrokeColor: string;\n  $inactiveStrokeColor: string;\n  $activeColorPercentage: \"25%\" | \"50%\" | \"75%\";\n  $rotateDurationInSeconds: number;\n}\n\nexport const StyledSpinnerLoader = styled.div<StyledSpinnerLoaderProps>`\n  ${BoxSizingStyle}\n  border-radius: 100%;\n  flex-shrink: 0;\n  ${(props) =>\n    css`\n      width: ${props.$diameter}px;\n      height: ${props.$diameter}px;\n      animation: ${rotateAnimation} ${props.$rotateDurationInSeconds}s infinite\n        linear;\n    `}\n\n  ${(props) =>\n    props.$activeColorPercentage === \"25%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n\n  ${(props) =>\n    props.$activeColorPercentage === \"50%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n\n    ${(props) =>\n    props.$activeColorPercentage === \"75%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAE1D,SAASC,cAAc,QAAQ,sBAAsB;AAErD,MAAMC,eAAe,GAAGF,SAAS,gEAGhC;AAWD,OAAO,MAAMG,mBAAmB,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEACzCN,cAAc,EAGbO,KAAK,IACNT,GAAG,uEACQS,KAAK,CAACC,SAAS,EACdD,KAAK,CAACC,SAAS,EACZP,eAAe,EAAIM,KAAK,CAACE,wBAAwB,CAE/D,EAEAF,KAAK,IACNA,KAAK,CAACG,sBAAsB,KAAK,KAAK,IACtCZ,GAAG,iIACeS,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EAClDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACrDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACpDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,CAChE,EAEAN,KAAK,IACNA,KAAK,CAACG,sBAAsB,KAAK,KAAK,IACtCZ,GAAG,iIACeS,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,EAChDN,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACrDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACpDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,CAChE,EAEEN,KAAK,IACRA,KAAK,CAACG,sBAAsB,KAAK,KAAK,IACtCZ,GAAG,iIACeS,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,EAChDN,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,EACnDN,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACpDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,CAChE,CACJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Loaders/Spinner/index.ts"],"sourcesContent":["export * from \"./SpinnerLoader\";\n"],"mappings":"AAAA,cAAc,iBAAiB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Loaders/Spinner/index.ts"],"sourcesContent":["export * from \"./SpinnerLoader\";\n"],"mappings":"AAAA,cAAc,iBAAiB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Loaders/index.ts"],"sourcesContent":["export * from \"./Skeleton\";\nexport * from \"./Dots\";\nexport * from \"./Spinner\";\nexport * from \"./Linear\";\n"],"mappings":"AAAA,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,UAAU"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Loaders/index.ts"],"sourcesContent":["export * from \"./Skeleton\";\nexport * from \"./Dots\";\nexport * from \"./Spinner\";\nexport * from \"./Linear\";\n"],"mappings":"AAAA,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,UAAU","ignoreList":[]}