mytek-components 1.0.2 → 1.0.4

package/dist/{index.umd.cjs → main.umd.cjs}

@@ -558,10 +558,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     attr: void 0
   };
   var IconContext = React.createContext && /* @__PURE__ */ React.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);
@@ -574,7 +574,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return target;
   }
-  function _objectWithoutPropertiesLoose$5(source, excluded) {
+  function _objectWithoutPropertiesLoose$4(source, excluded) {
     if (source == null) return {};
     var target = {};
     for (var key in source) {
@@ -659,7 +659,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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;
@@ -6161,7 +6161,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       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)) {
@@ -6426,7 +6426,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       _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.createElement(TransitionGroupContext.Provider, {
@@ -6786,7 +6786,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       }
     };
     _proto.render = function render() {
-      var _this$props = this.props, Component = _this$props.component, childFactory = _this$props.childFactory, props = _objectWithoutPropertiesLoose$4(_this$props, ["component", "childFactory"]);
+      var _this$props = this.props, Component = _this$props.component, childFactory = _this$props.childFactory, props = _objectWithoutPropertiesLoose$3(_this$props, ["component", "childFactory"]);
       var contextValue = this.state.contextValue;
       var children = values(this.state.children).map(childFactory);
       delete props.appear;
@@ -11121,6 +11121,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     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);
   }
@@ -11638,98 +11641,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
   global.navigator.product === "ReactNative";
   const isDOM$1 = typeof document !== "undefined";
   const useIsomorphicEffect$1 = isDOM$1 || isReactNative$1 ? React.useLayoutEffect : React.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__namespace.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"
@@ -11766,34 +11677,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     });
   });
   Fade.displayName = "Fade";
-  const Button = /* @__PURE__ */ React__namespace.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 = React.useRef(true);
     const isMounted = React.useRef(() => mounted.current);
@@ -16345,368 +16228,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
   }
   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);
@@ -16789,6 +16310,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     name,
     type = "text",
     category,
+    subCategory,
     label,
     placeholder,
     height: height2,
@@ -16804,20 +16326,29 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     maxLength,
     isRequired = false,
     currency,
-    //   loader = false,
+    // loader = false,
     backgroundColor: backgroundColor2,
-    color: color2
+    validationStatus,
+    originalValue,
+    onValidationChange,
+    // color,
+    showTimer,
+    timer
   }) => {
     const [countryCode, setCountryCode] = React.useState("IN");
     const [nationalNumber, setNationalNumber] = React.useState("");
     const [error, setError] = React.useState("");
     const [showPassword, setShowPassword] = React.useState(false);
     const [amountInWords, setAmountInWords] = React.useState("");
-    const [enable, setEnable] = React.useState(button == null ? void 0 : button.disabled);
+    const [enable, setEnable] = React.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) {
@@ -16835,15 +16366,20 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
           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);
@@ -16854,7 +16390,13 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
           }
           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();
@@ -16900,7 +16442,15 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
           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");
             }
@@ -16913,30 +16463,111 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
               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;
     };
+    React.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;
       }
@@ -16970,6 +16601,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
         case "email":
           val = val.toLowerCase();
           onChange(name, val);
+          validate(val);
           break;
         case "aadhaar":
           val = val.replace(/\D/g, "").slice(0, 12);
@@ -16979,6 +16611,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
         case "pincode":
           val = val.replace(/\D/g, "").slice(0, 6);
           onChange(name, val);
+          validate(val);
           break;
         case "gst":
           val = val.toUpperCase().slice(0, 15);
@@ -16990,9 +16623,20 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
           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);
@@ -17016,18 +16660,27 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       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;
@@ -17039,11 +16692,26 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
         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,
@@ -17056,164 +16724,124 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
               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
+            }
+          )
         ]
       }
     );
@@ -17226,4 +16854,4 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
   exports2.Mytekbutton = Mytekbutton;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });
-//# sourceMappingURL=index.umd.cjs.map
+//# sourceMappingURL=main.umd.cjs.map