@dfds-ui/react-components 2.2.0-alpha.9edc847c → 2.2.0-alpha.a1ae8508

package/cjs/common/miniMoize.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.miniMoize = miniMoize;
+// memoization function inspired by moize. Can only remember last value
+function miniMoize(fn) {
+  let cache = null;
+  let cacheArgs = null;
+  function wrapper() {
+    if (cacheArgs && eq(arguments)) {
+      return cache;
+    }
+    cache = fn(...arguments);
+    cacheArgs = arguments;
+    return cache;
+  }
+  function eq(arg) {
+    if (arg.length !== cacheArgs.length) {
+      return false;
+    }
+    for (let i = 0; i < arg.length; i++) {
+      if (arg[i] !== cacheArgs[i]) {
+        return false;
+      }
+    }
+    return true;
+  }
+  return wrapper;
+}

package/cjs/common/polymorphic.d.ts

@@ -0,0 +1,25 @@
+import React, { ComponentType, ElementType } from 'react';
+export type RenderContainerProps<T> = {
+    renderContainer: (props: T) => React.JSX.Element;
+};
+export type PolymorphicComponentProps = {
+    /**
+     * HTML tag or custom component being rendered.
+     */
+    as?: ElementType;
+};
+/**
+ * Given a PolymorphicComponent and a desired RenderComponent this function will returns are new component where the
+ * polymorphic prop will point to the provided `RenderComponent`.
+ *
+ * @example
+ * import { Link } from `gatsby`;
+ * import { AppBarItem, withRenderAs } from `@dfds-ui/react-components`;
+ *
+ * const AppBarLink = withRenderAs(AppBarItem, Link);
+ *
+ * const Example = () => {
+ *   return <AppBarLink id="1" title="example" to="/example">Example</AppBarLink>;
+ * }
+ */
+export declare function withRenderAs<PCProps extends PolymorphicComponentProps, RCProps>(PolymorphicComponent: ComponentType<PCProps>, RenderComponent: ComponentType<RCProps>): ({ ...props }: Omit<PCProps, keyof PolymorphicComponentProps> & RCProps) => React.JSX.Element;

package/cjs/common/polymorphic.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withRenderAs = withRenderAs;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// TODO: Move this to future core package
+
+// TODO: Consider changing to this pattern:
+// https://blog.andrewbran.ch/polymorphic-react-components/
+
+// https://github.com/kripod/react-polymorphic-box
+
+/**
+ * Given a PolymorphicComponent and a desired RenderComponent this function will returns are new component where the
+ * polymorphic prop will point to the provided `RenderComponent`.
+ *
+ * @example
+ * import { Link } from `gatsby`;
+ * import { AppBarItem, withRenderAs } from `@dfds-ui/react-components`;
+ *
+ * const AppBarLink = withRenderAs(AppBarItem, Link);
+ *
+ * const Example = () => {
+ *   return <AppBarLink id="1" title="example" to="/example">Example</AppBarLink>;
+ * }
+ */
+function withRenderAs(PolymorphicComponent, RenderComponent) {
+  const Component = ({
+    ...props
+  }) => {
+    return (0, _jsxRuntime.jsx)(PolymorphicComponent, {
+      as: RenderComponent,
+      ...props
+    });
+  };
+  return Component;
+}

package/cjs/common/use-media.d.ts

@@ -0,0 +1 @@
+export default function useMedia(queries: any, values: any, defaultValue: any): any;

package/cjs/common/use-media.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useMedia;
+var _react = require("react");
+// from https://github.com/gragland/usehooks
+
+function useMedia(queries, values, defaultValue) {
+  // Array containing a media query list for each query
+  const mediaQueryLists = typeof window !== 'undefined' ? queries.map(q => window.matchMedia(q)) : [];
+
+  // Function that gets value based on matching media query
+  const getValue = () => {
+    // Get index of first media query that matches
+    const index = mediaQueryLists.findIndex(mql => mql.matches);
+    // Return related value or defaultValue if none
+    return typeof values[index] !== 'undefined' ? values[index] : defaultValue;
+  };
+
+  // State and setter for matched value
+  const [value, setValue] = (0, _react.useState)(getValue);
+  (0, _react.useEffect)(() => {
+    // Event listener callback
+    // Note: By defining getValue outside of useEffect we ensure that it has ...
+    // ... current values of hook args (as this hook only runs on mount/dismount).
+    const handler = () => setValue(getValue);
+    // Set a listener for each media query with above handler as callback.
+    mediaQueryLists.forEach(mql => mql.addListener(handler));
+    // Remove listeners on cleanup
+    return () => mediaQueryLists.forEach(mql => mql.removeListener(handler));
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
+  }, []); // Empty array ensures effect is only run on mount and unmount
+
+  return value;
+}

package/cjs/common/useOnClickOutside.d.ts

@@ -0,0 +1,3 @@
+type Handler = (...args: any[]) => void;
+export default function useOnClickOutside(ref: React.RefObject<HTMLElement | null>, handler: Handler | null): void;
+export {};

package/cjs/common/useOnClickOutside.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useOnClickOutside;
+var _react = require("react");
+/* eslint-disable @eslint-react/exhaustive-deps */
+/* eslint-disable @eslint-react/rules-of-hooks */
+
+const MOUSEDOWN = 'mousedown';
+const TOUCHSTART = 'touchstart';
+const events = [MOUSEDOWN, TOUCHSTART];
+function useOnClickOutside(ref, handler) {
+  const isBrowser = typeof document !== 'undefined';
+  if (!isBrowser) {
+    return;
+  }
+  const handlerRef = useLatest(handler);
+  (0, _react.useEffect)(() => {
+    if (!handler) {
+      return;
+    }
+    const listener = event => {
+      if (!ref.current || !handlerRef.current || ref.current.contains(event.target)) {
+        return;
+      }
+      handlerRef.current(event);
+    };
+    events.forEach(event => {
+      document.addEventListener(event, listener);
+    });
+    return () => {
+      events.forEach(event => {
+        document.removeEventListener(event, listener);
+      });
+    };
+  }, [!handler]);
+}
+function useLatest(value) {
+  const ref = (0, _react.useRef)(value);
+  (0, _react.useEffect)(() => {
+    ref.current = value;
+  });
+  return ref;
+}

package/cjs/common/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function ie11MinHeightFix(minHeight?: string): import("@emotion/utils").SerializedStyles | undefined;
+export declare function onlyIE(strings: TemplateStringsArray, ...args: any): import("@emotion/utils").SerializedStyles;
+export declare function onlyChrome(strings: TemplateStringsArray, ...args: any): import("@emotion/utils").SerializedStyles;

package/cjs/common/utils.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ie11MinHeightFix = ie11MinHeightFix;
+exports.onlyChrome = onlyChrome;
+exports.onlyIE = onlyIE;
+var _react = require("@emotion/react");
+function ie11MinHeightFix(minHeight) {
+  if (typeof minHeight === 'undefined') {
+    return undefined;
+  }
+  return /*#__PURE__*/(0, _react.css)(onlyIE`
+      &:before {
+        content: '';
+        height: ${minHeight};
+      }`, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ie11MinHeightFix;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTVkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbW1vbi91dGlscy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgZnVuY3Rpb24gaWUxMU1pbkhlaWdodEZpeChtaW5IZWlnaHQ/OiBzdHJpbmcpIHtcbiAgaWYgKHR5cGVvZiBtaW5IZWlnaHQgPT09ICd1bmRlZmluZWQnKSB7XG4gICAgcmV0dXJuIHVuZGVmaW5lZFxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgLyogRml4IElFMTEgbWluLWhlaWdodCBhbGlnbi1pdGVtcyBmbGV4Ym94IGJ1ZyAqL1xuICAgICR7b25seUlFYFxuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgaGVpZ2h0OiAke21pbkhlaWdodH07XG4gICAgICB9YH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUlFKHN0cmluZ3M6IFRlbXBsYXRlU3RyaW5nc0FycmF5LCAuLi5hcmdzOiBhbnkpIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAbWVkaWEgYWxsIGFuZCAoLW1zLWhpZ2gtY29udHJhc3Q6IG5vbmUpLCAoLW1zLWhpZ2gtY29udHJhc3Q6IGFjdGl2ZSkge1xuICAgICAgJHtjc3Moc3RyaW5ncywgLi4uYXJncyl9XG4gICAgfVxuICBgXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBvbmx5Q2hyb21lKHN0cmluZ3M6IFRlbXBsYXRlU3RyaW5nc0FycmF5LCAuLi5hcmdzOiBhbnkpIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAc3VwcG9ydHMgKC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZSkgYW5kIChub3QgKG92ZXJmbG93OiAtd2Via2l0LW1hcnF1ZWUpKSBhbmQgKG5vdCAoLW1zLWltZS1hbGlnbjogYXV0bykpIGFuZFxuICAgICAgKG5vdCAoLW1vei1hcHBlYXJhbmNlOiBub25lKSkge1xuICAgICAgJHtjc3Moc3RyaW5ncywgLi4uYXJncyl9XG4gICAgfVxuICBgXG59XG4iXX0= */");
+}
+function onlyIE(strings, ...args) {
+  return /*#__PURE__*/(0, _react.css)("@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){", /*#__PURE__*/(0, _react.css)(strings, ...args), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:onlyIE;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIGllMTFNaW5IZWlnaHRGaXgobWluSGVpZ2h0Pzogc3RyaW5nKSB7XG4gIGlmICh0eXBlb2YgbWluSGVpZ2h0ID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIC8qIEZpeCBJRTExIG1pbi1oZWlnaHQgYWxpZ24taXRlbXMgZmxleGJveCBidWcgKi9cbiAgICAke29ubHlJRWBcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGhlaWdodDogJHttaW5IZWlnaHR9O1xuICAgICAgfWB9XG4gIGBcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG9ubHlJRShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIGFsbCBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBub25lKSwgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUNocm9tZShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQHN1cHBvcnRzICgtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUpIGFuZCAobm90IChvdmVyZmxvdzogLXdlYmtpdC1tYXJxdWVlKSkgYW5kIChub3QgKC1tcy1pbWUtYWxpZ246IGF1dG8pKSBhbmRcbiAgICAgIChub3QgKC1tb3otYXBwZWFyYW5jZTogbm9uZSkpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuIl19 */");
+}
+function onlyChrome(strings, ...args) {
+  return /*#__PURE__*/(0, _react.css)("@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)){", /*#__PURE__*/(0, _react.css)(strings, ...args), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:onlyChrome;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIGllMTFNaW5IZWlnaHRGaXgobWluSGVpZ2h0Pzogc3RyaW5nKSB7XG4gIGlmICh0eXBlb2YgbWluSGVpZ2h0ID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIC8qIEZpeCBJRTExIG1pbi1oZWlnaHQgYWxpZ24taXRlbXMgZmxleGJveCBidWcgKi9cbiAgICAke29ubHlJRWBcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGhlaWdodDogJHttaW5IZWlnaHR9O1xuICAgICAgfWB9XG4gIGBcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG9ubHlJRShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIGFsbCBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBub25lKSwgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUNocm9tZShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQHN1cHBvcnRzICgtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUpIGFuZCAobm90IChvdmVyZmxvdzogLXdlYmtpdC1tYXJxdWVlKSkgYW5kIChub3QgKC1tcy1pbWUtYWxpZ246IGF1dG8pKSBhbmRcbiAgICAgIChub3QgKC1tb3otYXBwZWFyYW5jZTogbm9uZSkpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuIl19 */");
+}

package/cjs/counter/Counter.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from 'react';
+export type CounterProps = {
+    label?: ReactNode | string;
+    /**
+     * Minimum value
+     */
+    minVal: number;
+    /**
+     * Maximum value
+     */
+    maxVal: number;
+    disableMin?: boolean;
+    disableMax?: boolean;
+    /**
+     *Name of the input element
+     */
+    name?: string;
+    currentVal?: number;
+    initialVal?: number;
+    /**
+     *Callback when the value changes
+     */
+    executeOnChange?: (arg: number) => any;
+    ref?: React.Ref<HTMLInputElement>;
+};
+export declare const Counter: (props: CounterProps) => React.JSX.Element;
+export default Counter;

package/cjs/counter/Counter.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Counter = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireWildcard(require("react"));
+var _system = require("@dfds-ui/icons/system");
+var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const StyledCounter = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eef4fs64"
+} : {
+  target: "eef4fs64",
+  label: "StyledCounter"
+})(process.env.NODE_ENV === "production" ? {
+  name: "vnpef9",
+  styles: "align-items:center;display:inline-flex;padding:15px 0;margin:0;svg{fill:#68b2e3;color:#68b2e3;}"
+} : {
+  name: "vnpef9",
+  styles: "align-items:center;display:inline-flex;padding:15px 0;margin:0;svg{fill:#68b2e3;color:#68b2e3;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCZ0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxuICByZWY/OiBSZWFjdC5SZWY8SFRNTElucHV0RWxlbWVudD5cbn1cblxuY29uc3QgU3R5bGVkQ291bnRlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAxNXB4IDA7XG4gIG1hcmdpbjogMDtcblxuICBzdmcge1xuICAgIGZpbGw6ICM2OGIyZTM7XG4gICAgY29sb3I6ICM2OGIyZTM7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAyNXB4O1xuICBoZWlnaHQ6IDI1cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5gXG5cbmNvbnN0IExhYmVsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IDIwcHg7XG4gIG1hcmdpbi1yaWdodDogMjBweDtcbmBcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGJvcmRlcjogMXB4IHNvbGlkICNkOGRhZDk7XG4gIHdpZHRoOiA0MHB4O1xuICBoZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbjogMCAxMHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGFwcGVhcmFuY2U6IHRleHRmaWVsZCAhaW1wb3J0YW50O1xuXG4gICY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sXG4gICY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24ge1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gXG5cbmNvbnN0IEljb25Ub2dnbGVyID0gc3R5bGVkLmRpdjx7IGRpc2FibGU/OiBib29sZWFuIH0+YFxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZSAmJlxuICAgIGNzc2BcbiAgICAgIG9wYWNpdHk6IDAuMztcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXIgPSAocHJvcHM6IENvdW50ZXJQcm9wcykgPT4ge1xuICBjb25zdCBzdGFydFZhbHVlID0gcHJvcHMuaW5pdGlhbFZhbCA/PyBwcm9wcy5taW5WYWxcbiAgY29uc3QgW2NvdW50ZXJWYWx1ZSwgc2V0Q291bnRlclZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLmN1cnJlbnRWYWwgPz8gc3RhcnRWYWx1ZSlcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ291bnRlcj5cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNaW4gJiYgY291bnRlclZhbHVlIC0gMSA+PSBwcm9wcy5taW5WYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlIC0gMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWluIHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWluVmFsfT5cbiAgICAgICAgICA8TnVtYmVyRG93biB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgLz5cbiAgICAgICAgPC9JY29uVG9nZ2xlcj5cbiAgICAgIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgIHtwcm9wcy5sYWJlbCA/IChcbiAgICAgICAgPExhYmVsQ29udGFpbmVyPntwcm9wcy5sYWJlbH08L0xhYmVsQ29udGFpbmVyPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgcmVmPXtwcm9wcy5yZWZ9XG4gICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZSA/PyAnY291bnRlcid9XG4gICAgICAgICAgdmFsdWU9e2NvdW50ZXJWYWx1ZX1cbiAgICAgICAgICBvbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgIGlmIChwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApIDw9IHByb3BzLm1heFZhbCAmJiBwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUocGFyc2VJbnQoZS50YXJnZXQudmFsdWUsIDEwKSlcbiAgICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKCFwcm9wcy5kaXNhYmxlTWF4ICYmIGNvdW50ZXJWYWx1ZSArIDEgPD0gcHJvcHMubWF4VmFsKSB7XG4gICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIGlmIChwcm9wcy5leGVjdXRlT25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKGNvdW50ZXJWYWx1ZSArIDEpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8SWNvblRvZ2dsZXIgZGlzYWJsZT17cHJvcHMuZGlzYWJsZU1heCB8fCBjb3VudGVyVmFsdWUgPT09IHByb3BzLm1heFZhbH0+XG4gICAgICAgICAgPE51bWJlclVwIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ291bnRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledIconContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eef4fs63"
+} : {
+  target: "eef4fs63",
+  label: "StyledIconContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "19lovq7",
+  styles: "width:25px;height:25px;cursor:pointer;user-select:none"
+} : {
+  name: "19lovq7",
+  styles: "width:25px;height:25px;cursor:pointer;user-select:none/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDc0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxuICByZWY/OiBSZWFjdC5SZWY8SFRNTElucHV0RWxlbWVudD5cbn1cblxuY29uc3QgU3R5bGVkQ291bnRlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAxNXB4IDA7XG4gIG1hcmdpbjogMDtcblxuICBzdmcge1xuICAgIGZpbGw6ICM2OGIyZTM7XG4gICAgY29sb3I6ICM2OGIyZTM7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAyNXB4O1xuICBoZWlnaHQ6IDI1cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5gXG5cbmNvbnN0IExhYmVsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IDIwcHg7XG4gIG1hcmdpbi1yaWdodDogMjBweDtcbmBcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGJvcmRlcjogMXB4IHNvbGlkICNkOGRhZDk7XG4gIHdpZHRoOiA0MHB4O1xuICBoZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbjogMCAxMHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGFwcGVhcmFuY2U6IHRleHRmaWVsZCAhaW1wb3J0YW50O1xuXG4gICY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sXG4gICY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24ge1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gXG5cbmNvbnN0IEljb25Ub2dnbGVyID0gc3R5bGVkLmRpdjx7IGRpc2FibGU/OiBib29sZWFuIH0+YFxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZSAmJlxuICAgIGNzc2BcbiAgICAgIG9wYWNpdHk6IDAuMztcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXIgPSAocHJvcHM6IENvdW50ZXJQcm9wcykgPT4ge1xuICBjb25zdCBzdGFydFZhbHVlID0gcHJvcHMuaW5pdGlhbFZhbCA/PyBwcm9wcy5taW5WYWxcbiAgY29uc3QgW2NvdW50ZXJWYWx1ZSwgc2V0Q291bnRlclZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLmN1cnJlbnRWYWwgPz8gc3RhcnRWYWx1ZSlcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ291bnRlcj5cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNaW4gJiYgY291bnRlclZhbHVlIC0gMSA+PSBwcm9wcy5taW5WYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlIC0gMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWluIHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWluVmFsfT5cbiAgICAgICAgICA8TnVtYmVyRG93biB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgLz5cbiAgICAgICAgPC9JY29uVG9nZ2xlcj5cbiAgICAgIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgIHtwcm9wcy5sYWJlbCA/IChcbiAgICAgICAgPExhYmVsQ29udGFpbmVyPntwcm9wcy5sYWJlbH08L0xhYmVsQ29udGFpbmVyPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgcmVmPXtwcm9wcy5yZWZ9XG4gICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZSA/PyAnY291bnRlcid9XG4gICAgICAgICAgdmFsdWU9e2NvdW50ZXJWYWx1ZX1cbiAgICAgICAgICBvbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgIGlmIChwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApIDw9IHByb3BzLm1heFZhbCAmJiBwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUocGFyc2VJbnQoZS50YXJnZXQudmFsdWUsIDEwKSlcbiAgICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKCFwcm9wcy5kaXNhYmxlTWF4ICYmIGNvdW50ZXJWYWx1ZSArIDEgPD0gcHJvcHMubWF4VmFsKSB7XG4gICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIGlmIChwcm9wcy5leGVjdXRlT25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKGNvdW50ZXJWYWx1ZSArIDEpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8SWNvblRvZ2dsZXIgZGlzYWJsZT17cHJvcHMuZGlzYWJsZU1heCB8fCBjb3VudGVyVmFsdWUgPT09IHByb3BzLm1heFZhbH0+XG4gICAgICAgICAgPE51bWJlclVwIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ291bnRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const LabelContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eef4fs62"
+} : {
+  target: "eef4fs62",
+  label: "LabelContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "knu4ba",
+  styles: "margin-left:20px;margin-right:20px"
+} : {
+  name: "knu4ba",
+  styles: "margin-left:20px;margin-right:20px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxuICByZWY/OiBSZWFjdC5SZWY8SFRNTElucHV0RWxlbWVudD5cbn1cblxuY29uc3QgU3R5bGVkQ291bnRlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAxNXB4IDA7XG4gIG1hcmdpbjogMDtcblxuICBzdmcge1xuICAgIGZpbGw6ICM2OGIyZTM7XG4gICAgY29sb3I6ICM2OGIyZTM7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAyNXB4O1xuICBoZWlnaHQ6IDI1cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5gXG5cbmNvbnN0IExhYmVsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IDIwcHg7XG4gIG1hcmdpbi1yaWdodDogMjBweDtcbmBcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGJvcmRlcjogMXB4IHNvbGlkICNkOGRhZDk7XG4gIHdpZHRoOiA0MHB4O1xuICBoZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbjogMCAxMHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGFwcGVhcmFuY2U6IHRleHRmaWVsZCAhaW1wb3J0YW50O1xuXG4gICY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sXG4gICY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24ge1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gXG5cbmNvbnN0IEljb25Ub2dnbGVyID0gc3R5bGVkLmRpdjx7IGRpc2FibGU/OiBib29sZWFuIH0+YFxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZSAmJlxuICAgIGNzc2BcbiAgICAgIG9wYWNpdHk6IDAuMztcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXIgPSAocHJvcHM6IENvdW50ZXJQcm9wcykgPT4ge1xuICBjb25zdCBzdGFydFZhbHVlID0gcHJvcHMuaW5pdGlhbFZhbCA/PyBwcm9wcy5taW5WYWxcbiAgY29uc3QgW2NvdW50ZXJWYWx1ZSwgc2V0Q291bnRlclZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLmN1cnJlbnRWYWwgPz8gc3RhcnRWYWx1ZSlcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ291bnRlcj5cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNaW4gJiYgY291bnRlclZhbHVlIC0gMSA+PSBwcm9wcy5taW5WYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlIC0gMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWluIHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWluVmFsfT5cbiAgICAgICAgICA8TnVtYmVyRG93biB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgLz5cbiAgICAgICAgPC9JY29uVG9nZ2xlcj5cbiAgICAgIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgIHtwcm9wcy5sYWJlbCA/IChcbiAgICAgICAgPExhYmVsQ29udGFpbmVyPntwcm9wcy5sYWJlbH08L0xhYmVsQ29udGFpbmVyPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgcmVmPXtwcm9wcy5yZWZ9XG4gICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZSA/PyAnY291bnRlcid9XG4gICAgICAgICAgdmFsdWU9e2NvdW50ZXJWYWx1ZX1cbiAgICAgICAgICBvbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgIGlmIChwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApIDw9IHByb3BzLm1heFZhbCAmJiBwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUocGFyc2VJbnQoZS50YXJnZXQudmFsdWUsIDEwKSlcbiAgICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKCFwcm9wcy5kaXNhYmxlTWF4ICYmIGNvdW50ZXJWYWx1ZSArIDEgPD0gcHJvcHMubWF4VmFsKSB7XG4gICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIGlmIChwcm9wcy5leGVjdXRlT25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKGNvdW50ZXJWYWx1ZSArIDEpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8SWNvblRvZ2dsZXIgZGlzYWJsZT17cHJvcHMuZGlzYWJsZU1heCB8fCBjb3VudGVyVmFsdWUgPT09IHByb3BzLm1heFZhbH0+XG4gICAgICAgICAgPE51bWJlclVwIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ291bnRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledInput = /*#__PURE__*/(0, _base.default)("input", process.env.NODE_ENV === "production" ? {
+  target: "eef4fs61"
+} : {
+  target: "eef4fs61",
+  label: "StyledInput"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ddcdjt",
+  styles: "border:1px solid #d8dad9;width:40px;height:40px;margin:0 10px;text-align:center;appearance:textfield!important;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{appearance:none;margin:0;}"
+} : {
+  name: "ddcdjt",
+  styles: "border:1px solid #d8dad9;width:40px;height:40px;margin:0 10px;text-align:center;appearance:textfield!important;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{appearance:none;margin:0;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEZ0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxuICByZWY/OiBSZWFjdC5SZWY8SFRNTElucHV0RWxlbWVudD5cbn1cblxuY29uc3QgU3R5bGVkQ291bnRlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAxNXB4IDA7XG4gIG1hcmdpbjogMDtcblxuICBzdmcge1xuICAgIGZpbGw6ICM2OGIyZTM7XG4gICAgY29sb3I6ICM2OGIyZTM7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAyNXB4O1xuICBoZWlnaHQ6IDI1cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5gXG5cbmNvbnN0IExhYmVsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IDIwcHg7XG4gIG1hcmdpbi1yaWdodDogMjBweDtcbmBcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGJvcmRlcjogMXB4IHNvbGlkICNkOGRhZDk7XG4gIHdpZHRoOiA0MHB4O1xuICBoZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbjogMCAxMHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGFwcGVhcmFuY2U6IHRleHRmaWVsZCAhaW1wb3J0YW50O1xuXG4gICY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sXG4gICY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24ge1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gXG5cbmNvbnN0IEljb25Ub2dnbGVyID0gc3R5bGVkLmRpdjx7IGRpc2FibGU/OiBib29sZWFuIH0+YFxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZSAmJlxuICAgIGNzc2BcbiAgICAgIG9wYWNpdHk6IDAuMztcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXIgPSAocHJvcHM6IENvdW50ZXJQcm9wcykgPT4ge1xuICBjb25zdCBzdGFydFZhbHVlID0gcHJvcHMuaW5pdGlhbFZhbCA/PyBwcm9wcy5taW5WYWxcbiAgY29uc3QgW2NvdW50ZXJWYWx1ZSwgc2V0Q291bnRlclZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLmN1cnJlbnRWYWwgPz8gc3RhcnRWYWx1ZSlcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ291bnRlcj5cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNaW4gJiYgY291bnRlclZhbHVlIC0gMSA+PSBwcm9wcy5taW5WYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlIC0gMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWluIHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWluVmFsfT5cbiAgICAgICAgICA8TnVtYmVyRG93biB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgLz5cbiAgICAgICAgPC9JY29uVG9nZ2xlcj5cbiAgICAgIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgIHtwcm9wcy5sYWJlbCA/IChcbiAgICAgICAgPExhYmVsQ29udGFpbmVyPntwcm9wcy5sYWJlbH08L0xhYmVsQ29udGFpbmVyPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgcmVmPXtwcm9wcy5yZWZ9XG4gICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZSA/PyAnY291bnRlcid9XG4gICAgICAgICAgdmFsdWU9e2NvdW50ZXJWYWx1ZX1cbiAgICAgICAgICBvbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgIGlmIChwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApIDw9IHByb3BzLm1heFZhbCAmJiBwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUocGFyc2VJbnQoZS50YXJnZXQudmFsdWUsIDEwKSlcbiAgICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKCFwcm9wcy5kaXNhYmxlTWF4ICYmIGNvdW50ZXJWYWx1ZSArIDEgPD0gcHJvcHMubWF4VmFsKSB7XG4gICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIGlmIChwcm9wcy5leGVjdXRlT25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKGNvdW50ZXJWYWx1ZSArIDEpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8SWNvblRvZ2dsZXIgZGlzYWJsZT17cHJvcHMuZGlzYWJsZU1heCB8fCBjb3VudGVyVmFsdWUgPT09IHByb3BzLm1heFZhbH0+XG4gICAgICAgICAgPE51bWJlclVwIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ291bnRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "19sqbed",
+  styles: "opacity:0.3"
+} : {
+  name: "903a59-IconToggler",
+  styles: "opacity:0.3;label:IconToggler;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlFTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY291bnRlci9Db3VudGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IE51bWJlckRvd24sIE51bWJlclVwIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCB0eXBlIENvdW50ZXJQcm9wcyA9IHtcbiAgbGFiZWw/OiBSZWFjdE5vZGUgfCBzdHJpbmdcbiAgLyoqXG4gICAqIE1pbmltdW0gdmFsdWVcbiAgICovXG4gIG1pblZhbDogbnVtYmVyXG4gIC8qKlxuICAgKiBNYXhpbXVtIHZhbHVlXG4gICAqL1xuICBtYXhWYWw6IG51bWJlclxuICBkaXNhYmxlTWluPzogYm9vbGVhblxuICBkaXNhYmxlTWF4PzogYm9vbGVhblxuXG4gIC8qKlxuICAgKk5hbWUgb2YgdGhlIGlucHV0IGVsZW1lbnRcbiAgICovXG4gIG5hbWU/OiBzdHJpbmdcbiAgY3VycmVudFZhbD86IG51bWJlclxuICBpbml0aWFsVmFsPzogbnVtYmVyXG4gIC8qKlxuICAgKkNhbGxiYWNrIHdoZW4gdGhlIHZhbHVlIGNoYW5nZXNcbiAgICovXG4gIGV4ZWN1dGVPbkNoYW5nZT86IChhcmc6IG51bWJlcikgPT4gYW55XG4gIHJlZj86IFJlYWN0LlJlZjxIVE1MSW5wdXRFbGVtZW50PlxufVxuXG5jb25zdCBTdHlsZWRDb3VudGVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHBhZGRpbmc6IDE1cHggMDtcbiAgbWFyZ2luOiAwO1xuXG4gIHN2ZyB7XG4gICAgZmlsbDogIzY4YjJlMztcbiAgICBjb2xvcjogIzY4YjJlMztcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDI1cHg7XG4gIGhlaWdodDogMjVweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbmBcblxuY29uc3QgTGFiZWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogMjBweDtcbiAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgYm9yZGVyOiAxcHggc29saWQgI2Q4ZGFkOTtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgbWFyZ2luOiAwIDEwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgYXBwZWFyYW5jZTogdGV4dGZpZWxkICFpbXBvcnRhbnQ7XG5cbiAgJjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbixcbiAgJjo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbiB7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBtYXJnaW46IDA7XG4gIH1cbmBcblxuY29uc3QgSWNvblRvZ2dsZXIgPSBzdHlsZWQuZGl2PHsgZGlzYWJsZT86IGJvb2xlYW4gfT5gXG4gICR7KHApID0+XG4gICAgcC5kaXNhYmxlICYmXG4gICAgY3NzYFxuICAgICAgb3BhY2l0eTogMC4zO1xuICAgIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgQ291bnRlciA9IChwcm9wczogQ291bnRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHN0YXJ0VmFsdWUgPSBwcm9wcy5pbml0aWFsVmFsID8/IHByb3BzLm1pblZhbFxuICBjb25zdCBbY291bnRlclZhbHVlLCBzZXRDb3VudGVyVmFsdWVdID0gdXNlU3RhdGUocHJvcHMuY3VycmVudFZhbCA/PyBzdGFydFZhbHVlKVxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb3VudGVyPlxuICAgICAgPFN0eWxlZEljb25Db250YWluZXJcbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGlmICghcHJvcHMuZGlzYWJsZU1pbiAmJiBjb3VudGVyVmFsdWUgLSAxID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgc2V0Q291bnRlclZhbHVlKGNvdW50ZXJWYWx1ZSAtIDEpXG4gICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEljb25Ub2dnbGVyIGRpc2FibGU9e3Byb3BzLmRpc2FibGVNaW4gfHwgY291bnRlclZhbHVlID09PSBwcm9wcy5taW5WYWx9PlxuICAgICAgICAgIDxOdW1iZXJEb3duIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAge3Byb3BzLmxhYmVsID8gKFxuICAgICAgICA8TGFiZWxDb250YWluZXI+e3Byb3BzLmxhYmVsfTwvTGFiZWxDb250YWluZXI+XG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICByZWY9e3Byb3BzLnJlZn1cbiAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICBuYW1lPXtwcm9wcy5uYW1lID8/ICdjb3VudGVyJ31cbiAgICAgICAgICB2YWx1ZT17Y291bnRlclZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4ge1xuICAgICAgICAgICAgaWYgKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPD0gcHJvcHMubWF4VmFsICYmIHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPj0gcHJvcHMubWluVmFsKSB7XG4gICAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNYXggJiYgY291bnRlclZhbHVlICsgMSA8PSBwcm9wcy5tYXhWYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgKyAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWF4IHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWF4VmFsfT5cbiAgICAgICAgICA8TnVtYmVyVXAgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIC8+XG4gICAgICAgIDwvSWNvblRvZ2dsZXI+XG4gICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgPC9TdHlsZWRDb3VudGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IENvdW50ZXJcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const IconToggler = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eef4fs60"
+} : {
+  target: "eef4fs60",
+  label: "IconToggler"
+})(p => p.disable && _ref, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNFcUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxuICByZWY/OiBSZWFjdC5SZWY8SFRNTElucHV0RWxlbWVudD5cbn1cblxuY29uc3QgU3R5bGVkQ291bnRlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAxNXB4IDA7XG4gIG1hcmdpbjogMDtcblxuICBzdmcge1xuICAgIGZpbGw6ICM2OGIyZTM7XG4gICAgY29sb3I6ICM2OGIyZTM7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAyNXB4O1xuICBoZWlnaHQ6IDI1cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5gXG5cbmNvbnN0IExhYmVsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IDIwcHg7XG4gIG1hcmdpbi1yaWdodDogMjBweDtcbmBcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGJvcmRlcjogMXB4IHNvbGlkICNkOGRhZDk7XG4gIHdpZHRoOiA0MHB4O1xuICBoZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbjogMCAxMHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGFwcGVhcmFuY2U6IHRleHRmaWVsZCAhaW1wb3J0YW50O1xuXG4gICY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sXG4gICY6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24ge1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gXG5cbmNvbnN0IEljb25Ub2dnbGVyID0gc3R5bGVkLmRpdjx7IGRpc2FibGU/OiBib29sZWFuIH0+YFxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZSAmJlxuICAgIGNzc2BcbiAgICAgIG9wYWNpdHk6IDAuMztcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXIgPSAocHJvcHM6IENvdW50ZXJQcm9wcykgPT4ge1xuICBjb25zdCBzdGFydFZhbHVlID0gcHJvcHMuaW5pdGlhbFZhbCA/PyBwcm9wcy5taW5WYWxcbiAgY29uc3QgW2NvdW50ZXJWYWx1ZSwgc2V0Q291bnRlclZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLmN1cnJlbnRWYWwgPz8gc3RhcnRWYWx1ZSlcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ291bnRlcj5cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNaW4gJiYgY291bnRlclZhbHVlIC0gMSA+PSBwcm9wcy5taW5WYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlIC0gMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWluIHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWluVmFsfT5cbiAgICAgICAgICA8TnVtYmVyRG93biB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgLz5cbiAgICAgICAgPC9JY29uVG9nZ2xlcj5cbiAgICAgIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgIHtwcm9wcy5sYWJlbCA/IChcbiAgICAgICAgPExhYmVsQ29udGFpbmVyPntwcm9wcy5sYWJlbH08L0xhYmVsQ29udGFpbmVyPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgcmVmPXtwcm9wcy5yZWZ9XG4gICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZSA/PyAnY291bnRlcid9XG4gICAgICAgICAgdmFsdWU9e2NvdW50ZXJWYWx1ZX1cbiAgICAgICAgICBvbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgIGlmIChwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApIDw9IHByb3BzLm1heFZhbCAmJiBwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUocGFyc2VJbnQoZS50YXJnZXQudmFsdWUsIDEwKSlcbiAgICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKCFwcm9wcy5kaXNhYmxlTWF4ICYmIGNvdW50ZXJWYWx1ZSArIDEgPD0gcHJvcHMubWF4VmFsKSB7XG4gICAgICAgICAgICBzZXRDb3VudGVyVmFsdWUoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIGlmIChwcm9wcy5leGVjdXRlT25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKGNvdW50ZXJWYWx1ZSArIDEpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8SWNvblRvZ2dsZXIgZGlzYWJsZT17cHJvcHMuZGlzYWJsZU1heCB8fCBjb3VudGVyVmFsdWUgPT09IHByb3BzLm1heFZhbH0+XG4gICAgICAgICAgPE51bWJlclVwIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ291bnRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */"));
+const Counter = props => {
+  const startValue = props.initialVal ?? props.minVal;
+  const [counterValue, setCounterValue] = (0, _react.useState)(props.currentVal ?? startValue);
+  return (0, _jsxRuntime.jsxs)(StyledCounter, {
+    children: [(0, _jsxRuntime.jsx)(StyledIconContainer, {
+      onClick: () => {
+        if (!props.disableMin && counterValue - 1 >= props.minVal) {
+          setCounterValue(counterValue - 1);
+          if (props.executeOnChange) {
+            props.executeOnChange(counterValue - 1);
+          }
+        }
+      },
+      children: (0, _jsxRuntime.jsx)(IconToggler, {
+        disable: props.disableMin || counterValue === props.minVal,
+        children: (0, _jsxRuntime.jsx)(_system.NumberDown, {
+          width: "100%",
+          height: "100%"
+        })
+      })
+    }), props.label ? (0, _jsxRuntime.jsx)(LabelContainer, {
+      children: props.label
+    }) : (0, _jsxRuntime.jsx)(StyledInput, {
+      ref: props.ref,
+      tabIndex: 0,
+      type: "number",
+      name: props.name ?? 'counter',
+      value: counterValue,
+      onChange: e => {
+        if (parseInt(e.target.value, 10) <= props.maxVal && parseInt(e.target.value, 10) >= props.minVal) {
+          setCounterValue(parseInt(e.target.value, 10));
+          if (props.executeOnChange) {
+            props.executeOnChange(parseInt(e.target.value, 10));
+          }
+        }
+      }
+    }), (0, _jsxRuntime.jsx)(StyledIconContainer, {
+      onClick: () => {
+        if (!props.disableMax && counterValue + 1 <= props.maxVal) {
+          setCounterValue(counterValue + 1);
+          if (props.executeOnChange) {
+            props.executeOnChange(counterValue + 1);
+          }
+        }
+      },
+      children: (0, _jsxRuntime.jsx)(IconToggler, {
+        disable: props.disableMax || counterValue === props.maxVal,
+        children: (0, _jsxRuntime.jsx)(_system.NumberUp, {
+          width: "100%",
+          height: "100%"
+        })
+      })
+    })]
+  });
+};
+exports.Counter = Counter;
+var _default = exports.default = Counter;

package/cjs/counter/PluralCounter.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+type PluralCounterProps = {
+    minVal: number;
+    maxVal: number;
+    currentVal?: number;
+    initialVal?: number;
+    singularLabel: string;
+    name?: string;
+    pluralLabel: string;
+    executeOnChange?: (arg: number) => any;
+    ref?: React.Ref<HTMLInputElement>;
+};
+declare const PluralCounter: ({ singularLabel, pluralLabel, executeOnChange, ...rest }: PluralCounterProps) => React.JSX.Element;
+export default PluralCounter;

package/cjs/counter/PluralCounter.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireWildcard(require("react"));
+var _Counter = _interopRequireDefault(require("./Counter"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+//Insert plural with max value as hidden to ensure rows are aligned. Assumes plural is longer than singular.
+const WidthFix = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "er7oqr50"
+} : {
+  target: "er7oqr50",
+  label: "WidthFix"
+})(process.env.NODE_ENV === "production" ? {
+  name: "cpa19b",
+  styles: "visibility:hidden;height:0"
+} : {
+  name: "cpa19b",
+  styles: "visibility:hidden;height:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL1BsdXJhbENvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvUGx1cmFsQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBDb3VudGVyIGZyb20gJy4vQ291bnRlcidcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG50eXBlIFBsdXJhbENvdW50ZXJQcm9wcyA9IHtcbiAgbWluVmFsOiBudW1iZXJcbiAgbWF4VmFsOiBudW1iZXJcbiAgY3VycmVudFZhbD86IG51bWJlclxuICBpbml0aWFsVmFsPzogbnVtYmVyXG4gIHNpbmd1bGFyTGFiZWw6IHN0cmluZ1xuICBuYW1lPzogc3RyaW5nXG4gIHBsdXJhbExhYmVsOiBzdHJpbmdcbiAgZXhlY3V0ZU9uQ2hhbmdlPzogKGFyZzogbnVtYmVyKSA9PiBhbnlcbiAgcmVmPzogUmVhY3QuUmVmPEhUTUxJbnB1dEVsZW1lbnQ+XG59XG5cbi8vSW5zZXJ0IHBsdXJhbCB3aXRoIG1heCB2YWx1ZSBhcyBoaWRkZW4gdG8gZW5zdXJlIHJvd3MgYXJlIGFsaWduZWQuIEFzc3VtZXMgcGx1cmFsIGlzIGxvbmdlciB0aGFuIHNpbmd1bGFyLlxuY29uc3QgV2lkdGhGaXggPSBzdHlsZWQuZGl2YFxuICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIGhlaWdodDogMDtcbmBcblxuY29uc3QgUGx1cmFsQ291bnRlciA9ICh7IHNpbmd1bGFyTGFiZWwsIHBsdXJhbExhYmVsLCBleGVjdXRlT25DaGFuZ2UsIC4uLnJlc3QgfTogUGx1cmFsQ291bnRlclByb3BzKSA9PiB7XG4gIGNvbnN0IExhYmVsID0gKHA6IHsgdmFsOiBudW1iZXIgfSkgPT4gKFxuICAgIDxkaXY+XG4gICAgICB7cC52YWx9IHtwLnZhbCA9PT0gMSA/IHNpbmd1bGFyTGFiZWwgOiBwbHVyYWxMYWJlbH1cbiAgICAgIDxXaWR0aEZpeD5cbiAgICAgICAge3Jlc3QubWF4VmFsfSB7cGx1cmFsTGFiZWx9XG4gICAgICA8L1dpZHRoRml4PlxuICAgIDwvZGl2PlxuICApXG5cbiAgY29uc3QgW2N1cnJlbnRMYWJlbCwgc2V0Q3VycmVudExhYmVsXSA9IHVzZVN0YXRlKDxMYWJlbCB2YWw9e3Jlc3QuY3VycmVudFZhbCA/PyByZXN0LmluaXRpYWxWYWwgPz8gcmVzdC5taW5WYWx9IC8+KVxuICBjb25zdCBvbkNoYW5nZSA9IChzOiBudW1iZXIpID0+IHtcbiAgICBzZXRDdXJyZW50TGFiZWwoPExhYmVsIHZhbD17c30gLz4pXG4gICAgaWYgKGV4ZWN1dGVPbkNoYW5nZSkgZXhlY3V0ZU9uQ2hhbmdlKHMpXG4gIH1cblxuICByZXR1cm4gPENvdW50ZXIgZXhlY3V0ZU9uQ2hhbmdlPXtvbkNoYW5nZX0gbGFiZWw9e2N1cnJlbnRMYWJlbH0gey4uLnJlc3R9PjwvQ291bnRlcj5cbn1cblxuZXhwb3J0IGRlZmF1bHQgUGx1cmFsQ291bnRlclxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const PluralCounter = ({
+  singularLabel,
+  pluralLabel,
+  executeOnChange,
+  ...rest
+}) => {
+  const Label = p => (0, _jsxRuntime.jsxs)("div", {
+    children: [p.val, " ", p.val === 1 ? singularLabel : pluralLabel, (0, _jsxRuntime.jsxs)(WidthFix, {
+      children: [rest.maxVal, " ", pluralLabel]
+    })]
+  });
+  const [currentLabel, setCurrentLabel] = (0, _react.useState)((0, _jsxRuntime.jsx)(Label, {
+    val: rest.currentVal ?? rest.initialVal ?? rest.minVal
+  }));
+  const onChange = s => {
+    setCurrentLabel((0, _jsxRuntime.jsx)(Label, {
+      val: s
+    }));
+    if (executeOnChange) executeOnChange(s);
+  };
+  return (0, _jsxRuntime.jsx)(_Counter.default, {
+    executeOnChange: onChange,
+    label: currentLabel,
+    ...rest
+  });
+};
+var _default = exports.default = PluralCounter;

package/cjs/counter/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Counter } from './Counter';
+export { default as PluralCounter } from './PluralCounter';

package/cjs/counter/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Counter", {
+  enumerable: true,
+  get: function () {
+    return _Counter.default;
+  }
+});
+Object.defineProperty(exports, "PluralCounter", {
+  enumerable: true,
+  get: function () {
+    return _PluralCounter.default;
+  }
+});
+var _Counter = _interopRequireDefault(require("./Counter"));
+var _PluralCounter = _interopRequireDefault(require("./PluralCounter"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/cjs/data-table/DataTable.d.ts

@@ -0,0 +1,11 @@
+import React, { FunctionComponent } from 'react';
+export type DataTableProps = {
+    children?: React.ReactNode;
+    onChange?: (model: object[]) => object[];
+    columns?: string[];
+    data: object[];
+    className?: string;
+    hasHeader?: boolean;
+};
+export declare const DataTable: FunctionComponent<DataTableProps>;
+export default DataTable;