matsuri-ui 17.0.2-alpha-1746256178747-0dc69ca.0 → 17.0.2-alpha-1746832271249-3eb1b7b.0

package/cjs/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","names":["_react","require","_useTab","_theme","_react2","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","Tab","children","index","fullWidth","as","rest","theme","useTheme","currentIndex","setCurrentIndex","setCurrentTab","useTab","handleClick","useCallback","ref","useRef","useEffect","current","Component","jsx","onClick","css","position","boxSizing","color","border","margin","display","outline","padding","alignItems","userSelect","borderRadius","verticalAlign","justifyContent","textDecoration","backgroundColor","appearance","WebkitTapHighlightColor","textRendering","wordSpacing","textIndent","textShadow","typography","body","flexShrink","cursor","transition","minHeight","spacing","paddingLeft","paddingRight","exports"],"sources":["../../../src/Tabs/Tab.tsx"],"sourcesContent":["import { AsComponentProp } from \"../AsComponentProps\";\nimport { css } from \"@emotion/react\";\nimport { useTab } from \"./useTab\";\nimport { useTheme } from \"../theme\";\nimport React, { useCallback, useEffect, useRef } from \"react\";\n\ninterface BaseTabProps {\n  index?: number;\n  fullWidth?: boolean;\n  children?: React.ReactNode;\n}\n\nexport type TabProps<E extends React.ElementType> = AsComponentProp<\n  E,\n  BaseTabProps\n>;\n\n/**\n * @deprecated Use TabUI instead\n */\nexport const Tab = <E extends React.ElementType = \"button\">({\n  children,\n  index = 0,\n  fullWidth,\n  as,\n  ...rest\n}: TabProps<E>) => {\n  const theme = useTheme();\n  const { currentIndex, setCurrentIndex, setCurrentTab } = useTab();\n  const handleClick = useCallback(() => {\n    setCurrentIndex(index);\n  }, [index, setCurrentIndex]);\n  const ref = useRef<HTMLButtonElement>(null);\n  useEffect(() => {\n    if (currentIndex === index && ref.current) {\n      setCurrentTab(ref.current as unknown as HTMLDivElement);\n    }\n  }, [currentIndex, index, setCurrentTab]);\n  const Component: React.ElementType = as ?? \"button\";\n  return (\n    <Component\n      ref={ref}\n      onClick={handleClick}\n      {...rest}\n      css={[\n        {\n          position: \"relative\",\n          boxSizing: \"border-box\",\n          color: \"inherit\",\n          border: 0,\n          margin: 0,\n          display: \"inline-flex\",\n          outline: 0,\n          padding: 0,\n          alignItems: \"center\",\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          ...theme.typography.body,\n          flexShrink: 0,\n          cursor: \"pointer\",\n          transition: \"0.45s\",\n          minHeight: theme.spacing * 5,\n          paddingLeft: theme.spacing * 2,\n          paddingRight: theme.spacing * 2,\n        },\n        fullWidth\n          ? css`\n              flex-basis: 0;\n              flex-grow: 1;\n              flex-shrink: 1;\n              max-width: none;\n            `\n          : null,\n      ]}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAA8D,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAF,wBAAAE,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAAA,SAAAG,iCAAA;AAa9D;AACA;AACA;AAFA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA;AAGO,MAAMQ,GAAG,GAAGA,CAAyC;EAC1DC,QAAQ;EACRC,KAAK,GAAG,CAAC;EACTC,SAAS;EACTC,EAAE;EACF,GAAGC;AACQ,CAAC,KAAK;EACjB,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,YAAY;IAAEC,eAAe;IAAEC;EAAc,CAAC,GAAG,IAAAC,cAAM,EAAC,CAAC;EACjE,MAAMC,WAAW,GAAG,IAAAC,mBAAW,EAAC,MAAM;IACpCJ,eAAe,CAACP,KAAK,CAAC;EACxB,CAAC,EAAE,CAACA,KAAK,EAAEO,eAAe,CAAC,CAAC;EAC5B,MAAMK,GAAG,GAAG,IAAAC,cAAM,EAAoB,IAAI,CAAC;EAC3C,IAAAC,iBAAS,EAAC,MAAM;IACd,IAAIR,YAAY,KAAKN,KAAK,IAAIY,GAAG,CAACG,OAAO,EAAE;MACzCP,aAAa,CAACI,GAAG,CAACG,OAAoC,CAAC;IACzD;EACF,CAAC,EAAE,CAACT,YAAY,EAAEN,KAAK,EAAEQ,aAAa,CAAC,CAAC;EACxC,MAAMQ,SAA4B,GAAGd,EAAE,IAAI,QAAQ;EACnD,OACE,IAAA5C,MAAA,CAAA2D,GAAA,EAACD,SAAS,EAAAhC,QAAA;IACR4B,GAAG,EAAEA,GAAI;IACTM,OAAO,EAAER;EAAY,GACjBP,IAAI;IACRgB,GAAG,GACD;MACEC,QAAQ,EAAE,UAAU;MACpBC,SAAS,EAAE,YAAY;MACvBC,KAAK,EAAE,SAAS;MAChBC,MAAM,EAAE,CAAC;MACTC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,aAAa;MACtBC,OAAO,EAAE,CAAC;MACVC,OAAO,EAAE,CAAC;MACVC,UAAU,EAAE,QAAQ;MACpBC,UAAU,EAAE,MAAM;MAClBC,YAAY,EAAE,CAAC;MACfC,aAAa,EAAE,QAAQ;MACvBC,cAAc,EAAE,QAAQ;MACxBC,cAAc,EAAE,MAAM;MACtBC,eAAe,EAAE,aAAa;MAC9BC,UAAU,EAAE,MAAM;MAClBC,uBAAuB,EAAE,aAAa;MACtCC,aAAa,EAAE,MAAM;MACrBC,WAAW,EAAE,QAAQ;MACrBC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE,MAAM;MAClB,GAAGpC,KAAK,CAACqC,UAAU,CAACC,IAAI;MACxBC,UAAU,EAAE,CAAC;MACbC,MAAM,EAAE,SAAS;MACjBC,UAAU,EAAE,OAAO;MACnBC,SAAS,EAAE1C,KAAK,CAAC2C,OAAO,GAAG,CAAC;MAC5BC,WAAW,EAAE5C,KAAK,CAAC2C,OAAO,GAAG,CAAC;MAC9BE,YAAY,EAAE7C,KAAK,CAAC2C,OAAO,GAAG;IAChC,CAAC,EACD9C,SAAS,GAAAV,IAAA,GAOL,IAAI,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,wCAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACR,IAEDK,QACQ,CAAC;AAEhB,CAAC;AAACmD,OAAA,CAAApD,GAAA,GAAAA,GAAA","ignoreList":[]}
+{"version":3,"file":"Tab.js","names":["_react","require","_useTab","_theme","_react2","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","Tab","children","index","fullWidth","as","rest","theme","useTheme","currentIndex","setCurrentIndex","setCurrentTab","useTab","handleClick","useCallback","ref","useRef","useEffect","current","Component","jsx","onClick","css","position","boxSizing","color","border","margin","display","outline","padding","alignItems","userSelect","borderRadius","verticalAlign","justifyContent","textDecoration","backgroundColor","appearance","WebkitTapHighlightColor","textRendering","wordSpacing","textIndent","textShadow","typography","body","flexShrink","cursor","transition","minHeight","spacing","paddingLeft","paddingRight","exports"],"sources":["../../../src/Tabs/Tab.tsx"],"sourcesContent":["import { AsComponentProp } from \"../AsComponentProps\";\nimport { css } from \"@emotion/react\";\nimport { useTab } from \"./useTab\";\nimport { useTheme } from \"../theme\";\nimport React, { useCallback, useEffect, useRef } from \"react\";\n\ninterface BaseTabProps {\n  index?: number;\n  fullWidth?: boolean;\n  children?: React.ReactNode;\n}\n\nexport type TabProps<E extends React.ElementType> = AsComponentProp<\n  E,\n  BaseTabProps\n>;\n\n/**\n * @deprecated Use TabUI instead\n */\nexport const Tab = <E extends React.ElementType = \"button\">({\n  children,\n  index = 0,\n  fullWidth,\n  as,\n  ...rest\n}: TabProps<E>) => {\n  const theme = useTheme();\n  const { currentIndex, setCurrentIndex, setCurrentTab } = useTab();\n  const handleClick = useCallback(() => {\n    setCurrentIndex(index);\n  }, [index, setCurrentIndex]);\n  const ref = useRef<HTMLButtonElement>(null);\n  useEffect(() => {\n    if (currentIndex === index && ref.current) {\n      setCurrentTab(ref.current as unknown as HTMLDivElement);\n    }\n  }, [currentIndex, index, setCurrentTab]);\n  const Component: React.ElementType = as ?? \"button\";\n  return (\n    <Component\n      ref={ref}\n      onClick={handleClick}\n      {...rest}\n      css={[\n        {\n          position: \"relative\",\n          boxSizing: \"border-box\",\n          color: \"inherit\",\n          border: 0,\n          margin: 0,\n          display: \"inline-flex\",\n          outline: 0,\n          padding: 0,\n          alignItems: \"center\",\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          ...theme.typography.body,\n          flexShrink: 0,\n          cursor: \"pointer\",\n          transition: \"0.45s\",\n          minHeight: theme.spacing * 5,\n          paddingLeft: theme.spacing * 2,\n          paddingRight: theme.spacing * 2,\n        },\n        fullWidth\n          ? css`\n              flex-basis: 0;\n              flex-grow: 1;\n              flex-shrink: 1;\n              max-width: none;\n            `\n          : null,\n      ]}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/Tabs/TabGroup.js

@@ -7,8 +7,7 @@ var _useTab = require("./useTab");
 var _theme = require("../theme");
 var _useWindowResize = require("../hooks/useWindowResize");
 var _react2 = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, 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)."; }
 /**
  * @deprecated TabUI instead

package/cjs/Tabs/TabGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabGroup.js","names":["_react","require","_useTab","_theme","_useWindowResize","_react2","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","TabGroup","position","underline","children","theme","useTheme","width","useWindowResize","currentTab","useTab","indicatorStyle","useMemo","opacity","offsetWidth","left","offsetLeft","jsx","css","justifyContent","boxShadow","shadows","color","palette","text","primary","backgroundColor","background","paper","borderBottomColor","undefined","React","Children","map","child","index","cloneElement","bottom","height","intentions","main","transition","transitions","duration","standard","easing","sharp","shortest","easeInOut","style","exports"],"sources":["../../../src/Tabs/TabGroup.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTab } from \"./useTab\";\nimport { useTheme } from \"../theme\";\nimport { useWindowResize } from \"../hooks/useWindowResize\";\nimport React, { useMemo } from \"react\";\n\nexport interface BaseTabGroupProps {\n  position?: \"start\" | \"center\" | \"end\";\n  underline?: \"always\" | \"shadow\";\n}\n\nexport interface TabGroupProps\n  extends BaseTabGroupProps,\n    React.HTMLProps<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabGroup = ({\n  position = \"start\",\n  underline,\n  children,\n}: TabGroupProps) => {\n  const theme = useTheme();\n  const { width } = useWindowResize();\n  const { currentTab } = useTab();\n\n  const indicatorStyle = useMemo(() => {\n    return currentTab\n      ? {\n          opacity: 1,\n          width: currentTab.offsetWidth,\n          left: currentTab.offsetLeft,\n        }\n      : {\n          opacity: 0,\n          width: 0,\n          left: 0,\n        };\n    // 画面サイズが変更された場合に更新する必要があるため、widthを含めなければいけない\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentTab, width]);\n\n  return (\n    <div\n      css={[\n        css`\n          position: relative;\n          box-sizing: border-box;\n          display: flex;\n          flex-wrap: nowrap;\n          border-bottom: 3px solid transparent;\n        `,\n        {\n          justifyContent:\n            position === \"start\"\n              ? \"flex-start\"\n              : position === \"end\"\n                ? \"flex-end\"\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 === \"always\"\n            ? {\n                borderBottomColor: \"#e0e0e0\",\n              }\n            : undefined,\n      ]}\n    >\n      {React.Children.map(\n        children as React.ReactElement<any>[],\n        (child, index) => {\n          return React.cloneElement(child, { index });\n        },\n      )}\n      {currentTab ? (\n        <div\n          css={css({\n            position: \"absolute\",\n            bottom: -3,\n            width: 200,\n            height: 3,\n            backgroundColor: theme.palette.intentions.primary.main,\n            transition: `opacity ${theme.transitions.duration.standard} ${theme.transitions.easing.sharp},\n                            left ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut},\n                            width ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut}`,\n          })}\n          style={indicatorStyle}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabGroup.js","names":["_react","require","_useTab","_theme","_useWindowResize","_react2","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","TabGroup","position","underline","children","theme","useTheme","width","useWindowResize","currentTab","useTab","indicatorStyle","useMemo","opacity","offsetWidth","left","offsetLeft","jsx","css","justifyContent","boxShadow","shadows","color","palette","text","primary","backgroundColor","background","paper","borderBottomColor","undefined","React","Children","map","child","index","cloneElement","bottom","height","intentions","main","transition","transitions","duration","standard","easing","sharp","shortest","easeInOut","style","exports"],"sources":["../../../src/Tabs/TabGroup.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTab } from \"./useTab\";\nimport { useTheme } from \"../theme\";\nimport { useWindowResize } from \"../hooks/useWindowResize\";\nimport React, { useMemo } from \"react\";\n\nexport interface BaseTabGroupProps {\n  position?: \"start\" | \"center\" | \"end\";\n  underline?: \"always\" | \"shadow\";\n}\n\nexport interface TabGroupProps\n  extends BaseTabGroupProps,\n    React.HTMLProps<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabGroup = ({\n  position = \"start\",\n  underline,\n  children,\n}: TabGroupProps) => {\n  const theme = useTheme();\n  const { width } = useWindowResize();\n  const { currentTab } = useTab();\n\n  const indicatorStyle = useMemo(() => {\n    return currentTab\n      ? {\n          opacity: 1,\n          width: currentTab.offsetWidth,\n          left: currentTab.offsetLeft,\n        }\n      : {\n          opacity: 0,\n          width: 0,\n          left: 0,\n        };\n    // 画面サイズが変更された場合に更新する必要があるため、widthを含めなければいけない\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentTab, width]);\n\n  return (\n    <div\n      css={[\n        css`\n          position: relative;\n          box-sizing: border-box;\n          display: flex;\n          flex-wrap: nowrap;\n          border-bottom: 3px solid transparent;\n        `,\n        {\n          justifyContent:\n            position === \"start\"\n              ? \"flex-start\"\n              : position === \"end\"\n                ? \"flex-end\"\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 === \"always\"\n            ? {\n                borderBottomColor: \"#e0e0e0\",\n              }\n            : undefined,\n      ]}\n    >\n      {React.Children.map(\n        children as React.ReactElement<any>[],\n        (child, index) => {\n          return React.cloneElement(child, { index });\n        },\n      )}\n      {currentTab ? (\n        <div\n          css={css({\n            position: \"absolute\",\n            bottom: -3,\n            width: 200,\n            height: 3,\n            backgroundColor: theme.palette.intentions.primary.main,\n            transition: `opacity ${theme.transitions.duration.standard} ${theme.transitions.easing.sharp},\n                            left ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut},\n                            width ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut}`,\n          })}\n          style={indicatorStyle}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/Tabs/TabProvider.js

@@ -4,8 +4,7 @@ exports.__esModule = true;
 exports.TabProvider = exports.TabContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const TabContext = exports.TabContext = /*#__PURE__*/(0, _react.createContext)({});
 /**
  * @deprecated TabUI instead

package/cjs/Tabs/TabProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabProvider.js","names":["_react","_interopRequireWildcard","require","_react2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TabContext","exports","createContext","TabProvider","defaultIndex","children","onChange","cache","React","useRef","index","setIndex","useState","tab","setTab","useEffect","current","jsx","Provider","value","currentIndex","setCurrentIndex","currentTab","setCurrentTab","Fragment"],"sources":["../../../src/Tabs/TabProvider.tsx"],"sourcesContent":["import React, { createContext, useEffect, useState } from \"react\";\n\nexport interface TabContextProps {\n  currentIndex: number;\n  setCurrentIndex: (index: number) => void;\n  currentTab?: HTMLDivElement;\n  setCurrentTab: (tab: HTMLDivElement) => void;\n}\n\nexport const TabContext = createContext({} as TabContextProps);\n\nexport interface TabProviderProps {\n  defaultIndex?: number;\n  onChange?: (v: number) => void;\n\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabProvider = ({\n  defaultIndex = 0,\n  children,\n  onChange,\n}: TabProviderProps) => {\n  const cache = React.useRef<number | null>(defaultIndex);\n  const [index, setIndex] = useState(defaultIndex);\n  const [tab, setTab] = useState<HTMLDivElement>();\n  useEffect(() => {\n    if (cache.current === index) {\n      cache.current = null;\n      return;\n    }\n    if (onChange) {\n      onChange(index);\n    }\n  }, [index, onChange]);\n  return (\n    <TabContext.Provider\n      value={{\n        currentIndex: index,\n        setCurrentIndex: setIndex,\n        currentTab: tab,\n        setCurrentTab: setTab,\n      }}\n    >\n      <>{children}</>\n    </TabContext.Provider>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAkE,IAAAC,OAAA,GAAAD,OAAA;AAAA,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAS3D,MAAMW,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,oBAAa,EAAC,CAAC,CAAoB,CAAC;AAS9D;AACA;AACA;AACO,MAAMC,WAAW,GAAGA,CAAC;EAC1BC,YAAY,GAAG,CAAC;EAChBC,QAAQ;EACRC;AACgB,CAAC,KAAK;EACtB,MAAMC,KAAK,GAAGC,cAAK,CAACC,MAAM,CAAgBL,YAAY,CAAC;EACvD,MAAM,CAACM,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAACR,YAAY,CAAC;EAChD,MAAM,CAACS,GAAG,EAAEC,MAAM,CAAC,GAAG,IAAAF,eAAQ,EAAiB,CAAC;EAChD,IAAAG,gBAAS,EAAC,MAAM;IACd,IAAIR,KAAK,CAACS,OAAO,KAAKN,KAAK,EAAE;MAC3BH,KAAK,CAACS,OAAO,GAAG,IAAI;MACpB;IACF;IACA,IAAIV,QAAQ,EAAE;MACZA,QAAQ,CAACI,KAAK,CAAC;IACjB;EACF,CAAC,EAAE,CAACA,KAAK,EAAEJ,QAAQ,CAAC,CAAC;EACrB,OACE,IAAA3B,OAAA,CAAAsC,GAAA,EAACjB,UAAU,CAACkB,QAAQ;IAClBC,KAAK,EAAE;MACLC,YAAY,EAAEV,KAAK;MACnBW,eAAe,EAAEV,QAAQ;MACzBW,UAAU,EAAET,GAAG;MACfU,aAAa,EAAET;IACjB;EAAE,GAEF,IAAAnC,OAAA,CAAAsC,GAAA,EAAAzC,MAAA,CAAAU,OAAA,CAAAsC,QAAA,QAAGnB,QAAW,CACK,CAAC;AAE1B,CAAC;AAACJ,OAAA,CAAAE,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"file":"TabProvider.js","names":["_react","_interopRequireWildcard","require","_react2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TabContext","exports","createContext","TabProvider","defaultIndex","children","onChange","cache","React","useRef","index","setIndex","useState","tab","setTab","useEffect","current","jsx","Provider","value","currentIndex","setCurrentIndex","currentTab","setCurrentTab","Fragment"],"sources":["../../../src/Tabs/TabProvider.tsx"],"sourcesContent":["import React, { createContext, useEffect, useState } from \"react\";\n\nexport interface TabContextProps {\n  currentIndex: number;\n  setCurrentIndex: (index: number) => void;\n  currentTab?: HTMLDivElement;\n  setCurrentTab: (tab: HTMLDivElement) => void;\n}\n\nexport const TabContext = createContext({} as TabContextProps);\n\nexport interface TabProviderProps {\n  defaultIndex?: number;\n  onChange?: (v: number) => void;\n\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabProvider = ({\n  defaultIndex = 0,\n  children,\n  onChange,\n}: TabProviderProps) => {\n  const cache = React.useRef<number | null>(defaultIndex);\n  const [index, setIndex] = useState(defaultIndex);\n  const [tab, setTab] = useState<HTMLDivElement>();\n  useEffect(() => {\n    if (cache.current === index) {\n      cache.current = null;\n      return;\n    }\n    if (onChange) {\n      onChange(index);\n    }\n  }, [index, onChange]);\n  return (\n    <TabContext.Provider\n      value={{\n        currentIndex: index,\n        setCurrentIndex: setIndex,\n        currentTab: tab,\n        setCurrentTab: setTab,\n      }}\n    >\n      <>{children}</>\n    </TabContext.Provider>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAkE,IAAAC,OAAA,GAAAD,OAAA;AAAA,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAS3D,MAAMkB,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,oBAAa,EAAC,CAAC,CAAoB,CAAC;AAS9D;AACA;AACA;AACO,MAAMC,WAAW,GAAGA,CAAC;EAC1BC,YAAY,GAAG,CAAC;EAChBC,QAAQ;EACRC;AACgB,CAAC,KAAK;EACtB,MAAMC,KAAK,GAAGC,cAAK,CAACC,MAAM,CAAgBL,YAAY,CAAC;EACvD,MAAM,CAACM,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAACR,YAAY,CAAC;EAChD,MAAM,CAACS,GAAG,EAAEC,MAAM,CAAC,GAAG,IAAAF,eAAQ,EAAiB,CAAC;EAChD,IAAAG,gBAAS,EAAC,MAAM;IACd,IAAIR,KAAK,CAACS,OAAO,KAAKN,KAAK,EAAE;MAC3BH,KAAK,CAACS,OAAO,GAAG,IAAI;MACpB;IACF;IACA,IAAIV,QAAQ,EAAE;MACZA,QAAQ,CAACI,KAAK,CAAC;IACjB;EACF,CAAC,EAAE,CAACA,KAAK,EAAEJ,QAAQ,CAAC,CAAC;EACrB,OACE,IAAA1B,OAAA,CAAAqC,GAAA,EAACjB,UAAU,CAACkB,QAAQ;IAClBC,KAAK,EAAE;MACLC,YAAY,EAAEV,KAAK;MACnBW,eAAe,EAAEV,QAAQ;MACzBW,UAAU,EAAET,GAAG;MACfU,aAAa,EAAET;IACjB;EAAE,GAEF,IAAAlC,OAAA,CAAAqC,GAAA,EAAAxC,MAAA,CAAAc,OAAA,CAAAiC,QAAA,QAAGnB,QAAW,CACK,CAAC;AAE1B,CAAC;AAACJ,OAAA,CAAAE,WAAA,GAAAA,WAAA","ignoreList":[]}

package/cjs/Tabs/TabUI.js

@@ -6,8 +6,7 @@ var _react = require("@emotion/react");
 var _Button = require("../Button");
 var _theme = require("../theme");
 var _react2 = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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 _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)."; }
 const Tab = ({

package/cjs/Tabs/TabUI.js.map

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

@@ -13,8 +13,7 @@ var _useMergeRefs = require("../hooks/useMergeRefs");
 var _useValidation = require("../FieldBase/useValidation");
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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); }
 const TextField = exports.TextField = /*#__PURE__*/(0, _react.forwardRef)((props, rootRef) => {
   const {

package/cjs/TextField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_FormControl","require","_FormHelperText","_InputBase","_InputLabel","_useDitectInputTouched","_FieldGroup","_useInputValue","_useMergeRefs","_useValidation","_react","_interopRequireWildcard","_react2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","TextField","exports","forwardRef","props","rootRef","label","style","className","onChange","onFocus","defaultValue","value","_propsValue","disabled","validationMessages","customValidations","type","helperText","invalid","loading","propsLoading","readOnly","propsReadonly","id","inputRef","restProps","ref","useRef","refs","useMergeRefs","setValue","isControlled","useInputValue","useFieldGroup","onLoaded","validation","useValidation","handleChange","useCallback","event","currentTarget","touched","inputProps","useDitectInputTouched","internalInputId","useId","inputId","jsx","FormControl","InputLabel","htmlFor","required","InputBase","valid","FormHelperText","message"],"sources":["../../../src/TextField/index.tsx"],"sourcesContent":["import { 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":["_FormControl","require","_FormHelperText","_InputBase","_InputLabel","_useDitectInputTouched","_FieldGroup","_useInputValue","_useMergeRefs","_useValidation","_react","_interopRequireWildcard","_react2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","TextField","exports","forwardRef","props","rootRef","label","style","className","onChange","onFocus","defaultValue","value","_propsValue","disabled","validationMessages","customValidations","type","helperText","invalid","loading","propsLoading","readOnly","propsReadonly","id","inputRef","restProps","ref","useRef","refs","useMergeRefs","setValue","isControlled","useInputValue","useFieldGroup","onLoaded","validation","useValidation","handleChange","useCallback","event","currentTarget","touched","inputProps","useDitectInputTouched","internalInputId","useId","inputId","jsx","FormControl","InputLabel","htmlFor","required","InputBase","valid","FormHelperText","message"],"sources":["../../../src/TextField/index.tsx"],"sourcesContent":["import { 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":[]}

package/cjs/TextareaBase/index.js

@@ -6,8 +6,7 @@ var _ShimmerEffect = require("../ShimmerEffect");
 var _react = require("@emotion/react");
 var _theme = require("../theme");
 var _react2 = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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); }
 const TextareaBase = exports.TextareaBase = /*#__PURE__*/(0, _react2.forwardRef)(({
   loading,

package/cjs/TextareaBase/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_ShimmerEffect","require","_react","_theme","_react2","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","TextareaBase","exports","forwardRef","loading","sizing","renderActions","Actions","rows","props","ref","theme","useTheme","jsx","ShimmerEffect","active","css","palette","text","secondary","intentions","primary","main","error","action","disabledBackground","disabled","readOnlyBackground","readOnly","process","env","NODE_ENV","typography","body","fieldSizing","minHeight","undefined"],"sources":["../../../src/TextareaBase/index.tsx"],"sourcesContent":["import { 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":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_ShimmerEffect","require","_react","_theme","_react2","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","TextareaBase","exports","forwardRef","loading","sizing","renderActions","Actions","rows","props","ref","theme","useTheme","jsx","ShimmerEffect","active","css","palette","text","secondary","intentions","primary","main","error","action","disabledBackground","disabled","readOnlyBackground","readOnly","process","env","NODE_ENV","typography","body","fieldSizing","minHeight","undefined"],"sources":["../../../src/TextareaBase/index.tsx"],"sourcesContent":["import { 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":"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","ignoreList":[]}

package/cjs/Thumbnail/Thumbnail.js

@@ -7,8 +7,7 @@ var _ShimmerEffect = require("../ShimmerEffect");
 var _react = require("@emotion/react");
 var _FieldGroup = require("../FieldGroup");
 var _react2 = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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 _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)."; }
 var _ref = process.env.NODE_ENV === "production" ? {

package/cjs/Thumbnail/Thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.js","names":["_MediaFallback","require","_ShimmerEffect","_react","_FieldGroup","_react2","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","Thumbnail","imageRef","src","propsSrc","file","alt","aspectRatio","width","height","className","style","noImage","fieldLoading","propsFieldLoading","props","loaded","setLoaded","useReducer","useMemo","URL","createObjectURL","useEffect","revokeObjectURL","loading","useFieldGroup","undefined","fallback","jsx","MediaFallback","ShimmerEffect","active","onLoad","css","ref","exports"],"sources":["../../../src/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { 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":"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","ignoreList":[]}
+{"version":3,"file":"Thumbnail.js","names":["_MediaFallback","require","_ShimmerEffect","_react","_FieldGroup","_react2","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","Thumbnail","imageRef","src","propsSrc","file","alt","aspectRatio","width","height","className","style","noImage","fieldLoading","propsFieldLoading","props","loaded","setLoaded","useReducer","useMemo","URL","createObjectURL","useEffect","revokeObjectURL","loading","useFieldGroup","undefined","fallback","jsx","MediaFallback","ShimmerEffect","active","onLoad","css","ref","exports"],"sources":["../../../src/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { 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":"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","ignoreList":[]}

package/cjs/Time/Time.js

@@ -7,8 +7,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _react2 = require("@emotion/react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const Time = ({
   date = new Date(),
   style,

package/cjs/Time/Time.js.map

@@ -1 +1 @@
-{"version":3,"file":"Time.js","names":["_LocaleProvider","require","_react","_interopRequireWildcard","_dayjs","_interopRequireDefault","_react2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Time","date","Date","style","className","title","options","locale","useContext","LocaleContext","day","dayjs","format","label","useMemo","toDate","toLocaleDateString","jsx","dateTime","exports"],"sources":["../../../src/Time/Time.tsx"],"sourcesContent":["import { LocaleContext } from \"../LocaleProvider\";\nimport React, { useContext, useMemo } from \"react\";\nimport dayjs, { Dayjs } from \"dayjs\";\n\nexport interface TimeProps {\n  /**\n   * The locale matching algorithm to use.\n   * Possible values are \"lookup\" and \"best fit\"; the default is \"best fit\".\n   * @default \"best fit\"\n   */\n  localeMatcher?: \"lookup\" | \"best fit\";\n  /**\n   * The representation of the weekday.\n   */\n  weekday?: \"long\" | \"short\" | \"narrow\";\n  /**\n   * The representation of the era\n   */\n  era?: \"long\" | \"short\" | \"narrow\";\n  /**\n   * The representation of the year.\n   */\n  year?: \"numeric\" | \"2-digit\";\n  /**\n   * The representation of the month.\n   */\n  month?: \"numeric\" | \"2-digit\" | \"narrow\" | \"short\" | \"long\";\n  /**\n   * The representation of the day.\n   */\n  day?: \"numeric\" | \"2-digit\";\n  /**\n   * The representation of the hour.\n   */\n  hour?: \"numeric\" | \"2-digit\";\n  /**\n   * The representation of the minute.\n   */\n  minute?: \"numeric\" | \"2-digit\";\n  /**\n   * The representation of the second.\n   */\n  second?: \"numeric\" | \"2-digit\";\n  /**\n   * The representation of the time zone name.\n   */\n  timeZoneName?: \"long\" | \"short\";\n  /**\n   * The format matching algorithm to use. Possible values are \"basic\" and \"best fit\"; the default is \"best fit\". See the following paragraphs for information about the use of this property.\n   * @default \"best fit\"\n   */\n  formatMatcher?: \"basic\" | \"best fit\";\n  /**\n   * Whether to use 12-hour time (as opposed to 24-hour time). Possible values are true and false; the default is locale dependent. This option overrides the hc language tag and/or the hourCycle option in case both are present.\n   */\n  hour12?: boolean;\n  /**\n   * The time zone to use.\n   * The only value implementations must recognize is \"UTC\";\n   * the default is the runtime's default time zone.\n   * Implementations may also recognize the time zone names of the IANA time zone database,\n   * such as \"Asia/Shanghai\", \"Asia/Kolkata\", \"America/New_York\".\n   * @see https://www.iana.org/time-zones\n   */\n  timeZone?: string;\n  /**\n   *\n   */\n  date?: string | number | Date | Dayjs;\n  children?: never;\n  style?: React.CSSProperties;\n  className?: string;\n  title?: string;\n}\n\nexport const Time = ({\n  date = new Date(),\n  style,\n  className,\n  title,\n  ...options\n}: TimeProps) => {\n  const locale = useContext(LocaleContext);\n  const day = dayjs(date);\n  const format = day.format(\"YYYY-MM-DDTHH:MM:ss\");\n  const label = useMemo(\n    () => day.toDate().toLocaleDateString(locale, options),\n    [day, locale, options],\n  );\n  return (\n    <time dateTime={format} style={style} className={className} title={title}>\n      {label}\n    </time>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAqC,IAAAK,OAAA,GAAAL,OAAA;AAAA,SAAAI,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAyE9B,MAAMW,IAAI,GAAGA,CAAC;EACnBC,IAAI,GAAG,IAAIC,IAAI,CAAC,CAAC;EACjBC,KAAK;EACLC,SAAS;EACTC,KAAK;EACL,GAAGC;AACM,CAAC,KAAK;EACf,MAAMC,MAAM,GAAG,IAAAC,iBAAU,EAACC,6BAAa,CAAC;EACxC,MAAMC,GAAG,GAAG,IAAAC,cAAK,EAACV,IAAI,CAAC;EACvB,MAAMW,MAAM,GAAGF,GAAG,CAACE,MAAM,CAAC,qBAAqB,CAAC;EAChD,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACnB,MAAMJ,GAAG,CAACK,MAAM,CAAC,CAAC,CAACC,kBAAkB,CAACT,MAAM,EAAED,OAAO,CAAC,EACtD,CAACI,GAAG,EAAEH,MAAM,EAAED,OAAO,CACvB,CAAC;EACD,OACE,IAAA3B,OAAA,CAAAsC,GAAA;IAAMC,QAAQ,EAAEN,MAAO;IAACT,KAAK,EAAEA,KAAM;IAACC,SAAS,EAAEA,SAAU;IAACC,KAAK,EAAEA;EAAM,GACtEQ,KACG,CAAC;AAEX,CAAC;AAACM,OAAA,CAAAnB,IAAA,GAAAA,IAAA","ignoreList":[]}
+{"version":3,"file":"Time.js","names":["_LocaleProvider","require","_react","_interopRequireWildcard","_dayjs","_interopRequireDefault","_react2","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Time","date","Date","style","className","title","options","locale","useContext","LocaleContext","day","dayjs","format","label","useMemo","toDate","toLocaleDateString","jsx","dateTime","exports"],"sources":["../../../src/Time/Time.tsx"],"sourcesContent":["import { LocaleContext } from \"../LocaleProvider\";\nimport React, { useContext, useMemo } from \"react\";\nimport dayjs, { Dayjs } from \"dayjs\";\n\nexport interface TimeProps {\n  /**\n   * The locale matching algorithm to use.\n   * Possible values are \"lookup\" and \"best fit\"; the default is \"best fit\".\n   * @default \"best fit\"\n   */\n  localeMatcher?: \"lookup\" | \"best fit\";\n  /**\n   * The representation of the weekday.\n   */\n  weekday?: \"long\" | \"short\" | \"narrow\";\n  /**\n   * The representation of the era\n   */\n  era?: \"long\" | \"short\" | \"narrow\";\n  /**\n   * The representation of the year.\n   */\n  year?: \"numeric\" | \"2-digit\";\n  /**\n   * The representation of the month.\n   */\n  month?: \"numeric\" | \"2-digit\" | \"narrow\" | \"short\" | \"long\";\n  /**\n   * The representation of the day.\n   */\n  day?: \"numeric\" | \"2-digit\";\n  /**\n   * The representation of the hour.\n   */\n  hour?: \"numeric\" | \"2-digit\";\n  /**\n   * The representation of the minute.\n   */\n  minute?: \"numeric\" | \"2-digit\";\n  /**\n   * The representation of the second.\n   */\n  second?: \"numeric\" | \"2-digit\";\n  /**\n   * The representation of the time zone name.\n   */\n  timeZoneName?: \"long\" | \"short\";\n  /**\n   * The format matching algorithm to use. Possible values are \"basic\" and \"best fit\"; the default is \"best fit\". See the following paragraphs for information about the use of this property.\n   * @default \"best fit\"\n   */\n  formatMatcher?: \"basic\" | \"best fit\";\n  /**\n   * Whether to use 12-hour time (as opposed to 24-hour time). Possible values are true and false; the default is locale dependent. This option overrides the hc language tag and/or the hourCycle option in case both are present.\n   */\n  hour12?: boolean;\n  /**\n   * The time zone to use.\n   * The only value implementations must recognize is \"UTC\";\n   * the default is the runtime's default time zone.\n   * Implementations may also recognize the time zone names of the IANA time zone database,\n   * such as \"Asia/Shanghai\", \"Asia/Kolkata\", \"America/New_York\".\n   * @see https://www.iana.org/time-zones\n   */\n  timeZone?: string;\n  /**\n   *\n   */\n  date?: string | number | Date | Dayjs;\n  children?: never;\n  style?: React.CSSProperties;\n  className?: string;\n  title?: string;\n}\n\nexport const Time = ({\n  date = new Date(),\n  style,\n  className,\n  title,\n  ...options\n}: TimeProps) => {\n  const locale = useContext(LocaleContext);\n  const day = dayjs(date);\n  const format = day.format(\"YYYY-MM-DDTHH:MM:ss\");\n  const label = useMemo(\n    () => day.toDate().toLocaleDateString(locale, options),\n    [day, locale, options],\n  );\n  return (\n    <time dateTime={format} style={style} className={className} title={title}>\n      {label}\n    </time>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAqC,IAAAK,OAAA,GAAAL,OAAA;AAAA,SAAAI,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAI,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAyE9B,MAAMgB,IAAI,GAAGA,CAAC;EACnBC,IAAI,GAAG,IAAIC,IAAI,CAAC,CAAC;EACjBC,KAAK;EACLC,SAAS;EACTC,KAAK;EACL,GAAGC;AACM,CAAC,KAAK;EACf,MAAMC,MAAM,GAAG,IAAAC,iBAAU,EAACC,6BAAa,CAAC;EACxC,MAAMC,GAAG,GAAG,IAAAC,cAAK,EAACV,IAAI,CAAC;EACvB,MAAMW,MAAM,GAAGF,GAAG,CAACE,MAAM,CAAC,qBAAqB,CAAC;EAChD,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACnB,MAAMJ,GAAG,CAACK,MAAM,CAAC,CAAC,CAACC,kBAAkB,CAACT,MAAM,EAAED,OAAO,CAAC,EACtD,CAACI,GAAG,EAAEH,MAAM,EAAED,OAAO,CACvB,CAAC;EACD,OACE,IAAA1B,OAAA,CAAAqC,GAAA;IAAMC,QAAQ,EAAEN,MAAO;IAACT,KAAK,EAAEA,KAAM;IAACC,SAAS,EAAEA,SAAU;IAACC,KAAK,EAAEA;EAAM,GACtEQ,KACG,CAAC;AAEX,CAAC;AAACM,OAAA,CAAAnB,IAAA,GAAAA,IAAA","ignoreList":[]}

package/cjs/Timeline/Timeline.js

@@ -12,8 +12,7 @@ var _isBetween = _interopRequireDefault(require("dayjs/plugin/isBetween"));
 var _isSameOrAfter = _interopRequireDefault(require("dayjs/plugin/isSameOrAfter"));
 var _isSameOrBefore = _interopRequireDefault(require("dayjs/plugin/isSameOrBefore"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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 _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)."; }
 _dayjs.default.extend(_isSameOrAfter.default);