@baishuyun/ui-base 6.10.0 → 6.11.0

package/dist/ColorPicker/ColorPicker-DVwg07Gs.js

@@ -0,0 +1,174 @@
+import { t as e } from "../Icon/Icon-BBDcb-yw.js";
+import { a as t, i as n } from "../Overlay/OverlayContext-CVSFoyqN.js";
+import { t as r } from "../vendors/useFloatingOverlay-B3M9k8nj.js";
+import { t as i } from "../vendors/useLocale-FGYsRWSe.js";
+import { n as a } from "../vendors/animations-rwUbyoT0.js";
+import { t as o } from "../vendors/useLatchedPopupPortalRoot-4fVhqVT4.js";
+import { n as s } from "../vendors/mergeRefs-TiJ0xjUN.js";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { cloneElement as d, isValidElement as f, useRef as p, useState as m } from "react";
+import { ColorPicker as h } from "antd";
+import g from "clsx";
+import { useControllableValue as _, useSize as v } from "ahooks";
+import { AnimatePresence as y, motion as b } from "motion/react";
+import { FloatingPortal as x } from "@floating-ui/react";
+import S from "tinycolor2";
+//#region src/components/ColorPicker/constants.ts
+var C = {
+	vivid: /* @__PURE__ */ "#fee4de.#ffecd7.#ffe8e3.#fff1c0.#efffc0.#d7ffeb.#d8f4ff.#dfe7ff.#ebdefa.#ffdef1.#e8eaef.#ffbaaa.#fbcf9c.#ffd2c9.#ffe692.#d9f38c.#a6f6cf.#9adbf3.#aec3fe.#c9b0e6.#ffb4df.#d8dbe3.#f06648.#ff9921.#ff9c88.#ffc502.#a2ce1e.#4acc8c.#4ac0ec.#3767f1.#9362ce.#f168b6.#6b6e76.#cd3514.#c4771b.#db674f.#c79f1c.#7b9728.#21a664.#00a3e0.#003ce8.#6f25ca.#df2a91.#2d3447".split("."),
+	basic: /* @__PURE__ */ "#005eef.#3642e9.#7f43c8.#114bb8.#1379d9.#10a9c4.#119d85.#ffc502.#ff9921.#f06648.#f168b6.#d9e8ff.#dee0ff.#efe2ff.#d5e4ff.#daedff.#ddfaff.#d7fff8.#fff4d0.#ffecd7.#ffe3dd.#ffdef1.#262626.#3c3c3d.#454545.#515152.#5d5c5e.#6c6c6e.#878789.#b0afb1.#d0d0d1.#e6e6e7.#f5f5f6".split(".")
+}, w = [
+	"rgba(240, 102, 72, 1)",
+	"rgba(255, 197, 2, 1)",
+	"rgba(74, 204, 140, 1)",
+	"rgba(74, 192, 236, 1)",
+	"rgba(255, 153, 33, 1)",
+	"rgba(101, 101, 101, 1)",
+	"rgba(255, 156, 136, 1)",
+	"rgba(98, 98, 206, 1)",
+	"rgba(241, 104, 182, 1)",
+	"rgba(55, 103, 241, 1)",
+	"rgba(162, 206, 30, 1)",
+	"rgba(179, 179, 179, 1)",
+	"rgba(0, 0, 0, 1)",
+	"rgba(102, 102, 102, 1)",
+	"rgba(153, 153, 153, 1)",
+	"rgba(194, 194, 194, 1)",
+	"rgba(224, 224, 224, 1)",
+	"rgba(77, 96, 159, 1)"
+], T = (e) => Array.isArray(e) ? e.length > 0 ? e : C.vivid : C[e ?? "vivid"], E = (e = "bottom-start") => r({ placement: e }), D = {
+	"bsy-color-picker__floating": "_bsy-color-picker__floating_1fqmv_1",
+	"bsy-color-picker__content": "_bsy-color-picker__content_1fqmv_4",
+	"bsy-color-picker__grid": "_bsy-color-picker__grid_1fqmv_15",
+	"bsy-color-picker__preset-colors-title": "_bsy-color-picker__preset-colors-title_1fqmv_19",
+	"bsy-color-picker__custom-color-title": "_bsy-color-picker__custom-color-title_1fqmv_19",
+	"bsy-color-picker__preset-colors-grid": "_bsy-color-picker__preset-colors-grid_1fqmv_24",
+	"bsy-color-picker__preset-colors-grid--inline": "_bsy-color-picker__preset-colors-grid--inline_1fqmv_29",
+	"bsy-color-picker__preset-colors-item": "_bsy-color-picker__preset-colors-item_1fqmv_35",
+	"bsy-color-picker__preset-colors-item--selected": "_bsy-color-picker__preset-colors-item--selected_1fqmv_59",
+	"bsy-color-picker__preset-colors-swatch": "_bsy-color-picker__preset-colors-swatch_1fqmv_62",
+	"bsy-color-picker__custom-color-btn": "_bsy-color-picker__custom-color-btn_1fqmv_68",
+	"bsy-color-picker__custom-color-btn--active": "_bsy-color-picker__custom-color-btn--active_1fqmv_84",
+	"bsy-color-picker__custom-color-btn--preview": "_bsy-color-picker__custom-color-btn--preview_1fqmv_89",
+	"bsy-color-picker__custom-color-content": "_bsy-color-picker__custom-color-content_1fqmv_94",
+	"bsy-color-picker__custom-color-swatches": "_bsy-color-picker__custom-color-swatches_1fqmv_101"
+}, O = 11, k = (e, t, n) => {
+	if (!n) return e[t];
+	let r = t % O;
+	return n === "vivid" ? e[O * 2 + r] ?? e[t] : Math.floor(t / O) === 2 ? e[O * 2] ?? e[t] : e[r] ?? e[t];
+}, A = ({ currentColor: e, onColorSelect: t, options: n, className: r, palette: i }) => {
+	let a = e ? S(e).toRgbString() : "";
+	return /* @__PURE__ */ l("div", {
+		className: g(D["bsy-color-picker__preset-colors-grid"], r),
+		style: { "--preset-cols": Math.min(n.length, 11) },
+		children: n.map((e, r) => /* @__PURE__ */ l("div", {
+			className: g(D["bsy-color-picker__preset-colors-item"], { [D["bsy-color-picker__preset-colors-item--selected"]]: !!a && S(e).toRgbString() === a }),
+			style: {
+				"--swatch-color": e,
+				"--swatch-ring": k(n, r, i)
+			},
+			onClick: () => t(e),
+			children: /* @__PURE__ */ l("span", { className: D["bsy-color-picker__preset-colors-swatch"] })
+		}, e))
+	});
+}, j = 26, M = 4, N = (e) => {
+	let { children: r, placement: m = "bottom-start", disabled: h = !1, presetColors: g, getPopupContainer: v } = e, { t: S } = i(), C = t(), w = p(null), [O, k] = _(e, { defaultValue: e.value }), { isOpen: j, refs: M, floatingStyles: N, getReferenceProps: F, getFloatingProps: I } = E(m), L = f(r) ? d(r, {
+		...F(),
+		ref: M.setReference,
+		disabled: h
+	}) : r, R = T(g), z = p([]), { portalRoot: B, portalMountKey: V, handleExitComplete: H } = o(j, v);
+	return /* @__PURE__ */ u(c, { children: [L, /* @__PURE__ */ l(x, {
+		root: B,
+		children: /* @__PURE__ */ l(y, {
+			onExitComplete: H,
+			children: j ? /* @__PURE__ */ l(n, {
+				zIndex: C,
+				children: /* @__PURE__ */ l(b.div, {
+					ref: s(M.setFloating, w),
+					style: {
+						...N,
+						"--bsy-color-picker-z-index": C
+					},
+					...I(),
+					className: D["bsy-color-picker__floating"],
+					onMouseDown: (e) => e.preventDefault(),
+					...a,
+					children: /* @__PURE__ */ l("div", {
+						className: D["bsy-color-picker__content"],
+						children: /* @__PURE__ */ u("div", {
+							className: D["bsy-color-picker__grid"],
+							children: [/* @__PURE__ */ u("div", {
+								className: D["bsy-color-picker__preset-colors"],
+								children: [/* @__PURE__ */ l("div", {
+									className: D["bsy-color-picker__preset-colors-title"],
+									children: S("presetColors")
+								}), /* @__PURE__ */ l(A, {
+									currentColor: O,
+									onColorSelect: k,
+									options: R,
+									palette: Array.isArray(g) ? void 0 : g ?? "vivid"
+								})]
+							}), /* @__PURE__ */ l(P, {
+								value: O,
+								onChange: k,
+								onColorInput: e.onColorInput,
+								list: z.current,
+								getPopupContainer: () => w.current
+							})]
+						})
+					})
+				}, "bsy-color-picker-panel")
+			}) : null
+		})
+	}, V)] });
+}, P = (t) => {
+	let { list: n, getPopupContainer: r } = t, [a, o] = m(), [s, c] = m(!1), d = p(null), f = v(d), _ = f?.width ? Math.max(0, Math.floor((f.width + M) / (j + M))) : 5, { t: y } = i();
+	return /* @__PURE__ */ u("div", {
+		className: D["bsy-color-picker__custom-color"],
+		children: [/* @__PURE__ */ l("div", {
+			className: D["bsy-color-picker__custom-color-title"],
+			children: y("customColor")
+		}), /* @__PURE__ */ u("div", {
+			className: D["bsy-color-picker__custom-color-content"],
+			children: [/* @__PURE__ */ l(h, {
+				getPopupContainer: r,
+				value: a ?? t.value,
+				onChange: (e) => {
+					let n = e.toRgbString();
+					o(n), t.onColorInput?.(n);
+				},
+				open: s,
+				onOpenChange: (e) => {
+					c(e), !e && a && (n.includes(a) || n.unshift(a), t.onChange(a), o(void 0));
+				},
+				children: /* @__PURE__ */ l("div", {
+					className: g(D["bsy-color-picker__custom-color-btn"], {
+						[D["bsy-color-picker__custom-color-btn--active"]]: s && !a,
+						[D["bsy-color-picker__custom-color-btn--preview"]]: !!a
+					}),
+					role: "button",
+					style: { backgroundColor: a || void 0 },
+					onClick: () => {
+						c(!0);
+					},
+					children: /* @__PURE__ */ l(e, {
+						name: "add",
+						style: { visibility: a ? "hidden" : "visible" }
+					})
+				})
+			}), /* @__PURE__ */ l("div", {
+				ref: d,
+				className: D["bsy-color-picker__custom-color-swatches"],
+				children: /* @__PURE__ */ l(A, {
+					currentColor: t.value,
+					onColorSelect: t.onChange,
+					options: n.slice(0, _),
+					className: D["bsy-color-picker__preset-colors-grid--inline"]
+				})
+			})]
+		})]
+	});
+};
+N.displayName = "BsyColorPicker";
+//#endregion
+export { w as n, N as t };

package/dist/ColorPicker/index.js

@@ -1,8 +1,9 @@
-import "../vendors/version-L-kG2La0.js";
+import "../vendors/version-BxI5QM5W.js";
 import "../Icon/Icon-BBDcb-yw.js";
-import "../vendors/LocaleContext-Dcw6C1LX.js";
-import { n as e, t } from "./ColorPicker-D3JuQ7a7.js";
-import "../vendors/useFloatingOverlay-BApqkHSu.js";
-import "../vendors/useLocale-BKZX2_zw.js";
-import "../vendors/useLatchedPopupPortalRoot-hwf14FJ5.js";
+import "../vendors/LocaleContext-I4PW9j4M.js";
+import "../Overlay/OverlayContext-CVSFoyqN.js";
+import { n as e, t } from "./ColorPicker-DVwg07Gs.js";
+import "../vendors/useFloatingOverlay-B3M9k8nj.js";
+import "../vendors/useLocale-FGYsRWSe.js";
+import "../vendors/useLatchedPopupPortalRoot-4fVhqVT4.js";
 export { e as COLOR_OPTIONS_RGBA, t as default };

package/dist/ConfigProvider/index.js

@@ -1,4 +1,5 @@
-import "../vendors/version-L-kG2La0.js";
-import "../vendors/LocaleContext-Dcw6C1LX.js";
-import { n as e, t } from "../vendors/ConfigProvider-DxrZpdIb.js";
+import "../vendors/version-BxI5QM5W.js";
+import "../vendors/LocaleContext-I4PW9j4M.js";
+import { n as e, t } from "../vendors/ConfigProvider-4xHyyeop.js";
+import "../Overlay/OverlayContext-CVSFoyqN.js";
 export { t as ConfigProvider, t as default, e as useConfig };

package/dist/DatePicker/DatePicker-DNPnHLT2.js

@@ -0,0 +1,101 @@
+import { a as e, i as t } from "../Overlay/OverlayContext-CVSFoyqN.js";
+import { t as n } from "../vendors/useFloatingOverlay-B3M9k8nj.js";
+import { t as r } from "../vendors/useLocale-FGYsRWSe.js";
+import { n as i } from "../vendors/animations-rwUbyoT0.js";
+import { t as a } from "../vendors/useLatchedPopupPortalRoot-4fVhqVT4.js";
+import { n as o } from "./pickerLocale-BRnNjLcv.js";
+import { t as s } from "./style-UKXn1N_p.js";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Suspense as d, cloneElement as f, isValidElement as p, lazy as m, useCallback as h, useMemo as g } from "react";
+import _ from "clsx";
+import { useControllableValue as v } from "ahooks";
+import { AnimatePresence as y, motion as b } from "motion/react";
+import { FloatingPortal as x } from "@floating-ui/react";
+import S from "dayjs";
+var C = {
+	footer: "_footer_h6lng_1",
+	today: "_today_h6lng_11"
+}, w = ({ onClick: e }) => {
+	let { t } = r();
+	return /* @__PURE__ */ l("div", {
+		className: C.footer,
+		children: /* @__PURE__ */ l("button", {
+			type: "button",
+			className: C.today,
+			onClick: e,
+			children: t("datePicker.today")
+		})
+	});
+}, T = (e, t) => {
+	switch (t) {
+		case "week": return e.startOf("isoWeek");
+		case "month": return e.startOf("month");
+		case "year": return e.startOf("year");
+		default: return e.startOf("day");
+	}
+}, E = {
+	"bsy-date-picker": "_bsy-date-picker_1i2le_1",
+	"bsy-date-picker__content": "_bsy-date-picker__content_1i2le_33",
+	"bsy-date-picker__divider": "_bsy-date-picker__divider_1i2le_43",
+	"bsy-date-picker__panel-loading": "_bsy-date-picker__panel-loading_1i2le_49"
+}, D = m(() => import("./DatePickerPanel-TS6AxAH-.js")), O = (m) => {
+	let { children: C, picker: O = "date", theme: k, getPopupContainer: A, triggerActiveClassName: j, zIndex: M } = m, { locale: N } = r(), P = e(M), [F, I] = v(m, {
+		defaultValuePropName: "defaultValue",
+		valuePropName: "value",
+		trigger: "onChange",
+		defaultValue: S().locale(o(N)).startOf("day")
+	}), { isOpen: L, setIsOpen: R, refs: z, floatingStyles: B, getReferenceProps: V, getFloatingProps: H } = n(), U = h((e) => {
+		e && (I(T(e, O)), R(!1));
+	}, [
+		O,
+		I,
+		R
+	]), W = h(() => {
+		U(S().locale(o(N)));
+	}, [U, N]), G = g(() => s(k), [k]), { portalRoot: K, portalMountKey: q, handleExitComplete: J } = a(L, A);
+	return p(C), /* @__PURE__ */ u(c, { children: [p(C) ? f(C, {
+		...V({ className: _(C.props.className, L && j) }),
+		ref: z.setReference
+	}) : C, /* @__PURE__ */ l(x, {
+		root: K,
+		children: /* @__PURE__ */ l(y, {
+			onExitComplete: J,
+			children: L ? /* @__PURE__ */ l(t, {
+				zIndex: P,
+				children: /* @__PURE__ */ l(b.div, {
+					ref: z.setFloating,
+					style: {
+						...B,
+						...G,
+						"--bsy-date-picker-z-index": P
+					},
+					...H(),
+					"data-bsy-date-picker": !0,
+					className: E["bsy-date-picker"],
+					...i,
+					children: /* @__PURE__ */ u("div", {
+						className: E["bsy-date-picker__content"],
+						children: [
+							/* @__PURE__ */ l(d, {
+								fallback: /* @__PURE__ */ l("div", {
+									className: E["bsy-date-picker__panel-loading"],
+									"aria-hidden": !0
+								}),
+								children: /* @__PURE__ */ l(D, {
+									picker: O,
+									value: F,
+									onChange: U
+								})
+							}),
+							/* @__PURE__ */ l("div", { className: E["bsy-date-picker__divider"] }),
+							/* @__PURE__ */ l(w, { onClick: W })
+						]
+					})
+				}, "bsy-date-picker-panel")
+			}) : null
+		})
+	}, q)] });
+};
+O.displayName = "BsyDatePicker";
+//#endregion
+export { O as t };

package/dist/DatePicker/{DatePickerPanel-Bz3uvbYF.js → DatePickerPanel-TS6AxAH-.js}

@@ -1,9 +1,9 @@
-import "../vendors/version-L-kG2La0.js";
+import "../vendors/version-BxI5QM5W.js";
 import { t as e } from "../Icon/Icon-BBDcb-yw.js";
-import "../vendors/LocaleContext-Dcw6C1LX.js";
-import { t } from "../vendors/useLocale-BKZX2_zw.js";
-import "./ensureDayjsPlugins-CVL-fnAl.js";
-import { t as n } from "./pickerLocale-BeMlfhKu.js";
+import "../vendors/LocaleContext-I4PW9j4M.js";
+import { t } from "../vendors/useLocale-FGYsRWSe.js";
+import "./ensureDayjsPlugins-Cn9Bkjkj.js";
+import { t as n } from "./pickerLocale-BRnNjLcv.js";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 import { useCallback as o, useEffect as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 import { clsx as f } from "clsx";

package/dist/DatePicker/index.js

@@ -1,10 +1,11 @@
-import "../vendors/version-L-kG2La0.js";
-import "../vendors/LocaleContext-Dcw6C1LX.js";
-import "../vendors/useFloatingOverlay-BApqkHSu.js";
-import "../vendors/useLocale-BKZX2_zw.js";
-import "../vendors/useLatchedPopupPortalRoot-hwf14FJ5.js";
-import { t as e } from "./DatePicker-Dah_CjYG.js";
-import "./ensureDayjsPlugins-CVL-fnAl.js";
-import "./pickerLocale-BeMlfhKu.js";
-import "./style-BwmM26RP.js";
+import "../vendors/version-BxI5QM5W.js";
+import "../vendors/LocaleContext-I4PW9j4M.js";
+import "../Overlay/OverlayContext-CVSFoyqN.js";
+import "../vendors/useFloatingOverlay-B3M9k8nj.js";
+import "../vendors/useLocale-FGYsRWSe.js";
+import "../vendors/useLatchedPopupPortalRoot-4fVhqVT4.js";
+import { t as e } from "./DatePicker-DNPnHLT2.js";
+import "./ensureDayjsPlugins-Cn9Bkjkj.js";
+import "./pickerLocale-BRnNjLcv.js";
+import "./style-UKXn1N_p.js";
 export { e as default };

package/dist/DatePicker/style/index.js

@@ -1,3 +1,3 @@
-import "../../vendors/version-L-kG2La0.js";
-import { t as e } from "../style-BwmM26RP.js";
+import "../../vendors/version-BxI5QM5W.js";
+import { t as e } from "../style-UKXn1N_p.js";
 export { e as resolveDatePickerThemeVars };

package/dist/DatePicker/{style-BwmM26RP.js → style-UKXn1N_p.js}

@@ -1,4 +1,4 @@
-import { t as e } from "../vendors/cssVars-B8o94Yao.js";
+import { t as e } from "../vendors/cssVars-l4-kP_14.js";
 import t from "tinycolor2";
 //#region src/components/DatePicker/style/resolveDatePickerThemeVars.ts
 var n = .3, r = "#fff", i = (i) => {

package/dist/DropDown/DropDown-DWf5yf4l.js

@@ -0,0 +1,178 @@
+import { a as e, i as t } from "../Overlay/OverlayContext-CVSFoyqN.js";
+import { t as n } from "../vendors/useLocale-FGYsRWSe.js";
+import { n as r } from "../vendors/animations-rwUbyoT0.js";
+import { t as i } from "../vendors/useLatchedPopupPortalRoot-4fVhqVT4.js";
+import { t as a } from "../Select/SelectInputSearch-i3egm8Wy.js";
+import { t as o } from "../NotFoundContent/NotFoundContent-BLmzWNBi.js";
+import { t as s } from "../ScrollBar/ScrollBar-N2pOLv-8.js";
+import { t as c } from "../vendors/useFloatingPortal-CmVJbuRm.js";
+import { t as l } from "./style-LLDVPpPa.js";
+import { isEmpty as u, isNumber as d } from "lodash-es";
+import { Fragment as ee, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { cloneElement as m, isValidElement as h, memo as g, useMemo as _, useState as v } from "react";
+import { clsx as y } from "clsx";
+import { useControllableValue as b } from "ahooks";
+import { AnimatePresence as x, motion as S } from "motion/react";
+import { FloatingPortal as C } from "@floating-ui/react";
+import w from "fuse.js";
+//#region src/hooks/useDropdownSearch.ts
+var T = ({ menus: e, searchValue: t, enableInternalFilter: n, searchKey: r }) => {
+	let i = _(() => new w(e, {
+		keys: [r],
+		ignoreLocation: !0,
+		threshold: .3,
+		getFn: (e, t) => {
+			let n = e[t];
+			return t === "label" && typeof n != "string" ? "" : String(n || "");
+		}
+	}), [e, r]), a = _(() => !n || u(t) ? e : i.search(t).map((e) => e.item), [
+		e,
+		t,
+		n,
+		i
+	]);
+	return {
+		filteredMenus: a,
+		hasNoResults: _(() => n && !u(t) && a.length === 0, [
+			n,
+			t,
+			a.length
+		])
+	};
+}, E = "_dropdown__trigger_1fafn_1", D = "_dropdown__panel_1fafn_7", O = "_dropdown__search_1fafn_15", k = "_dropdown__menu_1fafn_19", A = {
+	dropdown__trigger: E,
+	"dropdown__trigger--disabled": "_dropdown__trigger--disabled_1fafn_4",
+	dropdown__panel: D,
+	dropdown__search: O,
+	dropdown__menu: k,
+	"dropdown__menu-item": "_dropdown__menu-item_1fafn_22",
+	"dropdown__menu-item--disabled": "_dropdown__menu-item--disabled_1fafn_34",
+	"dropdown__menu-item--active": "_dropdown__menu-item--active_1fafn_34",
+	"dropdown__menu-item-icon": "_dropdown__menu-item-icon_1fafn_41",
+	"system-field": "_system-field_1fafn_52",
+	"dropdown__menu-item-label": "_dropdown__menu-item-label_1fafn_63"
+}, j = g(({ item: e, onClick: t, isActive: n = !1 }) => {
+	let r = () => {
+		e.disabled || t(e);
+	}, i = e.systemField || !1;
+	return /* @__PURE__ */ p("div", {
+		className: y(A["dropdown__menu-item"], {
+			[A["dropdown__menu-item--disabled"]]: e.disabled,
+			[A["dropdown__menu-item--active"]]: n && !e.disabled,
+			"text-[#4d609f]": i && !e.disabled && !n
+		}),
+		onClick: r,
+		children: [e.icon && /* @__PURE__ */ f("div", {
+			className: y(A["dropdown__menu-item-icon"], { [A["system-field"]]: i && !e.disabled && !n }),
+			children: e.icon
+		}), /* @__PURE__ */ f("div", {
+			className: y(A["dropdown__menu-item-label"], "truncate"),
+			children: e.label
+		})]
+	});
+});
+j.displayName = "BsyDropDownMenuItem";
+//#endregion
+//#region src/components/DropDown/MenuList/MenuList.tsx
+var M = ({ menus: e, onClick: t, hasNoResults: r, activeKey: i = [] }) => {
+	let { t: a } = n();
+	return e.length === 0 ? /* @__PURE__ */ f(o, {
+		text: a("noData"),
+		className: "px-3 py-6"
+	}) : r ? /* @__PURE__ */ f(o, {
+		text: a("noDataFound"),
+		className: "px-3 py-6"
+	}) : /* @__PURE__ */ f("div", {
+		className: A.dropdown__menu,
+		children: e.map((e) => /* @__PURE__ */ f(j, {
+			item: e,
+			onClick: t,
+			isActive: i.includes(e.key)
+		}, e.key))
+	});
+};
+M.displayName = "BsyDropDownMenuList";
+//#endregion
+//#region src/components/DropDown/DropDown.tsx
+var N = (o) => {
+	let { t: u } = n(), { children: g, menus: y, onClick: w, onSearch: E, searchKey: D = "label", showSearch: O = !0, closeOnSelect: k = !0, searchPlaceholder: j = u("search"), offset: N = {
+		x: 0,
+		y: 0
+	}, zIndex: P, style: F, activeKey: I = [], getPopupContainer: L, theme: R } = o, z = e(P), [B, V] = b(o, {
+		valuePropName: "visible",
+		defaultValue: !1,
+		trigger: "onOpenChange"
+	}), [H, U] = v(""), W = () => {
+		V(!B);
+	}, G = () => {
+		V(!1);
+	}, K = (e) => {
+		e.disabled || (w?.(e), k && G());
+	}, q = (e) => {
+		U(e), E?.(e);
+	}, { filteredMenus: J, hasNoResults: Y } = T({
+		menus: y,
+		searchValue: H,
+		enableInternalFilter: !E,
+		searchKey: D
+	}), { refs: X, floatingStyles: Z, getReferenceProps: Q, getFloatingProps: te } = c({
+		isOpen: B,
+		close: G,
+		showMask: !1,
+		zIndex: z,
+		offset: {
+			x: d(N.x) ? N.x : 0,
+			y: d(N.y) ? N.y : 0
+		}
+	}), $ = h(g) ? m(g, {
+		...Q(),
+		ref: X.setReference,
+		onClick: (e) => {
+			W(), g.props.onClick?.(e);
+		}
+	}) : g, { portalRoot: ne, portalMountKey: re, handleExitComplete: ie } = i(B, L), ae = _(() => l(R), [R]);
+	return /* @__PURE__ */ p(ee, { children: [$, /* @__PURE__ */ f(C, {
+		root: ne,
+		children: /* @__PURE__ */ f(x, {
+			onExitComplete: ie,
+			children: B ? /* @__PURE__ */ f(t, {
+				zIndex: z,
+				children: /* @__PURE__ */ f(S.div, {
+					ref: X.setFloating,
+					...te(),
+					style: {
+						...Z,
+						zIndex: z
+					},
+					...r,
+					children: /* @__PURE__ */ p("div", {
+						className: A.dropdown__panel,
+						style: {
+							...ae,
+							...F
+						},
+						children: [O && /* @__PURE__ */ f("div", {
+							className: A.dropdown__search,
+							children: /* @__PURE__ */ f(a, {
+								value: H,
+								onChange: q,
+								searchPlaceholder: j
+							})
+						}), /* @__PURE__ */ f(s, {
+							style: { maxHeight: 300 },
+							children: /* @__PURE__ */ f(M, {
+								menus: J,
+								onClick: K,
+								hasNoResults: Y,
+								activeKey: I
+							})
+						})]
+					})
+				}, "bsy-dropdown-panel")
+			}) : null
+		})
+	}, re)] });
+};
+N.displayName = "BsyDropDown";
+//#endregion
+export { N as t };

package/dist/DropDown/index.js

@@ -1,13 +1,14 @@
-import "../vendors/version-L-kG2La0.js";
+import "../vendors/version-BxI5QM5W.js";
 import "../ScrollBar/style-D26azwz6.js";
 import "../Icon/Icon-BBDcb-yw.js";
-import "../vendors/LocaleContext-Dcw6C1LX.js";
-import "../vendors/useLocale-BKZX2_zw.js";
-import "../vendors/useLatchedPopupPortalRoot-hwf14FJ5.js";
-import "../Select/SelectInputSearch-CrGW_eVo.js";
-import "../NotFoundContent/NotFoundContent-J-TEnljc.js";
-import "../ScrollBar/ScrollBar-CnwYQfXM.js";
-import "../vendors/useFloatingPortal-C8V67X0v.js";
-import { t as e } from "./DropDown-Daxr9BYf.js";
-import "./style-BSgosymi.js";
+import "../vendors/LocaleContext-I4PW9j4M.js";
+import "../Overlay/OverlayContext-CVSFoyqN.js";
+import "../vendors/useLocale-FGYsRWSe.js";
+import "../vendors/useLatchedPopupPortalRoot-4fVhqVT4.js";
+import "../Select/SelectInputSearch-i3egm8Wy.js";
+import "../NotFoundContent/NotFoundContent-BLmzWNBi.js";
+import "../ScrollBar/ScrollBar-N2pOLv-8.js";
+import "../vendors/useFloatingPortal-CmVJbuRm.js";
+import { t as e } from "./DropDown-DWf5yf4l.js";
+import "./style-LLDVPpPa.js";
 export { e as default };

package/dist/DropDown/style/index.js

@@ -1,3 +1,3 @@
-import "../../vendors/version-L-kG2La0.js";
-import { t as e } from "../style-BSgosymi.js";
+import "../../vendors/version-BxI5QM5W.js";
+import { t as e } from "../style-LLDVPpPa.js";
 export { e as resolveDropDownThemeVars };

package/dist/DropDown/{style-BSgosymi.js → style-LLDVPpPa.js}

@@ -1,4 +1,4 @@
-import { t as e } from "../vendors/cssVars-B8o94Yao.js";
+import { t as e } from "../vendors/cssVars-l4-kP_14.js";
 //#region src/components/DropDown/style/resolveDropDownThemeVars.ts
 var t = (t) => {
 	if (!t) return {};