@activecollab/components 2.0.90 → 2.0.92

package/dist/esm/components/ScaleBar/ScaleBar.js

@@ -1,25 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ScaleBar = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-const ScaleBar = _ref => {
+import React from "react";
+import classNames from "classnames";
+import { StyledScaleBar, StyledScaleBarInner } from "./Styles";
+export const ScaleBar = _ref => {
   let {
     width,
     className
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledScaleBar, {
-    className: (0, _classnames.default)("c-scale-bar", className)
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledScaleBarInner, {
+  return /*#__PURE__*/React.createElement(StyledScaleBar, {
+    className: classNames("c-scale-bar", className)
+  }, /*#__PURE__*/React.createElement(StyledScaleBarInner, {
     className: "c-scale-bar__progress",
     $width: width
   }));
 };
-exports.ScaleBar = ScaleBar;
 ScaleBar.displayName = "ScaleBar";
 //# sourceMappingURL=ScaleBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScaleBar.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","ScaleBar","_ref","width","className","default","createElement","StyledScaleBar","classNames","StyledScaleBarInner","$width","exports","displayName"],"sources":["../../../../src/components/ScaleBar/ScaleBar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledScaleBar, StyledScaleBarInner } from \"./Styles\";\n\nexport interface IScaleBarProps {\n  /** Width prop can be string or number. */\n  width: string | number;\n  /** Custom classname for styling. */\n  className?: string;\n}\n\nexport const ScaleBar: FC<IScaleBarProps> = ({ width, className }) => {\n  return (\n    <StyledScaleBar className={classNames(\"c-scale-bar\", className)}>\n      <StyledScaleBarInner className=\"c-scale-bar__progress\" $width={width} />\n    </StyledScaleBar>\n  );\n};\n\nScaleBar.displayName = \"ScaleBar\";\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AASO,MAAMG,QAA4B,GAAGC,IAAA,IAA0B;EAAA,IAAzB;IAAEC,KAAK;IAAEC;EAAU,CAAC,GAAAF,IAAA;EAC/D,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAO,cAAc;IAACH,SAAS,EAAE,IAAAI,mBAAU,EAAC,aAAa,EAAEJ,SAAS;EAAE,gBAC9DR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAS,mBAAmB;IAACL,SAAS,EAAC,uBAAuB;IAACM,MAAM,EAAEP;EAAM,CAAE,CACzD,CAAC;AAErB,CAAC;AAACQ,OAAA,CAAAV,QAAA,GAAAA,QAAA;AAEFA,QAAQ,CAACW,WAAW,GAAG,UAAU"}
+{"version":3,"file":"ScaleBar.js","names":["React","classNames","StyledScaleBar","StyledScaleBarInner","ScaleBar","_ref","width","className","createElement","$width","displayName"],"sources":["../../../../src/components/ScaleBar/ScaleBar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledScaleBar, StyledScaleBarInner } from \"./Styles\";\n\nexport interface IScaleBarProps {\n  /** Width prop can be string or number. */\n  width: string | number;\n  /** Custom classname for styling. */\n  className?: string;\n}\n\nexport const ScaleBar: FC<IScaleBarProps> = ({ width, className }) => {\n  return (\n    <StyledScaleBar className={classNames(\"c-scale-bar\", className)}>\n      <StyledScaleBarInner className=\"c-scale-bar__progress\" $width={width} />\n    </StyledScaleBar>\n  );\n};\n\nScaleBar.displayName = \"ScaleBar\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AAEjC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,UAAU;AAS9D,OAAO,MAAMC,QAA4B,GAAGC,IAAA,IAA0B;EAAA,IAAzB;IAAEC,KAAK;IAAEC;EAAU,CAAC,GAAAF,IAAA;EAC/D,oBACEL,KAAA,CAAAQ,aAAA,CAACN,cAAc;IAACK,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS;EAAE,gBAC9DP,KAAA,CAAAQ,aAAA,CAACL,mBAAmB;IAACI,SAAS,EAAC,uBAAuB;IAACE,MAAM,EAAEH;EAAM,CAAE,CACzD,CAAC;AAErB,CAAC;AAEDF,QAAQ,CAACM,WAAW,GAAG,UAAU"}

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

@@ -1,25 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledScaleBarInner = exports.StyledScaleBar = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _BoxSizingStyle = require("../BoxSizingStyle");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledScaleBarInner = exports.StyledScaleBarInner = _styledComponents.default.div.withConfig({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+export const StyledScaleBarInner = styled.div.withConfig({
   displayName: "Styles__StyledScaleBarInner",
   componentId: "sc-1jbevna-0"
 })(["", " height:3px;background:#37ba82;z-index:1;", ""], {
   "position": "relative"
-}, props => props.$width && (0, _styledComponents.css)(["width:", "%;"], props.$width));
-const StyledScaleBar = exports.StyledScaleBar = _styledComponents.default.div.withConfig({
+}, props => props.$width && css(["width:", "%;"], props.$width));
+export const StyledScaleBar = styled.div.withConfig({
   displayName: "Styles__StyledScaleBar",
   componentId: "sc-1jbevna-1"
 })(["", " ", ""], {
   "width": "100%"
-}, _BoxSizingStyle.BoxSizingStyle);
+}, BoxSizingStyle);
 StyledScaleBar.displayName = "StyledScaleBar";
 StyledScaleBarInner.displayName = "StyledScaleBarInner";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledScaleBarInner","exports","styled","div","withConfig","displayName","componentId","props","$width","css","StyledScaleBar","BoxSizingStyle"],"sources":["../../../../src/components/ScaleBar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledScaleBarInner = styled.div<{ $width: string | number }>`\n  ${tw`tw-relative`}\n\n  height: 3px;\n  background: #37ba82;\n  z-index: 1;\n\n  ${(props) =>\n    props.$width &&\n    css`\n      width: ${props.$width}%;\n    `}\n`;\n\nexport const StyledScaleBar = styled.div`\n  ${tw`tw-w-full`}\n  ${BoxSizingStyle}\n`;\n\nStyledScaleBar.displayName = \"StyledScaleBar\";\nStyledScaleBarInner.displayName = \"StyledScaleBarInner\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AAAmD,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE5C,MAAMY,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DACvC;EAAA;AAAY,CAAC,EAMdC,KAAK,IACNA,KAAK,CAACC,MAAM,QACZC,qBAAG,oBACQF,KAAK,CAACC,MAAM,CACtB,CACJ;AAEM,MAAME,cAAc,GAAAT,OAAA,CAAAS,cAAA,GAAGR,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAClC;EAAA;AAAU,CAAC,EACbK,8BAAc,CACjB;AAEDD,cAAc,CAACL,WAAW,GAAG,gBAAgB;AAC7CL,mBAAmB,CAACK,WAAW,GAAG,qBAAqB"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","StyledScaleBarInner","div","withConfig","displayName","componentId","props","$width","StyledScaleBar"],"sources":["../../../../src/components/ScaleBar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledScaleBarInner = styled.div<{ $width: string | number }>`\n  ${tw`tw-relative`}\n\n  height: 3px;\n  background: #37ba82;\n  z-index: 1;\n\n  ${(props) =>\n    props.$width &&\n    css`\n      width: ${props.$width}%;\n    `}\n`;\n\nexport const StyledScaleBar = styled.div`\n  ${tw`tw-w-full`}\n  ${BoxSizingStyle}\n`;\n\nStyledScaleBar.displayName = \"StyledScaleBar\";\nStyledScaleBarInner.displayName = \"StyledScaleBarInner\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAElD,OAAO,MAAMC,mBAAmB,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DACvC;EAAA;AAAY,CAAC,EAMdC,KAAK,IACNA,KAAK,CAACC,MAAM,IACZR,GAAG,mBACQO,KAAK,CAACC,MAAM,CACtB,CACJ;AAED,OAAO,MAAMC,cAAc,GAAGV,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAClC;EAAA;AAAU,CAAC,EACbL,cAAc,CACjB;AAEDQ,cAAc,CAACJ,WAAW,GAAG,gBAAgB;AAC7CH,mBAAmB,CAACG,WAAW,GAAG,qBAAqB"}

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

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

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

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

package/dist/esm/components/ScrollShadow/ScrollElement.js

@@ -1,17 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ScrollElement = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _hooks = require("../../hooks");
-var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const ScrollElement = exports.ScrollElement = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import { useInitScrollRef } from "../../hooks";
+import useForkRef from "../../utils/useForkRef";
+export const ScrollElement = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     as = "div",
     className,
@@ -19,18 +10,18 @@ const ScrollElement = exports.ScrollElement = /*#__PURE__*/(0, _react.forwardRef
     style,
     ...rest
   } = _ref;
-  const internalRef = (0, _hooks.useInitScrollRef)(null, invert);
-  const handleRef = (0, _useForkRef.default)(internalRef, ref);
+  const internalRef = useInitScrollRef(null, invert);
+  const handleRef = useForkRef(internalRef, ref);
   const props = {
     ...rest,
     ref: handleRef,
-    className: (0, _classnames.default)("c-scroll-element", className),
+    className: classNames("c-scroll-element", className),
     style: {
       overflow: "auto",
       ...style
     }
   };
-  return /*#__PURE__*/_react.default.createElement(as, props);
+  return /*#__PURE__*/React.createElement(as, props);
 });
 ScrollElement.displayName = "ScrollElement";
 //# sourceMappingURL=ScrollElement.js.map

package/dist/esm/components/ScrollShadow/ScrollElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollElement.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_hooks","_useForkRef","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ScrollElement","exports","forwardRef","_ref","ref","as","className","invert","style","rest","internalRef","useInitScrollRef","handleRef","useForkRef","props","classNames","overflow","React","createElement","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { useInitScrollRef } from \"../../hooks\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface IScrollElement extends HTMLAttributes<HTMLElement> {\n  as?: string;\n  children?: ReactNode;\n  invert?: boolean;\n}\n\nexport const ScrollElement = forwardRef<HTMLElement, IScrollElement>(\n  ({ as = \"div\", className, invert = false, style, ...rest }, ref) => {\n    const internalRef = useInitScrollRef(null, invert);\n    const handleRef = useForkRef(internalRef, ref);\n\n    const props = {\n      ...rest,\n      ref: handleRef,\n      className: classNames(\"c-scroll-element\", className),\n      style: { overflow: \"auto\", ...style },\n    };\n\n    return React.createElement(as, props);\n  }\n);\n\nScrollElement.displayName = \"ScrollElement\";\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAgD,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQzC,MAAMY,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,iBAAU,EACrC,CAAAC,IAAA,EAA4DC,GAAG,KAAK;EAAA,IAAnE;IAAEC,EAAE,GAAG,KAAK;IAAEC,SAAS;IAAEC,MAAM,GAAG,KAAK;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAAN,IAAA;EACxD,MAAMO,WAAW,GAAG,IAAAC,uBAAgB,EAAC,IAAI,EAAEJ,MAAM,CAAC;EAClD,MAAMK,SAAS,GAAG,IAAAC,mBAAU,EAACH,WAAW,EAAEN,GAAG,CAAC;EAE9C,MAAMU,KAAK,GAAG;IACZ,GAAGL,IAAI;IACPL,GAAG,EAAEQ,SAAS;IACdN,SAAS,EAAE,IAAAS,mBAAU,EAAC,kBAAkB,EAAET,SAAS,CAAC;IACpDE,KAAK,EAAE;MAAEQ,QAAQ,EAAE,MAAM;MAAE,GAAGR;IAAM;EACtC,CAAC;EAED,oBAAOS,cAAK,CAACC,aAAa,CAACb,EAAE,EAAES,KAAK,CAAC;AACvC,CACF,CAAC;AAEDd,aAAa,CAACmB,WAAW,GAAG,eAAe"}
+{"version":3,"file":"ScrollElement.js","names":["React","forwardRef","classNames","useInitScrollRef","useForkRef","ScrollElement","_ref","ref","as","className","invert","style","rest","internalRef","handleRef","props","overflow","createElement","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { useInitScrollRef } from \"../../hooks\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface IScrollElement extends HTMLAttributes<HTMLElement> {\n  as?: string;\n  children?: ReactNode;\n  invert?: boolean;\n}\n\nexport const ScrollElement = forwardRef<HTMLElement, IScrollElement>(\n  ({ as = \"div\", className, invert = false, style, ...rest }, ref) => {\n    const internalRef = useInitScrollRef(null, invert);\n    const handleRef = useForkRef(internalRef, ref);\n\n    const props = {\n      ...rest,\n      ref: handleRef,\n      className: classNames(\"c-scroll-element\", className),\n      style: { overflow: \"auto\", ...style },\n    };\n\n    return React.createElement(as, props);\n  }\n);\n\nScrollElement.displayName = \"ScrollElement\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAmC,OAAO;AAEpE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,aAAa;AAC9C,OAAOC,UAAU,MAAM,wBAAwB;AAQ/C,OAAO,MAAMC,aAAa,gBAAGJ,UAAU,CACrC,CAAAK,IAAA,EAA4DC,GAAG,KAAK;EAAA,IAAnE;IAAEC,EAAE,GAAG,KAAK;IAAEC,SAAS;IAAEC,MAAM,GAAG,KAAK;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAAN,IAAA;EACxD,MAAMO,WAAW,GAAGV,gBAAgB,CAAC,IAAI,EAAEO,MAAM,CAAC;EAClD,MAAMI,SAAS,GAAGV,UAAU,CAACS,WAAW,EAAEN,GAAG,CAAC;EAE9C,MAAMQ,KAAK,GAAG;IACZ,GAAGH,IAAI;IACPL,GAAG,EAAEO,SAAS;IACdL,SAAS,EAAEP,UAAU,CAAC,kBAAkB,EAAEO,SAAS,CAAC;IACpDE,KAAK,EAAE;MAAEK,QAAQ,EAAE,MAAM;MAAE,GAAGL;IAAM;EACtC,CAAC;EAED,oBAAOX,KAAK,CAACiB,aAAa,CAACT,EAAE,EAAEO,KAAK,CAAC;AACvC,CACF,CAAC;AAEDV,aAAa,CAACa,WAAW,GAAG,eAAe"}

package/dist/esm/components/ScrollShadow/ScrollShadow.js

@@ -1,17 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ScrollShadow = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const ScrollShadow = exports.ScrollShadow = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef, useState, useCallback } from "react";
+import classnames from "classnames";
+import { StyledScrollShadow, StyledScrollShadowBottom, StyledScrollShadowLeft, StyledScrollShadowRight, StyledScrollShadowTop } from "./Styles";
+export const ScrollShadow = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     className,
@@ -23,13 +14,13 @@ const ScrollShadow = exports.ScrollShadow = /*#__PURE__*/(0, _react.forwardRef)(
     outerColor,
     ...rest
   } = _ref;
-  const [opacity, setOpacity] = (0, _react.useState)({
+  const [opacity, setOpacity] = useState({
     top: 0,
     right: 0,
     bottom: 0,
     left: 0
   });
-  const handleScroll = (0, _react.useCallback)(event => {
+  const handleScroll = useCallback(event => {
     const {
       scrollHeight,
       clientHeight,
@@ -73,30 +64,30 @@ const ScrollShadow = exports.ScrollShadow = /*#__PURE__*/(0, _react.forwardRef)(
       return prevState;
     });
   }, [invertHorizontal, invertVertical, disableVertical, disableHorizontal]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledScrollShadow, (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/React.createElement(StyledScrollShadow, _extends({}, rest, {
     ref: ref,
-    className: (0, _classnames.default)("c-scroll-shadow", className)
+    className: classnames("c-scroll-shadow", className)
   }), children({
     onScroll: handleScroll
-  }), !disableVertical ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledScrollShadowTop, {
+  }), !disableVertical ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledScrollShadowTop, {
     $innerColor: innerColor,
     $outerColor: outerColor,
     style: {
       opacity: opacity.top
     }
-  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledScrollShadowBottom, {
+  }), /*#__PURE__*/React.createElement(StyledScrollShadowBottom, {
     $innerColor: innerColor,
     $outerColor: outerColor,
     style: {
       opacity: opacity.bottom
     }
-  })) : null, !disableHorizontal ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledScrollShadowLeft, {
+  })) : null, !disableHorizontal ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledScrollShadowLeft, {
     $innerColor: innerColor,
     $outerColor: outerColor,
     style: {
       opacity: opacity.left
     }
-  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledScrollShadowRight, {
+  }), /*#__PURE__*/React.createElement(StyledScrollShadowRight, {
     $innerColor: innerColor,
     $outerColor: outerColor,
     style: {

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollShadow.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ScrollShadow","exports","forwardRef","_ref","ref","children","className","disableVertical","disableHorizontal","invertHorizontal","invertVertical","innerColor","outerColor","rest","opacity","setOpacity","useState","top","right","bottom","left","handleScroll","useCallback","event","scrollHeight","clientHeight","scrollWidth","clientWidth","target","scrollTop","scrollLeft","prevState","Math","min","bottomScrollTop","max","offset","newState","createElement","StyledScrollShadow","_extends2","classnames","onScroll","Fragment","StyledScrollShadowTop","$innerColor","$outerColor","style","StyledScrollShadowBottom","StyledScrollShadowLeft","StyledScrollShadowRight","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useState,\n  useCallback,\n  UIEvent,\n  UIEventHandler,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledScrollShadow,\n  StyledScrollShadowBottom,\n  StyledScrollShadowLeft,\n  StyledScrollShadowRight,\n  StyledScrollShadowTop,\n} from \"./Styles\";\n\nexport interface IScrollShadowProps {\n  /** Children */\n  children: (props: { onScroll: UIEventHandler }) => JSX.Element;\n  /** Applies passed classes */\n  className?: string;\n  /** Disable vertical shadow */\n  disableVertical?: boolean;\n  /** Disable horizontal shadow */\n  disableHorizontal?: boolean;\n  /** Invert horizontal shadow logic */\n  invertHorizontal?: boolean;\n  /** Invert vertical shadow logic */\n  invertVertical?: boolean;\n  /** Inner gradient color */\n  innerColor?: string;\n  /** Outer gradient color */\n  outerColor?: string;\n}\n\nexport const ScrollShadow = forwardRef<HTMLDivElement, IScrollShadowProps>(\n  (\n    {\n      children,\n      className,\n      disableVertical = false,\n      disableHorizontal = false,\n      invertHorizontal = false,\n      invertVertical = false,\n      innerColor,\n      outerColor,\n      ...rest\n    },\n    ref\n  ) => {\n    const [opacity, setOpacity] = useState({\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n    });\n\n    const handleScroll = useCallback(\n      (event: UIEvent) => {\n        const { scrollHeight, clientHeight, scrollWidth, clientWidth } =\n          event.target as Element;\n        let { scrollTop, scrollLeft } = event.target as Element;\n\n        if (scrollLeft < 0) {\n          scrollLeft *= -1;\n        }\n        if (scrollTop < 0) {\n          scrollTop *= -1;\n        }\n\n        setOpacity((prevState) => {\n          const top = (1 / 20) * Math.min(scrollTop, 20);\n          const bottomScrollTop = scrollHeight - clientHeight;\n          const bottom =\n            (1 / 20) *\n            (bottomScrollTop - Math.max(scrollTop, bottomScrollTop - 20));\n          const left = (1 / 20) * Math.min(scrollLeft, 20);\n          const offset = scrollWidth - clientWidth;\n          const right = (1 / 20) * (offset - Math.max(scrollLeft, offset - 20));\n\n          const newState = { top: 0, bottom: 0, left: 0, right: 0 };\n\n          if (!disableVertical) {\n            newState.top = invertVertical ? bottom : top;\n            newState.bottom = invertVertical ? top : bottom;\n          }\n\n          if (!disableHorizontal) {\n            newState.left = invertHorizontal ? right : left;\n            newState.right = invertHorizontal ? left : right;\n          }\n\n          if (\n            newState.top !== prevState.top ||\n            newState.bottom !== prevState.bottom ||\n            newState.left !== prevState.left ||\n            newState.right !== prevState.right\n          ) {\n            return newState;\n          }\n\n          return prevState;\n        });\n      },\n      [invertHorizontal, invertVertical, disableVertical, disableHorizontal]\n    );\n\n    return (\n      <StyledScrollShadow\n        {...rest}\n        ref={ref}\n        className={classnames(\"c-scroll-shadow\", className)}\n      >\n        {children({ onScroll: handleScroll })}\n        {!disableVertical ? (\n          <>\n            <StyledScrollShadowTop\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.top }}\n            />\n            <StyledScrollShadowBottom\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.bottom }}\n            />\n          </>\n        ) : null}\n        {!disableHorizontal ? (\n          <>\n            <StyledScrollShadowLeft\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.left }}\n            />\n            <StyledScrollShadowRight\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.right }}\n            />\n          </>\n        ) : null}\n      </StyledScrollShadow>\n    );\n  }\n);\n\nScrollShadow.displayName = \"ScrollShadow\";\n"],"mappings":"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"}
+{"version":3,"file":"ScrollShadow.js","names":["React","forwardRef","useState","useCallback","classnames","StyledScrollShadow","StyledScrollShadowBottom","StyledScrollShadowLeft","StyledScrollShadowRight","StyledScrollShadowTop","ScrollShadow","_ref","ref","children","className","disableVertical","disableHorizontal","invertHorizontal","invertVertical","innerColor","outerColor","rest","opacity","setOpacity","top","right","bottom","left","handleScroll","event","scrollHeight","clientHeight","scrollWidth","clientWidth","target","scrollTop","scrollLeft","prevState","Math","min","bottomScrollTop","max","offset","newState","createElement","_extends","onScroll","Fragment","$innerColor","$outerColor","style","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useState,\n  useCallback,\n  UIEvent,\n  UIEventHandler,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledScrollShadow,\n  StyledScrollShadowBottom,\n  StyledScrollShadowLeft,\n  StyledScrollShadowRight,\n  StyledScrollShadowTop,\n} from \"./Styles\";\n\nexport interface IScrollShadowProps {\n  /** Children */\n  children: (props: { onScroll: UIEventHandler }) => JSX.Element;\n  /** Applies passed classes */\n  className?: string;\n  /** Disable vertical shadow */\n  disableVertical?: boolean;\n  /** Disable horizontal shadow */\n  disableHorizontal?: boolean;\n  /** Invert horizontal shadow logic */\n  invertHorizontal?: boolean;\n  /** Invert vertical shadow logic */\n  invertVertical?: boolean;\n  /** Inner gradient color */\n  innerColor?: string;\n  /** Outer gradient color */\n  outerColor?: string;\n}\n\nexport const ScrollShadow = forwardRef<HTMLDivElement, IScrollShadowProps>(\n  (\n    {\n      children,\n      className,\n      disableVertical = false,\n      disableHorizontal = false,\n      invertHorizontal = false,\n      invertVertical = false,\n      innerColor,\n      outerColor,\n      ...rest\n    },\n    ref\n  ) => {\n    const [opacity, setOpacity] = useState({\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n    });\n\n    const handleScroll = useCallback(\n      (event: UIEvent) => {\n        const { scrollHeight, clientHeight, scrollWidth, clientWidth } =\n          event.target as Element;\n        let { scrollTop, scrollLeft } = event.target as Element;\n\n        if (scrollLeft < 0) {\n          scrollLeft *= -1;\n        }\n        if (scrollTop < 0) {\n          scrollTop *= -1;\n        }\n\n        setOpacity((prevState) => {\n          const top = (1 / 20) * Math.min(scrollTop, 20);\n          const bottomScrollTop = scrollHeight - clientHeight;\n          const bottom =\n            (1 / 20) *\n            (bottomScrollTop - Math.max(scrollTop, bottomScrollTop - 20));\n          const left = (1 / 20) * Math.min(scrollLeft, 20);\n          const offset = scrollWidth - clientWidth;\n          const right = (1 / 20) * (offset - Math.max(scrollLeft, offset - 20));\n\n          const newState = { top: 0, bottom: 0, left: 0, right: 0 };\n\n          if (!disableVertical) {\n            newState.top = invertVertical ? bottom : top;\n            newState.bottom = invertVertical ? top : bottom;\n          }\n\n          if (!disableHorizontal) {\n            newState.left = invertHorizontal ? right : left;\n            newState.right = invertHorizontal ? left : right;\n          }\n\n          if (\n            newState.top !== prevState.top ||\n            newState.bottom !== prevState.bottom ||\n            newState.left !== prevState.left ||\n            newState.right !== prevState.right\n          ) {\n            return newState;\n          }\n\n          return prevState;\n        });\n      },\n      [invertHorizontal, invertVertical, disableVertical, disableHorizontal]\n    );\n\n    return (\n      <StyledScrollShadow\n        {...rest}\n        ref={ref}\n        className={classnames(\"c-scroll-shadow\", className)}\n      >\n        {children({ onScroll: handleScroll })}\n        {!disableVertical ? (\n          <>\n            <StyledScrollShadowTop\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.top }}\n            />\n            <StyledScrollShadowBottom\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.bottom }}\n            />\n          </>\n        ) : null}\n        {!disableHorizontal ? (\n          <>\n            <StyledScrollShadowLeft\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.left }}\n            />\n            <StyledScrollShadowRight\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.right }}\n            />\n          </>\n        ) : null}\n      </StyledScrollShadow>\n    );\n  }\n);\n\nScrollShadow.displayName = \"ScrollShadow\";\n"],"mappings":"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"}

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

@@ -1,18 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledScrollShadowTop = exports.StyledScrollShadowRight = exports.StyledScrollShadowLeft = exports.StyledScrollShadowBottom = exports.StyledScrollShadow = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-const StyledScrollShadow = exports.StyledScrollShadow = _styledComponents.default.div.withConfig({
+import styled from "styled-components";
+export const StyledScrollShadow = styled.div.withConfig({
   displayName: "Styles__StyledScrollShadow",
   componentId: "sc-17pcaqo-0"
 })(["", ""], {
   "position": "relative"
 });
-const StyledScrollShadowTop = exports.StyledScrollShadowTop = _styledComponents.default.div.withConfig({
+export const StyledScrollShadowTop = styled.div.withConfig({
   displayName: "Styles__StyledScrollShadowTop",
   componentId: "sc-17pcaqo-1"
 })(["", " background-image:linear-gradient( to top,", ",", " );"], {
@@ -22,7 +15,7 @@ const StyledScrollShadowTop = exports.StyledScrollShadowTop = _styledComponents.
   "top": "0px",
   "height": "0.5rem"
 }, props => props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)", props => props.$outerColor ? props.$outerColor : "var(--page-paper-main)");
-const StyledScrollShadowBottom = exports.StyledScrollShadowBottom = _styledComponents.default.div.withConfig({
+export const StyledScrollShadowBottom = styled.div.withConfig({
   displayName: "Styles__StyledScrollShadowBottom",
   componentId: "sc-17pcaqo-2"
 })(["", " background-image:linear-gradient( to top,", ",", " );"], {
@@ -32,7 +25,7 @@ const StyledScrollShadowBottom = exports.StyledScrollShadowBottom = _styledCompo
   "bottom": "0px",
   "height": "0.5rem"
 }, props => props.$outerColor ? props.$outerColor : "var(--page-paper-main)", props => props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)");
-const StyledScrollShadowLeft = exports.StyledScrollShadowLeft = _styledComponents.default.div.withConfig({
+export const StyledScrollShadowLeft = styled.div.withConfig({
   displayName: "Styles__StyledScrollShadowLeft",
   componentId: "sc-17pcaqo-3"
 })(["", " background-image:linear-gradient( to left,", ",", " );"], {
@@ -42,7 +35,7 @@ const StyledScrollShadowLeft = exports.StyledScrollShadowLeft = _styledComponent
   "left": "0px",
   "width": "0.5rem"
 }, props => props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)", props => props.$outerColor ? props.$outerColor : "var(--page-paper-main)");
-const StyledScrollShadowRight = exports.StyledScrollShadowRight = _styledComponents.default.div.withConfig({
+export const StyledScrollShadowRight = styled.div.withConfig({
   displayName: "Styles__StyledScrollShadowRight",
   componentId: "sc-17pcaqo-4"
 })(["", " background-image:linear-gradient( to right,", ",", " );"], {

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","StyledScrollShadow","exports","styled","div","withConfig","displayName","componentId","StyledScrollShadowTop","props","$innerColor","$outerColor","StyledScrollShadowBottom","StyledScrollShadowLeft","StyledScrollShadowRight"],"sources":["../../../../src/components/ScrollShadow/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface Colors {\n  $innerColor?: string;\n  $outerColor?: string;\n}\n\nexport const StyledScrollShadow = styled.div`\n  ${tw`tw-relative`}\n`;\n\nexport const StyledScrollShadowTop = styled.div<Colors>`\n  ${tw`tw-absolute tw-top-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nexport const StyledScrollShadowBottom = styled.div<Colors>`\n  ${tw`tw-absolute tw-bottom-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"},\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"}\n  );\n`;\n\nexport const StyledScrollShadowLeft = styled.div<Colors>`\n  ${tw`tw-absolute tw-left-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to left,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nexport const StyledScrollShadowRight = styled.div<Colors>`\n  ${tw`tw-absolute tw-right-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to right,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nStyledScrollShadow.displayName = \"StyledScrollShadow\";\nStyledScrollShadowTop.displayName = \"StyledScrollShadowTop\";\nStyledScrollShadowBottom.displayName = \"StyledScrollShadowBottom\";\nStyledScrollShadowLeft.displayName = \"StyledScrollShadowLeft\";\nStyledScrollShadowRight.displayName = \"StyledScrollShadowRight\";\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAQO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACtC;EAAA;AAAY,CAAC,CAClB;AAEM,MAAMC,qBAAqB,GAAAN,OAAA,CAAAM,qBAAA,GAAGL,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mEACzC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAyC,CAAC,EAIzCE,KAAK,IACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B,EACpED,KAAK,IACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB,CAEnE;AAEM,MAAMC,wBAAwB,GAAAV,OAAA,CAAAU,wBAAA,GAAGT,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mEAC5C;EAAA;EAAA;EAAA;EAAA;EAAA;AAA4C,CAAC,EAI5CE,KAAK,IACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB,EAC7DF,KAAK,IACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B,CAE1E;AAEM,MAAMG,sBAAsB,GAAAX,OAAA,CAAAW,sBAAA,GAAGV,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oEAC1C;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0C,CAAC,EAI1CE,KAAK,IACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B,EACpED,KAAK,IACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB,CAEnE;AAEM,MAAMG,uBAAuB,GAAAZ,OAAA,CAAAY,uBAAA,GAAGX,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qEAC3C;EAAA;EAAA;EAAA;EAAA;EAAA;AAA2C,CAAC,EAI3CE,KAAK,IACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B,EACpED,KAAK,IACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB,CAEnE;AAEDV,kBAAkB,CAACK,WAAW,GAAG,oBAAoB;AACrDE,qBAAqB,CAACF,WAAW,GAAG,uBAAuB;AAC3DM,wBAAwB,CAACN,WAAW,GAAG,0BAA0B;AACjEO,sBAAsB,CAACP,WAAW,GAAG,wBAAwB;AAC7DQ,uBAAuB,CAACR,WAAW,GAAG,yBAAyB"}
+{"version":3,"file":"Styles.js","names":["styled","StyledScrollShadow","div","withConfig","displayName","componentId","StyledScrollShadowTop","props","$innerColor","$outerColor","StyledScrollShadowBottom","StyledScrollShadowLeft","StyledScrollShadowRight"],"sources":["../../../../src/components/ScrollShadow/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface Colors {\n  $innerColor?: string;\n  $outerColor?: string;\n}\n\nexport const StyledScrollShadow = styled.div`\n  ${tw`tw-relative`}\n`;\n\nexport const StyledScrollShadowTop = styled.div<Colors>`\n  ${tw`tw-absolute tw-top-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nexport const StyledScrollShadowBottom = styled.div<Colors>`\n  ${tw`tw-absolute tw-bottom-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"},\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"}\n  );\n`;\n\nexport const StyledScrollShadowLeft = styled.div<Colors>`\n  ${tw`tw-absolute tw-left-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to left,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nexport const StyledScrollShadowRight = styled.div<Colors>`\n  ${tw`tw-absolute tw-right-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to right,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nStyledScrollShadow.displayName = \"StyledScrollShadow\";\nStyledScrollShadowTop.displayName = \"StyledScrollShadowTop\";\nStyledScrollShadowBottom.displayName = \"StyledScrollShadowBottom\";\nStyledScrollShadowLeft.displayName = \"StyledScrollShadowLeft\";\nStyledScrollShadowRight.displayName = \"StyledScrollShadowRight\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAQtC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACtC;EAAA;AAAY,CAAC,CAClB;AAED,OAAO,MAAMC,qBAAqB,GAAGN,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mEACzC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAyC,CAAC,EAIzCE,KAAK,IACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B,EACpED,KAAK,IACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB,CAEnE;AAED,OAAO,MAAMC,wBAAwB,GAAGV,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mEAC5C;EAAA;EAAA;EAAA;EAAA;EAAA;AAA4C,CAAC,EAI5CE,KAAK,IACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB,EAC7DF,KAAK,IACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B,CAE1E;AAED,OAAO,MAAMG,sBAAsB,GAAGX,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oEAC1C;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0C,CAAC,EAI1CE,KAAK,IACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B,EACpED,KAAK,IACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB,CAEnE;AAED,OAAO,MAAMG,uBAAuB,GAAGZ,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qEAC3C;EAAA;EAAA;EAAA;EAAA;EAAA;AAA2C,CAAC,EAI3CE,KAAK,IACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B,EACpED,KAAK,IACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB,CAEnE;AAEDR,kBAAkB,CAACG,WAAW,GAAG,oBAAoB;AACrDE,qBAAqB,CAACF,WAAW,GAAG,uBAAuB;AAC3DM,wBAAwB,CAACN,WAAW,GAAG,0BAA0B;AACjEO,sBAAsB,CAACP,WAAW,GAAG,wBAAwB;AAC7DQ,uBAAuB,CAACR,WAAW,GAAG,yBAAyB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_ScrollShadow","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ScrollElement"],"sources":["../../../../src/components/ScrollShadow/index.ts"],"sourcesContent":["export * from \"./ScrollShadow\";\nexport * from \"./ScrollElement\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ScrollShadow/index.ts"],"sourcesContent":["export * from \"./ScrollShadow\";\nexport * from \"./ScrollElement\";\n"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB"}

package/dist/esm/components/Select/Option/Option.js

@@ -1,16 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Option = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Option = exports.Option = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import React, { forwardRef, useCallback } from "react";
+import classnames from "classnames";
+import { StyledOption } from "./Styles";
+export const Option = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     id,
     name,
@@ -20,16 +11,16 @@ const Option = exports.Option = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref)
     onMouseEnter,
     onClick = () => null
   } = _ref;
-  const handleOnMouseEnter = (0, _react.useCallback)(() => {
+  const handleOnMouseEnter = useCallback(() => {
     if (onMouseEnter) {
       onMouseEnter(id);
     }
   }, [onMouseEnter, id]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledOption, {
+  return /*#__PURE__*/React.createElement(StyledOption, {
     ref: hover ? ref : null,
     title: name,
     onMouseEnter: handleOnMouseEnter,
-    className: (0, _classnames.default)("c-option", className),
+    className: classnames("c-option", className),
     hover: hover,
     onClick: onClick
   }, renderOption ? renderOption : name);

package/dist/esm/components/Select/Option/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Option","exports","forwardRef","_ref","ref","id","name","hover","className","renderOption","onMouseEnter","onClick","handleOnMouseEnter","useCallback","createElement","StyledOption","title","classnames","displayName"],"sources":["../../../../../src/components/Select/Option/Option.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n  useCallback,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledOption } from \"./Styles\";\n\nexport interface IOptionItemProps {\n  /** Value of option */\n  id: string | number;\n  /** Label of option */\n  name: string;\n  /** Additional info right-side of name */\n  additionalInfo?: string;\n  /** image url for Avatar or MultiAvatar */\n  image?: string | string[];\n  /** Hex color for label */\n  color?: string;\n  /** Color for chip label */\n  chipColor?: string;\n  /** Value of mixed */\n  mixed?: boolean;\n}\n\ninterface IAdditionalOptionItemProps {\n  /** Value of option */\n  id?: string | number;\n  /** Label of option */\n  name: string;\n  /** Hovered state */\n  hover?: boolean;\n  /** Class name of option */\n  className?: string;\n  /** Render option function */\n  renderOption?: ReactNode;\n  /** On mouse enter callback */\n  onMouseEnter?: (e: string | number | undefined) => void;\n  /** On mouse click */\n  onClick?: MouseEventHandler<HTMLLIElement>;\n}\n\nexport const Option = forwardRef(\n  (\n    {\n      id,\n      name,\n      hover,\n      className,\n      renderOption,\n      onMouseEnter,\n      onClick = () => null,\n    }: IAdditionalOptionItemProps,\n    ref: Ref<HTMLLIElement>\n  ) => {\n    const handleOnMouseEnter = useCallback(() => {\n      if (onMouseEnter) {\n        onMouseEnter(id);\n      }\n    }, [onMouseEnter, id]);\n\n    return (\n      <StyledOption\n        ref={hover ? ref : null}\n        title={name}\n        onMouseEnter={handleOnMouseEnter}\n        className={classnames(\"c-option\", className)}\n        hover={hover}\n        onClick={onClick}\n      >\n        {renderOption ? renderOption : name}\n      </StyledOption>\n    );\n  }\n);\n\nOption.displayName = \"Option\";\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAwC,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAoCjC,MAAMY,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,iBAAU,EAC9B,CAAAC,IAAA,EAUEC,GAAuB,KACpB;EAAA,IAVH;IACEC,EAAE;IACFC,IAAI;IACJC,KAAK;IACLC,SAAS;IACTC,YAAY;IACZC,YAAY;IACZC,OAAO,GAAGA,CAAA,KAAM;EACU,CAAC,GAAAR,IAAA;EAG7B,MAAMS,kBAAkB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC3C,IAAIH,YAAY,EAAE;MAChBA,YAAY,CAACL,EAAE,CAAC;IAClB;EACF,CAAC,EAAE,CAACK,YAAY,EAAEL,EAAE,CAAC,CAAC;EAEtB,oBACEhC,MAAA,CAAAY,OAAA,CAAA6B,aAAA,CAACpC,OAAA,CAAAqC,YAAY;IACXX,GAAG,EAAEG,KAAK,GAAGH,GAAG,GAAG,IAAK;IACxBY,KAAK,EAAEV,IAAK;IACZI,YAAY,EAAEE,kBAAmB;IACjCJ,SAAS,EAAE,IAAAS,mBAAU,EAAC,UAAU,EAAET,SAAS,CAAE;IAC7CD,KAAK,EAAEA,KAAM;IACbI,OAAO,EAAEA;EAAQ,GAEhBF,YAAY,GAAGA,YAAY,GAAGH,IACnB,CAAC;AAEnB,CACF,CAAC;AAEDN,MAAM,CAACkB,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Option.js","names":["React","forwardRef","useCallback","classnames","StyledOption","Option","_ref","ref","id","name","hover","className","renderOption","onMouseEnter","onClick","handleOnMouseEnter","createElement","title","displayName"],"sources":["../../../../../src/components/Select/Option/Option.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n  useCallback,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledOption } from \"./Styles\";\n\nexport interface IOptionItemProps {\n  /** Value of option */\n  id: string | number;\n  /** Label of option */\n  name: string;\n  /** Additional info right-side of name */\n  additionalInfo?: string;\n  /** image url for Avatar or MultiAvatar */\n  image?: string | string[];\n  /** Hex color for label */\n  color?: string;\n  /** Color for chip label */\n  chipColor?: string;\n  /** Value of mixed */\n  mixed?: boolean;\n}\n\ninterface IAdditionalOptionItemProps {\n  /** Value of option */\n  id?: string | number;\n  /** Label of option */\n  name: string;\n  /** Hovered state */\n  hover?: boolean;\n  /** Class name of option */\n  className?: string;\n  /** Render option function */\n  renderOption?: ReactNode;\n  /** On mouse enter callback */\n  onMouseEnter?: (e: string | number | undefined) => void;\n  /** On mouse click */\n  onClick?: MouseEventHandler<HTMLLIElement>;\n}\n\nexport const Option = forwardRef(\n  (\n    {\n      id,\n      name,\n      hover,\n      className,\n      renderOption,\n      onMouseEnter,\n      onClick = () => null,\n    }: IAdditionalOptionItemProps,\n    ref: Ref<HTMLLIElement>\n  ) => {\n    const handleOnMouseEnter = useCallback(() => {\n      if (onMouseEnter) {\n        onMouseEnter(id);\n      }\n    }, [onMouseEnter, id]);\n\n    return (\n      <StyledOption\n        ref={hover ? ref : null}\n        title={name}\n        onMouseEnter={handleOnMouseEnter}\n        className={classnames(\"c-option\", className)}\n        hover={hover}\n        onClick={onClick}\n      >\n        {renderOption ? renderOption : name}\n      </StyledOption>\n    );\n  }\n);\n\nOption.displayName = \"Option\";\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,UAAU,EAIVC,WAAW,QACN,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAoCvC,OAAO,MAAMC,MAAM,gBAAGJ,UAAU,CAC9B,CAAAK,IAAA,EAUEC,GAAuB,KACpB;EAAA,IAVH;IACEC,EAAE;IACFC,IAAI;IACJC,KAAK;IACLC,SAAS;IACTC,YAAY;IACZC,YAAY;IACZC,OAAO,GAAGA,CAAA,KAAM;EACU,CAAC,GAAAR,IAAA;EAG7B,MAAMS,kBAAkB,GAAGb,WAAW,CAAC,MAAM;IAC3C,IAAIW,YAAY,EAAE;MAChBA,YAAY,CAACL,EAAE,CAAC;IAClB;EACF,CAAC,EAAE,CAACK,YAAY,EAAEL,EAAE,CAAC,CAAC;EAEtB,oBACER,KAAA,CAAAgB,aAAA,CAACZ,YAAY;IACXG,GAAG,EAAEG,KAAK,GAAGH,GAAG,GAAG,IAAK;IACxBU,KAAK,EAAER,IAAK;IACZI,YAAY,EAAEE,kBAAmB;IACjCJ,SAAS,EAAER,UAAU,CAAC,UAAU,EAAEQ,SAAS,CAAE;IAC7CD,KAAK,EAAEA,KAAM;IACbI,OAAO,EAAEA;EAAQ,GAEhBF,YAAY,GAAGA,YAAY,GAAGH,IACnB,CAAC;AAEnB,CACF,CAAC;AAEDJ,MAAM,CAACa,WAAW,GAAG,QAAQ"}

package/dist/esm/components/Select/Option/Styles.js

@@ -1,20 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledOption = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _BoxSizingStyle = require("../../BoxSizingStyle");
-var _FontStyle = require("../../FontStyle");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledOption = exports.StyledOption = _styledComponents.default.li.withConfig({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../../BoxSizingStyle";
+import { FontStyle } from "../../FontStyle";
+export const StyledOption = styled.li.withConfig({
   displayName: "Styles__StyledOption",
   componentId: "sc-1232l97-0"
 })(["", " font-size:14px;display:flex;justify-content:space-between;height:28px;padding-left:16px;padding-right:16px;margin-top:4px;margin-bottom:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition-duration:0.1s;color:var(--color-theme-900);", " ", " ", ""], {
   "userSelect": "none",
   "fontWeight": "400"
-}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, props => props.hover && (0, _styledComponents.css)(["background-color:var(--color-theme-200);"]));
+}, FontStyle, BoxSizingStyle, props => props.hover && css(["background-color:var(--color-theme-200);"]));
 StyledOption.displayName = "StyledOption";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/Select/Option/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledOption","exports","styled","li","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","hover","css"],"sources":["../../../../../src/components/Select/Option/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\n\nexport const StyledOption = styled.li<{ hover?: boolean }>`\n  ${tw`tw-select-none tw-font-normal`}\n  font-size: 14px;\n  display: flex;\n  justify-content: space-between;\n  height: 28px;\n  padding-left: 16px;\n  padding-right: 16px;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  transition-duration: 0.1s;\n  color: var(--color-theme-900);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n    `}\n`;\n\nStyledOption.displayName = \"StyledOption\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAA4C,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAErC,MAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2SAC/B;EAAA;EAAA;AAA8B,CAAC,EAgBjCC,oBAAS,EACTC,8BAAc,EAEbC,KAAK,IACNA,KAAK,CAACC,KAAK,QACXC,qBAAG,+CAEF,CACJ;AAEDX,YAAY,CAACK,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledOption","li","withConfig","displayName","componentId","props","hover"],"sources":["../../../../../src/components/Select/Option/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\n\nexport const StyledOption = styled.li<{ hover?: boolean }>`\n  ${tw`tw-select-none tw-font-normal`}\n  font-size: 14px;\n  display: flex;\n  justify-content: space-between;\n  height: 28px;\n  padding-left: 16px;\n  padding-right: 16px;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  transition-duration: 0.1s;\n  color: var(--color-theme-900);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n    `}\n`;\n\nStyledOption.displayName = \"StyledOption\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,OAAO,MAAMC,YAAY,GAAGJ,MAAM,CAACK,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2SAC/B;EAAA;EAAA;AAA8B,CAAC,EAgBjCL,SAAS,EACTD,cAAc,EAEbO,KAAK,IACNA,KAAK,CAACC,KAAK,IACXT,GAAG,8CAEF,CACJ;AAEDG,YAAY,CAACG,WAAW,GAAG,cAAc"}

package/dist/esm/components/Select/Option/index.js

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

package/dist/esm/components/Select/Option/index.js.map

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