@shwfed/config 2.3.3 → 2.3.4

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "shwfed",
   "configKey": "shwfed",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/components/actions/components/group.d.vue.ts

@@ -53,6 +53,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
             }[]];
             readonly icon?: string | undefined;
             readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
             readonly items: readonly {
                 readonly disabled?: string | undefined;
                 readonly id: string;
@@ -121,6 +122,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
             }[]];
             readonly icon?: string | undefined;
             readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
             readonly items: readonly {
                 readonly disabled?: string | undefined;
                 readonly id: string;

package/dist/runtime/components/actions/components/group.vue

@@ -448,7 +448,7 @@ async function runButton(buttonId) {
                   v-else-if="item.icon"
                   :icon="item.icon"
                 />
-                <span>{{ getDropdownLabel(item) }}</span>
+                <span v-if="!item.hideTitle">{{ getDropdownLabel(item) }}</span>
               </Button>
             </DropdownMenuTrigger>
 

package/dist/runtime/components/actions/components/group.vue.d.ts

@@ -53,6 +53,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
             }[]];
             readonly icon?: string | undefined;
             readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
             readonly items: readonly {
                 readonly disabled?: string | undefined;
                 readonly id: string;
@@ -121,6 +122,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
             }[]];
             readonly icon?: string | undefined;
             readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
             readonly items: readonly {
                 readonly disabled?: string | undefined;
                 readonly id: string;

package/dist/runtime/components/actions/config.d.vue.ts

@@ -51,6 +51,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
             }[]];
             readonly icon?: string | undefined;
             readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
             readonly items: readonly {
                 readonly disabled?: string | undefined;
                 readonly id: string;
@@ -119,6 +120,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
             }[]];
             readonly icon?: string | undefined;
             readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
             readonly items: readonly {
                 readonly disabled?: string | undefined;
                 readonly id: string;

package/dist/runtime/components/actions/config.vue

@@ -1159,25 +1159,52 @@ const newGroupZoneId = (insertIndex) => `new-group-${insertIndex}`;
               />
             </Field>
 
-            <Field orientation="vertical">
-              <FieldLabel class="text-xs text-zinc-500">
-                <template
-                  v-if="dropdownItemFieldDescription('icon')"
-                  #tooltip
-                >
-                  <Markdown
-                    :source="dropdownItemFieldDescription('icon')"
-                    block
-                    class="prose prose-sm prose-zinc"
-                  />
-                </template>
-                {{ dropdownItemFieldTitle("icon") }}
-              </FieldLabel>
-              <IconPicker
-                :model-value="selectedDropdownItem.icon ?? ''"
-                @update:model-value="(v) => patchSelectedDropdownItem((it) => setOptionalString(it, 'icon', v))"
-              />
-            </Field>
+            <div class="flex items-end gap-4">
+              <Field
+                orientation="vertical"
+                class="flex-1"
+              >
+                <FieldLabel class="text-xs text-zinc-500">
+                  <template
+                    v-if="dropdownItemFieldDescription('icon')"
+                    #tooltip
+                  >
+                    <Markdown
+                      :source="dropdownItemFieldDescription('icon')"
+                      block
+                      class="prose prose-sm prose-zinc"
+                    />
+                  </template>
+                  {{ dropdownItemFieldTitle("icon") }}
+                </FieldLabel>
+                <IconPicker
+                  :model-value="selectedDropdownItem.icon ?? ''"
+                  @update:model-value="(v) => patchSelectedDropdownItem((it) => setOptionalString(it, 'icon', v))"
+                />
+              </Field>
+              <Field
+                orientation="horizontal"
+                class="h-9 w-auto gap-2"
+              >
+                <Switch
+                  :model-value="selectedDropdownItem.hideTitle ?? false"
+                  @update:model-value="(v) => patchSelectedDropdownItem((it) => setOptionalBoolean(it, 'hideTitle', v))"
+                />
+                <FieldLabel class="text-sm text-zinc-600">
+                  <template
+                    v-if="dropdownItemFieldDescription('hideTitle')"
+                    #tooltip
+                  >
+                    <Markdown
+                      :source="dropdownItemFieldDescription('hideTitle')"
+                      block
+                      class="prose prose-sm prose-zinc"
+                    />
+                  </template>
+                  {{ dropdownItemFieldTitle("hideTitle") }}
+                </FieldLabel>
+              </Field>
+            </div>
 
             <p class="text-xs text-zinc-400">
               下拉按钮的下拉项以独立行的形式编辑，选中任意下拉项即可修改其属性。

package/dist/runtime/components/actions/config.vue.d.ts

@@ -51,6 +51,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
             }[]];
             readonly icon?: string | undefined;
             readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
             readonly items: readonly {
                 readonly disabled?: string | undefined;
                 readonly id: string;
@@ -119,6 +120,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
             }[]];
             readonly icon?: string | undefined;
             readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
             readonly items: readonly {
                 readonly disabled?: string | undefined;
                 readonly id: string;

package/dist/runtime/components/actions/schema.d.ts

@@ -39,6 +39,7 @@ export declare function ActionSchemaFields(configure: (env: Environment) => void
             message: Schema.SchemaClass<string, string, never>;
         }>]>;
         icon: Schema.optional<Schema.SchemaClass<string, string, never>>;
+        hideTitle: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
         items: Schema.Array$<Schema.Struct<{
             id: Schema.refine<string, typeof Schema.String>;
             title: Schema.TupleType<readonly [Schema.Struct<{
@@ -119,6 +120,7 @@ export declare function ActionSchemaFields(configure: (env: Environment) => void
             message: Schema.SchemaClass<string, string, never>;
         }>]>;
         icon: Schema.optional<Schema.SchemaClass<string, string, never>>;
+        hideTitle: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
         items: Schema.Array$<Schema.Struct<{
             id: Schema.refine<string, typeof Schema.String>;
             title: Schema.TupleType<readonly [Schema.Struct<{
@@ -188,6 +190,7 @@ export declare function ActionSchemaFields(configure: (env: Environment) => void
                 message: Schema.SchemaClass<string, string, never>;
             }>]>;
             icon: Schema.optional<Schema.SchemaClass<string, string, never>>;
+            hideTitle: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
             items: Schema.Array$<Schema.Struct<{
                 id: Schema.refine<string, typeof Schema.String>;
                 title: Schema.TupleType<readonly [Schema.Struct<{
@@ -259,6 +262,7 @@ export declare function ActionsConfig(configure: (env: Environment) => void): Sc
             message: Schema.SchemaClass<string, string, never>;
         }>]>;
         icon: Schema.optional<Schema.SchemaClass<string, string, never>>;
+        hideTitle: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
         items: Schema.Array$<Schema.Struct<{
             id: Schema.refine<string, typeof Schema.String>;
             title: Schema.TupleType<readonly [Schema.Struct<{

package/dist/runtime/components/actions/schema.js

@@ -90,6 +90,15 @@ export function ActionSchemaFields(configure) {
       title: "\u56FE\u6807",
       description: "Iconify \u56FE\u6807\u6807\u8BC6\u7B26"
     })),
+    hideTitle: Schema.optional(Schema.Boolean.annotations({
+      title: "\u4EC5\u663E\u793A\u56FE\u6807",
+      description: md`
+        隐藏下拉按钮触发器的文字内容，仅显示其图标。常见于有一定关联隐喻的下拉按钮，如
+
+        - 异步下载与下载历史：下载历史仅展示历史图标
+        - 收集归纳多种操作：直接下载作为主要按钮，其他下载形式（如异步下载、自定义下载）放置于其后
+      `
+    })),
     items: Schema.Array(DropdownAction).annotations({
       description: "\u4E0B\u62C9\u6309\u94AE\u5185\u7684\u6309\u94AE\u5217\u8868"
     })

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.actions/config.d.vue.ts

@@ -46,6 +46,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 }[]];
                 readonly icon?: string | undefined;
                 readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
                 readonly items: readonly {
                     readonly disabled?: string | undefined;
                     readonly id: string;
@@ -119,6 +120,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 }[]];
                 readonly icon?: string | undefined;
                 readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
                 readonly items: readonly {
                     readonly disabled?: string | undefined;
                     readonly id: string;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.actions/config.vue.d.ts

@@ -46,6 +46,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 }[]];
                 readonly icon?: string | undefined;
                 readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
                 readonly items: readonly {
                     readonly disabled?: string | undefined;
                     readonly id: string;
@@ -119,6 +120,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 }[]];
                 readonly icon?: string | undefined;
                 readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
                 readonly items: readonly {
                     readonly disabled?: string | undefined;
                     readonly id: string;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.actions/runtime.d.vue.ts

@@ -51,6 +51,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }[]];
                 readonly icon?: string | undefined;
                 readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
                 readonly items: readonly {
                     readonly disabled?: string | undefined;
                     readonly id: string;
@@ -124,6 +125,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }[]];
                 readonly icon?: string | undefined;
                 readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
                 readonly items: readonly {
                     readonly disabled?: string | undefined;
                     readonly id: string;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.actions/runtime.vue.d.ts

@@ -51,6 +51,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }[]];
                 readonly icon?: string | undefined;
                 readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
                 readonly items: readonly {
                     readonly disabled?: string | undefined;
                     readonly id: string;
@@ -124,6 +125,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }[]];
                 readonly icon?: string | undefined;
                 readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
                 readonly items: readonly {
                     readonly disabled?: string | undefined;
                     readonly id: string;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.actions/schema.d.ts

@@ -67,6 +67,7 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
                 message: Schema.SchemaClass<string, string, never>;
             }>]>;
             icon: Schema.optional<Schema.SchemaClass<string, string, never>>;
+            hideTitle: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
             items: Schema.Array$<Schema.Struct<{
                 id: Schema.refine<string, typeof Schema.String>;
                 title: Schema.TupleType<readonly [Schema.Struct<{

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/config.d.vue.ts

@@ -77,6 +77,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                     }[]];
                     readonly icon?: string | undefined;
                     readonly groupId: string;
+                    readonly hideTitle?: boolean | undefined;
                     readonly items: readonly {
                         readonly disabled?: string | undefined;
                         readonly id: string;
@@ -253,6 +254,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                     }[]];
                     readonly icon?: string | undefined;
                     readonly groupId: string;
+                    readonly hideTitle?: boolean | undefined;
                     readonly items: readonly {
                         readonly disabled?: string | undefined;
                         readonly id: string;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/config.vue.d.ts

@@ -77,6 +77,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                     }[]];
                     readonly icon?: string | undefined;
                     readonly groupId: string;
+                    readonly hideTitle?: boolean | undefined;
                     readonly items: readonly {
                         readonly disabled?: string | undefined;
                         readonly id: string;
@@ -253,6 +254,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                     }[]];
                     readonly icon?: string | undefined;
                     readonly groupId: string;
+                    readonly hideTitle?: boolean | undefined;
                     readonly items: readonly {
                         readonly disabled?: string | undefined;
                         readonly id: string;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/runtime.d.vue.ts

@@ -72,6 +72,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     }[]];
                     readonly icon?: string | undefined;
                     readonly groupId: string;
+                    readonly hideTitle?: boolean | undefined;
                     readonly items: readonly {
                         readonly disabled?: string | undefined;
                         readonly id: string;
@@ -248,6 +249,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     }[]];
                     readonly icon?: string | undefined;
                     readonly groupId: string;
+                    readonly hideTitle?: boolean | undefined;
                     readonly items: readonly {
                         readonly disabled?: string | undefined;
                         readonly id: string;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/runtime.vue.d.ts

@@ -72,6 +72,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     }[]];
                     readonly icon?: string | undefined;
                     readonly groupId: string;
+                    readonly hideTitle?: boolean | undefined;
                     readonly items: readonly {
                         readonly disabled?: string | undefined;
                         readonly id: string;
@@ -248,6 +249,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     }[]];
                     readonly icon?: string | undefined;
                     readonly groupId: string;
+                    readonly hideTitle?: boolean | undefined;
                     readonly items: readonly {
                         readonly disabled?: string | undefined;
                         readonly id: string;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/schema.d.ts

@@ -87,6 +87,7 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
                 }[]];
                 readonly icon?: string | undefined;
                 readonly groupId: string;
+                readonly hideTitle?: boolean | undefined;
                 readonly items: readonly {
                     readonly disabled?: string | undefined;
                     readonly id: string;
@@ -265,6 +266,7 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
                     message: Schema.SchemaClass<string, string, never>;
                 }>]>;
                 icon: Schema.optional<Schema.SchemaClass<string, string, never>>;
+                hideTitle: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
                 items: Schema.Array$<Schema.Struct<{
                     id: Schema.refine<string, typeof Schema.String>;
                     title: Schema.TupleType<readonly [Schema.Struct<{

package/dist/runtime/components/form/fields/2026-04-24/com.shwfed.form.field.actions/config.d.vue.ts

@@ -45,6 +45,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[]];
             readonly icon?: string | undefined;
             readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
             readonly items: readonly {
                 readonly disabled?: string | undefined;
                 readonly id: string;
@@ -116,6 +117,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[]];
             readonly icon?: string | undefined;
             readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
             readonly items: readonly {
                 readonly disabled?: string | undefined;
                 readonly id: string;

package/dist/runtime/components/form/fields/2026-04-24/com.shwfed.form.field.actions/config.vue.d.ts

@@ -45,6 +45,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[]];
             readonly icon?: string | undefined;
             readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
             readonly items: readonly {
                 readonly disabled?: string | undefined;
                 readonly id: string;
@@ -116,6 +117,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             }[]];
             readonly icon?: string | undefined;
             readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
             readonly items: readonly {
                 readonly disabled?: string | undefined;
                 readonly id: string;

package/dist/runtime/components/form/fields/2026-04-24/com.shwfed.form.field.actions/schema.d.ts

@@ -57,6 +57,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
             message: Schema.SchemaClass<string, string, never>;
         }>]>;
         icon: Schema.optional<Schema.SchemaClass<string, string, never>>;
+        hideTitle: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
         items: Schema.Array$<Schema.Struct<{
             id: Schema.refine<string, typeof Schema.String>;
             title: Schema.TupleType<readonly [Schema.Struct<{

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.actions/schema.d.ts

@@ -53,6 +53,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
             message: Schema.SchemaClass<string, string, never>;
         }>]>;
         icon: Schema.optional<Schema.SchemaClass<string, string, never>>;
+        hideTitle: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
         items: Schema.Array$<Schema.Struct<{
             id: Schema.refine<string, typeof Schema.String>;
             title: Schema.TupleType<readonly [Schema.Struct<{

package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.combobox-single/runtime.vue

@@ -194,7 +194,7 @@ const anyHasTooltip = computed(
         </InputGroup>
       </PopoverAnchor>
       <PopoverContent
-        class="p-0"
+        class="w-auto p-0 [&_[data-slot=command-input-wrapper]]:h-7 [&_[data-slot=command-input-wrapper]]:px-2 [&_[data-slot=command-input-wrapper]_svg]:size-3 [&_[data-slot=command-input]]:h-7 [&_[data-slot=command-input]]:py-0 [&_[data-slot=command-input]]:text-[0.75rem] [&_[data-slot=command-item]]:px-2 [&_[data-slot=command-item]]:py-1 [&_[data-slot=command-item]]:text-[0.75rem]"
         :style="{ width: 'var(--reka-popover-trigger-width)' }"
       >
         <Command
@@ -205,7 +205,7 @@ const anyHasTooltip = computed(
         >
           <CommandInput :placeholder="t('combobox-single-search-placeholder')" />
           <CommandList>
-            <CommandEmpty class="py-6 text-center text-sm text-zinc-500">
+            <CommandEmpty class="py-3 text-center text-[0.75rem] text-zinc-500">
               {{ t("combobox-single-empty") }}
             </CommandEmpty>
             <CommandGroup>
@@ -222,12 +222,12 @@ const anyHasTooltip = computed(
           </CommandList>
           <div
             v-if="anyHasTooltip && hoveredTooltip"
-            class="border-t border-zinc-200 px-3 py-2"
+            class="border-t border-zinc-200 px-2 py-1.5"
           >
             <Markdown
               :source="hoveredTooltip"
               block
-              class="prose prose-sm prose-zinc"
+              class="prose prose-xs prose-zinc"
             />
           </div>
         </Command>

package/dist/runtime/components/table/schema.d.ts

@@ -166,6 +166,7 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
             }[]];
             readonly icon?: string | undefined;
             readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
             readonly items: readonly {
                 readonly disabled?: string | undefined;
                 readonly id: string;
@@ -344,6 +345,7 @@ export declare function TableConfig(configure: (env: Environment) => void): Sche
                 message: Schema.SchemaClass<string, string, never>;
             }>]>;
             icon: Schema.optional<Schema.SchemaClass<string, string, never>>;
+            hideTitle: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
             items: Schema.Array$<Schema.Struct<{
                 id: Schema.refine<string, typeof Schema.String>;
                 title: Schema.TupleType<readonly [Schema.Struct<{
@@ -546,6 +548,7 @@ export declare function createTableConfig(body: Omit<Schema.Schema.Type<ReturnTy
             }[]];
             readonly icon?: string | undefined;
             readonly groupId: string;
+            readonly hideTitle?: boolean | undefined;
             readonly items: readonly {
                 readonly disabled?: string | undefined;
                 readonly id: string;

package/dist/runtime/components/table/utils/row-reorder.js

@@ -5,7 +5,6 @@ import {
   dropTargetForElements
 } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import { setCustomNativeDragPreview } from "@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview";
-import { preserveOffsetOnSource } from "@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source";
 import {
   attachInstruction,
   extractInstruction
@@ -49,10 +48,22 @@ export function useRowReorder(options) {
         onGenerateDragPreview: ({ nativeSetDragImage, location, source }) => {
           setCustomNativeDragPreview({
             nativeSetDragImage,
-            getOffset: preserveOffsetOnSource({
-              element: source.element,
-              input: location.current.input
-            }),
+            // Anchor the preview to the grip's rect, not the row's. The row is
+            // virtualized (`position: absolute` + `translate3d`) so its
+            // bounding box shifts with vertical scroll and `preserveOffsetOnSource`
+            // pulls the preview off the pointer once the table has been
+            // scrolled. The grip is always rendered exactly where the user
+            // clicked AND sits at the row's leading edge, so offsetting from
+            // it keeps the start of the line pinned under the cursor in
+            // every scroll state.
+            getOffset: ({ container }) => {
+              const containerRect = container.getBoundingClientRect();
+              const handleRect = handleEl.getBoundingClientRect();
+              return {
+                x: Math.max(0, Math.min(location.current.input.clientX - handleRect.left, containerRect.width)),
+                y: Math.max(0, Math.min(location.current.input.clientY - handleRect.top, containerRect.height))
+              };
+            },
             render: ({ container }) => {
               const src = source.element;
               const rect = src.getBoundingClientRect();

package/dist/runtime/vendor/cel-js/CLAUDE.md

@@ -22,6 +22,9 @@ The custom `Optional` class has been replaced with Effect's `Option` type (`impo
 
 An `http` built-in has been added (`http-builtins.ts`, `http-builder.ts`) — not from upstream. It registers the `http` constant and the `http` / `HttpRequest` types on `globalRegistry`, so `http.get(url).header(...).body(...)` expressions type-check and evaluate in every `Environment`. A CEL expression only builds an `HttpRequestBuilder` — a pure description of a request; it never issues one. Both terminal methods, `.json()` and `.file()`, are dispatched by the host on the returned builder (neither is a CEL method), so expression evaluation stays free of IO. Endpoints must be absolute URLs — there is no base-URL resolution. Depends on `fx-fetch`. The host can register process-wide default headers via `HttpRequestBuilder.setDefaultHeader(name, valueOrGetter)` / `clearDefaultHeader(name)`; they are merged in at `#buildRequest()` time, with case-insensitive precedence to an explicit `.header(...)` on the builder. A getter that returns `null` / `undefined` / `''` skips the header for that request, so the host can source values from live refs (e.g. the active i18n locale for `Accept-Language`) without baking in stale snapshots.
 
+A `form(dyn): FormData` built-in has been added (`form-builtins.ts`) — not from upstream. It registers the `FormData` type on `globalRegistry` and a global `form` function that turns a CEL map into a native `FormData`, so authors can write `http.post(url).body(form({"file": myFile, "name": "Alice"}))` (`.body()` already passes `FormData` through verbatim and `fetch` sets the multipart boundary). Value coercion mirrors `.query()`'s flat-record semantics: `null` / `undefined` / `Option.None` skip the key; `Option.Some(x)` recurses on `x`; `File` / `Blob` pass through (preserves the `File` filename); `Decimal` → `.toString()` (preserves precision past safe-integer); `Date` (`TZDate`) → `.toISOString()`; `bool` → `'true'` / `'false'`; arrays append one entry per element; nested objects throw (`multipart/form-data` is flat — same rule as `.query(dyn)`). Top-level input must be a map literal / record (Map or plain object); passing an array or scalar throws.
+The `__proto__` / `constructor` / `prototype` keys are skipped on the top-level record, mirroring `safeFromEntries`.
+
 A `JSON` built-in namespace has been added (`json-builtins.ts`) — not from upstream. It registers a `JSON` brand class and a same-named constant on `globalRegistry`, so `JSON.parse(string): dyn` and `JSON.stringify(dyn): string` resolve in every `Environment`. The CEL-side surface mirrors the JS globals deliberately. `JSON.parse` is a thin wrapper over `globalThis.JSON.parse` — numbers come back as plain JS `number` (the evaluator coerces via `Decimal.from` at use time). `JSON.stringify` pre-walks the value via `normalizeForJSON` before handing it to `globalThis.JSON.stringify`: `Decimal` → JS number (via `.toNumber()` — loses precision past safe-integer range, deliberate trade-off for idiomatic JSON output), `Option.Some(x)` → `x`, `Option.None` → `null`, `Map` → plain object, `Date`/`TZDate` passes through so its built-in `toJSON` emits ISO 8601. The pre-walk is required because Effect's `Option` defines its own `toJSON()` that runs before any replacer would see it.
 
 Spread syntax (`...expr`) inside list and map literals — not from upstream. A new `ELLIPSIS` token (3-char lookahead in the lexer) and a `spread` AST op let `[1, ...a, 4]` and `{...a, "x": 1, ...b}` desugar inside the parent literal. The spread node's own `check`/`evaluate` are defensive stubs — `parsePrimary` never produces one, so `...` outside a list/map is an "unexpected token" parse error. List `args` shape is unchanged (`IASTNode[]`, with spread elements detected via `op === 'spread'`); map `args` becomes `([IASTNode, IASTNode] | [IASTNode])[]` — a length-1 tuple represents a spread entry, preserving positional ordering for override semantics (later writes win). The fast path is preserved: the `list`/`map` `check` swaps `evaluate` meta to `evaluateSpreadList`/`evaluateSpreadMap` only when a spread child is present; literals without spreads run the original `resolveAstArray`/`safeFromEntries` paths byte-for-byte. Spread map sources may be plain objects, `Map` instances, or registered message types (typed as `map<string, dyn>`); the `__proto__`/`constructor`/`prototype` skip from `safeFromEntries` is applied to spread sources too. Runtime errors fire on non-list/non-map sources (including `null`). `maxListElements` / `maxMapEntries` count a spread as one entry — runtime expansion bypasses those caps (deliberate trade-off). Call-argument spread (`f(...args)`) is **not** supported.
@@ -42,6 +45,7 @@ lib/
 ├── http-builtins.ts  — `http` constant + http/HttpRequest types (local addition)
 ├── http-builder.ts   — `HttpRequestBuilder` — what an http.* expression returns
 ├── json-builtins.ts  — `JSON` constant + `JSON.parse` / `JSON.stringify` (local addition)
+├── form-builtins.ts  — `form(map): FormData` global + `FormData` type (local addition)
 ├── decimal.ts        — Decimal class (arbitrary precision)
 ├── optional.ts       — Optional type support (uses Effect Option)
 ├── serialize.ts      — AST back to CEL string
@@ -73,7 +77,7 @@ Internal-only (not re-exported from `index.js`): `parse`, standalone `evaluate`/
 
 Primitives: `string`, `bool`, `number`, `bytes`, `null_type`, `type`
 Composites: `list<T>`, `map<K, V>`, `optional<T>`, `dyn`, `message`
-Custom: `Date` (backed by `TZDate` from `@date-fns/tz`), `URL` (backed by the native `URL`; method `URL.param(string): string` reads a search param), `File` (native), `http` / `HttpRequest` (local addition — see `http-builtins.ts`)
+Custom: `Date` (backed by `TZDate` from `@date-fns/tz`), `URL` (backed by the native `URL`; method `URL.param(string): string` reads a search param), `File` (native), `FormData` (native — see `form-builtins.ts`), `http` / `HttpRequest` (local addition — see `http-builtins.ts`)
 
 ## Function Signature Format
 

package/dist/runtime/vendor/cel-js/PROMPT.md

@@ -174,6 +174,25 @@ unwrapped first so the output is plain JSON — numbers (CEL's `Decimal`) become
 JS numbers, optionals become their value (or `null` when empty), and `Date`
 values become ISO 8601 strings.
 
+### FormData
+```cel
+// Build multipart/form-data for an upload:
+http.post("https://api.example.com/files")
+  .body(form({"file": myFile, "name": "Alice", "tags": ["a", "b"]}))
+```
+`form(map): FormData` turns a flat record into a native `FormData`. Pass it
+straight to `.body(...)` — `fetch` sets the multipart boundary, so you don't
+need a `Content-Type` header.
+
+Value coercion is flat (same rules as `.query(...)`):
+- `null` / `undefined` / absent `.?` values → key is skipped
+- `Option.Some(x)` → unwrapped to `x`
+- `File` / `Blob` → appended as-is (the `File` filename is preserved)
+- numbers / booleans / dates → coerced to string (`Date` → ISO 8601)
+- arrays → one entry per element under the same key
+- nested objects / maps → error (multipart is flat — use `JSON.stringify(...)`
+  on the value if you need a structured field)
+
 ### Dates
 ```cel
 date("2023-06-15")                   // create a Date

package/dist/runtime/vendor/cel-js/lib/evaluator.js

@@ -4,6 +4,7 @@ import { evaluationError } from "./errors.js";
 import { registerFunctions } from "./functions.js";
 import { registerHttpBuiltins } from "./http-builtins.js";
 import { registerJSONBuiltins } from "./json-builtins.js";
+import { registerFormBuiltins } from "./form-builtins.js";
 import { registerMacros } from "./macros.js";
 import { registerOverloads } from "./overloads.js";
 import { TypeChecker } from "./type-checker.js";
@@ -16,6 +17,7 @@ registerOverloads(globalRegistry);
 registerMacros(globalRegistry);
 registerHttpBuiltins(globalRegistry);
 registerJSONBuiltins(globalRegistry);
+registerFormBuiltins(globalRegistry);
 class Environment {
   #registry;
   #evaluator;

package/dist/runtime/vendor/cel-js/lib/form-builtins.d.ts

@@ -0,0 +1,2 @@
+import type { Registry } from './registry.js.js';
+export declare function registerFormBuiltins(registry: Registry): void;

package/dist/runtime/vendor/cel-js/lib/form-builtins.js

@@ -0,0 +1,58 @@
+import { Option } from "effect";
+import { evaluationError } from "./errors.js";
+import { Decimal } from "./decimal.js";
+function coerceScalar(value) {
+  if (value instanceof Blob) return value;
+  if (value instanceof Decimal) return value.toString();
+  if (value instanceof Date) return value.toISOString();
+  if (typeof value === "string") return value;
+  if (typeof value === "boolean") return value ? "true" : "false";
+  if (typeof value === "number" || typeof value === "bigint") return String(value);
+  throw evaluationError(
+    "invalid_form_value",
+    `form(): unsupported value type ${Object.prototype.toString.call(value)}`
+  );
+}
+function appendEntry(fd, key, value) {
+  if (value === null || value === void 0) return;
+  if (Option.isOption(value)) {
+    if (Option.isSome(value)) appendEntry(fd, key, value.value);
+    return;
+  }
+  if (Array.isArray(value)) {
+    for (const item of value) appendEntry(fd, key, item);
+    return;
+  }
+  if (value instanceof Blob) {
+    fd.append(key, value);
+    return;
+  }
+  if (typeof value === "object" && !(value instanceof Decimal) && !(value instanceof Date)) {
+    throw evaluationError(
+      "invalid_form_value",
+      `form(): nested object values are not supported (key: "${key}")`
+    );
+  }
+  fd.append(key, coerceScalar(value));
+}
+export function registerFormBuiltins(registry) {
+  registry.registerType("FormData", FormData);
+  registry.registerFunctionOverload("form(dyn): FormData", (record) => {
+    if (record === null || record === void 0) {
+      throw evaluationError("invalid_form_value", "form(): expected a map, got null");
+    }
+    const fd = new FormData();
+    if (record instanceof Map) {
+      for (const [k, v] of record) appendEntry(fd, String(k), v);
+      return fd;
+    }
+    if (typeof record !== "object" || Array.isArray(record)) {
+      throw evaluationError("invalid_form_value", "form(): expected a map");
+    }
+    for (const key of Object.keys(record)) {
+      if (key === "__proto__" || key === "constructor" || key === "prototype") continue;
+      appendEntry(fd, key, record[key]);
+    }
+    return fd;
+  });
+}

package/package.json

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