matsuri-ui 18.0.1-alpha-1759583592628-ecfdd4e.0 → 18.0.1-alpha-1759716595435-a37743a.0

package/esm/CalendarUI/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Calendar","CalendarController","CalendarLabel","CalendarUIContainer","CalendarUIHeader","React","forwardRef","useCallback","useEffect","useMemo","useState","dayjs","isBetween","isSameOrAfter","jsx","___EmotionJSX","extend","normalize","config","format","useCalendar","_temp","initialDate","min","max","undefined","date","setDate","increment","prev","add","decrement","reset","disabledPrev","endOf","disabledNext","isSameOrBefore","startOf","set","d","Date","controllerProps","unit","CalendarUI","_ref","ref","events","dates","propsDate","daysProps","cellHeight","size","renderCell","onClickDay","props","_objectWithoutPropertiesLoose","_excluded","_extends","onPrev","onNext","onReset"],"sources":["../../../src/CalendarUI/index.tsx"],"sourcesContent":["import { Calendar, CalendarProps } from \"../Calendar/Calendar\";\nimport { CalendarController } from \"../CalendarController\";\nimport { CalendarLabel } from \"../CalendarLabel\";\nimport { CalendarUIContainer } from \"./CalendarUIContainer\";\nimport { CalendarUIHeader } from \"./CalendarUIHeader\";\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport dayjs from \"dayjs\";\nimport isBetween from \"dayjs/plugin/isBetween\";\nimport isSameOrAfter from \"dayjs/plugin/isSameOrAfter\";\n\ndayjs.extend(isBetween);\ndayjs.extend(isSameOrAfter);\n\nconst normalize = (config: dayjs.ConfigType) => {\n  return dayjs(dayjs(config).format(\"YYYY-MM-DD\"));\n};\n\nexport const useCalendar = (\n  {\n    initialDate: config = dayjs(),\n    min,\n    max,\n  }: {\n    initialDate?: dayjs.ConfigType;\n    min?: dayjs.ConfigType;\n    max?: dayjs.ConfigType;\n  } = { initialDate: undefined, min: undefined, max: undefined },\n) => {\n  const [date, setDate] = useState(normalize(config));\n\n  const increment = useCallback(() => {\n    setDate((prev) => prev.add(1, \"month\"));\n  }, []);\n  const decrement = useCallback(() => {\n    setDate((prev) => prev.add(-1, \"month\"));\n  }, []);\n\n  const reset = useCallback(() => {\n    setDate(dayjs(dayjs(config).format(\"YYYY-MM-DD\")));\n  }, [config]);\n  const disabledPrev = useMemo(\n    () =>\n      min !== null &&\n      min !== undefined &&\n      dayjs(min).isSameOrAfter(date.add(-1, \"month\").endOf(\"month\")),\n    [date, min],\n  );\n  const disabledNext = useMemo(\n    () =>\n      max !== null &&\n      max !== undefined &&\n      dayjs(max).isSameOrBefore(date.add(1, \"month\").startOf(\"month\")),\n    [date, max],\n  );\n\n  const set = useCallback((d: dayjs.ConfigType = new Date()) => {\n    setDate(normalize(d));\n  }, []);\n\n  return {\n    date,\n    increment,\n    decrement,\n    reset,\n    disabledNext,\n    disabledPrev,\n    set,\n    controllerProps: {\n      unit: \"month\",\n      set,\n      increment,\n      decrement,\n      disabledNext,\n      disabledPrev,\n    } as const,\n  };\n};\n\nexport interface CalendarUIProps<T> extends CalendarProps<T> {\n  /**\n   * 元々かなり大きいコンポーネントのため、`\"large\"`サイズはサポートしません。\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\";\n}\n\nexport const CalendarUI = forwardRef(\n  <T,>(\n    {\n      events,\n      dates,\n      date: propsDate,\n      min,\n      max,\n      daysProps,\n      cellHeight,\n      size = \"medium\",\n      renderCell,\n      onClickDay,\n      ...props\n    }: CalendarUIProps<T>,\n    ref: React.Ref<HTMLDivElement>,\n  ) => {\n    const { date, increment, decrement, set } = useCalendar({\n      initialDate: propsDate,\n      min,\n      max,\n    });\n\n    useEffect(() => {\n      if (propsDate !== null && propsDate !== undefined) {\n        set(propsDate);\n      }\n    }, [propsDate, set]);\n\n    return (\n      <CalendarUIContainer {...props} ref={ref} size={size}>\n        <CalendarUIHeader>\n          <CalendarController\n            unit=\"month\"\n            size={size}\n            onPrev={decrement}\n            onNext={increment}\n            onReset={set}\n          />\n\n          <CalendarLabel date={date} size={size} />\n        </CalendarUIHeader>\n        <Calendar\n          renderCell={renderCell}\n          events={events}\n          dates={dates}\n          daysProps={daysProps}\n          date={date}\n          min={min}\n          max={max}\n          cellHeight={cellHeight}\n          onClickDay={onClickDay}\n        />\n      </CalendarUIContainer>\n    );\n  },\n) as <Props>(\n  props: CalendarUIProps<Props> & {\n    ref?: React.Ref<HTMLDivElement>;\n  },\n) => React.JSX.Element;\n"],"mappings":";;;AAAA,SAASA,QAAQ,QAAuB,sBAAsB;AAC9D,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,OAAOC,KAAK,IACVC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,QAAQ,QACH,OAAO;AACd,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,wBAAwB;AAC9C,OAAOC,aAAa,MAAM,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAEvDJ,KAAK,CAACK,MAAM,CAACJ,SAAS,CAAC;AACvBD,KAAK,CAACK,MAAM,CAACH,aAAa,CAAC;AAE3B,IAAMI,SAAS,GAAIC,MAAwB,IAAK;EAC9C,OAAOP,KAAK,CAACA,KAAK,CAACO,MAAM,CAAC,CAACC,MAAM,CAAC,YAAY,CAAC,CAAC;AAClD,CAAC;AAED,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAUnB;EAAA,IATH;IACEC,WAAW,EAAEJ,MAAM,GAAGP,KAAK,CAAC,CAAC;IAC7BY,GAAG;IACHC;EAKF,CAAC,GAAAH,KAAA,cAAG;IAAEC,WAAW,EAAEG,SAAS;IAAEF,GAAG,EAAEE,SAAS;IAAED,GAAG,EAAEC;EAAU,CAAC,GAAAJ,KAAA;EAE9D,IAAM,CAACK,IAAI,EAAEC,OAAO,CAAC,GAAGjB,QAAQ,CAACO,SAAS,CAACC,MAAM,CAAC,CAAC;EAEnD,IAAMU,SAAS,GAAGrB,WAAW,CAAC,MAAM;IAClCoB,OAAO,CAAEE,IAAI,IAAKA,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;EACN,IAAMC,SAAS,GAAGxB,WAAW,CAAC,MAAM;IAClCoB,OAAO,CAAEE,IAAI,IAAKA,IAAI,CAACC,GAAG,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;EAC1C,CAAC,EAAE,EAAE,CAAC;EAEN,IAAME,KAAK,GAAGzB,WAAW,CAAC,MAAM;IAC9BoB,OAAO,CAAChB,KAAK,CAACA,KAAK,CAACO,MAAM,CAAC,CAACC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;EACpD,CAAC,EAAE,CAACD,MAAM,CAAC,CAAC;EACZ,IAAMe,YAAY,GAAGxB,OAAO,CAC1B,MACEc,GAAG,KAAK,IAAI,IACZA,GAAG,KAAKE,SAAS,IACjBd,KAAK,CAACY,GAAG,CAAC,CAACV,aAAa,CAACa,IAAI,CAACI,GAAG,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAACI,KAAK,CAAC,OAAO,CAAC,CAAC,EAChE,CAACR,IAAI,EAAEH,GAAG,CACZ,CAAC;EACD,IAAMY,YAAY,GAAG1B,OAAO,CAC1B,MACEe,GAAG,KAAK,IAAI,IACZA,GAAG,KAAKC,SAAS,IACjBd,KAAK,CAACa,GAAG,CAAC,CAACY,cAAc,CAACV,IAAI,CAACI,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAACO,OAAO,CAAC,OAAO,CAAC,CAAC,EAClE,CAACX,IAAI,EAAEF,GAAG,CACZ,CAAC;EAED,IAAMc,GAAG,GAAG/B,WAAW,CAAC,UAACgC,CAAmB,EAAkB;IAAA,IAArCA,CAAmB;MAAnBA,CAAmB,GAAG,IAAIC,IAAI,CAAC,CAAC;IAAA;IACvDb,OAAO,CAACV,SAAS,CAACsB,CAAC,CAAC,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLb,IAAI;IACJE,SAAS;IACTG,SAAS;IACTC,KAAK;IACLG,YAAY;IACZF,YAAY;IACZK,GAAG;IACHG,eAAe,EAAE;MACfC,IAAI,EAAE,OAAO;MACbJ,GAAG;MACHV,SAAS;MACTG,SAAS;MACTI,YAAY;MACZF;IACF;EACF,CAAC;AACH,CAAC;AAUD,OAAO,IAAMU,UAAU,gBAAGrC,UAAU,CAClC,CAAAsC,IAAA,EAcEC,GAA8B,KAC3B;EAAA,IAdH;MACEC,MAAM;MACNC,KAAK;MACLrB,IAAI,EAAEsB,SAAS;MACfzB,GAAG;MACHC,GAAG;MACHyB,SAAS;MACTC,UAAU;MACVC,IAAI,GAAG,QAAQ;MACfC,UAAU;MACVC;IAEkB,CAAC,GAAAT,IAAA;IADhBU,KAAK,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;EAIV,IAAM;IAAE9B,IAAI;IAAEE,SAAS;IAAEG,SAAS;IAAEO;EAAI,CAAC,GAAGlB,WAAW,CAAC;IACtDE,WAAW,EAAE0B,SAAS;IACtBzB,GAAG;IACHC;EACF,CAAC,CAAC;EAEFhB,SAAS,CAAC,MAAM;IACd,IAAIwC,SAAS,KAAK,IAAI,IAAIA,SAAS,KAAKvB,SAAS,EAAE;MACjDa,GAAG,CAACU,SAAS,CAAC;IAChB;EACF,CAAC,EAAE,CAACA,SAAS,EAAEV,GAAG,CAAC,CAAC;EAEpB,OACEvB,aAAA,CAACZ,mBAAmB,EAAAsD,QAAA,KAAKH,KAAK;IAAET,GAAG,EAAEA,GAAI;IAACM,IAAI,EAAEA;EAAK,IACnDpC,aAAA,CAACX,gBAAgB,QACfW,aAAA,CAACd,kBAAkB;IACjByC,IAAI,EAAC,OAAO;IACZS,IAAI,EAAEA,IAAK;IACXO,MAAM,EAAE3B,SAAU;IAClB4B,MAAM,EAAE/B,SAAU;IAClBgC,OAAO,EAAEtB;EAAI,CACd,CAAC,EAEFvB,aAAA,CAACb,aAAa;IAACwB,IAAI,EAAEA,IAAK;IAACyB,IAAI,EAAEA;EAAK,CAAE,CACxB,CAAC,EACnBpC,aAAA,CAACf,QAAQ;IACPoD,UAAU,EAAEA,UAAW;IACvBN,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbE,SAAS,EAAEA,SAAU;IACrBvB,IAAI,EAAEA,IAAK;IACXH,GAAG,EAAEA,GAAI;IACTC,GAAG,EAAEA,GAAI;IACT0B,UAAU,EAAEA,UAAW;IACvBG,UAAU,EAAEA;EAAW,CACxB,CACkB,CAAC;AAE1B,CACF,CAIsB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useState","dayjs","isBetween","isSameOrAfter","Calendar","CalendarController","CalendarLabel","CalendarUIContainer","CalendarUIHeader","jsx","___EmotionJSX","extend","normalize","config","format","useCalendar","_temp","initialDate","min","max","undefined","date","setDate","increment","prev","add","decrement","reset","disabledPrev","endOf","disabledNext","isSameOrBefore","startOf","set","d","Date","controllerProps","unit","CalendarUI","_ref","ref","events","dates","propsDate","daysProps","cellHeight","size","renderCell","onClickDay","props","_objectWithoutPropertiesLoose","_excluded","_extends","onPrev","onNext","onReset"],"sources":["../../../src/CalendarUI/index.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport dayjs from \"dayjs\";\nimport isBetween from \"dayjs/plugin/isBetween\";\nimport isSameOrAfter from \"dayjs/plugin/isSameOrAfter\";\nimport { Calendar, CalendarProps } from \"../Calendar/Calendar\";\nimport { CalendarController } from \"../CalendarController\";\nimport { CalendarLabel } from \"../CalendarLabel\";\nimport { CalendarUIContainer } from \"./CalendarUIContainer\";\nimport { CalendarUIHeader } from \"./CalendarUIHeader\";\n\ndayjs.extend(isBetween);\ndayjs.extend(isSameOrAfter);\n\nconst normalize = (config: dayjs.ConfigType) => {\n  return dayjs(dayjs(config).format(\"YYYY-MM-DD\"));\n};\n\nexport const useCalendar = (\n  {\n    initialDate: config = dayjs(),\n    min,\n    max,\n  }: {\n    initialDate?: dayjs.ConfigType;\n    min?: dayjs.ConfigType;\n    max?: dayjs.ConfigType;\n  } = { initialDate: undefined, min: undefined, max: undefined },\n) => {\n  const [date, setDate] = useState(normalize(config));\n\n  const increment = useCallback(() => {\n    setDate((prev) => prev.add(1, \"month\"));\n  }, []);\n  const decrement = useCallback(() => {\n    setDate((prev) => prev.add(-1, \"month\"));\n  }, []);\n\n  const reset = useCallback(() => {\n    setDate(dayjs(dayjs(config).format(\"YYYY-MM-DD\")));\n  }, [config]);\n  const disabledPrev = useMemo(\n    () =>\n      min !== null &&\n      min !== undefined &&\n      dayjs(min).isSameOrAfter(date.add(-1, \"month\").endOf(\"month\")),\n    [date, min],\n  );\n  const disabledNext = useMemo(\n    () =>\n      max !== null &&\n      max !== undefined &&\n      dayjs(max).isSameOrBefore(date.add(1, \"month\").startOf(\"month\")),\n    [date, max],\n  );\n\n  const set = useCallback((d: dayjs.ConfigType = new Date()) => {\n    setDate(normalize(d));\n  }, []);\n\n  return {\n    date,\n    increment,\n    decrement,\n    reset,\n    disabledNext,\n    disabledPrev,\n    set,\n    controllerProps: {\n      unit: \"month\",\n      set,\n      increment,\n      decrement,\n      disabledNext,\n      disabledPrev,\n    } as const,\n  };\n};\n\nexport interface CalendarUIProps<T> extends CalendarProps<T> {\n  /**\n   * 元々かなり大きいコンポーネントのため、`\"large\"`サイズはサポートしません。\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\";\n}\n\nexport const CalendarUI = forwardRef(\n  <T,>(\n    {\n      events,\n      dates,\n      date: propsDate,\n      min,\n      max,\n      daysProps,\n      cellHeight,\n      size = \"medium\",\n      renderCell,\n      onClickDay,\n      ...props\n    }: CalendarUIProps<T>,\n    ref: React.Ref<HTMLDivElement>,\n  ) => {\n    const { date, increment, decrement, set } = useCalendar({\n      initialDate: propsDate,\n      min,\n      max,\n    });\n\n    useEffect(() => {\n      if (propsDate !== null && propsDate !== undefined) {\n        set(propsDate);\n      }\n    }, [propsDate, set]);\n\n    return (\n      <CalendarUIContainer {...props} ref={ref} size={size}>\n        <CalendarUIHeader>\n          <CalendarController\n            unit=\"month\"\n            size={size}\n            onPrev={decrement}\n            onNext={increment}\n            onReset={set}\n          />\n\n          <CalendarLabel date={date} size={size} />\n        </CalendarUIHeader>\n        <Calendar\n          renderCell={renderCell}\n          events={events}\n          dates={dates}\n          daysProps={daysProps}\n          date={date}\n          min={min}\n          max={max}\n          cellHeight={cellHeight}\n          onClickDay={onClickDay}\n        />\n      </CalendarUIContainer>\n    );\n  },\n) as <Props>(\n  props: CalendarUIProps<Props> & {\n    ref?: React.Ref<HTMLDivElement>;\n  },\n) => React.JSX.Element;\n"],"mappings":"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","ignoreList":[]}

package/esm/Card/index.js

@@ -3,10 +3,10 @@ var _excluded = ["children"],
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Paper } from "../Paper";
 import { css } from "@emotion/react";
-import { useTheme } from "../theme";
 import React from "react";
+import { Paper } from "../Paper";
+import { useTheme } from "../theme";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var CardContent = _ref2 => {
   var {
@@ -17,7 +17,7 @@ export var CardContent = _ref2 => {
     spacing
   } = useTheme();
   return ___EmotionJSX("div", _extends({}, props, {
-    css: /*#__PURE__*/css("padding:", spacing * 2, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:CardContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ2FyZC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQYXBlciB9IGZyb20gXCIuLi9QYXBlclwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhcmRDb250ZW50UHJvcHNcbiAgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IENhcmRDb250ZW50ID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH06IENhcmRDb250ZW50UHJvcHMpID0+IHtcbiAgY29uc3QgeyBzcGFjaW5nIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nOiAke3NwYWNpbmcgKiAyfXB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIENhcmRQcm9wcyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcImRpdlwiPiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG4vKipcbiAqIOOBoOOBhOOBn+OBhFBhcGVy44Go5ZCM44GY44CCXG4gKi9cbmV4cG9ydCBjb25zdCBDYXJkID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH06IENhcmRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxQYXBlclxuICAgICAgey4uLnByb3BzfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1BhcGVyPlxuICApO1xufTtcbiJdfQ== */")
+    css: /*#__PURE__*/css("padding:", spacing * 2, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:CardContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ2FyZC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFBhcGVyIH0gZnJvbSBcIi4uL1BhcGVyXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhcmRDb250ZW50UHJvcHNcbiAgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IENhcmRDb250ZW50ID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH06IENhcmRDb250ZW50UHJvcHMpID0+IHtcbiAgY29uc3QgeyBzcGFjaW5nIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nOiAke3NwYWNpbmcgKiAyfXB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIENhcmRQcm9wcyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcImRpdlwiPiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG4vKipcbiAqIOOBoOOBhOOBn+OBhFBhcGVy44Go5ZCM44GY44CCXG4gKi9cbmV4cG9ydCBjb25zdCBDYXJkID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH06IENhcmRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxQYXBlclxuICAgICAgey4uLnByb3BzfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1BhcGVyPlxuICApO1xufTtcbiJdfQ== */")
   }), children);
 };
 /**
@@ -28,7 +28,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "overflow:hidden"
 } : {
   name: "e54arr-Card",
-  styles: "overflow:hidden;label:Card;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGFwZXIgfSBmcm9tIFwiLi4vUGFwZXJcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBDYXJkQ29udGVudFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGVudCA9ICh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9OiBDYXJkQ29udGVudFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgc3BhY2luZyB9ID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcGFkZGluZzogJHtzcGFjaW5nICogMn1weDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBDYXJkUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiDjgaDjgYTjgZ/jgYRQYXBlcuOBqOWQjOOBmOOAglxuICovXG5leHBvcnQgY29uc3QgQ2FyZCA9ICh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9OiBDYXJkUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UGFwZXJcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9QYXBlcj5cbiAgKTtcbn07XG4iXX0= */",
+  styles: "overflow:hidden;label:Card;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBQYXBlciB9IGZyb20gXCIuLi9QYXBlclwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBDYXJkQ29udGVudFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGVudCA9ICh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9OiBDYXJkQ29udGVudFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgc3BhY2luZyB9ID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcGFkZGluZzogJHtzcGFjaW5nICogMn1weDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBDYXJkUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiDjgaDjgYTjgZ/jgYRQYXBlcuOBqOWQjOOBmOOAglxuICovXG5leHBvcnQgY29uc3QgQ2FyZCA9ICh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9OiBDYXJkUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UGFwZXJcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9QYXBlcj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var Card = _ref3 => {

package/esm/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Paper","css","useTheme","React","jsx","___EmotionJSX","CardContent","_ref2","children","props","_objectWithoutPropertiesLoose","_excluded","spacing","_extends","process","env","NODE_ENV","_ref","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Card","_ref3","_excluded2"],"sources":["../../../src/Card/index.tsx"],"sourcesContent":["import { Paper } from \"../Paper\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React from \"react\";\n\nexport interface CardContentProps\n  extends React.ComponentPropsWithoutRef<\"div\"> {\n  children?: React.ReactNode;\n}\n\nexport const CardContent = ({ children, ...props }: CardContentProps) => {\n  const { spacing } = useTheme();\n  return (\n    <div\n      {...props}\n      css={css`\n        padding: ${spacing * 2}px;\n      `}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport interface CardProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  children?: React.ReactNode;\n}\n\n/**\n * だいたいPaperと同じ。\n */\nexport const Card = ({ children, ...props }: CardProps) => {\n  return (\n    <Paper\n      {...props}\n      css={css`\n        overflow: hidden;\n      `}\n    >\n      {children}\n    </Paper>\n  );\n};\n"],"mappings":";;;;;AAAA,SAASA,KAAK,QAAQ,UAAU;AAChC,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,QAAQ,QAAQ,UAAU;AACnC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAO1B,OAAO,IAAMC,WAAW,GAAGC,KAAA,IAA8C;EAAA,IAA7C;MAAEC;IAAqC,CAAC,GAAAD,KAAA;IAAzBE,KAAK,GAAAC,6BAAA,CAAAH,KAAA,EAAAI,SAAA;EAC9C,IAAM;IAAEC;EAAQ,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAC9B,OACEG,aAAA,QAAAQ,QAAA,KACMJ,KAAK;IACTR,GAAG,eAAEA,GAAG,aACKW,OAAO,GAAG,CAAC,WAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA,iDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACtB,IAEDR,QACE,CAAC;AAEV,CAAC;AAMD;AACA;AACA;AAFA,IAAAS,IAAA,GAAAH,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAE,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAGA,OAAO,IAAMC,IAAI,GAAGC,KAAA,IAAuC;EAAA,IAAtC;MAAEf;IAA8B,CAAC,GAAAe,KAAA;IAAlBd,KAAK,GAAAC,6BAAA,CAAAa,KAAA,EAAAC,UAAA;EACvC,OACEnB,aAAA,CAACL,KAAK,EAAAa,QAAA,KACAJ,KAAK;IACTR,GAAG,EAAAgB;EAED,IAEDT,QACI,CAAC;AAEZ,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["css","React","Paper","useTheme","jsx","___EmotionJSX","CardContent","_ref2","children","props","_objectWithoutPropertiesLoose","_excluded","spacing","_extends","process","env","NODE_ENV","_ref","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Card","_ref3","_excluded2"],"sources":["../../../src/Card/index.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\nimport { Paper } from \"../Paper\";\nimport { useTheme } from \"../theme\";\n\nexport interface CardContentProps\n  extends React.ComponentPropsWithoutRef<\"div\"> {\n  children?: React.ReactNode;\n}\n\nexport const CardContent = ({ children, ...props }: CardContentProps) => {\n  const { spacing } = useTheme();\n  return (\n    <div\n      {...props}\n      css={css`\n        padding: ${spacing * 2}px;\n      `}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport interface CardProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  children?: React.ReactNode;\n}\n\n/**\n * だいたいPaperと同じ。\n */\nexport const Card = ({ children, ...props }: CardProps) => {\n  return (\n    <Paper\n      {...props}\n      css={css`\n        overflow: hidden;\n      `}\n    >\n      {children}\n    </Paper>\n  );\n};\n"],"mappings":";;;;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAOpC,OAAO,IAAMC,WAAW,GAAGC,KAAA,IAA8C;EAAA,IAA7C;MAAEC;IAAqC,CAAC,GAAAD,KAAA;IAAzBE,KAAK,GAAAC,6BAAA,CAAAH,KAAA,EAAAI,SAAA;EAC9C,IAAM;IAAEC;EAAQ,CAAC,GAAGT,QAAQ,CAAC,CAAC;EAC9B,OACEE,aAAA,QAAAQ,QAAA,KACMJ,KAAK;IACTT,GAAG,eAAEA,GAAG,aACKY,OAAO,GAAG,CAAC,WAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA,iDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACtB,IAEDR,QACE,CAAC;AAEV,CAAC;AAMD;AACA;AACA;AAFA,IAAAS,IAAA,GAAAH,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAE,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAGA,OAAO,IAAMC,IAAI,GAAGC,KAAA,IAAuC;EAAA,IAAtC;MAAEf;IAA8B,CAAC,GAAAe,KAAA;IAAlBd,KAAK,GAAAC,6BAAA,CAAAa,KAAA,EAAAC,UAAA;EACvC,OACEnB,aAAA,CAACH,KAAK,EAAAW,QAAA,KACAJ,KAAK;IACTT,GAAG,EAAAiB;EAED,IAEDT,QACI,CAAC;AAEZ,CAAC","ignoreList":[]}

package/esm/CardMedia/CardMedia.js

@@ -3,15 +3,15 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import { css } from "@emotion/react";
-import { useTheme } from "../theme";
 import React from "react";
+import { useTheme } from "../theme";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1taxt5q",
   styles: "box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:16px"
 } : {
   name: "bojeq-CardMedia",
-  styles: "box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:16px;label:CardMedia;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkTWVkaWEvQ2FyZE1lZGlhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q2EiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NhcmRNZWRpYS9DYXJkTWVkaWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhcmRNZWRpYVByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgLyoqXG4gICAqIOeUu+WDj+OBruODkeOCueOBp+OBmeOAglxuICAgKi9cbiAgc3JjPzogc3RyaW5nO1xuICAvKipcbiAgICog44Om44O844K244OT44Oq44OG44Kj44Gu44Gf44KB44Gr44GC44KK44G+44GZ44CC5Y+v6IO944Gq6ZmQ44KK5oyH5a6a44GX44Gm44GP44Gg44GV44GE44CCXG4gICAqL1xuICBhbHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiDjgqrjg7zjg5Djg7zjg6zjgqTjgpLjgYvjgZHjgb7jgZnjgILjgb7jgZ/jg5Xjgqnjg7Pjg4jjgqvjg6njg7zjgpLjgqrjg7zjg5Djg7zjg6zjgqTjga7kuK3jgafkuK3jgafopovjgoTjgZnjgYToibLjgavlpInljJbjgZXjgZvjgb7jgZnjgIJcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIG92ZXJsYXk/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IENhcmRNZWRpYSA9ICh7XG4gIGNoaWxkcmVuLFxuICBzcmMsXG4gIGFsdCxcbiAgb3ZlcmxheSxcbiAgLi4ucHJvcHNcbn06IENhcmRNZWRpYVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgcGFsZXR0ZSB9ID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3NyY30pO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgICBgfVxuICAgICAgdGl0bGU9e2FsdH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgICAgICAgYCxcbiAgICAgICAgICBvdmVybGF5ICYmXG4gICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUuZ3JheVs1MF19O1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgICAgICAgcmdiYSgwLCAwLCAwLCAwLjQpLFxuICAgICAgICAgICAgICAgIHJnYmEoMCwgMCwgMCwgMC4zKVxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */",
+  styles: "box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:16px;label:CardMedia;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkTWVkaWEvQ2FyZE1lZGlhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q2EiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NhcmRNZWRpYS9DYXJkTWVkaWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhcmRNZWRpYVByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgLyoqXG4gICAqIOeUu+WDj+OBruODkeOCueOBp+OBmeOAglxuICAgKi9cbiAgc3JjPzogc3RyaW5nO1xuICAvKipcbiAgICog44Om44O844K244OT44Oq44OG44Kj44Gu44Gf44KB44Gr44GC44KK44G+44GZ44CC5Y+v6IO944Gq6ZmQ44KK5oyH5a6a44GX44Gm44GP44Gg44GV44GE44CCXG4gICAqL1xuICBhbHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiDjgqrjg7zjg5Djg7zjg6zjgqTjgpLjgYvjgZHjgb7jgZnjgILjgb7jgZ/jg5Xjgqnjg7Pjg4jjgqvjg6njg7zjgpLjgqrjg7zjg5Djg7zjg6zjgqTjga7kuK3jgafkuK3jgafopovjgoTjgZnjgYToibLjgavlpInljJbjgZXjgZvjgb7jgZnjgIJcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIG92ZXJsYXk/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IENhcmRNZWRpYSA9ICh7XG4gIGNoaWxkcmVuLFxuICBzcmMsXG4gIGFsdCxcbiAgb3ZlcmxheSxcbiAgLi4ucHJvcHNcbn06IENhcmRNZWRpYVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgcGFsZXR0ZSB9ID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3NyY30pO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgICBgfVxuICAgICAgdGl0bGU9e2FsdH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgICAgICAgYCxcbiAgICAgICAgICBvdmVybGF5ICYmXG4gICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUuZ3JheVs1MF19O1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgICAgICAgcmdiYSgwLCAwLCAwLCAwLjQpLFxuICAgICAgICAgICAgICAgIHJnYmEoMCwgMCwgMCwgMC4zKVxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var CardMedia = _ref2 => {
@@ -26,10 +26,10 @@ export var CardMedia = _ref2 => {
     palette
   } = useTheme();
   return ___EmotionJSX("div", _extends({}, props, {
-    css: /*#__PURE__*/css("box-sizing:border-box;display:block;background-image:url(", src, ");background-repeat:no-repeat;background-position:center;background-size:cover;" + (process.env.NODE_ENV === "production" ? "" : ";label:CardMedia;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkTWVkaWEvQ2FyZE1lZGlhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ2MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NhcmRNZWRpYS9DYXJkTWVkaWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhcmRNZWRpYVByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgLyoqXG4gICAqIOeUu+WDj+OBruODkeOCueOBp+OBmeOAglxuICAgKi9cbiAgc3JjPzogc3RyaW5nO1xuICAvKipcbiAgICog44Om44O844K244OT44Oq44OG44Kj44Gu44Gf44KB44Gr44GC44KK44G+44GZ44CC5Y+v6IO944Gq6ZmQ44KK5oyH5a6a44GX44Gm44GP44Gg44GV44GE44CCXG4gICAqL1xuICBhbHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiDjgqrjg7zjg5Djg7zjg6zjgqTjgpLjgYvjgZHjgb7jgZnjgILjgb7jgZ/jg5Xjgqnjg7Pjg4jjgqvjg6njg7zjgpLjgqrjg7zjg5Djg7zjg6zjgqTjga7kuK3jgafkuK3jgafopovjgoTjgZnjgYToibLjgavlpInljJbjgZXjgZvjgb7jgZnjgIJcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIG92ZXJsYXk/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IENhcmRNZWRpYSA9ICh7XG4gIGNoaWxkcmVuLFxuICBzcmMsXG4gIGFsdCxcbiAgb3ZlcmxheSxcbiAgLi4ucHJvcHNcbn06IENhcmRNZWRpYVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgcGFsZXR0ZSB9ID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3NyY30pO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgICBgfVxuICAgICAgdGl0bGU9e2FsdH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgICAgICAgYCxcbiAgICAgICAgICBvdmVybGF5ICYmXG4gICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUuZ3JheVs1MF19O1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgICAgICAgcmdiYSgwLCAwLCAwLCAwLjQpLFxuICAgICAgICAgICAgICAgIHJnYmEoMCwgMCwgMCwgMC4zKVxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */"),
+    css: /*#__PURE__*/css("box-sizing:border-box;display:block;background-image:url(", src, ");background-repeat:no-repeat;background-position:center;background-size:cover;" + (process.env.NODE_ENV === "production" ? "" : ";label:CardMedia;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkTWVkaWEvQ2FyZE1lZGlhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ2MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NhcmRNZWRpYS9DYXJkTWVkaWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhcmRNZWRpYVByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgLyoqXG4gICAqIOeUu+WDj+OBruODkeOCueOBp+OBmeOAglxuICAgKi9cbiAgc3JjPzogc3RyaW5nO1xuICAvKipcbiAgICog44Om44O844K244OT44Oq44OG44Kj44Gu44Gf44KB44Gr44GC44KK44G+44GZ44CC5Y+v6IO944Gq6ZmQ44KK5oyH5a6a44GX44Gm44GP44Gg44GV44GE44CCXG4gICAqL1xuICBhbHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiDjgqrjg7zjg5Djg7zjg6zjgqTjgpLjgYvjgZHjgb7jgZnjgILjgb7jgZ/jg5Xjgqnjg7Pjg4jjgqvjg6njg7zjgpLjgqrjg7zjg5Djg7zjg6zjgqTjga7kuK3jgafkuK3jgafopovjgoTjgZnjgYToibLjgavlpInljJbjgZXjgZvjgb7jgZnjgIJcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIG92ZXJsYXk/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IENhcmRNZWRpYSA9ICh7XG4gIGNoaWxkcmVuLFxuICBzcmMsXG4gIGFsdCxcbiAgb3ZlcmxheSxcbiAgLi4ucHJvcHNcbn06IENhcmRNZWRpYVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgcGFsZXR0ZSB9ID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3NyY30pO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgICBgfVxuICAgICAgdGl0bGU9e2FsdH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgICAgICAgYCxcbiAgICAgICAgICBvdmVybGF5ICYmXG4gICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUuZ3JheVs1MF19O1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgICAgICAgcmdiYSgwLCAwLCAwLCAwLjQpLFxuICAgICAgICAgICAgICAgIHJnYmEoMCwgMCwgMCwgMC4zKVxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */"),
     title: alt
   }), ___EmotionJSX("div", {
-    css: [_ref, overlay && /*#__PURE__*/css("color:", palette.gray[50], ";background-image:linear-gradient(\n                rgba(0, 0, 0, 0.4),\n                rgba(0, 0, 0, 0.3)\n              );" + (process.env.NODE_ENV === "production" ? "" : ";label:CardMedia;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkTWVkaWEvQ2FyZE1lZGlhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRGUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NhcmRNZWRpYS9DYXJkTWVkaWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhcmRNZWRpYVByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgLyoqXG4gICAqIOeUu+WDj+OBruODkeOCueOBp+OBmeOAglxuICAgKi9cbiAgc3JjPzogc3RyaW5nO1xuICAvKipcbiAgICog44Om44O844K244OT44Oq44OG44Kj44Gu44Gf44KB44Gr44GC44KK44G+44GZ44CC5Y+v6IO944Gq6ZmQ44KK5oyH5a6a44GX44Gm44GP44Gg44GV44GE44CCXG4gICAqL1xuICBhbHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiDjgqrjg7zjg5Djg7zjg6zjgqTjgpLjgYvjgZHjgb7jgZnjgILjgb7jgZ/jg5Xjgqnjg7Pjg4jjgqvjg6njg7zjgpLjgqrjg7zjg5Djg7zjg6zjgqTjga7kuK3jgafkuK3jgafopovjgoTjgZnjgYToibLjgavlpInljJbjgZXjgZvjgb7jgZnjgIJcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIG92ZXJsYXk/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IENhcmRNZWRpYSA9ICh7XG4gIGNoaWxkcmVuLFxuICBzcmMsXG4gIGFsdCxcbiAgb3ZlcmxheSxcbiAgLi4ucHJvcHNcbn06IENhcmRNZWRpYVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgcGFsZXR0ZSB9ID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3NyY30pO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgICBgfVxuICAgICAgdGl0bGU9e2FsdH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgICAgICAgYCxcbiAgICAgICAgICBvdmVybGF5ICYmXG4gICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUuZ3JheVs1MF19O1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgICAgICAgcmdiYSgwLCAwLCAwLCAwLjQpLFxuICAgICAgICAgICAgICAgIHJnYmEoMCwgMCwgMCwgMC4zKVxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */"), process.env.NODE_ENV === "production" ? "" : ";label:CardMedia;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkTWVkaWEvQ2FyZE1lZGlhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ1EiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NhcmRNZWRpYS9DYXJkTWVkaWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhcmRNZWRpYVByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgLyoqXG4gICAqIOeUu+WDj+OBruODkeOCueOBp+OBmeOAglxuICAgKi9cbiAgc3JjPzogc3RyaW5nO1xuICAvKipcbiAgICog44Om44O844K244OT44Oq44OG44Kj44Gu44Gf44KB44Gr44GC44KK44G+44GZ44CC5Y+v6IO944Gq6ZmQ44KK5oyH5a6a44GX44Gm44GP44Gg44GV44GE44CCXG4gICAqL1xuICBhbHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiDjgqrjg7zjg5Djg7zjg6zjgqTjgpLjgYvjgZHjgb7jgZnjgILjgb7jgZ/jg5Xjgqnjg7Pjg4jjgqvjg6njg7zjgpLjgqrjg7zjg5Djg7zjg6zjgqTjga7kuK3jgafkuK3jgafopovjgoTjgZnjgYToibLjgavlpInljJbjgZXjgZvjgb7jgZnjgIJcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIG92ZXJsYXk/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IENhcmRNZWRpYSA9ICh7XG4gIGNoaWxkcmVuLFxuICBzcmMsXG4gIGFsdCxcbiAgb3ZlcmxheSxcbiAgLi4ucHJvcHNcbn06IENhcmRNZWRpYVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgcGFsZXR0ZSB9ID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3NyY30pO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgICBgfVxuICAgICAgdGl0bGU9e2FsdH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgICAgICAgYCxcbiAgICAgICAgICBvdmVybGF5ICYmXG4gICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUuZ3JheVs1MF19O1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgICAgICAgcmdiYSgwLCAwLCAwLCAwLjQpLFxuICAgICAgICAgICAgICAgIHJnYmEoMCwgMCwgMCwgMC4zKVxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */"]
+    css: [_ref, overlay && /*#__PURE__*/css("color:", palette.gray[50], ";background-image:linear-gradient(\n                rgba(0, 0, 0, 0.4),\n                rgba(0, 0, 0, 0.3)\n              );" + (process.env.NODE_ENV === "production" ? "" : ";label:CardMedia;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkTWVkaWEvQ2FyZE1lZGlhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRGUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NhcmRNZWRpYS9DYXJkTWVkaWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhcmRNZWRpYVByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgLyoqXG4gICAqIOeUu+WDj+OBruODkeOCueOBp+OBmeOAglxuICAgKi9cbiAgc3JjPzogc3RyaW5nO1xuICAvKipcbiAgICog44Om44O844K244OT44Oq44OG44Kj44Gu44Gf44KB44Gr44GC44KK44G+44GZ44CC5Y+v6IO944Gq6ZmQ44KK5oyH5a6a44GX44Gm44GP44Gg44GV44GE44CCXG4gICAqL1xuICBhbHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiDjgqrjg7zjg5Djg7zjg6zjgqTjgpLjgYvjgZHjgb7jgZnjgILjgb7jgZ/jg5Xjgqnjg7Pjg4jjgqvjg6njg7zjgpLjgqrjg7zjg5Djg7zjg6zjgqTjga7kuK3jgafkuK3jgafopovjgoTjgZnjgYToibLjgavlpInljJbjgZXjgZvjgb7jgZnjgIJcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIG92ZXJsYXk/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IENhcmRNZWRpYSA9ICh7XG4gIGNoaWxkcmVuLFxuICBzcmMsXG4gIGFsdCxcbiAgb3ZlcmxheSxcbiAgLi4ucHJvcHNcbn06IENhcmRNZWRpYVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgcGFsZXR0ZSB9ID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3NyY30pO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgICBgfVxuICAgICAgdGl0bGU9e2FsdH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgICAgICAgYCxcbiAgICAgICAgICBvdmVybGF5ICYmXG4gICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUuZ3JheVs1MF19O1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgICAgICAgcmdiYSgwLCAwLCAwLCAwLjQpLFxuICAgICAgICAgICAgICAgIHJnYmEoMCwgMCwgMCwgMC4zKVxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */"), process.env.NODE_ENV === "production" ? "" : ";label:CardMedia;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkTWVkaWEvQ2FyZE1lZGlhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ1EiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NhcmRNZWRpYS9DYXJkTWVkaWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhcmRNZWRpYVByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgLyoqXG4gICAqIOeUu+WDj+OBruODkeOCueOBp+OBmeOAglxuICAgKi9cbiAgc3JjPzogc3RyaW5nO1xuICAvKipcbiAgICog44Om44O844K244OT44Oq44OG44Kj44Gu44Gf44KB44Gr44GC44KK44G+44GZ44CC5Y+v6IO944Gq6ZmQ44KK5oyH5a6a44GX44Gm44GP44Gg44GV44GE44CCXG4gICAqL1xuICBhbHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiDjgqrjg7zjg5Djg7zjg6zjgqTjgpLjgYvjgZHjgb7jgZnjgILjgb7jgZ/jg5Xjgqnjg7Pjg4jjgqvjg6njg7zjgpLjgqrjg7zjg5Djg7zjg6zjgqTjga7kuK3jgafkuK3jgafopovjgoTjgZnjgYToibLjgavlpInljJbjgZXjgZvjgb7jgZnjgIJcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIG92ZXJsYXk/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IENhcmRNZWRpYSA9ICh7XG4gIGNoaWxkcmVuLFxuICBzcmMsXG4gIGFsdCxcbiAgb3ZlcmxheSxcbiAgLi4ucHJvcHNcbn06IENhcmRNZWRpYVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgcGFsZXR0ZSB9ID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3NyY30pO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgICBgfVxuICAgICAgdGl0bGU9e2FsdH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgICAgICAgYCxcbiAgICAgICAgICBvdmVybGF5ICYmXG4gICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUuZ3JheVs1MF19O1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgICAgICAgcmdiYSgwLCAwLCAwLCAwLjQpLFxuICAgICAgICAgICAgICAgIHJnYmEoMCwgMCwgMCwgMC4zKVxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */"]
   }, children));
 };
 //# sourceMappingURL=CardMedia.js.map

package/esm/CardMedia/CardMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardMedia.js","names":["css","useTheme","React","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","CardMedia","_ref2","children","src","alt","overlay","props","_objectWithoutPropertiesLoose","_excluded","palette","_extends","title","gray"],"sources":["../../../src/CardMedia/CardMedia.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React from \"react\";\n\nexport interface CardMediaProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 画像のパスです。\n   */\n  src?: string;\n  /**\n   * ユーザビリティのためにあります。可能な限り指定してください。\n   */\n  alt?: string;\n  /**\n   * オーバーレイをかけます。またフォントカラーをオーバーレイの中で中で見やすい色に変化させます。\n   * @default false\n   */\n  overlay?: boolean;\n  children?: React.ReactNode;\n}\n\nexport const CardMedia = ({\n  children,\n  src,\n  alt,\n  overlay,\n  ...props\n}: CardMediaProps) => {\n  const { palette } = useTheme();\n  return (\n    <div\n      {...props}\n      css={css`\n        box-sizing: border-box;\n        display: block;\n        background-image: url(${src});\n        background-repeat: no-repeat;\n        background-position: center;\n        background-size: cover;\n      `}\n      title={alt}\n    >\n      <div\n        css={[\n          css`\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            padding: 16px;\n          `,\n          overlay &&\n            css`\n              color: ${palette.gray[50]};\n              background-image: linear-gradient(\n                rgba(0, 0, 0, 0.4),\n                rgba(0, 0, 0, 0.3)\n              );\n            `,\n        ]}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,QAAQ,QAAQ,UAAU;AACnC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAmB1B,OAAO,IAAMC,SAAS,GAAGC,KAAA,IAMH;EAAA,IANI;MACxBC,QAAQ;MACRC,GAAG;MACHC,GAAG;MACHC;IAEc,CAAC,GAAAJ,KAAA;IADZK,KAAK,GAAAC,6BAAA,CAAAN,KAAA,EAAAO,SAAA;EAER,IAAM;IAAEC;EAAQ,CAAC,GAAGrB,QAAQ,CAAC,CAAC;EAC9B,OACEG,aAAA,QAAAmB,QAAA,KACMJ,KAAK;IACTnB,GAAG,eAAEA,GAAG,8DAGkBgB,GAAG,uFAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,u4EAI3B;IACFgB,KAAK,EAAEP;EAAI,IAEXb,aAAA;IACEJ,GAAG,GAAAK,IAAA,EAQDa,OAAO,iBACLlB,GAAG,WACQsB,OAAO,CAACG,IAAI,CAAC,EAAE,CAAC,qIAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,u4EAK1B,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,8CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACH,GAEDO,QACE,CACF,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"CardMedia.js","names":["css","React","useTheme","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","CardMedia","_ref2","children","src","alt","overlay","props","_objectWithoutPropertiesLoose","_excluded","palette","_extends","title","gray"],"sources":["../../../src/CardMedia/CardMedia.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\nimport { useTheme } from \"../theme\";\n\nexport interface CardMediaProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 画像のパスです。\n   */\n  src?: string;\n  /**\n   * ユーザビリティのためにあります。可能な限り指定してください。\n   */\n  alt?: string;\n  /**\n   * オーバーレイをかけます。またフォントカラーをオーバーレイの中で中で見やすい色に変化させます。\n   * @default false\n   */\n  overlay?: boolean;\n  children?: React.ReactNode;\n}\n\nexport const CardMedia = ({\n  children,\n  src,\n  alt,\n  overlay,\n  ...props\n}: CardMediaProps) => {\n  const { palette } = useTheme();\n  return (\n    <div\n      {...props}\n      css={css`\n        box-sizing: border-box;\n        display: block;\n        background-image: url(${src});\n        background-repeat: no-repeat;\n        background-position: center;\n        background-size: cover;\n      `}\n      title={alt}\n    >\n      <div\n        css={[\n          css`\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            padding: 16px;\n          `,\n          overlay &&\n            css`\n              color: ${palette.gray[50]};\n              background-image: linear-gradient(\n                rgba(0, 0, 0, 0.4),\n                rgba(0, 0, 0, 0.3)\n              );\n            `,\n        ]}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAmBpC,OAAO,IAAMC,SAAS,GAAGC,KAAA,IAMH;EAAA,IANI;MACxBC,QAAQ;MACRC,GAAG;MACHC,GAAG;MACHC;IAEc,CAAC,GAAAJ,KAAA;IADZK,KAAK,GAAAC,6BAAA,CAAAN,KAAA,EAAAO,SAAA;EAER,IAAM;IAAEC;EAAQ,CAAC,GAAGpB,QAAQ,CAAC,CAAC;EAC9B,OACEE,aAAA,QAAAmB,QAAA,KACMJ,KAAK;IACTnB,GAAG,eAAEA,GAAG,8DAGkBgB,GAAG,uFAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,u4EAI3B;IACFgB,KAAK,EAAEP;EAAI,IAEXb,aAAA;IACEJ,GAAG,GAAAK,IAAA,EAQDa,OAAO,iBACLlB,GAAG,WACQsB,OAAO,CAACG,IAAI,CAAC,EAAE,CAAC,qIAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,u4EAK1B,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,8CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACH,GAEDO,QACE,CACF,CAAC;AAEV,CAAC","ignoreList":[]}