@llui/components 0.0.30 → 0.0.33

package/dist/components/image-cropper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-cropper.d.ts","sourceRoot":"","sources":["../../src/components/image-cropper.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"image-cropper.d.ts","sourceRoot":"","sources":["../../src/components/image-cropper.ts"],"names":[],"mappings":"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"}

package/dist/components/image-cropper.js

@@ -1,4 +1,4 @@
-import { useContext } from '@llui/dom';
+import { useContext, tagSend } from '@llui/dom';
 import { LocaleContext } from '../locale.js';
 function clamp(v, min, max) {
     return Math.max(min, Math.min(max, v));
@@ -171,10 +171,10 @@ export function connect(get, send, opts = {}) {
         image: {
             'data-scope': 'image-cropper',
             'data-part': 'image',
-            onLoad: (e) => {
+            onLoad: tagSend(send, ['setImage'], (e) => {
                 const img = e.target;
                 send({ type: 'setImage', width: img.naturalWidth, height: img.naturalHeight });
-            },
+            }),
             draggable: false,
         },
         cropBox: {
@@ -191,20 +191,20 @@ export function connect(get, send, opts = {}) {
                 const hp = (st.crop.height / st.image.height) * 100;
                 return `left:${xp}%;top:${yp}%;width:${wp}%;height:${hp}%;`;
             },
-            onPointerDown: () => send({ type: 'dragStart' }),
+            onPointerDown: tagSend(send, ['dragStart'], () => send({ type: 'dragStart' })),
         },
         resizeHandle: (handle) => ({
             'data-scope': 'image-cropper',
             'data-part': 'resize-handle',
             'data-handle': handle,
-            onPointerDown: () => send({ type: 'resizeStart', handle }),
+            onPointerDown: tagSend(send, ['resizeStart'], () => send({ type: 'resizeStart', handle })),
         }),
         resetTrigger: {
             type: 'button',
             'aria-label': opts.resetLabel ?? ((s) => locale(s).imageCropper.reset),
             'data-scope': 'image-cropper',
             'data-part': 'reset-trigger',
-            onClick: () => send({ type: 'reset' }),
+            onClick: tagSend(send, ['reset'], () => send({ type: 'reset' })),
         },
     };
 }

package/dist/components/image-cropper.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-cropper.js","sourceRoot":"","sources":["../../src/components/image-cropper.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Image cropper — select a rectangular crop region over an image,\n * optionally constrained to an aspect ratio. The machine tracks the\n * image's natural dimensions, the crop rectangle, and in-progress\n * drag/resize state. The view layer wires pointer events on the crop\n * box and its resize handles.\n *\n * Coordinates are in image-native pixels (0..naturalWidth, 0..naturalHeight).\n * The consumer converts to display pixels using the image's rendered size.\n */\n\nexport type ResizeHandle = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw'\n\nexport interface CropRect {\n  x: number\n  y: number\n  width: number\n  height: number\n}\n\nexport interface ImageCropperState {\n  /** Natural dimensions of the source image. */\n  image: { width: number; height: number }\n  crop: CropRect\n  /** Constrain the crop to this aspect ratio (width / height), or null to free-form. */\n  aspectRatio: number | null\n  minSize: number\n  dragging: boolean\n  resizing: ResizeHandle | null\n  disabled: boolean\n}\n\nexport type ImageCropperMsg =\n  | { type: 'setImage'; width: number; height: number }\n  | { type: 'setCrop'; crop: CropRect }\n  | { type: 'setAspectRatio'; ratio: number | null }\n  | { type: 'dragStart' }\n  | { type: 'dragMove'; dx: number; dy: number }\n  | { type: 'dragEnd' }\n  | { type: 'resizeStart'; handle: ResizeHandle }\n  | { type: 'resizeMove'; dx: number; dy: number }\n  | { type: 'resizeEnd' }\n  | { type: 'reset' }\n  | { type: 'centerFill' }\n\nexport interface ImageCropperInit {\n  image?: { width: number; height: number }\n  crop?: CropRect\n  aspectRatio?: number | null\n  minSize?: number\n  disabled?: boolean\n}\n\nfunction clamp(v: number, min: number, max: number): number {\n  return Math.max(min, Math.min(max, v))\n}\n\nfunction clampCrop(crop: CropRect, image: { width: number; height: number }): CropRect {\n  const width = clamp(crop.width, 0, image.width)\n  const height = clamp(crop.height, 0, image.height)\n  const x = clamp(crop.x, 0, image.width - width)\n  const y = clamp(crop.y, 0, image.height - height)\n  return { x, y, width, height }\n}\n\nfunction enforceAspectRatio(crop: CropRect, ratio: number | null): CropRect {\n  if (ratio === null) return crop\n  // Keep width; compute height from ratio.\n  const height = crop.width / ratio\n  return { ...crop, height }\n}\n\n/**\n * Compute the largest centered crop that fits `image` while respecting the\n * aspect ratio (if any).\n */\nexport function centerFill(\n  image: { width: number; height: number },\n  aspectRatio: number | null,\n): CropRect {\n  if (aspectRatio === null) {\n    return { x: 0, y: 0, width: image.width, height: image.height }\n  }\n  const imgRatio = image.width / image.height\n  let width: number, height: number\n  if (aspectRatio > imgRatio) {\n    width = image.width\n    height = width / aspectRatio\n  } else {\n    height = image.height\n    width = height * aspectRatio\n  }\n  return {\n    x: (image.width - width) / 2,\n    y: (image.height - height) / 2,\n    width,\n    height,\n  }\n}\n\nexport function init(opts: ImageCropperInit = {}): ImageCropperState {\n  const image = opts.image ?? { width: 0, height: 0 }\n  const aspectRatio = opts.aspectRatio ?? null\n  const crop = opts.crop ?? centerFill(image, aspectRatio)\n  return {\n    image,\n    crop: clampCrop(crop, image),\n    aspectRatio,\n    minSize: opts.minSize ?? 20,\n    dragging: false,\n    resizing: null,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nfunction applyResize(\n  state: ImageCropperState,\n  dx: number,\n  dy: number,\n  handle: ResizeHandle,\n): ImageCropperState {\n  let { x, y, width, height } = state.crop\n  if (handle.includes('e')) width += dx\n  if (handle.includes('w')) {\n    width -= dx\n    x += dx\n  }\n  if (handle.includes('s')) height += dy\n  if (handle.includes('n')) {\n    height -= dy\n    y += dy\n  }\n  // Aspect ratio: if set, let the axis with the bigger delta drive the\n  // other, keeping the handle's corner anchored.\n  if (state.aspectRatio !== null) {\n    const isHoriz = handle === 'e' || handle === 'w'\n    const isVert = handle === 'n' || handle === 's'\n    if (isHoriz) {\n      const newHeight = width / state.aspectRatio\n      // Keep vertical center.\n      y = state.crop.y + (state.crop.height - newHeight) / 2\n      height = newHeight\n    } else if (isVert) {\n      const newWidth = height * state.aspectRatio\n      x = state.crop.x + (state.crop.width - newWidth) / 2\n      width = newWidth\n    } else {\n      // Corner: use the axis with the larger pointer delta (expressed in\n      // width-equivalent units) to drive the other. This keeps the thumb\n      // tracking the pointer linearly instead of snapping to whichever\n      // current dimension happens to match the aspect ratio closer.\n      const dw = width - state.crop.width\n      const dh = height - state.crop.height\n      const dhAsDw = dh * state.aspectRatio\n      if (Math.abs(dw) >= Math.abs(dhAsDw)) {\n        // Width leads; derive height, re-anchor top if resizing from north.\n        height = width / state.aspectRatio\n        if (handle.includes('n')) y = state.crop.y + (state.crop.height - height)\n      } else {\n        // Height leads; derive width, re-anchor left if resizing from west.\n        width = height * state.aspectRatio\n        if (handle.includes('w')) x = state.crop.x + (state.crop.width - width)\n      }\n    }\n  }\n  // Enforce min size + clamp to image.\n  if (width < state.minSize) width = state.minSize\n  if (height < state.minSize) height = state.minSize\n  return { ...state, crop: clampCrop({ x, y, width, height }, state.image) }\n}\n\nexport function update(\n  state: ImageCropperState,\n  msg: ImageCropperMsg,\n): [ImageCropperState, never[]] {\n  if (state.disabled && msg.type !== 'setImage' && msg.type !== 'reset') {\n    return [state, []]\n  }\n  switch (msg.type) {\n    case 'setImage': {\n      const image = { width: msg.width, height: msg.height }\n      const crop = centerFill(image, state.aspectRatio)\n      return [{ ...state, image, crop }, []]\n    }\n    case 'setCrop':\n      return [{ ...state, crop: clampCrop(msg.crop, state.image) }, []]\n    case 'setAspectRatio': {\n      const next = enforceAspectRatio(state.crop, msg.ratio)\n      return [{ ...state, aspectRatio: msg.ratio, crop: clampCrop(next, state.image) }, []]\n    }\n    case 'dragStart':\n      return [{ ...state, dragging: true }, []]\n    case 'dragMove': {\n      if (!state.dragging) return [state, []]\n      const crop = {\n        ...state.crop,\n        x: state.crop.x + msg.dx,\n        y: state.crop.y + msg.dy,\n      }\n      return [{ ...state, crop: clampCrop(crop, state.image) }, []]\n    }\n    case 'dragEnd':\n      return [{ ...state, dragging: false }, []]\n    case 'resizeStart':\n      return [{ ...state, resizing: msg.handle }, []]\n    case 'resizeMove':\n      if (state.resizing === null) return [state, []]\n      return [applyResize(state, msg.dx, msg.dy, state.resizing), []]\n    case 'resizeEnd':\n      return [{ ...state, resizing: null }, []]\n    case 'reset':\n    case 'centerFill':\n      return [{ ...state, crop: centerFill(state.image, state.aspectRatio) }, []]\n  }\n}\n\nexport interface ImageCropperParts<S> {\n  root: {\n    'data-scope': 'image-cropper'\n    'data-part': 'root'\n    'data-dragging': (s: S) => '' | undefined\n    'data-resizing': (s: S) => '' | undefined\n    'data-disabled': (s: S) => '' | undefined\n  }\n  image: {\n    'data-scope': 'image-cropper'\n    'data-part': 'image'\n    onLoad: (e: Event) => void\n    draggable: false\n  }\n  cropBox: {\n    'data-scope': 'image-cropper'\n    'data-part': 'crop-box'\n    style: (s: S) => string\n    onPointerDown: (e: PointerEvent) => void\n  }\n  resizeHandle: (handle: ResizeHandle) => {\n    'data-scope': 'image-cropper'\n    'data-part': 'resize-handle'\n    'data-handle': ResizeHandle\n    onPointerDown: (e: PointerEvent) => void\n  }\n  resetTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'image-cropper'\n    'data-part': 'reset-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  resetLabel?: string\n}\n\nexport function connect<S>(\n  get: (s: S) => ImageCropperState,\n  send: Send<ImageCropperMsg>,\n  opts: ConnectOptions = {},\n): ImageCropperParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  return {\n    root: {\n      'data-scope': 'image-cropper',\n      'data-part': 'root',\n      'data-dragging': (s) => (get(s).dragging ? '' : undefined),\n      'data-resizing': (s) => (get(s).resizing !== null ? '' : undefined),\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n    },\n    image: {\n      'data-scope': 'image-cropper',\n      'data-part': 'image',\n      onLoad: (e) => {\n        const img = e.target as HTMLImageElement\n        send({ type: 'setImage', width: img.naturalWidth, height: img.naturalHeight })\n      },\n      draggable: false,\n    },\n    cropBox: {\n      'data-scope': 'image-cropper',\n      'data-part': 'crop-box',\n      style: (s) => {\n        const st = get(s)\n        if (st.image.width === 0 || st.image.height === 0) return 'display:none;'\n        // Express as percentages so the crop box scales with the rendered image.\n        const xp = (st.crop.x / st.image.width) * 100\n        const yp = (st.crop.y / st.image.height) * 100\n        const wp = (st.crop.width / st.image.width) * 100\n        const hp = (st.crop.height / st.image.height) * 100\n        return `left:${xp}%;top:${yp}%;width:${wp}%;height:${hp}%;`\n      },\n      onPointerDown: () => send({ type: 'dragStart' }),\n    },\n    resizeHandle: (handle: ResizeHandle) => ({\n      'data-scope': 'image-cropper',\n      'data-part': 'resize-handle',\n      'data-handle': handle,\n      onPointerDown: () => send({ type: 'resizeStart', handle }),\n    }),\n    resetTrigger: {\n      type: 'button',\n      'aria-label': opts.resetLabel ?? ((s: S) => locale(s).imageCropper.reset),\n      'data-scope': 'image-cropper',\n      'data-part': 'reset-trigger',\n      onClick: () => send({ type: 'reset' }),\n    },\n  }\n}\n\nexport const imageCropper = { init, update, connect, centerFill }\n"]}
+{"version":3,"file":"image-cropper.js","sourceRoot":"","sources":["../../src/components/image-cropper.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Image cropper — select a rectangular crop region over an image,\n * optionally constrained to an aspect ratio. The machine tracks the\n * image's natural dimensions, the crop rectangle, and in-progress\n * drag/resize state. The view layer wires pointer events on the crop\n * box and its resize handles.\n *\n * Coordinates are in image-native pixels (0..naturalWidth, 0..naturalHeight).\n * The consumer converts to display pixels using the image's rendered size.\n */\n\nexport type ResizeHandle = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw'\n\nexport interface CropRect {\n  x: number\n  y: number\n  width: number\n  height: number\n}\n\nexport interface ImageCropperState {\n  /** Natural dimensions of the source image. */\n  image: { width: number; height: number }\n  crop: CropRect\n  /** Constrain the crop to this aspect ratio (width / height), or null to free-form. */\n  aspectRatio: number | null\n  minSize: number\n  dragging: boolean\n  resizing: ResizeHandle | null\n  disabled: boolean\n}\n\nexport type ImageCropperMsg =\n  /** @humanOnly */\n  | { type: 'setImage'; width: number; height: number }\n  /** @intent(\"Set the crop rectangle (x/y/width/height in image-native pixels)\") */\n  | { type: 'setCrop'; crop: CropRect }\n  /** @intent(\"Lock the crop to a specific aspect ratio (width/height), or null for free-form\") */\n  | { type: 'setAspectRatio'; ratio: number | null }\n  /** @humanOnly */\n  | { type: 'dragStart' }\n  /** @humanOnly */\n  | { type: 'dragMove'; dx: number; dy: number }\n  /** @humanOnly */\n  | { type: 'dragEnd' }\n  /** @humanOnly */\n  | { type: 'resizeStart'; handle: ResizeHandle }\n  /** @humanOnly */\n  | { type: 'resizeMove'; dx: number; dy: number }\n  /** @humanOnly */\n  | { type: 'resizeEnd' }\n  /** @intent(\"Reset the crop to a default selection (full image or aspect-fit)\") */\n  | { type: 'reset' }\n  /** @intent(\"Set the crop to a maximum-area centered selection\") */\n  | { type: 'centerFill' }\n\nexport interface ImageCropperInit {\n  image?: { width: number; height: number }\n  crop?: CropRect\n  aspectRatio?: number | null\n  minSize?: number\n  disabled?: boolean\n}\n\nfunction clamp(v: number, min: number, max: number): number {\n  return Math.max(min, Math.min(max, v))\n}\n\nfunction clampCrop(crop: CropRect, image: { width: number; height: number }): CropRect {\n  const width = clamp(crop.width, 0, image.width)\n  const height = clamp(crop.height, 0, image.height)\n  const x = clamp(crop.x, 0, image.width - width)\n  const y = clamp(crop.y, 0, image.height - height)\n  return { x, y, width, height }\n}\n\nfunction enforceAspectRatio(crop: CropRect, ratio: number | null): CropRect {\n  if (ratio === null) return crop\n  // Keep width; compute height from ratio.\n  const height = crop.width / ratio\n  return { ...crop, height }\n}\n\n/**\n * Compute the largest centered crop that fits `image` while respecting the\n * aspect ratio (if any).\n */\nexport function centerFill(\n  image: { width: number; height: number },\n  aspectRatio: number | null,\n): CropRect {\n  if (aspectRatio === null) {\n    return { x: 0, y: 0, width: image.width, height: image.height }\n  }\n  const imgRatio = image.width / image.height\n  let width: number, height: number\n  if (aspectRatio > imgRatio) {\n    width = image.width\n    height = width / aspectRatio\n  } else {\n    height = image.height\n    width = height * aspectRatio\n  }\n  return {\n    x: (image.width - width) / 2,\n    y: (image.height - height) / 2,\n    width,\n    height,\n  }\n}\n\nexport function init(opts: ImageCropperInit = {}): ImageCropperState {\n  const image = opts.image ?? { width: 0, height: 0 }\n  const aspectRatio = opts.aspectRatio ?? null\n  const crop = opts.crop ?? centerFill(image, aspectRatio)\n  return {\n    image,\n    crop: clampCrop(crop, image),\n    aspectRatio,\n    minSize: opts.minSize ?? 20,\n    dragging: false,\n    resizing: null,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nfunction applyResize(\n  state: ImageCropperState,\n  dx: number,\n  dy: number,\n  handle: ResizeHandle,\n): ImageCropperState {\n  let { x, y, width, height } = state.crop\n  if (handle.includes('e')) width += dx\n  if (handle.includes('w')) {\n    width -= dx\n    x += dx\n  }\n  if (handle.includes('s')) height += dy\n  if (handle.includes('n')) {\n    height -= dy\n    y += dy\n  }\n  // Aspect ratio: if set, let the axis with the bigger delta drive the\n  // other, keeping the handle's corner anchored.\n  if (state.aspectRatio !== null) {\n    const isHoriz = handle === 'e' || handle === 'w'\n    const isVert = handle === 'n' || handle === 's'\n    if (isHoriz) {\n      const newHeight = width / state.aspectRatio\n      // Keep vertical center.\n      y = state.crop.y + (state.crop.height - newHeight) / 2\n      height = newHeight\n    } else if (isVert) {\n      const newWidth = height * state.aspectRatio\n      x = state.crop.x + (state.crop.width - newWidth) / 2\n      width = newWidth\n    } else {\n      // Corner: use the axis with the larger pointer delta (expressed in\n      // width-equivalent units) to drive the other. This keeps the thumb\n      // tracking the pointer linearly instead of snapping to whichever\n      // current dimension happens to match the aspect ratio closer.\n      const dw = width - state.crop.width\n      const dh = height - state.crop.height\n      const dhAsDw = dh * state.aspectRatio\n      if (Math.abs(dw) >= Math.abs(dhAsDw)) {\n        // Width leads; derive height, re-anchor top if resizing from north.\n        height = width / state.aspectRatio\n        if (handle.includes('n')) y = state.crop.y + (state.crop.height - height)\n      } else {\n        // Height leads; derive width, re-anchor left if resizing from west.\n        width = height * state.aspectRatio\n        if (handle.includes('w')) x = state.crop.x + (state.crop.width - width)\n      }\n    }\n  }\n  // Enforce min size + clamp to image.\n  if (width < state.minSize) width = state.minSize\n  if (height < state.minSize) height = state.minSize\n  return { ...state, crop: clampCrop({ x, y, width, height }, state.image) }\n}\n\nexport function update(\n  state: ImageCropperState,\n  msg: ImageCropperMsg,\n): [ImageCropperState, never[]] {\n  if (state.disabled && msg.type !== 'setImage' && msg.type !== 'reset') {\n    return [state, []]\n  }\n  switch (msg.type) {\n    case 'setImage': {\n      const image = { width: msg.width, height: msg.height }\n      const crop = centerFill(image, state.aspectRatio)\n      return [{ ...state, image, crop }, []]\n    }\n    case 'setCrop':\n      return [{ ...state, crop: clampCrop(msg.crop, state.image) }, []]\n    case 'setAspectRatio': {\n      const next = enforceAspectRatio(state.crop, msg.ratio)\n      return [{ ...state, aspectRatio: msg.ratio, crop: clampCrop(next, state.image) }, []]\n    }\n    case 'dragStart':\n      return [{ ...state, dragging: true }, []]\n    case 'dragMove': {\n      if (!state.dragging) return [state, []]\n      const crop = {\n        ...state.crop,\n        x: state.crop.x + msg.dx,\n        y: state.crop.y + msg.dy,\n      }\n      return [{ ...state, crop: clampCrop(crop, state.image) }, []]\n    }\n    case 'dragEnd':\n      return [{ ...state, dragging: false }, []]\n    case 'resizeStart':\n      return [{ ...state, resizing: msg.handle }, []]\n    case 'resizeMove':\n      if (state.resizing === null) return [state, []]\n      return [applyResize(state, msg.dx, msg.dy, state.resizing), []]\n    case 'resizeEnd':\n      return [{ ...state, resizing: null }, []]\n    case 'reset':\n    case 'centerFill':\n      return [{ ...state, crop: centerFill(state.image, state.aspectRatio) }, []]\n  }\n}\n\nexport interface ImageCropperParts<S> {\n  root: {\n    'data-scope': 'image-cropper'\n    'data-part': 'root'\n    'data-dragging': (s: S) => '' | undefined\n    'data-resizing': (s: S) => '' | undefined\n    'data-disabled': (s: S) => '' | undefined\n  }\n  image: {\n    'data-scope': 'image-cropper'\n    'data-part': 'image'\n    onLoad: (e: Event) => void\n    draggable: false\n  }\n  cropBox: {\n    'data-scope': 'image-cropper'\n    'data-part': 'crop-box'\n    style: (s: S) => string\n    onPointerDown: (e: PointerEvent) => void\n  }\n  resizeHandle: (handle: ResizeHandle) => {\n    'data-scope': 'image-cropper'\n    'data-part': 'resize-handle'\n    'data-handle': ResizeHandle\n    onPointerDown: (e: PointerEvent) => void\n  }\n  resetTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'image-cropper'\n    'data-part': 'reset-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  resetLabel?: string\n}\n\nexport function connect<S>(\n  get: (s: S) => ImageCropperState,\n  send: Send<ImageCropperMsg>,\n  opts: ConnectOptions = {},\n): ImageCropperParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  return {\n    root: {\n      'data-scope': 'image-cropper',\n      'data-part': 'root',\n      'data-dragging': (s) => (get(s).dragging ? '' : undefined),\n      'data-resizing': (s) => (get(s).resizing !== null ? '' : undefined),\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n    },\n    image: {\n      'data-scope': 'image-cropper',\n      'data-part': 'image',\n      onLoad: tagSend(send, ['setImage'], (e) => {\n        const img = e.target as HTMLImageElement\n        send({ type: 'setImage', width: img.naturalWidth, height: img.naturalHeight })\n      }),\n      draggable: false,\n    },\n    cropBox: {\n      'data-scope': 'image-cropper',\n      'data-part': 'crop-box',\n      style: (s) => {\n        const st = get(s)\n        if (st.image.width === 0 || st.image.height === 0) return 'display:none;'\n        // Express as percentages so the crop box scales with the rendered image.\n        const xp = (st.crop.x / st.image.width) * 100\n        const yp = (st.crop.y / st.image.height) * 100\n        const wp = (st.crop.width / st.image.width) * 100\n        const hp = (st.crop.height / st.image.height) * 100\n        return `left:${xp}%;top:${yp}%;width:${wp}%;height:${hp}%;`\n      },\n      onPointerDown: tagSend(send, ['dragStart'], () => send({ type: 'dragStart' })),\n    },\n    resizeHandle: (handle: ResizeHandle) => ({\n      'data-scope': 'image-cropper',\n      'data-part': 'resize-handle',\n      'data-handle': handle,\n      onPointerDown: tagSend(send, ['resizeStart'], () => send({ type: 'resizeStart', handle })),\n    }),\n    resetTrigger: {\n      type: 'button',\n      'aria-label': opts.resetLabel ?? ((s: S) => locale(s).imageCropper.reset),\n      'data-scope': 'image-cropper',\n      'data-part': 'reset-trigger',\n      onClick: tagSend(send, ['reset'], () => send({ type: 'reset' })),\n    },\n  }\n}\n\nexport const imageCropper = { init, update, connect, centerFill }\n"]}

package/dist/components/listbox.d.ts

@@ -15,32 +15,54 @@ export interface ListboxState {
     typeahead: string;
     typeaheadExpiresAt: number;
 }
-export type ListboxMsg = {
+export type ListboxMsg = 
+/** @intent("Pick the option with the given value (toggles in multi-select)") */
+{
     type: 'select';
     value: string;
-} | {
+}
+/** @intent("Replace the selected values with the provided list") */
+ | {
     type: 'setValue';
     value: string[];
-} | {
+}
+/** @intent("Clear all selected values") */
+ | {
     type: 'clear';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'highlight';
     index: number | null;
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'highlightNext';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'highlightPrev';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'highlightFirst';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'highlightLast';
-} | {
+}
+/** @intent("Pick the currently-highlighted option") */
+ | {
     type: 'selectHighlighted';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'setItems';
     items: string[];
     disabled?: string[];
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'typeahead';
     char: string;
     now: number;

package/dist/components/listbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../src/components/listbox.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../src/components/listbox.ts"],"names":[],"mappings":"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"}

package/dist/components/listbox.js

@@ -1,3 +1,4 @@
+import { tagSend } from '@llui/dom';
 import { typeaheadAccumulate, typeaheadMatchByItems, isTypeaheadKey, TYPEAHEAD_TIMEOUT_MS, } from '../utils/typeahead.js';
 export function init(opts = {}) {
     return {
@@ -128,7 +129,14 @@ export function connect(get, send, opts) {
             'data-scope': 'listbox',
             'data-part': 'root',
             'data-disabled': (s) => (get(s).disabled ? '' : undefined),
-            onKeyDown: (e) => {
+            onKeyDown: tagSend(send, [
+                'highlightNext',
+                'highlightPrev',
+                'highlightFirst',
+                'highlightLast',
+                'selectHighlighted',
+                'typeahead',
+            ], (e) => {
                 switch (e.key) {
                     case 'ArrowDown':
                         e.preventDefault();
@@ -156,7 +164,7 @@ export function connect(get, send, opts) {
                             send({ type: 'typeahead', char: e.key, now: Date.now() });
                         }
                 }
-            },
+            }),
         },
         item: (value, index) => ({
             root: {
@@ -171,8 +179,8 @@ export function connect(get, send, opts) {
                 'data-part': 'item',
                 'data-value': value,
                 'data-index': String(index),
-                onClick: () => send({ type: 'select', value }),
-                onPointerMove: () => send({ type: 'highlight', index }),
+                onClick: tagSend(send, ['select'], () => send({ type: 'select', value })),
+                onPointerMove: tagSend(send, ['highlight'], () => send({ type: 'highlight', index })),
             },
         }),
     };

package/dist/components/listbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"listbox.js","sourceRoot":"","sources":["../../src/components/listbox.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport {\n  typeaheadAccumulate,\n  typeaheadMatchByItems,\n  isTypeaheadKey,\n  TYPEAHEAD_TIMEOUT_MS,\n} from '../utils/typeahead.js'\n\n/**\n * Listbox — a list of selectable options. Supports single and multiple\n * selection, keyboard navigation (arrows, Home, End), typeahead, and\n * disabled items. Renders as `role=\"listbox\"` with `role=\"option\"` items.\n */\n\nexport type SelectionMode = 'single' | 'multiple'\n\nexport interface ListboxState {\n  value: string[]\n  items: string[]\n  disabledItems: string[]\n  disabled: boolean\n  selectionMode: SelectionMode\n  highlightedIndex: number | null\n  typeahead: string\n  typeaheadExpiresAt: number\n}\n\nexport type ListboxMsg =\n  | { type: 'select'; value: string }\n  | { type: 'setValue'; value: string[] }\n  | { type: 'clear' }\n  | { type: 'highlight'; index: number | null }\n  | { type: 'highlightNext' }\n  | { type: 'highlightPrev' }\n  | { type: 'highlightFirst' }\n  | { type: 'highlightLast' }\n  | { type: 'selectHighlighted' }\n  | { type: 'setItems'; items: string[]; disabled?: string[] }\n  | { type: 'typeahead'; char: string; now: number }\n\nexport interface ListboxInit {\n  value?: string[]\n  items?: string[]\n  disabledItems?: string[]\n  disabled?: boolean\n  selectionMode?: SelectionMode\n}\n\nexport function init(opts: ListboxInit = {}): ListboxState {\n  return {\n    value: opts.value ?? [],\n    items: opts.items ?? [],\n    disabledItems: opts.disabledItems ?? [],\n    disabled: opts.disabled ?? false,\n    selectionMode: opts.selectionMode ?? 'single',\n    highlightedIndex: null,\n    typeahead: '',\n    typeaheadExpiresAt: 0,\n  }\n}\n\nfunction nextEnabledIndex(\n  items: string[],\n  disabled: string[],\n  from: number | null,\n  delta: 1 | -1,\n): number | null {\n  if (items.length === 0) return null\n  const start = from === null ? (delta === 1 ? -1 : items.length) : from\n  const n = items.length\n  for (let i = 1; i <= n; i++) {\n    const idx = (start + delta * i + n * n) % n\n    if (!disabled.includes(items[idx]!)) return idx\n  }\n  return null\n}\n\nfunction firstEnabledIndex(items: string[], disabled: string[]): number | null {\n  for (let i = 0; i < items.length; i++) {\n    if (!disabled.includes(items[i]!)) return i\n  }\n  return null\n}\n\nfunction lastEnabledIndex(items: string[], disabled: string[]): number | null {\n  for (let i = items.length - 1; i >= 0; i--) {\n    if (!disabled.includes(items[i]!)) return i\n  }\n  return null\n}\n\nfunction applySelection(state: ListboxState, value: string): string[] {\n  if (state.disabledItems.includes(value)) return state.value\n  if (state.selectionMode === 'single') return [value]\n  // multiple\n  const isActive = state.value.includes(value)\n  return isActive ? state.value.filter((v) => v !== value) : [...state.value, value]\n}\n\nexport function update(state: ListboxState, msg: ListboxMsg): [ListboxState, never[]] {\n  if (state.disabled) return [state, []]\n  switch (msg.type) {\n    case 'select':\n      return [{ ...state, value: applySelection(state, msg.value) }, []]\n    case 'setValue':\n      return [{ ...state, value: msg.value }, []]\n    case 'clear':\n      return [{ ...state, value: [] }, []]\n    case 'highlight':\n      return [{ ...state, highlightedIndex: msg.index }, []]\n    case 'highlightNext': {\n      const to = nextEnabledIndex(state.items, state.disabledItems, state.highlightedIndex, 1)\n      return [{ ...state, highlightedIndex: to }, []]\n    }\n    case 'highlightPrev': {\n      const to = nextEnabledIndex(state.items, state.disabledItems, state.highlightedIndex, -1)\n      return [{ ...state, highlightedIndex: to }, []]\n    }\n    case 'highlightFirst':\n      return [\n        { ...state, highlightedIndex: firstEnabledIndex(state.items, state.disabledItems) },\n        [],\n      ]\n    case 'highlightLast':\n      return [\n        { ...state, highlightedIndex: lastEnabledIndex(state.items, state.disabledItems) },\n        [],\n      ]\n    case 'selectHighlighted': {\n      if (state.highlightedIndex === null) return [state, []]\n      const v = state.items[state.highlightedIndex]\n      if (v === undefined) return [state, []]\n      return [{ ...state, value: applySelection(state, v) }, []]\n    }\n    case 'setItems': {\n      const disabled = msg.disabled ?? state.disabledItems\n      // Preserve only values still in the items list and not disabled\n      const value = state.value.filter((v) => msg.items.includes(v) && !disabled.includes(v))\n      return [{ ...state, items: msg.items, disabledItems: disabled, value }, []]\n    }\n    case 'typeahead': {\n      const acc = typeaheadAccumulate(state.typeahead, msg.char, msg.now, state.typeaheadExpiresAt)\n      const match = typeaheadMatchByItems(\n        state.items,\n        state.disabledItems,\n        acc,\n        state.highlightedIndex,\n      )\n      return [\n        {\n          ...state,\n          typeahead: acc,\n          typeaheadExpiresAt: msg.now + TYPEAHEAD_TIMEOUT_MS,\n          highlightedIndex: match ?? state.highlightedIndex,\n        },\n        [],\n      ]\n    }\n  }\n}\n\nexport interface ListboxItemParts<S> {\n  root: {\n    role: 'option'\n    id: string\n    'aria-selected': (s: S) => boolean\n    'aria-disabled': (s: S) => 'true' | undefined\n    'data-state': (s: S) => 'selected' | undefined\n    'data-highlighted': (s: S) => '' | undefined\n    'data-disabled': (s: S) => '' | undefined\n    'data-scope': 'listbox'\n    'data-part': 'item'\n    'data-value': string\n    'data-index': string\n    onClick: (e: MouseEvent) => void\n    onPointerMove: (e: PointerEvent) => void\n  }\n}\n\nexport interface ListboxParts<S> {\n  root: {\n    role: 'listbox'\n    'aria-owns': (s: S) => string | undefined\n    'aria-multiselectable': (s: S) => 'true' | undefined\n    'aria-disabled': (s: S) => 'true' | undefined\n    'aria-activedescendant': (s: S) => string | undefined\n    tabIndex: (s: S) => number\n    id: string\n    'data-scope': 'listbox'\n    'data-part': 'root'\n    'data-disabled': (s: S) => '' | undefined\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  item: (value: string, index: number) => ListboxItemParts<S>\n}\n\nexport interface ConnectOptions {\n  id: string\n}\n\nexport function connect<S>(\n  get: (s: S) => ListboxState,\n  send: Send<ListboxMsg>,\n  opts: ConnectOptions,\n): ListboxParts<S> {\n  const rootId = `${opts.id}:root`\n  const itemId = (index: number): string => `${opts.id}:item:${index}`\n\n  return {\n    root: {\n      role: 'listbox',\n      'aria-owns': (s) => {\n        const items = get(s).items\n        if (items.length === 0) return undefined\n        return items.map((_, i) => itemId(i)).join(' ')\n      },\n      'aria-multiselectable': (s) => (get(s).selectionMode === 'multiple' ? 'true' : undefined),\n      'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n      'aria-activedescendant': (s) => {\n        const idx = get(s).highlightedIndex\n        return idx === null ? undefined : itemId(idx)\n      },\n      tabIndex: (s) => (get(s).disabled ? -1 : 0),\n      id: rootId,\n      'data-scope': 'listbox',\n      'data-part': 'root',\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      onKeyDown: (e) => {\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault()\n            send({ type: 'highlightNext' })\n            return\n          case 'ArrowUp':\n            e.preventDefault()\n            send({ type: 'highlightPrev' })\n            return\n          case 'Home':\n            e.preventDefault()\n            send({ type: 'highlightFirst' })\n            return\n          case 'End':\n            e.preventDefault()\n            send({ type: 'highlightLast' })\n            return\n          case 'Enter':\n          case ' ':\n            e.preventDefault()\n            send({ type: 'selectHighlighted' })\n            return\n          default:\n            if (isTypeaheadKey(e)) {\n              send({ type: 'typeahead', char: e.key, now: Date.now() })\n            }\n        }\n      },\n    },\n    item: (value: string, index: number): ListboxItemParts<S> => ({\n      root: {\n        role: 'option',\n        id: itemId(index),\n        'aria-selected': (s) => get(s).value.includes(value),\n        'aria-disabled': (s) => (get(s).disabledItems.includes(value) ? 'true' : undefined),\n        'data-state': (s) => (get(s).value.includes(value) ? 'selected' : undefined),\n        'data-highlighted': (s) => (get(s).highlightedIndex === index ? '' : undefined),\n        'data-disabled': (s) => (get(s).disabledItems.includes(value) ? '' : undefined),\n        'data-scope': 'listbox',\n        'data-part': 'item',\n        'data-value': value,\n        'data-index': String(index),\n        onClick: () => send({ type: 'select', value }),\n        onPointerMove: () => send({ type: 'highlight', index }),\n      },\n    }),\n  }\n}\n\nexport const listbox = { init, update, connect }\n"]}
+{"version":3,"file":"listbox.js","sourceRoot":"","sources":["../../src/components/listbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send } from '@llui/dom'\nimport {\n  typeaheadAccumulate,\n  typeaheadMatchByItems,\n  isTypeaheadKey,\n  TYPEAHEAD_TIMEOUT_MS,\n} from '../utils/typeahead.js'\n\n/**\n * Listbox — a list of selectable options. Supports single and multiple\n * selection, keyboard navigation (arrows, Home, End), typeahead, and\n * disabled items. Renders as `role=\"listbox\"` with `role=\"option\"` items.\n */\n\nexport type SelectionMode = 'single' | 'multiple'\n\nexport interface ListboxState {\n  value: string[]\n  items: string[]\n  disabledItems: string[]\n  disabled: boolean\n  selectionMode: SelectionMode\n  highlightedIndex: number | null\n  typeahead: string\n  typeaheadExpiresAt: number\n}\n\nexport type ListboxMsg =\n  /** @intent(\"Pick the option with the given value (toggles in multi-select)\") */\n  | { type: 'select'; value: string }\n  /** @intent(\"Replace the selected values with the provided list\") */\n  | { type: 'setValue'; value: string[] }\n  /** @intent(\"Clear all selected values\") */\n  | { type: 'clear' }\n  /** @humanOnly */\n  | { type: 'highlight'; index: number | null }\n  /** @humanOnly */\n  | { type: 'highlightNext' }\n  /** @humanOnly */\n  | { type: 'highlightPrev' }\n  /** @humanOnly */\n  | { type: 'highlightFirst' }\n  /** @humanOnly */\n  | { type: 'highlightLast' }\n  /** @intent(\"Pick the currently-highlighted option\") */\n  | { type: 'selectHighlighted' }\n  /** @humanOnly */\n  | { type: 'setItems'; items: string[]; disabled?: string[] }\n  /** @humanOnly */\n  | { type: 'typeahead'; char: string; now: number }\n\nexport interface ListboxInit {\n  value?: string[]\n  items?: string[]\n  disabledItems?: string[]\n  disabled?: boolean\n  selectionMode?: SelectionMode\n}\n\nexport function init(opts: ListboxInit = {}): ListboxState {\n  return {\n    value: opts.value ?? [],\n    items: opts.items ?? [],\n    disabledItems: opts.disabledItems ?? [],\n    disabled: opts.disabled ?? false,\n    selectionMode: opts.selectionMode ?? 'single',\n    highlightedIndex: null,\n    typeahead: '',\n    typeaheadExpiresAt: 0,\n  }\n}\n\nfunction nextEnabledIndex(\n  items: string[],\n  disabled: string[],\n  from: number | null,\n  delta: 1 | -1,\n): number | null {\n  if (items.length === 0) return null\n  const start = from === null ? (delta === 1 ? -1 : items.length) : from\n  const n = items.length\n  for (let i = 1; i <= n; i++) {\n    const idx = (start + delta * i + n * n) % n\n    if (!disabled.includes(items[idx]!)) return idx\n  }\n  return null\n}\n\nfunction firstEnabledIndex(items: string[], disabled: string[]): number | null {\n  for (let i = 0; i < items.length; i++) {\n    if (!disabled.includes(items[i]!)) return i\n  }\n  return null\n}\n\nfunction lastEnabledIndex(items: string[], disabled: string[]): number | null {\n  for (let i = items.length - 1; i >= 0; i--) {\n    if (!disabled.includes(items[i]!)) return i\n  }\n  return null\n}\n\nfunction applySelection(state: ListboxState, value: string): string[] {\n  if (state.disabledItems.includes(value)) return state.value\n  if (state.selectionMode === 'single') return [value]\n  // multiple\n  const isActive = state.value.includes(value)\n  return isActive ? state.value.filter((v) => v !== value) : [...state.value, value]\n}\n\nexport function update(state: ListboxState, msg: ListboxMsg): [ListboxState, never[]] {\n  if (state.disabled) return [state, []]\n  switch (msg.type) {\n    case 'select':\n      return [{ ...state, value: applySelection(state, msg.value) }, []]\n    case 'setValue':\n      return [{ ...state, value: msg.value }, []]\n    case 'clear':\n      return [{ ...state, value: [] }, []]\n    case 'highlight':\n      return [{ ...state, highlightedIndex: msg.index }, []]\n    case 'highlightNext': {\n      const to = nextEnabledIndex(state.items, state.disabledItems, state.highlightedIndex, 1)\n      return [{ ...state, highlightedIndex: to }, []]\n    }\n    case 'highlightPrev': {\n      const to = nextEnabledIndex(state.items, state.disabledItems, state.highlightedIndex, -1)\n      return [{ ...state, highlightedIndex: to }, []]\n    }\n    case 'highlightFirst':\n      return [\n        { ...state, highlightedIndex: firstEnabledIndex(state.items, state.disabledItems) },\n        [],\n      ]\n    case 'highlightLast':\n      return [\n        { ...state, highlightedIndex: lastEnabledIndex(state.items, state.disabledItems) },\n        [],\n      ]\n    case 'selectHighlighted': {\n      if (state.highlightedIndex === null) return [state, []]\n      const v = state.items[state.highlightedIndex]\n      if (v === undefined) return [state, []]\n      return [{ ...state, value: applySelection(state, v) }, []]\n    }\n    case 'setItems': {\n      const disabled = msg.disabled ?? state.disabledItems\n      // Preserve only values still in the items list and not disabled\n      const value = state.value.filter((v) => msg.items.includes(v) && !disabled.includes(v))\n      return [{ ...state, items: msg.items, disabledItems: disabled, value }, []]\n    }\n    case 'typeahead': {\n      const acc = typeaheadAccumulate(state.typeahead, msg.char, msg.now, state.typeaheadExpiresAt)\n      const match = typeaheadMatchByItems(\n        state.items,\n        state.disabledItems,\n        acc,\n        state.highlightedIndex,\n      )\n      return [\n        {\n          ...state,\n          typeahead: acc,\n          typeaheadExpiresAt: msg.now + TYPEAHEAD_TIMEOUT_MS,\n          highlightedIndex: match ?? state.highlightedIndex,\n        },\n        [],\n      ]\n    }\n  }\n}\n\nexport interface ListboxItemParts<S> {\n  root: {\n    role: 'option'\n    id: string\n    'aria-selected': (s: S) => boolean\n    'aria-disabled': (s: S) => 'true' | undefined\n    'data-state': (s: S) => 'selected' | undefined\n    'data-highlighted': (s: S) => '' | undefined\n    'data-disabled': (s: S) => '' | undefined\n    'data-scope': 'listbox'\n    'data-part': 'item'\n    'data-value': string\n    'data-index': string\n    onClick: (e: MouseEvent) => void\n    onPointerMove: (e: PointerEvent) => void\n  }\n}\n\nexport interface ListboxParts<S> {\n  root: {\n    role: 'listbox'\n    'aria-owns': (s: S) => string | undefined\n    'aria-multiselectable': (s: S) => 'true' | undefined\n    'aria-disabled': (s: S) => 'true' | undefined\n    'aria-activedescendant': (s: S) => string | undefined\n    tabIndex: (s: S) => number\n    id: string\n    'data-scope': 'listbox'\n    'data-part': 'root'\n    'data-disabled': (s: S) => '' | undefined\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  item: (value: string, index: number) => ListboxItemParts<S>\n}\n\nexport interface ConnectOptions {\n  id: string\n}\n\nexport function connect<S>(\n  get: (s: S) => ListboxState,\n  send: Send<ListboxMsg>,\n  opts: ConnectOptions,\n): ListboxParts<S> {\n  const rootId = `${opts.id}:root`\n  const itemId = (index: number): string => `${opts.id}:item:${index}`\n\n  return {\n    root: {\n      role: 'listbox',\n      'aria-owns': (s) => {\n        const items = get(s).items\n        if (items.length === 0) return undefined\n        return items.map((_, i) => itemId(i)).join(' ')\n      },\n      'aria-multiselectable': (s) => (get(s).selectionMode === 'multiple' ? 'true' : undefined),\n      'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n      'aria-activedescendant': (s) => {\n        const idx = get(s).highlightedIndex\n        return idx === null ? undefined : itemId(idx)\n      },\n      tabIndex: (s) => (get(s).disabled ? -1 : 0),\n      id: rootId,\n      'data-scope': 'listbox',\n      'data-part': 'root',\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      onKeyDown: tagSend(\n        send,\n        [\n          'highlightNext',\n          'highlightPrev',\n          'highlightFirst',\n          'highlightLast',\n          'selectHighlighted',\n          'typeahead',\n        ],\n        (e) => {\n          switch (e.key) {\n            case 'ArrowDown':\n              e.preventDefault()\n              send({ type: 'highlightNext' })\n              return\n            case 'ArrowUp':\n              e.preventDefault()\n              send({ type: 'highlightPrev' })\n              return\n            case 'Home':\n              e.preventDefault()\n              send({ type: 'highlightFirst' })\n              return\n            case 'End':\n              e.preventDefault()\n              send({ type: 'highlightLast' })\n              return\n            case 'Enter':\n            case ' ':\n              e.preventDefault()\n              send({ type: 'selectHighlighted' })\n              return\n            default:\n              if (isTypeaheadKey(e)) {\n                send({ type: 'typeahead', char: e.key, now: Date.now() })\n              }\n          }\n        },\n      ),\n    },\n    item: (value: string, index: number): ListboxItemParts<S> => ({\n      root: {\n        role: 'option',\n        id: itemId(index),\n        'aria-selected': (s) => get(s).value.includes(value),\n        'aria-disabled': (s) => (get(s).disabledItems.includes(value) ? 'true' : undefined),\n        'data-state': (s) => (get(s).value.includes(value) ? 'selected' : undefined),\n        'data-highlighted': (s) => (get(s).highlightedIndex === index ? '' : undefined),\n        'data-disabled': (s) => (get(s).disabledItems.includes(value) ? '' : undefined),\n        'data-scope': 'listbox',\n        'data-part': 'item',\n        'data-value': value,\n        'data-index': String(index),\n        onClick: tagSend(send, ['select'], () => send({ type: 'select', value })),\n        onPointerMove: tagSend(send, ['highlight'], () => send({ type: 'highlight', index })),\n      },\n    }),\n  }\n}\n\nexport const listbox = { init, update, connect }\n"]}

package/dist/components/marquee.d.ts

@@ -23,20 +23,34 @@ export interface MarqueeState {
     hovered: boolean;
     disabled: boolean;
 }
-export type MarqueeMsg = {
+export type MarqueeMsg = 
+/** @intent("Resume the marquee scrolling") */
+{
     type: 'play';
-} | {
+}
+/** @intent("Pause the marquee scrolling") */
+ | {
     type: 'pause';
-} | {
+}
+/** @intent("Toggle the marquee between playing and paused") */
+ | {
     type: 'toggle';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'hoverPause';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'hoverResume';
-} | {
+}
+/** @intent("Change the scroll direction (left/right/up/down)") */
+ | {
     type: 'setDirection';
     direction: MarqueeDirection;
-} | {
+}
+/** @intent("Change the loop duration in seconds (larger = slower)") */
+ | {
     type: 'setDuration';
     durationSec: number;
 };

package/dist/components/marquee.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"marquee.d.ts","sourceRoot":"","sources":["../../src/components/marquee.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAErC;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAA;AAE/D,MAAM,WAAW,YAAY;IAC3B;;sCAEkC;IAClC,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,gBAAgB,CAAA;IAC3B,6DAA6D;IAC7D,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,UAAU,GAClB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,GACtB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,SAAS,EAAE,gBAAgB,CAAA;CAAE,GACrD;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAA;AAEhD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,WAAgB,GAAG,YAAY,CASzD;AAED,2DAA2D;AAC3D,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAItD;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,GAAG,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC,CAkBpF;AAED,wFAAwF;AACxF,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,gBAAgB,GAAG,QAAQ,GAAG,SAAS,CAEvF;AAED,6DAA6D;AAC7D,wBAAgB,IAAI,CAAC,SAAS,EAAE,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAE3E;AAED,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,IAAI,EAAE;QACJ,YAAY,EAAE,SAAS,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACxC,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,gBAAgB,CAAA;QAC5C,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,YAAY,GAAG,UAAU,CAAA;QAChD,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACzC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;QACrC,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACtC,CAAA;IACD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS,CAAA;QACvB,WAAW,EAAE,SAAS,CAAA;KACvB,CAAA;CACF;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CA2B/F;AAED,eAAO,MAAM,OAAO;;;;;;;CAAoE,CAAA"}
+{"version":3,"file":"marquee.d.ts","sourceRoot":"","sources":["../../src/components/marquee.ts"],"names":[],"mappings":"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"}

package/dist/components/marquee.js

@@ -1,3 +1,4 @@
+import { tagSend } from '@llui/dom';
 export function init(opts = {}) {
     return {
         running: opts.running ?? true,
@@ -61,8 +62,8 @@ export function connect(get, send) {
             },
             // Always fire hover messages; the reducer no-ops unless
             // state.pauseOnHover is true.
-            onMouseEnter: () => send({ type: 'hoverPause' }),
-            onMouseLeave: () => send({ type: 'hoverResume' }),
+            onMouseEnter: tagSend(send, ['hoverPause'], () => send({ type: 'hoverPause' })),
+            onMouseLeave: tagSend(send, ['hoverResume'], () => send({ type: 'hoverResume' })),
         },
         content: {
             'data-scope': 'marquee',

package/dist/components/marquee.js.map

@@ -1 +1 @@
-{"version":3,"file":"marquee.js","sourceRoot":"","sources":["../../src/components/marquee.ts"],"names":[],"mappings":"AA8CA,MAAM,UAAU,IAAI,CAAC,OAAoB,EAAE;IACzC,OAAO;QACL,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI;QAC7B,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,MAAM;QACnC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE;QACnC,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,KAAK;QACxC,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;KACjC,CAAA;AACH,CAAC;AAED,2DAA2D;AAC3D,MAAM,UAAU,SAAS,CAAC,KAAmB;IAC3C,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAA;IAClD,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,OAAO;QAAE,OAAO,KAAK,CAAA;IACrD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAmB,EAAE,GAAe;IACzD,IAAI,KAAK,CAAC,QAAQ;QAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IACtC,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,MAAM;YACT,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;QAC1C,KAAK,OAAO;YACV,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;QAC3C,KAAK,QAAQ;YACX,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;QACpD,KAAK,YAAY;YACf,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;QAC1C,KAAK,aAAa;YAChB,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;QAC3C,KAAK,cAAc;YACjB,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,CAAA;QACrD,KAAK,aAAa;YAChB,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;IACxE,CAAC;AACH,CAAC;AAED,wFAAwF;AACxF,MAAM,UAAU,qBAAqB,CAAC,SAA2B;IAC/D,OAAO,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAA;AAC7E,CAAC;AAED,6DAA6D;AAC7D,MAAM,UAAU,IAAI,CAAC,SAA2B;IAC9C,OAAO,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAA;AAC/E,CAAC;AAoBD,MAAM,UAAU,OAAO,CAAI,GAA2B,EAAE,IAAsB;IAC5E,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,MAAM;YACnB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YAC3D,gBAAgB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;YACzC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAC1C,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YAC1D,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE;gBACX,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAA;gBACjB,OAAO,CACL,sBAAsB,EAAE,CAAC,WAAW,IAAI;oBACxC,uBAAuB,qBAAqB,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG;oBAC7D,uBAAuB,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,GAAG,CAC/D,CAAA;YACH,CAAC;YACD,wDAAwD;YACxD,8BAA8B;YAC9B,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;YAChD,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;SAClD;QACD,OAAO,EAAE;YACP,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,SAAS;SACvB;KACF,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAAA","sourcesContent":["import type { Send } from '@llui/dom'\n\n/**\n * Marquee — continuously-scrolling content. The state machine tracks\n * play/pause + direction + speed; the scrolling itself is driven by CSS\n * animations or JS requestAnimationFrame (the consumer owns that).\n *\n * Expose the active state via CSS custom properties the consumer reads\n * in their stylesheet:\n *   --marquee-duration: {N}s\n *   --marquee-direction: 'normal' | 'reverse'\n *   --marquee-playstate: 'running' | 'paused'\n */\n\nexport type MarqueeDirection = 'left' | 'right' | 'up' | 'down'\n\nexport interface MarqueeState {\n  /** User-intended running state (what play/pause/toggle set). The actual\n   *  effective state is derived via `isRunning()` — it combines this with\n   *  `hovered` + `pauseOnHover`. */\n  running: boolean\n  direction: MarqueeDirection\n  /** Duration of one full loop in seconds. Larger = slower. */\n  durationSec: number\n  pauseOnHover: boolean\n  hovered: boolean\n  disabled: boolean\n}\n\nexport type MarqueeMsg =\n  | { type: 'play' }\n  | { type: 'pause' }\n  | { type: 'toggle' }\n  | { type: 'hoverPause' }\n  | { type: 'hoverResume' }\n  | { type: 'setDirection'; direction: MarqueeDirection }\n  | { type: 'setDuration'; durationSec: number }\n\nexport interface MarqueeInit {\n  running?: boolean\n  direction?: MarqueeDirection\n  durationSec?: number\n  pauseOnHover?: boolean\n  disabled?: boolean\n}\n\nexport function init(opts: MarqueeInit = {}): MarqueeState {\n  return {\n    running: opts.running ?? true,\n    direction: opts.direction ?? 'left',\n    durationSec: opts.durationSec ?? 20,\n    pauseOnHover: opts.pauseOnHover ?? false,\n    hovered: false,\n    disabled: opts.disabled ?? false,\n  }\n}\n\n/** Derived: whether the marquee is currently animating. */\nexport function isRunning(state: MarqueeState): boolean {\n  if (!state.running || state.disabled) return false\n  if (state.pauseOnHover && state.hovered) return false\n  return true\n}\n\nexport function update(state: MarqueeState, msg: MarqueeMsg): [MarqueeState, never[]] {\n  if (state.disabled) return [state, []]\n  switch (msg.type) {\n    case 'play':\n      return [{ ...state, running: true }, []]\n    case 'pause':\n      return [{ ...state, running: false }, []]\n    case 'toggle':\n      return [{ ...state, running: !state.running }, []]\n    case 'hoverPause':\n      return [{ ...state, hovered: true }, []]\n    case 'hoverResume':\n      return [{ ...state, hovered: false }, []]\n    case 'setDirection':\n      return [{ ...state, direction: msg.direction }, []]\n    case 'setDuration':\n      return [{ ...state, durationSec: Math.max(0, msg.durationSec) }, []]\n  }\n}\n\n/** Returns 'normal' (left/up) or 'reverse' (right/down) for CSS animation-direction. */\nexport function cssAnimationDirection(direction: MarqueeDirection): 'normal' | 'reverse' {\n  return direction === 'right' || direction === 'down' ? 'reverse' : 'normal'\n}\n\n/** Returns 'horizontal' or 'vertical' based on direction. */\nexport function axis(direction: MarqueeDirection): 'horizontal' | 'vertical' {\n  return direction === 'up' || direction === 'down' ? 'vertical' : 'horizontal'\n}\n\nexport interface MarqueeParts<S> {\n  root: {\n    'data-scope': 'marquee'\n    'data-part': 'root'\n    'data-running': (s: S) => '' | undefined\n    'data-direction': (s: S) => MarqueeDirection\n    'data-axis': (s: S) => 'horizontal' | 'vertical'\n    'data-disabled': (s: S) => '' | undefined\n    style: (s: S) => string\n    onMouseEnter: (e: MouseEvent) => void\n    onMouseLeave: (e: MouseEvent) => void\n  }\n  content: {\n    'data-scope': 'marquee'\n    'data-part': 'content'\n  }\n}\n\nexport function connect<S>(get: (s: S) => MarqueeState, send: Send<MarqueeMsg>): MarqueeParts<S> {\n  return {\n    root: {\n      'data-scope': 'marquee',\n      'data-part': 'root',\n      'data-running': (s) => (isRunning(get(s)) ? '' : undefined),\n      'data-direction': (s) => get(s).direction,\n      'data-axis': (s) => axis(get(s).direction),\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      style: (s) => {\n        const st = get(s)\n        return (\n          `--marquee-duration:${st.durationSec}s;` +\n          `--marquee-direction:${cssAnimationDirection(st.direction)};` +\n          `--marquee-playstate:${isRunning(st) ? 'running' : 'paused'};`\n        )\n      },\n      // Always fire hover messages; the reducer no-ops unless\n      // state.pauseOnHover is true.\n      onMouseEnter: () => send({ type: 'hoverPause' }),\n      onMouseLeave: () => send({ type: 'hoverResume' }),\n    },\n    content: {\n      'data-scope': 'marquee',\n      'data-part': 'content',\n    },\n  }\n}\n\nexport const marquee = { init, update, connect, isRunning, cssAnimationDirection, axis }\n"]}
+{"version":3,"file":"marquee.js","sourceRoot":"","sources":["../../src/components/marquee.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send } from '@llui/dom'\n\n/**\n * Marquee — continuously-scrolling content. The state machine tracks\n * play/pause + direction + speed; the scrolling itself is driven by CSS\n * animations or JS requestAnimationFrame (the consumer owns that).\n *\n * Expose the active state via CSS custom properties the consumer reads\n * in their stylesheet:\n *   --marquee-duration: {N}s\n *   --marquee-direction: 'normal' | 'reverse'\n *   --marquee-playstate: 'running' | 'paused'\n */\n\nexport type MarqueeDirection = 'left' | 'right' | 'up' | 'down'\n\nexport interface MarqueeState {\n  /** User-intended running state (what play/pause/toggle set). The actual\n   *  effective state is derived via `isRunning()` — it combines this with\n   *  `hovered` + `pauseOnHover`. */\n  running: boolean\n  direction: MarqueeDirection\n  /** Duration of one full loop in seconds. Larger = slower. */\n  durationSec: number\n  pauseOnHover: boolean\n  hovered: boolean\n  disabled: boolean\n}\n\nexport type MarqueeMsg =\n  /** @intent(\"Resume the marquee scrolling\") */\n  | { type: 'play' }\n  /** @intent(\"Pause the marquee scrolling\") */\n  | { type: 'pause' }\n  /** @intent(\"Toggle the marquee between playing and paused\") */\n  | { type: 'toggle' }\n  /** @humanOnly */\n  | { type: 'hoverPause' }\n  /** @humanOnly */\n  | { type: 'hoverResume' }\n  /** @intent(\"Change the scroll direction (left/right/up/down)\") */\n  | { type: 'setDirection'; direction: MarqueeDirection }\n  /** @intent(\"Change the loop duration in seconds (larger = slower)\") */\n  | { type: 'setDuration'; durationSec: number }\n\nexport interface MarqueeInit {\n  running?: boolean\n  direction?: MarqueeDirection\n  durationSec?: number\n  pauseOnHover?: boolean\n  disabled?: boolean\n}\n\nexport function init(opts: MarqueeInit = {}): MarqueeState {\n  return {\n    running: opts.running ?? true,\n    direction: opts.direction ?? 'left',\n    durationSec: opts.durationSec ?? 20,\n    pauseOnHover: opts.pauseOnHover ?? false,\n    hovered: false,\n    disabled: opts.disabled ?? false,\n  }\n}\n\n/** Derived: whether the marquee is currently animating. */\nexport function isRunning(state: MarqueeState): boolean {\n  if (!state.running || state.disabled) return false\n  if (state.pauseOnHover && state.hovered) return false\n  return true\n}\n\nexport function update(state: MarqueeState, msg: MarqueeMsg): [MarqueeState, never[]] {\n  if (state.disabled) return [state, []]\n  switch (msg.type) {\n    case 'play':\n      return [{ ...state, running: true }, []]\n    case 'pause':\n      return [{ ...state, running: false }, []]\n    case 'toggle':\n      return [{ ...state, running: !state.running }, []]\n    case 'hoverPause':\n      return [{ ...state, hovered: true }, []]\n    case 'hoverResume':\n      return [{ ...state, hovered: false }, []]\n    case 'setDirection':\n      return [{ ...state, direction: msg.direction }, []]\n    case 'setDuration':\n      return [{ ...state, durationSec: Math.max(0, msg.durationSec) }, []]\n  }\n}\n\n/** Returns 'normal' (left/up) or 'reverse' (right/down) for CSS animation-direction. */\nexport function cssAnimationDirection(direction: MarqueeDirection): 'normal' | 'reverse' {\n  return direction === 'right' || direction === 'down' ? 'reverse' : 'normal'\n}\n\n/** Returns 'horizontal' or 'vertical' based on direction. */\nexport function axis(direction: MarqueeDirection): 'horizontal' | 'vertical' {\n  return direction === 'up' || direction === 'down' ? 'vertical' : 'horizontal'\n}\n\nexport interface MarqueeParts<S> {\n  root: {\n    'data-scope': 'marquee'\n    'data-part': 'root'\n    'data-running': (s: S) => '' | undefined\n    'data-direction': (s: S) => MarqueeDirection\n    'data-axis': (s: S) => 'horizontal' | 'vertical'\n    'data-disabled': (s: S) => '' | undefined\n    style: (s: S) => string\n    onMouseEnter: (e: MouseEvent) => void\n    onMouseLeave: (e: MouseEvent) => void\n  }\n  content: {\n    'data-scope': 'marquee'\n    'data-part': 'content'\n  }\n}\n\nexport function connect<S>(get: (s: S) => MarqueeState, send: Send<MarqueeMsg>): MarqueeParts<S> {\n  return {\n    root: {\n      'data-scope': 'marquee',\n      'data-part': 'root',\n      'data-running': (s) => (isRunning(get(s)) ? '' : undefined),\n      'data-direction': (s) => get(s).direction,\n      'data-axis': (s) => axis(get(s).direction),\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      style: (s) => {\n        const st = get(s)\n        return (\n          `--marquee-duration:${st.durationSec}s;` +\n          `--marquee-direction:${cssAnimationDirection(st.direction)};` +\n          `--marquee-playstate:${isRunning(st) ? 'running' : 'paused'};`\n        )\n      },\n      // Always fire hover messages; the reducer no-ops unless\n      // state.pauseOnHover is true.\n      onMouseEnter: tagSend(send, ['hoverPause'], () => send({ type: 'hoverPause' })),\n      onMouseLeave: tagSend(send, ['hoverResume'], () => send({ type: 'hoverResume' })),\n    },\n    content: {\n      'data-scope': 'marquee',\n      'data-part': 'content',\n    },\n  }\n}\n\nexport const marquee = { init, update, connect, isRunning, cssAnimationDirection, axis }\n"]}

package/dist/components/menu.d.ts

@@ -19,33 +19,57 @@ export interface MenuState {
     typeahead: string;
     typeaheadExpiresAt: number;
 }
-export type MenuMsg = {
+export type MenuMsg = 
+/** @intent("Open the menu") */
+{
     type: 'open';
-} | {
+}
+/** @intent("Close the menu") */
+ | {
     type: 'close';
-} | {
+}
+/** @intent("Toggle the menu open/closed") */
+ | {
     type: 'toggle';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'highlight';
     value: string | null;
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'highlightNext';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'highlightPrev';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'highlightFirst';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'highlightLast';
-} | {
+}
+/** @intent("Activate the currently-highlighted menu item") */
+ | {
     type: 'selectHighlighted';
-} | {
+}
+/** @intent("Activate the menu item with the given value") */
+ | {
     type: 'select';
     value: string;
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'setItems';
     items: string[];
     disabled?: string[];
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'typeahead';
     char: string;
     now: number;

package/dist/components/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/components/menu.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/components/menu.ts"],"names":[],"mappings":"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"}