@k2b/ui 0.28.0 → 0.30.0

package/dist/ssr/content/ReferenceChip.js

@@ -0,0 +1,121 @@
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { ssrElement as _$ssrElement } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+var _tmpl$ = ["<span class=\"k2b-sr-only\">", "</span>"],
+  _tmpl$2 = ["<span aria-hidden=\"true\">", "</span>"],
+  _tmpl$3 = ["<span class=\"k2b-reference__avatar\" aria-hidden=\"true\">", "</span>"],
+  _tmpl$4 = ["<i class=\"", "\" aria-hidden=\"true\"></i>"];
+import { Show } from "solid-js";
+import { Avatar } from "../surfaces/Avatar";
+
+/** The visible length of a chip; longer titles are cut in the middle. */
+export const REFERENCE_CHIP_MAX_CHARACTERS = 40;
+const graphemes = text => typeof Intl.Segmenter === "function" ? Array.from(new Intl.Segmenter(undefined, {
+  granularity: "grapheme"
+}).segment(text), part => part.segment) : Array.from(text);
+
+/**
+ * Shortens `text` to at most `max` visible characters by cutting its middle, so the start and an ending such as
+ * ".pdf" stay readable. Counts user-perceived characters, so an emoji is never split.
+ * @example truncateMiddle("Quarterly report for the operations team 2026.pdf", 24) // "Quarterly re…m 2026.pdf"
+ */
+export const truncateMiddle = (text, max = REFERENCE_CHIP_MAX_CHARACTERS) => {
+  const characters = graphemes(text);
+  if (characters.length <= max) return text;
+  if (max < 2) return "…";
+  const tail = Math.floor((max - 1) / 2);
+  const head = max - 1 - tail;
+  return `${characters.slice(0, head).join("").trimEnd()}…${characters.slice(characters.length - tail).join("").trimStart()}`;
+};
+
+/** A thing or a place: an icon in its application colour and its title, a link while it exists. */
+
+/** A person: avatar and display name. The address belongs in the preview, never in the chip. */
+
+/** A date or time the host already formatted for the reader. */
+
+const fullText = props => props.kind === "person" ? props.name : props.kind === "time" ? props.label : props.title;
+
+/**
+ * A typed reference inside a sentence: a thing, a place, a person, or a time, in the calm `.k2b-reference` pill.
+ * A chip shows at most 40 characters and cuts longer titles in the middle; the full title stays its accessible name
+ * and tooltip.
+ * @example <ReferenceChip kind="object" title="Maintenance window" icon="ti ti-mail" accent="var(--app-mail)" href="/mail/…" />
+ */
+export function ReferenceChip(props) {
+  const full = () => fullText(props);
+  const visible = () => truncateMiddle(full());
+  const cut = () => visible() !== full();
+  const gone = () => props.kind !== "person" && props.kind !== "time" && props.gone === true;
+  const href = () => gone() || props.kind === "time" ? undefined : props.href;
+  const accent = () => props.kind === "object" || props.kind === "place" ? props.accent : undefined;
+  const icon = () => props.kind === "time" ? "ti ti-clock" : props.kind === "object" || props.kind === "place" ? props.icon : undefined;
+  const content = () => [_$createComponent(Show, {
+    get when() {
+      return props.kind === "person" ? props : undefined;
+    },
+    children: person => _$ssr(_tmpl$3, _$escape(_$createComponent(Avatar, {
+      get name() {
+        return person().name;
+      },
+      get src() {
+        return person().src;
+      },
+      size: "xs"
+    })))
+  }), _$createComponent(Show, {
+    get when() {
+      return icon();
+    },
+    children: name => _$ssr(_tmpl$4, `k2b-reference__icon ${_$escape(name(), true)}`)
+  }), _$createComponent(Show, {
+    get when() {
+      return cut();
+    },
+    get fallback() {
+      return full();
+    },
+    get children() {
+      return [_$ssr(_tmpl$, _$escape(full())), _$ssr(_tmpl$2, _$escape(visible()))];
+    }
+  })];
+  const shared = () => ({
+    class: `k2b-reference k2b-reference-chip${props.class ? ` ${props.class}` : ""}`,
+    "data-kind": props.kind,
+    "data-gone": gone() ? "true" : undefined,
+    title: cut() ? full() : undefined,
+    style: accent() ? {
+      "--k2b-reference-icon": accent()
+    } : undefined
+  });
+  return _$createComponent(Show, {
+    get when() {
+      return href();
+    },
+    get fallback() {
+      return _$createComponent(Show, {
+        get when() {
+          return props.kind === "time" ? props : undefined;
+        },
+        get fallback() {
+          return _$ssrElement("span", shared(), _$escape(content()), false);
+        },
+        children: time => _$ssrElement("time", _$mergeProps(shared, {
+          get dateTime() {
+            return time().dateTime;
+          }
+        }), _$escape(content()), false)
+      });
+    },
+    children: link => _$ssrElement("a", _$mergeProps(shared, {
+      get href() {
+        return link();
+      }
+    }), _$escape(content()), false)
+  });
+}
+export default ReferenceChip;
+//# sourceMappingURL=ReferenceChip.js.map

package/dist/ssr/content/ReferenceChip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/ReferenceChip.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport { Avatar } from \"../surfaces/Avatar\";\n\n/** The visible length of a chip; longer titles are cut in the middle. */\nexport const REFERENCE_CHIP_MAX_CHARACTERS = 40;\n\nconst graphemes = (text: string): string[] =>\n  typeof Intl.Segmenter === \"function\"\n    ? Array.from(new Intl.Segmenter(undefined, { granularity: \"grapheme\" }).segment(text), (part) => part.segment)\n    : Array.from(text);\n\n/**\n * Shortens `text` to at most `max` visible characters by cutting its middle, so the start and an ending such as\n * \".pdf\" stay readable. Counts user-perceived characters, so an emoji is never split.\n * @example truncateMiddle(\"Quarterly report for the operations team 2026.pdf\", 24) // \"Quarterly re…m 2026.pdf\"\n */\nexport const truncateMiddle = (text: string, max: number = REFERENCE_CHIP_MAX_CHARACTERS): string => {\n  const characters = graphemes(text);\n  if (characters.length <= max) return text;\n  if (max < 2) return \"…\";\n  const tail = Math.floor((max - 1) / 2);\n  const head = max - 1 - tail;\n  return `${characters.slice(0, head).join(\"\").trimEnd()}…${characters\n    .slice(characters.length - tail)\n    .join(\"\")\n    .trimStart()}`;\n};\n\ntype ReferenceChipCommon = {\n  class?: string;\n};\n\n/** A thing or a place: an icon in its application colour and its title, a link while it exists. */\nexport type ReferenceChipObjectProps = ReferenceChipCommon & {\n  kind: \"object\" | \"place\";\n  title: string;\n  /** Destination of the chip. Omit it, or set `gone`, when there is nothing to open. */\n  href?: string;\n  /** Icon class, for example `ti ti-mail`. */\n  icon?: string;\n  /** Icon colour, usually the owning application's accent. Sets `--k2b-reference-icon`. */\n  accent?: string;\n  /** The thing no longer exists: struck through and never a link. */\n  gone?: boolean;\n};\n\n/** A person: avatar and display name. The address belongs in the preview, never in the chip. */\nexport type ReferenceChipPersonProps = ReferenceChipCommon & {\n  kind: \"person\";\n  name: string;\n  /** Avatar image; initials on a tint from the name otherwise. */\n  src?: string | null;\n  href?: string;\n};\n\n/** A date or time the host already formatted for the reader. */\nexport type ReferenceChipTimeProps = ReferenceChipCommon & {\n  kind: \"time\";\n  label: string;\n  /** Machine-readable value for `<time datetime>`. */\n  dateTime?: string;\n};\n\nexport type ReferenceChipProps = ReferenceChipObjectProps | ReferenceChipPersonProps | ReferenceChipTimeProps;\n\nconst fullText = (props: ReferenceChipProps): string =>\n  props.kind === \"person\" ? props.name : props.kind === \"time\" ? props.label : props.title;\n\n/**\n * A typed reference inside a sentence: a thing, a place, a person, or a time, in the calm `.k2b-reference` pill.\n * A chip shows at most 40 characters and cuts longer titles in the middle; the full title stays its accessible name\n * and tooltip.\n * @example <ReferenceChip kind=\"object\" title=\"Maintenance window\" icon=\"ti ti-mail\" accent=\"var(--app-mail)\" href=\"/mail/…\" />\n */\nexport function ReferenceChip(props: ReferenceChipProps): JSX.Element {\n  const full = () => fullText(props);\n  const visible = () => truncateMiddle(full());\n  const cut = () => visible() !== full();\n  const gone = () => props.kind !== \"person\" && props.kind !== \"time\" && props.gone === true;\n  const href = () => (gone() || props.kind === \"time\" ? undefined : props.href);\n  const accent = () => (props.kind === \"object\" || props.kind === \"place\" ? props.accent : undefined);\n  const icon = () => (props.kind === \"time\" ? \"ti ti-clock\" : props.kind === \"object\" || props.kind === \"place\" ? props.icon : undefined);\n\n  const content = () => (\n    <>\n      <Show when={props.kind === \"person\" ? props : undefined}>\n        {(person) => (\n          <span class=\"k2b-reference__avatar\" aria-hidden=\"true\">\n            <Avatar name={person().name} src={person().src} size=\"xs\" />\n          </span>\n        )}\n      </Show>\n      <Show when={icon()}>{(name) => <i class={`k2b-reference__icon ${name()}`} aria-hidden=\"true\" />}</Show>\n      <Show when={cut()} fallback={full()}>\n        <span class=\"k2b-sr-only\">{full()}</span>\n        <span aria-hidden=\"true\">{visible()}</span>\n      </Show>\n    </>\n  );\n\n  const shared = () => ({\n    class: `k2b-reference k2b-reference-chip${props.class ? ` ${props.class}` : \"\"}`,\n    \"data-kind\": props.kind,\n    \"data-gone\": gone() ? \"true\" : undefined,\n    title: cut() ? full() : undefined,\n    style: accent() ? { \"--k2b-reference-icon\": accent() } : undefined,\n  });\n\n  return (\n    <Show\n      when={href()}\n      fallback={\n        <Show when={props.kind === \"time\" ? props : undefined} fallback={<span {...shared()}>{content()}</span>}>\n          {(time) => (\n            <time {...shared()} dateTime={time().dateTime}>\n              {content()}\n            </time>\n          )}\n        </Show>\n      }\n    >\n      {(link) => (\n        <a {...shared()} href={link()}>\n          {content()}\n        </a>\n      )}\n    </Show>\n  );\n}\n\nexport default ReferenceChip;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/content/calendar-pointer.js

@@ -17,6 +17,15 @@ export const calendarAutoScrollSpeed = (clientY, top, bottom, edge = 56, maximum
 };
 let cancelActiveSession = null;
 
+/**
+ * Runs `open` once the browser has handled the pointer release that ends a drag. The browser light-dismisses an
+ * `auto` popover that opens while it dispatches that `pointerup`, as the HTML popover rules ask and Chromium 156
+ * does, so a popover that a drag opens must open after the release.
+ */
+export const afterPointerRelease = open => {
+  window.setTimeout(open, 0);
+};
+
 /**
  * Owns one pointer gesture from threshold crossing through commit or cancel.
  * Views provide geometry through `resolve`; this helper owns global cleanup,

package/dist/ssr/content/calendar-pointer.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/calendar-pointer.ts"],"sourcesContent":["import { suppressTextSelection } from \"../internal/text-selection\";\n\nexport const CALENDAR_SNAP_MINUTES = 15;\n\nexport const snapCalendarMinutes = (minutes: number, step = CALENDAR_SNAP_MINUTES): number => Math.round(minutes / step) * step;\n\nexport const calendarDayIndexAtPoint = (clientX: number, startX: number, width: number, days: number): number | null => {\n  if (days <= 0 || width <= 0 || clientX < startX || clientX >= startX + width) return null;\n  return Math.min(days - 1, Math.floor(((clientX - startX) / width) * days));\n};\n\nexport const calendarMinuteAtPoint = (clientY: number, top: number, height: number, startHour: number, endHour: number): number => {\n  const totalMinutes = Math.max(60, (endHour - startHour + 1) * 60);\n  const ratio = height > 0 ? Math.min(1, Math.max(0, (clientY - top) / height)) : 0;\n  return snapCalendarMinutes(startHour * 60 + ratio * totalMinutes);\n};\n\nexport const calendarAutoScrollSpeed = (clientY: number, top: number, bottom: number, edge = 56, maximum = 18): number => {\n  if (clientY < top + edge) return -Math.ceil(maximum * Math.min(1, (top + edge - clientY) / edge));\n  if (clientY > bottom - edge) return Math.ceil(maximum * Math.min(1, (clientY - (bottom - edge)) / edge));\n  return 0;\n};\n\ntype CalendarPointerSessionOptions<T> = {\n  event: PointerEvent;\n  resolve: (clientX: number, clientY: number) => T | null;\n  onActivate?: () => void;\n  onPreview: (value: T) => void;\n  onCommit: (value: T) => void;\n  onCancel?: () => void;\n  /** Called once whenever the session ends, even before activation, after onCommit or onCancel. */\n  onEnd?: () => void;\n  scrollContainer?: HTMLElement;\n  threshold?: number;\n  /**\n   * The edges scroll only once the pointer has been well inside the container, and only while it is over it, so a drag\n   * that comes in from outside, such as from a list below, does not scroll on its way in.\n   */\n  armAutoScroll?: boolean;\n  /** Called on every move once the gesture is active, such as to move a token with the pointer. */\n  onMove?: (clientX: number, clientY: number) => void;\n};\n\nlet cancelActiveSession: (() => void) | null = null;\n\n/**\n * Owns one pointer gesture from threshold crossing through commit or cancel.\n * Views provide geometry through `resolve`; this helper owns global cleanup,\n * pointer cancellation, Escape handling, and edge auto-scroll.\n */\nexport const startCalendarPointerSession = <T>(options: CalendarPointerSessionOptions<T>): (() => void) => {\n  if (options.event.button !== 0 || !options.event.isPrimary) return () => {};\n\n  cancelActiveSession?.();\n\n  const pointerId = options.event.pointerId;\n  const target = options.event.currentTarget instanceof HTMLElement ? options.event.currentTarget : null;\n  const startX = options.event.clientX;\n  const startY = options.event.clientY;\n  // Leave enough room for normal click jitter before an event becomes a drag.\n  const threshold = options.threshold ?? 6;\n  let clientX = startX;\n  let clientY = startY;\n  let active = false;\n  let finished = false;\n  let latest: T | null = null;\n  let scrollFrame = 0;\n  let releaseTextSelection: (() => void) | null = null;\n  let armed = !options.armAutoScroll;\n\n  const preview = () => {\n    const value = options.resolve(clientX, clientY);\n    if (value === null) return;\n    latest = value;\n    options.onPreview(value);\n  };\n\n  const autoScroll = () => {\n    scrollFrame = 0;\n    if (!active || !options.scrollContainer) return;\n    const rect = options.scrollContainer.getBoundingClientRect();\n    const inside = clientX >= rect.left && clientX <= rect.right && clientY >= rect.top && clientY <= rect.bottom;\n    if (!armed && inside && clientY > rect.top + 56 && clientY < rect.bottom - 56) armed = true;\n    const speed = armed && (inside || !options.armAutoScroll) ? calendarAutoScrollSpeed(clientY, rect.top, rect.bottom) : 0;\n    if (speed !== 0) {\n      const before = options.scrollContainer.scrollTop;\n      options.scrollContainer.scrollTop += speed;\n      if (options.scrollContainer.scrollTop !== before) preview();\n    }\n    scrollFrame = requestAnimationFrame(autoScroll);\n  };\n\n  const cleanup = () => {\n    if (scrollFrame) cancelAnimationFrame(scrollFrame);\n    window.removeEventListener(\"pointermove\", onMove);\n    window.removeEventListener(\"pointerup\", onUp);\n    window.removeEventListener(\"pointercancel\", cancel);\n    window.removeEventListener(\"blur\", cancel);\n    window.removeEventListener(\"keydown\", onKeyDown);\n    if (target?.hasPointerCapture?.(pointerId)) target.releasePointerCapture(pointerId);\n    releaseTextSelection?.();\n    if (cancelActiveSession === cancel) cancelActiveSession = null;\n  };\n\n  const activate = () => {\n    if (active) return;\n    active = true;\n    releaseTextSelection = suppressTextSelection(pointerId);\n    target?.setPointerCapture?.(pointerId);\n    options.onActivate?.();\n    preview();\n    if (options.scrollContainer) scrollFrame = requestAnimationFrame(autoScroll);\n  };\n\n  function cancel() {\n    if (finished) return;\n    finished = true;\n    cleanup();\n    try {\n      if (active) options.onCancel?.();\n    } finally {\n      options.onEnd?.();\n    }\n  }\n\n  function onMove(event: PointerEvent) {\n    if (finished || event.pointerId !== pointerId) return;\n    clientX = event.clientX;\n    clientY = event.clientY;\n    if (!active && Math.hypot(clientX - startX, clientY - startY) >= threshold) activate();\n    if (!active) return;\n    event.preventDefault();\n    options.onMove?.(clientX, clientY);\n    preview();\n  }\n\n  function onUp(event: PointerEvent) {\n    if (finished || event.pointerId !== pointerId) return;\n    finished = true;\n    cleanup();\n    try {\n      if (active && latest !== null) options.onCommit(latest);\n      else if (active) options.onCancel?.();\n    } finally {\n      options.onEnd?.();\n    }\n  }\n\n  function onKeyDown(event: KeyboardEvent) {\n    if (event.key !== \"Escape\") return;\n    event.preventDefault();\n    cancel();\n  }\n\n  window.addEventListener(\"pointermove\", onMove, { passive: false });\n  window.addEventListener(\"pointerup\", onUp);\n  window.addEventListener(\"pointercancel\", cancel);\n  window.addEventListener(\"blur\", cancel);\n  window.addEventListener(\"keydown\", onKeyDown);\n  cancelActiveSession = cancel;\n  return cancel;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/calendar-pointer.ts"],"sourcesContent":["import { suppressTextSelection } from \"../internal/text-selection\";\n\nexport const CALENDAR_SNAP_MINUTES = 15;\n\nexport const snapCalendarMinutes = (minutes: number, step = CALENDAR_SNAP_MINUTES): number => Math.round(minutes / step) * step;\n\nexport const calendarDayIndexAtPoint = (clientX: number, startX: number, width: number, days: number): number | null => {\n  if (days <= 0 || width <= 0 || clientX < startX || clientX >= startX + width) return null;\n  return Math.min(days - 1, Math.floor(((clientX - startX) / width) * days));\n};\n\nexport const calendarMinuteAtPoint = (clientY: number, top: number, height: number, startHour: number, endHour: number): number => {\n  const totalMinutes = Math.max(60, (endHour - startHour + 1) * 60);\n  const ratio = height > 0 ? Math.min(1, Math.max(0, (clientY - top) / height)) : 0;\n  return snapCalendarMinutes(startHour * 60 + ratio * totalMinutes);\n};\n\nexport const calendarAutoScrollSpeed = (clientY: number, top: number, bottom: number, edge = 56, maximum = 18): number => {\n  if (clientY < top + edge) return -Math.ceil(maximum * Math.min(1, (top + edge - clientY) / edge));\n  if (clientY > bottom - edge) return Math.ceil(maximum * Math.min(1, (clientY - (bottom - edge)) / edge));\n  return 0;\n};\n\ntype CalendarPointerSessionOptions<T> = {\n  event: PointerEvent;\n  resolve: (clientX: number, clientY: number) => T | null;\n  onActivate?: () => void;\n  onPreview: (value: T) => void;\n  onCommit: (value: T) => void;\n  onCancel?: () => void;\n  /** Called once whenever the session ends, even before activation, after onCommit or onCancel. */\n  onEnd?: () => void;\n  scrollContainer?: HTMLElement;\n  threshold?: number;\n  /**\n   * The edges scroll only once the pointer has been well inside the container, and only while it is over it, so a drag\n   * that comes in from outside, such as from a list below, does not scroll on its way in.\n   */\n  armAutoScroll?: boolean;\n  /** Called on every move once the gesture is active, such as to move a token with the pointer. */\n  onMove?: (clientX: number, clientY: number) => void;\n};\n\nlet cancelActiveSession: (() => void) | null = null;\n\n/**\n * Runs `open` once the browser has handled the pointer release that ends a drag. The browser light-dismisses an\n * `auto` popover that opens while it dispatches that `pointerup`, as the HTML popover rules ask and Chromium 156\n * does, so a popover that a drag opens must open after the release.\n */\nexport const afterPointerRelease = (open: () => void): void => {\n  window.setTimeout(open, 0);\n};\n\n/**\n * Owns one pointer gesture from threshold crossing through commit or cancel.\n * Views provide geometry through `resolve`; this helper owns global cleanup,\n * pointer cancellation, Escape handling, and edge auto-scroll.\n */\nexport const startCalendarPointerSession = <T>(options: CalendarPointerSessionOptions<T>): (() => void) => {\n  if (options.event.button !== 0 || !options.event.isPrimary) return () => {};\n\n  cancelActiveSession?.();\n\n  const pointerId = options.event.pointerId;\n  const target = options.event.currentTarget instanceof HTMLElement ? options.event.currentTarget : null;\n  const startX = options.event.clientX;\n  const startY = options.event.clientY;\n  // Leave enough room for normal click jitter before an event becomes a drag.\n  const threshold = options.threshold ?? 6;\n  let clientX = startX;\n  let clientY = startY;\n  let active = false;\n  let finished = false;\n  let latest: T | null = null;\n  let scrollFrame = 0;\n  let releaseTextSelection: (() => void) | null = null;\n  let armed = !options.armAutoScroll;\n\n  const preview = () => {\n    const value = options.resolve(clientX, clientY);\n    if (value === null) return;\n    latest = value;\n    options.onPreview(value);\n  };\n\n  const autoScroll = () => {\n    scrollFrame = 0;\n    if (!active || !options.scrollContainer) return;\n    const rect = options.scrollContainer.getBoundingClientRect();\n    const inside = clientX >= rect.left && clientX <= rect.right && clientY >= rect.top && clientY <= rect.bottom;\n    if (!armed && inside && clientY > rect.top + 56 && clientY < rect.bottom - 56) armed = true;\n    const speed = armed && (inside || !options.armAutoScroll) ? calendarAutoScrollSpeed(clientY, rect.top, rect.bottom) : 0;\n    if (speed !== 0) {\n      const before = options.scrollContainer.scrollTop;\n      options.scrollContainer.scrollTop += speed;\n      if (options.scrollContainer.scrollTop !== before) preview();\n    }\n    scrollFrame = requestAnimationFrame(autoScroll);\n  };\n\n  const cleanup = () => {\n    if (scrollFrame) cancelAnimationFrame(scrollFrame);\n    window.removeEventListener(\"pointermove\", onMove);\n    window.removeEventListener(\"pointerup\", onUp);\n    window.removeEventListener(\"pointercancel\", cancel);\n    window.removeEventListener(\"blur\", cancel);\n    window.removeEventListener(\"keydown\", onKeyDown);\n    if (target?.hasPointerCapture?.(pointerId)) target.releasePointerCapture(pointerId);\n    releaseTextSelection?.();\n    if (cancelActiveSession === cancel) cancelActiveSession = null;\n  };\n\n  const activate = () => {\n    if (active) return;\n    active = true;\n    releaseTextSelection = suppressTextSelection(pointerId);\n    target?.setPointerCapture?.(pointerId);\n    options.onActivate?.();\n    preview();\n    if (options.scrollContainer) scrollFrame = requestAnimationFrame(autoScroll);\n  };\n\n  function cancel() {\n    if (finished) return;\n    finished = true;\n    cleanup();\n    try {\n      if (active) options.onCancel?.();\n    } finally {\n      options.onEnd?.();\n    }\n  }\n\n  function onMove(event: PointerEvent) {\n    if (finished || event.pointerId !== pointerId) return;\n    clientX = event.clientX;\n    clientY = event.clientY;\n    if (!active && Math.hypot(clientX - startX, clientY - startY) >= threshold) activate();\n    if (!active) return;\n    event.preventDefault();\n    options.onMove?.(clientX, clientY);\n    preview();\n  }\n\n  function onUp(event: PointerEvent) {\n    if (finished || event.pointerId !== pointerId) return;\n    finished = true;\n    cleanup();\n    try {\n      if (active && latest !== null) options.onCommit(latest);\n      else if (active) options.onCancel?.();\n    } finally {\n      options.onEnd?.();\n    }\n  }\n\n  function onKeyDown(event: KeyboardEvent) {\n    if (event.key !== \"Escape\") return;\n    event.preventDefault();\n    cancel();\n  }\n\n  window.addEventListener(\"pointermove\", onMove, { passive: false });\n  window.addEventListener(\"pointerup\", onUp);\n  window.addEventListener(\"pointercancel\", cancel);\n  window.addEventListener(\"blur\", cancel);\n  window.addEventListener(\"keydown\", onKeyDown);\n  cancelActiveSession = cancel;\n  return cancel;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/content/calendar-time-view.js

@@ -27,7 +27,7 @@ import { createEffect, createMemo, createSignal, For, on, onCleanup, onMount, Sh
 import { announce } from "../feedback/announce";
 import { addDayKeys, buildDays, clockAt, DAY_MINUTES, dayKeyOf, dayLanes, dayMinuteAt, dayTopTerms, dayYTerms, freeGaps, GAP_LABEL_MINUTES, GAP_LONG_MINUTES, gapProposal, instantInDay, instantsInDay, minuteInDay, readDayGeometry, resizedInDay, snapMinutes, subtractTerms, termsCss, wakeMinutes } from "./calendar-days";
 import { useCalendarMessages } from "./calendar-messages";
-import { startCalendarPointerSession } from "./calendar-pointer";
+import { afterPointerRelease, startCalendarPointerSession } from "./calendar-pointer";
 import { EventChip, eventHref, ownerDateConfig, parseDate, placeCalendarPopover, validDate } from "./calendar-shared";
 
 /**
@@ -568,9 +568,12 @@ export const createTimeView = props => {
       }),
       onCommit: next => {
         const anchor = document.querySelector(".k2b-calendar-ghost[data-live]")?.getBoundingClientRect() ?? body.element;
-        endGesture();
         swallowNextClick();
-        openQuickCreate(key, next.start, next.end, anchor);
+        // The ghost stays until the quick create replaces it, so the slot never blinks.
+        afterPointerRelease(() => {
+          endGesture();
+          openQuickCreate(key, next.start, next.end, anchor);
+        });
       },
       onCancel: endGesture
     });