@baishuyun/ui-base 2.3.1 → 2.3.2

package/dist/Card/Card-BE6v4I-A.js

@@ -0,0 +1,69 @@
+import { t as e } from "../Icon/Icon-DppVOyPK.js";
+import { t } from "../vendors/clsx-DNOE4Gl8.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useCallback as i, useMemo as a, useState as o } from "react";
+//#region src/components/Card/Card.module.scss
+var s = {
+	"bsy-card": "_bsy-card_myftj_1",
+	"bsy-card__header": "_bsy-card__header_myftj_6",
+	"bsy-card__title": "_bsy-card__title_myftj_13",
+	"bsy-card__icon-container": "_bsy-card__icon-container_myftj_24",
+	"bsy-card__icon": "_bsy-card__icon_myftj_24",
+	"bsy-card__icon--expanded": "_bsy-card__icon--expanded_myftj_43",
+	"bsy-card__content": "_bsy-card__content_myftj_46",
+	"bsy-card__content--expanded": "_bsy-card__content--expanded_myftj_52",
+	"bsy-card__content-inner": "_bsy-card__content-inner_myftj_55"
+}, c = ({ title: c, children: l, minWidth: u = 240, defaultExpanded: d = !1, expanded: f, onExpandedChange: p, className: m, style: h, styles: g }) => {
+	let [_, v] = o(d), y = f ?? _, b = i(() => {
+		let e = !y;
+		f === void 0 && v(e), p?.(e);
+	}, [
+		y,
+		f,
+		p
+	]), x = i((e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), b());
+	}, [b]), S = a(() => ({
+		minWidth: `${u}px`,
+		...h
+	}), [u, h]);
+	return /* @__PURE__ */ r("div", {
+		className: t(s["bsy-card"], m),
+		style: S,
+		children: [/* @__PURE__ */ r("div", {
+			className: s["bsy-card__header"],
+			onClick: b,
+			onKeyDown: x,
+			role: "button",
+			tabIndex: 0,
+			"aria-expanded": y,
+			"aria-controls": "card-content",
+			style: g?.header,
+			children: [/* @__PURE__ */ n("div", {
+				className: s["bsy-card__title"],
+				id: "card-title",
+				role: "heading",
+				children: c
+			}), /* @__PURE__ */ n("div", {
+				className: s["bsy-card__icon-container"],
+				children: /* @__PURE__ */ n(e, {
+					name: "xialakuangxiala1",
+					className: t(s["bsy-card__icon"], y && s["bsy-card__icon--expanded"])
+				})
+			})]
+		}), /* @__PURE__ */ n("div", {
+			id: "card-content",
+			role: "region",
+			"aria-labelledby": "card-title",
+			className: t(s["bsy-card__content"], y && s["bsy-card__content--expanded"]),
+			children: /* @__PURE__ */ n("div", {
+				className: s["bsy-card__content-inner"],
+				style: g?.body,
+				children: l
+			})
+		})]
+	});
+};
+c.displayName = "BsyCard";
+//#endregion
+export { c as t };

package/dist/Card/index.js

@@ -1,4 +1,3 @@
-import { C as f } from "./Card-Y1ISqAp9.js";
-export {
-  f as default
-};
+import "../Icon/Icon-DppVOyPK.js";
+import { t as e } from "./Card-BE6v4I-A.js";
+export { e as default };

package/dist/CheckBox/CheckBox--rXaUgMO.js

@@ -0,0 +1,67 @@
+import { t as e } from "../vendors/lodash-es-Bu9xU1fK.js";
+import { t } from "../Icon/Icon-DppVOyPK.js";
+import { t as n } from "../vendors/clsx-DNOE4Gl8.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { createContext as a, forwardRef as o, useContext as s } from "react";
+//#region src/components/CheckBox/context/context.ts
+var c = a(null), l = "_checkbox_vheru_1", u = "_checkbox__inner_vheru_32", d = {
+	checkbox: l,
+	"checkbox--checked": "_checkbox--checked_vheru_12",
+	"checkbox--unchecked": "_checkbox--unchecked_vheru_16",
+	"checkbox--indeterminate": "_checkbox--indeterminate_vheru_23",
+	"checkbox--disabled": "_checkbox--disabled_vheru_27",
+	checkbox__inner: u,
+	"checkbox__inner--disabled": "_checkbox__inner--disabled_vheru_38"
+}, f = ({ isChecked: e = !1, indeterminate: a = !1, disabled: o = !1 }) => {
+	let s = a ? "indeterminate" : e ? "checked" : "unchecked", c = n(d.checkbox, {
+		[d["checkbox--checked"]]: !o && s === "checked",
+		[d["checkbox--unchecked"]]: !o && s === "unchecked",
+		[d["checkbox--indeterminate"]]: !o && s === "indeterminate",
+		[d["checkbox--disabled"]]: o
+	}), l = n(d.checkbox__inner, { [d["checkbox__inner--disabled"]]: o });
+	return /* @__PURE__ */ i("div", {
+		className: c,
+		children: [s === "checked" && /* @__PURE__ */ r(t, {
+			name: "checkthebox",
+			color: o ? "#b8b8b8" : "#fff"
+		}), s === "indeterminate" && /* @__PURE__ */ r("div", { className: l })]
+	});
+}, p = /* @__PURE__ */ function(e) {
+	return e.NONE = "none", e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e;
+}({}), m = {
+	"bsy-checkbox": "_bsy-checkbox_1372g_1",
+	"bsy-checkbox--full-width": "_bsy-checkbox--full-width_1372g_8",
+	"bsy-checkbox__button": "_bsy-checkbox__button_1372g_11",
+	"bsy-checkbox__button--disabled": "_bsy-checkbox__button--disabled_1372g_22",
+	"bsy-checkbox__button--enabled": "_bsy-checkbox__button--enabled_1372g_27",
+	"bsy-checkbox__button--indeterminate": "_bsy-checkbox__button--indeterminate_1372g_30",
+	"bsy-checkbox__button--checked": "_bsy-checkbox__button--checked_1372g_34",
+	"bsy-checkbox__button--unchecked": "_bsy-checkbox__button--unchecked_1372g_38",
+	"bsy-checkbox__button--left-label": "_bsy-checkbox__button--left-label_1372g_45"
+}, h = o((t, a) => {
+	let { checked: o, indeterminate: l = !1, onChange: u, value: d = e("checkbox"), disabled: h = !1, children: g, style: _, labelPosition: v = "right" } = t, y = s(c), b = y ? y.value?.includes(d) : o, x = (e) => {
+		if (!(h || y?.disabled)) if (y) {
+			let t = e ? [...y.value || [], d] : (y.value || []).filter((e) => e !== d);
+			t && y.onChange?.(t);
+		} else u?.(e);
+	}, S = h || y?.disabled;
+	return /* @__PURE__ */ i("div", {
+		className: n(m["bsy-checkbox"], { [m["bsy-checkbox--full-width"]]: y?.layout === p.NONE || !y?.layout }),
+		onClick: () => x(!b),
+		style: _,
+		children: [/* @__PURE__ */ r("div", {
+			ref: a,
+			role: "checkbox",
+			"aria-checked": l ? "mixed" : b,
+			tabIndex: S ? -1 : 0,
+			className: n({ [m["bsy-checkbox__button--left-label"]]: v === "left" }),
+			children: /* @__PURE__ */ r(f, {
+				indeterminate: l,
+				isChecked: b,
+				disabled: S
+			})
+		}), g]
+	});
+});
+//#endregion
+export { p as n, c as r, h as t };

package/dist/CheckBox/CheckBox-Db8X-pw9.js

@@ -0,0 +1,33 @@
+import { t as e } from "../vendors/clsx-DNOE4Gl8.js";
+import { n as t, r as n, t as r } from "./CheckBox--rXaUgMO.js";
+import { jsx as i } from "react/jsx-runtime";
+import { useControllableValue as a } from "ahooks";
+//#region src/components/CheckBox/Group.tsx
+var o = ({ disabled: r, layout: o = t.NONE, children: s, className: c, ...l }) => {
+	let [u, d] = a(l, {
+		defaultValue: [],
+		valuePropName: "value",
+		defaultValuePropName: "defaultValue",
+		trigger: "onChange"
+	}), f = e("flex", {
+		"flex-col": o === t.NONE,
+		"flex-col gap-[10px]": o === t.VERTICAL,
+		"flex-row gap-y-[10px] gap-x-[20px] flex-wrap": o === t.HORIZONTAL,
+		[c || ""]: !!c
+	});
+	return /* @__PURE__ */ i(n.Provider, {
+		value: {
+			value: u,
+			onChange: d,
+			disabled: r,
+			layout: o
+		},
+		children: /* @__PURE__ */ i("div", {
+			className: f,
+			children: s
+		})
+	});
+}, s = r;
+s.Group = o;
+//#endregion
+export { s as t };

package/dist/CheckBox/index.js

@@ -1,39 +1,4 @@
-import { L as o, C as c, B as n } from "./CheckBox-C9sXWSA5.js";
-import { jsx as r } from "react/jsx-runtime";
-import { useControllableValue as f } from "ahooks";
-import { c as C } from "../vendors/clsx-OuTLNxxd.js";
-const m = ({
-  disabled: l,
-  layout: e = o.NONE,
-  children: p,
-  className: a,
-  ...s
-}) => {
-  const [t, x] = f(s, {
-    defaultValue: [],
-    valuePropName: "value",
-    defaultValuePropName: "defaultValue",
-    trigger: "onChange"
-  }), u = C("flex", {
-    "flex-col": e === o.NONE,
-    "flex-col gap-[10px]": e === o.VERTICAL,
-    "flex-row gap-y-[10px] gap-x-[20px] flex-wrap": e === o.HORIZONTAL,
-    [a || ""]: !!a
-  });
-  return /* @__PURE__ */ r(
-    c.Provider,
-    {
-      value: {
-        value: t,
-        onChange: x,
-        disabled: l,
-        layout: e
-      },
-      children: /* @__PURE__ */ r("div", { className: u, children: p })
-    }
-  );
-}, i = n;
-i.Group = m;
-export {
-  i as default
-};
+import "../Icon/Icon-DppVOyPK.js";
+import "./CheckBox--rXaUgMO.js";
+import { t as e } from "./CheckBox-Db8X-pw9.js";
+export { e as default };

package/dist/ColorPicker/ColorPicker-BBP-4-so.js

@@ -0,0 +1,168 @@
+import { u as e } from "../vendors/lodash-es-Bu9xU1fK.js";
+import { t } from "../Icon/Icon-DppVOyPK.js";
+import { t as n } from "../vendors/useLocale-BfT0V1j4.js";
+import { t as r } from "../vendors/clsx-DNOE4Gl8.js";
+import { t as i } from "../vendors/tinycolor2-DToeAEPD.js";
+import { t as a } from "../vendors/color-BPWy9DvT.js";
+import { n as o } from "../vendors/animations-C5JKFkz4.js";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { cloneElement as u, isValidElement as d, useMemo as f, useRef as p, useState as m } from "react";
+import { useControllableValue as h } from "ahooks";
+import { ColorPicker as g } from "antd";
+import { AnimatePresence as _, motion as v } from "motion/react";
+import { FloatingPortal as y, flip as b, offset as x, shift as S, useClick as C, useDismiss as w, useFloating as T, useInteractions as E } from "@floating-ui/react";
+//#region src/components/ColorPicker/constants.ts
+var D = [
+	"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)"
+], O = (e = "bottom-start") => {
+	let [t, n] = m(!1), { refs: r, floatingStyles: i, context: a } = T({
+		open: t,
+		onOpenChange: n,
+		placement: e,
+		middleware: [
+			x(4),
+			b(),
+			S({ padding: 8 })
+		]
+	}), { getReferenceProps: o, getFloatingProps: s } = E([C(a), w(a)]);
+	return {
+		isOpen: t,
+		refs: r,
+		floatingStyles: i,
+		getReferenceProps: o,
+		getFloatingProps: s,
+		setIsOpen: n
+	};
+}, k = "_preview_11t7y_62", A = {
+	"bsy-color-picker__floating": "_bsy-color-picker__floating_11t7y_1",
+	"bsy-color-picker__content": "_bsy-color-picker__content_11t7y_4",
+	"bsy-color-picker__grid": "_bsy-color-picker__grid_11t7y_11",
+	"bsy-color-picker__preset-colors-title": "_bsy-color-picker__preset-colors-title_11t7y_15",
+	"bsy-color-picker__preset-colors-grid": "_bsy-color-picker__preset-colors-grid_11t7y_19",
+	"bsy-color-picker__preset-colors-item": "_bsy-color-picker__preset-colors-item_11t7y_24",
+	"bsy-color-picker__custom-color-title": "_bsy-color-picker__custom-color-title_11t7y_48",
+	"bsy-color-picker__custom-color-btn": "_bsy-color-picker__custom-color-btn_11t7y_52",
+	preview: k,
+	"bsy-color-picker__custom-color-btn--active": "_bsy-color-picker__custom-color-btn--active_11t7y_62",
+	"bsy-color-picker__custom-color-btn--preview": "_bsy-color-picker__custom-color-btn--preview_11t7y_66",
+	"bsy-color-picker__custom-color-content": "_bsy-color-picker__custom-color-content_11t7y_69",
+	"bsy-color-picker__check-icon": "_bsy-color-picker__check-icon_11t7y_73"
+}, j = ({ currentColor: e, onColorSelect: n, options: r, style: o }) => /* @__PURE__ */ c("div", {
+	className: A["bsy-color-picker__preset-colors-grid"],
+	style: o,
+	children: r.map((r) => /* @__PURE__ */ c("div", {
+		className: A["bsy-color-picker__preset-colors-item"],
+		style: {
+			backgroundColor: r,
+			"--hover-color": i(r).setAlpha(.5).toRgbString()
+		},
+		onClick: () => n(r),
+		children: a(e, r) && /* @__PURE__ */ c(t, {
+			name: "checkthebox",
+			className: A["bsy-color-picker__check-icon"]
+		})
+	}, r))
+}), M = (t) => {
+	let { children: r, placement: i = "bottom-start", disabled: m = !1, presetColors: g, getPopupContainer: b } = t, { t: x } = n(), [S, C] = h(t, { defaultValue: t.value }), { isOpen: w, refs: T, floatingStyles: E, getReferenceProps: k, getFloatingProps: M } = O(i), P = d(r) ? u(r, {
+		...k(),
+		ref: T.setReference,
+		disabled: m
+	}) : r, F = e(g) && g.length ? g : D, I = p(F.some((e) => a(e, S)) ? [] : [S]);
+	return /* @__PURE__ */ l(s, { children: [P, /* @__PURE__ */ c(y, {
+		root: f(() => w ? b?.() : void 0, [w, b]),
+		children: /* @__PURE__ */ c(_, { children: w && /* @__PURE__ */ c("div", {
+			ref: T.setFloating,
+			style: E,
+			...M(),
+			className: A["bsy-color-picker__floating"],
+			children: /* @__PURE__ */ c(v.div, {
+				...o,
+				children: /* @__PURE__ */ c("div", {
+					className: A["bsy-color-picker__content"],
+					children: /* @__PURE__ */ l("div", {
+						className: A["bsy-color-picker__grid"],
+						children: [/* @__PURE__ */ l("div", {
+							className: A["bsy-color-picker__preset-colors"],
+							children: [/* @__PURE__ */ c("div", {
+								className: A["bsy-color-picker__preset-colors-title"],
+								children: x("presetColors")
+							}), /* @__PURE__ */ c(j, {
+								currentColor: S,
+								onColorSelect: C,
+								options: F
+							})]
+						}), /* @__PURE__ */ c(N, {
+							value: S,
+							onChange: C,
+							onColorInput: t.onColorInput,
+							options: F,
+							list: I.current
+						})]
+					})
+				})
+			})
+		}) })
+	})] });
+}, N = (e) => {
+	let { list: i } = e, [a, o] = m(), [s, u] = m(!1), { t: d } = n();
+	return /* @__PURE__ */ l("div", {
+		className: A["bsy-color-picker__custom-color"],
+		children: [/* @__PURE__ */ c("div", {
+			className: A["bsy-color-picker__custom-color-title"],
+			children: d("customColor")
+		}), /* @__PURE__ */ l("div", {
+			className: A["bsy-color-picker__custom-color-content"],
+			children: [/* @__PURE__ */ c(g, {
+				value: a,
+				onChange: (t) => {
+					let n = t.toRgbString();
+					o(n), e.onColorInput?.(n);
+				},
+				open: s,
+				onOpenChange: (t) => {
+					u(t), !t && a && (i.includes(a) || i.unshift(a), e.onChange(a), o(void 0));
+				},
+				children: /* @__PURE__ */ c("div", {
+					className: r(A["bsy-color-picker__custom-color-btn"], {
+						[A["bsy-color-picker__custom-color-btn--active"]]: s && !a,
+						[A["bsy-color-picker__custom-color-btn--preview"]]: !!a
+					}),
+					role: "button",
+					style: { backgroundColor: a || void 0 },
+					onClick: () => {
+						u(!0);
+					},
+					children: /* @__PURE__ */ c(t, {
+						name: "add",
+						style: { visibility: a ? "hidden" : "visible" }
+					})
+				})
+			}), /* @__PURE__ */ c(j, {
+				currentColor: e.value,
+				onColorSelect: e.onChange,
+				options: i.slice(0, 5),
+				style: { gridTemplateColumns: "repeat(5, 1fr)" }
+			})]
+		})]
+	});
+};
+M.displayName = "BsyColorPicker";
+//#endregion
+export { D as n, M as t };

package/dist/ColorPicker/index.js

@@ -1,5 +1,6 @@
-import { a as e, C as f } from "./ColorPicker-uPJOs52x.js";
-export {
-  e as COLOR_OPTIONS_RGBA,
-  f as default
-};
+import "../Icon/Icon-DppVOyPK.js";
+import "../vendors/useLocale-BfT0V1j4.js";
+import { n as e, t } from "./ColorPicker-BBP-4-so.js";
+import "../vendors/tinycolor2-DToeAEPD.js";
+import "../vendors/color-BPWy9DvT.js";
+export { e as COLOR_OPTIONS_RGBA, t as default };

package/dist/DropDown/DropDown-CKXi9mXN.js

@@ -0,0 +1,162 @@
+import { a as e, i as t } from "../vendors/lodash-es-Bu9xU1fK.js";
+import { t as n } from "../vendors/useLocale-BfT0V1j4.js";
+import { t as r } from "../vendors/clsx-DNOE4Gl8.js";
+import { n as i } from "../vendors/animations-C5JKFkz4.js";
+import { t as a } from "../Select/SelectInputSearch-CIXBNLFi.js";
+import { t as o } from "../NotFoundContent/NotFoundContent-CTPpcZOt.js";
+import { t as s } from "../vendors/fuse.js-BKtvbTjL.js";
+import { t as c } from "../vendors/simplebar-react-CFlS-Nm9.js";
+import { t as l } from "../vendors/useFloatingPortal-BA6P5GxV.js";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { cloneElement as p, isValidElement as m, memo as h, useMemo as g, useState as _ } from "react";
+import { useControllableValue as v } from "ahooks";
+import { AnimatePresence as y, motion as b } from "motion/react";
+import { FloatingPortal as x } from "@floating-ui/react";
+//#region src/hooks/useDropdownSearch.ts
+var S = ({ menus: t, searchValue: n, enableInternalFilter: r, searchKey: i }) => {
+	let a = g(() => new s(t, {
+		keys: [i],
+		ignoreLocation: !0,
+		threshold: .3,
+		getFn: (e, t) => {
+			let n = e[t];
+			return t === "label" && typeof n != "string" ? "" : String(n || "");
+		}
+	}), [t, i]), o = g(() => !r || e(n) ? t : a.search(n).map((e) => e.item), [
+		t,
+		n,
+		r,
+		a
+	]);
+	return {
+		filteredMenus: o,
+		hasNoResults: g(() => r && !e(n) && o.length === 0, [
+			r,
+			n,
+			o.length
+		])
+	};
+}, C = "_dropdown__trigger_11n5z_1", w = "_dropdown__panel_11n5z_7", T = "_dropdown__search_11n5z_15", E = "_dropdown__menu_11n5z_19", D = {
+	dropdown__trigger: C,
+	"dropdown__trigger--disabled": "_dropdown__trigger--disabled_11n5z_4",
+	dropdown__panel: w,
+	dropdown__search: T,
+	dropdown__menu: E,
+	"dropdown__menu-item": "_dropdown__menu-item_11n5z_22",
+	"dropdown__menu-item--disabled": "_dropdown__menu-item--disabled_11n5z_34",
+	"dropdown__menu-item--active": "_dropdown__menu-item--active_11n5z_34",
+	"dropdown__menu-item-icon": "_dropdown__menu-item-icon_11n5z_41",
+	"system-field": "_system-field_11n5z_52",
+	"dropdown__menu-item-label": "_dropdown__menu-item-label_11n5z_63"
+}, O = h(({ item: e, onClick: t, isActive: n = !1 }) => {
+	let i = () => {
+		e.disabled || t(e);
+	}, a = e.systemField || !1;
+	return /* @__PURE__ */ f("div", {
+		className: r(D["dropdown__menu-item"], {
+			[D["dropdown__menu-item--disabled"]]: e.disabled,
+			[D["dropdown__menu-item--active"]]: n && !e.disabled,
+			"text-[#4d609f]": a && !e.disabled && !n
+		}),
+		onClick: i,
+		children: [e.icon && /* @__PURE__ */ d("div", {
+			className: r(D["dropdown__menu-item-icon"], { [D["system-field"]]: a }),
+			children: e.icon
+		}), /* @__PURE__ */ d("div", {
+			className: r(D["dropdown__menu-item-label"], "truncate"),
+			children: e.label
+		})]
+	});
+});
+O.displayName = "BsyDropDownMenuItem";
+//#endregion
+//#region src/components/DropDown/MenuList/MenuList.tsx
+var k = ({ menus: e, onClick: t, hasNoResults: r, activeKey: i = [] }) => {
+	let { t: a } = n();
+	return e.length === 0 ? /* @__PURE__ */ d(o, {
+		text: a("noData"),
+		className: "px-3 py-6"
+	}) : r ? /* @__PURE__ */ d(o, {
+		text: a("noDataFound"),
+		className: "px-3 py-6"
+	}) : /* @__PURE__ */ d("div", {
+		className: D.dropdown__menu,
+		children: e.map((e) => /* @__PURE__ */ d(O, {
+			item: e,
+			onClick: t,
+			isActive: i.includes(e.key)
+		}, e.key))
+	});
+};
+k.displayName = "BsyDropDownMenuList";
+//#endregion
+//#region src/components/DropDown/DropDown.tsx
+var A = (e) => {
+	let { t: r } = n(), { children: o, menus: s, onClick: h, onSearch: g, searchKey: C = "label", showSearch: w = !0, closeOnSelect: T = !0, searchPlaceholder: E = r("search"), offset: O = {
+		x: 0,
+		y: 0
+	}, zIndex: A = 1101, style: j, activeKey: M = [] } = e, [N, P] = v(e, {
+		valuePropName: "visible",
+		defaultValue: !1,
+		trigger: "onOpenChange"
+	}), [F, I] = _(""), L = () => {
+		P(!N);
+	}, R = () => {
+		P(!1);
+	}, z = (e) => {
+		e.disabled || (h?.(e), T && R());
+	}, B = (e) => {
+		I(e), g?.(e);
+	}, { filteredMenus: V, hasNoResults: H } = S({
+		menus: s,
+		searchValue: F,
+		enableInternalFilter: !g,
+		searchKey: C
+	}), { refs: U, floatingStyles: W, getReferenceProps: G, getFloatingProps: K } = l({
+		isOpen: N,
+		close: R,
+		showMask: !1,
+		zIndex: A,
+		offset: {
+			x: t(O.x) ? O.x : 0,
+			y: t(O.y) ? O.y : 0
+		}
+	});
+	return /* @__PURE__ */ f(u, { children: [m(o) ? p(o, {
+		...G(),
+		ref: U.setReference,
+		onClick: (e) => {
+			L(), o.props.onClick?.(e);
+		}
+	}) : o, /* @__PURE__ */ d(x, { children: /* @__PURE__ */ d(y, { children: N && /* @__PURE__ */ d("div", {
+		ref: U.setFloating,
+		...K(),
+		style: W,
+		children: /* @__PURE__ */ d(b.div, {
+			...i,
+			children: /* @__PURE__ */ f("div", {
+				className: D.dropdown__panel,
+				style: j,
+				children: [w && /* @__PURE__ */ d("div", {
+					className: D.dropdown__search,
+					children: /* @__PURE__ */ d(a, {
+						value: F,
+						onChange: B,
+						searchPlaceholder: E
+					})
+				}), /* @__PURE__ */ d(c, {
+					style: { maxHeight: 300 },
+					children: /* @__PURE__ */ d(k, {
+						menus: V,
+						onClick: z,
+						hasNoResults: H,
+						activeKey: M
+					})
+				})]
+			})
+		})
+	}) }) })] });
+};
+A.displayName = "BsyDropDown";
+//#endregion
+export { A as t };

package/dist/DropDown/index.js

@@ -1,4 +1,7 @@
-import { D as f } from "./DropDown-DGkSeXQT.js";
-export {
-  f as default
-};
+import "../Icon/Icon-DppVOyPK.js";
+import "../vendors/useLocale-BfT0V1j4.js";
+import "../Select/SelectInputSearch-CIXBNLFi.js";
+import "../NotFoundContent/NotFoundContent-CTPpcZOt.js";
+import "../vendors/useFloatingPortal-BA6P5GxV.js";
+import { t as e } from "./DropDown-CKXi9mXN.js";
+export { e as default };