react-restyle-components 0.1.24 → 0.1.28

package/README.md

@@ -32,25 +32,7 @@ https://github.com/appasaheb4/react-restyle-components/blob/master/tailwind.conf
 
 ```
 
-##
-
-```jsx
-import {Stepper} from 'react-restyle-components';
-
-<Stepper
-  steps={['1', '2', '3']}
-  currentStep={2}
-  onStepClick={(currentStep: any, step: any) => {
-    // eslint-disable-next-line no-console
-    console.log({currentStep, step});
-  }}
-  className="mt-4"
-/>;
-```
-
-### Outputs
-
-# Storybook
+### 📚 Storybook
 
 https://appasaheb4.github.io/react-restyle-components
 

package/lib/cjs/core-components/atoms/buttons/button.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = exports.Disable = void 0;
+const react_1 = __importDefault(require("react"));
+const buttons_component_1 = require("./buttons.component");
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+exports.default = {
+    title: 'Atoms/Button',
+    component: buttons_component_1.Button,
+};
+// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
+const Disable = () => (react_1.default.createElement(buttons_component_1.Button, { className: "bg-gray-light w-40", onClick: () => { } }, "Next"));
+exports.Disable = Disable;
+const Primary = () => (react_1.default.createElement(buttons_component_1.Button, { className: "bg-orange mt-4", onClick: () => { } }, "Permanent Address"));
+exports.Primary = Primary;
+//# sourceMappingURL=button.stories.js.map

package/lib/cjs/core-components/atoms/buttons/button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/button.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2DAA2C;AAE3C,0GAA0G;AAC1G,kBAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,0BAAM;CACc,CAAC;AAElC,2GAA2G;AACpG,MAAM,OAAO,GAAkC,GAAG,EAAE,CAAC,CAC1D,8BAAC,0BAAM,IAAC,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,WAE/C,CACV,CAAC;AAJW,QAAA,OAAO,WAIlB;AAEK,MAAM,OAAO,GAAkC,GAAG,EAAE,CAAC,CAC1D,8BAAC,0BAAM,IAAC,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,wBAE3C,CACV,CAAC;AAJW,QAAA,OAAO,WAIlB"}

package/lib/cjs/core-components/atoms/buttons/buttons.component.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const react_1 = __importDefault(require("react"));
+const Button = ({ className, disable, onClick, children, }) => {
+    return (react_1.default.createElement("button", { "data-testid": "buttonElement", disabled: disable, className: `${className} rounded-100px px-3 py-1 text-text-base text-md pt-2 pb-2 font-nunitoSansRegular`, onClick: () => onClick() }, children));
+};
+exports.Button = Button;
+//# sourceMappingURL=buttons.component.js.map

package/lib/cjs/core-components/atoms/buttons/buttons.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/buttons.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AASnB,MAAM,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,GACI,EAAE,EAAE;IAChB,OAAO,CACL,yDACc,eAAe,EAC3B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,GAAG,SAAS,kFAAkF,EACzG,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,IAEvB,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,MAAM,UAgBjB"}

package/lib/cjs/core-components/atoms/buttons/buttons.component.test.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable testing-library/render-result-naming-convention */
+const react_1 = __importDefault(require("react"));
+const _core_utils_1 = require("@core-utils");
+const buttons_component_1 = require("./buttons.component");
+it('render XB_Button correctly', () => {
+    const button = (0, _core_utils_1.render)(react_1.default.createElement(buttons_component_1.Button, { className: "bg-gray-light w-40", onClick: () => jest.fn() }, "Permanent Address"));
+    expect(button).toMatchSnapshot();
+});
+//# sourceMappingURL=buttons.component.test.js.map

package/lib/cjs/core-components/atoms/buttons/buttons.component.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.component.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/buttons.component.test.tsx"],"names":[],"mappings":";;;;;AAAA,oEAAoE;AACpE,kDAA0B;AAC1B,6CAAmC;AACnC,2DAA2C;AAE3C,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;IACpC,MAAM,MAAM,GAAG,IAAA,oBAAM,EACnB,8BAAC,0BAAM,IAAC,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,wBAEtD,CACV,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,CAAC;AACnC,CAAC,CAAC,CAAC"}

package/lib/cjs/core-components/atoms/check-box/checkBox.component.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckBox = void 0;
+const react_1 = __importDefault(require("react"));
+const unCheckbox_svg_1 = require("../../../library/assets/svg/unCheckbox.svg");
+const checkedBox_svg_1 = require("../../../library/assets/svg/checkedBox.svg");
+const CheckBox = ({ className, checked, onChange }) => {
+    const width = 20;
+    const hanleClick = () => {
+        onChange();
+    };
+    return (react_1.default.createElement("div", { className: `${className} flex flex-row  mr-2`, onClick: hanleClick }, checked ? (react_1.default.createElement(checkedBox_svg_1.ReactComponent, { width: width, height: width, fill: "#E7503D", stroke: "E7503D" })) : (react_1.default.createElement(unCheckbox_svg_1.ReactComponent, { width: width, height: width }))));
+};
+exports.CheckBox = CheckBox;
+//# sourceMappingURL=checkBox.component.js.map

package/lib/cjs/core-components/atoms/check-box/checkBox.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkBox.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/check-box/checkBox.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+EAAwF;AACxF,+EAAwF;AAQjF,MAAM,QAAQ,GAAG,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAgB,EAAE,EAAE;IACxE,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC;IACF,OAAO,CACL,uCAAK,SAAS,EAAE,GAAG,SAAS,sBAAsB,EAAE,OAAO,EAAE,UAAU,IACpE,OAAO,CAAC,CAAC,CAAC,CACT,8BAAC,+BAAU,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,EACb,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,QAAQ,GACf,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,+BAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAC5C,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,QAAQ,YAmBnB"}

package/lib/cjs/core-components/atoms/check-box/checkBox.component.test.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable testing-library/render-result-naming-convention */
+const react_1 = __importDefault(require("react"));
+const _core_utils_1 = require("@core-utils");
+const checkBox_component_1 = require("./checkBox.component");
+it('render XB_CheckBox correctly', () => {
+    const checkbox = (0, _core_utils_1.render)(react_1.default.createElement(checkBox_component_1.CheckBox, { checked: true, onChange: () => jest.fn() }));
+    expect(checkbox).toMatchSnapshot();
+});
+//# sourceMappingURL=checkBox.component.test.js.map

package/lib/cjs/core-components/atoms/check-box/checkBox.component.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkBox.component.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/check-box/checkBox.component.test.tsx"],"names":[],"mappings":";;;;;AAAA,oEAAoE;AACpE,kDAA0B;AAC1B,6CAAmC;AACnC,6DAA8C;AAE9C,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;IACtC,MAAM,QAAQ,GAAG,IAAA,oBAAM,EACrB,8BAAC,6BAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,GAAI,CACvD,CAAC;IACF,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAC;AACrC,CAAC,CAAC,CAAC"}

package/lib/cjs/core-components/atoms/check-box/checkBox.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const react_1 = __importDefault(require("react"));
+const checkBox_component_1 = require("./checkBox.component");
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+exports.default = {
+    title: 'Atoms/CheckBox',
+    component: checkBox_component_1.CheckBox,
+};
+// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
+const Primary = () => (react_1.default.createElement("div", { className: "flex flex-row" },
+    react_1.default.createElement(checkBox_component_1.CheckBox, { checked: true, onChange: () => { } }),
+    react_1.default.createElement("span", null, "I agree and authorize MiMo to fetch my personal details from UIDAI. I confirm that I have not used the OTP-based Aadhar verification to open any other bank account. I have read and accepted all Terms & Conditions")));
+exports.Primary = Primary;
+//# sourceMappingURL=checkBox.stories.js.map

package/lib/cjs/core-components/atoms/check-box/checkBox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkBox.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/check-box/checkBox.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,6DAA8C;AAE9C,0GAA0G;AAC1G,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,6BAAQ;CACc,CAAC;AAEpC,2GAA2G;AACpG,MAAM,OAAO,GAAoC,GAAG,EAAE,CAAC,CAC5D,uCAAK,SAAS,EAAC,eAAe;IAC5B,8BAAC,6BAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI;IAC/C,mQAIO,CACH,CACP,CAAC;AATW,QAAA,OAAO,WASlB"}

package/lib/cjs/core-components/atoms/date-picker/date-picker.component.js

@@ -0,0 +1,51 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerComp = void 0;
+const react_1 = __importStar(require("react"));
+const react_datepicker_1 = __importDefault(require("react-datepicker"));
+require("react-datepicker/dist/react-datepicker.css");
+const datePicker_svg_1 = require("../../../library/assets/svg/datePicker.svg");
+const dayjs_1 = __importDefault(require("dayjs"));
+const DatePickerComp = ({ className, disable, value, showFormat = 'yyyy-MM-dd', placeholder = 'Select Date', }) => {
+    const [pickedDate, setPickedDate] = (0, react_1.useState)(value && (0, dayjs_1.default)(value).toDate());
+    const CustomInput = (0, react_1.forwardRef)((props, ref) => {
+        return (react_1.default.createElement("div", { onClick: !disable && props.onClick, ref: ref, className: " border-gray-light place-items-center  border rounded-md px-2 flex flex-wrap " },
+            react_1.default.createElement("label", { className: "mr-3 font-nunitoSansRegular text-primaryCharcoal text-lg" }, props.value || props.placeholder),
+            react_1.default.createElement(datePicker_svg_1.ReactComponent, { width: 15, height: 15 })));
+    });
+    CustomInput.displayName = 'CustomInput';
+    const handleChanges = (date) => {
+        setPickedDate(date);
+    };
+    return (react_1.default.createElement("div", { className: `${className}   items-center flex justify-start ` },
+        react_1.default.createElement("div", { className: "flex-wrap" },
+            react_1.default.createElement(react_datepicker_1.default, { selected: pickedDate || new Date(), dateFormat: showFormat, placeholder: placeholder, onChange: handleChanges, customInput: react_1.default.createElement(CustomInput, null) }))));
+};
+exports.DatePickerComp = DatePickerComp;
+//# sourceMappingURL=date-picker.component.js.map

package/lib/cjs/core-components/atoms/date-picker/date-picker.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/date-picker/date-picker.component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,wEAA0C;AAC1C,sDAAoD;AACpD,+EAA2F;AAC3F,kDAA0B;AAUnB,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,OAAO,EACP,KAAK,EACL,UAAU,GAAG,YAAY,EACzB,WAAW,GAAG,aAAa,GACX,EAAE,EAAE;IACpB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,IAAI,IAAA,eAAK,EAAC,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;IAE7E,MAAM,WAAW,GAAG,IAAA,kBAAU,EAAC,CAAC,KAAU,EAAE,GAAQ,EAAE,EAAE;QACtD,OAAO,CACL,uCACE,OAAO,EAAE,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAClC,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,+EAA+E;YAEzF,yCAAO,SAAS,EAAC,0DAA0D,IACxE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAC3B;YACR,8BAAC,+BAAa,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACpC,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;IAExC,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE;QAC7B,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,GAAG,SAAS,qCAAqC;QAC/D,uCAAK,SAAS,EAAC,WAAW;YACxB,8BAAC,0BAAU,IACT,QAAQ,EAAE,UAAU,IAAI,IAAI,IAAI,EAAE,EAClC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAE,8BAAC,WAAW,OAAG,GAC5B,CACE,CAEF,CACP,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,cAAc,kBA2CzB"}

package/lib/cjs/core-components/atoms/date-picker/date-picker.component.test.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable testing-library/render-result-naming-convention */
+const react_1 = __importDefault(require("react"));
+const _core_utils_1 = require("@core-utils");
+const date_picker_component_1 = require("./date-picker.component");
+const dayjs_1 = __importDefault(require("dayjs"));
+it('render XB_DatePicker correctly', () => {
+    const datepicker = (0, _core_utils_1.render)(react_1.default.createElement(date_picker_component_1.DatePickerComp, { className: "mt-6", value: (0, dayjs_1.default)().format('YYYY-MM-DD'), showFormat: 'dd-MM-yyyy' }));
+    expect(datepicker).toMatchSnapshot();
+});
+//# sourceMappingURL=date-picker.component.test.js.map

package/lib/cjs/core-components/atoms/date-picker/date-picker.component.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.component.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/date-picker/date-picker.component.test.tsx"],"names":[],"mappings":";;;;;AAAA,oEAAoE;AACpE,kDAA0B;AAC1B,6CAAmC;AACnC,mEAAuD;AACvD,kDAA0B;AAE1B,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;IACxC,MAAM,UAAU,GAAG,IAAA,oBAAM,EACvB,8BAAC,sCAAc,IACb,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,IAAA,eAAK,GAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EACnC,UAAU,EAAE,YAAY,GACxB,CACH,CAAC;IACF,MAAM,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACvC,CAAC,CAAC,CAAC"}

package/lib/cjs/core-components/atoms/date-picker/date-picker.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const react_1 = __importDefault(require("react"));
+const date_picker_component_1 = require("./date-picker.component");
+const dayjs_1 = __importDefault(require("dayjs"));
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+exports.default = {
+    title: 'Atoms/DatePickerComp',
+    component: date_picker_component_1.DatePickerComp,
+};
+// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
+const Primary = () => (react_1.default.createElement("div", { className: "flex flex-row" },
+    react_1.default.createElement(date_picker_component_1.DatePickerComp, { className: "mt-6", value: (0, dayjs_1.default)().format('YYYY-MM-DD'), showFormat: 'dd-MM-yyyy' })));
+exports.Primary = Primary;
+//# sourceMappingURL=date-picker.stories.js.map

package/lib/cjs/core-components/atoms/date-picker/date-picker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/date-picker/date-picker.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,mEAAuD;AACvD,kDAA0B;AAE1B,0GAA0G;AAC1G,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,sCAAc;CACc,CAAC;AAE1C,2GAA2G;AACpG,MAAM,OAAO,GAA0C,GAAG,EAAE,CAAC,CAClE,uCAAK,SAAS,EAAC,eAAe;IAC5B,8BAAC,sCAAc,IACb,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,IAAA,eAAK,GAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EACnC,UAAU,EAAE,YAAY,GACxB,CACE,CACP,CAAC;AARW,QAAA,OAAO,WAQlB"}

package/lib/cjs/core-components/atoms/input/input-otp.component.js

@@ -0,0 +1,89 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputOtp = void 0;
+/* eslint-disable no-console */
+const react_1 = __importStar(require("react"));
+require("./inputOtp.styles.css");
+const InputOtp = ({ className, pin, onPinChanged, }) => {
+    const pinLength = 6;
+    const Pin_Min_Value = 0;
+    const Pin_Max_Value = 9;
+    const BACKSPACE_Key = 'Backspace';
+    const inputRefs = (0, react_1.useRef)([]);
+    (0, react_1.useEffect)(() => {
+        const ref = inputRefs.current[0];
+        if (ref) {
+            ref.focus();
+        }
+    }, []);
+    const changePinFocus = (pinIndex) => {
+        const ref = inputRefs.current[pinIndex];
+        if (ref) {
+            ref.focus();
+        }
+    };
+    const onChange = (event, index) => {
+        const value = event.target.value;
+        const pinNumber = Number(value.trim());
+        if (isNaN(pinNumber) || value.length === 0) {
+            return;
+        }
+        if (pinNumber >= Pin_Min_Value && pinNumber <= Pin_Max_Value) {
+            onPinChanged(pinNumber, index);
+            if (index < pinLength - 1) {
+                changePinFocus(index + 1);
+            }
+        }
+    };
+    const onKeyDown = (event, index) => {
+        console.log({ event, index });
+        const keyboardKeyCode = event.nativeEvent.code;
+        if (keyboardKeyCode != BACKSPACE_Key)
+            return;
+        if (pin[index] === undefined) {
+            changePinFocus(index - 1);
+        }
+        else {
+            onPinChanged(undefined, index);
+        }
+    };
+    return (react_1.default.createElement("div", { className: `${className} relative` },
+        react_1.default.createElement("div", { className: "flex space-x-1 bg-background-secondary rounded-lg outline-offset-8" }, Array.from({ length: pinLength }, (_, index) => (react_1.default.createElement("input", { "data-testid": "onPinChanged", className: "pt-3 pb-2 block w-full px-0 text-5xl font-extrabold border-b-0 text-orange mt-0 bg-transparent text-center z-20 appearance-none focus:outline-none  font-nunitoSansRegular", onKeyDown: (event) => onKeyDown(event, index), key: index, onMouseUp: () => {
+                if (pin.join('').length <= 0) {
+                    changePinFocus(0);
+                }
+            }, onClick: () => {
+                if (pin.join('').length <= 0) {
+                    onPinChanged(undefined, 0);
+                }
+            }, ref: (el) => {
+                if (el) {
+                    inputRefs.current[index] = el;
+                }
+            }, onChange: (event) => onChange(event, index), value: pin[index] || '' }))))));
+};
+exports.InputOtp = InputOtp;
+//# sourceMappingURL=input-otp.component.js.map

package/lib/cjs/core-components/atoms/input/input-otp.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input/input-otp.component.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/core-components/atoms/input/input-pin.component.js

@@ -0,0 +1,106 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputPin = void 0;
+/* eslint-disable */
+const react_1 = __importStar(require("react"));
+require("./input.styles.css");
+const InputPin = ({ title, className, pin, errorMsg, defaultMsg, hasError, onPinChanged, }) => {
+    const pinLength = 12;
+    const Pin_Min_Value = 0;
+    const Pin_Max_Value = 9;
+    const BACKSPACE_Key = 'Backspace';
+    const inputRefs = (0, react_1.useRef)([]);
+    const removeValuesFromArray = (valuesArray, value) => {
+        const valueIndex = valuesArray.findIndex((entry) => entry === value);
+        if (valueIndex === -1) {
+            return;
+        }
+        valuesArray.splice(valueIndex, 1);
+    };
+    const changePinFocus = (pinIndex) => {
+        const ref = inputRefs.current[pinIndex];
+        if (ref) {
+            ref.focus();
+        }
+    };
+    const onChange = (event, index) => {
+        const previousValue = event.target.defaultValue;
+        const valueArray = event.target.value.split('');
+        removeValuesFromArray(valueArray, previousValue);
+        const value = valueArray.pop();
+        if (!value) {
+            return;
+        }
+        const pinNumber = Number(value);
+        if (isNaN(pinNumber) || value.length === 0) {
+            return;
+        }
+        if (pinNumber >= Pin_Min_Value && pinNumber <= Pin_Max_Value) {
+            onPinChanged(pinNumber, index);
+            if (index < pinLength - 1) {
+                changePinFocus(index + 1);
+            }
+        }
+    };
+    const onKeyDown = (event, index) => {
+        const keyboardKeyCode = event.nativeEvent.code;
+        if (keyboardKeyCode != BACKSPACE_Key)
+            return;
+        if (pin[index] !== undefined && keyboardKeyCode === BACKSPACE_Key) {
+            changePinFocus(index - 1);
+        }
+        if (pin[index] === undefined) {
+            changePinFocus(index - 1);
+        }
+        else {
+            onPinChanged(undefined, index);
+        }
+    };
+    return (react_1.default.createElement("div", { className: `${className} relative` },
+        react_1.default.createElement("label", { className: "duration-300  -z-1 origin-0 text-gray-dark-secondary font-nunitoSansRegular text-md" }, title),
+        react_1.default.createElement("div", { className: "flex  space-x-1" }, Array.from({ length: pinLength }, (_, index) => {
+            var _a;
+            return (react_1.default.createElement("div", { className: "flex space-x-1 max-w-full items-stretch", key: index },
+                react_1.default.createElement("input", { "data-testid": "inputElementPin", type: "tel", className: "pb-2 block  w-4  px-0 mt-0 bg-transparent text-center border-0 border-b z-20 appearance-none rounded-none focus:outline-none  focus:ring-0 focus:border-gray-secondary border-gray-secondary font-nunitoSansRegular ", onKeyUp: (event) => onKeyDown(event, index), key: index, onMouseUp: () => {
+                        if (pin.join('').length <= 0) {
+                            changePinFocus(0);
+                        }
+                    }, onClick: () => {
+                        if (pin.join('').length <= 0) {
+                            onPinChanged(undefined, 0);
+                        }
+                    }, ref: (el) => {
+                        if (el) {
+                            inputRefs.current[index] = el;
+                        }
+                    }, onChange: (event) => onChange(event, index), value: ((_a = pin[index]) === null || _a === void 0 ? void 0 : _a.toString()) || '' }),
+                react_1.default.createElement("div", { className: "invisible" }, (index + 1) % 4 === 0 ? 'ss' : null)));
+        })),
+        hasError && (hasError === null || hasError === void 0 ? void 0 : hasError.type) !== 'required' && (react_1.default.createElement("span", { className: "text-sm text-red text-4xs font-nunitoSansRegular", id: "error" }, `${errorMsg || ''}`)),
+        (!hasError || (hasError === null || hasError === void 0 ? void 0 : hasError.type) === 'required') && (react_1.default.createElement("span", { className: "text-sm text-4xs font-nunitoSansRegular", id: "error" }, `${defaultMsg || ''}`))));
+};
+exports.InputPin = InputPin;
+//# sourceMappingURL=input-pin.component.js.map

package/lib/cjs/core-components/atoms/input/input-pin.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-pin.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input/input-pin.component.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/core-components/atoms/input/input-pin.component.test.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable testing-library/render-result-naming-convention */
+const react_1 = __importDefault(require("react"));
+const _core_utils_1 = require("@core-utils");
+const input_pin_component_1 = require("./input-pin.component");
+it('render InputOtp correctly without error', () => {
+    const pinInput = (0, _core_utils_1.render)(react_1.default.createElement(input_pin_component_1.InputPin, { title: "Enter your Aadhaar Number", hasError: false, errorMsg: "Uh oh! You\u2019ve entered an invalid aadhaar number", onPinChanged: () => jest.fn(), pin: new Array(12) }));
+    expect(pinInput).toMatchSnapshot();
+});
+it('render InputOtp correctly with error', () => {
+    const pinInput = (0, _core_utils_1.render)(react_1.default.createElement(input_pin_component_1.InputPin, { title: "Enter your Aadhaar Number", hasError: true, errorMsg: "Uh oh! You\u2019ve entered an invalid aadhaar number", onPinChanged: () => jest.fn(), pin: new Array(12) }));
+    expect(pinInput).toMatchSnapshot();
+});
+//# sourceMappingURL=input-pin.component.test.js.map

package/lib/cjs/core-components/atoms/input/input-pin.component.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-pin.component.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input/input-pin.component.test.tsx"],"names":[],"mappings":";;;;;AAAA,oEAAoE;AACpE,kDAA0B;AAC1B,6CAAmC;AACnC,+DAA+C;AAE/C,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;IACjD,MAAM,QAAQ,GAAG,IAAA,oBAAM,EACrB,8BAAC,8BAAQ,IACP,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAC,sDAAiD,EAC1D,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,EAC7B,GAAG,EAAE,IAAI,KAAK,CAAC,EAAE,CAAC,GAClB,CACH,CAAC;IACF,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAC;AACrC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;IAC9C,MAAM,QAAQ,GAAG,IAAA,oBAAM,EACrB,8BAAC,8BAAQ,IACP,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAC,sDAAiD,EAC1D,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,EAC7B,GAAG,EAAE,IAAI,KAAK,CAAC,EAAE,CAAC,GAClB,CACH,CAAC;IACF,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAC;AACrC,CAAC,CAAC,CAAC"}

package/lib/cjs/core-components/atoms/input/input-pin.stories.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const react_1 = __importDefault(require("react"));
+const input_pin_component_1 = require("./input-pin.component");
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+exports.default = {
+    title: 'Atoms/InputPin',
+    component: input_pin_component_1.InputPin,
+};
+const pin = new Array(12);
+// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
+const Primary = () => (react_1.default.createElement(input_pin_component_1.InputPin, { title: "Enter your Aadhaar Number", hasError: true, onPinChanged: (value) => {
+        console.log({ value });
+    }, pin: pin }));
+exports.Primary = Primary;
+//# sourceMappingURL=input-pin.stories.js.map

package/lib/cjs/core-components/atoms/input/input-pin.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-pin.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input/input-pin.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,+DAA+C;AAE/C,0GAA0G;AAC1G,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,8BAAQ;CACc,CAAC;AAEpC,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC;AAE1B,2GAA2G;AACpG,MAAM,OAAO,GAAoC,GAAG,EAAE,CAAC,CAC5D,8BAAC,8BAAQ,IACP,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAE,IAAI,EACd,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;QACtB,OAAO,CAAC,GAAG,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC;IACvB,CAAC,EACD,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AATW,QAAA,OAAO,WASlB"}

package/lib/cjs/core-components/atoms/input/input.component.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+/* eslint-disable no-console */
+const react_1 = __importDefault(require("react"));
+require("./input.styles.css");
+const Input = ({ title, value, className, disable, hasError, errorMsg, defaultMsg, inputStyle, autoComplete, maxlength = 40, onChange, onBlur, }) => {
+    const onKeyUpValue = (event) => {
+        onChange(event.target.value);
+    };
+    return (react_1.default.createElement("div", { className: `${className} relative` },
+        react_1.default.createElement("input", { "data-testid": "inputElement", type: "text", name: "name", value: value, placeholder: " ", disabled: disable, className: `pt-3 pb-2 bg-transparent block w-full px-0 mt-0  rounded-none  border-0 border-b appearance-none focus:outline-none focus:ring-0 focus:border-gray-secondary border-gray-secondary font-nunitoSansRegular ${inputStyle}`, onChange: (e) => onChange && onChange(e.target.value), onKeyUp: onKeyUpValue, onBlur: (e) => onBlur && onBlur(e.target.value), autoComplete: autoComplete, maxLength: maxlength }),
+        react_1.default.createElement("label", { className: "absolute duration-300 top-3 -z-1 origin-0 text-gray-dark-secondary font-nunitoSansRegular text-md" }, title),
+        hasError && (hasError === null || hasError === void 0 ? void 0 : hasError.type) !== 'required' && (react_1.default.createElement("span", { className: "text-sm text-red text-4xs", id: "error" }, `${errorMsg || ''}`)),
+        (!hasError || (hasError === null || hasError === void 0 ? void 0 : hasError.type) === 'required') && (react_1.default.createElement("span", { className: "text-sm text-4xs", id: "error" }, `${defaultMsg || ''}`))));
+};
+exports.Input = Input;
+//# sourceMappingURL=input.component.js.map

package/lib/cjs/core-components/atoms/input/input.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input/input.component.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAA+B;AAC/B,kDAA0B;AAC1B,8BAA4B;AAiBrB,MAAM,KAAK,GAAG,CAAC,EACpB,KAAK,EACL,KAAK,EACL,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,MAAM,GACK,EAAE,EAAE;IACf,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;QAC7B,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,GAAG,SAAS,WAAW;QACrC,wDACc,cAAc,EAC1B,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,6MAA6M,UAAU,EAAE,EACpO,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACrD,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,GACpB;QACF,yCAAO,SAAS,EAAC,mGAAmG,IACjH,KAAK,CACA;QACP,QAAQ,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,MAAK,UAAU,IAAI,CAC5C,wCAAM,SAAS,EAAC,2BAA2B,EAAC,EAAE,EAAC,OAAO,IACnD,GAAG,QAAQ,IAAI,EAAE,EAAE,CACf,CACR;QACA,CAAC,CAAC,QAAQ,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,MAAK,UAAU,CAAC,IAAI,CAC/C,wCAAM,SAAS,EAAC,kBAAkB,EAAC,EAAE,EAAC,OAAO,IAC1C,GAAG,UAAU,IAAI,EAAE,EAAE,CACjB,CACR,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,KAAK,SAiDhB"}

package/lib/cjs/core-components/atoms/input/input.component.test.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable testing-library/render-result-naming-convention */
+const react_1 = __importDefault(require("react"));
+const _core_utils_1 = require("@core-utils");
+const input_component_1 = require("./input.component");
+it('render Input correctly without error', () => {
+    const input = (0, _core_utils_1.render)(react_1.default.createElement(input_component_1.Input, { className: "h-1 relative top-1 border-red-600 border-b-0 dummy", title: 'input', hasError: false, value: '', inputStyle: " border-b-0 invisible ", onChange: () => jest.fn() }));
+    expect(input).toMatchSnapshot();
+});
+it('render Input correctly with error', () => {
+    const input = (0, _core_utils_1.render)(react_1.default.createElement(input_component_1.Input, { className: "h-1 relative top-1 border-red-600 border-b-0 dummy", title: 'input', hasError: true, value: '', inputStyle: " border-b-0 invisible ", onChange: () => jest.fn() }));
+    expect(input).toMatchSnapshot();
+});
+//# sourceMappingURL=input.component.test.js.map

package/lib/cjs/core-components/atoms/input/input.component.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.component.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input/input.component.test.tsx"],"names":[],"mappings":";;;;;AAAA,oEAAoE;AACpE,kDAA0B;AAC1B,6CAAmC;AACnC,uDAAwC;AAExC,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;IAC9C,MAAM,KAAK,GAAG,IAAA,oBAAM,EAClB,8BAAC,uBAAK,IACJ,SAAS,EAAC,oDAAoD,EAC9D,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,EAAE,EACT,UAAU,EAAC,wBAAwB,EACnC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,GACzB,CACH,CAAC;IACF,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,CAAC;AAClC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;IAC3C,MAAM,KAAK,GAAG,IAAA,oBAAM,EAClB,8BAAC,uBAAK,IACJ,SAAS,EAAC,oDAAoD,EAC9D,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,EAAE,EACT,UAAU,EAAC,wBAAwB,EACnC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,GACzB,CACH,CAAC;IACF,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,CAAC;AAClC,CAAC,CAAC,CAAC"}

package/lib/cjs/core-components/atoms/input/input.stories.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const react_1 = __importDefault(require("react"));
+const input_component_1 = require("./input.component");
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+exports.default = {
+    title: 'Atoms/Input',
+    component: input_component_1.Input,
+};
+// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
+const Primary = () => (react_1.default.createElement(input_component_1.Input, { className: "mt-4", title: "Enter your Pan Number", hasError: true, value: "", onChange: (panNumber) => console.log({ panNumber }) }));
+exports.Primary = Primary;
+//# sourceMappingURL=input.stories.js.map

package/lib/cjs/core-components/atoms/input/input.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input/input.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAAwC;AAExC,0GAA0G;AAC1G,kBAAe;IACb,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,uBAAK;CACc,CAAC;AAEjC,2GAA2G;AACpG,MAAM,OAAO,GAAiC,GAAG,EAAE,CAAC,CACzD,8BAAC,uBAAK,IACJ,SAAS,EAAC,MAAM,EAChB,KAAK,EAAC,uBAAuB,EAC7B,QAAQ,EAAE,IAAI,EACd,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,EAAC,SAAS,EAAC,CAAC,GACjD,CACH,CAAC;AARW,QAAA,OAAO,WAQlB"}