matsuri-ui 9.7.2-alpha.0

package/dist/esm/ProgressBar/ProgressBar.js

@@ -0,0 +1,37 @@
+var _excluded = ["children", "color", "value", "max", "className", "label"];
+
+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 { useTheme } from "../theme";
+import { css } from "@emotion/react";
+import React from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var ProgressBar = _ref => {
+  var {
+    children,
+    color = "default",
+    value = 0,
+    max = 0,
+    className,
+    label
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var theme = useTheme();
+  var rate = value / max;
+  var percent = rate * 100;
+  return ___EmotionJSX("div", props, ___EmotionJSX("div", {
+    className: className,
+    css: /*#__PURE__*/css("height:12px;background-color:", color === "default" ? theme.palette.gray[300] : theme.palette.intentions[color].light, ";border-radius:6px;" + (process.env.NODE_ENV === "production" ? "" : ";label:ProgressBar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Qcm9ncmVzc0Jhci9Qcm9ncmVzc0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUR3QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGFydGlhbENvbG9yUHJvcHMsIHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJMYWJlbCA9IFJlYWN0LkZDPFxuICAgIFJlYWRvbmx5PHtcbiAgICAgICAgdmFsdWU6IG51bWJlclxuICAgICAgICBtYXg6IG51bWJlclxuICAgICAgICByYXRlOiBudW1iZXJcbiAgICAgICAgcGVyY2VudDogbnVtYmVyXG4gICAgICAgIGNoaWxkcmVuPzogbmV2ZXJcbiAgICB9PlxuPlxuXG5leHBvcnQgaW50ZXJmYWNlIFByb2dyZXNzQmFyUHJvcHMgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgXCJjb2xvclwiPiwgUGFydGlhbENvbG9yUHJvcHMge1xuICAgIC8qKlxuICAgICAqIOmAsuaNl+W6puWQiOOBhOOCkuihqOOBl+OBvuOBmeOAgjDku6XkuIrjga7oh6rnhLbmlbDjga7jgb/mnInlirnjgafjgZnjgIJcbiAgICAgKiDjgb7jgZ/lhoXpg6jnmoTjgavjga/jgZPjga7lgKTjgpLmnIDlpKflgKQrMeOBp+WJsuOBo+OBn+WJsOS9meOBjOeUqOOBhOOCieOCjOOBvuOBmeOAglxuICAgICAqXG4gICAgICogQGRlZmF1bHQgMFxuICAgICAqL1xuICAgIHZhbHVlPzogbnVtYmVyXG4gICAgLyoqXG4gICAgICog6YCy5o2X5bqm44Gu5pyA5aSn5YCk44KS6KGo44GX44G+44GZ44CCMOS7peS4iuOBruiHqueEtuaVsOOBruOBv+acieWKueOBp+OBmeOAglxuICAgICAqXG4gICAgICogQGRlZmF1bHQgMFxuICAgICAqL1xuICAgIG1heD86IG51bWJlclxuICAgIC8qKlxuICAgICAqIOODqeODmeODq+OCkuS7mOS4juOBl+OBvuOBmeOAglxuICAgICAqL1xuICAgIGxhYmVsPzogUHJvZ3Jlc3NCYXJMYWJlbFxuICAgIGNoaWxkcmVuPzogbmV2ZXJcbn1cblxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQmFyOiBSZWFjdC5GQzxQcm9ncmVzc0JhclByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgY29sb3IgPSBcImRlZmF1bHRcIixcbiAgICB2YWx1ZSA9IDAsXG4gICAgbWF4ID0gMCxcbiAgICBjbGFzc05hbWUsXG4gICAgbGFiZWwsXG4gICAgLi4ucHJvcHNcbn0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgICBjb25zdCByYXRlID0gdmFsdWUgLyBtYXhcbiAgICBjb25zdCBwZXJjZW50ID0gcmF0ZSAqIDEwMFxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgey4uLnByb3BzfT5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAxMnB4O1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLmdyYXlbMzAwXVxuICAgICAgICAgICAgICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLmxpZ2h0fTtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNnB4O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiAke3BlcmNlbnR9JTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogMTJweDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLmdyYXlbNTAwXVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDZweDtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRyYW5zaXRpb246ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlcn0gJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUluT3V0fTtcbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB7bGFiZWwgPyBsYWJlbCh7IHZhbHVlLCBtYXgsIHJhdGUsIHBlcmNlbnQgfSkgOiBjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgKVxufVxuIl19 */")
+  }, ___EmotionJSX("div", {
+    css: /*#__PURE__*/css("width:", percent, "%;height:12px;background-color:", color === "default" ? theme.palette.gray[500] : theme.palette.intentions[color].main, ";border-radius:6px;transition:", theme.transitions.duration.shorter, " ", theme.transitions.easing.easeInOut, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ProgressBar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Qcm9ncmVzc0Jhci9Qcm9ncmVzc0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEQ0QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGFydGlhbENvbG9yUHJvcHMsIHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJMYWJlbCA9IFJlYWN0LkZDPFxuICAgIFJlYWRvbmx5PHtcbiAgICAgICAgdmFsdWU6IG51bWJlclxuICAgICAgICBtYXg6IG51bWJlclxuICAgICAgICByYXRlOiBudW1iZXJcbiAgICAgICAgcGVyY2VudDogbnVtYmVyXG4gICAgICAgIGNoaWxkcmVuPzogbmV2ZXJcbiAgICB9PlxuPlxuXG5leHBvcnQgaW50ZXJmYWNlIFByb2dyZXNzQmFyUHJvcHMgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgXCJjb2xvclwiPiwgUGFydGlhbENvbG9yUHJvcHMge1xuICAgIC8qKlxuICAgICAqIOmAsuaNl+W6puWQiOOBhOOCkuihqOOBl+OBvuOBmeOAgjDku6XkuIrjga7oh6rnhLbmlbDjga7jgb/mnInlirnjgafjgZnjgIJcbiAgICAgKiDjgb7jgZ/lhoXpg6jnmoTjgavjga/jgZPjga7lgKTjgpLmnIDlpKflgKQrMeOBp+WJsuOBo+OBn+WJsOS9meOBjOeUqOOBhOOCieOCjOOBvuOBmeOAglxuICAgICAqXG4gICAgICogQGRlZmF1bHQgMFxuICAgICAqL1xuICAgIHZhbHVlPzogbnVtYmVyXG4gICAgLyoqXG4gICAgICog6YCy5o2X5bqm44Gu5pyA5aSn5YCk44KS6KGo44GX44G+44GZ44CCMOS7peS4iuOBruiHqueEtuaVsOOBruOBv+acieWKueOBp+OBmeOAglxuICAgICAqXG4gICAgICogQGRlZmF1bHQgMFxuICAgICAqL1xuICAgIG1heD86IG51bWJlclxuICAgIC8qKlxuICAgICAqIOODqeODmeODq+OCkuS7mOS4juOBl+OBvuOBmeOAglxuICAgICAqL1xuICAgIGxhYmVsPzogUHJvZ3Jlc3NCYXJMYWJlbFxuICAgIGNoaWxkcmVuPzogbmV2ZXJcbn1cblxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQmFyOiBSZWFjdC5GQzxQcm9ncmVzc0JhclByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgY29sb3IgPSBcImRlZmF1bHRcIixcbiAgICB2YWx1ZSA9IDAsXG4gICAgbWF4ID0gMCxcbiAgICBjbGFzc05hbWUsXG4gICAgbGFiZWwsXG4gICAgLi4ucHJvcHNcbn0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgICBjb25zdCByYXRlID0gdmFsdWUgLyBtYXhcbiAgICBjb25zdCBwZXJjZW50ID0gcmF0ZSAqIDEwMFxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgey4uLnByb3BzfT5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAxMnB4O1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLmdyYXlbMzAwXVxuICAgICAgICAgICAgICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLmxpZ2h0fTtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNnB4O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiAke3BlcmNlbnR9JTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogMTJweDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLmdyYXlbNTAwXVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDZweDtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRyYW5zaXRpb246ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlcn0gJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUluT3V0fTtcbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB7bGFiZWwgPyBsYWJlbCh7IHZhbHVlLCBtYXgsIHJhdGUsIHBlcmNlbnQgfSkgOiBjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgKVxufVxuIl19 */")
+  })), label ? label({
+    value,
+    max,
+    rate,
+    percent
+  }) : children);
+};
+//# sourceMappingURL=ProgressBar.js.map

package/dist/esm/ProgressBar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ProgressBar/ProgressBar.tsx"],"names":["useTheme","css","React","ProgressBar","children","color","value","max","className","label","props","theme","rate","percent","palette","gray","intentions","light","main","transitions","duration","shorter","easing","easeInOut"],"mappings":";;;;;;AAAA,SAA4BA,QAA5B,QAA4C,UAA5C;AACA,SAASC,GAAT,QAAoB,gBAApB;AACA,OAAOC,KAAP,MAAkB,OAAlB;;AAiCA,OAAO,IAAMC,WAAuC,GAAG,QAQjD;AAAA,MARkD;AACpDC,IAAAA,QADoD;AAEpDC,IAAAA,KAAK,GAAG,SAF4C;AAGpDC,IAAAA,KAAK,GAAG,CAH4C;AAIpDC,IAAAA,GAAG,GAAG,CAJ8C;AAKpDC,IAAAA,SALoD;AAMpDC,IAAAA;AANoD,GAQlD;AAAA,MADCC,KACD;;AACF,MAAMC,KAAK,GAAGX,QAAQ,EAAtB;AACA,MAAMY,IAAI,GAAGN,KAAK,GAAGC,GAArB;AACA,MAAMM,OAAO,GAAGD,IAAI,GAAG,GAAvB;AACA,SACI,qBAASF,KAAT,EACI;AACI,IAAA,SAAS,EAAEF,SADf;AAEI,IAAA,GAAG,eAAEP,GAAF,kCAEqBI,KAAK,KAAK,SAAV,GACdM,KAAK,CAACG,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CADc,GAEdJ,KAAK,CAACG,OAAN,CAAcE,UAAd,CAAyBX,KAAzB,EAAgCY,KAJvC;AAFP,KAUI;AACI,IAAA,GAAG,eAAEhB,GAAF,WACUY,OADV,qCAGqBR,KAAK,KAAK,SAAV,GACdM,KAAK,CAACG,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CADc,GAEdJ,KAAK,CAACG,OAAN,CAAcE,UAAd,CAAyBX,KAAzB,EAAgCa,IALvC,oCAOeP,KAAK,CAACQ,WAAN,CAAkBC,QAAlB,CAA2BC,OAP1C,OAOqDV,KAAK,CAACQ,WAAN,CAAkBG,MAAlB,CAAyBC,SAP9E;AADP,IAVJ,CADJ,EAuBKd,KAAK,GAAGA,KAAK,CAAC;AAAEH,IAAAA,KAAF;AAASC,IAAAA,GAAT;AAAcK,IAAAA,IAAd;AAAoBC,IAAAA;AAApB,GAAD,CAAR,GAA0CT,QAvBpD,CADJ;AA2BH,CAvCM","sourcesContent":["import { PartialColorProps, useTheme } from \"../theme\"\nimport { css } from \"@emotion/react\"\nimport React from \"react\"\n\nexport type ProgressBarLabel = React.FC<\n    Readonly<{\n        value: number\n        max: number\n        rate: number\n        percent: number\n        children?: never\n    }>\n>\n\nexport interface ProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"color\">, PartialColorProps {\n    /**\n     * 進捗度合いを表します。0以上の自然数のみ有効です。\n     * また内部的にはこの値を最大値+1で割った剰余が用いられます。\n     *\n     * @default 0\n     */\n    value?: number\n    /**\n     * 進捗度の最大値を表します。0以上の自然数のみ有効です。\n     *\n     * @default 0\n     */\n    max?: number\n    /**\n     * ラベルを付与します。\n     */\n    label?: ProgressBarLabel\n    children?: never\n}\n\nexport const ProgressBar: React.FC<ProgressBarProps> = ({\n    children,\n    color = \"default\",\n    value = 0,\n    max = 0,\n    className,\n    label,\n    ...props\n}) => {\n    const theme = useTheme()\n    const rate = value / max\n    const percent = rate * 100\n    return (\n        <div {...props}>\n            <div\n                className={className}\n                css={css`\n                    height: 12px;\n                    background-color: ${color === \"default\"\n                        ? theme.palette.gray[300]\n                        : theme.palette.intentions[color].light};\n                    border-radius: 6px;\n                `}\n            >\n                <div\n                    css={css`\n                        width: ${percent}%;\n                        height: 12px;\n                        background-color: ${color === \"default\"\n                            ? theme.palette.gray[500]\n                            : theme.palette.intentions[color].main};\n                        border-radius: 6px;\n                        transition: ${theme.transitions.duration.shorter} ${theme.transitions.easing.easeInOut};\n                    `}\n                />\n            </div>\n            {label ? label({ value, max, rate, percent }) : children}\n        </div>\n    )\n}\n"],"file":"ProgressBar.js"}

package/dist/esm/ProgressBar/index.js

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

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

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

package/dist/esm/RadioButton/RadioButton.js

@@ -0,0 +1,48 @@
+var _excluded = ["color", "checkedValue", "value", "children", "onClick"];
+
+var _templateObject, _templateObject2;
+
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import { useTheme } from "../theme";
+import { css, keyframes } from "@emotion/react";
+import { useClickAnimation } from "../hooks/useClickAnimation";
+import React from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var fade = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  100% {\n      opacity: 0;\n  }\n"])));
+var wave = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  100% {\n      box-shadow: 0 0 0 6px currentcolor;\n  }\n"])));
+export var RadioButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  var {
+    color = "primary",
+    checkedValue,
+    value,
+    children,
+    onClick: propsOnClick
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var theme = useTheme();
+  var {
+    clicked,
+    onClick,
+    onAnimationEnd
+  } = useClickAnimation(propsOnClick);
+  return ___EmotionJSX("input", _extends({
+    ref: ref,
+    type: "radio",
+    onClick: onClick,
+    value: value,
+    onAnimationEnd: onAnimationEnd,
+    "data-clicked": clicked,
+    checked: checkedValue ? checkedValue === value : undefined
+  }, props, {
+    css: /*#__PURE__*/css( /*#__PURE__*/css(theme.typography.button, process.env.NODE_ENV === "production" ? "" : ";label:RadioButton;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9SYWRpb0J1dHRvbi9SYWRpb0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUmFkaW9CdXR0b24vUmFkaW9CdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGhlbWUsIHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZUNsaWNrQW5pbWF0aW9uIH0gZnJvbSBcIi4uL2hvb2tzL3VzZUNsaWNrQW5pbWF0aW9uXCJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuXG5jb25zdCBmYWRlID0ga2V5ZnJhbWVzYFxuICAxMDAlIHtcbiAgICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIDEwMCUge1xuICAgICAgYm94LXNoYWRvdzogMCAwIDAgNnB4IGN1cnJlbnRjb2xvcjtcbiAgfVxuYFxuXG5leHBvcnQgaW50ZXJmYWNlIFJhZGlvQnV0dG9uUHJvcHMgZXh0ZW5kcyBSZWFjdC5JbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+IHtcbiAgICAvKipcbiAgICAgKiDlrZDopoHntKDjga/mloflrZfliJfjgafjgYLjgovlv4XopoHjgYzjgYLjgorjgb7jgZnjgIJcbiAgICAgKi9cbiAgICBjaGlsZHJlbjogc3RyaW5nXG4gICAgY2hlY2tlZFZhbHVlPzogc3RyaW5nXG4gICAgY2hlY2tlZD86IG5ldmVyXG4gICAgLyoqXG4gICAgICog44OG44O844Oe44Kr44Op44O844KS5oyH5a6a44Gn44GN44G+44GZ44CCXG4gICAgICovXG4gICAgY29sb3I/OiBrZXlvZiBUaGVtZVtcInBhbGV0dGVcIl1bXCJpbnRlbnRpb25zXCJdXG4gICAgb25DbGljaz86IChldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MSW5wdXRFbGVtZW50LCBNb3VzZUV2ZW50PikgPT4gdm9pZFxuICAgIC8qKlxuICAgICAqIOWApOOCkuaMh+WumuOBl+OBpuOBj+OBoOOBleOBhOOAglxuICAgICAqL1xuICAgIHZhbHVlOiBzdHJpbmdcbiAgICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgICBzdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXNcbiAgICAvKipcbiAgICAgKiDjgqLjg7PjgrPjg7Pjg4jjg63jg7zjg6vjgavjgZnjgovloLTlkIjjga9SYWRpb0J1dHRvbuOBq2RlZmF1bHRDaGVja2Vk44KS5rih44GX44CBUmFkaW9CdXR0b25Hcm91cOOBq3ZhbHVl44KS5rih44GV44Gq44GE44KI44GG44Gr44GX44Gm44GP44Gg44GV44GE44CCXG4gICAgICovXG4gICAgZGVmYXVsdENoZWNrZWQ/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBSYWRpb0J1dHRvbiA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUmFkaW9CdXR0b25Qcm9wcz4oXG4gICAgKHsgY29sb3IgPSBcInByaW1hcnlcIiwgY2hlY2tlZFZhbHVlLCB2YWx1ZSwgY2hpbGRyZW4sIG9uQ2xpY2s6IHByb3BzT25DbGljaywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICAgICAgICBjb25zdCB7IGNsaWNrZWQsIG9uQ2xpY2ssIG9uQW5pbWF0aW9uRW5kIH0gPSB1c2VDbGlja0FuaW1hdGlvbihwcm9wc09uQ2xpY2spXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgIG9uQW5pbWF0aW9uRW5kPXtvbkFuaW1hdGlvbkVuZH1cbiAgICAgICAgICAgICAgICBkYXRhLWNsaWNrZWQ9e2NsaWNrZWR9XG4gICAgICAgICAgICAgICAgY2hlY2tlZD17Y2hlY2tlZFZhbHVlID8gY2hlY2tlZFZhbHVlID09PSB2YWx1ZSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICAgICR7Y3NzKHRoZW1lLnR5cG9ncmFwaHkuYnV0dG9uKX1cbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgICAgICAgICAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcgLyAyfXB4ICR7dGhlbWUuc3BhY2luZyAqIDIuNX1weDtcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luOiAwcHg7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgICAgICAgICAgIHRvdWNoLWFjdGlvbjogbWFuaXB1bGF0aW9uO1xuICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLm1haW59O1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93c1sxXX07XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zaXRpb246ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbn07XG4gICAgICAgICAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzWzNdfTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmOjpzZWxlY3Rpb24ge1xuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRleHQtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5kaXNhYmxlZEJhY2tncm91bmR9O1xuICAgICAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICAgICAgY29udGVudDogXCIke2NoaWxkcmVufVwiO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICY6Y2hlY2tlZCB7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLmNvbnRyYXN0VGV4dH07XG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICAgICAgICAgICAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0uZGFya307XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0uZGFya307XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5kaXNhYmxlZH07XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5kaXNhYmxlZEJhY2tncm91bmR9O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5kaXNhYmxlZEJhY2tncm91bmR9O1xuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRvcDogLTFweDtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJpZ2h0OiAtMXB4O1xuICAgICAgICAgICAgICAgICAgICAgICAgYm90dG9tOiAtMXB4O1xuICAgICAgICAgICAgICAgICAgICAgICAgbGVmdDogLTFweDtcbiAgICAgICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgICAgICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuICAgICAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMC4yO1xuICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmW2RhdGEtY2xpY2tlZD1cInRydWVcIl06OmFmdGVyIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtmYWRlfSAycyBjdWJpYy1iZXppZXIoMC4wOCwgMC44MiwgMC4xNywgMSksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJHt3YXZlfSAwLjRzIGN1YmljLWJlemllcigwLjA4LCAwLjgyLCAwLjE3LCAxKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICApXG4gICAgfVxuKVxuIl19 */"), " position:relative;box-sizing:border-box;appearance:none;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:", theme.spacing / 2, "px ", theme.spacing * 2.5, "px;margin:0px;color:", theme.palette.intentions[color].main, ";touch-action:manipulation;cursor:pointer;user-select:none;background-color:transparent;border:1px solid ", theme.palette.intentions[color].main, ";border-radius:4px;outline:none;box-shadow:", theme.shadows[1], ";transition:", theme.transitions.duration.shortest, " ", theme.transitions.easing.easeIn, ";&:hover{box-shadow:", theme.shadows[3], ";}&::selection{color:inherit;background-color:transparent;}&:disabled{color:", theme.palette.action.disabled, ";text-shadow:none;cursor:not-allowed;border-color:", theme.palette.action.disabledBackground, ";box-shadow:none;}&::before{content:\"", children, "\";}&:checked{color:", theme.palette.intentions[color].contrastText, ";background-color:", theme.palette.intentions[color].main, ";border-color:", theme.palette.intentions[color].main, ";&:active{background-color:", theme.palette.intentions[color].dark, ";border-color:", theme.palette.intentions[color].dark, ";}&:disabled{color:", theme.palette.action.disabled, ";background-color:", theme.palette.action.disabledBackground, ";border-color:", theme.palette.action.disabledBackground, ";}}&::after{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;display:block;color:", theme.palette.intentions[color].main, ";pointer-events:none;content:\"\";border-radius:inherit;opacity:0.2;transform:scale(1);}&[data-clicked=\"true\"]::after{animation:", fade, " 2s cubic-bezier(0.08, 0.82, 0.17, 1),", wave, " 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);}" + (process.env.NODE_ENV === "production" ? "" : ";label:RadioButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9SYWRpb0J1dHRvbi9SYWRpb0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0R3QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUmFkaW9CdXR0b24vUmFkaW9CdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGhlbWUsIHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZUNsaWNrQW5pbWF0aW9uIH0gZnJvbSBcIi4uL2hvb2tzL3VzZUNsaWNrQW5pbWF0aW9uXCJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuXG5jb25zdCBmYWRlID0ga2V5ZnJhbWVzYFxuICAxMDAlIHtcbiAgICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIDEwMCUge1xuICAgICAgYm94LXNoYWRvdzogMCAwIDAgNnB4IGN1cnJlbnRjb2xvcjtcbiAgfVxuYFxuXG5leHBvcnQgaW50ZXJmYWNlIFJhZGlvQnV0dG9uUHJvcHMgZXh0ZW5kcyBSZWFjdC5JbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+IHtcbiAgICAvKipcbiAgICAgKiDlrZDopoHntKDjga/mloflrZfliJfjgafjgYLjgovlv4XopoHjgYzjgYLjgorjgb7jgZnjgIJcbiAgICAgKi9cbiAgICBjaGlsZHJlbjogc3RyaW5nXG4gICAgY2hlY2tlZFZhbHVlPzogc3RyaW5nXG4gICAgY2hlY2tlZD86IG5ldmVyXG4gICAgLyoqXG4gICAgICog44OG44O844Oe44Kr44Op44O844KS5oyH5a6a44Gn44GN44G+44GZ44CCXG4gICAgICovXG4gICAgY29sb3I/OiBrZXlvZiBUaGVtZVtcInBhbGV0dGVcIl1bXCJpbnRlbnRpb25zXCJdXG4gICAgb25DbGljaz86IChldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MSW5wdXRFbGVtZW50LCBNb3VzZUV2ZW50PikgPT4gdm9pZFxuICAgIC8qKlxuICAgICAqIOWApOOCkuaMh+WumuOBl+OBpuOBj+OBoOOBleOBhOOAglxuICAgICAqL1xuICAgIHZhbHVlOiBzdHJpbmdcbiAgICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgICBzdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXNcbiAgICAvKipcbiAgICAgKiDjgqLjg7PjgrPjg7Pjg4jjg63jg7zjg6vjgavjgZnjgovloLTlkIjjga9SYWRpb0J1dHRvbuOBq2RlZmF1bHRDaGVja2Vk44KS5rih44GX44CBUmFkaW9CdXR0b25Hcm91cOOBq3ZhbHVl44KS5rih44GV44Gq44GE44KI44GG44Gr44GX44Gm44GP44Gg44GV44GE44CCXG4gICAgICovXG4gICAgZGVmYXVsdENoZWNrZWQ/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBSYWRpb0J1dHRvbiA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUmFkaW9CdXR0b25Qcm9wcz4oXG4gICAgKHsgY29sb3IgPSBcInByaW1hcnlcIiwgY2hlY2tlZFZhbHVlLCB2YWx1ZSwgY2hpbGRyZW4sIG9uQ2xpY2s6IHByb3BzT25DbGljaywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICAgICAgICBjb25zdCB7IGNsaWNrZWQsIG9uQ2xpY2ssIG9uQW5pbWF0aW9uRW5kIH0gPSB1c2VDbGlja0FuaW1hdGlvbihwcm9wc09uQ2xpY2spXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgIG9uQW5pbWF0aW9uRW5kPXtvbkFuaW1hdGlvbkVuZH1cbiAgICAgICAgICAgICAgICBkYXRhLWNsaWNrZWQ9e2NsaWNrZWR9XG4gICAgICAgICAgICAgICAgY2hlY2tlZD17Y2hlY2tlZFZhbHVlID8gY2hlY2tlZFZhbHVlID09PSB2YWx1ZSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICAgICR7Y3NzKHRoZW1lLnR5cG9ncmFwaHkuYnV0dG9uKX1cbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgICAgICAgICAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcgLyAyfXB4ICR7dGhlbWUuc3BhY2luZyAqIDIuNX1weDtcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luOiAwcHg7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgICAgICAgICAgIHRvdWNoLWFjdGlvbjogbWFuaXB1bGF0aW9uO1xuICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLm1haW59O1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93c1sxXX07XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zaXRpb246ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbn07XG4gICAgICAgICAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzWzNdfTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmOjpzZWxlY3Rpb24ge1xuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRleHQtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5kaXNhYmxlZEJhY2tncm91bmR9O1xuICAgICAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICAgICAgY29udGVudDogXCIke2NoaWxkcmVufVwiO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICY6Y2hlY2tlZCB7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLmNvbnRyYXN0VGV4dH07XG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5tYWlufTtcbiAgICAgICAgICAgICAgICAgICAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0uZGFya307XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0uZGFya307XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5kaXNhYmxlZH07XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5kaXNhYmxlZEJhY2tncm91bmR9O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmFjdGlvbi5kaXNhYmxlZEJhY2tncm91bmR9O1xuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRvcDogLTFweDtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJpZ2h0OiAtMXB4O1xuICAgICAgICAgICAgICAgICAgICAgICAgYm90dG9tOiAtMXB4O1xuICAgICAgICAgICAgICAgICAgICAgICAgbGVmdDogLTFweDtcbiAgICAgICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0ubWFpbn07XG4gICAgICAgICAgICAgICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiBpbmhlcml0O1xuICAgICAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMC4yO1xuICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAmW2RhdGEtY2xpY2tlZD1cInRydWVcIl06OmFmdGVyIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtmYWRlfSAycyBjdWJpYy1iZXppZXIoMC4wOCwgMC44MiwgMC4xNywgMSksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJHt3YXZlfSAwLjRzIGN1YmljLWJlemllcigwLjA4LCAwLjgyLCAwLjE3LCAxKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICApXG4gICAgfVxuKVxuIl19 */")
+  }));
+});
+//# sourceMappingURL=RadioButton.js.map

package/dist/esm/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/RadioButton/RadioButton.tsx"],"names":["useTheme","css","keyframes","useClickAnimation","React","fade","wave","RadioButton","forwardRef","ref","color","checkedValue","value","children","onClick","propsOnClick","props","theme","clicked","onAnimationEnd","undefined","typography","button","spacing","palette","intentions","main","shadows","transitions","duration","shortest","easing","easeIn","action","disabled","disabledBackground","contrastText","dark"],"mappings":";;;;;;;;;;;;AAAA,SAAgBA,QAAhB,QAAgC,UAAhC;AACA,SAASC,GAAT,EAAcC,SAAd,QAA+B,gBAA/B;AACA,SAASC,iBAAT,QAAkC,4BAAlC;AACA,OAAOC,KAAP,MAAkB,OAAlB;;AAEA,IAAMC,IAAI,GAAGH,SAAH,yGAAV;AAKA,IAAMI,IAAI,GAAGJ,SAAH,mIAAV;AA8BA,OAAO,IAAMK,WAAW,gBAAGH,KAAK,CAACI,UAAN,CACvB,OAAwFC,GAAxF,KAAgG;AAAA,MAA/F;AAAEC,IAAAA,KAAK,GAAG,SAAV;AAAqBC,IAAAA,YAArB;AAAmCC,IAAAA,KAAnC;AAA0CC,IAAAA,QAA1C;AAAoDC,IAAAA,OAAO,EAAEC;AAA7D,GAA+F;AAAA,MAAjBC,KAAiB;;AAC5F,MAAMC,KAAK,GAAGjB,QAAQ,EAAtB;AACA,MAAM;AAAEkB,IAAAA,OAAF;AAAWJ,IAAAA,OAAX;AAAoBK,IAAAA;AAApB,MAAuChB,iBAAiB,CAACY,YAAD,CAA9D;AACA,SACI;AACI,IAAA,GAAG,EAAEN,GADT;AAEI,IAAA,IAAI,EAAC,OAFT;AAGI,IAAA,OAAO,EAAEK,OAHb;AAII,IAAA,KAAK,EAAEF,KAJX;AAKI,IAAA,cAAc,EAAEO,cALpB;AAMI,oBAAcD,OANlB;AAOI,IAAA,OAAO,EAAEP,YAAY,GAAGA,YAAY,KAAKC,KAApB,GAA4BQ;AAPrD,KAQQJ,KARR;AASI,IAAA,GAAG,eAAEf,GAAF,eACGA,GAAG,CAACgB,KAAK,CAACI,UAAN,CAAiBC,MAAlB,i2OADN,mJASYL,KAAK,CAACM,OAAN,GAAgB,CAT5B,SASmCN,KAAK,CAACM,OAAN,GAAgB,GATnD,0BAWUN,KAAK,CAACO,OAAN,CAAcC,UAAd,CAAyBf,KAAzB,EAAgCgB,IAX1C,+GAgBqBT,KAAK,CAACO,OAAN,CAAcC,UAAd,CAAyBf,KAAzB,EAAgCgB,IAhBrD,iDAmBeT,KAAK,CAACU,OAAN,CAAc,CAAd,CAnBf,kBAoBeV,KAAK,CAACW,WAAN,CAAkBC,QAAlB,CAA2BC,QApB1C,OAoBsDb,KAAK,CAACW,WAAN,CAAkBG,MAAlB,CAAyBC,MApB/E,0BAsBmBf,KAAK,CAACU,OAAN,CAAc,CAAd,CAtBnB,kFA6BcV,KAAK,CAACO,OAAN,CAAcS,MAAd,CAAqBC,QA7BnC,wDAgCqBjB,KAAK,CAACO,OAAN,CAAcS,MAAd,CAAqBE,kBAhC1C,4CAoCiBtB,QApCjB,0BAuCcI,KAAK,CAACO,OAAN,CAAcC,UAAd,CAAyBf,KAAzB,EAAgC0B,YAvC9C,wBAwCyBnB,KAAK,CAACO,OAAN,CAAcC,UAAd,CAAyBf,KAAzB,EAAgCgB,IAxCzD,oBAyCqBT,KAAK,CAACO,OAAN,CAAcC,UAAd,CAAyBf,KAAzB,EAAgCgB,IAzCrD,iCA2C6BT,KAAK,CAACO,OAAN,CAAcC,UAAd,CAAyBf,KAAzB,EAAgC2B,IA3C7D,oBA4CyBpB,KAAK,CAACO,OAAN,CAAcC,UAAd,CAAyBf,KAAzB,EAAgC2B,IA5CzD,yBA+CkBpB,KAAK,CAACO,OAAN,CAAcS,MAAd,CAAqBC,QA/CvC,wBAgD6BjB,KAAK,CAACO,OAAN,CAAcS,MAAd,CAAqBE,kBAhDlD,oBAiDyBlB,KAAK,CAACO,OAAN,CAAcS,MAAd,CAAqBE,kBAjD9C,4GA4DclB,KAAK,CAACO,OAAN,CAAcC,UAAd,CAAyBf,KAAzB,EAAgCgB,IA5D9C,wIAoEkBrB,IApElB,4CAqEWC,IArEX;AATP,KADJ;AAoFH,CAxFsB,CAApB","sourcesContent":["import { Theme, useTheme } from \"../theme\"\nimport { css, keyframes } from \"@emotion/react\"\nimport { useClickAnimation } from \"../hooks/useClickAnimation\"\nimport React from \"react\"\n\nconst fade = keyframes`\n  100% {\n      opacity: 0;\n  }\n`\nconst wave = keyframes`\n  100% {\n      box-shadow: 0 0 0 6px currentcolor;\n  }\n`\n\nexport interface RadioButtonProps extends React.InputHTMLAttributes<HTMLInputElement> {\n    /**\n     * 子要素は文字列である必要があります。\n     */\n    children: string\n    checkedValue?: string\n    checked?: never\n    /**\n     * テーマカラーを指定できます。\n     */\n    color?: keyof Theme[\"palette\"][\"intentions\"]\n    onClick?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void\n    /**\n     * 値を指定してください。\n     */\n    value: string\n    className?: string\n    style?: React.CSSProperties\n    /**\n     * アンコントロールにする場合はRadioButtonにdefaultCheckedを渡し、RadioButtonGroupにvalueを渡さないようにしてください。\n     */\n    defaultChecked?: boolean\n}\n\nexport const RadioButton = React.forwardRef<HTMLInputElement, RadioButtonProps>(\n    ({ color = \"primary\", checkedValue, value, children, onClick: propsOnClick, ...props }, ref) => {\n        const theme = useTheme()\n        const { clicked, onClick, onAnimationEnd } = useClickAnimation(propsOnClick)\n        return (\n            <input\n                ref={ref}\n                type=\"radio\"\n                onClick={onClick}\n                value={value}\n                onAnimationEnd={onAnimationEnd}\n                data-clicked={clicked}\n                checked={checkedValue ? checkedValue === value : undefined}\n                {...props}\n                css={css`\n                    ${css(theme.typography.button)}\n                    position: relative;\n                    box-sizing: border-box;\n                    appearance: none;\n                    display: inline-flex;\n                    flex-shrink: 0;\n                    align-items: center;\n                    justify-content: center;\n                    padding: ${theme.spacing / 2}px ${theme.spacing * 2.5}px;\n                    margin: 0px;\n                    color: ${theme.palette.intentions[color].main};\n                    touch-action: manipulation;\n                    cursor: pointer;\n                    user-select: none;\n                    background-color: transparent;\n                    border: 1px solid ${theme.palette.intentions[color].main};\n                    border-radius: 4px;\n                    outline: none;\n                    box-shadow: ${theme.shadows[1]};\n                    transition: ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeIn};\n                    &:hover {\n                        box-shadow: ${theme.shadows[3]};\n                    }\n                    &::selection {\n                        color: inherit;\n                        background-color: transparent;\n                    }\n                    &:disabled {\n                        color: ${theme.palette.action.disabled};\n                        text-shadow: none;\n                        cursor: not-allowed;\n                        border-color: ${theme.palette.action.disabledBackground};\n                        box-shadow: none;\n                    }\n                    &::before {\n                        content: \"${children}\";\n                    }\n                    &:checked {\n                        color: ${theme.palette.intentions[color].contrastText};\n                        background-color: ${theme.palette.intentions[color].main};\n                        border-color: ${theme.palette.intentions[color].main};\n                        &:active {\n                            background-color: ${theme.palette.intentions[color].dark};\n                            border-color: ${theme.palette.intentions[color].dark};\n                        }\n                        &:disabled {\n                            color: ${theme.palette.action.disabled};\n                            background-color: ${theme.palette.action.disabledBackground};\n                            border-color: ${theme.palette.action.disabledBackground};\n                        }\n                    }\n                    &::after {\n                        position: absolute;\n                        top: -1px;\n                        right: -1px;\n                        bottom: -1px;\n                        left: -1px;\n                        z-index: 1;\n                        display: block;\n                        color: ${theme.palette.intentions[color].main};\n                        pointer-events: none;\n                        content: \"\";\n                        border-radius: inherit;\n                        opacity: 0.2;\n                        transform: scale(1);\n                    }\n                    &[data-clicked=\"true\"]::after {\n                        animation: ${fade} 2s cubic-bezier(0.08, 0.82, 0.17, 1),\n                            ${wave} 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);\n                    }\n                `}\n            />\n        )\n    }\n)\n"],"file":"RadioButton.js"}

package/dist/esm/RadioButton/RadioButtonGroup.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var RadioButtonGroup = _ref => {
+  var {
+    name,
+    children,
+    value,
+    onChange
+  } = _ref;
+  return ___EmotionJSX(React.Fragment, null, React.Children.map(children, child => {
+    return /*#__PURE__*/React.cloneElement(child, {
+      name,
+      checkedValue: value,
+      onChange
+    });
+  }));
+};
+//# sourceMappingURL=RadioButtonGroup.js.map

package/dist/esm/RadioButton/RadioButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/RadioButton/RadioButtonGroup.tsx"],"names":["React","RadioButtonGroup","name","children","value","onChange","Children","map","child","cloneElement","checkedValue"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAOA,OAAO,IAAMC,gBAAiD,GAAG,QAAyC;AAAA,MAAxC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA,KAAlB;AAAyBC,IAAAA;AAAzB,GAAwC;AACtG,SACI,cAAC,KAAD,CAAO,QAAP,QACKL,KAAK,CAACM,QAAN,CAAeC,GAAf,CAAmBJ,QAAnB,EAAsDK,KAAD,IAAW;AAC7D,wBAAOR,KAAK,CAACS,YAAN,CAAmBD,KAAnB,EAA0B;AAC7BN,MAAAA,IAD6B;AAE7BQ,MAAAA,YAAY,EAAEN,KAFe;AAG7BC,MAAAA;AAH6B,KAA1B,CAAP;AAKH,GANA,CADL,CADJ;AAWH,CAZM","sourcesContent":["import React from \"react\"\nexport interface RadioButtonGroupProps {\n    name: string\n    value?: string\n    onChange?: (event: React.SyntheticEvent<HTMLInputElement>) => void\n    children: React.ReactElement[]\n}\nexport const RadioButtonGroup: React.FC<RadioButtonGroupProps> = ({ name, children, value, onChange }) => {\n    return (\n        <React.Fragment>\n            {React.Children.map(children as React.ReactElement[], (child) => {\n                return React.cloneElement(child, {\n                    name,\n                    checkedValue: value,\n                    onChange\n                })\n            })}\n        </React.Fragment>\n    )\n}\n"],"file":"RadioButtonGroup.js"}

package/dist/esm/RadioButton/index.js

@@ -0,0 +1,3 @@
+export * from "./RadioButton";
+export * from "./RadioButtonGroup";
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/RelativeTime/RelativeTime.js

@@ -0,0 +1,25 @@
+var _excluded = ["value", "unit", "className"];
+
+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 { LocaleContext } from "../LocaleProvider";
+import { RelativeTimeFormat } from "../@utils";
+import React, { useContext, useMemo } from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var RelativeTime = _ref => {
+  var {
+    value,
+    unit,
+    className
+  } = _ref,
+      options = _objectWithoutProperties(_ref, _excluded);
+
+  var locale = useContext(LocaleContext);
+  var label = useMemo(() => RelativeTimeFormat(locale, options).format(value, unit), [value, locale, options, unit]);
+  return ___EmotionJSX("span", {
+    className: className
+  }, label);
+};
+//# sourceMappingURL=RelativeTime.js.map

package/dist/esm/RelativeTime/RelativeTime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/RelativeTime/RelativeTime.tsx"],"names":["LocaleContext","RelativeTimeFormat","React","useContext","useMemo","RelativeTime","value","unit","className","options","locale","label","format"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,mBAA9B;AACA,SAASC,kBAAT,QAA8D,WAA9D;AACA,OAAOC,KAAP,IAAgBC,UAAhB,EAA4BC,OAA5B,QAA2C,OAA3C;;AAeA,OAAO,IAAMC,YAAyC,GAAG,QAA4C;AAAA,MAA3C;AAAEC,IAAAA,KAAF;AAASC,IAAAA,IAAT;AAAeC,IAAAA;AAAf,GAA2C;AAAA,MAAdC,OAAc;;AACjG,MAAMC,MAAM,GAAGP,UAAU,CAACH,aAAD,CAAzB;AACA,MAAMW,KAAK,GAAGP,OAAO,CAAC,MAAMH,kBAAkB,CAACS,MAAD,EAASD,OAAT,CAAlB,CAAoCG,MAApC,CAA2CN,KAA3C,EAAkDC,IAAlD,CAAP,EAAgE,CAACD,KAAD,EAAQI,MAAR,EAAgBD,OAAhB,EAAyBF,IAAzB,CAAhE,CAArB;AACA,SAAO;AAAM,IAAA,SAAS,EAAEC;AAAjB,KAA6BG,KAA7B,CAAP;AACH,CAJM","sourcesContent":["import { LocaleContext } from \"../LocaleProvider\"\nimport { RelativeTimeFormat, RelativeTimeFormatOptions } from \"../@utils\"\nimport React, { useContext, useMemo } from \"react\"\n\nexport interface RelativeTimeProps extends RelativeTimeFormatOptions {\n    children?: never\n    className?: string\n    /**\n     * Numeric value to use in the internationalized relative time message.\n     */\n    value: number\n    /**\n     * Unit to use in the relative time internationalized message\n     */\n    unit: \"year\" | \"quarter\" | \"month\" | \"week\" | \"day\" | \"hour\" | \"minute\" | \"second\"\n}\n\nexport const RelativeTime: React.FC<RelativeTimeProps> = ({ value, unit, className, ...options }) => {\n    const locale = useContext(LocaleContext)\n    const label = useMemo(() => RelativeTimeFormat(locale, options).format(value, unit), [value, locale, options, unit])\n    return <span className={className}>{label}</span>\n}\n"],"file":"RelativeTime.js"}

package/dist/esm/RelativeTime/index.js

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

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

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

package/dist/esm/SearchField/SearchField.js

@@ -0,0 +1,41 @@
+var _excluded = ["label", "items", "onChangeQuery"];
+
+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 { useSearch } from "./useSearch";
+import { TextField } from "../TextField";
+import React, { useEffect, useState } from "react";
+import SearchIcon from "@material-ui/icons/Search";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var SearchField = _ref => {
+  var {
+    label,
+    items,
+    onChangeQuery
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var [query, setQuery] = useState("");
+  var {
+    result
+  } = useSearch({
+    items,
+    query
+  });
+  useEffect(() => {
+    if (result.length > 0 && onChangeQuery) {
+      onChangeQuery(result);
+    }
+  }, [onChangeQuery, result]);
+  return ___EmotionJSX(TextField, _extends({
+    label: label,
+    onChange: setQuery,
+    value: query,
+    startAdornment: ___EmotionJSX(SearchIcon, null)
+  }, props));
+};
+//# sourceMappingURL=SearchField.js.map

package/dist/esm/SearchField/SearchField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/SearchField/SearchField.tsx"],"names":["useSearch","TextField","React","useEffect","useState","SearchIcon","SearchField","label","items","onChangeQuery","props","query","setQuery","result","length"],"mappings":";;;;;;;;AAAA,SAAsBA,SAAtB,QAAuC,aAAvC;AACA,SAASC,SAAT,QAA0C,cAA1C;AACA,OAAOC,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AACA,OAAOC,UAAP,MAAuB,2BAAvB;;AAiBA,OAAO,IAAMC,WAAW,GAAG,QAAiE;AAAA,MAAhE;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA;AAAhB,GAAgE;AAAA,MAA9BC,KAA8B;;AACxF,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBR,QAAQ,CAAC,EAAD,CAAlC;AAEA,MAAM;AAAES,IAAAA;AAAF,MAAab,SAAS,CAAC;AAAEQ,IAAAA,KAAF;AAASG,IAAAA;AAAT,GAAD,CAA5B;AACAR,EAAAA,SAAS,CAAC,MAAM;AACZ,QAAIU,MAAM,CAACC,MAAP,GAAgB,CAAhB,IAAqBL,aAAzB,EAAwC;AACpCA,MAAAA,aAAa,CAACI,MAAD,CAAb;AACH;AACJ,GAJQ,EAIN,CAACJ,aAAD,EAAgBI,MAAhB,CAJM,CAAT;AAKA,SAAO,cAAC,SAAD;AAAW,IAAA,KAAK,EAAEN,KAAlB;AAAyB,IAAA,QAAQ,EAAEK,QAAnC;AAA6C,IAAA,KAAK,EAAED,KAApD;AAA2D,IAAA,cAAc,EAAE,cAAC,UAAD;AAA3E,KAA+FD,KAA/F,EAAP;AACH,CAVM","sourcesContent":["import { SearchProps, useSearch } from \"./useSearch\"\nimport { TextField, TextFieldProps } from \"../TextField\"\nimport React, { useEffect, useState } from \"react\"\nimport SearchIcon from \"@material-ui/icons/Search\"\n\nexport type SearchFieldResult = {\n    keys: string[]\n    content: string\n    score: number\n}[]\n\nexport type SearchFieldHandleChange = (result: SearchFieldResult) => void\nexport interface SearchFieldProps extends Pick<SearchProps, \"items\">, TextFieldProps {\n    /**\n     * 見出し\n     */\n    onChangeQuery?: SearchFieldHandleChange\n    children?: never\n}\n\nexport const SearchField = ({ label, items, onChangeQuery, ...props }: SearchFieldProps) => {\n    const [query, setQuery] = useState(\"\")\n\n    const { result } = useSearch({ items, query })\n    useEffect(() => {\n        if (result.length > 0 && onChangeQuery) {\n            onChangeQuery(result)\n        }\n    }, [onChangeQuery, result])\n    return <TextField label={label} onChange={setQuery} value={query} startAdornment={<SearchIcon />} {...props} />\n}\n"],"file":"SearchField.js"}

package/dist/esm/SearchField/index.js

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

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

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

package/dist/esm/SearchField/useSearch.js

@@ -0,0 +1,75 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { useEffect, useRef, useState } from "react";
+export var useSearch = _ref => {
+  var {
+    items,
+    query
+  } = _ref;
+  var cache = useRef(typeof items[0] === "string" ? items.map(item => {
+    return {
+      keys: [item.toLowerCase()],
+      content: item
+    };
+  }) : items);
+  var [result, setResult] = useState([]);
+  useEffect(() => {
+    var copy = cache.current.slice();
+    var key = query.toLowerCase();
+    var len = cache.current.length;
+    var i = -1;
+    var c = 0;
+    var tmp;
+    var res = new Array(len);
+
+    while (++i !== len) {
+      tmp = copy[i];
+      /**
+       * Caluculate Minimum Index
+       */
+
+      var j = -1;
+      var index = -1;
+      var keylen = tmp.keys.length;
+      var current = void 0;
+
+      while (++j !== keylen) {
+        current = tmp.keys[j].toLowerCase().indexOf(key);
+
+        if (index === -1 || current !== -1 && current < index) {
+          index = current;
+        }
+      }
+      /**
+       * Caluculate Score
+       */
+
+
+      var score = index > -1 ? 1 / (index + 1) : 0;
+
+      if (score > 0) {
+        res[c++] = _objectSpread(_objectSpread({}, tmp), {}, {
+          score
+        });
+      }
+    }
+
+    res.length = c;
+    res.sort((a, b) => {
+      if (a.score <= b.score) {
+        return 1;
+      } else {
+        return -1;
+      }
+    });
+    setResult(res);
+  }, [query]);
+  return {
+    result
+  };
+};
+//# sourceMappingURL=useSearch.js.map

package/dist/esm/SearchField/useSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/SearchField/useSearch.tsx"],"names":["useEffect","useRef","useState","useSearch","items","query","cache","map","item","keys","toLowerCase","content","result","setResult","copy","current","slice","key","len","length","i","c","tmp","res","Array","j","index","keylen","indexOf","score","sort","a","b"],"mappings":";;;;;;AAAA,SAASA,SAAT,EAAoBC,MAApB,EAA4BC,QAA5B,QAA4C,OAA5C;AAYA,OAAO,IAAMC,SAAS,GAAG,QAAmC;AAAA,MAAlC;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAkC;AACxD,MAAMC,KAAK,GAAGL,MAAM,CAMhB,OAAOG,KAAK,CAAC,CAAD,CAAZ,KAAoB,QAApB,GACOA,KAAD,CAAoBG,GAApB,CAAyBC,IAAD,IAAU;AAC9B,WAAO;AACHC,MAAAA,IAAI,EAAE,CAACD,IAAI,CAACE,WAAL,EAAD,CADH;AAEHC,MAAAA,OAAO,EAAEH;AAFN,KAAP;AAIH,GALD,CADN,GAOOJ,KAbS,CAApB;AAkBA,MAAM,CAACQ,MAAD,EAASC,SAAT,IAAsBX,QAAQ,CAAuD,EAAvD,CAApC;AAEAF,EAAAA,SAAS,CAAC,MAAM;AACZ,QAAMc,IAAI,GAAGR,KAAK,CAACS,OAAN,CAAcC,KAAd,EAAb;AACA,QAAMC,GAAG,GAAGZ,KAAK,CAACK,WAAN,EAAZ;AAEA,QAAMQ,GAAG,GAAGZ,KAAK,CAACS,OAAN,CAAcI,MAA1B;AACA,QAAIC,CAAC,GAAG,CAAC,CAAT;AACA,QAAIC,CAAC,GAAG,CAAR;AACA,QAAIC,GAAJ;AACA,QAAIC,GAAG,GAAG,IAAIC,KAAJ,CAAUN,GAAV,CAAV;;AACA,WAAO,EAAEE,CAAF,KAAQF,GAAf,EAAoB;AAChBI,MAAAA,GAAG,GAAGR,IAAI,CAACM,CAAD,CAAV;AACA;AACZ;AACA;;AACY,UAAIK,CAAC,GAAG,CAAC,CAAT;AACA,UAAIC,KAAK,GAAG,CAAC,CAAb;AACA,UAAIC,MAAM,GAAGL,GAAG,CAACb,IAAJ,CAASU,MAAtB;AACA,UAAIJ,OAAO,SAAX;;AACA,aAAO,EAAEU,CAAF,KAAQE,MAAf,EAAuB;AACnBZ,QAAAA,OAAO,GAAGO,GAAG,CAACb,IAAJ,CAASgB,CAAT,EAAYf,WAAZ,GAA0BkB,OAA1B,CAAkCX,GAAlC,CAAV;;AACA,YAAIS,KAAK,KAAK,CAAC,CAAX,IAAiBX,OAAO,KAAK,CAAC,CAAb,IAAkBA,OAAO,GAAGW,KAAjD,EAAyD;AACrDA,UAAAA,KAAK,GAAGX,OAAR;AACH;AACJ;AACD;AACZ;AACA;;;AACY,UAAMc,KAAK,GAAGH,KAAK,GAAG,CAAC,CAAT,GAAa,KAAKA,KAAK,GAAG,CAAb,CAAb,GAA+B,CAA7C;;AACA,UAAIG,KAAK,GAAG,CAAZ,EAAe;AACXN,QAAAA,GAAG,CAACF,CAAC,EAAF,CAAH,mCAAgBC,GAAhB;AAAqBO,UAAAA;AAArB;AACH;AACJ;;AAEDN,IAAAA,GAAG,CAACJ,MAAJ,GAAaE,CAAb;AACAE,IAAAA,GAAG,CAACO,IAAJ,CAAS,CAACC,CAAD,EAAIC,CAAJ,KAAU;AACf,UAAID,CAAC,CAACF,KAAF,IAAWG,CAAC,CAACH,KAAjB,EAAwB;AACpB,eAAO,CAAP;AACH,OAFD,MAEO;AACH,eAAO,CAAC,CAAR;AACH;AACJ,KAND;AAOAhB,IAAAA,SAAS,CAACU,GAAD,CAAT;AACH,GA1CQ,EA0CN,CAAClB,KAAD,CA1CM,CAAT;AA4CA,SAAO;AAAEO,IAAAA;AAAF,GAAP;AACH,CAlEM","sourcesContent":["import { useEffect, useRef, useState } from \"react\"\n\nexport interface SearchProps {\n    items:\n        | string[]\n        | {\n              keys: string[]\n              content: string\n          }[]\n    query: string\n}\n\nexport const useSearch = ({ items, query }: SearchProps) => {\n    const cache = useRef<\n        {\n            keys: string[]\n            content: string\n        }[]\n    >(\n        typeof items[0] === \"string\"\n            ? (items as string[]).map((item) => {\n                  return {\n                      keys: [item.toLowerCase()],\n                      content: item\n                  }\n              })\n            : (items as {\n                  keys: string[]\n                  content: string\n              }[])\n    )\n    const [result, setResult] = useState<{ keys: string[]; content: string; score: number }[]>([])\n\n    useEffect(() => {\n        const copy = cache.current.slice()\n        const key = query.toLowerCase()\n\n        const len = cache.current.length\n        let i = -1\n        let c = 0\n        let tmp\n        let res = new Array(len)\n        while (++i !== len) {\n            tmp = copy[i]\n            /**\n             * Caluculate Minimum Index\n             */\n            let j = -1\n            let index = -1\n            let keylen = tmp.keys.length\n            let current\n            while (++j !== keylen) {\n                current = tmp.keys[j].toLowerCase().indexOf(key)\n                if (index === -1 || (current !== -1 && current < index)) {\n                    index = current\n                }\n            }\n            /**\n             * Caluculate Score\n             */\n            const score = index > -1 ? 1 / (index + 1) : 0\n            if (score > 0) {\n                res[c++] = { ...tmp, score }\n            }\n        }\n\n        res.length = c\n        res.sort((a, b) => {\n            if (a.score <= b.score) {\n                return 1\n            } else {\n                return -1\n            }\n        })\n        setResult(res)\n    }, [query])\n\n    return { result }\n}\n"],"file":"useSearch.js"}