pixelize-design-library 2.3.6 → 2.3.8

package/dist/Components/Input/PhoneNumberInput.js

@@ -1,104 +1,44 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var ErrorMessage_1 = __importDefault(require("../Common/ErrorMessage"));
-var HelperText_1 = __importDefault(require("../Common/HelperText"));
-var FormLabel_1 = require("../Common/FormLabel");
-var useCustomTheme_1 = require("../../Theme/useCustomTheme");
-var getFlagEmoji = function (countryCode) {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const ErrorMessage_1 = __importDefault(require("../Common/ErrorMessage"));
+const HelperText_1 = __importDefault(require("../Common/HelperText"));
+const FormLabel_1 = require("../Common/FormLabel");
+const useCustomTheme_1 = require("../../Theme/useCustomTheme");
+const getFlagEmoji = (countryCode) => {
     if (!countryCode)
         return "";
     return countryCode
         .toUpperCase()
-        .replace(/./g, function (char) {
-        return String.fromCodePoint(127397 + char.charCodeAt(0));
-    });
+        .replace(/./g, (char) => String.fromCodePoint(127397 + char.charCodeAt(0)));
 };
-var sizeToPt = { xs: 2, sm: -1, md: 2, lg: 4 };
-var sizeToWidth = { xs: "3.5rem", sm: "3.8rem", md: "4rem", lg: "4rem" };
-var PhoneNumberInput = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? "md" : _b, value = _a.value, _c = _a.codeValueReturn, codeValueReturn = _c === void 0 ? true : _c, country = _a.country, countries = _a.countries, _d = _a.placeholder, placeholder = _d === void 0 ? "Enter phone number" : _d, onChange = _a.onChange, inputId = _a.inputId, selectId = _a.selectId, error = _a.error, errorMessage = _a.errorMessage, helperText = _a.helperText, label = _a.label, id = _a.id, _e = _a.width, width = _e === void 0 ? "100%" : _e, isInformation = _a.isInformation, informationMessage = _a.informationMessage, isRequired = _a.isRequired, onBlur = _a.onBlur, onFocus = _a.onFocus, isReadOnly = _a.isReadOnly, height = _a.height, autoComplete = _a.autoComplete, _f = _a.showCountrySelect, showCountrySelect = _f === void 0 ? true : _f, ref = _a.ref, name = _a.name, minW = _a.minW, maxW = _a.maxW, rest = __rest(_a, ["size", "value", "codeValueReturn", "country", "countries", "placeholder", "onChange", "inputId", "selectId", "error", "errorMessage", "helperText", "label", "id", "width", "isInformation", "informationMessage", "isRequired", "onBlur", "onFocus", "isReadOnly", "height", "autoComplete", "showCountrySelect", "ref", "name", "minW", "maxW"]);
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var getCountryTelCode = (0, react_1.useCallback)(function (countryCode) {
+const sizeToPt = { xs: 2, sm: -1, md: 2, lg: 4 };
+const sizeToWidth = { xs: "3.5rem", sm: "3.8rem", md: "4rem", lg: "4rem" };
+const PhoneNumberInput = ({ size = "md", value, codeValueReturn = true, country, countries, placeholder = "Enter phone number", onChange, inputId, selectId, error, errorMessage, helperText, label, id, width = "100%", isInformation, informationMessage, isRequired, onBlur, onFocus, isReadOnly, height, autoComplete, showCountrySelect = true, ref, name, minW, maxW, ...rest }) => {
+    const theme = (0, useCustomTheme_1.useCustomTheme)();
+    const getCountryTelCode = (0, react_1.useCallback)((countryCode) => {
         var _a;
         if (!countryCode)
             return undefined;
-        return (_a = countries === null || countries === void 0 ? void 0 : countries.find(function (_a) {
-            var code = _a.code;
-            return countryCode === code;
-        })) === null || _a === void 0 ? void 0 : _a.dial_code;
+        return (_a = countries === null || countries === void 0 ? void 0 : countries.find(({ code }) => countryCode === code)) === null || _a === void 0 ? void 0 : _a.dial_code;
     }, [countries]);
-    var _g = (0, react_1.useState)(value), number = _g[0], setNumber = _g[1];
-    var _h = (0, react_1.useState)(country), selectedCountry = _h[0], setSelectedCountry = _h[1];
-    var _j = (0, react_1.useState)(country), countryCode = _j[0], setCountryCode = _j[1];
-    (0, react_1.useEffect)(function () {
+    const [number, setNumber] = (0, react_1.useState)(value);
+    const [selectedCountry, setSelectedCountry] = (0, react_1.useState)(country);
+    const [countryCode, setCountryCode] = (0, react_1.useState)(country);
+    (0, react_1.useEffect)(() => {
         if (country) {
-            var code = getCountryTelCode(country);
+            const code = getCountryTelCode(country);
             setSelectedCountry(country);
             setCountryCode(code);
         }
     }, [country, getCountryTelCode]);
-    var handleCountryChange = function (e) {
-        var selected = e.target.value;
+    const handleCountryChange = (e) => {
+        const selected = e.target.value;
         if (!selected) {
             setSelectedCountry("");
             setCountryCode("");
@@ -106,34 +46,22 @@ var PhoneNumberInput = function (_a) {
             onChange("");
             return;
         }
-        var code = getCountryTelCode(selected) || "";
+        const code = getCountryTelCode(selected) || "";
         setSelectedCountry(selected);
         setCountryCode(code);
-        onChange(codeValueReturn ? "".concat(code, " ").concat(number).trim() : "".concat(number));
+        onChange(codeValueReturn ? `${code} ${number}`.trim() : `${number}`);
     };
-    var handleNumberChange = function (e) {
+    const handleNumberChange = (e) => {
         if (countryCode) {
-            var numValue = e.target.value;
+            let numValue = e.target.value;
             numValue = numValue.replace(/[^+\d\s]/g, "");
             setNumber(numValue);
-            onChange(codeValueReturn ? "".concat(countryCode, " ").concat(numValue).trim() : "".concat(numValue));
+            onChange(codeValueReturn ? `${countryCode} ${numValue}`.trim() : `${numValue}`);
         }
         else {
             return;
         }
     };
-    return (react_1.default.createElement(react_2.FormControl, { w: width, minW: minW, maxW: maxW },
-        label && (react_1.default.createElement(FormLabel_1.TextLabel, { label: label, id: id, isInformation: isInformation, informationMessage: informationMessage, isRequired: isRequired })),
-        react_1.default.createElement(react_2.InputGroup, __assign({ size: size }, rest),
-            react_1.default.createElement(react_2.InputLeftElement, { width: showCountrySelect ? "3rem" : "2rem", height: "100%" },
-                showCountrySelect && react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(react_2.Select, { position: "absolute", top: "0", left: "0", height: "100%", id: selectId, width: sizeToWidth[size], opacity: 0, zIndex: 1, value: selectedCountry, onChange: handleCountryChange, size: size, pt: sizeToPt[size], iconColor: theme.colors.gray[500] },
-                        react_1.default.createElement("option", { value: "" }, "Select Country"),
-                        countries.map(function (option) { return (react_1.default.createElement("option", { key: option.code, value: option.code }, option.country)); }))),
-                react_1.default.createElement(react_2.Flex, { pl: 2, width: "100%", alignItems: "center", justifyContent: "space-between" }, selectedCountry ? (react_1.default.createElement(react_2.Box, { fontSize: "1.2rem" }, getFlagEmoji(selectedCountry))) : (react_1.default.createElement(react_2.Icon, { viewBox: "0 0 24 24", boxSize: "1rem" },
-                    react_1.default.createElement("path", { fill: "currentColor", d: "M6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.79,14.8 16.33,14.67 16.8,14.82C18.17,15.27 19.65,15.5 21,15.5C21.55,15.5 22,15.95 22,16.5V20C22,20.55 21.55,21 21,21C10.61,21 3,13.39 3,3C3,2.45 3.45,2 4,2H7.5C8.05,2 8.5,2.45 8.5,3C8.5,4.35 8.73,5.83 9.18,7.2C9.33,7.67 9.2,8.21 8.82,8.59L6.62,10.79Z" }))))),
-            react_1.default.createElement(react_2.Input, { type: "tel", pl: showCountrySelect ? "4rem" : "2rem", value: number, id: inputId, onChange: handleNumberChange, onBlur: onBlur, onFocus: onFocus, isReadOnly: isReadOnly, name: name, size: size, height: height, ref: ref, autoComplete: autoComplete, placeholder: placeholder, disabled: !selectedCountry, isInvalid: error })),
-        error && react_1.default.createElement(ErrorMessage_1.default, { errorMessage: errorMessage }),
-        helperText && !error && react_1.default.createElement(HelperText_1.default, { helperText: helperText })));
+    return ((0, jsx_runtime_1.jsxs)(react_2.FormControl, { w: width, minW: minW, maxW: maxW, children: [label && ((0, jsx_runtime_1.jsx)(FormLabel_1.TextLabel, { label: label, id: id, isInformation: isInformation, informationMessage: informationMessage, isRequired: isRequired })), (0, jsx_runtime_1.jsxs)(react_2.InputGroup, { size: size, ...rest, children: [(0, jsx_runtime_1.jsxs)(react_2.InputLeftElement, { width: showCountrySelect ? "3rem" : "2rem", height: "100%", children: [showCountrySelect && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(react_2.Select, { position: "absolute", top: "0", left: "0", height: "100%", id: selectId, width: sizeToWidth[size], opacity: 0, zIndex: 1, value: selectedCountry, onChange: handleCountryChange, size: size, pt: sizeToPt[size], iconColor: theme.colors.gray[500], children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: "Select Country" }), countries.map((option) => ((0, jsx_runtime_1.jsx)("option", { value: option.code, children: option.country }, option.code)))] }) }), (0, jsx_runtime_1.jsx)(react_2.Flex, { pl: 2, width: "100%", alignItems: "center", justifyContent: "space-between", children: selectedCountry ? ((0, jsx_runtime_1.jsx)(react_2.Box, { fontSize: "1.2rem", children: getFlagEmoji(selectedCountry) })) : ((0, jsx_runtime_1.jsx)(react_2.Icon, { viewBox: "0 0 24 24", boxSize: "1rem", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.79,14.8 16.33,14.67 16.8,14.82C18.17,15.27 19.65,15.5 21,15.5C21.55,15.5 22,15.95 22,16.5V20C22,20.55 21.55,21 21,21C10.61,21 3,13.39 3,3C3,2.45 3.45,2 4,2H7.5C8.05,2 8.5,2.45 8.5,3C8.5,4.35 8.73,5.83 9.18,7.2C9.33,7.67 9.2,8.21 8.82,8.59L6.62,10.79Z" }) })) })] }), (0, jsx_runtime_1.jsx)(react_2.Input, { type: "tel", pl: showCountrySelect ? "4rem" : "2rem", value: number, id: inputId, onChange: handleNumberChange, onBlur: onBlur, onFocus: onFocus, isReadOnly: isReadOnly, name: name, size: size, height: height, ref: ref, autoComplete: autoComplete, placeholder: placeholder, disabled: !selectedCountry, isInvalid: error })] }), error && (0, jsx_runtime_1.jsx)(ErrorMessage_1.default, { errorMessage: errorMessage }), helperText && !error && (0, jsx_runtime_1.jsx)(HelperText_1.default, { helperText: helperText })] }));
 };
 exports.default = PhoneNumberInput;

package/dist/Components/Input/PhoneNumberInputProps.d.ts

@@ -34,3 +34,4 @@ export type PhoneNumberInputProps = {
     maxW?: string;
     showCountrySelect?: boolean;
 };
+//# sourceMappingURL=PhoneNumberInputProps.d.ts.map

package/dist/Components/Input/PhoneNumberInputProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneNumberInputProps.d.ts","sourceRoot":"","sources":["../../../src/Components/Input/PhoneNumberInputProps.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IACxB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,aAAa,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAE/B,CAAA"}

package/dist/Components/Input/Switch/InputSwitch.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { SwitchProps } from "@chakra-ui/react";
 export interface ThemedSwitchProps extends SwitchProps {
     switchText?: string;
@@ -9,4 +8,5 @@ export interface ThemedSwitchProps extends SwitchProps {
     label?: string;
     size?: "sm" | "md" | "lg";
 }
-export declare const InputSwitch: ({ switchText, switchTextPosition, id, isChecked, label, isInformation, informationMessage, isRequired, size, ...props }: ThemedSwitchProps) => React.JSX.Element;
+export declare const InputSwitch: ({ switchText, switchTextPosition, id, isChecked, label, isInformation, informationMessage, isRequired, size, ...props }: ThemedSwitchProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputSwitch.d.ts.map

package/dist/Components/Input/Switch/InputSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputSwitch.d.ts","sourceRoot":"","sources":["../../../../src/Components/Input/Switch/InputSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIN,WAAW,EAIX,MAAM,kBAAkB,CAAC;AAI1B,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,GAAI,yHAWzB,iBAAiB,4CAqEnB,CAAC"}

package/dist/Components/Input/Switch/InputSwitch.js

@@ -1,55 +1,23 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputSwitch = void 0;
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-var FormLabel_1 = require("../../Common/FormLabel");
-var useCustomTheme_1 = require("../../../Theme/useCustomTheme");
-var InputSwitch = function (_a) {
-    var switchText = _a.switchText, _b = _a.switchTextPosition, switchTextPosition = _b === void 0 ? "right" : _b, id = _a.id, isChecked = _a.isChecked, label = _a.label, isInformation = _a.isInformation, informationMessage = _a.informationMessage, isRequired = _a.isRequired, _c = _a.size, size = _c === void 0 ? "md" : _c, props = __rest(_a, ["switchText", "switchTextPosition", "id", "isChecked", "label", "isInformation", "informationMessage", "isRequired", "size"]);
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var activeColor = (0, react_2.useColorModeValue)(theme.colors.primary[500], theme.colors.primary[300]);
-    var inactiveColor = (0, react_2.useColorModeValue)(theme.colors.gray[300], theme.colors.gray[600]);
-    var sizeStyles = {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const FormLabel_1 = require("../../Common/FormLabel");
+const useCustomTheme_1 = require("../../../Theme/useCustomTheme");
+const InputSwitch = ({ switchText, switchTextPosition = "right", id, isChecked, label, isInformation, informationMessage, isRequired, size = "md", ...props }) => {
+    const theme = (0, useCustomTheme_1.useCustomTheme)();
+    const activeColor = (0, react_1.useColorModeValue)(theme.colors.primary[500], theme.colors.primary[300]);
+    const inactiveColor = (0, react_1.useColorModeValue)(theme.colors.gray[300], theme.colors.gray[600]);
+    const sizeStyles = {
         sm: { fontSize: "sm", spacing: 1 },
         md: { fontSize: "md", spacing: 2 },
         lg: { fontSize: "lg", spacing: 3 },
     };
-    return (react_1.default.createElement(react_2.FormControl, null,
-        label && (react_1.default.createElement(FormLabel_1.TextLabel, { label: label, id: id, isInformation: isInformation, informationMessage: informationMessage, isRequired: isRequired })),
-        react_1.default.createElement(react_2.Box, { display: "flex", alignItems: "center", flexGrow: 1 },
-            react_1.default.createElement(react_2.HStack, { spacing: sizeStyles[size].spacing },
-                switchText && switchTextPosition === "left" && (react_1.default.createElement(react_2.FormLabel, { mb: "0", htmlFor: id, fontSize: sizeStyles[size].fontSize, cursor: "pointer" }, switchText)),
-                react_1.default.createElement(react_2.Switch, __assign({ id: id, size: size, isChecked: isChecked, colorScheme: "blue", sx: {
-                        "span.chakra-switch__track": {
-                            bg: isChecked ? activeColor : inactiveColor,
-                        },
-                    } }, props)),
-                switchText && switchTextPosition === "right" && (react_1.default.createElement(react_2.FormLabel, { mb: "0", htmlFor: id, fontSize: sizeStyles[size].fontSize, cursor: "pointer" }, switchText))))));
+    return ((0, jsx_runtime_1.jsxs)(react_1.FormControl, { children: [label && ((0, jsx_runtime_1.jsx)(FormLabel_1.TextLabel, { label: label, id: id, isInformation: isInformation, informationMessage: informationMessage, isRequired: isRequired })), (0, jsx_runtime_1.jsx)(react_1.Box, { display: "flex", alignItems: "center", flexGrow: 1, children: (0, jsx_runtime_1.jsxs)(react_1.HStack, { spacing: sizeStyles[size].spacing, children: [switchText && switchTextPosition === "left" && ((0, jsx_runtime_1.jsx)(react_1.FormLabel, { mb: "0", htmlFor: id, fontSize: sizeStyles[size].fontSize, cursor: "pointer", children: switchText })), (0, jsx_runtime_1.jsx)(react_1.Switch, { id: id, size: size, isChecked: isChecked, colorScheme: "blue", sx: {
+                                "span.chakra-switch__track": {
+                                    bg: isChecked ? activeColor : inactiveColor,
+                                },
+                            }, ...props }), switchText && switchTextPosition === "right" && ((0, jsx_runtime_1.jsx)(react_1.FormLabel, { mb: "0", htmlFor: id, fontSize: sizeStyles[size].fontSize, cursor: "pointer", children: switchText }))] }) })] }));
 };
 exports.InputSwitch = InputSwitch;

package/dist/Components/Input/TextInput.d.ts

@@ -2,3 +2,4 @@ import React from "react";
 import { TextInputProps } from "./TextInputProps";
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>>;
 export default _default;
+//# sourceMappingURL=TextInput.d.ts.map

package/dist/Components/Input/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/Components/Input/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;;AA2HlD,wBAAqC"}

package/dist/Components/Input/TextInput.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -43,43 +32,23 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var textInputIconSize_1 = require("./textInputIconSize");
-var FormLabel_1 = require("../Common/FormLabel");
-var HelperText_1 = __importDefault(require("../Common/HelperText"));
-var ErrorMessage_1 = __importDefault(require("../Common/ErrorMessage"));
-var useCustomTheme_1 = require("../../Theme/useCustomTheme");
-var TextInput = (0, react_1.forwardRef)(function (_a, ref) {
-    var label = _a.label, _b = _a.type, type = _b === void 0 ? "text" : _b, id = _a.id, name = _a.name, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isReadOnly, isReadOnly = _d === void 0 ? false : _d, _e = _a.isRequired, isRequired = _e === void 0 ? false : _e, value = _a.value, _f = _a.placeholder, placeholder = _f === void 0 ? "Placeholder" : _f, _g = _a.width, width = _g === void 0 ? "100%" : _g, height = _a.height, error = _a.error, errorMessage = _a.errorMessage, helperText = _a.helperText, onRightIconclick = _a.onRightIconclick, inputRightIcon = _a.inputRightIcon, inputLeftIcon = _a.inputLeftIcon, onLeftIconClick = _a.onLeftIconClick, inputGroupStyle = _a.inputGroupStyle, inputStyle = _a.inputStyle, _h = _a.size, size = _h === void 0 ? "md" : _h, _j = _a.isInformation, isInformation = _j === void 0 ? false : _j, informationMessage = _a.informationMessage, leftElementStyle = _a.leftElementStyle, rightElementStyle = _a.rightElementStyle, autoComplete = _a.autoComplete, minW = _a.minW, maxW = _a.maxW, props = __rest(_a, ["label", "type", "id", "name", "onChange", "onBlur", "onFocus", "isDisabled", "isReadOnly", "isRequired", "value", "placeholder", "width", "height", "error", "errorMessage", "helperText", "onRightIconclick", "inputRightIcon", "inputLeftIcon", "onLeftIconClick", "inputGroupStyle", "inputStyle", "size", "isInformation", "informationMessage", "leftElementStyle", "rightElementStyle", "autoComplete", "minW", "maxW"]);
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var sizeKey = typeof size === "string" ? size : "md";
-    var iconScaleSx = (0, textInputIconSize_1.getTextInputIconWrapperSx)(sizeKey);
-    return (react_1.default.createElement(react_2.FormControl, { w: width, minW: minW, maxW: maxW },
-        label && (react_1.default.createElement(FormLabel_1.TextLabel, { label: label, id: id, isInformation: isInformation, informationMessage: informationMessage, isRequired: isRequired })),
-        react_1.default.createElement(react_2.InputGroup, { style: inputGroupStyle, size: size, height: height },
-            inputLeftIcon && (react_1.default.createElement(react_2.InputLeftElement, __assign({ onClick: onLeftIconClick, pointerEvents: onLeftIconClick ? "auto" : "none" }, leftElementStyle, { height: "100%", display: "flex", alignItems: "center" }),
-                react_1.default.createElement(react_2.Box, { as: "span", sx: iconScaleSx, color: theme.colors.gray[500] }, inputLeftIcon))),
-            react_1.default.createElement(react_2.Input, __assign({ type: type, placeholder: placeholder, onChange: onChange, onBlur: onBlur, onFocus: onFocus, value: value, isDisabled: isDisabled, isReadOnly: isReadOnly, id: id, name: name, size: size }, (height != null && { height: height }), { isInvalid: error, ref: ref, autoComplete: autoComplete }, inputStyle, props)),
-            inputRightIcon && (react_1.default.createElement(react_2.InputRightElement, __assign({ onClick: onRightIconclick, pointerEvents: onRightIconclick ? "auto" : "none" }, rightElementStyle, { height: "100%", display: "flex", alignItems: "center" }),
-                react_1.default.createElement(react_2.Box, { as: "span", sx: iconScaleSx }, inputRightIcon)))),
-        error && react_1.default.createElement(ErrorMessage_1.default, { errorMessage: errorMessage }),
-        helperText && !error && react_1.default.createElement(HelperText_1.default, { helperText: helperText })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_2 = require("@chakra-ui/react");
+const textInputIconSize_1 = require("./textInputIconSize");
+const FormLabel_1 = require("../Common/FormLabel");
+const HelperText_1 = __importDefault(require("../Common/HelperText"));
+const ErrorMessage_1 = __importDefault(require("../Common/ErrorMessage"));
+const useCustomTheme_1 = require("../../Theme/useCustomTheme");
+const TextInput = (0, react_1.forwardRef)(({ label, type = "text", id, name, onChange, onBlur, onFocus, isDisabled = false, isReadOnly = false, isRequired = false, value, placeholder = "Placeholder", width = "100%", height, error, errorMessage, helperText, onRightIconclick, inputRightIcon, inputLeftIcon, onLeftIconClick, inputGroupStyle, inputStyle, size = "md", isInformation = false, informationMessage, leftElementStyle, rightElementStyle, autoComplete, minW, maxW, ...props }, ref) => {
+    const theme = (0, useCustomTheme_1.useCustomTheme)();
+    const sizeKey = typeof size === "string" ? size : "md";
+    const iconScaleSx = (0, textInputIconSize_1.getTextInputIconWrapperSx)(sizeKey);
+    return ((0, jsx_runtime_1.jsxs)(react_2.FormControl, { w: width, minW: minW, maxW: maxW, children: [label && ((0, jsx_runtime_1.jsx)(FormLabel_1.TextLabel, { label: label, id: id, isInformation: isInformation, informationMessage: informationMessage, isRequired: isRequired })), (0, jsx_runtime_1.jsxs)(react_2.InputGroup, { style: inputGroupStyle, size: size, height: height, children: [inputLeftIcon && ((0, jsx_runtime_1.jsx)(react_2.InputLeftElement, { onClick: onLeftIconClick, pointerEvents: onLeftIconClick ? "auto" : "none", ...leftElementStyle, height: "100%", display: "flex", alignItems: "center", children: (0, jsx_runtime_1.jsx)(react_2.Box, { as: "span", sx: iconScaleSx, color: theme.colors.gray[500], children: inputLeftIcon }) })), (0, jsx_runtime_1.jsx)(react_2.Input, { type: type, placeholder: placeholder, onChange: onChange, onBlur: onBlur, onFocus: onFocus, value: value, isDisabled: isDisabled, isReadOnly: isReadOnly, id: id, name: name, size: size, ...(height != null && { height }), isInvalid: error, ref: ref, autoComplete: autoComplete, ...inputStyle, ...props }), inputRightIcon && ((0, jsx_runtime_1.jsx)(react_2.InputRightElement, { onClick: onRightIconclick, pointerEvents: onRightIconclick ? "auto" : "none", ...rightElementStyle, height: "100%", display: "flex", alignItems: "center", children: (0, jsx_runtime_1.jsx)(react_2.Box, { as: "span", sx: iconScaleSx, children: inputRightIcon }) }))] }), error && (0, jsx_runtime_1.jsx)(ErrorMessage_1.default, { errorMessage: errorMessage }), helperText && !error && (0, jsx_runtime_1.jsx)(HelperText_1.default, { helperText: helperText })] }));
 });
 TextInput.displayName = "TextInput";
 exports.default = react_1.default.memo(TextInput);

package/dist/Components/Input/TextInput.stories.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=TextInput.stories.d.ts.map

package/dist/Components/Input/TextInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.stories.d.ts","sourceRoot":"","sources":["../../../src/Components/Input/TextInput.stories.tsx"],"names":[],"mappings":"AA6CA,OAAO,EAAE,CAAC"}

package/dist/Components/Input/TextInput.styles.d.ts

@@ -1,2 +1,3 @@
 import { ComponentStyleConfig } from "@chakra-ui/react";
 export declare const Input: ComponentStyleConfig;
+//# sourceMappingURL=TextInput.styles.d.ts.map

package/dist/Components/Input/TextInput.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.styles.d.ts","sourceRoot":"","sources":["../../../src/Components/Input/TextInput.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,eAAO,MAAM,KAAK,EAAE,oBA+FnB,CAAC"}

package/dist/Components/Input/TextInput.styles.js

@@ -39,19 +39,19 @@ exports.Input = {
         },
     },
     variants: {
-        outline: function (props) {
+        outline: (props) => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-            var theme = props.theme;
-            var errorColor = (_c = (_b = (_a = theme.colors.semantic) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b[500]) !== null && _c !== void 0 ? _c : "red.500";
-            var borderColor = (_e = (_d = theme.colors.boxborder) === null || _d === void 0 ? void 0 : _d[500]) !== null && _e !== void 0 ? _e : "gray.300";
-            var shadowPrimary = (_g = (_f = theme.colors.boxShadow) === null || _f === void 0 ? void 0 : _f.primary) !== null && _g !== void 0 ? _g : "blue.100";
-            var shadowError = (_j = (_h = theme.colors.boxShadow) === null || _h === void 0 ? void 0 : _h.error) !== null && _j !== void 0 ? _j : "red.100";
-            var primary = (_l = (_k = theme.colors.primary) === null || _k === void 0 ? void 0 : _k[500]) !== null && _l !== void 0 ? _l : "blue.500";
+            const { theme } = props;
+            const errorColor = (_c = (_b = (_a = theme.colors.semantic) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b[500]) !== null && _c !== void 0 ? _c : "red.500";
+            const borderColor = (_e = (_d = theme.colors.boxborder) === null || _d === void 0 ? void 0 : _d[500]) !== null && _e !== void 0 ? _e : "gray.300";
+            const shadowPrimary = (_g = (_f = theme.colors.boxShadow) === null || _f === void 0 ? void 0 : _f.primary) !== null && _g !== void 0 ? _g : "blue.100";
+            const shadowError = (_j = (_h = theme.colors.boxShadow) === null || _h === void 0 ? void 0 : _h.error) !== null && _j !== void 0 ? _j : "red.100";
+            const primary = (_l = (_k = theme.colors.primary) === null || _k === void 0 ? void 0 : _k[500]) !== null && _l !== void 0 ? _l : "blue.500";
             return {
                 field: {
                     bg: (_o = (_m = theme.colors.gray) === null || _m === void 0 ? void 0 : _m[50]) !== null && _o !== void 0 ? _o : "gray.50",
                     border: "0.063rem solid",
-                    borderColor: borderColor,
+                    borderColor,
                     _hover: {
                         borderColor: primary,
                         // boxShadow: `0 0 0 0.125rem ${shadowPrimary}`,
@@ -59,12 +59,12 @@ exports.Input = {
                     },
                     _focus: {
                         borderColor: primary,
-                        boxShadow: "0 0 0 0.125rem ".concat(shadowPrimary),
+                        boxShadow: `0 0 0 0.125rem ${shadowPrimary}`,
                         outline: "0"
                     },
                     _invalid: {
                         borderColor: errorColor,
-                        boxShadow: "0 0 0 0.125rem ".concat(shadowError),
+                        boxShadow: `0 0 0 0.125rem ${shadowError}`,
                         _hover: {
                             borderColor: errorColor,
                             // boxShadow: `0 0 0 0.125rem ${shadowError}`,
@@ -72,7 +72,7 @@ exports.Input = {
                         },
                         _focus: {
                             borderColor: errorColor,
-                            boxShadow: "0 0 0 0.125rem ".concat(shadowError),
+                            boxShadow: `0 0 0 0.125rem ${shadowError}`,
                             outline: "0"
                         },
                     },
@@ -85,7 +85,7 @@ exports.Input = {
                         cursor: "not-allowed",
                         _hover: {
                             border: "0.063rem solid",
-                            borderColor: borderColor,
+                            borderColor,
                         },
                     },
                 },

package/dist/Components/Input/TextInputProps.d.ts

@@ -1,4 +1,5 @@
 import { InputProps } from "@chakra-ui/react";
+import type { ReactNode } from "react";
 export type TextInputProps = Pick<InputProps, "value" | "type" | "onChange" | "placeholder" | "onBlur" | "onFocus" | "isDisabled" | "isRequired" | "isReadOnly" | "width" | "height" | "errorBorderColor" | "size" | "onKeyDown" | "onKeyUp" | "onMouseEnter" | "onMouseLeave"> & {
     label?: string;
     id?: string;
@@ -7,17 +8,18 @@ export type TextInputProps = Pick<InputProps, "value" | "type" | "onChange" | "p
     errorMessage?: string;
     helperText?: string;
     onRightIconclick?: () => void;
-    inputRightIcon?: any;
+    inputRightIcon?: ReactNode;
     onLeftIconClick?: () => void;
-    inputLeftIcon?: any;
-    inputStyle?: {};
-    inputGroupStyle?: {};
+    inputLeftIcon?: ReactNode;
+    inputStyle?: object;
+    inputGroupStyle?: object;
     isInformation?: boolean;
     informationMessage?: string;
-    leftElementStyle?: {};
-    rightElementStyle?: {};
+    leftElementStyle?: object;
+    rightElementStyle?: object;
     ref?: React.Ref<HTMLInputElement>;
     autoComplete?: string;
     minW?: string;
     maxW?: string;
 };
+//# sourceMappingURL=TextInputProps.d.ts.map

package/dist/Components/Input/TextInputProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputProps.d.ts","sourceRoot":"","sources":["../../../src/Components/Input/TextInputProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,IAAI,CAC7B,UAAU,EACR,OAAO,GACP,MAAM,GACN,UAAU,GACV,aAAa,GACb,QAAQ,GACR,SAAS,GACT,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,kBAAkB,GAClB,MAAM,GACN,WAAW,GACX,SAAS,GACT,cAAc,GACd,cAAc,CACnB,GAAG;IACA,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/dist/Components/Input/textInputIconSize.d.ts

@@ -4,7 +4,8 @@ import type { SystemStyleObject } from "@chakra-ui/styled-system";
  */
 export declare function getTextInputIconSizePx(size: string | undefined): number;
 /**
- * Scales any SVG in the icon slot (e.g. Lucide) to match field size; plain `fontSize` does not
+ * Scales SVG icons in the icon slot (e.g. Lucide) to match field size; plain `fontSize` does not
  * affect them because they set explicit width/height.
  */
 export declare function getTextInputIconWrapperSx(size: string | undefined): SystemStyleObject;
+//# sourceMappingURL=textInputIconSize.d.ts.map

package/dist/Components/Input/textInputIconSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textInputIconSize.d.ts","sourceRoot":"","sources":["../../../src/Components/Input/textInputIconSize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAWlE;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAGvE;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,MAAM,GAAG,SAAS,GACvB,iBAAiB,CAcnB"}

package/dist/Components/Input/textInputIconSize.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTextInputIconSizePx = getTextInputIconSizePx;
 exports.getTextInputIconWrapperSx = getTextInputIconWrapperSx;
 /** Pixels: aligned with `Input` field density (Chakra `sizes.6`–`12` and typical Lucide use). */
-var TEXT_INPUT_ICON_PX = {
+const TEXT_INPUT_ICON_PX = {
     xs: 14,
     sm: 16,
     md: 18,
@@ -20,11 +20,11 @@ function getTextInputIconSizePx(size) {
     return (_a = TEXT_INPUT_ICON_PX[size]) !== null && _a !== void 0 ? _a : TEXT_INPUT_ICON_PX.md;
 }
 /**
- * Scales any SVG in the icon slot (e.g. Lucide) to match field size; plain `fontSize` does not
+ * Scales SVG icons in the icon slot (e.g. Lucide) to match field size; plain `fontSize` does not
  * affect them because they set explicit width/height.
  */
 function getTextInputIconWrapperSx(size) {
-    var px = getTextInputIconSizePx(size);
+    const px = getTextInputIconSizePx(size);
     return {
         display: "inline-flex",
         alignItems: "center",
@@ -33,8 +33,8 @@ function getTextInputIconWrapperSx(size) {
         flexShrink: 0,
         // Override Lucide/inline width on SVG; cover direct or nested (e.g. one wrapper) icons
         "& > svg, & > * svg, & svg": {
-            width: "".concat(px, "px !important"),
-            height: "".concat(px, "px !important"),
+            width: `${px}px !important`,
+            height: `${px}px !important`,
         },
     };
 }

package/dist/Components/InputTextArea/InputTextArea.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
 import { InputTextAreaProps } from "./InputTextAreaProps";
-export default function InputTextArea({ label, placeholder, value, onChange, size, resize, width, isDisabled, errorBorderColor, focusBorderColor, isReadOnly, isRequired, error, errorMessage, helperText, rows, height, isInformation, informationMessage, id, autoComplete }: InputTextAreaProps): React.JSX.Element;
+export default function InputTextArea({ label, placeholder, value, onChange, size, resize, width, isDisabled, isReadOnly, isRequired, error, errorMessage, helperText, rows, height, isInformation, informationMessage, id, autoComplete }: InputTextAreaProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputTextArea.d.ts.map

package/dist/Components/InputTextArea/InputTextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTextArea.d.ts","sourceRoot":"","sources":["../../../src/Components/InputTextArea/InputTextArea.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK1D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,IAAW,EACX,MAAe,EACf,KAAW,EACX,UAAU,EACV,UAAU,EACV,UAAkB,EAClB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,IAAI,EACJ,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,EAAE,EACF,YAAiB,EAClB,EAAE,kBAAkB,2CA0BpB"}

package/dist/Components/InputTextArea/InputTextArea.js

@@ -4,16 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = InputTextArea;
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-var FormLabel_1 = require("../Common/FormLabel");
-var ErrorMessage_1 = __importDefault(require("../Common/ErrorMessage"));
-var HelperText_1 = __importDefault(require("../Common/HelperText"));
-function InputTextArea(_a) {
-    var label = _a.label, placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.resize, resize = _c === void 0 ? "both" : _c, _d = _a.width, width = _d === void 0 ? 500 : _d, isDisabled = _a.isDisabled, errorBorderColor = _a.errorBorderColor, focusBorderColor = _a.focusBorderColor, isReadOnly = _a.isReadOnly, _e = _a.isRequired, isRequired = _e === void 0 ? false : _e, error = _a.error, errorMessage = _a.errorMessage, helperText = _a.helperText, rows = _a.rows, height = _a.height, isInformation = _a.isInformation, informationMessage = _a.informationMessage, id = _a.id, _f = _a.autoComplete, autoComplete = _f === void 0 ? "" : _f;
-    return (react_1.default.createElement(react_2.FormControl, null,
-        label && react_1.default.createElement(FormLabel_1.TextLabel, { label: label, id: id, isInformation: isInformation, informationMessage: informationMessage, isRequired: isRequired }),
-        react_1.default.createElement(react_2.Textarea, { id: id, placeholder: placeholder, value: value, onChange: onChange, size: size, resize: resize, isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: error, width: width, rows: rows, height: height, autoComplete: autoComplete }),
-        error && react_1.default.createElement(ErrorMessage_1.default, { errorMessage: errorMessage }),
-        helperText && !error && react_1.default.createElement(HelperText_1.default, { helperText: helperText })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const FormLabel_1 = require("../Common/FormLabel");
+const ErrorMessage_1 = __importDefault(require("../Common/ErrorMessage"));
+const HelperText_1 = __importDefault(require("../Common/HelperText"));
+function InputTextArea({ label, placeholder, value, onChange, size = "md", resize = "both", width = 500, isDisabled, isReadOnly, isRequired = false, error, errorMessage, helperText, rows, height, isInformation, informationMessage, id, autoComplete = "" }) {
+    return ((0, jsx_runtime_1.jsxs)(react_1.FormControl, { children: [label && (0, jsx_runtime_1.jsx)(FormLabel_1.TextLabel, { label: label, id: id, isInformation: isInformation, informationMessage: informationMessage, isRequired: isRequired }), (0, jsx_runtime_1.jsx)(react_1.Textarea, { id: id, placeholder: placeholder, value: value, onChange: onChange, size: size, resize: resize, isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: error, width: width, rows: rows, height: height, autoComplete: autoComplete }), error && (0, jsx_runtime_1.jsx)(ErrorMessage_1.default, { errorMessage: errorMessage }), helperText && !error && (0, jsx_runtime_1.jsx)(HelperText_1.default, { helperText: helperText })] }));
 }

package/dist/Components/InputTextArea/InputTextArea.style.d.ts

@@ -1,2 +1,3 @@
 import { ComponentStyleConfig } from "@chakra-ui/react";
 export declare const Textarea: ComponentStyleConfig;
+//# sourceMappingURL=InputTextArea.style.d.ts.map

package/dist/Components/InputTextArea/InputTextArea.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTextArea.style.d.ts","sourceRoot":"","sources":["../../../src/Components/InputTextArea/InputTextArea.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,eAAO,MAAM,QAAQ,EAAE,oBAyEtB,CAAC"}