@shwfed/config 2.3.29 → 2.4.1

package/dist/runtime/components/ui/field/FieldMessages.vue

@@ -0,0 +1,21 @@
+<script setup>
+import { cn } from "../../../utils/cn";
+import FieldError from "./FieldError.vue";
+import FieldWarning from "./FieldWarning.vue";
+const props = defineProps({
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+  errors: { type: Array, required: false },
+  warnings: { type: Array, required: false }
+});
+</script>
+
+<template>
+  <div
+    v-if="errors && errors.length || warnings && warnings.length"
+    data-slot="field-messages"
+    :class="cn('absolute left-0 top-full z-10 flex w-full flex-col gap-0.5', props.class)"
+  >
+    <FieldError :errors="errors ? [...errors] : void 0" />
+    <FieldWarning :errors="warnings ? [...warnings] : void 0" />
+  </div>
+</template>

package/dist/runtime/components/ui/field/FieldMessages.vue.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    errors?: ReadonlyArray<string>;
+    warnings?: ReadonlyArray<string>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/field/FieldWarning.d.vue.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    errors?: Array<string | {
+        message: string | undefined;
+    } | undefined>;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/field/FieldWarning.vue

@@ -0,0 +1,51 @@
+<script setup>
+import { computed } from "vue";
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+  errors: { type: Array, required: false }
+});
+const content = computed(() => {
+  if (!props.errors || props.errors.length === 0)
+    return null;
+  const unique = [
+    ...new Map(
+      props.errors.filter(Boolean).map((error) => {
+        const message = typeof error === "string" ? error : error?.message;
+        return [message, error];
+      })
+    ).values()
+  ];
+  if (unique.length === 1 && unique[0]) {
+    return typeof unique[0] === "string" ? unique[0] : unique[0].message;
+  }
+  return unique.map((error) => typeof error === "string" ? error : error?.message);
+});
+</script>
+
+<template>
+  <div
+    v-if="$slots.default || content"
+    role="status"
+    data-slot="field-warning"
+    :class="cn('max-w-full pt-0.25 text-amber-600 text-xs leading-tight font-normal', props.class)"
+  >
+    <slot v-if="$slots.default" />
+
+    <template v-else-if="typeof content === 'string'">
+      {{ content }}
+    </template>
+
+    <ul
+      v-else-if="Array.isArray(content)"
+      class="ml-3 flex list-disc flex-col gap-0.5"
+    >
+      <li
+        v-for="(warning, index) in content"
+        :key="index"
+      >
+        {{ warning }}
+      </li>
+    </ul>
+  </div>
+</template>

package/dist/runtime/components/ui/field/FieldWarning.vue.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    errors?: Array<string | {
+        message: string | undefined;
+    } | undefined>;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/field/index.d.ts

@@ -10,6 +10,8 @@ export { default as FieldError } from './FieldError.vue.js';
 export { default as FieldGroup } from './FieldGroup.vue.js';
 export { default as FieldLabel } from './FieldLabel.vue.js';
 export { default as FieldLegend } from './FieldLegend.vue.js';
+export { default as FieldMessages } from './FieldMessages.vue.js';
 export { default as FieldSeparator } from './FieldSeparator.vue.js';
+export { default as FieldWarning } from './FieldWarning.vue.js';
 export { default as FieldSet } from './FieldSet.vue.js';
 export { default as FieldTitle } from './FieldTitle.vue.js';

package/dist/runtime/components/ui/field/index.js

@@ -1,6 +1,6 @@
 import { cva } from "class-variance-authority";
 export const fieldVariants = cva(
-  "group/field flex w-full gap-2 data-[invalid=true]:text-red-400",
+  "group/field relative flex w-full gap-2 data-[invalid=true]:text-red-400",
   {
     variants: {
       orientation: {
@@ -25,11 +25,15 @@ export const fieldVariants = cva(
           "**:data-[slot=field-label]:px-1",
           "**:data-[slot=field-label]:text-sm",
           "has-data-[value=true]:**:data-[slot=field-label]:text-[0.625rem]",
-          "has-[[data-slot=input-group-control]:focus]:**:data-[slot=field-label]:top-0",
+          // Float on focus via `focus-within`, NOT `[data-slot=input-group-control]:focus`:
+          // `InputGroupInput`/`InputGroupTextarea` forward that slot to `Input`/`Textarea`,
+          // which hard-code `data-slot=input`/`textarea` on the focusable element, so the
+          // forwarded slot never lands there and the focus selector would never match.
+          "focus-within:**:data-[slot=field-label]:top-0",
           "has-data-[state=open]:**:data-[slot=field-label]:top-0",
-          "has-[[data-slot=input-group-control]:focus]:**:data-[slot=field-label]:text-[0.625rem]",
+          "focus-within:**:data-[slot=field-label]:text-[0.625rem]",
           "has-data-[state=open]:**:data-[slot=field-label]:text-[0.625rem]",
-          "has-[[data-slot=input-group-control]:focus]:**:data-[slot=field-label]:text-zinc-700",
+          "focus-within:**:data-[slot=field-label]:text-zinc-700",
           "has-data-[state=open]:**:data-[slot=field-label]:text-zinc-700",
           "has-data-[value=true]:**:data-[slot=field-label]:text-zinc-700",
           "data-[disabled=true]:**:data-[slot=field-label]:text-zinc-400",
@@ -61,6 +65,8 @@ export { default as FieldError } from "./FieldError.vue";
 export { default as FieldGroup } from "./FieldGroup.vue";
 export { default as FieldLabel } from "./FieldLabel.vue";
 export { default as FieldLegend } from "./FieldLegend.vue";
+export { default as FieldMessages } from "./FieldMessages.vue";
 export { default as FieldSeparator } from "./FieldSeparator.vue";
+export { default as FieldWarning } from "./FieldWarning.vue";
 export { default as FieldSet } from "./FieldSet.vue";
 export { default as FieldTitle } from "./FieldTitle.vue";

package/dist/runtime/components/ui/locale/Locale.d.vue.ts

@@ -5,6 +5,8 @@ type __VLS_Props = {
     class?: HTMLAttributes['class'];
     multiline?: boolean;
     markdown?: boolean;
+    floating?: boolean;
+    placeholder?: string;
     translateHint?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/dist/runtime/components/ui/locale/Locale.vue

@@ -7,6 +7,7 @@ import { useTranslateLocale } from "../../../composables/useTranslateLocale";
 import { cn } from "../../../utils/cn";
 import { Button } from "../button";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../dropdown-menu";
+import { Field, FieldLabel } from "../field";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupTextarea } from "../input-group";
 const supportedLocales = ["zh", "ja", "en", "ko"];
 defineOptions({
@@ -18,6 +19,8 @@ const props = defineProps({
   class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
   multiline: { type: Boolean, required: false },
   markdown: { type: Boolean, required: false },
+  floating: { type: Boolean, required: false },
+  placeholder: { type: String, required: false },
   translateHint: { type: String, required: false }
 });
 const emits = defineEmits(["update:modelValue"]);
@@ -136,32 +139,123 @@ async function onAiTranslate(locale) {
     data-slot="locale"
     :class="cn('flex flex-col gap-2', props.class)"
   >
-    <InputGroup
+    <Field
       v-for="(item, index) in locales"
       :key="item.locale"
-      data-slot="locale-row"
-      :data-locale="item.locale"
+      :orientation="props.floating ? 'floating' : 'contents'"
     >
-      <InputGroupAddon
-        v-if="props.multiline"
-        align="block-start"
-        class="border-b border-zinc-200"
+      <FieldLabel v-if="props.floating">
+        {{ localeLabel(item.locale) }}
+      </FieldLabel>
+      <InputGroup
+        data-slot="locale-row"
+        :data-locale="item.locale"
       >
-        <div class="flex w-full items-center justify-between gap-3">
+        <InputGroupAddon
+          v-if="props.multiline"
+          align="block-start"
+          class="border-b border-zinc-200"
+        >
+          <div class="flex w-full items-center justify-between gap-3">
+            <DropdownMenu v-if="item.locale !== 'zh' && availableLocales(index).length > 0">
+              <DropdownMenuTrigger as-child>
+                <InputGroupButton
+                  size="sm"
+                  as-child
+                >
+                  <button
+                    type="button"
+                    data-slot="locale-trigger"
+                    class="text-zinc-500 transition-colors hover:text-zinc-700"
+                    :aria-label="`\u9009\u62E9\u8BED\u8A00\uFF1A${localeLabel(item.locale)}`"
+                  >
+                    <Icon :icon="localeIcon(item.locale)" />
+                    <span>{{ localeLabel(item.locale) }}</span>
+                  </button>
+                </InputGroupButton>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent align="start">
+                <DropdownMenuItem
+                  v-for="locale in availableLocales(index)"
+                  :key="locale"
+                  data-slot="locale-option"
+                  :data-locale-option="locale"
+                  @select="updateLocale(index, locale)"
+                >
+                  <Icon :icon="localeIcon(locale)" />
+                  <span>{{ localeLabel(locale) }}</span>
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
+
+            <span
+              v-else
+              data-slot="locale-icon"
+              class="flex items-center gap-2 text-zinc-500"
+            >
+              <Icon :icon="localeIcon(item.locale)" />
+              <span>{{ localeLabel(item.locale) }}</span>
+            </span>
+
+            <div class="flex items-center gap-2">
+              <Icon
+                v-if="props.markdown"
+                data-slot="locale-markdown-indicator"
+                icon="fluent:markdown-20-regular"
+                class="text-purple-600"
+                aria-label="支持 Markdown"
+              />
+              <InputGroupButton
+                v-if="canAiTranslate(item.locale) || isAiTranslating(item.locale)"
+                size="icon-xs"
+                as-child
+              >
+                <button
+                  type="button"
+                  data-slot="locale-translate"
+                  :disabled="isAiTranslating(item.locale) || !canAiTranslate(item.locale)"
+                  :aria-label="`AI \u7FFB\u8BD1\uFF1A${localeLabel(item.locale)}`"
+                  @click="onAiTranslate(item.locale)"
+                >
+                  <Icon
+                    :icon="isAiTranslating(item.locale) ? 'fluent:arrow-sync-20-regular' : 'fluent:magic-wand-20-regular'"
+                    :class="isAiTranslating(item.locale) ? 'animate-spin' : ''"
+                  />
+                </button>
+              </InputGroupButton>
+              <InputGroupButton
+                variant="destructive"
+                size="icon-xs"
+                as-child
+              >
+                <button
+                  type="button"
+                  data-slot="locale-delete"
+                  :disabled="item.locale === 'zh'"
+                  :aria-label="`\u5220\u9664\u8BED\u8A00\uFF1A${localeLabel(item.locale)}`"
+                  @click="removeLocale(index)"
+                >
+                  <Icon icon="fluent:delete-20-regular" />
+                </button>
+              </InputGroupButton>
+            </div>
+          </div>
+        </InputGroupAddon>
+
+        <InputGroupAddon v-else>
           <DropdownMenu v-if="item.locale !== 'zh' && availableLocales(index).length > 0">
             <DropdownMenuTrigger as-child>
               <InputGroupButton
-                size="sm"
+                size="icon-sm"
                 as-child
               >
                 <button
                   type="button"
                   data-slot="locale-trigger"
-                  class="text-zinc-500 transition-colors hover:text-zinc-700"
+                  class="text-zinc-500 transition-colors hover:text-zinc-700 [&_svg:not([class*='size-'])]:size-3.5"
                   :aria-label="`\u9009\u62E9\u8BED\u8A00\uFF1A${localeLabel(item.locale)}`"
                 >
                   <Icon :icon="localeIcon(item.locale)" />
-                  <span>{{ localeLabel(item.locale) }}</span>
                 </button>
               </InputGroupButton>
             </DropdownMenuTrigger>
@@ -178,163 +272,79 @@ async function onAiTranslate(locale) {
               </DropdownMenuItem>
             </DropdownMenuContent>
           </DropdownMenu>
-
           <span
             v-else
             data-slot="locale-icon"
-            class="flex items-center gap-2 text-zinc-500"
+            class="-ml-[0.45rem] flex size-8 items-center justify-center text-zinc-500"
           >
             <Icon :icon="localeIcon(item.locale)" />
-            <span>{{ localeLabel(item.locale) }}</span>
           </span>
+        </InputGroupAddon>
 
-          <div class="flex items-center gap-2">
-            <Icon
-              v-if="props.markdown"
-              data-slot="locale-markdown-indicator"
-              icon="fluent:markdown-20-regular"
-              class="text-purple-600"
-              aria-label="支持 Markdown"
-            />
-            <InputGroupButton
-              v-if="canAiTranslate(item.locale) || isAiTranslating(item.locale)"
-              size="icon-xs"
-              as-child
-            >
-              <button
-                type="button"
-                data-slot="locale-translate"
-                :disabled="isAiTranslating(item.locale) || !canAiTranslate(item.locale)"
-                :aria-label="`AI \u7FFB\u8BD1\uFF1A${localeLabel(item.locale)}`"
-                @click="onAiTranslate(item.locale)"
-              >
-                <Icon
-                  :icon="isAiTranslating(item.locale) ? 'fluent:arrow-sync-20-regular' : 'fluent:magic-wand-20-regular'"
-                  :class="isAiTranslating(item.locale) ? 'animate-spin' : ''"
-                />
-              </button>
-            </InputGroupButton>
-            <InputGroupButton
-              variant="destructive"
-              size="icon-xs"
-              as-child
-            >
-              <button
-                type="button"
-                data-slot="locale-delete"
-                :disabled="item.locale === 'zh'"
-                :aria-label="`\u5220\u9664\u8BED\u8A00\uFF1A${localeLabel(item.locale)}`"
-                @click="removeLocale(index)"
-              >
-                <Icon icon="fluent:delete-20-regular" />
-              </button>
-            </InputGroupButton>
-          </div>
-        </div>
-      </InputGroupAddon>
+        <InputGroupInput
+          v-if="!props.multiline"
+          data-slot="locale-input"
+          :model-value="item.message"
+          :placeholder="props.placeholder ?? (props.floating ? '' : localeLabel(item.locale))"
+          @update:model-value="handleMessageUpdate(index, $event)"
+        />
 
-      <InputGroupAddon v-else>
-        <DropdownMenu v-if="item.locale !== 'zh' && availableLocales(index).length > 0">
-          <DropdownMenuTrigger as-child>
-            <InputGroupButton
-              size="icon-sm"
-              as-child
-            >
-              <button
-                type="button"
-                data-slot="locale-trigger"
-                class="text-zinc-500 transition-colors hover:text-zinc-700 [&_svg:not([class*='size-'])]:size-3.5"
-                :aria-label="`\u9009\u62E9\u8BED\u8A00\uFF1A${localeLabel(item.locale)}`"
-              >
-                <Icon :icon="localeIcon(item.locale)" />
-              </button>
-            </InputGroupButton>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="start">
-            <DropdownMenuItem
-              v-for="locale in availableLocales(index)"
-              :key="locale"
-              data-slot="locale-option"
-              :data-locale-option="locale"
-              @select="updateLocale(index, locale)"
-            >
-              <Icon :icon="localeIcon(locale)" />
-              <span>{{ localeLabel(locale) }}</span>
-            </DropdownMenuItem>
-          </DropdownMenuContent>
-        </DropdownMenu>
-        <span
+        <InputGroupTextarea
           v-else
-          data-slot="locale-icon"
-          class="-ml-[0.45rem] flex size-8 items-center justify-center text-zinc-500"
-        >
-          <Icon :icon="localeIcon(item.locale)" />
-        </span>
-      </InputGroupAddon>
-
-      <InputGroupInput
-        v-if="!props.multiline"
-        data-slot="locale-input"
-        :model-value="item.message"
-        :placeholder="localeLabel(item.locale)"
-        @update:model-value="handleMessageUpdate(index, $event)"
-      />
-
-      <InputGroupTextarea
-        v-else
-        data-slot="locale-textarea"
-        class="min-h-32"
-        :model-value="item.message"
-        :placeholder="localeLabel(item.locale)"
-        @update:model-value="handleMessageUpdate(index, $event)"
-      />
-
-      <InputGroupAddon
-        v-if="!props.multiline"
-        align="inline-end"
-      >
-        <Icon
-          v-if="props.markdown"
-          data-slot="locale-markdown-indicator"
-          icon="fluent:markdown-20-regular"
-          class="text-purple-600"
-          aria-label="支持 Markdown"
+          data-slot="locale-textarea"
+          class="min-h-32"
+          :model-value="item.message"
+          :placeholder="props.placeholder ?? (props.floating ? '' : localeLabel(item.locale))"
+          @update:model-value="handleMessageUpdate(index, $event)"
         />
-        <InputGroupButton
-          v-if="canAiTranslate(item.locale) || isAiTranslating(item.locale)"
-          size="icon-xs"
-          as-child
+
+        <InputGroupAddon
+          v-if="!props.multiline"
+          align="inline-end"
         >
-          <button
-            type="button"
-            data-slot="locale-translate"
-            :disabled="isAiTranslating(item.locale) || !canAiTranslate(item.locale)"
-            :aria-label="`AI \u7FFB\u8BD1\uFF1A${localeLabel(item.locale)}`"
-            @click="onAiTranslate(item.locale)"
+          <Icon
+            v-if="props.markdown"
+            data-slot="locale-markdown-indicator"
+            icon="fluent:markdown-20-regular"
+            class="text-purple-600"
+            aria-label="支持 Markdown"
+          />
+          <InputGroupButton
+            v-if="canAiTranslate(item.locale) || isAiTranslating(item.locale)"
+            size="icon-xs"
+            as-child
           >
-            <Icon
-              :icon="isAiTranslating(item.locale) ? 'fluent:arrow-sync-20-regular' : 'fluent:magic-wand-20-regular'"
-              :class="isAiTranslating(item.locale) ? 'animate-spin' : ''"
-            />
-          </button>
-        </InputGroupButton>
-        <InputGroupButton
-          variant="destructive"
-          size="icon-xs"
-          as-child
-        >
-          <button
-            type="button"
-            data-slot="locale-delete"
-            :disabled="item.locale === 'zh'"
-            :aria-label="`\u5220\u9664\u8BED\u8A00\uFF1A${localeLabel(item.locale)}`"
-            @click="removeLocale(index)"
+            <button
+              type="button"
+              data-slot="locale-translate"
+              :disabled="isAiTranslating(item.locale) || !canAiTranslate(item.locale)"
+              :aria-label="`AI \u7FFB\u8BD1\uFF1A${localeLabel(item.locale)}`"
+              @click="onAiTranslate(item.locale)"
+            >
+              <Icon
+                :icon="isAiTranslating(item.locale) ? 'fluent:arrow-sync-20-regular' : 'fluent:magic-wand-20-regular'"
+                :class="isAiTranslating(item.locale) ? 'animate-spin' : ''"
+              />
+            </button>
+          </InputGroupButton>
+          <InputGroupButton
+            variant="destructive"
+            size="icon-xs"
+            as-child
           >
-            <Icon icon="fluent:delete-20-regular" />
-          </button>
-        </InputGroupButton>
-      </InputGroupAddon>
-    </InputGroup>
+            <button
+              type="button"
+              data-slot="locale-delete"
+              :disabled="item.locale === 'zh'"
+              :aria-label="`\u5220\u9664\u8BED\u8A00\uFF1A${localeLabel(item.locale)}`"
+              @click="removeLocale(index)"
+            >
+              <Icon icon="fluent:delete-20-regular" />
+            </button>
+          </InputGroupButton>
+        </InputGroupAddon>
+      </InputGroup>
+    </Field>
 
     <Button
       type="button"

package/dist/runtime/components/ui/locale/Locale.vue.d.ts

@@ -5,6 +5,8 @@ type __VLS_Props = {
     class?: HTMLAttributes['class'];
     multiline?: boolean;
     markdown?: boolean;
+    floating?: boolean;
+    placeholder?: string;
     translateHint?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/dist/runtime/share/form-validate.d.ts

@@ -0,0 +1,18 @@
+import { type InjectionKey } from 'vue';
+/**
+ * A form-scoped "validate me" callback. Resolves `true` when the enclosing
+ * `<Form>` has no `error`-severity validation results (and reveals the errors
+ * on the way out either way).
+ *
+ * Lives in `share/` — the neutral ground for host↔button contracts, alongside
+ * `event-bus` — so a host-agnostic action button can run pre-submit validation
+ * without importing the form module. The form host provides the callback; a
+ * submit-style button injects it and always validates before firing. This is
+ * the transitional seam: the final design dispatches a fallible `validate`
+ * operation over the event bus instead, at which point this key retires.
+ */
+export type FormValidate = () => Promise<boolean>;
+export declare const FORM_VALIDATE_KEY: InjectionKey<FormValidate>;
+export declare function provideFormValidate(validate: FormValidate): void;
+/** Inject the enclosing form's validate callback, or `undefined` outside a form. */
+export declare function useFormValidate(): FormValidate | undefined;

package/dist/runtime/share/form-validate.js

@@ -0,0 +1,8 @@
+import { inject, provide } from "vue";
+export const FORM_VALIDATE_KEY = Symbol("shwfed/form-validate");
+export function provideFormValidate(validate) {
+  provide(FORM_VALIDATE_KEY, validate);
+}
+export function useFormValidate() {
+  return inject(FORM_VALIDATE_KEY, void 0);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/config",
-  "version": "2.3.29",
+  "version": "2.4.1",
   "description": "Configurable UI for SHWFED",
   "type": "module",
   "publishConfig": {