@unifiedsoftware/react-ui 1.0.18 → 1.0.20

package/dist/index.js

@@ -55,6 +55,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 
 // src/index.ts
 var src_exports = {};
@@ -64,6 +84,7 @@ __export(src_exports, {
   AccordionHeader: () => AccordionHeader_default,
   AccordionItem: () => AccordionItem_default,
   AccordionPanel: () => AccordionPanel_default,
+  Autocomplete: () => Autocomplete_default,
   Backdrop: () => Backdrop_default,
   Badge: () => Badge_default,
   Button: () => Button,
@@ -86,143 +107,375 @@ __export(src_exports, {
   MenuItem: () => MenuItem_default,
   MenuSubmenu: () => MenuSubmenu_default,
   MenuValueContext: () => MenuValueContext_default,
-  MultiSelect: () => MultiSelect_default,
   Portal: () => Portal_default,
+  QueryStatus: () => QueryStatus,
   ScrollArea: () => ScrollArea_default,
   Select: () => Select_default,
   Switch: () => Switch_default,
   Tab: () => Tab,
   Tabs: () => Tabs,
+  TextInput: () => TextInput_default,
   Toolbar: () => Toolbar_default,
   Transition: () => Transition_default,
+  assignRef: () => assignRef,
   clsx: () => clsx_default,
   getOpenValuesByPathname: () => getOpenValuesByPathname,
+  mergeRefs: () => mergeRefs_default,
   scrollToItem: () => scrollToItem,
   useAccordionItem: () => useAccordionItem,
   useCollapse: () => useCollapse,
+  useDebounce: () => useDebounce_default,
   useDisclosure: () => useDisclosure_default,
+  useElementSize: () => useElementSize_default,
+  useInfiniteQuery: () => useInfiniteQuery_default,
   useLocalStorage: () => useLocalStorage,
   useMenu: () => useMenu,
   useMenuItemValue: () => useMenuItemValue,
+  useOnClickOutside: () => useOnClickOutside_default,
   usePrevious: () => usePrevious,
-  useStep: () => useStep
+  useStep: () => useStep,
+  useVirtualizer: () => useVirtualizer_default
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/components/Backdrop/Backdrop.tsx
-var import_clsx2 = __toESM(require("clsx"));
-var import_react3 = require("react");
-var import_react_merge_refs = require("react-merge-refs");
+// src/components/Autocomplete/Autocomplete.tsx
+var import_react35 = require("react");
 
 // src/constants/index.ts
 var PREFIX_CLS = "us-";
 
-// src/components/Portal/Portal.tsx
-var import_react = require("react");
-var import_react_portal = require("react-portal");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Portal = (0, import_react.forwardRef)(({ children }, ref) => {
-  const portalRef = (0, import_react.useRef)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_portal.Portal, { ref: portalRef, node: document.body, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${PREFIX_CLS}potal`, children }) });
-});
-var Portal_default = Portal;
+// src/hooks/useLocalStorage.tsx
+var import_react3 = require("react");
 
-// src/components/Transition/Transition.tsx
-var import_clsx = __toESM(require("clsx"));
+// src/hooks/useEventListener.tsx
 var import_react2 = require("react");
-var import_react_transition_group = require("react-transition-group");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Transition = (0, import_react2.forwardRef)((props, ref) => {
-  const {
-    children,
-    className,
-    nodeRef,
-    name,
-    isOpen,
-    enter = 0,
-    leave = 0,
-    mountOnEnter,
-    unmountOnExit,
-    onExited
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react_transition_group.CSSTransition,
-    {
-      nodeRef,
-      in: isOpen,
-      appear: true,
-      timeout: { enter, exit: leave },
-      mountOnEnter,
-      unmountOnExit,
-      classNames: (0, import_clsx.default)(name, className),
-      onExited,
-      children
-    }
-  );
-});
-var Transition_default = Transition;
 
-// src/components/Backdrop/Backdrop.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Backdrop = (0, import_react3.forwardRef)((props, ref) => {
-  const _a = props, { children, className, isOpen, onClose } = _a, rest = __objRest(_a, ["children", "className", "isOpen", "onClose"]);
-  const nodeRef = (0, import_react3.useRef)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    Transition_default,
-    {
-      nodeRef,
-      isOpen,
-      name: `${PREFIX_CLS}backdrop`,
-      enter: 300,
-      leave: 300,
-      mountOnEnter: true,
-      unmountOnExit: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Portal_default, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-        "div",
-        __spreadProps(__spreadValues({
-          ref: (0, import_react_merge_refs.mergeRefs)([ref, nodeRef]),
-          className: (0, import_clsx2.default)(`${PREFIX_CLS}backdrop`, className),
-          tabIndex: -1
-        }, rest), {
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `${PREFIX_CLS}backdrop__overlay`, onClick: onClose }),
-            children
-          ]
-        })
-      ) })
+// src/hooks/useIsomorphicLayoutEffect.tsx
+var import_react = require("react");
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react.useLayoutEffect : import_react.useEffect;
+var useIsomorphicLayoutEffect_default = useIsomorphicLayoutEffect;
+
+// src/hooks/useEventListener.tsx
+function useEventListener(handler) {
+  const savedHandler = (0, import_react2.useRef)(handler);
+  useIsomorphicLayoutEffect_default(() => {
+    savedHandler.current = handler;
+  }, [handler]);
+}
+var useEventListener_default = useEventListener;
+
+// src/hooks/useLocalStorage.tsx
+function useLocalStorage(key, initialValue) {
+  const readValue = (0, import_react3.useCallback)(() => {
+    if (typeof window === "undefined") {
+      return initialValue;
+    }
+    try {
+      const item = window.localStorage.getItem(key);
+      return item ? parseJSON(item) : initialValue;
+    } catch (error) {
+      console.warn(`Error reading localStorage key \u201C${key}\u201D:`, error);
+      return initialValue;
     }
+  }, [initialValue, key]);
+  const [storedValue, setStoredValue] = (0, import_react3.useState)(readValue);
+  const setValue = (0, import_react3.useCallback)(
+    (value) => {
+      if (typeof window == "undefined") {
+        console.warn(`Tried setting localStorage key \u201C${key}\u201D even though environment is not a client`);
+      }
+      try {
+        const newValue = value instanceof Function ? value(storedValue) : value;
+        window.localStorage.setItem(key, JSON.stringify(newValue));
+        setStoredValue(newValue);
+        window.dispatchEvent(new Event("local-storage"));
+      } catch (error) {
+        console.warn(`Error setting localStorage key \u201C${key}\u201D:`, error);
+      }
+    },
+    [key, storedValue]
   );
-});
-var Backdrop_default = Backdrop;
+  (0, import_react3.useEffect)(() => {
+    setStoredValue(readValue());
+  }, []);
+  const handleStorageChange = (0, import_react3.useCallback)(() => {
+    setStoredValue(readValue());
+  }, [readValue]);
+  useEventListener_default("storage", handleStorageChange);
+  useEventListener_default("local-storage", handleStorageChange);
+  return [storedValue, setValue];
+}
+function parseJSON(value) {
+  try {
+    return value === "undefined" ? void 0 : JSON.parse(value != null ? value : "");
+  } catch (e) {
+    return void 0;
+  }
+}
 
-// src/components/Badge/Badge.tsx
-var import_clsx3 = __toESM(require("clsx"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Badge = ({ children, placement, content }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: (0, import_clsx3.default)(`${PREFIX_CLS}badge-wrapper`), children: [
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "div",
-      {
-        className: (0, import_clsx3.default)(`${PREFIX_CLS}badge`, {
-          [`${PREFIX_CLS}badge--${placement}`]: placement
-        }),
-        children: content
+// src/hooks/usePrevious.tsx
+var import_react4 = require("react");
+var usePrevious = (value) => {
+  const ref = (0, import_react4.useRef)();
+  (0, import_react4.useEffect)(() => {
+    ref.current = value;
+  });
+  return ref.current;
+};
+
+// src/hooks/useDisclosure.ts
+var import_react5 = require("react");
+function useDisclosure({ defaultValue } = {}) {
+  const [isOpen, setIsOpen] = (0, import_react5.useState)(defaultValue || false);
+  const onOpen = () => {
+    setIsOpen(true);
+  };
+  const onClose = () => {
+    setIsOpen(false);
+  };
+  const onToggle = () => {
+    setIsOpen((prevState) => !prevState);
+  };
+  return {
+    isOpen,
+    onOpen,
+    onClose,
+    onToggle
+  };
+}
+var useDisclosure_default = useDisclosure;
+
+// src/hooks/useOnClickOutside.tsx
+var import_react6 = require("react");
+var useOnClickOutside = (ref, handler) => {
+  (0, import_react6.useEffect)(() => {
+    const listener = (event) => {
+      if (!ref.current || ref.current.contains(event.target)) {
+        return;
       }
-    )
-  ] });
+      handler(event);
+    };
+    document.addEventListener("click", listener);
+    return () => {
+      document.removeEventListener("click", listener);
+    };
+  }, [ref, handler]);
 };
-var Badge_default = Badge;
+var useOnClickOutside_default = useOnClickOutside;
 
-// src/components/Button/Button.tsx
-var import_clsx5 = __toESM(require("clsx"));
+// src/hooks/useStep.tsx
+var import_react7 = require("react");
+var useStep = (maxStep) => {
+  const [currentStep, setCurrentStep] = (0, import_react7.useState)(1);
+  const canGoToNextStep = (0, import_react7.useMemo)(() => currentStep + 1 <= maxStep, [currentStep, maxStep]);
+  const canGoToPrevStep = (0, import_react7.useMemo)(() => currentStep - 1 >= 1, [currentStep]);
+  const setStep = (0, import_react7.useCallback)(
+    (step) => {
+      const newStep = step instanceof Function ? step(currentStep) : step;
+      if (newStep >= 1 && newStep <= maxStep) {
+        setCurrentStep(newStep);
+        return;
+      }
+      throw new Error("Step not valid");
+    },
+    [maxStep, currentStep]
+  );
+  const goToNextStep = (0, import_react7.useCallback)(() => {
+    if (canGoToNextStep) {
+      setCurrentStep((step) => step + 1);
+    }
+  }, [canGoToNextStep]);
+  const goToPrevStep = (0, import_react7.useCallback)(() => {
+    if (canGoToPrevStep) {
+      setCurrentStep((step) => step - 1);
+    }
+  }, [canGoToPrevStep]);
+  const reset = (0, import_react7.useCallback)(() => {
+    setCurrentStep(1);
+  }, []);
+  return [
+    currentStep,
+    {
+      goToNextStep,
+      goToPrevStep,
+      canGoToNextStep,
+      canGoToPrevStep,
+      setStep,
+      reset
+    }
+  ];
+};
+
+// src/hooks/useDebounce.ts
 var import_react8 = require("react");
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = (0, import_react8.useState)(value);
+  (0, import_react8.useEffect)(() => {
+    const timer = setTimeout(() => setDebouncedValue(value), delay || 500);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+var useDebounce_default = useDebounce;
+
+// src/hooks/useVirtualizer/useVirtualizer.ts
+var import_react_virtual = require("@tanstack/react-virtual");
+var import_react9 = require("react");
+function useVirtualizer(options) {
+  const {
+    parentRef,
+    total,
+    count = 0,
+    overscan = 5,
+    hasNextPage,
+    isFetchingNextPage,
+    onFetchNextPage,
+    estimateSize
+  } = options;
+  const virtualizer = (0, import_react_virtual.useVirtualizer)({
+    count: total ? total : hasNextPage ? count + 1 : count,
+    getScrollElement: () => parentRef.current,
+    estimateSize,
+    overscan
+  });
+  (0, import_react9.useEffect)(() => {
+    if (!onFetchNextPage)
+      return;
+    const [lastItem] = [...virtualizer.getVirtualItems()].reverse();
+    if (!lastItem) {
+      return;
+    }
+    if (lastItem.index >= count - 1 && hasNextPage && !isFetchingNextPage) {
+      onFetchNextPage == null ? void 0 : onFetchNextPage();
+    }
+  }, [hasNextPage, onFetchNextPage, count, isFetchingNextPage, virtualizer.getVirtualItems()]);
+  return {
+    getVirtualItems: virtualizer.getVirtualItems,
+    getTotalSize: virtualizer.getTotalSize,
+    scrollToIndex: (index, options2) => {
+      virtualizer.scrollToIndex(index, options2);
+    },
+    scrollToOffset: (toOffset, options2) => {
+      virtualizer.scrollToOffset(toOffset, options2);
+    }
+  };
+}
+var useVirtualizer_default = useVirtualizer;
+
+// src/hooks/useInfiniteQuery/useInfiniteQuery.ts
+var import_react10 = require("react");
+
+// src/hooks/useInfiniteQuery/types.ts
+var QueryStatus = /* @__PURE__ */ ((QueryStatus2) => {
+  QueryStatus2[QueryStatus2["IDLE"] = 0] = "IDLE";
+  QueryStatus2[QueryStatus2["LOADING"] = 1] = "LOADING";
+  QueryStatus2[QueryStatus2["SUCCESS"] = 2] = "SUCCESS";
+  QueryStatus2[QueryStatus2["ERROR"] = 3] = "ERROR";
+  return QueryStatus2;
+})(QueryStatus || {});
+
+// src/hooks/useInfiniteQuery/useInfiniteQuery.ts
+function useInfiniteQuery(options, deps = []) {
+  const [status, setStatus] = (0, import_react10.useState)(0 /* IDLE */);
+  const [data, setData] = (0, import_react10.useState)({ pages: [] });
+  const [error, setError] = (0, import_react10.useState)();
+  const [hasNextPage, setHasNextPage] = (0, import_react10.useState)(true);
+  const [isFetchingNextPage, setIsFetchingNextPage] = (0, import_react10.useState)(false);
+  const fetchNextPage = () => __async(this, null, function* () {
+    try {
+      setStatus(1 /* LOADING */);
+      setError(void 0);
+      setIsFetchingNextPage(true);
+      const lastIndex = data.pages.length - 1;
+      const page = options.getNextPage(data.pages[lastIndex], data.pages);
+      const newPage = yield options.query({ page });
+      const newData = { pages: [...data.pages, newPage] };
+      setData(newData);
+      const newLastIndex = newData.pages.length - 1;
+      const nextPage = options.getNextPage(newData.pages[newLastIndex], newData.pages);
+      setHasNextPage(nextPage !== void 0);
+      setIsFetchingNextPage(false);
+      setStatus(2 /* SUCCESS */);
+    } catch (error2) {
+      setError(error2);
+      setStatus(3 /* ERROR */);
+    }
+  });
+  (0, import_react10.useEffect)(() => {
+    const fetchData = () => __async(this, null, function* () {
+      try {
+        setStatus(1 /* LOADING */);
+        setError(void 0);
+        setIsFetchingNextPage(true);
+        const page = void 0;
+        const newPage = yield options.query({ page });
+        setData({ pages: [newPage] });
+        const nextPage = options.getNextPage(newPage, [newPage]);
+        setHasNextPage(nextPage !== void 0);
+        setIsFetchingNextPage(false);
+        setStatus(2 /* SUCCESS */);
+      } catch (error2) {
+        setError(error2);
+        setStatus(3 /* ERROR */);
+      }
+    });
+    fetchData();
+  }, deps);
+  return { status, data, error, hasNextPage, isFetchingNextPage, fetchNextPage };
+}
+var useInfiniteQuery_default = useInfiniteQuery;
+
+// src/hooks/useElementSize/useElementSize.ts
+var import_react11 = require("react");
+var defaultState = {
+  width: 0,
+  height: 0
+};
+function useElementSize(options) {
+  var _a;
+  const frameID = (0, import_react11.useRef)(0);
+  const [resize, setResize] = (0, import_react11.useState)(defaultState);
+  const observer = (0, import_react11.useMemo)(
+    () => typeof window !== "undefined" ? new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) {
+        cancelAnimationFrame(frameID.current);
+        frameID.current = requestAnimationFrame(() => {
+          var _a2, _b, _c;
+          const target = (_b = (_a2 = options.ref) == null ? void 0 : _a2.current) != null ? _b : options.target;
+          if (target) {
+            (_c = options.callback) == null ? void 0 : _c.call(options, resize);
+            setResize({ width: entry.contentRect.width, height: entry.contentRect.height });
+          }
+        });
+      }
+    }) : null,
+    []
+  );
+  (0, import_react11.useEffect)(() => {
+    var _a2, _b;
+    const target = (_b = (_a2 = options.ref) == null ? void 0 : _a2.current) != null ? _b : options.target;
+    if (target) {
+      observer == null ? void 0 : observer.observe(target);
+    }
+    return () => {
+      observer == null ? void 0 : observer.disconnect();
+      if (frameID.current) {
+        cancelAnimationFrame(frameID.current);
+      }
+    };
+  }, [(_a = options.ref) == null ? void 0 : _a.current, options.target]);
+  return resize;
+}
+var useElementSize_default = useElementSize;
 
 // src/icons/ChevronDownIcon.tsx
-var import_react4 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ChevronDownIcon = (0, import_react4.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+var import_react12 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ChevronDownIcon = (0, import_react12.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -235,8 +488,8 @@ var ChevronDownIcon = (0, import_react4.forwardRef)((props, ref) => {
       xmlns: "http://www.w3.org/2000/svg"
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { fill: "none", d: "M0 0h24v24H0V0z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "none", d: "M0 0h24v24H0V0z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" })
       ]
     })
   );
@@ -244,11 +497,11 @@ var ChevronDownIcon = (0, import_react4.forwardRef)((props, ref) => {
 var ChevronDownIcon_default = ChevronDownIcon;
 
 // src/icons/ChevronUpIcon.tsx
-var import_react5 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var ChevronUpIcon = (0, import_react5.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-    "svg",
+var import_react13 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ChevronUpIcon = (0, import_react13.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "svg",
     __spreadProps(__spreadValues({
       ref,
       stroke: "currentColor",
@@ -260,8 +513,8 @@ var ChevronUpIcon = (0, import_react5.forwardRef)((props, ref) => {
       xmlns: "http://www.w3.org/2000/svg"
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" })
       ]
     })
   );
@@ -269,10 +522,10 @@ var ChevronUpIcon = (0, import_react5.forwardRef)((props, ref) => {
 var ChevronUpIcon_default = ChevronUpIcon;
 
 // src/icons/LoaderIcon.tsx
-var import_react6 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var LoaderIcon = (0, import_react6.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+var import_react14 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var LoaderIcon = (0, import_react14.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -287,93 +540,66 @@ var LoaderIcon = (0, import_react6.forwardRef)((props, ref) => {
       xmlns: "http://www.w3.org/2000/svg"
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M12 3a9 9 0 1 0 9 9" })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 3a9 9 0 1 0 9 9" })
       ]
     })
   );
 });
 var LoaderIcon_default = LoaderIcon;
 
-// src/components/Icon/Icon.tsx
-var import_clsx4 = __toESM(require("clsx"));
-var import_react7 = require("react");
-var Icon = (0, import_react7.forwardRef)(({ children, size }, ref) => {
-  const child = import_react7.Children.only(children);
-  return (0, import_react7.cloneElement)(child, __spreadProps(__spreadValues({
-    ref
-  }, child.props), {
-    className: (0, import_clsx4.default)(`${PREFIX_CLS}icon`, { [`${PREFIX_CLS}font-size-${size}`]: size }, child.props.className)
-  }));
+// src/icons/CloseIcon.tsx
+var import_react15 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var CloseIcon = (0, import_react15.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      strokeWidth: "2",
+      stroke: "currentColor",
+      fill: "none",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M18 6l-12 12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M6 6l12 12" })
+      ]
+    })
+  );
 });
-var Icon_default = Icon;
+var CloseIcon_default = CloseIcon;
 
-// src/components/Button/Button.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var Button = (0, import_react8.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, {
-      as: Component = "button",
-      children,
-      className,
-      role = "presentation",
-      variant = "text",
-      color = "primary",
-      size = "md",
-      iconOnly,
-      startContent,
-      endContent,
-      block,
-      loading,
-      disabled
-    } = _b, rest = __objRest(_b, [
-      "as",
-      "children",
-      "className",
-      "role",
-      "variant",
-      "color",
-      "size",
-      "iconOnly",
-      "startContent",
-      "endContent",
-      "block",
-      "loading",
-      "disabled"
-    ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-      Component,
-      __spreadProps(__spreadValues({
-        ref,
-        className: (0, import_clsx5.default)(
-          `${PREFIX_CLS}button`,
-          {
-            [`${PREFIX_CLS}button--${variant}`]: variant,
-            [`${PREFIX_CLS}button--${color}`]: color,
-            [`${PREFIX_CLS}button--${size}`]: size,
-            [`${PREFIX_CLS}button--block`]: block,
-            [`${PREFIX_CLS}button--icon-only`]: iconOnly,
-            [`${PREFIX_CLS}button--disabled`]: disabled
-          },
-          className
-        ),
-        role,
-        disabled
-      }, rest), {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `${PREFIX_CLS}overlay` }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `${PREFIX_CLS}outline` }),
-          loading ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon_default, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LoaderIcon_default, { className: `${PREFIX_CLS}animation-spin` }) }) : startContent,
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `${PREFIX_CLS}button__content`, children }),
-          endContent
-        ]
-      })
-    );
+// src/utils/scroll.ts
+var scrollToItem = (parentElement, currentElement) => {
+  const parentRect = parentElement.getBoundingClientRect();
+  const currentRect = currentElement.getBoundingClientRect();
+  const behavior = "smooth";
+  const previousElement = currentElement.previousSibling;
+  const previousRect = (previousElement == null ? void 0 : previousElement.getBoundingClientRect()) || currentRect;
+  if (parentRect.left > previousRect.left) {
+    let offset = 0;
+    if (previousElement) {
+      offset = previousRect.left - parentRect.left + parentElement.scrollLeft + previousRect.width / 4;
+    }
+    parentElement.scrollTo({ behavior, left: offset });
   }
-);
-
-// src/components/Card/Card.tsx
-var import_react9 = require("react");
+  const nextElement = currentElement.nextSibling;
+  const nextRect = (nextElement == null ? void 0 : nextElement.getBoundingClientRect()) || currentRect;
+  if (parentRect.right < nextRect.right) {
+    let offset = parentElement.scrollWidth;
+    if (nextElement) {
+      offset = nextRect.right - parentRect.right + parentElement.scrollLeft - nextRect.width / 4;
+    }
+    parentElement.scrollTo({ behavior, left: offset });
+  }
+};
 
 // src/utils/clsx.ts
 function toVal(mix) {
@@ -401,7 +627,7 @@ function toVal(mix) {
   }
   return str;
 }
-function clsx6(...inputs) {
+function clsx(...inputs) {
   let i = 0, tmp, x, str = "";
   while (i < inputs.length) {
     if (tmp = inputs[i++]) {
@@ -413,115 +639,415 @@ function clsx6(...inputs) {
   }
   return str;
 }
-var clsx_default = clsx6;
-
-// src/utils/scroll.ts
-var scrollToItem = (parentElement, currentElement) => {
-  const parentRect = parentElement.getBoundingClientRect();
-  const currentRect = currentElement.getBoundingClientRect();
-  const behavior = "smooth";
-  const previousElement = currentElement.previousSibling;
-  const previousRect = (previousElement == null ? void 0 : previousElement.getBoundingClientRect()) || currentRect;
-  if (parentRect.left > previousRect.left) {
-    let offset = 0;
-    if (previousElement) {
-      offset = previousRect.left - parentRect.left + parentElement.scrollLeft + previousRect.width / 4;
-    }
-    parentElement.scrollTo({ behavior, left: offset });
+var clsx_default = clsx;
+
+// src/utils/mergeRefs.ts
+function assignRef(ref, value) {
+  if (ref == null)
+    return;
+  if (typeof ref === "function") {
+    ref(value);
+    return;
   }
-  const nextElement = currentElement.nextSibling;
-  const nextRect = (nextElement == null ? void 0 : nextElement.getBoundingClientRect()) || currentRect;
-  if (parentRect.right < nextRect.right) {
-    let offset = parentElement.scrollWidth;
-    if (nextElement) {
-      offset = nextRect.right - parentRect.right + parentElement.scrollLeft - nextRect.width / 4;
-    }
-    parentElement.scrollTo({ behavior, left: offset });
+  try {
+    ref.current = value;
+  } catch (error) {
+    throw new Error(`Cannot assign value '${value}' to ref '${ref}'`);
   }
-};
+}
+function mergeRefs(...refs) {
+  return (node) => {
+    refs.forEach((ref) => {
+      assignRef(ref, node);
+    });
+  };
+}
+var mergeRefs_default = mergeRefs;
 
-// src/components/Card/Card.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Card = (0, import_react9.forwardRef)((_a, ref) => {
-  var _b = _a, { as: Component = "div", children, className } = _b, rest = __objRest(_b, ["as", "children", "className"]);
-  const prefixCls = PREFIX_CLS;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Component, __spreadProps(__spreadValues({ ref, className: clsx_default(`${prefixCls}card`, className) }, rest), { children }));
+// src/components/Button/Button.tsx
+var import_clsx3 = __toESM(require("clsx"));
+var import_react17 = require("react");
+
+// src/components/Icon/Icon.tsx
+var import_clsx2 = __toESM(require("clsx"));
+var import_react16 = require("react");
+var Icon = (0, import_react16.forwardRef)(({ children, size }, ref) => {
+  const child = import_react16.Children.only(children);
+  return (0, import_react16.cloneElement)(child, __spreadProps(__spreadValues({
+    ref
+  }, child.props), {
+    className: (0, import_clsx2.default)(`${PREFIX_CLS}icon`, { [`${PREFIX_CLS}font-size-${size}`]: size }, child.props.className)
+  }));
 });
-var Card_default = Card;
+var Icon_default = Icon;
 
-// src/components/Card/CardHeader.tsx
-var import_react10 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var CardHeader = (0, import_react10.forwardRef)(
+// src/components/Button/Button.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Button = (0, import_react17.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { as: Component = "div", className, title, subtitle, startContent, endContent } = _b, rest = __objRest(_b, ["as", "className", "title", "subtitle", "startContent", "endContent"]);
+    var _b = _a, {
+      as: Component = "button",
+      children,
+      className,
+      role = "presentation",
+      variant = "text",
+      color = "primary",
+      size = "md",
+      iconOnly,
+      startContent,
+      endContent,
+      block,
+      loading,
+      disabled
+    } = _b, rest = __objRest(_b, [
+      "as",
+      "children",
+      "className",
+      "role",
+      "variant",
+      "color",
+      "size",
+      "iconOnly",
+      "startContent",
+      "endContent",
+      "block",
+      "loading",
+      "disabled"
+    ]);
     const prefixCls = PREFIX_CLS;
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Component, __spreadProps(__spreadValues({ ref, className: clsx_default(`${prefixCls}card-header`, className) }, rest), { children: [
-      startContent && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `${prefixCls}card-header__start-content`, children: startContent }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: `${prefixCls}card-header__content`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `${prefixCls}card-header__title`, children: title }),
-        subtitle && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `${prefixCls}card-header__subtitle`, children: subtitle })
-      ] }),
-      endContent && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `${prefixCls}card-header__end-content`, children: endContent })
-    ] }));
-  }
-);
-var CardHeader_default = CardHeader;
-
-// src/components/Chip/Chip.tsx
-var import_clsx7 = __toESM(require("clsx"));
-var import_react11 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var Chip = (0, import_react11.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { as: Component = "div", children, className, variant, color, size } = _b, rest = __objRest(_b, ["as", "children", "className", "variant", "color", "size"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       Component,
       __spreadProps(__spreadValues({
         ref,
-        className: (0, import_clsx7.default)(
-          `${PREFIX_CLS}chip`,
+        className: (0, import_clsx3.default)(
+          `${prefixCls}button`,
           {
-            [`${PREFIX_CLS}chip--${variant}`]: variant,
-            [`${PREFIX_CLS}chip--${color}`]: color,
-            [`${PREFIX_CLS}chip--${size}`]: size
+            [`${prefixCls}button--${variant}`]: variant,
+            [`${prefixCls}button--${color}`]: color,
+            [`${prefixCls}button--${size}`]: size,
+            [`${prefixCls}button--block`]: block,
+            [`${prefixCls}button--icon-only`]: iconOnly,
+            [`${prefixCls}button--disabled`]: disabled
           },
           className
-        )
+        ),
+        role,
+        disabled
       }, rest), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: (0, import_clsx7.default)(`${PREFIX_CLS}overlay`) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: `${PREFIX_CLS}outline` }),
-          children
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `${prefixCls}overlay` }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `${prefixCls}outline` }),
+          loading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon_default, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoaderIcon_default, { className: `${prefixCls}animation-spin` }) }) : startContent,
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `${prefixCls}button__content`, children }),
+          endContent
         ]
       })
     );
   }
 );
-var Chip_default = Chip;
 
-// src/components/Collapse/Collapse.tsx
-var import_react13 = require("react");
+// src/components/Popover/Popover.tsx
+var import_react21 = require("react");
 
-// src/components/Collapse/CollapseContext.tsx
-var import_react12 = require("react");
-var CollapseContext = (0, import_react12.createContext)(null);
-var useCollapse = () => {
-  const context = (0, import_react12.useContext)(CollapseContext);
+// src/components/Portal/Portal.tsx
+var import_react18 = require("react");
+var import_react_dom = require("react-dom");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Portal = (0, import_react18.forwardRef)(({ children, container }, ref) => {
+  const prefixCls = PREFIX_CLS;
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref, className: `${prefixCls}portal`, children }),
+    container || document.body
+  );
+});
+var Portal_default = Portal;
+
+// src/components/Transition/Transition.tsx
+var import_clsx4 = __toESM(require("clsx"));
+var import_react19 = require("react");
+var import_react_transition_group = require("react-transition-group");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Transition = (0, import_react19.forwardRef)((props, ref) => {
+  const {
+    children,
+    className,
+    nodeRef,
+    name,
+    isOpen,
+    enter = 0,
+    leave = 0,
+    mountOnEnter,
+    unmountOnExit,
+    onExited
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_react_transition_group.CSSTransition,
+    {
+      nodeRef,
+      in: isOpen,
+      appear: true,
+      timeout: { enter, exit: leave },
+      mountOnEnter,
+      unmountOnExit,
+      classNames: (0, import_clsx4.default)(name, className),
+      onExited,
+      children
+    }
+  );
+});
+var Transition_default = Transition;
+
+// src/components/Popover/constans.ts
+var POPOVER_TRANSITION_DURATION_LEAVE = 150;
+
+// src/components/Popover/PopoverContext.tsx
+var import_react20 = require("react");
+var PopoverContext = (0, import_react20.createContext)(null);
+var usePopover = () => {
+  const context = (0, import_react20.useContext)(PopoverContext);
   if (!context) {
-    throw new Error("`useCollapse` must be used within a `<Collapse />`");
+    throw new Error("`usePopover` must be used within a `<Popover />`");
   }
   return context;
 };
-var CollapseContext_default = CollapseContext;
+var PopoverContext_default = PopoverContext;
 
-// src/components/Collapse/Collapse.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+// src/components/Popover/Popover.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Popover = (props) => {
+  const {
+    children,
+    target,
+    autoClose = true,
+    triggerClosable = true,
+    isOpen,
+    onOpen,
+    onClose,
+    onToggle,
+    onAfterClose
+  } = props;
+  const triggerRef = (0, import_react21.useRef)(null);
+  const contentRef = (0, import_react21.useRef)(null);
+  const [internalOpen, setInternalOpen] = (0, import_react21.useState)(props.isOpen || false);
+  const [trigger, content] = import_react21.Children.toArray(children);
+  const prefixCls = PREFIX_CLS;
+  const handleOpen = () => {
+    if (isOpen !== void 0) {
+      onOpen == null ? void 0 : onOpen();
+    } else {
+      setInternalOpen(true);
+    }
+  };
+  const handleClose = () => {
+    if (isOpen !== void 0) {
+      onClose == null ? void 0 : onClose();
+    } else {
+      setInternalOpen(false);
+    }
+  };
+  const handleToggle = () => {
+    if (isOpen !== void 0) {
+      onToggle == null ? void 0 : onToggle();
+    } else {
+      setInternalOpen((prevState) => !prevState);
+    }
+  };
+  (0, import_react21.useEffect)(() => {
+    setInternalOpen(isOpen || false);
+  }, [isOpen]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    PopoverContext_default.Provider,
+    {
+      value: {
+        triggerRef,
+        contentRef,
+        target,
+        isOpen: internalOpen,
+        autoClose,
+        triggerClosable,
+        onOpen: handleOpen,
+        onClose: handleClose,
+        onToggle: handleToggle
+      },
+      children: [
+        trigger,
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Transition_default,
+          {
+            nodeRef: contentRef,
+            isOpen: internalOpen,
+            enter: 300,
+            leave: POPOVER_TRANSITION_DURATION_LEAVE,
+            name: `${prefixCls}popover`,
+            unmountOnExit: true,
+            onExited: onAfterClose,
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Portal_default, { children: (0, import_react21.cloneElement)(import_react21.Children.only(content), __spreadProps(__spreadValues({}, content.props), {
+              ref: contentRef
+            })) })
+          }
+        )
+      ]
+    }
+  );
+};
+var Popover_default = Popover;
+
+// src/components/Popover/PopoverContent.tsx
+var import_react22 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function getScrollParent(node) {
+  if (node == null) {
+    return null;
+  }
+  if (node.scrollHeight > node.clientHeight) {
+    return node;
+  } else {
+    return getScrollParent(node.parentNode);
+  }
+}
+var PopoverContent = (0, import_react22.forwardRef)((props, ref) => {
+  const _a = props, { children, style, className, onClick } = _a, rest = __objRest(_a, ["children", "style", "className", "onClick"]);
+  const { triggerRef, contentRef, target, onClose } = usePopover();
+  const prefixCls = PREFIX_CLS;
+  const menuListRef = (0, import_react22.useRef)(null);
+  const [contentStyle, setContentStyle] = (0, import_react22.useState)({
+    position: "absolute",
+    top: 0,
+    left: 0,
+    visibility: "hidden"
+  });
+  const containerEl = getScrollParent(triggerRef.current) || window;
+  useElementSize_default({
+    target: containerEl,
+    callback: () => {
+      handleSize();
+    }
+  });
+  useOnClickOutside_default(contentRef, (event) => {
+    const el = triggerRef.current;
+    if (!el || el.contains(event.target))
+      return;
+    onClose();
+  });
+  const handleClick = (ev) => {
+    ev.stopPropagation();
+    onClick == null ? void 0 : onClick(ev);
+  };
+  const handleSize = (0, import_react22.useCallback)(() => {
+    var _a2, _b;
+    const popoverRect = (_a2 = contentRef.current) == null ? void 0 : _a2.getBoundingClientRect();
+    const triggerClientRect = (_b = triggerRef.current) == null ? void 0 : _b.getBoundingClientRect();
+    if (!popoverRect || !triggerClientRect || !containerEl) {
+      return;
+    }
+    const container = { innerWidth: window.innerWidth, innerHeight: window.innerHeight };
+    const triggerRect = {
+      width: triggerClientRect.width,
+      height: triggerClientRect.height,
+      top: triggerClientRect.top + window.scrollY,
+      bottom: triggerClientRect.top + triggerClientRect.height + window.scrollY,
+      left: triggerClientRect.left + window.scrollX,
+      right: triggerClientRect.left + triggerClientRect.width + window.scrollX
+    };
+    const outsideX = triggerRect.left + popoverRect.width > container.innerWidth;
+    const outsideY = triggerRect.top + popoverRect.height > container.innerHeight + window.scrollY;
+    const style2 = __spreadProps(__spreadValues({}, target && {
+      width: triggerRect.width,
+      minWidth: "auto"
+    }), {
+      position: "absolute",
+      top: outsideY ? void 0 : triggerRect.bottom,
+      bottom: outsideY ? container.innerHeight - triggerRect.top : void 0,
+      left: outsideX ? void 0 : triggerRect.left,
+      right: outsideX ? container.innerWidth - triggerRect.right : void 0,
+      visibility: void 0
+    });
+    setContentStyle(style2);
+  }, []);
+  (0, import_react22.useEffect)(() => {
+    handleSize();
+    containerEl.addEventListener("scroll", handleSize);
+    window.addEventListener("orientationchange", handleSize);
+    return () => {
+      containerEl.removeEventListener("scroll", handleSize);
+      window.removeEventListener("orientationchange", handleSize);
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "div",
+    __spreadProps(__spreadValues({
+      ref: mergeRefs_default(menuListRef, ref),
+      className: clsx_default(`${prefixCls}popover`, className),
+      style: __spreadValues(__spreadValues({}, style), contentStyle),
+      onClick: handleClick
+    }, rest), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `${prefixCls}popover__overlay` }),
+        children
+      ]
+    })
+  );
+});
+var PopoverContent_default = PopoverContent;
+
+// src/components/Popover/PopoverTrigger.tsx
+var import_react23 = require("react");
+var PopoverTrigger = (0, import_react23.forwardRef)((props, ref) => {
+  const _a = props, { children, onClick } = _a, rest = __objRest(_a, ["children", "onClick"]);
+  const { isOpen, triggerRef, triggerClosable, onOpen, onClose } = usePopover();
+  const child = import_react23.Children.only(typeof children === "function" ? children(isOpen) : children);
+  const handleClick = (ev) => {
+    var _a2, _b;
+    ev.preventDefault();
+    triggerClosable && isOpen ? onClose() : onOpen();
+    onClick == null ? void 0 : onClick(ev);
+    (_b = (_a2 = child.props).onClick) == null ? void 0 : _b.call(_a2, ev);
+  };
+  return (0, import_react23.cloneElement)(child, __spreadProps(__spreadValues(__spreadValues({}, child.props), rest), {
+    ref: mergeRefs_default(ref, triggerRef),
+    onClick: handleClick
+  }));
+});
+var PopoverTrigger_default = PopoverTrigger;
+
+// src/components/Autocomplete/AutocompleteContent.tsx
+var import_react33 = require("react");
+
+// src/components/List/List.tsx
+var import_react24 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var List = (0, import_react24.forwardRef)((_a, ref) => {
+  var _b = _a, { as: Component = "div", children } = _b, rest = __objRest(_b, ["as", "children"]);
+  const prefixCls = PREFIX_CLS;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Component, __spreadProps(__spreadValues({ ref, className: `${prefixCls}list` }, rest), { children }));
+});
+var List_default = List;
+
+// src/components/List/ListGroup.tsx
+var import_react30 = require("react");
+
+// src/components/Collapse/Collapse.tsx
+var import_react26 = require("react");
+
+// src/components/Collapse/CollapseContext.tsx
+var import_react25 = require("react");
+var CollapseContext = (0, import_react25.createContext)(null);
+var useCollapse = () => {
+  const context = (0, import_react25.useContext)(CollapseContext);
+  if (!context) {
+    throw new Error("`useCollapse` must be used within a `<Collapse />`");
+  }
+  return context;
+};
+var CollapseContext_default = CollapseContext;
+
+// src/components/Collapse/Collapse.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var Collapse = ({ children, isOpen, onOpen, onClose, onToggle }) => {
-  const collapseRef = (0, import_react13.useRef)(null);
-  const [selfIsOpen, setSelfIsOpen] = (0, import_react13.useState)(isOpen != null ? isOpen : false);
-  const [heightAuto, setHeightAuto] = (0, import_react13.useState)(false);
-  const [trigger, content] = import_react13.Children.toArray(children);
+  const collapseRef = (0, import_react26.useRef)(null);
+  const [selfIsOpen, setSelfIsOpen] = (0, import_react26.useState)(isOpen != null ? isOpen : false);
+  const [heightAuto, setHeightAuto] = (0, import_react26.useState)(false);
+  const [trigger, content] = import_react26.Children.toArray(children);
   const handleOpen = () => {
     setSelfIsOpen(true);
     onOpen == null ? void 0 : onOpen();
@@ -534,7 +1060,7 @@ var Collapse = ({ children, isOpen, onOpen, onClose, onToggle }) => {
     setSelfIsOpen((prevState) => !prevState);
     onToggle == null ? void 0 : onToggle();
   };
-  (0, import_react13.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (isOpen !== void 0) {
       setSelfIsOpen(isOpen);
     }
@@ -546,7 +1072,7 @@ var Collapse = ({ children, isOpen, onOpen, onClose, onToggle }) => {
       }
     }, 100);
   }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     CollapseContext_default.Provider,
     {
       value: {
@@ -567,13 +1093,13 @@ var Collapse = ({ children, isOpen, onOpen, onClose, onToggle }) => {
 var Collapse_default = Collapse;
 
 // src/components/Collapse/CollapseContent.tsx
-var import_clsx8 = __toESM(require("clsx"));
-var import_react14 = require("react");
-var CollapseContent = (0, import_react14.forwardRef)(({ children }, ref) => {
+var import_clsx5 = __toESM(require("clsx"));
+var import_react27 = require("react");
+var CollapseContent = (0, import_react27.forwardRef)(({ children }, ref) => {
   var _a, _b;
   const { collapseRef, isOpen, heightAuto } = useCollapse();
-  const child = import_react14.Children.only(children);
-  return (0, import_react14.cloneElement)(child, __spreadProps(__spreadValues({}, child.props), {
+  const child = import_react27.Children.only(children);
+  return (0, import_react27.cloneElement)(child, __spreadProps(__spreadValues({}, child.props), {
     ref: (node) => {
       collapseRef.current = node;
       if (ref !== null) {
@@ -583,18 +1109,18 @@ var CollapseContent = (0, import_react14.forwardRef)(({ children }, ref) => {
     style: __spreadProps(__spreadValues({}, child.props.style), {
       height: isOpen && heightAuto ? "auto" : isOpen ? (_a = collapseRef.current) == null ? void 0 : _a.scrollHeight : !isOpen && heightAuto ? (_b = collapseRef.current) == null ? void 0 : _b.scrollHeight : 0
     }),
-    className: (0, import_clsx8.default)(`${PREFIX_CLS}collapse`, child.props.className)
+    className: (0, import_clsx5.default)(`${PREFIX_CLS}collapse`, child.props.className)
   }));
 });
 var CollapseContent_default = CollapseContent;
 
 // src/components/Collapse/CollapseTrigger.tsx
-var import_react15 = require("react");
-var CollapseTrigger = (0, import_react15.forwardRef)(({ children }, ref) => {
+var import_react28 = require("react");
+var CollapseTrigger = (0, import_react28.forwardRef)(({ children }, ref) => {
   const { collapseRef, onToggle } = useCollapse();
-  const child = import_react15.Children.only(children);
+  const child = import_react28.Children.only(children);
   const _a = child.props, { onClick } = _a, rest = __objRest(_a, ["onClick"]);
-  return (0, import_react15.cloneElement)(child, __spreadValues({
+  return (0, import_react28.cloneElement)(child, __spreadValues({
     ref,
     onClick: (event) => {
       if (!collapseRef.current) {
@@ -607,47 +1133,746 @@ var CollapseTrigger = (0, import_react15.forwardRef)(({ children }, ref) => {
 });
 var CollapseTrigger_default = CollapseTrigger;
 
-// src/components/Drawer/Drawer.tsx
-var import_clsx9 = __toESM(require("clsx"));
-var import_react16 = require("react");
-var import_react_merge_refs2 = require("react-merge-refs");
+// src/components/List/ListItem.tsx
+var import_react29 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var ListItem = (0, import_react29.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, {
+      as: Component = "div",
+      className,
+      title,
+      subtitle,
+      startContent,
+      endContent,
+      level = 1,
+      hoverable,
+      selected,
+      disabled,
+      slotProps,
+      style,
+      onClick
+    } = _b, rest = __objRest(_b, [
+      "as",
+      "className",
+      "title",
+      "subtitle",
+      "startContent",
+      "endContent",
+      "level",
+      "hoverable",
+      "selected",
+      "disabled",
+      "slotProps",
+      "style",
+      "onClick"
+    ]);
+    var _a2, _b2;
+    const prefixCls = PREFIX_CLS;
+    const handleClick = (event) => {
+      onClick == null ? void 0 : onClick(event);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      Component,
+      __spreadProps(__spreadValues({
+        ref,
+        className: clsx_default(
+          `${prefixCls}list-item`,
+          {
+            [`${prefixCls}list-item--selected`]: selected,
+            [`${prefixCls}list-item--hoverable`]: hoverable,
+            [`${prefixCls}list-item--disabled`]: disabled
+          },
+          className
+        ),
+        style: __spreadValues({
+          paddingLeft: level <= 1 ? `var(--${prefixCls}list-item-padding-x)` : `calc(${level} * var(--${prefixCls}list-item-padding-level))`
+        }, style),
+        onClick: handleClick
+      }, rest), {
+        children: [
+          hoverable && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${prefixCls}overlay` }),
+          startContent && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${prefixCls}list-item__start-content`, children: startContent }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `${prefixCls}list-item__content`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", __spreadProps(__spreadValues({}, slotProps == null ? void 0 : slotProps.title), { className: clsx_default(`${prefixCls}list-item__title`, (_a2 = slotProps == null ? void 0 : slotProps.title) == null ? void 0 : _a2.className), children: title })),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              "span",
+              __spreadProps(__spreadValues({}, slotProps == null ? void 0 : slotProps.subtitle), {
+                className: clsx_default(`${prefixCls}list-item__subtitle`, (_b2 = slotProps == null ? void 0 : slotProps.subtitle) == null ? void 0 : _b2.className),
+                children: subtitle
+              })
+            )
+          ] }),
+          endContent && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${prefixCls}list-item__end-content`, children: endContent })
+        ]
+      })
+    );
+  }
+);
+var ListItem_default = ListItem;
+
+// src/components/List/ListGroup.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var Drawer = (0, import_react16.forwardRef)((props, ref) => {
-  const { children, className, isOpen, size = "md", position = "left", onClose } = props;
-  const nodeRef = (0, import_react16.useRef)(null);
-  const handleClose = () => {
-    onClose();
+var ListGroup = (0, import_react30.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, {
+      children,
+      startContent,
+      endContent,
+      expandVisible = true,
+      expandPosition = "end",
+      isOpen,
+      onOpen,
+      onClose,
+      onToggle
+    } = _b, rest = __objRest(_b, [
+      "children",
+      "startContent",
+      "endContent",
+      "expandVisible",
+      "expandPosition",
+      "isOpen",
+      "onOpen",
+      "onClose",
+      "onToggle"
+    ]);
+    const disclosure = isOpen !== void 0 ? { isOpen, onOpen, onClose, onToggle } : useDisclosure_default();
+    const prefixCls = PREFIX_CLS;
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: `${prefixCls}list-group`, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Collapse_default, __spreadProps(__spreadValues({}, disclosure), { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CollapseTrigger_default, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        ListItem_default,
+        __spreadValues({
+          ref,
+          startContent: expandVisible && expandPosition === "start" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon_default, { children: disclosure.isOpen ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronUpIcon_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronDownIcon_default, {}) }),
+            startContent
+          ] }) : startContent,
+          endContent: expandVisible && expandPosition === "end" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+            endContent,
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon_default, { children: disclosure.isOpen ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronUpIcon_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronDownIcon_default, {}) })
+          ] }) : endContent
+        }, rest)
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CollapseContent_default, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(List_default, { children }) }) })
+    ] })) });
+  }
+);
+var ListGroup_default = ListGroup;
+
+// src/components/ScrollArea/ScrollArea.tsx
+var import_react31 = require("react");
+var import_react_custom_scrollbars_2 = require("react-custom-scrollbars-2");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var ScrollArea = (0, import_react31.forwardRef)(({ children, autoHide = false, style }, ref) => {
+  const prefixCls = PREFIX_CLS;
+  const renderView = (props) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", __spreadProps(__spreadValues({}, props), { className: clsx_default(`${prefixCls}scroll-area__view`, props.className) }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Backdrop_default, { isOpen, onClose: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Transition_default, { nodeRef, isOpen, name: `${PREFIX_CLS}drawer`, enter: 600, leave: 300, unmountOnExit: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    "div",
+  const renderTrackHorizontal = (props) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "div",
+      __spreadProps(__spreadValues({}, props), {
+        className: clsx_default(`${prefixCls}scroll-area__track ${prefixCls}scroll-area__track--horizontal`, props.className)
+      })
+    );
+  };
+  const renderTrackVertical = (props) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "div",
+      __spreadProps(__spreadValues({}, props), {
+        className: clsx_default(`${prefixCls}scroll-area__track ${prefixCls}scroll-area__track--vertical`, props.className)
+      })
+    );
+  };
+  const renderThumbHorizontal = (props) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "div",
+      __spreadProps(__spreadValues({}, props), {
+        className: clsx_default(`${prefixCls}scroll-area__thumb ${prefixCls}scroll-area__thumb--horizontal`, props.className)
+      })
+    );
+  };
+  const renderThumbVertical = (props) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "div",
+      __spreadProps(__spreadValues({}, props), {
+        className: clsx_default(`${prefixCls}scroll-area__thumb ${prefixCls}scroll-area__thumb--vertical`, props.className)
+      })
+    );
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_react_custom_scrollbars_2.Scrollbars,
     {
-      ref: (0, import_react_merge_refs2.mergeRefs)([ref, nodeRef]),
-      className: (0, import_clsx9.default)(
-        `${PREFIX_CLS}drawer`,
-        {
-          [`${PREFIX_CLS}drawer--${size}`]: size,
-          [`${PREFIX_CLS}drawer--${position}`]: position
-        },
-        className
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: `${PREFIX_CLS}drawer__overlay` }),
-        children
-      ]
+      autoHide,
+      className: `${prefixCls}scroll-area`,
+      renderTrackHorizontal,
+      renderTrackVertical,
+      renderThumbHorizontal,
+      renderThumbVertical,
+      renderView,
+      style,
+      ref: (node) => {
+        node && assignRef(ref, node.container.firstElementChild);
+      },
+      children
     }
-  ) }) });
+  );
+});
+var ScrollArea_default = ScrollArea;
+
+// src/components/Autocomplete/AutocompleteContext.tsx
+var import_react32 = require("react");
+var AutocompleteContext = (0, import_react32.createContext)(null);
+var useAutocomplete = () => {
+  const context = (0, import_react32.useContext)(AutocompleteContext);
+  if (!context) {
+    throw new Error("`useAutocomplete` must be used within a `<Autocomplete />`");
+  }
+  return context;
+};
+var AutocompleteContext_default = AutocompleteContext;
+
+// src/components/Autocomplete/AutocompleteContent.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var AutocompleteContent = () => {
+  const { data, values, offset, setOffset, keyField, textField, onItemSelect, renderItem } = useAutocomplete();
+  const parentRef = (0, import_react33.useRef)(null);
+  const { isOpen } = usePopover();
+  const handleItemSelect = (item) => {
+    var _a;
+    onItemSelect(item);
+    setOffset(((_a = parentRef.current) == null ? void 0 : _a.scrollHeight) || 0);
+  };
+  (0, import_react33.useEffect)(() => {
+    var _a;
+    if (!isOpen)
+      return;
+    (_a = parentRef.current) == null ? void 0 : _a.scrollTo({ top: offset });
+  }, [isOpen]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    ScrollArea_default,
+    {
+      ref: parentRef,
+      style: {
+        height: `200px`,
+        width: `100%`,
+        position: "relative"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(List_default, { children: renderItem ? data.map((item) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react33.Fragment, { children: renderItem(item, {
+        title: "",
+        selected: values.includes(item[keyField]),
+        hoverable: true,
+        onClick: () => handleItemSelect(item)
+      }) }, item[keyField])) : data.map((item) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        ListItem_default,
+        {
+          title: item[textField],
+          selected: values.includes(item[keyField]),
+          hoverable: true,
+          onClick: () => handleItemSelect(item)
+        },
+        item[keyField]
+      )) })
+    }
+  );
+};
+var AutocompleteContent_default = AutocompleteContent;
+
+// src/components/Autocomplete/AutocompleteVirtual.tsx
+var import_react34 = require("react");
+
+// src/components/Autocomplete/utils.ts
+var valueToValues = (value) => {
+  return Array.isArray(value) ? value : value !== null ? [value] : [];
+};
+var valuesToValue = (values) => {
+  return Array.isArray(values) ? values.length !== 0 ? values[0] : null : values;
+};
+
+// src/components/Autocomplete/AutocompleteVirtual.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var AutocompleteVirtual = () => {
+  const { data, values, keyField, textField, virtual, onItemSelect, renderItem } = useAutocomplete();
+  const parentRef = (0, import_react34.useRef)(null);
+  const virtualizer = useVirtualizer_default(__spreadProps(__spreadValues({}, virtual), { count: data.length, parentRef }));
+  const { isOpen } = usePopover();
+  const handleItemSelect = (item) => {
+    onItemSelect(item);
+  };
+  (0, import_react34.useEffect)(() => {
+    if (!isOpen)
+      return;
+    const value = valuesToValue(values);
+    const index = data.findIndex((item) => item[keyField] === value);
+    virtualizer.scrollToIndex(index, { align: "start" });
+  }, [isOpen]);
+  if (!virtual)
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    ScrollArea_default,
+    {
+      ref: parentRef,
+      autoHide: true,
+      style: {
+        height: `200px`,
+        width: `100%`,
+        position: "relative"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(List_default, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "div",
+        {
+          style: {
+            height: `${virtualizer.getTotalSize()}px`,
+            width: "100%",
+            position: "relative"
+          },
+          children: virtualizer.getVirtualItems().map((virtualItem) => {
+            const isLoaderRow = virtualItem.index > data.length - 1;
+            const item = data[virtualItem.index];
+            if (isLoaderRow) {
+              return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                ListItem_default,
+                {
+                  title: virtual.hasNextPage ? "Loading..." : "Nothing more to load",
+                  style: {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    width: "100%",
+                    height: `${virtualItem.size}px`,
+                    transform: `translateY(${virtualItem.start}px)`
+                  }
+                },
+                virtualItem.index
+              );
+            }
+            if (!item) {
+              return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                ListItem_default,
+                {
+                  title: `Item ${virtualItem.index} not found`,
+                  style: {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    width: "100%",
+                    height: `${virtualItem.size}px`,
+                    transform: `translateY(${virtualItem.start}px)`
+                  }
+                },
+                virtualItem.index
+              );
+            }
+            if (renderItem) {
+              return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react34.Fragment, { children: renderItem(item, {
+                title: "",
+                selected: values.includes(item[keyField]),
+                hoverable: true,
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  width: "100%",
+                  height: `${virtualItem.size}px`,
+                  transform: `translateY(${virtualItem.start}px)`
+                },
+                onClick: () => handleItemSelect(item)
+              }) }, virtualItem.index);
+            }
+            return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              ListItem_default,
+              {
+                title: item[textField],
+                selected: values.includes(item[keyField]),
+                hoverable: true,
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  width: "100%",
+                  height: `${virtualItem.size}px`,
+                  transform: `translateY(${virtualItem.start}px)`
+                },
+                onClick: () => handleItemSelect(item)
+              },
+              virtualItem.index
+            );
+          })
+        }
+      ) })
+    }
+  );
+};
+var AutocompleteVirtual_default = AutocompleteVirtual;
+
+// src/components/Autocomplete/Autocomplete.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Autocomplete = (props) => {
+  const {
+    data,
+    value: valueProp,
+    keyField = "key",
+    textField = "text",
+    isMultiple = false,
+    disabled,
+    loading,
+    disclosure: disclosureProp,
+    virtual,
+    placeholder,
+    style,
+    startContent,
+    endContent,
+    onFilterChange,
+    renderItem
+  } = props;
+  const disclosure = disclosureProp !== void 0 ? disclosureProp : useDisclosure_default();
+  const prefixCls = PREFIX_CLS;
+  const inputRef = (0, import_react35.useRef)(null);
+  const [filter, setFilter] = (0, import_react35.useState)("");
+  const [search, setSearch] = (0, import_react35.useState)("");
+  const [isSearch, setIsSearch] = (0, import_react35.useState)(false);
+  const [focus, setFocus] = (0, import_react35.useState)(false);
+  const values = (0, import_react35.useMemo)(() => {
+    return valueToValues(valueProp);
+  }, [valueProp]);
+  const items = (0, import_react35.useMemo)(() => {
+    return data.filter((item) => values.includes(item[keyField]));
+  }, [data, values]);
+  const [offset, setOffset] = (0, import_react35.useState)(0);
+  const handleClick = () => {
+    var _a;
+    (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.focus();
+  };
+  const handleChange = (values2) => {
+    var _a, _b, _c, _d, _e;
+    if (props.isMultiple) {
+      const items2 = data.filter((item) => values2.includes(item[keyField]));
+      (_a = props.onChange) == null ? void 0 : _a.call(props, items2);
+      (_b = props.onValueChange) == null ? void 0 : _b.call(props, values2);
+    } else {
+      const newValue = valuesToValue(values2);
+      let item = null;
+      if (newValue !== void 0) {
+        item = (_c = data.find((item2) => item2[keyField] === newValue)) != null ? _c : null;
+      }
+      (_d = props.onChange) == null ? void 0 : _d.call(props, item);
+      (_e = props.onValueChange) == null ? void 0 : _e.call(props, newValue);
+    }
+  };
+  const handleClear = (event) => {
+    var _a, _b, _c, _d;
+    event.stopPropagation();
+    setIsSearch(true);
+    setSearch("");
+    if (props.isMultiple) {
+      (_a = props.onChange) == null ? void 0 : _a.call(props, []);
+      (_b = props.onValueChange) == null ? void 0 : _b.call(props, []);
+    } else {
+      (_c = props.onChange) == null ? void 0 : _c.call(props, null);
+      (_d = props.onValueChange) == null ? void 0 : _d.call(props, null);
+    }
+    setIsSearch(false);
+  };
+  const handleFilterChange = (event) => {
+    !disclosure.isOpen && disclosure.onOpen();
+    setIsSearch(true);
+    setSearch(event.target.value);
+    onFilterChange == null ? void 0 : onFilterChange(event.target.value);
+  };
+  const handleItemSelect = (item) => {
+    var _a;
+    const newValue = item[keyField];
+    if (props.isMultiple) {
+      const newValues = [...values];
+      const valueIndex = values.indexOf(newValue);
+      if (valueIndex === -1) {
+        newValues.push(newValue);
+      } else {
+        newValues.splice(valueIndex, 1);
+      }
+      handleChange(newValues);
+    } else {
+      const value = valuesToValue(values);
+      if (value !== newValue) {
+        handleChange([newValue]);
+      }
+    }
+    if (isSearch) {
+      setFilter(search);
+    }
+    setIsSearch(false);
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+    disclosure.onClose();
+  };
+  const handleOpen = () => {
+    disclosure.onOpen();
+    setFocus(true);
+  };
+  const handleClose = () => {
+    disclosure.onClose();
+    if (!props.isMultiple) {
+      if (isSearch) {
+        const item = items[0];
+        if (item !== void 0) {
+          setSearch(item[textField]);
+          onFilterChange == null ? void 0 : onFilterChange(filter);
+        } else {
+          setSearch("");
+          onFilterChange == null ? void 0 : onFilterChange(filter);
+        }
+        setIsSearch(false);
+      }
+    }
+  };
+  (0, import_react35.useEffect)(() => {
+    if (isSearch)
+      return;
+    if (!props.isMultiple) {
+      const item = items[0];
+      if (item !== void 0) {
+        setSearch(item[textField]);
+      }
+    }
+  }, [items]);
+  (0, import_react35.useEffect)(() => {
+    const values2 = valueToValues(valueProp);
+    const value = values2[0];
+    if (value === void 0) {
+      setSearch("");
+      onFilterChange == null ? void 0 : onFilterChange("");
+    }
+  }, [valueProp]);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    AutocompleteContext_default.Provider,
+    {
+      value: {
+        data,
+        values,
+        keyField,
+        textField,
+        isMultiple,
+        virtual,
+        onChange: handleChange,
+        onItemSelect: handleItemSelect,
+        offset,
+        setOffset,
+        renderItem
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        Popover_default,
+        __spreadProps(__spreadValues({
+          target: true
+        }, disclosure), {
+          isOpen: disclosure.isOpen,
+          onOpen: handleOpen,
+          onClose: handleClose,
+          autoClose: "outside",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverTrigger_default, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              "div",
+              {
+                className: clsx_default(`${prefixCls}input ${prefixCls}input--filterable`, {
+                  [`${prefixCls}input--focus`]: focus,
+                  [`${prefixCls}input--disabled`]: disabled
+                }),
+                style,
+                onClick: handleClick,
+                onFocus: () => {
+                  setFocus(true);
+                },
+                onBlur: () => {
+                  setFocus(false);
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: `${prefixCls}outline` }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: `${prefixCls}input__content`, children: [
+                    startContent && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: `${prefixCls}input__start-content`, children: startContent }),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      "input",
+                      {
+                        ref: inputRef,
+                        className: `${prefixCls}input__field`,
+                        value: search,
+                        placeholder,
+                        disabled,
+                        onChange: handleFilterChange
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: `${prefixCls}input__end-content`, children: [
+                      endContent,
+                      loading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon_default, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(LoaderIcon_default, { className: `${prefixCls}animation-spin` }) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { color: "secondary", variant: "plain", size: "xs", iconOnly: true, onClick: handleClear, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon_default, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CloseIcon_default, {}) }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { pointerEvents: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon_default, { children: disclosure.isOpen ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronUpIcon_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronDownIcon_default, {}) }) })
+                    ] })
+                  ] })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverContent_default, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: virtual ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AutocompleteVirtual_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AutocompleteContent_default, {}) }) })
+          ]
+        })
+      )
+    }
+  );
+};
+var Autocomplete_default = Autocomplete;
+
+// src/components/Backdrop/Backdrop.tsx
+var import_clsx6 = __toESM(require("clsx"));
+var import_react36 = require("react");
+var import_react_merge_refs = require("react-merge-refs");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Backdrop = (0, import_react36.forwardRef)((props, ref) => {
+  const _a = props, { children, className, isOpen, onClose } = _a, rest = __objRest(_a, ["children", "className", "isOpen", "onClose"]);
+  const nodeRef = (0, import_react36.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    Transition_default,
+    {
+      nodeRef,
+      isOpen,
+      name: `${PREFIX_CLS}backdrop`,
+      enter: 300,
+      leave: 300,
+      mountOnEnter: true,
+      unmountOnExit: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Portal_default, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        "div",
+        __spreadProps(__spreadValues({
+          ref: (0, import_react_merge_refs.mergeRefs)([ref, nodeRef]),
+          className: (0, import_clsx6.default)(`${PREFIX_CLS}backdrop`, className),
+          tabIndex: -1
+        }, rest), {
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: `${PREFIX_CLS}backdrop__overlay`, onClick: onClose }),
+            children
+          ]
+        })
+      ) })
+    }
+  );
+});
+var Backdrop_default = Backdrop;
+
+// src/components/Badge/Badge.tsx
+var import_clsx7 = __toESM(require("clsx"));
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var Badge = ({ children, placement, content }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: (0, import_clsx7.default)(`${PREFIX_CLS}badge-wrapper`), children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      "div",
+      {
+        className: (0, import_clsx7.default)(`${PREFIX_CLS}badge`, {
+          [`${PREFIX_CLS}badge--${placement}`]: placement
+        }),
+        children: content
+      }
+    )
+  ] });
+};
+var Badge_default = Badge;
+
+// src/components/Card/Card.tsx
+var import_react37 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Card = (0, import_react37.forwardRef)((_a, ref) => {
+  var _b = _a, { as: Component = "div", children, className } = _b, rest = __objRest(_b, ["as", "children", "className"]);
+  const prefixCls = PREFIX_CLS;
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Component, __spreadProps(__spreadValues({ ref, className: clsx_default(`${prefixCls}card`, className) }, rest), { children }));
+});
+var Card_default = Card;
+
+// src/components/Card/CardHeader.tsx
+var import_react38 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var CardHeader = (0, import_react38.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { as: Component = "div", className, title, subtitle, startContent, endContent } = _b, rest = __objRest(_b, ["as", "className", "title", "subtitle", "startContent", "endContent"]);
+    const prefixCls = PREFIX_CLS;
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Component, __spreadProps(__spreadValues({ ref, className: clsx_default(`${prefixCls}card-header`, className) }, rest), { children: [
+      startContent && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: `${prefixCls}card-header__start-content`, children: startContent }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: `${prefixCls}card-header__content`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: `${prefixCls}card-header__title`, children: title }),
+        subtitle && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: `${prefixCls}card-header__subtitle`, children: subtitle })
+      ] }),
+      endContent && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: `${prefixCls}card-header__end-content`, children: endContent })
+    ] }));
+  }
+);
+var CardHeader_default = CardHeader;
+
+// src/components/Chip/Chip.tsx
+var import_clsx8 = __toESM(require("clsx"));
+var import_react39 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Chip = (0, import_react39.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { as: Component = "div", children, className, variant = "text", color = "primary", size = "md" } = _b, rest = __objRest(_b, ["as", "children", "className", "variant", "color", "size"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      Component,
+      __spreadProps(__spreadValues({
+        ref,
+        className: (0, import_clsx8.default)(
+          `${PREFIX_CLS}chip`,
+          {
+            [`${PREFIX_CLS}chip--${variant}`]: variant,
+            [`${PREFIX_CLS}chip--${color}`]: color,
+            [`${PREFIX_CLS}chip--${size}`]: size
+          },
+          className
+        )
+      }, rest), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: (0, import_clsx8.default)(`${PREFIX_CLS}overlay`) }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: `${PREFIX_CLS}outline` }),
+          children
+        ]
+      })
+    );
+  }
+);
+var Chip_default = Chip;
+
+// src/components/Drawer/Drawer.tsx
+var import_clsx9 = __toESM(require("clsx"));
+var import_react40 = require("react");
+var import_react_merge_refs2 = require("react-merge-refs");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var Drawer = (0, import_react40.forwardRef)((props, ref) => {
+  const { children, className, isOpen, size = "md", position = "left", onClose } = props;
+  const nodeRef = (0, import_react40.useRef)(null);
+  const handleClose = () => {
+    onClose();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Backdrop_default, { isOpen, onClose: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Transition_default, { nodeRef, isOpen, name: `${PREFIX_CLS}drawer`, enter: 600, leave: 300, unmountOnExit: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    "div",
+    {
+      ref: (0, import_react_merge_refs2.mergeRefs)([ref, nodeRef]),
+      className: (0, import_clsx9.default)(
+        `${PREFIX_CLS}drawer`,
+        {
+          [`${PREFIX_CLS}drawer--${size}`]: size,
+          [`${PREFIX_CLS}drawer--${position}`]: position
+        },
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: `${PREFIX_CLS}drawer__overlay` }),
+        children
+      ]
+    }
+  ) }) });
 });
 var Drawer_default = Drawer;
 
 // src/components/Menu/Menu.tsx
 var import_clsx13 = __toESM(require("clsx"));
-var import_react22 = require("react");
+var import_react46 = require("react");
 
 // src/components/Menu/MenuContext.tsx
-var import_react17 = require("react");
-var MenuContext = (0, import_react17.createContext)(null);
+var import_react41 = require("react");
+var MenuContext = (0, import_react41.createContext)(null);
 var useMenu = () => {
-  const context = (0, import_react17.useContext)(MenuContext);
+  const context = (0, import_react41.useContext)(MenuContext);
   if (!context) {
     throw new Error("`useMenu` must be used within a `<Menu />`");
   }
@@ -657,17 +1882,17 @@ var MenuContext_default = MenuContext;
 
 // src/components/Menu/MenuGroup.tsx
 var import_clsx12 = __toESM(require("clsx"));
-var import_react21 = require("react");
+var import_react45 = require("react");
 
 // src/components/Menu/MenuItem.tsx
 var import_clsx10 = __toESM(require("clsx"));
-var import_react19 = require("react");
+var import_react43 = require("react");
 
 // src/components/Menu/MenuValueContext.tsx
-var import_react18 = require("react");
-var MenuValueContext = (0, import_react18.createContext)([]);
+var import_react42 = require("react");
+var MenuValueContext = (0, import_react42.createContext)([]);
 var useMenuItemValue = () => {
-  const context = (0, import_react18.useContext)(MenuValueContext);
+  const context = (0, import_react42.useContext)(MenuValueContext);
   if (!context) {
     throw new Error("`useMenuValue` must be used within a `<MenuValueContext.Provider />`");
   }
@@ -676,12 +1901,13 @@ var useMenuItemValue = () => {
 var MenuValueContext_default = MenuValueContext;
 
 // src/components/Menu/MenuItem.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var MenuItem = (0, import_react19.forwardRef)((props, ref) => {
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var MenuItem = (0, import_react43.forwardRef)((props, ref) => {
   const _a = props, { as: Component = "div", className, style, value, title, icon, level = 1, disabled, onClick } = _a, rest = __objRest(_a, ["as", "className", "style", "value", "title", "icon", "level", "disabled", "onClick"]);
   const { value: menuValue, originalValue, navMode, onChange, onOpen, onItemSelect } = useMenu();
-  const values = (0, import_react19.useContext)(MenuValueContext_default);
+  const values = (0, import_react43.useContext)(MenuValueContext_default);
   const mergedValues = [...values, value];
+  const isSelected = menuValue[level - 1] === value;
   const handleClick = (event) => {
     if (value !== void 0) {
       onChange(mergedValues);
@@ -689,20 +1915,20 @@ var MenuItem = (0, import_react19.forwardRef)((props, ref) => {
     onClick == null ? void 0 : onClick(event);
     onItemSelect == null ? void 0 : onItemSelect(props);
   };
-  (0, import_react19.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (navMode === "automatic" && originalValue.length > 0 && originalValue[originalValue.length - 1] === value) {
       onOpen(values);
       onChange(mergedValues);
     }
   }, [value, originalValue, navMode]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     Component,
     __spreadProps(__spreadValues({
       ref,
       className: (0, import_clsx10.default)(
         `${PREFIX_CLS}menu-item`,
         {
-          [`${PREFIX_CLS}menu-item--selected`]: menuValue.includes(value),
+          [`${PREFIX_CLS}menu-item--selected`]: isSelected,
           [`${PREFIX_CLS}menu-item--disabled`]: disabled
         },
         className
@@ -713,9 +1939,9 @@ var MenuItem = (0, import_react19.forwardRef)((props, ref) => {
       onClick: handleClick
     }, rest), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
-        icon && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: `${PREFIX_CLS}menu-item__icon`, children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: `${PREFIX_CLS}menu-item__content`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: `${PREFIX_CLS}menu-item__title`, children: title }) })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
+        icon && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: `${PREFIX_CLS}menu-item__icon`, children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: `${PREFIX_CLS}menu-item__content`, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: `${PREFIX_CLS}menu-item__title`, children: title }) })
       ]
     })
   );
@@ -725,7 +1951,7 @@ var MenuItem_default = MenuItem;
 
 // src/components/Menu/MenuSubmenu.tsx
 var import_clsx11 = __toESM(require("clsx"));
-var import_react20 = require("react");
+var import_react44 = require("react");
 
 // src/components/Menu/utils.ts
 var getOpenValuesByPathname = (pathname) => {
@@ -751,7 +1977,7 @@ var addOrRemoveValueInArray = (array, value) => {
 };
 
 // src/components/Menu/MenuSubmenu.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var MenuSubmenu = (_a) => {
   var _b = _a, {
     children,
@@ -775,13 +2001,14 @@ var MenuSubmenu = (_a) => {
     "onClick"
   ]);
   const { value: menuValue, openValues, expandMode, onOpen } = useMenu();
-  const values = (0, import_react20.useContext)(MenuValueContext_default);
+  const values = (0, import_react44.useContext)(MenuValueContext_default);
   const isOpen = openValues.includes(value);
   const mergedValues = [...values, value];
-  const content = (0, import_react20.useMemo)(() => {
+  const isSelected = menuValue[level - 1] === value;
+  const content = (0, import_react44.useMemo)(() => {
     return items == null ? void 0 : items.map((_a2, index) => {
       var _b2 = _a2, { type } = _b2, item = __objRest(_b2, ["type"]);
-      return type === "item" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MenuItem_default, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index) : type === "submenu" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MenuSubmenu, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index) : type === "group" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MenuGroup_default, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MenuItem_default, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index);
+      return type === "item" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MenuItem_default, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index) : type === "submenu" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MenuSubmenu, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index) : type === "group" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MenuGroup_default, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MenuItem_default, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index);
     });
   }, [items]);
   const handleClick = (event) => {
@@ -799,14 +2026,14 @@ var MenuSubmenu = (_a) => {
     }
     onClick == null ? void 0 : onClick(event);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MenuValueContext_default.Provider, { value: mergedValues, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: (0, import_clsx11.default)(`${PREFIX_CLS}menu-submenu`), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Collapse_default, { isOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CollapseTrigger_default, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MenuValueContext_default.Provider, { value: mergedValues, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: (0, import_clsx11.default)(`${PREFIX_CLS}menu-submenu`), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Collapse_default, { isOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CollapseTrigger_default, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       "div",
       __spreadProps(__spreadValues({
         className: (0, import_clsx11.default)(
           `${PREFIX_CLS}menu-item`,
           {
-            [`${PREFIX_CLS}menu-item--selected`]: menuValue.includes(value) || items && mergedValues.includes(menuValue)
+            [`${PREFIX_CLS}menu-item--selected`]: isSelected || items && mergedValues.includes(menuValue)
           },
           className
         ),
@@ -816,14 +2043,14 @@ var MenuSubmenu = (_a) => {
         onClick: handleClick
       }, rest), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
-          icon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: `${PREFIX_CLS}menu-item__icon`, children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: `${PREFIX_CLS}menu-item__content`, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: `${PREFIX_CLS}menu-item__title`, children: title }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: `${PREFIX_CLS}menu-item__icon`, children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronUpIcon_default, { className: `${PREFIX_CLS}icon` }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronDownIcon_default, { className: `${PREFIX_CLS}icon` }) })
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
+          icon && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: `${PREFIX_CLS}menu-item__icon`, children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: `${PREFIX_CLS}menu-item__content`, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: `${PREFIX_CLS}menu-item__title`, children: title }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: `${PREFIX_CLS}menu-item__icon`, children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChevronUpIcon_default, { className: `${PREFIX_CLS}icon` }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChevronDownIcon_default, { className: `${PREFIX_CLS}icon` }) })
         ]
       })
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CollapseContent_default, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CollapseContent_default, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "ul",
       {
         className: (0, import_clsx11.default)(`${PREFIX_CLS}menu`, {
@@ -837,7 +2064,7 @@ var MenuSubmenu = (_a) => {
 var MenuSubmenu_default = MenuSubmenu;
 
 // src/components/Menu/MenuGroup.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var MenuGroup = (_a) => {
   var _b = _a, {
     children,
@@ -856,14 +2083,14 @@ var MenuGroup = (_a) => {
     "level",
     "items"
   ]);
-  const content = (0, import_react21.useMemo)(() => {
+  const content = (0, import_react45.useMemo)(() => {
     return items == null ? void 0 : items.map((_a2, index) => {
       var _b2 = _a2, { type } = _b2, item = __objRest(_b2, ["type"]);
-      return type === "item" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MenuItem_default, __spreadValues({}, item), index) : type === "submenu" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MenuSubmenu_default, __spreadValues({}, item), index) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MenuItem_default, __spreadValues({}, item), index);
+      return type === "item" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MenuItem_default, __spreadValues({}, item), index) : type === "submenu" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MenuSubmenu_default, __spreadValues({}, item), index) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MenuItem_default, __spreadValues({}, item), index);
     });
   }, [items]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "div",
       __spreadProps(__spreadValues({
         className: (0, import_clsx12.default)(`${PREFIX_CLS}menu-group`, className),
@@ -872,8 +2099,8 @@ var MenuGroup = (_a) => {
         }, style)
       }, rest), {
         children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: `${PREFIX_CLS}menu-group__icon`, children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: `${PREFIX_CLS}menu-group__content`, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: `${PREFIX_CLS}menu-group__title`, children: title }) })
+          icon && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: `${PREFIX_CLS}menu-group__icon`, children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: `${PREFIX_CLS}menu-group__content`, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: `${PREFIX_CLS}menu-group__title`, children: title }) })
         ]
       })
     ),
@@ -883,7 +2110,7 @@ var MenuGroup = (_a) => {
 var MenuGroup_default = MenuGroup;
 
 // src/components/Menu/Menu.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var Menu = (_a) => {
   var _b = _a, {
     children,
@@ -909,12 +2136,12 @@ var Menu = (_a) => {
     "onItemSelect"
   ]);
   var _a2;
-  const [selfValue, setSelfValue] = (0, import_react22.useState)((_a2 = valueProp != null ? valueProp : defaultValue) != null ? _a2 : []);
-  const [selfOpenValues, setSelfOpenValues] = (0, import_react22.useState)(openValuesProp != null ? openValuesProp : []);
-  const content = (0, import_react22.useMemo)(() => {
+  const [selfValue, setSelfValue] = (0, import_react46.useState)((_a2 = valueProp != null ? valueProp : defaultValue) != null ? _a2 : []);
+  const [selfOpenValues, setSelfOpenValues] = (0, import_react46.useState)(openValuesProp != null ? openValuesProp : []);
+  const content = (0, import_react46.useMemo)(() => {
     return items == null ? void 0 : items.map((_a3, index) => {
       var _b2 = _a3, { type } = _b2, item = __objRest(_b2, ["type"]);
-      return type === "item" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(MenuItem_default, __spreadValues({}, item), index) : type === "submenu" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(MenuSubmenu_default, __spreadValues({}, item), index) : type === "group" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(MenuGroup_default, __spreadValues({}, item), index) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(MenuItem_default, __spreadValues({}, item), index);
+      return type === "item" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenuItem_default, __spreadValues({}, item), index) : type === "submenu" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenuSubmenu_default, __spreadValues({}, item), index) : type === "group" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenuGroup_default, __spreadValues({}, item), index) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenuItem_default, __spreadValues({}, item), index);
     });
   }, [items]);
   const handleChange = (value) => {
@@ -934,17 +2161,17 @@ var Menu = (_a) => {
   const handleItemSelect = (props) => {
     onItemSelect == null ? void 0 : onItemSelect(props);
   };
-  (0, import_react22.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (valueProp !== void 0 && navMode !== "automatic") {
       setSelfValue(valueProp);
     }
   }, [valueProp]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (openValuesProp !== void 0) {
       setSelfOpenValues(openValuesProp);
     }
   }, [openValuesProp]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     MenuContext_default.Provider,
     {
       value: {
@@ -957,7 +2184,7 @@ var Menu = (_a) => {
         onChange: handleChange,
         onItemSelect: handleItemSelect
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", __spreadProps(__spreadValues({ className: (0, import_clsx13.default)(`${PREFIX_CLS}menu`) }, rest), { children: content || children }))
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", __spreadProps(__spreadValues({ className: (0, import_clsx13.default)(`${PREFIX_CLS}menu`) }, rest), { children: content || children }))
     }
   );
 };
@@ -965,319 +2192,87 @@ Menu.displayName = "Menu";
 var Menu_default = Menu;
 
 // src/components/Accordion/Accordion.tsx
-var import_react23 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var Accordion = (0, import_react23.forwardRef)((props, ref) => {
+var import_react47 = require("react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var Accordion = (0, import_react47.forwardRef)((props, ref) => {
   const _a = props, { children, className } = _a, rest = __objRest(_a, ["children", "className"]);
   const prefixCls = PREFIX_CLS;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", __spreadProps(__spreadValues({ ref, className: clsx_default(`${prefixCls}accordion`, className) }, rest), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", __spreadProps(__spreadValues({ ref, className: clsx_default(`${prefixCls}accordion`, className) }, rest), { children }));
 });
 var Accordion_default = Accordion;
 
 // src/components/Accordion/AccordionItem.tsx
-var import_react30 = require("react");
-
-// src/hooks/useLocalStorage.tsx
-var import_react26 = require("react");
-
-// src/hooks/useEventListener.tsx
-var import_react25 = require("react");
-
-// src/hooks/useIsomorphicLayoutEffect.tsx
-var import_react24 = require("react");
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react24.useLayoutEffect : import_react24.useEffect;
-var useIsomorphicLayoutEffect_default = useIsomorphicLayoutEffect;
-
-// src/hooks/useEventListener.tsx
-function useEventListener(handler) {
-  const savedHandler = (0, import_react25.useRef)(handler);
-  useIsomorphicLayoutEffect_default(() => {
-    savedHandler.current = handler;
-  }, [handler]);
-}
-var useEventListener_default = useEventListener;
-
-// src/hooks/useLocalStorage.tsx
-function useLocalStorage(key, initialValue) {
-  const readValue = (0, import_react26.useCallback)(() => {
-    if (typeof window === "undefined") {
-      return initialValue;
-    }
-    try {
-      const item = window.localStorage.getItem(key);
-      return item ? parseJSON(item) : initialValue;
-    } catch (error) {
-      console.warn(`Error reading localStorage key \u201C${key}\u201D:`, error);
-      return initialValue;
-    }
-  }, [initialValue, key]);
-  const [storedValue, setStoredValue] = (0, import_react26.useState)(readValue);
-  const setValue = (0, import_react26.useCallback)(
-    (value) => {
-      if (typeof window == "undefined") {
-        console.warn(`Tried setting localStorage key \u201C${key}\u201D even though environment is not a client`);
-      }
-      try {
-        const newValue = value instanceof Function ? value(storedValue) : value;
-        window.localStorage.setItem(key, JSON.stringify(newValue));
-        setStoredValue(newValue);
-        window.dispatchEvent(new Event("local-storage"));
-      } catch (error) {
-        console.warn(`Error setting localStorage key \u201C${key}\u201D:`, error);
-      }
-    },
-    [key, storedValue]
-  );
-  (0, import_react26.useEffect)(() => {
-    setStoredValue(readValue());
-  }, []);
-  const handleStorageChange = (0, import_react26.useCallback)(() => {
-    setStoredValue(readValue());
-  }, [readValue]);
-  useEventListener_default("storage", handleStorageChange);
-  useEventListener_default("local-storage", handleStorageChange);
-  return [storedValue, setValue];
-}
-function parseJSON(value) {
-  try {
-    return value === "undefined" ? void 0 : JSON.parse(value != null ? value : "");
-  } catch (e) {
-    return void 0;
-  }
-}
-
-// src/hooks/usePrevious.tsx
-var import_react27 = require("react");
-var usePrevious = (value) => {
-  const ref = (0, import_react27.useRef)();
-  (0, import_react27.useEffect)(() => {
-    ref.current = value;
-  });
-  return ref.current;
-};
-
-// src/hooks/useDisclosure.ts
-var import_react28 = require("react");
-var useDisclosure = ({ defaultValue } = {}) => {
-  const [isOpen, setIsOpen] = (0, import_react28.useState)(defaultValue || false);
-  const onOpen = () => {
-    setIsOpen(true);
-  };
-  const onClose = () => {
-    setIsOpen(false);
-  };
-  const onToggle = () => {
-    setIsOpen((prevState) => !prevState);
-  };
-  return {
-    isOpen,
-    onOpen,
-    onClose,
-    onToggle
-  };
-};
-var useDisclosure_default = useDisclosure;
-
-// src/hooks/useStep.tsx
-var import_react29 = require("react");
-var useStep = (maxStep) => {
-  const [currentStep, setCurrentStep] = (0, import_react29.useState)(1);
-  const canGoToNextStep = (0, import_react29.useMemo)(() => currentStep + 1 <= maxStep, [currentStep, maxStep]);
-  const canGoToPrevStep = (0, import_react29.useMemo)(() => currentStep - 1 >= 1, [currentStep]);
-  const setStep = (0, import_react29.useCallback)(
-    (step) => {
-      const newStep = step instanceof Function ? step(currentStep) : step;
-      if (newStep >= 1 && newStep <= maxStep) {
-        setCurrentStep(newStep);
-        return;
-      }
-      throw new Error("Step not valid");
-    },
-    [maxStep, currentStep]
-  );
-  const goToNextStep = (0, import_react29.useCallback)(() => {
-    if (canGoToNextStep) {
-      setCurrentStep((step) => step + 1);
-    }
-  }, [canGoToNextStep]);
-  const goToPrevStep = (0, import_react29.useCallback)(() => {
-    if (canGoToPrevStep) {
-      setCurrentStep((step) => step - 1);
-    }
-  }, [canGoToPrevStep]);
-  const reset = (0, import_react29.useCallback)(() => {
-    setCurrentStep(1);
-  }, []);
-  return [
-    currentStep,
-    {
-      goToNextStep,
-      goToPrevStep,
-      canGoToNextStep,
-      canGoToPrevStep,
-      setStep,
-      reset
-    }
-  ];
-};
-
-// src/components/Accordion/AccordionItem.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var AccordionItemContext = (0, import_react30.createContext)(null);
-var useAccordionItem = () => {
-  const context = (0, import_react30.useContext)(AccordionItemContext);
-  if (!context) {
-    throw new Error("`useAccordionItem` must be used within a `<AccordionItem />`");
-  }
-  return context;
-};
-var AccordionItem = (0, import_react30.forwardRef)((props, ref) => {
-  const _a = props, { children, className, value: valueProp } = _a, rest = __objRest(_a, ["children", "className", "value"]);
-  const prefixCls = PREFIX_CLS;
-  const { isOpen, onOpen, onClose, onToggle } = useDisclosure_default({ defaultValue: true });
-  const id = (0, import_react30.useId)();
-  const value = valueProp != null ? valueProp : id;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AccordionItemContext.Provider, { value: { value }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", __spreadProps(__spreadValues({ ref, className: clsx_default(`${prefixCls}accordion-item`, className) }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Collapse_default, { isOpen, onOpen, onClose, onToggle, children }) })) });
-});
-var AccordionItem_default = AccordionItem;
+var import_react48 = require("react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var AccordionItemContext = (0, import_react48.createContext)(null);
+var useAccordionItem = () => {
+  const context = (0, import_react48.useContext)(AccordionItemContext);
+  if (!context) {
+    throw new Error("`useAccordionItem` must be used within a `<AccordionItem />`");
+  }
+  return context;
+};
+var AccordionItem = (0, import_react48.forwardRef)((props, ref) => {
+  const _a = props, { children, className, value: valueProp } = _a, rest = __objRest(_a, ["children", "className", "value"]);
+  const prefixCls = PREFIX_CLS;
+  const { isOpen, onOpen, onClose, onToggle } = useDisclosure_default({ defaultValue: true });
+  const id = (0, import_react48.useId)();
+  const value = valueProp != null ? valueProp : id;
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AccordionItemContext.Provider, { value: { value }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", __spreadProps(__spreadValues({ ref, className: clsx_default(`${prefixCls}accordion-item`, className) }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Collapse_default, { isOpen, onOpen, onClose, onToggle, children }) })) });
+});
+var AccordionItem_default = AccordionItem;
 
 // src/components/Accordion/AccordionHeader.tsx
-var import_react31 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var AccordionHeader = (0, import_react31.forwardRef)((props, ref) => {
+var import_react49 = require("react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var AccordionHeader = (0, import_react49.forwardRef)((props, ref) => {
   const _a = props, { className, title, subtitle, startContent, endContent } = _a, rest = __objRest(_a, ["className", "title", "subtitle", "startContent", "endContent"]);
   const prefixCls = PREFIX_CLS;
   const { isOpen } = useCollapse();
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CollapseTrigger_default, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", __spreadProps(__spreadValues({ ref, className: clsx_default(`${prefixCls}accordion-header`, className) }, rest), { children: [
-    startContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: `${prefixCls}accordion-header__start-content`, children: startContent }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: `${prefixCls}accordion-header__content`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: `${prefixCls}accordion-header__title`, children: title }),
-      subtitle && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: `${prefixCls}accordion-header__subtitle`, children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CollapseTrigger_default, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", __spreadProps(__spreadValues({ ref, className: clsx_default(`${prefixCls}accordion-header`, className) }, rest), { children: [
+    startContent && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: `${prefixCls}accordion-header__start-content`, children: startContent }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: `${prefixCls}accordion-header__content`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: `${prefixCls}accordion-header__title`, children: title }),
+      subtitle && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: `${prefixCls}accordion-header__subtitle`, children: subtitle })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: `${prefixCls}accordion-header__end-content`, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "us-d-flex us-items-center us-gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: `${prefixCls}accordion-header__end-content`, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "us-d-flex us-items-center us-gap-1", children: [
       endContent,
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { type: "button", variant: "text", color: "secondary", size: "sm", iconOnly: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon_default, { children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronUpIcon_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronDownIcon_default, {}) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { type: "button", variant: "text", color: "secondary", size: "sm", iconOnly: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon_default, { children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronUpIcon_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronDownIcon_default, {}) }) })
     ] }) })
   ] })) });
 });
 var AccordionHeader_default = AccordionHeader;
 
 // src/components/Accordion/AccordionPanel.tsx
-var import_react32 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var AccordionPanel = (0, import_react32.forwardRef)((_a, ref) => {
+var import_react50 = require("react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var AccordionPanel = (0, import_react50.forwardRef)((_a, ref) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   const prefixCls = PREFIX_CLS;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CollapseContent_default, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { ref, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", __spreadProps(__spreadValues({ className: clsx_default(`${prefixCls}accordion-panel`, className) }, rest), { children })) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CollapseContent_default, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { ref, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", __spreadProps(__spreadValues({ className: clsx_default(`${prefixCls}accordion-panel`, className) }, rest), { children })) }) });
 });
 var AccordionPanel_default = AccordionPanel;
 
 // src/components/Accordion/AccordionContent.tsx
-var import_react33 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var AccordionContent = (0, import_react33.forwardRef)((_a, ref) => {
+var import_react51 = require("react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var AccordionContent = (0, import_react51.forwardRef)((_a, ref) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   const prefixCls = PREFIX_CLS;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CollapseContent_default, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { ref, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", __spreadProps(__spreadValues({ className: clsx_default(`${prefixCls}accordion-content`, className) }, rest), { children })) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CollapseContent_default, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { ref, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", __spreadProps(__spreadValues({ className: clsx_default(`${prefixCls}accordion-content`, className) }, rest), { children })) }) });
 });
 var AccordionContent_default = AccordionContent;
 
 // src/components/Tabs/Tab.tsx
 var import_clsx15 = __toESM(require("clsx"));
 var import_merge_refs = __toESM(require("merge-refs"));
-var import_react37 = require("react");
-
-// ../../../node_modules/react-icons/lib/esm/iconBase.js
-var import_react35 = __toESM(require("react"));
-
-// ../../../node_modules/react-icons/lib/esm/iconContext.js
-var import_react34 = __toESM(require("react"));
-var DefaultContext = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-};
-var IconContext = import_react34.default.createContext && import_react34.default.createContext(DefaultContext);
-
-// ../../../node_modules/react-icons/lib/esm/iconBase.js
-var __assign = function() {
-  __assign = Object.assign || function(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p))
-          t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __rest = function(s, e) {
-  var t = {};
-  for (var p in s)
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-      t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
-};
-function Tree2Element(tree) {
-  return tree && tree.map(function(node, i) {
-    return import_react35.default.createElement(node.tag, __assign({
-      key: i
-    }, node.attr), Tree2Element(node.child));
-  });
-}
-function GenIcon(data) {
-  return function(props) {
-    return import_react35.default.createElement(IconBase, __assign({
-      attr: __assign({}, data.attr)
-    }, props), Tree2Element(data.child));
-  };
-}
-function IconBase(props) {
-  var elem = function(conf) {
-    var attr = props.attr, size = props.size, title = props.title, svgProps = __rest(props, ["attr", "size", "title"]);
-    var computedSize = size || conf.size || "1em";
-    var className;
-    if (conf.className)
-      className = conf.className;
-    if (props.className)
-      className = (className ? className + " " : "") + props.className;
-    return import_react35.default.createElement("svg", __assign({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, conf.attr, attr, svgProps, {
-      className,
-      style: __assign(__assign({
-        color: props.color || conf.color
-      }, conf.style), props.style),
-      height: computedSize,
-      width: computedSize,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), title && import_react35.default.createElement("title", null, title), props.children);
-  };
-  return IconContext !== void 0 ? import_react35.default.createElement(IconContext.Consumer, null, function(conf) {
-    return elem(conf);
-  }) : elem(DefaultContext);
-}
-
-// ../../../node_modules/react-icons/tb/index.esm.js
-function TbX(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M18 6l-12 12" } }, { "tag": "path", "attr": { "d": "M6 6l12 12" } }] })(props);
-}
+var import_react53 = require("react");
 
 // src/components/Tabs/TabsContext.ts
-var import_react36 = require("react");
-var TabsContext = (0, import_react36.createContext)(null);
+var import_react52 = require("react");
+var TabsContext = (0, import_react52.createContext)(null);
 var useTabs = () => {
-  const context = (0, import_react36.useContext)(TabsContext);
+  const context = (0, import_react52.useContext)(TabsContext);
   if (!context) {
     throw new Error("`useTabs` must be used within a `<Tabs />`");
   }
@@ -1285,8 +2280,8 @@ var useTabs = () => {
 };
 
 // src/components/Tabs/Tab.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var Tab = (0, import_react37.forwardRef)(
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var Tab = (0, import_react53.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       as: Component = "div",
@@ -1294,6 +2289,8 @@ var Tab = (0, import_react37.forwardRef)(
       className,
       role = "presentation",
       value: valueProp,
+      startContent,
+      endContent,
       closable,
       disabled,
       onClick
@@ -1303,22 +2300,25 @@ var Tab = (0, import_react37.forwardRef)(
       "className",
       "role",
       "value",
+      "startContent",
+      "endContent",
       "closable",
       "disabled",
       "onClick"
     ]);
-    const tabRef = (0, import_react37.useRef)(null);
-    const id = (0, import_react37.useId)();
+    const tabRef = (0, import_react53.useRef)(null);
+    const id = (0, import_react53.useId)();
     const value = valueProp != null ? valueProp : id;
     const _a2 = useTabs(), { onClose, registerItem } = _a2, tabs = __objRest(_a2, ["onClose", "registerItem"]);
+    const prefixCls = PREFIX_CLS;
     const handleClick = (event) => {
       const previousTab = tabs.previousTabRef.current;
       const currentTab = tabRef.current;
       if (!currentTab)
         return;
       if (previousTab) {
-        const previousIndicator = previousTab.querySelector(`.${PREFIX_CLS}tab__indicator`);
-        const currentIndicator = currentTab.querySelector(`.${PREFIX_CLS}tab__indicator`);
+        const previousIndicator = previousTab.querySelector(`.${prefixCls}tab__indicator`);
+        const currentIndicator = currentTab.querySelector(`.${prefixCls}tab__indicator`);
         if (!previousIndicator || !currentIndicator)
           return;
         const from = {};
@@ -1349,31 +2349,35 @@ var Tab = (0, import_react37.forwardRef)(
       event.stopPropagation();
       onClose(value);
     };
-    (0, import_react37.useEffect)(() => {
+    (0, import_react53.useEffect)(() => {
       registerItem({ value, disabled });
       if (value === tabs.value) {
         tabs.previousTabRef.current = tabRef.current;
       }
     }, [value, tabs.value]);
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       Component,
       __spreadProps(__spreadValues({
         ref: (0, import_merge_refs.default)(tabRef, ref, (el) => tabs.tabRefs.current[value] = el),
         className: (0, import_clsx15.default)(
-          `${PREFIX_CLS}tab`,
-          { [`${PREFIX_CLS}tab--selected`]: value === tabs.value, [`${PREFIX_CLS}tab--disabled`]: disabled },
+          `${prefixCls}tab`,
+          { [`${prefixCls}tab--selected`]: value === tabs.value, [`${prefixCls}tab--disabled`]: disabled },
           className
         ),
         role,
         onClick: handleClick
       }, rest), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: `${PREFIX_CLS}tab__content`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `${prefixCls}overlay`, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `${prefixCls}overlay__surface` }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: `${prefixCls}tab__content`, children: [
+            startContent && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `${prefixCls}tab__start-content`, children: startContent }),
             children,
-            closable && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "text", color: "secondary", iconOnly: true, size: "xs", onClick: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon_default, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TbX, {}) }) })
+            endContent || closable && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: `${prefixCls}tab__end-content`, children: [
+              endContent,
+              closable && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { variant: "text", color: "secondary", iconOnly: true, size: "xs", onClick: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon_default, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CloseIcon_default, {}) }) })
+            ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: `${PREFIX_CLS}tab__indicator` })
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `${prefixCls}tab__indicator` })
         ]
       })
     );
@@ -1382,8 +2386,8 @@ var Tab = (0, import_react37.forwardRef)(
 
 // src/components/Tabs/Tabs.tsx
 var import_clsx16 = __toESM(require("clsx"));
-var import_react38 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_react54 = require("react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var Tabs = (_a) => {
   var _b = _a, {
     children,
@@ -1402,11 +2406,11 @@ var Tabs = (_a) => {
     "onChange",
     "onClose"
   ]);
-  const tabsRef = (0, import_react38.useRef)(null);
-  const tabRefs = (0, import_react38.useRef)({});
-  const previousTabRef = (0, import_react38.useRef)(null);
-  const [selfValue, setSelfValue] = (0, import_react38.useState)(value != null ? value : defaultValue);
-  const [items, setItems] = (0, import_react38.useState)([]);
+  const tabsRef = (0, import_react54.useRef)(null);
+  const tabRefs = (0, import_react54.useRef)({});
+  const previousTabRef = (0, import_react54.useRef)(null);
+  const [selfValue, setSelfValue] = (0, import_react54.useState)(value != null ? value : defaultValue);
+  const [items, setItems] = (0, import_react54.useState)([]);
   const registerItem = (item) => {
     setItems((prevItems) => {
       const index = prevItems.findIndex((item2) => item2.value);
@@ -1433,24 +2437,24 @@ var Tabs = (_a) => {
   const handleClose = (value2) => {
     onClose == null ? void 0 : onClose(value2);
   };
-  (0, import_react38.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (value !== void 0) {
       setSelfValue(value);
       scrollToTab(value);
     }
   }, [value]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (value === void 0) {
       const item = items.find((tab) => !tab.disabled);
       setSelfValue(item == null ? void 0 : item.value);
     }
   }, [value, items]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     TabsContext.Provider,
     {
       value: { previousTabRef, tabRefs, value: selfValue, onChange: handleChange, onClose: handleClose, registerItem },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "div",
           __spreadProps(__spreadValues({
             ref: tabsRef,
@@ -1459,7 +2463,7 @@ var Tabs = (_a) => {
             children
           })
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: `${PREFIX_CLS}divider` })
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${PREFIX_CLS}divider` })
       ]
     }
   );
@@ -1467,774 +2471,566 @@ var Tabs = (_a) => {
 
 // src/components/Toolbar/Toolbar.tsx
 var import_clsx17 = __toESM(require("clsx"));
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var Toolbar = (props) => {
-  const _a = props, { children, className, size = "md", startAction, endAction, title, subtitle } = _a, rest = __objRest(_a, ["children", "className", "size", "startAction", "endAction", "title", "subtitle"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", __spreadProps(__spreadValues({ className: (0, import_clsx17.default)(`${PREFIX_CLS}toolbar`, { [`${PREFIX_CLS}toolbar--${size}`]: size }, className) }, rest), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: `${PREFIX_CLS}outline-b` }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: (0, import_clsx17.default)(`${PREFIX_CLS}toolbar__container`), children: [
-      startAction && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: (0, import_clsx17.default)(`${PREFIX_CLS}toolbar__start-action`), children: startAction }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: (0, import_clsx17.default)(`${PREFIX_CLS}toolbar__content`), children: title || subtitle ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: (0, import_clsx17.default)(`${PREFIX_CLS}toolbar__title`), children: title }),
-        subtitle && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: (0, import_clsx17.default)(`${PREFIX_CLS}toolbar__subtitle`), children: subtitle })
+  const _a = props, {
+    children,
+    className,
+    size = "md",
+    startContent,
+    endContent,
+    startAction,
+    endAction,
+    title,
+    subtitle
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "className",
+    "size",
+    "startContent",
+    "endContent",
+    "startAction",
+    "endAction",
+    "title",
+    "subtitle"
+  ]);
+  const prefixCls = PREFIX_CLS;
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", __spreadProps(__spreadValues({ className: (0, import_clsx17.default)(`${prefixCls}toolbar`, { [`${prefixCls}toolbar--${size}`]: size }, className) }, rest), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: `${prefixCls}outline-b` }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: (0, import_clsx17.default)(`${prefixCls}toolbar__container`), children: [
+      startContent ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: (0, import_clsx17.default)(`${prefixCls}toolbar__start-content`), children: startContent }) : startAction && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: (0, import_clsx17.default)(`${prefixCls}toolbar__start-action`), children: startAction }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: (0, import_clsx17.default)(`${prefixCls}toolbar__content`), children: title || subtitle ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: (0, import_clsx17.default)(`${prefixCls}toolbar__title`), children: title }),
+        subtitle && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: (0, import_clsx17.default)(`${prefixCls}toolbar__subtitle`), children: subtitle })
       ] }) : children }),
-      endAction && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: (0, import_clsx17.default)(`${PREFIX_CLS}toolbar__trailing`), children: endAction })
+      endContent ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: (0, import_clsx17.default)(`${prefixCls}toolbar__end-content`), children: endContent }) : endAction && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: (0, import_clsx17.default)(`${prefixCls}toolbar__end-action`), children: endAction })
     ] })
   ] }));
 };
 var Toolbar_default = Toolbar;
 
-// src/components/ScrollArea/ScrollArea.tsx
-var import_react39 = require("react");
-var ScrollArea = (0, import_react39.forwardRef)(({ children, direction = "vertical" }, ref) => {
-  const child = import_react39.Children.only(children);
-  const prefixCls = PREFIX_CLS;
-  return (0, import_react39.cloneElement)(child, __spreadProps(__spreadValues({
-    ref
-  }, child.props), {
-    className: clsx_default(
-      `${prefixCls}scroll-area`,
-      { [`${prefixCls}scroll-area--${direction}`]: direction },
-      child.props.className
-    )
-  }));
-});
-var ScrollArea_default = ScrollArea;
+// src/components/TextInput/TextInput.tsx
+var import_react55 = require("react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var TextInput = (0, import_react55.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { className, value, defaultValue, disabled, inputRef, startContent, endContent, style, onChange, onClick } = _b, rest = __objRest(_b, ["className", "value", "defaultValue", "disabled", "inputRef", "startContent", "endContent", "style", "onChange", "onClick"]);
+    const [focus, setFocus] = (0, import_react55.useState)(false);
+    const selfInputRef = (0, import_react55.useRef)(null);
+    const prefixCls = PREFIX_CLS;
+    const handleChange = (event) => {
+      onChange == null ? void 0 : onChange(event);
+    };
+    const handleClick = (event) => {
+      var _a2;
+      onClick == null ? void 0 : onClick(event);
+      (_a2 = selfInputRef == null ? void 0 : selfInputRef.current) == null ? void 0 : _a2.focus();
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      "div",
+      {
+        ref,
+        className: clsx_default(
+          `${prefixCls}input`,
+          { [`${prefixCls}input--focus`]: focus, [`${prefixCls}input--disabled`]: disabled },
+          className
+        ),
+        style,
+        onFocus: () => {
+          setFocus(true);
+        },
+        onBlur: () => {
+          setFocus(false);
+        },
+        onClick: handleClick,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${prefixCls}outline` }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: `${prefixCls}input__content`, children: [
+            startContent && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${prefixCls}input__start-content`, children: startContent }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              "input",
+              __spreadValues({
+                ref: mergeRefs_default(selfInputRef, inputRef),
+                className: `${prefixCls}input__field`,
+                value,
+                defaultValue,
+                disabled,
+                onChange: handleChange
+              }, rest)
+            ),
+            endContent && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${prefixCls}input__end-content`, children: endContent })
+          ] })
+        ]
+      }
+    );
+  }
+);
+var TextInput_default = TextInput;
 
-// src/components/Select/SelectClient.tsx
-var import_kendo_data_query = require("@progress/kendo-data-query");
-var import_kendo_react_dropdowns = require("@progress/kendo-react-dropdowns");
-var import_react40 = require("react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var SelectClient = ({
-  value: valueProp,
-  data: propData,
-  filter: filterProp,
-  keyField: keyField2 = "key",
-  textField: textField3 = "text",
-  placeholder,
-  virtual,
-  filterable,
-  disabled,
-  loading,
-  className,
-  onChange,
-  onFilterChange
-}) => {
-  const [value, setValue] = (0, import_react40.useState)(valueProp);
-  const [filter, setFilter] = (0, import_react40.useState)(filterProp);
-  const handleChange = (event) => {
-    const value2 = event.target.value || null;
-    if (valueProp !== void 0) {
-      onChange(value2);
-    } else {
-      setValue(value2);
-    }
-  };
-  const pageSize3 = virtual == null ? void 0 : virtual.pageSize;
-  const filteredData = (0, import_react40.useRef)([]);
-  const [state, setState] = (0, import_react40.useState)({
-    skip: 0,
-    total: propData.total,
-    subsetData: propData.items.slice(0, pageSize3)
-  });
-  const handleFilterChange = (event) => {
-    if (pageSize3) {
-      filteredData.current = (0, import_kendo_data_query.filterBy)(propData.items.slice(), event.filter);
-      const data = filteredData.current.slice(0, pageSize3);
-      setState({
-        subsetData: data,
-        skip: 0,
-        total: filteredData.current.length
-      });
-    }
-    const filter2 = event.filter.value;
-    if (filterProp !== void 0) {
-      onFilterChange == null ? void 0 : onFilterChange(filter2);
-    } else {
-      setFilter(filter2);
-    }
-  };
-  const handlePageChange = (event) => {
-    if (pageSize3) {
-      const skip = event.page.skip;
-      const take = event.page.take;
-      const newSubsetData = filteredData.current.slice(skip, skip + take);
-      setState(__spreadProps(__spreadValues({}, state), { subsetData: newSubsetData, skip }));
-    }
-  };
-  (0, import_react40.useEffect)(() => {
-    if (valueProp !== void 0) {
-      setValue(valueProp);
-    }
-  }, [valueProp]);
-  (0, import_react40.useEffect)(() => {
-    setFilter(filterProp);
-  }, [filterProp]);
-  (0, import_react40.useEffect)(() => {
-    if (pageSize3) {
-      filteredData.current = propData.items.slice();
-    }
-  }, [propData]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    import_kendo_react_dropdowns.ComboBox,
-    {
+// src/components/Switch/Switch.tsx
+var import_clsx18 = __toESM(require("clsx"));
+var import_react56 = require("react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var Switch = (0, import_react56.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, {
+      id,
+      name,
       value,
-      data: pageSize3 ? state.subsetData : propData.items,
-      placeholder,
-      dataItemKey: keyField2,
-      textField: textField3,
-      filterable,
-      filter,
-      virtual: pageSize3 ? {
-        total: state.total,
-        pageSize: pageSize3,
-        skip: state.skip
-      } : void 0,
-      disabled,
-      loading,
-      className,
-      onChange: handleChange,
-      onFilterChange: handleFilterChange,
-      onPageChange: handlePageChange
-    }
-  );
-};
-var SelectClient_default = SelectClient;
-
-// src/components/Select/SelectServer.tsx
-var import_kendo_react_dropdowns2 = require("@progress/kendo-react-dropdowns");
-var import_react41 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var textField = "ContactName";
-var emptyItem = { [textField]: "loading ...", CustomerID: 0 };
-var pageSize = 10;
-var loadingData = [];
-while (loadingData.length < pageSize) {
-  loadingData.push(__spreadValues({}, emptyItem));
-}
-var SelectServer = ({
-  data: dataProp,
-  value: valueProp,
-  keyField: keyField2 = "key",
-  textField: textField3 = "text",
-  placeholder,
-  virtual,
-  filterable,
-  filter: filterProp = "",
-  disabled,
-  loading,
-  className,
-  onChange,
-  onDataChange,
-  onFilterChange,
-  getData,
-  renderItem
-}) => {
-  var _a;
-  const dataCaching = (0, import_react41.useRef)([]);
-  const pendingRequest = (0, import_react41.useRef)();
-  const requestStarted = (0, import_react41.useRef)(false);
-  const emptyItem3 = { [keyField2]: 0, [textField3]: "loading ..." };
-  const [loadingData3, setLoadingData] = (0, import_react41.useState)([]);
-  const [data, setData] = (0, import_react41.useState)(dataProp.items);
-  const [total, setTotal] = (0, import_react41.useState)(0);
-  const [value, setValue] = (0, import_react41.useState)(valueProp);
-  const [filter, setFilter] = (0, import_react41.useState)(filterProp);
-  const pageSize3 = (_a = virtual == null ? void 0 : virtual.pageSize) != null ? _a : 10;
-  const skipRef = (0, import_react41.useRef)(0);
-  const resetCach = () => {
-    dataCaching.current.length = 0;
-  };
-  const requestData = (0, import_react41.useCallback)(
-    (state) => {
-      const { skip } = state;
-      if (requestStarted.current) {
-        clearTimeout(pendingRequest.current);
-        pendingRequest.current = setTimeout(() => {
-          requestData(state);
-        }, 50);
-        return;
-      }
-      requestStarted.current = true;
-      getData(state).then(({ items, total: total2 }) => {
-        items.forEach((item, index) => {
-          dataCaching.current[index + skip] = item;
-        });
-        if (skip === skipRef.current) {
-          setData(items);
-          setTotal(total2);
-          onDataChange == null ? void 0 : onDataChange({ items, total: total2 });
-        }
-        requestStarted.current = false;
-      }).catch(() => {
-        requestStarted.current = false;
-      });
-    },
-    [getData]
-  );
-  const handleFilterChange = (0, import_react41.useCallback)((event) => {
-    const filter2 = event.filter.value;
-    if (filterProp !== void 0) {
-      onFilterChange == null ? void 0 : onFilterChange(filter2);
-    } else {
-      setFilter(filter2);
-    }
-    resetCach();
-    requestData({ skip: 0, filter: filter2 });
-    setData(loadingData3);
-    skipRef.current = 0;
-  }, []);
-  const shouldRequestData = (0, import_react41.useCallback)((skip) => {
-    for (let i = 0; i < pageSize3; i++) {
-      if (!dataCaching.current[skip + i]) {
-        return true;
-      }
-    }
-    return false;
-  }, []);
-  const getCachedData = (0, import_react41.useCallback)((skip) => {
-    const data2 = [];
-    for (let i = 0; i < pageSize3; i++) {
-      data2.push(dataCaching.current[i + skip] || emptyItem3);
-    }
-    return data2;
-  }, []);
-  const pageChange = (0, import_react41.useCallback)(
-    (event) => {
-      if (filter !== void 0) {
-        const newSkip = event.page.skip;
-        if (shouldRequestData(newSkip)) {
-          requestData({ skip: newSkip, filter });
-        }
-        const data2 = getCachedData(newSkip);
-        setData(data2);
-        skipRef.current = newSkip;
-      }
-    },
-    [getCachedData, requestData, shouldRequestData, filter]
-  );
-  const handleChange = (0, import_react41.useCallback)((event) => {
-    const value2 = event.target.value;
-    if (value2 && value2[textField3] === emptyItem3[textField3]) {
-      return;
-    }
-    if (valueProp !== void 0) {
-      onChange(value2);
-    } else {
-      setValue(value2);
-    }
-  }, []);
-  const handleItemRender = (li, itemProps) => {
-    const itemChildren = renderItem == null ? void 0 : renderItem(itemProps.dataItem);
-    if (!itemChildren)
-      return (0, import_react41.cloneElement)(li, li.props);
-    return (0, import_react41.cloneElement)(li, li.props, itemChildren);
-  };
-  (0, import_react41.useEffect)(() => {
-    const pageSize4 = 10;
-    const loadingData4 = [];
-    while (loadingData4.length < pageSize4) {
-      loadingData4.push(emptyItem3);
-    }
-    setLoadingData(loadingData4);
-  }, []);
-  (0, import_react41.useEffect)(() => {
-    if (valueProp !== void 0) {
-      setValue(valueProp);
-    }
-  }, [valueProp]);
-  (0, import_react41.useEffect)(() => {
-    if (filterProp !== void 0) {
-      setFilter(filterProp);
-    }
-  }, [filterProp]);
-  (0, import_react41.useEffect)(() => {
-    requestData({ skip: 0, filter });
-    return () => {
-      resetCach();
-    };
-  }, [filter, requestData]);
-  (0, import_react41.useEffect)(() => {
-    setData(dataProp.items);
-  }, [dataProp]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    import_kendo_react_dropdowns2.ComboBox,
-    {
-      data,
-      value,
-      placeholder,
-      dataItemKey: keyField2,
-      textField: textField3,
-      filterable,
-      onFilterChange: handleFilterChange,
-      virtual: {
-        pageSize: pageSize3,
-        skip: skipRef.current,
-        total
-      },
-      disabled,
-      loading,
-      className,
-      onChange: handleChange,
-      onPageChange: pageChange,
-      itemRender: handleItemRender
-    }
-  );
-};
-var SelectServer_default = SelectServer;
-
-// src/components/Select/Select.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var Select = (props) => {
-  return props.filterMode === "client" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectClient_default, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectServer_default, __spreadValues({}, props));
-};
-var Select_default = Select;
-
-// src/components/Switch/Switch.tsx
-var import_clsx18 = __toESM(require("clsx"));
-var import_react42 = require("react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var Switch = (0, import_react42.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { name, value: valueProp, defaultValue, onChange: onChangeProp, disabled } = _b, rest = __objRest(_b, ["name", "value", "defaultValue", "onChange", "disabled"]);
-    var _a2;
-    const [selftValue, setSelfValue] = (0, import_react42.useState)((_a2 = valueProp != null ? valueProp : defaultValue) != null ? _a2 : false);
-    const handleChange = () => {
-      if (disabled) {
-        return;
-      }
-      onChangeProp == null ? void 0 : onChangeProp(!selftValue);
-      setSelfValue(!selftValue);
+      defaultValue,
+      checked: checkedProp,
+      defaultChecked,
+      onChange,
+      onCheckedChange: onCheckedChangeProp,
+      disabled
+    } = _b, rest = __objRest(_b, [
+      "id",
+      "name",
+      "value",
+      "defaultValue",
+      "checked",
+      "defaultChecked",
+      "onChange",
+      "onCheckedChange",
+      "disabled"
+    ]);
+    const [selftChecked, setSelfChecked] = (0, import_react56.useState)(checkedProp);
+    const prefixCls = PREFIX_CLS;
+    const handleChange = (event) => {
+      const { value: value2, checked } = event.target;
+      setSelfChecked(checked);
+      onChange == null ? void 0 : onChange(value2);
+      onCheckedChangeProp == null ? void 0 : onCheckedChangeProp(checked);
     };
-    (0, import_react42.useEffect)(() => {
-      if (valueProp !== void 0) {
-        setSelfValue(valueProp);
+    (0, import_react56.useEffect)(() => {
+      if (checkedProp !== void 0) {
+        setSelfChecked(checkedProp);
       }
-    }, [valueProp]);
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    }, [checkedProp]);
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
       "label",
-      {
-        htmlFor: name,
-        className: (0, import_clsx18.default)(`${PREFIX_CLS}switch`, {
-          [`${PREFIX_CLS}switch--checked`]: !!selftValue
-        }),
+      __spreadProps(__spreadValues({
+        ref,
+        htmlFor: id,
+        className: (0, import_clsx18.default)(`${prefixCls}switch`, {
+          [`${prefixCls}switch--checked`]: !!selftChecked
+        })
+      }, rest), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             "input",
-            __spreadValues({
+            {
               type: "checkbox",
-              ref,
+              id,
               name,
-              id: name,
-              checked: selftValue,
+              value,
+              defaultValue,
+              checked: selftChecked,
+              defaultChecked,
               disabled,
               onChange: handleChange
-            }, rest)
+            }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: `${PREFIX_CLS}switch__thumb` })
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: `${prefixCls}switch__thumb` })
         ]
-      }
+      })
     );
   }
 );
 var Switch_default = Switch;
 
-// src/components/MultiSelect/MultiSelectClient.tsx
-var import_kendo_data_query2 = require("@progress/kendo-data-query");
-var import_kendo_react_dropdowns3 = require("@progress/kendo-react-dropdowns");
-var import_react43 = require("react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var textField2 = "text";
-var keyField = "key";
-var emptyItem2 = { [textField2]: "loading ...", [keyField]: 0 };
-var pageSize2 = 10;
-var loadingData2 = [];
-while (loadingData2.length < pageSize2) {
-  loadingData2.push(__spreadValues({}, emptyItem2));
-}
-var SelectClient2 = ({
-  data: dataProp,
-  value: valueProp,
-  keyField: keyField2 = "key",
-  textField: textField3 = "text",
-  placeholder,
-  virtual,
-  filterable,
-  filter: filterProp,
-  disabled,
-  loading,
-  className,
-  onChange,
-  onFilterChange
-}) => {
-  const [value, setValue] = (0, import_react43.useState)(valueProp);
-  const [filter, setFilter] = (0, import_react43.useState)(filterProp);
-  const handleChange = (event) => {
-    onChange(event.target.value);
-  };
-  const pageSize3 = virtual == null ? void 0 : virtual.pageSize;
-  const filteredData = (0, import_react43.useRef)([]);
-  const [state, setState] = (0, import_react43.useState)({
-    skip: 0,
-    total: dataProp.total,
-    subsetData: dataProp.items.slice(0, pageSize3)
-  });
-  const handleFilterChange = (event) => {
-    if (pageSize3) {
-      filteredData.current = (0, import_kendo_data_query2.filterBy)(dataProp.items.slice(), event.filter);
-      const data = filteredData.current.slice(0, pageSize3);
-      setState({
-        subsetData: data,
-        skip: 0,
-        total: filteredData.current.length
-      });
-    }
-    onFilterChange == null ? void 0 : onFilterChange(event.filter.value);
-  };
-  const pageChange = (event) => {
-    if (pageSize3) {
-      const skip = event.page.skip;
-      const take = event.page.take;
-      const newSubsetData = filteredData.current.slice(skip, skip + take);
-      setState(__spreadProps(__spreadValues({}, state), { subsetData: newSubsetData, skip }));
-    }
+// src/components/Select/Select.tsx
+var import_react60 = require("react");
+
+// src/components/Select/SelectContent.tsx
+var import_react58 = require("react");
+
+// src/components/Select/SelectContext.tsx
+var import_react57 = require("react");
+var SelectContext = (0, import_react57.createContext)(null);
+var useSelect = () => {
+  const context = (0, import_react57.useContext)(SelectContext);
+  if (!context) {
+    throw new Error("`useSelect` must be used within a `<Select />`");
+  }
+  return context;
+};
+var SelectContext_default = SelectContext;
+
+// src/components/Select/SelectContent.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var SelectContent = () => {
+  const { data, values, offset, setOffset, keyField, textField, onItemSelect, renderItem } = useSelect();
+  const parentRef = (0, import_react58.useRef)(null);
+  const { isOpen } = usePopover();
+  const handleItemSelect = (item) => {
+    var _a;
+    onItemSelect(item);
+    setOffset(((_a = parentRef.current) == null ? void 0 : _a.scrollHeight) || 0);
   };
-  (0, import_react43.useEffect)(() => {
-    setValue(valueProp);
-  }, [valueProp]);
-  (0, import_react43.useEffect)(() => {
-    setFilter(filterProp);
-  }, [filterProp]);
-  (0, import_react43.useEffect)(() => {
-    if (pageSize3) {
-      filteredData.current = dataProp.items.slice();
-    }
-  }, [dataProp]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-    import_kendo_react_dropdowns3.MultiSelect,
+  (0, import_react58.useEffect)(() => {
+    var _a;
+    if (!isOpen)
+      return;
+    (_a = parentRef.current) == null ? void 0 : _a.scrollTo({ top: offset });
+  }, [isOpen]);
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    ScrollArea_default,
     {
-      value,
-      data: pageSize3 ? state.subsetData : dataProp.items,
-      placeholder,
-      dataItemKey: keyField2,
-      textField: textField3,
-      filterable,
-      filter,
-      virtual: pageSize3 ? {
-        total: state.total,
-        pageSize: pageSize3,
-        skip: state.skip
-      } : void 0,
-      disabled,
-      loading,
-      className,
-      onChange: handleChange,
-      onFilterChange: handleFilterChange,
-      onPageChange: pageChange
+      ref: parentRef,
+      style: {
+        height: `200px`,
+        width: `100%`,
+        position: "relative"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(List_default, { children: renderItem ? data.map((item) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react58.Fragment, { children: renderItem(item, {
+        title: "",
+        selected: values.includes(item[keyField]),
+        hoverable: true,
+        onClick: () => handleItemSelect(item)
+      }) }, item[keyField])) : data.map((item) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        ListItem_default,
+        {
+          title: item[textField],
+          selected: values.includes(item[keyField]),
+          hoverable: true,
+          onClick: () => handleItemSelect(item)
+        },
+        item[keyField]
+      )) })
     }
   );
 };
-var MultiSelectClient_default = SelectClient2;
+var SelectContent_default = SelectContent;
 
-// src/components/MultiSelect/MultiSelectServer.tsx
-var import_kendo_react_dropdowns4 = require("@progress/kendo-react-dropdowns");
-var import_react44 = require("react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var MultiSelectServer = ({
-  data: dataProp,
-  value: valueProp,
-  keyField: keyField2 = "key",
-  textField: textField3 = "text",
-  placeholder,
-  virtual,
-  filterable,
-  filter: filterProp = "",
-  disabled,
-  loading,
-  className,
-  onDataChange,
-  onChange,
-  onFilterChange,
-  getData
-}) => {
-  var _a;
-  const dataCaching = (0, import_react44.useRef)([]);
-  const pendingRequest = (0, import_react44.useRef)();
-  const requestStarted = (0, import_react44.useRef)(false);
-  const emptyItem3 = { [keyField2]: 0, [textField3]: "loading ..." };
-  const [loadingData3, setLoadingData] = (0, import_react44.useState)([]);
-  const [data, setData] = (0, import_react44.useState)(dataProp.items);
-  const [total, setTotal] = (0, import_react44.useState)(0);
-  const [value, setValue] = (0, import_react44.useState)(valueProp);
-  const [filter, setFilter] = (0, import_react44.useState)(filterProp);
-  const pageSize3 = (_a = virtual == null ? void 0 : virtual.pageSize) != null ? _a : 10;
-  const skipRef = (0, import_react44.useRef)(0);
-  const resetCach = () => {
-    dataCaching.current.length = 0;
+// src/components/Select/SelectVirtual.tsx
+var import_react59 = require("react");
+
+// src/components/Select/utils.ts
+var valueToValues2 = (value) => {
+  return Array.isArray(value) ? value : value !== null ? [value] : [];
+};
+var valuesToValue2 = (values) => {
+  return Array.isArray(values) ? values.length !== 0 ? values[0] : null : values;
+};
+
+// src/components/Select/SelectVirtual.tsx
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var SelectVirtual = () => {
+  const { data, values, keyField, textField, virtual, onItemSelect, renderItem } = useSelect();
+  const parentRef = (0, import_react59.useRef)(null);
+  const virtualizer = useVirtualizer_default(__spreadProps(__spreadValues({}, virtual), { count: data.length, parentRef }));
+  const { isOpen } = usePopover();
+  const handleItemSelect = (item) => {
+    onItemSelect(item);
   };
-  const requestData = (0, import_react44.useCallback)(
-    (state) => {
-      if (requestStarted.current) {
-        clearTimeout(pendingRequest.current);
-        pendingRequest.current = setTimeout(() => {
-          requestData(state);
-        }, 50);
-        return;
-      }
-      requestStarted.current = true;
-      getData(state).then(({ items, total: total2 }) => {
-        const { skip } = state;
-        items.forEach((item, index) => {
-          dataCaching.current[index + skip] = item;
-        });
-        if (skip === skipRef.current) {
-          setData(items);
-          setTotal(total2);
-          onDataChange == null ? void 0 : onDataChange({ items, total: total2 });
+  (0, import_react59.useEffect)(() => {
+    if (!isOpen)
+      return;
+    const value = valuesToValue2(values);
+    const index = data.findIndex((item) => item[keyField] === value);
+    virtualizer.scrollToIndex(index, { align: "start" });
+  }, [isOpen]);
+  if (!virtual)
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    ScrollArea_default,
+    {
+      ref: parentRef,
+      autoHide: true,
+      style: {
+        height: `200px`,
+        width: `100%`,
+        position: "relative"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(List_default, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        "div",
+        {
+          style: {
+            height: `${virtualizer.getTotalSize()}px`,
+            width: "100%",
+            position: "relative"
+          },
+          children: virtualizer.getVirtualItems().map((virtualItem) => {
+            const isLoaderRow = virtualItem.index > data.length - 1;
+            const item = data[virtualItem.index];
+            if (isLoaderRow) {
+              return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                ListItem_default,
+                {
+                  title: virtual.hasNextPage ? "Loading..." : "Nothing more to load",
+                  style: {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    width: "100%",
+                    height: `${virtualItem.size}px`,
+                    transform: `translateY(${virtualItem.start}px)`
+                  }
+                },
+                virtualItem.index
+              );
+            }
+            if (!item) {
+              return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                ListItem_default,
+                {
+                  title: `Item ${virtualItem.index} not found`,
+                  style: {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    width: "100%",
+                    height: `${virtualItem.size}px`,
+                    transform: `translateY(${virtualItem.start}px)`
+                  }
+                },
+                virtualItem.index
+              );
+            }
+            if (renderItem) {
+              return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react59.Fragment, { children: renderItem(item, {
+                title: "",
+                selected: values.includes(item[keyField]),
+                hoverable: true,
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  width: "100%",
+                  height: `${virtualItem.size}px`,
+                  transform: `translateY(${virtualItem.start}px)`
+                },
+                onClick: () => handleItemSelect(item)
+              }) }, virtualItem.index);
+            }
+            return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              ListItem_default,
+              {
+                title: item[textField],
+                selected: values.includes(item[keyField]),
+                hoverable: true,
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  width: "100%",
+                  height: `${virtualItem.size}px`,
+                  transform: `translateY(${virtualItem.start}px)`
+                },
+                onClick: () => handleItemSelect(item)
+              },
+              virtualItem.index
+            );
+          })
         }
-        requestStarted.current = false;
-      }).catch(() => {
-        requestStarted.current = false;
-      });
-    },
-    [getData]
+      ) })
+    }
   );
-  const handleFilterChange = (0, import_react44.useCallback)((event) => {
-    const filter2 = event.filter.value;
-    resetCach();
-    requestData({ skip: 0, filter: filter2 });
-    setData(loadingData3);
-    skipRef.current = 0;
-    setFilter(filter2);
-    onFilterChange == null ? void 0 : onFilterChange(filter2);
-  }, []);
-  const shouldRequestData = (0, import_react44.useCallback)((skip) => {
-    for (let i = 0; i < pageSize3; i++) {
-      if (!dataCaching.current[skip + i]) {
-        return true;
+};
+var SelectVirtual_default = SelectVirtual;
+
+// src/components/Select/Select.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var Select = (props) => {
+  const {
+    data,
+    value: valueProp,
+    keyField = "key",
+    textField = "text",
+    isMultiple = false,
+    disabled,
+    loading,
+    disclosure: disclosureProp,
+    virtual,
+    placeholder,
+    style,
+    startContent,
+    endContent,
+    renderItem
+  } = props;
+  const disclosure = disclosureProp !== void 0 ? disclosureProp : useDisclosure_default();
+  const prefixCls = PREFIX_CLS;
+  const inputRef = (0, import_react60.useRef)(null);
+  const [search, setSearch] = (0, import_react60.useState)("");
+  const [isSearch, setIsSearch] = (0, import_react60.useState)(false);
+  const [focus, setFocus] = (0, import_react60.useState)(false);
+  const values = (0, import_react60.useMemo)(() => {
+    return valueToValues2(valueProp);
+  }, [valueProp]);
+  const items = (0, import_react60.useMemo)(() => {
+    return data.filter((item) => values.includes(item[keyField]));
+  }, [data, values]);
+  const [offset, setOffset] = (0, import_react60.useState)(0);
+  const handleClick = () => {
+    var _a;
+    (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.focus();
+  };
+  const handleChange = (values2) => {
+    var _a, _b, _c, _d, _e;
+    if (props.isMultiple) {
+      const items2 = data.filter((item) => values2.includes(item[keyField]));
+      (_a = props.onChange) == null ? void 0 : _a.call(props, items2);
+      (_b = props.onValueChange) == null ? void 0 : _b.call(props, values2);
+    } else {
+      const newValue = valuesToValue2(values2);
+      let item = null;
+      if (newValue !== null) {
+        item = (_c = data.find((item2) => item2[keyField] === newValue)) != null ? _c : null;
       }
+      (_d = props.onChange) == null ? void 0 : _d.call(props, item);
+      (_e = props.onValueChange) == null ? void 0 : _e.call(props, newValue);
     }
-    return false;
-  }, []);
-  const getCachedData = (0, import_react44.useCallback)((skip) => {
-    const data2 = [];
-    for (let i = 0; i < pageSize3; i++) {
-      data2.push(dataCaching.current[i + skip] || emptyItem3);
+  };
+  const handleClear = (event) => {
+    var _a, _b, _c, _d;
+    event.stopPropagation();
+    setIsSearch(true);
+    setSearch("");
+    if (props.isMultiple) {
+      (_a = props.onChange) == null ? void 0 : _a.call(props, []);
+      (_b = props.onValueChange) == null ? void 0 : _b.call(props, []);
+    } else {
+      (_c = props.onChange) == null ? void 0 : _c.call(props, null);
+      (_d = props.onValueChange) == null ? void 0 : _d.call(props, null);
     }
-    return data2;
-  }, []);
-  const pageChange = (0, import_react44.useCallback)(
-    (event) => {
-      const newSkip = event.page.skip;
-      if (shouldRequestData(newSkip)) {
-        requestData({ skip: newSkip, filter });
+    setIsSearch(false);
+  };
+  const handleItemSelect = (item) => {
+    var _a;
+    const newValue = item[keyField];
+    if (props.isMultiple) {
+      const newValues = [...values];
+      const valueIndex = values.indexOf(newValue);
+      if (valueIndex === -1) {
+        newValues.push(newValue);
+      } else {
+        newValues.splice(valueIndex, 1);
       }
-      const data2 = getCachedData(newSkip);
-      setData(data2);
-      skipRef.current = newSkip;
-    },
-    [getCachedData, requestData, shouldRequestData, filter]
-  );
-  const handleChange = (0, import_react44.useCallback)((event) => {
-    const value2 = event.target.value;
-    if (value2 && value2[textField3] === emptyItem3[textField3]) {
+      handleChange(newValues);
+    } else {
+      const value = valuesToValue2(values);
+      if (value !== newValue) {
+        handleChange([newValue]);
+      }
+    }
+    setIsSearch(false);
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+    disclosure.onClose();
+  };
+  const handleOpen = () => {
+    disclosure.onOpen();
+    setFocus(true);
+  };
+  const handleClose = () => {
+    disclosure.onClose();
+    if (!props.isMultiple) {
+      if (isSearch) {
+        const item = items[0];
+        if (item !== void 0) {
+          setSearch(item[textField]);
+        } else {
+          setSearch("");
+        }
+        setIsSearch(false);
+      }
+    }
+  };
+  (0, import_react60.useEffect)(() => {
+    if (isSearch)
       return;
+    if (!props.isMultiple) {
+      const item = items[0];
+      if (item !== void 0) {
+        setSearch(item[textField]);
+      }
     }
-    setValue(value2);
-    onChange(value2);
-  }, []);
-  (0, import_react44.useEffect)(() => {
-    const pageSize4 = 10;
-    const loadingData4 = [];
-    while (loadingData4.length < pageSize4) {
-      loadingData4.push(emptyItem3);
+  }, [items]);
+  (0, import_react60.useEffect)(() => {
+    const values2 = valueToValues2(valueProp);
+    const value = values2[0];
+    if (value === void 0) {
+      setSearch("");
     }
-    setLoadingData(loadingData4);
-  }, []);
-  (0, import_react44.useEffect)(() => {
-    setData(dataProp.items);
-  }, [dataProp]);
-  (0, import_react44.useEffect)(() => {
-    setValue(valueProp);
   }, [valueProp]);
-  (0, import_react44.useEffect)(() => {
-    setFilter(filterProp);
-  }, [filterProp]);
-  (0, import_react44.useEffect)(() => {
-    requestData({ skip: 0, filter });
-    return () => {
-      resetCach();
-    };
-  }, [filter, requestData]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-    import_kendo_react_dropdowns4.MultiSelect,
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    SelectContext_default.Provider,
     {
-      data,
-      value,
-      placeholder,
-      dataItemKey: keyField2,
-      textField: textField3,
-      filterable,
-      onFilterChange: handleFilterChange,
-      virtual: {
-        pageSize: pageSize3,
-        skip: skipRef.current,
-        total
+      value: {
+        data,
+        values,
+        keyField,
+        textField,
+        isMultiple,
+        virtual,
+        onChange: handleChange,
+        onItemSelect: handleItemSelect,
+        offset,
+        setOffset,
+        renderItem
       },
-      disabled,
-      loading,
-      className,
-      onChange: handleChange,
-      onPageChange: pageChange
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+        Popover_default,
+        __spreadProps(__spreadValues({
+          target: true
+        }, disclosure), {
+          isOpen: disclosure.isOpen,
+          onOpen: handleOpen,
+          onClose: handleClose,
+          autoClose: "outside",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PopoverTrigger_default, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+              "div",
+              {
+                className: clsx_default(`${prefixCls}input`, {
+                  [`${prefixCls}input--focus`]: focus,
+                  [`${prefixCls}input--disabled`]: disabled
+                }),
+                style,
+                onClick: handleClick,
+                onFocus: () => {
+                  setFocus(true);
+                },
+                onBlur: () => {
+                  setFocus(false);
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("input", { type: "text", ref: inputRef, style: { position: "absolute", opacity: 0 } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: `${prefixCls}outline` }),
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: `${prefixCls}input__content`, children: [
+                    startContent && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: `${prefixCls}input__start-content`, children: startContent }),
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: `${prefixCls}input__field`, children: search || placeholder }),
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: `${prefixCls}input__end-content`, children: [
+                      endContent,
+                      loading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon_default, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(LoaderIcon_default, { className: `${prefixCls}animation-spin` }) }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { color: "secondary", variant: "plain", size: "xs", iconOnly: true, onClick: handleClear, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon_default, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CloseIcon_default, {}) }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { style: { pointerEvents: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon_default, { children: disclosure.isOpen ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ChevronUpIcon_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ChevronDownIcon_default, {}) }) })
+                    ] })
+                  ] })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PopoverContent_default, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { children: virtual ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectVirtual_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectContent_default, {}) }) })
+          ]
+        })
+      )
     }
   );
 };
-var MultiSelectServer_default = MultiSelectServer;
-
-// src/components/MultiSelect/MultiSelect.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var MultiSelect3 = (props) => {
-  return props.filterMode === "client" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MultiSelectClient_default, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MultiSelectServer_default, __spreadValues({}, props));
-};
-var MultiSelect_default = MultiSelect3;
+var Select_default = Select;
 
 // src/components/Field/Field.tsx
-var import_react45 = require("react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var Field = (0, import_react45.forwardRef)(({ children, label }, ref) => {
+var import_react61 = require("react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var Field = (0, import_react61.forwardRef)(({ children, label }, ref) => {
   {
     const prefixCls = PREFIX_CLS;
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { ref, className: clsx_default(`${prefixCls}field`), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `${prefixCls}field__label`, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `${prefixCls}field__content`, children })
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { ref, className: clsx_default(`${prefixCls}field`), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: `${prefixCls}field__label`, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: `${prefixCls}field__content`, children })
     ] });
   }
 });
 var Field_default = Field;
-
-// src/components/List/List.tsx
-var import_react46 = require("react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var List = (0, import_react46.forwardRef)((_a, ref) => {
-  var _b = _a, { as: Component = "div", children } = _b, rest = __objRest(_b, ["as", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Component, __spreadProps(__spreadValues({ ref, className: "us-list" }, rest), { children }));
-});
-var List_default = List;
-
-// src/components/List/ListGroup.tsx
-var import_react48 = require("react");
-
-// src/components/List/ListItem.tsx
-var import_react47 = require("react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var ListItem = (0, import_react47.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, {
-      as: Component = "div",
-      className,
-      title,
-      startContent,
-      endContent,
-      level = 1,
-      hoverable,
-      selected,
-      disabled,
-      style,
-      onClick
-    } = _b, rest = __objRest(_b, [
-      "as",
-      "className",
-      "title",
-      "startContent",
-      "endContent",
-      "level",
-      "hoverable",
-      "selected",
-      "disabled",
-      "style",
-      "onClick"
-    ]);
-    const prefixCls = PREFIX_CLS;
-    const handleClick = (event) => {
-      onClick == null ? void 0 : onClick(event);
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-      Component,
-      __spreadProps(__spreadValues({
-        ref,
-        className: clsx_default(
-          `${prefixCls}list-item`,
-          {
-            [`${prefixCls}list-item--selected`]: selected,
-            [`${prefixCls}list-item--hoverable`]: hoverable,
-            [`${prefixCls}list-item--disabled`]: disabled
-          },
-          className
-        ),
-        style: __spreadValues({
-          paddingLeft: level <= 1 ? `var(--${prefixCls}list-item-padding-x)` : `calc(${level} * var(--${prefixCls}list-item-padding-level))`
-        }, style),
-        onClick: handleClick
-      }, rest), {
-        children: [
-          hoverable && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: `${prefixCls}overlay` }),
-          startContent && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: `${prefixCls}list-item__start-content`, children: startContent }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: `${prefixCls}list-item__content`, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: `${prefixCls}list-item__title`, children: title }) }),
-          endContent && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: `${prefixCls}list-item__end-content`, children: endContent })
-        ]
-      })
-    );
-  }
-);
-var ListItem_default = ListItem;
-
-// src/components/List/ListGroup.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var ListGroup = (0, import_react48.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, {
-      children,
-      startContent,
-      endContent,
-      expandVisible = true,
-      expandPosition = "end",
-      isOpen,
-      onOpen,
-      onClose,
-      onToggle
-    } = _b, rest = __objRest(_b, [
-      "children",
-      "startContent",
-      "endContent",
-      "expandVisible",
-      "expandPosition",
-      "isOpen",
-      "onOpen",
-      "onClose",
-      "onToggle"
-    ]);
-    const disclosure = isOpen !== void 0 ? { isOpen, onOpen, onClose, onToggle } : useDisclosure_default();
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "us-list-group", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Collapse_default, __spreadProps(__spreadValues({}, disclosure), { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CollapseTrigger_default, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-        ListItem_default,
-        __spreadValues({
-          ref,
-          startContent: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
-            expandVisible && expandPosition === "start" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon_default, { children: disclosure.isOpen ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ChevronUpIcon_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ChevronDownIcon_default, {}) }),
-            startContent
-          ] }),
-          endContent: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
-            endContent,
-            expandVisible && expandPosition === "end" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon_default, { children: disclosure.isOpen ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ChevronUpIcon_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ChevronDownIcon_default, {}) })
-          ] })
-        }, rest)
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CollapseContent_default, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(List_default, { children }) }) })
-    ] })) });
-  }
-);
-var ListGroup_default = ListGroup;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -2242,6 +3038,7 @@ var ListGroup_default = ListGroup;
   AccordionHeader,
   AccordionItem,
   AccordionPanel,
+  Autocomplete,
   Backdrop,
   Badge,
   Button,
@@ -2264,24 +3061,32 @@ var ListGroup_default = ListGroup;
   MenuItem,
   MenuSubmenu,
   MenuValueContext,
-  MultiSelect,
   Portal,
+  QueryStatus,
   ScrollArea,
   Select,
   Switch,
   Tab,
   Tabs,
+  TextInput,
   Toolbar,
   Transition,
+  assignRef,
   clsx,
   getOpenValuesByPathname,
+  mergeRefs,
   scrollToItem,
   useAccordionItem,
   useCollapse,
+  useDebounce,
   useDisclosure,
+  useElementSize,
+  useInfiniteQuery,
   useLocalStorage,
   useMenu,
   useMenuItemValue,
+  useOnClickOutside,
   usePrevious,
-  useStep
+  useStep,
+  useVirtualizer
 });