@activecollab/components 1.0.5 → 1.0.9

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

@@ -1,7 +1,6 @@
-import styled, { css } from 'styled-components';
-import { BoxSizingStyle } from '../BoxSizingStyle.js';
-
-var StyledScaleBarInner = styled.div.withConfig({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+export var StyledScaleBarInner = styled.div.withConfig({
   displayName: "Styles__StyledScaleBarInner",
   componentId: "sc-1jbevna-0"
 })(["", " height:3px;background:#37ba82;z-index:1;", ""], {
@@ -9,7 +8,7 @@ var StyledScaleBarInner = styled.div.withConfig({
 }, function (props) {
   return props.$width && css(["width:", "%;"], props.$width);
 });
-var StyledScaleBar = styled.div.withConfig({
+export var StyledScaleBar = styled.div.withConfig({
   displayName: "Styles__StyledScaleBar",
   componentId: "sc-1jbevna-1"
 })(["", " ", ""], {
@@ -17,6 +16,4 @@ var StyledScaleBar = styled.div.withConfig({
 }, BoxSizingStyle);
 StyledScaleBar.displayName = "StyledScaleBar";
 StyledScaleBarInner.displayName = "StyledScaleBarInner";
-
-export { StyledScaleBar, StyledScaleBarInner };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/ScaleBar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport tw from \"twin.macro\";\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"],"names":["StyledScaleBarInner","styled","div","props","$width","css","StyledScaleBar","BoxSizingStyle","displayName"],"mappings":";;;IAIaA,mBAAmB,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,0DAC1B;AAAA;AAAA,CAD0B,EAO5B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,IACAC,GADA,mBAEWF,KAAK,CAACC,MAFjB,CADA;AAAA,CAP4B;IAcnBE,cAAc,GAAGL,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,kBACrB;AAAA;AAAA,CADqB,EAEvBK,cAFuB;AAK3BD,cAAc,CAACE,WAAf,GAA6B,gBAA7B;AACAR,mBAAmB,CAACQ,WAApB,GAAkC,qBAAlC;;;;"}
+{"version":3,"sources":["../../../../src/components/ScaleBar/Styles.ts"],"names":["styled","css","BoxSizingStyle","StyledScaleBarInner","div","props","$width","StyledScaleBar","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AAGA,OAAO,IAAMC,mBAAmB,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,0DAC1B;AAAA;AAAA,CAD0B,EAO5B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,IACAL,GADA,mBAEWI,KAAK,CAACC,MAFjB,CADA;AAAA,CAP4B,CAAzB;AAcP,OAAO,IAAMC,cAAc,GAAGP,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,kBACrB;AAAA;AAAA,CADqB,EAEvBF,cAFuB,CAApB;AAKPK,cAAc,CAACC,WAAf,GAA6B,gBAA7B;AACAL,mBAAmB,CAACK,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport tw from \"twin.macro\";\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"],"file":"Styles.js"}

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

@@ -0,0 +1,2 @@
+export * from "./ScaleBar";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,34 +1,27 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { forwardRef } from 'react';
-import classnames from 'classnames';
-import useForkRef from '../../utils/useForkRef.js';
-import { useInitScrollRef } from '../../hooks/useInitScrollRef.js';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["as", "className", "invert"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var ScrollElement = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import { useInitScrollRef } from "../../hooks";
+import useForkRef from "../../utils/useForkRef";
+export var ScrollElement = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       as = _ref$as === void 0 ? "div" : _ref$as,
       className = _ref.className,
       _ref$invert = _ref.invert,
       invert = _ref$invert === void 0 ? false : _ref$invert,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var internalRef = useInitScrollRef(null, invert);
   var handleRef = useForkRef(internalRef, ref);
 
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+  var props = _extends({}, rest, {
     ref: handleRef,
-    className: classnames("c-scroll-element tw-overflow-auto", className)
+    className: classNames("c-scroll-element tw-overflow-auto", className)
   });
 
   return /*#__PURE__*/React.createElement(as, props);
 });
 ScrollElement.displayName = "ScrollElement";
-
-export { ScrollElement };
-//# sourceMappingURL=ScrollElement.js.map
+//# sourceMappingURL=ScrollElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollElement.js","sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames\";\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, ...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 tw-overflow-auto\", className),\n    };\n\n    return React.createElement(as, props);\n  }\n);\n\nScrollElement.displayName = \"ScrollElement\";\n"],"names":["ScrollElement","forwardRef","ref","as","className","invert","rest","internalRef","useInitScrollRef","handleRef","useForkRef","props","classNames","React","createElement","displayName"],"mappings":";;;;;;;;;;;;IAWaA,aAAa,gBAAGC,UAAU,CACrC,gBAAqDC,GAArD,EAA6D;AAAA,qBAA1DC,EAA0D;AAAA,MAA1DA,EAA0D,wBAArD,KAAqD;AAAA,MAA9CC,SAA8C,QAA9CA,SAA8C;AAAA,yBAAnCC,MAAmC;AAAA,MAAnCA,MAAmC,4BAA1B,KAA0B;AAAA,MAAhBC,IAAgB;;AAC3D,MAAMC,WAAW,GAAGC,gBAAgB,CAAC,IAAD,EAAOH,MAAP,CAApC;AACA,MAAMI,SAAS,GAAGC,UAAU,CAACH,WAAD,EAAcL,GAAd,CAA5B;;AAEA,MAAMS,KAAK,mCACNL,IADM;AAETJ,IAAAA,GAAG,EAAEO,SAFI;AAGTL,IAAAA,SAAS,EAAEQ,UAAU,CAAC,mCAAD,EAAsCR,SAAtC;AAHZ,IAAX;;AAMA,sBAAOS,KAAK,CAACC,aAAN,CAAoBX,EAApB,EAAwBQ,KAAxB,CAAP;AACD,CAZoC;AAevCX,aAAa,CAACe,WAAd,GAA4B,eAA5B;;;;"}
+{"version":3,"sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"names":["React","forwardRef","classNames","useInitScrollRef","useForkRef","ScrollElement","ref","as","className","invert","rest","internalRef","handleRef","props","createElement","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAA6D,OAA7D;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,aAAjC;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AAQA,OAAO,IAAMC,aAAa,gBAAGJ,UAAU,CACrC,gBAAqDK,GAArD,EAA6D;AAAA,qBAA1DC,EAA0D;AAAA,MAA1DA,EAA0D,wBAArD,KAAqD;AAAA,MAA9CC,SAA8C,QAA9CA,SAA8C;AAAA,yBAAnCC,MAAmC;AAAA,MAAnCA,MAAmC,4BAA1B,KAA0B;AAAA,MAAhBC,IAAgB;;AAC3D,MAAMC,WAAW,GAAGR,gBAAgB,CAAC,IAAD,EAAOM,MAAP,CAApC;AACA,MAAMG,SAAS,GAAGR,UAAU,CAACO,WAAD,EAAcL,GAAd,CAA5B;;AAEA,MAAMO,KAAK,gBACNH,IADM;AAETJ,IAAAA,GAAG,EAAEM,SAFI;AAGTJ,IAAAA,SAAS,EAAEN,UAAU,CAAC,mCAAD,EAAsCM,SAAtC;AAHZ,IAAX;;AAMA,sBAAOR,KAAK,CAACc,aAAN,CAAoBP,EAApB,EAAwBM,KAAxB,CAAP;AACD,CAZoC,CAAhC;AAePR,aAAa,CAACU,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames\";\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, ...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 tw-overflow-auto\", className),\n    };\n\n    return React.createElement(as, props);\n  }\n);\n\nScrollElement.displayName = \"ScrollElement\";\n"],"file":"ScrollElement.js"}

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

@@ -1,17 +1,10 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef, useState, useCallback } from 'react';
-import classnames from 'classnames';
-import { StyledScrollShadow, StyledScrollShadowTop, StyledScrollShadowBottom, StyledScrollShadowLeft, StyledScrollShadowRight } from './Styles.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var ScrollShadow = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef, useState, useCallback } from "react";
+import classnames from "classnames";
+import { StyledScrollShadow, StyledScrollShadowBottom, StyledScrollShadowLeft, StyledScrollShadowRight, StyledScrollShadowTop } from "./Styles";
+export var ScrollShadow = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       className = _ref.className,
       _ref$disableVertical = _ref.disableVertical,
@@ -22,7 +15,7 @@ var ScrollShadow = /*#__PURE__*/forwardRef(function (_ref, ref) {
       invertHorizontal = _ref$invertHorizontal === void 0 ? false : _ref$invertHorizontal,
       _ref$invertVertical = _ref.invertVertical,
       invertVertical = _ref$invertVertical === void 0 ? false : _ref$invertVertical,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _useState = useState({
     top: 0,
@@ -30,9 +23,8 @@ var ScrollShadow = /*#__PURE__*/forwardRef(function (_ref, ref) {
     bottom: 0,
     left: 0
   }),
-      _useState2 = _slicedToArray(_useState, 2),
-      opacity = _useState2[0],
-      setOpacity = _useState2[1];
+      opacity = _useState[0],
+      setOpacity = _useState[1];
 
   var handleScroll = useCallback(function (event) {
     var _ref2 = event.target,
@@ -83,35 +75,28 @@ var ScrollShadow = /*#__PURE__*/forwardRef(function (_ref, ref) {
       return prevState;
     });
   }, [invertHorizontal, invertVertical, disableVertical, disableHorizontal]);
-  return /*#__PURE__*/jsxs(StyledScrollShadow, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/React.createElement(StyledScrollShadow, _extends({}, rest, {
     ref: ref,
-    className: classnames("c-scroll-shadow", className),
-    children: [children({
-      onScroll: handleScroll
-    }), !disableVertical ? /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(StyledScrollShadowTop, {
-        style: {
-          opacity: opacity.top
-        }
-      }), /*#__PURE__*/jsx(StyledScrollShadowBottom, {
-        style: {
-          opacity: opacity.bottom
-        }
-      })]
-    }) : null, !disableHorizontal ? /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(StyledScrollShadowLeft, {
-        style: {
-          opacity: opacity.left
-        }
-      }), /*#__PURE__*/jsx(StyledScrollShadowRight, {
-        style: {
-          opacity: opacity.right
-        }
-      })]
-    }) : null]
-  }));
+    className: classnames("c-scroll-shadow", className)
+  }), children({
+    onScroll: handleScroll
+  }), !disableVertical ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledScrollShadowTop, {
+    style: {
+      opacity: opacity.top
+    }
+  }), /*#__PURE__*/React.createElement(StyledScrollShadowBottom, {
+    style: {
+      opacity: opacity.bottom
+    }
+  })) : null, !disableHorizontal ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledScrollShadowLeft, {
+    style: {
+      opacity: opacity.left
+    }
+  }), /*#__PURE__*/React.createElement(StyledScrollShadowRight, {
+    style: {
+      opacity: opacity.right
+    }
+  })) : null);
 });
 ScrollShadow.displayName = "ScrollShadow";
-
-export { ScrollShadow };
-//# sourceMappingURL=ScrollShadow.js.map
+//# sourceMappingURL=ScrollShadow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollShadow.js","sources":["../../../../src/components/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useState,\n  useCallback,\n  UIEventHandler,\n  UIEvent,\n  HTMLAttributes,\n} from \"react\";\nimport classnames from \"classnames\";\nimport {\n  StyledScrollShadow,\n  StyledScrollShadowBottom,\n  StyledScrollShadowLeft,\n  StyledScrollShadowRight,\n  StyledScrollShadowTop,\n} from \"./Styles\";\n\ninterface IScrollShadowProps {\n  /** Children */\n  children: ({ onScroll: UIEventHandler }) => void;\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}\n\nexport const ScrollShadow = forwardRef<\n  HTMLDivElement,\n  IScrollShadowProps & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      className,\n      disableVertical = false,\n      disableHorizontal = false,\n      invertHorizontal = false,\n      invertVertical = false,\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: UIEventHandler = 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 style={{ opacity: opacity.top }} />\n            <StyledScrollShadowBottom style={{ opacity: opacity.bottom }} />\n          </>\n        ) : null}\n        {!disableHorizontal ? (\n          <>\n            <StyledScrollShadowLeft style={{ opacity: opacity.left }} />\n            <StyledScrollShadowRight style={{ opacity: opacity.right }} />\n          </>\n        ) : null}\n      </StyledScrollShadow>\n    );\n  }\n);\n\nScrollShadow.displayName = \"ScrollShadow\";\n"],"names":["ScrollShadow","forwardRef","ref","children","className","disableVertical","disableHorizontal","invertHorizontal","invertVertical","rest","useState","top","right","bottom","left","opacity","setOpacity","handleScroll","useCallback","event","target","scrollHeight","clientHeight","scrollWidth","clientWidth","scrollTop","scrollLeft","prevState","Math","min","bottomScrollTop","max","offset","newState","_jsxs","classnames","onScroll","_jsx","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/ScrollShadow/ScrollShadow.tsx"],"names":["React","forwardRef","useState","useCallback","classnames","StyledScrollShadow","StyledScrollShadowBottom","StyledScrollShadowLeft","StyledScrollShadowRight","StyledScrollShadowTop","ScrollShadow","ref","children","className","disableVertical","disableHorizontal","invertHorizontal","invertVertical","rest","top","right","bottom","left","opacity","setOpacity","handleScroll","event","target","scrollHeight","clientHeight","scrollWidth","clientWidth","scrollTop","scrollLeft","prevState","Math","min","bottomScrollTop","max","offset","newState","onScroll","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IACEC,UADF,EAEEC,QAFF,EAGEC,WAHF,QAOO,OAPP;AAQA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,kBADF,EAEEC,wBAFF,EAGEC,sBAHF,EAIEC,uBAJF,EAKEC,qBALF,QAMO,UANP;AAuBA,OAAO,IAAMC,YAAY,gBAAGT,UAAU,CAIpC,gBAUEU,GAVF,EAWK;AAAA,MATDC,QASC,QATDA,QASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,kCAPDC,eAOC;AAAA,MAPDA,eAOC,qCAPiB,KAOjB;AAAA,mCANDC,iBAMC;AAAA,MANDA,iBAMC,sCANmB,KAMnB;AAAA,mCALDC,gBAKC;AAAA,MALDA,gBAKC,sCALkB,KAKlB;AAAA,iCAJDC,cAIC;AAAA,MAJDA,cAIC,oCAJgB,KAIhB;AAAA,MAHEC,IAGF;;AACH,kBAA8BhB,QAAQ,CAAC;AACrCiB,IAAAA,GAAG,EAAE,CADgC;AAErCC,IAAAA,KAAK,EAAE,CAF8B;AAGrCC,IAAAA,MAAM,EAAE,CAH6B;AAIrCC,IAAAA,IAAI,EAAE;AAJ+B,GAAD,CAAtC;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AAOA,MAAMC,YAA4B,GAAGtB,WAAW,CAC9C,UAACuB,KAAD,EAAoB;AAClB,gBACEA,KAAK,CAACC,MADR;AAAA,QAAQC,YAAR,SAAQA,YAAR;AAAA,QAAsBC,YAAtB,SAAsBA,YAAtB;AAAA,QAAoCC,WAApC,SAAoCA,WAApC;AAAA,QAAiDC,WAAjD,SAAiDA,WAAjD;AAEA,gBAAgCL,KAAK,CAACC,MAAtC;AAAA,QAAMK,SAAN,SAAMA,SAAN;AAAA,QAAiBC,UAAjB,SAAiBA,UAAjB;;AAEA,QAAIA,UAAU,GAAG,CAAjB,EAAoB;AAClBA,MAAAA,UAAU,IAAI,CAAC,CAAf;AACD;;AACD,QAAID,SAAS,GAAG,CAAhB,EAAmB;AACjBA,MAAAA,SAAS,IAAI,CAAC,CAAd;AACD;;AAEDR,IAAAA,UAAU,CAAC,UAACU,SAAD,EAAe;AACxB,UAAMf,GAAG,GAAI,IAAI,EAAL,GAAWgB,IAAI,CAACC,GAAL,CAASJ,SAAT,EAAoB,EAApB,CAAvB;AACA,UAAMK,eAAe,GAAGT,YAAY,GAAGC,YAAvC;AACA,UAAMR,MAAM,GACT,IAAI,EAAL,IACCgB,eAAe,GAAGF,IAAI,CAACG,GAAL,CAASN,SAAT,EAAoBK,eAAe,GAAG,EAAtC,CADnB,CADF;AAGA,UAAMf,IAAI,GAAI,IAAI,EAAL,GAAWa,IAAI,CAACC,GAAL,CAASH,UAAT,EAAqB,EAArB,CAAxB;AACA,UAAMM,MAAM,GAAGT,WAAW,GAAGC,WAA7B;AACA,UAAMX,KAAK,GAAI,IAAI,EAAL,IAAYmB,MAAM,GAAGJ,IAAI,CAACG,GAAL,CAASL,UAAT,EAAqBM,MAAM,GAAG,EAA9B,CAArB,CAAd;AAEA,UAAMC,QAAQ,GAAG;AAAErB,QAAAA,GAAG,EAAE,CAAP;AAAUE,QAAAA,MAAM,EAAE,CAAlB;AAAqBC,QAAAA,IAAI,EAAE,CAA3B;AAA8BF,QAAAA,KAAK,EAAE;AAArC,OAAjB;;AAEA,UAAI,CAACN,eAAL,EAAsB;AACpB0B,QAAAA,QAAQ,CAACrB,GAAT,GAAeF,cAAc,GAAGI,MAAH,GAAYF,GAAzC;AACAqB,QAAAA,QAAQ,CAACnB,MAAT,GAAkBJ,cAAc,GAAGE,GAAH,GAASE,MAAzC;AACD;;AAED,UAAI,CAACN,iBAAL,EAAwB;AACtByB,QAAAA,QAAQ,CAAClB,IAAT,GAAgBN,gBAAgB,GAAGI,KAAH,GAAWE,IAA3C;AACAkB,QAAAA,QAAQ,CAACpB,KAAT,GAAiBJ,gBAAgB,GAAGM,IAAH,GAAUF,KAA3C;AACD;;AAED,UACEoB,QAAQ,CAACrB,GAAT,KAAiBe,SAAS,CAACf,GAA3B,IACAqB,QAAQ,CAACnB,MAAT,KAAoBa,SAAS,CAACb,MAD9B,IAEAmB,QAAQ,CAAClB,IAAT,KAAkBY,SAAS,CAACZ,IAF5B,IAGAkB,QAAQ,CAACpB,KAAT,KAAmBc,SAAS,CAACd,KAJ/B,EAKE;AACA,eAAOoB,QAAP;AACD;;AAED,aAAON,SAAP;AACD,KAhCS,CAAV;AAiCD,GA9C6C,EA+C9C,CAAClB,gBAAD,EAAmBC,cAAnB,EAAmCH,eAAnC,EAAoDC,iBAApD,CA/C8C,CAAhD;AAkDA,sBACE,oBAAC,kBAAD,eACMG,IADN;AAEE,IAAA,GAAG,EAAEP,GAFP;AAGE,IAAA,SAAS,EAAEP,UAAU,CAAC,iBAAD,EAAoBS,SAApB;AAHvB,MAKGD,QAAQ,CAAC;AAAE6B,IAAAA,QAAQ,EAAEhB;AAAZ,GAAD,CALX,EAMG,CAACX,eAAD,gBACC,uDACE,oBAAC,qBAAD;AAAuB,IAAA,KAAK,EAAE;AAAES,MAAAA,OAAO,EAAEA,OAAO,CAACJ;AAAnB;AAA9B,IADF,eAEE,oBAAC,wBAAD;AAA0B,IAAA,KAAK,EAAE;AAAEI,MAAAA,OAAO,EAAEA,OAAO,CAACF;AAAnB;AAAjC,IAFF,CADD,GAKG,IAXN,EAYG,CAACN,iBAAD,gBACC,uDACE,oBAAC,sBAAD;AAAwB,IAAA,KAAK,EAAE;AAAEQ,MAAAA,OAAO,EAAEA,OAAO,CAACD;AAAnB;AAA/B,IADF,eAEE,oBAAC,uBAAD;AAAyB,IAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAEA,OAAO,CAACH;AAAnB;AAAhC,IAFF,CADD,GAKG,IAjBN,CADF;AAqBD,CA9FmC,CAA/B;AAiGPV,YAAY,CAACgC,WAAb,GAA2B,cAA3B","sourcesContent":["import React, {\n  forwardRef,\n  useState,\n  useCallback,\n  UIEventHandler,\n  UIEvent,\n  HTMLAttributes,\n} from \"react\";\nimport classnames from \"classnames\";\nimport {\n  StyledScrollShadow,\n  StyledScrollShadowBottom,\n  StyledScrollShadowLeft,\n  StyledScrollShadowRight,\n  StyledScrollShadowTop,\n} from \"./Styles\";\n\ninterface IScrollShadowProps {\n  /** Children */\n  children: ({ onScroll: UIEventHandler }) => void;\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}\n\nexport const ScrollShadow = forwardRef<\n  HTMLDivElement,\n  IScrollShadowProps & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      className,\n      disableVertical = false,\n      disableHorizontal = false,\n      invertHorizontal = false,\n      invertVertical = false,\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: UIEventHandler = 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 style={{ opacity: opacity.top }} />\n            <StyledScrollShadowBottom style={{ opacity: opacity.bottom }} />\n          </>\n        ) : null}\n        {!disableHorizontal ? (\n          <>\n            <StyledScrollShadowLeft style={{ opacity: opacity.left }} />\n            <StyledScrollShadowRight style={{ opacity: opacity.right }} />\n          </>\n        ) : null}\n      </StyledScrollShadow>\n    );\n  }\n);\n\nScrollShadow.displayName = \"ScrollShadow\";\n"],"file":"ScrollShadow.js"}

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

@@ -1,12 +1,11 @@
-import styled from 'styled-components';
-
-var StyledScrollShadow = styled.div.withConfig({
+import styled from "styled-components";
+export var StyledScrollShadow = styled.div.withConfig({
   displayName: "Styles__StyledScrollShadow",
   componentId: "sc-17pcaqo-0"
 })(["", ""], {
   "position": "relative"
 });
-var StyledScrollShadowTop = styled.div.withConfig({
+export var StyledScrollShadowTop = styled.div.withConfig({
   displayName: "Styles__StyledScrollShadowTop",
   componentId: "sc-17pcaqo-1"
 })(["", " background-image:linear-gradient( to top,var(--page-paper-main-shadow),var(--page-paper-main) );"], {
@@ -16,7 +15,7 @@ var StyledScrollShadowTop = styled.div.withConfig({
   "right": "0px",
   "height": "0.5rem"
 });
-var StyledScrollShadowBottom = styled.div.withConfig({
+export var StyledScrollShadowBottom = styled.div.withConfig({
   displayName: "Styles__StyledScrollShadowBottom",
   componentId: "sc-17pcaqo-2"
 })(["", " background-image:linear-gradient( to top,var(--page-paper-main),var(--page-paper-main-shadow) );"], {
@@ -26,7 +25,7 @@ var StyledScrollShadowBottom = styled.div.withConfig({
   "right": "0px",
   "height": "0.5rem"
 });
-var StyledScrollShadowLeft = styled.div.withConfig({
+export var StyledScrollShadowLeft = styled.div.withConfig({
   displayName: "Styles__StyledScrollShadowLeft",
   componentId: "sc-17pcaqo-3"
 })(["", " background-image:linear-gradient( to left,var(--page-paper-main-shadow),var(--page-paper-main) );"], {
@@ -36,7 +35,7 @@ var StyledScrollShadowLeft = styled.div.withConfig({
   "bottom": "0px",
   "width": "0.5rem"
 });
-var StyledScrollShadowRight = styled.div.withConfig({
+export var StyledScrollShadowRight = styled.div.withConfig({
   displayName: "Styles__StyledScrollShadowRight",
   componentId: "sc-17pcaqo-4"
 })(["", " background-image:linear-gradient( to right,var(--page-paper-main-shadow),var(--page-paper-main) );"], {
@@ -51,6 +50,4 @@ StyledScrollShadowTop.displayName = "StyledScrollShadowTop";
 StyledScrollShadowBottom.displayName = "StyledScrollShadowBottom";
 StyledScrollShadowLeft.displayName = "StyledScrollShadowLeft";
 StyledScrollShadowRight.displayName = "StyledScrollShadowRight";
-
-export { StyledScrollShadow, StyledScrollShadowBottom, StyledScrollShadowLeft, StyledScrollShadowRight, StyledScrollShadowTop };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/ScrollShadow/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledScrollShadow = styled.div`\n  ${tw`tw-relative`}\n`;\n\nexport const StyledScrollShadowTop = styled.div`\n  ${tw`tw-absolute tw-top-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    var(--page-paper-main-shadow),\n    var(--page-paper-main)\n  );\n`;\n\nexport const StyledScrollShadowBottom = styled.div`\n  ${tw`tw-absolute tw-bottom-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    var(--page-paper-main),\n    var(--page-paper-main-shadow)\n  );\n`;\n\nexport const StyledScrollShadowLeft = styled.div`\n  ${tw`tw-absolute tw-left-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to left,\n    var(--page-paper-main-shadow),\n    var(--page-paper-main)\n  );\n`;\n\nexport const StyledScrollShadowRight = styled.div`\n  ${tw`tw-absolute tw-right-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to right,\n    var(--page-paper-main-shadow),\n    var(--page-paper-main)\n  );\n`;\n\nStyledScrollShadow.displayName = \"StyledScrollShadow\";\nStyledScrollShadowTop.displayName = \"StyledScrollShadowTop\";\nStyledScrollShadowBottom.displayName = \"StyledScrollShadowBottom\";\nStyledScrollShadowLeft.displayName = \"StyledScrollShadowLeft\";\nStyledScrollShadowRight.displayName = \"StyledScrollShadowRight\";\n"],"names":["StyledScrollShadow","styled","div","StyledScrollShadowTop","StyledScrollShadowBottom","StyledScrollShadowLeft","StyledScrollShadowRight","displayName"],"mappings":";;IAGaA,kBAAkB,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,aACzB;AAAA;AAAA,CADyB;IAIlBC,qBAAqB,GAAGF,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,8GAC5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD4B;IAUrBE,wBAAwB,GAAGH,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,8GAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD+B;IAUxBG,sBAAsB,GAAGJ,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,+GAC7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B;IAUtBI,uBAAuB,GAAGL,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,gHAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD8B;AAUpCF,kBAAkB,CAACO,WAAnB,GAAiC,oBAAjC;AACAJ,qBAAqB,CAACI,WAAtB,GAAoC,uBAApC;AACAH,wBAAwB,CAACG,WAAzB,GAAuC,0BAAvC;AACAF,sBAAsB,CAACE,WAAvB,GAAqC,wBAArC;AACAD,uBAAuB,CAACC,WAAxB,GAAsC,yBAAtC;;;;"}
+{"version":3,"sources":["../../../../src/components/ScrollShadow/Styles.ts"],"names":["styled","StyledScrollShadow","div","StyledScrollShadowTop","StyledScrollShadowBottom","StyledScrollShadowLeft","StyledScrollShadowRight","displayName"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAGA,OAAO,IAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAAV;AAAA;AAAA;AAAA,aACzB;AAAA;AAAA,CADyB,CAAxB;AAIP,OAAO,IAAMC,qBAAqB,GAAGH,MAAM,CAACE,GAAV;AAAA;AAAA;AAAA,8GAC5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD4B,CAA3B;AAUP,OAAO,IAAME,wBAAwB,GAAGJ,MAAM,CAACE,GAAV;AAAA;AAAA;AAAA,8GAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD+B,CAA9B;AAUP,OAAO,IAAMG,sBAAsB,GAAGL,MAAM,CAACE,GAAV;AAAA;AAAA;AAAA,+GAC7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B,CAA5B;AAUP,OAAO,IAAMI,uBAAuB,GAAGN,MAAM,CAACE,GAAV;AAAA;AAAA;AAAA,gHAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD8B,CAA7B;AAUPD,kBAAkB,CAACM,WAAnB,GAAiC,oBAAjC;AACAJ,qBAAqB,CAACI,WAAtB,GAAoC,uBAApC;AACAH,wBAAwB,CAACG,WAAzB,GAAuC,0BAAvC;AACAF,sBAAsB,CAACE,WAAvB,GAAqC,wBAArC;AACAD,uBAAuB,CAACC,WAAxB,GAAsC,yBAAtC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledScrollShadow = styled.div`\n  ${tw`tw-relative`}\n`;\n\nexport const StyledScrollShadowTop = styled.div`\n  ${tw`tw-absolute tw-top-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    var(--page-paper-main-shadow),\n    var(--page-paper-main)\n  );\n`;\n\nexport const StyledScrollShadowBottom = styled.div`\n  ${tw`tw-absolute tw-bottom-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    var(--page-paper-main),\n    var(--page-paper-main-shadow)\n  );\n`;\n\nexport const StyledScrollShadowLeft = styled.div`\n  ${tw`tw-absolute tw-left-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to left,\n    var(--page-paper-main-shadow),\n    var(--page-paper-main)\n  );\n`;\n\nexport const StyledScrollShadowRight = styled.div`\n  ${tw`tw-absolute tw-right-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to right,\n    var(--page-paper-main-shadow),\n    var(--page-paper-main)\n  );\n`;\n\nStyledScrollShadow.displayName = \"StyledScrollShadow\";\nStyledScrollShadowTop.displayName = \"StyledScrollShadowTop\";\nStyledScrollShadowBottom.displayName = \"StyledScrollShadowBottom\";\nStyledScrollShadowLeft.displayName = \"StyledScrollShadowLeft\";\nStyledScrollShadowRight.displayName = \"StyledScrollShadowRight\";\n"],"file":"Styles.js"}

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

@@ -0,0 +1,3 @@
+export * from "./ScrollShadow";
+export * from "./ScrollElement";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ScrollShadow/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAd;AACA,cAAc,iBAAd","sourcesContent":["export * from \"./ScrollShadow\";\nexport * from \"./ScrollElement\";\n"],"file":"index.js"}

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

@@ -1,9 +1,7 @@
-import { forwardRef, useCallback } from 'react';
-import classnames from 'classnames';
-import { StyledOption } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-var Option = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef, useCallback } from "react";
+import classnames from "classnames";
+import { StyledOption } from "./Styles";
+export var Option = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = _ref.id,
       name = _ref.name,
       hover = _ref.hover,
@@ -15,16 +13,13 @@ var Option = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onMouseEnter(id);
     }
   }, [onMouseEnter, id]);
-  return /*#__PURE__*/jsx(StyledOption, {
+  return /*#__PURE__*/React.createElement(StyledOption, {
     ref: hover ? ref : null,
     title: name,
     onMouseEnter: handleOnMouseEnter,
     className: classnames("c-option", className),
-    hover: hover,
-    children: renderOption ? renderOption : name
-  });
+    hover: hover
+  }, renderOption ? renderOption : name);
 });
 Option.displayName = "Option";
-
-export { Option };
-//# sourceMappingURL=Option.js.map
+//# sourceMappingURL=Option.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Option.js","sources":["../../../../../src/components/Select/Option/Option.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, Ref, useCallback } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOption } from \"./Styles\";\n\nexport interface IOptionItemProps {\n  /** Value of option */\n  id: string | number;\n  /** Label of option */\n  name: string;\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}\n\nexport const Option = forwardRef(\n  (\n    {\n      id,\n      name,\n      hover,\n      className,\n      renderOption,\n      onMouseEnter,\n    }: IAdditionalOptionItemProps,\n    ref: Ref<HTMLLabelElement>\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      >\n        {renderOption ? renderOption : name}\n      </StyledOption>\n    );\n  }\n);\n\nOption.displayName = \"Option\";\n"],"names":["Option","forwardRef","ref","id","name","hover","className","renderOption","onMouseEnter","handleOnMouseEnter","useCallback","_jsx","classnames","displayName"],"mappings":";;;;;IA0BaA,MAAM,gBAAGC,UAAU,CAC9B,gBASEC,GATF,EAUK;AAAA,MARDC,EAQC,QARDA,EAQC;AAAA,MAPDC,IAOC,QAPDA,IAOC;AAAA,MANDC,KAMC,QANDA,KAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,MAHDC,YAGC,QAHDA,YAGC;AACH,MAAMC,kBAAkB,GAAGC,WAAW,CAAC,YAAM;AAC3C,QAAIF,YAAJ,EAAkB;AAChBA,MAAAA,YAAY,CAACL,EAAD,CAAZ;AACD;AACF,GAJqC,EAInC,CAACK,YAAD,EAAeL,EAAf,CAJmC,CAAtC;AAMA,sBACEQ,IAAC,YAAD;AACE,IAAA,GAAG,EAAEN,KAAK,GAAGH,GAAH,GAAS,IADrB;AAEE,IAAA,KAAK,EAAEE,IAFT;AAGE,IAAA,YAAY,EAAEK,kBAHhB;AAIE,IAAA,SAAS,EAAEG,UAAU,CAAC,UAAD,EAAaN,SAAb,CAJvB;AAKE,IAAA,KAAK,EAAED,KALT;AAAA,cAOGE,YAAY,GAAGA,YAAH,GAAkBH;AAPjC,IADF;AAWD,CA7B6B;AAgChCJ,MAAM,CAACa,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"sources":["../../../../../src/components/Select/Option/Option.tsx"],"names":["React","forwardRef","useCallback","classnames","StyledOption","Option","ref","id","name","hover","className","renderOption","onMouseEnter","handleOnMouseEnter","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4CC,WAA5C,QAA+D,OAA/D;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,YAAT,QAA6B,UAA7B;AAwBA,OAAO,IAAMC,MAAM,gBAAGJ,UAAU,CAC9B,gBASEK,GATF,EAUK;AAAA,MARDC,EAQC,QARDA,EAQC;AAAA,MAPDC,IAOC,QAPDA,IAOC;AAAA,MANDC,KAMC,QANDA,KAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,MAHDC,YAGC,QAHDA,YAGC;AACH,MAAMC,kBAAkB,GAAGX,WAAW,CAAC,YAAM;AAC3C,QAAIU,YAAJ,EAAkB;AAChBA,MAAAA,YAAY,CAACL,EAAD,CAAZ;AACD;AACF,GAJqC,EAInC,CAACK,YAAD,EAAeL,EAAf,CAJmC,CAAtC;AAMA,sBACE,oBAAC,YAAD;AACE,IAAA,GAAG,EAAEE,KAAK,GAAGH,GAAH,GAAS,IADrB;AAEE,IAAA,KAAK,EAAEE,IAFT;AAGE,IAAA,YAAY,EAAEK,kBAHhB;AAIE,IAAA,SAAS,EAAEV,UAAU,CAAC,UAAD,EAAaO,SAAb,CAJvB;AAKE,IAAA,KAAK,EAAED;AALT,KAOGE,YAAY,GAAGA,YAAH,GAAkBH,IAPjC,CADF;AAWD,CA7B6B,CAAzB;AAgCPH,MAAM,CAACS,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef, ReactNode, Ref, useCallback } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOption } from \"./Styles\";\n\nexport interface IOptionItemProps {\n  /** Value of option */\n  id: string | number;\n  /** Label of option */\n  name: string;\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}\n\nexport const Option = forwardRef(\n  (\n    {\n      id,\n      name,\n      hover,\n      className,\n      renderOption,\n      onMouseEnter,\n    }: IAdditionalOptionItemProps,\n    ref: Ref<HTMLLabelElement>\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      >\n        {renderOption ? renderOption : name}\n      </StyledOption>\n    );\n  }\n);\n\nOption.displayName = \"Option\";\n"],"file":"Option.js"}

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

@@ -1,8 +1,7 @@
-import styled, { css } from 'styled-components';
-import { BoxSizingStyle } from '../../BoxSizingStyle.js';
-import { FontStyle } from '../../FontStyle.js';
-
-var StyledOption = styled.label.withConfig({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../../BoxSizingStyle";
+import { FontStyle } from "../../FontStyle";
+export var StyledOption = styled.label.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);", " ", " ", ""], {
@@ -12,6 +11,4 @@ var StyledOption = styled.label.withConfig({
   return props.hover && css(["background-color:var(--color-theme-200);"]);
 });
 StyledOption.displayName = "StyledOption";
-
-export { StyledOption };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../../src/components/Select/Option/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\n\nexport const StyledOption = styled.label<{ 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"],"names":["StyledOption","styled","label","FontStyle","BoxSizingStyle","props","hover","css","displayName"],"mappings":";;;;IAKaA,YAAY,GAAGC,MAAM,CAACC,KAAV;AAAA;AAAA;AAAA,2SACnB;AAAA;AAAA;AAAA,CADmB,EAiBrBC,SAjBqB,EAkBrBC,cAlBqB,EAoBrB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,IACAC,GADA,8CADA;AAAA,CApBqB;AA2BzBP,YAAY,CAACQ,WAAb,GAA2B,cAA3B;;;;"}
+{"version":3,"sources":["../../../../../src/components/Select/Option/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","StyledOption","label","props","hover","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,sBAA/B;AACA,SAASC,SAAT,QAA0B,iBAA1B;AAEA,OAAO,IAAMC,YAAY,GAAGJ,MAAM,CAACK,KAAV;AAAA;AAAA;AAAA,2SACnB;AAAA;AAAA;AAAA,CADmB,EAiBrBF,SAjBqB,EAkBrBD,cAlBqB,EAoBrB,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,IACAN,GADA,8CADA;AAAA,CApBqB,CAAlB;AA2BPG,YAAY,CAACI,WAAb,GAA2B,cAA3B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\n\nexport const StyledOption = styled.label<{ 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"],"file":"Styles.js"}

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

@@ -0,0 +1,2 @@
+export * from "./Option";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,29 +1,21 @@
-import 'react';
-import { Avatar } from '../../Avatar/Avatar.js';
-import { StyledOptionIndicator, StyledOptionText } from './Styles.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var OptionContent = function OptionContent(_ref) {
+import React from "react";
+import { Avatar } from "../../Avatar/Avatar";
+import { StyledOptionIndicator, StyledOptionText } from "./Styles";
+export var OptionContent = function OptionContent(_ref) {
   var imageUrl = _ref.imageUrl,
       color = _ref.color,
       textColor = _ref.textColor,
       name = _ref.name;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [imageUrl || color ? /*#__PURE__*/jsx(StyledOptionIndicator, {
-      className: "c-option--label",
-      backgroundColor: color,
-      children: imageUrl ? /*#__PURE__*/jsx(Avatar, {
-        className: "c-option--avatar",
-        url: imageUrl
-      }) : null
-    }) : null, /*#__PURE__*/jsx(StyledOptionText, {
-      className: "c-option--text",
-      textColor: textColor,
-      children: name
-    })]
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, imageUrl || color ? /*#__PURE__*/React.createElement(StyledOptionIndicator, {
+    className: "c-option--label",
+    backgroundColor: color
+  }, imageUrl ? /*#__PURE__*/React.createElement(Avatar, {
+    className: "c-option--avatar",
+    url: imageUrl
+  }) : null) : null, /*#__PURE__*/React.createElement(StyledOptionText, {
+    className: "c-option--text",
+    textColor: textColor
+  }, name));
 };
 OptionContent.displayName = "OptionContent";
-
-export { OptionContent };
-//# sourceMappingURL=OptionContent.js.map
+//# sourceMappingURL=OptionContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OptionContent.js","sources":["../../../../../src/components/Select/OptionContent/OptionContent.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Avatar } from \"../../Avatar/Avatar\";\nimport { StyledOptionIndicator, StyledOptionText } from \"./Styles\";\n\ninterface OptionContentProps {\n  imageUrl?: string;\n  color?: string;\n  textColor?: string;\n  name: string;\n}\n\nexport const OptionContent: FC<OptionContentProps> = ({\n  imageUrl,\n  color,\n  textColor,\n  name,\n}) => {\n  return (\n    <>\n      {imageUrl || color ? (\n        <StyledOptionIndicator\n          className=\"c-option--label\"\n          backgroundColor={color}\n        >\n          {imageUrl ? (\n            <Avatar className=\"c-option--avatar\" url={imageUrl} />\n          ) : null}\n        </StyledOptionIndicator>\n      ) : null}\n      <StyledOptionText className=\"c-option--text\" textColor={textColor}>\n        {name}\n      </StyledOptionText>\n    </>\n  );\n};\n\nOptionContent.displayName = \"OptionContent\";\n"],"names":["OptionContent","imageUrl","color","textColor","name","_jsxs","_jsx","displayName"],"mappings":";;;;;IAWaA,aAAqC,GAAG,SAAxCA,aAAwC,OAK/C;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,IACI,QADJA,IACI;AACJ,sBACEC;AAAA,eACGJ,QAAQ,IAAIC,KAAZ,gBACCI,IAAC,qBAAD;AACE,MAAA,SAAS,EAAC,iBADZ;AAEE,MAAA,eAAe,EAAEJ,KAFnB;AAAA,gBAIGD,QAAQ,gBACPK,IAAC,MAAD;AAAQ,QAAA,SAAS,EAAC,kBAAlB;AAAqC,QAAA,GAAG,EAAEL;AAA1C,QADO,GAEL;AANN,MADD,GASG,IAVN,eAWEK,IAAC,gBAAD;AAAkB,MAAA,SAAS,EAAC,gBAA5B;AAA6C,MAAA,SAAS,EAAEH,SAAxD;AAAA,gBACGC;AADH,MAXF;AAAA,IADF;AAiBD;AAEDJ,aAAa,CAACO,WAAd,GAA4B,eAA5B;;;;"}
+{"version":3,"sources":["../../../../../src/components/Select/OptionContent/OptionContent.tsx"],"names":["React","Avatar","StyledOptionIndicator","StyledOptionText","OptionContent","imageUrl","color","textColor","name","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,MAAT,QAAuB,qBAAvB;AACA,SAASC,qBAAT,EAAgCC,gBAAhC,QAAwD,UAAxD;AASA,OAAO,IAAMC,aAAqC,GAAG,SAAxCA,aAAwC,OAK/C;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,IACI,QADJA,IACI;AACJ,sBACE,0CACGH,QAAQ,IAAIC,KAAZ,gBACC,oBAAC,qBAAD;AACE,IAAA,SAAS,EAAC,iBADZ;AAEE,IAAA,eAAe,EAAEA;AAFnB,KAIGD,QAAQ,gBACP,oBAAC,MAAD;AAAQ,IAAA,SAAS,EAAC,kBAAlB;AAAqC,IAAA,GAAG,EAAEA;AAA1C,IADO,GAEL,IANN,CADD,GASG,IAVN,eAWE,oBAAC,gBAAD;AAAkB,IAAA,SAAS,EAAC,gBAA5B;AAA6C,IAAA,SAAS,EAAEE;AAAxD,KACGC,IADH,CAXF,CADF;AAiBD,CAvBM;AAyBPJ,aAAa,CAACK,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { FC } from \"react\";\nimport { Avatar } from \"../../Avatar/Avatar\";\nimport { StyledOptionIndicator, StyledOptionText } from \"./Styles\";\n\ninterface OptionContentProps {\n  imageUrl?: string;\n  color?: string;\n  textColor?: string;\n  name: string;\n}\n\nexport const OptionContent: FC<OptionContentProps> = ({\n  imageUrl,\n  color,\n  textColor,\n  name,\n}) => {\n  return (\n    <>\n      {imageUrl || color ? (\n        <StyledOptionIndicator\n          className=\"c-option--label\"\n          backgroundColor={color}\n        >\n          {imageUrl ? (\n            <Avatar className=\"c-option--avatar\" url={imageUrl} />\n          ) : null}\n        </StyledOptionIndicator>\n      ) : null}\n      <StyledOptionText className=\"c-option--text\" textColor={textColor}>\n        {name}\n      </StyledOptionText>\n    </>\n  );\n};\n\nOptionContent.displayName = \"OptionContent\";\n"],"file":"OptionContent.js"}

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

@@ -1,13 +1,12 @@
-import styled, { css } from 'styled-components';
-
-var StyledOptionIndicator = styled.div.withConfig({
+import styled, { css } from "styled-components";
+export var StyledOptionIndicator = styled.div.withConfig({
   displayName: "Styles__StyledOptionIndicator",
   componentId: "sc-6fiqyy-0"
 })(["height:24px;width:24px;border-radius:100%;margin-right:8px;", ""], function (props) {
   return props.backgroundColor && !props.children && css(["background-color:", ";"], props.backgroundColor);
 });
 StyledOptionIndicator.displayName = "StyledOptionIndicator";
-var StyledOptionText = styled.span.withConfig({
+export var StyledOptionText = styled.span.withConfig({
   displayName: "Styles__StyledOptionText",
   componentId: "sc-6fiqyy-1"
 })(["", " width:calc(100% - 50px);line-height:18px;", ""], {
@@ -18,6 +17,4 @@ var StyledOptionText = styled.span.withConfig({
   return props.textColor && css(["color:", ";"], props.textColor);
 });
 StyledOptionText.displayName = "StyledOptionText";
-
-export { StyledOptionIndicator, StyledOptionText };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\n  ${(props) =>\n    props.backgroundColor &&\n    !props.children &&\n    css`\n      background-color: ${props.backgroundColor};\n    `}\n`;\n\nStyledOptionIndicator.displayName = \"StyledOptionIndicator\";\n\nexport const StyledOptionText = styled.span<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  width: calc(100% - 50px);\n  line-height: 18px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n"],"names":["StyledOptionIndicator","styled","div","props","backgroundColor","children","css","displayName","StyledOptionText","span","textColor"],"mappings":";;IAGaA,qBAAqB,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,wEAK9B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,eAAN,IACA,CAACD,KAAK,CAACE,QADP,IAEAC,GAFA,6BAGsBH,KAAK,CAACC,eAH5B,CADA;AAAA,CAL8B;AAalCJ,qBAAqB,CAACO,WAAtB,GAAoC,uBAApC;IAEaC,gBAAgB,GAAGP,MAAM,CAACQ,IAAV;AAAA;AAAA;AAAA,2DACvB;AAAA;AAAA;AAAA;AAAA,CADuB,EAIzB,UAACN,KAAD;AAAA,SACAA,KAAK,CAACO,SAAN,IACAJ,GADA,kBAEWH,KAAK,CAACO,SAFjB,CADA;AAAA,CAJyB;AAW7BF,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;;;;"}
+{"version":3,"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":["styled","css","StyledOptionIndicator","div","props","backgroundColor","children","displayName","StyledOptionText","span","textColor"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAGA,OAAO,IAAMC,qBAAqB,GAAGF,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,wEAK9B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,eAAN,IACA,CAACD,KAAK,CAACE,QADP,IAEAL,GAFA,6BAGsBG,KAAK,CAACC,eAH5B,CADA;AAAA,CAL8B,CAA3B;AAaPH,qBAAqB,CAACK,WAAtB,GAAoC,uBAApC;AAEA,OAAO,IAAMC,gBAAgB,GAAGR,MAAM,CAACS,IAAV;AAAA;AAAA;AAAA,2DACvB;AAAA;AAAA;AAAA;AAAA,CADuB,EAIzB,UAACL,KAAD;AAAA,SACAA,KAAK,CAACM,SAAN,IACAT,GADA,kBAEWG,KAAK,CAACM,SAFjB,CADA;AAAA,CAJyB,CAAtB;AAWPF,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\n  ${(props) =>\n    props.backgroundColor &&\n    !props.children &&\n    css`\n      background-color: ${props.backgroundColor};\n    `}\n`;\n\nStyledOptionIndicator.displayName = \"StyledOptionIndicator\";\n\nexport const StyledOptionText = styled.span<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  width: calc(100% - 50px);\n  line-height: 18px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n"],"file":"Styles.js"}

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

@@ -1,10 +1,8 @@
-import { useMemo, useEffect, useCallback } from 'react';
-import classnames from 'classnames';
-import { Checkbox } from '../../Checkbox/Checkbox.js';
-import { StyledOptionGroup, StyledOptionGroupOption, StyledOptionGroupHeader } from './Styles.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var OptionGroup = function OptionGroup(_ref) {
+import React, { useCallback, useEffect, useMemo } from "react";
+import classNames from "classnames";
+import { Checkbox } from "../../Checkbox/Checkbox";
+import { StyledOptionGroup, StyledOptionGroupHeader, StyledOptionGroupOption } from "./Styles";
+export var OptionGroup = function OptionGroup(_ref) {
   var id = _ref.id,
       name = _ref.name,
       options = _ref.options,
@@ -25,7 +23,7 @@ var OptionGroup = function OptionGroup(_ref) {
     if (hover === id && type !== "single") {
       var _document$getElementB;
 
-      (_document$getElementB = document.getElementById("".concat(id))) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.focus();
+      (_document$getElementB = document.getElementById("" + id)) == null ? void 0 : _document$getElementB.focus();
     }
   }, [hover, type, id]);
   var isAllOptionsChecked = useMemo(function () {
@@ -50,28 +48,21 @@ var OptionGroup = function OptionGroup(_ref) {
       onChange(allOptionValues);
     }
   }, [allOptionValues, onChange]);
-  return /*#__PURE__*/jsxs(StyledOptionGroup, {
-    className: classnames("c-option-group", optionGroupClassName),
-    children: [/*#__PURE__*/jsx(StyledOptionGroupOption, {
-      title: name,
-      onMouseEnter: handleHover,
-      hover: hover === id && type === "multiple",
-      children: /*#__PURE__*/jsxs(StyledOptionGroupHeader, {
-        children: [/*#__PURE__*/jsx("div", {
-          children: name
-        }), type === "multiple" && /*#__PURE__*/jsx(Checkbox, {
-          id: "".concat(id),
-          checked: isAllOptionsChecked,
-          onChange: handleClick,
-          type: "checkbox"
-        })]
-      })
-    }), list.map(function (item) {
-      return renderOptions && renderOptions(item);
-    })]
-  }, id);
+  return /*#__PURE__*/React.createElement(StyledOptionGroup, {
+    key: id,
+    className: classNames("c-option-group", optionGroupClassName)
+  }, /*#__PURE__*/React.createElement(StyledOptionGroupOption, {
+    title: name,
+    onMouseEnter: handleHover,
+    hover: hover === id && type === "multiple"
+  }, /*#__PURE__*/React.createElement(StyledOptionGroupHeader, null, /*#__PURE__*/React.createElement("div", null, name), type === "multiple" && /*#__PURE__*/React.createElement(Checkbox, {
+    id: "" + id,
+    checked: isAllOptionsChecked,
+    onChange: handleClick,
+    type: "checkbox"
+  }))), list.map(function (item) {
+    return renderOptions && renderOptions(item);
+  }));
 };
 OptionGroup.displayName = "OptionGroup";
-
-export { OptionGroup };
-//# sourceMappingURL=OptionGroup.js.map
+//# sourceMappingURL=OptionGroup.js.map