matsuri-ui 9.7.2-alpha.0

package/dist/cjs/Calendar/CalendarWeek.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CalendarWeek = void 0;
+
+var _LocaleProvider = require("../LocaleProvider");
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _dayjs = _interopRequireDefault(require("dayjs"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+const START_OF_WEEK = (0, _dayjs.default)().startOf("week");
+const WEEKDAYS = [0, 1, 2, 3, 4, 5, 6].map(elapsed => START_OF_WEEK.add(elapsed, "day").toDate());
+const sx = {
+  container: process.env.NODE_ENV === "production" ? {
+    name: "k5mv1e",
+    styles: "display:flex;min-width:294px"
+  } : {
+    name: "zfzlp7-container",
+    styles: "display:flex;min-width:294px;label:container;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYWxlbmRhci9DYWxlbmRhcldlZWsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ2FsZW5kYXIvQ2FsZW5kYXJXZWVrLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2FsZUNvbnRleHQgfSBmcm9tIFwiLi4vTG9jYWxlUHJvdmlkZXJcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBkYXlqcyBmcm9tIFwiZGF5anNcIlxuXG5leHBvcnQgaW50ZXJmYWNlIENhbGVuZGFyV2Vla1Byb3BzIGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgICBjaGlsZHJlbj86IG5ldmVyXG4gICAgZm9ybWF0PzogXCJuYXJyb3dcIiB8IFwic2hvcnRcIiB8IFwibG9uZ1wiXG59XG5cbmNvbnN0IFNUQVJUX09GX1dFRUsgPSBkYXlqcygpLnN0YXJ0T2YoXCJ3ZWVrXCIpXG5jb25zdCBXRUVLREFZUyA9IFswLCAxLCAyLCAzLCA0LCA1LCA2XS5tYXAoKGVsYXBzZWQpID0+IFNUQVJUX09GX1dFRUsuYWRkKGVsYXBzZWQsIFwiZGF5XCIpLnRvRGF0ZSgpKVxuXG5jb25zdCBzeCA9IHtcbiAgICBjb250YWluZXI6IGNzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgbWluLXdpZHRoOiAyOTRweDtcbiAgICBgLFxuICAgIHdlZWtkYXk6IGNzc2BcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleDogMTtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgIGBcbn1cblxuZXhwb3J0IGNvbnN0IENhbGVuZGFyV2VlazogUmVhY3QuRkM8Q2FsZW5kYXJXZWVrUHJvcHM+ID0gUmVhY3QubWVtbyhcbiAgICAoeyBmb3JtYXQgPSBcInNob3J0XCIsIC4uLm90aGVycyB9KSA9PiB7XG4gICAgICAgIGNvbnN0IGxvY2FsZSA9IHVzZUNvbnRleHQoTG9jYWxlQ29udGV4dClcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxkaXYgey4uLm90aGVyc30gY3NzPXtzeC5jb250YWluZXJ9PlxuICAgICAgICAgICAgICAgIHtXRUVLREFZUy5tYXAoKGRhdGUsIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHdlZWtkYXkgPSBkYXRlLnRvTG9jYWxlRGF0ZVN0cmluZyhsb2NhbGUsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHdlZWtkYXk6IGZvcm1hdFxuICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBrZXk9e2luZGV4fSBjc3M9e3N4LndlZWtkYXl9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt3ZWVrZGF5fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICApXG4gICAgfSxcbiAgICAoKSA9PiB0cnVlXG4pXG4iXX0= */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
+  weekday: process.env.NODE_ENV === "production" ? {
+    name: "6s4vds",
+    styles: "box-sizing:border-box;display:flex;flex:1;justify-content:center;width:100%;font-size:1rem;text-align:right"
+  } : {
+    name: "158x34q-weekday",
+    styles: "box-sizing:border-box;display:flex;flex:1;justify-content:center;width:100%;font-size:1rem;text-align:right;label:weekday;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DYWxlbmRhci9DYWxlbmRhcldlZWsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NhbGVuZGFyL0NhbGVuZGFyV2Vlay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMb2NhbGVDb250ZXh0IH0gZnJvbSBcIi4uL0xvY2FsZVByb3ZpZGVyXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCJcblxuZXhwb3J0IGludGVyZmFjZSBDYWxlbmRhcldlZWtQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiB7XG4gICAgY2hpbGRyZW4/OiBuZXZlclxuICAgIGZvcm1hdD86IFwibmFycm93XCIgfCBcInNob3J0XCIgfCBcImxvbmdcIlxufVxuXG5jb25zdCBTVEFSVF9PRl9XRUVLID0gZGF5anMoKS5zdGFydE9mKFwid2Vla1wiKVxuY29uc3QgV0VFS0RBWVMgPSBbMCwgMSwgMiwgMywgNCwgNSwgNl0ubWFwKChlbGFwc2VkKSA9PiBTVEFSVF9PRl9XRUVLLmFkZChlbGFwc2VkLCBcImRheVwiKS50b0RhdGUoKSlcblxuY29uc3Qgc3ggPSB7XG4gICAgY29udGFpbmVyOiBjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIG1pbi13aWR0aDogMjk0cHg7XG4gICAgYCxcbiAgICB3ZWVrZGF5OiBjc3NgXG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXg6IDE7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgICBgXG59XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhcldlZWs6IFJlYWN0LkZDPENhbGVuZGFyV2Vla1Byb3BzPiA9IFJlYWN0Lm1lbW8oXG4gICAgKHsgZm9ybWF0ID0gXCJzaG9ydFwiLCAuLi5vdGhlcnMgfSkgPT4ge1xuICAgICAgICBjb25zdCBsb2NhbGUgPSB1c2VDb250ZXh0KExvY2FsZUNvbnRleHQpXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8ZGl2IHsuLi5vdGhlcnN9IGNzcz17c3guY29udGFpbmVyfT5cbiAgICAgICAgICAgICAgICB7V0VFS0RBWVMubWFwKChkYXRlLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCB3ZWVrZGF5ID0gZGF0ZS50b0xvY2FsZURhdGVTdHJpbmcobG9jYWxlLCB7XG4gICAgICAgICAgICAgICAgICAgICAgICB3ZWVrZGF5OiBmb3JtYXRcbiAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYga2V5PXtpbmRleH0gY3NzPXtzeC53ZWVrZGF5fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7d2Vla2RheX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKVxuICAgIH0sXG4gICAgKCkgPT4gdHJ1ZVxuKVxuIl19 */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  }
+};
+
+const CalendarWeek = /*#__PURE__*/_react2.default.memo(({
+  format = "short",
+  ...others
+}) => {
+  const locale = (0, _react2.useContext)(_LocaleProvider.LocaleContext);
+  return (0, _react.jsx)("div", _extends({}, others, {
+    css: sx.container
+  }), WEEKDAYS.map((date, index) => {
+    const weekday = date.toLocaleDateString(locale, {
+      weekday: format
+    });
+    return (0, _react.jsx)("div", {
+      key: index,
+      css: sx.weekday
+    }, weekday);
+  }));
+}, () => true);
+
+exports.CalendarWeek = CalendarWeek;
+//# sourceMappingURL=CalendarWeek.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Calendar/CalendarWeek.tsx"],"names":["START_OF_WEEK","startOf","WEEKDAYS","map","elapsed","add","toDate","sx","container","weekday","CalendarWeek","React","memo","format","others","locale","LocaleContext","date","index","toLocaleDateString"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAOA,MAAMA,aAAa,GAAG,sBAAQC,OAAR,CAAgB,MAAhB,CAAtB;AACA,MAAMC,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,MAAMC,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;;AAgBO,MAAMC,YAAyC,gBAAGC,gBAAMC,IAAN,CACrD,CAAC;AAAEC,EAAAA,MAAM,GAAG,OAAX;AAAoB,KAAGC;AAAvB,CAAD,KAAqC;AACjC,QAAMC,MAAM,GAAG,wBAAWC,6BAAX,CAAf;AACA,SACI,oCAASF,MAAT;AAAiB,IAAA,GAAG,EAAEP,EAAE,CAACC;AAAzB,MACKN,QAAQ,CAACC,GAAT,CAAa,CAACc,IAAD,EAAOC,KAAP,KAAiB;AAC3B,UAAMT,OAAO,GAAGQ,IAAI,CAACE,kBAAL,CAAwBJ,MAAxB,EAAgC;AAC5CN,MAAAA,OAAO,EAAEI;AADmC,KAAhC,CAAhB;AAGA,WACI;AAAK,MAAA,GAAG,EAAEK,KAAV;AAAiB,MAAA,GAAG,EAAEX,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/cjs/Calendar/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Calendar = require("./Calendar");
+
+Object.keys(_Calendar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Calendar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Calendar[key];
+    }
+  });
+});
+
+var _CalendarDaysInMonth = require("./CalendarDaysInMonth");
+
+Object.keys(_CalendarDaysInMonth).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CalendarDaysInMonth[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CalendarDaysInMonth[key];
+    }
+  });
+});
+
+var _CalendarWeek = require("./CalendarWeek");
+
+Object.keys(_CalendarWeek).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CalendarWeek[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CalendarWeek[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/CalendarController/CalendarController.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CalendarController = void 0;
+
+var _Button = require("../Button");
+
+var _Icon = require("../Icon");
+
+var _Layouts = require("../Layouts");
+
+var _RelativeTime = require("../RelativeTime");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const CalendarController = ({
+  onNext,
+  onPrev,
+  onReset,
+  disabledPrev,
+  disabledNext,
+  unit = "month",
+  size = "medium"
+}) => {
+  const handleReset = (0, _react.useCallback)(() => {
+    if (onReset) {
+      onReset(new Date());
+    }
+  }, [onReset]);
+  return (0, _react2.jsx)(_Layouts.Layout.Item, null, (0, _react2.jsx)(_Layouts.Layout.Row, {
+    gap: 0.5,
+    nowrap: true
+  }, onPrev && (0, _react2.jsx)(_Layouts.Layout.Item, null, (0, _react2.jsx)(_Button.Button, {
+    type: "button",
+    icon: (0, _react2.jsx)(_Icon.Icon.ArrowLeft, null),
+    variant: "outlined",
+    color: "primary",
+    onClick: onPrev,
+    disabled: disabledPrev,
+    size: size
+  })), onNext && (0, _react2.jsx)(_Layouts.Layout.Item, null, (0, _react2.jsx)(_Button.Button, {
+    type: "button",
+    icon: (0, _react2.jsx)(_Icon.Icon.ArrowRight, null),
+    variant: "outlined",
+    color: "primary",
+    onClick: onNext,
+    disabled: disabledNext,
+    size: size
+  })), onReset && (0, _react2.jsx)(_Layouts.Layout.Item, null, (0, _react2.jsx)(_Button.Button, {
+    type: "button",
+    variant: "outlined",
+    color: "primary",
+    onClick: handleReset,
+    size: size
+  }, (0, _react2.jsx)(_RelativeTime.RelativeTime, {
+    value: 0,
+    unit: unit,
+    numeric: "auto"
+  })))));
+};
+
+exports.CalendarController = CalendarController;
+//# sourceMappingURL=CalendarController.js.map

package/dist/cjs/CalendarController/CalendarController.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CalendarController/CalendarController.tsx"],"names":["CalendarController","onNext","onPrev","onReset","disabledPrev","disabledNext","unit","size","handleReset","Date"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAWO,MAAMA,kBAAqD,GAAG,CAAC;AAClEC,EAAAA,MADkE;AAElEC,EAAAA,MAFkE;AAGlEC,EAAAA,OAHkE;AAIlEC,EAAAA,YAJkE;AAKlEC,EAAAA,YALkE;AAMlEC,EAAAA,IAAI,GAAG,OAN2D;AAOlEC,EAAAA,IAAI,GAAG;AAP2D,CAAD,KAQ/D;AACF,QAAMC,WAAW,GAAG,wBAAY,MAAM;AAClC,QAAIL,OAAJ,EAAa;AACTA,MAAAA,OAAO,CAAC,IAAIM,IAAJ,EAAD,CAAP;AACH;AACJ,GAJmB,EAIjB,CAACN,OAAD,CAJiB,CAApB;AAKA,SACI,iBAAC,eAAD,CAAQ,IAAR,QACI,iBAAC,eAAD,CAAQ,GAAR;AAAY,IAAA,GAAG,EAAE,GAAjB;AAAsB,IAAA,MAAM;AAA5B,KACKD,MAAM,IACH,iBAAC,eAAD,CAAQ,IAAR,QACI,iBAAC,cAAD;AACI,IAAA,IAAI,EAAC,QADT;AAEI,IAAA,IAAI,EAAE,iBAAC,UAAD,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,iBAAC,eAAD,CAAQ,IAAR,QACI,iBAAC,cAAD;AACI,IAAA,IAAI,EAAC,QADT;AAEI,IAAA,IAAI,EAAE,iBAAC,UAAD,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,iBAAC,eAAD,CAAQ,IAAR,QACI,iBAAC,cAAD;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,iBAAC,0BAAD;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/cjs/CalendarController/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _CalendarController = require("./CalendarController");
+
+Object.keys(_CalendarController).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CalendarController[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CalendarController[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/CalendarLabel/CalendarLabel.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CalendarLabel = void 0;
+
+var _Layouts = require("../Layouts");
+
+var _Time = require("../Time");
+
+var _Typography = require("../Typography");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const CalendarLabel = ({
+  date,
+  size = "medium",
+  ...props
+}) => {
+  return (0, _react2.jsx)(_Layouts.Layout.Item, null, (0, _react2.jsx)(_Typography.Typography, _extends({
+    variant: size === "medium" ? "h2" : size === "small" ? "h3" : "h1",
+    as: "p"
+  }, props), (0, _react2.jsx)(_Time.Time, {
+    year: "numeric",
+    month: "short",
+    date: date
+  })));
+};
+
+exports.CalendarLabel = CalendarLabel;
+//# sourceMappingURL=CalendarLabel.js.map

package/dist/cjs/CalendarLabel/CalendarLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CalendarLabel/CalendarLabel.tsx"],"names":["CalendarLabel","date","size","props"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;;;AAOO,MAAMA,aAA2C,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,IAAI,GAAG,QAAf;AAAyB,KAAGC;AAA5B,CAAD,KAAyC;AAChG,SACI,iBAAC,eAAD,CAAQ,IAAR,QACI,iBAAC,sBAAD;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,iBAAC,UAAD;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/cjs/CalendarLabel/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _CalendarLabel = require("./CalendarLabel");
+
+Object.keys(_CalendarLabel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CalendarLabel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CalendarLabel[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/CalendarUI/CalendarUIContainer.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CalendarUIContainer = void 0;
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const CalendarUIContainer = /*#__PURE__*/_react2.default.forwardRef(({
+  size = "medium",
+  ...props
+}, ref) => {
+  return (0, _react.jsx)("div", _extends({}, props, {
+    ref: ref,
+    css: /*#__PURE__*/(0, _react.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 */")
+  }));
+});
+
+exports.CalendarUIContainer = CalendarUIContainer;
+//# sourceMappingURL=CalendarUIContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CalendarUI/CalendarUIContainer.tsx"],"names":["CalendarUIContainer","React","forwardRef","size","props","ref","css","undefined"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AACO,MAAMA,mBAAmB,gBAAGC,gBAAMC,UAAN,CAUjC,CAAC;AAAEC,EAAAA,IAAI,GAAG,QAAT;AAAmB,KAAGC;AAAtB,CAAD,EAAgCC,GAAhC,KAAwC;AACtC,SACI,oCACQD,KADR;AAEI,IAAA,GAAG,EAAEC,GAFT;AAGI,IAAA,GAAG,mBAAEC,UAAF,gBACcH,IAAI,KAAK,OAAT,GAAmB,OAAnB,GAA6BI,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/cjs/CalendarUI/CalendarUIHeader.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CalendarUIHeader = void 0;
+
+var _Layouts = require("../Layouts");
+
+var _react = require("@emotion/react");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const CalendarUIHeader = ({
+  children
+}) => {
+  const {
+    spacing
+  } = (0, _theme.useTheme)();
+  return (0, _react.jsx)(_Layouts.Layout.Row, {
+    justify: "space-between",
+    alignItems: "center",
+    css: /*#__PURE__*/(0, _react.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);
+};
+
+exports.CalendarUIHeader = CalendarUIHeader;
+//# sourceMappingURL=CalendarUIHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CalendarUI/CalendarUIHeader.tsx"],"names":["CalendarUIHeader","children","spacing","css"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AACO,MAAMA,gBAA0B,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAkB;AACxD,QAAM;AAAEC,IAAAA;AAAF,MAAc,sBAApB;AACA,SACI,gBAAC,eAAD,CAAQ,GAAR;AACI,IAAA,OAAO,EAAC,eADZ;AAEI,IAAA,UAAU,EAAC,QAFf;AAGI,IAAA,GAAG,mBAAEC,UAAF,uBAEsBD,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/cjs/CalendarUI/index.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CalendarUI = exports.useCalendar = void 0;
+
+var _Calendar = require("../Calendar/Calendar");
+
+var _CalendarController = require("../CalendarController");
+
+var _CalendarLabel = require("../CalendarLabel");
+
+var _CalendarUIContainer = require("./CalendarUIContainer");
+
+var _CalendarUIHeader = require("./CalendarUIHeader");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _dayjs = _interopRequireDefault(require("dayjs"));
+
+var _isBetween = _interopRequireDefault(require("dayjs/plugin/isBetween"));
+
+var _isSameOrAfter = _interopRequireDefault(require("dayjs/plugin/isSameOrAfter"));
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+_dayjs.default.extend(_isBetween.default);
+
+_dayjs.default.extend(_isSameOrAfter.default);
+
+const normalize = config => {
+  return (0, _dayjs.default)((0, _dayjs.default)(config).format("YYYY-MM-DD"));
+};
+
+const useCalendar = ({
+  initialDate: config = (0, _dayjs.default)(),
+  min,
+  max
+} = {
+  initialDate: undefined,
+  min: undefined,
+  max: undefined
+}) => {
+  const [date, setDate] = (0, _react.useState)(normalize(config));
+  const increment = (0, _react.useCallback)(() => {
+    setDate(prev => prev.add(1, "month"));
+  }, []);
+  const decrement = (0, _react.useCallback)(() => {
+    setDate(prev => prev.add(-1, "month"));
+  }, []);
+  const reset = (0, _react.useCallback)(() => {
+    setDate((0, _dayjs.default)((0, _dayjs.default)(config).format("YYYY-MM-DD")));
+  }, [config]);
+  const disabledPrev = (0, _react.useMemo)(() => !!min && (0, _dayjs.default)(min).isSameOrAfter(date.add(-1, "month").endOf("month")), [date, min]);
+  const disabledNext = (0, _react.useMemo)(() => !!max && (0, _dayjs.default)(max).isSameOrBefore(date.add(1, "month").startOf("month")), [date, max]);
+  const set = (0, _react.useCallback)((d = new Date()) => {
+    setDate(normalize(d));
+  }, []);
+  return {
+    date,
+    increment,
+    decrement,
+    reset,
+    disabledNext,
+    disabledPrev,
+    set,
+    controllerProps: {
+      unit: "month",
+      set,
+      increment,
+      decrement,
+      disabledNext,
+      disabledPrev
+    }
+  };
+};
+
+exports.useCalendar = useCalendar;
+const CalendarUI = /*#__PURE__*/(0, _react.forwardRef)(({
+  events,
+  dates,
+  date: propsDate,
+  min,
+  max,
+  daysProps,
+  size = "medium",
+  renderCell,
+  ...props
+}, ref) => {
+  const {
+    date,
+    increment,
+    decrement,
+    set
+  } = useCalendar({
+    initialDate: propsDate,
+    min,
+    max
+  });
+  (0, _react.useEffect)(() => {
+    if (propsDate) {
+      set(propsDate);
+    }
+  }, [propsDate, set]);
+  return (0, _react2.jsx)(_CalendarUIContainer.CalendarUIContainer, _extends({}, props, {
+    ref: ref,
+    size: size
+  }), (0, _react2.jsx)(_CalendarUIHeader.CalendarUIHeader, null, (0, _react2.jsx)(_CalendarController.CalendarController, {
+    unit: "month",
+    size: size,
+    onPrev: decrement,
+    onNext: increment,
+    onReset: set
+  }), (0, _react2.jsx)(_CalendarLabel.CalendarLabel, {
+    date: date,
+    size: size
+  })), (0, _react2.jsx)(_Calendar.Calendar, {
+    renderCell: renderCell,
+    events: events,
+    dates: dates,
+    daysProps: daysProps,
+    date: date,
+    min: min,
+    max: max
+  }));
+});
+exports.CalendarUI = CalendarUI;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CalendarUI/index.tsx"],"names":["dayjs","extend","isBetween","isSameOrAfter","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","events","dates","propsDate","daysProps","size","renderCell","props","ref"],"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/cjs/Card/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Card = exports.CardContent = void 0;
+
+var _Paper = require("../Paper");
+
+var _react = require("@emotion/react");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+const CardContent = ({
+  children,
+  ...props
+}) => {
+  const {
+    spacing
+  } = (0, _theme.useTheme)();
+  return (0, _react.jsx)("div", _extends({}, props, {
+    css: /*#__PURE__*/(0, _react.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と同じ。
+ */
+
+
+exports.CardContent = CardContent;
+
+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__
+};
+
+const Card = ({
+  children,
+  ...props
+}) => {
+  return (0, _react.jsx)(_Paper.Paper, _extends({}, props, {
+    css: _ref
+  }), children);
+};
+
+exports.Card = Card;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Card/index.tsx"],"names":["CardContent","children","props","spacing","css","Card"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,WAA2D,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,KAA4B;AACnG,QAAM;AAAEC,IAAAA;AAAF,MAAc,sBAApB;AACA,SACI,oCACQD,KADR;AAEI,IAAA,GAAG,mBAAEE,UAAF,cACYD,OAAO,GAAG,CADtB;AAFP,MAMKF,QANL,CADJ;AAUH,CAZM;AAcP;AACA;AACA;;;;;;;;;;;;;;;AACO,MAAMI,IAAoD,GAAG,CAAC;AAAEJ,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,KAA4B;AAC5F,SACI,gBAAC,YAAD,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"}