@questpie/admin 2.0.0 → 3.0.0

package/dist/client/components/layout/field-layout-renderer.mjs

@@ -0,0 +1,301 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { resolveIconElement } from "../component-renderer.mjs";
+import { getGridColumnsClass } from "../fields/field-utils.mjs";
+import { getFieldName, isFieldReference } from "../../builder/types/field-types.mjs";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../ui/accordion.mjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.mjs";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/layout/field-layout-renderer.tsx
+/**
+* Field Layout Renderer
+*
+* Shared layout rendering for form fields supporting sections, tabs, and grids.
+* Parameterized with a renderField callback so it can be used by:
+* - Block fields renderer (scoped names: content._values.{blockId}.{field})
+* - Object field component (scoped names: parent.field)
+* - Collection/global forms (via auto-form-fields.tsx)
+*/
+/**
+* Render an array of FieldLayoutItem using the provided context.
+* Handles field references, sections, and tabs recursively.
+*/
+function FieldLayoutRenderer(t0) {
+	const $ = c(7);
+	const { items, ctx } = t0;
+	if (!items?.length) return null;
+	let t1;
+	if ($[0] !== ctx || $[1] !== items) {
+		let t2$1;
+		if ($[3] !== ctx) {
+			t2$1 = (item, index) => {
+				if (isFieldReference(item)) {
+					const fieldName = getFieldName(item);
+					if (!fieldName) return null;
+					const className = typeof item === "object" && "className" in item ? item.className : void 0;
+					return /* @__PURE__ */ jsx(React.Fragment, { children: ctx.renderField(fieldName, { className }) }, fieldName);
+				}
+				if (typeof item === "object" && "type" in item) switch (item.type) {
+					case "section": return /* @__PURE__ */ jsx(SectionRenderer, {
+						section: item,
+						index,
+						ctx
+					}, `section-${index}`);
+					case "tabs": return /* @__PURE__ */ jsx(TabsRenderer, {
+						tabsLayout: item,
+						ctx
+					}, `tabs-${index}`);
+					default: return null;
+				}
+				return null;
+			};
+			$[3] = ctx;
+			$[4] = t2$1;
+		} else t2$1 = $[4];
+		t1 = items.map(t2$1).filter(Boolean);
+		$[0] = ctx;
+		$[1] = items;
+		$[2] = t1;
+	} else t1 = $[2];
+	const validItems = t1;
+	if (validItems.length === 0) return null;
+	let t2;
+	if ($[5] !== validItems) {
+		t2 = validItems.length === 1 ? validItems[0] : /* @__PURE__ */ jsx("div", {
+			className: "space-y-6",
+			children: validItems
+		});
+		$[5] = validItems;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
+}
+function SectionRenderer(t0) {
+	const $ = c(37);
+	const { section, index, ctx } = t0;
+	const wrapper = section.wrapper ?? "flat";
+	const layout = section.layout ?? "stack";
+	const columns = section.columns ?? 2;
+	let t1;
+	if ($[0] !== columns || $[1] !== ctx || $[2] !== layout || $[3] !== section.className || $[4] !== section.fields) {
+		const renderSectionContent = () => {
+			if (!section.fields?.length) return null;
+			if (layout === "grid") return /* @__PURE__ */ jsx("div", {
+				className: cn("grid gap-4", getGridColumnsClass(columns, true), section.className),
+				children: section.fields.map((fieldItem, idx) => {
+					if (!isFieldReference(fieldItem)) return /* @__PURE__ */ jsx(FieldLayoutRenderer, {
+						items: [fieldItem],
+						ctx
+					}, `nested-${idx}`);
+					const fieldName = getFieldName(fieldItem);
+					if (!fieldName) return null;
+					const className = typeof fieldItem === "object" && "className" in fieldItem ? fieldItem.className : void 0;
+					return /* @__PURE__ */ jsx(React.Fragment, { children: ctx.renderField(fieldName, { className }) }, fieldName);
+				})
+			});
+			if (layout === "inline") return /* @__PURE__ */ jsx("div", {
+				className: cn("flex flex-wrap gap-4", section.className),
+				children: section.fields.map((fieldItem_0) => {
+					if (!isFieldReference(fieldItem_0)) return null;
+					const fieldName_0 = getFieldName(fieldItem_0);
+					if (!fieldName_0) return null;
+					return /* @__PURE__ */ jsx(React.Fragment, { children: ctx.renderField(fieldName_0) }, fieldName_0);
+				})
+			});
+			return /* @__PURE__ */ jsx(FieldLayoutRenderer, {
+				items: section.fields,
+				ctx
+			});
+		};
+		t1 = renderSectionContent();
+		$[0] = columns;
+		$[1] = ctx;
+		$[2] = layout;
+		$[3] = section.className;
+		$[4] = section.fields;
+		$[5] = t1;
+	} else t1 = $[5];
+	const content = t1;
+	if (!content) return null;
+	if (wrapper === "collapsible") {
+		const value = `section-${index}`;
+		const defaultOpen = section.defaultCollapsed !== true;
+		let t2$1;
+		if ($[6] !== defaultOpen || $[7] !== value) {
+			t2$1 = defaultOpen ? [value] : [];
+			$[6] = defaultOpen;
+			$[7] = value;
+			$[8] = t2$1;
+		} else t2$1 = $[8];
+		let t3$1;
+		if ($[9] !== ctx || $[10] !== section.label) {
+			t3$1 = ctx.resolveText(section.label, "Section");
+			$[9] = ctx;
+			$[10] = section.label;
+			$[11] = t3$1;
+		} else t3$1 = $[11];
+		let t4$1;
+		if ($[12] !== t3$1) {
+			t4$1 = /* @__PURE__ */ jsx(AccordionTrigger, {
+				className: "hover:no-underline",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "font-semibold",
+					children: t3$1
+				})
+			});
+			$[12] = t3$1;
+			$[13] = t4$1;
+		} else t4$1 = $[13];
+		let t5;
+		if ($[14] !== ctx || $[15] !== section.description) {
+			t5 = section.description && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground mb-4 text-sm",
+				children: ctx.resolveText(section.description, "")
+			});
+			$[14] = ctx;
+			$[15] = section.description;
+			$[16] = t5;
+		} else t5 = $[16];
+		let t6;
+		if ($[17] !== content || $[18] !== t5) {
+			t6 = /* @__PURE__ */ jsxs(AccordionContent, {
+				className: "pt-2 pb-4",
+				children: [t5, content]
+			});
+			$[17] = content;
+			$[18] = t5;
+			$[19] = t6;
+		} else t6 = $[19];
+		let t7;
+		if ($[20] !== t4$1 || $[21] !== t6 || $[22] !== value) {
+			t7 = /* @__PURE__ */ jsxs(AccordionItem, {
+				value,
+				className: "border px-4",
+				children: [t4$1, t6]
+			});
+			$[20] = t4$1;
+			$[21] = t6;
+			$[22] = value;
+			$[23] = t7;
+		} else t7 = $[23];
+		let t8;
+		if ($[24] !== t2$1 || $[25] !== t7) {
+			t8 = /* @__PURE__ */ jsx(Accordion, {
+				defaultValue: t2$1,
+				className: "w-full",
+				children: t7
+			});
+			$[24] = t2$1;
+			$[25] = t7;
+			$[26] = t8;
+		} else t8 = $[26];
+		return t8;
+	}
+	let t2;
+	if ($[27] !== ctx || $[28] !== section.description || $[29] !== section.label) {
+		t2 = section.label || section.description ? /* @__PURE__ */ jsxs("div", {
+			className: "mb-4",
+			children: [section.label && /* @__PURE__ */ jsx("h3", {
+				className: "text-lg font-semibold",
+				children: ctx.resolveText(section.label, "")
+			}), section.description && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground mt-1 text-sm",
+				children: ctx.resolveText(section.description, "")
+			})]
+		}) : null;
+		$[27] = ctx;
+		$[28] = section.description;
+		$[29] = section.label;
+		$[30] = t2;
+	} else t2 = $[30];
+	const header = t2;
+	let t3;
+	if ($[31] !== section.className) {
+		t3 = cn("space-y-4", section.className);
+		$[31] = section.className;
+		$[32] = t3;
+	} else t3 = $[32];
+	let t4;
+	if ($[33] !== content || $[34] !== header || $[35] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			children: [header, content]
+		});
+		$[33] = content;
+		$[34] = header;
+		$[35] = t3;
+		$[36] = t4;
+	} else t4 = $[36];
+	return t4;
+}
+function TabsRenderer(t0) {
+	const $ = c(16);
+	const { tabsLayout, ctx } = t0;
+	const tabs = tabsLayout.tabs;
+	if (!tabs?.length) return null;
+	const defaultTab = tabs[0]?.id;
+	let t1;
+	if ($[0] !== ctx || $[1] !== tabs) {
+		let t2$1;
+		if ($[3] !== ctx) {
+			t2$1 = (tab) => /* @__PURE__ */ jsxs(TabsTrigger, {
+				value: tab.id,
+				children: [resolveIconElement(tab.icon, { className: "mr-2 size-4" }), ctx.resolveText(tab.label, tab.id)]
+			}, tab.id);
+			$[3] = ctx;
+			$[4] = t2$1;
+		} else t2$1 = $[4];
+		t1 = tabs.map(t2$1);
+		$[0] = ctx;
+		$[1] = tabs;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[5] !== t1) {
+		t2 = /* @__PURE__ */ jsx(TabsList, {
+			variant: "line",
+			children: t1
+		});
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== ctx || $[8] !== tabs) {
+		let t4$1;
+		if ($[10] !== ctx) {
+			t4$1 = (tab_0) => /* @__PURE__ */ jsx(TabsContent, {
+				value: tab_0.id,
+				className: "mt-4",
+				children: /* @__PURE__ */ jsx(FieldLayoutRenderer, {
+					items: tab_0.fields,
+					ctx
+				})
+			}, tab_0.id);
+			$[10] = ctx;
+			$[11] = t4$1;
+		} else t4$1 = $[11];
+		t3 = tabs.map(t4$1);
+		$[7] = ctx;
+		$[8] = tabs;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[12] !== defaultTab || $[13] !== t2 || $[14] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(Tabs, {
+			defaultValue: defaultTab,
+			children: [t2, t3]
+		});
+		$[12] = defaultTab;
+		$[13] = t2;
+		$[14] = t3;
+		$[15] = t4;
+	} else t4 = $[15];
+	return t4;
+}
+
+//#endregion
+export { FieldLayoutRenderer };

package/dist/client/components/locale-switcher.mjs

@@ -2,127 +2,250 @@ import { useResolveText } from "../i18n/hooks.mjs";
 import { cn } from "../lib/utils.mjs";
 import { getFlagUrl } from "../utils/locale-to-flag.mjs";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "./ui/dropdown-menu.mjs";
+import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
-import { useMemo, useState } from "react";
+import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/locale-switcher.tsx
 const DROPDOWN_THRESHOLD = 4;
-function LocaleSwitcher({ locales, value, onChange, showFlag = true, labelMode = "code", className }) {
+function LocaleSwitcher(t0) {
+	const $ = c(44);
+	const { locales, value, onChange, showFlag: t1, labelMode: t2, className } = t0;
+	const showFlag = t1 === void 0 ? true : t1;
+	const labelMode = t2 === void 0 ? "code" : t2;
 	const resolveText = useResolveText();
 	const [imgError, setImgError] = useState(false);
 	const resolvedValue = value ?? locales[0]?.code ?? "";
 	const hasResolvedValue = resolvedValue.length > 0;
-	const localeOptions = locales.length ? locales : hasResolvedValue ? [{ code: resolvedValue }] : [];
-	const currentLocale = localeOptions.find((locale) => locale.code === resolvedValue) ?? { code: resolvedValue };
-	const canSwitch = !!onChange && localeOptions.length > 1;
-	const useDropdown = localeOptions.length >= DROPDOWN_THRESHOLD;
-	const flagMapping = useMemo(() => {
-		const mapping = {};
-		for (const locale of localeOptions) if (locale.flagCountryCode) mapping[locale.code.toLowerCase()] = locale.flagCountryCode;
-		return mapping;
-	}, [localeOptions]);
-	const hasCustomMapping = Object.keys(flagMapping).length > 0;
-	const getLocaleFlagUrl = (code, size = 24) => getFlagUrl(code, size, hasCustomMapping ? flagMapping : void 0);
-	if (!hasResolvedValue) return null;
-	const codeLabel = currentLocale.code.toUpperCase();
-	const nameLabel = currentLocale.label ? resolveText(currentLocale.label) : codeLabel;
-	const renderLabel = () => {
-		switch (labelMode) {
-			case "none": return null;
-			case "name": return /* @__PURE__ */ jsx("span", {
-				className: "font-medium",
-				children: nameLabel
-			});
-			case "both": return /* @__PURE__ */ jsxs("span", {
-				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "uppercase tracking-wide",
+	let T0;
+	let T1;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	if ($[0] !== className || $[1] !== hasResolvedValue || $[2] !== imgError || $[3] !== labelMode || $[4] !== locales || $[5] !== onChange || $[6] !== resolveText || $[7] !== resolvedValue || $[8] !== showFlag) {
+		t7 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const localeOptions = locales.length ? locales : hasResolvedValue ? [{ code: resolvedValue }] : [];
+			const currentLocale = localeOptions.find((locale) => locale.code === resolvedValue) ?? { code: resolvedValue };
+			const canSwitch = !!onChange && localeOptions.length > 1;
+			const useDropdown = localeOptions.length >= DROPDOWN_THRESHOLD;
+			const flagMapping = {};
+			for (const locale_0 of localeOptions) if (locale_0.flagCountryCode) flagMapping[locale_0.code.toLowerCase()] = locale_0.flagCountryCode;
+			const hasCustomMapping = Object.keys(flagMapping).length > 0;
+			const getLocaleFlagUrl = (code, t8$1) => {
+				return getFlagUrl(code, t8$1 === void 0 ? 24 : t8$1, hasCustomMapping ? flagMapping : void 0);
+			};
+			if (!hasResolvedValue) {
+				t7 = null;
+				break bb0;
+			}
+			const codeLabel = currentLocale.code.toUpperCase();
+			const nameLabel = currentLocale.label ? resolveText(currentLocale.label) : codeLabel;
+			let labelElement = null;
+			bb1: switch (labelMode) {
+				case "none": break bb1;
+				case "name":
+					labelElement = /* @__PURE__ */ jsx("span", {
+						className: "font-medium",
+						children: nameLabel
+					});
+					break bb1;
+				case "both":
+					labelElement = /* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "tracking-wide uppercase",
+							children: codeLabel
+						}), currentLocale.label && /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground font-normal",
+							children: resolveText(currentLocale.label)
+						})]
+					});
+					break bb1;
+				case "code":
+				default: labelElement = /* @__PURE__ */ jsx("span", {
+					className: "tracking-wide uppercase",
 					children: codeLabel
-				}), currentLocale.label && /* @__PURE__ */ jsx("span", {
-					className: "font-normal text-muted-foreground",
-					children: resolveText(currentLocale.label)
-				})]
-			});
-			case "code":
-			default: return /* @__PURE__ */ jsx("span", {
-				className: "uppercase tracking-wide",
-				children: codeLabel
+				});
+			}
+			let baseClassName;
+			let t9$1;
+			if ($[16] !== className) {
+				baseClassName = cn("bg-muted text-muted-foreground inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-medium", className);
+				t9$1 = cn(baseClassName, "hover:bg-muted focus:ring-ring cursor-pointer transition-colors focus:ring-1 focus:outline-none");
+				$[16] = className;
+				$[17] = baseClassName;
+				$[18] = t9$1;
+			} else {
+				baseClassName = $[17];
+				t9$1 = $[18];
+			}
+			const interactiveClassName = t9$1;
+			const ariaLabel = `Switch locale (current: ${nameLabel})`;
+			const t10 = showFlag && !imgError && /* @__PURE__ */ jsx("img", {
+				src: getLocaleFlagUrl(resolvedValue),
+				alt: resolvedValue,
+				className: "h-2.5 w-3.5 rounded-[1px] object-cover",
+				onError: () => setImgError(true)
 			});
+			let t11;
+			if ($[19] !== labelElement || $[20] !== t10) {
+				t11 = /* @__PURE__ */ jsxs(Fragment, { children: [t10, labelElement] });
+				$[19] = labelElement;
+				$[20] = t10;
+				$[21] = t11;
+			} else t11 = $[21];
+			const content = t11;
+			if (!canSwitch) {
+				let t12$1;
+				if ($[22] !== baseClassName || $[23] !== content) {
+					t12$1 = /* @__PURE__ */ jsx("span", {
+						className: baseClassName,
+						children: content
+					});
+					$[22] = baseClassName;
+					$[23] = content;
+					$[24] = t12$1;
+				} else t12$1 = $[24];
+				t7 = t12$1;
+				break bb0;
+			}
+			if (!useDropdown) {
+				const handleCycle = (e) => {
+					e.stopPropagation();
+					const nextLocale = localeOptions[(localeOptions.findIndex((locale_1) => locale_1.code === resolvedValue) + 1) % localeOptions.length]?.code;
+					if (nextLocale) onChange(nextLocale);
+				};
+				let t12$1;
+				if ($[25] !== ariaLabel || $[26] !== content || $[27] !== handleCycle || $[28] !== interactiveClassName) {
+					t12$1 = /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: handleCycle,
+						className: interactiveClassName,
+						"aria-label": ariaLabel,
+						title: ariaLabel,
+						children: content
+					});
+					$[25] = ariaLabel;
+					$[26] = content;
+					$[27] = handleCycle;
+					$[28] = interactiveClassName;
+					$[29] = t12$1;
+				} else t12$1 = $[29];
+				t7 = t12$1;
+				break bb0;
+			}
+			T1 = DropdownMenu;
+			let t12;
+			if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
+				t12 = /* @__PURE__ */ jsx(Icon, {
+					icon: "ph:caret-down",
+					className: "size-2.5"
+				});
+				$[30] = t12;
+			} else t12 = $[30];
+			if ($[31] !== ariaLabel || $[32] !== content || $[33] !== interactiveClassName) {
+				t6 = /* @__PURE__ */ jsxs(DropdownMenuTrigger, {
+					className: interactiveClassName,
+					"aria-label": ariaLabel,
+					title: ariaLabel,
+					onClick: _temp,
+					children: [content, t12]
+				});
+				$[31] = ariaLabel;
+				$[32] = content;
+				$[33] = interactiveClassName;
+				$[34] = t6;
+			} else t6 = $[34];
+			T0 = DropdownMenuContent;
+			t3 = "start";
+			t4 = "min-w-[140px]";
+			t5 = localeOptions.map((locale_2) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+				onClick: (e_1) => {
+					e_1.stopPropagation();
+					onChange(locale_2.code);
+				},
+				className: "gap-2 text-xs",
+				children: [
+					showFlag && /* @__PURE__ */ jsx("img", {
+						src: getLocaleFlagUrl(locale_2.code),
+						alt: locale_2.code,
+						className: "h-2.5 w-3.5 rounded-[1px] object-cover",
+						onError: _temp2
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "font-medium uppercase",
+						children: locale_2.code
+					}),
+					locale_2.label && /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground",
+						children: resolveText(locale_2.label)
+					}),
+					locale_2.code === resolvedValue && /* @__PURE__ */ jsx(Icon, {
+						icon: "ph:check",
+						className: "ml-auto size-3"
+					})
+				]
+			}, locale_2.code));
 		}
-	};
-	const baseClassName = cn("inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", className);
-	const interactiveClassName = cn(baseClassName, "cursor-pointer transition-colors hover:bg-muted/80 focus:outline-none focus:ring-1 focus:ring-ring");
-	const ariaLabel = `Switch locale (current: ${nameLabel})`;
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [showFlag && !imgError && /* @__PURE__ */ jsx("img", {
-		src: getLocaleFlagUrl(resolvedValue),
-		alt: resolvedValue,
-		className: "h-2.5 w-3.5 rounded-[1px] object-cover",
-		onError: () => setImgError(true)
-	}), renderLabel()] });
-	if (!canSwitch) return /* @__PURE__ */ jsx("span", {
-		className: baseClassName,
-		children: content
-	});
-	if (!useDropdown) {
-		const handleCycle = (e) => {
-			e.stopPropagation();
-			const nextLocale = localeOptions[(localeOptions.findIndex((locale) => locale.code === resolvedValue) + 1) % localeOptions.length]?.code;
-			if (nextLocale) onChange(nextLocale);
-		};
-		return /* @__PURE__ */ jsx("button", {
-			type: "button",
-			onClick: handleCycle,
-			className: interactiveClassName,
-			"aria-label": ariaLabel,
-			title: ariaLabel,
-			children: content
-		});
+		$[0] = className;
+		$[1] = hasResolvedValue;
+		$[2] = imgError;
+		$[3] = labelMode;
+		$[4] = locales;
+		$[5] = onChange;
+		$[6] = resolveText;
+		$[7] = resolvedValue;
+		$[8] = showFlag;
+		$[9] = T0;
+		$[10] = T1;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = t6;
+		$[15] = t7;
+	} else {
+		T0 = $[9];
+		T1 = $[10];
+		t3 = $[11];
+		t4 = $[12];
+		t5 = $[13];
+		t6 = $[14];
+		t7 = $[15];
 	}
-	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(DropdownMenuTrigger, {
-		className: interactiveClassName,
-		"aria-label": ariaLabel,
-		title: ariaLabel,
-		onClick: (e) => e.stopPropagation(),
-		children: [content, /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:caret-down",
-			className: "size-2.5"
-		})]
-	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
-		align: "start",
-		className: "min-w-[140px]",
-		children: localeOptions.map((locale) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
-			onClick: (e) => {
-				e.stopPropagation();
-				onChange(locale.code);
-			},
-			className: "gap-2 text-xs",
-			children: [
-				showFlag && /* @__PURE__ */ jsx("img", {
-					src: getLocaleFlagUrl(locale.code),
-					alt: locale.code,
-					className: "h-2.5 w-3.5 rounded-[1px] object-cover",
-					onError: (event) => {
-						event.currentTarget.style.display = "none";
-					}
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: "uppercase font-medium",
-					children: locale.code
-				}),
-				locale.label && /* @__PURE__ */ jsx("span", {
-					className: "text-muted-foreground",
-					children: resolveText(locale.label)
-				}),
-				locale.code === resolvedValue && /* @__PURE__ */ jsx(Icon, {
-					icon: "ph:check",
-					className: "ml-auto size-3"
-				})
-			]
-		}, locale.code))
-	})] });
+	if (t7 !== Symbol.for("react.early_return_sentinel")) return t7;
+	let t8;
+	if ($[35] !== T0 || $[36] !== t3 || $[37] !== t4 || $[38] !== t5) {
+		t8 = /* @__PURE__ */ jsx(T0, {
+			align: t3,
+			className: t4,
+			children: t5
+		});
+		$[35] = T0;
+		$[36] = t3;
+		$[37] = t4;
+		$[38] = t5;
+		$[39] = t8;
+	} else t8 = $[39];
+	let t9;
+	if ($[40] !== T1 || $[41] !== t6 || $[42] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(T1, { children: [t6, t8] });
+		$[40] = T1;
+		$[41] = t6;
+		$[42] = t8;
+		$[43] = t9;
+	} else t9 = $[43];
+	return t9;
+}
+function _temp2(event) {
+	event.currentTarget.style.display = "none";
+}
+function _temp(e_0) {
+	return e_0.stopPropagation();
 }
 
 //#endregion
-export { LocaleSwitcher };
-//# sourceMappingURL=locale-switcher.mjs.map
+export { LocaleSwitcher };