@shwfed/config 2.7.4 → 2.7.6

package/dist/runtime/components/ui/command/CommandItem.d.vue.ts

@@ -10,9 +10,9 @@ type __VLS_Props = ListboxItemProps & {
      */
     keywords?: string;
 };
-declare var __VLS_11: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (event: import("reka-ui").ListboxItemSelectEvent<import("reka-ui").AcceptableValue>) => any;

package/dist/runtime/components/ui/command/CommandItem.vue

@@ -76,6 +76,7 @@ onUnmounted(() => {
     data-slot="command-item"
     :class="cn('data-highlighted:bg-zinc-100 data-highlighted:text-zinc-700 hover:bg-zinc-50 [&_svg:not([class*=\'text-\'])]:text-zinc-700 cursor-pointer relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
     @select="handleSelect"
+    @mousedown.prevent
   >
     <slot />
   </ListboxItem>

package/dist/runtime/components/ui/command/CommandItem.vue.d.ts

@@ -10,9 +10,9 @@ type __VLS_Props = ListboxItemProps & {
      */
     keywords?: string;
 };
-declare var __VLS_11: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (event: import("reka-ui").ListboxItemSelectEvent<import("reka-ui").AcceptableValue>) => any;

package/dist/runtime/components/ui/context-menu/ContextMenuContent.d.vue.ts

@@ -2,7 +2,6 @@ import type { ContextMenuContentProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = ContextMenuContentProps & {
     class?: HTMLAttributes['class'];
-    to?: string | HTMLElement | null;
 };
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/ui/context-menu/ContextMenuContent.vue

@@ -27,16 +27,15 @@ const props = defineProps({
   reference: { type: null, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },
-  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
-  to: { type: null, required: false }
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
 });
 const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"]);
-const delegatedProps = reactiveOmit(props, "class", "to");
+const delegatedProps = reactiveOmit(props, "class");
 const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <ContextMenuPortal :to="to ?? void 0">
+  <ContextMenuPortal>
     <ContextMenuContent
       data-slot="context-menu-content"
       v-bind="{ ...$attrs, ...forwarded }"

package/dist/runtime/components/ui/context-menu/ContextMenuContent.vue.d.ts

@@ -2,7 +2,6 @@ import type { ContextMenuContentProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = ContextMenuContentProps & {
     class?: HTMLAttributes['class'];
-    to?: string | HTMLElement | null;
 };
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/ui/expression-editor/CodeMirrorInput.vue

@@ -41,7 +41,14 @@ const editorTheme = EditorView.theme({
   },
   ".cm-scroller": {
     fontFamily: "var(--font-mono)",
-    lineHeight: "1.5"
+    lineHeight: "1.5",
+    // Behave like a native <input>: a single line that outgrows a narrow editor
+    // scrolls horizontally with the caret, but never surfaces a scrollbar —
+    // whose track would otherwise read as a stray line under the field.
+    scrollbarWidth: "none"
+  },
+  ".cm-scroller::-webkit-scrollbar": {
+    display: "none"
   },
   ".cm-line": {
     padding: "0"
@@ -127,8 +134,16 @@ defineExpose({ insertAtSelection, focus });
     data-slot="input-group-control"
     :class="cn(
   'flex-1 min-w-0 self-stretch overflow-x-auto px-3',
-  props.multiline ? '[&_.cm-content]:min-h-16' : '[&_.cm-scroller]:items-center',
+  // Single-line: `overflow-x-auto` on its own makes the browser promote
+  // `overflow-y` from `visible` to `auto` (CSS spec quirk), so the 1px gap
+  // between the 35px content box and the 34px `h-9` host surfaces a phantom
+  // vertical scrollbar. Pin it hidden — one line never scrolls vertically.
+  props.multiline ? '[&_.cm-content]:min-h-16' : 'overflow-y-hidden [&_.cm-scroller]:items-center',
   props.class
 )"
   />
 </template>
+
+<style scoped>
+[data-slot=input-group-control]{scrollbar-width:none}[data-slot=input-group-control]::-webkit-scrollbar{display:none}
+</style>

package/dist/runtime/components/ui/input-group/InputGroupCombobox.d.vue.ts

@@ -2,16 +2,10 @@ import { type PopoverContentProps } from 'reka-ui';
 type __VLS_Props = PopoverContentProps & {
     disabled?: boolean;
     invalid?: boolean;
-    /**
-     * Render target for the popover portal. Pass a container ref to keep the
-     * dropdown inside (e.g. a fullscreen ancestor); leave unset for the
-     * default body-level portal.
-     */
-    to?: string | HTMLElement | null;
 };
-declare var __VLS_50: {};
+declare var __VLS_52: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_50) => any;
+    default?: (props: typeof __VLS_52) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur: (...args: any[]) => void;

package/dist/runtime/components/ui/input-group/InputGroupCombobox.vue

@@ -5,6 +5,7 @@ import InputGroupComboboxInput from "./InputGroupComboboxInput.vue";
 import { Icon } from "@iconify/vue";
 import { useForwardProps } from "reka-ui";
 import { reactiveOmit } from "@vueuse/core";
+import { ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { getInputGroupReference } from ".";
 const { t } = useI18n({
@@ -39,20 +40,21 @@ const props = defineProps({
   as: { type: null, required: false },
   disableOutsidePointerEvents: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
-  invalid: { type: Boolean, required: false },
-  to: { type: null, required: false }
+  invalid: { type: Boolean, required: false }
 });
 const emits = defineEmits(["blur"]);
-const delegatedProps = reactiveOmit(props, "disabled", "invalid", "to");
+const delegatedProps = reactiveOmit(props, "disabled", "invalid");
 const forwarded = useForwardProps(delegatedProps);
+const open = ref(false);
 </script>
 
 <template>
   <Command
     as-child
     :disabled="props.disabled"
+    @update:model-value="open = false"
   >
-    <Popover>
+    <Popover v-model:open="open">
       <PopoverTrigger
         as="input"
         as-child
@@ -64,7 +66,6 @@ const forwarded = useForwardProps(delegatedProps);
       </PopoverTrigger>
       <PopoverContent
         v-bind="forwarded"
-        :to="props.to ?? void 0"
         :reference="getInputGroupReference().value ?? void 0"
         :style="{
   width: 'var(--reka-popover-trigger-width)'

package/dist/runtime/components/ui/input-group/InputGroupCombobox.vue.d.ts

@@ -2,16 +2,10 @@ import { type PopoverContentProps } from 'reka-ui';
 type __VLS_Props = PopoverContentProps & {
     disabled?: boolean;
     invalid?: boolean;
-    /**
-     * Render target for the popover portal. Pass a container ref to keep the
-     * dropdown inside (e.g. a fullscreen ancestor); leave unset for the
-     * default body-level portal.
-     */
-    to?: string | HTMLElement | null;
 };
-declare var __VLS_50: {};
+declare var __VLS_52: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_50) => any;
+    default?: (props: typeof __VLS_52) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur: (...args: any[]) => void;

package/dist/runtime/components/ui/popover/PopoverContent.d.vue.ts

@@ -2,7 +2,6 @@ import type { PopoverContentProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = PopoverContentProps & {
     class?: HTMLAttributes['class'];
-    to?: string | HTMLElement | null;
 };
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/ui/popover/PopoverContent.vue

@@ -32,16 +32,15 @@ const props = defineProps({
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },
   disableOutsidePointerEvents: { type: Boolean, required: false },
-  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
-  to: { type: null, required: false }
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
 });
 const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"]);
-const delegatedProps = reactiveOmit(props, "class", "to");
+const delegatedProps = reactiveOmit(props, "class");
 const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <PopoverPortal :to="to ?? void 0">
+  <PopoverPortal>
     <PopoverContent
       data-slot="popover-content"
       v-bind="{ ...$attrs, ...forwarded }"

package/dist/runtime/components/ui/popover/PopoverContent.vue.d.ts

@@ -2,7 +2,6 @@ import type { PopoverContentProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = PopoverContentProps & {
     class?: HTMLAttributes['class'];
-    to?: string | HTMLElement | null;
 };
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/ui/tooltip/TooltipContent.d.vue.ts

@@ -2,7 +2,6 @@ import type { TooltipContentProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = TooltipContentProps & {
     class?: HTMLAttributes['class'];
-    to?: string | HTMLElement | null;
 };
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/ui/tooltip/TooltipContent.vue

@@ -22,16 +22,15 @@ const props = defineProps({
   hideWhenDetached: { type: Boolean, required: false },
   positionStrategy: { type: String, required: false },
   updatePositionStrategy: { type: String, required: false },
-  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
-  to: { type: null, required: false }
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
 });
 const emits = defineEmits(["escapeKeyDown", "pointerDownOutside"]);
-const delegatedProps = reactiveOmit(props, "class", "to");
+const delegatedProps = reactiveOmit(props, "class");
 const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <TooltipPortal :to="to ?? void 0">
+  <TooltipPortal>
     <TooltipContent
       data-slot="tooltip-content"
       v-bind="{ ...forwarded, ...$attrs }"

package/dist/runtime/components/ui/tooltip/TooltipContent.vue.d.ts

@@ -2,7 +2,6 @@ import type { TooltipContentProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 type __VLS_Props = TooltipContentProps & {
     class?: HTMLAttributes['class'];
-    to?: string | HTMLElement | null;
 };
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {

package/dist/runtime/share/event-bus.d.ts

@@ -41,10 +41,29 @@ export type EventChannel = Readonly<{
 }>;
 /**
  * Operation id → handler, for one operation-exposing instance. Handlers
- * return an Effect so the bus can run them serially and in order. They are
- * infallible by contract: an operation that can fail must swallow/log
- * internally (mirrors the table's fetch-error contract) so a serial trigger
- * chain never aborts halfway because one trigger quietly failed.
+ * return an Effect so the bus can run them serially and in order.
+ *
+ * The `void` error channel pins handlers as infallible *failures* — a handler
+ * that hits a recoverable hiccup must swallow/log it internally (mirrors the
+ * table's fetch-error contract) rather than surface it, since the bus has no
+ * error channel to carry it.
+ *
+ * A handler MAY still *halt* the chain — the "guard" shape: stop everything
+ * queued after it. `dispatchTriggers` runs the list with `Effect.forEach`,
+ * which short-circuits the moment one request's effect aborts, so triggers
+ * after the guard never dispatch. The page's `close` op is the canonical case
+ * (it halts unconditionally — nothing should run after a close). It halts with
+ * `Effect.die`, not `Effect.fail`: a defect aborts the chain without widening
+ * the `void` error channel here (and `ActionEffect`'s `catchTags` union over in
+ * `actions/components/group.vue`). The defect propagates to that runner's
+ * `runPromise`, whose outer try/catch absorbs it silently — `catchTags` only
+ * intercepts typed failures, so no toast.
+ *
+ * Pre-submit form validation is the same guard shape but doesn't run over this
+ * bus yet — it injects the separate `share/form-validate` seam. The intended
+ * end state folds it in as a fallible `validate` operation here, at which point
+ * the error channel widens to carry a typed validation failure (see the note in
+ * `form-validate.ts`).
  */
 export type OperationHandlers = Readonly<Record<string, () => Effect.Effect<void>>>;
 export declare const EVENT_CHANNEL_KEY: InjectionKey<EventChannel>;

package/package.json

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