@activecollab/components 1.0.226 → 1.0.228

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","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":";;;AAAA,OAAOA,KAAK,IAIVC,QAAQ,EACRC,MAAM,EACNC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,OAAO,EACPC,QAAQ,EACRC,YAAY,QACP,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,cAAc,MAAM,0BAA0B;AACrD,OAAOC,QAAQ,MAAM,iBAAiB;AAGtC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SACEC,SAAS,EACTC,qBAAqB,EACrBC,iBAAiB,EACjBC,aAAa,QACR,UAAU;AACjB,SAASC,qBAAqB,QAAQ,eAAe;AAErD,SAASC,YAAY,QAAQ,2BAA2B;AAwBxD,OAAO,IAAMC,GAAkB,GAAG,SAArBA,GAAkB,OASzB;EAAA,IARJC,QAAQ,QAARA,QAAQ;IAAA,sBACRC,SAAS;IAATA,SAAS,+BAAG,MAAM;IAClBC,QAAQ,QAARA,QAAQ;IACRC,kBAAkB,QAAlBA,kBAAkB;IAClBC,SAAS,QAATA,SAAS;IAAA,iBACTC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IACbC,SAAS,QAATA,SAAS;IAAA,iBACTC,IAAI;IAAJA,IAAI,0BAAG,QAAQ;EAEf,gBAA4B1B,QAAQ,CAAC,CAAC,CAAC;IAAhC2B,MAAM;IAAEC,SAAS;EACxB,iBAAkD5B,QAAQ,CAAW,EAAE,CAAC;IAAjE6B,iBAAiB;IAAEC,oBAAoB;EAC9C,iBAA8C9B,QAAQ,CAAC,KAAK,CAAC;IAAtD+B,eAAe;IAAEC,kBAAkB;EAC1C,iBAAsChC,QAAQ,CAAC,KAAK,CAAC;IAA9CiC,WAAW;IAAEC,cAAc;EAClC,iBAAkDlC,QAAQ,CAAC,KAAK,CAAC;IAA1DmC,iBAAiB;IAAEC,oBAAoB;EAC9C,iBAA8BpC,QAAQ,CAAqB,EAAE,CAAC;IAAvDqC,OAAO;IAAEC,UAAU;EAC1B,iBAAoCtC,QAAQ,CAAC,KAAK,CAAC;IAA5CuC,UAAU;IAAEC,aAAa;EAChC,iBAAkCxC,QAAQ,CAAC,KAAK,CAAC;IAA1CyC,SAAS;IAAEC,YAAY;EAE9B,IAAMC,YAAY,GAAGtC,OAAO,CAC1B;IAAA,OAAMc,QAAQ,CAACyB,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKA,IAAI,CAACC,KAAK,CAACC,IAAI;IAAA,EAAC;EAAA,GAC7C,CAAC5B,QAAQ,CAAC,CACX;EAED,IAAM6B,UAAU,GAAG3C,OAAO,CAAC,YAAM;IAC/B,OAAOsC,YAAY,CAACC,GAAG,CAAC,UAACG,IAAI,EAAEE,KAAK,EAAK;MACvC,OAAO;QAAEC,EAAE,EAAED,KAAK;QAAEF,IAAI,EAAEA;MAAK,CAAC;IAClC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACJ,YAAY,CAAC,CAAC;;EAElB;EACA,IAAMQ,MAAM,GAAGlD,MAAM,CAA0B,IAAI,CAAC;EACpD,IAAMmD,YAAY,GAAGnD,MAAM,CAEzB,CAAC,CAAC,CAAC;EACL,IAAMoD,WAAW,GAAGpD,MAAM,CAAuB,IAAI,CAAC;EAEtD,IAAMqD,OAAO,GAAGpD,WAAW,CACzB,UAACqD,CAAkB,EAAK;IACtB,IACEA,CAAC,CAACC,MAAM,IACRD,CAAC,CAACE,aAAa,CAACC,OAAO,CAACT,KAAK,IAC7B,CAACM,CAAC,CAACE,aAAa,CAACC,OAAO,CAACC,QAAQ,EACjC;MACA,IAAMV,MAAK,GAAGW,MAAM,CAACL,CAAC,CAACE,aAAa,CAACC,OAAO,CAACT,KAAK,CAAC;MACnDrB,SAAS,CAACqB,MAAK,CAAC;MAChB,IAAI5B,QAAQ,EAAE;QACZA,QAAQ,CAAC4B,MAAK,CAAC;MACjB;MACAjB,kBAAkB,CAAC,IAAI,CAAC;IAC1B;EACF,CAAC,EACD,CAACX,QAAQ,CAAC,CACX;EAEDhB,OAAO,CAAC,YAAM;IACZC,QAAQ,CAACuD,OAAO,CACd1C,QAAQ,EACR,UAAC2C,KAAmB,EAAEb,KAAK,EAAK;MAC9B,IAAIa,KAAK,IAAIA,KAAK,CAAChB,KAAK,CAACnB,MAAM,EAAE;QAC/BC,SAAS,CAACqB,KAAK,CAAC;MAClB;IACF,CAAC,CACF;EACH,CAAC,EAAE,CAAC9B,QAAQ,CAAC,CAAC;EAEdf,eAAe,CAAC,YAAM;IACpB,IAAIsB,IAAI,KAAK,QAAQ,IAAIK,eAAe,IAAIU,SAAS,EAAE;MAAA;MACrD,IAAMsB,cAAc,GAAG,oBAAAZ,MAAM,CAACa,OAAO,qBAAd,gBAAgBC,WAAW,KAAI,CAAC;MACvD,IAAMC,UAAU,GAAGC,MAAM,CAACC,MAAM,CAAChB,YAAY,CAACY,OAAO,CAAC,CAACK,MAAM,CAC3D,UAACC,GAAW,EAAEzB,IAAI,EAAK;QACrB,IAAM0B,MAAM,GAAG1B,IAAqB;QACpC,OAAOyB,GAAG,IAAIC,MAAM,GAAGA,MAAM,CAACN,WAAW,GAAG,CAAC,CAAC;MAChD,CAAC,EACD,CAAC,CACF;;MAED;MACA,IAAIF,cAAc,IAAIG,UAAU,EAAE;QAChCpC,oBAAoB,CAAC0C,KAAK,CAACC,IAAI,CAAC9B,YAAY,CAAC+B,IAAI,EAAE,CAAC,CAAC;QACrDxC,cAAc,CAAC,KAAK,CAAC;QACrBE,oBAAoB,CAAC,KAAK,CAAC;QAC3B,OAAOJ,kBAAkB,CAAC,KAAK,CAAC;MAClC;MAEAE,cAAc,CAAC,IAAI,CAAC;MAEpB,IAAID,WAAW,EAAE;QAAA;QACf,IAAM0C,aAAa,GAAG,yBAAAtB,WAAW,CAACW,OAAO,qBAAnB,qBAAqBC,WAAW,KAAI,CAAC;QAC3D,IAAMW,cAAc,GAAGxB,YAAY,CAACY,OAAO,CAAC,CAAC,CAAC,CAACC,WAAW;;QAE1D;QACA,IAAIF,cAAc,GAAGY,aAAa,GAAGC,cAAc,EAAE;UACnD9C,oBAAoB,CAAC,EAAE,CAAC;UACxB,IAAMO,SAAO,GAAGM,YAAY,CAACC,GAAG,CAAC,UAACG,IAAI,EAAEE,KAAK,EAAK;YAChD,OAAO;cAAEC,EAAE,EAAED,KAAK;cAAEF,IAAI,EAAEA;YAAK,CAAC;UAClC,CAAC,CAAC;UACFT,UAAU,CAACD,SAAO,CAAC;UACnBD,oBAAoB,CAAC,IAAI,CAAC;UAC1BF,cAAc,CAAC,KAAK,CAAC;UACrB,OAAOF,kBAAkB,CAAC,KAAK,CAAC;QAClC;;QAEA;QACA,IAAM6C,OAAiB,GAAG,EAAE;QAC5B,IAAIC,QAAQ,GAAG,CAAC;QAChBX,MAAM,CAACC,MAAM,CAAChB,YAAY,CAACY,OAAO,CAAC,CAACH,OAAO,CAAC,UAAChB,IAAI,EAAEI,KAAK,EAAK;UAC3D,IAAM8B,MAAM,GAAGlC,IAAqB;UACpCiC,QAAQ,IAAIC,MAAM,CAACd,WAAW;UAC9B,IAAIU,aAAa,GAAGG,QAAQ,IAAIf,cAAc,EAAE;YAC9Cc,OAAO,CAACG,IAAI,CAAC/B,KAAK,CAAC;UACrB;QACF,CAAC,CAAC;QACFnB,oBAAoB,CAAC+C,OAAO,CAAC;QAC7B,IAAMxC,QAAO,GAAGM,YAAY,CACzBC,GAAG,CAAC,UAACG,IAAI,EAAEE,KAAK,EAAK;UACpB,OAAO;YAAEC,EAAE,EAAED,KAAK;YAAEF,IAAI,EAAEA;UAAK,CAAC;QAClC,CAAC,CAAC,CACDkC,MAAM,CAAC,UAACpC,IAAI;UAAA,OAAK,CAACgC,OAAO,CAACK,QAAQ,CAACrC,IAAI,CAACK,EAAE,CAAC;QAAA,EAAC;QAC/CZ,UAAU,CAACD,QAAO,CAAC;QACnBD,oBAAoB,CAAC,KAAK,CAAC;QAC3BJ,kBAAkB,CAAC,KAAK,CAAC;MAC3B;IACF;EACF,CAAC,EAAE,CACDb,QAAQ,EACRsB,SAAS,EACTV,eAAe,EACfE,WAAW,EACXU,YAAY,EACZjB,IAAI,EACJG,iBAAiB,CAClB,CAAC;EAEF1B,SAAS,CAAC,YAAM;IACd,IAAIuB,IAAI,KAAK,QAAQ,EAAE;MACrB,IAAMyD,YAAY,GAAGzE,QAAQ,CAAC,YAAY;QACxCsB,kBAAkB,CAAC,IAAI,CAAC;MAC1B,CAAC,EAAE,GAAG,CAAC;MACPoD,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,CAAC;MAC/C,OAAO,YAAY;QACjBC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,YAAY,CAAC;MACpD,CAAC;IACH;EACF,CAAC,EAAE,CAACzD,IAAI,CAAC,CAAC;;EAEV;EACAvB,SAAS,CAAC,YAAM;IACd,IAAIuB,IAAI,KAAK,QAAQ,IAAIyB,MAAM,CAACa,OAAO,EAAE;MACvC,IAAMuB,cAAc,GAAG,IAAI9E,cAAc,CAAC,UAAC+E,OAAO,EAAK;QACrD,qDAAoBA,OAAO,wCAAE;UAAA,IAAlBC,KAAK;UACd,IAAQC,WAAW,GAAKD,KAAK,CAArBC,WAAW;UACnB,yBAAsBA,WAAW,CAAzBC,KAAK;YAALA,KAAK,mCAAG,CAAC;UACjB,IAAIA,KAAK,GAAG,CAAC,EAAE;YACb3D,kBAAkB,CAAC,IAAI,CAAC;UAC1B;QACF;MACF,CAAC,CAAC;MAEFuD,cAAc,CAACK,OAAO,CAACzC,MAAM,CAACa,OAAO,CAAC;MAEtC6B,UAAU,CAAC,YAAM;QACf,IAAI1C,MAAM,CAACa,OAAO,EAAE;UAClBuB,cAAc,CAACO,SAAS,CAAC3C,MAAM,CAACa,OAAO,CAAC;QAC1C;MACF,CAAC,EAAE,IAAI,CAAC;MAER,OAAO,YAAY;QACjBuB,cAAc,CAACQ,UAAU,EAAE;MAC7B,CAAC;IACH;EACF,CAAC,EAAE,CAACrE,IAAI,CAAC,CAAC;EAEVvB,SAAS,CAAC,YAAM;IACd6B,kBAAkB,CAAC,IAAI,CAAC;IACxBU,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMsD,WAAW,GAAG3F,OAAO,CAAC,YAAM;IAChC,IAAM4F,IAAI,GAAG3F,QAAQ,CAAC4F,OAAO,CAAC/E,QAAQ,CAAC;IACvC,IAAIY,eAAe,IAAI,CAACU,SAAS,EAAE;MACjC,OAAOwD,IAAI;IACb,CAAC,MAAM;MACL,OAAOA,IAAI,CAAChB,MAAM,CAAC,UAACnB,KAAK,EAAEb,KAAK,EAAK;QACnC,OAAOpB,iBAAiB,CAACqD,QAAQ,CAACjC,KAAK,CAAC;MAC1C,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAAC9B,QAAQ,EAAEsB,SAAS,EAAEV,eAAe,EAAEF,iBAAiB,CAAC,CAAC;EAE7D,IAAMsE,iBAAiB,GAAGjG,WAAW,CACnC,UAACgD,EAAE,EAAK;IACNtB,SAAS,CAACsB,EAAE,CAAC;IACb,IAAI5B,kBAAkB,EAAE;MACtBA,kBAAkB,CAAC4B,EAAE,CAAC;IACxB;IACAlB,kBAAkB,CAAC,IAAI,CAAC;EAC1B,CAAC,EACD,CAACV,kBAAkB,CAAC,CACrB;EAED,IAAM8E,WAAW,GAAG/F,OAAO,CAAC,YAAM;IAChC,oBACE,oBAAC,iBAAiB,qBAChB,kCAAOsC,YAAY,CAAChB,MAAM,CAAC,CAAQ,eACnC,oBAAC,YAAY;MAAC,QAAQ,EAAEY,UAAW;MAAC,IAAI,EAAC;IAAc,EAAG,CACxC;EAExB,CAAC,EAAE,CAACZ,MAAM,EAAEY,UAAU,EAAEI,YAAY,CAAC,CAAC;EAEtC,IAAM0D,WAAW,GAAGnG,WAAW,CAAC;IAAA,OAAMsC,aAAa,CAAC,IAAI,CAAC;EAAA,GAAE,EAAE,CAAC;EAC9D,IAAM8D,YAAY,GAAGpG,WAAW,CAAC;IAAA,OAAMsC,aAAa,CAAC,KAAK,CAAC;EAAA,GAAE,EAAE,CAAC;EAEhE,oBACE,oBAAC,SAAS;IACR,SAAS,EAAEhC,UAAU,CAAC,OAAO,EAAEe,SAAS,CAAE;IAC1C,MAAM,EAAEH,SAAU;IAClB,KAAK,EAAEI;EAAK,gBAEZ,oBAAC,aAAa;IAAC,GAAG,EAAE2B;EAAO,GACxBzB,IAAI,KAAK,QAAQ,IAChBsE,WAAW,CAACpD,GAAG,CAAC,UAACkB,KAAgB,EAAEb,KAAa,EAAK;IACnD,IAAMsD,OAAO,GAAGzC,KAAqB;IACrC,oBAAOvD,YAAY,CAACgG,OAAO,EAAE;MAC3B5E,MAAM,EAAEsB,KAAK,KAAKtB,MAAM;MACxBH,IAAI,EAAJA,IAAI;MACJgF,GAAG,EAAE,aAACC,EAAE,EAAK;QACXrD,YAAY,CAACY,OAAO,CAACf,KAAK,CAAC,GAAGwD,EAAE;MAClC,CAAC;MACDnD,OAAO,EAAPA,OAAO;MACP,YAAY,EAAEL,KAAK;MACnB,eAAe,EAAEsD,OAAO,CAACzD,KAAK,CAACa;IACjC,CAAC,CAAC;EACJ,CAAC,CAAC,EACHjC,IAAI,KAAK,QAAQ,IAAIO,WAAW,gBAC/B,oBAAC,qBAAqB;IACpB,GAAG,EAAEoB,WAAY;IACjB,IAAI,EAAC,MAAM;IACX,MAAM,EAAExB,iBAAiB,CAAC6E,OAAO,CAAC/E,MAAM,CAAC,KAAK,CAAC,CAAE;IACjD,IAAI,EAAEH;EAAK,gBAEX,oBAAC,MAAM;IACL,QAAQ,EAAEG,MAAO;IACjB,MAAM,eACJ,oBAAC,qBAAqB;MAAC,KAAK,EAAEH;IAAK,GAChCC,SAAS,CAEb;IACD,oBAAoB;IACpB,QAAQ,EAAE0E,iBAAkB;IAC5B,OAAO,EAAE9D,OAAQ;IACjB,IAAI,EAAC,QAAQ;IACb,IAAI,EAAC,QAAQ;IACb,cAAc;IACd,aAAa;IACb,oBAAoB;IACpB,YAAY,EAAEgE,WAAY;IAC1B,aAAa,EAAEC;EAAa,EAC5B,CACoB,GACtB,IAAI,EACP5E,IAAI,KAAK,UAAU,IAAIS,iBAAiB,gBACvC,oBAAC,qBAAqB;IACpB,IAAI,EAAC,MAAM;IACX,MAAM,EAAEN,iBAAiB,CAAC6E,OAAO,CAAC/E,MAAM,CAAC,KAAK,CAAC,CAAE;IACjD,IAAI,EAAEH;EAAK,gBAEX,oBAAC,MAAM;IACL,QAAQ,EAAEG,MAAO;IACjB,MAAM,EAAEyE,WAAY;IACpB,oBAAoB;IACpB,QAAQ,EAAED,iBAAkB;IAC5B,OAAO,EAAEnD,UAAW;IACpB,IAAI,EAAC,QAAQ;IACb,IAAI,EAAC,QAAQ;IACb,cAAc;IACd,aAAa;IACb,oBAAoB;IACpB,YAAY,EAAEqD,WAAY;IAC1B,aAAa,EAAEC;EAAa,EAC5B,CACoB,GACtB,IAAI,CACM,CACN;AAEhB,CAAC;AAEDpF,GAAG,CAACyF,WAAW,GAAG,KAAK"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["React","useMemo","StyledProgressBar","StyledProgressBarProgress","ProgressBar","progress","backgroundColor","progressColor","stroke","width","progressNumber","widthPercent","width_percent","height","stroke_min","displayName"],"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\nexport interface IProgressBarProps {\n  /** Progress prop can be number. */\n  progress: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Progress height. */\n  stroke?: number;\n  /** Progress width in percentage. */\n  width?: number;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n  progress = 0,\n  backgroundColor,\n  progressColor,\n  stroke = 3,\n  width = 100,\n}) => {\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  const widthPercent = useMemo(() => {\n    let width_percent = width;\n\n    if (width > 100) {\n      width_percent = 100;\n    }\n\n    if (width <= 0) {\n      width_percent = 100;\n    }\n\n    return width_percent;\n  }, [width]);\n\n  const height = useMemo(() => {\n    let stroke_min = stroke;\n\n    if (stroke <= 0) {\n      stroke_min = 3;\n    }\n\n    return stroke_min;\n  }, [stroke]);\n\n  return (\n    <StyledProgressBar\n      className={\"c-progress-bar\"}\n      $color={backgroundColor}\n      $width={widthPercent}\n    >\n      <StyledProgressBarProgress\n        className={\"c-progress-bar__progress\"}\n        style={{ width: `${progressNumber}%` }}\n        $height={height}\n        $color={progressColor}\n      />\n    </StyledProgressBar>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAC1C,SAASC,iBAAiB,EAAEC,yBAAyB,QAAQ,UAAU;AAevE,OAAO,IAAMC,WAAkC,GAAG,SAArCA,WAAkC,OAMzC;EAAA,yBALJC,QAAQ;IAARA,QAAQ,8BAAG,CAAC;IACZC,eAAe,QAAfA,eAAe;IACfC,aAAa,QAAbA,aAAa;IAAA,mBACbC,MAAM;IAANA,MAAM,4BAAG,CAAC;IAAA,kBACVC,KAAK;IAALA,KAAK,2BAAG,GAAG;EAEX,IAAMC,cAAc,GAAGT,OAAO,CAAC,YAAM;IACnC,IAAIQ,KAAK,GAAGJ,QAAQ;IACpB,IAAIA,QAAQ,GAAG,GAAG,EAAE;MAClBI,KAAK,GAAG,GAAG;IACb;IACA,IAAIJ,QAAQ,GAAG,CAAC,EAAE;MAChBI,KAAK,GAAG,CAAC;IACX;IACA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC;EAEd,IAAMM,YAAY,GAAGV,OAAO,CAAC,YAAM;IACjC,IAAIW,aAAa,GAAGH,KAAK;IAEzB,IAAIA,KAAK,GAAG,GAAG,EAAE;MACfG,aAAa,GAAG,GAAG;IACrB;IAEA,IAAIH,KAAK,IAAI,CAAC,EAAE;MACdG,aAAa,GAAG,GAAG;IACrB;IAEA,OAAOA,aAAa;EACtB,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEX,IAAMI,MAAM,GAAGZ,OAAO,CAAC,YAAM;IAC3B,IAAIa,UAAU,GAAGN,MAAM;IAEvB,IAAIA,MAAM,IAAI,CAAC,EAAE;MACfM,UAAU,GAAG,CAAC;IAChB;IAEA,OAAOA,UAAU;EACnB,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;EAEZ,oBACE,oBAAC,iBAAiB;IAChB,SAAS,EAAE,gBAAiB;IAC5B,MAAM,EAAEF,eAAgB;IACxB,MAAM,EAAEK;EAAa,gBAErB,oBAAC,yBAAyB;IACxB,SAAS,EAAE,0BAA2B;IACtC,KAAK,EAAE;MAAEF,KAAK,EAAKC,cAAc;IAAI,CAAE;IACvC,OAAO,EAAEG,MAAO;IAChB,MAAM,EAAEN;EAAc,EACtB,CACgB;AAExB,CAAC;AAEDH,WAAW,CAACW,WAAW,GAAG,aAAa"}
+{"version":3,"file":"ProgressBar.js","names":["React","useMemo","StyledProgressBar","StyledProgressBarProgress","ProgressBar","progress","backgroundColor","progressColor","stroke","width","progressNumber","widthPercent","width_percent","height","stroke_min","displayName"],"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\nexport interface IProgressBarProps {\n  /** Progress prop can be number. */\n  progress: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Progress height. */\n  stroke?: number;\n  /** Progress width in percentage. */\n  width?: number;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n  progress = 0,\n  backgroundColor,\n  progressColor,\n  stroke = 3,\n  width = 100,\n}) => {\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  const widthPercent = useMemo(() => {\n    let width_percent = width;\n\n    if (width > 100) {\n      width_percent = 100;\n    }\n\n    if (width <= 0) {\n      width_percent = 100;\n    }\n\n    return width_percent;\n  }, [width]);\n\n  const height = useMemo(() => {\n    let stroke_min = stroke;\n\n    if (stroke <= 0) {\n      stroke_min = 3;\n    }\n\n    return stroke_min;\n  }, [stroke]);\n\n  return (\n    <StyledProgressBar\n      className=\"c-progress-bar\"\n      $color={backgroundColor}\n      $width={widthPercent}\n    >\n      <StyledProgressBarProgress\n        className=\"c-progress-bar__progress\"\n        style={{ width: `${progressNumber}%` }}\n        $height={height}\n        $color={progressColor}\n      />\n    </StyledProgressBar>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAC1C,SAASC,iBAAiB,EAAEC,yBAAyB,QAAQ,UAAU;AAevE,OAAO,IAAMC,WAAkC,GAAG,SAArCA,WAAkC,OAMzC;EAAA,yBALJC,QAAQ;IAARA,QAAQ,8BAAG,CAAC;IACZC,eAAe,QAAfA,eAAe;IACfC,aAAa,QAAbA,aAAa;IAAA,mBACbC,MAAM;IAANA,MAAM,4BAAG,CAAC;IAAA,kBACVC,KAAK;IAALA,KAAK,2BAAG,GAAG;EAEX,IAAMC,cAAc,GAAGT,OAAO,CAAC,YAAM;IACnC,IAAIQ,KAAK,GAAGJ,QAAQ;IACpB,IAAIA,QAAQ,GAAG,GAAG,EAAE;MAClBI,KAAK,GAAG,GAAG;IACb;IACA,IAAIJ,QAAQ,GAAG,CAAC,EAAE;MAChBI,KAAK,GAAG,CAAC;IACX;IACA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC;EAEd,IAAMM,YAAY,GAAGV,OAAO,CAAC,YAAM;IACjC,IAAIW,aAAa,GAAGH,KAAK;IAEzB,IAAIA,KAAK,GAAG,GAAG,EAAE;MACfG,aAAa,GAAG,GAAG;IACrB;IAEA,IAAIH,KAAK,IAAI,CAAC,EAAE;MACdG,aAAa,GAAG,GAAG;IACrB;IAEA,OAAOA,aAAa;EACtB,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEX,IAAMI,MAAM,GAAGZ,OAAO,CAAC,YAAM;IAC3B,IAAIa,UAAU,GAAGN,MAAM;IAEvB,IAAIA,MAAM,IAAI,CAAC,EAAE;MACfM,UAAU,GAAG,CAAC;IAChB;IAEA,OAAOA,UAAU;EACnB,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;EAEZ,oBACE,oBAAC,iBAAiB;IAChB,SAAS,EAAC,gBAAgB;IAC1B,MAAM,EAAEF,eAAgB;IACxB,MAAM,EAAEK;EAAa,gBAErB,oBAAC,yBAAyB;IACxB,SAAS,EAAC,0BAA0B;IACpC,KAAK,EAAE;MAAEF,KAAK,EAAKC,cAAc;IAAI,CAAE;IACvC,OAAO,EAAEG,MAAO;IAChB,MAAM,EAAEN;EAAc,EACtB,CACgB;AAExB,CAAC;AAEDH,WAAW,CAACW,WAAW,GAAG,aAAa"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ProgressRingProps } from "../ProgressRing";
+export declare const ProgressPie: {
+    ({ radius, ...rest }: Omit<ProgressRingProps, "stroke" | "fontSize" | "showPercentage">): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ProgressPie.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressPie.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressPie/ProgressPie.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAElE,eAAO,MAAM,WAAW;0BAGrB,KAAK,iBAAiB,EAAE,QAAQ,GAAG,UAAU,GAAG,gBAAgB,CAAC;;CAEnE,CAAC"}

package/dist/esm/components/ProgressPie/ProgressPie.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["radius"];
+import React from "react";
+import { ProgressRing } from "../ProgressRing";
+export var ProgressPie = function ProgressPie(_ref) {
+  var _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? 20 : _ref$radius,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(ProgressRing, _extends({}, rest, {
+    stroke: radius,
+    radius: radius
+  }));
+};
+ProgressPie.displayName = "ProgressPie";
+//# sourceMappingURL=ProgressPie.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressPie.js","names":["React","ProgressRing","ProgressPie","radius","rest","displayName"],"sources":["../../../../src/components/ProgressPie/ProgressPie.tsx"],"sourcesContent":["import React from \"react\";\nimport { ProgressRing, ProgressRingProps } from \"../ProgressRing\";\n\nexport const ProgressPie = ({\n  radius = 20,\n  ...rest\n}: Omit<ProgressRingProps, \"stroke\" | \"fontSize\" | \"showPercentage\">) => {\n  return <ProgressRing {...rest} stroke={radius} radius={radius} />;\n};\n\nProgressPie.displayName = \"ProgressPie\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAA2B,iBAAiB;AAEjE,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,OAGiD;EAAA,uBAFvEC,MAAM;IAANA,MAAM,4BAAG,EAAE;IACRC,IAAI;EAEP,oBAAO,oBAAC,YAAY,eAAKA,IAAI;IAAE,MAAM,EAAED,MAAO;IAAC,MAAM,EAAEA;EAAO,GAAG;AACnE,CAAC;AAEDD,WAAW,CAACG,WAAW,GAAG,aAAa"}

package/dist/esm/components/ProgressPie/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ProgressPie";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ProgressPie/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressPie/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { FC } from "react";
-export interface IProgressRingProps {
+/// <reference types="react" />
+export interface ProgressRingProps {
     progress?: number;
     backgroundColor?: string;
     progressColor?: string;
@@ -9,5 +9,8 @@ export interface IProgressRingProps {
     showPercentage?: boolean;
     fontSize?: number;
 }
-export declare const ProgressRing: FC<IProgressRingProps>;
+export declare const ProgressRing: {
+    ({ backgroundColor, progressColor, progress, radius, stroke, className, showPercentage, fontSize, }: ProgressRingProps): JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=ProgressRing.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressRing.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAS3C,MAAM,WAAW,kBAAkB;IAEjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,kBAAkB,CAyE/C,CAAC"}
+{"version":3,"file":"ProgressRing.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"names":[],"mappings":";AASA,MAAM,WAAW,iBAAiB;IAEhC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY;yGAStB,iBAAiB;;CAoEnB,CAAC"}

package/dist/esm/components/ProgressRing/ProgressRing.js

@@ -14,6 +14,10 @@ export var ProgressRing = function ProgressRing(_ref) {
     _ref$showPercentage = _ref.showPercentage,
     showPercentage = _ref$showPercentage === void 0 ? false : _ref$showPercentage,
     fontSize = _ref.fontSize;
+  if (stroke > radius) {
+    console.warn("Stroke can not have value greater than the radius.");
+    stroke = radius;
+  }
   var progressNumber = useMemo(function () {
     var width = progress;
     if (progress > 100) {

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressRing.js","names":["React","useMemo","StyledBackgroundCircle","StyledForegroundCircle","StyledSvg","StyledProgressRingPercentage","classNames","ProgressRing","backgroundColor","progressColor","progress","radius","stroke","className","showPercentage","fontSize","progressNumber","width","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","displayName"],"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport {\n  StyledBackgroundCircle,\n  StyledForegroundCircle,\n  StyledSvg,\n  StyledProgressRingPercentage,\n} from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport interface IProgressRingProps {\n  /** Progress prop can be number. */\n  progress?: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Custom classname for styling. */\n  radius?: number;\n  /** Custom classname for styling. */\n  stroke?: number;\n  /** Applies passed classes */\n  className?: string;\n  /** Should the percentage be displayed inside ring or not */\n  showPercentage?: boolean;\n  /** Size of displayed percentage */\n  fontSize?: number;\n}\n\nexport const ProgressRing: FC<IProgressRingProps> = ({\n  backgroundColor,\n  progressColor,\n  progress = 0,\n  radius = 20,\n  stroke = 3,\n  className,\n  showPercentage = false,\n  fontSize,\n}) => {\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  const normalizedRadius = useMemo(() => radius - stroke / 2, [radius, stroke]);\n  const circumference = useMemo(\n    () => normalizedRadius * 2 * Math.PI,\n    [normalizedRadius]\n  );\n  const strokeDashoffsetOuter = useMemo(\n    () => circumference - ((100 - progressNumber) / 100) * circumference,\n    [circumference, progressNumber]\n  );\n  const strokeDashoffsetInner = useMemo(\n    () => circumference - (progressNumber / 100) * circumference,\n    [circumference, progressNumber]\n  );\n\n  return (\n    <StyledSvg\n      height={radius * 2}\n      width={radius * 2}\n      className={classNames(className)}\n    >\n      <StyledBackgroundCircle\n        $color={backgroundColor}\n        $strokeDashOffset={-strokeDashoffsetOuter}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      <StyledForegroundCircle\n        $color={progressColor}\n        $strokeDashOffset={strokeDashoffsetInner}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      {showPercentage ? (\n        <StyledProgressRingPercentage\n          $color={progressColor}\n          $fontSize={fontSize}\n          x=\"50%\"\n          y=\"-50%\"\n          dominantBaseline=\"central\"\n          textAnchor=\"middle\"\n        >\n          {progressNumber}%\n        </StyledProgressRingPercentage>\n      ) : null}\n    </StyledSvg>\n  );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAC1C,SACEC,sBAAsB,EACtBC,sBAAsB,EACtBC,SAAS,EACTC,4BAA4B,QACvB,UAAU;AACjB,OAAOC,UAAU,MAAM,YAAY;AAqBnC,OAAO,IAAMC,YAAoC,GAAG,SAAvCA,YAAoC,OAS3C;EAAA,IARJC,eAAe,QAAfA,eAAe;IACfC,aAAa,QAAbA,aAAa;IAAA,qBACbC,QAAQ;IAARA,QAAQ,8BAAG,CAAC;IAAA,mBACZC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,mBACXC,MAAM;IAANA,MAAM,4BAAG,CAAC;IACVC,SAAS,QAATA,SAAS;IAAA,2BACTC,cAAc;IAAdA,cAAc,oCAAG,KAAK;IACtBC,QAAQ,QAARA,QAAQ;EAER,IAAMC,cAAc,GAAGf,OAAO,CAAC,YAAM;IACnC,IAAIgB,KAAK,GAAGP,QAAQ;IACpB,IAAIA,QAAQ,GAAG,GAAG,EAAE;MAClBO,KAAK,GAAG,GAAG;IACb;IACA,IAAIP,QAAQ,GAAG,CAAC,EAAE;MAChBO,KAAK,GAAG,CAAC;IACX;IACA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACP,QAAQ,CAAC,CAAC;EAEd,IAAMQ,gBAAgB,GAAGjB,OAAO,CAAC;IAAA,OAAMU,MAAM,GAAGC,MAAM,GAAG,CAAC;EAAA,GAAE,CAACD,MAAM,EAAEC,MAAM,CAAC,CAAC;EAC7E,IAAMO,aAAa,GAAGlB,OAAO,CAC3B;IAAA,OAAMiB,gBAAgB,GAAG,CAAC,GAAGE,IAAI,CAACC,EAAE;EAAA,GACpC,CAACH,gBAAgB,CAAC,CACnB;EACD,IAAMI,qBAAqB,GAAGrB,OAAO,CACnC;IAAA,OAAMkB,aAAa,GAAI,CAAC,GAAG,GAAGH,cAAc,IAAI,GAAG,GAAIG,aAAa;EAAA,GACpE,CAACA,aAAa,EAAEH,cAAc,CAAC,CAChC;EACD,IAAMO,qBAAqB,GAAGtB,OAAO,CACnC;IAAA,OAAMkB,aAAa,GAAIH,cAAc,GAAG,GAAG,GAAIG,aAAa;EAAA,GAC5D,CAACA,aAAa,EAAEH,cAAc,CAAC,CAChC;EAED,oBACE,oBAAC,SAAS;IACR,MAAM,EAAEL,MAAM,GAAG,CAAE;IACnB,KAAK,EAAEA,MAAM,GAAG,CAAE;IAClB,SAAS,EAAEL,UAAU,CAACO,SAAS;EAAE,gBAEjC,oBAAC,sBAAsB;IACrB,MAAM,EAAEL,eAAgB;IACxB,iBAAiB,EAAE,CAACc,qBAAsB;IAC1C,WAAW,EAAEV,MAAO;IACpB,eAAe,EAAKO,aAAa,SAAIA,aAAgB;IACrD,CAAC,EAAED,gBAAiB;IACpB,EAAE,EAAEP,MAAO;IACX,EAAE,EAAEA;EAAO,EACX,eACF,oBAAC,sBAAsB;IACrB,MAAM,EAAEF,aAAc;IACtB,iBAAiB,EAAEc,qBAAsB;IACzC,WAAW,EAAEX,MAAO;IACpB,eAAe,EAAKO,aAAa,SAAIA,aAAgB;IACrD,CAAC,EAAED,gBAAiB;IACpB,EAAE,EAAEP,MAAO;IACX,EAAE,EAAEA;EAAO,EACX,EACDG,cAAc,gBACb,oBAAC,4BAA4B;IAC3B,MAAM,EAAEL,aAAc;IACtB,SAAS,EAAEM,QAAS;IACpB,CAAC,EAAC,KAAK;IACP,CAAC,EAAC,MAAM;IACR,gBAAgB,EAAC,SAAS;IAC1B,UAAU,EAAC;EAAQ,GAElBC,cAAc,MACc,GAC7B,IAAI,CACE;AAEhB,CAAC;AAEDT,YAAY,CAACiB,WAAW,GAAG,cAAc"}
+{"version":3,"file":"ProgressRing.js","names":["React","useMemo","StyledBackgroundCircle","StyledForegroundCircle","StyledSvg","StyledProgressRingPercentage","classNames","ProgressRing","backgroundColor","progressColor","progress","radius","stroke","className","showPercentage","fontSize","console","warn","progressNumber","width","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","displayName"],"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  StyledBackgroundCircle,\n  StyledForegroundCircle,\n  StyledSvg,\n  StyledProgressRingPercentage,\n} from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport interface ProgressRingProps {\n  /** Progress prop can be number. */\n  progress?: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Custom classname for styling. */\n  radius?: number;\n  /** Custom classname for styling. */\n  stroke?: number;\n  /** Applies passed classes */\n  className?: string;\n  /** Should the percentage be displayed inside ring or not */\n  showPercentage?: boolean;\n  /** Size of displayed percentage */\n  fontSize?: number;\n}\n\nexport const ProgressRing = ({\n  backgroundColor,\n  progressColor,\n  progress = 0,\n  radius = 20,\n  stroke = 3,\n  className,\n  showPercentage = false,\n  fontSize,\n}: ProgressRingProps) => {\n  if (stroke > radius) {\n    console.warn(\"Stroke can not have value greater than the radius.\");\n    stroke = radius;\n  }\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  const normalizedRadius = useMemo(() => radius - stroke / 2, [radius, stroke]);\n  const circumference = useMemo(\n    () => normalizedRadius * 2 * Math.PI,\n    [normalizedRadius]\n  );\n  const strokeDashoffsetOuter = useMemo(\n    () => circumference - ((100 - progressNumber) / 100) * circumference,\n    [circumference, progressNumber]\n  );\n  const strokeDashoffsetInner = useMemo(\n    () => circumference - (progressNumber / 100) * circumference,\n    [circumference, progressNumber]\n  );\n\n  return (\n    <StyledSvg\n      height={radius * 2}\n      width={radius * 2}\n      className={classNames(className)}\n    >\n      <StyledBackgroundCircle\n        $color={backgroundColor}\n        $strokeDashOffset={-strokeDashoffsetOuter}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      <StyledForegroundCircle\n        $color={progressColor}\n        $strokeDashOffset={strokeDashoffsetInner}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      {showPercentage ? (\n        <StyledProgressRingPercentage\n          $color={progressColor}\n          $fontSize={fontSize}\n          x=\"50%\"\n          y=\"-50%\"\n          dominantBaseline=\"central\"\n          textAnchor=\"middle\"\n        >\n          {progressNumber}%\n        </StyledProgressRingPercentage>\n      ) : null}\n    </StyledSvg>\n  );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,sBAAsB,EACtBC,sBAAsB,EACtBC,SAAS,EACTC,4BAA4B,QACvB,UAAU;AACjB,OAAOC,UAAU,MAAM,YAAY;AAqBnC,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAY,OASA;EAAA,IARvBC,eAAe,QAAfA,eAAe;IACfC,aAAa,QAAbA,aAAa;IAAA,qBACbC,QAAQ;IAARA,QAAQ,8BAAG,CAAC;IAAA,mBACZC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,mBACXC,MAAM;IAANA,MAAM,4BAAG,CAAC;IACVC,SAAS,QAATA,SAAS;IAAA,2BACTC,cAAc;IAAdA,cAAc,oCAAG,KAAK;IACtBC,QAAQ,QAARA,QAAQ;EAER,IAAIH,MAAM,GAAGD,MAAM,EAAE;IACnBK,OAAO,CAACC,IAAI,CAAC,oDAAoD,CAAC;IAClEL,MAAM,GAAGD,MAAM;EACjB;EACA,IAAMO,cAAc,GAAGjB,OAAO,CAAC,YAAM;IACnC,IAAIkB,KAAK,GAAGT,QAAQ;IACpB,IAAIA,QAAQ,GAAG,GAAG,EAAE;MAClBS,KAAK,GAAG,GAAG;IACb;IACA,IAAIT,QAAQ,GAAG,CAAC,EAAE;MAChBS,KAAK,GAAG,CAAC;IACX;IACA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACT,QAAQ,CAAC,CAAC;EAEd,IAAMU,gBAAgB,GAAGnB,OAAO,CAAC;IAAA,OAAMU,MAAM,GAAGC,MAAM,GAAG,CAAC;EAAA,GAAE,CAACD,MAAM,EAAEC,MAAM,CAAC,CAAC;EAC7E,IAAMS,aAAa,GAAGpB,OAAO,CAC3B;IAAA,OAAMmB,gBAAgB,GAAG,CAAC,GAAGE,IAAI,CAACC,EAAE;EAAA,GACpC,CAACH,gBAAgB,CAAC,CACnB;EACD,IAAMI,qBAAqB,GAAGvB,OAAO,CACnC;IAAA,OAAMoB,aAAa,GAAI,CAAC,GAAG,GAAGH,cAAc,IAAI,GAAG,GAAIG,aAAa;EAAA,GACpE,CAACA,aAAa,EAAEH,cAAc,CAAC,CAChC;EACD,IAAMO,qBAAqB,GAAGxB,OAAO,CACnC;IAAA,OAAMoB,aAAa,GAAIH,cAAc,GAAG,GAAG,GAAIG,aAAa;EAAA,GAC5D,CAACA,aAAa,EAAEH,cAAc,CAAC,CAChC;EAED,oBACE,oBAAC,SAAS;IACR,MAAM,EAAEP,MAAM,GAAG,CAAE;IACnB,KAAK,EAAEA,MAAM,GAAG,CAAE;IAClB,SAAS,EAAEL,UAAU,CAACO,SAAS;EAAE,gBAEjC,oBAAC,sBAAsB;IACrB,MAAM,EAAEL,eAAgB;IACxB,iBAAiB,EAAE,CAACgB,qBAAsB;IAC1C,WAAW,EAAEZ,MAAO;IACpB,eAAe,EAAKS,aAAa,SAAIA,aAAgB;IACrD,CAAC,EAAED,gBAAiB;IACpB,EAAE,EAAET,MAAO;IACX,EAAE,EAAEA;EAAO,EACX,eACF,oBAAC,sBAAsB;IACrB,MAAM,EAAEF,aAAc;IACtB,iBAAiB,EAAEgB,qBAAsB;IACzC,WAAW,EAAEb,MAAO;IACpB,eAAe,EAAKS,aAAa,SAAIA,aAAgB;IACrD,CAAC,EAAED,gBAAiB;IACpB,EAAE,EAAET,MAAO;IACX,EAAE,EAAEA;EAAO,EACX,EACDG,cAAc,gBACb,oBAAC,4BAA4B;IAC3B,MAAM,EAAEL,aAAc;IACtB,SAAS,EAAEM,QAAS;IACpB,CAAC,EAAC,KAAK;IACP,CAAC,EAAC,MAAM;IACR,gBAAgB,EAAC,SAAS;IAC1B,UAAU,EAAC;EAAQ,GAElBG,cAAc,MACc,GAC7B,IAAI,CACE;AAEhB,CAAC;AAEDX,YAAY,CAACmB,WAAW,GAAG,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","names":["React","useRef","useCallback","useEffect","forwardRef","useState","Transition","Window","classnames","useForkRef","StyledAnimatedSpan","StyledCssTransition","StyledSheetIcons","StyledSheetWrapper","StyledSheetWrapperPaper","Overlay","Sheet","ref","children","onClose","controls","open","defaultOpen","animation","position","mode","disableFocusLock","disableScrollLock","disableBackgroundColor","bodyStyle","bodyClassName","disableBackgroundClick","rest","setOpen","exited","setExited","innerRef","handleRef","handleEnter","handleExited","handleClose","handleBackgroundClick","event","preventDefault","length","map","item","index","maxDurationIn","maxDurationOut","control","durationOut","durationIn","state","displayName"],"sources":["../../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, {\n  useRef,\n  useCallback,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  useState,\n  CSSProperties,\n  ReactElement,\n  MouseEvent,\n} from \"react\";\n\nimport { Transition } from \"react-transition-group\";\nimport { Window } from \"../Window\";\nimport classnames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport {\n  StyledAnimatedSpan,\n  StyledCssTransition,\n  StyledSheetIcons,\n  StyledSheetWrapper,\n  StyledSheetWrapperPaper,\n} from \"./Styles\";\nimport { Overlay } from \"../Overlay\";\n\ninterface ISheet {\n  onClose?: () => void;\n  controls?: JSX.Element[];\n  open?: boolean;\n  animation?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  position?: \"center\" | \"left\" | \"right\";\n  mode?: \"normal\" | \"stretch\";\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableBackgroundColor?: boolean;\n  bodyStyle?: CSSProperties;\n  bodyClassName?: string;\n  disableBackgroundClick?: boolean;\n}\n\nexport const Sheet = forwardRef<\n  HTMLDivElement,\n  ISheet & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      onClose,\n      controls = [],\n      open: defaultOpen = false,\n      animation = \"top\",\n      position = \"center\",\n      mode = \"normal\",\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundColor = false,\n      bodyStyle,\n      bodyClassName,\n      disableBackgroundClick = false,\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\n    const handleRef = useForkRef(innerRef, ref);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\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 handleClose = useCallback(() => {\n      setOpen(false);\n    }, []);\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    if (!open && 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        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        <StyledSheetWrapper\n          className={classnames(\"c-sheet__wrapper\", bodyClassName)}\n          style={bodyStyle}\n          $position={position}\n          $mode={mode}\n        >\n          {controls.length ? (\n            <StyledSheetIcons>\n              {controls.map((item, index) => {\n                const maxDurationIn = 4; // max duration 4 for 400ms, shorten .4s\n                const maxDurationOut = 2; // max duration 2 for 200ms, shorten .2s\n                const control = index + 1;\n                const durationOut =\n                  controls.length > maxDurationOut\n                    ? maxDurationOut\n                    : maxDurationOut - control;\n                const durationIn = control >= maxDurationIn ? 1 : control;\n                return (\n                  <Transition\n                    appear\n                    in={open}\n                    timeout={maxDurationIn * 100}\n                    key={`c-sheet-control-${index}`}\n                  >\n                    {(state): ReactElement => (\n                      <StyledAnimatedSpan\n                        $state={state}\n                        $mode={mode}\n                        $maxDurationIn={maxDurationIn / 10}\n                        $maxDurationOut={maxDurationOut / 10}\n                        $durationOut={durationOut / 10}\n                        $durationIn={durationIn / 10}\n                      >\n                        {item}\n                      </StyledAnimatedSpan>\n                    )}\n                  </Transition>\n                );\n              })}\n            </StyledSheetIcons>\n          ) : null}\n          <StyledCssTransition\n            appear\n            in={open}\n            timeout={400}\n            classNames={\"c-sheet__animation\"}\n            $direction={animation}\n            onEnter={handleEnter}\n            onExited={handleExited}\n          >\n            <StyledSheetWrapperPaper className=\"c-sheet__wrapper__paper\">\n              {children}\n            </StyledSheetWrapperPaper>\n          </StyledCssTransition>\n        </StyledSheetWrapper>\n      </Window>\n    );\n  }\n);\n\nSheet.displayName = \"Sheet\";\n"],"mappings":"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"}
+{"version":3,"file":"Sheet.js","names":["React","useRef","useCallback","useEffect","forwardRef","useState","Transition","Window","classnames","useForkRef","StyledAnimatedSpan","StyledCssTransition","StyledSheetIcons","StyledSheetWrapper","StyledSheetWrapperPaper","Overlay","Sheet","ref","children","onClose","controls","open","defaultOpen","animation","position","mode","disableFocusLock","disableScrollLock","disableBackgroundColor","bodyStyle","bodyClassName","disableBackgroundClick","rest","setOpen","exited","setExited","innerRef","handleRef","handleEnter","handleExited","handleClose","handleBackgroundClick","event","preventDefault","length","map","item","index","maxDurationIn","maxDurationOut","control","durationOut","durationIn","state","displayName"],"sources":["../../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, {\n  useRef,\n  useCallback,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  useState,\n  CSSProperties,\n  ReactElement,\n  MouseEvent,\n} from \"react\";\n\nimport { Transition } from \"react-transition-group\";\nimport { Window } from \"../Window\";\nimport classnames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport {\n  StyledAnimatedSpan,\n  StyledCssTransition,\n  StyledSheetIcons,\n  StyledSheetWrapper,\n  StyledSheetWrapperPaper,\n} from \"./Styles\";\nimport { Overlay } from \"../Overlay\";\n\ninterface ISheet {\n  onClose?: () => void;\n  controls?: JSX.Element[];\n  open?: boolean;\n  animation?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  position?: \"center\" | \"left\" | \"right\";\n  mode?: \"normal\" | \"stretch\";\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableBackgroundColor?: boolean;\n  bodyStyle?: CSSProperties;\n  bodyClassName?: string;\n  disableBackgroundClick?: boolean;\n}\n\nexport const Sheet = forwardRef<\n  HTMLDivElement,\n  ISheet & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      onClose,\n      controls = [],\n      open: defaultOpen = false,\n      animation = \"top\",\n      position = \"center\",\n      mode = \"normal\",\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundColor = false,\n      bodyStyle,\n      bodyClassName,\n      disableBackgroundClick = false,\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\n    const handleRef = useForkRef(innerRef, ref);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\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 handleClose = useCallback(() => {\n      setOpen(false);\n    }, []);\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    if (!open && 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        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        <StyledSheetWrapper\n          className={classnames(\"c-sheet__wrapper\", bodyClassName)}\n          style={bodyStyle}\n          $position={position}\n          $mode={mode}\n        >\n          {controls.length ? (\n            <StyledSheetIcons>\n              {controls.map((item, index) => {\n                const maxDurationIn = 4; // max duration 4 for 400ms, shorten .4s\n                const maxDurationOut = 2; // max duration 2 for 200ms, shorten .2s\n                const control = index + 1;\n                const durationOut =\n                  controls.length > maxDurationOut\n                    ? maxDurationOut\n                    : maxDurationOut - control;\n                const durationIn = control >= maxDurationIn ? 1 : control;\n                return (\n                  <Transition\n                    appear\n                    in={open}\n                    timeout={maxDurationIn * 100}\n                    key={`c-sheet-control-${index}`}\n                  >\n                    {(state): ReactElement => (\n                      <StyledAnimatedSpan\n                        $state={state}\n                        $mode={mode}\n                        $maxDurationIn={maxDurationIn / 10}\n                        $maxDurationOut={maxDurationOut / 10}\n                        $durationOut={durationOut / 10}\n                        $durationIn={durationIn / 10}\n                      >\n                        {item}\n                      </StyledAnimatedSpan>\n                    )}\n                  </Transition>\n                );\n              })}\n            </StyledSheetIcons>\n          ) : null}\n          <StyledCssTransition\n            appear\n            in={open}\n            timeout={400}\n            classNames=\"c-sheet__animation\"\n            $direction={animation}\n            onEnter={handleEnter}\n            onExited={handleExited}\n          >\n            <StyledSheetWrapperPaper className=\"c-sheet__wrapper__paper\">\n              {children}\n            </StyledSheetWrapperPaper>\n          </StyledCssTransition>\n        </StyledSheetWrapper>\n      </Window>\n    );\n  }\n);\n\nSheet.displayName = \"Sheet\";\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Signifier.js","names":["React","useMemo","useState","useEffect","classnames","SwitchTransition","Tooltip","Body1","Caption1","StyledIcon","StyledSignifier","StyledSignifierTransition","signifierTypes","Signifier","Component","type","value","className","tooltipText","tooltipClassName","indexOf","displayName","console","warn","direction","setDirection","setPrevValue","label","max","newValue","Math","floor","v","renderSignifier","includes"],"sources":["../../../../src/components/Signifier/Signifier.tsx"],"sourcesContent":["import React, { FC, useMemo, ElementType, useState, useEffect } from \"react\";\nimport classnames from \"classnames\";\nimport { SwitchTransition } from \"react-transition-group\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Body1, Caption1 } from \"../Typography\";\nimport {\n  StyledIcon,\n  StyledSignifier,\n  StyledSignifierTransition,\n} from \"./Styles\";\n\ninterface ISignifierProps {\n  /** One of icon types */\n  type: ElementType;\n  /** Number that represent total value */\n  value?: number;\n  /** Value that represent class names */\n  className?: string;\n  /** The text that will be displayed on hover in tooltip */\n  tooltipText?: string;\n  /** ClassName for tooltip if there is one */\n  tooltipClassName?: string;\n}\n\nexport const signifierTypes = [\n  \"EyeIcon\",\n  \"EyeSmallIcon\",\n  \"PencilIcon\",\n  \"PencilSmallIcon\",\n  \"EyeOffIcon\",\n  \"EyeOffSmallIcon\",\n  \"ChecklistIcon\",\n  \"ChecklistSmallIcon\",\n  \"WarningTriangleIcon\",\n  \"WarningTriangleSmallIcon\",\n  \"DependencyIcon\",\n  \"DependencySmallIcon\",\n  \"MessageIcon\",\n  \"MessageSmallIcon\",\n  \"ClockStopwatchIcon\",\n  \"ClockStopwatchSmallIcon\",\n  \"ClockIcon\",\n  \"ClockSmallIcon\",\n  \"DollarOffIcon\",\n  \"DollarOffSmallIcon\",\n  \"DollarIcon\",\n  \"DollarSmallIcon\",\n  \"DollarCheckmarkIcon\",\n  \"DollarCheckmarkSmallIcon\",\n  \"DollarClockIcon\",\n  \"DollarClockSmallIcon\",\n  \"BellOffIcon\",\n  \"BellOffSmallIcon\",\n  \"LockIcon\",\n  \"LockSmallIcon\",\n  \"RecurringCheckmarkIcon\",\n  \"RecurringCheckmarkSmallIcon\",\n];\n\nexport const Signifier: FC<ISignifierProps> = ({\n  type: Component,\n  value = null,\n  className,\n  tooltipText,\n  tooltipClassName,\n}) => {\n  if (\n    signifierTypes.indexOf(\n      (Component as { displayName: string }).displayName\n    ) === -1\n  ) {\n    console.warn(\"You are using unsupported Signifier icon\");\n  }\n\n  const [direction, setDirection] = useState(\"c-signifier--top\");\n  const [, setPrevValue] = useState(value);\n\n  const label: string | null = useMemo(() => {\n    if (!value || value < 1) return null;\n\n    const max = 1_000_000_000;\n    let newValue = value;\n\n    if (newValue > max) {\n      newValue = max;\n    }\n\n    if (newValue === max) {\n      return `${Math.floor(newValue / 1_000_000_000)}B+`;\n    } else if (newValue > 999_999) {\n      return `${Math.floor(newValue / 1_000_000)}M`;\n    } else if (newValue > 999) {\n      return `${Math.floor(newValue / 1000)}k`;\n    }\n\n    return `${newValue}`;\n  }, [value]);\n\n  useEffect(() => {\n    value &&\n      setPrevValue((v) => {\n        v &&\n          setDirection(\n            v - value > 0 ? \"c-signifier--top\" : \"c-signifier--bottom\"\n          );\n        return value;\n      });\n  }, [value]);\n\n  const renderSignifier = useMemo(\n    () => (\n      <StyledSignifier\n        className={classnames(\"c-signifier\", className)}\n        $direction={direction}\n      >\n        <StyledIcon as={Component} />\n        {value !== null && (\n          <SwitchTransition mode={\"out-in\"}>\n            <StyledSignifierTransition\n              key={label}\n              timeout={300}\n              classNames=\"c-signifier--animate\"\n            >\n              {(Component as { displayName: string }).displayName.includes(\n                \"SmallIcon\"\n              ) ? (\n                <Caption1 color=\"secondary\">{label}</Caption1>\n              ) : (\n                <Body1 color=\"secondary\">{label}</Body1>\n              )}\n            </StyledSignifierTransition>\n          </SwitchTransition>\n        )}\n      </StyledSignifier>\n    ),\n    [className, direction, Component, value, label]\n  );\n\n  return (\n    <Tooltip\n      title={tooltipText ?? \"\"}\n      disable={!tooltipText}\n      popperTooltipClassName={tooltipClassName}\n    >\n      {renderSignifier}\n    </Tooltip>\n  );\n};\n\nSignifier.displayName = \"Signifier\";\n"],"mappings":"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"}
+{"version":3,"file":"Signifier.js","names":["React","useMemo","useState","useEffect","classnames","SwitchTransition","Tooltip","Body1","Caption1","StyledIcon","StyledSignifier","StyledSignifierTransition","signifierTypes","Signifier","Component","type","value","className","tooltipText","tooltipClassName","indexOf","displayName","console","warn","direction","setDirection","setPrevValue","label","max","newValue","Math","floor","v","renderSignifier","includes"],"sources":["../../../../src/components/Signifier/Signifier.tsx"],"sourcesContent":["import React, { FC, useMemo, ElementType, useState, useEffect } from \"react\";\nimport classnames from \"classnames\";\nimport { SwitchTransition } from \"react-transition-group\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Body1, Caption1 } from \"../Typography\";\nimport {\n  StyledIcon,\n  StyledSignifier,\n  StyledSignifierTransition,\n} from \"./Styles\";\n\ninterface ISignifierProps {\n  /** One of icon types */\n  type: ElementType;\n  /** Number that represent total value */\n  value?: number;\n  /** Value that represent class names */\n  className?: string;\n  /** The text that will be displayed on hover in tooltip */\n  tooltipText?: string;\n  /** ClassName for tooltip if there is one */\n  tooltipClassName?: string;\n}\n\nexport const signifierTypes = [\n  \"EyeIcon\",\n  \"EyeSmallIcon\",\n  \"PencilIcon\",\n  \"PencilSmallIcon\",\n  \"EyeOffIcon\",\n  \"EyeOffSmallIcon\",\n  \"ChecklistIcon\",\n  \"ChecklistSmallIcon\",\n  \"WarningTriangleIcon\",\n  \"WarningTriangleSmallIcon\",\n  \"DependencyIcon\",\n  \"DependencySmallIcon\",\n  \"MessageIcon\",\n  \"MessageSmallIcon\",\n  \"ClockStopwatchIcon\",\n  \"ClockStopwatchSmallIcon\",\n  \"ClockIcon\",\n  \"ClockSmallIcon\",\n  \"DollarOffIcon\",\n  \"DollarOffSmallIcon\",\n  \"DollarIcon\",\n  \"DollarSmallIcon\",\n  \"DollarCheckmarkIcon\",\n  \"DollarCheckmarkSmallIcon\",\n  \"DollarClockIcon\",\n  \"DollarClockSmallIcon\",\n  \"BellOffIcon\",\n  \"BellOffSmallIcon\",\n  \"LockIcon\",\n  \"LockSmallIcon\",\n  \"RecurringCheckmarkIcon\",\n  \"RecurringCheckmarkSmallIcon\",\n];\n\nexport const Signifier: FC<ISignifierProps> = ({\n  type: Component,\n  value = null,\n  className,\n  tooltipText,\n  tooltipClassName,\n}) => {\n  if (\n    signifierTypes.indexOf(\n      (Component as { displayName: string }).displayName\n    ) === -1\n  ) {\n    console.warn(\"You are using unsupported Signifier icon\");\n  }\n\n  const [direction, setDirection] = useState(\"c-signifier--top\");\n  const [, setPrevValue] = useState(value);\n\n  const label: string | null = useMemo(() => {\n    if (!value || value < 1) return null;\n\n    const max = 1_000_000_000;\n    let newValue = value;\n\n    if (newValue > max) {\n      newValue = max;\n    }\n\n    if (newValue === max) {\n      return `${Math.floor(newValue / 1_000_000_000)}B+`;\n    } else if (newValue > 999_999) {\n      return `${Math.floor(newValue / 1_000_000)}M`;\n    } else if (newValue > 999) {\n      return `${Math.floor(newValue / 1000)}k`;\n    }\n\n    return `${newValue}`;\n  }, [value]);\n\n  useEffect(() => {\n    value &&\n      setPrevValue((v) => {\n        v &&\n          setDirection(\n            v - value > 0 ? \"c-signifier--top\" : \"c-signifier--bottom\"\n          );\n        return value;\n      });\n  }, [value]);\n\n  const renderSignifier = useMemo(\n    () => (\n      <StyledSignifier\n        className={classnames(\"c-signifier\", className)}\n        $direction={direction}\n      >\n        <StyledIcon as={Component} />\n        {value !== null && (\n          <SwitchTransition mode=\"out-in\">\n            <StyledSignifierTransition\n              key={label}\n              timeout={300}\n              classNames=\"c-signifier--animate\"\n            >\n              {(Component as { displayName: string }).displayName.includes(\n                \"SmallIcon\"\n              ) ? (\n                <Caption1 color=\"secondary\">{label}</Caption1>\n              ) : (\n                <Body1 color=\"secondary\">{label}</Body1>\n              )}\n            </StyledSignifierTransition>\n          </SwitchTransition>\n        )}\n      </StyledSignifier>\n    ),\n    [className, direction, Component, value, label]\n  );\n\n  return (\n    <Tooltip\n      title={tooltipText ?? \"\"}\n      disable={!tooltipText}\n      popperTooltipClassName={tooltipClassName}\n    >\n      {renderSignifier}\n    </Tooltip>\n  );\n};\n\nSignifier.displayName = \"Signifier\";\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ValueButton.js","names":["React","forwardRef","StyledValueButton","StyledValueButtonLabel","StyledValueButtonValue","ValueButton","ref","active","alwaysShowIcon","icon","label","value","args","cloneElement","style","display","displayName"],"sources":["../../../../src/components/ValueButton/ValueButton.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport {\n  StyledValueButton,\n  StyledValueButtonLabel,\n  StyledValueButtonValue,\n} from \"./Styles\";\n\ninterface IValueButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Value */\n  value: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Always show icon */\n  alwaysShowIcon?: boolean;\n}\n\nexport const ValueButton = forwardRef<HTMLButtonElement, IValueButtonProps>(\n  (\n    { active = false, alwaysShowIcon = false, icon, label, value, ...args },\n    ref\n  ) => {\n    return (\n      <StyledValueButton\n        className={\"c-value-button\"}\n        {...args}\n        ref={ref}\n        variant={\"text gray\"}\n        $active={active}\n      >\n        {icon && alwaysShowIcon\n          ? React.cloneElement(icon, {\n              style: { display: \"inline-block\" },\n            })\n          : null}\n        {label ? (\n          <StyledValueButtonLabel\n            color={\"secondary\"}\n            weight={\"medium\"}\n            className={\"c-value-button__label\"}\n          >\n            {label}:\n          </StyledValueButtonLabel>\n        ) : null}\n        <StyledValueButtonValue\n          color={\"secondary\"}\n          weight={\"medium\"}\n          className={\"c-value-button__value\"}\n        >\n          {value}\n        </StyledValueButtonValue>\n      </StyledValueButton>\n    );\n  }\n);\n\nValueButton.displayName = \"ValueButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAsB,OAAO;AACvD,SACEC,iBAAiB,EACjBC,sBAAsB,EACtBC,sBAAsB,QACjB,UAAU;AAejB,OAAO,IAAMC,WAAW,gBAAGJ,UAAU,CACnC,gBAEEK,GAAG,EACA;EAAA,uBAFDC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAA,2BAAEC,cAAc;IAAdA,cAAc,oCAAG,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAKC,IAAI;EAGrE,oBACE,oBAAC,iBAAiB;IAChB,SAAS,EAAE;EAAiB,GACxBA,IAAI;IACR,GAAG,EAAEN,GAAI;IACT,OAAO,EAAE,WAAY;IACrB,OAAO,EAAEC;EAAO,IAEfE,IAAI,IAAID,cAAc,gBACnBR,KAAK,CAACa,YAAY,CAACJ,IAAI,EAAE;IACvBK,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAe;EACnC,CAAC,CAAC,GACF,IAAI,EACPL,KAAK,gBACJ,oBAAC,sBAAsB;IACrB,KAAK,EAAE,WAAY;IACnB,MAAM,EAAE,QAAS;IACjB,SAAS,EAAE;EAAwB,GAElCA,KAAK,MACiB,GACvB,IAAI,eACR,oBAAC,sBAAsB;IACrB,KAAK,EAAE,WAAY;IACnB,MAAM,EAAE,QAAS;IACjB,SAAS,EAAE;EAAwB,GAElCC,KAAK,CACiB,CACP;AAExB,CAAC,CACF;AAEDN,WAAW,CAACW,WAAW,GAAG,aAAa"}
+{"version":3,"file":"ValueButton.js","names":["React","forwardRef","StyledValueButton","StyledValueButtonLabel","StyledValueButtonValue","ValueButton","ref","active","alwaysShowIcon","icon","label","value","args","cloneElement","style","display","displayName"],"sources":["../../../../src/components/ValueButton/ValueButton.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport {\n  StyledValueButton,\n  StyledValueButtonLabel,\n  StyledValueButtonValue,\n} from \"./Styles\";\n\ninterface IValueButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Value */\n  value: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Always show icon */\n  alwaysShowIcon?: boolean;\n}\n\nexport const ValueButton = forwardRef<HTMLButtonElement, IValueButtonProps>(\n  (\n    { active = false, alwaysShowIcon = false, icon, label, value, ...args },\n    ref\n  ) => {\n    return (\n      <StyledValueButton\n        className=\"c-value-button\"\n        {...args}\n        ref={ref}\n        variant=\"text gray\"\n        $active={active}\n      >\n        {icon && alwaysShowIcon\n          ? React.cloneElement(icon, {\n              style: { display: \"inline-block\" },\n            })\n          : null}\n        {label ? (\n          <StyledValueButtonLabel\n            color=\"secondary\"\n            weight=\"medium\"\n            className=\"c-value-button__label\"\n          >\n            {label}:\n          </StyledValueButtonLabel>\n        ) : null}\n        <StyledValueButtonValue\n          color=\"secondary\"\n          weight=\"medium\"\n          className=\"c-value-button__value\"\n        >\n          {value}\n        </StyledValueButtonValue>\n      </StyledValueButton>\n    );\n  }\n);\n\nValueButton.displayName = \"ValueButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAsB,OAAO;AACvD,SACEC,iBAAiB,EACjBC,sBAAsB,EACtBC,sBAAsB,QACjB,UAAU;AAejB,OAAO,IAAMC,WAAW,gBAAGJ,UAAU,CACnC,gBAEEK,GAAG,EACA;EAAA,uBAFDC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAA,2BAAEC,cAAc;IAAdA,cAAc,oCAAG,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAKC,IAAI;EAGrE,oBACE,oBAAC,iBAAiB;IAChB,SAAS,EAAC;EAAgB,GACtBA,IAAI;IACR,GAAG,EAAEN,GAAI;IACT,OAAO,EAAC,WAAW;IACnB,OAAO,EAAEC;EAAO,IAEfE,IAAI,IAAID,cAAc,gBACnBR,KAAK,CAACa,YAAY,CAACJ,IAAI,EAAE;IACvBK,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAe;EACnC,CAAC,CAAC,GACF,IAAI,EACPL,KAAK,gBACJ,oBAAC,sBAAsB;IACrB,KAAK,EAAC,WAAW;IACjB,MAAM,EAAC,QAAQ;IACf,SAAS,EAAC;EAAuB,GAEhCA,KAAK,MACiB,GACvB,IAAI,eACR,oBAAC,sBAAsB;IACrB,KAAK,EAAC,WAAW;IACjB,MAAM,EAAC,QAAQ;IACf,SAAS,EAAC;EAAuB,GAEhCC,KAAK,CACiB,CACP;AAExB,CAAC,CACF;AAEDN,WAAW,CAACW,WAAW,GAAG,aAAa"}

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

@@ -54,6 +54,7 @@ export * from "./Autocomplete";
 export * from "./ComboBox";
 export * from "./Button/AddToListButton";
 export * from "./ProgressBar";
+export * from "./ProgressPie";
 export * from "./Reactions";
 export * from "./Label";
 export * from "./GlobalStyle";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}

package/dist/esm/components/index.js

@@ -54,6 +54,7 @@ export * from "./Autocomplete";
 export * from "./ComboBox";
 export * from "./Button/AddToListButton";
 export * from "./ProgressBar";
+export * from "./ProgressPie";
 export * from "./Reactions";
 export * from "./Label";
 export * from "./GlobalStyle";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./ProgressBar\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./EditableText\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\nexport * from \"./IconButton\";\nexport * from \"./Typography\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,0BAA0B;AACxC,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./ProgressBar\";\nexport * from \"./ProgressPie\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./EditableText\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\nexport * from \"./IconButton\";\nexport * from \"./Typography\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,0BAA0B;AACxC,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,cAAc"}