react-select-rohit10 1.0.0

package/README.md

@@ -0,0 +1,16 @@
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.

package/dist/index.cjs

@@ -0,0 +1,6 @@
+"use strict";const m=require("react");var H={exports:{}},D={};var K;function ne(){if(K)return D;K=1;var o=Symbol.for("react.transitional.element"),R=Symbol.for("react.fragment");function p(_,c,f){var E=null;if(f!==void 0&&(E=""+f),c.key!==void 0&&(E=""+c.key),"key"in c){f={};for(var h in c)h!=="key"&&(f[h]=c[h])}else f=c;return c=f.ref,{$$typeof:o,type:_,key:E,ref:c!==void 0?c:null,props:f}}return D.Fragment=R,D.jsx=p,D.jsxs=p,D}var Y={};var ee;function ae(){return ee||(ee=1,process.env.NODE_ENV!=="production"&&(function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===W?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case u:return"Fragment";case y:return"Profiler";case k:return"StrictMode";case B:return"Suspense";case L:return"SuspenseList";case Z:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case g:return"Portal";case F:return e.displayName||"Context";case S:return(e._context.displayName||"Context")+".Consumer";case A:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case V:return r=e.displayName||null,r!==null?r:o(e.type)||"Memo";case P:r=e._payload,e=e._init;try{return o(e(r))}catch{}}return null}function R(e){return""+e}function p(e){try{R(e);var r=!1}catch{r=!0}if(r){r=console;var n=r.error,a=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),R(e)}}function _(e){if(e===u)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===P)return"<...>";try{var r=o(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function c(){var e=x.A;return e===null?null:e.getOwner()}function f(){return Error("react-stack-top-frame")}function E(e){if(U.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function h(e,r){function n(){M||(M=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function i(){var e=o(this.type);return z[e]||(z[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function Q(e,r,n,a,w,C){var s=n.ref;return e={$$typeof:I,type:e,key:r,props:n,_owner:a},(s!==void 0?s:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:i}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:w}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:C}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function O(e,r,n,a,w,C){var s=r.children;if(s!==void 0)if(a)if(q(s)){for(a=0;a<s.length;a++)$(s[a]);Object.freeze&&Object.freeze(s)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else $(s);if(U.call(r,"key")){s=o(e);var v=Object.keys(r).filter(function(l){return l!=="key"});a=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",X[s+a]||(v=0<v.length?"{"+v.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,a,s,v,s),X[s+a]=!0)}if(s=null,n!==void 0&&(p(n),s=""+n),E(r)&&(p(r.key),s=""+r.key),"key"in r){n={};for(var t in r)t!=="key"&&(n[t]=r[t])}else n=r;return s&&h(n,typeof e=="function"?e.displayName||e.name||"Unknown":e),Q(e,s,n,c(),w,C)}function $(e){N(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===P&&(e._payload.status==="fulfilled"?N(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function N(e){return typeof e=="object"&&e!==null&&e.$$typeof===I}var T=m,I=Symbol.for("react.transitional.element"),g=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),k=Symbol.for("react.strict_mode"),y=Symbol.for("react.profiler"),S=Symbol.for("react.consumer"),F=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),B=Symbol.for("react.suspense"),L=Symbol.for("react.suspense_list"),V=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),Z=Symbol.for("react.activity"),W=Symbol.for("react.client.reference"),x=T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,U=Object.prototype.hasOwnProperty,q=Array.isArray,j=console.createTask?console.createTask:function(){return null};T={react_stack_bottom_frame:function(e){return e()}};var M,z={},J=T.react_stack_bottom_frame.bind(T,f)(),G=j(_(f)),X={};Y.Fragment=u,Y.jsx=function(e,r,n){var a=1e4>x.recentlyCreatedOwnerStacks++;return O(e,r,n,!1,a?Error("react-stack-top-frame"):J,a?j(_(e)):G)},Y.jsxs=function(e,r,n){var a=1e4>x.recentlyCreatedOwnerStacks++;return O(e,r,n,!0,a?Error("react-stack-top-frame"):J,a?j(_(e)):G)}})()),Y}var re;function se(){return re||(re=1,process.env.NODE_ENV==="production"?H.exports=ne():H.exports=ae()),H.exports}var d=se();function oe({event:o,open:R,options:p,highlightedIndex:_,setHighlightedIndex:c,onSelect:f,closeDropdown:E,userNavigatedRef:h}){if(R){if(o.key==="ArrowDown"&&(o.preventDefault(),h.current=!0,c(i=>Math.min(i+1,p.length-1))),o.key==="ArrowUp"&&(o.preventDefault(),h.current=!0,c(i=>Math.max(i-1,0))),o.key==="Enter"){o.preventDefault();const i=p[_];i&&f(i)}o.key==="Escape"&&E()}}function le({options:o=[],value:R,onChange:p,onClear:_,onSearch:c,onReachEnd:f,isLoading:E=!1,hasMoreOptions:h=!1,isMultipleAllowed:i=!0,placeholder:Q,renderOption:O,renderChipValue:$}){const N=R!==void 0,[T,I]=m.useState(i?[]:null),g=N?R:T;let u;i?Array.isArray(g)?u=g:u=[]:Array.isArray(g)?u=null:u=g??null;function k(t){N||I(t),p?.(t)}const[y,S]=m.useState(!1),[F,A]=m.useState(0),[B,L]=m.useState(""),V=m.useRef(null),P=m.useRef(null),Z=m.useRef(null),W=m.useRef(null),x=m.useRef(!1),U=m.useRef(!1),q=i?u:u?[u]:[],j=q.length>0,M=()=>S(!1),z=()=>S(t=>!t),J=t=>oe({event:t,open:y,options:o,highlightedIndex:F,setHighlightedIndex:A,onSelect:e,closeDropdown:M,userNavigatedRef:U}),G=t=>{t.stopPropagation(),k(i?[]:null),_?.()},X=t=>{const l=t.target.value;L(l),clearTimeout(W.current),W.current=setTimeout(()=>c?.(l.trim()),300)};m.useEffect(()=>{function t(l){V.current?.contains(l.target)||S(!1)}return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[]),m.useEffect(()=>{y||(L(""),A(0),c?.(""))},[y]);function e(t){if(!i){k(t),S(!1);return}const l=u.some(b=>b.id===t.id);k(l?u.filter(b=>b.id!==t.id):[...u,t])}function r(t){return l=>{l.stopPropagation(),k(u.filter(b=>b.id!==t.id))}}function n(t){if(!h||x.current)return;const l=t.currentTarget;l.scrollTop+l.clientHeight>=l.scrollHeight-5&&(x.current=!0,f?.())}function a({selected:t,highlighted:l}){return`select-option ${t?"selected":""} ${l?"highlighted":""}`}function w(){return j?q.map(t=>d.jsxs("span",{className:"chip",children:[$(t),i&&d.jsx("button",{className:"chip-remove",onClick:r(t),children:"×"})]},t.id)):d.jsx("span",{className:"placeholder",children:Q})}function C(){return o.map((t,l)=>{const b=i?u.some(te=>te.id===t.id):u?.id===t.id;return d.jsx("li",{className:a({selected:b,highlighted:l===F}),onMouseEnter:()=>A(l),onClick:()=>e(t),children:O?O(t,{selected:b}):t.label},t.id)})}function s(){return E?d.jsx("li",{className:"select-loading",children:"Loading…"}):!E&&o.length===0?d.jsx("li",{className:"select-empty",children:"No results"}):null}function v(){return y?d.jsxs(d.Fragment,{children:[d.jsx("input",{ref:P,className:"select-search",value:B,onChange:X}),d.jsxs("ul",{ref:Z,className:"select-dropdown",onScroll:n,children:[C(),s()]})]}):null}return d.jsxs("div",{ref:V,className:"select-wrapper",tabIndex:0,onKeyDown:J,children:[d.jsxs("div",{className:"select-trigger",onClick:z,children:[d.jsx("div",{className:"chips",children:w()}),j&&d.jsx("button",{className:"clear-btn",onClick:G,children:"Clear"})]}),v()]})}module.exports=le;

package/dist/index.js

@@ -0,0 +1,458 @@
+import oe, { useState as H, useRef as w, useEffect as ee } from "react";
+var Q = { exports: {} }, D = {};
+var re;
+function se() {
+  if (re) return D;
+  re = 1;
+  var s = /* @__PURE__ */ Symbol.for("react.transitional.element"), h = /* @__PURE__ */ Symbol.for("react.fragment");
+  function m(_, c, f) {
+    var p = null;
+    if (f !== void 0 && (p = "" + f), c.key !== void 0 && (p = "" + c.key), "key" in c) {
+      f = {};
+      for (var E in c)
+        E !== "key" && (f[E] = c[E]);
+    } else f = c;
+    return c = f.ref, {
+      $$typeof: s,
+      type: _,
+      key: p,
+      ref: c !== void 0 ? c : null,
+      props: f
+    };
+  }
+  return D.Fragment = h, D.jsx = m, D.jsxs = m, D;
+}
+var Y = {};
+var te;
+function le() {
+  return te || (te = 1, process.env.NODE_ENV !== "production" && (function() {
+    function s(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === W ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case u:
+          return "Fragment";
+        case k:
+          return "Profiler";
+        case g:
+          return "StrictMode";
+        case Z:
+          return "Suspense";
+        case L:
+          return "SuspenseList";
+        case K:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case T:
+            return "Portal";
+          case F:
+            return e.displayName || "Context";
+          case y:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case A:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case V:
+            return r = e.displayName || null, r !== null ? r : s(e.type) || "Memo";
+          case P:
+            r = e._payload, e = e._init;
+            try {
+              return s(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function h(e) {
+      return "" + e;
+    }
+    function m(e) {
+      try {
+        h(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var n = r.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          a
+        ), h(e);
+      }
+    }
+    function _(e) {
+      if (e === u) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === P)
+        return "<...>";
+      try {
+        var r = s(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function c() {
+      var e = x.A;
+      return e === null ? null : e.getOwner();
+    }
+    function f() {
+      return Error("react-stack-top-frame");
+    }
+    function p(e) {
+      if (U.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function E(e, r) {
+      function n() {
+        q || (q = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      n.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: n,
+        configurable: !0
+      });
+    }
+    function i() {
+      var e = s(this.type);
+      return z[e] || (z[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function B(e, r, n, a, j, C) {
+      var o = n.ref;
+      return e = {
+        $$typeof: I,
+        type: e,
+        key: r,
+        props: n,
+        _owner: a
+      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: i
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: j
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: C
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function O(e, r, n, a, j, C) {
+      var o = r.children;
+      if (o !== void 0)
+        if (a)
+          if (M(o)) {
+            for (a = 0; a < o.length; a++)
+              $(o[a]);
+            Object.freeze && Object.freeze(o);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else $(o);
+      if (U.call(r, "key")) {
+        o = s(e);
+        var R = Object.keys(r).filter(function(l) {
+          return l !== "key";
+        });
+        a = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", X[o + a] || (R = 0 < R.length ? "{" + R.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          a,
+          o,
+          R,
+          o
+        ), X[o + a] = !0);
+      }
+      if (o = null, n !== void 0 && (m(n), o = "" + n), p(r) && (m(r.key), o = "" + r.key), "key" in r) {
+        n = {};
+        for (var t in r)
+          t !== "key" && (n[t] = r[t]);
+      } else n = r;
+      return o && E(
+        n,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), B(
+        e,
+        o,
+        n,
+        c(),
+        j,
+        C
+      );
+    }
+    function $(e) {
+      N(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === P && (e._payload.status === "fulfilled" ? N(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function N(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === I;
+    }
+    var b = oe, I = /* @__PURE__ */ Symbol.for("react.transitional.element"), T = /* @__PURE__ */ Symbol.for("react.portal"), u = /* @__PURE__ */ Symbol.for("react.fragment"), g = /* @__PURE__ */ Symbol.for("react.strict_mode"), k = /* @__PURE__ */ Symbol.for("react.profiler"), y = /* @__PURE__ */ Symbol.for("react.consumer"), F = /* @__PURE__ */ Symbol.for("react.context"), A = /* @__PURE__ */ Symbol.for("react.forward_ref"), Z = /* @__PURE__ */ Symbol.for("react.suspense"), L = /* @__PURE__ */ Symbol.for("react.suspense_list"), V = /* @__PURE__ */ Symbol.for("react.memo"), P = /* @__PURE__ */ Symbol.for("react.lazy"), K = /* @__PURE__ */ Symbol.for("react.activity"), W = /* @__PURE__ */ Symbol.for("react.client.reference"), x = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, M = Array.isArray, S = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    b = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var q, z = {}, J = b.react_stack_bottom_frame.bind(
+      b,
+      f
+    )(), G = S(_(f)), X = {};
+    Y.Fragment = u, Y.jsx = function(e, r, n) {
+      var a = 1e4 > x.recentlyCreatedOwnerStacks++;
+      return O(
+        e,
+        r,
+        n,
+        !1,
+        a ? Error("react-stack-top-frame") : J,
+        a ? S(_(e)) : G
+      );
+    }, Y.jsxs = function(e, r, n) {
+      var a = 1e4 > x.recentlyCreatedOwnerStacks++;
+      return O(
+        e,
+        r,
+        n,
+        !0,
+        a ? Error("react-stack-top-frame") : J,
+        a ? S(_(e)) : G
+      );
+    };
+  })()), Y;
+}
+var ne;
+function ce() {
+  return ne || (ne = 1, process.env.NODE_ENV === "production" ? Q.exports = se() : Q.exports = le()), Q.exports;
+}
+var d = ce();
+function ue({
+  event: s,
+  open: h,
+  options: m,
+  highlightedIndex: _,
+  setHighlightedIndex: c,
+  onSelect: f,
+  closeDropdown: p,
+  userNavigatedRef: E
+}) {
+  if (h) {
+    if (s.key === "ArrowDown" && (s.preventDefault(), E.current = !0, c(
+      (i) => Math.min(i + 1, m.length - 1)
+    )), s.key === "ArrowUp" && (s.preventDefault(), E.current = !0, c(
+      (i) => Math.max(i - 1, 0)
+    )), s.key === "Enter") {
+      s.preventDefault();
+      const i = m[_];
+      i && f(i);
+    }
+    s.key === "Escape" && p();
+  }
+}
+function fe({
+  options: s = [],
+  value: h,
+  onChange: m,
+  onClear: _,
+  onSearch: c,
+  onReachEnd: f,
+  isLoading: p = !1,
+  hasMoreOptions: E = !1,
+  isMultipleAllowed: i = !0,
+  placeholder: B,
+  renderOption: O,
+  renderChipValue: $
+}) {
+  const N = h !== void 0, [b, I] = H(
+    i ? [] : null
+  ), T = N ? h : b;
+  let u;
+  i ? Array.isArray(T) ? u = T : u = [] : Array.isArray(T) ? u = null : u = T ?? null;
+  function g(t) {
+    N || I(t), m?.(t);
+  }
+  const [k, y] = H(!1), [F, A] = H(0), [Z, L] = H(""), V = w(null), P = w(null), K = w(null), W = w(null), x = w(!1), U = w(!1), M = i ? u : u ? [u] : [], S = M.length > 0, q = () => y(!1), z = () => y((t) => !t), J = (t) => ue({
+    event: t,
+    open: k,
+    options: s,
+    highlightedIndex: F,
+    setHighlightedIndex: A,
+    onSelect: e,
+    closeDropdown: q,
+    userNavigatedRef: U
+  }), G = (t) => {
+    t.stopPropagation(), g(i ? [] : null), _?.();
+  }, X = (t) => {
+    const l = t.target.value;
+    L(l), clearTimeout(W.current), W.current = setTimeout(
+      () => c?.(l.trim()),
+      300
+    );
+  };
+  ee(() => {
+    function t(l) {
+      V.current?.contains(l.target) || y(!1);
+    }
+    return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
+  }, []), ee(() => {
+    k || (L(""), A(0), c?.(""));
+  }, [k]);
+  function e(t) {
+    if (!i) {
+      g(t), y(!1);
+      return;
+    }
+    const l = u.some(
+      (v) => v.id === t.id
+    );
+    g(
+      l ? u.filter(
+        (v) => v.id !== t.id
+      ) : [...u, t]
+    );
+  }
+  function r(t) {
+    return (l) => {
+      l.stopPropagation(), g(
+        u.filter(
+          (v) => v.id !== t.id
+        )
+      );
+    };
+  }
+  function n(t) {
+    if (!E || x.current) return;
+    const l = t.currentTarget;
+    l.scrollTop + l.clientHeight >= l.scrollHeight - 5 && (x.current = !0, f?.());
+  }
+  function a({ selected: t, highlighted: l }) {
+    return `select-option ${t ? "selected" : ""} ${l ? "highlighted" : ""}`;
+  }
+  function j() {
+    return S ? M.map((t) => /* @__PURE__ */ d.jsxs("span", { className: "chip", children: [
+      $(t),
+      i && /* @__PURE__ */ d.jsx(
+        "button",
+        {
+          className: "chip-remove",
+          onClick: r(t),
+          children: "×"
+        }
+      )
+    ] }, t.id)) : /* @__PURE__ */ d.jsx("span", { className: "placeholder", children: B });
+  }
+  function C() {
+    return s.map((t, l) => {
+      const v = i ? u.some(
+        (ae) => ae.id === t.id
+      ) : u?.id === t.id;
+      return /* @__PURE__ */ d.jsx(
+        "li",
+        {
+          className: a({
+            selected: v,
+            highlighted: l === F
+          }),
+          onMouseEnter: () => A(l),
+          onClick: () => e(t),
+          children: O ? O(t, { selected: v }) : t.label
+        },
+        t.id
+      );
+    });
+  }
+  function o() {
+    return p ? /* @__PURE__ */ d.jsx("li", { className: "select-loading", children: "Loading…" }) : !p && s.length === 0 ? /* @__PURE__ */ d.jsx("li", { className: "select-empty", children: "No results" }) : null;
+  }
+  function R() {
+    return k ? /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+      /* @__PURE__ */ d.jsx(
+        "input",
+        {
+          ref: P,
+          className: "select-search",
+          value: Z,
+          onChange: X
+        }
+      ),
+      /* @__PURE__ */ d.jsxs(
+        "ul",
+        {
+          ref: K,
+          className: "select-dropdown",
+          onScroll: n,
+          children: [
+            C(),
+            o()
+          ]
+        }
+      )
+    ] }) : null;
+  }
+  return /* @__PURE__ */ d.jsxs(
+    "div",
+    {
+      ref: V,
+      className: "select-wrapper",
+      tabIndex: 0,
+      onKeyDown: J,
+      children: [
+        /* @__PURE__ */ d.jsxs(
+          "div",
+          {
+            className: "select-trigger",
+            onClick: z,
+            children: [
+              /* @__PURE__ */ d.jsx("div", { className: "chips", children: j() }),
+              S && /* @__PURE__ */ d.jsx(
+                "button",
+                {
+                  className: "clear-btn",
+                  onClick: G,
+                  children: "Clear"
+                }
+              )
+            ]
+          }
+        ),
+        R()
+      ]
+    }
+  );
+}
+export {
+  fe as default
+};

package/dist/react-select-rohit10.css

@@ -0,0 +1 @@
+:root{--color-primary: cadetblue;--color-highlight: #cfe8ea;--color-selected: #b7dde0;--color-border: cadetblue;--color-text-muted: #888;--color-bg: #ffffff}.form-container{width:420px;margin:40px auto;font-family:sans-serif}.select-wrapper{position:relative;width:100%;outline:none}.select-trigger{display:flex;align-items:center;gap:8px;padding:8px;width:100%;box-sizing:border-box;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);cursor:pointer}.chips{display:flex;gap:6px;flex:1;min-width:0;white-space:nowrap;overflow:hidden}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:16px;background:var(--color-primary);color:#fff;font-size:13px}.chip-remove{border:none;background:none;color:#fff;cursor:pointer;font-size:14px;line-height:1}.placeholder{color:var(--color-text-muted);font-size:14px}.clear-btn{border:none;background:none;cursor:pointer;color:var(--color-primary);font-size:13px;white-space:nowrap}.select-search{width:100%;padding:8px;box-sizing:border-box;border:1px solid var(--color-border);border-top:none;outline:none}.select-dropdown{max-height:200px;overflow-y:auto;margin:0;padding:0;list-style:none;border:1px solid var(--color-border);border-top:none;background:var(--color-bg)}.select-option{padding:8px 10px;cursor:pointer;display:flex;align-items:center;gap:8px}.select-option.highlighted{background:var(--color-highlight)}.select-option.selected{background:var(--color-selected)}.select-loading,.select-empty{padding:8px 10px;color:#666}.option-row{display:flex;gap:8px;align-items:center}.option-check{margin-left:auto}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "react-select-rohit10",
+  "version": "1.0.0",
+  "type": "module",
+
+  "description": "Async searchable select component with single and multi-select support",
+  "keywords": ["react", "select", "async", "multiselect"],
+
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "types/index.d.ts",
+
+  "files": ["dist", "types"],
+
+  "scripts": {
+    "build": "vite build",
+    "prepublishOnly": "npm run build"
+  },
+
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
+
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "vite": "^7.2.4"
+  }
+}

package/types/index.d.ts

@@ -0,0 +1,77 @@
+import * as React from "react";
+
+
+export interface SelectOption {
+  id: string | number;
+  label: string;
+  [key: string]: any;
+}
+
+export interface RenderOptionMeta {
+  selected: boolean;
+}
+
+export interface SelectProps<
+  T extends SelectOption = SelectOption
+> {
+  /** List of available options */
+  options: T[];
+
+  /**
+   * Controlled value
+   * - single: T | null
+   * - multiple: T[]
+   */
+  value?: T | T[] | null;
+
+  /**
+   * Fired on selection change
+   * Matches single / multiple mode automatically
+   */
+  onChange?: (value: T | T[] | null) => void;
+
+  /** Clear selection callback */
+  onClear?: () => void;
+
+  /** Search callback (debounced internally) */
+  onSearch?: (query: string) => void;
+
+  /** Triggered when dropdown scroll reaches end */
+  onReachEnd?: () => void;
+
+  /** Loading state */
+  isLoading?: boolean;
+
+  /** Whether more options are available */
+  hasMoreOptions?: boolean;
+
+  /** Enable multi-select mode */
+  isMultipleAllowed?: boolean;
+
+  /** Placeholder text */
+  placeholder?: string;
+
+  /**
+   * Custom option renderer
+   */
+  renderOption?: (
+    option: T,
+    meta: RenderOptionMeta
+  ) => React.ReactNode;
+
+  /**
+   * Custom selected value renderer (chips)
+   */
+  renderChipValue?: (option: T) => React.ReactNode;
+}
+
+/**
+ * Select component
+ */
+declare const Select: <
+  T extends SelectOption = SelectOption
+>(
+  props: SelectProps<T>
+) => React.ReactElement;
+
+export default Select;