@gympass/yoga 7.87.1 → 7.88.1

package/cjs/Input/web/Input.test.js

@@ -0,0 +1,152 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react2 = require("@testing-library/react");
+var import__ = require("../..");
+describe("<Input />", () => {
+  describe("Snapshots", () => {
+    it("should match with default input", () => {
+      const { container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, {}) })
+      );
+      expect(container).toMatchSnapshot();
+    });
+    it("should match with label", () => {
+      const { container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input" }) })
+      );
+      expect(container).toMatchSnapshot();
+    });
+    it("should match with disabled input", () => {
+      const { container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { disabled: true }) })
+      );
+      expect(container).toMatchSnapshot();
+    });
+    it("should match with error", () => {
+      const { container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { error: "Error message" }) })
+      );
+      expect(container).toMatchSnapshot();
+    });
+    it("should match with helper text and max length", () => {
+      const { container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { helper: "Helper text", maxLength: 20 }) })
+      );
+      expect(container).toMatchSnapshot();
+    });
+    it("should match with helper text, max length and hideMaxLength", () => {
+      const { container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { helper: "Helper text", maxLength: 20, hideMaxLength: true }) })
+      );
+      expect(container).toMatchSnapshot();
+    });
+    it("should match with full width", () => {
+      const { container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Label", full: true }) })
+      );
+      expect(container).toMatchSnapshot();
+    });
+    it("should match with a11yId", () => {
+      const { container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Label", a11yId: "id" }) })
+      );
+      expect(container).toMatchSnapshot();
+    });
+    it("should match with a11yId and error", () => {
+      const { container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Label", a11yId: "id", error: "Error message" }) })
+      );
+      expect(container).toMatchSnapshot();
+    });
+    it("should match with includeAriaAttributes set to false", () => {
+      const { container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Label", includeAriaAttributes: false }) })
+      );
+      expect(container).toMatchSnapshot();
+    });
+  });
+  describe("Events", () => {
+    it("should call onChange", () => {
+      const onChangeMock = jest.fn();
+      (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", onChange: onChangeMock, "data-testid": "input" }) })
+      );
+      import_react2.fireEvent.change(import_react2.screen.getByTestId("input"), {
+        target: { value: "foo" }
+      });
+      expect(onChangeMock).toHaveBeenCalled();
+    });
+    it("should call onFocus", () => {
+      const onFocusMock = jest.fn();
+      (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", "data-testid": "input", onFocus: onFocusMock }) })
+      );
+      import_react2.fireEvent.focus(import_react2.screen.getByTestId("input"));
+      expect(onFocusMock).toHaveBeenCalled();
+    });
+    it("should call onBlur", () => {
+      const onBlurMock = jest.fn();
+      (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", "data-testid": "input", onBlur: onBlurMock }) })
+      );
+      import_react2.fireEvent.focus(import_react2.screen.getByTestId("input"));
+      import_react2.fireEvent.blur(import_react2.screen.getByTestId("input"));
+      expect(onBlurMock).toHaveBeenCalled();
+    });
+  });
+  describe("maxLength", () => {
+    it("should update maxLength counter when add character", () => {
+      const { rerender } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", maxLength: 10 }) })
+      );
+      expect(import_react2.screen.getByText("0/10").textContent).toBe("0/10");
+      rerender(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", value: "foo", maxLength: 10 }) })
+      );
+      expect(import_react2.screen.getByText("3/10").textContent).toBe("3/10");
+    });
+  });
+  describe("clean button", () => {
+    it("should call onClean when press clean button", () => {
+      const onClean = jest.fn();
+      (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", value: "foo", onClean }) })
+      );
+      import_react2.fireEvent.click(import_react2.screen.queryByRole("button"));
+      expect(onClean).toHaveBeenCalled();
+    });
+    it("should test if clean button is present", () => {
+      const { rerender } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input" }) })
+      );
+      expect(import_react2.screen.queryByRole("button")).toBeNull();
+      rerender(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", value: "foo" }) })
+      );
+      expect(import_react2.screen.queryByRole("button")).not.toBeNull();
+    });
+  });
+});

package/cjs/Input/web/Label.js

@@ -1,26 +1,65 @@
 "use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Label_exports = {};
+__export(Label_exports, {
+  default: () => Label_default
+});
+module.exports = __toCommonJS(Label_exports);
+var import_styled_components = __toESM(require("styled-components"));
+const Label = import_styled_components.default.label`
+  letter-spacing: normal;
+  pointer-events: none;
+  position: absolute;
+  user-select: none;
 
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _templateObject, _templateObject2;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+  ${({
+  disabled,
+  theme: {
+    yoga: {
+      transition,
+      colors,
+      components: { input }
+    }
+  }
+}) => import_styled_components.css`
+    top: ${input.padding.top}px;
+    left: ${input.padding.left}px;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+    font-size: ${input.label.font.size.default}px;
+    font-weight: ${input.label.font.weight};
+    color: ${input.label.color.default};
 
-var Label = _styledComponents["default"].label(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  letter-spacing: normal;\n  pointer-events: none;\n  position: absolute;\n  user-select: none;\n\n  ", "\n"])), function (_ref) {
-  var disabled = _ref.disabled,
-      _ref$theme$yoga = _ref.theme.yoga,
-      transition = _ref$theme$yoga.transition,
-      colors = _ref$theme$yoga.colors,
-      input = _ref$theme$yoga.components.input;
-  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    top: ", "px;\n    left: ", "px;\n\n    font-size: ", "px;\n    font-weight: ", ";\n    color: ", ";\n\n    transition-property: transform, font-size;\n    transition-duration: ", "ms;\n    transition-timing-function: cubic-bezier(", ");\n\n    ", "\n  "])), input.padding.top, input.padding.left, input.label.font.size["default"], input.label.font.weight, input.label.color["default"], transition.duration[1], transition.timing[0].join(), disabled ? "color: " + colors.text.disabled + ";" : '');
-});
+    transition-property: transform, font-size;
+    transition-duration: ${transition.duration[1]}ms;
+    transition-timing-function: cubic-bezier(${transition.timing[0].join()});
 
-var _default = Label;
-exports["default"] = _default;
+    ${disabled ? `color: ${colors.text.disabled};` : ""}
+  `}
+`;
+var Label_default = Label;

package/cjs/Input/web/Legend.js

@@ -1,47 +1,109 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _propTypes = require("prop-types");
-
-var _excluded = ["children"];
-
-var _templateObject, _templateObject2;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var StyledLegend = _styledComponents["default"].legend(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: relative;\n  padding: 0;\n  max-width: 0;\n  width: auto;\n  height: 0;\n  font-weight: normal;\n  visibility: hidden;\n  transition-property: max-width, padding;\n\n  ", "\n"])), function (_ref) {
-  var input = _ref.theme.yoga.components.input;
-  return "\n    font-size: " + input.label.font.size.typed + "px;\n    letter-spacing: normal;\n\n    transition-duration: 100ms;\n  ";
-});
-
-var HiddenSpan = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var input = _ref2.theme.yoga.components.input;
-  return "\n    padding-left: " + input.label.padding.left + "px;\n    padding-right: " + input.label.padding.right + "px;\n  ";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Legend_exports = {};
+__export(Legend_exports, {
+  default: () => Legend_default
 });
+module.exports = __toCommonJS(Legend_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_prop_types = require("prop-types");
+const StyledLegend = import_styled_components.default.legend`
+  position: relative;
+  padding: 0;
+  max-width: 0;
+  width: auto;
+  height: 0;
+  font-weight: normal;
+  visibility: hidden;
+  transition-property: max-width, padding;
 
-var Legend = /*#__PURE__*/_react["default"].forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded);
+  ${({
+  theme: {
+    yoga: {
+      components: { input }
+    }
+  }
+}) => `
+    font-size: ${input.label.font.size.typed}px;
+    letter-spacing: normal;
 
-  return /*#__PURE__*/_react["default"].createElement(StyledLegend, _extends({
-    ref: ref
-  }, props), /*#__PURE__*/_react["default"].createElement(HiddenSpan, null, children));
+    transition-duration: 100ms;
+  `}
+`;
+const HiddenSpan = import_styled_components.default.span`
+  ${({
+  theme: {
+    yoga: {
+      components: { input }
+    }
+  }
+}) => `
+    padding-left: ${input.label.padding.left}px;
+    padding-right: ${input.label.padding.right}px;
+  `}
+`;
+const Legend = import_react.default.forwardRef((_a, ref) => {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledLegend, __spreadProps(__spreadValues({ ref }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HiddenSpan, { children }) }));
 });
-
 Legend.propTypes = {
-  children: _propTypes.node.isRequired
+  children: import_prop_types.node.isRequired
 };
-var _default = Legend;
-exports["default"] = _default;
+var Legend_default = Legend;

package/cjs/Input/web/Number.js

@@ -1,23 +1,57 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Input = _interopRequireDefault(require("./Input"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
-var InputNumber = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
-  return /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({
-    ref: ref
-  }, props, {
-    type: "number"
-  }));
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Number_exports = {};
+__export(Number_exports, {
+  default: () => Number_default
 });
-
-var _default = InputNumber;
-exports["default"] = _default;
+module.exports = __toCommonJS(Number_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_Input = __toESM(require("./Input"));
+const InputNumber = import_react.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Input.default, __spreadProps(__spreadValues({ ref }, props), { type: "number" }));
+});
+var Number_default = InputNumber;

package/cjs/Input/web/Number.test.js

@@ -0,0 +1,37 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react2 = require("@testing-library/react");
+var import__ = require("../..");
+describe("<Input.Number />", () => {
+  describe("Snapshots", () => {
+    it("should match with default input", () => {
+      const { container } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input.Number, {}) })
+      );
+      expect(container).toMatchSnapshot();
+    });
+  });
+});