@chelone/vue 0.6.0 → 0.7.0

package/dist/components/admin/fields/url-field.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,70 @@
+import { cn } from "../../../lib/utils.js";
+import { useFieldValue } from "../../../record/use-field-value.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, toDisplayString, withModifiers } from "vue";
+// src/components/admin/fields/url-field.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"href",
+	"target",
+	"rel"
+];
+var url_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "url-field",
+	props: {
+		source: {},
+		record: {},
+		defaultValue: {},
+		empty: {},
+		target: {},
+		rel: {},
+		content: {},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<UrlField>` — displays a URL as a clickable hyperlink, the Vue analog of
+		* `@chelone/react`'s `fields/url-field.tsx`. Reads the value at `source` off
+		* the ambient record. The click is `.stop`-ped (safe inside a `DataTable` row
+		* with `rowClick`). Refuses to render an anchor for unsafe schemes (e.g.
+		* `javascript:`), falling back to plain text. A nullish/empty value renders the
+		* `empty` fallback (or nothing).
+		*/
+		const props = __props;
+		const value = useFieldValue({
+			source: props.source,
+			record: props.record,
+			defaultValue: props.defaultValue
+		});
+		const translate = useTranslate();
+		const SAFE_URL_PATTERN = /^(https?:|mailto:|tel:|\/|#)/i;
+		const url = computed(() => {
+			const raw = value.value;
+			if (raw == null || raw === "") return null;
+			return String(raw);
+		});
+		const isSafe = computed(() => url.value != null && SAFE_URL_PATTERN.test(url.value.trim()));
+		const emptyText = computed(() => props.empty ? translate(props.empty, { _: props.empty }) : null);
+		const safeRel = computed(() => props.target === "_blank" && props.rel == null ? "noopener noreferrer" : props.rel);
+		const linkClass = computed(() => cn("underline hover:no-underline", props.class));
+		return (_ctx, _cache) => {
+			return url.value != null && isSafe.value ? (openBlock(), createElementBlock("a", {
+				key: 0,
+				"data-slot": "url-field",
+				class: normalizeClass(linkClass.value),
+				href: url.value,
+				target: __props.target,
+				rel: safeRel.value,
+				onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+			}, toDisplayString(__props.content ?? url.value), 11, _hoisted_1)) : url.value != null ? (openBlock(), createElementBlock("span", {
+				key: 1,
+				"data-slot": "url-field",
+				class: normalizeClass(props.class)
+			}, toDisplayString(url.value), 3)) : emptyText.value != null ? (openBlock(), createElementBlock("span", {
+				key: 2,
+				"data-slot": "url-field",
+				class: normalizeClass(props.class)
+			}, toDisplayString(emptyText.value), 3)) : createCommentVNode("", true);
+		};
+	}
+});
+export { url_field_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/fields/usage-meter-field.js

@@ -0,0 +1,4 @@
+import usage_meter_field_vue_vue_type_script_setup_true_lang_default from "./usage-meter-field.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/fields/usage-meter-field.vue
+var usage_meter_field_default = usage_meter_field_vue_vue_type_script_setup_true_lang_default;
+export { usage_meter_field_default as default };

package/dist/components/admin/fields/usage-meter-field.vue.d.ts

@@ -1,4 +1,4 @@
-import type { LooseRecord, SourceKey, SourceProp } from "@chelone/core";
+import type { LooseRecord, SourceKey, SourceProp, SourceValue } from "@chelone/core";
 /** Ratio thresholds toggling the warning / critical bar color. */
 export interface UsageMeterThresholds {
     warning: number;
@@ -6,10 +6,10 @@ export interface UsageMeterThresholds {
 }
 /** Props for {@link UsageMeterField}. */
 export interface UsageMeterFieldProps<RecordType extends LooseRecord = LooseRecord> {
-    source: SourceProp;
+    source: SourceProp<RecordType>;
     /** The record to render. Defaults to the ambient `RecordContext` value. */
     record?: RecordType;
-    defaultValue?: unknown;
+    defaultValue?: SourceValue<RecordType, SourceProp<RecordType>>;
     /**
      * Sibling record field holding the limit/quota; the bar is only shown when
      * set. A top-level key, not a path: the read is `record[limitSource]`.
@@ -21,16 +21,21 @@ export interface UsageMeterFieldProps<RecordType extends LooseRecord = LooseReco
     thresholds?: UsageMeterThresholds;
     class?: string;
 }
-declare const _default: <RecordType extends LooseRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & UsageMeterFieldProps<RecordType> & Partial<{}>> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <RecordType extends LooseRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<UsageMeterFieldProps<RecordType>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
     emit: {};
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
-} & {};
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/admin/fields/usage-meter-field.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,87 @@
+import { cn } from "../../../lib/utils.js";
+import { RecordContextKey } from "../../../record/record-context.js";
+import { useFieldValue } from "../../../record/use-field-value.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref } from "vue";
+// src/components/admin/fields/usage-meter-field.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-state"];
+var _hoisted_2 = ["aria-valuenow"];
+var _hoisted_3 = { class: "text-muted-foreground text-xs tabular-nums" };
+var usage_meter_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "usage-meter-field",
+	props: {
+		source: {},
+		record: {},
+		defaultValue: {},
+		limitSource: {},
+		unit: {},
+		thresholds: {},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<UsageMeterField>` — displays a numeric usage value relative to an optional
+		* limit, rendering a progress bar that shifts color at configurable thresholds.
+		* The Vue analog of `@chelone/react`'s `fields/usage-meter-field.tsx`. Reads
+		* `source` for the used value and `limitSource` (a sibling field) for the limit;
+		* with no `limitSource` it renders only the bare value. A nullish used value
+		* renders nothing (parity with the twin).
+		*
+		* Idiom translation from the twin: React composes the shadcn `<Progress>`
+		* primitive. The Vue `ui/` slice ships no `Progress`, so the bar is a plain
+		* track + indicator `<div>` pair (indicator width = clamped percent), colored by
+		* the derived `state` — same visual contract, zero new primitive.
+		*/
+		const props = __props;
+		const DEFAULT_THRESHOLDS = {
+			warning: .8,
+			critical: 1
+		};
+		const value = useFieldValue({
+			source: props.source,
+			record: props.record,
+			defaultValue: props.defaultValue
+		});
+		const used = computed(() => typeof value.value === "number" ? value.value : void 0);
+		const injectedRecord = inject(RecordContextKey, null);
+		const ctxRecord = computed(() => props.record ?? injectedRecord?.value);
+		const limit = computed(() => {
+			const rec = ctxRecord.value;
+			if (!props.limitSource || !rec) return void 0;
+			const l = rec[props.limitSource];
+			return typeof l === "number" ? l : void 0;
+		});
+		const thresholds = computed(() => props.thresholds ?? DEFAULT_THRESHOLDS);
+		const hasUsed = computed(() => used.value != null);
+		const ratio = computed(() => limit.value != null && used.value != null ? used.value / limit.value : 0);
+		const state = computed(() => {
+			if (ratio.value >= thresholds.value.critical) return "critical";
+			if (ratio.value >= thresholds.value.warning) return "warning";
+			return "ok";
+		});
+		const pct = computed(() => Math.min(100, Math.round(ratio.value * 100)));
+		const indicatorClass = computed(() => cn("h-full rounded-full bg-primary transition-all", state.value === "warning" && "bg-yellow-500", state.value === "critical" && "bg-red-500"));
+		return (_ctx, _cache) => {
+			return hasUsed.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [limit.value == null ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				"data-slot": "usage-meter-field",
+				class: normalizeClass(unref(cn)("text-sm tabular-nums", props.class))
+			}, toDisplayString(used.value) + toDisplayString(__props.unit ? ` ${__props.unit}` : ""), 3)) : (openBlock(), createElementBlock("span", {
+				key: 1,
+				"data-slot": "usage-meter-field",
+				"data-usage-meter": "",
+				"data-state": state.value,
+				class: normalizeClass(unref(cn)("inline-flex flex-col gap-1", props.class))
+			}, [createElementVNode("span", {
+				class: "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+				role: "progressbar",
+				"aria-valuenow": pct.value,
+				"aria-valuemin": "0",
+				"aria-valuemax": "100"
+			}, [createElementVNode("span", {
+				class: normalizeClass(indicatorClass.value),
+				style: normalizeStyle({ width: `${pct.value}%` })
+			}, null, 6)], 8, _hoisted_2), createElementVNode("span", _hoisted_3, toDisplayString(used.value) + " / " + toDisplayString(limit.value) + toDisplayString(__props.unit ? ` ${__props.unit}` : ""), 1)], 10, _hoisted_1))], 64)) : createCommentVNode("", true);
+		};
+	}
+});
+export { usage_meter_field_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/fields/webhook-endpoint-field.js

@@ -0,0 +1,4 @@
+import webhook_endpoint_field_vue_vue_type_script_setup_true_lang_default from "./webhook-endpoint-field.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/fields/webhook-endpoint-field.vue
+var webhook_endpoint_field_default = webhook_endpoint_field_vue_vue_type_script_setup_true_lang_default;
+export { webhook_endpoint_field_default as default };

package/dist/components/admin/fields/webhook-endpoint-field.vue.d.ts

@@ -1,4 +1,4 @@
-import type { LooseRecord, SourceProp } from "@chelone/core";
+import type { LooseRecord, SourceProp, SourceValue } from "@chelone/core";
 /** A webhook delivery outcome. */
 export type DeliveryStatus = "ok" | "failed" | "pending";
 /** The shape `<WebhookEndpointField>` reads from a record source. */
@@ -12,11 +12,27 @@ export interface WebhookEndpoint {
     };
 }
 /** Props for {@link WebhookEndpointField}. */
-export interface WebhookEndpointFieldProps {
-    source: SourceProp;
-    record?: LooseRecord;
-    defaultValue?: unknown;
+export interface WebhookEndpointFieldProps<RecordType extends LooseRecord = LooseRecord> {
+    source: SourceProp<RecordType>;
+    record?: RecordType;
+    defaultValue?: SourceValue<RecordType, SourceProp<RecordType>>;
     class?: string;
 }
-declare const _default: import("vue").DefineComponent<WebhookEndpointFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WebhookEndpointFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: <RecordType extends LooseRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<WebhookEndpointFieldProps<RecordType>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/admin/fields/webhook-endpoint-field.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { cn } from "../../../lib/utils.js";
+import { useFieldValue } from "../../../record/use-field-value.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+// src/components/admin/fields/webhook-endpoint-field.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "font-mono text-sm" };
+var _hoisted_2 = ["data-status"];
+var webhook_endpoint_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "webhook-endpoint-field",
+	props: {
+		source: {},
+		record: {},
+		defaultValue: {},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<WebhookEndpointField>` — displays a webhook endpoint's URL and last-delivery
+		* status badge, the Vue analog of `@chelone/react`'s
+		* `fields/webhook-endpoint-field.tsx`. The signing secret is NEVER rendered. A
+		* nullish / non-object value renders nothing (parity with the twin).
+		*/
+		const props = __props;
+		const value = useFieldValue({
+			source: props.source,
+			record: props.record,
+			defaultValue: props.defaultValue
+		});
+		const endpoint = computed(() => {
+			const raw = value.value;
+			return raw && typeof raw === "object" ? raw : null;
+		});
+		const status = computed(() => endpoint.value?.lastDelivery?.status ?? "pending");
+		const statusClass = computed(() => cn("rounded px-2 py-0.5 text-xs font-medium", status.value === "ok" && "bg-green-500/10 text-green-700", status.value === "failed" && "bg-red-500/10 text-red-700", status.value === "pending" && "bg-muted text-muted-foreground"));
+		return (_ctx, _cache) => {
+			return endpoint.value ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				"data-slot": "webhook-endpoint-field",
+				class: normalizeClass(unref(cn)("inline-flex items-center gap-2", props.class))
+			}, [createElementVNode("span", _hoisted_1, toDisplayString(endpoint.value.url), 1), createElementVNode("span", {
+				"data-webhook-status": "",
+				"data-status": status.value,
+				class: normalizeClass(statusClass.value)
+			}, toDisplayString(status.value.toUpperCase()), 11, _hoisted_2)], 2)) : createCommentVNode("", true);
+		};
+	}
+});
+export { webhook_endpoint_field_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/fields/wrapper-field.js

@@ -0,0 +1,4 @@
+import wrapper_field_vue_vue_type_script_setup_true_lang_default from "./wrapper-field.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/fields/wrapper-field.vue
+var wrapper_field_default = wrapper_field_vue_vue_type_script_setup_true_lang_default;
+export { wrapper_field_default as default };

package/dist/components/admin/fields/wrapper-field.vue.d.ts

@@ -1,3 +1,4 @@
+import type { VNode } from "vue";
 import type { LooseRecord, SourceProp } from "@chelone/core";
 /** Props for {@link WrapperField}. */
 export interface WrapperFieldProps {
@@ -10,11 +11,12 @@ export interface WrapperFieldProps {
     record?: LooseRecord;
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<WrapperFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WrapperFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<WrapperFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WrapperFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     /** The wrapped fields, rendered as-is. */
-    default(): unknown;
+    default(): VNode[];
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/fields/wrapper-field.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+import { defineComponent, renderSlot } from "vue";
+// src/components/admin/fields/wrapper-field.vue?vue&type=script&setup=true&lang.ts
+var wrapper_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "wrapper-field",
+	props: {
+		source: {},
+		label: { type: [String, Boolean] },
+		record: {},
+		class: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+export { wrapper_field_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/form/translatable-inputs-tab-content.js

@@ -0,0 +1,4 @@
+import translatable_inputs_tab_content_vue_vue_type_script_setup_true_lang_default from "./translatable-inputs-tab-content.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/form/translatable-inputs-tab-content.vue
+var translatable_inputs_tab_content_default = translatable_inputs_tab_content_vue_vue_type_script_setup_true_lang_default;
+export { translatable_inputs_tab_content_default as default };

package/dist/components/admin/form/translatable-inputs-tab-content.vue.d.ts

@@ -5,12 +5,13 @@ export interface TranslatableInputsTabContentProps {
     groupKey?: string;
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TranslatableInputsTabContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TranslatableInputsTabContentProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TranslatableInputsTabContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TranslatableInputsTabContentProps> & Readonly<{}>, {
     groupKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/form/translatable-inputs-tab-content.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,45 @@
+import form_group_provider_default from "../../../form/form-group-provider.js";
+import { provideSourceScope, useSourceScope } from "../../../form/form-context.js";
+import { useTranslatableContext } from "../../../i18n/use-translatable.js";
+import { cn } from "../../../lib/utils.js";
+import { computed, createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { createLocaleSourceScope } from "@chelone/core";
+// src/components/admin/form/translatable-inputs-tab-content.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"aria-labelledby",
+	"hidden"
+];
+var translatable_inputs_tab_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "translatable-inputs-tab-content",
+	props: {
+		locale: {},
+		groupKey: { default: "" },
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<TranslatableInputsTabContent>` — one locale's panel. Always mounted, hidden
+		* while another locale is selected, so every locale validates and submits. Its
+		* inputs bind `source.locale` and join the `{groupKey}{locale}` form group.
+		*/
+		const props = __props;
+		const translatable = useTranslatableContext();
+		const hidden = computed(() => translatable.selectedLocale.value !== props.locale);
+		provideSourceScope(createLocaleSourceScope(useSourceScope(), props.locale));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(form_group_provider_default, { name: `${__props.groupKey}${__props.locale}` }, {
+				default: withCtx(() => [createElementVNode("div", {
+					role: "tabpanel",
+					"data-slot": "translatable-inputs-tab-content",
+					id: `translatable-content-${__props.groupKey}${__props.locale}`,
+					"aria-labelledby": `translatable-header-${__props.groupKey}${__props.locale}`,
+					hidden: hidden.value,
+					class: normalizeClass(unref(cn)("flex-1 outline-none", props.class))
+				}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1)]),
+				_: 3
+			}, 8, ["name"]);
+		};
+	}
+});
+export { translatable_inputs_tab_content_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/form/translatable-inputs-tab.js

@@ -0,0 +1,4 @@
+import translatable_inputs_tab_vue_vue_type_script_setup_true_lang_default from "./translatable-inputs-tab.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/form/translatable-inputs-tab.vue
+var translatable_inputs_tab_default = translatable_inputs_tab_vue_vue_type_script_setup_true_lang_default;
+export { translatable_inputs_tab_default as default };

package/dist/components/admin/form/translatable-inputs-tab.vue.d.ts

@@ -5,12 +5,13 @@ export interface TranslatableInputsTabProps {
     groupKey?: string;
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TranslatableInputsTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TranslatableInputsTabProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TranslatableInputsTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TranslatableInputsTabProps> & Readonly<{}>, {
     groupKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/form/translatable-inputs-tab.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { useFormGroup } from "../../../form/form-groups.js";
+import { useTranslatableContext } from "../../../i18n/use-translatable.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import { computed, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
+// src/components/admin/form/translatable-inputs-tab.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"aria-selected",
+	"aria-controls",
+	"data-state"
+];
+var translatable_inputs_tab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "translatable-inputs-tab",
+	props: {
+		locale: {},
+		groupKey: { default: "" },
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<TranslatableInputsTab>` — the tab header for one locale. Turns
+		* `text-destructive` while any input of that locale's form group is invalid,
+		* even when its panel is hidden. The default slot replaces the label.
+		*/
+		const props = __props;
+		const translate = useTranslate();
+		const translatable = useTranslatableContext();
+		const group = useFormGroup(() => `${props.groupKey}${props.locale}`);
+		const selected = computed(() => translatable.selectedLocale.value === props.locale);
+		const label = computed(() => translate(`ra.locales.${props.locale}`, { _: props.locale.charAt(0).toUpperCase() + props.locale.slice(1) }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				type: "button",
+				role: "tab",
+				"data-slot": "translatable-inputs-tab",
+				id: `translatable-header-${__props.groupKey}${__props.locale}`,
+				"aria-selected": selected.value,
+				"aria-controls": `translatable-content-${__props.groupKey}${__props.locale}`,
+				"data-state": selected.value ? "active" : "inactive",
+				class: normalizeClass(unref(cn)("inline-flex items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", !unref(group).isValid && "text-destructive", props.class)),
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(translatable).selectLocale(__props.locale))
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(label.value), 1)])], 10, _hoisted_1);
+		};
+	}
+});
+export { translatable_inputs_tab_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/form/translatable-inputs-tabs.js

@@ -0,0 +1,4 @@
+import translatable_inputs_tabs_vue_vue_type_script_setup_true_lang_default from "./translatable-inputs-tabs.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/form/translatable-inputs-tabs.vue
+var translatable_inputs_tabs_default = translatable_inputs_tabs_vue_vue_type_script_setup_true_lang_default;
+export { translatable_inputs_tabs_default as default };

package/dist/components/admin/form/translatable-inputs-tabs.vue.d.ts

@@ -4,7 +4,8 @@ export interface TranslatableInputsTabsProps {
     groupKey?: string;
     class?: string;
 }
-declare const _default: import("vue").DefineComponent<TranslatableInputsTabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TranslatableInputsTabsProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<TranslatableInputsTabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TranslatableInputsTabsProps> & Readonly<{}>, {
     groupKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/admin/form/translatable-inputs-tabs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,34 @@
+import { useTranslatableContext } from "../../../i18n/use-translatable.js";
+import { cn } from "../../../lib/utils.js";
+import translatable_inputs_tab_default from "./translatable-inputs-tab.js";
+import { Fragment, createBlock, createElementBlock, defineComponent, normalizeClass, openBlock, renderList, unref } from "vue";
+// src/components/admin/form/translatable-inputs-tabs.vue?vue&type=script&setup=true&lang.ts
+var translatable_inputs_tabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "translatable-inputs-tabs",
+	props: {
+		groupKey: { default: "" },
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<TranslatableInputsTabs>` — the default locale selector: one tab per locale
+		* of the ambient translatable context.
+		*/
+		const props = __props;
+		const translatable = useTranslatableContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				role: "tablist",
+				"data-slot": "translatable-inputs-tabs",
+				class: normalizeClass(unref(cn)("inline-flex h-9 w-fit items-center justify-center rounded-lg bg-muted p-[3px] text-muted-foreground", props.class))
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(translatable).locales, (locale) => {
+				return openBlock(), createBlock(translatable_inputs_tab_default, {
+					key: locale,
+					locale,
+					"group-key": __props.groupKey
+				}, null, 8, ["locale", "group-key"]);
+			}), 128))], 2);
+		};
+	}
+});
+export { translatable_inputs_tabs_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/form/translatable-inputs.js

@@ -0,0 +1,4 @@
+import translatable_inputs_vue_vue_type_script_setup_true_lang_default from "./translatable-inputs.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/form/translatable-inputs.vue
+var translatable_inputs_default = translatable_inputs_vue_vue_type_script_setup_true_lang_default;
+export { translatable_inputs_default as default };

package/dist/components/admin/form/translatable-inputs.vue.d.ts

@@ -11,14 +11,15 @@ export interface TranslatableInputsProps {
     groupKey?: string;
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TranslatableInputsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TranslatableInputsProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TranslatableInputsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TranslatableInputsProps> & Readonly<{}>, {
     groupKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     selector?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/form/translatable-inputs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+import { cn } from "../../../lib/utils.js";
+import { provideFormGroups, useOptionalFormGroups } from "../../../form/form-groups.js";
+import { provideTranslatable, useTranslatable } from "../../../i18n/use-translatable.js";
+import translatable_inputs_tab_content_default from "./translatable-inputs-tab-content.js";
+import translatable_inputs_tabs_default from "./translatable-inputs-tabs.js";
+import { Fragment, createBlock, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, unref, withCtx } from "vue";
+// src/components/admin/form/translatable-inputs.vue?vue&type=script&setup=true&lang.ts
+var translatable_inputs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "translatable-inputs",
+	props: {
+		locales: {},
+		defaultLocale: {},
+		groupKey: { default: "" },
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<TranslatableInputs>` — edits one field in several locales, one tab per
+		* locale: with `locales={["en", "fr"]}`, a child `<TextInput source="name" />`
+		* binds `name.en` and `name.fr`. Every locale stays mounted so all of them
+		* validate and submit. The `#selector` slot replaces the default
+		* `<TranslatableInputsTabs>` locale selector.
+		*
+		* @example
+		* <TranslatableInputs :locales="['en', 'fr']">
+		*   <TextInput source="name" />
+		* </TranslatableInputs>
+		*/
+		const props = __props;
+		const translatable = useTranslatable({
+			locales: () => props.locales,
+			defaultLocale: () => props.defaultLocale
+		});
+		provideTranslatable(translatable);
+		if (!useOptionalFormGroups()) provideFormGroups();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "translatable-inputs",
+				class: normalizeClass(unref(cn)("flex flex-col gap-2", props.class))
+			}, [renderSlot(_ctx.$slots, "selector", {}, () => [createVNode(translatable_inputs_tabs_default, { "group-key": __props.groupKey }, null, 8, ["group-key"])]), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(translatable).locales, (locale) => {
+				return openBlock(), createBlock(translatable_inputs_tab_content_default, {
+					key: locale,
+					locale,
+					"group-key": __props.groupKey
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, ["locale", "group-key"]);
+			}), 128))], 2);
+		};
+	}
+});
+export { translatable_inputs_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/guessers/edit-guesser.js

@@ -0,0 +1,4 @@
+import edit_guesser_vue_vue_type_script_setup_true_lang_default from "./edit-guesser.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/guessers/edit-guesser.vue
+var edit_guesser_default = edit_guesser_vue_vue_type_script_setup_true_lang_default;
+export { edit_guesser_default as default };