mytek-components 1.0.2 → 1.0.4

package/dist/{index.js → main.js}

@@ -542,10 +542,10 @@ var DefaultContext = {
   attr: void 0
 };
 var IconContext = React__default.createContext && /* @__PURE__ */ React__default.createContext(DefaultContext);
-var _excluded$4 = ["attr", "size", "title"];
+var _excluded$3 = ["attr", "size", "title"];
 function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose$5(source, excluded);
+  var target = _objectWithoutPropertiesLoose$4(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -558,7 +558,7 @@ function _objectWithoutProperties(source, excluded) {
   }
   return target;
 }
-function _objectWithoutPropertiesLoose$5(source, excluded) {
+function _objectWithoutPropertiesLoose$4(source, excluded) {
   if (source == null) return {};
   var target = {};
   for (var key in source) {
@@ -643,7 +643,7 @@ function IconBase(props) {
       attr,
       size,
       title
-    } = props, svgProps = _objectWithoutProperties(props, _excluded$4);
+    } = props, svgProps = _objectWithoutProperties(props, _excluded$3);
     var computedSize = size || conf.size || "1em";
     var className;
     if (conf.className) className = conf.className;
@@ -6145,7 +6145,7 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-function _objectWithoutPropertiesLoose$4(r2, e) {
+function _objectWithoutPropertiesLoose$3(r2, e) {
   if (null == r2) return {};
   var t = {};
   for (var n in r2) if ({}.hasOwnProperty.call(r2, n)) {
@@ -6410,7 +6410,7 @@ var Transition = /* @__PURE__ */ function(_React$Component) {
     _this$props.onExiting;
     _this$props.onExited;
     _this$props.nodeRef;
-    var childProps = _objectWithoutPropertiesLoose$4(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    var childProps = _objectWithoutPropertiesLoose$3(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
     return (
       // allows for nested Transitions
       /* @__PURE__ */ React__default.createElement(TransitionGroupContext.Provider, {
@@ -6770,7 +6770,7 @@ var TransitionGroup = /* @__PURE__ */ function(_React$Component) {
     }
   };
   _proto.render = function render() {
-    var _this$props = this.props, Component = _this$props.component, childFactory2 = _this$props.childFactory, props = _objectWithoutPropertiesLoose$4(_this$props, ["component", "childFactory"]);
+    var _this$props = this.props, Component = _this$props.component, childFactory2 = _this$props.childFactory, props = _objectWithoutPropertiesLoose$3(_this$props, ["component", "childFactory"]);
     var contextValue = this.state.contextValue;
     var children = values(this.state.children).map(childFactory2);
     delete props.appear;
@@ -11105,6 +11105,9 @@ const Form$1 = Object.assign(Form, {
   Select: FormSelect,
   FloatingLabel
 });
+function FaCheck(props) {
+  return GenIcon({ "attr": { "viewBox": "0 0 512 512" }, "child": [{ "tag": "path", "attr": { "d": "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" }, "child": [] }] })(props);
+}
 function FaChevronDown(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 448 512" }, "child": [{ "tag": "path", "attr": { "d": "M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" }, "child": [] }] })(props);
 }
@@ -11622,98 +11625,6 @@ global.navigator && // @ts-ignore
 global.navigator.product === "ReactNative";
 const isDOM$1 = typeof document !== "undefined";
 const useIsomorphicEffect$1 = isDOM$1 || isReactNative$1 ? useLayoutEffect : useEffect;
-const _excluded$3 = ["as", "disabled"];
-function _objectWithoutPropertiesLoose$3(r2, e) {
-  if (null == r2) return {};
-  var t = {};
-  for (var n in r2) if ({}.hasOwnProperty.call(r2, n)) {
-    if (e.indexOf(n) >= 0) continue;
-    t[n] = r2[n];
-  }
-  return t;
-}
-function isTrivialHref(href) {
-  return !href || href.trim() === "#";
-}
-function useButtonProps({
-  tagName,
-  disabled,
-  href,
-  target,
-  rel,
-  role,
-  onClick,
-  tabIndex = 0,
-  type
-}) {
-  if (!tagName) {
-    if (href != null || target != null || rel != null) {
-      tagName = "a";
-    } else {
-      tagName = "button";
-    }
-  }
-  const meta = {
-    tagName
-  };
-  if (tagName === "button") {
-    return [{
-      type: type || "button",
-      disabled
-    }, meta];
-  }
-  const handleClick = (event) => {
-    if (disabled || tagName === "a" && isTrivialHref(href)) {
-      event.preventDefault();
-    }
-    if (disabled) {
-      event.stopPropagation();
-      return;
-    }
-    onClick == null ? void 0 : onClick(event);
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === " ") {
-      event.preventDefault();
-      handleClick(event);
-    }
-  };
-  if (tagName === "a") {
-    href || (href = "#");
-    if (disabled) {
-      href = void 0;
-    }
-  }
-  return [{
-    role: role != null ? role : "button",
-    // explicitly undefined so that it overrides the props disabled in a spread
-    // e.g. <Tag {...props} {...hookProps} />
-    disabled: void 0,
-    tabIndex: disabled ? void 0 : tabIndex,
-    href,
-    target: tagName === "a" ? target : void 0,
-    "aria-disabled": !disabled ? void 0 : disabled,
-    rel: tagName === "a" ? rel : void 0,
-    onClick: handleClick,
-    onKeyDown: handleKeyDown
-  }, meta];
-}
-const Button$1 = /* @__PURE__ */ React.forwardRef((_ref, ref) => {
-  let {
-    as: asProp,
-    disabled
-  } = _ref, props = _objectWithoutPropertiesLoose$3(_ref, _excluded$3);
-  const [buttonProps, {
-    tagName: Component
-  }] = useButtonProps(Object.assign({
-    tagName: asProp,
-    disabled
-  }, props));
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Component, Object.assign({}, props, buttonProps, {
-    ref
-  }));
-});
-Button$1.displayName = "Button";
 const fadeStyles = {
   [ENTERING]: "show",
   [ENTERED]: "show"
@@ -11750,34 +11661,6 @@ const Fade = /* @__PURE__ */ React.forwardRef(({
   });
 });
 Fade.displayName = "Fade";
-const Button = /* @__PURE__ */ React.forwardRef(({
-  as,
-  bsPrefix,
-  variant = "primary",
-  size,
-  active = false,
-  disabled = false,
-  className,
-  ...props
-}, ref) => {
-  const prefix = useBootstrapPrefix(bsPrefix, "btn");
-  const [buttonProps, {
-    tagName
-  }] = useButtonProps({
-    tagName: as,
-    disabled,
-    ...props
-  });
-  const Component = tagName;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Component, {
-    ...buttonProps,
-    ...props,
-    ref,
-    disabled,
-    className: classNames(className, prefix, active && "active", variant && `${prefix}-${variant}`, size && `${prefix}-${size}`, props.href && disabled && "disabled")
-  });
-});
-Button.displayName = "Button";
 function useMounted() {
   const mounted = useRef(true);
   const isMounted = useRef(() => mounted.current);
@@ -16329,368 +16212,6 @@ function requireLib() {
 }
 var libExports = requireLib();
 const PhoneInput = /* @__PURE__ */ getDefaultExportFromCjs(libExports);
-const countryPhoneRules = {
-  "+93": { length: 9, startsWith: /^[7]/ },
-  // Afghanistan: mobile starts with 7
-  "+355": { length: 9, startsWith: /^[6]/ },
-  // Albania: mobile starts with 6
-  "+213": { length: 9, startsWith: /^[5-7]/ },
-  // Algeria: mobile starts with 5,6,7
-  "+376": { length: 6, startsWith: /^[3,6]/ },
-  // Andorra: mobile starts with 3,6
-  "+244": { length: 9, startsWith: /^[9]/ },
-  // Angola: mobile starts with 9
-  "+1264": { length: 7, startsWith: /^[2-9]/ },
-  // Anguilla: follows NANP
-  "+1268": { length: 7, startsWith: /^[2-9]/ },
-  // Antigua and Barbuda: follows NANP
-  "+54": { length: 10, startsWith: /^[9]/ },
-  // Argentina: mobile starts with 9
-  "+374": { length: 8, startsWith: /^[4,7,9]/ },
-  // Armenia: mobile starts with 4,7,9
-  "+297": { length: 7, startsWith: /^[5,6,7]/ },
-  // Aruba: mobile starts with 5,6,7
-  "+61": { length: 9, startsWith: /^[4]/ },
-  // Australia: mobile starts with 4
-  "+43": { length: 10, startsWith: /^[6]/ },
-  // Austria: mobile starts with 6
-  "+994": { length: 9, startsWith: /^[4,5,7]/ },
-  // Azerbaijan: mobile starts with 4,5,7
-  "+1242": { length: 7, startsWith: /^[2-9]/ },
-  // Bahamas: follows NANP
-  "+973": { length: 8, startsWith: /^[3]/ },
-  // Bahrain: mobile starts with 3
-  "+880": { length: 10, startsWith: /^[1]/ },
-  // Bangladesh: mobile starts with 1
-  "+1246": { length: 7, startsWith: /^[2-9]/ },
-  // Barbados: follows NANP
-  "+375": { length: 9, startsWith: /^[2,3]/ },
-  // Belarus: mobile starts with 2,3
-  "+32": { length: 9, startsWith: /^[4]/ },
-  // Belgium: mobile starts with 4
-  "+501": { length: 7, startsWith: /^[6]/ },
-  // Belize: mobile starts with 6
-  "+229": { length: 8, startsWith: /^[9]/ },
-  // Benin: mobile starts with 9
-  "+1441": { length: 7, startsWith: /^[2-9]/ },
-  // Bermuda: follows NANP
-  "+975": { length: 8, startsWith: /^[1,7]/ },
-  // Bhutan: mobile starts with 1,7
-  "+591": { length: 8, startsWith: /^[6-7]/ },
-  // Bolivia: mobile starts with 6,7
-  "+387": { length: 8, startsWith: /^[6]/ },
-  // Bosnia: mobile starts with 6
-  "+267": { length: 8, startsWith: /^[7]/ },
-  // Botswana: mobile starts with 7
-  "+55": { length: 11, startsWith: /^[1-9]/ },
-  // Brazil: varies by region
-  "+673": { length: 7, startsWith: /^[7-8]/ },
-  // Brunei: mobile starts with 7,8
-  "+359": { length: 9, startsWith: /^[8-9]/ },
-  // Bulgaria: mobile starts with 8,9
-  "+226": { length: 8, startsWith: /^[5-7]/ },
-  // Burkina Faso: mobile starts with 5,6,7
-  "+855": { length: 9, startsWith: /^[1,6-9]/ },
-  // Cambodia: mobile starts with 1,6,7,8,9
-  "+237": { length: 9, startsWith: /^[6]/ },
-  // Cameroon: mobile starts with 6
-  "+1": { length: 10, startsWith: /^[2-9]/ },
-  // Canada: follows NANP
-  "+238": { length: 7, startsWith: /^[5,9]/ },
-  // Cape Verde: mobile starts with 5,9
-  "+1345": { length: 7, startsWith: /^[2-9]/ },
-  // Cayman Islands: follows NANP
-  "+236": { length: 8, startsWith: /^[7]/ },
-  // Central African Republic: mobile starts with 7
-  "+235": { length: 8, startsWith: /^[6]/ },
-  // Chad: mobile starts with 6
-  "+56": { length: 9, startsWith: /^[9]/ },
-  // Chile: mobile starts with 9
-  "+86": { length: 11, startsWith: /^[1]/ },
-  // China: mobile starts with 1
-  "+57": { length: 10, startsWith: /^[3]/ },
-  // Colombia: mobile starts with 3
-  "+269": { length: 7, startsWith: /^[3]/ },
-  // Comoros: mobile starts with 3
-  "+506": { length: 8, startsWith: /^[6-8]/ },
-  // Costa Rica: mobile starts with 6,7,8
-  "+385": { length: 9, startsWith: /^[9]/ },
-  // Croatia: mobile starts with 9
-  "+53": { length: 8, startsWith: /^[5]/ },
-  // Cuba: mobile starts with 5
-  "+357": { length: 8, startsWith: /^[9]/ },
-  // Cyprus: mobile starts with 9
-  "+420": { length: 9, startsWith: /^[6,7]/ },
-  // Czech Republic: mobile starts with 6,7
-  "+45": { length: 8, startsWith: /^[2-3,5-9]/ },
-  // Denmark: mobile starts with 2,3,5-9
-  "+253": { length: 8, startsWith: /^[7]/ },
-  // Djibouti: mobile starts with 7
-  "+1767": { length: 7, startsWith: /^[2-9]/ },
-  // Dominica: follows NANP
-  "+1809": { length: 7, startsWith: /^[2-9]/ },
-  // Dominican Republic: follows NANP
-  "+593": { length: 9, startsWith: /^[9]/ },
-  // Ecuador: mobile starts with 9
-  "+20": { length: 10, startsWith: /^[1]/ },
-  // Egypt: mobile starts with 1
-  "+503": { length: 8, startsWith: /^[7]/ },
-  // El Salvador: mobile starts with 7
-  "+240": { length: 9, startsWith: /^[2]/ },
-  // Equatorial Guinea: mobile starts with 2
-  "+372": { length: 8, startsWith: /^[5]/ },
-  // Estonia: mobile starts with 5
-  "+251": { length: 9, startsWith: /^[9]/ },
-  // Ethiopia: mobile starts with 9
-  "+679": { length: 7, startsWith: /^[7,9]/ },
-  // Fiji: mobile starts with 7,9
-  "+358": { length: 9, startsWith: /^[4,5]/ },
-  // Finland: mobile starts with 4,5
-  "+33": { length: 9, startsWith: /^[6,7]/ },
-  // France: mobile starts with 6,7
-  "+241": { length: 8, startsWith: /^[0,1,2,5-9]/ },
-  // Gabon: mobile starts with 0,1,2,5-9
-  "+220": { length: 7, startsWith: /^[7,9]/ },
-  // Gambia: mobile starts with 7,9
-  "+995": { length: 9, startsWith: /^[5]/ },
-  // Georgia: mobile starts with 5
-  "+49": { length: 11, startsWith: /^[1]/ },
-  // Germany: mobile starts with 1
-  "+233": { length: 9, startsWith: /^[2]/ },
-  // Ghana: mobile starts with 2
-  "+30": { length: 10, startsWith: /^[6,7]/ },
-  // Greece: mobile starts with 6,7
-  "+299": { length: 6, startsWith: /^[4,5]/ },
-  // Greenland: mobile starts with 4,5
-  "+1473": { length: 7, startsWith: /^[2-9]/ },
-  // Grenada: follows NANP
-  "+502": { length: 8, startsWith: /^[4,5]/ },
-  // Guatemala: mobile starts with 4,5
-  "+224": { length: 9, startsWith: /^[6]/ },
-  // Guinea: mobile starts with 6
-  "+245": { length: 7, startsWith: /^[5,6,7]/ },
-  // Guinea-Bissau: mobile starts with 5,6,7
-  "+592": { length: 7, startsWith: /^[6]/ },
-  // Guyana: mobile starts with 6
-  "+509": { length: 8, startsWith: /^[3,4]/ },
-  // Haiti: mobile starts with 3,4
-  "+504": { length: 8, startsWith: /^[3,7,8,9]/ },
-  // Honduras: mobile starts with 3,7,8,9
-  "+852": { length: 8, startsWith: /^[5-9]/ },
-  // Hong Kong: mobile starts with 5-9
-  "+36": { length: 9, startsWith: /^[2,3,7]/ },
-  // Hungary: mobile starts with 2,3,7
-  "+354": { length: 7, startsWith: /^[6,7,8]/ },
-  // Iceland: mobile starts with 6,7,8
-  "+91": { length: 10, startsWith: /^[6-9]/ },
-  // India: mobile starts with 6,7,8,9
-  "+62": { length: 10, startsWith: /^[8]/ },
-  // Indonesia: mobile starts with 8
-  "+98": { length: 10, startsWith: /^[9]/ },
-  // Iran: mobile starts with 9
-  "+964": { length: 10, startsWith: /^[7]/ },
-  // Iraq: mobile starts with 7
-  "+353": { length: 9, startsWith: /^[8]/ },
-  // Ireland: mobile starts with 8
-  "+972": { length: 9, startsWith: /^[5]/ },
-  // Israel: mobile starts with 5
-  "+39": { length: 10, startsWith: /^[3]/ },
-  // Italy: mobile starts with 3
-  "+225": { length: 8, startsWith: /^[0,4-8]/ },
-  // Ivory Coast: mobile starts with 0,4-8
-  "+1876": { length: 7, startsWith: /^[2-9]/ },
-  // Jamaica: follows NANP
-  "+81": { length: 10, startsWith: /^[7-9]/ },
-  // Japan: mobile starts with 7,8,9
-  "+962": { length: 9, startsWith: /^[7]/ },
-  // Jordan: mobile starts with 7
-  "+7": { length: 10, startsWith: /^[9]/ },
-  // Kazakhstan: mobile starts with 9
-  "+254": { length: 9, startsWith: /^[7]/ },
-  // Kenya: mobile starts with 7
-  "+965": { length: 8, startsWith: /^[5,6,9]/ },
-  // Kuwait: mobile starts with 5,6,9
-  "+996": { length: 9, startsWith: /^[5,7]/ },
-  // Kyrgyzstan: mobile starts with 5,7
-  "+856": { length: 10, startsWith: /^[2]/ },
-  // Laos: mobile starts with 2
-  "+371": { length: 8, startsWith: /^[2]/ },
-  // Latvia: mobile starts with 2
-  "+961": { length: 8, startsWith: /^[3,7]/ },
-  // Lebanon: mobile starts with 3,7
-  "+266": { length: 8, startsWith: /^[5,6]/ },
-  // Lesotho: mobile starts with 5,6
-  "+231": { length: 8, startsWith: /^[4,5,6,7]/ },
-  // Liberia: mobile starts with 4,5,6,7
-  "+218": { length: 9, startsWith: /^[9]/ },
-  // Libya: mobile starts with 9
-  "+423": { length: 7, startsWith: /^[7]/ },
-  // Liechtenstein: mobile starts with 7
-  "+370": { length: 8, startsWith: /^[6]/ },
-  // Lithuania: mobile starts with 6
-  "+352": { length: 9, startsWith: /^[6]/ },
-  // Luxembourg: mobile starts with 6
-  "+853": { length: 8, startsWith: /^[6]/ },
-  // Macau: mobile starts with 6
-  "+261": { length: 9, startsWith: /^[3]/ },
-  // Madagascar: mobile starts with 3
-  "+265": { length: 9, startsWith: /^[8,9]/ },
-  // Malawi: mobile starts with 8,9
-  "+60": { length: 9, startsWith: /^[1]/ },
-  // Malaysia: mobile starts with 1
-  "+960": { length: 7, startsWith: /^[7,9]/ },
-  // Maldives: mobile starts with 7,9
-  "+223": { length: 8, startsWith: /^[6,7]/ },
-  // Mali: mobile starts with 6,7
-  "+356": { length: 8, startsWith: /^[7,9]/ },
-  // Malta: mobile starts with 7,9
-  "+692": { length: 7, startsWith: /^[4]/ },
-  // Marshall Islands: mobile starts with 4
-  "+222": { length: 8, startsWith: /^[2,3,4]/ },
-  // Mauritania: mobile starts with 2,3,4
-  "+230": { length: 8, startsWith: /^[5]/ },
-  // Mauritius: mobile starts with 5
-  "+52": { length: 10, startsWith: /^[1-9]/ },
-  // Mexico: varies by region
-  "+373": { length: 8, startsWith: /^[6,7]/ },
-  // Moldova: mobile starts with 6,7
-  "+377": { length: 8, startsWith: /^[4,6]/ },
-  // Monaco: mobile starts with 4,6
-  "+976": { length: 8, startsWith: /^[8,9]/ },
-  // Mongolia: mobile starts with 8,9
-  "+382": { length: 8, startsWith: /^[6]/ },
-  // Montenegro: mobile starts with 6
-  "+212": { length: 9, startsWith: /^[6]/ },
-  // Morocco: mobile starts with 6
-  "+258": { length: 9, startsWith: /^[8]/ },
-  // Mozambique: mobile starts with 8
-  "+95": { length: 9, startsWith: /^[9]/ },
-  // Myanmar: mobile starts with 9
-  "+264": { length: 9, startsWith: /^[8]/ },
-  // Namibia: mobile starts with 8
-  "+977": { length: 10, startsWith: /^[9]/ },
-  // Nepal: mobile starts with 9
-  "+31": { length: 9, startsWith: /^[6]/ },
-  // Netherlands: mobile starts with 6
-  "+64": { length: 9, startsWith: /^[2]/ },
-  // New Zealand: mobile starts with 2
-  "+505": { length: 8, startsWith: /^[8]/ },
-  // Nicaragua: mobile starts with 8
-  "+227": { length: 8, startsWith: /^[9]/ },
-  // Niger: mobile starts with 9
-  "+234": { length: 10, startsWith: /^[7,8,9]/ },
-  // Nigeria: mobile starts with 7,8,9
-  "+850": { length: 9, startsWith: /^[1]/ },
-  // North Korea: mobile starts with 1
-  "+47": { length: 8, startsWith: /^[4,9]/ },
-  // Norway: mobile starts with 4,9
-  "+968": { length: 8, startsWith: /^[9]/ },
-  // Oman: mobile starts with 9
-  "+92": { length: 10, startsWith: /^[3]/ },
-  // Pakistan: mobile starts with 3
-  "+970": { length: 9, startsWith: /^[5]/ },
-  // Palestine: mobile starts with 5
-  "+507": { length: 8, startsWith: /^[6]/ },
-  // Panama: mobile starts with 6
-  "+675": { length: 8, startsWith: /^[7]/ },
-  // Papua New Guinea: mobile starts with 7
-  "+595": { length: 9, startsWith: /^[9]/ },
-  // Paraguay: mobile starts with 9
-  "+51": { length: 9, startsWith: /^[9]/ },
-  // Peru: mobile starts with 9
-  "+63": { length: 10, startsWith: /^[9]/ },
-  // Philippines: mobile starts with 9
-  "+48": { length: 9, startsWith: /^[5,6,7,8]/ },
-  // Poland: mobile starts with 5,6,7,8
-  "+351": { length: 9, startsWith: /^[9]/ },
-  // Portugal: mobile starts with 9
-  "+974": { length: 8, startsWith: /^[3,5,6,7]/ },
-  // Qatar: mobile starts with 3,5,6,7
-  "+40": { length: 9, startsWith: /^[7]/ },
-  // Romania: mobile starts with 7
-  "+07": { length: 10, startsWith: /^[9]/ },
-  // Russia: mobile starts with 9
-  "+250": { length: 9, startsWith: /^[7]/ },
-  // Rwanda: mobile starts with 7
-  "+966": { length: 9, startsWith: /^[5]/ },
-  // Saudi Arabia: mobile starts with 5
-  "+221": { length: 9, startsWith: /^[7]/ },
-  // Senegal: mobile starts with 7
-  "+381": { length: 9, startsWith: /^[6]/ },
-  // Serbia: mobile starts with 6
-  "+248": { length: 7, startsWith: /^[2]/ },
-  // Seychelles: mobile starts with 2
-  "+232": { length: 8, startsWith: /^[7,9]/ },
-  // Sierra Leone: mobile starts with 7,9
-  "+65": { length: 8, startsWith: /^[8,9]/ },
-  // Singapore: mobile starts with 8,9
-  "+421": { length: 9, startsWith: /^[9]/ },
-  // Slovakia: mobile starts with 9
-  "+386": { length: 8, startsWith: /^[3,4]/ },
-  // Slovenia: mobile starts with 3,4
-  "+252": { length: 8, startsWith: /^[6,7]/ },
-  // Somalia: mobile starts with 6,7
-  "+27": { length: 9, startsWith: /^[6,7,8]/ },
-  // South Africa: mobile starts with 6,7,8
-  "+82": { length: 10, startsWith: /^[1]/ },
-  // South Korea: mobile starts with 1
-  "+211": { length: 9, startsWith: /^[9]/ },
-  // South Sudan: mobile starts with 9
-  "+34": { length: 9, startsWith: /^[6,7]/ },
-  // Spain: mobile starts with 6,7
-  "+94": { length: 9, startsWith: /^[7]/ },
-  // Sri Lanka: mobile starts with 7
-  "+249": { length: 9, startsWith: /^[9]/ },
-  // Sudan: mobile starts with 9
-  "+597": { length: 7, startsWith: /^[6,7,8]/ },
-  // Suriname: mobile starts with 6,7,8
-  "+46": { length: 9, startsWith: /^[7]/ },
-  // Sweden: mobile starts with 7
-  "+41": { length: 9, startsWith: /^[7]/ },
-  // Switzerland: mobile starts with 7
-  "+963": { length: 9, startsWith: /^[9]/ },
-  // Syria: mobile starts with 9
-  "+886": { length: 9, startsWith: /^[9]/ },
-  // Taiwan: mobile starts with 9
-  "+992": { length: 9, startsWith: /^[9]/ },
-  // Tajikistan: mobile starts with 9
-  "+255": { length: 9, startsWith: /^[6,7]/ },
-  // Tanzania: mobile starts with 6,7
-  "+66": { length: 9, startsWith: /^[6,8,9]/ },
-  // Thailand: mobile starts with 6,8,9
-  "+228": { length: 8, startsWith: /^[9]/ },
-  // Togo: mobile starts with 9
-  "+216": { length: 8, startsWith: /^[2,4,5,9]/ },
-  // Tunisia: mobile starts with 2,4,5,9
-  "+90": { length: 10, startsWith: /^[5]/ },
-  // Turkey: mobile starts with 5
-  "+993": { length: 8, startsWith: /^[6]/ },
-  // Turkmenistan: mobile starts with 6
-  "+256": { length: 9, startsWith: /^[7]/ },
-  // Uganda: mobile starts with 7
-  "+380": { length: 9, startsWith: /^[5,6,7,9]/ },
-  // Ukraine: mobile starts with 5,6,7,9
-  "+971": { length: 9, startsWith: /^[5]/ },
-  // UAE: mobile starts with 5
-  "+44": { length: 10, startsWith: /^[7]/ },
-  // UK: mobile starts with 7
-  "+01": { length: 10, startsWith: /^[2-9]/ },
-  // USA: follows NANP
-  "+598": { length: 8, startsWith: /^[9]/ },
-  // Uruguay: mobile starts with 9
-  "+998": { length: 9, startsWith: /^[9]/ },
-  // Uzbekistan: mobile starts with 9
-  "+58": { length: 10, startsWith: /^[4]/ },
-  // Venezuela: mobile starts with 4
-  "+84": { length: 9, startsWith: /^[3,5,7,8,9]/ },
-  // Vietnam: mobile starts with 3,5,7,8,9
-  "+967": { length: 9, startsWith: /^[7]/ },
-  // Yemen: mobile starts with 7
-  "+260": { length: 9, startsWith: /^[9]/ },
-  // Zambia: mobile starts with 9
-  "+263": { length: 9, startsWith: /^[7]/ }
-  // Zimbabwe: mobile starts with 7
-};
 const formatNumberIndian = (num) => {
   const [integer, decimal] = num.toString().split(".");
   const lastThree = integer.slice(-3);
@@ -16773,6 +16294,7 @@ const CustomInput = ({
   name,
   type = "text",
   category,
+  subCategory,
   label,
   placeholder,
   height: height2,
@@ -16788,20 +16310,29 @@ const CustomInput = ({
   maxLength,
   isRequired = false,
   currency,
-  //   loader = false,
+  // loader = false,
   backgroundColor: backgroundColor2,
-  color: color2
+  validationStatus,
+  originalValue,
+  onValidationChange,
+  // color,
+  showTimer,
+  timer
 }) => {
   const [countryCode, setCountryCode] = useState("IN");
   const [nationalNumber, setNationalNumber] = useState("");
   const [error, setError] = useState("");
   const [showPassword, setShowPassword] = useState(false);
   const [amountInWords, setAmountInWords] = useState("");
-  const [enable, setEnable] = useState(button == null ? void 0 : button.disabled);
+  const [enable, setEnable] = useState(true);
+  console.log(enable);
   const validate = (val) => {
     const raw = category === "amount" ? removeCommas(val) : val;
     if (!isRequired && !val) {
       setError("");
+      if (onValidationChange) {
+        onValidationChange(name, true);
+      }
       return true;
     }
     switch (category) {
@@ -16819,15 +16350,20 @@ const CustomInput = ({
         break;
       case "email": {
         if (!val) {
+          setEnable(true);
           return setError("Email is required");
         } else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(val)) {
+          setEnable(true);
           return setError("Invalid email");
         } else {
-          return setError("");
+          setError("");
+          setEnable(false);
         }
+        break;
       }
       case "mobile":
         if (val.length !== 10) return setError("Invalid mobile number");
+        if (val.length == 10) setEnable(true);
         break;
       case "aadhaar":
         setEnable(true);
@@ -16838,7 +16374,13 @@ const CustomInput = ({
         }
         break;
       case "pincode":
-        if (val.length !== 6) return setError("Invalid pincode");
+        setEnable(true);
+        if (val.length !== 6) {
+          setError("Invalid pincode");
+        } else {
+          setError("");
+          setEnable(false);
+        }
         break;
       case "gst":
         var gstin = val.toUpperCase();
@@ -16884,7 +16426,15 @@ const CustomInput = ({
         setEnable(true);
         if (panLength === 0) {
           setError("");
-        } else if (panLength >= 1 && panLength <= 5) {
+        } else if (subCategory === "P" && panLength >= 4 && pan[3] !== "P") {
+          return setError("Please enter a valid Individual PAN");
+        } else if (subCategory === "O" && panLength >= 4) {
+          const validOrgTypes = ["C", "F", "A", "T", "B", "L", "J", "G"];
+          if (!validOrgTypes.includes(pan[3])) {
+            return setError(`Please enter a valid Organization PAN`);
+          }
+        }
+        if (panLength >= 1 && panLength <= 5) {
           if (!/^[A-Z]{1,5}$/.test(pan)) {
             return setError("PAN should follow the format: ABCDE1234F");
           }
@@ -16897,30 +16447,111 @@ const CustomInput = ({
             return setError("PAN should follow the format: ABCDE1234F");
           }
           setEnable(false);
-        } else {
+        } else if (panLength > 10) {
           return setError("PAN should follow the format: ABCDE1234F");
         }
         break;
+      case "cin":
+        var cin = val.toUpperCase();
+        var cinLength = cin.length;
+        setEnable(true);
+        if (cinLength === 0) {
+          setError("");
+        } else if (cinLength === 1) {
+          if (!/^[UL]$/.test(cin)) {
+            return setError("CIN should follow the format: U12345AB1234PTC123456");
+          }
+        } else if (cinLength >= 2 && cinLength <= 6) {
+          if (!/^[UL][0-9]{1,5}$/.test(cin)) {
+            return setError("CIN should follow the format: U12345AB1234PTC123456");
+          }
+        } else if (cinLength >= 7 && cinLength <= 8) {
+          if (!/^[UL][0-9]{5}[A-Z]{1,2}$/.test(cin)) {
+            return setError("CIN should follow the format: U12345AB1234PTC123456");
+          }
+        } else if (cinLength >= 9 && cinLength <= 12) {
+          if (!/^[UL][0-9]{5}[A-Z]{2}[0-9]{1,4}$/.test(cin)) {
+            return setError("CIN should follow the format: U12345AB1234PTC123456");
+          }
+        } else if (cinLength >= 13 && cinLength <= 15) {
+          if (!/^[UL][0-9]{5}[A-Z]{2}[0-9]{4}[A-Z]{1,3}$/.test(cin)) {
+            return setError("CIN should follow the format: U12345AB1234PTC123456");
+          }
+        } else if (cinLength >= 16 && cinLength <= 20) {
+          if (!/^[UL][0-9]{5}[A-Z]{2}[0-9]{4}[A-Z]{3}[0-9]{1,5}$/.test(cin)) {
+            return setError("CIN should follow the format: U12345AB1234PTC123456");
+          }
+        } else if (cinLength === 21) {
+          if (!/^[UL][0-9]{5}[A-Z]{2}[0-9]{4}[A-Z]{3}[0-9]{6}$/.test(cin)) {
+            return setError("CIN should follow the format: U12345AB1234PTC123456");
+          }
+          setEnable(false);
+        } else {
+          return setError("CIN should follow the format: U12345AB1234PTC123456");
+        }
+        break;
       case "password": {
         if (!val) {
-          return setError("Password is required");
+          setError("Password is required");
+          if (onValidationChange) {
+            onValidationChange(name, false);
+          }
+          return false;
         } else if (!/^(?=.*[a-z])(?=.*[A-Z])(?=.*[^A-Za-z0-9])(?=.{8,})/.test(val)) {
-          return setError(
+          setError(
             "Password must be at least 8 characters long and include at least one uppercase letter, one lowercase letter, and one special character."
           );
+          if (onValidationChange) {
+            onValidationChange(name, false);
+          }
+          return false;
         } else {
-          return setError("");
+          setError("");
+          if (onValidationChange) {
+            onValidationChange(name, true);
+          }
+          return true;
         }
       }
+      case "confirmPassword":
+        if (!val) {
+          setError("Confirm Password is required");
+          if (onValidationChange) {
+            onValidationChange(name, false);
+          }
+          return false;
+        } else if (val !== originalValue) {
+          setError("Passwords do not match");
+          if (onValidationChange) {
+            onValidationChange(name, false);
+          }
+          return false;
+        } else {
+          setError("");
+          if (onValidationChange) {
+            onValidationChange(name, true);
+          }
+          return true;
+        }
     }
     setError("");
+    if (onValidationChange) {
+      onValidationChange(name, true);
+    }
     return true;
   };
+  useEffect(() => {
+    if (category === "confirmPassword" && value && originalValue) {
+      validate(value);
+    }
+  }, [originalValue]);
   const handleChange = (e) => {
     let val;
     if (category == "mobile") {
+      alert(val.length);
       console.log(e);
       val = e;
+      validate(val);
     } else {
       val = e.target.value;
     }
@@ -16954,6 +16585,7 @@ const CustomInput = ({
       case "email":
         val = val.toLowerCase();
         onChange(name, val);
+        validate(val);
         break;
       case "aadhaar":
         val = val.replace(/\D/g, "").slice(0, 12);
@@ -16963,6 +16595,7 @@ const CustomInput = ({
       case "pincode":
         val = val.replace(/\D/g, "").slice(0, 6);
         onChange(name, val);
+        validate(val);
         break;
       case "gst":
         val = val.toUpperCase().slice(0, 15);
@@ -16974,9 +16607,20 @@ const CustomInput = ({
         onChange(name, val);
         validate(val);
         break;
+      case "cin":
+        val = val.toUpperCase().slice(0, 21);
+        onChange(name, val);
+        validate(val);
+        break;
       case "password":
         val = val.slice(0, maxLength || 20);
         onChange(name, val);
+        validate(val);
+        break;
+      case "confirmPassword":
+        val = val.slice(0, maxLength || 20);
+        onChange(name, val);
+        validate(val);
         break;
       default:
         onChange(name, val);
@@ -17000,18 +16644,27 @@ const CustomInput = ({
     const { length, startsWith } = rules;
     const callingCodeLength = country.dialCode.length;
     const maxTotalLength = callingCodeLength + length;
-    console.log(value2, value2.length, maxTotalLength, "len");
+    console.log(
+      value2,
+      value2.length,
+      maxTotalLength,
+      length,
+      nationalNumber.length,
+      startsWith,
+      startsWith.test(nationalNumber),
+      "len"
+    );
     if (value2.length > maxTotalLength) {
       setError("Invalid phone number for selected country");
       setEnable(true);
     }
-    if (nationalNumber.length === length && startsWith.test(nationalNumber)) {
+    if (value2.length === maxTotalLength && startsWith.test(nationalNumber)) {
       setError("");
       setEnable(false);
     }
     onChange(name, value2);
   };
-  const isPassword = category === "password";
+  const isPassword = category === "password" || category === "confirmPassword" || category === "loginPassword";
   const isAmount = category === "amount" && (format === "us" || format === "indian");
   const isPercentage = category === "percentage";
   const prefix = isAmount ? currency : null;
@@ -17023,11 +16676,26 @@ const CustomInput = ({
       className: "mb-2",
       style: { width: width2 || "100%" },
       children: [
-        label && /* @__PURE__ */ jsxRuntimeExports.jsxs(Form$1.Label, { style: { textAlign: "left", display: "flex", fontWeight: "500", fontSize: "14px", lineHeight: "20px", color: "#212529", textTransform: "capitalize", marginBottom: "0.5rem" }, children: [
-          label,
-          " ",
-          isRequired && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "red" }, children: "*" })
-        ] }),
+        label && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Form$1.Label,
+          {
+            style: {
+              textAlign: "left",
+              display: "flex",
+              fontWeight: "500",
+              fontSize: "14px",
+              lineHeight: "20px",
+              color: "#212529",
+              textTransform: "capitalize",
+              marginBottom: "0.5rem"
+            },
+            children: [
+              label,
+              " ",
+              isRequired && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "red" }, children: "*" })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(InputGroup$1, { children: [
           prefix && /* @__PURE__ */ jsxRuntimeExports.jsx(
             InputGroup$1.Text,
@@ -17040,164 +16708,124 @@ const CustomInput = ({
             OverlayTrigger,
             {
               placement: "top",
-              overlay: isAmount && amountInWords && (currency === "₹" || currency === "$") ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { id: `${name}-tooltip`, children: amountInWords }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {}),
-              children: category === "mobile" ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { flexGrow: 1, display: "flex" }, children: [
+              overlay: isAmount && amountInWords && (currency === "₹" || currency === "$") ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { id: `${name}-tooltip`, children: amountInWords }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
+              children: category === "mobile" ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center border border-[#12AB5B] rounded-md w-full", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   PhoneInput,
                   {
                     value,
                     onChange: (value2, country) => handlePhoneChange(value2, country),
                     country: countryCode.toLowerCase(),
-                    disableCountryCode: false,
                     enableLongNumbers: true,
+                    disableDropdown: false,
                     countryCodeEditable: false,
-                    inputProps: {
-                      name: "phone",
-                      required: true
-                    },
-                    containerStyle: {
+                    inputProps: { autoComplete: "off" },
+                    containerStyle: { width: "100%" },
+                    disabled,
+                    inputStyle: {
                       width: "100%",
-                      display: "flex",
-                      flexGrow: 1
+                      height: "40px",
+                      fontSize: "14px",
+                      paddingLeft: "48px",
+                      // leave space for flag
+                      border: "none",
+                      backgroundColor: disabled ? "#f1f1f1" : "#fff",
+                      // ✅ gray when disabled
+                      color: disabled ? "#6c757d" : "#000",
+                      // ✅ muted text when disabled
+                      cursor: disabled ? "not-allowed" : "text"
+                      // ✅ show disabled cursor
                     },
-                    inputStyle: {
-                      borderColor: "#12AB5B",
-                      height: height2 || "40px",
-                      borderTopRightRadius: !isPassword && !(button == null ? void 0 : button.label) && !suffix ? "0.375rem" : 0,
-                      borderBottomRightRadius: !isPassword && !(button == null ? void 0 : button.label) && !suffix ? "0.375rem" : 0,
-                      borderTopLeftRadius: prefix ? 0 : "0.375rem",
-                      borderBottomLeftRadius: prefix ? 0 : "0.375rem",
-                      width: "100%"
-                      // paddingLeft: '48px', // make space for the flag
-                      // fontSize: '14px',
-                      // boxShadow: 'none',
+                    buttonStyle: {
+                      borderRight: "1px solid #12AB5B",
+                      backgroundColor: disabled ? "#f1f1f1" : "#fff",
+                      // ✅ gray when disabled
+                      borderRadius: "0.375rem 0 0 0.375rem",
+                      cursor: disabled ? "not-allowed" : "pointer"
                     },
-                    dropdownStyle: {
-                      fontSize: "13px"
+                    dropdownClass: "z-50 mt-1 bg-white border border-gray-300 rounded-md text-sm max-h-60 overflow-y-auto shadow-lg"
+                  }
+                ),
+                (button == null ? void 0 : button.label) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: button.onClick,
+                    disabled: button.disabled || enable,
+                    className: `px-4 py-2 text-white ${backgroundColor2 || "bg-[#3B5AA1]"} border-l border-[#12AB5B] rounded-r-md ${button.disabled || enable ? "opacity-50 cursor-not-allowed" : ""}`,
+                    style: { height: height2 },
+                    children: button.loader ? /* @__PURE__ */ jsxRuntimeExports.jsx(MytekLoader, { inline: true }) : button.label
+                  }
+                )
+              ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center border border-[#12AB5B] overflow-hidden rounded-md", children: [
+                prefix && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-2 bg-white text-gray-700 border-r border-[#12AB5B]", children: prefix }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "input",
+                  {
+                    type: isPassword ? showPassword ? "text" : "password" : type,
+                    name,
+                    value,
+                    onChange: handleChange,
+                    disabled,
+                    placeholder,
+                    className: `flex-1 px-2 py-2 focus:outline-none ${disabled ? "bg-gray-100 cursor-not-allowed text-gray-500" : ""}`,
+                    style: {
+                      height: height2,
+                      backgroundColor: disabled ? "#f1f1f1" : void 0,
+                      color: disabled ? "#6c757d" : void 0
                     }
                   }
                 ),
+                suffix && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-2 bg-white text-gray-700 border-l border-[#12AB5B]", children: suffix }),
+                !error && showTimer && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "span",
+                  {
+                    className: `flex items-center gap-1 justify-center h-[40px] min-w-[60px] px-2 ml-1 rounded text-sm 
+      ${validationStatus === "valid" ? "text-green-600 bg-gray-100" : validationStatus === "invalid" ? "text-red-600" : "text-gray-600 bg-gray-100"}`,
+                    title: validationStatus === "valid" ? "Correct OTP" : validationStatus === "invalid" ? "Incorrect OTP" : "OTP Timer",
+                    children: [
+                      validationStatus === "valid" && /* @__PURE__ */ jsxRuntimeExports.jsx(FaCheck, { size: 18 }),
+                      validationStatus === "invalid" && /* @__PURE__ */ jsxRuntimeExports.jsx(IoMdClose, { size: 18 }),
+                      typeof timer === "number" && validationStatus !== "valid" && `${timer}s`
+                    ]
+                  }
+                ),
+                isPassword && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setShowPassword(!showPassword),
+                    className: "px-2  bg-white text-gray-500 border-l border-[#12AB5B]",
+                    children: showPassword ? /* @__PURE__ */ jsxRuntimeExports.jsx(FiEye, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(FiEyeOff, {})
+                  }
+                ),
                 (button == null ? void 0 : button.label) && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  Button,
+                  "button",
                   {
-                    variant: "primary",
                     onClick: button == null ? void 0 : button.onClick,
-                    disabled: enable,
-                    style: {
-                      backgroundColor: backgroundColor2 ? backgroundColor2 : "#3B5AA1",
-                      borderColor: "#12AB5B",
-                      color: color2 ? color2 : "white",
-                      width: "80px",
-                      height: height2 || "40px",
-                      borderTopLeftRadius: 0,
-                      borderBottomLeftRadius: 0
-                    },
+                    disabled: disabled || enable,
+                    className: `px-2 py-2 text-white ${backgroundColor2 || "bg-[#3B5AA1]"} border-l border-[#12AB5B] rounded-r-md ${disabled || enable ? "opacity-50 cursor-not-allowed" : ""}`,
+                    style: { height: height2 },
                     children: button.loader ? /* @__PURE__ */ jsxRuntimeExports.jsx(MytekLoader, { inline: true }) : button.label
                   }
                 )
-              ] }) }) : (
-                // <>
-                //   <FormControl
-                //     type={isPassword ? (showPassword ? "text" : "password") : type}
-                //     placeholder={placeholder}
-                //     style={{
-                //       borderColor: "#12AB5B",
-                //       height: height || "40px",
-                //       borderTopRightRadius:
-                //         !isPassword && !button?.label && !suffix ? "0.375rem" : 0,
-                //       borderBottomRightRadius:
-                //         !isPassword && !button?.label && !suffix ? "0.375rem" : 0,
-                //       borderTopLeftRadius: prefix ? 0 : "0.375rem",
-                //       borderBottomLeftRadius: prefix ? 0 : "0.375rem",
-                //     }}
-                //     name={name}
-                //     value={value}
-                //     onChange={handleChange}
-                //     onBlur={handleBlur}
-                //     isInvalid={!!error}
-                //     disabled={disabled}
-                //   />
-                //   {suffix && (
-                //     <InputGroup.Text
-                //       style={{ backgroundColor: "#fff", borderColor: "#12AB5B" }}
-                //     >
-                //       {suffix}
-                //     </InputGroup.Text>
-                //   )}
-                //   {isPassword && (
-                //     <InputGroup.Text
-                //       onClick={() => setShowPassword(!showPassword)}
-                //       style={{
-                //         backgroundColor: "#fff",
-                //         borderColor: "#12AB5B",
-                //         cursor: "pointer",
-                //         userSelect: "none",
-                //       }}
-                //       disabled={disabled}
-                //     >
-                //       {showPassword ? <FiEye /> : <FiEyeOff />}
-                //     </InputGroup.Text>
-                //   )}
-                //   {button?.label && (
-                //     <Button
-                //       variant="primary"
-                //       onClick={button?.onClick}
-                //       disabled={enable}
-                //       style={{
-                //         backgroundColor: "#3B5AA1",
-                //         borderColor: "#12AB5B",
-                //         color: "white",
-                //         width: "80px",
-                //       }}
-                //     >
-                //         button.label
-                //       {/* {button.loader ? 
-                //       <MytekLoader inline={true} />
-                //        : button.label} */}
-                //     </Button>
-                //   )}
-                // </>
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center border border-[#12AB5B] overflow-hidden rounded-md", children: [
-                  prefix && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-2 bg-white text-gray-700 border-r border-[#12AB5B]", children: prefix }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "input",
-                    {
-                      type: isPassword ? showPassword ? "text" : "password" : type,
-                      name,
-                      value,
-                      onChange: handleChange,
-                      disabled,
-                      placeholder,
-                      className: "flex-1 px-3 py-2 focus:outline-none",
-                      style: { height: height2 }
-                    }
-                  ),
-                  suffix && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-2 bg-white text-gray-700 border-l border-[#12AB5B]", children: suffix }),
-                  isPassword && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => setShowPassword(!showPassword),
-                      className: "px-2 bg-white text-gray-500 border-l border-[#12AB5B]",
-                      children: showPassword ? /* @__PURE__ */ jsxRuntimeExports.jsx(FiEye, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(FiEyeOff, {})
-                    }
-                  ),
-                  (button == null ? void 0 : button.label) && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "button",
-                    {
-                      onClick: button == null ? void 0 : button.onClick,
-                      disabled: enable,
-                      className: `px-4 py-2 text-white ${backgroundColor2 || "bg-blue-600"} border-l border-[#12AB5B] rounded-r-md`,
-                      style: { height: height2 },
-                      children: button.loader ? "..." : button.label
-                    }
-                  )
-                ] })
-              )
+              ] })
             }
           )
         ] }),
-        error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { color: "red", display: "flex", justifyContent: "left", fontSize: "12px", marginTop: "5px" }, children: error })
+        error && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            style: {
+              color: "red",
+              display: "flex",
+              justifyContent: "left",
+              fontSize: "12px",
+              marginTop: "5px"
+            },
+            children: error
+          }
+        )
       ]
     }
   );
@@ -17210,4 +16838,4 @@ export {
   RadioButton as MytekRadioButton,
   Mytekbutton
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=main.js.map