matsuri-ui 9.7.2-alpha.0

package/dist/esm/Calendar/CalendarWeek.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Calendar/CalendarWeek.tsx"],"names":["LocaleContext","css","React","useContext","dayjs","START_OF_WEEK","startOf","WEEKDAYS","map","elapsed","add","toDate","sx","container","weekday","CalendarWeek","memo","format","others","locale","date","index","toLocaleDateString"],"mappings":";;;;;;;;;;AAAA,SAASA,aAAT,QAA8B,mBAA9B;AACA,SAASC,GAAT,QAAoB,gBAApB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,KAAP,MAAkB,OAAlB;;AAOA,IAAMC,aAAa,GAAGD,KAAK,GAAGE,OAAR,CAAgB,MAAhB,CAAtB;AACA,IAAMC,QAAQ,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsBC,GAAtB,CAA2BC,OAAD,IAAaJ,aAAa,CAACK,GAAd,CAAkBD,OAAlB,EAA2B,KAA3B,EAAkCE,MAAlC,EAAvC,CAAjB;AAEA,IAAMC,EAAE,GAAG;AACPC,EAAAA,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GADF;AAKPC,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AALA,CAAX;AAgBA,OAAO,IAAMC,YAAyC,gBAAGb,KAAK,CAACc,IAAN,CACrD,QAAqC;AAAA,MAApC;AAAEC,IAAAA,MAAM,GAAG;AAAX,GAAoC;AAAA,MAAbC,MAAa;;AACjC,MAAMC,MAAM,GAAGhB,UAAU,CAACH,aAAD,CAAzB;AACA,SACI,kCAASkB,MAAT;AAAiB,IAAA,GAAG,EAAEN,EAAE,CAACC;AAAzB,MACKN,QAAQ,CAACC,GAAT,CAAa,CAACY,IAAD,EAAOC,KAAP,KAAiB;AAC3B,QAAMP,OAAO,GAAGM,IAAI,CAACE,kBAAL,CAAwBH,MAAxB,EAAgC;AAC5CL,MAAAA,OAAO,EAAEG;AADmC,KAAhC,CAAhB;AAGA,WACI;AAAK,MAAA,GAAG,EAAEI,KAAV;AAAiB,MAAA,GAAG,EAAET,EAAE,CAACE;AAAzB,OACKA,OADL,CADJ;AAKH,GATA,CADL,CADJ;AAcH,CAjBoD,EAkBrD,MAAM,IAlB+C,CAAlD","sourcesContent":["import { LocaleContext } from \"../LocaleProvider\"\nimport { css } from \"@emotion/react\"\nimport React, { useContext } from \"react\"\nimport dayjs from \"dayjs\"\n\nexport interface CalendarWeekProps extends React.HTMLAttributes<HTMLDivElement> {\n    children?: never\n    format?: \"narrow\" | \"short\" | \"long\"\n}\n\nconst START_OF_WEEK = dayjs().startOf(\"week\")\nconst WEEKDAYS = [0, 1, 2, 3, 4, 5, 6].map((elapsed) => START_OF_WEEK.add(elapsed, \"day\").toDate())\n\nconst sx = {\n    container: css`\n        display: flex;\n        min-width: 294px;\n    `,\n    weekday: css`\n        box-sizing: border-box;\n        display: flex;\n        flex: 1;\n        justify-content: center;\n        width: 100%;\n        font-size: 1rem;\n        text-align: right;\n    `\n}\n\nexport const CalendarWeek: React.FC<CalendarWeekProps> = React.memo(\n    ({ format = \"short\", ...others }) => {\n        const locale = useContext(LocaleContext)\n        return (\n            <div {...others} css={sx.container}>\n                {WEEKDAYS.map((date, index) => {\n                    const weekday = date.toLocaleDateString(locale, {\n                        weekday: format\n                    })\n                    return (\n                        <div key={index} css={sx.weekday}>\n                            {weekday}\n                        </div>\n                    )\n                })}\n            </div>\n        )\n    },\n    () => true\n)\n"],"file":"CalendarWeek.js"}

package/dist/esm/Calendar/index.js

@@ -0,0 +1,4 @@
+export * from "./Calendar";
+export * from "./CalendarDaysInMonth";
+export * from "./CalendarWeek";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Calendar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAd;AACA,cAAc,uBAAd;AACA,cAAc,gBAAd","sourcesContent":["export * from \"./Calendar\"\nexport * from \"./CalendarDaysInMonth\"\nexport * from \"./CalendarWeek\"\n"],"file":"index.js"}

package/dist/esm/CalendarController/CalendarController.js

@@ -0,0 +1,53 @@
+import { Button } from "../Button";
+import { Icon } from "../Icon";
+import { Layout } from "../Layouts";
+import { RelativeTime } from "../RelativeTime";
+import React, { useCallback } from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var CalendarController = _ref => {
+  var {
+    onNext,
+    onPrev,
+    onReset,
+    disabledPrev,
+    disabledNext,
+    unit = "month",
+    size = "medium"
+  } = _ref;
+  var handleReset = useCallback(() => {
+    if (onReset) {
+      onReset(new Date());
+    }
+  }, [onReset]);
+  return ___EmotionJSX(Layout.Item, null, ___EmotionJSX(Layout.Row, {
+    gap: 0.5,
+    nowrap: true
+  }, onPrev && ___EmotionJSX(Layout.Item, null, ___EmotionJSX(Button, {
+    type: "button",
+    icon: ___EmotionJSX(Icon.ArrowLeft, null),
+    variant: "outlined",
+    color: "primary",
+    onClick: onPrev,
+    disabled: disabledPrev,
+    size: size
+  })), onNext && ___EmotionJSX(Layout.Item, null, ___EmotionJSX(Button, {
+    type: "button",
+    icon: ___EmotionJSX(Icon.ArrowRight, null),
+    variant: "outlined",
+    color: "primary",
+    onClick: onNext,
+    disabled: disabledNext,
+    size: size
+  })), onReset && ___EmotionJSX(Layout.Item, null, ___EmotionJSX(Button, {
+    type: "button",
+    variant: "outlined",
+    color: "primary",
+    onClick: handleReset,
+    size: size
+  }, ___EmotionJSX(RelativeTime, {
+    value: 0,
+    unit: unit,
+    numeric: "auto"
+  })))));
+};
+//# sourceMappingURL=CalendarController.js.map

package/dist/esm/CalendarController/CalendarController.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CalendarController/CalendarController.tsx"],"names":["Button","Icon","Layout","RelativeTime","React","useCallback","CalendarController","onNext","onPrev","onReset","disabledPrev","disabledNext","unit","size","handleReset","Date"],"mappings":"AAAA,SAASA,MAAT,QAAuB,WAAvB;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,MAAT,QAAuB,YAAvB;AACA,SAASC,YAAT,QAAgD,iBAAhD;AAEA,OAAOC,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;;AAWA,OAAO,IAAMC,kBAAqD,GAAG,QAQ/D;AAAA,MARgE;AAClEC,IAAAA,MADkE;AAElEC,IAAAA,MAFkE;AAGlEC,IAAAA,OAHkE;AAIlEC,IAAAA,YAJkE;AAKlEC,IAAAA,YALkE;AAMlEC,IAAAA,IAAI,GAAG,OAN2D;AAOlEC,IAAAA,IAAI,GAAG;AAP2D,GAQhE;AACF,MAAMC,WAAW,GAAGT,WAAW,CAAC,MAAM;AAClC,QAAII,OAAJ,EAAa;AACTA,MAAAA,OAAO,CAAC,IAAIM,IAAJ,EAAD,CAAP;AACH;AACJ,GAJ8B,EAI5B,CAACN,OAAD,CAJ4B,CAA/B;AAKA,SACI,cAAC,MAAD,CAAQ,IAAR,QACI,cAAC,MAAD,CAAQ,GAAR;AAAY,IAAA,GAAG,EAAE,GAAjB;AAAsB,IAAA,MAAM;AAA5B,KACKD,MAAM,IACH,cAAC,MAAD,CAAQ,IAAR,QACI,cAAC,MAAD;AACI,IAAA,IAAI,EAAC,QADT;AAEI,IAAA,IAAI,EAAE,cAAC,IAAD,CAAM,SAAN,OAFV;AAGI,IAAA,OAAO,EAAC,UAHZ;AAII,IAAA,KAAK,EAAC,SAJV;AAKI,IAAA,OAAO,EAAEA,MALb;AAMI,IAAA,QAAQ,EAAEE,YANd;AAOI,IAAA,IAAI,EAAEG;AAPV,IADJ,CAFR,EAcKN,MAAM,IACH,cAAC,MAAD,CAAQ,IAAR,QACI,cAAC,MAAD;AACI,IAAA,IAAI,EAAC,QADT;AAEI,IAAA,IAAI,EAAE,cAAC,IAAD,CAAM,UAAN,OAFV;AAGI,IAAA,OAAO,EAAC,UAHZ;AAII,IAAA,KAAK,EAAC,SAJV;AAKI,IAAA,OAAO,EAAEA,MALb;AAMI,IAAA,QAAQ,EAAEI,YANd;AAOI,IAAA,IAAI,EAAEE;AAPV,IADJ,CAfR,EA2BKJ,OAAO,IACJ,cAAC,MAAD,CAAQ,IAAR,QACI,cAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,OAAO,EAAC,UAA9B;AAAyC,IAAA,KAAK,EAAC,SAA/C;AAAyD,IAAA,OAAO,EAAEK,WAAlE;AAA+E,IAAA,IAAI,EAAED;AAArF,KACI,cAAC,YAAD;AAAc,IAAA,KAAK,EAAE,CAArB;AAAwB,IAAA,IAAI,EAAED,IAA9B;AAAoC,IAAA,OAAO,EAAC;AAA5C,IADJ,CADJ,CA5BR,CADJ,CADJ;AAuCH,CArDM","sourcesContent":["import { Button } from \"../Button\"\nimport { Icon } from \"../Icon\"\nimport { Layout } from \"../Layouts\"\nimport { RelativeTime, RelativeTimeProps } from \"../RelativeTime\"\nimport { SizeProps } from \"../theme\"\nimport React, { useCallback } from \"react\"\n\nexport interface CalendarControllerProps extends SizeProps {\n    onNext?: () => void\n    onPrev?: () => void\n    onReset?: (today: Date) => void\n    unit?: RelativeTimeProps[\"unit\"]\n    disabledPrev?: boolean\n    disabledNext?: boolean\n}\n\nexport const CalendarController: React.FC<CalendarControllerProps> = ({\n    onNext,\n    onPrev,\n    onReset,\n    disabledPrev,\n    disabledNext,\n    unit = \"month\",\n    size = \"medium\"\n}) => {\n    const handleReset = useCallback(() => {\n        if (onReset) {\n            onReset(new Date())\n        }\n    }, [onReset])\n    return (\n        <Layout.Item>\n            <Layout.Row gap={0.5} nowrap>\n                {onPrev && (\n                    <Layout.Item>\n                        <Button\n                            type=\"button\"\n                            icon={<Icon.ArrowLeft />}\n                            variant=\"outlined\"\n                            color=\"primary\"\n                            onClick={onPrev}\n                            disabled={disabledPrev}\n                            size={size}\n                        />\n                    </Layout.Item>\n                )}\n                {onNext && (\n                    <Layout.Item>\n                        <Button\n                            type=\"button\"\n                            icon={<Icon.ArrowRight />}\n                            variant=\"outlined\"\n                            color=\"primary\"\n                            onClick={onNext}\n                            disabled={disabledNext}\n                            size={size}\n                        />\n                    </Layout.Item>\n                )}\n                {onReset && (\n                    <Layout.Item>\n                        <Button type=\"button\" variant=\"outlined\" color=\"primary\" onClick={handleReset} size={size}>\n                            <RelativeTime value={0} unit={unit} numeric=\"auto\" />\n                        </Button>\n                    </Layout.Item>\n                )}\n            </Layout.Row>\n        </Layout.Item>\n    )\n}\n"],"file":"CalendarController.js"}

package/dist/esm/CalendarController/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CalendarController/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAd","sourcesContent":["export * from \"./CalendarController\"\n"],"file":"index.js"}

package/dist/esm/CalendarLabel/CalendarLabel.js

@@ -0,0 +1,30 @@
+var _excluded = ["date", "size"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { Layout } from "../Layouts";
+import { Time } from "../Time";
+import { Typography } from "../Typography";
+import React from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var CalendarLabel = _ref => {
+  var {
+    date,
+    size = "medium"
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return ___EmotionJSX(Layout.Item, null, ___EmotionJSX(Typography, _extends({
+    variant: size === "medium" ? "h2" : size === "small" ? "h3" : "h1",
+    as: "p"
+  }, props), ___EmotionJSX(Time, {
+    year: "numeric",
+    month: "short",
+    date: date
+  })));
+};
+//# sourceMappingURL=CalendarLabel.js.map

package/dist/esm/CalendarLabel/CalendarLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CalendarLabel/CalendarLabel.tsx"],"names":["Layout","Time","Typography","React","CalendarLabel","date","size","props"],"mappings":";;;;;;;;AAAA,SAASA,MAAT,QAAuB,YAAvB;AAEA,SAASC,IAAT,QAAgC,SAAhC;AACA,SAASC,UAAT,QAA2B,eAA3B;AACA,OAAOC,KAAP,MAAkB,OAAlB;;AAOA,OAAO,IAAMC,aAA2C,GAAG,QAAyC;AAAA,MAAxC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,IAAI,GAAG;AAAf,GAAwC;AAAA,MAAZC,KAAY;;AAChG,SACI,cAAC,MAAD,CAAQ,IAAR,QACI,cAAC,UAAD;AAAY,IAAA,OAAO,EAAED,IAAI,KAAK,QAAT,GAAoB,IAApB,GAA2BA,IAAI,KAAK,OAAT,GAAmB,IAAnB,GAA0B,IAA1E;AAAgF,IAAA,EAAE,EAAC;AAAnF,KAA2FC,KAA3F,GACI,cAAC,IAAD;AAAM,IAAA,IAAI,EAAC,SAAX;AAAqB,IAAA,KAAK,EAAC,OAA3B;AAAmC,IAAA,IAAI,EAAEF;AAAzC,IADJ,CADJ,CADJ;AAOH,CARM","sourcesContent":["import { Layout } from \"../Layouts\"\nimport { SizeProps } from \"../theme\"\nimport { Time, TimeProps } from \"../Time\"\nimport { Typography } from \"../Typography\"\nimport React from \"react\"\n\nexport interface CalendarLabelProps extends Omit<React.HTMLAttributes<HTMLParagraphElement>, \"color\">, SizeProps {\n    date?: TimeProps[\"date\"]\n    children?: never\n}\n\nexport const CalendarLabel: React.FC<CalendarLabelProps> = ({ date, size = \"medium\", ...props }) => {\n    return (\n        <Layout.Item>\n            <Typography variant={size === \"medium\" ? \"h2\" : size === \"small\" ? \"h3\" : \"h1\"} as=\"p\" {...props}>\n                <Time year=\"numeric\" month=\"short\" date={date} />\n            </Typography>\n        </Layout.Item>\n    )\n}\n"],"file":"CalendarLabel.js"}

package/dist/esm/CalendarLabel/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CalendarLabel/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAd","sourcesContent":["export * from \"./CalendarLabel\"\n"],"file":"index.js"}

package/dist/esm/CalendarUI/CalendarUIContainer.js

@@ -0,0 +1,23 @@
+var _excluded = ["size"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { css } from "@emotion/react";
+import React from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var CalendarUIContainer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  var {
+    size = "medium"
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return ___EmotionJSX("div", _extends({}, props, {
+    ref: ref,
+    css: /*#__PURE__*/css("max-width:", size === "small" ? "350px" : undefined, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CalendarUIContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYWxlbmRhclVJL0NhbGVuZGFyVUlDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NhbGVuZGFyVUkvQ2FsZW5kYXJVSUNvbnRhaW5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiXG5leHBvcnQgY29uc3QgQ2FsZW5kYXJVSUNvbnRhaW5lciA9IFJlYWN0LmZvcndhcmRSZWY8XG4gICAgSFRNTERpdkVsZW1lbnQsXG4gICAge1xuICAgICAgICAvKipcbiAgICAgICAgICog5YWD44CF44GL44Gq44KK5aSn44GN44GE44Kz44Oz44Od44O844ON44Oz44OI44Gu44Gf44KB44CBYFwibGFyZ2VcImDjgrXjgqTjgrrjga/jgrXjg53jg7zjg4jjgZfjgb7jgZvjgpPjgIJcbiAgICAgICAgICogQGRlZmF1bHQgXCJtZWRpdW1cIlxuICAgICAgICAgKi9cbiAgICAgICAgc2l6ZT86IFwic21hbGxcIiB8IFwibWVkaXVtXCJcbiAgICAgICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgICB9XG4+KCh7IHNpemUgPSBcIm1lZGl1bVwiLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIG1heC13aWR0aDogJHtzaXplID09PSBcInNtYWxsXCIgPyBcIjM1MHB4XCIgOiB1bmRlZmluZWR9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICApXG59KVxuIl19 */")
+  }));
+});
+//# sourceMappingURL=CalendarUIContainer.js.map

package/dist/esm/CalendarUI/CalendarUIContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CalendarUI/CalendarUIContainer.tsx"],"names":["css","React","CalendarUIContainer","forwardRef","ref","size","props","undefined"],"mappings":";;;;;;;;AAAA,SAASA,GAAT,QAAoB,gBAApB;AACA,OAAOC,KAAP,MAAkB,OAAlB;;AACA,OAAO,IAAMC,mBAAmB,gBAAGD,KAAK,CAACE,UAAN,CAUjC,OAAgCC,GAAhC,KAAwC;AAAA,MAAvC;AAAEC,IAAAA,IAAI,GAAG;AAAT,GAAuC;AAAA,MAAjBC,KAAiB;;AACtC,SACI,kCACQA,KADR;AAEI,IAAA,GAAG,EAAEF,GAFT;AAGI,IAAA,GAAG,eAAEJ,GAAF,eACcK,IAAI,KAAK,OAAT,GAAmB,OAAnB,GAA6BE,SAD3C;AAHP,KADJ;AASH,CApBkC,CAA5B","sourcesContent":["import { css } from \"@emotion/react\"\nimport React from \"react\"\nexport const CalendarUIContainer = React.forwardRef<\n    HTMLDivElement,\n    {\n        /**\n         * 元々かなり大きいコンポーネントのため、`\"large\"`サイズはサポートしません。\n         * @default \"medium\"\n         */\n        size?: \"small\" | \"medium\"\n        children?: React.ReactNode\n    }\n>(({ size = \"medium\", ...props }, ref) => {\n    return (\n        <div\n            {...props}\n            ref={ref}\n            css={css`\n                max-width: ${size === \"small\" ? \"350px\" : undefined};\n            `}\n        />\n    )\n})\n"],"file":"CalendarUIContainer.js"}

package/dist/esm/CalendarUI/CalendarUIHeader.js

@@ -0,0 +1,19 @@
+import { Layout } from "../Layouts";
+import { css } from "@emotion/react";
+import { useTheme } from "../theme";
+import React from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var CalendarUIHeader = _ref => {
+  var {
+    children
+  } = _ref;
+  var {
+    spacing
+  } = useTheme();
+  return ___EmotionJSX(Layout.Row, {
+    justify: "space-between",
+    alignItems: "center",
+    css: /*#__PURE__*/css("&&{margin-bottom:", spacing * 2, "px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:CalendarUIHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYWxlbmRhclVJL0NhbGVuZGFyVUlIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ2FsZW5kYXJVSS9DYWxlbmRhclVJSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExheW91dCB9IGZyb20gXCIuLi9MYXlvdXRzXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmV4cG9ydCBjb25zdCBDYWxlbmRhclVJSGVhZGVyOiBSZWFjdC5GQyA9ICh7IGNoaWxkcmVuIH0pID0+IHtcbiAgICBjb25zdCB7IHNwYWNpbmcgfSA9IHVzZVRoZW1lKClcbiAgICByZXR1cm4gKFxuICAgICAgICA8TGF5b3V0LlJvd1xuICAgICAgICAgICAganVzdGlmeT1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAmJiB7XG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZyAqIDJ9cHg7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0xheW91dC5Sb3c+XG4gICAgKVxufVxuIl19 */")
+  }, children);
+};
+//# sourceMappingURL=CalendarUIHeader.js.map

package/dist/esm/CalendarUI/CalendarUIHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CalendarUI/CalendarUIHeader.tsx"],"names":["Layout","css","useTheme","React","CalendarUIHeader","children","spacing"],"mappings":"AAAA,SAASA,MAAT,QAAuB,YAAvB;AACA,SAASC,GAAT,QAAoB,gBAApB;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,OAAOC,KAAP,MAAkB,OAAlB;;AACA,OAAO,IAAMC,gBAA0B,GAAG,QAAkB;AAAA,MAAjB;AAAEC,IAAAA;AAAF,GAAiB;AACxD,MAAM;AAAEC,IAAAA;AAAF,MAAcJ,QAAQ,EAA5B;AACA,SACI,cAAC,MAAD,CAAQ,GAAR;AACI,IAAA,OAAO,EAAC,eADZ;AAEI,IAAA,UAAU,EAAC,QAFf;AAGI,IAAA,GAAG,eAAED,GAAF,sBAEsBK,OAAO,GAAG,CAFhC;AAHP,KASKD,QATL,CADJ;AAaH,CAfM","sourcesContent":["import { Layout } from \"../Layouts\"\nimport { css } from \"@emotion/react\"\nimport { useTheme } from \"../theme\"\nimport React from \"react\"\nexport const CalendarUIHeader: React.FC = ({ children }) => {\n    const { spacing } = useTheme()\n    return (\n        <Layout.Row\n            justify=\"space-between\"\n            alignItems=\"center\"\n            css={css`\n                && {\n                    margin-bottom: ${spacing * 2}px;\n                }\n            `}\n        >\n            {children}\n        </Layout.Row>\n    )\n}\n"],"file":"CalendarUIHeader.js"}

package/dist/esm/CalendarUI/index.js

@@ -0,0 +1,120 @@
+var _excluded = ["events", "dates", "date", "min", "max", "daysProps", "size", "renderCell"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { Calendar } from "../Calendar/Calendar";
+import { CalendarController } from "../CalendarController";
+import { CalendarLabel } from "../CalendarLabel";
+import { CalendarUIContainer } from "./CalendarUIContainer";
+import { CalendarUIHeader } from "./CalendarUIHeader";
+import React, { forwardRef, useCallback, useEffect, useMemo, useState } from "react";
+import dayjs from "dayjs";
+import isBetween from "dayjs/plugin/isBetween";
+import isSameOrAfter from "dayjs/plugin/isSameOrAfter";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+dayjs.extend(isBetween);
+dayjs.extend(isSameOrAfter);
+
+var normalize = config => {
+  return dayjs(dayjs(config).format("YYYY-MM-DD"));
+};
+
+export var useCalendar = function useCalendar() {
+  var {
+    initialDate: config = dayjs(),
+    min,
+    max
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    initialDate: undefined,
+    min: undefined,
+    max: undefined
+  };
+  var [date, setDate] = useState(normalize(config));
+  var increment = useCallback(() => {
+    setDate(prev => prev.add(1, "month"));
+  }, []);
+  var decrement = useCallback(() => {
+    setDate(prev => prev.add(-1, "month"));
+  }, []);
+  var reset = useCallback(() => {
+    setDate(dayjs(dayjs(config).format("YYYY-MM-DD")));
+  }, [config]);
+  var disabledPrev = useMemo(() => !!min && dayjs(min).isSameOrAfter(date.add(-1, "month").endOf("month")), [date, min]);
+  var disabledNext = useMemo(() => !!max && dayjs(max).isSameOrBefore(date.add(1, "month").startOf("month")), [date, max]);
+  var set = useCallback(function () {
+    var d = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
+    setDate(normalize(d));
+  }, []);
+  return {
+    date,
+    increment,
+    decrement,
+    reset,
+    disabledNext,
+    disabledPrev,
+    set,
+    controllerProps: {
+      unit: "month",
+      set,
+      increment,
+      decrement,
+      disabledNext,
+      disabledPrev
+    }
+  };
+};
+export var CalendarUI = /*#__PURE__*/forwardRef((_ref, ref) => {
+  var {
+    events,
+    dates,
+    date: propsDate,
+    min,
+    max,
+    daysProps,
+    size = "medium",
+    renderCell
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var {
+    date,
+    increment,
+    decrement,
+    set
+  } = useCalendar({
+    initialDate: propsDate,
+    min,
+    max
+  });
+  useEffect(() => {
+    if (propsDate) {
+      set(propsDate);
+    }
+  }, [propsDate, set]);
+  return ___EmotionJSX(CalendarUIContainer, _extends({}, props, {
+    ref: ref,
+    size: size
+  }), ___EmotionJSX(CalendarUIHeader, null, ___EmotionJSX(CalendarController, {
+    unit: "month",
+    size: size,
+    onPrev: decrement,
+    onNext: increment,
+    onReset: set
+  }), ___EmotionJSX(CalendarLabel, {
+    date: date,
+    size: size
+  })), ___EmotionJSX(Calendar, {
+    renderCell: renderCell,
+    events: events,
+    dates: dates,
+    daysProps: daysProps,
+    date: date,
+    min: min,
+    max: max
+  }));
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CalendarUI/index.tsx"],"names":["Calendar","CalendarController","CalendarLabel","CalendarUIContainer","CalendarUIHeader","React","forwardRef","useCallback","useEffect","useMemo","useState","dayjs","isBetween","isSameOrAfter","extend","normalize","config","format","useCalendar","initialDate","min","max","undefined","date","setDate","increment","prev","add","decrement","reset","disabledPrev","endOf","disabledNext","isSameOrBefore","startOf","set","d","Date","controllerProps","unit","CalendarUI","ref","events","dates","propsDate","daysProps","size","renderCell","props"],"mappings":"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","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, { forwardRef, useCallback, useEffect, useMemo, useState } 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        () => !!min && dayjs(min).isSameOrAfter(date.add(-1, \"month\").endOf(\"month\")),\n        [date, min]\n    )\n    const disabledNext = useMemo(\n        () => !!max && 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 extends any>(\n        {\n            events,\n            dates,\n            date: propsDate,\n            min,\n            max,\n            daysProps,\n            size = \"medium\",\n            renderCell,\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) {\n                set(propsDate)\n            }\n        }, [propsDate, set])\n\n        return (\n            <CalendarUIContainer {...props} ref={ref} size={size}>\n                <CalendarUIHeader>\n                    <CalendarController unit=\"month\" size={size} onPrev={decrement} onNext={increment} onReset={set} />\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                />\n            </CalendarUIContainer>\n        )\n    }\n) as <Props extends any = string>(\n    props: CalendarUIProps<Props> & {\n        ref?: React.Ref<HTMLDivElement>\n    }\n) => JSX.Element\n"],"file":"index.js"}

package/dist/esm/Card/index.js

@@ -0,0 +1,54 @@
+var _excluded = ["children"],
+    _excluded2 = ["children"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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 { jsx as ___EmotionJSX } from "@emotion/react";
+export var CardContent = _ref2 => {
+  var {
+    children
+  } = _ref2,
+      props = _objectWithoutProperties(_ref2, _excluded);
+
+  var {
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGFwZXIgfSBmcm9tIFwiLi4vUGFwZXJcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuXG5leHBvcnQgY29uc3QgQ2FyZENvbnRlbnQ6IFJlYWN0LkZDPFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50Pj4gPSAoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSkgPT4ge1xuICAgIGNvbnN0IHsgc3BhY2luZyB9ID0gdXNlVGhlbWUoKVxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHBhZGRpbmc6ICR7c3BhY2luZyAqIDJ9cHg7XG4gICAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgIClcbn1cblxuLyoqXG4gKiDjgaDjgYTjgZ/jgYRQYXBlcuOBqOWQjOOBmOOAglxuICovXG5leHBvcnQgY29uc3QgQ2FyZDogUmVhY3QuRkM8UmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+PiA9ICh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFBhcGVyXG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1BhcGVyPlxuICAgIClcbn1cbiJdfQ== */")
+  }), children);
+};
+/**
+ * だいたいPaperと同じ。
+ */
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "d3v9zr",
+  styles: "overflow:hidden"
+} : {
+  name: "e54arr-Card",
+  styles: "overflow:hidden;label:Card;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQm9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhcGVyIH0gZnJvbSBcIi4uL1BhcGVyXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IGNvbnN0IENhcmRDb250ZW50OiBSZWFjdC5GQzxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4+ID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0pID0+IHtcbiAgICBjb25zdCB7IHNwYWNpbmcgfSA9IHVzZVRoZW1lKClcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiAke3NwYWNpbmcgKiAyfXB4O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICApXG59XG5cbi8qKlxuICog44Gg44GE44Gf44GEUGFwZXLjgajlkIzjgZjjgIJcbiAqL1xuZXhwb3J0IGNvbnN0IENhcmQ6IFJlYWN0LkZDPFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50Pj4gPSAoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxQYXBlclxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9QYXBlcj5cbiAgICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export var Card = _ref3 => {
+  var {
+    children
+  } = _ref3,
+      props = _objectWithoutProperties(_ref3, _excluded2);
+
+  return ___EmotionJSX(Paper, _extends({}, props, {
+    css: _ref
+  }), children);
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Card/index.tsx"],"names":["Paper","css","useTheme","React","CardContent","children","props","spacing","Card"],"mappings":";;;;;;;;;;;AAAA,SAASA,KAAT,QAAsB,UAAtB;AACA,SAASC,GAAT,QAAoB,gBAApB;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,OAAOC,KAAP,MAAkB,OAAlB;;AAEA,OAAO,IAAMC,WAA2D,GAAG,SAA4B;AAAA,MAA3B;AAAEC,IAAAA;AAAF,GAA2B;AAAA,MAAZC,KAAY;;AACnG,MAAM;AAAEC,IAAAA;AAAF,MAAcL,QAAQ,EAA5B;AACA,SACI,kCACQI,KADR;AAEI,IAAA,GAAG,eAAEL,GAAF,aACYM,OAAO,GAAG,CADtB;AAFP,MAMKF,QANL,CADJ;AAUH,CAZM;AAcP;AACA;AACA;;;;;;;;;;;;AACA,OAAO,IAAMG,IAAoD,GAAG,SAA4B;AAAA,MAA3B;AAAEH,IAAAA;AAAF,GAA2B;AAAA,MAAZC,KAAY;;AAC5F,SACI,cAAC,KAAD,eACQA,KADR;AAEI,IAAA,GAAG;AAFP,MAMKD,QANL,CADJ;AAUH,CAXM","sourcesContent":["import { Paper } from \"../Paper\"\nimport { css } from \"@emotion/react\"\nimport { useTheme } from \"../theme\"\nimport React from \"react\"\n\nexport const CardContent: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({ children, ...props }) => {\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\n/**\n * だいたいPaperと同じ。\n */\nexport const Card: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({ children, ...props }) => {\n    return (\n        <Paper\n            {...props}\n            css={css`\n                overflow: hidden;\n            `}\n        >\n            {children}\n        </Paper>\n    )\n}\n"],"file":"index.js"}

package/dist/esm/CardMedia/CardMedia.js

@@ -0,0 +1,32 @@
+var _excluded = ["children", "src", "alt", "overlay"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { css } from "@emotion/react";
+import { useTheme } from "../theme";
+import React from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var CardMedia = _ref => {
+  var {
+    children,
+    src,
+    alt,
+    overlay
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var {
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkTWVkaWEvQ2FyZE1lZGlhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Qm9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DYXJkTWVkaWEvQ2FyZE1lZGlhLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IGludGVyZmFjZSBDYXJkTWVkaWFQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiB7XG4gICAgLyoqXG4gICAgICog55S75YOP44Gu44OR44K544Gn44GZ44CCXG4gICAgICovXG4gICAgc3JjPzogc3RyaW5nXG4gICAgLyoqXG4gICAgICog44Om44O844K244OT44Oq44OG44Kj44Gu44Gf44KB44Gr44GC44KK44G+44GZ44CC5Y+v6IO944Gq6ZmQ44KK5oyH5a6a44GX44Gm44GP44Gg44GV44GE44CCXG4gICAgICovXG4gICAgYWx0Pzogc3RyaW5nXG4gICAgLyoqXG4gICAgICog44Kq44O844OQ44O844Os44Kk44KS44GL44GR44G+44GZ44CC44G+44Gf44OV44Kp44Oz44OI44Kr44Op44O844KS44Kq44O844OQ44O844Os44Kk44Gu5Lit44Gn5Lit44Gn6KaL44KE44GZ44GE6Imy44Gr5aSJ5YyW44GV44Gb44G+44GZ44CCXG4gICAgICogQGRlZmF1bHQgZmFsc2VcbiAgICAgKi9cbiAgICBvdmVybGF5PzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgQ2FyZE1lZGlhOiBSZWFjdC5GQzxDYXJkTWVkaWFQcm9wcz4gPSAoeyBjaGlsZHJlbiwgc3JjLCBhbHQsIG92ZXJsYXksIC4uLnByb3BzIH0pID0+IHtcbiAgICBjb25zdCB7IHBhbGV0dGUgfSA9IHVzZVRoZW1lKClcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3NyY30pO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgdGl0bGU9e2FsdH1cbiAgICAgICAgPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgICAgICAgICAgICAgICAgICR7b3ZlcmxheSAmJlxuICAgICAgICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHtwYWxldHRlLmdyYXlbNTBdfTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudChyZ2JhKDAsIDAsIDAsIDAuNCksIHJnYmEoMCwgMCwgMCwgMC4zKSk7XG4gICAgICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgKVxufVxuIl19 */"),
+    title: alt
+  }), ___EmotionJSX("div", {
+    css: /*#__PURE__*/css("box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:16px;", overlay && /*#__PURE__*/css("color:", palette.gray[50], ";background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3));" + (process.env.NODE_ENV === "production" ? "" : ";label:CardMedia;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkTWVkaWEvQ2FyZE1lZGlhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ3VCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DYXJkTWVkaWEvQ2FyZE1lZGlhLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IGludGVyZmFjZSBDYXJkTWVkaWFQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiB7XG4gICAgLyoqXG4gICAgICog55S75YOP44Gu44OR44K544Gn44GZ44CCXG4gICAgICovXG4gICAgc3JjPzogc3RyaW5nXG4gICAgLyoqXG4gICAgICog44Om44O844K244OT44Oq44OG44Kj44Gu44Gf44KB44Gr44GC44KK44G+44GZ44CC5Y+v6IO944Gq6ZmQ44KK5oyH5a6a44GX44Gm44GP44Gg44GV44GE44CCXG4gICAgICovXG4gICAgYWx0Pzogc3RyaW5nXG4gICAgLyoqXG4gICAgICog44Kq44O844OQ44O844Os44Kk44KS44GL44GR44G+44GZ44CC44G+44Gf44OV44Kp44Oz44OI44Kr44Op44O844KS44Kq44O844OQ44O844Os44Kk44Gu5Lit44Gn5Lit44Gn6KaL44KE44GZ44GE6Imy44Gr5aSJ5YyW44GV44Gb44G+44GZ44CCXG4gICAgICogQGRlZmF1bHQgZmFsc2VcbiAgICAgKi9cbiAgICBvdmVybGF5PzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgQ2FyZE1lZGlhOiBSZWFjdC5GQzxDYXJkTWVkaWFQcm9wcz4gPSAoeyBjaGlsZHJlbiwgc3JjLCBhbHQsIG92ZXJsYXksIC4uLnByb3BzIH0pID0+IHtcbiAgICBjb25zdCB7IHBhbGV0dGUgfSA9IHVzZVRoZW1lKClcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3NyY30pO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgdGl0bGU9e2FsdH1cbiAgICAgICAgPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgICAgICAgICAgICAgICAgICR7b3ZlcmxheSAmJlxuICAgICAgICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHtwYWxldHRlLmdyYXlbNTBdfTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudChyZ2JhKDAsIDAsIDAsIDAuNCksIHJnYmEoMCwgMCwgMCwgMC4zKSk7XG4gICAgICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgKVxufVxuIl19 */"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CardMedia;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYXJkTWVkaWEvQ2FyZE1lZGlhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DYXJkTWVkaWEvQ2FyZE1lZGlhLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IGludGVyZmFjZSBDYXJkTWVkaWFQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiB7XG4gICAgLyoqXG4gICAgICog55S75YOP44Gu44OR44K544Gn44GZ44CCXG4gICAgICovXG4gICAgc3JjPzogc3RyaW5nXG4gICAgLyoqXG4gICAgICog44Om44O844K244OT44Oq44OG44Kj44Gu44Gf44KB44Gr44GC44KK44G+44GZ44CC5Y+v6IO944Gq6ZmQ44KK5oyH5a6a44GX44Gm44GP44Gg44GV44GE44CCXG4gICAgICovXG4gICAgYWx0Pzogc3RyaW5nXG4gICAgLyoqXG4gICAgICog44Kq44O844OQ44O844Os44Kk44KS44GL44GR44G+44GZ44CC44G+44Gf44OV44Kp44Oz44OI44Kr44Op44O844KS44Kq44O844OQ44O844Os44Kk44Gu5Lit44Gn5Lit44Gn6KaL44KE44GZ44GE6Imy44Gr5aSJ5YyW44GV44Gb44G+44GZ44CCXG4gICAgICogQGRlZmF1bHQgZmFsc2VcbiAgICAgKi9cbiAgICBvdmVybGF5PzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgQ2FyZE1lZGlhOiBSZWFjdC5GQzxDYXJkTWVkaWFQcm9wcz4gPSAoeyBjaGlsZHJlbiwgc3JjLCBhbHQsIG92ZXJsYXksIC4uLnByb3BzIH0pID0+IHtcbiAgICBjb25zdCB7IHBhbGV0dGUgfSA9IHVzZVRoZW1lKClcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3NyY30pO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgdGl0bGU9e2FsdH1cbiAgICAgICAgPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgICAgICAgICAgICAgICAgICR7b3ZlcmxheSAmJlxuICAgICAgICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHtwYWxldHRlLmdyYXlbNTBdfTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudChyZ2JhKDAsIDAsIDAsIDAuNCksIHJnYmEoMCwgMCwgMCwgMC4zKSk7XG4gICAgICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgKVxufVxuIl19 */")
+  }, children));
+};
+//# sourceMappingURL=CardMedia.js.map

package/dist/esm/CardMedia/CardMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CardMedia/CardMedia.tsx"],"names":["css","useTheme","React","CardMedia","children","src","alt","overlay","props","palette","gray"],"mappings":";;;;;;;;AAAA,SAASA,GAAT,QAAoB,gBAApB;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,OAAOC,KAAP,MAAkB,OAAlB;;AAkBA,OAAO,IAAMC,SAAmC,GAAG,QAA+C;AAAA,MAA9C;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,GAAZ;AAAiBC,IAAAA,GAAjB;AAAsBC,IAAAA;AAAtB,GAA8C;AAAA,MAAZC,KAAY;;AAC9F,MAAM;AAAEC,IAAAA;AAAF,MAAcR,QAAQ,EAA5B;AACA,SACI,kCACQO,KADR;AAEI,IAAA,GAAG,eAAER,GAAF,8DAGyBK,GAHzB,ytFAFP;AAUI,IAAA,KAAK,EAAEC;AAVX,MAYI;AACI,IAAA,GAAG,eAAEN,GAAF,uFAMGO,OAAO,iBACTP,GADS,WAEIS,OAAO,CAACC,IAAR,CAAa,EAAb,CAFJ,otFANV;AADP,KAcKN,QAdL,CAZJ,CADJ;AA+BH,CAjCM","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}\n\nexport const CardMedia: React.FC<CardMediaProps> = ({ children, src, alt, overlay, ...props }) => {\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={css`\n                    box-sizing: border-box;\n                    display: flex;\n                    flex-direction: column;\n                    height: 100%;\n                    padding: 16px;\n                    ${overlay &&\n                    css`\n                        color: ${palette.gray[50]};\n                        background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3));\n                    `}\n                `}\n            >\n                {children}\n            </div>\n        </div>\n    )\n}\n"],"file":"CardMedia.js"}

package/dist/esm/CardMedia/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CardMedia/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAd","sourcesContent":["export * from \"./CardMedia\"\n"],"file":"index.js"}