@jfrader/ui 0.5.0 → 0.6.0

package/dist/{resizable-panels-BhjUVXZZ.js → resizable-panels-61h9hA3B.js}

@@ -1,7 +1,8 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { t as n } from "./focus-ring-BK5W5_NY.js";
-import { n as r, r as i } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./focus-ring-BK5W5_NY.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./sx-BJXJ2xJK.js";
 import { t as a } from "./use-controlled-state-DpeVQZNR.js";
 import { t as o } from "./part-id-D0zksy32.js";
 import { Children as s, Fragment as c, createContext as l, isValidElement as u, useCallback as d, useContext as f, useEffect as p, useId as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
@@ -73,7 +74,7 @@ var re = 80, ie = 16, ae = 64, oe = 44, se = 90, x = .5, ce = .5, le = 160, ue =
 		inlineSize: "1px",
 		backgroundColor: y.color.borderControl
 	},
-	"&:focus-visible": n,
+	"&:focus-visible": t,
 	"&[aria-disabled=\"true\"]": { cursor: "default" },
 	[E]: {
 		position: "relative",
@@ -87,11 +88,11 @@ var re = 80, ie = 16, ae = 64, oe = 44, se = 90, x = .5, ce = .5, le = 160, ue =
 		backgroundColor: y.color.textMuted,
 		transform: "scaleY(1.25)"
 	},
-	[i]: {
+	[r]: {
 		[E]: { transition: "none" },
 		[D]: { transform: "none" }
 	},
-	[r]: {
+	[n]: {
 		"&::before": {
 			forcedColorAdjust: "none",
 			backgroundColor: "CanvasText"
@@ -116,11 +117,12 @@ var re = 80, ie = 16, ae = 64, oe = 44, se = 90, x = .5, ce = .5, le = 160, ue =
 	color: y.color.text,
 	"&::before": {
 		content: "\"\"",
-		borderBlock: `${y.space[1]} solid transparent`
+		borderBlock: `${y.space[1]} solid transparent`,
+		forcedColorAdjust: "none"
 	},
 	"&[data-side=\"start\"]::before": { borderInlineStart: `${y.space[1]} solid currentColor` },
 	"&[data-side=\"end\"]::before": { borderInlineEnd: `${y.space[1]} solid currentColor` },
-	[r]: {
+	[n]: {
 		borderColor: "CanvasText",
 		boxShadow: "none",
 		color: "CanvasText"
@@ -223,8 +225,8 @@ var De = {
 	End: (e) => e.feasible ? e.upper : e.size,
 	Enter: z
 };
-function B({ ref: e, children: n, value: r, defaultValue: i, onValueChange: s, onValueCommit: l, disabled: u = !1, locale: f, getValueText: y, slotProps: re, className: oe, sx: x, ...S }) {
-	let T = m(), { elements: he, configs: E } = Ce(n, T), D = E.length, [A] = v(() => xe(i ?? r ?? E.map(() => 1), D)), [N, R] = a(r, A, (e) => s?.([...e])), z = xe(N ?? A, D), B = r !== void 0, V = ne() ?? !1, [H, Oe] = v(0), [ke, Ae] = v(null), U = _(null), W = _(null), G = _(null), K = _(null), je = _(/* @__PURE__ */ new Map()), Me = g(() => new Intl.NumberFormat(f, {
+function B({ ref: e, children: t, value: n, defaultValue: r, onValueChange: s, onValueCommit: l, disabled: u = !1, locale: f, getValueText: y, slotProps: re, className: oe, sx: x, ...S }) {
+	let T = m(), { elements: he, configs: E } = Ce(t, T), D = E.length, [A] = v(() => xe(r ?? n ?? E.map(() => 1), D)), [N, R] = a(n, A, (e) => s?.([...e])), z = xe(N ?? A, D), B = n !== void 0, V = ne() ?? !1, [H, Oe] = v(0), [ke, Ae] = v(null), U = _(null), W = _(null), G = _(null), K = _(null), je = _(/* @__PURE__ */ new Map()), Me = g(() => new Intl.NumberFormat(f, {
 		style: "percent",
 		maximumFractionDigits: 0
 	}), [f]), q = H > 0 ? P(z, E, H) : null, J = q ? q.map((e) => e / H) : z.map((e) => e / 100), Ne = J.map((e) => e.toFixed(5)).join(" "), Pe = (e) => o(T, "separator", E[e].value), Fe = d((t) => {
@@ -408,7 +410,7 @@ function B({ ref: e, children: n, value: r, defaultValue: i, onValueChange: s, o
 			role: "separator",
 			tabIndex: u ? -1 : 0,
 			"aria-orientation": "vertical",
-			"aria-controls": n.id,
+			"aria-controls": [t?.["aria-controls"], n.id].filter(Boolean).join(" "),
 			"aria-valuenow": a,
 			"aria-valuemin": o,
 			"aria-valuemax": s,
@@ -452,7 +454,7 @@ function B({ ref: e, children: n, value: r, defaultValue: i, onValueChange: s, o
 			})
 		});
 	};
-	return /* @__PURE__ */ b(t, {
+	return /* @__PURE__ */ b(i, {
 		className: oe,
 		styles: me,
 		sx: x,
@@ -477,7 +479,7 @@ function B({ ref: e, children: n, value: r, defaultValue: i, onValueChange: s, o
 	});
 }
 B.displayName = "ResizablePanels";
-function V({ ref: e, value: n, minSize: r, maxSize: i, collapsible: a, className: o, sx: s, style: c, children: l, ...u }) {
+function V({ ref: e, value: t, minSize: n, maxSize: r, collapsible: a, className: o, sx: s, style: c, children: l, ...u }) {
 	let d = f(ve);
 	if (!d) throw Error("ResizablePanels.Panel must be rendered inside ResizablePanels.");
 	let p = _(null), { collapsed: m, repairId: g } = d;
@@ -486,7 +488,7 @@ function V({ ref: e, value: n, minSize: r, maxSize: i, collapsible: a, className
 		if (!m || !e || !g) return;
 		let t = e.getRootNode();
 		e.contains(t.activeElement) && t.getElementById(g)?.focus();
-	}, [m, g]), /* @__PURE__ */ b(t, {
+	}, [m, g]), /* @__PURE__ */ b(i, {
 		className: o,
 		styles: T,
 		sx: s,

package/dist/resizable-panels.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as ResizablePanels } from "./resizable-panels-BhjUVXZZ.js";
+export { t as ResizablePanels } from "./resizable-panels-61h9hA3B.js";

package/dist/{scroll-area-CcZyiSOQ.js → scroll-area-B8KkCPOM.js}

@@ -1,7 +1,8 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { t as n } from "./focus-ring-BK5W5_NY.js";
-import { n as r, r as i } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./focus-ring-BK5W5_NY.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./sx-BJXJ2xJK.js";
 import { t as a } from "./use-latest-callback-cj1OOQL6.js";
 import { useCallback as o, useEffect as s, useRef as c } from "react";
 import { vars as l } from "@jfrader/tokens/vars";
@@ -19,7 +20,7 @@ var p = 900, m = .9, h = 1, g = e({
 	"--scroll-area-fade": l.space[6],
 	"&:hover > [data-ui=\"scroll-area-track\"], &:focus-within > [data-ui=\"scroll-area-track\"], &[data-scrolling] > [data-ui=\"scroll-area-track\"], &[data-dragging] > [data-ui=\"scroll-area-track\"], &[data-scrollbars=\"always\"] > [data-ui=\"scroll-area-track\"]": { opacity: 1 },
 	"&:focus-within > [data-ui=\"scroll-area-viewport\"]": { maskImage: "none" },
-	[r]: { "& > [data-ui=\"scroll-area-track\"]": { display: "none" } }
+	[n]: { "& > [data-ui=\"scroll-area-track\"]": { display: "none" } }
 }), _ = e({
 	label: "scroll-area-viewport",
 	minInlineSize: 0,
@@ -27,7 +28,7 @@ var p = 900, m = .9, h = 1, g = e({
 	maxBlockSize: "100%",
 	overflowX: "hidden",
 	overflowY: "auto",
-	"&:focus-visible": n,
+	"&:focus-visible": t,
 	maskImage: "linear-gradient(to bottom, transparent, black var(--fade-top), black calc(100% - var(--fade-bottom)), transparent), linear-gradient(to right, transparent, black var(--fade-left), black calc(100% - var(--fade-right)), transparent)",
 	maskComposite: "intersect",
 	"&[data-orientation=\"horizontal\"]": {
@@ -43,7 +44,7 @@ var p = 900, m = .9, h = 1, g = e({
 		scrollbarWidth: "none",
 		"&::-webkit-scrollbar": { display: "none" }
 	},
-	[r]: {
+	[n]: {
 		maskImage: "none",
 		"&:not([data-scrollbars=\"native\"])": {
 			scrollbarWidth: "auto",
@@ -61,7 +62,7 @@ var p = 900, m = .9, h = 1, g = e({
 	userSelect: "none",
 	transition: `opacity ${l.motion.duration.base} ${l.motion.easeStandard}`,
 	"&[hidden]": { display: "none" },
-	[i]: { transition: "none" }
+	[r]: { transition: "none" }
 }), b = e({
 	label: "scroll-area-thumb",
 	"&::after": {
@@ -82,7 +83,7 @@ var p = 900, m = .9, h = 1, g = e({
 		insetBlockStart: `calc(50% - ${l.space[2]} / 2)`
 	},
 	"&:hover::after": { backgroundColor: l.color.text },
-	[i]: { "&::after": { transition: "none" } }
+	[r]: { "&::after": { transition: "none" } }
 }), x = {
 	block: {
 		position: "absolute",
@@ -132,7 +133,7 @@ function C(e, t) {
 		typeof n == "function" ? n() : typeof e == "function" ? e(null) : e && (e.current = null);
 	};
 }
-function w({ ref: e, children: n, className: r, sx: i, orientation: l = "vertical", fade: w, scrollbars: T = "auto", hideDelay: E = p, maxBlockSize: D, snap: O, wheelToHorizontal: k = !1, onScroll: A, onEdgeChange: j, slotProps: M, ...N }) {
+function w({ ref: e, children: t, className: n, sx: r, orientation: l = "vertical", fade: w, scrollbars: T = "auto", hideDelay: E = p, maxBlockSize: D, snap: O, wheelToHorizontal: k = !1, onScroll: A, onEdgeChange: j, slotProps: M, ...N }) {
 	let P = c(null), F = c(null), I = c(/* @__PURE__ */ new WeakSet()), L = c({}), R = c({}), z = c(null), B = a(j), V = M?.viewport?.ref, H = o((e) => {
 		P.current = e;
 		let t = C(V, e);
@@ -258,16 +259,16 @@ function w({ ref: e, children: n, className: r, sx: i, orientation: l = "vertica
 		B
 	]);
 	let { ref: U, css: W, className: G, style: K, onScroll: q, onWheel: J, onWheelCapture: Y, ...X } = M?.viewport ?? {}, Z = M?.track, Q = M?.thumb, $ = w !== void 0 && Number.isFinite(w) ? { "--scroll-area-fade": `${Math.max(0, w)}px` } : void 0;
-	return /* @__PURE__ */ d(t, {
-		className: r,
+	return /* @__PURE__ */ d(i, {
+		className: n,
 		styles: g,
-		sx: i,
-		children: (t) => /* @__PURE__ */ f("div", {
+		sx: r,
+		children: (n) => /* @__PURE__ */ f("div", {
 			...N,
 			ref: e,
 			"data-ui": "scroll-area",
 			"data-scrollbars": T,
-			className: t,
+			className: n,
 			style: {
 				...$,
 				...N.style
@@ -307,7 +308,7 @@ function w({ ref: e, children: n, className: r, sx: i, orientation: l = "vertica
 					css: v,
 					"data-orientation": l,
 					"data-ui": "scroll-area-content",
-					children: n
+					children: t
 				})
 			}), ["block", "inline"].map((e) => /* @__PURE__ */ u("div", {
 				...Z,

package/dist/scroll-area.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as ScrollArea } from "./scroll-area-CcZyiSOQ.js";
+export { t as ScrollArea } from "./scroll-area-B8KkCPOM.js";

package/dist/{search-field-IxF0IJXm.js → search-field-CbsajaZb.js}

@@ -1,89 +1,90 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { t as n } from "./focus-ring-BK5W5_NY.js";
-import { n as r, r as i } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./focus-ring-BK5W5_NY.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./sx-BJXJ2xJK.js";
 import { t as a } from "./use-controlled-state-DpeVQZNR.js";
-import { t as o } from "./input-control-DmMuAuPS.js";
-import { a as s, n as c, r as ee, t as l } from "./field-anatomy-COVdNpf5.js";
-import { useEffect as u, useRef as d } from "react";
-import { vars as f } from "@jfrader/tokens/vars";
-import { jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
-import { useMergeRefs as h } from "@floating-ui/react";
+import { t as o } from "./input-control-B6HVBgwl.js";
+import { a as s, n as ee, r as te, t as c } from "./field-anatomy-BDIP42MI.js";
+import { useEffect as l, useRef as u } from "react";
+import { vars as d } from "@jfrader/tokens/vars";
+import { jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
+import { useMergeRefs as m } from "@floating-ui/react";
 //#region src/components/search-field/search-field.tsx
-var g = e({
+var h = e({
 	display: "grid",
-	gap: f.space[1],
+	gap: d.space[1],
 	inlineSize: "100%",
 	minInlineSize: 0
-}), te = e({
+}), ne = e({
 	display: "flex",
 	alignItems: "center",
 	minInlineSize: 0,
-	paddingInline: f.space[2],
-	borderRadius: f.radius.sm,
+	paddingInline: d.space[2],
+	borderRadius: d.radius.sm,
 	"&[data-disabled]": {
 		opacity: .55,
 		cursor: "not-allowed"
 	},
-	"&[aria-invalid=\"true\"]:not(:focus-within)": { borderColor: f.color.dangerText },
-	[r]: { borderColor: "CanvasText" }
-}), _ = {
+	"&[aria-invalid=\"true\"]:not(:focus-within)": { borderColor: d.color.dangerText },
+	[n]: { borderColor: "CanvasText" }
+}), g = {
 	sm: e({
-		blockSize: f.space[8],
-		fontSize: f.textSize.sm,
-		"--search-action-size": f.space[6],
-		"--search-control-size": f.space[8]
+		blockSize: d.space[8],
+		fontSize: d.textSize.sm,
+		"--search-action-size": d.space[6],
+		"--search-control-size": d.space[8]
 	}),
 	md: e({
-		blockSize: f.space[10],
-		fontSize: f.textSize.sm,
-		"--search-action-size": f.space[8],
-		"--search-control-size": f.space[10]
+		blockSize: d.space[10],
+		fontSize: d.textSize.sm,
+		"--search-action-size": d.space[8],
+		"--search-control-size": d.space[10]
 	}),
 	lg: e({
-		blockSize: f.space[12],
-		fontSize: f.textSize.md,
-		"--search-action-size": f.space[8],
-		"--search-control-size": f.space[12]
+		blockSize: d.space[12],
+		fontSize: d.textSize.md,
+		"--search-action-size": d.space[8],
+		"--search-control-size": d.space[12]
 	})
-}, v = e({
+}, _ = e({
 	display: "inline-flex",
 	flexShrink: 0,
-	inlineSize: f.space[4],
-	blockSize: f.space[4],
-	color: f.color.textMuted,
+	inlineSize: d.space[4],
+	blockSize: d.space[4],
+	color: d.color.textMuted,
 	"& > svg": {
 		inlineSize: "100%",
 		blockSize: "100%"
 	}
-}), y = e({
+}), v = e({
 	flex: "1 1 0%",
 	minInlineSize: 0,
 	blockSize: "var(--search-control-size)",
 	margin: 0,
-	paddingInline: f.space[2],
+	paddingInline: d.space[2],
 	border: 0,
 	outline: "none",
 	backgroundColor: "transparent",
-	color: f.color.text,
-	fontFamily: f.font.sans,
+	color: d.color.text,
+	fontFamily: d.font.sans,
 	fontSize: "inherit",
-	lineHeight: f.lineHeight.base,
-	"&::placeholder": { color: f.color.textSubtle },
+	lineHeight: d.lineHeight.base,
+	"&::placeholder": { color: d.color.textSubtle },
 	"&:disabled": { cursor: "not-allowed" },
 	"&::-webkit-search-cancel-button, &::-webkit-search-decoration": {
 		appearance: "none",
 		display: "none"
 	},
-	"@media (pointer: coarse)": { fontSize: f.textSize.md }
-}), b = e({
+	"@media (pointer: coarse)": { fontSize: d.textSize.md }
+}), y = e({
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "center",
 	flexShrink: 0,
 	inlineSize: "var(--search-action-size)",
 	blockSize: "var(--search-action-size)"
-}), x = e({
+}), b = e({
 	display: "inline-flex",
 	alignItems: "center",
 	justifyContent: "center",
@@ -91,24 +92,24 @@ var g = e({
 	blockSize: "100%",
 	padding: 0,
 	border: "1px solid transparent",
-	borderRadius: f.radius.sm,
-	color: f.color.textMuted,
+	borderRadius: d.radius.sm,
+	color: d.color.textMuted,
 	backgroundColor: "transparent",
 	cursor: "pointer",
 	transitionProperty: "background-color, color, opacity, transform",
-	transitionDuration: f.motion.duration.fast,
-	transitionTimingFunction: f.motion.easeStandard,
+	transitionDuration: d.motion.duration.fast,
+	transitionTimingFunction: d.motion.easeStandard,
 	"&:hover:not(:disabled)": {
-		backgroundColor: f.color.surfaceHover,
-		color: f.color.text
+		backgroundColor: d.color.surfaceHover,
+		color: d.color.text
 	},
-	"&:focus-visible": n,
+	"&:focus-visible": t,
 	"&:disabled": { cursor: "not-allowed" },
 	"&[data-enter]": { "@starting-style": {
 		opacity: 0,
 		transform: "scale(0.9)"
 	} },
-	[i]: {
+	[r]: {
 		transitionDuration: "0s",
 		transform: "none",
 		"&[data-enter]": { "@starting-style": {
@@ -116,50 +117,50 @@ var g = e({
 			transform: "none"
 		} }
 	},
-	[r]: {
+	[n]: {
 		borderColor: "ButtonText",
 		color: "ButtonText"
 	}
-}), S = { clear: "Clear search" }, C = /* @__PURE__ */ m("svg", {
+}), x = { clear: "Clear search" }, S = /* @__PURE__ */ p("svg", {
 	"aria-hidden": !0,
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
 	strokeWidth: "2",
-	children: [/* @__PURE__ */ p("circle", {
+	children: [/* @__PURE__ */ f("circle", {
 		cx: "10.5",
 		cy: "10.5",
 		r: "6.5"
-	}), /* @__PURE__ */ p("path", { d: "m16 16 5 5" })]
-}), w = /* @__PURE__ */ p("svg", {
+	}), /* @__PURE__ */ f("path", { d: "m16 16 5 5" })]
+}), C = /* @__PURE__ */ f("svg", {
 	"aria-hidden": !0,
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
 	strokeWidth: "2",
-	children: /* @__PURE__ */ p("path", { d: "m6 6 12 12M18 6 6 18" })
+	children: /* @__PURE__ */ f("path", { d: "m6 6 12 12M18 6 6 18" })
 });
-function T({ ref: e, value: n, defaultValue: r = "", onValueChange: i, label: f, description: T, error: E, size: ne = "md", clearable: D = !0, messages: O, searchIcon: k = C, clearIcon: A = w, slotProps: j, className: M, sx: N, dir: P, required: F, disabled: I, readOnly: L, onChange: R, onKeyDown: z, id: B, "aria-describedby": V, "aria-invalid": H, ...U }) {
+function w({ ref: e, value: t, defaultValue: n = "", onValueChange: r, label: d, description: w, error: T, size: E = "md", clearable: D = !0, messages: O, searchIcon: k = S, clearIcon: A = C, slotProps: j, className: M, sx: N, dir: P, required: F, disabled: I, readOnly: L, onChange: R, onKeyDown: z, id: B, "aria-describedby": V, "aria-invalid": H, ...U }) {
 	let W = s({
 		id: B,
-		description: T,
-		error: E,
+		description: w,
+		error: T,
 		"aria-describedby": V,
 		"aria-invalid": H
-	}), G = d(null), K = h([G, e]), q = d(r), J = d(!1), [Y = "", X] = a(n, q.current, (e) => {
-		J.current || i?.(e);
-	}), Z = d({
-		value: n,
+	}), G = u(null), K = m([G, e]), q = u(n), J = u(!1), [Y = "", X] = a(t, q.current, (e) => {
+		J.current || r?.(e);
+	}), Z = u({
+		value: t,
 		query: Y
 	});
 	Z.current = {
-		value: n,
+		value: t,
 		query: Y
 	};
-	let Q = d(!1);
-	u(() => {
+	let Q = u(!1);
+	l(() => {
 		Q.current = !0;
-	}, []), u(() => {
+	}, []), l(() => {
 		let e = G.current, t = e?.form;
 		if (!t || !e) return;
 		let n = !0, r = (t) => {
@@ -181,39 +182,39 @@ function T({ ref: e, value: n, defaultValue: r = "", onValueChange: i, label: f,
 	let $ = () => {
 		X(""), G.current?.focus();
 	}, re = [M, j?.root?.className].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ p(t, {
+	return /* @__PURE__ */ f(i, {
 		className: re,
-		styles: [g, j?.root?.css],
+		styles: [h, j?.root?.css],
 		sx: N,
-		children: (e) => /* @__PURE__ */ m("div", {
+		children: (e) => /* @__PURE__ */ p("div", {
 			"data-ui": "search-field",
 			dir: P,
 			className: e,
 			children: [
-				/* @__PURE__ */ p(ee, {
+				/* @__PURE__ */ f(te, {
 					htmlFor: W.id,
 					required: F,
 					part: j?.label,
-					children: f
+					children: d
 				}),
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ p("div", {
 					"aria-invalid": W.ariaInvalid,
 					"data-disabled": I ? "" : void 0,
 					className: j?.shell?.className,
 					css: [
 						o,
-						te,
-						_[ne],
+						ne,
+						g[E],
 						j?.shell?.css
 					],
 					children: [
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ f("span", {
 							"aria-hidden": !0,
 							className: j?.icon?.className,
-							css: [v, j?.icon?.css],
+							css: [_, j?.icon?.css],
 							children: k
 						}),
-						/* @__PURE__ */ p("input", {
+						/* @__PURE__ */ f("input", {
 							...U,
 							ref: K,
 							type: "search",
@@ -226,49 +227,49 @@ function T({ ref: e, value: n, defaultValue: r = "", onValueChange: i, label: f,
 							"aria-describedby": W.describedBy,
 							"aria-invalid": W.ariaInvalid,
 							className: j?.control?.className,
-							css: [y, j?.control?.css],
+							css: [v, j?.control?.css],
 							onChange: (e) => {
 								R?.(e), !I && !L && X(e.currentTarget.value);
 							},
 							onKeyDown: (e) => {
-								z?.(e), !(e.defaultPrevented || e.key !== "Escape" || e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229 || Y === "") && (e.preventDefault(), D && !I && !L && $());
+								z?.(e), !(e.defaultPrevented || e.key !== "Escape" || e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229 || Y === "" || !D || I || L) && (e.preventDefault(), $());
 							}
 						}),
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ f("span", {
 							className: j?.clearSlot?.className,
-							css: [b, j?.clearSlot?.css],
-							children: D && !L && Y !== "" && /* @__PURE__ */ p("button", {
+							css: [y, j?.clearSlot?.css],
+							children: D && !L && Y !== "" && /* @__PURE__ */ f("button", {
 								type: "button",
 								disabled: I,
 								"data-enter": Q.current ? "" : void 0,
-								"aria-label": O?.clear ?? S.clear,
+								"aria-label": O?.clear || x.clear,
 								"aria-controls": W.id,
 								onClick: $,
 								className: j?.clear?.className,
-								css: [x, j?.clear?.css],
-								children: /* @__PURE__ */ p("span", {
+								css: [b, j?.clear?.css],
+								children: /* @__PURE__ */ f("span", {
 									"aria-hidden": !0,
-									css: v,
+									css: _,
 									children: A
 								})
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ p(l, {
+				/* @__PURE__ */ f(c, {
 					id: W.descriptionId,
 					part: j?.description,
-					children: T
+					children: w
 				}),
-				/* @__PURE__ */ p(c, {
+				/* @__PURE__ */ f(ee, {
 					id: W.errorId,
 					part: j?.error,
-					children: E
+					children: T
 				})
 			]
 		})
 	});
 }
-T.displayName = "SearchField";
+w.displayName = "SearchField";
 //#endregion
-export { T as t };
+export { w as t };

package/dist/search-field.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as SearchField } from "./search-field-IxF0IJXm.js";
+export { t as SearchField } from "./search-field-CbsajaZb.js";