matsuri-ui 9.7.2-alpha.0

package/dist/cjs/Modal/ModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Modal/ModalFooter.tsx"],"names":["ModalFooter","children","theme","css","spacing","palette","gray"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,WAAqB,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAkB;AACnD,QAAMC,KAAK,GAAG,sBAAd;AACA,SACI;AACI,IAAA,GAAG,mBAAEC,UAAF,cACYD,KAAK,CAACE,OAAN,GAAgB,CAD5B,SACmCF,KAAK,CAACE,OAAN,GAAgB,CADnD,8BAEyBF,KAAK,CAACG,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CAFzB;AADP,KAQKL,QARL,CADJ;AAYH,CAdM","sourcesContent":["import { css } from \"@emotion/react\"\nimport { useTheme } from \"../theme\"\nimport React from \"react\"\n\nexport const ModalFooter: React.FC = ({ children }) => {\n    const theme = useTheme()\n    return (\n        <footer\n            css={css`\n                padding: ${theme.spacing * 2}px ${theme.spacing * 4}px;\n                border-top: 1px solid ${theme.palette.gray[300]};\n                border-bottom-right-radius: 0.3em;\n                border-bottom-left-radius: 0.3em;\n            `}\n        >\n            {children}\n        </footer>\n    )\n}\n"],"file":"ModalFooter.js"}

package/dist/cjs/Modal/ModalHeader.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalHeader = void 0;
+
+var _Icon = require("../Icon");
+
+var _ModalContext = require("./ModalContext");
+
+var _react = require("@emotion/react");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireWildcard(require("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; }
+
+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 ModalHeader = /*#__PURE__*/_react2.default.forwardRef(({
+  children,
+  ...others
+}, ref) => {
+  const {
+    onClose
+  } = (0, _react2.useContext)(_ModalContext.ModalContext);
+  const theme = (0, _theme.useTheme)();
+  return (0, _react.jsx)("header", _extends({
+    css: /*#__PURE__*/(0, _react.css)("position:relative;padding:", theme.spacing * 3, "px ", theme.spacing * 4, "px;background-color:", theme.palette.gray[100], ";border-bottom:1px solid ", theme.palette.gray[300], ";border-top-left-radius:0.3em;border-top-right-radius:0.3em;" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Nb2RhbC9Nb2RhbEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Nb2RhbC9Nb2RhbEhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb25cIlxuaW1wb3J0IHsgTW9kYWxDb250ZXh0IH0gZnJvbSBcIi4vTW9kYWxDb250ZXh0XCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiXG5cbmV4cG9ydCBjb25zdCBNb2RhbEhlYWRlciA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50Pj4oXG4gICAgKHsgY2hpbGRyZW4sIC4uLm90aGVycyB9LCByZWYpID0+IHtcbiAgICAgICAgY29uc3QgeyBvbkNsb3NlIH0gPSB1c2VDb250ZXh0KE1vZGFsQ29udGV4dClcbiAgICAgICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8aGVhZGVyXG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nICogM31weCAke3RoZW1lLnNwYWNpbmcgKiA0fXB4O1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuZ3JheVsxMDBdfTtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5WzMwMF19O1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwLjNlbTtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuM2VtO1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgICAge29uQ2xvc2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRvcDogMTAwJTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByaWdodDogMXJlbTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3R0b206IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmctdG9wOiAke3RoZW1lLnNwYWNpbmd9cHg7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZ31weDtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXJnaW46IGF1dG87XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuYm9keS5mb250U2l6ZX07XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWR9O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLmdyYXlbNTAwXX07XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsb3NlfVxuICAgICAgICAgICAgICAgICAgICAgICAgcm9sZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uLkNsb3NlIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9oZWFkZXI+XG4gICAgICAgIClcbiAgICB9XG4pXG4iXX0= */"),
+    ref: ref
+  }, others), children, onClose && (0, _react.jsx)("span", {
+    css: /*#__PURE__*/(0, _react.css)("position:absolute;top:100%;right:1rem;bottom:100%;display:flex;align-items:center;justify-content:center;padding-top:", theme.spacing, "px;padding-bottom:", theme.spacing, "px;margin:auto;font-size:", theme.typography.body.fontSize, ";color:", theme.palette.action.disabled, ";cursor:pointer;transition:0.3s;&:hover{color:", theme.palette.gray[500], ";}&:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Nb2RhbC9Nb2RhbEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvTW9kYWwvTW9kYWxIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uXCJcbmltcG9ydCB7IE1vZGFsQ29udGV4dCB9IGZyb20gXCIuL01vZGFsQ29udGV4dFwiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIlxuaW1wb3J0IFJlYWN0LCB7IHVzZUNvbnRleHQgfSBmcm9tIFwicmVhY3RcIlxuXG5leHBvcnQgY29uc3QgTW9kYWxIZWFkZXIgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4+KFxuICAgICh7IGNoaWxkcmVuLCAuLi5vdGhlcnMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IHsgb25DbG9zZSB9ID0gdXNlQ29udGV4dChNb2RhbENvbnRleHQpXG4gICAgICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPGhlYWRlclxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZyAqIDN9cHggJHt0aGVtZS5zcGFjaW5nICogNH1weDtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmdyYXlbMTAwXX07XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMC4zZW07XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwLjNlbTtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICAgIHtvbkNsb3NlICYmIChcbiAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0b3A6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcmlnaHQ6IDFyZW07XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYm90dG9tOiAxMDAlO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nfXB4O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmctYm90dG9tOiAke3RoZW1lLnNwYWNpbmd9cHg7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luOiBhdXRvO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmJvZHkuZm9udFNpemV9O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogMC4zcztcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5ncmF5WzUwMF19O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIHJvbGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8SWNvbi5DbG9zZSAvPlxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvaGVhZGVyPlxuICAgICAgICApXG4gICAgfVxuKVxuIl19 */"),
+    onClick: onClose,
+    role: "button"
+  }, (0, _react.jsx)(_Icon.Icon.Close, null)));
+});
+
+exports.ModalHeader = ModalHeader;
+//# sourceMappingURL=ModalHeader.js.map

package/dist/cjs/Modal/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Modal/ModalHeader.tsx"],"names":["ModalHeader","React","forwardRef","children","others","ref","onClose","ModalContext","theme","css","spacing","palette","gray","typography","body","fontSize","action","disabled"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,WAAW,gBAAGC,gBAAMC,UAAN,CACvB,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAA0BC,GAA1B,KAAkC;AAC9B,QAAM;AAAEC,IAAAA;AAAF,MAAc,wBAAWC,0BAAX,CAApB;AACA,QAAMC,KAAK,GAAG,sBAAd;AACA,SACI;AACI,IAAA,GAAG,mBAAEC,UAAF,gCAEYD,KAAK,CAACE,OAAN,GAAgB,CAF5B,SAEmCF,KAAK,CAACE,OAAN,GAAgB,CAFnD,0BAGqBF,KAAK,CAACG,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CAHrB,+BAI4BJ,KAAK,CAACG,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CAJ5B,w/GADP;AASI,IAAA,GAAG,EAAEP;AATT,KAUQD,MAVR,GAYKD,QAZL,EAaKG,OAAO,IACJ;AACI,IAAA,GAAG,mBAAEG,UAAF,2HAQgBD,KAAK,CAACE,OARtB,wBASmBF,KAAK,CAACE,OATzB,+BAWcF,KAAK,CAACK,UAAN,CAAiBC,IAAjB,CAAsBC,QAXpC,aAYUP,KAAK,CAACG,OAAN,CAAcK,MAAd,CAAqBC,QAZ/B,oDAgBcT,KAAK,CAACG,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CAhBd,o9GADP;AAuBI,IAAA,OAAO,EAAEN,OAvBb;AAwBI,IAAA,IAAI,EAAC;AAxBT,KA0BI,gBAAC,UAAD,CAAM,KAAN,OA1BJ,CAdR,CADJ;AA8CH,CAlDsB,CAApB","sourcesContent":["import { Icon } from \"../Icon\"\nimport { ModalContext } from \"./ModalContext\"\nimport { css } from \"@emotion/react\"\nimport { useTheme } from \"../theme\"\nimport React, { useContext } from \"react\"\n\nexport const ModalHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n    ({ children, ...others }, ref) => {\n        const { onClose } = useContext(ModalContext)\n        const theme = useTheme()\n        return (\n            <header\n                css={css`\n                    position: relative;\n                    padding: ${theme.spacing * 3}px ${theme.spacing * 4}px;\n                    background-color: ${theme.palette.gray[100]};\n                    border-bottom: 1px solid ${theme.palette.gray[300]};\n                    border-top-left-radius: 0.3em;\n                    border-top-right-radius: 0.3em;\n                `}\n                ref={ref}\n                {...others}\n            >\n                {children}\n                {onClose && (\n                    <span\n                        css={css`\n                            position: absolute;\n                            top: 100%;\n                            right: 1rem;\n                            bottom: 100%;\n                            display: flex;\n                            align-items: center;\n                            justify-content: center;\n                            padding-top: ${theme.spacing}px;\n                            padding-bottom: ${theme.spacing}px;\n                            margin: auto;\n                            font-size: ${theme.typography.body.fontSize};\n                            color: ${theme.palette.action.disabled};\n                            cursor: pointer;\n                            transition: 0.3s;\n                            &:hover {\n                                color: ${theme.palette.gray[500]};\n                            }\n                            &:focus {\n                                outline: none;\n                            }\n                        `}\n                        onClick={onClose}\n                        role=\"button\"\n                    >\n                        <Icon.Close />\n                    </span>\n                )}\n            </header>\n        )\n    }\n)\n"],"file":"ModalHeader.js"}

package/dist/cjs/Modal/ModalProvider.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalProvider = void 0;
+
+var _ModalContext = require("./ModalContext");
+
+const ModalProvider = _ModalContext.ModalContext.Provider;
+exports.ModalProvider = ModalProvider;
+//# sourceMappingURL=ModalProvider.js.map

package/dist/cjs/Modal/ModalProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Modal/ModalProvider.tsx"],"names":["ModalProvider","ModalContext","Provider"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,aAAa,GAAGC,2BAAaC,QAAnC","sourcesContent":["import { ModalContext } from \"./ModalContext\"\nexport const ModalProvider = ModalContext.Provider\n"],"file":"ModalProvider.js"}

package/dist/cjs/Modal/index.js

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

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

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

package/dist/cjs/MultipleTextField/index.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MultipleTextField = void 0;
+
+var _FormControl = require("../FormControl");
+
+var _FormHelperText = require("../FormHelperText");
+
+var _InputLabel = require("../InputLabel");
+
+var _TextareaBase = require("../TextareaBase");
+
+var _useDitectInputTouched = require("../TextField/useDitectInputTouched");
+
+var _useValidation = require("../TextField/useValidation");
+
+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; }
+
+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 MultipleTextField = /*#__PURE__*/_react.default.forwardRef(({
+  label,
+  style,
+  className,
+  onChange,
+  validationMessages,
+  customValidations,
+  disabled,
+  bottomGutter,
+  helperText,
+  invalid,
+  ...props
+}, rootRef) => {
+  const [value, setValue] = (0, _react.useState)(props.value || props.defaultValue);
+  const ref = (0, _react.useRef)(null);
+  const validation = (0, _useValidation.useValidation)({
+    ref,
+    validationMessages,
+    customValidations,
+    value
+  });
+  const handleChange = (0, _react.useCallback)(event => {
+    const {
+      value
+    } = event.currentTarget;
+    setValue(value);
+
+    if (onChange) {
+      onChange(value, event);
+    }
+  }, [onChange]);
+  const [touched, additionalProps] = (0, _useDitectInputTouched.useDitectInputTouched)();
+  return (0, _react2.jsx)(_FormControl.FormControl, {
+    style: style,
+    className: className,
+    ref: rootRef
+  }, (0, _react2.jsx)(_InputLabel.InputLabel, {
+    "aria-disabled": disabled,
+    required: props.required
+  }, label), (0, _react2.jsx)(_TextareaBase.TextareaBase, _extends({
+    disabled: disabled
+  }, props, {
+    onChange: handleChange,
+    ref: ref
+  }, additionalProps)), touched && validation.message ? (0, _react2.jsx)(_FormHelperText.FormHelperText, {
+    bottomGutter: bottomGutter,
+    invalid: !validation.valid
+  }, validation.message) : (0, _react2.jsx)(_FormHelperText.FormHelperText, {
+    bottomGutter: bottomGutter,
+    invalid: invalid
+  }, typeof helperText === "function" ? helperText({
+    value
+  }) : helperText));
+});
+
+exports.MultipleTextField = MultipleTextField;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/MultipleTextField/index.tsx"],"names":["MultipleTextField","React","forwardRef","label","style","className","onChange","validationMessages","customValidations","disabled","bottomGutter","helperText","invalid","props","rootRef","value","setValue","defaultValue","ref","validation","handleChange","event","currentTarget","touched","additionalProps","required","message","valid"],"mappings":";;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AASO,MAAMA,iBAAiB,gBAAGC,eAAMC,UAAN,CAC7B,CACI;AACIC,EAAAA,KADJ;AAEIC,EAAAA,KAFJ;AAGIC,EAAAA,SAHJ;AAIIC,EAAAA,QAJJ;AAKIC,EAAAA,kBALJ;AAMIC,EAAAA,iBANJ;AAOIC,EAAAA,QAPJ;AAQIC,EAAAA,YARJ;AASIC,EAAAA,UATJ;AAUIC,EAAAA,OAVJ;AAWI,KAAGC;AAXP,CADJ,EAcIC,OAdJ,KAeK;AACD,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,qBAASH,KAAK,CAACE,KAAN,IAAeF,KAAK,CAACI,YAA9B,CAA1B;AACA,QAAMC,GAAG,GAAG,mBAA4B,IAA5B,CAAZ;AACA,QAAMC,UAAU,GAAG,kCAAc;AAC7BD,IAAAA,GAD6B;AAE7BX,IAAAA,kBAF6B;AAG7BC,IAAAA,iBAH6B;AAI7BO,IAAAA;AAJ6B,GAAd,CAAnB;AAMA,QAAMK,YAAY,GAAG,wBAChBC,KAAD,IAAmD;AAC/C,UAAM;AAAEN,MAAAA;AAAF,QAAYM,KAAK,CAACC,aAAxB;AACAN,IAAAA,QAAQ,CAACD,KAAD,CAAR;;AACA,QAAIT,QAAJ,EAAc;AACVA,MAAAA,QAAQ,CAACS,KAAD,EAAQM,KAAR,CAAR;AACH;AACJ,GAPgB,EAQjB,CAACf,QAAD,CARiB,CAArB;AAUA,QAAM,CAACiB,OAAD,EAAUC,eAAV,IAA6B,mDAAnC;AACA,SACI,iBAAC,wBAAD;AAAa,IAAA,KAAK,EAAEpB,KAApB;AAA2B,IAAA,SAAS,EAAEC,SAAtC;AAAiD,IAAA,GAAG,EAAES;AAAtD,KACI,iBAAC,sBAAD;AAAY,qBAAeL,QAA3B;AAAqC,IAAA,QAAQ,EAAEI,KAAK,CAACY;AAArD,KACKtB,KADL,CADJ,EAII,iBAAC,0BAAD;AAAc,IAAA,QAAQ,EAAEM;AAAxB,KAAsCI,KAAtC;AAA6C,IAAA,QAAQ,EAAEO,YAAvD;AAAqE,IAAA,GAAG,EAAEF;AAA1E,KAAmFM,eAAnF,EAJJ,EAKKD,OAAO,IAAIJ,UAAU,CAACO,OAAtB,GACG,iBAAC,8BAAD;AAAgB,IAAA,YAAY,EAAEhB,YAA9B;AAA4C,IAAA,OAAO,EAAE,CAACS,UAAU,CAACQ;AAAjE,KACKR,UAAU,CAACO,OADhB,CADH,GAKG,iBAAC,8BAAD;AAAgB,IAAA,YAAY,EAAEhB,YAA9B;AAA4C,IAAA,OAAO,EAAEE;AAArD,KACK,OAAOD,UAAP,KAAsB,UAAtB,GAAmCA,UAAU,CAAC;AAAEI,IAAAA;AAAF,GAAD,CAA7C,GAA2DJ,UADhE,CAVR,CADJ;AAiBH,CArD4B,CAA1B","sourcesContent":["import { FieldProps } from \"../TextField\"\nimport { FormControl } from \"../FormControl\"\nimport { FormHelperText, InputBottomGutterProps } from \"../FormHelperText\"\nimport { InputLabel } from \"../InputLabel\"\nimport { TextareaBase } from \"../TextareaBase\"\nimport { useDitectInputTouched } from \"../TextField/useDitectInputTouched\"\nimport { useValidation } from \"../TextField/useValidation\"\nimport React, { useCallback, useRef, useState } from \"react\"\n\nexport interface MultipleTextFieldProps\n    extends FieldProps<string>,\n        Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, \"onChange\" | \"defaultValue\" | \"value\" | \"css\">,\n        InputBottomGutterProps {\n    children?: never\n}\n\nexport const MultipleTextField = React.forwardRef<HTMLDivElement, MultipleTextFieldProps>(\n    (\n        {\n            label,\n            style,\n            className,\n            onChange,\n            validationMessages,\n            customValidations,\n            disabled,\n            bottomGutter,\n            helperText,\n            invalid,\n            ...props\n        },\n        rootRef\n    ) => {\n        const [value, setValue] = useState(props.value || props.defaultValue)\n        const ref = useRef<HTMLTextAreaElement>(null)\n        const validation = useValidation({\n            ref,\n            validationMessages,\n            customValidations,\n            value\n        })\n        const handleChange = useCallback(\n            (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n                const { value } = event.currentTarget\n                setValue(value)\n                if (onChange) {\n                    onChange(value, event)\n                }\n            },\n            [onChange]\n        )\n        const [touched, additionalProps] = useDitectInputTouched()\n        return (\n            <FormControl style={style} className={className} ref={rootRef}>\n                <InputLabel aria-disabled={disabled} required={props.required}>\n                    {label}\n                </InputLabel>\n                <TextareaBase disabled={disabled} {...props} onChange={handleChange} ref={ref} {...additionalProps} />\n                {touched && validation.message ? (\n                    <FormHelperText bottomGutter={bottomGutter} invalid={!validation.valid}>\n                        {validation.message}\n                    </FormHelperText>\n                ) : (\n                    <FormHelperText bottomGutter={bottomGutter} invalid={invalid}>\n                        {typeof helperText === \"function\" ? helperText({ value }) : helperText}\n                    </FormHelperText>\n                )}\n            </FormControl>\n        )\n    }\n)\n"],"file":"index.js"}

package/dist/cjs/NumberField/NumberField.js

@@ -0,0 +1,153 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NumberField = void 0;
+
+var _FormControl = require("../FormControl");
+
+var _FormHelperText = require("../FormHelperText");
+
+var _InputBase = require("../InputBase");
+
+var _InputLabel = require("../InputLabel");
+
+var _LocaleProvider = require("../LocaleProvider");
+
+var _useDitectInputTouched = require("../TextField/useDitectInputTouched");
+
+var _useValidation = require("../TextField/useValidation");
+
+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; }
+
+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 toLocaleValue = (value, locale, options) => {
+  return value === undefined ? "" : value.toLocaleString(locale, options);
+};
+/**
+ *
+ * ## コントロール状態とアンコントロール状態における差異
+ *
+ * コントロール状態つまり`onChange`が指定されている場合は、Input要素の入力値は数値以外の値を持ちません。
+ * 一方、アンコントロール状態では、Input要素の入力値は空文字を許容します。
+ */
+
+
+const NumberField = props => {
+  const {
+    validationMessages,
+    customValidations,
+    style,
+    className,
+    label,
+    options,
+    onChange,
+    defaultValue,
+    name,
+    disabled,
+    value: propsValue,
+    readOnly,
+    bottomGutter,
+    helperText,
+    invalid,
+    ...others
+  } = props;
+  const locale = (0, _react.useContext)(_LocaleProvider.LocaleContext);
+  const ref = (0, _react.useRef)(null);
+  /**
+   * NumberFieldではFocus時とBlur時に値を変更するため、input要素本来のdefaultValueを用いることが出来ません。
+   */
+
+  const [value, setValue] = (0, _react.useState)(propsValue || defaultValue);
+  const [valueText, setValueText] = (0, _react.useState)(value === null || value === void 0 ? void 0 : value.toString());
+  const validation = (0, _useValidation.useValidation)({
+    ref,
+    validationMessages,
+    customValidations,
+    value
+  });
+  /**
+   * Switch type by focus event
+   */
+
+  const [type, setType] = (0, _react.useState)("text");
+  const [touched, touchedProps] = (0, _useDitectInputTouched.useDitectInputTouched)();
+  const handleFocus = (0, _react.useCallback)(() => {
+    setType("number");
+
+    if (touchedProps.onFocus) {
+      touchedProps.onFocus();
+    }
+  }, [touchedProps]);
+  const handleBlur = (0, _react.useCallback)(event => {
+    setType("text");
+
+    if (onChange) {
+      onChange(value || 0, event);
+    }
+  }, [onChange, value]);
+  const handleChange = (0, _react.useCallback)(event => {
+    const {
+      value
+    } = event.currentTarget;
+    setValueText(value);
+    setValue(value ? Number(value) : 0);
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (propsValue !== undefined) {
+      setValue(prev => prev === propsValue ? prev : propsValue);
+    }
+  }, [propsValue]);
+  const isFocus = (0, _react.useMemo)(() => type === "number", [type]);
+  const handleWheel = (0, _react.useCallback)(event => {
+    event.currentTarget.blur();
+  }, []);
+  return (0, _react2.jsx)(_FormControl.FormControl, {
+    style: style,
+    className: className
+  }, (0, _react2.jsx)(_InputLabel.InputLabel, {
+    "aria-disabled": disabled,
+    required: props.required
+  }, label), (0, _react2.jsx)(_InputBase.InputBase, _extends({
+    "data-touched": touched,
+    disabled: disabled,
+    ref: ref,
+    type: type,
+    value: isFocus ? valueText : toLocaleValue(value, locale, options),
+    onChange: handleChange,
+    onFocus: readOnly ? undefined : handleFocus,
+    onBlur: readOnly ? undefined : handleBlur,
+    onWheel: handleWheel,
+    readOnly: readOnly,
+    name: isFocus ? name : undefined,
+    "data-invalid": !validation.valid
+  }, others)), (0, _react2.jsx)("input", {
+    type: "hidden",
+    name: isFocus ? undefined : name,
+    value: valueText
+  }), touched && validation.message ? (0, _react2.jsx)(_FormHelperText.FormHelperText, {
+    bottomGutter: bottomGutter,
+    invalid: !validation.valid
+  }, validation.message) : (0, _react2.jsx)(_FormHelperText.FormHelperText, {
+    bottomGutter: bottomGutter,
+    invalid: invalid
+  }, typeof helperText === "function" ? helperText({
+    value
+  }) : helperText));
+};
+
+exports.NumberField = NumberField;
+NumberField.defaultProps = {
+  max: Number.MAX_SAFE_INTEGER,
+  min: Number.MIN_SAFE_INTEGER,
+  step: 1
+};
+//# sourceMappingURL=NumberField.js.map

package/dist/cjs/NumberField/NumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/NumberField/NumberField.tsx"],"names":["toLocaleValue","value","locale","options","undefined","toLocaleString","NumberField","props","validationMessages","customValidations","style","className","label","onChange","defaultValue","name","disabled","propsValue","readOnly","bottomGutter","helperText","invalid","others","LocaleContext","ref","setValue","valueText","setValueText","toString","validation","type","setType","touched","touchedProps","handleFocus","onFocus","handleBlur","event","handleChange","currentTarget","Number","prev","isFocus","handleWheel","blur","required","valid","message","defaultProps","max","MAX_SAFE_INTEGER","min","MIN_SAFE_INTEGER","step"],"mappings":"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","sourcesContent":["import { FieldProps } from \"../TextField\"\nimport { FormControl } from \"../FormControl\"\nimport { FormHelperText, InputBottomGutterProps } from \"../FormHelperText\"\nimport { InputBase, InputBaseProps } from \"../InputBase\"\nimport { InputLabel } from \"../InputLabel\"\nimport { LocaleContext } from \"../LocaleProvider\"\nimport { NumberFormatOptions } from \"./NumberFormatOptions\"\nimport { useDitectInputTouched } from \"../TextField/useDitectInputTouched\"\nimport { useValidation } from \"../TextField/useValidation\"\nimport React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\"\n\nexport interface NumberFieldProps\n    extends FieldProps<number>,\n        Omit<InputBaseProps, \"defaultValue\" | \"value\" | \"onChange\">,\n        InputBottomGutterProps {\n    /**\n     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat\n     */\n    options?: NumberFormatOptions\n    type?: never\n    children?: never\n    /**\n     * 入力が受け付ける最大値を指定します。\n     *\n     * @default Number.MAX_SAFE_INTEGER\n     */\n    max?: number\n    /**\n     * 入力が受け付ける最小値を指定します。\n     *\n     * @default Number.MIN_SAFE_INTEGER\n     */\n    min?: number\n}\n\nconst toLocaleValue = (value?: number, locale?: string, options?: NumberFormatOptions): string | undefined => {\n    return value === undefined ? \"\" : value.toLocaleString(locale, options)\n}\n/**\n *\n * ## コントロール状態とアンコントロール状態における差異\n *\n * コントロール状態つまり`onChange`が指定されている場合は、Input要素の入力値は数値以外の値を持ちません。\n * 一方、アンコントロール状態では、Input要素の入力値は空文字を許容します。\n */\nexport const NumberField: React.FC<Readonly<NumberFieldProps>> = (props) => {\n    const {\n        validationMessages,\n        customValidations,\n        style,\n        className,\n        label,\n        options,\n        onChange,\n        defaultValue,\n        name,\n        disabled,\n        value: propsValue,\n        readOnly,\n        bottomGutter,\n        helperText,\n        invalid,\n        ...others\n    } = props\n    const locale = useContext(LocaleContext)\n    const ref = useRef<HTMLInputElement>(null)\n    /**\n     * NumberFieldではFocus時とBlur時に値を変更するため、input要素本来のdefaultValueを用いることが出来ません。\n     */\n    const [value, setValue] = useState(propsValue || defaultValue)\n    const [valueText, setValueText] = useState(value?.toString())\n    const validation = useValidation<typeof value>({\n        ref,\n        validationMessages,\n        customValidations,\n        value\n    })\n\n    /**\n     * Switch type by focus event\n     */\n    const [type, setType] = useState<\"number\" | \"text\">(\"text\")\n\n    const [touched, touchedProps] = useDitectInputTouched()\n    const handleFocus = useCallback(() => {\n        setType(\"number\")\n        if (touchedProps.onFocus) {\n            touchedProps.onFocus()\n        }\n    }, [touchedProps])\n    const handleBlur = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            setType(\"text\")\n            if (onChange) {\n                onChange(value || 0, event)\n            }\n        },\n        [onChange, value]\n    )\n\n    const handleChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n        const { value } = event.currentTarget\n        setValueText(value)\n        setValue(value ? Number(value) : 0)\n    }, [])\n\n    useEffect(() => {\n        if (propsValue !== undefined) {\n            setValue((prev) => (prev === propsValue ? prev : propsValue))\n        }\n    }, [propsValue])\n\n    const isFocus = useMemo(() => type === \"number\", [type])\n\n    const handleWheel: React.WheelEventHandler<HTMLInputElement> = useCallback((event) => {\n        event.currentTarget.blur()\n    }, [])\n\n    return (\n        <FormControl style={style} className={className}>\n            <InputLabel aria-disabled={disabled} required={props.required}>\n                {label}\n            </InputLabel>\n            <InputBase\n                data-touched={touched}\n                disabled={disabled}\n                ref={ref}\n                type={type}\n                value={isFocus ? valueText : toLocaleValue(value, locale, options)}\n                onChange={handleChange}\n                onFocus={readOnly ? undefined : handleFocus}\n                onBlur={readOnly ? undefined : handleBlur}\n                onWheel={handleWheel}\n                readOnly={readOnly}\n                name={isFocus ? name : undefined}\n                data-invalid={!validation.valid}\n                {...others}\n            />\n            <input type=\"hidden\" name={isFocus ? undefined : name} value={valueText} />\n            {touched && validation.message ? (\n                <FormHelperText bottomGutter={bottomGutter} invalid={!validation.valid}>\n                    {validation.message}\n                </FormHelperText>\n            ) : (\n                <FormHelperText bottomGutter={bottomGutter} invalid={invalid}>\n                    {typeof helperText === \"function\" ? helperText({ value }) : helperText}\n                </FormHelperText>\n            )}\n        </FormControl>\n    )\n}\n\nNumberField.defaultProps = {\n    max: Number.MAX_SAFE_INTEGER,\n    min: Number.MIN_SAFE_INTEGER,\n    step: 1\n}\n"],"file":"NumberField.js"}

package/dist/cjs/NumberField/NumberFormatOptions.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=NumberFormatOptions.js.map

package/dist/cjs/NumberField/NumberFormatOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"NumberFormatOptions.js"}

package/dist/cjs/NumberField/index.js

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

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

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

package/dist/cjs/NumericTextField/index.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NumericTextField = void 0;
+
+var _FormControl = require("../FormControl");
+
+var _FormHelperText = require("../FormHelperText");
+
+var _InputBase = require("../InputBase");
+
+var _InputLabel = require("../InputLabel");
+
+var _useDitectInputTouched = require("../TextField/useDitectInputTouched");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _useValidation = require("../TextField/useValidation");
+
+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; }
+
+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 toNumericText = value => {
+  return value ? value.replace(/[^0-9.]/gi, "") : undefined;
+};
+
+const NumericTextField = /*#__PURE__*/_react.default.forwardRef(({
+  label,
+  style,
+  className,
+  onChange,
+  disabled,
+  validationMessages,
+  customValidations,
+  type = "text",
+  bottomGutter,
+  defaultValue: defaultValueProp,
+  value: valueProp,
+  helperText,
+  invalid,
+  ...props
+}, rootRef) => {
+  const ref = (0, _react.useRef)(null);
+  const [value, setValue] = (0, _react.useState)(toNumericText(valueProp || defaultValueProp));
+  const validation = (0, _useValidation.useValidation)({
+    ref,
+    validationMessages,
+    customValidations,
+    value
+  });
+  const handleChange = (0, _react.useCallback)(event => {
+    const {
+      value
+    } = event.currentTarget;
+    const numericValue = toNumericText(value);
+    setValue(numericValue);
+
+    if (onChange) {
+      onChange(numericValue || "", event);
+    }
+  }, [onChange]);
+  const [touched, inputProps] = (0, _useDitectInputTouched.useDitectInputTouched)();
+  (0, _react.useEffect)(() => {
+    if (valueProp !== undefined) {
+      setValue(prev => prev === valueProp ? prev : valueProp);
+    }
+  }, [valueProp]);
+  return (0, _react2.jsx)(_FormControl.FormControl, {
+    style: style,
+    className: className,
+    ref: rootRef
+  }, (0, _react2.jsx)(_InputLabel.InputLabel, {
+    "aria-disabled": disabled,
+    required: props.required
+  }, label), (0, _react2.jsx)(_InputBase.InputBase, _extends({}, props, {
+    disabled: disabled,
+    type: type,
+    onChange: handleChange,
+    inputMode: "numeric",
+    "data-invalid": !validation.valid,
+    pattern: "\\d*?.\\d*$",
+    ref: ref
+  }, inputProps, {
+    value: value
+  })), touched && validation.message ? (0, _react2.jsx)(_FormHelperText.FormHelperText, {
+    bottomGutter: bottomGutter,
+    invalid: !validation.valid
+  }, validation.message) : (0, _react2.jsx)(_FormHelperText.FormHelperText, {
+    bottomGutter: bottomGutter,
+    invalid: invalid
+  }, typeof helperText === "function" ? helperText({
+    value
+  }) : helperText));
+});
+
+exports.NumericTextField = NumericTextField;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/NumericTextField/index.tsx"],"names":["toNumericText","value","replace","undefined","NumericTextField","React","forwardRef","label","style","className","onChange","disabled","validationMessages","customValidations","type","bottomGutter","defaultValue","defaultValueProp","valueProp","helperText","invalid","props","rootRef","ref","setValue","validation","handleChange","event","currentTarget","numericValue","touched","inputProps","prev","required","valid","message"],"mappings":"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","sourcesContent":["import { FieldProps } from \"../TextField\"\nimport { FormControl } from \"../FormControl\"\nimport { FormHelperText, InputBottomGutterProps } from \"../FormHelperText\"\nimport { InputBase, InputBaseProps } from \"../InputBase\"\nimport { InputLabel } from \"../InputLabel\"\nimport { useDitectInputTouched } from \"../TextField/useDitectInputTouched\"\nimport { useEffect } from \"react\"\nimport { useValidation } from \"../TextField/useValidation\"\nimport React, { useCallback, useRef, useState } from \"react\"\n\nexport interface NumericTextFieldProps\n    extends FieldProps<string>,\n        Omit<InputBaseProps, \"value\" | \"onChange\" | \"defaultValue\">,\n        InputBottomGutterProps {}\n\nconst toNumericText = (value?: string) => {\n    return value ? value.replace(/[^0-9.]/gi, \"\") : undefined\n}\n\nexport const NumericTextField = React.forwardRef<HTMLDivElement, NumericTextFieldProps>(\n    (\n        {\n            label,\n            style,\n            className,\n            onChange,\n            disabled,\n            validationMessages,\n            customValidations,\n            type = \"text\",\n            bottomGutter,\n            defaultValue: defaultValueProp,\n            value: valueProp,\n            helperText,\n            invalid,\n            ...props\n        },\n        rootRef\n    ) => {\n        const ref = useRef<HTMLInputElement>(null)\n        const [value, setValue] = useState(toNumericText(valueProp || defaultValueProp))\n        const validation = useValidation({\n            ref,\n            validationMessages,\n            customValidations,\n            value\n        })\n        const handleChange = useCallback(\n            (event: React.ChangeEvent<HTMLInputElement>) => {\n                const { value } = event.currentTarget\n                const numericValue = toNumericText(value)\n                setValue(numericValue)\n                if (onChange) {\n                    onChange(numericValue || \"\", event)\n                }\n            },\n            [onChange]\n        )\n        const [touched, inputProps] = useDitectInputTouched()\n        useEffect(() => {\n            if (valueProp !== undefined) {\n                setValue((prev) => (prev === valueProp ? prev : valueProp))\n            }\n        }, [valueProp])\n        return (\n            <FormControl style={style} className={className} ref={rootRef}>\n                <InputLabel aria-disabled={disabled} required={props.required}>\n                    {label}\n                </InputLabel>\n                <InputBase\n                    {...props}\n                    disabled={disabled}\n                    type={type}\n                    onChange={handleChange}\n                    inputMode=\"numeric\"\n                    data-invalid={!validation.valid}\n                    pattern=\"\\d*?.\\d*$\"\n                    ref={ref}\n                    {...inputProps}\n                    value={value}\n                />\n                {touched && validation.message ? (\n                    <FormHelperText bottomGutter={bottomGutter} invalid={!validation.valid}>\n                        {validation.message}\n                    </FormHelperText>\n                ) : (\n                    <FormHelperText bottomGutter={bottomGutter} invalid={invalid}>\n                        {typeof helperText === \"function\" ? helperText({ value }) : helperText}\n                    </FormHelperText>\n                )}\n            </FormControl>\n        )\n    }\n)\n"],"file":"index.js"}