@activecollab/components 1.0.415 → 2.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"Nav.js","names":["React","useState","useRef","useCallback","useEffect","useLayoutEffect","useMemo","Children","cloneElement","classNames","ResizeObserver","debounce","Select","StyledNav","StyledNavAsMoreTarget","StyledNavAsSelect","StyledNavList","StyledNavListItemMore","ExpandSingle","Nav","children","alignment","onSelect","onMoreOptionSelect","className","role","moreLabel","type","active","setActive","visibleTabIndexes","setVisibleTabIndexes","measuringRender","setMeasuringRender","moreVisible","setMoreVisible","renderNavAsSelect","setRenderNavAsSelect","options","setOptions","moreOpened","setMoreOpened","isMounted","setIsMounted","navItemNames","map","item","props","name","allOptions","index","id","navRef","navItemsRefs","moreItemRef","onClick","e","target","currentTarget","dataset","disabled","Number","forEach","child","containerWidth","current","offsetWidth","itemsWidth","Object","values","reduce","acc","itemEl","Array","from","keys","moreItemWidth","firstItemWidth","visible","allWidth","liItem","push","filter","includes","handleResize","window","addEventListener","removeEventListener","resizeObserver","entries","entry","contentRect","width","observe","setTimeout","unobserve","disconnect","visibleTabs","tabs","toArray","onMoreOptionClick","navAsSelect","setMoreOpen","setMoreClose","element","ref","el","indexOf","displayName"],"sources":["../../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  FC,\n  ReactNode,\n  useState,\n  useRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  Children,\n  cloneElement,\n} from \"react\";\nimport classNames from \"classnames\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport debounce from \"lodash.debounce\";\nimport { ISyntheticEvent } from \"../../types\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Select } from \"../Select/Select\";\nimport {\n  StyledNav,\n  StyledNavAsMoreTarget,\n  StyledNavAsSelect,\n  StyledNavList,\n} from \"./Styles\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport { ItemProps } from \"./Item/Item\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\n\ntype NavType = \"inline\" | \"dropdown\";\nexport type NavAlignType = \"left\" | \"center\" | \"right\";\nexport type NavRoleType = \"bold\" | \"light\";\n\nexport interface INavProps {\n  children: ReactElement<ItemProps>[];\n  /** Function for changing active navs. */\n  onSelect?: (index: number) => void;\n  /** Function triggered when option in More... is selected */\n  onMoreOptionSelect?: (index: number) => void;\n  /** Aligment of nav component. */\n  alignment?: NavAlignType;\n  /** CSS classes. */\n  className?: string;\n  /** Role of nav component. */\n  role?: NavRoleType;\n  /** Label for More... item */\n  moreLabel?: string;\n  /** Nav type */\n  type?: NavType;\n}\n\nexport const Nav: FC<INavProps> = ({\n  children,\n  alignment = \"left\",\n  onSelect,\n  onMoreOptionSelect,\n  className,\n  role = \"bold\",\n  moreLabel,\n  type = \"inline\",\n}) => {\n  const [active, setActive] = useState(0);\n  const [visibleTabIndexes, setVisibleTabIndexes] = useState<number[]>([]);\n  const [measuringRender, setMeasuringRender] = useState(false);\n  const [moreVisible, setMoreVisible] = useState(false);\n  const [renderNavAsSelect, setRenderNavAsSelect] = useState(false);\n  const [options, setOptions] = useState<IOptionItemProps[]>([]);\n  const [moreOpened, setMoreOpened] = useState(false);\n  const [isMounted, setIsMounted] = useState(false);\n\n  const navItemNames = useMemo(\n    () => children.map((item) => item.props.name),\n    [children]\n  );\n\n  const allOptions = useMemo(() => {\n    return navItemNames.map((name, index) => {\n      return { id: index, name: name };\n    });\n  }, [navItemNames]);\n\n  // REFS\n  const navRef = useRef<HTMLUListElement | null>(null);\n  const navItemsRefs = useRef<\n    { index: number; element: HTMLLIElement } | Record<string, unknown>\n  >({});\n  const moreItemRef = useRef<HTMLLIElement | null>(null);\n\n  const onClick = useCallback(\n    (e: ISyntheticEvent) => {\n      if (\n        e.target &&\n        e.currentTarget.dataset.index &&\n        !e.currentTarget.dataset.disabled\n      ) {\n        const index = Number(e.currentTarget.dataset.index);\n        setActive(index);\n        if (onSelect) {\n          onSelect(index);\n        }\n        setMeasuringRender(true);\n      }\n    },\n    [onSelect]\n  );\n\n  useMemo(() => {\n    Children.forEach(\n      children as ReactElement[],\n      (child: ReactElement, index) => {\n        if (child && child.props.active) {\n          setActive(index);\n        }\n      }\n    );\n  }, [children]);\n\n  useLayoutEffect(() => {\n    if (type === \"inline\" && measuringRender && isMounted) {\n      const containerWidth = navRef.current?.offsetWidth || 0;\n      const itemsWidth = Object.values(navItemsRefs.current).reduce(\n        (acc: number, item) => {\n          const itemEl = item as HTMLLIElement;\n          return acc + (itemEl ? itemEl.offsetWidth : 0);\n        },\n        0\n      );\n\n      // all tabs are visible\n      if (containerWidth >= itemsWidth) {\n        setVisibleTabIndexes(Array.from(navItemNames.keys()));\n        setMoreVisible(false);\n        setRenderNavAsSelect(false);\n        return setMeasuringRender(false);\n      }\n\n      setMoreVisible(true);\n\n      if (moreVisible) {\n        const moreItemWidth = moreItemRef.current?.offsetWidth || 0;\n        const firstItemWidth = navItemsRefs.current[0].offsetWidth;\n\n        // collapse Nav to Select, there is no enough room\n        if (containerWidth < moreItemWidth + firstItemWidth) {\n          setVisibleTabIndexes([]);\n          const options = navItemNames.map((name, index) => {\n            return { id: index, name: name };\n          });\n          setOptions(options);\n          setRenderNavAsSelect(true);\n          setMoreVisible(false);\n          return setMeasuringRender(false);\n        }\n\n        // item(s) + More...\n        const visible: number[] = [];\n        let allWidth = 0;\n        Object.values(navItemsRefs.current).forEach((item, index) => {\n          const liItem = item as HTMLLIElement;\n          allWidth += liItem.offsetWidth;\n          if (moreItemWidth + allWidth <= containerWidth) {\n            visible.push(index);\n          }\n        });\n        setVisibleTabIndexes(visible);\n        const options = navItemNames\n          .map((name, index) => {\n            return { id: index, name: name };\n          })\n          .filter((item) => !visible.includes(item.id));\n        setOptions(options);\n        setRenderNavAsSelect(false);\n        setMeasuringRender(false);\n      }\n    }\n  }, [\n    children,\n    isMounted,\n    measuringRender,\n    moreVisible,\n    navItemNames,\n    type,\n    visibleTabIndexes,\n  ]);\n\n  useEffect(() => {\n    if (type === \"inline\") {\n      const handleResize = debounce((): void => {\n        setMeasuringRender(true);\n      }, 300);\n      window.addEventListener(\"resize\", handleResize);\n      return (): void => {\n        window.removeEventListener(\"resize\", handleResize);\n      };\n    }\n  }, [type]);\n\n  // we are using observer to solve the problem of the initial rendering\n  useEffect(() => {\n    if (type === \"inline\" && navRef.current) {\n      const resizeObserver = new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const { contentRect } = entry;\n          const { width = 0 } = contentRect;\n          if (width > 0) {\n            setMeasuringRender(true);\n          }\n        }\n      });\n\n      resizeObserver.observe(navRef.current);\n\n      setTimeout(() => {\n        if (navRef.current) {\n          resizeObserver.unobserve(navRef.current);\n        }\n      }, 2000);\n\n      return (): void => {\n        resizeObserver.disconnect();\n      };\n    }\n  }, [type]);\n\n  useEffect(() => {\n    setMeasuringRender(true);\n    setIsMounted(true);\n  }, []);\n\n  const visibleTabs = useMemo(() => {\n    const tabs = Children.toArray(children);\n    if (measuringRender || !isMounted) {\n      return tabs;\n    } else {\n      return tabs.filter((child, index) => {\n        return visibleTabIndexes.includes(index);\n      });\n    }\n  }, [children, isMounted, measuringRender, visibleTabIndexes]);\n\n  const onMoreOptionClick = useCallback(\n    (id) => {\n      setActive(id);\n      if (onMoreOptionSelect) {\n        onMoreOptionSelect(id);\n      }\n      setMeasuringRender(true);\n    },\n    [onMoreOptionSelect]\n  );\n\n  const navAsSelect = useMemo(() => {\n    return (\n      <StyledNavAsSelect>\n        <span>{navItemNames[active]}</span>\n        <ExpandSingle expanded={moreOpened} fill=\"currentColor\" />\n      </StyledNavAsSelect>\n    );\n  }, [active, moreOpened, navItemNames]);\n\n  const setMoreOpen = useCallback(() => setMoreOpened(true), []);\n  const setMoreClose = useCallback(() => setMoreOpened(false), []);\n\n  return (\n    <StyledNav\n      className={classNames(\"c-nav\", className)}\n      $align={alignment}\n      $role={role}\n    >\n      <StyledNavList ref={navRef}>\n        {type === \"inline\" &&\n          visibleTabs.map((child: ReactNode, index: number) => {\n            const element = child as ReactElement;\n            return cloneElement(element, {\n              active: index === active,\n              role,\n              ref: (el) => {\n                navItemsRefs.current[index] = el;\n              },\n              onClick,\n              \"data-index\": index,\n              \"data-disabled\": element.props.disabled,\n            });\n          })}\n        {type === \"inline\" && moreVisible ? (\n          <StyledNavListItemMore\n            ref={moreItemRef}\n            name=\"More\"\n            active={visibleTabIndexes.indexOf(active) === -1}\n            role={role}\n          >\n            <Select\n              selected={active}\n              target={\n                <StyledNavAsMoreTarget $role={role}>\n                  {moreLabel}\n                </StyledNavAsMoreTarget>\n              }\n              disabledInternalSort\n              onChange={onMoreOptionClick}\n              options={options}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n        {type === \"dropdown\" || renderNavAsSelect ? (\n          <StyledNavListItemMore\n            name=\"More\"\n            active={visibleTabIndexes.indexOf(active) === -1}\n            role={role}\n          >\n            <Select\n              selected={active}\n              target={navAsSelect}\n              disabledInternalSort\n              onChange={onMoreOptionClick}\n              options={allOptions}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n      </StyledNavList>\n    </StyledNav>\n  );\n};\n\nNav.displayName = \"Nav\";\n"],"mappings":"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"}
+{"version":3,"file":"Nav.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_resizeObserverPolyfill","_lodash","_Select","_Styles","_Styles2","_ExpandSingle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Nav","_ref","children","alignment","onSelect","onMoreOptionSelect","className","role","moreLabel","type","active","setActive","useState","visibleTabIndexes","setVisibleTabIndexes","measuringRender","setMeasuringRender","moreVisible","setMoreVisible","renderNavAsSelect","setRenderNavAsSelect","options","setOptions","moreOpened","setMoreOpened","isMounted","setIsMounted","navItemNames","useMemo","map","item","props","name","allOptions","index","id","navRef","useRef","navItemsRefs","moreItemRef","onClick","useCallback","target","currentTarget","dataset","disabled","Number","Children","forEach","child","useLayoutEffect","containerWidth","current","offsetWidth","itemsWidth","values","reduce","acc","itemEl","Array","from","keys","moreItemWidth","firstItemWidth","visible","allWidth","liItem","push","filter","includes","useEffect","handleResize","debounce","window","addEventListener","removeEventListener","resizeObserver","ResizeObserver","entries","entry","contentRect","width","observe","setTimeout","unobserve","disconnect","visibleTabs","tabs","toArray","onMoreOptionClick","navAsSelect","createElement","StyledNavAsSelect","ExpandSingle","expanded","fill","setMoreOpen","setMoreClose","StyledNav","classNames","$align","$role","StyledNavList","ref","element","cloneElement","el","StyledNavListItemMore","indexOf","Select","selected","StyledNavAsMoreTarget","disabledInternalSort","onChange","mode","forceCloseMenu","disableSearch","keepSameOptionsOrder","onSelectOpen","onSelectClose","exports","displayName"],"sources":["../../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  FC,\n  ReactNode,\n  useState,\n  useRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  Children,\n  cloneElement,\n} from \"react\";\nimport classNames from \"classnames\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport debounce from \"lodash.debounce\";\nimport { ISyntheticEvent } from \"../../types\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Select } from \"../Select/Select\";\nimport {\n  StyledNav,\n  StyledNavAsMoreTarget,\n  StyledNavAsSelect,\n  StyledNavList,\n} from \"./Styles\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport { ItemProps } from \"./Item/Item\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\n\ntype NavType = \"inline\" | \"dropdown\";\nexport type NavAlignType = \"left\" | \"center\" | \"right\";\nexport type NavRoleType = \"bold\" | \"light\";\n\nexport interface INavProps {\n  children: ReactElement<ItemProps>[];\n  /** Function for changing active navs. */\n  onSelect?: (index: number) => void;\n  /** Function triggered when option in More... is selected */\n  onMoreOptionSelect?: (index: number) => void;\n  /** Aligment of nav component. */\n  alignment?: NavAlignType;\n  /** CSS classes. */\n  className?: string;\n  /** Role of nav component. */\n  role?: NavRoleType;\n  /** Label for More... item */\n  moreLabel?: string;\n  /** Nav type */\n  type?: NavType;\n}\n\nexport const Nav: FC<INavProps> = ({\n  children,\n  alignment = \"left\",\n  onSelect,\n  onMoreOptionSelect,\n  className,\n  role = \"bold\",\n  moreLabel,\n  type = \"inline\",\n}) => {\n  const [active, setActive] = useState(0);\n  const [visibleTabIndexes, setVisibleTabIndexes] = useState<number[]>([]);\n  const [measuringRender, setMeasuringRender] = useState(false);\n  const [moreVisible, setMoreVisible] = useState(false);\n  const [renderNavAsSelect, setRenderNavAsSelect] = useState(false);\n  const [options, setOptions] = useState<IOptionItemProps[]>([]);\n  const [moreOpened, setMoreOpened] = useState(false);\n  const [isMounted, setIsMounted] = useState(false);\n\n  const navItemNames = useMemo(\n    () => children.map((item) => item.props.name),\n    [children]\n  );\n\n  const allOptions = useMemo(() => {\n    return navItemNames.map((name, index) => {\n      return { id: index, name: name };\n    });\n  }, [navItemNames]);\n\n  // REFS\n  const navRef = useRef<HTMLUListElement | null>(null);\n  const navItemsRefs = useRef<\n    { index: number; element: HTMLLIElement } | Record<string, unknown>\n  >({});\n  const moreItemRef = useRef<HTMLLIElement | null>(null);\n\n  const onClick = useCallback(\n    (e: ISyntheticEvent) => {\n      if (\n        e.target &&\n        e.currentTarget.dataset.index &&\n        !e.currentTarget.dataset.disabled\n      ) {\n        const index = Number(e.currentTarget.dataset.index);\n        setActive(index);\n        if (onSelect) {\n          onSelect(index);\n        }\n        setMeasuringRender(true);\n      }\n    },\n    [onSelect]\n  );\n\n  useMemo(() => {\n    Children.forEach(\n      children as ReactElement[],\n      (child: ReactElement, index) => {\n        if (child && child.props.active) {\n          setActive(index);\n        }\n      }\n    );\n  }, [children]);\n\n  useLayoutEffect(() => {\n    if (type === \"inline\" && measuringRender && isMounted) {\n      const containerWidth = navRef.current?.offsetWidth || 0;\n      const itemsWidth = Object.values(navItemsRefs.current).reduce(\n        (acc: number, item) => {\n          const itemEl = item as HTMLLIElement;\n          return acc + (itemEl ? itemEl.offsetWidth : 0);\n        },\n        0\n      );\n\n      // all tabs are visible\n      if (containerWidth >= itemsWidth) {\n        setVisibleTabIndexes(Array.from(navItemNames.keys()));\n        setMoreVisible(false);\n        setRenderNavAsSelect(false);\n        return setMeasuringRender(false);\n      }\n\n      setMoreVisible(true);\n\n      if (moreVisible) {\n        const moreItemWidth = moreItemRef.current?.offsetWidth || 0;\n        const firstItemWidth = navItemsRefs.current[0].offsetWidth;\n\n        // collapse Nav to Select, there is no enough room\n        if (containerWidth < moreItemWidth + firstItemWidth) {\n          setVisibleTabIndexes([]);\n          const options = navItemNames.map((name, index) => {\n            return { id: index, name: name };\n          });\n          setOptions(options);\n          setRenderNavAsSelect(true);\n          setMoreVisible(false);\n          return setMeasuringRender(false);\n        }\n\n        // item(s) + More...\n        const visible: number[] = [];\n        let allWidth = 0;\n        Object.values(navItemsRefs.current).forEach((item, index) => {\n          const liItem = item as HTMLLIElement;\n          allWidth += liItem.offsetWidth;\n          if (moreItemWidth + allWidth <= containerWidth) {\n            visible.push(index);\n          }\n        });\n        setVisibleTabIndexes(visible);\n        const options = navItemNames\n          .map((name, index) => {\n            return { id: index, name: name };\n          })\n          .filter((item) => !visible.includes(item.id));\n        setOptions(options);\n        setRenderNavAsSelect(false);\n        setMeasuringRender(false);\n      }\n    }\n  }, [\n    children,\n    isMounted,\n    measuringRender,\n    moreVisible,\n    navItemNames,\n    type,\n    visibleTabIndexes,\n  ]);\n\n  useEffect(() => {\n    if (type === \"inline\") {\n      const handleResize = debounce((): void => {\n        setMeasuringRender(true);\n      }, 300);\n      window.addEventListener(\"resize\", handleResize);\n      return (): void => {\n        window.removeEventListener(\"resize\", handleResize);\n      };\n    }\n  }, [type]);\n\n  // we are using observer to solve the problem of the initial rendering\n  useEffect(() => {\n    if (type === \"inline\" && navRef.current) {\n      const resizeObserver = new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const { contentRect } = entry;\n          const { width = 0 } = contentRect;\n          if (width > 0) {\n            setMeasuringRender(true);\n          }\n        }\n      });\n\n      resizeObserver.observe(navRef.current);\n\n      setTimeout(() => {\n        if (navRef.current) {\n          resizeObserver.unobserve(navRef.current);\n        }\n      }, 2000);\n\n      return (): void => {\n        resizeObserver.disconnect();\n      };\n    }\n  }, [type]);\n\n  useEffect(() => {\n    setMeasuringRender(true);\n    setIsMounted(true);\n  }, []);\n\n  const visibleTabs = useMemo(() => {\n    const tabs = Children.toArray(children);\n    if (measuringRender || !isMounted) {\n      return tabs;\n    } else {\n      return tabs.filter((child, index) => {\n        return visibleTabIndexes.includes(index);\n      });\n    }\n  }, [children, isMounted, measuringRender, visibleTabIndexes]);\n\n  const onMoreOptionClick = useCallback(\n    (id) => {\n      setActive(id);\n      if (onMoreOptionSelect) {\n        onMoreOptionSelect(id);\n      }\n      setMeasuringRender(true);\n    },\n    [onMoreOptionSelect]\n  );\n\n  const navAsSelect = useMemo(() => {\n    return (\n      <StyledNavAsSelect>\n        <span>{navItemNames[active]}</span>\n        <ExpandSingle expanded={moreOpened} fill=\"currentColor\" />\n      </StyledNavAsSelect>\n    );\n  }, [active, moreOpened, navItemNames]);\n\n  const setMoreOpen = useCallback(() => setMoreOpened(true), []);\n  const setMoreClose = useCallback(() => setMoreOpened(false), []);\n\n  return (\n    <StyledNav\n      className={classNames(\"c-nav\", className)}\n      $align={alignment}\n      $role={role}\n    >\n      <StyledNavList ref={navRef}>\n        {type === \"inline\" &&\n          visibleTabs.map((child: ReactNode, index: number) => {\n            const element = child as ReactElement;\n            return cloneElement(element, {\n              active: index === active,\n              role,\n              ref: (el) => {\n                navItemsRefs.current[index] = el;\n              },\n              onClick,\n              \"data-index\": index,\n              \"data-disabled\": element.props.disabled,\n            });\n          })}\n        {type === \"inline\" && moreVisible ? (\n          <StyledNavListItemMore\n            ref={moreItemRef}\n            name=\"More\"\n            active={visibleTabIndexes.indexOf(active) === -1}\n            role={role}\n          >\n            <Select\n              selected={active}\n              target={\n                <StyledNavAsMoreTarget $role={role}>\n                  {moreLabel}\n                </StyledNavAsMoreTarget>\n              }\n              disabledInternalSort\n              onChange={onMoreOptionClick}\n              options={options}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n        {type === \"dropdown\" || renderNavAsSelect ? (\n          <StyledNavListItemMore\n            name=\"More\"\n            active={visibleTabIndexes.indexOf(active) === -1}\n            role={role}\n          >\n            <Select\n              selected={active}\n              target={navAsSelect}\n              disabledInternalSort\n              onChange={onMoreOptionClick}\n              options={allOptions}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n      </StyledNavList>\n    </StyledNav>\n  );\n};\n\nNav.displayName = \"Nav\";\n"],"mappings":"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"}

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

@@ -1,26 +1,26 @@
-import styled, { css } from "styled-components";
-export var StyledNav = styled.nav.withConfig({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledNavListItem = exports.StyledNavList = exports.StyledNavAsSelect = exports.StyledNavAsMoreTarget = exports.StyledNav = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledNav = exports.StyledNav = _styledComponents.default.nav.withConfig({
   displayName: "Styles__StyledNav",
   componentId: "sc-1khiypw-0"
 })(["", " height:100%;overflow:clip visible;", " ", " ", " ", ""], {
   "display": "flex"
-}, function (props) {
-  return props.$align === "left" && css(["", ""], {
-    "justifyContent": "flex-start"
-  });
-}, function (props) {
-  return props.$align === "center" && css(["", ""], {
-    "justifyContent": "center"
-  });
-}, function (props) {
-  return props.$align === "right" && css(["", ""], {
-    "justifyContent": "flex-end"
-  });
-}, function (props) {
-  return props.$role === "light" && css(["height:auto;"]);
-});
+}, props => props.$align === "left" && (0, _styledComponents.css)(["", ""], {
+  "justifyContent": "flex-start"
+}), props => props.$align === "center" && (0, _styledComponents.css)(["", ""], {
+  "justifyContent": "center"
+}), props => props.$align === "right" && (0, _styledComponents.css)(["", ""], {
+  "justifyContent": "flex-end"
+}), props => props.$role === "light" && (0, _styledComponents.css)(["height:auto;"]));
 StyledNav.displayName = "StyledNav";
-export var StyledNavList = styled.ul.withConfig({
+const StyledNavList = exports.StyledNavList = _styledComponents.default.ul.withConfig({
   displayName: "Styles__StyledNavList",
   componentId: "sc-1khiypw-1"
 })(["", " overflow:clip visible;"], {
@@ -30,7 +30,7 @@ export var StyledNavList = styled.ul.withConfig({
   "padding": "0px"
 });
 StyledNavList.displayName = "StyledNavList";
-export var StyledNavListItem = styled.li.withConfig({
+const StyledNavListItem = exports.StyledNavListItem = _styledComponents.default.li.withConfig({
   displayName: "Styles__StyledNavListItem",
   componentId: "sc-1khiypw-2"
 })(["", " color:var(--color-theme-700);font-size:15px;display:flex;align-items:center;font-weight:500;padding:0 10px;flex-shrink:0;&:hover,&:hover *{", "}", " &::after{content:\"\";", " bottom:0;left:50%;transform:translateX(-50%);height:3px;transition:width 0.3s ease,background-color 0.3s ease;}", " ", " ", " ", ""], {
@@ -39,56 +39,42 @@ export var StyledNavListItem = styled.li.withConfig({
   "userSelect": "none",
   "fontSize": "0.875rem",
   "lineHeight": "1.25rem"
-}, function (props) {
-  return !props.$disabled && css(["", ""], {
-    "color": "var(--color-primary)"
-  });
-}, function (props) {
-  return !props.$active && !props.$disabled && css(["", ""], {
-    "cursor": "pointer"
-  });
-}, {
+}, props => !props.$disabled && (0, _styledComponents.css)(["", ""], {
+  "color": "var(--color-primary)"
+}), props => !props.$active && !props.$disabled && (0, _styledComponents.css)(["", ""], {
+  "cursor": "pointer"
+}), {
   "position": "absolute",
   "margin": "auto",
   "display": "block",
   "width": "0px",
   "backgroundColor": "transparent"
-}, function (props) {
-  return props.$active && css(["", " &::after{", "}"], {
-    "pointerEvents": "none"
-  }, {
-    "width": "100%",
-    "backgroundColor": "var(--color-primary)"
-  });
-}, function (props) {
-  return props.$disabled && css(["", ""], {
-    "cursor": "not-allowed",
-    "userSelect": "none",
-    "opacity": "0.5"
-  });
-}, function (props) {
-  return props.$role === "light" && css(["", " color:var(--color-theme-800);font-weight:400;padding:0 8px;&::after{bottom:-4px;height:2px;}"], {
-    "fontSize": "0.875rem",
-    "lineHeight": "1.25rem"
-  });
-}, function (props) {
-  return props.$active && css(["", " & *{", "}"], {
-    "color": "var(--color-primary)"
-  }, {
-    "color": "var(--color-primary)"
-  });
-});
+}, props => props.$active && (0, _styledComponents.css)(["", " &::after{", "}"], {
+  "pointerEvents": "none"
+}, {
+  "width": "100%",
+  "backgroundColor": "var(--color-primary)"
+}), props => props.$disabled && (0, _styledComponents.css)(["", ""], {
+  "cursor": "not-allowed",
+  "userSelect": "none",
+  "opacity": "0.5"
+}), props => props.$role === "light" && (0, _styledComponents.css)(["", " color:var(--color-theme-800);font-weight:400;padding:0 8px;&::after{bottom:-4px;height:2px;}"], {
+  "fontSize": "0.875rem",
+  "lineHeight": "1.25rem"
+}), props => props.$active && (0, _styledComponents.css)(["", " & *{", "}"], {
+  "color": "var(--color-primary)"
+}, {
+  "color": "var(--color-primary)"
+}));
 StyledNavListItem.displayName = "StyledNavListItem";
-export var StyledNavAsSelect = styled.div.withConfig({
+const StyledNavAsSelect = exports.StyledNavAsSelect = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledNavAsSelect",
   componentId: "sc-1khiypw-3"
 })(["padding:0 10px;height:100%;display:flex;align-items:center;svg{color:var(--color-primary);}"]);
 StyledNavAsSelect.displayName = "StyledNavAsSelect";
-export var StyledNavAsMoreTarget = styled.div.withConfig({
+const StyledNavAsMoreTarget = exports.StyledNavAsMoreTarget = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledNavAsMoreTarget",
   componentId: "sc-1khiypw-4"
-})(["padding:0 10px;height:100%;display:flex;align-items:center;", ""], function (props) {
-  return props.$role === "light" && css(["padding:0;"]);
-});
+})(["padding:0 10px;height:100%;display:flex;align-items:center;", ""], props => props.$role === "light" && (0, _styledComponents.css)(["padding:0;"]));
 StyledNavAsMoreTarget.displayName = "StyledNavAsMoreTarget";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","StyledNav","nav","props","$align","$role","displayName","StyledNavList","ul","StyledNavListItem","li","$disabled","$active","StyledNavAsSelect","div","StyledNavAsMoreTarget"],"sources":["../../../../src/components/Nav/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { NavAlignType, NavRoleType } from \"./Nav\";\n\ninterface StyledNavProps {\n  $align?: NavAlignType;\n  $role?: NavRoleType;\n}\n\nexport const StyledNav = styled.nav<StyledNavProps>`\n  ${tw`tw-flex`}\n  height: 100%;\n  overflow: clip visible;\n\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      ${tw`tw-justify-start`}\n    `}\n\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      ${tw`tw-justify-center`}\n    `}\n\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      ${tw`tw-justify-end`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      height: auto;\n    `}\n`;\n\nStyledNav.displayName = \"StyledNav\";\n\nexport const StyledNavList = styled.ul`\n  ${tw`tw-flex tw-list-none tw-m-0 tw-p-0`}\n  overflow: clip visible;\n`;\n\nStyledNavList.displayName = \"StyledNavList\";\n\ninterface StyledNavListItemProps {\n  $active?: boolean;\n  $disabled?: boolean;\n  $role?: NavRoleType;\n  $asMore?: boolean;\n}\n\nexport const StyledNavListItem = styled.li<StyledNavListItemProps>`\n  ${tw`tw-text-sm tw-cursor-default tw-relative tw-select-none`}\n  color: var(--color-theme-700);\n  font-size: 15px;\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  padding: 0 10px;\n  flex-shrink: 0;\n\n  &:hover,\n  &:hover * {\n    ${(props) =>\n      !props.$disabled &&\n      css`\n        ${tw`tw-text-primary`}\n      `}\n  }\n\n  ${(props) =>\n    !props.$active &&\n    !props.$disabled &&\n    css`\n      ${tw`tw-cursor-pointer`}\n    `}\n\n  &::after {\n    content: \"\";\n    ${tw`tw-absolute tw-block tw-m-auto tw-w-0 tw-bg-transparent`}\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    height: 3px;\n    transition: width 0.3s ease, background-color 0.3s ease;\n  }\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n      &::after {\n        ${tw`tw-w-full tw-bg-primary`}\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-select-none tw-cursor-not-allowed tw-opacity-50`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      ${tw`tw-text-sm`}\n      color: var(--color-theme-800);\n      font-weight: 400;\n      padding: 0 8px;\n\n      &::after {\n        bottom: -4px;\n        height: 2px;\n      }\n    `}\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-text-primary`}\n      & * {\n        ${tw`tw-text-primary`}\n      }\n    `}\n`;\n\nStyledNavListItem.displayName = \"StyledNavListItem\";\n\nexport const StyledNavAsSelect = styled.div`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  svg {\n    color: var(--color-primary);\n  }\n`;\n\nStyledNavAsSelect.displayName = \"StyledNavAsSelect\";\n\nexport const StyledNavAsMoreTarget = styled.div<{\n  $role?: NavRoleType;\n}>`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      padding: 0;\n    `}\n`;\n\nStyledNavAsMoreTarget.displayName = \"StyledNavAsMoreTarget\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAS/C,OAAO,IAAMC,SAAS,GAAGF,MAAM,CAACG,GAAG;EAAA;EAAA;AAAA,mEAC7B;EAAA;AAAQ,CAAC,EAIX,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,KAAK,MAAM,IACvBJ,GAAG,WACG;IAAA;EAAiB,CAAC,CACvB;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,KAAK,QAAQ,IACzBJ,GAAG,WACG;IAAA;EAAkB,CAAC,CACxB;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,KAAK,OAAO,IACxBJ,GAAG,WACG;IAAA;EAAe,CAAC,CACrB;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACE,KAAK,KAAK,OAAO,IACvBL,GAAG,kBAEF;AAAA,EACJ;AAEDC,SAAS,CAACK,WAAW,GAAG,WAAW;AAEnC,OAAO,IAAMC,aAAa,GAAGR,MAAM,CAACS,EAAE;EAAA;EAAA;AAAA,oCAChC;EAAA;EAAA;EAAA;EAAA;AAAmC,CAAC,CAEzC;AAEDD,aAAa,CAACD,WAAW,GAAG,eAAe;AAS3C,OAAO,IAAMG,iBAAiB,GAAGV,MAAM,CAACW,EAAE;EAAA;EAAA;AAAA,gUACpC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwD,CAAC,EAWzD,UAACP,KAAK;EAAA,OACN,CAACA,KAAK,CAACQ,SAAS,IAChBX,GAAG,WACG;IAAA;EAAgB,CAAC,CACtB;AAAA,GAGH,UAACG,KAAK;EAAA,OACN,CAACA,KAAK,CAACS,OAAO,IACd,CAACT,KAAK,CAACQ,SAAS,IAChBX,GAAG,WACG;IAAA;EAAkB,CAAC,CACxB;AAAA,GAIG;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwD,CAAC,EAQ7D,UAACG,KAAK;EAAA,OACNA,KAAK,CAACS,OAAO,IACbZ,GAAG,0BACG;IAAA;EAAuB,CAAC,EAEtB;IAAA;IAAA;EAAwB,CAAC,CAEhC;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACQ,SAAS,IACfX,GAAG,WACG;IAAA;IAAA;IAAA;EAAmD,CAAC,CACzD;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACE,KAAK,KAAK,OAAO,IACvBL,GAAG,wGACG;IAAA;IAAA;EAAW,CAAC,CASjB;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACS,OAAO,IACbZ,GAAG,qBACG;IAAA;EAAgB,CAAC,EAEf;IAAA;EAAgB,CAAC,CAExB;AAAA,EACJ;AAEDS,iBAAiB,CAACH,WAAW,GAAG,mBAAmB;AAEnD,OAAO,IAAMO,iBAAiB,GAAGd,MAAM,CAACe,GAAG;EAAA;EAAA;AAAA,mGAS1C;AAEDD,iBAAiB,CAACP,WAAW,GAAG,mBAAmB;AAEnD,OAAO,IAAMS,qBAAqB,GAAGhB,MAAM,CAACe,GAAG;EAAA;EAAA;AAAA,wEAQ3C,UAACX,KAAK;EAAA,OACNA,KAAK,CAACE,KAAK,KAAK,OAAO,IACvBL,GAAG,gBAEF;AAAA,EACJ;AAEDe,qBAAqB,CAACT,WAAW,GAAG,uBAAuB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledNav","exports","styled","nav","withConfig","displayName","componentId","props","$align","css","$role","StyledNavList","ul","StyledNavListItem","li","$disabled","$active","StyledNavAsSelect","div","StyledNavAsMoreTarget"],"sources":["../../../../src/components/Nav/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { NavAlignType, NavRoleType } from \"./Nav\";\n\ninterface StyledNavProps {\n  $align?: NavAlignType;\n  $role?: NavRoleType;\n}\n\nexport const StyledNav = styled.nav<StyledNavProps>`\n  ${tw`tw-flex`}\n  height: 100%;\n  overflow: clip visible;\n\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      ${tw`tw-justify-start`}\n    `}\n\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      ${tw`tw-justify-center`}\n    `}\n\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      ${tw`tw-justify-end`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      height: auto;\n    `}\n`;\n\nStyledNav.displayName = \"StyledNav\";\n\nexport const StyledNavList = styled.ul`\n  ${tw`tw-flex tw-list-none tw-m-0 tw-p-0`}\n  overflow: clip visible;\n`;\n\nStyledNavList.displayName = \"StyledNavList\";\n\ninterface StyledNavListItemProps {\n  $active?: boolean;\n  $disabled?: boolean;\n  $role?: NavRoleType;\n  $asMore?: boolean;\n}\n\nexport const StyledNavListItem = styled.li<StyledNavListItemProps>`\n  ${tw`tw-text-sm tw-cursor-default tw-relative tw-select-none`}\n  color: var(--color-theme-700);\n  font-size: 15px;\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  padding: 0 10px;\n  flex-shrink: 0;\n\n  &:hover,\n  &:hover * {\n    ${(props) =>\n      !props.$disabled &&\n      css`\n        ${tw`tw-text-primary`}\n      `}\n  }\n\n  ${(props) =>\n    !props.$active &&\n    !props.$disabled &&\n    css`\n      ${tw`tw-cursor-pointer`}\n    `}\n\n  &::after {\n    content: \"\";\n    ${tw`tw-absolute tw-block tw-m-auto tw-w-0 tw-bg-transparent`}\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    height: 3px;\n    transition: width 0.3s ease, background-color 0.3s ease;\n  }\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n      &::after {\n        ${tw`tw-w-full tw-bg-primary`}\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-select-none tw-cursor-not-allowed tw-opacity-50`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      ${tw`tw-text-sm`}\n      color: var(--color-theme-800);\n      font-weight: 400;\n      padding: 0 8px;\n\n      &::after {\n        bottom: -4px;\n        height: 2px;\n      }\n    `}\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-text-primary`}\n      & * {\n        ${tw`tw-text-primary`}\n      }\n    `}\n`;\n\nStyledNavListItem.displayName = \"StyledNavListItem\";\n\nexport const StyledNavAsSelect = styled.div`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  svg {\n    color: var(--color-primary);\n  }\n`;\n\nStyledNavAsSelect.displayName = \"StyledNavAsSelect\";\n\nexport const StyledNavAsMoreTarget = styled.div<{\n  $role?: NavRoleType;\n}>`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      padding: 0;\n    `}\n`;\n\nStyledNavAsMoreTarget.displayName = \"StyledNavAsMoreTarget\";\n"],"mappings":"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"}

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

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

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

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

package/dist/esm/components/Overlay/Overlay.js

@@ -1,18 +1,25 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["className", "disableBackgroundColor"];
-import React from "react";
-import classnames from "classnames";
-import { StyledOverlay } from "./Styles";
-export var Overlay = function Overlay(_ref) {
-  var className = _ref.className,
-    _ref$disableBackgroun = _ref.disableBackgroundColor,
-    disableBackgroundColor = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledOverlay, _extends({
-    className: classnames("c-overlay", className),
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Overlay = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+const Overlay = _ref => {
+  let {
+    className,
+    disableBackgroundColor = false,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledOverlay, (0, _extends2.default)({
+    className: (0, _classnames.default)("c-overlay", className),
     $disableBackgroundColor: disableBackgroundColor
   }, rest));
 };
+exports.Overlay = Overlay;
 Overlay.displayName = "Overlay";
 //# sourceMappingURL=Overlay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","names":["React","classnames","StyledOverlay","Overlay","className","disableBackgroundColor","rest","displayName"],"sources":["../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOverlay } from \"./Styles\";\n\nexport interface IOverlay {\n  disableBackgroundColor?: boolean;\n}\n\nexport const Overlay: FC<\n  IOverlay & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IOverlay>\n> = ({ className, disableBackgroundColor = false, ...rest }) => {\n  return (\n    <StyledOverlay\n      className={classnames(\"c-overlay\", className)}\n      $disableBackgroundColor={disableBackgroundColor}\n      {...rest}\n    />\n  );\n};\n\nOverlay.displayName = \"Overlay\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,UAAU;AAMxC,OAAO,IAAMC,OAEZ,GAAG,SAFSA,OAEZ,OAA+D;EAAA,IAAzDC,SAAS,QAATA,SAAS;IAAA,6BAAEC,sBAAsB;IAAtBA,sBAAsB,sCAAG,KAAK;IAAKC,IAAI;EACvD,oBACE,oBAAC,aAAa;IACZ,SAAS,EAAEL,UAAU,CAAC,WAAW,EAAEG,SAAS,CAAE;IAC9C,uBAAuB,EAAEC;EAAuB,GAC5CC,IAAI,EACR;AAEN,CAAC;AAEDH,OAAO,CAACI,WAAW,GAAG,SAAS"}
+{"version":3,"file":"Overlay.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","Overlay","_ref","className","disableBackgroundColor","rest","default","createElement","StyledOverlay","_extends2","classnames","$disableBackgroundColor","exports","displayName"],"sources":["../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOverlay } from \"./Styles\";\n\nexport interface IOverlay {\n  disableBackgroundColor?: boolean;\n}\n\nexport const Overlay: FC<\n  IOverlay & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IOverlay>\n> = ({ className, disableBackgroundColor = false, ...rest }) => {\n  return (\n    <StyledOverlay\n      className={classnames(\"c-overlay\", className)}\n      $disableBackgroundColor={disableBackgroundColor}\n      {...rest}\n    />\n  );\n};\n\nOverlay.displayName = \"Overlay\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAMO,MAAMG,OAEZ,GAAGC,IAAA,IAA4D;EAAA,IAA3D;IAAEC,SAAS;IAAEC,sBAAsB,GAAG,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAAH,IAAA;EACzD,oBACEN,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAQ,aAAa,MAAAC,SAAA,CAAAH,OAAA;IACZH,SAAS,EAAE,IAAAO,mBAAU,EAAC,WAAW,EAAEP,SAAS,CAAE;IAC9CQ,uBAAuB,EAAEP;EAAuB,GAC5CC,IAAI,CACT,CAAC;AAEN,CAAC;AAACO,OAAA,CAAAX,OAAA,GAAAA,OAAA;AAEFA,OAAO,CAACY,WAAW,GAAG,SAAS"}

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

@@ -1,9 +1,15 @@
-import styled, { css } from "styled-components";
-export var StyledOverlay = styled.div.withConfig({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledOverlay = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledOverlay = exports.StyledOverlay = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledOverlay",
   componentId: "sc-flnrpv-0"
-})(["position:fixed;top:0;right:0;bottom:0;left:0;", ""], function (props) {
-  return !props.$disableBackgroundColor && css(["background:var(--modal-background);backdrop-filter:blur(2px);"]);
-});
+})(["position:fixed;top:0;right:0;bottom:0;left:0;", ""], props => !props.$disableBackgroundColor && (0, _styledComponents.css)(["background:var(--modal-background);backdrop-filter:blur(2px);"]));
 StyledOverlay.displayName = "StyledOverlay";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","StyledOverlay","div","props","$disableBackgroundColor","displayName"],"sources":["../../../../src/components/Overlay/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nexport const StyledOverlay = styled.div<{\n  $disableBackgroundColor: boolean;\n}>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  ${(props) =>\n    !props.$disableBackgroundColor &&\n    css`\n      background: var(--modal-background);\n      backdrop-filter: blur(2px);\n    `}\n`;\n\nStyledOverlay.displayName = \"StyledOverlay\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,OAAO,IAAMC,aAAa,GAAGF,MAAM,CAACG,GAAG;EAAA;EAAA;AAAA,0DASnC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,uBAAuB,IAC9BJ,GAAG,mEAGF;AAAA,EACJ;AAEDC,aAAa,CAACI,WAAW,GAAG,eAAe"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledOverlay","exports","styled","div","withConfig","displayName","componentId","props","$disableBackgroundColor","css"],"sources":["../../../../src/components/Overlay/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nexport const StyledOverlay = styled.div<{\n  $disableBackgroundColor: boolean;\n}>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  ${(props) =>\n    !props.$disableBackgroundColor &&\n    css`\n      background: var(--modal-background);\n      backdrop-filter: blur(2px);\n    `}\n`;\n\nStyledOverlay.displayName = \"StyledOverlay\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEzC,MAAMY,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DASlCC,KAAK,IACN,CAACA,KAAK,CAACC,uBAAuB,QAC9BC,qBAAG,oEAGF,CACJ;AAEDT,aAAa,CAACK,WAAW,GAAG,eAAe"}

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

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

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

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

package/dist/esm/components/Paper/Paper.js

@@ -1,24 +1,30 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "className", "type", "hover", "useOptimizedShadow"];
-import React, { forwardRef } from "react";
-import classNames from "classnames";
-import { StyledPaper } from "./Styles";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Paper = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * This is a component description and should sit directly above your component
  */
-export var Paper = /*#__PURE__*/forwardRef(function (_ref, innerRef) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? "paper-1" : _ref$type,
-    _ref$hover = _ref.hover,
-    hover = _ref$hover === void 0 ? false : _ref$hover,
-    _ref$useOptimizedShad = _ref.useOptimizedShadow,
-    useOptimizedShadow = _ref$useOptimizedShad === void 0 ? false : _ref$useOptimizedShad,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledPaper, _extends({
-    className: classNames(className, {
+const Paper = exports.Paper = /*#__PURE__*/(0, _react.forwardRef)((_ref, innerRef) => {
+  let {
+    children,
+    className,
+    type = "paper-1",
+    hover = false,
+    useOptimizedShadow = false,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledPaper, (0, _extends2.default)({
+    className: (0, _classnames.default)(className, {
       "ac-shadow--raised--lg": !useOptimizedShadow && hover && type === "paper-1",
       "ac-shadow-optimized--lg": useOptimizedShadow && hover && type === "paper-1",
       "ac-shadow--lg": !hover && type === "paper-1",

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

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","names":["React","forwardRef","classNames","StyledPaper","Paper","innerRef","children","className","type","hover","useOptimizedShadow","rest","displayName"],"sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** CSS classes */\n  className?: string;\n  /** Ref object. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Define custom style */\n  style?: object;\n  /** Type of paper to be used */\n  type?: \"paper-1\" | \"paper-2\" | \"paper-3\";\n  /** Paper has hover or not */\n  hover?: boolean;\n  /** Use optimized shadow */\n  useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n  (\n    {\n      children,\n      className,\n      type = \"paper-1\",\n      hover = false,\n      useOptimizedShadow = false,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n    innerRef: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledPaper\n        className={classNames(className, {\n          \"ac-shadow--raised--lg\":\n            !useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow-optimized--lg\":\n            useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow--lg\": !hover && type === \"paper-1\",\n          \"ac-shadow--raised--sm\":\n            (!useOptimizedShadow && hover && type === \"paper-2\") ||\n            (!useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow-optimized--sm\":\n            (useOptimizedShadow && hover && type === \"paper-2\") ||\n            (useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow--sm\":\n            (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n        })}\n        ref={innerRef}\n        type={type}\n        {...rest}\n      >\n        {children}\n      </StyledPaper>\n    );\n  }\n);\n\nPaper.displayName = \"Paper\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAKL,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,WAAW,QAAQ,UAAU;AAmBtC;AACA;AACA;AACA,OAAO,IAAMC,KAAK,gBAAGH,UAAU,CAC7B,gBASEI,QAAgD,EAC7C;EAAA,IARDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,iBACTC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAAA,kBAChBC,KAAK;IAALA,KAAK,2BAAG,KAAK;IAAA,6BACbC,kBAAkB;IAAlBA,kBAAkB,sCAAG,KAAK;IACvBC,IAAI;EAIT,oBACE,oBAAC,WAAW;IACV,SAAS,EAAET,UAAU,CAACK,SAAS,EAAE;MAC/B,uBAAuB,EACrB,CAACG,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACpD,yBAAyB,EACvBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACnD,eAAe,EAAE,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS;MAC7C,uBAAuB,EACpB,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IAClD,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACtD,yBAAyB,EACtBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IACjDE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACrD,eAAe,EACZ,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS,IAAM,CAACC,KAAK,IAAID,IAAI,KAAK;IAC1D,CAAC,CAAE;IACH,GAAG,EAAEH,QAAS;IACd,IAAI,EAAEG;EAAK,GACPG,IAAI,GAEPL,QAAQ,CACG;AAElB,CAAC,CACF;AAEDF,KAAK,CAACQ,WAAW,GAAG,OAAO"}
+{"version":3,"file":"Paper.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Paper","exports","forwardRef","_ref","innerRef","children","className","type","hover","useOptimizedShadow","rest","createElement","StyledPaper","_extends2","classNames","ref","displayName"],"sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** CSS classes */\n  className?: string;\n  /** Ref object. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Define custom style */\n  style?: object;\n  /** Type of paper to be used */\n  type?: \"paper-1\" | \"paper-2\" | \"paper-3\";\n  /** Paper has hover or not */\n  hover?: boolean;\n  /** Use optimized shadow */\n  useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n  (\n    {\n      children,\n      className,\n      type = \"paper-1\",\n      hover = false,\n      useOptimizedShadow = false,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n    innerRef: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledPaper\n        className={classNames(className, {\n          \"ac-shadow--raised--lg\":\n            !useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow-optimized--lg\":\n            useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow--lg\": !hover && type === \"paper-1\",\n          \"ac-shadow--raised--sm\":\n            (!useOptimizedShadow && hover && type === \"paper-2\") ||\n            (!useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow-optimized--sm\":\n            (useOptimizedShadow && hover && type === \"paper-2\") ||\n            (useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow--sm\":\n            (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n        })}\n        ref={innerRef}\n        type={type}\n        {...rest}\n      >\n        {children}\n      </StyledPaper>\n    );\n  }\n);\n\nPaper.displayName = \"Paper\";\n"],"mappings":"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"}

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

@@ -1,14 +1,20 @@
-import styled, { css } from "styled-components";
-import { BoxSizingStyle } from "../BoxSizingStyle";
-import { FontStyle } from "../FontStyle";
-export var PaperStyles = css(["", " border-radius:var(--ac-br-8);", " ", ""], {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledPaper = exports.PaperStyles = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _BoxSizingStyle = require("../BoxSizingStyle");
+var _FontStyle = require("../FontStyle");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const PaperStyles = exports.PaperStyles = (0, _styledComponents.css)(["", " border-radius:var(--ac-br-8);", " ", ""], {
   "backgroundColor": "var(--page-paper-main)"
-}, FontStyle, BoxSizingStyle);
-export var StyledPaper = styled.div.withConfig({
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+const StyledPaper = exports.StyledPaper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledPaper",
   componentId: "sc-1ld1e2o-0"
-})(["", " ", ""], PaperStyles, function (props) {
-  return props.type === "paper-3" && css(["border:solid 1px var(--border-primary);"]);
-});
+})(["", " ", ""], PaperStyles, props => props.type === "paper-3" && (0, _styledComponents.css)(["border:solid 1px var(--border-primary);"]));
 StyledPaper.displayName = "StyledPaper";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","PaperStyles","StyledPaper","div","props","type","displayName"],"sources":["../../../../src/components/Paper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { IPaperProps } from \"./Paper\";\n\nexport const PaperStyles = css`\n  ${tw`tw-bg-page-paper-main`}\n  border-radius: var(--ac-br-8);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nexport const StyledPaper = styled.div<IPaperProps>`\n  ${PaperStyles}\n\n  ${(props) =>\n    props.type === \"paper-3\" &&\n    css`\n      border: solid 1px var(--border-primary);\n    `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAGxC,OAAO,IAAMC,WAAW,GAAGH,GAAG,kDACxB;EAAA;AAAsB,CAAC,EAGzBE,SAAS,EACTD,cAAc,CACjB;AACD,OAAO,IAAMG,WAAW,GAAGL,MAAM,CAACM,GAAG;EAAA;EAAA;AAAA,kBACjCF,WAAW,EAEX,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,IAAI,KAAK,SAAS,IACxBP,GAAG,6CAEF;AAAA,EACJ;AAEDI,WAAW,CAACI,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","PaperStyles","exports","css","FontStyle","BoxSizingStyle","StyledPaper","styled","div","withConfig","displayName","componentId","props","type"],"sources":["../../../../src/components/Paper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { IPaperProps } from \"./Paper\";\n\nexport const PaperStyles = css`\n  ${tw`tw-bg-page-paper-main`}\n  border-radius: var(--ac-br-8);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nexport const StyledPaper = styled.div<IPaperProps>`\n  ${PaperStyles}\n\n  ${(props) =>\n    props.type === \"paper-3\" &&\n    css`\n      border: solid 1px var(--border-primary);\n    `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAGlC,MAAMY,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,qBAAG,mDACxB;EAAA;AAAsB,CAAC,EAGzBC,oBAAS,EACTC,8BAAc,CACjB;AACM,MAAMC,WAAW,GAAAJ,OAAA,CAAAI,WAAA,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBACjCV,WAAW,EAEVW,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,SAAS,QACxBV,qBAAG,8CAEF,CACJ;AAEDG,WAAW,CAACI,WAAW,GAAG,aAAa"}

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

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

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

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