matsuri-ui 18.0.1-alpha-1759542532579-eee5af3.0 → 18.0.1-alpha-1759716595435-a37743a.0

package/esm/Tabs/TabUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabUI.js","names":["css","keyframes","resetButtonStyle","useTheme","React","useCallback","useRef","useState","jsx","___EmotionJSX","Tab","_ref6","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","_extends","role","tabIndex","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","_templateObject","_taggedTemplateLiteralLoose","underlineHeight","DefaultTabContent","props","Fragment","_ref3","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref4","_ref5","TabUIUnderlineHeader","_ref7","tabs","underline","tabPosition","onChange","currentIndex","renderTab","TabContent","prevCurrentIndex","handleUpdateIndex","event","nextIndex","parseInt","currentTarget","dataset","index","current","boxShadow","shadows","text","background","paper","gray","undefined","map","_ref8","title","data","icon","onClick","key","style","gridColumn","transform","standard","easing","sharp","_ref","_ref2","TabUI","_ref9","variant","defaultIndex","setCurrentIndex","length","_ref0","contrastText","screen"],"sources":["../../../src/Tabs/TabUI.tsx"],"sourcesContent":["import { css, keyframes } from \"@emotion/react\";\nimport { resetButtonStyle } from \"../Button\";\nimport { useTheme } from \"../theme\";\nimport React, { useCallback, useRef, useState } from \"react\";\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":["css","keyframes","React","useCallback","useRef","useState","resetButtonStyle","useTheme","jsx","___EmotionJSX","Tab","_ref6","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","_extends","role","tabIndex","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","_templateObject","_taggedTemplateLiteralLoose","underlineHeight","DefaultTabContent","props","Fragment","_ref3","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref4","_ref5","TabUIUnderlineHeader","_ref7","tabs","underline","tabPosition","onChange","currentIndex","renderTab","TabContent","prevCurrentIndex","handleUpdateIndex","event","nextIndex","parseInt","currentTarget","dataset","index","current","boxShadow","shadows","text","background","paper","gray","undefined","map","_ref8","title","data","icon","onClick","key","style","gridColumn","transform","standard","easing","sharp","_ref","_ref2","TabUI","_ref9","variant","defaultIndex","setCurrentIndex","length","_ref0","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":[]}

package/esm/Tabs/useTab.js

@@ -1,5 +1,5 @@
-import { TabContext } from "./TabProvider";
 import { useContext } from "react";
+import { TabContext } from "./TabProvider";
 
 /**
  * @deprecated TabUI instead

package/esm/Tabs/useTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTab.js","names":["TabContext","useContext","useTab","context"],"sources":["../../../src/Tabs/useTab.tsx"],"sourcesContent":["import { TabContext } from \"./TabProvider\";\nimport { useContext } from \"react\";\n\n/**\n * @deprecated TabUI instead\n */\nexport const useTab = () => {\n  const context = useContext(TabContext);\n  return context;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,eAAe;AAC1C,SAASC,UAAU,QAAQ,OAAO;;AAElC;AACA;AACA;AACA,OAAO,IAAMC,MAAM,GAAGA,CAAA,KAAM;EAC1B,IAAMC,OAAO,GAAGF,UAAU,CAACD,UAAU,CAAC;EACtC,OAAOG,OAAO;AAChB,CAAC","ignoreList":[]}
+{"version":3,"file":"useTab.js","names":["useContext","TabContext","useTab","context"],"sources":["../../../src/Tabs/useTab.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { TabContext } from \"./TabProvider\";\n\n/**\n * @deprecated TabUI instead\n */\nexport const useTab = () => {\n  const context = useContext(TabContext);\n  return context;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,UAAU,QAAQ,eAAe;;AAE1C;AACA;AACA;AACA,OAAO,IAAMC,MAAM,GAAGA,CAAA,KAAM;EAC1B,IAAMC,OAAO,GAAGH,UAAU,CAACC,UAAU,CAAC;EACtC,OAAOE,OAAO;AAChB,CAAC","ignoreList":[]}

package/esm/TextButton/index.js

@@ -2,8 +2,8 @@ var _excluded = ["children", "color", "as", "icon", "rootRef"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { useTheme } from "../theme";
 import { css } from "@emotion/react";
+import { useTheme } from "../theme";
 import { resetButtonStyle } from "../Button";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var defaultElement = "button";
@@ -12,7 +12,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "align-self:flex-end"
 } : {
   name: "g56r3f-TextButton",
-  styles: "align-self:flex-end;label:TextButton;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0QnV0dG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRWtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UZXh0QnV0dG9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFzQ29tcG9uZW50UHJvcCwgQXNSZWYgfSBmcm9tIFwiLi4vQXNDb21wb25lbnRQcm9wc1wiO1xuaW1wb3J0IHsgUGFydGlhbENvbG9yUHJvcHMsIHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHJlc2V0QnV0dG9uU3R5bGUgfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFzZVRleHRCdXR0b25Qcm9wcyBleHRlbmRzIFBhcnRpYWxDb2xvclByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IGRlZmF1bHRFbGVtZW50OiBrZXlvZiBSZWFjdC5KU1guSW50cmluc2ljRWxlbWVudHMgPSBcImJ1dHRvblwiO1xuXG5leHBvcnQgdHlwZSBUZXh0QnV0dG9uUHJvcHM8RSBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4gPVxuICBBc0NvbXBvbmVudFByb3A8RSwgQmFzZVRleHRCdXR0b25Qcm9wcz4gJiB7XG4gICAgcm9vdFJlZj86IEFzUmVmPEU+O1xuICB9O1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IDxFIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFRleHRCdXR0b25Qcm9wczxFPixcbikgPT4ge1xuICBjb25zdCB7XG4gICAgY2hpbGRyZW4sXG4gICAgY29sb3IgPSBcImRlZmF1bHRcIixcbiAgICBhcyxcbiAgICBpY29uLFxuICAgIHJvb3RSZWYsXG4gICAgLi4uaHRtbFByb3BzXG4gIH0gPSBwcm9wcztcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGNvbnN0IENvbXBvbmVudCA9IGFzID8/IGRlZmF1bHRFbGVtZW50O1xuXG4gIGNvbnN0IGhhc0ljb24gPSBpY29uICE9PSB1bmRlZmluZWQgJiYgaWNvbiAhPT0gbnVsbDtcbiAgY29uc3QgaGFzQ2hpbGRyZW4gPSBjaGlsZHJlbiAhPT0gdW5kZWZpbmVkICYmIGNoaWxkcmVuICE9PSBudWxsO1xuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIHJlZj17cm9vdFJlZn1cbiAgICAgIHsuLi5odG1sUHJvcHN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgcmVzZXRCdXR0b25TdHlsZSxcbiAgICAgICAgY3NzYFxuICAgICAgICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgICAgICAgIGNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLm1haW59O1xuICAgICAgICAgIHRyYW5zaXRpb246IGNvbG9yICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnR9XG4gICAgICAgICAgICAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9O1xuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnlcbiAgICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLmRhcmt9O1xuICAgICAgICAgIH1cbiAgICAgICAgYCxcbiAgICAgICAgaGFzSWNvblxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogdGV4dC1ib3R0b207XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDBweCA0cHg7XG4gICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcbiAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGN1cnJlbnRDb2xvcjtcbiAgICAgICAgICAgIGAsXG4gICAgICBdfVxuICAgID5cbiAgICAgIHtpY29ufVxuICAgICAge2hhc0NoaWxkcmVuID8gKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgYWxpZ24tc2VsZjogZmxleC1lbmQ7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9Db21wb25lbnQ+XG4gICk7XG59O1xuIl19 */",
+  styles: "align-self:flex-end;label:TextButton;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0QnV0dG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRWtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UZXh0QnV0dG9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQXNDb21wb25lbnRQcm9wLCBBc1JlZiB9IGZyb20gXCIuLi9Bc0NvbXBvbmVudFByb3BzXCI7XG5pbXBvcnQgeyBQYXJ0aWFsQ29sb3JQcm9wcywgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCB7IHJlc2V0QnV0dG9uU3R5bGUgfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFzZVRleHRCdXR0b25Qcm9wcyBleHRlbmRzIFBhcnRpYWxDb2xvclByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IGRlZmF1bHRFbGVtZW50OiBrZXlvZiBSZWFjdC5KU1guSW50cmluc2ljRWxlbWVudHMgPSBcImJ1dHRvblwiO1xuXG5leHBvcnQgdHlwZSBUZXh0QnV0dG9uUHJvcHM8RSBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4gPVxuICBBc0NvbXBvbmVudFByb3A8RSwgQmFzZVRleHRCdXR0b25Qcm9wcz4gJiB7XG4gICAgcm9vdFJlZj86IEFzUmVmPEU+O1xuICB9O1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IDxFIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFRleHRCdXR0b25Qcm9wczxFPixcbikgPT4ge1xuICBjb25zdCB7XG4gICAgY2hpbGRyZW4sXG4gICAgY29sb3IgPSBcImRlZmF1bHRcIixcbiAgICBhcyxcbiAgICBpY29uLFxuICAgIHJvb3RSZWYsXG4gICAgLi4uaHRtbFByb3BzXG4gIH0gPSBwcm9wcztcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGNvbnN0IENvbXBvbmVudCA9IGFzID8/IGRlZmF1bHRFbGVtZW50O1xuXG4gIGNvbnN0IGhhc0ljb24gPSBpY29uICE9PSB1bmRlZmluZWQgJiYgaWNvbiAhPT0gbnVsbDtcbiAgY29uc3QgaGFzQ2hpbGRyZW4gPSBjaGlsZHJlbiAhPT0gdW5kZWZpbmVkICYmIGNoaWxkcmVuICE9PSBudWxsO1xuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIHJlZj17cm9vdFJlZn1cbiAgICAgIHsuLi5odG1sUHJvcHN9XG4gICAgICBjc3M9e1tcbiAgICAgICAgcmVzZXRCdXR0b25TdHlsZSxcbiAgICAgICAgY3NzYFxuICAgICAgICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgICAgICAgIGNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLm1haW59O1xuICAgICAgICAgIHRyYW5zaXRpb246IGNvbG9yICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnR9XG4gICAgICAgICAgICAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9O1xuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnlcbiAgICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLmRhcmt9O1xuICAgICAgICAgIH1cbiAgICAgICAgYCxcbiAgICAgICAgaGFzSWNvblxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogdGV4dC1ib3R0b207XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDBweCA0cHg7XG4gICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcbiAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGN1cnJlbnRDb2xvcjtcbiAgICAgICAgICAgIGAsXG4gICAgICBdfVxuICAgID5cbiAgICAgIHtpY29ufVxuICAgICAge2hhc0NoaWxkcmVuID8gKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgYWxpZ24tc2VsZjogZmxleC1lbmQ7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9Db21wb25lbnQ+XG4gICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
@@ -20,7 +20,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "padding:0px 4px;vertical-align:baseline;border-bottom:1px solid currentColor"
 } : {
   name: "wj8eru-TextButton",
-  styles: "padding:0px 4px;vertical-align:baseline;border-bottom:1px solid currentColor;label:TextButton;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0QnV0dG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RGUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXNDb21wb25lbnRQcm9wLCBBc1JlZiB9IGZyb20gXCIuLi9Bc0NvbXBvbmVudFByb3BzXCI7XG5pbXBvcnQgeyBQYXJ0aWFsQ29sb3JQcm9wcywgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgcmVzZXRCdXR0b25TdHlsZSB9IGZyb20gXCIuLi9CdXR0b25cIjtcblxuZXhwb3J0IGludGVyZmFjZSBCYXNlVGV4dEJ1dHRvblByb3BzIGV4dGVuZHMgUGFydGlhbENvbG9yUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgaWNvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgZGVmYXVsdEVsZW1lbnQ6IGtleW9mIFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50cyA9IFwiYnV0dG9uXCI7XG5cbmV4cG9ydCB0eXBlIFRleHRCdXR0b25Qcm9wczxFIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPiA9XG4gIEFzQ29tcG9uZW50UHJvcDxFLCBCYXNlVGV4dEJ1dHRvblByb3BzPiAmIHtcbiAgICByb290UmVmPzogQXNSZWY8RT47XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICBwcm9wczogVGV4dEJ1dHRvblByb3BzPEU+LFxuKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjaGlsZHJlbixcbiAgICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICAgIGFzLFxuICAgIGljb24sXG4gICAgcm9vdFJlZixcbiAgICAuLi5odG1sUHJvcHNcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXMgPz8gZGVmYXVsdEVsZW1lbnQ7XG5cbiAgY29uc3QgaGFzSWNvbiA9IGljb24gIT09IHVuZGVmaW5lZCAmJiBpY29uICE9PSBudWxsO1xuICBjb25zdCBoYXNDaGlsZHJlbiA9IGNoaWxkcmVuICE9PSB1bmRlZmluZWQgJiYgY2hpbGRyZW4gIT09IG51bGw7XG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgcmVmPXtyb290UmVmfVxuICAgICAgey4uLmh0bWxQcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICByZXNldEJ1dHRvblN0eWxlLFxuICAgICAgICBjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgICAgICAgY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5XG4gICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgdHJhbnNpdGlvbjogY29sb3IgJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydH1cbiAgICAgICAgICAgICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH07XG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0uZGFya307XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICBoYXNJY29uXG4gICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiB0ZXh0LWJvdHRvbTtcbiAgICAgICAgICAgIGBcbiAgICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICAgcGFkZGluZzogMHB4IDRweDtcbiAgICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xuICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgY3VycmVudENvbG9yO1xuICAgICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge2ljb259XG4gICAgICB7aGFzQ2hpbGRyZW4gPyAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBmbGV4LWVuZDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L3NwYW4+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0NvbXBvbmVudD5cbiAgKTtcbn07XG4iXX0= */",
+  styles: "padding:0px 4px;vertical-align:baseline;border-bottom:1px solid currentColor;label:TextButton;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0QnV0dG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RGUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBBc0NvbXBvbmVudFByb3AsIEFzUmVmIH0gZnJvbSBcIi4uL0FzQ29tcG9uZW50UHJvcHNcIjtcbmltcG9ydCB7IFBhcnRpYWxDb2xvclByb3BzLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgcmVzZXRCdXR0b25TdHlsZSB9IGZyb20gXCIuLi9CdXR0b25cIjtcblxuZXhwb3J0IGludGVyZmFjZSBCYXNlVGV4dEJ1dHRvblByb3BzIGV4dGVuZHMgUGFydGlhbENvbG9yUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgaWNvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgZGVmYXVsdEVsZW1lbnQ6IGtleW9mIFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50cyA9IFwiYnV0dG9uXCI7XG5cbmV4cG9ydCB0eXBlIFRleHRCdXR0b25Qcm9wczxFIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPiA9XG4gIEFzQ29tcG9uZW50UHJvcDxFLCBCYXNlVGV4dEJ1dHRvblByb3BzPiAmIHtcbiAgICByb290UmVmPzogQXNSZWY8RT47XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICBwcm9wczogVGV4dEJ1dHRvblByb3BzPEU+LFxuKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjaGlsZHJlbixcbiAgICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICAgIGFzLFxuICAgIGljb24sXG4gICAgcm9vdFJlZixcbiAgICAuLi5odG1sUHJvcHNcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXMgPz8gZGVmYXVsdEVsZW1lbnQ7XG5cbiAgY29uc3QgaGFzSWNvbiA9IGljb24gIT09IHVuZGVmaW5lZCAmJiBpY29uICE9PSBudWxsO1xuICBjb25zdCBoYXNDaGlsZHJlbiA9IGNoaWxkcmVuICE9PSB1bmRlZmluZWQgJiYgY2hpbGRyZW4gIT09IG51bGw7XG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgcmVmPXtyb290UmVmfVxuICAgICAgey4uLmh0bWxQcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICByZXNldEJ1dHRvblN0eWxlLFxuICAgICAgICBjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgICAgICAgY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5XG4gICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgdHJhbnNpdGlvbjogY29sb3IgJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydH1cbiAgICAgICAgICAgICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH07XG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0uZGFya307XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICBoYXNJY29uXG4gICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiB0ZXh0LWJvdHRvbTtcbiAgICAgICAgICAgIGBcbiAgICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICAgcGFkZGluZzogMHB4IDRweDtcbiAgICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xuICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgY3VycmVudENvbG9yO1xuICAgICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge2ljb259XG4gICAgICB7aGFzQ2hpbGRyZW4gPyAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBmbGV4LWVuZDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L3NwYW4+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0NvbXBvbmVudD5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref3 = process.env.NODE_ENV === "production" ? {
@@ -28,7 +28,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   styles: "vertical-align:text-bottom"
 } : {
   name: "r5pjqo-TextButton",
-  styles: "vertical-align:text-bottom;label:TextButton;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0QnV0dG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRGUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXNDb21wb25lbnRQcm9wLCBBc1JlZiB9IGZyb20gXCIuLi9Bc0NvbXBvbmVudFByb3BzXCI7XG5pbXBvcnQgeyBQYXJ0aWFsQ29sb3JQcm9wcywgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgcmVzZXRCdXR0b25TdHlsZSB9IGZyb20gXCIuLi9CdXR0b25cIjtcblxuZXhwb3J0IGludGVyZmFjZSBCYXNlVGV4dEJ1dHRvblByb3BzIGV4dGVuZHMgUGFydGlhbENvbG9yUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgaWNvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgZGVmYXVsdEVsZW1lbnQ6IGtleW9mIFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50cyA9IFwiYnV0dG9uXCI7XG5cbmV4cG9ydCB0eXBlIFRleHRCdXR0b25Qcm9wczxFIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPiA9XG4gIEFzQ29tcG9uZW50UHJvcDxFLCBCYXNlVGV4dEJ1dHRvblByb3BzPiAmIHtcbiAgICByb290UmVmPzogQXNSZWY8RT47XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICBwcm9wczogVGV4dEJ1dHRvblByb3BzPEU+LFxuKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjaGlsZHJlbixcbiAgICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICAgIGFzLFxuICAgIGljb24sXG4gICAgcm9vdFJlZixcbiAgICAuLi5odG1sUHJvcHNcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXMgPz8gZGVmYXVsdEVsZW1lbnQ7XG5cbiAgY29uc3QgaGFzSWNvbiA9IGljb24gIT09IHVuZGVmaW5lZCAmJiBpY29uICE9PSBudWxsO1xuICBjb25zdCBoYXNDaGlsZHJlbiA9IGNoaWxkcmVuICE9PSB1bmRlZmluZWQgJiYgY2hpbGRyZW4gIT09IG51bGw7XG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgcmVmPXtyb290UmVmfVxuICAgICAgey4uLmh0bWxQcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICByZXNldEJ1dHRvblN0eWxlLFxuICAgICAgICBjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgICAgICAgY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5XG4gICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgdHJhbnNpdGlvbjogY29sb3IgJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydH1cbiAgICAgICAgICAgICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH07XG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0uZGFya307XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICBoYXNJY29uXG4gICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiB0ZXh0LWJvdHRvbTtcbiAgICAgICAgICAgIGBcbiAgICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICAgcGFkZGluZzogMHB4IDRweDtcbiAgICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xuICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgY3VycmVudENvbG9yO1xuICAgICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge2ljb259XG4gICAgICB7aGFzQ2hpbGRyZW4gPyAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBmbGV4LWVuZDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L3NwYW4+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0NvbXBvbmVudD5cbiAgKTtcbn07XG4iXX0= */",
+  styles: "vertical-align:text-bottom;label:TextButton;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0QnV0dG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRGUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBBc0NvbXBvbmVudFByb3AsIEFzUmVmIH0gZnJvbSBcIi4uL0FzQ29tcG9uZW50UHJvcHNcIjtcbmltcG9ydCB7IFBhcnRpYWxDb2xvclByb3BzLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgcmVzZXRCdXR0b25TdHlsZSB9IGZyb20gXCIuLi9CdXR0b25cIjtcblxuZXhwb3J0IGludGVyZmFjZSBCYXNlVGV4dEJ1dHRvblByb3BzIGV4dGVuZHMgUGFydGlhbENvbG9yUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgaWNvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgZGVmYXVsdEVsZW1lbnQ6IGtleW9mIFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50cyA9IFwiYnV0dG9uXCI7XG5cbmV4cG9ydCB0eXBlIFRleHRCdXR0b25Qcm9wczxFIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPiA9XG4gIEFzQ29tcG9uZW50UHJvcDxFLCBCYXNlVGV4dEJ1dHRvblByb3BzPiAmIHtcbiAgICByb290UmVmPzogQXNSZWY8RT47XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICBwcm9wczogVGV4dEJ1dHRvblByb3BzPEU+LFxuKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjaGlsZHJlbixcbiAgICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICAgIGFzLFxuICAgIGljb24sXG4gICAgcm9vdFJlZixcbiAgICAuLi5odG1sUHJvcHNcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXMgPz8gZGVmYXVsdEVsZW1lbnQ7XG5cbiAgY29uc3QgaGFzSWNvbiA9IGljb24gIT09IHVuZGVmaW5lZCAmJiBpY29uICE9PSBudWxsO1xuICBjb25zdCBoYXNDaGlsZHJlbiA9IGNoaWxkcmVuICE9PSB1bmRlZmluZWQgJiYgY2hpbGRyZW4gIT09IG51bGw7XG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgcmVmPXtyb290UmVmfVxuICAgICAgey4uLmh0bWxQcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICByZXNldEJ1dHRvblN0eWxlLFxuICAgICAgICBjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgICAgICAgY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5XG4gICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgdHJhbnNpdGlvbjogY29sb3IgJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydH1cbiAgICAgICAgICAgICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH07XG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0uZGFya307XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICBoYXNJY29uXG4gICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiB0ZXh0LWJvdHRvbTtcbiAgICAgICAgICAgIGBcbiAgICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICAgcGFkZGluZzogMHB4IDRweDtcbiAgICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xuICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgY3VycmVudENvbG9yO1xuICAgICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge2ljb259XG4gICAgICB7aGFzQ2hpbGRyZW4gPyAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBmbGV4LWVuZDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L3NwYW4+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0NvbXBvbmVudD5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var TextButton = props => {
@@ -47,7 +47,7 @@ export var TextButton = props => {
   return ___EmotionJSX(Component, _extends({
     ref: rootRef
   }, htmlProps, {
-    css: [resetButtonStyle, /*#__PURE__*/css("font-size:1em;color:", color === "default" ? theme.palette.text.primary : theme.palette.intentions[color].main, ";transition:color ", theme.transitions.duration.short, " ", theme.transitions.easing.easeInOut, ";&:hover{color:", color === "default" ? theme.palette.text.primary : theme.palette.intentions[color].dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TextButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0QnV0dG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q1ciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXNDb21wb25lbnRQcm9wLCBBc1JlZiB9IGZyb20gXCIuLi9Bc0NvbXBvbmVudFByb3BzXCI7XG5pbXBvcnQgeyBQYXJ0aWFsQ29sb3JQcm9wcywgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgcmVzZXRCdXR0b25TdHlsZSB9IGZyb20gXCIuLi9CdXR0b25cIjtcblxuZXhwb3J0IGludGVyZmFjZSBCYXNlVGV4dEJ1dHRvblByb3BzIGV4dGVuZHMgUGFydGlhbENvbG9yUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgaWNvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgZGVmYXVsdEVsZW1lbnQ6IGtleW9mIFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50cyA9IFwiYnV0dG9uXCI7XG5cbmV4cG9ydCB0eXBlIFRleHRCdXR0b25Qcm9wczxFIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPiA9XG4gIEFzQ29tcG9uZW50UHJvcDxFLCBCYXNlVGV4dEJ1dHRvblByb3BzPiAmIHtcbiAgICByb290UmVmPzogQXNSZWY8RT47XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICBwcm9wczogVGV4dEJ1dHRvblByb3BzPEU+LFxuKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjaGlsZHJlbixcbiAgICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICAgIGFzLFxuICAgIGljb24sXG4gICAgcm9vdFJlZixcbiAgICAuLi5odG1sUHJvcHNcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXMgPz8gZGVmYXVsdEVsZW1lbnQ7XG5cbiAgY29uc3QgaGFzSWNvbiA9IGljb24gIT09IHVuZGVmaW5lZCAmJiBpY29uICE9PSBudWxsO1xuICBjb25zdCBoYXNDaGlsZHJlbiA9IGNoaWxkcmVuICE9PSB1bmRlZmluZWQgJiYgY2hpbGRyZW4gIT09IG51bGw7XG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgcmVmPXtyb290UmVmfVxuICAgICAgey4uLmh0bWxQcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICByZXNldEJ1dHRvblN0eWxlLFxuICAgICAgICBjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgICAgICAgY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5XG4gICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgdHJhbnNpdGlvbjogY29sb3IgJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydH1cbiAgICAgICAgICAgICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH07XG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0uZGFya307XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICBoYXNJY29uXG4gICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiB0ZXh0LWJvdHRvbTtcbiAgICAgICAgICAgIGBcbiAgICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICAgcGFkZGluZzogMHB4IDRweDtcbiAgICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xuICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgY3VycmVudENvbG9yO1xuICAgICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge2ljb259XG4gICAgICB7aGFzQ2hpbGRyZW4gPyAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBmbGV4LWVuZDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L3NwYW4+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0NvbXBvbmVudD5cbiAgKTtcbn07XG4iXX0= */"), hasIcon ? _ref3 : _ref2, process.env.NODE_ENV === "production" ? "" : ";label:TextButton;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0QnV0dG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ00iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXNDb21wb25lbnRQcm9wLCBBc1JlZiB9IGZyb20gXCIuLi9Bc0NvbXBvbmVudFByb3BzXCI7XG5pbXBvcnQgeyBQYXJ0aWFsQ29sb3JQcm9wcywgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgcmVzZXRCdXR0b25TdHlsZSB9IGZyb20gXCIuLi9CdXR0b25cIjtcblxuZXhwb3J0IGludGVyZmFjZSBCYXNlVGV4dEJ1dHRvblByb3BzIGV4dGVuZHMgUGFydGlhbENvbG9yUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgaWNvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgZGVmYXVsdEVsZW1lbnQ6IGtleW9mIFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50cyA9IFwiYnV0dG9uXCI7XG5cbmV4cG9ydCB0eXBlIFRleHRCdXR0b25Qcm9wczxFIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPiA9XG4gIEFzQ29tcG9uZW50UHJvcDxFLCBCYXNlVGV4dEJ1dHRvblByb3BzPiAmIHtcbiAgICByb290UmVmPzogQXNSZWY8RT47XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICBwcm9wczogVGV4dEJ1dHRvblByb3BzPEU+LFxuKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjaGlsZHJlbixcbiAgICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICAgIGFzLFxuICAgIGljb24sXG4gICAgcm9vdFJlZixcbiAgICAuLi5odG1sUHJvcHNcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXMgPz8gZGVmYXVsdEVsZW1lbnQ7XG5cbiAgY29uc3QgaGFzSWNvbiA9IGljb24gIT09IHVuZGVmaW5lZCAmJiBpY29uICE9PSBudWxsO1xuICBjb25zdCBoYXNDaGlsZHJlbiA9IGNoaWxkcmVuICE9PSB1bmRlZmluZWQgJiYgY2hpbGRyZW4gIT09IG51bGw7XG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgcmVmPXtyb290UmVmfVxuICAgICAgey4uLmh0bWxQcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICByZXNldEJ1dHRvblN0eWxlLFxuICAgICAgICBjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgICAgICAgY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5XG4gICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgdHJhbnNpdGlvbjogY29sb3IgJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydH1cbiAgICAgICAgICAgICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH07XG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0uZGFya307XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICBoYXNJY29uXG4gICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiB0ZXh0LWJvdHRvbTtcbiAgICAgICAgICAgIGBcbiAgICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICAgcGFkZGluZzogMHB4IDRweDtcbiAgICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xuICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgY3VycmVudENvbG9yO1xuICAgICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge2ljb259XG4gICAgICB7aGFzQ2hpbGRyZW4gPyAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBmbGV4LWVuZDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L3NwYW4+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0NvbXBvbmVudD5cbiAgKTtcbn07XG4iXX0= */"]
+    css: [resetButtonStyle, /*#__PURE__*/css("font-size:1em;color:", color === "default" ? theme.palette.text.primary : theme.palette.intentions[color].main, ";transition:color ", theme.transitions.duration.short, " ", theme.transitions.easing.easeInOut, ";&:hover{color:", color === "default" ? theme.palette.text.primary : theme.palette.intentions[color].dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TextButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0QnV0dG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q1ciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBBc0NvbXBvbmVudFByb3AsIEFzUmVmIH0gZnJvbSBcIi4uL0FzQ29tcG9uZW50UHJvcHNcIjtcbmltcG9ydCB7IFBhcnRpYWxDb2xvclByb3BzLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgcmVzZXRCdXR0b25TdHlsZSB9IGZyb20gXCIuLi9CdXR0b25cIjtcblxuZXhwb3J0IGludGVyZmFjZSBCYXNlVGV4dEJ1dHRvblByb3BzIGV4dGVuZHMgUGFydGlhbENvbG9yUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgaWNvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgZGVmYXVsdEVsZW1lbnQ6IGtleW9mIFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50cyA9IFwiYnV0dG9uXCI7XG5cbmV4cG9ydCB0eXBlIFRleHRCdXR0b25Qcm9wczxFIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPiA9XG4gIEFzQ29tcG9uZW50UHJvcDxFLCBCYXNlVGV4dEJ1dHRvblByb3BzPiAmIHtcbiAgICByb290UmVmPzogQXNSZWY8RT47XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICBwcm9wczogVGV4dEJ1dHRvblByb3BzPEU+LFxuKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjaGlsZHJlbixcbiAgICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICAgIGFzLFxuICAgIGljb24sXG4gICAgcm9vdFJlZixcbiAgICAuLi5odG1sUHJvcHNcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXMgPz8gZGVmYXVsdEVsZW1lbnQ7XG5cbiAgY29uc3QgaGFzSWNvbiA9IGljb24gIT09IHVuZGVmaW5lZCAmJiBpY29uICE9PSBudWxsO1xuICBjb25zdCBoYXNDaGlsZHJlbiA9IGNoaWxkcmVuICE9PSB1bmRlZmluZWQgJiYgY2hpbGRyZW4gIT09IG51bGw7XG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgcmVmPXtyb290UmVmfVxuICAgICAgey4uLmh0bWxQcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICByZXNldEJ1dHRvblN0eWxlLFxuICAgICAgICBjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgICAgICAgY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5XG4gICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgdHJhbnNpdGlvbjogY29sb3IgJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydH1cbiAgICAgICAgICAgICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH07XG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0uZGFya307XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICBoYXNJY29uXG4gICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiB0ZXh0LWJvdHRvbTtcbiAgICAgICAgICAgIGBcbiAgICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICAgcGFkZGluZzogMHB4IDRweDtcbiAgICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xuICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgY3VycmVudENvbG9yO1xuICAgICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge2ljb259XG4gICAgICB7aGFzQ2hpbGRyZW4gPyAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBmbGV4LWVuZDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L3NwYW4+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0NvbXBvbmVudD5cbiAgKTtcbn07XG4iXX0= */"), hasIcon ? _ref3 : _ref2, process.env.NODE_ENV === "production" ? "" : ";label:TextButton;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0QnV0dG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ00iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBBc0NvbXBvbmVudFByb3AsIEFzUmVmIH0gZnJvbSBcIi4uL0FzQ29tcG9uZW50UHJvcHNcIjtcbmltcG9ydCB7IFBhcnRpYWxDb2xvclByb3BzLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgcmVzZXRCdXR0b25TdHlsZSB9IGZyb20gXCIuLi9CdXR0b25cIjtcblxuZXhwb3J0IGludGVyZmFjZSBCYXNlVGV4dEJ1dHRvblByb3BzIGV4dGVuZHMgUGFydGlhbENvbG9yUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgaWNvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgZGVmYXVsdEVsZW1lbnQ6IGtleW9mIFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50cyA9IFwiYnV0dG9uXCI7XG5cbmV4cG9ydCB0eXBlIFRleHRCdXR0b25Qcm9wczxFIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPiA9XG4gIEFzQ29tcG9uZW50UHJvcDxFLCBCYXNlVGV4dEJ1dHRvblByb3BzPiAmIHtcbiAgICByb290UmVmPzogQXNSZWY8RT47XG4gIH07XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICBwcm9wczogVGV4dEJ1dHRvblByb3BzPEU+LFxuKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjaGlsZHJlbixcbiAgICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICAgIGFzLFxuICAgIGljb24sXG4gICAgcm9vdFJlZixcbiAgICAuLi5odG1sUHJvcHNcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXMgPz8gZGVmYXVsdEVsZW1lbnQ7XG5cbiAgY29uc3QgaGFzSWNvbiA9IGljb24gIT09IHVuZGVmaW5lZCAmJiBpY29uICE9PSBudWxsO1xuICBjb25zdCBoYXNDaGlsZHJlbiA9IGNoaWxkcmVuICE9PSB1bmRlZmluZWQgJiYgY2hpbGRyZW4gIT09IG51bGw7XG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgcmVmPXtyb290UmVmfVxuICAgICAgey4uLmh0bWxQcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICByZXNldEJ1dHRvblN0eWxlLFxuICAgICAgICBjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgICAgICAgY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5XG4gICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgdHJhbnNpdGlvbjogY29sb3IgJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydH1cbiAgICAgICAgICAgICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH07XG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0uZGFya307XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICBoYXNJY29uXG4gICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiB0ZXh0LWJvdHRvbTtcbiAgICAgICAgICAgIGBcbiAgICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICAgcGFkZGluZzogMHB4IDRweDtcbiAgICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xuICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgY3VycmVudENvbG9yO1xuICAgICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge2ljb259XG4gICAgICB7aGFzQ2hpbGRyZW4gPyAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBmbGV4LWVuZDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L3NwYW4+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0NvbXBvbmVudD5cbiAgKTtcbn07XG4iXX0= */"]
   }), icon, hasChildren ? ___EmotionJSX("span", {
     css: _ref
   }, children) : null);

package/esm/TextButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useTheme","css","resetButtonStyle","jsx","___EmotionJSX","defaultElement","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","_ref3","TextButton","props","children","color","as","icon","rootRef","htmlProps","_objectWithoutPropertiesLoose","_excluded","theme","Component","hasIcon","undefined","hasChildren","_extends","ref","palette","text","primary","intentions","main","transitions","duration","short","easing","easeInOut","dark"],"sources":["../../../src/TextButton/index.tsx"],"sourcesContent":["import { AsComponentProp, AsRef } from \"../AsComponentProps\";\nimport { PartialColorProps, useTheme } from \"../theme\";\nimport { css } from \"@emotion/react\";\nimport { resetButtonStyle } from \"../Button\";\n\nexport interface BaseTextButtonProps extends PartialColorProps {\n  children?: React.ReactNode;\n  icon?: React.ReactNode;\n}\n\nconst defaultElement: keyof React.JSX.IntrinsicElements = \"button\";\n\nexport type TextButtonProps<E extends React.ElementType = \"button\"> =\n  AsComponentProp<E, BaseTextButtonProps> & {\n    rootRef?: AsRef<E>;\n  };\n\nexport const TextButton = <E extends React.ElementType = \"button\">(\n  props: TextButtonProps<E>,\n) => {\n  const {\n    children,\n    color = \"default\",\n    as,\n    icon,\n    rootRef,\n    ...htmlProps\n  } = props;\n  const theme = useTheme();\n\n  const Component = as ?? defaultElement;\n\n  const hasIcon = icon !== undefined && icon !== null;\n  const hasChildren = children !== undefined && children !== null;\n  return (\n    <Component\n      ref={rootRef}\n      {...htmlProps}\n      css={[\n        resetButtonStyle,\n        css`\n          font-size: 1em;\n          color: ${color === \"default\"\n            ? theme.palette.text.primary\n            : theme.palette.intentions[color].main};\n          transition: color ${theme.transitions.duration.short}\n            ${theme.transitions.easing.easeInOut};\n          &:hover {\n            color: ${color === \"default\"\n              ? theme.palette.text.primary\n              : theme.palette.intentions[color].dark};\n          }\n        `,\n        hasIcon\n          ? css`\n              vertical-align: text-bottom;\n            `\n          : css`\n              padding: 0px 4px;\n              vertical-align: baseline;\n              border-bottom: 1px solid currentColor;\n            `,\n      ]}\n    >\n      {icon}\n      {hasChildren ? (\n        <span\n          css={css`\n            align-self: flex-end;\n          `}\n        >\n          {children}\n        </span>\n      ) : null}\n    </Component>\n  );\n};\n"],"mappings":";;;;AACA,SAA4BA,QAAQ,QAAQ,UAAU;AACtD,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,gBAAgB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAO7C,IAAMC,cAAiD,GAAG,QAAQ;AAAC,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAC,KAAA,GAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAE,KAAA,GAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAOnE,OAAO,IAAMG,UAAU,GACrBC,KAAyB,IACtB;EACH,IAAM;MACJC,QAAQ;MACRC,KAAK,GAAG,SAAS;MACjBC,EAAE;MACFC,IAAI;MACJC;IAEF,CAAC,GAAGL,KAAK;IADJM,SAAS,GAAAC,6BAAA,CACVP,KAAK,EAAAQ,SAAA;EACT,IAAMC,KAAK,GAAG1B,QAAQ,CAAC,CAAC;EAExB,IAAM2B,SAAS,GAAGP,EAAE,WAAFA,EAAE,GAAIf,cAAc;EAEtC,IAAMuB,OAAO,GAAGP,IAAI,KAAKQ,SAAS,IAAIR,IAAI,KAAK,IAAI;EACnD,IAAMS,WAAW,GAAGZ,QAAQ,KAAKW,SAAS,IAAIX,QAAQ,KAAK,IAAI;EAC/D,OACEd,aAAA,CAACuB,SAAS,EAAAI,QAAA;IACRC,GAAG,EAAEV;EAAQ,GACTC,SAAS;IACbtB,GAAG,GACDC,gBAAgB,eAChBD,GAAG,yBAEQkB,KAAK,KAAK,SAAS,GACxBO,KAAK,CAACO,OAAO,CAACC,IAAI,CAACC,OAAO,GAC1BT,KAAK,CAACO,OAAO,CAACG,UAAU,CAACjB,KAAK,CAAC,CAACkB,IAAI,wBACpBX,KAAK,CAACY,WAAW,CAACC,QAAQ,CAACC,KAAK,OAChDd,KAAK,CAACY,WAAW,CAACG,MAAM,CAACC,SAAS,qBAE3BvB,KAAK,KAAK,SAAS,GACxBO,KAAK,CAACO,OAAO,CAACC,IAAI,CAACC,OAAO,GAC1BT,KAAK,CAACO,OAAO,CAACG,UAAU,CAACjB,KAAK,CAAC,CAACwB,IAAI,UAAApC,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,ihGAG5CmB,OAAO,GAAAb,KAAA,GAAAD,KAQF,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACL,IAEDY,IAAI,EACJS,WAAW,GACV1B,aAAA;IACEH,GAAG,EAAAK;EAED,GAEDY,QACG,CAAC,GACL,IACK,CAAC;AAEhB,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["css","useTheme","resetButtonStyle","jsx","___EmotionJSX","defaultElement","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","_ref3","TextButton","props","children","color","as","icon","rootRef","htmlProps","_objectWithoutPropertiesLoose","_excluded","theme","Component","hasIcon","undefined","hasChildren","_extends","ref","palette","text","primary","intentions","main","transitions","duration","short","easing","easeInOut","dark"],"sources":["../../../src/TextButton/index.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { AsComponentProp, AsRef } from \"../AsComponentProps\";\nimport { PartialColorProps, useTheme } from \"../theme\";\nimport { resetButtonStyle } from \"../Button\";\n\nexport interface BaseTextButtonProps extends PartialColorProps {\n  children?: React.ReactNode;\n  icon?: React.ReactNode;\n}\n\nconst defaultElement: keyof React.JSX.IntrinsicElements = \"button\";\n\nexport type TextButtonProps<E extends React.ElementType = \"button\"> =\n  AsComponentProp<E, BaseTextButtonProps> & {\n    rootRef?: AsRef<E>;\n  };\n\nexport const TextButton = <E extends React.ElementType = \"button\">(\n  props: TextButtonProps<E>,\n) => {\n  const {\n    children,\n    color = \"default\",\n    as,\n    icon,\n    rootRef,\n    ...htmlProps\n  } = props;\n  const theme = useTheme();\n\n  const Component = as ?? defaultElement;\n\n  const hasIcon = icon !== undefined && icon !== null;\n  const hasChildren = children !== undefined && children !== null;\n  return (\n    <Component\n      ref={rootRef}\n      {...htmlProps}\n      css={[\n        resetButtonStyle,\n        css`\n          font-size: 1em;\n          color: ${color === \"default\"\n            ? theme.palette.text.primary\n            : theme.palette.intentions[color].main};\n          transition: color ${theme.transitions.duration.short}\n            ${theme.transitions.easing.easeInOut};\n          &:hover {\n            color: ${color === \"default\"\n              ? theme.palette.text.primary\n              : theme.palette.intentions[color].dark};\n          }\n        `,\n        hasIcon\n          ? css`\n              vertical-align: text-bottom;\n            `\n          : css`\n              padding: 0px 4px;\n              vertical-align: baseline;\n              border-bottom: 1px solid currentColor;\n            `,\n      ]}\n    >\n      {icon}\n      {hasChildren ? (\n        <span\n          css={css`\n            align-self: flex-end;\n          `}\n        >\n          {children}\n        </span>\n      ) : null}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,SAA4BC,QAAQ,QAAQ,UAAU;AACtD,SAASC,gBAAgB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAO7C,IAAMC,cAAiD,GAAG,QAAQ;AAAC,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAC,KAAA,GAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAE,KAAA,GAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAOnE,OAAO,IAAMG,UAAU,GACrBC,KAAyB,IACtB;EACH,IAAM;MACJC,QAAQ;MACRC,KAAK,GAAG,SAAS;MACjBC,EAAE;MACFC,IAAI;MACJC;IAEF,CAAC,GAAGL,KAAK;IADJM,SAAS,GAAAC,6BAAA,CACVP,KAAK,EAAAQ,SAAA;EACT,IAAMC,KAAK,GAAGzB,QAAQ,CAAC,CAAC;EAExB,IAAM0B,SAAS,GAAGP,EAAE,WAAFA,EAAE,GAAIf,cAAc;EAEtC,IAAMuB,OAAO,GAAGP,IAAI,KAAKQ,SAAS,IAAIR,IAAI,KAAK,IAAI;EACnD,IAAMS,WAAW,GAAGZ,QAAQ,KAAKW,SAAS,IAAIX,QAAQ,KAAK,IAAI;EAC/D,OACEd,aAAA,CAACuB,SAAS,EAAAI,QAAA;IACRC,GAAG,EAAEV;EAAQ,GACTC,SAAS;IACbvB,GAAG,GACDE,gBAAgB,eAChBF,GAAG,yBAEQmB,KAAK,KAAK,SAAS,GACxBO,KAAK,CAACO,OAAO,CAACC,IAAI,CAACC,OAAO,GAC1BT,KAAK,CAACO,OAAO,CAACG,UAAU,CAACjB,KAAK,CAAC,CAACkB,IAAI,wBACpBX,KAAK,CAACY,WAAW,CAACC,QAAQ,CAACC,KAAK,OAChDd,KAAK,CAACY,WAAW,CAACG,MAAM,CAACC,SAAS,qBAE3BvB,KAAK,KAAK,SAAS,GACxBO,KAAK,CAACO,OAAO,CAACC,IAAI,CAACC,OAAO,GAC1BT,KAAK,CAACO,OAAO,CAACG,UAAU,CAACjB,KAAK,CAAC,CAACwB,IAAI,UAAApC,OAAA,CAAAC,GAAA,CAAAC,QAAA,gDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,ihGAG5CmB,OAAO,GAAAb,KAAA,GAAAD,KAQF,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACL,IAEDY,IAAI,EACJS,WAAW,GACV1B,aAAA;IACEJ,GAAG,EAAAM;EAED,GAEDY,QACG,CAAC,GACL,IACK,CAAC;AAEhB,CAAC","ignoreList":[]}

package/esm/TextField/index.js

@@ -1,6 +1,7 @@
 var _excluded = ["label", "style", "className", "onChange", "onFocus", "defaultValue", "value", "disabled", "validationMessages", "customValidations", "type", "helperText", "invalid", "loading", "readOnly", "id", "inputRef"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef, useCallback, useId, useRef } from "react";
 import { FormControl } from "../FormControl";
 import { FormHelperText } from "../FieldBase/FormHelperText";
 import { InputBase } from "../InputBase";
@@ -10,7 +11,6 @@ import { useFieldGroup } from "../FieldGroup";
 import { useInputValue } from "../hooks/useInputValue";
 import { useMergeRefs } from "../hooks/useMergeRefs";
 import { useValidation } from "../FieldBase/useValidation";
-import React, { forwardRef, useCallback, useId, useRef } from "react";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var TextField = /*#__PURE__*/forwardRef((props, rootRef) => {
   var {

package/esm/TextField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FormControl","FormHelperText","InputBase","InputLabel","useDitectInputTouched","useFieldGroup","useInputValue","useMergeRefs","useValidation","React","forwardRef","useCallback","useId","useRef","jsx","___EmotionJSX","TextField","props","rootRef","label","style","className","onChange","onFocus","defaultValue","disabled","validationMessages","customValidations","type","helperText","invalid","loading","propsLoading","readOnly","propsReadonly","id","inputRef","restProps","_objectWithoutPropertiesLoose","_excluded","ref","refs","value","setValue","isControlled","onLoaded","validation","handleChange","event","currentTarget","touched","inputProps","internalInputId","inputId","htmlFor","required","_extends","valid","message"],"sources":["../../../src/TextField/index.tsx"],"sourcesContent":["import { 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\";\nimport React, { forwardRef, useCallback, useId, useRef } from \"react\";\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","forwardRef","useCallback","useId","useRef","FormControl","FormHelperText","InputBase","InputLabel","useDitectInputTouched","useFieldGroup","useInputValue","useMergeRefs","useValidation","jsx","___EmotionJSX","TextField","props","rootRef","label","style","className","onChange","onFocus","defaultValue","disabled","validationMessages","customValidations","type","helperText","invalid","loading","propsLoading","readOnly","propsReadonly","id","inputRef","restProps","_objectWithoutPropertiesLoose","_excluded","ref","refs","value","setValue","isControlled","onLoaded","validation","handleChange","event","currentTarget","touched","inputProps","internalInputId","inputId","htmlFor","required","_extends","valid","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":[]}

package/esm/TextareaBase/index.js

@@ -1,10 +1,10 @@
 var _excluded = ["loading", "sizing", "renderActions", "rows"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { ShimmerEffect } from "../ShimmerEffect";
 import { css } from "@emotion/react";
-import { useTheme } from "../theme";
 import React, { forwardRef } from "react";
+import { ShimmerEffect } from "../ShimmerEffect";
+import { useTheme } from "../theme";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var TextareaBase = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
@@ -18,7 +18,7 @@ export var TextareaBase = /*#__PURE__*/forwardRef((_ref, ref) => {
   return ___EmotionJSX(ShimmerEffect, {
     active: loading
   }, ___EmotionJSX("div", {
-    css: /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRhcmVhQmFzZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGV4dGFyZWFCYXNlUHJvcHNcbiAgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ0ZXh0YXJlYVwiPiB7XG4gIC8qKlxuICAgKiDmjL/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__*/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= */")
   }, ___EmotionJSX("textarea", _extends({
     rows: rows,
     css: [theme.typography.body, {
@@ -27,7 +27,7 @@ export var TextareaBase = /*#__PURE__*/forwardRef((_ref, ref) => {
        * field-sizing: contentの場合でも、rowsが機能するようにするためにmin-heightを指定している。
        */
       minHeight: rows !== undefined ? rows + "lh" : undefined
-    }, /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFaUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RleHRhcmVhQmFzZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4uL1NoaW1tZXJFZmZlY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGV4dGFyZWFCYXNlUHJvcHNcbiAgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ0ZXh0YXJlYVwiPiB7XG4gIC8qKlxuICAgKiDmjL/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREWSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGV4dGFyZWFCYXNlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNoaW1tZXJFZmZlY3QgfSBmcm9tIFwiLi4vU2hpbW1lckVmZmVjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUZXh0YXJlYUJhc2VQcm9wc1xuICBleHRlbmRzIFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcInRleHRhcmVhXCI+IHtcbiAgLyoqXG4gICAqIOaMv+WFpeOBleOCjOOCi+WApOOBjGxvYWRpbmfkuK3jgafjgYLjgovjgZPjgajjgpLooajjgZfjgb7jgZnjgIJcbiAgICovXG4gIGxvYWRpbmc/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBmaWVsZC1zaXppbmfjg5fjg63jg5Hjg4bjgqPjga7lgKTjgpLlpInmm7TjgZfjgb7jgZnjgIJcbiAgICogQGV4cGVyaW1lbnRhbCDjgZPjgozjga/lrp/pqJPnmoTjgarmqZ/og73jgafjgZnjgIJDaHJvbWXjgarjgankuIDpg6jjga7jg5bjg6njgqbjgrbjgafjga7jgb/li5XkvZzjgZfjgb7jgZnjgIJcbiAgICogQGRlZmF1bHQgXCJmaXhlZFwiXG4gICAqL1xuICBzaXppbmc/OiBcImNvbnRlbnRcIiB8IFwiZml4ZWRcIjtcblxuICAvKipcbiAgICog6KaL44GL44GR5LiK5YWl5Yqb5qyE44Gr44CB5oyH5a6a44GV44KM44Gf44Kk44Oz44K/44Op44Kv44K344On44Oz6KaB57Sg44KS6L+95Yqg44GX44G+44GZ44CCXG4gICAqL1xuICByZW5kZXJBY3Rpb25zPzogKCkgPT4gUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgVGV4dGFyZWFCYXNlID0gZm9yd2FyZFJlZjxIVE1MVGV4dEFyZWFFbGVtZW50LCBUZXh0YXJlYUJhc2VQcm9wcz4oXG4gIChcbiAgICB7IGxvYWRpbmcsIHNpemluZyA9IFwiZml4ZWRcIiwgcmVuZGVyQWN0aW9uczogQWN0aW9ucywgcm93cywgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICByZXR1cm4gKFxuICAgICAgPFNoaW1tZXJFZmZlY3QgYWN0aXZlPXtsb2FkaW5nfT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogOHB4O1xuICAgICAgICAgICAgcGFkZGluZzogOHB4IDEycHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcztcbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhOmZvY3VzKSB7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmludGVudGlvbnMucHJpbWFyeS5tYWlufTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6aGFzKHRleHRhcmVhW2RhdGEtdG91Y2hlZD1cInRydWVcIl06aW52YWxpZCkge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmVycm9yLm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJjpoYXModGV4dGFyZWE6ZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5kaXNhYmxlZEJhY2tncm91bmR9O1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWR9O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJjpoYXModGV4dGFyZWFbcmVhZG9ubHldKSB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24ucmVhZE9ubHlCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLnJlYWRPbmx5fTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICAgIHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIGZpZWxkU2l6aW5nOiBzaXppbmcsXG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAgICogZmllbGQtc2l6aW5nOiBjb250ZW5044Gu5aC05ZCI44Gn44KC44CBcm93c+OBjOapn+iDveOBmeOCi+OCiOOBhuOBq+OBmeOCi+OBn+OCgeOBq21pbi1oZWlnaHTjgpLmjIflrprjgZfjgabjgYTjgovjgIJcbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBtaW5IZWlnaHQ6IHJvd3MgIT09IHVuZGVmaW5lZCA/IGAke3Jvd3N9bGhgIDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAgKiDjgZPjga7opoHntKDjgYxHcmlk44Ki44Kk44OG44Og44GL44GkZmllbGQtc2l6aW5n44GMY29udGVudOOBruWgtOWQiOOAgXdpZHRoOiAxMDAl44GM5Yq544GL44Gq44GP44Gq44KL5aC05ZCI44GM44GC44KL44CCXG4gICAgICAgICAgICAgICog5pys6LOq55qE44Gr44Gv6Kaq5YG044Gn44Kx44Ki44GV44KM44KL44G544GN44Gg44GM44CB5Zuw6Zuj44Gg44Go5oCd44KP44KM44KL44Gf44KB44CB44GT44Gh44KJ5YG044GnbWluLXdpZHRoOiAwcHjjgpLmjIflrprjgZfjgabjgZPjgozjgpLlm57pgb/jgZfjgabjgYTjgovjgIJcbiAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBtaW4td2lkdGg6IDBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeX07XG4gICAgICAgICAgICAgICAgcmVzaXplOiBub25lO1xuICAgICAgICAgICAgICAgIG91dGxpbmU6IDBweDtcbiAgICAgICAgICAgICAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuZGlzYWJsZWR9O1xuICAgICAgICAgICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJltyZWFkb25seV0ge1xuICAgICAgICAgICAgICAgICAgY3Vyc29yOiB0ZXh0O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIF19XG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtBY3Rpb25zICYmIDxBY3Rpb25zIC8+fVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvU2hpbW1lckVmZmVjdD5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */"],
+    }, /*#__PURE__*/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== */"],
     ref: ref
   }, props)), Actions && ___EmotionJSX(Actions, null)));
 });

package/esm/TextareaBase/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ShimmerEffect","css","useTheme","React","forwardRef","jsx","___EmotionJSX","TextareaBase","_ref","ref","loading","sizing","renderActions","Actions","rows","props","_objectWithoutPropertiesLoose","_excluded","theme","active","palette","text","secondary","intentions","primary","main","error","action","disabledBackground","disabled","readOnlyBackground","readOnly","process","env","NODE_ENV","_extends","typography","body","fieldSizing","minHeight","undefined"],"sources":["../../../src/TextareaBase/index.tsx"],"sourcesContent":["import { ShimmerEffect } from \"../ShimmerEffect\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React, { forwardRef } from \"react\";\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":";;;AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAChD,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,QAAQ,QAAQ,UAAU;AACnC,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAsB1C,OAAO,IAAMC,YAAY,gBAAGH,UAAU,CACpC,CAAAI,IAAA,EAEEC,GAAG,KACA;EAAA,IAFH;MAAEC,OAAO;MAAEC,MAAM,GAAG,OAAO;MAAEC,aAAa,EAAEC,OAAO;MAAEC;IAAe,CAAC,GAAAN,IAAA;IAAPO,KAAK,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAGnE,IAAMC,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EACxB,OACEI,aAAA,CAACN,aAAa;IAACmB,MAAM,EAAET;EAAQ,GAC7BJ,aAAA;IACEL,GAAG,eAAEA,GAAG,mFAKciB,KAAK,CAACE,OAAO,CAACC,IAAI,CAACC,SAAS,gFAI9BJ,KAAK,CAACE,OAAO,CAACG,UAAU,CAACC,OAAO,CAACC,IAAI,oEAGrCP,KAAK,CAACE,OAAO,CAACG,UAAU,CAACG,KAAK,CAACD,IAAI,kDAG/BP,KAAK,CAACE,OAAO,CAACO,MAAM,CAACC,kBAAkB,oBAC3CV,KAAK,CAACE,OAAO,CAACO,MAAM,CAACE,QAAQ,mDAGzBX,KAAK,CAACE,OAAO,CAACO,MAAM,CAACG,kBAAkB,oBAC3CZ,KAAK,CAACE,OAAO,CAACO,MAAM,CAACI,QAAQ,UAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,kDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAE/C,GAEF5B,aAAA,aAAA6B,QAAA;IACErB,IAAI,EAAEA,IAAK;IACXb,GAAG,GACDiB,KAAK,CAACkB,UAAU,CAACC,IAAI,EACrB;MACEC,WAAW,EAAE3B,MAAM;MACnB;AAChB;AACA;MACgB4B,SAAS,EAAEzB,IAAI,KAAK0B,SAAS,GAAM1B,IAAI,UAAO0B;IAChD,CAAC,eACDvC,GAAG,wEASQiB,KAAK,CAACE,OAAO,CAACC,IAAI,CAACG,OAAO,oDAIxBN,KAAK,CAACE,OAAO,CAACC,IAAI,CAACC,SAAS,yBAG5BJ,KAAK,CAACE,OAAO,CAACC,IAAI,CAACQ,QAAQ,sDAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,kDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,yiKAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,iDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,uiKAOxC;IACFzB,GAAG,EAAEA;EAAI,GACLM,KAAK,CACV,CAAC,EACDF,OAAO,IAAIP,aAAA,CAACO,OAAO,MAAE,CACnB,CACQ,CAAC;AAEpB,CACF,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["css","React","forwardRef","ShimmerEffect","useTheme","jsx","___EmotionJSX","TextareaBase","_ref","ref","loading","sizing","renderActions","Actions","rows","props","_objectWithoutPropertiesLoose","_excluded","theme","active","palette","text","secondary","intentions","primary","main","error","action","disabledBackground","disabled","readOnlyBackground","readOnly","process","env","NODE_ENV","_extends","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":";;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAsBpC,OAAO,IAAMC,YAAY,gBAAGL,UAAU,CACpC,CAAAM,IAAA,EAEEC,GAAG,KACA;EAAA,IAFH;MAAEC,OAAO;MAAEC,MAAM,GAAG,OAAO;MAAEC,aAAa,EAAEC,OAAO;MAAEC;IAAe,CAAC,GAAAN,IAAA;IAAPO,KAAK,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAGnE,IAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,OACEE,aAAA,CAACH,aAAa;IAACgB,MAAM,EAAET;EAAQ,GAC7BJ,aAAA;IACEN,GAAG,eAAEA,GAAG,mFAKckB,KAAK,CAACE,OAAO,CAACC,IAAI,CAACC,SAAS,gFAI9BJ,KAAK,CAACE,OAAO,CAACG,UAAU,CAACC,OAAO,CAACC,IAAI,oEAGrCP,KAAK,CAACE,OAAO,CAACG,UAAU,CAACG,KAAK,CAACD,IAAI,kDAG/BP,KAAK,CAACE,OAAO,CAACO,MAAM,CAACC,kBAAkB,oBAC3CV,KAAK,CAACE,OAAO,CAACO,MAAM,CAACE,QAAQ,mDAGzBX,KAAK,CAACE,OAAO,CAACO,MAAM,CAACG,kBAAkB,oBAC3CZ,KAAK,CAACE,OAAO,CAACO,MAAM,CAACI,QAAQ,UAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,kDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAE/C,GAEF5B,aAAA,aAAA6B,QAAA;IACErB,IAAI,EAAEA,IAAK;IACXd,GAAG,GACDkB,KAAK,CAACkB,UAAU,CAACC,IAAI,EACrB;MACEC,WAAW,EAAE3B,MAAM;MACnB;AAChB;AACA;MACgB4B,SAAS,EAAEzB,IAAI,KAAK0B,SAAS,GAAM1B,IAAI,UAAO0B;IAChD,CAAC,eACDxC,GAAG,wEASQkB,KAAK,CAACE,OAAO,CAACC,IAAI,CAACG,OAAO,oDAIxBN,KAAK,CAACE,OAAO,CAACC,IAAI,CAACC,SAAS,yBAG5BJ,KAAK,CAACE,OAAO,CAACC,IAAI,CAACQ,QAAQ,sDAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,kDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,yiKAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,iDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,uiKAOxC;IACFzB,GAAG,EAAEA;EAAI,GACLM,KAAK,CACV,CAAC,EACDF,OAAO,IAAIP,aAAA,CAACO,OAAO,MAAE,CACnB,CACQ,CAAC;AAEpB,CACF,CAAC","ignoreList":[]}

package/esm/Thumbnail/Thumbnail.js

@@ -2,18 +2,18 @@ var _excluded = ["imageRef", "src", "file", "alt", "aspectRatio", "width", "heig
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { MediaFallback } from "./MediaFallback";
-import { ShimmerEffect } from "../ShimmerEffect";
 import { css } from "@emotion/react";
-import { useFieldGroup } from "../FieldGroup";
 import React, { useEffect, useMemo, useReducer } from "react";
+import { ShimmerEffect } from "../ShimmerEffect";
+import { useFieldGroup } from "../FieldGroup";
+import { MediaFallback } from "./MediaFallback";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "por153",
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRmEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTWVkaWFGYWxsYmFjaywgTWVkaWFTdHlsZVByb3BzIH0gZnJvbSBcIi4vTWVkaWFGYWxsYmFja1wiO1xuaW1wb3J0IHsgU2hpbW1lckVmZmVjdCB9IGZyb20gXCIuLi9TaGltbWVyRWZmZWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZUZpZWxkR3JvdXAgfSBmcm9tIFwiLi4vRmllbGRHcm91cFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVkdWNlciB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiaW1nXCI+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,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 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var Thumbnail = _ref2 => {
@@ -72,7 +72,7 @@ export var Thumbnail = _ref2 => {
     css: [_ref,
     /*#__PURE__*/
     // @see https://github.com/emotion-js/emotion/issues/3011
-    css("aspect-ratio:", aspectRatio, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Thumbnail;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RmEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTWVkaWFGYWxsYmFjaywgTWVkaWFTdHlsZVByb3BzIH0gZnJvbSBcIi4vTWVkaWFGYWxsYmFja1wiO1xuaW1wb3J0IHsgU2hpbW1lckVmZmVjdCB9IGZyb20gXCIuLi9TaGltbWVyRWZmZWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZUZpZWxkR3JvdXAgfSBmcm9tIFwiLi4vRmllbGRHcm91cFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVkdWNlciB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiaW1nXCI+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRlEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTWVkaWFGYWxsYmFjaywgTWVkaWFTdHlsZVByb3BzIH0gZnJvbSBcIi4vTWVkaWFGYWxsYmFja1wiO1xuaW1wb3J0IHsgU2hpbW1lckVmZmVjdCB9IGZyb20gXCIuLi9TaGltbWVyRWZmZWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZUZpZWxkR3JvdXAgfSBmcm9tIFwiLi4vRmllbGRHcm91cFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVkdWNlciB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiaW1nXCI+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 */"],
+    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 */"],
     ref: imageRef,
     src: src,
     alt: alt,

package/esm/Thumbnail/Thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.js","names":["MediaFallback","ShimmerEffect","css","useFieldGroup","React","useEffect","useMemo","useReducer","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Thumbnail","_ref2","imageRef","src","propsSrc","file","alt","aspectRatio","width","height","className","style","noImage","fieldLoading","propsFieldLoading","props","_objectWithoutPropertiesLoose","_excluded","loaded","setLoaded","URL","createObjectURL","revokeObjectURL","loading","undefined","fallback","active","_extends","onLoad","ref"],"sources":["../../../src/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { MediaFallback, MediaStyleProps } from \"./MediaFallback\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { css } from \"@emotion/react\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport React, { useEffect, useMemo, useReducer } from \"react\";\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":";;;;AAAA,SAASA,aAAa,QAAyB,iBAAiB;AAChE,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,aAAa,QAAQ,eAAe;AAC7C,OAAOC,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAqB9D,OAAO,IAAMC,SAAS,GAAGC,KAAA,IAaH;EAAA,IAbI;MACxBC,QAAQ;MACRC,GAAG,EAAEC,QAAQ;MACbC,IAAI;MACJC,GAAG;MACHC,WAAW;MACXC,KAAK,GAAG,MAAM;MACdC,MAAM;MACNC,SAAS;MACTC,KAAK;MACLC,OAAO;MACPC,YAAY,EAAEC;IAEA,CAAC,GAAAb,KAAA;IADZc,KAAK,GAAAC,6BAAA,CAAAf,KAAA,EAAAgB,SAAA;EAER,IAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG9B,UAAU,CAAC,MAAM,IAAI,EAAE,KAAK,CAAC;EAEzD,IAAMc,GAAG,GAAGf,OAAO,CAAC,MAAM;IACxB,OAAOiB,IAAI,GAAGe,GAAG,CAACC,eAAe,CAAChB,IAAI,CAAC,GAAGD,QAAQ;EACpD,CAAC,EAAE,CAACC,IAAI,EAAED,QAAQ,CAAC,CAAC;EAEpBjB,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAIkB,IAAI,IAAIF,GAAG,EAAE;QACfiB,GAAG,CAACE,eAAe,CAACnB,GAAG,CAAC;MAC1B;IACF,CAAC;EACH,CAAC,EAAE,CAACE,IAAI,EAAEF,GAAG,CAAC,CAAC;EAEf,IAAM;IAAEoB,OAAO,EAAEV;EAAa,CAAC,GAAG5B,aAAa,CAAC;IAC9CsC,OAAO,EAAET;EACX,CAAC,CAAC;EAEF,IAAIX,GAAG,KAAKqB,SAAS,IAAIX,YAAY,EAAE;IACrC,IAAMY,QAAQ,GACZlC,aAAA,CAACT,aAAa;MACZ6B,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,OAAOa,QAAQ;IACjB,CAAC,MAAM;MACL,OAAOlC,aAAA,CAACR,aAAa;QAAC2C,MAAM;MAAA,GAAED,QAAwB,CAAC;IACzD;EACF;EAEA,OACElC,aAAA,CAACR,aAAa;IAAC2C,MAAM,EAAER,MAAM,KAAK;EAAM,GACtC3B,aAAA,QAAAoC,QAAA;IACEC,MAAM,EAAET,SAAU;IAClBR,KAAK,EAAEA,KAAM;IACbD,SAAS,EAAEA,SAAU;IACrB1B,GAAG,GAAAQ,IAAA;IAAA;IAKD;IACAR,GAAG,kBACeuB,WAAW,SAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,yvHAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,8CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,uvHAE7B;IACFkC,GAAG,EAAE3B,QAAS;IACdC,GAAG,EAAEA,GAAI;IACTG,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA;EAAO,GACXM,KAAK,CACV,CACY,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"file":"Thumbnail.js","names":["css","React","useEffect","useMemo","useReducer","ShimmerEffect","useFieldGroup","MediaFallback","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Thumbnail","_ref2","imageRef","src","propsSrc","file","alt","aspectRatio","width","height","className","style","noImage","fieldLoading","propsFieldLoading","props","_objectWithoutPropertiesLoose","_excluded","loaded","setLoaded","URL","createObjectURL","revokeObjectURL","loading","undefined","fallback","active","_extends","onLoad","ref"],"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":";;;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,UAAU,QAAQ,OAAO;AAC7D,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,aAAa,QAAyB,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAqBjE,OAAO,IAAMC,SAAS,GAAGC,KAAA,IAaH;EAAA,IAbI;MACxBC,QAAQ;MACRC,GAAG,EAAEC,QAAQ;MACbC,IAAI;MACJC,GAAG;MACHC,WAAW;MACXC,KAAK,GAAG,MAAM;MACdC,MAAM;MACNC,SAAS;MACTC,KAAK;MACLC,OAAO;MACPC,YAAY,EAAEC;IAEA,CAAC,GAAAb,KAAA;IADZc,KAAK,GAAAC,6BAAA,CAAAf,KAAA,EAAAgB,SAAA;EAER,IAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGjC,UAAU,CAAC,MAAM,IAAI,EAAE,KAAK,CAAC;EAEzD,IAAMiB,GAAG,GAAGlB,OAAO,CAAC,MAAM;IACxB,OAAOoB,IAAI,GAAGe,GAAG,CAACC,eAAe,CAAChB,IAAI,CAAC,GAAGD,QAAQ;EACpD,CAAC,EAAE,CAACC,IAAI,EAAED,QAAQ,CAAC,CAAC;EAEpBpB,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAIqB,IAAI,IAAIF,GAAG,EAAE;QACfiB,GAAG,CAACE,eAAe,CAACnB,GAAG,CAAC;MAC1B;IACF,CAAC;EACH,CAAC,EAAE,CAACE,IAAI,EAAEF,GAAG,CAAC,CAAC;EAEf,IAAM;IAAEoB,OAAO,EAAEV;EAAa,CAAC,GAAGzB,aAAa,CAAC;IAC9CmC,OAAO,EAAET;EACX,CAAC,CAAC;EAEF,IAAIX,GAAG,KAAKqB,SAAS,IAAIX,YAAY,EAAE;IACrC,IAAMY,QAAQ,GACZlC,aAAA,CAACF,aAAa;MACZsB,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,OAAOa,QAAQ;IACjB,CAAC,MAAM;MACL,OAAOlC,aAAA,CAACJ,aAAa;QAACuC,MAAM;MAAA,GAAED,QAAwB,CAAC;IACzD;EACF;EAEA,OACElC,aAAA,CAACJ,aAAa;IAACuC,MAAM,EAAER,MAAM,KAAK;EAAM,GACtC3B,aAAA,QAAAoC,QAAA;IACEC,MAAM,EAAET,SAAU;IAClBR,KAAK,EAAEA,KAAM;IACbD,SAAS,EAAEA,SAAU;IACrB5B,GAAG,GAAAU,IAAA;IAAA;IAKD;IACAV,GAAG,kBACeyB,WAAW,SAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,yvHAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,8CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,uvHAE7B;IACFkC,GAAG,EAAE3B,QAAS;IACdC,GAAG,EAAEA,GAAI;IACTG,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA;EAAO,GACXM,KAAK,CACV,CACY,CAAC;AAEpB,CAAC","ignoreList":[]}