haze-ui 1.31.0 → 1.32.0

package/dist/components/InlineCompletion/InlineCompletion.js

@@ -1,8 +1,8 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as n } from "../../utils/refs.js";
 /* empty css                           */
 import { useEffect as r, useId as i, useRef as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
@@ -10,12 +10,12 @@ import { useControl as l } from "react-use-control";
 //#region src/lib/components/InlineCompletion/InlineCompletion.tsx
 var u = "haze-InlineCompletion__wrapper", d = "haze-InlineCompletion__host", f = "haze-InlineCompletion__ghost", p = "haze-InlineCompletion__ghostMultiline", m = "haze-InlineCompletion__ghostTyped", h = "haze-InlineCompletion__srOnly";
 function g({ suggestion: g, value: _, onAccept: v, onDismiss: y, multiline: b = !1, placeholder: x, disabled: S, hint: C, rows: w, className: T, ref: E, onChange: D, onFocus: O, onBlur: k, onKeyDown: A, "aria-describedby": j, ...M }) {
-	let N = n("inlineCompletion"), P = C ?? N.hint, [F, I] = l(_, ""), [L, R] = o(!1), [z, B] = o(!1), V = a(null), H = a(null), U = i(), W = a(g);
+	let N = t("inlineCompletion"), P = C ?? N.hint, [F, I] = l(_, ""), [L, R] = o(!1), [z, B] = o(!1), V = a(null), H = a(null), U = i(), W = a(g);
 	r(() => {
 		W.current !== g && (W.current = g, B(!1));
 	}, [g]);
 	let G = g !== void 0 && g !== "" && !z && L, K = G ? [j, U].filter(Boolean).join(" ") : j, q = {
-		ref: t(H, E),
+		ref: n(H, E),
 		value: F,
 		onChange: (e) => {
 			I(e.target.value), D?.(e);

package/dist/components/Input/Input.js

@@ -3,16 +3,18 @@ import e from "./InputCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";
 //#region src/lib/components/Input/Input.tsx
-function r({ value: r, size: i, className: a, onChange: o, ref: s, ...c }) {
-	let [l, u] = n(r, "");
+function r({ value: r, size: i, className: a, leftSection: o, rightSection: s, onChange: c, ref: l, ...u }) {
+	let [d, f] = n(r, "");
 	return /* @__PURE__ */ t(e, {
-		ref: s,
-		value: l,
-		onChange: u,
-		onNativeChange: o,
+		ref: l,
+		value: d,
+		onChange: f,
+		onNativeChange: c,
 		size: i,
 		className: a,
-		...c
+		leftSection: o,
+		rightSection: s,
+		...u
 	});
 }
 //#endregion

package/dist/components/Input/InputCore.js

@@ -2,28 +2,47 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                    */
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/lib/components/Input/InputCore.tsx
-var n = "haze-InputCore__base", r = {
+var r = "haze-InputCore__base", i = {
 	sm: "haze-InputCore__sm",
 	md: "haze-InputCore__md",
 	lg: "haze-InputCore__lg"
-};
-function i({ value: i, onChange: a, onNativeChange: o, size: s = "md", className: c, ref: l, ...u }) {
-	return /* @__PURE__ */ t("input", {
-		ref: l,
+}, a = "haze-InputCore__wrapper", o = "haze-InputCore__section", s = "haze-InputCore__sectionStart", c = "haze-InputCore__sectionEnd", l = "haze-InputCore__padStart", u = "haze-InputCore__padEnd";
+function d({ value: d, onChange: f, onNativeChange: p, size: m = "md", className: h, leftSection: g, rightSection: _, ref: v, ...y }) {
+	let b = /* @__PURE__ */ t("input", {
+		ref: v,
 		"data-slot": "input",
-		value: i,
+		value: d,
 		onChange: (e) => {
-			a(e.target.value), o?.(e);
+			f(e.target.value), p?.(e);
 		},
-		...u,
+		...y,
 		className: e([
-			n,
-			r[s],
-			c
+			r,
+			i[m],
+			g !== void 0 && l,
+			_ !== void 0 && u,
+			h
 		])
 	});
+	return g === void 0 && _ === void 0 ? b : /* @__PURE__ */ n("span", {
+		"data-slot": "field",
+		className: e([a]),
+		children: [
+			g !== void 0 && /* @__PURE__ */ t("span", {
+				"data-slot": "left-section",
+				className: e([o, s]),
+				children: g
+			}),
+			b,
+			_ !== void 0 && /* @__PURE__ */ t("span", {
+				"data-slot": "right-section",
+				className: e([o, c]),
+				children: _
+			})
+		]
+	});
 }
 //#endregion
-export { i as default };
+export { d as default };

package/dist/components/LoadingOverlay/LoadingOverlay.js

@@ -0,0 +1,30 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import t from "../Spinner/Spinner.js";
+/* empty css                         */
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/lib/components/LoadingOverlay/LoadingOverlay.tsx
+var i = "haze-LoadingOverlay__wrapper", a = "haze-LoadingOverlay__veil", o = "haze-LoadingOverlay__veilLabel", s = "haze-LoadingOverlay__dimmed";
+function c({ visible: c = !1, label: l, loader: u, spinnerSize: d = "md", className: f, children: p, ...m }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "loading-overlay",
+		"aria-busy": c || void 0,
+		...m,
+		className: e([i, f]),
+		children: [/* @__PURE__ */ n("div", {
+			"data-slot": "content",
+			className: e([c && s]),
+			children: p
+		}), c && /* @__PURE__ */ r("div", {
+			"data-slot": "veil",
+			className: e([a]),
+			children: [u ?? /* @__PURE__ */ n(t, { size: d }), l != null && /* @__PURE__ */ n("span", {
+				className: e([o]),
+				children: l
+			})]
+		})]
+	});
+}
+//#endregion
+export { c as default };

package/dist/components/LoadingOverlay/index.js

@@ -0,0 +1,3 @@
+"use client";
+import e from "./LoadingOverlay.js";
+export { e as LoadingOverlay };

package/dist/components/LocaleProvider/ar-sa.js

@@ -31,6 +31,10 @@ var e = {
 		create: "إنشاء \"{query}\"",
 		noResults: "لا توجد نتائج"
 	},
+	spoiler: {
+		showMore: "عرض المزيد",
+		showLess: "عرض أقل"
+	},
 	command: { noResults: "لا توجد نتائج" },
 	sidebar: {
 		toggle: "تبديل الشريط الجانبي",

package/dist/components/LocaleProvider/de-de.js

@@ -31,6 +31,10 @@ var e = {
 		create: "„{query}“ erstellen",
 		noResults: "Keine Ergebnisse"
 	},
+	spoiler: {
+		showMore: "Mehr anzeigen",
+		showLess: "Weniger anzeigen"
+	},
 	command: { noResults: "Keine Ergebnisse" },
 	sidebar: {
 		toggle: "Seitenleiste ein-/ausblenden",

package/dist/components/LocaleProvider/es-es.js

@@ -31,6 +31,10 @@ var e = {
 		create: "Crear «{query}»",
 		noResults: "Sin resultados"
 	},
+	spoiler: {
+		showMore: "Mostrar más",
+		showLess: "Mostrar menos"
+	},
 	command: { noResults: "Sin resultados" },
 	sidebar: {
 		toggle: "Mostrar u ocultar la barra lateral",

package/dist/components/LocaleProvider/fr-fr.js

@@ -31,6 +31,10 @@ var e = {
 		create: "Créer « {query} »",
 		noResults: "Aucun résultat"
 	},
+	spoiler: {
+		showMore: "Afficher plus",
+		showLess: "Afficher moins"
+	},
 	command: { noResults: "Aucun résultat" },
 	sidebar: {
 		toggle: "Afficher/masquer la barre latérale",

package/dist/components/LocaleProvider/it-it.js

@@ -31,6 +31,10 @@ var e = {
 		create: "Crea \"{query}\"",
 		noResults: "Nessun risultato"
 	},
+	spoiler: {
+		showMore: "Mostra di più",
+		showLess: "Mostra meno"
+	},
 	command: { noResults: "Nessun risultato" },
 	sidebar: {
 		toggle: "Mostra/nascondi barra laterale",

package/dist/components/LocaleProvider/ja-jp.js

@@ -31,6 +31,10 @@ var e = {
 		create: "「{query}」を作成",
 		noResults: "結果なし"
 	},
+	spoiler: {
+		showMore: "もっと見る",
+		showLess: "閉じる"
+	},
 	command: { noResults: "結果なし" },
 	sidebar: {
 		toggle: "サイドバーを切り替える",

package/dist/components/LocaleProvider/ko-kr.js

@@ -31,6 +31,10 @@ var e = {
 		create: "\"{query}\" 만들기",
 		noResults: "결과 없음"
 	},
+	spoiler: {
+		showMore: "더 보기",
+		showLess: "접기"
+	},
 	command: { noResults: "결과 없음" },
 	sidebar: {
 		toggle: "사이드바 전환",

package/dist/components/LocaleProvider/locale.js

@@ -31,6 +31,10 @@ var e = {
 		create: "Create \"{query}\"",
 		noResults: "No results"
 	},
+	spoiler: {
+		showMore: "Show more",
+		showLess: "Show less"
+	},
 	command: { noResults: "No results" },
 	sidebar: {
 		toggle: "Toggle sidebar",

package/dist/components/LocaleProvider/pt-br.js

@@ -31,6 +31,10 @@ var e = {
 		create: "Criar \"{query}\"",
 		noResults: "Nenhum resultado"
 	},
+	spoiler: {
+		showMore: "Mostrar mais",
+		showLess: "Mostrar menos"
+	},
 	command: { noResults: "Nenhum resultado" },
 	sidebar: {
 		toggle: "Mostrar/ocultar barra lateral",

package/dist/components/LocaleProvider/ru-ru.js

@@ -31,6 +31,10 @@ var e = {
 		create: "Создать «{query}»",
 		noResults: "Ничего не найдено"
 	},
+	spoiler: {
+		showMore: "Показать ещё",
+		showLess: "Скрыть"
+	},
 	command: { noResults: "Ничего не найдено" },
 	sidebar: {
 		toggle: "Показать или скрыть боковую панель",

package/dist/components/LocaleProvider/zh-cn.js

@@ -31,6 +31,10 @@ var e = {
 		create: "创建「{query}」",
 		noResults: "无结果"
 	},
+	spoiler: {
+		showMore: "显示更多",
+		showLess: "收起"
+	},
 	command: { noResults: "无结果" },
 	sidebar: {
 		toggle: "切换侧边栏",

package/dist/components/Mark/Mark.js

@@ -0,0 +1,20 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css               */
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/Mark/Mark.tsx
+var n = {
+	warning: "haze-Mark__base",
+	primary: "haze-Mark__primary",
+	success: "haze-Mark__success",
+	danger: "haze-Mark__danger"
+};
+function r({ color: r = "warning", className: i, ...a }) {
+	return /* @__PURE__ */ t("mark", {
+		"data-slot": "mark",
+		...a,
+		className: e([n[r], i])
+	});
+}
+//#endregion
+export { r as default };

package/dist/components/Mark/index.js

@@ -0,0 +1,2 @@
+import e from "./Mark.js";
+export { e as Mark };

package/dist/components/Mentions/MentionsCore.js

@@ -1,8 +1,8 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as n } from "../../utils/refs.js";
 import { FloatingPanel as r, useFloating as i } from "../../utils/floating.js";
 /* empty css                       */
 import { useCallback as a, useEffect as o, useId as s, useRef as c, useState as l } from "react";
@@ -24,7 +24,7 @@ function v(e, t, n) {
 	return null;
 }
 function y({ value: y, onChange: b, options: x, trigger: S = "@", placeholder: C, className: w, "aria-label": T, ref: E, ...D }) {
-	let O = n("mentions"), [k, A] = l(!1), [j, M] = l(null), [N, P] = l(-1), F = s(), I = c(null), L = a((e) => t(I, E)(e), [I, E]), R = c(null), z = i({
+	let O = t("mentions"), [k, A] = l(!1), [j, M] = l(null), [N, P] = l(-1), F = s(), I = c(null), L = a((e) => n(I, E)(e), [I, E]), R = c(null), z = i({
 		open: k,
 		setOpen: A,
 		triggerRef: I,

package/dist/components/Menu/MenuItem.js

@@ -6,14 +6,16 @@ import "./menu-item-styles.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/lib/components/Menu/MenuItem.tsx
 var r = "haze-MenuItem__item";
-function i({ onSelect: i, disabled: a = !1, danger: o = !1, icon: s, kbdLabel: c, className: l, children: u }) {
-	return /* @__PURE__ */ n("button", {
-		type: "button",
+function i({ onSelect: i, disabled: a = !1, danger: o = !1, icon: s, kbdLabel: c, className: l, children: u, as: d, ...f }) {
+	let p = d ?? "button", m = d === void 0 || d === "button";
+	return /* @__PURE__ */ n(p, {
+		...m ? { type: "button" } : {},
 		role: "menuitem",
 		"data-slot": "menu-item",
 		tabIndex: -1,
-		disabled: a,
+		...m ? { disabled: a } : { "aria-disabled": a || void 0 },
 		onClick: i,
+		...f,
 		className: e([
 			r,
 			o && "haze-menu-item-styles__menuItemDanger",

package/dist/components/NumberFormatter/NumberFormatter.js

@@ -0,0 +1,16 @@
+import { jsxs as e } from "react/jsx-runtime";
+//#region src/lib/components/NumberFormatter/NumberFormatter.tsx
+function t({ value: t, formatOptions: n, locale: r, prefix: i, suffix: a, ...o }) {
+	let s = new Intl.NumberFormat(r, n).format(t);
+	return /* @__PURE__ */ e("span", {
+		"data-slot": "number-formatter",
+		...o,
+		children: [
+			i,
+			s,
+			a
+		]
+	});
+}
+//#endregion
+export { t as default };

package/dist/components/NumberFormatter/index.js

@@ -0,0 +1,2 @@
+import e from "./NumberFormatter.js";
+export { e as NumberFormatter };

package/dist/components/OTPInput/OTPInputCore.js

@@ -1,16 +1,16 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { formatString as n } from "../LocaleProvider/locale.js";
-import { useStrings as r } from "../LocaleProvider/useStrings.js";
+import { formatString as t } from "../LocaleProvider/locale.js";
+import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as r } from "../../utils/refs.js";
 /* empty css                       */
 import { useCallback as i, useRef as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 //#region src/lib/components/OTPInput/OTPInputCore.tsx
 var s = "haze-OTPInputCore__container", c = "haze-OTPInputCore__cell";
 function l({ length: l = 6, value: u, onChange: d, className: f, ref: p }) {
-	let m = a([]), h = r("otpInput"), g = i((e) => t(p)(e), [p]), _ = i((e, t) => {
+	let m = a([]), h = n("otpInput"), g = i((e) => r(p)(e), [p]), _ = i((e, t) => {
 		let n = u.split("");
 		n[e] = t.slice(-1), d(n.join("").slice(0, l)), t && e < l - 1 && m.current[e + 1]?.focus();
 	}, [
@@ -29,7 +29,7 @@ function l({ length: l = 6, value: u, onChange: d, className: f, ref: p }) {
 	return /* @__PURE__ */ o("div", {
 		"data-slot": "otp-input",
 		className: e([s, f]),
-		children: Array.from({ length: l }, (t, r) => /* @__PURE__ */ o("input", {
+		children: Array.from({ length: l }, (n, r) => /* @__PURE__ */ o("input", {
 			"data-slot": "segment",
 			ref: (e) => {
 				m.current[r] = e, r === 0 && g(e);
@@ -38,7 +38,7 @@ function l({ length: l = 6, value: u, onChange: d, className: f, ref: p }) {
 			inputMode: "numeric",
 			autoComplete: "one-time-code",
 			maxLength: 1,
-			"aria-label": n(h.digitLabel, {
+			"aria-label": t(h.digitLabel, {
 				index: r + 1,
 				total: l
 			}),

package/dist/components/PasswordInput/PasswordInputCore.js

@@ -2,36 +2,37 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import n from "../Input/InputCore.js";
 /* empty css                            */
-import { useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/lib/components/PasswordInput/PasswordInputCore.tsx
-var a = "haze-PasswordInputCore__wrapper", o = "haze-PasswordInputCore__input", s = "haze-PasswordInputCore__toggle";
-function c({ value: c, onChange: l, placeholder: u, disabled: d, className: f, ref: p }) {
-	let [m, h] = n(!1), g = t("passwordInput");
+var a = "haze-PasswordInputCore__wrapper", o = "haze-PasswordInputCore__toggle";
+function s({ value: s, onChange: c, placeholder: l, disabled: u, className: d, ref: f }) {
+	let [p, m] = r(!1), h = t("passwordInput");
 	return /* @__PURE__ */ i("div", {
 		"data-slot": "password-input",
-		className: e([a, f]),
-		children: [/* @__PURE__ */ r("input", {
-			ref: p,
-			"data-slot": "input",
-			type: m ? "text" : "password",
-			"aria-label": g.label,
-			value: c,
-			onChange: (e) => l(e.target.value),
-			placeholder: u,
-			disabled: d,
-			className: e([o])
-		}), /* @__PURE__ */ r("button", {
-			"data-slot": "toggle-visibility",
-			type: "button",
-			onClick: () => h(!m),
-			tabIndex: -1,
-			"aria-label": m ? g.hide : g.show,
-			className: e([s]),
-			children: m ? "🙈" : "👁"
-		})]
+		className: e([a, d]),
+		children: i(n, {
+			ref: f,
+			value: s,
+			onChange: c,
+			type: p ? "text" : "password",
+			"aria-label": h.label,
+			placeholder: l,
+			disabled: u,
+			rightSection: /* @__PURE__ */ i("button", {
+				"data-slot": "toggle-visibility",
+				"data-section-pointer": "auto",
+				type: "button",
+				onClick: () => m(!p),
+				tabIndex: -1,
+				"aria-label": p ? h.hide : h.show,
+				className: e([o]),
+				children: p ? "🙈" : "👁"
+			})
+		})
 	});
 }
 //#endregion
-export { c as default };
+export { s as default };

package/dist/components/Rating/RatingCore.js

@@ -1,17 +1,17 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { getDirection as n } from "../../utils/direction.js";
-import { formatString as r } from "../LocaleProvider/locale.js";
-import { useStrings as i } from "../LocaleProvider/useStrings.js";
+import { getDirection as t } from "../../utils/direction.js";
+import { formatString as n } from "../LocaleProvider/locale.js";
+import { useStrings as r } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as i } from "../../utils/refs.js";
 /* empty css                     */
 import { useCallback as a, useRef as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/lib/components/Rating/RatingCore.tsx
 var u = "haze-RatingCore__container", d = "haze-RatingCore__star", f = "haze-RatingCore__starActive";
 function p({ value: p, onChange: m, count: h = 5, allowHalf: g = !1, className: _, ref: v }) {
-	let [y, b] = s(null), x = o(null), S = i("rating"), C = a((e) => t(v)(e), [v]), w = (e) => {
+	let [y, b] = s(null), x = o(null), S = r("rating"), C = a((e) => i(v)(e), [v]), w = (e) => {
 		m(e + 1);
 	}, T = y ?? p;
 	return /* @__PURE__ */ c("div", {
@@ -19,15 +19,15 @@ function p({ value: p, onChange: m, count: h = 5, allowHalf: g = !1, className:
 		"data-slot": "rating",
 		role: "radiogroup",
 		onKeyDown: (e) => {
-			let t = g ? .5 : 1, r = Array.from(x.current?.querySelectorAll("[role=\"radio\"]") ?? []);
+			let n = g ? .5 : 1, r = Array.from(x.current?.querySelectorAll("[role=\"radio\"]") ?? []);
 			if (r.length === 0) return;
 			let i = (t, n) => {
 				e.preventDefault(), m(t), r[n]?.focus();
-			}, a = n(x.current) === "rtl" ? "ArrowLeft" : "ArrowRight", o = a === "ArrowLeft" ? "ArrowRight" : "ArrowLeft", s = {
-				[a]: t,
-				[o]: -t,
-				ArrowUp: t,
-				ArrowDown: -t
+			}, a = t(x.current) === "rtl" ? "ArrowLeft" : "ArrowRight", o = a === "ArrowLeft" ? "ArrowRight" : "ArrowLeft", s = {
+				[a]: n,
+				[o]: -n,
+				ArrowUp: n,
+				ArrowDown: -n
 			};
 			if (e.key in s) {
 				let t = Math.min(Math.max(p + s[e.key], 0), h);
@@ -48,17 +48,17 @@ function p({ value: p, onChange: m, count: h = 5, allowHalf: g = !1, className:
 			}
 		},
 		className: e([u, _]),
-		children: Array.from({ length: h }, (t, n) => {
-			let i = T >= n + 1, a = g && T >= n + .5 && T < n + 1, o = p > 0 ? Math.ceil(p) - 1 === n : n === 0;
+		children: Array.from({ length: h }, (t, r) => {
+			let i = T >= r + 1, a = g && T >= r + .5 && T < r + 1, o = p > 0 ? Math.ceil(p) - 1 === r : r === 0;
 			return /* @__PURE__ */ c("span", {
 				ref: o ? C : void 0,
 				"data-slot": "item",
 				role: "radio",
-				"aria-checked": p >= n + 1 ? "true" : "false",
-				"aria-label": r(n > 0 ? S.stars : S.star, { count: n + 1 }),
+				"aria-checked": p >= r + 1 ? "true" : "false",
+				"aria-label": n(r > 0 ? S.stars : S.star, { count: r + 1 }),
 				tabIndex: o ? 0 : -1,
-				onClick: () => w(n),
-				onMouseEnter: () => b(n + 1),
+				onClick: () => w(r),
+				onMouseEnter: () => b(r + 1),
 				onMouseLeave: () => b(null),
 				className: e([d, (i || a) && f]),
 				children: /* @__PURE__ */ l("svg", {
@@ -80,7 +80,7 @@ function p({ value: p, onChange: m, count: h = 5, allowHalf: g = !1, className:
 						})]
 					}) }), /* @__PURE__ */ c("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })]
 				})
-			}, n);
+			}, r);
 		})
 	});
 }

package/dist/components/Select/Select.js

@@ -1,30 +1,35 @@
 "use client";
-import e from "./SelectCore.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useControl as n } from "react-use-control";
+import { useConfigDefaults as e } from "../ConfigProvider/useConfigDefaults.js";
+import t from "./SelectCore.js";
+import { jsx as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
 //#region src/lib/components/Select/Select.tsx
-function r({ value: r, multiple: i = !1, searchable: a = !1, clearable: o = !1, loading: s = !1, onSearch: c, maxTagCount: l, virtualized: u, size: d, className: f, children: p, onChange: m, onValuesChange: h, placeholder: g, ref: _, ...v }) {
-	let [y, b] = n(r, i ? [] : "");
-	return /* @__PURE__ */ t(e, {
-		ref: _,
-		value: y,
+function i({ value: i, multiple: a = !1, searchable: o = !1, clearable: s = !1, loading: c = !1, onSearch: l, maxTagCount: u, virtualized: d, size: f, className: p, classNames: m, children: h, onChange: g, onValuesChange: _, placeholder: v, ref: y, ...b }) {
+	let [x, S] = r(i, a ? [] : ""), C = e("Select"), w = C.classNames ? {
+		...C.classNames,
+		...m
+	} : m;
+	return /* @__PURE__ */ n(t, {
+		ref: y,
+		value: x,
 		onChange: (e) => {
-			b(e), h?.(e);
+			S(e), _?.(e);
 		},
-		onNativeChange: i || a ? void 0 : m,
-		multiple: i,
-		searchable: a,
-		clearable: o,
-		loading: s,
-		onSearch: c,
-		maxTagCount: l,
-		virtualized: u,
-		size: d,
-		className: f,
-		placeholder: g,
-		...v,
-		children: p
+		onNativeChange: a || o ? void 0 : g,
+		multiple: a,
+		searchable: o,
+		clearable: s,
+		loading: c,
+		onSearch: l,
+		maxTagCount: u,
+		virtualized: d,
+		size: f,
+		className: p,
+		classNames: w,
+		placeholder: v,
+		...b,
+		children: h
 	});
 }
 //#endregion
-export { r as default };
+export { i as default };