matsuri-ui 18.0.3-alpha-1765248031639-463070b.0 → 18.0.3-alpha-1766179780164-975b1ee.0

package/cjs/Tabs/TabUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabUI.js","names":["_react","require","_react2","_interopRequireWildcard","_Button","_theme","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","Tab","children","rest","theme","useTheme","jsx","role","tabIndex","css","typography","body","position","boxSizing","color","border","margin","display","outline","padding","userSelect","borderRadius","verticalAlign","justifyContent","textDecoration","backgroundColor","appearance","WebkitTapHighlightColor","textRendering","wordSpacing","textIndent","textShadow","flexShrink","cursor","whiteSpace","gridRow","transitions","duration","shortest","palette","intentions","primary","main","action","hover","spacing","process","env","NODE_ENV","slideIn","keyframes","underlineHeight","DefaultTabContent","props","Fragment","_ref3","name","styles","toString","_ref4","_ref5","TabUIUnderlineHeader","tabs","underline","tabPosition","onChange","currentIndex","renderTab","TabContent","prevCurrentIndex","useRef","handleUpdateIndex","useCallback","event","nextIndex","parseInt","currentTarget","dataset","index","current","boxShadow","shadows","text","background","paper","gray","undefined","map","title","data","icon","onClick","key","style","gridColumn","transform","standard","easing","sharp","exports","_ref","_ref2","TabUI","variant","defaultIndex","setCurrentIndex","useState","resetButtonStyle","contrastText","screen"],"sources":["../../../src/Tabs/TabUI.tsx"],"sourcesContent":["import { css, keyframes } from \"@emotion/react\";\nimport React, { useCallback, useRef, useState } from \"react\";\nimport { resetButtonStyle } from \"../Button\";\nimport { useTheme } from \"../theme\";\n\nconst Tab = ({ children, ...rest }: React.ComponentPropsWithoutRef<\"div\">) => {\n  const theme = useTheme();\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      {...rest}\n      css={css([\n        theme.typography.body,\n        {\n          position: \"relative\",\n          boxSizing: \"border-box\",\n          color: \"inherit\",\n          border: \"1px solid transparent\",\n          margin: 0,\n          display: \"block\",\n          outline: 0,\n          padding: 0,\n          userSelect: \"none\",\n          borderRadius: 0,\n          verticalAlign: \"middle\",\n          justifyContent: \"center\",\n          textDecoration: \"none\",\n          backgroundColor: \"transparent\",\n          appearance: \"none\",\n          WebkitTapHighlightColor: \"transparent\",\n          textRendering: \"auto\",\n          wordSpacing: \"nomral\",\n          textIndent: \"0px\",\n          textShadow: \"none\",\n          flexShrink: 0,\n          cursor: \"pointer\",\n          whiteSpace: \"nowrap\",\n          gridRow: \"1\",\n        },\n        css`\n          border-radius: 8px 8px 0px 0px;\n          transition: background-color ${theme.transitions.duration.shortest};\n          &:focus-visible {\n            border-color: ${theme.palette.intentions.primary.main};\n          }\n          &:hover {\n            background-color: ${theme.palette.action.hover};\n          }\n          & > * {\n            box-sizing: border-box;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: ${theme.spacing * 5}px;\n            padding-right: ${theme.spacing * 3}px;\n            padding-left: ${theme.spacing * 3}px;\n          }\n          a {\n            color: inherit;\n            text-decoration: none;\n          }\n        `,\n      ])}\n    >\n      {typeof children === \"string\" ? <div>{children}</div> : children}\n    </div>\n  );\n};\n\nexport interface BaseTabUIProps<T> {\n  variant?: \"underline\" | \"buttons\";\n\n  /**\n   * 表示されるスクリーンとタブの見出しを指定します。\n   *\n   * 非同期でスクリーンの数は増減するような、このpropが後から変更されるケースは想定していません。\n   * もしそういったケースが発生したら、Issueを立ててください。\n   *\n   * @default []\n   */\n  tabs?: {\n    title: React.ReactNode;\n    screen: React.ReactNode;\n    icon?: React.ReactNode;\n    data?: T;\n  }[];\n  /**\n   * Tabの描画に利用するコンポーネントを指定します。\n   * 基本的にスタイルの指定は行わないでください。\n   */\n  renderTab?: (\n    props: T & { children: React.ReactNode },\n  ) => React.ReactElement | null;\n  /**\n   * タブをどのような位置に表示するかを指定します。\n   * @default \"start\"\n   */\n  tabPosition?: \"start\" | \"center\" | \"end\" | \"evenly\";\n  /**\n   * タブの下に付く装飾を指定します。\n   * @default \"default\"\n   */\n  underline?: \"default\" | \"shadow\";\n  /**\n   * 最初に表示するタブのインデックスを指定します。\n   *\n   * インデックスはtabs propに指定された配列のうち、現在表示されているスクリーンのインデックスです。\n   * @default 0\n   */\n  defaultIndex?: number;\n  /**\n   * タブがクリックされるなどしてインデックスが更新された際に発火するメソッドを指定します。\n   *\n   * 例えば、これが返すインデックスをローカルストレージなどに保存しておいて、\n   * defaultIndexに渡すような実装をしておくとルーターライブラリを使わず、\n   * 再読み込み時に前回表示していたタブを表示することができます。\n   *\n   * ただしURLのシェアなどで他のユーザーと同じタブを見るといったことはルーターライブラリを使う必要があります。詳しい実装はサンプルとなるStoryが用意されているので見てください。\n   */\n  onChange?: (index: number) => void;\n}\n\nexport interface TabUIProps<T> extends BaseTabUIProps<T> {\n  children?: never;\n}\n\nexport interface TabUIHasChildrenProps<T>\n  extends Omit<BaseTabUIProps<T>, \"tabs\"> {\n  tabs?: {\n    title: React.ReactNode;\n    screen?: never;\n    icon?: React.ReactNode;\n    data?: T;\n  }[];\n  children: React.ReactNode;\n}\n\nconst slideIn = keyframes`\n  to {\n    transform: translateX(0px);\n  }\n`;\n\nconst underlineHeight = 4;\n\ninterface TabUIUnderlineHeaderProps<T> {\n  tabs: TabUIHasChildrenProps<T>[\"tabs\"] | TabUIProps<T>[\"tabs\"];\n  underline: BaseTabUIProps<T>[\"underline\"];\n  tabPosition: BaseTabUIProps<T>[\"tabPosition\"];\n  onChange: BaseTabUIProps<T>[\"onChange\"];\n  currentIndex: number;\n  renderTab?: BaseTabUIProps<T>[\"renderTab\"];\n}\n\nconst DefaultTabContent = (props: React.PropsWithChildren) => {\n  return <>{props.children}</>;\n};\n\nexport const TabUIUnderlineHeader = <T,>({\n  tabs = [],\n  underline,\n  tabPosition,\n  onChange,\n  currentIndex,\n  renderTab: TabContent = DefaultTabContent,\n}: TabUIUnderlineHeaderProps<T>) => {\n  const theme = useTheme();\n  const prevCurrentIndex = useRef(currentIndex);\n\n  const handleUpdateIndex = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      const nextIndex = parseInt(event.currentTarget.dataset.index || \"0\", 10);\n      prevCurrentIndex.current = currentIndex;\n      onChange?.(nextIndex);\n    },\n    [currentIndex, onChange],\n  );\n  return (\n    <div\n      css={css`\n        position: relative;\n      `}\n    >\n      <div\n        css={[\n          css`\n            box-sizing: border-box;\n            display: grid;\n            grid-auto-flow: column;\n            overflow-x: auto;\n          `,\n          {\n            justifyContent:\n              tabPosition === \"start\"\n                ? \"flex-start\"\n                : tabPosition === \"end\"\n                  ? \"flex-end\"\n                  : tabPosition === \"evenly\"\n                    ? \"initial\"\n                    : \"center\",\n          },\n          underline === \"shadow\"\n            ? {\n                boxShadow: theme.shadows[1],\n                color: theme.palette.text.primary,\n                backgroundColor: theme.palette.background.paper,\n              }\n            : underline === \"default\"\n              ? {\n                  boxShadow: `0px -${underlineHeight}px 0px 0px ${theme.palette.gray[300]} inset`,\n                }\n              : undefined,\n        ]}\n      >\n        {tabs.map(({ title, data, icon }, index) => {\n          return (\n            <Tab onClick={handleUpdateIndex} data-index={index} key={index}>\n              {/*\n              // @ts-expect-error @emotion/reactの変更により型安全でなくなった https://github.com/emotion-js/emotion/compare/%40emotion/react%4011.13.0...%40emotion/react%4011.13.3#diff-a3e371cc2c719626107c869dcf5a0fad82d9ea99d37c727c96b3baf3c016fffdL89-R91*/}\n              <TabContent {...(data as T)}>\n                <span\n                  css={css`\n                    display: flex;\n                    gap: 8px;\n                  `}\n                >\n                  {icon}\n                  {title}\n                </span>\n              </TabContent>\n            </Tab>\n          );\n        })}\n        <div\n          key={currentIndex}\n          style={{\n            gridRow: 2,\n            gridColumn: currentIndex + 1,\n            transform: `translateX(${\n              prevCurrentIndex.current === currentIndex\n                ? 0\n                : prevCurrentIndex.current > currentIndex\n                  ? 100\n                  : -100\n            }%)`,\n          }}\n          css={css`\n            height: ${underlineHeight}px;\n            background-color: ${theme.palette.intentions.primary.main};\n            border-radius: 8px;\n            animation: ${slideIn} ${theme.transitions.duration.standard}\n              ${theme.transitions.easing.sharp} forwards;\n          `}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport const TabUI = <T,>({\n  tabs = [],\n  variant = \"underline\",\n  underline = \"default\",\n  tabPosition = \"start\",\n  defaultIndex = 0,\n  onChange,\n  children,\n  renderTab,\n}: TabUIProps<T> | TabUIHasChildrenProps<T>) => {\n  const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n  const theme = useTheme();\n\n  if (tabs === undefined || tabs.length === 0) {\n    return null;\n  }\n\n  return (\n    <div>\n      {variant === \"underline\" ? (\n        <TabUIUnderlineHeader\n          tabs={tabs}\n          currentIndex={currentIndex}\n          underline={underline}\n          tabPosition={tabPosition}\n          onChange={(index) => {\n            setCurrentIndex(index);\n            onChange?.(index);\n          }}\n          renderTab={renderTab}\n        />\n      ) : (\n        <div\n          css={[\n            css`\n              display: grid;\n              grid-auto-flow: column;\n              gap: 8px;\n              padding-bottom: 8px;\n              overflow-x: auto;\n              overflow-y: hidden;\n            `,\n            {\n              justifyContent:\n                tabPosition === \"start\"\n                  ? \"flex-start\"\n                  : tabPosition === \"end\"\n                    ? \"flex-end\"\n                    : tabPosition === \"evenly\"\n                      ? \"initial\"\n                      : \"center\",\n            },\n          ]}\n        >\n          {tabs.map(({ title }, index) => {\n            return (\n              <div\n                key={index}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => {\n                  setCurrentIndex(index);\n                  onChange?.(index);\n                }}\n                css={[\n                  resetButtonStyle,\n                  theme.typography.body,\n                  currentIndex === index\n                    ? css`\n                        color: ${theme.palette.intentions.primary.contrastText};\n                        background-color: ${theme.palette.intentions.primary\n                          .main};\n                      `\n                    : css`\n                        color: ${theme.palette.text.primary};\n                        background-color: ${theme.palette.gray[100]};\n                        transition: background-color\n                          ${theme.transitions.duration.shortest};\n                        &:hover {\n                          background-color: ${theme.palette.gray[300]};\n                        }\n                      `,\n                  css`\n                    border-radius: 4px;\n                    & > * {\n                      padding: 6px 8px;\n                    }\n                  `,\n                ]}\n              >\n                {typeof title === \"string\" ? <div>{title}</div> : title}\n              </div>\n            );\n          })}\n        </div>\n      )}\n      {children ?? tabs[currentIndex].screen}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabUI.js","names":["_react","require","_react2","_interopRequireWildcard","_Button","_theme","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","Tab","children","rest","theme","useTheme","jsx","role","tabIndex","css","typography","body","position","boxSizing","color","border","margin","display","outline","padding","userSelect","borderRadius","verticalAlign","justifyContent","textDecoration","backgroundColor","appearance","WebkitTapHighlightColor","textRendering","wordSpacing","textIndent","textShadow","flexShrink","cursor","whiteSpace","gridRow","transitions","duration","shortest","palette","intentions","primary","main","action","hover","spacing","process","env","NODE_ENV","slideIn","keyframes","underlineHeight","DefaultTabContent","props","Fragment","_ref3","name","styles","toString","_ref4","_ref5","TabUIUnderlineHeader","tabs","underline","tabPosition","onChange","currentIndex","renderTab","TabContent","prevCurrentIndex","useRef","handleUpdateIndex","useCallback","event","nextIndex","parseInt","currentTarget","dataset","index","current","boxShadow","shadows","text","background","paper","gray","undefined","map","title","data","icon","onClick","key","style","gridColumn","transform","standard","easing","sharp","exports","_ref","_ref2","TabUI","variant","defaultIndex","setCurrentIndex","useState","resetButtonStyle","contrastText","screen"],"sources":["../../../src/Tabs/TabUI.tsx"],"sourcesContent":["import { css, keyframes } from \"@emotion/react\";\nimport React, { useCallback, useRef, useState } from \"react\";\nimport { resetButtonStyle } from \"../Button\";\nimport { useTheme } from \"../theme\";\n\nconst Tab = ({ children, ...rest }: React.ComponentPropsWithoutRef<\"div\">) => {\n  const theme = useTheme();\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      {...rest}\n      css={css([\n        theme.typography.body,\n        {\n          position: \"relative\",\n          boxSizing: \"border-box\",\n          color: \"inherit\",\n          border: \"1px solid transparent\",\n          margin: 0,\n          display: \"block\",\n          outline: 0,\n          padding: 0,\n          userSelect: \"none\",\n          borderRadius: 0,\n          verticalAlign: \"middle\",\n          justifyContent: \"center\",\n          textDecoration: \"none\",\n          backgroundColor: \"transparent\",\n          appearance: \"none\",\n          WebkitTapHighlightColor: \"transparent\",\n          textRendering: \"auto\",\n          wordSpacing: \"nomral\",\n          textIndent: \"0px\",\n          textShadow: \"none\",\n          flexShrink: 0,\n          cursor: \"pointer\",\n          whiteSpace: \"nowrap\",\n          gridRow: \"1\",\n        },\n        css`\n          border-radius: 8px 8px 0px 0px;\n          transition: background-color ${theme.transitions.duration.shortest};\n          &:focus-visible {\n            border-color: ${theme.palette.intentions.primary.main};\n          }\n          &:hover {\n            background-color: ${theme.palette.action.hover};\n          }\n          & > * {\n            box-sizing: border-box;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: ${theme.spacing * 5}px;\n            padding-right: ${theme.spacing * 3}px;\n            padding-left: ${theme.spacing * 3}px;\n          }\n          a {\n            color: inherit;\n            text-decoration: none;\n          }\n        `,\n      ])}\n    >\n      {typeof children === \"string\" ? <div>{children}</div> : children}\n    </div>\n  );\n};\n\nexport interface BaseTabUIProps<T> {\n  variant?: \"underline\" | \"buttons\";\n\n  /**\n   * 表示されるスクリーンとタブの見出しを指定します。\n   *\n   * 非同期でスクリーンの数は増減するような、このpropが後から変更されるケースは想定していません。\n   * もしそういったケースが発生したら、Issueを立ててください。\n   *\n   * @default []\n   */\n  tabs?: {\n    title: React.ReactNode;\n    screen: React.ReactNode;\n    icon?: React.ReactNode;\n    data?: T;\n  }[];\n  /**\n   * Tabの描画に利用するコンポーネントを指定します。\n   * 基本的にスタイルの指定は行わないでください。\n   */\n  renderTab?: (\n    props: T & { children: React.ReactNode },\n  ) => React.ReactElement | null;\n  /**\n   * タブをどのような位置に表示するかを指定します。\n   * @default \"start\"\n   */\n  tabPosition?: \"start\" | \"center\" | \"end\" | \"evenly\";\n  /**\n   * タブの下に付く装飾を指定します。\n   * @default \"default\"\n   */\n  underline?: \"default\" | \"shadow\";\n  /**\n   * 最初に表示するタブのインデックスを指定します。\n   *\n   * インデックスはtabs propに指定された配列のうち、現在表示されているスクリーンのインデックスです。\n   * @default 0\n   */\n  defaultIndex?: number;\n  /**\n   * タブがクリックされるなどしてインデックスが更新された際に発火するメソッドを指定します。\n   *\n   * 例えば、これが返すインデックスをローカルストレージなどに保存しておいて、\n   * defaultIndexに渡すような実装をしておくとルーターライブラリを使わず、\n   * 再読み込み時に前回表示していたタブを表示することができます。\n   *\n   * ただしURLのシェアなどで他のユーザーと同じタブを見るといったことはルーターライブラリを使う必要があります。詳しい実装はサンプルとなるStoryが用意されているので見てください。\n   */\n  onChange?: (index: number) => void;\n}\n\nexport interface TabUIProps<T> extends BaseTabUIProps<T> {\n  children?: never;\n}\n\nexport interface TabUIHasChildrenProps<T> extends Omit<\n  BaseTabUIProps<T>,\n  \"tabs\"\n> {\n  tabs?: {\n    title: React.ReactNode;\n    screen?: never;\n    icon?: React.ReactNode;\n    data?: T;\n  }[];\n  children: React.ReactNode;\n}\n\nconst slideIn = keyframes`\n  to {\n    transform: translateX(0px);\n  }\n`;\n\nconst underlineHeight = 4;\n\ninterface TabUIUnderlineHeaderProps<T> {\n  tabs: TabUIHasChildrenProps<T>[\"tabs\"] | TabUIProps<T>[\"tabs\"];\n  underline: BaseTabUIProps<T>[\"underline\"];\n  tabPosition: BaseTabUIProps<T>[\"tabPosition\"];\n  onChange: BaseTabUIProps<T>[\"onChange\"];\n  currentIndex: number;\n  renderTab?: BaseTabUIProps<T>[\"renderTab\"];\n}\n\nconst DefaultTabContent = (props: React.PropsWithChildren) => {\n  return <>{props.children}</>;\n};\n\nexport const TabUIUnderlineHeader = <T,>({\n  tabs = [],\n  underline,\n  tabPosition,\n  onChange,\n  currentIndex,\n  renderTab: TabContent = DefaultTabContent,\n}: TabUIUnderlineHeaderProps<T>) => {\n  const theme = useTheme();\n  const prevCurrentIndex = useRef(currentIndex);\n\n  const handleUpdateIndex = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      const nextIndex = parseInt(event.currentTarget.dataset.index || \"0\", 10);\n      prevCurrentIndex.current = currentIndex;\n      onChange?.(nextIndex);\n    },\n    [currentIndex, onChange],\n  );\n  return (\n    <div\n      css={css`\n        position: relative;\n      `}\n    >\n      <div\n        css={[\n          css`\n            box-sizing: border-box;\n            display: grid;\n            grid-auto-flow: column;\n            overflow-x: auto;\n          `,\n          {\n            justifyContent:\n              tabPosition === \"start\"\n                ? \"flex-start\"\n                : tabPosition === \"end\"\n                  ? \"flex-end\"\n                  : tabPosition === \"evenly\"\n                    ? \"initial\"\n                    : \"center\",\n          },\n          underline === \"shadow\"\n            ? {\n                boxShadow: theme.shadows[1],\n                color: theme.palette.text.primary,\n                backgroundColor: theme.palette.background.paper,\n              }\n            : underline === \"default\"\n              ? {\n                  boxShadow: `0px -${underlineHeight}px 0px 0px ${theme.palette.gray[300]} inset`,\n                }\n              : undefined,\n        ]}\n      >\n        {tabs.map(({ title, data, icon }, index) => {\n          return (\n            <Tab onClick={handleUpdateIndex} data-index={index} key={index}>\n              {/*\n              // @ts-expect-error @emotion/reactの変更により型安全でなくなった https://github.com/emotion-js/emotion/compare/%40emotion/react%4011.13.0...%40emotion/react%4011.13.3#diff-a3e371cc2c719626107c869dcf5a0fad82d9ea99d37c727c96b3baf3c016fffdL89-R91*/}\n              <TabContent {...(data as T)}>\n                <span\n                  css={css`\n                    display: flex;\n                    gap: 8px;\n                  `}\n                >\n                  {icon}\n                  {title}\n                </span>\n              </TabContent>\n            </Tab>\n          );\n        })}\n        <div\n          key={currentIndex}\n          style={{\n            gridRow: 2,\n            gridColumn: currentIndex + 1,\n            transform: `translateX(${\n              prevCurrentIndex.current === currentIndex\n                ? 0\n                : prevCurrentIndex.current > currentIndex\n                  ? 100\n                  : -100\n            }%)`,\n          }}\n          css={css`\n            height: ${underlineHeight}px;\n            background-color: ${theme.palette.intentions.primary.main};\n            border-radius: 8px;\n            animation: ${slideIn} ${theme.transitions.duration.standard}\n              ${theme.transitions.easing.sharp} forwards;\n          `}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport const TabUI = <T,>({\n  tabs = [],\n  variant = \"underline\",\n  underline = \"default\",\n  tabPosition = \"start\",\n  defaultIndex = 0,\n  onChange,\n  children,\n  renderTab,\n}: TabUIProps<T> | TabUIHasChildrenProps<T>) => {\n  const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n  const theme = useTheme();\n\n  if (tabs === undefined || tabs.length === 0) {\n    return null;\n  }\n\n  return (\n    <div>\n      {variant === \"underline\" ? (\n        <TabUIUnderlineHeader\n          tabs={tabs}\n          currentIndex={currentIndex}\n          underline={underline}\n          tabPosition={tabPosition}\n          onChange={(index) => {\n            setCurrentIndex(index);\n            onChange?.(index);\n          }}\n          renderTab={renderTab}\n        />\n      ) : (\n        <div\n          css={[\n            css`\n              display: grid;\n              grid-auto-flow: column;\n              gap: 8px;\n              padding-bottom: 8px;\n              overflow-x: auto;\n              overflow-y: hidden;\n            `,\n            {\n              justifyContent:\n                tabPosition === \"start\"\n                  ? \"flex-start\"\n                  : tabPosition === \"end\"\n                    ? \"flex-end\"\n                    : tabPosition === \"evenly\"\n                      ? \"initial\"\n                      : \"center\",\n            },\n          ]}\n        >\n          {tabs.map(({ title }, index) => {\n            return (\n              <div\n                key={index}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => {\n                  setCurrentIndex(index);\n                  onChange?.(index);\n                }}\n                css={[\n                  resetButtonStyle,\n                  theme.typography.body,\n                  currentIndex === index\n                    ? css`\n                        color: ${theme.palette.intentions.primary.contrastText};\n                        background-color: ${theme.palette.intentions.primary\n                          .main};\n                      `\n                    : css`\n                        color: ${theme.palette.text.primary};\n                        background-color: ${theme.palette.gray[100]};\n                        transition: background-color\n                          ${theme.transitions.duration.shortest};\n                        &:hover {\n                          background-color: ${theme.palette.gray[300]};\n                        }\n                      `,\n                  css`\n                    border-radius: 4px;\n                    & > * {\n                      padding: 6px 8px;\n                    }\n                  `,\n                ]}\n              >\n                {typeof title === \"string\" ? <div>{title}</div> : title}\n              </div>\n            );\n          })}\n        </div>\n      )}\n      {children ?? tabs[currentIndex].screen}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/TextField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_FormControl","_FormHelperText","_InputBase","_InputLabel","_useDitectInputTouched","_FieldGroup","_useInputValue","_useMergeRefs","_useValidation","_react2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","TextField","exports","forwardRef","props","rootRef","label","style","className","onChange","onFocus","defaultValue","value","_propsValue","disabled","validationMessages","customValidations","type","helperText","invalid","loading","propsLoading","readOnly","propsReadonly","id","inputRef","restProps","ref","useRef","refs","useMergeRefs","setValue","isControlled","useInputValue","useFieldGroup","onLoaded","validation","useValidation","handleChange","useCallback","event","currentTarget","touched","inputProps","useDitectInputTouched","internalInputId","useId","inputId","jsx","FormControl","InputLabel","htmlFor","required","InputBase","valid","FormHelperText","message"],"sources":["../../../src/TextField/index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useId, useRef } from \"react\";\nimport { FieldProps } from \"../FieldBase/FieldProps\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useValidation } from \"../FieldBase/useValidation\";\n\nexport interface TextFieldProps\n  extends FieldProps<string>,\n    Omit<InputBaseProps, \"value\" | \"onChange\" | \"defaultValue\"> {}\n\nexport const TextField = forwardRef<HTMLDivElement, TextFieldProps>(\n  (props, rootRef) => {\n    const {\n      label,\n      style,\n      className,\n      onChange,\n      onFocus,\n      defaultValue,\n      value: _propsValue,\n      disabled,\n      validationMessages,\n      customValidations,\n      type = \"text\",\n      helperText,\n      invalid,\n      loading: propsLoading,\n      readOnly: propsReadonly,\n      id,\n      inputRef,\n      ...restProps\n    } = props;\n\n    const ref = useRef<HTMLInputElement>(null);\n    const refs = useMergeRefs(inputRef, ref);\n    const [value, setValue, isControlled] = useInputValue(props);\n    const { loading, readOnly } = useFieldGroup({\n      loading: propsLoading,\n      readOnly: propsReadonly,\n      onLoaded: () => {\n        if (isControlled === false) {\n          setValue(defaultValue);\n        }\n      },\n    });\n    const validation = useValidation({\n      ref,\n      validationMessages,\n      customValidations,\n      value,\n    });\n    const handleChange = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const { value } = event.currentTarget;\n        setValue(value);\n        if (onChange) {\n          onChange(value, event);\n        }\n      },\n      [onChange, setValue],\n    );\n    const [touched, inputProps] = useDitectInputTouched(onFocus);\n\n    const internalInputId = useId();\n    const inputId = id ?? internalInputId;\n\n    return (\n      <FormControl style={style} className={className} ref={rootRef}>\n        <InputLabel\n          htmlFor={inputId}\n          aria-disabled={disabled}\n          required={props.required}\n          loading={loading}\n        >\n          {label}\n        </InputLabel>\n        <InputBase\n          id={inputId}\n          disabled={disabled}\n          loading={loading}\n          readOnly={readOnly}\n          type={type}\n          value={value ?? \"\"}\n          onChange={handleChange}\n          data-invalid={!validation.valid}\n          ref={refs}\n          {...restProps}\n          {...inputProps}\n        />\n        <FormHelperText\n          invalid={!validation.valid || invalid}\n          loading={loading}\n          touched={touched}\n          value={value}\n        >\n          {\n            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n            validation.message || helperText\n          }\n        </FormHelperText>\n      </FormControl>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_FormControl","_FormHelperText","_InputBase","_InputLabel","_useDitectInputTouched","_FieldGroup","_useInputValue","_useMergeRefs","_useValidation","_react2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","TextField","exports","forwardRef","props","rootRef","label","style","className","onChange","onFocus","defaultValue","value","_propsValue","disabled","validationMessages","customValidations","type","helperText","invalid","loading","propsLoading","readOnly","propsReadonly","id","inputRef","restProps","ref","useRef","refs","useMergeRefs","setValue","isControlled","useInputValue","useFieldGroup","onLoaded","validation","useValidation","handleChange","useCallback","event","currentTarget","touched","inputProps","useDitectInputTouched","internalInputId","useId","inputId","jsx","FormControl","InputLabel","htmlFor","required","InputBase","valid","FormHelperText","message"],"sources":["../../../src/TextField/index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useId, useRef } from \"react\";\nimport { FieldProps } from \"../FieldBase/FieldProps\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useValidation } from \"../FieldBase/useValidation\";\n\nexport interface TextFieldProps\n  extends\n    FieldProps<string>,\n    Omit<InputBaseProps, \"value\" | \"onChange\" | \"defaultValue\"> {}\n\nexport const TextField = forwardRef<HTMLDivElement, TextFieldProps>(\n  (props, rootRef) => {\n    const {\n      label,\n      style,\n      className,\n      onChange,\n      onFocus,\n      defaultValue,\n      value: _propsValue,\n      disabled,\n      validationMessages,\n      customValidations,\n      type = \"text\",\n      helperText,\n      invalid,\n      loading: propsLoading,\n      readOnly: propsReadonly,\n      id,\n      inputRef,\n      ...restProps\n    } = props;\n\n    const ref = useRef<HTMLInputElement>(null);\n    const refs = useMergeRefs(inputRef, ref);\n    const [value, setValue, isControlled] = useInputValue(props);\n    const { loading, readOnly } = useFieldGroup({\n      loading: propsLoading,\n      readOnly: propsReadonly,\n      onLoaded: () => {\n        if (isControlled === false) {\n          setValue(defaultValue);\n        }\n      },\n    });\n    const validation = useValidation({\n      ref,\n      validationMessages,\n      customValidations,\n      value,\n    });\n    const handleChange = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const { value } = event.currentTarget;\n        setValue(value);\n        if (onChange) {\n          onChange(value, event);\n        }\n      },\n      [onChange, setValue],\n    );\n    const [touched, inputProps] = useDitectInputTouched(onFocus);\n\n    const internalInputId = useId();\n    const inputId = id ?? internalInputId;\n\n    return (\n      <FormControl style={style} className={className} ref={rootRef}>\n        <InputLabel\n          htmlFor={inputId}\n          aria-disabled={disabled}\n          required={props.required}\n          loading={loading}\n        >\n          {label}\n        </InputLabel>\n        <InputBase\n          id={inputId}\n          disabled={disabled}\n          loading={loading}\n          readOnly={readOnly}\n          type={type}\n          value={value ?? \"\"}\n          onChange={handleChange}\n          data-invalid={!validation.valid}\n          ref={refs}\n          {...restProps}\n          {...inputProps}\n        />\n        <FormHelperText\n          invalid={!validation.valid || invalid}\n          loading={loading}\n          touched={touched}\n          value={value}\n        >\n          {\n            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n            validation.message || helperText\n          }\n        </FormHelperText>\n      </FormControl>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/cjs/TextareaBase/index.js

@@ -19,7 +19,7 @@ const TextareaBase = exports.TextareaBase = /*#__PURE__*/(0, _react2.forwardRef)
   return (0, _react.jsx)(_ShimmerEffect.ShimmerEffect, {
     active: loading
   }, (0, _react.jsx)("div", {
-    css: /*#__PURE__*/(0, _react.css)("display:flex;gap:8px;padding:8px 12px;background-color:white;border:1px solid ", theme.palette.text.secondary, ";border-radius:4px;transition:all 0.3s;&:has(textarea:focus){border-color:", theme.palette.intentions.primary.main, ";}&:has(textarea[data-touched=\"true\"]:invalid){border-color:", theme.palette.intentions.error.main, ";}&:has(textarea:disabled){background-color:", theme.palette.action.disabledBackground, ";border-color:", theme.palette.action.disabled, ";}&:has(textarea[readonly]){background-color:", theme.palette.action.readOnlyBackground, ";border-color:", theme.palette.action.readOnly, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TextareaBase;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRhcmVhQmFzZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGV4dGFyZWFCYXNlUHJvcHNcbiAgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ0ZXh0YXJlYVwiPiB7XG4gIC8qKlxuICAgKiDmjL/lhaXjgZXjgozjgovlgKTjgYxsb2FkaW5n5Lit44Gn44GC44KL44GT44Go44KS6KGo44GX44G+44GZ44CCXG4gICAqL1xuICBsb2FkaW5nPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogZmllbGQtc2l6aW5n44OX44Ot44OR44OG44Kj44Gu5YCk44KS5aSJ5pu044GX44G+44GZ44CCXG4gICAqIEBleHBlcmltZW50YWwg44GT44KM44Gv5a6f6aiT55qE44Gq5qmf6IO944Gn44GZ44CCQ2hyb21l44Gq44Gp5LiA6YOo44Gu44OW44Op44Km44K244Gn44Gu44G/5YuV5L2c44GX44G+44GZ44CCXG4gICAqIEBkZWZhdWx0IFwiZml4ZWRcIlxuICAgKi9cbiAgc2l6aW5nPzogXCJjb250ZW50XCIgfCBcImZpeGVkXCI7XG5cbiAgLyoqXG4gICAqIOimi+OBi+OBkeS4iuWFpeWKm+ashOOBq+OAgeaMh+WumuOBleOCjOOBn+OCpOODs+OCv+ODqeOCr+OCt+ODp+ODs+imgee0oOOCkui/veWKoOOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVyQWN0aW9ucz86ICgpID0+IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhQmFzZSA9IGZvcndhcmRSZWY8SFRNTFRleHRBcmVhRWxlbWVudCwgVGV4dGFyZWFCYXNlUHJvcHM+KFxuICAoXG4gICAgeyBsb2FkaW5nLCBzaXppbmcgPSBcImZpeGVkXCIsIHJlbmRlckFjdGlvbnM6IEFjdGlvbnMsIHJvd3MsIC4uLnByb3BzIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT17bG9hZGluZ30+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDhweCAxMnB4O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogYWxsIDAuM3M7XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYTpmb2N1cykge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYVtkYXRhLXRvdWNoZWQ9XCJ0cnVlXCJdOmludmFsaWQpIHtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvci5tYWlufTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhOmRpc2FibGVkKSB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWRCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhW3JlYWRvbmx5XSkge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLnJlYWRPbmx5QmFja2dyb3VuZH07XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5yZWFkT25seX07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBmaWVsZFNpemluZzogc2l6aW5nLFxuICAgICAgICAgICAgICAgIC8qKlxuICAgICAgICAgICAgICAgICAqIGZpZWxkLXNpemluZzogY29udGVudOOBruWgtOWQiOOBp+OCguOAgXJvd3PjgYzmqZ/og73jgZnjgovjgojjgYbjgavjgZnjgovjgZ/jgoHjgattaW4taGVpZ2h044KS5oyH5a6a44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluSGVpZ2h0OiByb3dzICE9PSB1bmRlZmluZWQgPyBgJHtyb3dzfWxoYCA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICog44GT44Gu6KaB57Sg44GMR3JpZOOCouOCpOODhuODoOOBi+OBpGZpZWxkLXNpemluZ+OBjGNvbnRlbnTjga7loLTlkIjjgIF3aWR0aDogMTAwJeOBjOWKueOBi+OBquOBj+OBquOCi+WgtOWQiOOBjOOBguOCi+OAglxuICAgICAgICAgICAgICAqIOacrOizqueahOOBq+OBr+imquWBtOOBp+OCseOCouOBleOCjOOCi+OBueOBjeOBoOOBjOOAgeWbsOmbo+OBoOOBqOaAneOCj+OCjOOCi+OBn+OCgeOAgeOBk+OBoeOCieWBtOOBp21pbi13aWR0aDogMHB444KS5oyH5a6a44GX44Gm44GT44KM44KS5Zue6YG/44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluLXdpZHRoOiAwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnl9O1xuICAgICAgICAgICAgICAgIHJlc2l6ZTogbm9uZTtcbiAgICAgICAgICAgICAgICBvdXRsaW5lOiAwcHg7XG4gICAgICAgICAgICAgICAgJjo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICY6ZGlzYWJsZWQge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBdfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7QWN0aW9ucyAmJiA8QWN0aW9ucyAvPn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1NoaW1tZXJFZmZlY3Q+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */")
+    css: /*#__PURE__*/(0, _react.css)("display:flex;gap:8px;padding:8px 12px;background-color:white;border:1px solid ", theme.palette.text.secondary, ";border-radius:4px;transition:all 0.3s;&:has(textarea:focus){border-color:", theme.palette.intentions.primary.main, ";}&:has(textarea[data-touched=\"true\"]:invalid){border-color:", theme.palette.intentions.error.main, ";}&:has(textarea:disabled){background-color:", theme.palette.action.disabledBackground, ";border-color:", theme.palette.action.disabled, ";}&:has(textarea[readonly]){background-color:", theme.palette.action.readOnlyBackground, ";border-color:", theme.palette.action.readOnly, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TextareaBase;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRhcmVhQmFzZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGV4dGFyZWFCYXNlUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ0ZXh0YXJlYVwiPiB7XG4gIC8qKlxuICAgKiDmjL/lhaXjgZXjgozjgovlgKTjgYxsb2FkaW5n5Lit44Gn44GC44KL44GT44Go44KS6KGo44GX44G+44GZ44CCXG4gICAqL1xuICBsb2FkaW5nPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogZmllbGQtc2l6aW5n44OX44Ot44OR44OG44Kj44Gu5YCk44KS5aSJ5pu044GX44G+44GZ44CCXG4gICAqIEBleHBlcmltZW50YWwg44GT44KM44Gv5a6f6aiT55qE44Gq5qmf6IO944Gn44GZ44CCQ2hyb21l44Gq44Gp5LiA6YOo44Gu44OW44Op44Km44K244Gn44Gu44G/5YuV5L2c44GX44G+44GZ44CCXG4gICAqIEBkZWZhdWx0IFwiZml4ZWRcIlxuICAgKi9cbiAgc2l6aW5nPzogXCJjb250ZW50XCIgfCBcImZpeGVkXCI7XG5cbiAgLyoqXG4gICAqIOimi+OBi+OBkeS4iuWFpeWKm+ashOOBq+OAgeaMh+WumuOBleOCjOOBn+OCpOODs+OCv+ODqeOCr+OCt+ODp+ODs+imgee0oOOCkui/veWKoOOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVyQWN0aW9ucz86ICgpID0+IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhQmFzZSA9IGZvcndhcmRSZWY8SFRNTFRleHRBcmVhRWxlbWVudCwgVGV4dGFyZWFCYXNlUHJvcHM+KFxuICAoXG4gICAgeyBsb2FkaW5nLCBzaXppbmcgPSBcImZpeGVkXCIsIHJlbmRlckFjdGlvbnM6IEFjdGlvbnMsIHJvd3MsIC4uLnByb3BzIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT17bG9hZGluZ30+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDhweCAxMnB4O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogYWxsIDAuM3M7XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYTpmb2N1cykge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYVtkYXRhLXRvdWNoZWQ9XCJ0cnVlXCJdOmludmFsaWQpIHtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvci5tYWlufTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhOmRpc2FibGVkKSB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWRCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhW3JlYWRvbmx5XSkge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLnJlYWRPbmx5QmFja2dyb3VuZH07XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5yZWFkT25seX07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBmaWVsZFNpemluZzogc2l6aW5nLFxuICAgICAgICAgICAgICAgIC8qKlxuICAgICAgICAgICAgICAgICAqIGZpZWxkLXNpemluZzogY29udGVudOOBruWgtOWQiOOBp+OCguOAgXJvd3PjgYzmqZ/og73jgZnjgovjgojjgYbjgavjgZnjgovjgZ/jgoHjgattaW4taGVpZ2h044KS5oyH5a6a44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluSGVpZ2h0OiByb3dzICE9PSB1bmRlZmluZWQgPyBgJHtyb3dzfWxoYCA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICog44GT44Gu6KaB57Sg44GMR3JpZOOCouOCpOODhuODoOOBi+OBpGZpZWxkLXNpemluZ+OBjGNvbnRlbnTjga7loLTlkIjjgIF3aWR0aDogMTAwJeOBjOWKueOBi+OBquOBj+OBquOCi+WgtOWQiOOBjOOBguOCi+OAglxuICAgICAgICAgICAgICAqIOacrOizqueahOOBq+OBr+imquWBtOOBp+OCseOCouOBleOCjOOCi+OBueOBjeOBoOOBjOOAgeWbsOmbo+OBoOOBqOaAneOCj+OCjOOCi+OBn+OCgeOAgeOBk+OBoeOCieWBtOOBp21pbi13aWR0aDogMHB444KS5oyH5a6a44GX44Gm44GT44KM44KS5Zue6YG/44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluLXdpZHRoOiAwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnl9O1xuICAgICAgICAgICAgICAgIHJlc2l6ZTogbm9uZTtcbiAgICAgICAgICAgICAgICBvdXRsaW5lOiAwcHg7XG4gICAgICAgICAgICAgICAgJjo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICY6ZGlzYWJsZWQge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBdfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7QWN0aW9ucyAmJiA8QWN0aW9ucyAvPn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1NoaW1tZXJFZmZlY3Q+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */")
   }, (0, _react.jsx)("textarea", _extends({
     rows: rows,
     css: [theme.typography.body, {
@@ -28,7 +28,7 @@ const TextareaBase = exports.TextareaBase = /*#__PURE__*/(0, _react2.forwardRef)
        * field-sizing: contentの場合でも、rowsが機能するようにするためにmin-heightを指定している。
        */
       minHeight: rows !== undefined ? `${rows}lh` : undefined
-    }, /*#__PURE__*/(0, _react.css)("box-sizing:border-box;display:block;width:100%;min-width:0px;color:", theme.palette.text.primary, ";resize:none;outline:0px;&::placeholder{color:", theme.palette.text.secondary, ";}&:disabled{color:", theme.palette.text.disabled, ";cursor:not-allowed;}&[readonly]{cursor:text;}" + (process.env.NODE_ENV === "production" ? "" : ";label:TextareaBase;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFaUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRhcmVhQmFzZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGV4dGFyZWFCYXNlUHJvcHNcbiAgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ0ZXh0YXJlYVwiPiB7XG4gIC8qKlxuICAgKiDmjL/lhaXjgZXjgozjgovlgKTjgYxsb2FkaW5n5Lit44Gn44GC44KL44GT44Go44KS6KGo44GX44G+44GZ44CCXG4gICAqL1xuICBsb2FkaW5nPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogZmllbGQtc2l6aW5n44OX44Ot44OR44OG44Kj44Gu5YCk44KS5aSJ5pu044GX44G+44GZ44CCXG4gICAqIEBleHBlcmltZW50YWwg44GT44KM44Gv5a6f6aiT55qE44Gq5qmf6IO944Gn44GZ44CCQ2hyb21l44Gq44Gp5LiA6YOo44Gu44OW44Op44Km44K244Gn44Gu44G/5YuV5L2c44GX44G+44GZ44CCXG4gICAqIEBkZWZhdWx0IFwiZml4ZWRcIlxuICAgKi9cbiAgc2l6aW5nPzogXCJjb250ZW50XCIgfCBcImZpeGVkXCI7XG5cbiAgLyoqXG4gICAqIOimi+OBi+OBkeS4iuWFpeWKm+ashOOBq+OAgeaMh+WumuOBleOCjOOBn+OCpOODs+OCv+ODqeOCr+OCt+ODp+ODs+imgee0oOOCkui/veWKoOOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVyQWN0aW9ucz86ICgpID0+IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhQmFzZSA9IGZvcndhcmRSZWY8SFRNTFRleHRBcmVhRWxlbWVudCwgVGV4dGFyZWFCYXNlUHJvcHM+KFxuICAoXG4gICAgeyBsb2FkaW5nLCBzaXppbmcgPSBcImZpeGVkXCIsIHJlbmRlckFjdGlvbnM6IEFjdGlvbnMsIHJvd3MsIC4uLnByb3BzIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT17bG9hZGluZ30+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDhweCAxMnB4O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogYWxsIDAuM3M7XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYTpmb2N1cykge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYVtkYXRhLXRvdWNoZWQ9XCJ0cnVlXCJdOmludmFsaWQpIHtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvci5tYWlufTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhOmRpc2FibGVkKSB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWRCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhW3JlYWRvbmx5XSkge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLnJlYWRPbmx5QmFja2dyb3VuZH07XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5yZWFkT25seX07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBmaWVsZFNpemluZzogc2l6aW5nLFxuICAgICAgICAgICAgICAgIC8qKlxuICAgICAgICAgICAgICAgICAqIGZpZWxkLXNpemluZzogY29udGVudOOBruWgtOWQiOOBp+OCguOAgXJvd3PjgYzmqZ/og73jgZnjgovjgojjgYbjgavjgZnjgovjgZ/jgoHjgattaW4taGVpZ2h044KS5oyH5a6a44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluSGVpZ2h0OiByb3dzICE9PSB1bmRlZmluZWQgPyBgJHtyb3dzfWxoYCA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICog44GT44Gu6KaB57Sg44GMR3JpZOOCouOCpOODhuODoOOBi+OBpGZpZWxkLXNpemluZ+OBjGNvbnRlbnTjga7loLTlkIjjgIF3aWR0aDogMTAwJeOBjOWKueOBi+OBquOBj+OBquOCi+WgtOWQiOOBjOOBguOCi+OAglxuICAgICAgICAgICAgICAqIOacrOizqueahOOBq+OBr+imquWBtOOBp+OCseOCouOBleOCjOOCi+OBueOBjeOBoOOBjOOAgeWbsOmbo+OBoOOBqOaAneOCj+OCjOOCi+OBn+OCgeOAgeOBk+OBoeOCieWBtOOBp21pbi13aWR0aDogMHB444KS5oyH5a6a44GX44Gm44GT44KM44KS5Zue6YG/44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluLXdpZHRoOiAwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnl9O1xuICAgICAgICAgICAgICAgIHJlc2l6ZTogbm9uZTtcbiAgICAgICAgICAgICAgICBvdXRsaW5lOiAwcHg7XG4gICAgICAgICAgICAgICAgJjo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICY6ZGlzYWJsZWQge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBdfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7QWN0aW9ucyAmJiA8QWN0aW9ucyAvPn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1NoaW1tZXJFZmZlY3Q+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : ";label:TextareaBase;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREWSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGV4dGFyZWFCYXNlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFNoaW1tZXJFZmZlY3QgfSBmcm9tIFwiLi4vU2hpbW1lckVmZmVjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUZXh0YXJlYUJhc2VQcm9wc1xuICBleHRlbmRzIFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcInRleHRhcmVhXCI+IHtcbiAgLyoqXG4gICAqIOaMv+WFpeOBleOCjOOCi+WApOOBjGxvYWRpbmfkuK3jgafjgYLjgovjgZPjgajjgpLooajjgZfjgb7jgZnjgIJcbiAgICovXG4gIGxvYWRpbmc/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBmaWVsZC1zaXppbmfjg5fjg63jg5Hjg4bjgqPjga7lgKTjgpLlpInmm7TjgZfjgb7jgZnjgIJcbiAgICogQGV4cGVyaW1lbnRhbCDjgZPjgozjga/lrp/pqJPnmoTjgarmqZ/og73jgafjgZnjgIJDaHJvbWXjgarjgankuIDpg6jjga7jg5bjg6njgqbjgrbjgafjga7jgb/li5XkvZzjgZfjgb7jgZnjgIJcbiAgICogQGRlZmF1bHQgXCJmaXhlZFwiXG4gICAqL1xuICBzaXppbmc/OiBcImNvbnRlbnRcIiB8IFwiZml4ZWRcIjtcblxuICAvKipcbiAgICog6KaL44GL44GR5LiK5YWl5Yqb5qyE44Gr44CB5oyH5a6a44GV44KM44Gf44Kk44Oz44K/44Op44Kv44K344On44Oz6KaB57Sg44KS6L+95Yqg44GX44G+44GZ44CCXG4gICAqL1xuICByZW5kZXJBY3Rpb25zPzogKCkgPT4gUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgVGV4dGFyZWFCYXNlID0gZm9yd2FyZFJlZjxIVE1MVGV4dEFyZWFFbGVtZW50LCBUZXh0YXJlYUJhc2VQcm9wcz4oXG4gIChcbiAgICB7IGxvYWRpbmcsIHNpemluZyA9IFwiZml4ZWRcIiwgcmVuZGVyQWN0aW9uczogQWN0aW9ucywgcm93cywgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICByZXR1cm4gKFxuICAgICAgPFNoaW1tZXJFZmZlY3QgYWN0aXZlPXtsb2FkaW5nfT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogOHB4O1xuICAgICAgICAgICAgcGFkZGluZzogOHB4IDEycHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcztcbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhOmZvY3VzKSB7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmludGVudGlvbnMucHJpbWFyeS5tYWlufTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhW2RhdGEtdG91Y2hlZD1cInRydWVcIl06aW52YWxpZCkge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmVycm9yLm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJjpoYXModGV4dGFyZWE6ZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5kaXNhYmxlZEJhY2tncm91bmR9O1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWR9O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJjpoYXModGV4dGFyZWFbcmVhZG9ubHldKSB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24ucmVhZE9ubHlCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLnJlYWRPbmx5fTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICAgIHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIGZpZWxkU2l6aW5nOiBzaXppbmcsXG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAgICogZmllbGQtc2l6aW5nOiBjb250ZW5044Gu5aC05ZCI44Gn44KC44CBcm93c+OBjOapn+iDveOBmeOCi+OCiOOBhuOBq+OBmeOCi+OBn+OCgeOBq21pbi1oZWlnaHTjgpLmjIflrprjgZfjgabjgYTjgovjgIJcbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBtaW5IZWlnaHQ6IHJvd3MgIT09IHVuZGVmaW5lZCA/IGAke3Jvd3N9bGhgIDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAgKiDjgZPjga7opoHntKDjgYxHcmlk44Ki44Kk44OG44Og44GL44GkZmllbGQtc2l6aW5n44GMY29udGVudOOBruWgtOWQiOOAgXdpZHRoOiAxMDAl44GM5Yq544GL44Gq44GP44Gq44KL5aC05ZCI44GM44GC44KL44CCXG4gICAgICAgICAgICAgICog5pys6LOq55qE44Gr44Gv6Kaq5YG044Gn44Kx44Ki44GV44KM44KL44G544GN44Gg44GM44CB5Zuw6Zuj44Gg44Go5oCd44KP44KM44KL44Gf44KB44CB44GT44Gh44KJ5YG044GnbWluLXdpZHRoOiAwcHjjgpLmjIflrprjgZfjgabjgZPjgozjgpLlm57pgb/jgZfjgabjgYTjgovjgIJcbiAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBtaW4td2lkdGg6IDBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeX07XG4gICAgICAgICAgICAgICAgcmVzaXplOiBub25lO1xuICAgICAgICAgICAgICAgIG91dGxpbmU6IDBweDtcbiAgICAgICAgICAgICAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuZGlzYWJsZWR9O1xuICAgICAgICAgICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJltyZWFkb25seV0ge1xuICAgICAgICAgICAgICAgICAgY3Vyc29yOiB0ZXh0O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIF19XG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtBY3Rpb25zICYmIDxBY3Rpb25zIC8+fVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvU2hpbW1lckVmZmVjdD5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */"],
+    }, /*#__PURE__*/(0, _react.css)("box-sizing:border-box;display:block;width:100%;min-width:0px;color:", theme.palette.text.primary, ";resize:none;outline:0px;&::placeholder{color:", theme.palette.text.secondary, ";}&:disabled{color:", theme.palette.text.disabled, ";cursor:not-allowed;}&[readonly]{cursor:text;}" + (process.env.NODE_ENV === "production" ? "" : ";label:TextareaBase;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9FaUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRhcmVhQmFzZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGV4dGFyZWFCYXNlUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ0ZXh0YXJlYVwiPiB7XG4gIC8qKlxuICAgKiDmjL/lhaXjgZXjgozjgovlgKTjgYxsb2FkaW5n5Lit44Gn44GC44KL44GT44Go44KS6KGo44GX44G+44GZ44CCXG4gICAqL1xuICBsb2FkaW5nPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogZmllbGQtc2l6aW5n44OX44Ot44OR44OG44Kj44Gu5YCk44KS5aSJ5pu044GX44G+44GZ44CCXG4gICAqIEBleHBlcmltZW50YWwg44GT44KM44Gv5a6f6aiT55qE44Gq5qmf6IO944Gn44GZ44CCQ2hyb21l44Gq44Gp5LiA6YOo44Gu44OW44Op44Km44K244Gn44Gu44G/5YuV5L2c44GX44G+44GZ44CCXG4gICAqIEBkZWZhdWx0IFwiZml4ZWRcIlxuICAgKi9cbiAgc2l6aW5nPzogXCJjb250ZW50XCIgfCBcImZpeGVkXCI7XG5cbiAgLyoqXG4gICAqIOimi+OBi+OBkeS4iuWFpeWKm+ashOOBq+OAgeaMh+WumuOBleOCjOOBn+OCpOODs+OCv+ODqeOCr+OCt+ODp+ODs+imgee0oOOCkui/veWKoOOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVyQWN0aW9ucz86ICgpID0+IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhQmFzZSA9IGZvcndhcmRSZWY8SFRNTFRleHRBcmVhRWxlbWVudCwgVGV4dGFyZWFCYXNlUHJvcHM+KFxuICAoXG4gICAgeyBsb2FkaW5nLCBzaXppbmcgPSBcImZpeGVkXCIsIHJlbmRlckFjdGlvbnM6IEFjdGlvbnMsIHJvd3MsIC4uLnByb3BzIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT17bG9hZGluZ30+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDhweCAxMnB4O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogYWxsIDAuM3M7XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYTpmb2N1cykge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmOmhhcyh0ZXh0YXJlYVtkYXRhLXRvdWNoZWQ9XCJ0cnVlXCJdOmludmFsaWQpIHtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvci5tYWlufTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhOmRpc2FibGVkKSB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWRCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhW3JlYWRvbmx5XSkge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLnJlYWRPbmx5QmFja2dyb3VuZH07XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5yZWFkT25seX07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBmaWVsZFNpemluZzogc2l6aW5nLFxuICAgICAgICAgICAgICAgIC8qKlxuICAgICAgICAgICAgICAgICAqIGZpZWxkLXNpemluZzogY29udGVudOOBruWgtOWQiOOBp+OCguOAgXJvd3PjgYzmqZ/og73jgZnjgovjgojjgYbjgavjgZnjgovjgZ/jgoHjgattaW4taGVpZ2h044KS5oyH5a6a44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluSGVpZ2h0OiByb3dzICE9PSB1bmRlZmluZWQgPyBgJHtyb3dzfWxoYCA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICog44GT44Gu6KaB57Sg44GMR3JpZOOCouOCpOODhuODoOOBi+OBpGZpZWxkLXNpemluZ+OBjGNvbnRlbnTjga7loLTlkIjjgIF3aWR0aDogMTAwJeOBjOWKueOBi+OBquOBj+OBquOCi+WgtOWQiOOBjOOBguOCi+OAglxuICAgICAgICAgICAgICAqIOacrOizqueahOOBq+OBr+imquWBtOOBp+OCseOCouOBleOCjOOCi+OBueOBjeOBoOOBjOOAgeWbsOmbo+OBoOOBqOaAneOCj+OCjOOCi+OBn+OCgeOAgeOBk+OBoeOCieWBtOOBp21pbi13aWR0aDogMHB444KS5oyH5a6a44GX44Gm44GT44KM44KS5Zue6YG/44GX44Gm44GE44KL44CCXG4gICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgbWluLXdpZHRoOiAwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnl9O1xuICAgICAgICAgICAgICAgIHJlc2l6ZTogbm9uZTtcbiAgICAgICAgICAgICAgICBvdXRsaW5lOiAwcHg7XG4gICAgICAgICAgICAgICAgJjo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICY6ZGlzYWJsZWQge1xuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgICAgICAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBdfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7QWN0aW9ucyAmJiA8QWN0aW9ucyAvPn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1NoaW1tZXJFZmZlY3Q+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : ";label:TextareaBase;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEWSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGV4dGFyZWFCYXNlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFNoaW1tZXJFZmZlY3QgfSBmcm9tIFwiLi4vU2hpbW1lckVmZmVjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUZXh0YXJlYUJhc2VQcm9wcyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcInRleHRhcmVhXCI+IHtcbiAgLyoqXG4gICAqIOaMv+WFpeOBleOCjOOCi+WApOOBjGxvYWRpbmfkuK3jgafjgYLjgovjgZPjgajjgpLooajjgZfjgb7jgZnjgIJcbiAgICovXG4gIGxvYWRpbmc/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBmaWVsZC1zaXppbmfjg5fjg63jg5Hjg4bjgqPjga7lgKTjgpLlpInmm7TjgZfjgb7jgZnjgIJcbiAgICogQGV4cGVyaW1lbnRhbCDjgZPjgozjga/lrp/pqJPnmoTjgarmqZ/og73jgafjgZnjgIJDaHJvbWXjgarjgankuIDpg6jjga7jg5bjg6njgqbjgrbjgafjga7jgb/li5XkvZzjgZfjgb7jgZnjgIJcbiAgICogQGRlZmF1bHQgXCJmaXhlZFwiXG4gICAqL1xuICBzaXppbmc/OiBcImNvbnRlbnRcIiB8IFwiZml4ZWRcIjtcblxuICAvKipcbiAgICog6KaL44GL44GR5LiK5YWl5Yqb5qyE44Gr44CB5oyH5a6a44GV44KM44Gf44Kk44Oz44K/44Op44Kv44K344On44Oz6KaB57Sg44KS6L+95Yqg44GX44G+44GZ44CCXG4gICAqL1xuICByZW5kZXJBY3Rpb25zPzogKCkgPT4gUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgVGV4dGFyZWFCYXNlID0gZm9yd2FyZFJlZjxIVE1MVGV4dEFyZWFFbGVtZW50LCBUZXh0YXJlYUJhc2VQcm9wcz4oXG4gIChcbiAgICB7IGxvYWRpbmcsIHNpemluZyA9IFwiZml4ZWRcIiwgcmVuZGVyQWN0aW9uczogQWN0aW9ucywgcm93cywgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICByZXR1cm4gKFxuICAgICAgPFNoaW1tZXJFZmZlY3QgYWN0aXZlPXtsb2FkaW5nfT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogOHB4O1xuICAgICAgICAgICAgcGFkZGluZzogOHB4IDEycHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcztcbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhOmZvY3VzKSB7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmludGVudGlvbnMucHJpbWFyeS5tYWlufTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhW2RhdGEtdG91Y2hlZD1cInRydWVcIl06aW52YWxpZCkge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmVycm9yLm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJjpoYXModGV4dGFyZWE6ZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5kaXNhYmxlZEJhY2tncm91bmR9O1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWR9O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJjpoYXModGV4dGFyZWFbcmVhZG9ubHldKSB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24ucmVhZE9ubHlCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLnJlYWRPbmx5fTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICAgIHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIGZpZWxkU2l6aW5nOiBzaXppbmcsXG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAgICogZmllbGQtc2l6aW5nOiBjb250ZW5044Gu5aC05ZCI44Gn44KC44CBcm93c+OBjOapn+iDveOBmeOCi+OCiOOBhuOBq+OBmeOCi+OBn+OCgeOBq21pbi1oZWlnaHTjgpLmjIflrprjgZfjgabjgYTjgovjgIJcbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBtaW5IZWlnaHQ6IHJvd3MgIT09IHVuZGVmaW5lZCA/IGAke3Jvd3N9bGhgIDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAgKiDjgZPjga7opoHntKDjgYxHcmlk44Ki44Kk44OG44Og44GL44GkZmllbGQtc2l6aW5n44GMY29udGVudOOBruWgtOWQiOOAgXdpZHRoOiAxMDAl44GM5Yq544GL44Gq44GP44Gq44KL5aC05ZCI44GM44GC44KL44CCXG4gICAgICAgICAgICAgICog5pys6LOq55qE44Gr44Gv6Kaq5YG044Gn44Kx44Ki44GV44KM44KL44G544GN44Gg44GM44CB5Zuw6Zuj44Gg44Go5oCd44KP44KM44KL44Gf44KB44CB44GT44Gh44KJ5YG044GnbWluLXdpZHRoOiAwcHjjgpLmjIflrprjgZfjgabjgZPjgozjgpLlm57pgb/jgZfjgabjgYTjgovjgIJcbiAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBtaW4td2lkdGg6IDBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeX07XG4gICAgICAgICAgICAgICAgcmVzaXplOiBub25lO1xuICAgICAgICAgICAgICAgIG91dGxpbmU6IDBweDtcbiAgICAgICAgICAgICAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuZGlzYWJsZWR9O1xuICAgICAgICAgICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJltyZWFkb25seV0ge1xuICAgICAgICAgICAgICAgICAgY3Vyc29yOiB0ZXh0O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIF19XG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtBY3Rpb25zICYmIDxBY3Rpb25zIC8+fVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvU2hpbW1lckVmZmVjdD5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */"],
     ref: ref
   }, props)), Actions && (0, _react.jsx)(Actions, null)));
 });

package/cjs/TextareaBase/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","require","_react2","_interopRequireWildcard","_ShimmerEffect","_theme","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","TextareaBase","exports","forwardRef","loading","sizing","renderActions","Actions","rows","props","ref","theme","useTheme","jsx","ShimmerEffect","active","css","palette","text","secondary","intentions","primary","main","error","action","disabledBackground","disabled","readOnlyBackground","readOnly","process","env","NODE_ENV","typography","body","fieldSizing","minHeight","undefined"],"sources":["../../../src/TextareaBase/index.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { forwardRef } from \"react\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { useTheme } from \"../theme\";\n\nexport interface TextareaBaseProps\n  extends React.ComponentPropsWithoutRef<\"textarea\"> {\n  /**\n   * 挿入される値がloading中であることを表します。\n   */\n  loading?: boolean;\n\n  /**\n   * field-sizingプロパティの値を変更します。\n   * @experimental これは実験的な機能です。Chromeなど一部のブラウザでのみ動作します。\n   * @default \"fixed\"\n   */\n  sizing?: \"content\" | \"fixed\";\n\n  /**\n   * 見かけ上入力欄に、指定されたインタラクション要素を追加します。\n   */\n  renderActions?: () => React.ReactNode;\n}\n\nexport const TextareaBase = forwardRef<HTMLTextAreaElement, TextareaBaseProps>(\n  (\n    { loading, sizing = \"fixed\", renderActions: Actions, rows, ...props },\n    ref,\n  ) => {\n    const theme = useTheme();\n    return (\n      <ShimmerEffect active={loading}>\n        <div\n          css={css`\n            display: flex;\n            gap: 8px;\n            padding: 8px 12px;\n            background-color: white;\n            border: 1px solid ${theme.palette.text.secondary};\n            border-radius: 4px;\n            transition: all 0.3s;\n            &:has(textarea:focus) {\n              border-color: ${theme.palette.intentions.primary.main};\n            }\n            &:has(textarea[data-touched=\"true\"]:invalid) {\n              border-color: ${theme.palette.intentions.error.main};\n            }\n            &:has(textarea:disabled) {\n              background-color: ${theme.palette.action.disabledBackground};\n              border-color: ${theme.palette.action.disabled};\n            }\n            &:has(textarea[readonly]) {\n              background-color: ${theme.palette.action.readOnlyBackground};\n              border-color: ${theme.palette.action.readOnly};\n            }\n          `}\n        >\n          <textarea\n            rows={rows}\n            css={[\n              theme.typography.body,\n              {\n                fieldSizing: sizing,\n                /**\n                 * field-sizing: contentの場合でも、rowsが機能するようにするためにmin-heightを指定している。\n                 */\n                minHeight: rows !== undefined ? `${rows}lh` : undefined,\n              },\n              css`\n                box-sizing: border-box;\n                display: block;\n                width: 100%;\n                /**\n              * この要素がGridアイテムかつfield-sizingがcontentの場合、width: 100%が効かなくなる場合がある。\n              * 本質的には親側でケアされるべきだが、困難だと思われるため、こちら側でmin-width: 0pxを指定してこれを回避している。\n              */\n                min-width: 0px;\n                color: ${theme.palette.text.primary};\n                resize: none;\n                outline: 0px;\n                &::placeholder {\n                  color: ${theme.palette.text.secondary};\n                }\n                &:disabled {\n                  color: ${theme.palette.text.disabled};\n                  cursor: not-allowed;\n                }\n                &[readonly] {\n                  cursor: text;\n                }\n              `,\n            ]}\n            ref={ref}\n            {...props}\n          />\n          {Actions && <Actions />}\n        </div>\n      </ShimmerEffect>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","require","_react2","_interopRequireWildcard","_ShimmerEffect","_theme","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","TextareaBase","exports","forwardRef","loading","sizing","renderActions","Actions","rows","props","ref","theme","useTheme","jsx","ShimmerEffect","active","css","palette","text","secondary","intentions","primary","main","error","action","disabledBackground","disabled","readOnlyBackground","readOnly","process","env","NODE_ENV","typography","body","fieldSizing","minHeight","undefined"],"sources":["../../../src/TextareaBase/index.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { forwardRef } from \"react\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { useTheme } from \"../theme\";\n\nexport interface TextareaBaseProps extends React.ComponentPropsWithoutRef<\"textarea\"> {\n  /**\n   * 挿入される値がloading中であることを表します。\n   */\n  loading?: boolean;\n\n  /**\n   * field-sizingプロパティの値を変更します。\n   * @experimental これは実験的な機能です。Chromeなど一部のブラウザでのみ動作します。\n   * @default \"fixed\"\n   */\n  sizing?: \"content\" | \"fixed\";\n\n  /**\n   * 見かけ上入力欄に、指定されたインタラクション要素を追加します。\n   */\n  renderActions?: () => React.ReactNode;\n}\n\nexport const TextareaBase = forwardRef<HTMLTextAreaElement, TextareaBaseProps>(\n  (\n    { loading, sizing = \"fixed\", renderActions: Actions, rows, ...props },\n    ref,\n  ) => {\n    const theme = useTheme();\n    return (\n      <ShimmerEffect active={loading}>\n        <div\n          css={css`\n            display: flex;\n            gap: 8px;\n            padding: 8px 12px;\n            background-color: white;\n            border: 1px solid ${theme.palette.text.secondary};\n            border-radius: 4px;\n            transition: all 0.3s;\n            &:has(textarea:focus) {\n              border-color: ${theme.palette.intentions.primary.main};\n            }\n            &:has(textarea[data-touched=\"true\"]:invalid) {\n              border-color: ${theme.palette.intentions.error.main};\n            }\n            &:has(textarea:disabled) {\n              background-color: ${theme.palette.action.disabledBackground};\n              border-color: ${theme.palette.action.disabled};\n            }\n            &:has(textarea[readonly]) {\n              background-color: ${theme.palette.action.readOnlyBackground};\n              border-color: ${theme.palette.action.readOnly};\n            }\n          `}\n        >\n          <textarea\n            rows={rows}\n            css={[\n              theme.typography.body,\n              {\n                fieldSizing: sizing,\n                /**\n                 * field-sizing: contentの場合でも、rowsが機能するようにするためにmin-heightを指定している。\n                 */\n                minHeight: rows !== undefined ? `${rows}lh` : undefined,\n              },\n              css`\n                box-sizing: border-box;\n                display: block;\n                width: 100%;\n                /**\n              * この要素がGridアイテムかつfield-sizingがcontentの場合、width: 100%が効かなくなる場合がある。\n              * 本質的には親側でケアされるべきだが、困難だと思われるため、こちら側でmin-width: 0pxを指定してこれを回避している。\n              */\n                min-width: 0px;\n                color: ${theme.palette.text.primary};\n                resize: none;\n                outline: 0px;\n                &::placeholder {\n                  color: ${theme.palette.text.secondary};\n                }\n                &:disabled {\n                  color: ${theme.palette.text.disabled};\n                  cursor: not-allowed;\n                }\n                &[readonly] {\n                  cursor: text;\n                }\n              `,\n            ]}\n            ref={ref}\n            {...props}\n          />\n          {Actions && <Actions />}\n        </div>\n      </ShimmerEffect>\n    );\n  },\n);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAoC,SAAAE,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAqB7B,MAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,kBAAU,EACpC,CACE;EAAEC,OAAO;EAAEC,MAAM,GAAG,OAAO;EAAEC,aAAa,EAAEC,OAAO;EAAEC,IAAI;EAAE,GAAGC;AAAM,CAAC,EACrEC,GAAG,KACA;EACH,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,OACE,IAAA1C,MAAA,CAAA2C,GAAA,EAACvC,cAAA,CAAAwC,aAAa;IAACC,MAAM,EAAEX;EAAQ,GAC7B,IAAAlC,MAAA,CAAA2C,GAAA;IACEG,GAAG,mBAAEA,UAAG,oFAKcL,KAAK,CAACM,OAAO,CAACC,IAAI,CAACC,SAAS,gFAI9BR,KAAK,CAACM,OAAO,CAACG,UAAU,CAACC,OAAO,CAACC,IAAI,oEAGrCX,KAAK,CAACM,OAAO,CAACG,UAAU,CAACG,KAAK,CAACD,IAAI,kDAG/BX,KAAK,CAACM,OAAO,CAACO,MAAM,CAACC,kBAAkB,oBAC3Cd,KAAK,CAACM,OAAO,CAACO,MAAM,CAACE,QAAQ,mDAGzBf,KAAK,CAACM,OAAO,CAACO,MAAM,CAACG,kBAAkB,oBAC3ChB,KAAK,CAACM,OAAO,CAACO,MAAM,CAACI,QAAQ,UAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,kDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAE/C,GAEF,IAAA7D,MAAA,CAAA2C,GAAA,cAAAlB,QAAA;IACEa,IAAI,EAAEA,IAAK;IACXQ,GAAG,GACDL,KAAK,CAACqB,UAAU,CAACC,IAAI,EACrB;MACEC,WAAW,EAAE7B,MAAM;MACnB;AAChB;AACA;MACgB8B,SAAS,EAAE3B,IAAI,KAAK4B,SAAS,GAAG,GAAG5B,IAAI,IAAI,GAAG4B;IAChD,CAAC,mBACDpB,UAAG,yEASQL,KAAK,CAACM,OAAO,CAACC,IAAI,CAACG,OAAO,oDAIxBV,KAAK,CAACM,OAAO,CAACC,IAAI,CAACC,SAAS,yBAG5BR,KAAK,CAACM,OAAO,CAACC,IAAI,CAACQ,QAAQ,sDAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,kDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,qiKAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,iDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,miKAOxC;IACFrB,GAAG,EAAEA;EAAI,GACLD,KAAK,CACV,CAAC,EACDF,OAAO,IAAI,IAAArC,MAAA,CAAA2C,GAAA,EAACN,OAAO,MAAE,CACnB,CACQ,CAAC;AAEpB,CACF,CAAC","ignoreList":[]}

package/cjs/Thumbnail/Thumbnail.js

@@ -15,7 +15,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;object-fit:cover"
 } : {
   name: "ilp053-Thumbnail",
-  styles: "display:flex;object-fit:cover;label:Thumbnail;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRmEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWR1Y2VyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZUZpZWxkR3JvdXAgfSBmcm9tIFwiLi4vRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgTWVkaWFGYWxsYmFjaywgTWVkaWFTdHlsZVByb3BzIH0gZnJvbSBcIi4vTWVkaWFGYWxsYmFja1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiaW1nXCI+LFxuICAgIE1lZGlhU3R5bGVQcm9wcyB7XG4gIGltYWdlUmVmPzogUmVhY3QuUmVmT2JqZWN0PEhUTUxJbWFnZUVsZW1lbnQ+O1xuICAvKipcbiAgICogc3Jj5bGe5oCn44GMdW5kZWZpbmVk44Gu5aC05ZCI44CBbm9JbWFnZeOBjHRydWXjgafjgYLjgozjgbBOb0ltYWdl44Kz44Oz44Od44O844ON44Oz44OI44KS6KGo56S644GX44G+44GZ44CCXG4gICAqL1xuICBub0ltYWdlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIHNyY+OBp1VSTOOCkuaMh+WumuOBmeOCi+S7o+OCj+OCiuOBq+OAgUZpbGXjgqrjg5bjgrjjgqfjgq/jg4jjgpLmjIflrprjgZnjgovjgZPjgajjgYzjgafjgY3jgb7jgZnjgIJcbiAgICovXG4gIGZpbGU/OiBGaWxlO1xuICAvKipcbiAgICogU2hpbW1lcuOCqOODleOCp+OCr+ODiOOCkuihqOekuuOBl+OBvuOBmeOAguOBk+OCjOOBr0ZpZWxkR3JvdXDjga5sb2FkaW5n44OX44Ot44OR44OG44Kj44Gr55u45b2T44GX44G+44GZ44CCXG4gICAqIFRodW1ibmFpbOOCs+ODs+ODneODvOODjeODs+ODiOOBp+ebtOaOpeWIqeeUqOOBleOCjOOCi+OBk+OBqOOBr+aDs+WumuOBl+OBpuOBhOOBvuOBm+OCk+OAglxuICAgKi9cbiAgZmllbGRMb2FkaW5nPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFRodW1ibmFpbCA9ICh7XG4gIGltYWdlUmVmLFxuICBzcmM6IHByb3BzU3JjLFxuICBmaWxlLFxuICBhbHQsXG4gIGFzcGVjdFJhdGlvLFxuICB3aWR0aCA9IFwiMTAwJVwiLFxuICBoZWlnaHQsXG4gIGNsYXNzTmFtZSxcbiAgc3R5bGUsXG4gIG5vSW1hZ2UsXG4gIGZpZWxkTG9hZGluZzogcHJvcHNGaWVsZExvYWRpbmcsXG4gIC4uLnByb3BzXG59OiBUaHVtYm5haWxQcm9wcykgPT4ge1xuICBjb25zdCBbbG9hZGVkLCBzZXRMb2FkZWRdID0gdXNlUmVkdWNlcigoKSA9PiB0cnVlLCBmYWxzZSk7XG5cbiAgY29uc3Qgc3JjID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGZpbGUgPyBVUkwuY3JlYXRlT2JqZWN0VVJMKGZpbGUpIDogcHJvcHNTcmM7XG4gIH0sIFtmaWxlLCBwcm9wc1NyY10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChmaWxlICYmIHNyYykge1xuICAgICAgICBVUkwucmV2b2tlT2JqZWN0VVJMKHNyYyk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2ZpbGUsIHNyY10pO1xuXG4gIGNvbnN0IHsgbG9hZGluZzogZmllbGRMb2FkaW5nIH0gPSB1c2VGaWVsZEdyb3VwKHtcbiAgICBsb2FkaW5nOiBwcm9wc0ZpZWxkTG9hZGluZyxcbiAgfSk7XG5cbiAgaWYgKHNyYyA9PT0gdW5kZWZpbmVkIHx8IGZpZWxkTG9hZGluZykge1xuICAgIGNvbnN0IGZhbGxiYWNrID0gKFxuICAgICAgPE1lZGlhRmFsbGJhY2tcbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgYXNwZWN0UmF0aW89e2FzcGVjdFJhdGlvfVxuICAgICAgPlxuICAgICAgICBObyBJbWFnZVxuICAgICAgPC9NZWRpYUZhbGxiYWNrPlxuICAgICk7XG4gICAgaWYgKG5vSW1hZ2UpIHtcbiAgICAgIHJldHVybiBmYWxsYmFjaztcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT57ZmFsbGJhY2t9PC9TaGltbWVyRWZmZWN0PjtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT17bG9hZGVkID09PSBmYWxzZX0+XG4gICAgICA8aW1nXG4gICAgICAgIG9uTG9hZD17c2V0TG9hZGVkfVxuICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgb2JqZWN0LWZpdDogY292ZXI7XG4gICAgICAgICAgYCxcbiAgICAgICAgICAvLyBAc2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9lbW90aW9uLWpzL2Vtb3Rpb24vaXNzdWVzLzMwMTFcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBhc3BlY3QtcmF0aW86ICR7YXNwZWN0UmF0aW99O1xuICAgICAgICAgIGAsXG4gICAgICAgIF19XG4gICAgICAgIHJlZj17aW1hZ2VSZWZ9XG4gICAgICAgIHNyYz17c3JjfVxuICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgLz5cbiAgICA8L1NoaW1tZXJFZmZlY3Q+XG4gICk7XG59O1xuIl19 */",
+  styles: "display:flex;object-fit:cover;label:Thumbnail;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRmEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWR1Y2VyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZUZpZWxkR3JvdXAgfSBmcm9tIFwiLi4vRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgTWVkaWFGYWxsYmFjaywgTWVkaWFTdHlsZVByb3BzIH0gZnJvbSBcIi4vTWVkaWFGYWxsYmFja1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiaW1nXCI+LCBNZWRpYVN0eWxlUHJvcHMge1xuICBpbWFnZVJlZj86IFJlYWN0LlJlZk9iamVjdDxIVE1MSW1hZ2VFbGVtZW50PjtcbiAgLyoqXG4gICAqIHNyY+WxnuaAp+OBjHVuZGVmaW5lZOOBruWgtOWQiOOAgW5vSW1hZ2XjgYx0cnVl44Gn44GC44KM44GwTm9JbWFnZeOCs+ODs+ODneODvOODjeODs+ODiOOCkuihqOekuuOBl+OBvuOBmeOAglxuICAgKi9cbiAgbm9JbWFnZT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBzcmPjgadVUkzjgpLmjIflrprjgZnjgovku6Pjgo/jgorjgavjgIFGaWxl44Kq44OW44K444Kn44Kv44OI44KS5oyH5a6a44GZ44KL44GT44Go44GM44Gn44GN44G+44GZ44CCXG4gICAqL1xuICBmaWxlPzogRmlsZTtcbiAgLyoqXG4gICAqIFNoaW1tZXLjgqjjg5Xjgqfjgq/jg4jjgpLooajnpLrjgZfjgb7jgZnjgILjgZPjgozjga9GaWVsZEdyb3Vw44GubG9hZGluZ+ODl+ODreODkeODhuOCo+OBq+ebuOW9k+OBl+OBvuOBmeOAglxuICAgKiBUaHVtYm5haWzjgrPjg7Pjg53jg7zjg43jg7Pjg4jjgafnm7TmjqXliKnnlKjjgZXjgozjgovjgZPjgajjga/mg7PlrprjgZfjgabjgYTjgb7jgZvjgpPjgIJcbiAgICovXG4gIGZpZWxkTG9hZGluZz86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBUaHVtYm5haWwgPSAoe1xuICBpbWFnZVJlZixcbiAgc3JjOiBwcm9wc1NyYyxcbiAgZmlsZSxcbiAgYWx0LFxuICBhc3BlY3RSYXRpbyxcbiAgd2lkdGggPSBcIjEwMCVcIixcbiAgaGVpZ2h0LFxuICBjbGFzc05hbWUsXG4gIHN0eWxlLFxuICBub0ltYWdlLFxuICBmaWVsZExvYWRpbmc6IHByb3BzRmllbGRMb2FkaW5nLFxuICAuLi5wcm9wc1xufTogVGh1bWJuYWlsUHJvcHMpID0+IHtcbiAgY29uc3QgW2xvYWRlZCwgc2V0TG9hZGVkXSA9IHVzZVJlZHVjZXIoKCkgPT4gdHJ1ZSwgZmFsc2UpO1xuXG4gIGNvbnN0IHNyYyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBmaWxlID8gVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKSA6IHByb3BzU3JjO1xuICB9LCBbZmlsZSwgcHJvcHNTcmNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAoZmlsZSAmJiBzcmMpIHtcbiAgICAgICAgVVJMLnJldm9rZU9iamVjdFVSTChzcmMpO1xuICAgICAgfVxuICAgIH07XG4gIH0sIFtmaWxlLCBzcmNdKTtcblxuICBjb25zdCB7IGxvYWRpbmc6IGZpZWxkTG9hZGluZyB9ID0gdXNlRmllbGRHcm91cCh7XG4gICAgbG9hZGluZzogcHJvcHNGaWVsZExvYWRpbmcsXG4gIH0pO1xuXG4gIGlmIChzcmMgPT09IHVuZGVmaW5lZCB8fCBmaWVsZExvYWRpbmcpIHtcbiAgICBjb25zdCBmYWxsYmFjayA9IChcbiAgICAgIDxNZWRpYUZhbGxiYWNrXG4gICAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIGFzcGVjdFJhdGlvPXthc3BlY3RSYXRpb31cbiAgICAgID5cbiAgICAgICAgTm8gSW1hZ2VcbiAgICAgIDwvTWVkaWFGYWxsYmFjaz5cbiAgICApO1xuICAgIGlmIChub0ltYWdlKSB7XG4gICAgICByZXR1cm4gZmFsbGJhY2s7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiA8U2hpbW1lckVmZmVjdCBhY3RpdmU+e2ZhbGxiYWNrfTwvU2hpbW1lckVmZmVjdD47XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U2hpbW1lckVmZmVjdCBhY3RpdmU9e2xvYWRlZCA9PT0gZmFsc2V9PlxuICAgICAgPGltZ1xuICAgICAgICBvbkxvYWQ9e3NldExvYWRlZH1cbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgICAgICAgIGAsXG4gICAgICAgICAgLy8gQHNlZSBodHRwczovL2dpdGh1Yi5jb20vZW1vdGlvbi1qcy9lbW90aW9uL2lzc3Vlcy8zMDExXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgYXNwZWN0LXJhdGlvOiAke2FzcGVjdFJhdGlvfTtcbiAgICAgICAgICBgLFxuICAgICAgICBdfVxuICAgICAgICByZWY9e2ltYWdlUmVmfVxuICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgYWx0PXthbHR9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgIC8+XG4gICAgPC9TaGltbWVyRWZmZWN0PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const Thumbnail = ({
@@ -73,7 +73,7 @@ const Thumbnail = ({
     css: [_ref,
     /*#__PURE__*/
     // @see https://github.com/emotion-js/emotion/issues/3011
-    (0, _react.css)("aspect-ratio:", aspectRatio, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Thumbnail;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RmEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWR1Y2VyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZUZpZWxkR3JvdXAgfSBmcm9tIFwiLi4vRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgTWVkaWFGYWxsYmFjaywgTWVkaWFTdHlsZVByb3BzIH0gZnJvbSBcIi4vTWVkaWFGYWxsYmFja1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiaW1nXCI+LFxuICAgIE1lZGlhU3R5bGVQcm9wcyB7XG4gIGltYWdlUmVmPzogUmVhY3QuUmVmT2JqZWN0PEhUTUxJbWFnZUVsZW1lbnQ+O1xuICAvKipcbiAgICogc3Jj5bGe5oCn44GMdW5kZWZpbmVk44Gu5aC05ZCI44CBbm9JbWFnZeOBjHRydWXjgafjgYLjgozjgbBOb0ltYWdl44Kz44Oz44Od44O844ON44Oz44OI44KS6KGo56S644GX44G+44GZ44CCXG4gICAqL1xuICBub0ltYWdlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIHNyY+OBp1VSTOOCkuaMh+WumuOBmeOCi+S7o+OCj+OCiuOBq+OAgUZpbGXjgqrjg5bjgrjjgqfjgq/jg4jjgpLmjIflrprjgZnjgovjgZPjgajjgYzjgafjgY3jgb7jgZnjgIJcbiAgICovXG4gIGZpbGU/OiBGaWxlO1xuICAvKipcbiAgICogU2hpbW1lcuOCqOODleOCp+OCr+ODiOOCkuihqOekuuOBl+OBvuOBmeOAguOBk+OCjOOBr0ZpZWxkR3JvdXDjga5sb2FkaW5n44OX44Ot44OR44OG44Kj44Gr55u45b2T44GX44G+44GZ44CCXG4gICAqIFRodW1ibmFpbOOCs+ODs+ODneODvOODjeODs+ODiOOBp+ebtOaOpeWIqeeUqOOBleOCjOOCi+OBk+OBqOOBr+aDs+WumuOBl+OBpuOBhOOBvuOBm+OCk+OAglxuICAgKi9cbiAgZmllbGRMb2FkaW5nPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFRodW1ibmFpbCA9ICh7XG4gIGltYWdlUmVmLFxuICBzcmM6IHByb3BzU3JjLFxuICBmaWxlLFxuICBhbHQsXG4gIGFzcGVjdFJhdGlvLFxuICB3aWR0aCA9IFwiMTAwJVwiLFxuICBoZWlnaHQsXG4gIGNsYXNzTmFtZSxcbiAgc3R5bGUsXG4gIG5vSW1hZ2UsXG4gIGZpZWxkTG9hZGluZzogcHJvcHNGaWVsZExvYWRpbmcsXG4gIC4uLnByb3BzXG59OiBUaHVtYm5haWxQcm9wcykgPT4ge1xuICBjb25zdCBbbG9hZGVkLCBzZXRMb2FkZWRdID0gdXNlUmVkdWNlcigoKSA9PiB0cnVlLCBmYWxzZSk7XG5cbiAgY29uc3Qgc3JjID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGZpbGUgPyBVUkwuY3JlYXRlT2JqZWN0VVJMKGZpbGUpIDogcHJvcHNTcmM7XG4gIH0sIFtmaWxlLCBwcm9wc1NyY10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChmaWxlICYmIHNyYykge1xuICAgICAgICBVUkwucmV2b2tlT2JqZWN0VVJMKHNyYyk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2ZpbGUsIHNyY10pO1xuXG4gIGNvbnN0IHsgbG9hZGluZzogZmllbGRMb2FkaW5nIH0gPSB1c2VGaWVsZEdyb3VwKHtcbiAgICBsb2FkaW5nOiBwcm9wc0ZpZWxkTG9hZGluZyxcbiAgfSk7XG5cbiAgaWYgKHNyYyA9PT0gdW5kZWZpbmVkIHx8IGZpZWxkTG9hZGluZykge1xuICAgIGNvbnN0IGZhbGxiYWNrID0gKFxuICAgICAgPE1lZGlhRmFsbGJhY2tcbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgYXNwZWN0UmF0aW89e2FzcGVjdFJhdGlvfVxuICAgICAgPlxuICAgICAgICBObyBJbWFnZVxuICAgICAgPC9NZWRpYUZhbGxiYWNrPlxuICAgICk7XG4gICAgaWYgKG5vSW1hZ2UpIHtcbiAgICAgIHJldHVybiBmYWxsYmFjaztcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT57ZmFsbGJhY2t9PC9TaGltbWVyRWZmZWN0PjtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT17bG9hZGVkID09PSBmYWxzZX0+XG4gICAgICA8aW1nXG4gICAgICAgIG9uTG9hZD17c2V0TG9hZGVkfVxuICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgb2JqZWN0LWZpdDogY292ZXI7XG4gICAgICAgICAgYCxcbiAgICAgICAgICAvLyBAc2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9lbW90aW9uLWpzL2Vtb3Rpb24vaXNzdWVzLzMwMTFcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBhc3BlY3QtcmF0aW86ICR7YXNwZWN0UmF0aW99O1xuICAgICAgICAgIGAsXG4gICAgICAgIF19XG4gICAgICAgIHJlZj17aW1hZ2VSZWZ9XG4gICAgICAgIHNyYz17c3JjfVxuICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgLz5cbiAgICA8L1NoaW1tZXJFZmZlY3Q+XG4gICk7XG59O1xuIl19 */"), process.env.NODE_ENV === "production" ? "" : ";label:Thumbnail;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRlEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWR1Y2VyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZUZpZWxkR3JvdXAgfSBmcm9tIFwiLi4vRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgTWVkaWFGYWxsYmFjaywgTWVkaWFTdHlsZVByb3BzIH0gZnJvbSBcIi4vTWVkaWFGYWxsYmFja1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiaW1nXCI+LFxuICAgIE1lZGlhU3R5bGVQcm9wcyB7XG4gIGltYWdlUmVmPzogUmVhY3QuUmVmT2JqZWN0PEhUTUxJbWFnZUVsZW1lbnQ+O1xuICAvKipcbiAgICogc3Jj5bGe5oCn44GMdW5kZWZpbmVk44Gu5aC05ZCI44CBbm9JbWFnZeOBjHRydWXjgafjgYLjgozjgbBOb0ltYWdl44Kz44Oz44Od44O844ON44Oz44OI44KS6KGo56S644GX44G+44GZ44CCXG4gICAqL1xuICBub0ltYWdlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIHNyY+OBp1VSTOOCkuaMh+WumuOBmeOCi+S7o+OCj+OCiuOBq+OAgUZpbGXjgqrjg5bjgrjjgqfjgq/jg4jjgpLmjIflrprjgZnjgovjgZPjgajjgYzjgafjgY3jgb7jgZnjgIJcbiAgICovXG4gIGZpbGU/OiBGaWxlO1xuICAvKipcbiAgICogU2hpbW1lcuOCqOODleOCp+OCr+ODiOOCkuihqOekuuOBl+OBvuOBmeOAguOBk+OCjOOBr0ZpZWxkR3JvdXDjga5sb2FkaW5n44OX44Ot44OR44OG44Kj44Gr55u45b2T44GX44G+44GZ44CCXG4gICAqIFRodW1ibmFpbOOCs+ODs+ODneODvOODjeODs+ODiOOBp+ebtOaOpeWIqeeUqOOBleOCjOOCi+OBk+OBqOOBr+aDs+WumuOBl+OBpuOBhOOBvuOBm+OCk+OAglxuICAgKi9cbiAgZmllbGRMb2FkaW5nPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFRodW1ibmFpbCA9ICh7XG4gIGltYWdlUmVmLFxuICBzcmM6IHByb3BzU3JjLFxuICBmaWxlLFxuICBhbHQsXG4gIGFzcGVjdFJhdGlvLFxuICB3aWR0aCA9IFwiMTAwJVwiLFxuICBoZWlnaHQsXG4gIGNsYXNzTmFtZSxcbiAgc3R5bGUsXG4gIG5vSW1hZ2UsXG4gIGZpZWxkTG9hZGluZzogcHJvcHNGaWVsZExvYWRpbmcsXG4gIC4uLnByb3BzXG59OiBUaHVtYm5haWxQcm9wcykgPT4ge1xuICBjb25zdCBbbG9hZGVkLCBzZXRMb2FkZWRdID0gdXNlUmVkdWNlcigoKSA9PiB0cnVlLCBmYWxzZSk7XG5cbiAgY29uc3Qgc3JjID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGZpbGUgPyBVUkwuY3JlYXRlT2JqZWN0VVJMKGZpbGUpIDogcHJvcHNTcmM7XG4gIH0sIFtmaWxlLCBwcm9wc1NyY10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChmaWxlICYmIHNyYykge1xuICAgICAgICBVUkwucmV2b2tlT2JqZWN0VVJMKHNyYyk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2ZpbGUsIHNyY10pO1xuXG4gIGNvbnN0IHsgbG9hZGluZzogZmllbGRMb2FkaW5nIH0gPSB1c2VGaWVsZEdyb3VwKHtcbiAgICBsb2FkaW5nOiBwcm9wc0ZpZWxkTG9hZGluZyxcbiAgfSk7XG5cbiAgaWYgKHNyYyA9PT0gdW5kZWZpbmVkIHx8IGZpZWxkTG9hZGluZykge1xuICAgIGNvbnN0IGZhbGxiYWNrID0gKFxuICAgICAgPE1lZGlhRmFsbGJhY2tcbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgYXNwZWN0UmF0aW89e2FzcGVjdFJhdGlvfVxuICAgICAgPlxuICAgICAgICBObyBJbWFnZVxuICAgICAgPC9NZWRpYUZhbGxiYWNrPlxuICAgICk7XG4gICAgaWYgKG5vSW1hZ2UpIHtcbiAgICAgIHJldHVybiBmYWxsYmFjaztcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT57ZmFsbGJhY2t9PC9TaGltbWVyRWZmZWN0PjtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT17bG9hZGVkID09PSBmYWxzZX0+XG4gICAgICA8aW1nXG4gICAgICAgIG9uTG9hZD17c2V0TG9hZGVkfVxuICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgb2JqZWN0LWZpdDogY292ZXI7XG4gICAgICAgICAgYCxcbiAgICAgICAgICAvLyBAc2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9lbW90aW9uLWpzL2Vtb3Rpb24vaXNzdWVzLzMwMTFcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBhc3BlY3QtcmF0aW86ICR7YXNwZWN0UmF0aW99O1xuICAgICAgICAgIGAsXG4gICAgICAgIF19XG4gICAgICAgIHJlZj17aW1hZ2VSZWZ9XG4gICAgICAgIHNyYz17c3JjfVxuICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgLz5cbiAgICA8L1NoaW1tZXJFZmZlY3Q+XG4gICk7XG59O1xuIl19 */"],
+    (0, _react.css)("aspect-ratio:", aspectRatio, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Thumbnail;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RmEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWR1Y2VyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZUZpZWxkR3JvdXAgfSBmcm9tIFwiLi4vRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgTWVkaWFGYWxsYmFjaywgTWVkaWFTdHlsZVByb3BzIH0gZnJvbSBcIi4vTWVkaWFGYWxsYmFja1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiaW1nXCI+LCBNZWRpYVN0eWxlUHJvcHMge1xuICBpbWFnZVJlZj86IFJlYWN0LlJlZk9iamVjdDxIVE1MSW1hZ2VFbGVtZW50PjtcbiAgLyoqXG4gICAqIHNyY+WxnuaAp+OBjHVuZGVmaW5lZOOBruWgtOWQiOOAgW5vSW1hZ2XjgYx0cnVl44Gn44GC44KM44GwTm9JbWFnZeOCs+ODs+ODneODvOODjeODs+ODiOOCkuihqOekuuOBl+OBvuOBmeOAglxuICAgKi9cbiAgbm9JbWFnZT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBzcmPjgadVUkzjgpLmjIflrprjgZnjgovku6Pjgo/jgorjgavjgIFGaWxl44Kq44OW44K444Kn44Kv44OI44KS5oyH5a6a44GZ44KL44GT44Go44GM44Gn44GN44G+44GZ44CCXG4gICAqL1xuICBmaWxlPzogRmlsZTtcbiAgLyoqXG4gICAqIFNoaW1tZXLjgqjjg5Xjgqfjgq/jg4jjgpLooajnpLrjgZfjgb7jgZnjgILjgZPjgozjga9GaWVsZEdyb3Vw44GubG9hZGluZ+ODl+ODreODkeODhuOCo+OBq+ebuOW9k+OBl+OBvuOBmeOAglxuICAgKiBUaHVtYm5haWzjgrPjg7Pjg53jg7zjg43jg7Pjg4jjgafnm7TmjqXliKnnlKjjgZXjgozjgovjgZPjgajjga/mg7PlrprjgZfjgabjgYTjgb7jgZvjgpPjgIJcbiAgICovXG4gIGZpZWxkTG9hZGluZz86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBUaHVtYm5haWwgPSAoe1xuICBpbWFnZVJlZixcbiAgc3JjOiBwcm9wc1NyYyxcbiAgZmlsZSxcbiAgYWx0LFxuICBhc3BlY3RSYXRpbyxcbiAgd2lkdGggPSBcIjEwMCVcIixcbiAgaGVpZ2h0LFxuICBjbGFzc05hbWUsXG4gIHN0eWxlLFxuICBub0ltYWdlLFxuICBmaWVsZExvYWRpbmc6IHByb3BzRmllbGRMb2FkaW5nLFxuICAuLi5wcm9wc1xufTogVGh1bWJuYWlsUHJvcHMpID0+IHtcbiAgY29uc3QgW2xvYWRlZCwgc2V0TG9hZGVkXSA9IHVzZVJlZHVjZXIoKCkgPT4gdHJ1ZSwgZmFsc2UpO1xuXG4gIGNvbnN0IHNyYyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBmaWxlID8gVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKSA6IHByb3BzU3JjO1xuICB9LCBbZmlsZSwgcHJvcHNTcmNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAoZmlsZSAmJiBzcmMpIHtcbiAgICAgICAgVVJMLnJldm9rZU9iamVjdFVSTChzcmMpO1xuICAgICAgfVxuICAgIH07XG4gIH0sIFtmaWxlLCBzcmNdKTtcblxuICBjb25zdCB7IGxvYWRpbmc6IGZpZWxkTG9hZGluZyB9ID0gdXNlRmllbGRHcm91cCh7XG4gICAgbG9hZGluZzogcHJvcHNGaWVsZExvYWRpbmcsXG4gIH0pO1xuXG4gIGlmIChzcmMgPT09IHVuZGVmaW5lZCB8fCBmaWVsZExvYWRpbmcpIHtcbiAgICBjb25zdCBmYWxsYmFjayA9IChcbiAgICAgIDxNZWRpYUZhbGxiYWNrXG4gICAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIGFzcGVjdFJhdGlvPXthc3BlY3RSYXRpb31cbiAgICAgID5cbiAgICAgICAgTm8gSW1hZ2VcbiAgICAgIDwvTWVkaWFGYWxsYmFjaz5cbiAgICApO1xuICAgIGlmIChub0ltYWdlKSB7XG4gICAgICByZXR1cm4gZmFsbGJhY2s7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiA8U2hpbW1lckVmZmVjdCBhY3RpdmU+e2ZhbGxiYWNrfTwvU2hpbW1lckVmZmVjdD47XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U2hpbW1lckVmZmVjdCBhY3RpdmU9e2xvYWRlZCA9PT0gZmFsc2V9PlxuICAgICAgPGltZ1xuICAgICAgICBvbkxvYWQ9e3NldExvYWRlZH1cbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgICAgICAgIGAsXG4gICAgICAgICAgLy8gQHNlZSBodHRwczovL2dpdGh1Yi5jb20vZW1vdGlvbi1qcy9lbW90aW9uL2lzc3Vlcy8zMDExXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgYXNwZWN0LXJhdGlvOiAke2FzcGVjdFJhdGlvfTtcbiAgICAgICAgICBgLFxuICAgICAgICBdfVxuICAgICAgICByZWY9e2ltYWdlUmVmfVxuICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgYWx0PXthbHR9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgIC8+XG4gICAgPC9TaGltbWVyRWZmZWN0PlxuICApO1xufTtcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : ";label:Thumbnail;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRlEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWR1Y2VyIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IHVzZUZpZWxkR3JvdXAgfSBmcm9tIFwiLi4vRmllbGRHcm91cFwiO1xuaW1wb3J0IHsgTWVkaWFGYWxsYmFjaywgTWVkaWFTdHlsZVByb3BzIH0gZnJvbSBcIi4vTWVkaWFGYWxsYmFja1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiaW1nXCI+LCBNZWRpYVN0eWxlUHJvcHMge1xuICBpbWFnZVJlZj86IFJlYWN0LlJlZk9iamVjdDxIVE1MSW1hZ2VFbGVtZW50PjtcbiAgLyoqXG4gICAqIHNyY+WxnuaAp+OBjHVuZGVmaW5lZOOBruWgtOWQiOOAgW5vSW1hZ2XjgYx0cnVl44Gn44GC44KM44GwTm9JbWFnZeOCs+ODs+ODneODvOODjeODs+ODiOOCkuihqOekuuOBl+OBvuOBmeOAglxuICAgKi9cbiAgbm9JbWFnZT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBzcmPjgadVUkzjgpLmjIflrprjgZnjgovku6Pjgo/jgorjgavjgIFGaWxl44Kq44OW44K444Kn44Kv44OI44KS5oyH5a6a44GZ44KL44GT44Go44GM44Gn44GN44G+44GZ44CCXG4gICAqL1xuICBmaWxlPzogRmlsZTtcbiAgLyoqXG4gICAqIFNoaW1tZXLjgqjjg5Xjgqfjgq/jg4jjgpLooajnpLrjgZfjgb7jgZnjgILjgZPjgozjga9GaWVsZEdyb3Vw44GubG9hZGluZ+ODl+ODreODkeODhuOCo+OBq+ebuOW9k+OBl+OBvuOBmeOAglxuICAgKiBUaHVtYm5haWzjgrPjg7Pjg53jg7zjg43jg7Pjg4jjgafnm7TmjqXliKnnlKjjgZXjgozjgovjgZPjgajjga/mg7PlrprjgZfjgabjgYTjgb7jgZvjgpPjgIJcbiAgICovXG4gIGZpZWxkTG9hZGluZz86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBUaHVtYm5haWwgPSAoe1xuICBpbWFnZVJlZixcbiAgc3JjOiBwcm9wc1NyYyxcbiAgZmlsZSxcbiAgYWx0LFxuICBhc3BlY3RSYXRpbyxcbiAgd2lkdGggPSBcIjEwMCVcIixcbiAgaGVpZ2h0LFxuICBjbGFzc05hbWUsXG4gIHN0eWxlLFxuICBub0ltYWdlLFxuICBmaWVsZExvYWRpbmc6IHByb3BzRmllbGRMb2FkaW5nLFxuICAuLi5wcm9wc1xufTogVGh1bWJuYWlsUHJvcHMpID0+IHtcbiAgY29uc3QgW2xvYWRlZCwgc2V0TG9hZGVkXSA9IHVzZVJlZHVjZXIoKCkgPT4gdHJ1ZSwgZmFsc2UpO1xuXG4gIGNvbnN0IHNyYyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBmaWxlID8gVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKSA6IHByb3BzU3JjO1xuICB9LCBbZmlsZSwgcHJvcHNTcmNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAoZmlsZSAmJiBzcmMpIHtcbiAgICAgICAgVVJMLnJldm9rZU9iamVjdFVSTChzcmMpO1xuICAgICAgfVxuICAgIH07XG4gIH0sIFtmaWxlLCBzcmNdKTtcblxuICBjb25zdCB7IGxvYWRpbmc6IGZpZWxkTG9hZGluZyB9ID0gdXNlRmllbGRHcm91cCh7XG4gICAgbG9hZGluZzogcHJvcHNGaWVsZExvYWRpbmcsXG4gIH0pO1xuXG4gIGlmIChzcmMgPT09IHVuZGVmaW5lZCB8fCBmaWVsZExvYWRpbmcpIHtcbiAgICBjb25zdCBmYWxsYmFjayA9IChcbiAgICAgIDxNZWRpYUZhbGxiYWNrXG4gICAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIGFzcGVjdFJhdGlvPXthc3BlY3RSYXRpb31cbiAgICAgID5cbiAgICAgICAgTm8gSW1hZ2VcbiAgICAgIDwvTWVkaWFGYWxsYmFjaz5cbiAgICApO1xuICAgIGlmIChub0ltYWdlKSB7XG4gICAgICByZXR1cm4gZmFsbGJhY2s7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiA8U2hpbW1lckVmZmVjdCBhY3RpdmU+e2ZhbGxiYWNrfTwvU2hpbW1lckVmZmVjdD47XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U2hpbW1lckVmZmVjdCBhY3RpdmU9e2xvYWRlZCA9PT0gZmFsc2V9PlxuICAgICAgPGltZ1xuICAgICAgICBvbkxvYWQ9e3NldExvYWRlZH1cbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgICAgICAgIGAsXG4gICAgICAgICAgLy8gQHNlZSBodHRwczovL2dpdGh1Yi5jb20vZW1vdGlvbi1qcy9lbW90aW9uL2lzc3Vlcy8zMDExXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgYXNwZWN0LXJhdGlvOiAke2FzcGVjdFJhdGlvfTtcbiAgICAgICAgICBgLFxuICAgICAgICBdfVxuICAgICAgICByZWY9e2ltYWdlUmVmfVxuICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgYWx0PXthbHR9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgIC8+XG4gICAgPC9TaGltbWVyRWZmZWN0PlxuICApO1xufTtcbiJdfQ== */"],
     ref: imageRef,
     src: src,
     alt: alt,

package/cjs/Thumbnail/Thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.js","names":["_react","require","_react2","_interopRequireWildcard","_ShimmerEffect","_FieldGroup","_MediaFallback","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","Thumbnail","imageRef","src","propsSrc","file","alt","aspectRatio","width","height","className","style","noImage","fieldLoading","propsFieldLoading","props","loaded","setLoaded","useReducer","useMemo","URL","createObjectURL","useEffect","revokeObjectURL","loading","useFieldGroup","undefined","fallback","jsx","MediaFallback","ShimmerEffect","active","onLoad","css","ref","exports"],"sources":["../../../src/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useEffect, useMemo, useReducer } from \"react\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { MediaFallback, MediaStyleProps } from \"./MediaFallback\";\n\nexport interface ThumbnailProps\n  extends React.ComponentPropsWithoutRef<\"img\">,\n    MediaStyleProps {\n  imageRef?: React.RefObject<HTMLImageElement>;\n  /**\n   * src属性がundefinedの場合、noImageがtrueであればNoImageコンポーネントを表示します。\n   */\n  noImage?: boolean;\n  /**\n   * srcでURLを指定する代わりに、Fileオブジェクトを指定することができます。\n   */\n  file?: File;\n  /**\n   * Shimmerエフェクトを表示します。これはFieldGroupのloadingプロパティに相当します。\n   * Thumbnailコンポーネントで直接利用されることは想定していません。\n   */\n  fieldLoading?: boolean;\n}\n\nexport const Thumbnail = ({\n  imageRef,\n  src: propsSrc,\n  file,\n  alt,\n  aspectRatio,\n  width = \"100%\",\n  height,\n  className,\n  style,\n  noImage,\n  fieldLoading: propsFieldLoading,\n  ...props\n}: ThumbnailProps) => {\n  const [loaded, setLoaded] = useReducer(() => true, false);\n\n  const src = useMemo(() => {\n    return file ? URL.createObjectURL(file) : propsSrc;\n  }, [file, propsSrc]);\n\n  useEffect(() => {\n    return () => {\n      if (file && src) {\n        URL.revokeObjectURL(src);\n      }\n    };\n  }, [file, src]);\n\n  const { loading: fieldLoading } = useFieldGroup({\n    loading: propsFieldLoading,\n  });\n\n  if (src === undefined || fieldLoading) {\n    const fallback = (\n      <MediaFallback\n        style={style}\n        className={className}\n        width={width}\n        height={height}\n        aspectRatio={aspectRatio}\n      >\n        No Image\n      </MediaFallback>\n    );\n    if (noImage) {\n      return fallback;\n    } else {\n      return <ShimmerEffect active>{fallback}</ShimmerEffect>;\n    }\n  }\n\n  return (\n    <ShimmerEffect active={loaded === false}>\n      <img\n        onLoad={setLoaded}\n        style={style}\n        className={className}\n        css={[\n          css`\n            display: flex;\n            object-fit: cover;\n          `,\n          // @see https://github.com/emotion-js/emotion/issues/3011\n          css`\n            aspect-ratio: ${aspectRatio};\n          `,\n        ]}\n        ref={imageRef}\n        src={src}\n        alt={alt}\n        width={width}\n        height={height}\n        {...props}\n      />\n    </ShimmerEffect>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Thumbnail.js","names":["_react","require","_react2","_interopRequireWildcard","_ShimmerEffect","_FieldGroup","_MediaFallback","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","Thumbnail","imageRef","src","propsSrc","file","alt","aspectRatio","width","height","className","style","noImage","fieldLoading","propsFieldLoading","props","loaded","setLoaded","useReducer","useMemo","URL","createObjectURL","useEffect","revokeObjectURL","loading","useFieldGroup","undefined","fallback","jsx","MediaFallback","ShimmerEffect","active","onLoad","css","ref","exports"],"sources":["../../../src/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useEffect, useMemo, useReducer } from \"react\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { MediaFallback, MediaStyleProps } from \"./MediaFallback\";\n\nexport interface ThumbnailProps\n  extends React.ComponentPropsWithoutRef<\"img\">, MediaStyleProps {\n  imageRef?: React.RefObject<HTMLImageElement>;\n  /**\n   * src属性がundefinedの場合、noImageがtrueであればNoImageコンポーネントを表示します。\n   */\n  noImage?: boolean;\n  /**\n   * srcでURLを指定する代わりに、Fileオブジェクトを指定することができます。\n   */\n  file?: File;\n  /**\n   * Shimmerエフェクトを表示します。これはFieldGroupのloadingプロパティに相当します。\n   * Thumbnailコンポーネントで直接利用されることは想定していません。\n   */\n  fieldLoading?: boolean;\n}\n\nexport const Thumbnail = ({\n  imageRef,\n  src: propsSrc,\n  file,\n  alt,\n  aspectRatio,\n  width = \"100%\",\n  height,\n  className,\n  style,\n  noImage,\n  fieldLoading: propsFieldLoading,\n  ...props\n}: ThumbnailProps) => {\n  const [loaded, setLoaded] = useReducer(() => true, false);\n\n  const src = useMemo(() => {\n    return file ? URL.createObjectURL(file) : propsSrc;\n  }, [file, propsSrc]);\n\n  useEffect(() => {\n    return () => {\n      if (file && src) {\n        URL.revokeObjectURL(src);\n      }\n    };\n  }, [file, src]);\n\n  const { loading: fieldLoading } = useFieldGroup({\n    loading: propsFieldLoading,\n  });\n\n  if (src === undefined || fieldLoading) {\n    const fallback = (\n      <MediaFallback\n        style={style}\n        className={className}\n        width={width}\n        height={height}\n        aspectRatio={aspectRatio}\n      >\n        No Image\n      </MediaFallback>\n    );\n    if (noImage) {\n      return fallback;\n    } else {\n      return <ShimmerEffect active>{fallback}</ShimmerEffect>;\n    }\n  }\n\n  return (\n    <ShimmerEffect active={loaded === false}>\n      <img\n        onLoad={setLoaded}\n        style={style}\n        className={className}\n        css={[\n          css`\n            display: flex;\n            object-fit: cover;\n          `,\n          // @see https://github.com/emotion-js/emotion/issues/3011\n          css`\n            aspect-ratio: ${aspectRatio};\n          `,\n        ]}\n        ref={imageRef}\n        src={src}\n        alt={alt}\n        width={width}\n        height={height}\n        {...props}\n      />\n    </ShimmerEffect>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAAiE,SAAAE,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAAA,SAAAG,iCAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA;AAoB1D,MAAMQ,SAAS,GAAGA,CAAC;EACxBC,QAAQ;EACRC,GAAG,EAAEC,QAAQ;EACbC,IAAI;EACJC,GAAG;EACHC,WAAW;EACXC,KAAK,GAAG,MAAM;EACdC,MAAM;EACNC,SAAS;EACTC,KAAK;EACLC,OAAO;EACPC,YAAY,EAAEC,iBAAiB;EAC/B,GAAGC;AACW,CAAC,KAAK;EACpB,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,kBAAU,EAAC,MAAM,IAAI,EAAE,KAAK,CAAC;EAEzD,MAAMf,GAAG,GAAG,IAAAgB,eAAO,EAAC,MAAM;IACxB,OAAOd,IAAI,GAAGe,GAAG,CAACC,eAAe,CAAChB,IAAI,CAAC,GAAGD,QAAQ;EACpD,CAAC,EAAE,CAACC,IAAI,EAAED,QAAQ,CAAC,CAAC;EAEpB,IAAAkB,iBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAIjB,IAAI,IAAIF,GAAG,EAAE;QACfiB,GAAG,CAACG,eAAe,CAACpB,GAAG,CAAC;MAC1B;IACF,CAAC;EACH,CAAC,EAAE,CAACE,IAAI,EAAEF,GAAG,CAAC,CAAC;EAEf,MAAM;IAAEqB,OAAO,EAAEX;EAAa,CAAC,GAAG,IAAAY,yBAAa,EAAC;IAC9CD,OAAO,EAAEV;EACX,CAAC,CAAC;EAEF,IAAIX,GAAG,KAAKuB,SAAS,IAAIb,YAAY,EAAE;IACrC,MAAMc,QAAQ,GACZ,IAAAlE,MAAA,CAAAmE,GAAA,EAAC7D,cAAA,CAAA8D,aAAa;MACZlB,KAAK,EAAEA,KAAM;MACbD,SAAS,EAAEA,SAAU;MACrBF,KAAK,EAAEA,KAAM;MACbC,MAAM,EAAEA,MAAO;MACfF,WAAW,EAAEA;IAAY,GAC1B,UAEc,CAChB;IACD,IAAIK,OAAO,EAAE;MACX,OAAOe,QAAQ;IACjB,CAAC,MAAM;MACL,OAAO,IAAAlE,MAAA,CAAAmE,GAAA,EAAC/D,cAAA,CAAAiE,aAAa;QAACC,MAAM;MAAA,GAAEJ,QAAwB,CAAC;IACzD;EACF;EAEA,OACE,IAAAlE,MAAA,CAAAmE,GAAA,EAAC/D,cAAA,CAAAiE,aAAa;IAACC,MAAM,EAAEf,MAAM,KAAK;EAAM,GACtC,IAAAvD,MAAA,CAAAmE,GAAA,SAAAzC,QAAA;IACE6C,MAAM,EAAEf,SAAU;IAClBN,KAAK,EAAEA,KAAM;IACbD,SAAS,EAAEA,SAAU;IACrBuB,GAAG,GAAAvC,IAAA;IAAA;IAKD;IAAA,IACAuC,UAAG,mBACe1B,WAAW,SAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,qvHAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,8CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,mvHAE7B;IACFqC,GAAG,EAAEhC,QAAS;IACdC,GAAG,EAAEA,GAAI;IACTG,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA;EAAO,GACXM,KAAK,CACV,CACY,CAAC;AAEpB,CAAC;AAACoB,OAAA,CAAAlC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/cjs/Thumbnail/VideoThumbnail.js

@@ -67,7 +67,7 @@ const VideoThumbnail = props => {
       aspectRatio: aspectRatio !== undefined ? `${aspectRatio}` : undefined,
       width: width ?? "100%",
       height: height ?? "auto"
-    }, process.env.NODE_ENV === "production" ? "" : ";label:VideoThumbnail;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVmlkZW9UaHVtYm5haWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZFVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGh1bWJuYWlsL1ZpZGVvVGh1bWJuYWlsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IGlzTm9uTnVsbGlzaCB9IGZyb20gXCIuLi9AdXRpbHMvaXNOb25OdWxsaXNoXCI7XG5pbXBvcnQgeyB1c2VGaWVsZEdyb3VwIH0gZnJvbSBcIi4uL0ZpZWxkR3JvdXBcIjtcbmltcG9ydCB7IE1lZGlhRmFsbGJhY2ssIE1lZGlhU3R5bGVQcm9wcyB9IGZyb20gXCIuL01lZGlhRmFsbGJhY2tcIjtcblxuZXhwb3J0IGludGVyZmFjZSBWaWRlb1RodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwidmlkZW9cIj4sXG4gICAgTWVkaWFTdHlsZVByb3BzIHtcbiAgdmlkZW9SZWY/OiBSZWFjdC5SZWZPYmplY3Q8SFRNTFZpZGVvRWxlbWVudD47XG4gIG5vVmlkZW8/OiBib29sZWFuO1xuICAvKipcbiAgICogc3Jj44GnVVJM44KS5oyH5a6a44GZ44KL5Luj44KP44KK44Gr44CBRmlsZeOCquODluOCuOOCp+OCr+ODiOOCkuaMh+WumuOBmeOCi+OBk+OBqOOBjOOBp+OBjeOBvuOBmeOAglxuICAgKi9cbiAgZmlsZT86IEZpbGU7XG59XG5cbmV4cG9ydCBjb25zdCBWaWRlb1RodW1ibmFpbCA9IChwcm9wczogVmlkZW9UaHVtYm5haWxQcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgdmlkZW9SZWYsXG4gICAgYXNwZWN0UmF0aW8sXG4gICAgd2lkdGgsXG4gICAgaGVpZ2h0LFxuICAgIGNoaWxkcmVuLFxuICAgIHNyYzogcHJvcHNTcmMsXG4gICAgZmlsZSxcbiAgICBub1ZpZGVvLFxuICAgIHN0eWxlLFxuICAgIGNsYXNzTmFtZSxcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wcztcblxuICBjb25zdCB7IGxvYWRpbmc6IGZpZWxkTG9hZGluZyB9ID0gdXNlRmllbGRHcm91cCh7fSk7XG5cbiAgY29uc3Qgc3JjID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGZpbGUgPyBVUkwuY3JlYXRlT2JqZWN0VVJMKGZpbGUpIDogcHJvcHNTcmM7XG4gIH0sIFtmaWxlLCBwcm9wc1NyY10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChmaWxlICYmIHNyYykge1xuICAgICAgICBVUkwucmV2b2tlT2JqZWN0VVJMKHNyYyk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2ZpbGUsIHNyY10pO1xuXG4gIGNvbnN0IG5vU291cmNlID0gIWlzTm9uTnVsbGlzaChjaGlsZHJlbikgJiYgc3JjID09PSB1bmRlZmluZWQ7XG5cbiAgaWYgKG5vU291cmNlIHx8IGZpZWxkTG9hZGluZykge1xuICAgIGNvbnN0IGZhbGxiYWNrID0gKFxuICAgICAgPE1lZGlhRmFsbGJhY2tcbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgYXNwZWN0UmF0aW89e2FzcGVjdFJhdGlvfVxuICAgICAgPlxuICAgICAgICBObyBWaWRlb1xuICAgICAgPC9NZWRpYUZhbGxiYWNrPlxuICAgICk7XG4gICAgaWYgKG5vVmlkZW8pIHtcbiAgICAgIHJldHVybiBmYWxsYmFjaztcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIDxTaGltbWVyRWZmZWN0IGFjdGl2ZT57ZmFsbGJhY2t9PC9TaGltbWVyRWZmZWN0PjtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDx2aWRlb1xuICAgICAgey4uLnJlc3R9XG4gICAgICBzcmM9e3NyY31cbiAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgcmVmPXt2aWRlb1JlZn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3Moe1xuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgICAgIC8vIEBzZWUgaHR0cHM6Ly9naXRodWIuY29tL2Vtb3Rpb24tanMvZW1vdGlvbi9pc3N1ZXMvMzAxMVxuICAgICAgICBhc3BlY3RSYXRpbzogYXNwZWN0UmF0aW8gIT09IHVuZGVmaW5lZCA/IGAke2FzcGVjdFJhdGlvfWAgOiB1bmRlZmluZWQsXG4gICAgICAgIHdpZHRoOiB3aWR0aCA/PyBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiBoZWlnaHQgPz8gXCJhdXRvXCIsXG4gICAgICB9KX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC92aWRlbz5cbiAgKTtcbn07XG4iXX0= */")
+    }, process.env.NODE_ENV === "production" ? "" : ";label:VideoThumbnail;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVmlkZW9UaHVtYm5haWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRFVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGh1bWJuYWlsL1ZpZGVvVGh1bWJuYWlsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IGlzTm9uTnVsbGlzaCB9IGZyb20gXCIuLi9AdXRpbHMvaXNOb25OdWxsaXNoXCI7XG5pbXBvcnQgeyB1c2VGaWVsZEdyb3VwIH0gZnJvbSBcIi4uL0ZpZWxkR3JvdXBcIjtcbmltcG9ydCB7IE1lZGlhRmFsbGJhY2ssIE1lZGlhU3R5bGVQcm9wcyB9IGZyb20gXCIuL01lZGlhRmFsbGJhY2tcIjtcblxuZXhwb3J0IGludGVyZmFjZSBWaWRlb1RodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwidmlkZW9cIj4sIE1lZGlhU3R5bGVQcm9wcyB7XG4gIHZpZGVvUmVmPzogUmVhY3QuUmVmT2JqZWN0PEhUTUxWaWRlb0VsZW1lbnQ+O1xuICBub1ZpZGVvPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIHNyY+OBp1VSTOOCkuaMh+WumuOBmeOCi+S7o+OCj+OCiuOBq+OAgUZpbGXjgqrjg5bjgrjjgqfjgq/jg4jjgpLmjIflrprjgZnjgovjgZPjgajjgYzjgafjgY3jgb7jgZnjgIJcbiAgICovXG4gIGZpbGU/OiBGaWxlO1xufVxuXG5leHBvcnQgY29uc3QgVmlkZW9UaHVtYm5haWwgPSAocHJvcHM6IFZpZGVvVGh1bWJuYWlsUHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIHZpZGVvUmVmLFxuICAgIGFzcGVjdFJhdGlvLFxuICAgIHdpZHRoLFxuICAgIGhlaWdodCxcbiAgICBjaGlsZHJlbixcbiAgICBzcmM6IHByb3BzU3JjLFxuICAgIGZpbGUsXG4gICAgbm9WaWRlbyxcbiAgICBzdHlsZSxcbiAgICBjbGFzc05hbWUsXG4gICAgLi4ucmVzdFxuICB9ID0gcHJvcHM7XG5cbiAgY29uc3QgeyBsb2FkaW5nOiBmaWVsZExvYWRpbmcgfSA9IHVzZUZpZWxkR3JvdXAoe30pO1xuXG4gIGNvbnN0IHNyYyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBmaWxlID8gVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKSA6IHByb3BzU3JjO1xuICB9LCBbZmlsZSwgcHJvcHNTcmNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAoZmlsZSAmJiBzcmMpIHtcbiAgICAgICAgVVJMLnJldm9rZU9iamVjdFVSTChzcmMpO1xuICAgICAgfVxuICAgIH07XG4gIH0sIFtmaWxlLCBzcmNdKTtcblxuICBjb25zdCBub1NvdXJjZSA9ICFpc05vbk51bGxpc2goY2hpbGRyZW4pICYmIHNyYyA9PT0gdW5kZWZpbmVkO1xuXG4gIGlmIChub1NvdXJjZSB8fCBmaWVsZExvYWRpbmcpIHtcbiAgICBjb25zdCBmYWxsYmFjayA9IChcbiAgICAgIDxNZWRpYUZhbGxiYWNrXG4gICAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIGFzcGVjdFJhdGlvPXthc3BlY3RSYXRpb31cbiAgICAgID5cbiAgICAgICAgTm8gVmlkZW9cbiAgICAgIDwvTWVkaWFGYWxsYmFjaz5cbiAgICApO1xuICAgIGlmIChub1ZpZGVvKSB7XG4gICAgICByZXR1cm4gZmFsbGJhY2s7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiA8U2hpbW1lckVmZmVjdCBhY3RpdmU+e2ZhbGxiYWNrfTwvU2hpbW1lckVmZmVjdD47XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8dmlkZW9cbiAgICAgIHsuLi5yZXN0fVxuICAgICAgc3JjPXtzcmN9XG4gICAgICB3aWR0aD17d2lkdGh9XG4gICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgIHJlZj17dmlkZW9SZWZ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIG9iamVjdEZpdDogXCJjb3ZlclwiLFxuICAgICAgICAvLyBAc2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9lbW90aW9uLWpzL2Vtb3Rpb24vaXNzdWVzLzMwMTFcbiAgICAgICAgYXNwZWN0UmF0aW86IGFzcGVjdFJhdGlvICE9PSB1bmRlZmluZWQgPyBgJHthc3BlY3RSYXRpb31gIDogdW5kZWZpbmVkLFxuICAgICAgICB3aWR0aDogd2lkdGggPz8gXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogaGVpZ2h0ID8/IFwiYXV0b1wiLFxuICAgICAgfSl9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvdmlkZW8+XG4gICk7XG59O1xuIl19 */")
   }), children);
 };
 exports.VideoThumbnail = VideoThumbnail;

package/cjs/Thumbnail/VideoThumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoThumbnail.js","names":["_react","require","_react2","_ShimmerEffect","_isNonNullish","_FieldGroup","_MediaFallback","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","VideoThumbnail","props","videoRef","aspectRatio","width","height","children","src","propsSrc","file","noVideo","style","className","rest","loading","fieldLoading","useFieldGroup","useMemo","URL","createObjectURL","useEffect","revokeObjectURL","noSource","isNonNullish","undefined","fallback","jsx","MediaFallback","ShimmerEffect","active","ref","css","display","objectFit","process","env","NODE_ENV","exports"],"sources":["../../../src/Thumbnail/VideoThumbnail.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useEffect, useMemo } from \"react\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { isNonNullish } from \"../@utils/isNonNullish\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { MediaFallback, MediaStyleProps } from \"./MediaFallback\";\n\nexport interface VideoThumbnailProps\n  extends React.ComponentPropsWithoutRef<\"video\">,\n    MediaStyleProps {\n  videoRef?: React.RefObject<HTMLVideoElement>;\n  noVideo?: boolean;\n  /**\n   * srcでURLを指定する代わりに、Fileオブジェクトを指定することができます。\n   */\n  file?: File;\n}\n\nexport const VideoThumbnail = (props: VideoThumbnailProps) => {\n  const {\n    videoRef,\n    aspectRatio,\n    width,\n    height,\n    children,\n    src: propsSrc,\n    file,\n    noVideo,\n    style,\n    className,\n    ...rest\n  } = props;\n\n  const { loading: fieldLoading } = useFieldGroup({});\n\n  const src = useMemo(() => {\n    return file ? URL.createObjectURL(file) : propsSrc;\n  }, [file, propsSrc]);\n\n  useEffect(() => {\n    return () => {\n      if (file && src) {\n        URL.revokeObjectURL(src);\n      }\n    };\n  }, [file, src]);\n\n  const noSource = !isNonNullish(children) && src === undefined;\n\n  if (noSource || fieldLoading) {\n    const fallback = (\n      <MediaFallback\n        style={style}\n        className={className}\n        width={width}\n        height={height}\n        aspectRatio={aspectRatio}\n      >\n        No Video\n      </MediaFallback>\n    );\n    if (noVideo) {\n      return fallback;\n    } else {\n      return <ShimmerEffect active>{fallback}</ShimmerEffect>;\n    }\n  }\n\n  return (\n    <video\n      {...rest}\n      src={src}\n      width={width}\n      height={height}\n      style={style}\n      ref={videoRef}\n      className={className}\n      css={css({\n        display: \"flex\",\n        objectFit: \"cover\",\n        // @see https://github.com/emotion-js/emotion/issues/3011\n        aspectRatio: aspectRatio !== undefined ? `${aspectRatio}` : undefined,\n        width: width ?? \"100%\",\n        height: height ?? \"auto\",\n      })}\n    >\n      {children}\n    </video>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VideoThumbnail.js","names":["_react","require","_react2","_ShimmerEffect","_isNonNullish","_FieldGroup","_MediaFallback","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","VideoThumbnail","props","videoRef","aspectRatio","width","height","children","src","propsSrc","file","noVideo","style","className","rest","loading","fieldLoading","useFieldGroup","useMemo","URL","createObjectURL","useEffect","revokeObjectURL","noSource","isNonNullish","undefined","fallback","jsx","MediaFallback","ShimmerEffect","active","ref","css","display","objectFit","process","env","NODE_ENV","exports"],"sources":["../../../src/Thumbnail/VideoThumbnail.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useEffect, useMemo } from \"react\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { isNonNullish } from \"../@utils/isNonNullish\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { MediaFallback, MediaStyleProps } from \"./MediaFallback\";\n\nexport interface VideoThumbnailProps\n  extends React.ComponentPropsWithoutRef<\"video\">, MediaStyleProps {\n  videoRef?: React.RefObject<HTMLVideoElement>;\n  noVideo?: boolean;\n  /**\n   * srcでURLを指定する代わりに、Fileオブジェクトを指定することができます。\n   */\n  file?: File;\n}\n\nexport const VideoThumbnail = (props: VideoThumbnailProps) => {\n  const {\n    videoRef,\n    aspectRatio,\n    width,\n    height,\n    children,\n    src: propsSrc,\n    file,\n    noVideo,\n    style,\n    className,\n    ...rest\n  } = props;\n\n  const { loading: fieldLoading } = useFieldGroup({});\n\n  const src = useMemo(() => {\n    return file ? URL.createObjectURL(file) : propsSrc;\n  }, [file, propsSrc]);\n\n  useEffect(() => {\n    return () => {\n      if (file && src) {\n        URL.revokeObjectURL(src);\n      }\n    };\n  }, [file, src]);\n\n  const noSource = !isNonNullish(children) && src === undefined;\n\n  if (noSource || fieldLoading) {\n    const fallback = (\n      <MediaFallback\n        style={style}\n        className={className}\n        width={width}\n        height={height}\n        aspectRatio={aspectRatio}\n      >\n        No Video\n      </MediaFallback>\n    );\n    if (noVideo) {\n      return fallback;\n    } else {\n      return <ShimmerEffect active>{fallback}</ShimmerEffect>;\n    }\n  }\n\n  return (\n    <video\n      {...rest}\n      src={src}\n      width={width}\n      height={height}\n      style={style}\n      ref={videoRef}\n      className={className}\n      css={css({\n        display: \"flex\",\n        objectFit: \"cover\",\n        // @see https://github.com/emotion-js/emotion/issues/3011\n        aspectRatio: aspectRatio !== undefined ? `${aspectRatio}` : undefined,\n        width: width ?? \"100%\",\n        height: height ?? \"auto\",\n      })}\n    >\n      {children}\n    </video>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/Timeline/Timeline.js

@@ -23,7 +23,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;gap:16px;align-items:center;&::before,&::after{flex-grow:1;height:1px;content:\"\";background-color:currentColor;}"
 } : {
   name: "1dnm84l-DefaultLabel",
-  styles: "display:flex;gap:16px;align-items:center;&::before,&::after{flex-grow:1;height:1px;content:\"\";background-color:currentColor;};label:DefaultLabel;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCI7XG5pbXBvcnQgaXNCZXR3ZWVuIGZyb20gXCJkYXlqcy9wbHVnaW4vaXNCZXR3ZWVuXCI7XG5pbXBvcnQgaXNTYW1lT3JBZnRlciBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQWZ0ZXJcIjtcbmltcG9ydCBpc1NhbWVPckJlZm9yZSBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQmVmb3JlXCI7XG5pbXBvcnQgeyB0eXBlIFVua25vd25Qcm9wcyB9IGZyb20gXCIuLi9AdHlwZXMvVW5rbm93blByb3BzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFJlbGF0aXZlVGltZUZvcm1hdCB9IGZyb20gXCIuLi9AdXRpbHNcIjtcbmltcG9ydCB7IExvY2FsZUNvbnRleHQgfSBmcm9tIFwiLi4vTG9jYWxlUHJvdmlkZXJcIjtcbmltcG9ydCB0eXBlIHsgVW5pdCB9IGZyb20gXCJyZWxhdGl2ZS10aW1lLWZvcm1hdFwiO1xuXG5kYXlqcy5leHRlbmQoaXNTYW1lT3JBZnRlcik7XG5kYXlqcy5leHRlbmQoaXNTYW1lT3JCZWZvcmUpO1xuZGF5anMuZXh0ZW5kKGlzQmV0d2Vlbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVMYWJlbFByb3BzIHtcbiAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xufVxuXG5jb25zdCBEZWZhdWx0TGFiZWwgPSAoeyBmb3JtYXR0ZWREYXRlIH06IFRpbWVsaW5lTGFiZWxQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUeXBvZ3JhcGh5XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAmOjpiZWZvcmUsXG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgPC9UeXBvZ3JhcGh5PlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgVGltZWxpbmVJdGVtUHJvcHM8UHJvcHMgZXh0ZW5kcyBVbmtub3duUHJvcHM+ID0gUHJvcHMgJiB7XG4gIGRhdGU6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVQcm9wczxQcm9wcyBleHRlbmRzIFVua25vd25Qcm9wcz5cbiAgZXh0ZW5kcyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4ge1xuICAvKipcbiAgICogVGltZWxpbmVQcm9wcy5kYXRlc+OBp+aMh+WumuOBleOCjOOBn+ODh+ODvOOCv+OCknByb3Bz44Go44GX44Gm5Y+X44GR5Y+W44KK6KGo56S644GZ44KL44Gf44KB44Gu44Kz44Oz44Od44O844ON44Oz44OI44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqL1xuICByZW5kZXJJdGVtPzogKHByb3BzOiBUaW1lbGluZUl0ZW1Qcm9wczxQcm9wcz4pID0+IFJlYWN0LkpTWC5FbGVtZW50O1xuICAvKipcbiAgICog5pel5LuY44Go44CB5pel5LuY44Gr5a++5b+c44GZ44KL44OH44O844K/576k44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIOaYh+mghuOBp2tleeOBjOOCveODvOODiOOBleOCjOOBpuOBhOOCi+OBk+OBqOOCkuWJjeaPkOOBqOOBl+OBpuOBhOOCi+eCueOBq+azqOaEj+OBl+OBpuOBj+OBoOOBleOBhOOAglxuICAgKlxuICAgKiDjgr3jg7zjg4jlh6bnkIbjgYzpnaLlgJLjgarloLTlkIjjga9VSeWBtOOBp+OBruWHpueQhuOCkuaknOiojuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiDjgZPjgZPjgaflgKTjgajjgZfjgabmjIflrprjgZXjgozjgZ/phY3liJfjga7lnovjga9UaW1lbGluZVByb3BzLml0ZW3jga7lvJXmlbDjgavnlKjjgYTjgonjgozjgb7jgZnjgIJcbiAgICpcbiAgICogZGF0ZeOBruODleOCqeODvOODnuODg+ODiOOBr1lZWVlNTURE44G+44Gf44GvWVlZWS1NTS1EROOBp+OBmeOAgm51bWJlcihtcynjgavjga/lvozjgavlr77lv5zjgZnjgovjgYvjgoLjgZfjgozjgb7jgZvjgpPjgIJcbiAgICpcbiAgICogRGF0ZeWei+OCkuWIqeeUqOOBl+OBn+OBhOOBqOOBhOOBhuW8t+OBhOimgeacm+OBjOOBguOBo+OBn+WgtOWQiOOBr01hcOOBq+WIh+OCiuabv+OBiOOCi+OBk+OBqOOCkuaknOiojuOBl+OBvuOBmeOAglxuICAgKlxuICAgKi9cbiAgZGF0ZXM6IFJlY29yZDxzdHJpbmcsIFByb3BzW10+O1xuICAvKipcbiAgICog5Yy65YiG44GU44Go44Gu44Op44OZ44Or44Gu6KGo6KiY44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IHt5ZWFyOiBudW1lcmljICxtb250aDogbnVtZXJpYywgZGF5OiBudW1lcmljfVxuICAgKi9cbiAgZm9ybWF0PzogXCJyZWxhdGl2ZVwiIHwgSW50bC5EYXRlVGltZUZvcm1hdE9wdGlvbnM7XG4gIC8qKlxuICAgKiDljLrliIbjgpLmjIflrprjgZnjgovjgILljp/ngrnjgpLkuK3lv4PjgajjgZfjgabkuKHlgbTjgavjgIHpoIbjgavmjIflrprjgZXjgozjgZ/ljLrliIbngrnjgpLphY3nva7jgZfjgabjgYTjgY/jgIJcbiAgICpcbiAgICog5Y6f54K544Gu44OH44OV44Kp44Or44OI44GvXCLku4rml6VcIuOAglxuICAgKlxuICAgKiDpgY7ljrvjgYvjgonmnKrmnaXjgbjmmIfpoIbjgafjgr3jg7zjg4jjgZXjgozjgabjgYTjgovjgZPjgajjgpLliY3mj5DjgavjgZfjgabjgYTjgb7jgZnjgIJcbiAgICog44K944O844OI5Yem55CG44GM6Zuj44GX44GE5aC05ZCI44GvVUnlgbTjgafjga7lh6bnkIbjgpLmpJzoqI7jgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgW11cbiAgICovXG4gIHNlcGFyYXRvcnM/OiB7XG4gICAgdW5pdDogXCJkYXlcIiB8IFwibW9udGhcIiB8IFwieWVhclwiIHwgXCJ3ZWVrXCI7XG4gICAgdmFsdWU6IG51bWJlcjtcbiAgfVtdO1xuICAvKipcbiAgICog5Z+65rqW5pel44KS5oyH5a6a44GZ44KL44CCXG4gICAqIEBkZWZhdWx0IHRvZGF5XG4gICAqL1xuICBkYXRlPzogZGF5anMuQ29uZmlnVHlwZTtcbiAgLyoqXG4gICAqIOODleOCqeODvOODnuODg+ODiOOBleOCjOOBn+aXpeS7mOOCkuWPl+OBkeWPluOCiuOAgeODqeODmeODq+OBqOOBl+OBpuihqOekuuOBmeOCi+OCs+ODs+ODneODvOODjeODs+ODiOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVyTGFiZWw/OiAocHJvcHM6IFRpbWVsaW5lTGFiZWxQcm9wcykgPT4gUmVhY3QuSlNYLkVsZW1lbnQ7XG59XG5cbmNvbnN0IGdldERhdGVzRW50cmllcyA9IDxFIGV4dGVuZHMgVW5rbm93blByb3BzPihcbiAgZGF0ZXM6IFJlY29yZDxzdHJpbmcsIEVbXT4sXG4gIHNlcGFyYXRvcnM6IHtcbiAgICB1bml0OiBcImRheVwiIHwgXCJtb250aFwiIHwgXCJ5ZWFyXCIgfCBcIndlZWtcIjtcbiAgICB2YWx1ZTogbnVtYmVyO1xuICB9W10sXG4gIG9yaWdpbjogZGF5anMuRGF5anMsXG4pID0+IHtcbiAgaWYgKHNlcGFyYXRvcnMubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHByZXZQcm9wc0FycmF5OiBbXSxcbiAgICAgIGRhdGVzRW50cmllczogT2JqZWN0LmVudHJpZXMoZGF0ZXMpLm1hcCgoW2RhdGUsIHByb3BzQXJyYXldKSA9PiB7XG4gICAgICAgIGNvbnN0IGRpZmYgPSBkYXlqcyhkYXRlKS5kaWZmKG9yaWdpbiwgXCJkYXlcIik7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgZGF0ZSxcbiAgICAgICAgICBwcm9wc0FycmF5Lm1hcCgocHJvcHMpID0+ICh7XG4gICAgICAgICAgICAuLi5wcm9wcyxcbiAgICAgICAgICAgIGRhdGUsXG4gICAgICAgICAgfSkpLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHVuaXQ6IFwiZGF5XCIsXG4gICAgICAgICAgICBkaWZmLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0gYXMgY29uc3Q7XG4gICAgICB9KSxcbiAgICB9O1xuICB9XG5cbiAgY29uc3QgY29weSA9IHsgLi4uZGF0ZXMgfTtcbiAgLy8gcHJldlByb3BzXG4gIGxldCBwcmV2UHJvcHM6IChFICYgeyBkYXRlOiBzdHJpbmcgfSlbXSA9IFtdO1xuICBjb25zdCBtaW4gPSBvcmlnaW4uYWRkKHNlcGFyYXRvcnNbMF0udmFsdWUsIHNlcGFyYXRvcnNbMF0udW5pdCk7XG4gIGZvciAoY29uc3QgZGF0ZSBpbiBjb3B5KSB7XG4gICAgaWYgKGRheWpzKGRhdGUpLmlzQmVmb3JlKG1pbiwgXCJkYXlcIikpIHtcbiAgICAgIGNvbnN0IGFkZCA9IGNvcHlbZGF0ZV0ubWFwKChwcm9wcykgPT4gKHsgLi4ucHJvcHMsIGRhdGUgfSkpO1xuICAgICAgcHJldlByb3BzID0gcHJldlByb3BzLmNvbmNhdChhZGQpO1xuICAgICAgZGVsZXRlIGNvcHlbZGF0ZV07XG4gICAgfSBlbHNlIHtcbiAgICAgIGJyZWFrO1xuICAgIH1cbiAgfVxuICBsZXQgcmVzdWx0czogKHJlYWRvbmx5IFtcbiAgICBzdHJpbmcsXG4gICAgKEUgJiB7XG4gICAgICBkYXRlOiBzdHJpbmc7XG4gICAgfSlbXSxcbiAgICB7XG4gICAgICB1bml0OiBzdHJpbmc7XG4gICAgICBkaWZmOiBudW1iZXI7XG4gICAgfSxcbiAgXSlbXSA9IFtdO1xuICBzZXBhcmF0b3JzLm1hcCgoeyB1bml0LCB2YWx1ZSB9LCBpbmRleCwgb3JpZ2luYWwpID0+IHtcbiAgICBjb25zdCBtaW4gPSBvcmlnaW4uYWRkKHZhbHVlLCB1bml0KTtcbiAgICBjb25zdCBtYXggPVxuICAgICAgc2VwYXJhdG9ycy5sZW5ndGggLSAxID09PSBpbmRleFxuICAgICAgICA/IGRheWpzKFwiOTk5OS8xMi8yNFwiKVxuICAgICAgICA6IG9yaWdpbi5hZGQob3JpZ2luYWxbaW5kZXggKyAxXS52YWx1ZSwgb3JpZ2luYWxbaW5kZXggKyAxXS51bml0KTtcbiAgICBsZXQgcHJvcHNBcnJheTogKEUgJiB7IGRhdGU6IHN0cmluZyB9KVtdID0gW107XG4gICAgZm9yIChjb25zdCBkYXRlIGluIGNvcHkpIHtcbiAgICAgIGlmIChkYXlqcyhkYXRlKS5pc0JldHdlZW4obWluLCBtYXgsIFwiZGF5XCIsIFwiWylcIikpIHtcbiAgICAgICAgY29uc3QgYWRkID0gY29weVtkYXRlXS5tYXAoKHByb3BzKSA9PiAoeyAuLi5wcm9wcywgZGF0ZSB9KSk7XG4gICAgICAgIHByb3BzQXJyYXkgPSBwcm9wc0FycmF5LmNvbmNhdChhZGQpO1xuICAgICAgICBkZWxldGUgY29weVtkYXRlXTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgIH1cbiAgICBpZiAocHJvcHNBcnJheS5sZW5ndGggPiAwKSB7XG4gICAgICByZXN1bHRzID0gcmVzdWx0cy5jb25jYXQoW1xuICAgICAgICBbXG4gICAgICAgICAgbWluLmZvcm1hdChcIllZWVlNTUREXCIpLFxuICAgICAgICAgIHByb3BzQXJyYXksXG4gICAgICAgICAge1xuICAgICAgICAgICAgdW5pdCxcbiAgICAgICAgICAgIGRpZmY6IHZhbHVlLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0sXG4gICAgICBdKTtcbiAgICB9XG4gIH0pO1xuICByZXR1cm4ge1xuICAgIHByZXZQcm9wc0FycmF5OiBwcmV2UHJvcHMsXG4gICAgZGF0ZXNFbnRyaWVzOiByZXN1bHRzLFxuICB9O1xufTtcblxuY29uc3QgbWFrZVJlbmRlckl0ZW1zID1cbiAgPEUgZXh0ZW5kcyBVbmtub3duUHJvcHM+KFxuICAgIHJlbmRlckl0ZW06IChcbiAgICAgIHByb3BzOiBFICYgeyBkYXRlOiBzdHJpbmc7IGluZGV4OiBudW1iZXIgfSxcbiAgICApID0+IFJlYWN0LkpTWC5FbGVtZW50LFxuICApID0+XG4gIChwcm9wc0FycmF5OiAoRSAmIHsgZGF0ZTogc3RyaW5nIH0pW10pID0+IHtcbiAgICByZXR1cm4gcHJvcHNBcnJheS5tYXAoKHByb3BzLCBpbmRleCkgPT5cbiAgICAgIFJlYWN0LmNsb25lRWxlbWVudChyZW5kZXJJdGVtKHsgLi4ucHJvcHMsIGluZGV4IH0pLCB7XG4gICAgICAgIGtleTogYCR7cHJvcHMuZGF0ZX0uJHtpbmRleH1gLFxuICAgICAgfSksXG4gICAgKTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lID0gPEUgZXh0ZW5kcyBVbmtub3duUHJvcHM+KHtcbiAgcmVuZGVySXRlbSxcbiAgZGF0ZXMsXG4gIGZvcm1hdCA9IHsgeWVhcjogXCJudW1lcmljXCIsIG1vbnRoOiBcIm51bWVyaWNcIiwgZGF5OiBcIm51bWVyaWNcIiB9LFxuICBzZXBhcmF0b3JzID0gW10sXG4gIGRhdGUgPSBkYXlqcygpLnN0YXJ0T2YoXCJkYXlcIiksXG4gIHJlbmRlckxhYmVsOiBMYWJlbCA9IERlZmF1bHRMYWJlbCxcbiAgLi4ucHJvcHNcbn06IFRpbWVsaW5lUHJvcHM8RT4pID0+IHtcbiAgY29uc3QgbG9jYWxlID0gdXNlQ29udGV4dChMb2NhbGVDb250ZXh0KTtcbiAgY29uc3QgcnRmID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIFJlbGF0aXZlVGltZUZvcm1hdChsb2NhbGUsIHtcbiAgICAgIG51bWVyaWM6IFwiYXV0b1wiLFxuICAgIH0pO1xuICB9LCBbbG9jYWxlXSk7XG4gIGNvbnN0IHsgcHJldlByb3BzQXJyYXksIGRhdGVzRW50cmllcyB9ID0gZ2V0RGF0ZXNFbnRyaWVzPEU+KFxuICAgIGRhdGVzLFxuICAgIHNlcGFyYXRvcnMsXG4gICAgZGF5anMoZGF0ZSksXG4gICk7XG5cbiAgY29uc3QgcmVuZGVySXRlbXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBJdGVtID0gcmVuZGVySXRlbTtcbiAgICBpZiAoSXRlbSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoXCJpdGVtIG9yIHJlbmRlckl0ZW0gaXMgcmVxdWlyZWRcIik7XG4gICAgfVxuICAgIHJldHVybiBtYWtlUmVuZGVySXRlbXM8RT4oSXRlbSk7XG4gIH0sIFtyZW5kZXJJdGVtXSk7XG5cbiAgcmV0dXJuIGRhdGVzRW50cmllcy5sZW5ndGggPiAwID8gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBnYXA6IDE2cHg7XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtwcmV2UHJvcHNBcnJheS5sZW5ndGggPiAwICYmIDxkaXY+e3JlbmRlckl0ZW1zKHByZXZQcm9wc0FycmF5KX08L2Rpdj59XG4gICAgICB7ZGF0ZXNFbnRyaWVzLm1hcCgoW3ZhbHVlLCBwcm9wc0FycmF5LCB7IHVuaXQsIGRpZmYgfV0pID0+IHtcbiAgICAgICAgY29uc3QgZm9ybWF0ZWREYXRlID1cbiAgICAgICAgICBmb3JtYXQgPT09IFwicmVsYXRpdmVcIlxuICAgICAgICAgICAgPyBydGYuZm9ybWF0KGRpZmYsIHVuaXQgYXMgVW5pdClcbiAgICAgICAgICAgIDogZGF5anModmFsdWUpLnRvRGF0ZSgpLnRvTG9jYWxlRGF0ZVN0cmluZyhsb2NhbGUsIGZvcm1hdCk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFJlYWN0LkZyYWdtZW50IGtleT17Zm9ybWF0ZWREYXRlfT5cbiAgICAgICAgICAgIDxMYWJlbCBmb3JtYXR0ZWREYXRlPXtmb3JtYXRlZERhdGV9IC8+XG4gICAgICAgICAgICA8ZGl2PntyZW5kZXJJdGVtcyhwcm9wc0FycmF5KX08L2Rpdj5cbiAgICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgPC9kaXY+XG4gICkgOiBudWxsO1xufTtcbiJdfQ== */",
+  styles: "display:flex;gap:16px;align-items:center;&::before,&::after{flex-grow:1;height:1px;content:\"\";background-color:currentColor;};label:DefaultLabel;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCI7XG5pbXBvcnQgaXNCZXR3ZWVuIGZyb20gXCJkYXlqcy9wbHVnaW4vaXNCZXR3ZWVuXCI7XG5pbXBvcnQgaXNTYW1lT3JBZnRlciBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQWZ0ZXJcIjtcbmltcG9ydCBpc1NhbWVPckJlZm9yZSBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQmVmb3JlXCI7XG5pbXBvcnQgeyB0eXBlIFVua25vd25Qcm9wcyB9IGZyb20gXCIuLi9AdHlwZXMvVW5rbm93blByb3BzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFJlbGF0aXZlVGltZUZvcm1hdCB9IGZyb20gXCIuLi9AdXRpbHNcIjtcbmltcG9ydCB7IExvY2FsZUNvbnRleHQgfSBmcm9tIFwiLi4vTG9jYWxlUHJvdmlkZXJcIjtcbmltcG9ydCB0eXBlIHsgVW5pdCB9IGZyb20gXCJyZWxhdGl2ZS10aW1lLWZvcm1hdFwiO1xuXG5kYXlqcy5leHRlbmQoaXNTYW1lT3JBZnRlcik7XG5kYXlqcy5leHRlbmQoaXNTYW1lT3JCZWZvcmUpO1xuZGF5anMuZXh0ZW5kKGlzQmV0d2Vlbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVMYWJlbFByb3BzIHtcbiAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xufVxuXG5jb25zdCBEZWZhdWx0TGFiZWwgPSAoeyBmb3JtYXR0ZWREYXRlIH06IFRpbWVsaW5lTGFiZWxQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUeXBvZ3JhcGh5XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAmOjpiZWZvcmUsXG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgPC9UeXBvZ3JhcGh5PlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgVGltZWxpbmVJdGVtUHJvcHM8UHJvcHMgZXh0ZW5kcyBVbmtub3duUHJvcHM+ID0gUHJvcHMgJiB7XG4gIGRhdGU6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVQcm9wczxcbiAgUHJvcHMgZXh0ZW5kcyBVbmtub3duUHJvcHMsXG4+IGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgLyoqXG4gICAqIFRpbWVsaW5lUHJvcHMuZGF0ZXPjgafmjIflrprjgZXjgozjgZ/jg4fjg7zjgr/jgpJwcm9wc+OBqOOBl+OBpuWPl+OBkeWPluOCiuihqOekuuOBmeOCi+OBn+OCgeOBruOCs+ODs+ODneODvOODjeODs+ODiOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVySXRlbT86IChwcm9wczogVGltZWxpbmVJdGVtUHJvcHM8UHJvcHM+KSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgLyoqXG4gICAqIOaXpeS7mOOBqOOAgeaXpeS7mOOBq+WvvuW/nOOBmeOCi+ODh+ODvOOCv+e+pOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiDmmIfpoIbjgadrZXnjgYzjgr3jg7zjg4jjgZXjgozjgabjgYTjgovjgZPjgajjgpLliY3mj5DjgajjgZfjgabjgYTjgovngrnjgavms6jmhI/jgZfjgabjgY/jgaDjgZXjgYTjgIJcbiAgICpcbiAgICog44K944O844OI5Yem55CG44GM6Z2i5YCS44Gq5aC05ZCI44GvVUnlgbTjgafjga7lh6bnkIbjgpLmpJzoqI7jgZfjgb7jgZnjgIJcbiAgICpcbiAgICog44GT44GT44Gn5YCk44Go44GX44Gm5oyH5a6a44GV44KM44Gf6YWN5YiX44Gu5Z6L44GvVGltZWxpbmVQcm9wcy5pdGVt44Gu5byV5pWw44Gr55So44GE44KJ44KM44G+44GZ44CCXG4gICAqXG4gICAqIGRhdGXjga7jg5Xjgqnjg7zjg57jg4Pjg4jjga9ZWVlZTU1EROOBvuOBn+OBr1lZWVktTU0tRETjgafjgZnjgIJudW1iZXIobXMp44Gr44Gv5b6M44Gr5a++5b+c44GZ44KL44GL44KC44GX44KM44G+44Gb44KT44CCXG4gICAqXG4gICAqIERhdGXlnovjgpLliKnnlKjjgZfjgZ/jgYTjgajjgYTjgYblvLfjgYTopoHmnJvjgYzjgYLjgaPjgZ/loLTlkIjjga9NYXDjgavliIfjgormm7/jgYjjgovjgZPjgajjgpLmpJzoqI7jgZfjgb7jgZnjgIJcbiAgICpcbiAgICovXG4gIGRhdGVzOiBSZWNvcmQ8c3RyaW5nLCBQcm9wc1tdPjtcbiAgLyoqXG4gICAqIOWMuuWIhuOBlOOBqOOBruODqeODmeODq+OBruihqOiomOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCB7eWVhcjogbnVtZXJpYyAsbW9udGg6IG51bWVyaWMsIGRheTogbnVtZXJpY31cbiAgICovXG4gIGZvcm1hdD86IFwicmVsYXRpdmVcIiB8IEludGwuRGF0ZVRpbWVGb3JtYXRPcHRpb25zO1xuICAvKipcbiAgICog5Yy65YiG44KS5oyH5a6a44GZ44KL44CC5Y6f54K544KS5Lit5b+D44Go44GX44Gm5Lih5YG044Gr44CB6aCG44Gr5oyH5a6a44GV44KM44Gf5Yy65YiG54K544KS6YWN572u44GX44Gm44GE44GP44CCXG4gICAqXG4gICAqIOWOn+eCueOBruODh+ODleOCqeODq+ODiOOBr1wi5LuK5pelXCLjgIJcbiAgICpcbiAgICog6YGO5Y6744GL44KJ5pyq5p2l44G45piH6aCG44Gn44K944O844OI44GV44KM44Gm44GE44KL44GT44Go44KS5YmN5o+Q44Gr44GX44Gm44GE44G+44GZ44CCXG4gICAqIOOCveODvOODiOWHpueQhuOBjOmbo+OBl+OBhOWgtOWQiOOBr1VJ5YG044Gn44Gu5Yem55CG44KS5qSc6KiO44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IFtdXG4gICAqL1xuICBzZXBhcmF0b3JzPzoge1xuICAgIHVuaXQ6IFwiZGF5XCIgfCBcIm1vbnRoXCIgfCBcInllYXJcIiB8IFwid2Vla1wiO1xuICAgIHZhbHVlOiBudW1iZXI7XG4gIH1bXTtcbiAgLyoqXG4gICAqIOWfuua6luaXpeOCkuaMh+WumuOBmeOCi+OAglxuICAgKiBAZGVmYXVsdCB0b2RheVxuICAgKi9cbiAgZGF0ZT86IGRheWpzLkNvbmZpZ1R5cGU7XG4gIC8qKlxuICAgKiDjg5Xjgqnjg7zjg57jg4Pjg4jjgZXjgozjgZ/ml6Xku5jjgpLlj5fjgZHlj5bjgorjgIHjg6njg5njg6vjgajjgZfjgabooajnpLrjgZnjgovjgrPjg7Pjg53jg7zjg43jg7Pjg4jjgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICovXG4gIHJlbmRlckxhYmVsPzogKHByb3BzOiBUaW1lbGluZUxhYmVsUHJvcHMpID0+IFJlYWN0LkpTWC5FbGVtZW50O1xufVxuXG5jb25zdCBnZXREYXRlc0VudHJpZXMgPSA8RSBleHRlbmRzIFVua25vd25Qcm9wcz4oXG4gIGRhdGVzOiBSZWNvcmQ8c3RyaW5nLCBFW10+LFxuICBzZXBhcmF0b3JzOiB7XG4gICAgdW5pdDogXCJkYXlcIiB8IFwibW9udGhcIiB8IFwieWVhclwiIHwgXCJ3ZWVrXCI7XG4gICAgdmFsdWU6IG51bWJlcjtcbiAgfVtdLFxuICBvcmlnaW46IGRheWpzLkRheWpzLFxuKSA9PiB7XG4gIGlmIChzZXBhcmF0b3JzLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiB7XG4gICAgICBwcmV2UHJvcHNBcnJheTogW10sXG4gICAgICBkYXRlc0VudHJpZXM6IE9iamVjdC5lbnRyaWVzKGRhdGVzKS5tYXAoKFtkYXRlLCBwcm9wc0FycmF5XSkgPT4ge1xuICAgICAgICBjb25zdCBkaWZmID0gZGF5anMoZGF0ZSkuZGlmZihvcmlnaW4sIFwiZGF5XCIpO1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgIGRhdGUsXG4gICAgICAgICAgcHJvcHNBcnJheS5tYXAoKHByb3BzKSA9PiAoe1xuICAgICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgICAgICBkYXRlLFxuICAgICAgICAgIH0pKSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICB1bml0OiBcImRheVwiLFxuICAgICAgICAgICAgZGlmZixcbiAgICAgICAgICB9LFxuICAgICAgICBdIGFzIGNvbnN0O1xuICAgICAgfSksXG4gICAgfTtcbiAgfVxuXG4gIGNvbnN0IGNvcHkgPSB7IC4uLmRhdGVzIH07XG4gIC8vIHByZXZQcm9wc1xuICBsZXQgcHJldlByb3BzOiAoRSAmIHsgZGF0ZTogc3RyaW5nIH0pW10gPSBbXTtcbiAgY29uc3QgbWluID0gb3JpZ2luLmFkZChzZXBhcmF0b3JzWzBdLnZhbHVlLCBzZXBhcmF0b3JzWzBdLnVuaXQpO1xuICBmb3IgKGNvbnN0IGRhdGUgaW4gY29weSkge1xuICAgIGlmIChkYXlqcyhkYXRlKS5pc0JlZm9yZShtaW4sIFwiZGF5XCIpKSB7XG4gICAgICBjb25zdCBhZGQgPSBjb3B5W2RhdGVdLm1hcCgocHJvcHMpID0+ICh7IC4uLnByb3BzLCBkYXRlIH0pKTtcbiAgICAgIHByZXZQcm9wcyA9IHByZXZQcm9wcy5jb25jYXQoYWRkKTtcbiAgICAgIGRlbGV0ZSBjb3B5W2RhdGVdO1xuICAgIH0gZWxzZSB7XG4gICAgICBicmVhaztcbiAgICB9XG4gIH1cbiAgbGV0IHJlc3VsdHM6IChyZWFkb25seSBbXG4gICAgc3RyaW5nLFxuICAgIChFICYge1xuICAgICAgZGF0ZTogc3RyaW5nO1xuICAgIH0pW10sXG4gICAge1xuICAgICAgdW5pdDogc3RyaW5nO1xuICAgICAgZGlmZjogbnVtYmVyO1xuICAgIH0sXG4gIF0pW10gPSBbXTtcbiAgc2VwYXJhdG9ycy5tYXAoKHsgdW5pdCwgdmFsdWUgfSwgaW5kZXgsIG9yaWdpbmFsKSA9PiB7XG4gICAgY29uc3QgbWluID0gb3JpZ2luLmFkZCh2YWx1ZSwgdW5pdCk7XG4gICAgY29uc3QgbWF4ID1cbiAgICAgIHNlcGFyYXRvcnMubGVuZ3RoIC0gMSA9PT0gaW5kZXhcbiAgICAgICAgPyBkYXlqcyhcIjk5OTkvMTIvMjRcIilcbiAgICAgICAgOiBvcmlnaW4uYWRkKG9yaWdpbmFsW2luZGV4ICsgMV0udmFsdWUsIG9yaWdpbmFsW2luZGV4ICsgMV0udW5pdCk7XG4gICAgbGV0IHByb3BzQXJyYXk6IChFICYgeyBkYXRlOiBzdHJpbmcgfSlbXSA9IFtdO1xuICAgIGZvciAoY29uc3QgZGF0ZSBpbiBjb3B5KSB7XG4gICAgICBpZiAoZGF5anMoZGF0ZSkuaXNCZXR3ZWVuKG1pbiwgbWF4LCBcImRheVwiLCBcIlspXCIpKSB7XG4gICAgICAgIGNvbnN0IGFkZCA9IGNvcHlbZGF0ZV0ubWFwKChwcm9wcykgPT4gKHsgLi4ucHJvcHMsIGRhdGUgfSkpO1xuICAgICAgICBwcm9wc0FycmF5ID0gcHJvcHNBcnJheS5jb25jYXQoYWRkKTtcbiAgICAgICAgZGVsZXRlIGNvcHlbZGF0ZV07XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKHByb3BzQXJyYXkubGVuZ3RoID4gMCkge1xuICAgICAgcmVzdWx0cyA9IHJlc3VsdHMuY29uY2F0KFtcbiAgICAgICAgW1xuICAgICAgICAgIG1pbi5mb3JtYXQoXCJZWVlZTU1ERFwiKSxcbiAgICAgICAgICBwcm9wc0FycmF5LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHVuaXQsXG4gICAgICAgICAgICBkaWZmOiB2YWx1ZSxcbiAgICAgICAgICB9LFxuICAgICAgICBdLFxuICAgICAgXSk7XG4gICAgfVxuICB9KTtcbiAgcmV0dXJuIHtcbiAgICBwcmV2UHJvcHNBcnJheTogcHJldlByb3BzLFxuICAgIGRhdGVzRW50cmllczogcmVzdWx0cyxcbiAgfTtcbn07XG5cbmNvbnN0IG1ha2VSZW5kZXJJdGVtcyA9XG4gIDxFIGV4dGVuZHMgVW5rbm93blByb3BzPihcbiAgICByZW5kZXJJdGVtOiAoXG4gICAgICBwcm9wczogRSAmIHsgZGF0ZTogc3RyaW5nOyBpbmRleDogbnVtYmVyIH0sXG4gICAgKSA9PiBSZWFjdC5KU1guRWxlbWVudCxcbiAgKSA9PlxuICAocHJvcHNBcnJheTogKEUgJiB7IGRhdGU6IHN0cmluZyB9KVtdKSA9PiB7XG4gICAgcmV0dXJuIHByb3BzQXJyYXkubWFwKChwcm9wcywgaW5kZXgpID0+XG4gICAgICBSZWFjdC5jbG9uZUVsZW1lbnQocmVuZGVySXRlbSh7IC4uLnByb3BzLCBpbmRleCB9KSwge1xuICAgICAgICBrZXk6IGAke3Byb3BzLmRhdGV9LiR7aW5kZXh9YCxcbiAgICAgIH0pLFxuICAgICk7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUaW1lbGluZSA9IDxFIGV4dGVuZHMgVW5rbm93blByb3BzPih7XG4gIHJlbmRlckl0ZW0sXG4gIGRhdGVzLFxuICBmb3JtYXQgPSB7IHllYXI6IFwibnVtZXJpY1wiLCBtb250aDogXCJudW1lcmljXCIsIGRheTogXCJudW1lcmljXCIgfSxcbiAgc2VwYXJhdG9ycyA9IFtdLFxuICBkYXRlID0gZGF5anMoKS5zdGFydE9mKFwiZGF5XCIpLFxuICByZW5kZXJMYWJlbDogTGFiZWwgPSBEZWZhdWx0TGFiZWwsXG4gIC4uLnByb3BzXG59OiBUaW1lbGluZVByb3BzPEU+KSA9PiB7XG4gIGNvbnN0IGxvY2FsZSA9IHVzZUNvbnRleHQoTG9jYWxlQ29udGV4dCk7XG4gIGNvbnN0IHJ0ZiA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBSZWxhdGl2ZVRpbWVGb3JtYXQobG9jYWxlLCB7XG4gICAgICBudW1lcmljOiBcImF1dG9cIixcbiAgICB9KTtcbiAgfSwgW2xvY2FsZV0pO1xuICBjb25zdCB7IHByZXZQcm9wc0FycmF5LCBkYXRlc0VudHJpZXMgfSA9IGdldERhdGVzRW50cmllczxFPihcbiAgICBkYXRlcyxcbiAgICBzZXBhcmF0b3JzLFxuICAgIGRheWpzKGRhdGUpLFxuICApO1xuXG4gIGNvbnN0IHJlbmRlckl0ZW1zID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgSXRlbSA9IHJlbmRlckl0ZW07XG4gICAgaWYgKEl0ZW0gPT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKFwiaXRlbSBvciByZW5kZXJJdGVtIGlzIHJlcXVpcmVkXCIpO1xuICAgIH1cbiAgICByZXR1cm4gbWFrZVJlbmRlckl0ZW1zPEU+KEl0ZW0pO1xuICB9LCBbcmVuZGVySXRlbV0pO1xuXG4gIHJldHVybiBkYXRlc0VudHJpZXMubGVuZ3RoID4gMCA/IChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7cHJldlByb3BzQXJyYXkubGVuZ3RoID4gMCAmJiA8ZGl2PntyZW5kZXJJdGVtcyhwcmV2UHJvcHNBcnJheSl9PC9kaXY+fVxuICAgICAge2RhdGVzRW50cmllcy5tYXAoKFt2YWx1ZSwgcHJvcHNBcnJheSwgeyB1bml0LCBkaWZmIH1dKSA9PiB7XG4gICAgICAgIGNvbnN0IGZvcm1hdGVkRGF0ZSA9XG4gICAgICAgICAgZm9ybWF0ID09PSBcInJlbGF0aXZlXCJcbiAgICAgICAgICAgID8gcnRmLmZvcm1hdChkaWZmLCB1bml0IGFzIFVuaXQpXG4gICAgICAgICAgICA6IGRheWpzKHZhbHVlKS50b0RhdGUoKS50b0xvY2FsZURhdGVTdHJpbmcobG9jYWxlLCBmb3JtYXQpO1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxSZWFjdC5GcmFnbWVudCBrZXk9e2Zvcm1hdGVkRGF0ZX0+XG4gICAgICAgICAgICA8TGFiZWwgZm9ybWF0dGVkRGF0ZT17Zm9ybWF0ZWREYXRlfSAvPlxuICAgICAgICAgICAgPGRpdj57cmVuZGVySXRlbXMocHJvcHNBcnJheSl9PC9kaXY+XG4gICAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvZGl2PlxuICApIDogbnVsbDtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const DefaultLabel = ({
@@ -112,7 +112,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;flex-direction:column;gap:16px"
 } : {
   name: "wuhi55-Timeline",
-  styles: "display:flex;flex-direction:column;gap:16px;label:Timeline;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcU9jIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCI7XG5pbXBvcnQgaXNCZXR3ZWVuIGZyb20gXCJkYXlqcy9wbHVnaW4vaXNCZXR3ZWVuXCI7XG5pbXBvcnQgaXNTYW1lT3JBZnRlciBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQWZ0ZXJcIjtcbmltcG9ydCBpc1NhbWVPckJlZm9yZSBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQmVmb3JlXCI7XG5pbXBvcnQgeyB0eXBlIFVua25vd25Qcm9wcyB9IGZyb20gXCIuLi9AdHlwZXMvVW5rbm93blByb3BzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFJlbGF0aXZlVGltZUZvcm1hdCB9IGZyb20gXCIuLi9AdXRpbHNcIjtcbmltcG9ydCB7IExvY2FsZUNvbnRleHQgfSBmcm9tIFwiLi4vTG9jYWxlUHJvdmlkZXJcIjtcbmltcG9ydCB0eXBlIHsgVW5pdCB9IGZyb20gXCJyZWxhdGl2ZS10aW1lLWZvcm1hdFwiO1xuXG5kYXlqcy5leHRlbmQoaXNTYW1lT3JBZnRlcik7XG5kYXlqcy5leHRlbmQoaXNTYW1lT3JCZWZvcmUpO1xuZGF5anMuZXh0ZW5kKGlzQmV0d2Vlbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVMYWJlbFByb3BzIHtcbiAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xufVxuXG5jb25zdCBEZWZhdWx0TGFiZWwgPSAoeyBmb3JtYXR0ZWREYXRlIH06IFRpbWVsaW5lTGFiZWxQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUeXBvZ3JhcGh5XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAmOjpiZWZvcmUsXG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgPC9UeXBvZ3JhcGh5PlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgVGltZWxpbmVJdGVtUHJvcHM8UHJvcHMgZXh0ZW5kcyBVbmtub3duUHJvcHM+ID0gUHJvcHMgJiB7XG4gIGRhdGU6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVQcm9wczxQcm9wcyBleHRlbmRzIFVua25vd25Qcm9wcz5cbiAgZXh0ZW5kcyBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4ge1xuICAvKipcbiAgICogVGltZWxpbmVQcm9wcy5kYXRlc+OBp+aMh+WumuOBleOCjOOBn+ODh+ODvOOCv+OCknByb3Bz44Go44GX44Gm5Y+X44GR5Y+W44KK6KGo56S644GZ44KL44Gf44KB44Gu44Kz44Oz44Od44O844ON44Oz44OI44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqL1xuICByZW5kZXJJdGVtPzogKHByb3BzOiBUaW1lbGluZUl0ZW1Qcm9wczxQcm9wcz4pID0+IFJlYWN0LkpTWC5FbGVtZW50O1xuICAvKipcbiAgICog5pel5LuY44Go44CB5pel5LuY44Gr5a++5b+c44GZ44KL44OH44O844K/576k44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIOaYh+mghuOBp2tleeOBjOOCveODvOODiOOBleOCjOOBpuOBhOOCi+OBk+OBqOOCkuWJjeaPkOOBqOOBl+OBpuOBhOOCi+eCueOBq+azqOaEj+OBl+OBpuOBj+OBoOOBleOBhOOAglxuICAgKlxuICAgKiDjgr3jg7zjg4jlh6bnkIbjgYzpnaLlgJLjgarloLTlkIjjga9VSeWBtOOBp+OBruWHpueQhuOCkuaknOiojuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiDjgZPjgZPjgaflgKTjgajjgZfjgabmjIflrprjgZXjgozjgZ/phY3liJfjga7lnovjga9UaW1lbGluZVByb3BzLml0ZW3jga7lvJXmlbDjgavnlKjjgYTjgonjgozjgb7jgZnjgIJcbiAgICpcbiAgICogZGF0ZeOBruODleOCqeODvOODnuODg+ODiOOBr1lZWVlNTURE44G+44Gf44GvWVlZWS1NTS1EROOBp+OBmeOAgm51bWJlcihtcynjgavjga/lvozjgavlr77lv5zjgZnjgovjgYvjgoLjgZfjgozjgb7jgZvjgpPjgIJcbiAgICpcbiAgICogRGF0ZeWei+OCkuWIqeeUqOOBl+OBn+OBhOOBqOOBhOOBhuW8t+OBhOimgeacm+OBjOOBguOBo+OBn+WgtOWQiOOBr01hcOOBq+WIh+OCiuabv+OBiOOCi+OBk+OBqOOCkuaknOiojuOBl+OBvuOBmeOAglxuICAgKlxuICAgKi9cbiAgZGF0ZXM6IFJlY29yZDxzdHJpbmcsIFByb3BzW10+O1xuICAvKipcbiAgICog5Yy65YiG44GU44Go44Gu44Op44OZ44Or44Gu6KGo6KiY44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IHt5ZWFyOiBudW1lcmljICxtb250aDogbnVtZXJpYywgZGF5OiBudW1lcmljfVxuICAgKi9cbiAgZm9ybWF0PzogXCJyZWxhdGl2ZVwiIHwgSW50bC5EYXRlVGltZUZvcm1hdE9wdGlvbnM7XG4gIC8qKlxuICAgKiDljLrliIbjgpLmjIflrprjgZnjgovjgILljp/ngrnjgpLkuK3lv4PjgajjgZfjgabkuKHlgbTjgavjgIHpoIbjgavmjIflrprjgZXjgozjgZ/ljLrliIbngrnjgpLphY3nva7jgZfjgabjgYTjgY/jgIJcbiAgICpcbiAgICog5Y6f54K544Gu44OH44OV44Kp44Or44OI44GvXCLku4rml6VcIuOAglxuICAgKlxuICAgKiDpgY7ljrvjgYvjgonmnKrmnaXjgbjmmIfpoIbjgafjgr3jg7zjg4jjgZXjgozjgabjgYTjgovjgZPjgajjgpLliY3mj5DjgavjgZfjgabjgYTjgb7jgZnjgIJcbiAgICog44K944O844OI5Yem55CG44GM6Zuj44GX44GE5aC05ZCI44GvVUnlgbTjgafjga7lh6bnkIbjgpLmpJzoqI7jgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgW11cbiAgICovXG4gIHNlcGFyYXRvcnM/OiB7XG4gICAgdW5pdDogXCJkYXlcIiB8IFwibW9udGhcIiB8IFwieWVhclwiIHwgXCJ3ZWVrXCI7XG4gICAgdmFsdWU6IG51bWJlcjtcbiAgfVtdO1xuICAvKipcbiAgICog5Z+65rqW5pel44KS5oyH5a6a44GZ44KL44CCXG4gICAqIEBkZWZhdWx0IHRvZGF5XG4gICAqL1xuICBkYXRlPzogZGF5anMuQ29uZmlnVHlwZTtcbiAgLyoqXG4gICAqIOODleOCqeODvOODnuODg+ODiOOBleOCjOOBn+aXpeS7mOOCkuWPl+OBkeWPluOCiuOAgeODqeODmeODq+OBqOOBl+OBpuihqOekuuOBmeOCi+OCs+ODs+ODneODvOODjeODs+ODiOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVyTGFiZWw/OiAocHJvcHM6IFRpbWVsaW5lTGFiZWxQcm9wcykgPT4gUmVhY3QuSlNYLkVsZW1lbnQ7XG59XG5cbmNvbnN0IGdldERhdGVzRW50cmllcyA9IDxFIGV4dGVuZHMgVW5rbm93blByb3BzPihcbiAgZGF0ZXM6IFJlY29yZDxzdHJpbmcsIEVbXT4sXG4gIHNlcGFyYXRvcnM6IHtcbiAgICB1bml0OiBcImRheVwiIHwgXCJtb250aFwiIHwgXCJ5ZWFyXCIgfCBcIndlZWtcIjtcbiAgICB2YWx1ZTogbnVtYmVyO1xuICB9W10sXG4gIG9yaWdpbjogZGF5anMuRGF5anMsXG4pID0+IHtcbiAgaWYgKHNlcGFyYXRvcnMubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHByZXZQcm9wc0FycmF5OiBbXSxcbiAgICAgIGRhdGVzRW50cmllczogT2JqZWN0LmVudHJpZXMoZGF0ZXMpLm1hcCgoW2RhdGUsIHByb3BzQXJyYXldKSA9PiB7XG4gICAgICAgIGNvbnN0IGRpZmYgPSBkYXlqcyhkYXRlKS5kaWZmKG9yaWdpbiwgXCJkYXlcIik7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgZGF0ZSxcbiAgICAgICAgICBwcm9wc0FycmF5Lm1hcCgocHJvcHMpID0+ICh7XG4gICAgICAgICAgICAuLi5wcm9wcyxcbiAgICAgICAgICAgIGRhdGUsXG4gICAgICAgICAgfSkpLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHVuaXQ6IFwiZGF5XCIsXG4gICAgICAgICAgICBkaWZmLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0gYXMgY29uc3Q7XG4gICAgICB9KSxcbiAgICB9O1xuICB9XG5cbiAgY29uc3QgY29weSA9IHsgLi4uZGF0ZXMgfTtcbiAgLy8gcHJldlByb3BzXG4gIGxldCBwcmV2UHJvcHM6IChFICYgeyBkYXRlOiBzdHJpbmcgfSlbXSA9IFtdO1xuICBjb25zdCBtaW4gPSBvcmlnaW4uYWRkKHNlcGFyYXRvcnNbMF0udmFsdWUsIHNlcGFyYXRvcnNbMF0udW5pdCk7XG4gIGZvciAoY29uc3QgZGF0ZSBpbiBjb3B5KSB7XG4gICAgaWYgKGRheWpzKGRhdGUpLmlzQmVmb3JlKG1pbiwgXCJkYXlcIikpIHtcbiAgICAgIGNvbnN0IGFkZCA9IGNvcHlbZGF0ZV0ubWFwKChwcm9wcykgPT4gKHsgLi4ucHJvcHMsIGRhdGUgfSkpO1xuICAgICAgcHJldlByb3BzID0gcHJldlByb3BzLmNvbmNhdChhZGQpO1xuICAgICAgZGVsZXRlIGNvcHlbZGF0ZV07XG4gICAgfSBlbHNlIHtcbiAgICAgIGJyZWFrO1xuICAgIH1cbiAgfVxuICBsZXQgcmVzdWx0czogKHJlYWRvbmx5IFtcbiAgICBzdHJpbmcsXG4gICAgKEUgJiB7XG4gICAgICBkYXRlOiBzdHJpbmc7XG4gICAgfSlbXSxcbiAgICB7XG4gICAgICB1bml0OiBzdHJpbmc7XG4gICAgICBkaWZmOiBudW1iZXI7XG4gICAgfSxcbiAgXSlbXSA9IFtdO1xuICBzZXBhcmF0b3JzLm1hcCgoeyB1bml0LCB2YWx1ZSB9LCBpbmRleCwgb3JpZ2luYWwpID0+IHtcbiAgICBjb25zdCBtaW4gPSBvcmlnaW4uYWRkKHZhbHVlLCB1bml0KTtcbiAgICBjb25zdCBtYXggPVxuICAgICAgc2VwYXJhdG9ycy5sZW5ndGggLSAxID09PSBpbmRleFxuICAgICAgICA/IGRheWpzKFwiOTk5OS8xMi8yNFwiKVxuICAgICAgICA6IG9yaWdpbi5hZGQob3JpZ2luYWxbaW5kZXggKyAxXS52YWx1ZSwgb3JpZ2luYWxbaW5kZXggKyAxXS51bml0KTtcbiAgICBsZXQgcHJvcHNBcnJheTogKEUgJiB7IGRhdGU6IHN0cmluZyB9KVtdID0gW107XG4gICAgZm9yIChjb25zdCBkYXRlIGluIGNvcHkpIHtcbiAgICAgIGlmIChkYXlqcyhkYXRlKS5pc0JldHdlZW4obWluLCBtYXgsIFwiZGF5XCIsIFwiWylcIikpIHtcbiAgICAgICAgY29uc3QgYWRkID0gY29weVtkYXRlXS5tYXAoKHByb3BzKSA9PiAoeyAuLi5wcm9wcywgZGF0ZSB9KSk7XG4gICAgICAgIHByb3BzQXJyYXkgPSBwcm9wc0FycmF5LmNvbmNhdChhZGQpO1xuICAgICAgICBkZWxldGUgY29weVtkYXRlXTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgIH1cbiAgICBpZiAocHJvcHNBcnJheS5sZW5ndGggPiAwKSB7XG4gICAgICByZXN1bHRzID0gcmVzdWx0cy5jb25jYXQoW1xuICAgICAgICBbXG4gICAgICAgICAgbWluLmZvcm1hdChcIllZWVlNTUREXCIpLFxuICAgICAgICAgIHByb3BzQXJyYXksXG4gICAgICAgICAge1xuICAgICAgICAgICAgdW5pdCxcbiAgICAgICAgICAgIGRpZmY6IHZhbHVlLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0sXG4gICAgICBdKTtcbiAgICB9XG4gIH0pO1xuICByZXR1cm4ge1xuICAgIHByZXZQcm9wc0FycmF5OiBwcmV2UHJvcHMsXG4gICAgZGF0ZXNFbnRyaWVzOiByZXN1bHRzLFxuICB9O1xufTtcblxuY29uc3QgbWFrZVJlbmRlckl0ZW1zID1cbiAgPEUgZXh0ZW5kcyBVbmtub3duUHJvcHM+KFxuICAgIHJlbmRlckl0ZW06IChcbiAgICAgIHByb3BzOiBFICYgeyBkYXRlOiBzdHJpbmc7IGluZGV4OiBudW1iZXIgfSxcbiAgICApID0+IFJlYWN0LkpTWC5FbGVtZW50LFxuICApID0+XG4gIChwcm9wc0FycmF5OiAoRSAmIHsgZGF0ZTogc3RyaW5nIH0pW10pID0+IHtcbiAgICByZXR1cm4gcHJvcHNBcnJheS5tYXAoKHByb3BzLCBpbmRleCkgPT5cbiAgICAgIFJlYWN0LmNsb25lRWxlbWVudChyZW5kZXJJdGVtKHsgLi4ucHJvcHMsIGluZGV4IH0pLCB7XG4gICAgICAgIGtleTogYCR7cHJvcHMuZGF0ZX0uJHtpbmRleH1gLFxuICAgICAgfSksXG4gICAgKTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IFRpbWVsaW5lID0gPEUgZXh0ZW5kcyBVbmtub3duUHJvcHM+KHtcbiAgcmVuZGVySXRlbSxcbiAgZGF0ZXMsXG4gIGZvcm1hdCA9IHsgeWVhcjogXCJudW1lcmljXCIsIG1vbnRoOiBcIm51bWVyaWNcIiwgZGF5OiBcIm51bWVyaWNcIiB9LFxuICBzZXBhcmF0b3JzID0gW10sXG4gIGRhdGUgPSBkYXlqcygpLnN0YXJ0T2YoXCJkYXlcIiksXG4gIHJlbmRlckxhYmVsOiBMYWJlbCA9IERlZmF1bHRMYWJlbCxcbiAgLi4ucHJvcHNcbn06IFRpbWVsaW5lUHJvcHM8RT4pID0+IHtcbiAgY29uc3QgbG9jYWxlID0gdXNlQ29udGV4dChMb2NhbGVDb250ZXh0KTtcbiAgY29uc3QgcnRmID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIFJlbGF0aXZlVGltZUZvcm1hdChsb2NhbGUsIHtcbiAgICAgIG51bWVyaWM6IFwiYXV0b1wiLFxuICAgIH0pO1xuICB9LCBbbG9jYWxlXSk7XG4gIGNvbnN0IHsgcHJldlByb3BzQXJyYXksIGRhdGVzRW50cmllcyB9ID0gZ2V0RGF0ZXNFbnRyaWVzPEU+KFxuICAgIGRhdGVzLFxuICAgIHNlcGFyYXRvcnMsXG4gICAgZGF5anMoZGF0ZSksXG4gICk7XG5cbiAgY29uc3QgcmVuZGVySXRlbXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBJdGVtID0gcmVuZGVySXRlbTtcbiAgICBpZiAoSXRlbSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoXCJpdGVtIG9yIHJlbmRlckl0ZW0gaXMgcmVxdWlyZWRcIik7XG4gICAgfVxuICAgIHJldHVybiBtYWtlUmVuZGVySXRlbXM8RT4oSXRlbSk7XG4gIH0sIFtyZW5kZXJJdGVtXSk7XG5cbiAgcmV0dXJuIGRhdGVzRW50cmllcy5sZW5ndGggPiAwID8gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBnYXA6IDE2cHg7XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtwcmV2UHJvcHNBcnJheS5sZW5ndGggPiAwICYmIDxkaXY+e3JlbmRlckl0ZW1zKHByZXZQcm9wc0FycmF5KX08L2Rpdj59XG4gICAgICB7ZGF0ZXNFbnRyaWVzLm1hcCgoW3ZhbHVlLCBwcm9wc0FycmF5LCB7IHVuaXQsIGRpZmYgfV0pID0+IHtcbiAgICAgICAgY29uc3QgZm9ybWF0ZWREYXRlID1cbiAgICAgICAgICBmb3JtYXQgPT09IFwicmVsYXRpdmVcIlxuICAgICAgICAgICAgPyBydGYuZm9ybWF0KGRpZmYsIHVuaXQgYXMgVW5pdClcbiAgICAgICAgICAgIDogZGF5anModmFsdWUpLnRvRGF0ZSgpLnRvTG9jYWxlRGF0ZVN0cmluZyhsb2NhbGUsIGZvcm1hdCk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFJlYWN0LkZyYWdtZW50IGtleT17Zm9ybWF0ZWREYXRlfT5cbiAgICAgICAgICAgIDxMYWJlbCBmb3JtYXR0ZWREYXRlPXtmb3JtYXRlZERhdGV9IC8+XG4gICAgICAgICAgICA8ZGl2PntyZW5kZXJJdGVtcyhwcm9wc0FycmF5KX08L2Rpdj5cbiAgICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgPC9kaXY+XG4gICkgOiBudWxsO1xufTtcbiJdfQ== */",
+  styles: "display:flex;flex-direction:column;gap:16px;label:Timeline;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc09jIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaW1lbGluZS9UaW1lbGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCI7XG5pbXBvcnQgaXNCZXR3ZWVuIGZyb20gXCJkYXlqcy9wbHVnaW4vaXNCZXR3ZWVuXCI7XG5pbXBvcnQgaXNTYW1lT3JBZnRlciBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQWZ0ZXJcIjtcbmltcG9ydCBpc1NhbWVPckJlZm9yZSBmcm9tIFwiZGF5anMvcGx1Z2luL2lzU2FtZU9yQmVmb3JlXCI7XG5pbXBvcnQgeyB0eXBlIFVua25vd25Qcm9wcyB9IGZyb20gXCIuLi9AdHlwZXMvVW5rbm93blByb3BzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFJlbGF0aXZlVGltZUZvcm1hdCB9IGZyb20gXCIuLi9AdXRpbHNcIjtcbmltcG9ydCB7IExvY2FsZUNvbnRleHQgfSBmcm9tIFwiLi4vTG9jYWxlUHJvdmlkZXJcIjtcbmltcG9ydCB0eXBlIHsgVW5pdCB9IGZyb20gXCJyZWxhdGl2ZS10aW1lLWZvcm1hdFwiO1xuXG5kYXlqcy5leHRlbmQoaXNTYW1lT3JBZnRlcik7XG5kYXlqcy5leHRlbmQoaXNTYW1lT3JCZWZvcmUpO1xuZGF5anMuZXh0ZW5kKGlzQmV0d2Vlbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVMYWJlbFByb3BzIHtcbiAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xufVxuXG5jb25zdCBEZWZhdWx0TGFiZWwgPSAoeyBmb3JtYXR0ZWREYXRlIH06IFRpbWVsaW5lTGFiZWxQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUeXBvZ3JhcGh5XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAmOjpiZWZvcmUsXG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgPC9UeXBvZ3JhcGh5PlxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgVGltZWxpbmVJdGVtUHJvcHM8UHJvcHMgZXh0ZW5kcyBVbmtub3duUHJvcHM+ID0gUHJvcHMgJiB7XG4gIGRhdGU6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVQcm9wczxcbiAgUHJvcHMgZXh0ZW5kcyBVbmtub3duUHJvcHMsXG4+IGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgLyoqXG4gICAqIFRpbWVsaW5lUHJvcHMuZGF0ZXPjgafmjIflrprjgZXjgozjgZ/jg4fjg7zjgr/jgpJwcm9wc+OBqOOBl+OBpuWPl+OBkeWPluOCiuihqOekuuOBmeOCi+OBn+OCgeOBruOCs+ODs+ODneODvOODjeODs+ODiOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKi9cbiAgcmVuZGVySXRlbT86IChwcm9wczogVGltZWxpbmVJdGVtUHJvcHM8UHJvcHM+KSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgLyoqXG4gICAqIOaXpeS7mOOBqOOAgeaXpeS7mOOBq+WvvuW/nOOBmeOCi+ODh+ODvOOCv+e+pOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiDmmIfpoIbjgadrZXnjgYzjgr3jg7zjg4jjgZXjgozjgabjgYTjgovjgZPjgajjgpLliY3mj5DjgajjgZfjgabjgYTjgovngrnjgavms6jmhI/jgZfjgabjgY/jgaDjgZXjgYTjgIJcbiAgICpcbiAgICog44K944O844OI5Yem55CG44GM6Z2i5YCS44Gq5aC05ZCI44GvVUnlgbTjgafjga7lh6bnkIbjgpLmpJzoqI7jgZfjgb7jgZnjgIJcbiAgICpcbiAgICog44GT44GT44Gn5YCk44Go44GX44Gm5oyH5a6a44GV44KM44Gf6YWN5YiX44Gu5Z6L44GvVGltZWxpbmVQcm9wcy5pdGVt44Gu5byV5pWw44Gr55So44GE44KJ44KM44G+44GZ44CCXG4gICAqXG4gICAqIGRhdGXjga7jg5Xjgqnjg7zjg57jg4Pjg4jjga9ZWVlZTU1EROOBvuOBn+OBr1lZWVktTU0tRETjgafjgZnjgIJudW1iZXIobXMp44Gr44Gv5b6M44Gr5a++5b+c44GZ44KL44GL44KC44GX44KM44G+44Gb44KT44CCXG4gICAqXG4gICAqIERhdGXlnovjgpLliKnnlKjjgZfjgZ/jgYTjgajjgYTjgYblvLfjgYTopoHmnJvjgYzjgYLjgaPjgZ/loLTlkIjjga9NYXDjgavliIfjgormm7/jgYjjgovjgZPjgajjgpLmpJzoqI7jgZfjgb7jgZnjgIJcbiAgICpcbiAgICovXG4gIGRhdGVzOiBSZWNvcmQ8c3RyaW5nLCBQcm9wc1tdPjtcbiAgLyoqXG4gICAqIOWMuuWIhuOBlOOBqOOBruODqeODmeODq+OBruihqOiomOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCB7eWVhcjogbnVtZXJpYyAsbW9udGg6IG51bWVyaWMsIGRheTogbnVtZXJpY31cbiAgICovXG4gIGZvcm1hdD86IFwicmVsYXRpdmVcIiB8IEludGwuRGF0ZVRpbWVGb3JtYXRPcHRpb25zO1xuICAvKipcbiAgICog5Yy65YiG44KS5oyH5a6a44GZ44KL44CC5Y6f54K544KS5Lit5b+D44Go44GX44Gm5Lih5YG044Gr44CB6aCG44Gr5oyH5a6a44GV44KM44Gf5Yy65YiG54K544KS6YWN572u44GX44Gm44GE44GP44CCXG4gICAqXG4gICAqIOWOn+eCueOBruODh+ODleOCqeODq+ODiOOBr1wi5LuK5pelXCLjgIJcbiAgICpcbiAgICog6YGO5Y6744GL44KJ5pyq5p2l44G45piH6aCG44Gn44K944O844OI44GV44KM44Gm44GE44KL44GT44Go44KS5YmN5o+Q44Gr44GX44Gm44GE44G+44GZ44CCXG4gICAqIOOCveODvOODiOWHpueQhuOBjOmbo+OBl+OBhOWgtOWQiOOBr1VJ5YG044Gn44Gu5Yem55CG44KS5qSc6KiO44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IFtdXG4gICAqL1xuICBzZXBhcmF0b3JzPzoge1xuICAgIHVuaXQ6IFwiZGF5XCIgfCBcIm1vbnRoXCIgfCBcInllYXJcIiB8IFwid2Vla1wiO1xuICAgIHZhbHVlOiBudW1iZXI7XG4gIH1bXTtcbiAgLyoqXG4gICAqIOWfuua6luaXpeOCkuaMh+WumuOBmeOCi+OAglxuICAgKiBAZGVmYXVsdCB0b2RheVxuICAgKi9cbiAgZGF0ZT86IGRheWpzLkNvbmZpZ1R5cGU7XG4gIC8qKlxuICAgKiDjg5Xjgqnjg7zjg57jg4Pjg4jjgZXjgozjgZ/ml6Xku5jjgpLlj5fjgZHlj5bjgorjgIHjg6njg5njg6vjgajjgZfjgabooajnpLrjgZnjgovjgrPjg7Pjg53jg7zjg43jg7Pjg4jjgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICovXG4gIHJlbmRlckxhYmVsPzogKHByb3BzOiBUaW1lbGluZUxhYmVsUHJvcHMpID0+IFJlYWN0LkpTWC5FbGVtZW50O1xufVxuXG5jb25zdCBnZXREYXRlc0VudHJpZXMgPSA8RSBleHRlbmRzIFVua25vd25Qcm9wcz4oXG4gIGRhdGVzOiBSZWNvcmQ8c3RyaW5nLCBFW10+LFxuICBzZXBhcmF0b3JzOiB7XG4gICAgdW5pdDogXCJkYXlcIiB8IFwibW9udGhcIiB8IFwieWVhclwiIHwgXCJ3ZWVrXCI7XG4gICAgdmFsdWU6IG51bWJlcjtcbiAgfVtdLFxuICBvcmlnaW46IGRheWpzLkRheWpzLFxuKSA9PiB7XG4gIGlmIChzZXBhcmF0b3JzLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiB7XG4gICAgICBwcmV2UHJvcHNBcnJheTogW10sXG4gICAgICBkYXRlc0VudHJpZXM6IE9iamVjdC5lbnRyaWVzKGRhdGVzKS5tYXAoKFtkYXRlLCBwcm9wc0FycmF5XSkgPT4ge1xuICAgICAgICBjb25zdCBkaWZmID0gZGF5anMoZGF0ZSkuZGlmZihvcmlnaW4sIFwiZGF5XCIpO1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgIGRhdGUsXG4gICAgICAgICAgcHJvcHNBcnJheS5tYXAoKHByb3BzKSA9PiAoe1xuICAgICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgICAgICBkYXRlLFxuICAgICAgICAgIH0pKSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICB1bml0OiBcImRheVwiLFxuICAgICAgICAgICAgZGlmZixcbiAgICAgICAgICB9LFxuICAgICAgICBdIGFzIGNvbnN0O1xuICAgICAgfSksXG4gICAgfTtcbiAgfVxuXG4gIGNvbnN0IGNvcHkgPSB7IC4uLmRhdGVzIH07XG4gIC8vIHByZXZQcm9wc1xuICBsZXQgcHJldlByb3BzOiAoRSAmIHsgZGF0ZTogc3RyaW5nIH0pW10gPSBbXTtcbiAgY29uc3QgbWluID0gb3JpZ2luLmFkZChzZXBhcmF0b3JzWzBdLnZhbHVlLCBzZXBhcmF0b3JzWzBdLnVuaXQpO1xuICBmb3IgKGNvbnN0IGRhdGUgaW4gY29weSkge1xuICAgIGlmIChkYXlqcyhkYXRlKS5pc0JlZm9yZShtaW4sIFwiZGF5XCIpKSB7XG4gICAgICBjb25zdCBhZGQgPSBjb3B5W2RhdGVdLm1hcCgocHJvcHMpID0+ICh7IC4uLnByb3BzLCBkYXRlIH0pKTtcbiAgICAgIHByZXZQcm9wcyA9IHByZXZQcm9wcy5jb25jYXQoYWRkKTtcbiAgICAgIGRlbGV0ZSBjb3B5W2RhdGVdO1xuICAgIH0gZWxzZSB7XG4gICAgICBicmVhaztcbiAgICB9XG4gIH1cbiAgbGV0IHJlc3VsdHM6IChyZWFkb25seSBbXG4gICAgc3RyaW5nLFxuICAgIChFICYge1xuICAgICAgZGF0ZTogc3RyaW5nO1xuICAgIH0pW10sXG4gICAge1xuICAgICAgdW5pdDogc3RyaW5nO1xuICAgICAgZGlmZjogbnVtYmVyO1xuICAgIH0sXG4gIF0pW10gPSBbXTtcbiAgc2VwYXJhdG9ycy5tYXAoKHsgdW5pdCwgdmFsdWUgfSwgaW5kZXgsIG9yaWdpbmFsKSA9PiB7XG4gICAgY29uc3QgbWluID0gb3JpZ2luLmFkZCh2YWx1ZSwgdW5pdCk7XG4gICAgY29uc3QgbWF4ID1cbiAgICAgIHNlcGFyYXRvcnMubGVuZ3RoIC0gMSA9PT0gaW5kZXhcbiAgICAgICAgPyBkYXlqcyhcIjk5OTkvMTIvMjRcIilcbiAgICAgICAgOiBvcmlnaW4uYWRkKG9yaWdpbmFsW2luZGV4ICsgMV0udmFsdWUsIG9yaWdpbmFsW2luZGV4ICsgMV0udW5pdCk7XG4gICAgbGV0IHByb3BzQXJyYXk6IChFICYgeyBkYXRlOiBzdHJpbmcgfSlbXSA9IFtdO1xuICAgIGZvciAoY29uc3QgZGF0ZSBpbiBjb3B5KSB7XG4gICAgICBpZiAoZGF5anMoZGF0ZSkuaXNCZXR3ZWVuKG1pbiwgbWF4LCBcImRheVwiLCBcIlspXCIpKSB7XG4gICAgICAgIGNvbnN0IGFkZCA9IGNvcHlbZGF0ZV0ubWFwKChwcm9wcykgPT4gKHsgLi4ucHJvcHMsIGRhdGUgfSkpO1xuICAgICAgICBwcm9wc0FycmF5ID0gcHJvcHNBcnJheS5jb25jYXQoYWRkKTtcbiAgICAgICAgZGVsZXRlIGNvcHlbZGF0ZV07XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKHByb3BzQXJyYXkubGVuZ3RoID4gMCkge1xuICAgICAgcmVzdWx0cyA9IHJlc3VsdHMuY29uY2F0KFtcbiAgICAgICAgW1xuICAgICAgICAgIG1pbi5mb3JtYXQoXCJZWVlZTU1ERFwiKSxcbiAgICAgICAgICBwcm9wc0FycmF5LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHVuaXQsXG4gICAgICAgICAgICBkaWZmOiB2YWx1ZSxcbiAgICAgICAgICB9LFxuICAgICAgICBdLFxuICAgICAgXSk7XG4gICAgfVxuICB9KTtcbiAgcmV0dXJuIHtcbiAgICBwcmV2UHJvcHNBcnJheTogcHJldlByb3BzLFxuICAgIGRhdGVzRW50cmllczogcmVzdWx0cyxcbiAgfTtcbn07XG5cbmNvbnN0IG1ha2VSZW5kZXJJdGVtcyA9XG4gIDxFIGV4dGVuZHMgVW5rbm93blByb3BzPihcbiAgICByZW5kZXJJdGVtOiAoXG4gICAgICBwcm9wczogRSAmIHsgZGF0ZTogc3RyaW5nOyBpbmRleDogbnVtYmVyIH0sXG4gICAgKSA9PiBSZWFjdC5KU1guRWxlbWVudCxcbiAgKSA9PlxuICAocHJvcHNBcnJheTogKEUgJiB7IGRhdGU6IHN0cmluZyB9KVtdKSA9PiB7XG4gICAgcmV0dXJuIHByb3BzQXJyYXkubWFwKChwcm9wcywgaW5kZXgpID0+XG4gICAgICBSZWFjdC5jbG9uZUVsZW1lbnQocmVuZGVySXRlbSh7IC4uLnByb3BzLCBpbmRleCB9KSwge1xuICAgICAgICBrZXk6IGAke3Byb3BzLmRhdGV9LiR7aW5kZXh9YCxcbiAgICAgIH0pLFxuICAgICk7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUaW1lbGluZSA9IDxFIGV4dGVuZHMgVW5rbm93blByb3BzPih7XG4gIHJlbmRlckl0ZW0sXG4gIGRhdGVzLFxuICBmb3JtYXQgPSB7IHllYXI6IFwibnVtZXJpY1wiLCBtb250aDogXCJudW1lcmljXCIsIGRheTogXCJudW1lcmljXCIgfSxcbiAgc2VwYXJhdG9ycyA9IFtdLFxuICBkYXRlID0gZGF5anMoKS5zdGFydE9mKFwiZGF5XCIpLFxuICByZW5kZXJMYWJlbDogTGFiZWwgPSBEZWZhdWx0TGFiZWwsXG4gIC4uLnByb3BzXG59OiBUaW1lbGluZVByb3BzPEU+KSA9PiB7XG4gIGNvbnN0IGxvY2FsZSA9IHVzZUNvbnRleHQoTG9jYWxlQ29udGV4dCk7XG4gIGNvbnN0IHJ0ZiA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBSZWxhdGl2ZVRpbWVGb3JtYXQobG9jYWxlLCB7XG4gICAgICBudW1lcmljOiBcImF1dG9cIixcbiAgICB9KTtcbiAgfSwgW2xvY2FsZV0pO1xuICBjb25zdCB7IHByZXZQcm9wc0FycmF5LCBkYXRlc0VudHJpZXMgfSA9IGdldERhdGVzRW50cmllczxFPihcbiAgICBkYXRlcyxcbiAgICBzZXBhcmF0b3JzLFxuICAgIGRheWpzKGRhdGUpLFxuICApO1xuXG4gIGNvbnN0IHJlbmRlckl0ZW1zID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgSXRlbSA9IHJlbmRlckl0ZW07XG4gICAgaWYgKEl0ZW0gPT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKFwiaXRlbSBvciByZW5kZXJJdGVtIGlzIHJlcXVpcmVkXCIpO1xuICAgIH1cbiAgICByZXR1cm4gbWFrZVJlbmRlckl0ZW1zPEU+KEl0ZW0pO1xuICB9LCBbcmVuZGVySXRlbV0pO1xuXG4gIHJldHVybiBkYXRlc0VudHJpZXMubGVuZ3RoID4gMCA/IChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7cHJldlByb3BzQXJyYXkubGVuZ3RoID4gMCAmJiA8ZGl2PntyZW5kZXJJdGVtcyhwcmV2UHJvcHNBcnJheSl9PC9kaXY+fVxuICAgICAge2RhdGVzRW50cmllcy5tYXAoKFt2YWx1ZSwgcHJvcHNBcnJheSwgeyB1bml0LCBkaWZmIH1dKSA9PiB7XG4gICAgICAgIGNvbnN0IGZvcm1hdGVkRGF0ZSA9XG4gICAgICAgICAgZm9ybWF0ID09PSBcInJlbGF0aXZlXCJcbiAgICAgICAgICAgID8gcnRmLmZvcm1hdChkaWZmLCB1bml0IGFzIFVuaXQpXG4gICAgICAgICAgICA6IGRheWpzKHZhbHVlKS50b0RhdGUoKS50b0xvY2FsZURhdGVTdHJpbmcobG9jYWxlLCBmb3JtYXQpO1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxSZWFjdC5GcmFnbWVudCBrZXk9e2Zvcm1hdGVkRGF0ZX0+XG4gICAgICAgICAgICA8TGFiZWwgZm9ybWF0dGVkRGF0ZT17Zm9ybWF0ZWREYXRlfSAvPlxuICAgICAgICAgICAgPGRpdj57cmVuZGVySXRlbXMocHJvcHNBcnJheSl9PC9kaXY+XG4gICAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvZGl2PlxuICApIDogbnVsbDtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const Timeline = ({