@activecollab/components 1.0.4 → 1.0.8

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

@@ -1,10 +1,9 @@
-import styled from 'styled-components';
-import { FontStyle } from '../FontStyle.js';
-import { BoxSizingStyle } from '../BoxSizingStyle.js';
-import ArrowBackIcon from '../Icons/collection/ArrowBack.js';
-import TreeDotsIcon from '../Icons/collection/TreeDots.js';
-
-var StyledMenuSelectorDots = styled(TreeDotsIcon).withConfig({
+import styled from "styled-components";
+import { FontStyle } from "../FontStyle";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import ArrowBackIcon from "../Icons/collection/ArrowBack";
+import TreeDotsIcon from "../Icons/collection/TreeDots";
+export var StyledMenuSelectorDots = styled(TreeDotsIcon).withConfig({
   displayName: "Styles__StyledMenuSelectorDots",
   componentId: "sc-1x7qbnu-0"
 })(["", ""], {
@@ -13,7 +12,7 @@ var StyledMenuSelectorDots = styled(TreeDotsIcon).withConfig({
   "marginLeft": "0.5rem"
 });
 StyledMenuSelectorDots.displayName = "StyledMenuSelectorDots";
-var StyledMenuSelectorBack = styled(ArrowBackIcon).withConfig({
+export var StyledMenuSelectorBack = styled(ArrowBackIcon).withConfig({
   displayName: "Styles__StyledMenuSelectorBack",
   componentId: "sc-1x7qbnu-1"
 })(["", ""], {
@@ -23,12 +22,12 @@ var StyledMenuSelectorBack = styled(ArrowBackIcon).withConfig({
   "marginRight": "0.5rem"
 });
 StyledMenuSelectorBack.displayName = "StyledMenuSelectorBack";
-var StyledMenuSelector = styled.div.withConfig({
+export var StyledMenuSelector = styled.div.withConfig({
   displayName: "Styles__StyledMenuSelector",
   componentId: "sc-1x7qbnu-2"
 })(["", " ", " color:var(--color-theme-700);"], BoxSizingStyle, FontStyle);
 StyledMenuSelector.displayName = "StyledMenuSelector";
-var StyledMenuSelectorInner = styled.div.withConfig({
+export var StyledMenuSelectorInner = styled.div.withConfig({
   displayName: "Styles__StyledMenuSelectorInner",
   componentId: "sc-1x7qbnu-3"
 })(["", ""], {
@@ -37,6 +36,4 @@ var StyledMenuSelectorInner = styled.div.withConfig({
   "margin": "1rem"
 });
 StyledMenuSelectorInner.displayName = "StyledMenuSelectorInner";
-
-export { StyledMenuSelector, StyledMenuSelectorBack, StyledMenuSelectorDots, StyledMenuSelectorInner };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/MenuSelector/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport ArrowBackIcon from \"../Icons/collection/ArrowBack\";\nimport TreeDotsIcon from \"../Icons/collection/TreeDots\";\n\nexport const StyledMenuSelectorDots = styled(TreeDotsIcon)`\n  ${tw`tw-cursor-pointer tw-flex-shrink-0 tw-ml-2`}\n`;\n\nStyledMenuSelectorDots.displayName = \"StyledMenuSelectorDots\";\n\nexport const StyledMenuSelectorBack = styled(ArrowBackIcon)`\n  ${tw`tw-cursor-pointer tw-stroke-current tw-flex-shrink-0 tw-mr-2`}\n`;\n\nStyledMenuSelectorBack.displayName = \"StyledMenuSelectorBack\";\n\nexport const StyledMenuSelector = styled.div`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  color: var(--color-theme-700);\n`;\n\nStyledMenuSelector.displayName = \"StyledMenuSelector\";\n\nexport const StyledMenuSelectorInner = styled.div`\n  ${tw`tw-flex tw-items-center tw-m-4`}\n`;\n\nStyledMenuSelectorInner.displayName = \"StyledMenuSelectorInner\";\n"],"names":["StyledMenuSelectorDots","styled","TreeDotsIcon","displayName","StyledMenuSelectorBack","ArrowBackIcon","StyledMenuSelector","div","BoxSizingStyle","FontStyle","StyledMenuSelectorInner"],"mappings":";;;;;;IAOaA,sBAAsB,GAAGC,MAAM,CAACC,YAAD,CAAT;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA,CAD6B;AAInCF,sBAAsB,CAACG,WAAvB,GAAqC,wBAArC;IAEaC,sBAAsB,GAAGH,MAAM,CAACI,aAAD,CAAT;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B;AAInCD,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;IAEaG,kBAAkB,GAAGL,MAAM,CAACM,GAAV;AAAA;AAAA;AAAA,gDAC3BC,cAD2B,EAE3BC,SAF2B;AAO/BH,kBAAkB,CAACH,WAAnB,GAAiC,oBAAjC;IAEaO,uBAAuB,GAAGT,MAAM,CAACM,GAAV;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA;AAAA;AAAA,CAD8B;AAIpCG,uBAAuB,CAACP,WAAxB,GAAsC,yBAAtC;;;;"}
+{"version":3,"sources":["../../../../src/components/MenuSelector/Styles.ts"],"names":["styled","FontStyle","BoxSizingStyle","ArrowBackIcon","TreeDotsIcon","StyledMenuSelectorDots","displayName","StyledMenuSelectorBack","StyledMenuSelector","div","StyledMenuSelectorInner"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,OAAOC,aAAP,MAA0B,+BAA1B;AACA,OAAOC,YAAP,MAAyB,8BAAzB;AAEA,OAAO,IAAMC,sBAAsB,GAAGL,MAAM,CAACI,YAAD,CAAT;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA,CAD6B,CAA5B;AAIPC,sBAAsB,CAACC,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMC,sBAAsB,GAAGP,MAAM,CAACG,aAAD,CAAT;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B,CAA5B;AAIPI,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAME,kBAAkB,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,gDAC3BP,cAD2B,EAE3BD,SAF2B,CAAxB;AAOPO,kBAAkB,CAACF,WAAnB,GAAiC,oBAAjC;AAEA,OAAO,IAAMI,uBAAuB,GAAGV,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA;AAAA;AAAA,CAD8B,CAA7B;AAIPC,uBAAuB,CAACJ,WAAxB,GAAsC,yBAAtC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport ArrowBackIcon from \"../Icons/collection/ArrowBack\";\nimport TreeDotsIcon from \"../Icons/collection/TreeDots\";\n\nexport const StyledMenuSelectorDots = styled(TreeDotsIcon)`\n  ${tw`tw-cursor-pointer tw-flex-shrink-0 tw-ml-2`}\n`;\n\nStyledMenuSelectorDots.displayName = \"StyledMenuSelectorDots\";\n\nexport const StyledMenuSelectorBack = styled(ArrowBackIcon)`\n  ${tw`tw-cursor-pointer tw-stroke-current tw-flex-shrink-0 tw-mr-2`}\n`;\n\nStyledMenuSelectorBack.displayName = \"StyledMenuSelectorBack\";\n\nexport const StyledMenuSelector = styled.div`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  color: var(--color-theme-700);\n`;\n\nStyledMenuSelector.displayName = \"StyledMenuSelector\";\n\nexport const StyledMenuSelectorInner = styled.div`\n  ${tw`tw-flex tw-items-center tw-m-4`}\n`;\n\nStyledMenuSelectorInner.displayName = \"StyledMenuSelectorInner\";\n"],"file":"Styles.js"}

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

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

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

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

package/dist/esm/components/Modal/Modal.js

@@ -1,24 +1,17 @@
-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, useRef, useMemo, useEffect, useCallback, cloneElement } from 'react';
-import useForkRef from '../../utils/useForkRef.js';
-import createChainedFunction from '../../utils/createChainedFunction.js';
-import { StyledModalOverlay } from './Styles.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Window } from '../Window/Window.js';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "open", "onClose"];
-
-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; }
+import React, { forwardRef, useRef, cloneElement, useMemo, useCallback, useState, useEffect } from "react";
+import { Window } from "../Window";
+import useForkRef from "../../utils/useForkRef";
+import createChainedFunction from "../../utils/createChainedFunction";
+import { StyledModalOverlay } from "./Styles";
 
 var getHasTransition = function getHasTransition(children) {
   return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
 };
 
-var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
+export var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       _ref$disableFocusLock = _ref.disableFocusLock,
       disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
@@ -31,17 +24,15 @@ var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
       _ref$open = _ref.open,
       defaultOpen = _ref$open === void 0 ? false : _ref$open,
       onClose = _ref.onClose,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _useState = useState(defaultOpen),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
+      open = _useState[0],
+      setOpen = _useState[1];
 
-  var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      exited = _useState4[0],
-      setExited = _useState4[1];
+  var _useState2 = useState(true),
+      exited = _useState2[0],
+      setExited = _useState2[1];
 
   var innerRef = useRef(null);
   var handleRef = useForkRef(innerRef, ref);
@@ -89,19 +80,16 @@ var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     return null;
   }
 
-  return /*#__PURE__*/jsxs(Window, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/React.createElement(Window, _extends({}, rest, {
     ref: handleRef,
     onClose: handleClose,
     disableFocusLock: disableFocusLock,
-    disableScrollLock: disableScrollLock,
-    children: [/*#__PURE__*/jsx(StyledModalOverlay, {
-      onClick: handleBackgroundClick,
-      $disableBackgroundColor: disableBackgroundColor,
-      $open: open
-    }), /*#__PURE__*/cloneElement(children, childProps)]
-  }));
+    disableScrollLock: disableScrollLock
+  }), /*#__PURE__*/React.createElement(StyledModalOverlay, {
+    onClick: handleBackgroundClick,
+    $disableBackgroundColor: disableBackgroundColor,
+    $open: open
+  }), /*#__PURE__*/cloneElement(children, childProps));
 });
 Modal.displayName = "Modal";
-
-export { Modal };
-//# sourceMappingURL=Modal.js.map
+//# sourceMappingURL=Modal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useRef,\n  cloneElement,\n  useMemo,\n  useCallback,\n  ReactElement,\n  useState,\n  useEffect,\n  MouseEvent,\n} from \"react\";\nimport { Window } from \"../Window\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport createChainedFunction from \"../../utils/createChainedFunction\";\nimport { StyledModalOverlay } from \"./Styles\";\n\ninterface IModal {\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  open?: boolean;\n  disableBackgroundClick?: boolean;\n  disableBackgroundColor?: boolean;\n  onClose?: () => void;\n  children: ReactElement;\n}\n\nconst getHasTransition = (children): boolean => {\n  return children.props\n    ? Object.prototype.hasOwnProperty.call(children.props, \"in\")\n    : false;\n};\n\nexport const Modal = forwardRef<\n  HTMLDivElement,\n  IModal & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundClick = false,\n      disableBackgroundColor = false,\n      open: defaultOpen = false,\n      onClose,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n\n    const hasTransition = useMemo(() => {\n      return getHasTransition(children);\n    }, [children]);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n      if (!hasTransition) {\n        typeof onClose === \"function\" && onClose();\n      }\n    }, [hasTransition, onClose]);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const childProps = useMemo(() => {\n      let props = {};\n\n      // It's a Transition like component\n      if (hasTransition && children) {\n        props = {\n          onEnter: createChainedFunction(handleEnter, children.props.onEnter),\n          onExited: createChainedFunction(\n            handleExited,\n            children.props.onExited\n          ),\n          in: open,\n        };\n      }\n\n      return props;\n    }, [children, handleEnter, handleExited, hasTransition, open]);\n\n    if (!open && (!hasTransition || exited)) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n      >\n        <StyledModalOverlay\n          onClick={handleBackgroundClick}\n          $disableBackgroundColor={disableBackgroundColor}\n          $open={open}\n        />\n        {cloneElement(children, childProps)}\n      </Window>\n    );\n  }\n);\n\nModal.displayName = \"Modal\";\n"],"names":["getHasTransition","children","props","Object","prototype","hasOwnProperty","call","Modal","forwardRef","ref","disableFocusLock","disableScrollLock","disableBackgroundClick","disableBackgroundColor","open","defaultOpen","onClose","rest","useState","setOpen","exited","setExited","innerRef","useRef","handleRef","useForkRef","hasTransition","useMemo","useEffect","handleClose","useCallback","handleBackgroundClick","event","preventDefault","handleEnter","handleExited","childProps","onEnter","createChainedFunction","onExited","in","_jsxs","_jsx","cloneElement","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Modal/Modal.tsx"],"names":["React","forwardRef","useRef","cloneElement","useMemo","useCallback","useState","useEffect","Window","useForkRef","createChainedFunction","StyledModalOverlay","getHasTransition","children","props","Object","prototype","hasOwnProperty","call","Modal","ref","disableFocusLock","disableScrollLock","disableBackgroundClick","disableBackgroundColor","open","defaultOpen","onClose","rest","setOpen","exited","setExited","innerRef","handleRef","hasTransition","handleClose","handleBackgroundClick","event","preventDefault","handleEnter","handleExited","childProps","onEnter","onExited","in","displayName"],"mappings":"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","sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useRef,\n  cloneElement,\n  useMemo,\n  useCallback,\n  ReactElement,\n  useState,\n  useEffect,\n  MouseEvent,\n} from \"react\";\nimport { Window } from \"../Window\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport createChainedFunction from \"../../utils/createChainedFunction\";\nimport { StyledModalOverlay } from \"./Styles\";\n\ninterface IModal {\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  open?: boolean;\n  disableBackgroundClick?: boolean;\n  disableBackgroundColor?: boolean;\n  onClose?: () => void;\n  children: ReactElement;\n}\n\nconst getHasTransition = (children): boolean => {\n  return children.props\n    ? Object.prototype.hasOwnProperty.call(children.props, \"in\")\n    : false;\n};\n\nexport const Modal = forwardRef<\n  HTMLDivElement,\n  IModal & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundClick = false,\n      disableBackgroundColor = false,\n      open: defaultOpen = false,\n      onClose,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n\n    const hasTransition = useMemo(() => {\n      return getHasTransition(children);\n    }, [children]);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n      if (!hasTransition) {\n        typeof onClose === \"function\" && onClose();\n      }\n    }, [hasTransition, onClose]);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const childProps = useMemo(() => {\n      let props = {};\n\n      // It's a Transition like component\n      if (hasTransition && children) {\n        props = {\n          onEnter: createChainedFunction(handleEnter, children.props.onEnter),\n          onExited: createChainedFunction(\n            handleExited,\n            children.props.onExited\n          ),\n          in: open,\n        };\n      }\n\n      return props;\n    }, [children, handleEnter, handleExited, hasTransition, open]);\n\n    if (!open && (!hasTransition || exited)) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n      >\n        <StyledModalOverlay\n          onClick={handleBackgroundClick}\n          $disableBackgroundColor={disableBackgroundColor}\n          $open={open}\n        />\n        {cloneElement(children, childProps)}\n      </Window>\n    );\n  }\n);\n\nModal.displayName = \"Modal\";\n"],"file":"Modal.js"}

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

@@ -1,7 +1,6 @@
-import styled, { css } from 'styled-components';
-import { Overlay } from '../Overlay/Overlay.js';
-
-var StyledModalOverlay = styled(Overlay).withConfig({
+import styled, { css } from "styled-components";
+import { Overlay } from "../Overlay";
+export var StyledModalOverlay = styled(Overlay).withConfig({
   displayName: "Styles__StyledModalOverlay",
   componentId: "sc-1elktgs-0"
 })(["", " ", ""], function (props) {
@@ -12,6 +11,4 @@ var StyledModalOverlay = styled(Overlay).withConfig({
   return !props.$disableBackgroundColor && css(["background:var(--modal-background);"]);
 });
 StyledModalOverlay.displayName = "StyledModalOverlay";
-
-export { StyledModalOverlay };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/Modal/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Overlay } from \"../Overlay\";\n\nexport const StyledModalOverlay = styled(Overlay)<{\n  $open: boolean;\n  $disableBackgroundColor: boolean;\n}>`\n  ${(props) =>\n    !props.$open &&\n    css`\n      ${tw`tw-hidden`}\n    `}\n\n  ${(props) =>\n    !props.$disableBackgroundColor &&\n    css`\n      background: var(--modal-background);\n    `}\n`;\n\nStyledModalOverlay.displayName = \"StyledModalOverlay\";\n"],"names":["StyledModalOverlay","styled","Overlay","props","$open","css","$disableBackgroundColor","displayName"],"mappings":";;;IAIaA,kBAAkB,GAAGC,MAAM,CAACC,OAAD,CAAT;AAAA;AAAA;AAAA,kBAI3B,UAACC,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,KAAP,IACAC,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAJ2B,EAU3B,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,uBAAP,IACAD,GADA,yCADA;AAAA,CAV2B;AAiB/BL,kBAAkB,CAACO,WAAnB,GAAiC,oBAAjC;;;;"}
+{"version":3,"sources":["../../../../src/components/Modal/Styles.ts"],"names":["styled","css","Overlay","StyledModalOverlay","props","$open","$disableBackgroundColor","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,OAAT,QAAwB,YAAxB;AAEA,OAAO,IAAMC,kBAAkB,GAAGH,MAAM,CAACE,OAAD,CAAT;AAAA;AAAA;AAAA,kBAI3B,UAACE,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,KAAP,IACAJ,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAJ2B,EAU3B,UAACG,KAAD;AAAA,SACA,CAACA,KAAK,CAACE,uBAAP,IACAL,GADA,yCADA;AAAA,CAV2B,CAAxB;AAiBPE,kBAAkB,CAACI,WAAnB,GAAiC,oBAAjC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Overlay } from \"../Overlay\";\n\nexport const StyledModalOverlay = styled(Overlay)<{\n  $open: boolean;\n  $disableBackgroundColor: boolean;\n}>`\n  ${(props) =>\n    !props.$open &&\n    css`\n      ${tw`tw-hidden`}\n    `}\n\n  ${(props) =>\n    !props.$disableBackgroundColor &&\n    css`\n      background: var(--modal-background);\n    `}\n`;\n\nStyledModalOverlay.displayName = \"StyledModalOverlay\";\n"],"file":"Styles.js"}

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

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

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

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

package/dist/esm/components/MultiAvatar/MultiAvatar.js

@@ -1,8 +1,6 @@
-import { useCallback, useMemo } from 'react';
-import { StyledMultiAvatar, StyledMultiAvatarInner } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-var MultiAvatar = function MultiAvatar(_ref) {
+import React, { useCallback, useMemo } from "react";
+import { StyledMultiAvatar, StyledMultiAvatarInner } from "./Styles";
+export var MultiAvatar = function MultiAvatar(_ref) {
   var url = _ref.url,
       _ref$alt = _ref.alt,
       alt = _ref$alt === void 0 ? "Avatar Image" : _ref$alt,
@@ -13,65 +11,62 @@ var MultiAvatar = function MultiAvatar(_ref) {
     switch (url.length) {
       case 1:
         return {
-          width: "".concat(size, "px"),
-          height: "".concat(size, "px")
+          width: size + "px",
+          height: size + "px"
         };
 
       case 2:
         return {
-          width: "".concat(size / 2, "px"),
-          height: "".concat(size, "px")
+          width: size / 2 + "px",
+          height: size + "px"
         };
 
       case 3:
         if (i === 0) {
           return {
-            width: "".concat(size / 2, "px"),
-            height: "".concat(size, "px")
+            width: size / 2 + "px",
+            height: size + "px"
           };
         } else {
           return {
-            width: "".concat(size / 2, "px"),
-            height: "".concat(size / 2, "px")
+            width: size / 2 + "px",
+            height: size / 2 + "px"
           };
         }
 
       default:
         return {
-          width: "".concat(size / 2, "px"),
-          height: "".concat(size / 2, "px")
+          width: size / 2 + "px",
+          height: size / 2 + "px"
         };
     }
   }, [size, url.length]);
   var slicedUrl = useMemo(function () {
-    if ((url === null || url === void 0 ? void 0 : url.length) > 4) {
+    if ((url == null ? void 0 : url.length) > 4) {
       return url.slice(0, 4);
     }
 
     return url;
   }, [url]);
-  return /*#__PURE__*/jsx(StyledMultiAvatar, {
+  return /*#__PURE__*/React.createElement(StyledMultiAvatar, {
     style: {
-      width: "".concat(size, "px"),
-      height: "".concat(size, "px")
+      width: size + "px",
+      height: size + "px"
     },
     className: className,
-    $urlCount: url.length,
-    children: slicedUrl.map(function (v, i) {
-      return /*#__PURE__*/jsx(StyledMultiAvatarInner, {
-        style: setSize(i),
-        className: "c-multi-avatar__wrapper",
-        children: /*#__PURE__*/jsx("img", {
-          src: v,
-          alt: alt[i] ? alt[i] : "avatar_".concat(i),
-          width: size,
-          height: size
-        })
-      }, "avatar_".concat(i));
-    })
-  });
+    $urlCount: url.length
+  }, slicedUrl.map(function (v, i) {
+    return /*#__PURE__*/React.createElement(StyledMultiAvatarInner, {
+      style: setSize(i),
+      className: "c-multi-avatar__wrapper",
+      key: "avatar_" + i
+    }, /*#__PURE__*/React.createElement("img", {
+      src: v,
+      alt: alt[i] ? alt[i] : "avatar_" + i,
+      width: size,
+      height: size
+    }));
+  }));
 };
 MultiAvatar.displayName = "MultiAvatar";
-
-export { MultiAvatar };
-//# sourceMappingURL=MultiAvatar.js.map
+//# sourceMappingURL=MultiAvatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiAvatar.js","sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport { StyledMultiAvatar, StyledMultiAvatarInner } from \"./Styles\";\n\ninterface IMultiAvatar {\n  /** Path url. */\n  url: string[];\n  /** Alt text. */\n  alt?: string[];\n  /** Image size. */\n  size?: number;\n  /** Custom class. */\n  className?: string;\n}\n\nexport const MultiAvatar: FC<IMultiAvatar> = ({\n  url,\n  alt = \"Avatar Image\",\n  size = 24,\n  className,\n}) => {\n  const setSize = useCallback(\n    (i: number): object => {\n      switch (url.length) {\n        case 1:\n          return { width: `${size}px`, height: `${size}px` };\n        case 2:\n          return { width: `${size / 2}px`, height: `${size}px` };\n        case 3:\n          if (i === 0) {\n            return { width: `${size / 2}px`, height: `${size}px` };\n          } else {\n            return { width: `${size / 2}px`, height: `${size / 2}px` };\n          }\n        default:\n          return { width: `${size / 2}px`, height: `${size / 2}px` };\n      }\n    },\n    [size, url.length]\n  );\n\n  const slicedUrl = useMemo(() => {\n    if (url?.length > 4) {\n      return url.slice(0, 4);\n    }\n\n    return url;\n  }, [url]);\n\n  return (\n    <StyledMultiAvatar\n      style={{ width: `${size}px`, height: `${size}px` }}\n      className={className}\n      $urlCount={url.length}\n    >\n      {slicedUrl.map((v, i) => (\n        <StyledMultiAvatarInner\n          style={setSize(i)}\n          className=\"c-multi-avatar__wrapper\"\n          key={`avatar_${i}`}\n        >\n          <img\n            src={v}\n            alt={alt[i] ? alt[i] : `avatar_${i}`}\n            width={size}\n            height={size}\n          />\n        </StyledMultiAvatarInner>\n      ))}\n    </StyledMultiAvatar>\n  );\n};\n\nMultiAvatar.displayName = \"MultiAvatar\";\n"],"names":["MultiAvatar","url","alt","size","className","setSize","useCallback","i","length","width","height","slicedUrl","useMemo","slice","_jsx","map","v","displayName"],"mappings":";;;;IAcaA,WAA6B,GAAG,SAAhCA,WAAgC,OAKvC;AAAA,MAJJC,GAII,QAJJA,GAII;AAAA,sBAHJC,GAGI;AAAA,MAHJA,GAGI,yBAHE,cAGF;AAAA,uBAFJC,IAEI;AAAA,MAFJA,IAEI,0BAFG,EAEH;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,OAAO,GAAGC,WAAW,CACzB,UAACC,CAAD,EAAuB;AACrB,YAAQN,GAAG,CAACO,MAAZ;AACE,WAAK,CAAL;AACE,eAAO;AAAEC,UAAAA,KAAK,YAAKN,IAAL,OAAP;AAAsBO,UAAAA,MAAM,YAAKP,IAAL;AAA5B,SAAP;;AACF,WAAK,CAAL;AACE,eAAO;AAAEM,UAAAA,KAAK,YAAKN,IAAI,GAAG,CAAZ,OAAP;AAA0BO,UAAAA,MAAM,YAAKP,IAAL;AAAhC,SAAP;;AACF,WAAK,CAAL;AACE,YAAII,CAAC,KAAK,CAAV,EAAa;AACX,iBAAO;AAAEE,YAAAA,KAAK,YAAKN,IAAI,GAAG,CAAZ,OAAP;AAA0BO,YAAAA,MAAM,YAAKP,IAAL;AAAhC,WAAP;AACD,SAFD,MAEO;AACL,iBAAO;AAAEM,YAAAA,KAAK,YAAKN,IAAI,GAAG,CAAZ,OAAP;AAA0BO,YAAAA,MAAM,YAAKP,IAAI,GAAG,CAAZ;AAAhC,WAAP;AACD;;AACH;AACE,eAAO;AAAEM,UAAAA,KAAK,YAAKN,IAAI,GAAG,CAAZ,OAAP;AAA0BO,UAAAA,MAAM,YAAKP,IAAI,GAAG,CAAZ;AAAhC,SAAP;AAZJ;AAcD,GAhBwB,EAiBzB,CAACA,IAAD,EAAOF,GAAG,CAACO,MAAX,CAjByB,CAA3B;AAoBA,MAAMG,SAAS,GAAGC,OAAO,CAAC,YAAM;AAC9B,QAAI,CAAAX,GAAG,SAAH,IAAAA,GAAG,WAAH,YAAAA,GAAG,CAAEO,MAAL,IAAc,CAAlB,EAAqB;AACnB,aAAOP,GAAG,CAACY,KAAJ,CAAU,CAAV,EAAa,CAAb,CAAP;AACD;;AAED,WAAOZ,GAAP;AACD,GANwB,EAMtB,CAACA,GAAD,CANsB,CAAzB;AAQA,sBACEa,IAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AAAEL,MAAAA,KAAK,YAAKN,IAAL,OAAP;AAAsBO,MAAAA,MAAM,YAAKP,IAAL;AAA5B,KADT;AAEE,IAAA,SAAS,EAAEC,SAFb;AAGE,IAAA,SAAS,EAAEH,GAAG,CAACO,MAHjB;AAAA,cAKGG,SAAS,CAACI,GAAV,CAAc,UAACC,CAAD,EAAIT,CAAJ;AAAA,0BACbO,IAAC,sBAAD;AACE,QAAA,KAAK,EAAET,OAAO,CAACE,CAAD,CADhB;AAEE,QAAA,SAAS,EAAC,yBAFZ;AAAA,+BAKEO;AACE,UAAA,GAAG,EAAEE,CADP;AAEE,UAAA,GAAG,EAAEd,GAAG,CAACK,CAAD,CAAH,GAASL,GAAG,CAACK,CAAD,CAAZ,oBAA4BA,CAA5B,CAFP;AAGE,UAAA,KAAK,EAAEJ,IAHT;AAIE,UAAA,MAAM,EAAEA;AAJV;AALF,0BAGiBI,CAHjB,EADa;AAAA,KAAd;AALH,IADF;AAsBD;AAEDP,WAAW,CAACiB,WAAZ,GAA0B,aAA1B;;;;"}
+{"version":3,"sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"names":["React","useCallback","useMemo","StyledMultiAvatar","StyledMultiAvatarInner","MultiAvatar","url","alt","size","className","setSize","i","length","width","height","slicedUrl","slice","map","v","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAoBC,WAApB,EAAiCC,OAAjC,QAAgD,OAAhD;AACA,SAASC,iBAAT,EAA4BC,sBAA5B,QAA0D,UAA1D;AAaA,OAAO,IAAMC,WAA6B,GAAG,SAAhCA,WAAgC,OAKvC;AAAA,MAJJC,GAII,QAJJA,GAII;AAAA,sBAHJC,GAGI;AAAA,MAHJA,GAGI,yBAHE,cAGF;AAAA,uBAFJC,IAEI;AAAA,MAFJA,IAEI,0BAFG,EAEH;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,OAAO,GAAGT,WAAW,CACzB,UAACU,CAAD,EAAuB;AACrB,YAAQL,GAAG,CAACM,MAAZ;AACE,WAAK,CAAL;AACE,eAAO;AAAEC,UAAAA,KAAK,EAAKL,IAAL,OAAP;AAAsBM,UAAAA,MAAM,EAAKN,IAAL;AAA5B,SAAP;;AACF,WAAK,CAAL;AACE,eAAO;AAAEK,UAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,UAAAA,MAAM,EAAKN,IAAL;AAAhC,SAAP;;AACF,WAAK,CAAL;AACE,YAAIG,CAAC,KAAK,CAAV,EAAa;AACX,iBAAO;AAAEE,YAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,YAAAA,MAAM,EAAKN,IAAL;AAAhC,WAAP;AACD,SAFD,MAEO;AACL,iBAAO;AAAEK,YAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,YAAAA,MAAM,EAAKN,IAAI,GAAG,CAAZ;AAAhC,WAAP;AACD;;AACH;AACE,eAAO;AAAEK,UAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,UAAAA,MAAM,EAAKN,IAAI,GAAG,CAAZ;AAAhC,SAAP;AAZJ;AAcD,GAhBwB,EAiBzB,CAACA,IAAD,EAAOF,GAAG,CAACM,MAAX,CAjByB,CAA3B;AAoBA,MAAMG,SAAS,GAAGb,OAAO,CAAC,YAAM;AAC9B,QAAI,CAAAI,GAAG,QAAH,YAAAA,GAAG,CAAEM,MAAL,IAAc,CAAlB,EAAqB;AACnB,aAAON,GAAG,CAACU,KAAJ,CAAU,CAAV,EAAa,CAAb,CAAP;AACD;;AAED,WAAOV,GAAP;AACD,GANwB,EAMtB,CAACA,GAAD,CANsB,CAAzB;AAQA,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AAAEO,MAAAA,KAAK,EAAKL,IAAL,OAAP;AAAsBM,MAAAA,MAAM,EAAKN,IAAL;AAA5B,KADT;AAEE,IAAA,SAAS,EAAEC,SAFb;AAGE,IAAA,SAAS,EAAEH,GAAG,CAACM;AAHjB,KAKGG,SAAS,CAACE,GAAV,CAAc,UAACC,CAAD,EAAIP,CAAJ;AAAA,wBACb,oBAAC,sBAAD;AACE,MAAA,KAAK,EAAED,OAAO,CAACC,CAAD,CADhB;AAEE,MAAA,SAAS,EAAC,yBAFZ;AAGE,MAAA,GAAG,cAAYA;AAHjB,oBAKE;AACE,MAAA,GAAG,EAAEO,CADP;AAEE,MAAA,GAAG,EAAEX,GAAG,CAACI,CAAD,CAAH,GAASJ,GAAG,CAACI,CAAD,CAAZ,eAA4BA,CAFnC;AAGE,MAAA,KAAK,EAAEH,IAHT;AAIE,MAAA,MAAM,EAAEA;AAJV,MALF,CADa;AAAA,GAAd,CALH,CADF;AAsBD,CAxDM;AA0DPH,WAAW,CAACc,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport { StyledMultiAvatar, StyledMultiAvatarInner } from \"./Styles\";\n\ninterface IMultiAvatar {\n  /** Path url. */\n  url: string[];\n  /** Alt text. */\n  alt?: string[];\n  /** Image size. */\n  size?: number;\n  /** Custom class. */\n  className?: string;\n}\n\nexport const MultiAvatar: FC<IMultiAvatar> = ({\n  url,\n  alt = \"Avatar Image\",\n  size = 24,\n  className,\n}) => {\n  const setSize = useCallback(\n    (i: number): object => {\n      switch (url.length) {\n        case 1:\n          return { width: `${size}px`, height: `${size}px` };\n        case 2:\n          return { width: `${size / 2}px`, height: `${size}px` };\n        case 3:\n          if (i === 0) {\n            return { width: `${size / 2}px`, height: `${size}px` };\n          } else {\n            return { width: `${size / 2}px`, height: `${size / 2}px` };\n          }\n        default:\n          return { width: `${size / 2}px`, height: `${size / 2}px` };\n      }\n    },\n    [size, url.length]\n  );\n\n  const slicedUrl = useMemo(() => {\n    if (url?.length > 4) {\n      return url.slice(0, 4);\n    }\n\n    return url;\n  }, [url]);\n\n  return (\n    <StyledMultiAvatar\n      style={{ width: `${size}px`, height: `${size}px` }}\n      className={className}\n      $urlCount={url.length}\n    >\n      {slicedUrl.map((v, i) => (\n        <StyledMultiAvatarInner\n          style={setSize(i)}\n          className=\"c-multi-avatar__wrapper\"\n          key={`avatar_${i}`}\n        >\n          <img\n            src={v}\n            alt={alt[i] ? alt[i] : `avatar_${i}`}\n            width={size}\n            height={size}\n          />\n        </StyledMultiAvatarInner>\n      ))}\n    </StyledMultiAvatar>\n  );\n};\n\nMultiAvatar.displayName = \"MultiAvatar\";\n"],"file":"MultiAvatar.js"}

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

@@ -1,12 +1,11 @@
-import styled, { css } from 'styled-components';
-import { BoxSizingStyle } from '../BoxSizingStyle.js';
-
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
 var StyledMultiAvatarImg = css(["width:inherit;height:inherit;"]);
-var StyledMultiAvatarInner = styled.div.withConfig({
+export var StyledMultiAvatarInner = styled.div.withConfig({
   displayName: "Styles__StyledMultiAvatarInner",
   componentId: "sc-k6nldn-0"
 })(["overflow:hidden;position:absolute;"]);
-var StyledMultiAvatar = styled.div.withConfig({
+export var StyledMultiAvatar = styled.div.withConfig({
   displayName: "Styles__StyledMultiAvatar",
   componentId: "sc-k6nldn-1"
 })(["", " border-radius:100%;position:relative;overflow:hidden;", " ", " ", ""], BoxSizingStyle, function (props) {
@@ -18,6 +17,4 @@ var StyledMultiAvatar = styled.div.withConfig({
 });
 StyledMultiAvatar.displayName = "StyledMultiAvatar";
 StyledMultiAvatarInner.displayName = "StyledMultiAvatarInner";
-
-export { StyledMultiAvatar, StyledMultiAvatarInner };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/MultiAvatar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nconst StyledMultiAvatarImg = css`\n  width: inherit;\n  height: inherit;\n`;\n\nexport const StyledMultiAvatarInner = styled.div`\n  overflow: hidden;\n  position: absolute;\n`;\n\nexport const StyledMultiAvatar = styled.div<{ $urlCount: number }>`\n  ${BoxSizingStyle}\n\n  border-radius: 100%;\n  position: relative;\n  overflow: hidden;\n\n  ${(props) =>\n    props.$urlCount === 2 &&\n    css`\n      ${StyledMultiAvatarInner}:first-child {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:last-child {\n        right: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount === 3 &&\n    css`\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        right: 0;\n        top: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        bottom: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount > 3 &&\n    css`\n      img {\n        ${StyledMultiAvatarImg}\n      }\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        left: 0;\n        bottom: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        top: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(4) {\n        right: 0;\n        bottom: 0;\n      }\n    `}\n`;\n\nStyledMultiAvatar.displayName = \"StyledMultiAvatar\";\nStyledMultiAvatarInner.displayName = \"StyledMultiAvatarInner\";\n"],"names":["StyledMultiAvatarImg","css","StyledMultiAvatarInner","styled","div","StyledMultiAvatar","BoxSizingStyle","props","$urlCount","displayName"],"mappings":";;;AAGA,IAAMA,oBAAoB,GAAGC,GAAH,mCAA1B;IAKaC,sBAAsB,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA;IAKtBC,iBAAiB,GAAGF,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,iFAC1BE,cAD0B,EAO1B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,CAApB,IACAP,GADA,yHAEIC,sBAFJ,EAQIA,sBARJ,CADA;AAAA,CAP0B,EAwB1B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,CAApB,IACAP,GADA,wJAEIC,sBAFJ,EAQIA,sBARJ,EAaQF,oBAbR,EAgBIE,sBAhBJ,EAqBQF,oBArBR,CADA;AAAA,CAxB0B,EAmD1B,UAACO,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,GAAkB,CAAlB,IACAP,GADA,kJAGMD,oBAHN,EAKIE,sBALJ,EAQIA,sBARJ,EAYIA,sBAZJ,EAgBIA,sBAhBJ,CADA;AAAA,CAnD0B;AA2E9BG,iBAAiB,CAACI,WAAlB,GAAgC,mBAAhC;AACAP,sBAAsB,CAACO,WAAvB,GAAqC,wBAArC;;;;"}
+{"version":3,"sources":["../../../../src/components/MultiAvatar/Styles.ts"],"names":["styled","css","BoxSizingStyle","StyledMultiAvatarImg","StyledMultiAvatarInner","div","StyledMultiAvatar","props","$urlCount","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AAEA,IAAMC,oBAAoB,GAAGF,GAAH,mCAA1B;AAKA,OAAO,IAAMG,sBAAsB,GAAGJ,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,0CAA5B;AAKP,OAAO,IAAMC,iBAAiB,GAAGN,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,iFAC1BH,cAD0B,EAO1B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,CAApB,IACAP,GADA,yHAEIG,sBAFJ,EAQIA,sBARJ,CADA;AAAA,CAP0B,EAwB1B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,CAApB,IACAP,GADA,wJAEIG,sBAFJ,EAQIA,sBARJ,EAaQD,oBAbR,EAgBIC,sBAhBJ,EAqBQD,oBArBR,CADA;AAAA,CAxB0B,EAmD1B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,GAAkB,CAAlB,IACAP,GADA,kJAGME,oBAHN,EAKIC,sBALJ,EAQIA,sBARJ,EAYIA,sBAZJ,EAgBIA,sBAhBJ,CADA;AAAA,CAnD0B,CAAvB;AA2EPE,iBAAiB,CAACG,WAAlB,GAAgC,mBAAhC;AACAL,sBAAsB,CAACK,WAAvB,GAAqC,wBAArC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nconst StyledMultiAvatarImg = css`\n  width: inherit;\n  height: inherit;\n`;\n\nexport const StyledMultiAvatarInner = styled.div`\n  overflow: hidden;\n  position: absolute;\n`;\n\nexport const StyledMultiAvatar = styled.div<{ $urlCount: number }>`\n  ${BoxSizingStyle}\n\n  border-radius: 100%;\n  position: relative;\n  overflow: hidden;\n\n  ${(props) =>\n    props.$urlCount === 2 &&\n    css`\n      ${StyledMultiAvatarInner}:first-child {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:last-child {\n        right: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount === 3 &&\n    css`\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        right: 0;\n        top: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        bottom: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount > 3 &&\n    css`\n      img {\n        ${StyledMultiAvatarImg}\n      }\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        left: 0;\n        bottom: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        top: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(4) {\n        right: 0;\n        bottom: 0;\n      }\n    `}\n`;\n\nStyledMultiAvatar.displayName = \"StyledMultiAvatar\";\nStyledMultiAvatarInner.displayName = \"StyledMultiAvatarInner\";\n"],"file":"Styles.js"}

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

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

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

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

package/dist/esm/components/Nav/Item/Item.js

@@ -1,16 +1,10 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import classnames from 'classnames';
-import React from 'react';
-import { StyledNavListItem } from '../Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children", "active", "disabled", "className", "role"];
-
-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 Item = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+import classNames from "classnames";
+import React from "react";
+import { StyledNavListItem } from "../Styles";
+export var Item = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
@@ -18,21 +12,18 @@ var Item = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       className = _ref.className,
       role = _ref.role,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/jsx(StyledNavListItem, _objectSpread(_objectSpread({
-    className: classnames("c-nav__item", {
+  return /*#__PURE__*/React.createElement(StyledNavListItem, _extends({
+    className: classNames("c-nav__item", {
       "c-nav__item--active": active
     }, className),
     ref: ref
-  }, rest), {}, {
+  }, rest, {
     $active: active,
     $disabled: disabled,
-    $role: role,
-    children: children
-  }));
+    $role: role
+  }), children);
 });
 Item.displayName = "Item";
-
-export { Item };
-//# sourceMappingURL=Item.js.map
+//# sourceMappingURL=Item.js.map

package/dist/esm/components/Nav/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../src/components/Nav/Item/Item.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { ReactChild } from \"react\";\nimport { NavRoleType } from \"../Nav\";\nimport { StyledNavListItem } from \"../Styles\";\n\nexport interface ItemProps {\n  /** Classname prop for custom styling. */\n  children: ReactChild | string;\n  /** Active state(underline). */\n  active?: boolean;\n  /** Disabled state. */\n  disabled?: boolean;\n  className?: string;\n  name: string;\n  role?: NavRoleType;\n}\n\nexport const Item = React.forwardRef<\n  HTMLLIElement,\n  ItemProps & React.ComponentPropsWithoutRef<\"li\">\n>(\n  (\n    { children, active = false, disabled = false, className, role, ...rest },\n    ref\n  ) => {\n    return (\n      <StyledNavListItem\n        className={classNames(\n          `c-nav__item`,\n          {\n            \"c-nav__item--active\": active,\n          },\n          className\n        )}\n        ref={ref}\n        {...rest}\n        $active={active}\n        $disabled={disabled}\n        $role={role}\n      >\n        {children}\n      </StyledNavListItem>\n    );\n  }\n);\n\nItem.displayName = \"Item\";\n"],"names":["Item","React","forwardRef","ref","children","active","disabled","className","role","rest","_jsx","classNames","displayName"],"mappings":";;;;;;;;;;;;IAiBaA,IAAI,gBAAGC,KAAK,CAACC,UAAN,CAIlB,gBAEEC,GAFF,EAGK;AAAA,MAFDC,QAEC,QAFDA,QAEC;AAAA,yBAFSC,MAET;AAAA,MAFSA,MAET,4BAFkB,KAElB;AAAA,2BAFyBC,QAEzB;AAAA,MAFyBA,QAEzB,8BAFoC,KAEpC;AAAA,MAF2CC,SAE3C,QAF2CA,SAE3C;AAAA,MAFsDC,IAEtD,QAFsDA,IAEtD;AAAA,MAF+DC,IAE/D;;AACH,sBACEC,IAAC,iBAAD;AACE,IAAA,SAAS,EAAEC,UAAU,gBAEnB;AACE,6BAAuBN;AADzB,KAFmB,EAKnBE,SALmB,CADvB;AAQE,IAAA,GAAG,EAAEJ;AARP,KASMM,IATN;AAUE,IAAA,OAAO,EAAEJ,MAVX;AAWE,IAAA,SAAS,EAAEC,QAXb;AAYE,IAAA,KAAK,EAAEE,IAZT;AAAA,cAcGJ;AAdH,KADF;AAkBD,CA1BiB;AA6BpBJ,IAAI,CAACY,WAAL,GAAmB,MAAnB;;;;"}
+{"version":3,"sources":["../../../../../src/components/Nav/Item/Item.tsx"],"names":["classNames","React","StyledNavListItem","Item","forwardRef","ref","children","active","disabled","className","role","rest","displayName"],"mappings":";;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkC,OAAlC;AAEA,SAASC,iBAAT,QAAkC,WAAlC;AAcA,OAAO,IAAMC,IAAI,gBAAGF,KAAK,CAACG,UAAN,CAIlB,gBAEEC,GAFF,EAGK;AAAA,MAFDC,QAEC,QAFDA,QAEC;AAAA,yBAFSC,MAET;AAAA,MAFSA,MAET,4BAFkB,KAElB;AAAA,2BAFyBC,QAEzB;AAAA,MAFyBA,QAEzB,8BAFoC,KAEpC;AAAA,MAF2CC,SAE3C,QAF2CA,SAE3C;AAAA,MAFsDC,IAEtD,QAFsDA,IAEtD;AAAA,MAF+DC,IAE/D;;AACH,sBACE,oBAAC,iBAAD;AACE,IAAA,SAAS,EAAEX,UAAU,gBAEnB;AACE,6BAAuBO;AADzB,KAFmB,EAKnBE,SALmB,CADvB;AAQE,IAAA,GAAG,EAAEJ;AARP,KASMM,IATN;AAUE,IAAA,OAAO,EAAEJ,MAVX;AAWE,IAAA,SAAS,EAAEC,QAXb;AAYE,IAAA,KAAK,EAAEE;AAZT,MAcGJ,QAdH,CADF;AAkBD,CA1BiB,CAAb;AA6BPH,IAAI,CAACS,WAAL,GAAmB,MAAnB","sourcesContent":["import classNames from \"classnames\";\nimport React, { ReactChild } from \"react\";\nimport { NavRoleType } from \"../Nav\";\nimport { StyledNavListItem } from \"../Styles\";\n\nexport interface ItemProps {\n  /** Classname prop for custom styling. */\n  children: ReactChild | string;\n  /** Active state(underline). */\n  active?: boolean;\n  /** Disabled state. */\n  disabled?: boolean;\n  className?: string;\n  name: string;\n  role?: NavRoleType;\n}\n\nexport const Item = React.forwardRef<\n  HTMLLIElement,\n  ItemProps & React.ComponentPropsWithoutRef<\"li\">\n>(\n  (\n    { children, active = false, disabled = false, className, role, ...rest },\n    ref\n  ) => {\n    return (\n      <StyledNavListItem\n        className={classNames(\n          `c-nav__item`,\n          {\n            \"c-nav__item--active\": active,\n          },\n          className\n        )}\n        ref={ref}\n        {...rest}\n        $active={active}\n        $disabled={disabled}\n        $role={role}\n      >\n        {children}\n      </StyledNavListItem>\n    );\n  }\n);\n\nItem.displayName = \"Item\";\n"],"file":"Item.js"}

package/dist/esm/components/Nav/Item/Styles.js

@@ -1,7 +1,6 @@
-import styled, { css } from 'styled-components';
-import { Item } from './Item.js';
-
-var StyledNavListItemMore = styled(Item).withConfig({
+import styled, { css } from "styled-components";
+import { Item } from "./Item";
+export var StyledNavListItemMore = styled(Item).withConfig({
   displayName: "Styles__StyledNavListItemMore",
   componentId: "sc-m6npdq-0"
 })(["", " cursor:pointer;", ""], function (props) {
@@ -10,6 +9,4 @@ var StyledNavListItemMore = styled(Item).withConfig({
   "pointerEvents": "auto"
 });
 StyledNavListItemMore.displayName = "StyledNavListItemMore";
-
-export { StyledNavListItemMore };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Nav/Item/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../../src/components/Nav/Item/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Item } from \"./Item\";\n\nexport const StyledNavListItemMore = styled(Item)`\n  ${(props) =>\n    props.role !== \"light\" &&\n    css`\n      padding: 0;\n    `}\n  cursor: pointer;\n  ${tw`tw-pointer-events-auto`}\n`;\n\nStyledNavListItemMore.displayName = \"StyledNavListItemMore\";\n"],"names":["StyledNavListItemMore","styled","Item","props","role","css","displayName"],"mappings":";;;IAIaA,qBAAqB,GAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA;AAAA,iCAC9B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,OAAf,IACAC,GADA,gBADA;AAAA,CAD8B,EAO5B;AAAA;AAAA,CAP4B;AAUlCL,qBAAqB,CAACM,WAAtB,GAAoC,uBAApC;;;;"}
+{"version":3,"sources":["../../../../../src/components/Nav/Item/Styles.ts"],"names":["styled","css","Item","StyledNavListItemMore","props","role","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,IAAT,QAAqB,QAArB;AAEA,OAAO,IAAMC,qBAAqB,GAAGH,MAAM,CAACE,IAAD,CAAT;AAAA;AAAA;AAAA,iCAC9B,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,OAAf,IACAJ,GADA,gBADA;AAAA,CAD8B,EAO5B;AAAA;AAAA,CAP4B,CAA3B;AAUPE,qBAAqB,CAACG,WAAtB,GAAoC,uBAApC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Item } from \"./Item\";\n\nexport const StyledNavListItemMore = styled(Item)`\n  ${(props) =>\n    props.role !== \"light\" &&\n    css`\n      padding: 0;\n    `}\n  cursor: pointer;\n  ${tw`tw-pointer-events-auto`}\n`;\n\nStyledNavListItemMore.displayName = \"StyledNavListItemMore\";\n"],"file":"Styles.js"}

package/dist/esm/components/Nav/Item/index.js

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

package/dist/esm/components/Nav/Item/index.js.map

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