@llui/components 0.4.10 → 0.5.0

package/dist/components/rating-group.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Rating group — a sequence of clickable items (stars) representing a
  * discrete rating. Supports half-step ratings and keyboard navigation.
@@ -60,39 +60,39 @@ export declare function init(opts?: RatingGroupInit): RatingGroupState;
 export declare function update(state: RatingGroupState, msg: RatingGroupMsg): [RatingGroupState, never[]];
 export type ItemFill = 'full' | 'half' | 'empty';
 export declare function itemFill(state: RatingGroupState, index: number): ItemFill;
-export interface RatingItemParts<S> {
+export interface RatingItemParts {
     root: {
         role: 'radio';
-        'aria-checked': (s: S) => boolean;
-        'data-fill': (s: S) => ItemFill;
+        'aria-checked': Signal<boolean>;
+        'data-fill': Signal<ItemFill>;
         'data-scope': 'rating-group';
         'data-part': 'item';
         'data-value': string;
-        'data-disabled': (s: S) => '' | undefined;
-        tabIndex: (s: S) => number;
+        'data-disabled': Signal<'' | undefined>;
+        tabIndex: Signal<number>;
         onClick: (e: MouseEvent) => void;
         onPointerMove: (e: PointerEvent) => void;
         onPointerLeave: (e: PointerEvent) => void;
         onKeyDown: (e: KeyboardEvent) => void;
     };
 }
-export interface RatingGroupParts<S> {
+export interface RatingGroupParts {
     root: {
         role: 'radiogroup';
         'aria-label': string | undefined;
-        'aria-disabled': (s: S) => 'true' | undefined;
-        'aria-readonly': (s: S) => 'true' | undefined;
+        'aria-disabled': Signal<'true' | undefined>;
+        'aria-readonly': Signal<'true' | undefined>;
         'data-scope': 'rating-group';
         'data-part': 'root';
-        'data-disabled': (s: S) => '' | undefined;
-        'data-readonly': (s: S) => '' | undefined;
+        'data-disabled': Signal<'' | undefined>;
+        'data-readonly': Signal<'' | undefined>;
     };
-    item: (index: number) => RatingItemParts<S>;
+    item: (index: number) => RatingItemParts;
 }
 export interface ConnectOptions {
     label?: string;
 }
-export declare function connect<S>(get: (s: S) => RatingGroupState, send: Send<RatingGroupMsg>, opts?: ConnectOptions): RatingGroupParts<S>;
+export declare function connect(state: Signal<RatingGroupState>, send: Send<RatingGroupMsg>, opts?: ConnectOptions): RatingGroupParts;
 export declare const ratingGroup: {
     init: typeof init;
     update: typeof update;

package/dist/components/rating-group.d.ts.map

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

package/dist/components/rating-group.js

@@ -55,35 +55,34 @@ export function itemFill(state, index) {
         return 'half';
     return 'empty';
 }
-export function connect(get, send, opts = {}) {
+export function connect(state, send, opts = {}) {
     return {
         root: {
             role: 'radiogroup',
             'aria-label': opts.label,
-            'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
-            'aria-readonly': (s) => (get(s).readOnly ? 'true' : undefined),
+            'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),
+            'aria-readonly': state.map((s) => (s.readOnly ? 'true' : undefined)),
             'data-scope': 'rating-group',
             'data-part': 'root',
-            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
-            'data-readonly': (s) => (get(s).readOnly ? '' : undefined),
+            'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),
+            'data-readonly': state.map((s) => (s.readOnly ? '' : undefined)),
         },
         item: (index) => ({
             root: {
                 role: 'radio',
-                'aria-checked': (s) => Math.ceil(get(s).value) === index + 1,
-                'data-fill': (s) => itemFill(get(s), index),
+                'aria-checked': state.map((s) => Math.ceil(s.value) === index + 1),
+                'data-fill': state.map((s) => itemFill(s, index)),
                 'data-scope': 'rating-group',
                 'data-part': 'item',
                 'data-value': String(index + 1),
-                'data-disabled': (s) => (get(s).disabled ? '' : undefined),
-                tabIndex: (s) => {
-                    const st = get(s);
+                'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),
+                tabIndex: state.map((st) => {
                     if (st.disabled || st.readOnly)
                         return -1;
                     // Only current active item is tab stop
                     const active = Math.ceil(st.value) || 1;
                     return active === index + 1 ? 0 : -1;
-                },
+                }),
                 onClick: tagSend(send, ['clickItem'], (e) => {
                     const rect = e.currentTarget.getBoundingClientRect();
                     const isLeftHalf = e.clientX - rect.left < rect.width / 2;

package/dist/components/rating-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating-group.js","sourceRoot":"","sources":["../../src/components/rating-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send } from '@llui/dom'\nimport { flipArrow } from '../utils/direction.js'\n\n/**\n * Rating group — a sequence of clickable items (stars) representing a\n * discrete rating. Supports half-step ratings and keyboard navigation.\n */\n\nexport interface RatingGroupState {\n  value: number\n  count: number\n  /** If true, allows values like 1.5 (half-stars). */\n  allowHalf: boolean\n  disabled: boolean\n  readOnly: boolean\n  hoveredValue: number | null\n}\n\nexport type RatingGroupMsg =\n  /** @intent(\"Set the rating value directly (clamped to 0..count, snapped to 0.5 if allowHalf)\") */\n  | { type: 'setValue'; value: number }\n  /** @humanOnly */\n  | { type: 'hover'; value: number | null }\n  /** @humanOnly */\n  | { type: 'clickItem'; index: number; isLeftHalf: boolean }\n  /** @humanOnly */\n  | { type: 'hoverItem'; index: number; isLeftHalf: boolean }\n  /** @intent(\"Increase the rating by step (default: 0.5 if allowHalf, else 1)\") */\n  | { type: 'incrementValue'; step?: number }\n  /** @intent(\"Decrease the rating by step (default: 0.5 if allowHalf, else 1)\") */\n  | { type: 'decrementValue'; step?: number }\n  /** @intent(\"Snap the rating to its maximum (count)\") */\n  | { type: 'toEnd' }\n\nexport interface RatingGroupInit {\n  value?: number\n  count?: number\n  allowHalf?: boolean\n  disabled?: boolean\n  readOnly?: boolean\n}\n\nexport function init(opts: RatingGroupInit = {}): RatingGroupState {\n  return {\n    value: opts.value ?? 0,\n    count: opts.count ?? 5,\n    allowHalf: opts.allowHalf ?? false,\n    disabled: opts.disabled ?? false,\n    readOnly: opts.readOnly ?? false,\n    hoveredValue: null,\n  }\n}\n\nfunction clamp(n: number, min: number, max: number): number {\n  return Math.max(min, Math.min(max, n))\n}\n\nexport function update(state: RatingGroupState, msg: RatingGroupMsg): [RatingGroupState, never[]] {\n  if (state.disabled || state.readOnly) {\n    if (msg.type === 'hover') return [{ ...state, hoveredValue: null }, []]\n    return [state, []]\n  }\n  switch (msg.type) {\n    case 'setValue':\n      return [{ ...state, value: clamp(msg.value, 0, state.count) }, []]\n    case 'hover':\n      return [{ ...state, hoveredValue: msg.value }, []]\n    case 'clickItem': {\n      const base = msg.index + 1\n      const v = state.allowHalf && msg.isLeftHalf ? base - 0.5 : base\n      return [{ ...state, value: clamp(v, 0, state.count) }, []]\n    }\n    case 'hoverItem': {\n      const base = msg.index + 1\n      const v = state.allowHalf && msg.isLeftHalf ? base - 0.5 : base\n      return [{ ...state, hoveredValue: v }, []]\n    }\n    case 'incrementValue': {\n      const step = msg.step ?? (state.allowHalf ? 0.5 : 1)\n      return [{ ...state, value: clamp(state.value + step, 0, state.count) }, []]\n    }\n    case 'decrementValue': {\n      const step = msg.step ?? (state.allowHalf ? 0.5 : 1)\n      return [{ ...state, value: clamp(state.value - step, 0, state.count) }, []]\n    }\n    case 'toEnd':\n      return [{ ...state, value: state.count }, []]\n  }\n}\n\nexport type ItemFill = 'full' | 'half' | 'empty'\n\nexport function itemFill(state: RatingGroupState, index: number): ItemFill {\n  const reference = state.hoveredValue ?? state.value\n  const itemValue = index + 1\n  if (reference >= itemValue) return 'full'\n  if (state.allowHalf && reference >= itemValue - 0.5) return 'half'\n  return 'empty'\n}\n\nexport interface RatingItemParts<S> {\n  root: {\n    role: 'radio'\n    'aria-checked': (s: S) => boolean\n    'data-fill': (s: S) => ItemFill\n    'data-scope': 'rating-group'\n    'data-part': 'item'\n    'data-value': string\n    'data-disabled': (s: S) => '' | undefined\n    tabIndex: (s: S) => number\n    onClick: (e: MouseEvent) => void\n    onPointerMove: (e: PointerEvent) => void\n    onPointerLeave: (e: PointerEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n}\n\nexport interface RatingGroupParts<S> {\n  root: {\n    role: 'radiogroup'\n    'aria-label': string | undefined\n    'aria-disabled': (s: S) => 'true' | undefined\n    'aria-readonly': (s: S) => 'true' | undefined\n    'data-scope': 'rating-group'\n    'data-part': 'root'\n    'data-disabled': (s: S) => '' | undefined\n    'data-readonly': (s: S) => '' | undefined\n  }\n  item: (index: number) => RatingItemParts<S>\n}\n\nexport interface ConnectOptions {\n  label?: string\n}\n\nexport function connect<S>(\n  get: (s: S) => RatingGroupState,\n  send: Send<RatingGroupMsg>,\n  opts: ConnectOptions = {},\n): RatingGroupParts<S> {\n  return {\n    root: {\n      role: 'radiogroup',\n      'aria-label': opts.label,\n      'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n      'aria-readonly': (s) => (get(s).readOnly ? 'true' : undefined),\n      'data-scope': 'rating-group',\n      'data-part': 'root',\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      'data-readonly': (s) => (get(s).readOnly ? '' : undefined),\n    },\n    item: (index: number): RatingItemParts<S> => ({\n      root: {\n        role: 'radio',\n        'aria-checked': (s) => Math.ceil(get(s).value) === index + 1,\n        'data-fill': (s) => itemFill(get(s), index),\n        'data-scope': 'rating-group',\n        'data-part': 'item',\n        'data-value': String(index + 1),\n        'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n        tabIndex: (s) => {\n          const st = get(s)\n          if (st.disabled || st.readOnly) return -1\n          // Only current active item is tab stop\n          const active = Math.ceil(st.value) || 1\n          return active === index + 1 ? 0 : -1\n        },\n        onClick: tagSend(send, ['clickItem'], (e) => {\n          const rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\n          const isLeftHalf = e.clientX - rect.left < rect.width / 2\n          send({ type: 'clickItem', index, isLeftHalf })\n        }),\n        onPointerMove: tagSend(send, ['hoverItem'], (e) => {\n          const rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\n          const isLeftHalf = e.clientX - rect.left < rect.width / 2\n          send({ type: 'hoverItem', index, isLeftHalf })\n        }),\n        onPointerLeave: tagSend(send, ['hover'], () => send({ type: 'hover', value: null })),\n        onKeyDown: tagSend(send, ['incrementValue', 'decrementValue', 'setValue', 'toEnd'], (e) => {\n          const key = flipArrow(e.key, e.currentTarget as Element)\n          switch (key) {\n            case 'ArrowRight':\n            case 'ArrowUp':\n              e.preventDefault()\n              send({ type: 'incrementValue' })\n              return\n            case 'ArrowLeft':\n            case 'ArrowDown':\n              e.preventDefault()\n              send({ type: 'decrementValue' })\n              return\n            case 'Home':\n              e.preventDefault()\n              send({ type: 'setValue', value: 0 })\n              return\n            case 'End':\n              e.preventDefault()\n              send({ type: 'toEnd' })\n              return\n          }\n        }),\n      },\n    }),\n  }\n}\n\nexport const ratingGroup = { init, update, connect, itemFill }\n"]}
+{"version":3,"file":"rating-group.js","sourceRoot":"","sources":["../../src/components/rating-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send, Signal } from '@llui/dom'\nimport { flipArrow } from '../utils/direction.js'\n\n/**\n * Rating group — a sequence of clickable items (stars) representing a\n * discrete rating. Supports half-step ratings and keyboard navigation.\n */\n\nexport interface RatingGroupState {\n  value: number\n  count: number\n  /** If true, allows values like 1.5 (half-stars). */\n  allowHalf: boolean\n  disabled: boolean\n  readOnly: boolean\n  hoveredValue: number | null\n}\n\nexport type RatingGroupMsg =\n  /** @intent(\"Set the rating value directly (clamped to 0..count, snapped to 0.5 if allowHalf)\") */\n  | { type: 'setValue'; value: number }\n  /** @humanOnly */\n  | { type: 'hover'; value: number | null }\n  /** @humanOnly */\n  | { type: 'clickItem'; index: number; isLeftHalf: boolean }\n  /** @humanOnly */\n  | { type: 'hoverItem'; index: number; isLeftHalf: boolean }\n  /** @intent(\"Increase the rating by step (default: 0.5 if allowHalf, else 1)\") */\n  | { type: 'incrementValue'; step?: number }\n  /** @intent(\"Decrease the rating by step (default: 0.5 if allowHalf, else 1)\") */\n  | { type: 'decrementValue'; step?: number }\n  /** @intent(\"Snap the rating to its maximum (count)\") */\n  | { type: 'toEnd' }\n\nexport interface RatingGroupInit {\n  value?: number\n  count?: number\n  allowHalf?: boolean\n  disabled?: boolean\n  readOnly?: boolean\n}\n\nexport function init(opts: RatingGroupInit = {}): RatingGroupState {\n  return {\n    value: opts.value ?? 0,\n    count: opts.count ?? 5,\n    allowHalf: opts.allowHalf ?? false,\n    disabled: opts.disabled ?? false,\n    readOnly: opts.readOnly ?? false,\n    hoveredValue: null,\n  }\n}\n\nfunction clamp(n: number, min: number, max: number): number {\n  return Math.max(min, Math.min(max, n))\n}\n\nexport function update(state: RatingGroupState, msg: RatingGroupMsg): [RatingGroupState, never[]] {\n  if (state.disabled || state.readOnly) {\n    if (msg.type === 'hover') return [{ ...state, hoveredValue: null }, []]\n    return [state, []]\n  }\n  switch (msg.type) {\n    case 'setValue':\n      return [{ ...state, value: clamp(msg.value, 0, state.count) }, []]\n    case 'hover':\n      return [{ ...state, hoveredValue: msg.value }, []]\n    case 'clickItem': {\n      const base = msg.index + 1\n      const v = state.allowHalf && msg.isLeftHalf ? base - 0.5 : base\n      return [{ ...state, value: clamp(v, 0, state.count) }, []]\n    }\n    case 'hoverItem': {\n      const base = msg.index + 1\n      const v = state.allowHalf && msg.isLeftHalf ? base - 0.5 : base\n      return [{ ...state, hoveredValue: v }, []]\n    }\n    case 'incrementValue': {\n      const step = msg.step ?? (state.allowHalf ? 0.5 : 1)\n      return [{ ...state, value: clamp(state.value + step, 0, state.count) }, []]\n    }\n    case 'decrementValue': {\n      const step = msg.step ?? (state.allowHalf ? 0.5 : 1)\n      return [{ ...state, value: clamp(state.value - step, 0, state.count) }, []]\n    }\n    case 'toEnd':\n      return [{ ...state, value: state.count }, []]\n  }\n}\n\nexport type ItemFill = 'full' | 'half' | 'empty'\n\nexport function itemFill(state: RatingGroupState, index: number): ItemFill {\n  const reference = state.hoveredValue ?? state.value\n  const itemValue = index + 1\n  if (reference >= itemValue) return 'full'\n  if (state.allowHalf && reference >= itemValue - 0.5) return 'half'\n  return 'empty'\n}\n\nexport interface RatingItemParts {\n  root: {\n    role: 'radio'\n    'aria-checked': Signal<boolean>\n    'data-fill': Signal<ItemFill>\n    'data-scope': 'rating-group'\n    'data-part': 'item'\n    'data-value': string\n    'data-disabled': Signal<'' | undefined>\n    tabIndex: Signal<number>\n    onClick: (e: MouseEvent) => void\n    onPointerMove: (e: PointerEvent) => void\n    onPointerLeave: (e: PointerEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n}\n\nexport interface RatingGroupParts {\n  root: {\n    role: 'radiogroup'\n    'aria-label': string | undefined\n    'aria-disabled': Signal<'true' | undefined>\n    'aria-readonly': Signal<'true' | undefined>\n    'data-scope': 'rating-group'\n    'data-part': 'root'\n    'data-disabled': Signal<'' | undefined>\n    'data-readonly': Signal<'' | undefined>\n  }\n  item: (index: number) => RatingItemParts\n}\n\nexport interface ConnectOptions {\n  label?: string\n}\n\nexport function connect(\n  state: Signal<RatingGroupState>,\n  send: Send<RatingGroupMsg>,\n  opts: ConnectOptions = {},\n): RatingGroupParts {\n  return {\n    root: {\n      role: 'radiogroup',\n      'aria-label': opts.label,\n      'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),\n      'aria-readonly': state.map((s) => (s.readOnly ? 'true' : undefined)),\n      'data-scope': 'rating-group',\n      'data-part': 'root',\n      'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),\n      'data-readonly': state.map((s) => (s.readOnly ? '' : undefined)),\n    },\n    item: (index: number): RatingItemParts => ({\n      root: {\n        role: 'radio',\n        'aria-checked': state.map((s) => Math.ceil(s.value) === index + 1),\n        'data-fill': state.map((s) => itemFill(s, index)),\n        'data-scope': 'rating-group',\n        'data-part': 'item',\n        'data-value': String(index + 1),\n        'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),\n        tabIndex: state.map((st) => {\n          if (st.disabled || st.readOnly) return -1\n          // Only current active item is tab stop\n          const active = Math.ceil(st.value) || 1\n          return active === index + 1 ? 0 : -1\n        }),\n        onClick: tagSend(send, ['clickItem'], (e) => {\n          const rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\n          const isLeftHalf = e.clientX - rect.left < rect.width / 2\n          send({ type: 'clickItem', index, isLeftHalf })\n        }),\n        onPointerMove: tagSend(send, ['hoverItem'], (e) => {\n          const rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\n          const isLeftHalf = e.clientX - rect.left < rect.width / 2\n          send({ type: 'hoverItem', index, isLeftHalf })\n        }),\n        onPointerLeave: tagSend(send, ['hover'], () => send({ type: 'hover', value: null })),\n        onKeyDown: tagSend(send, ['incrementValue', 'decrementValue', 'setValue', 'toEnd'], (e) => {\n          const key = flipArrow(e.key, e.currentTarget as Element)\n          switch (key) {\n            case 'ArrowRight':\n            case 'ArrowUp':\n              e.preventDefault()\n              send({ type: 'incrementValue' })\n              return\n            case 'ArrowLeft':\n            case 'ArrowDown':\n              e.preventDefault()\n              send({ type: 'decrementValue' })\n              return\n            case 'Home':\n              e.preventDefault()\n              send({ type: 'setValue', value: 0 })\n              return\n            case 'End':\n              e.preventDefault()\n              send({ type: 'toEnd' })\n              return\n          }\n        }),\n      },\n    }),\n  }\n}\n\nexport const ratingGroup = { init, update, connect, itemFill }\n"]}

package/dist/components/scroll-area.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Scroll area — custom-styled scroll container with scrollbars that
  * can be hidden/shown based on scroll activity or hover. The state
@@ -70,12 +70,12 @@ export declare function showScrollbars(state: ScrollAreaState, axis: 'x' | 'y'):
 export declare function thumbPosition(state: ScrollAreaState, axis: 'x' | 'y'): number;
 /** Thumb size as a proportion (0..1) of the track. */
 export declare function thumbSize(state: ScrollAreaState, axis: 'x' | 'y'): number;
-export interface ScrollAreaParts<S> {
+export interface ScrollAreaParts {
     root: {
         'data-scope': 'scroll-area';
         'data-part': 'root';
-        'data-scrolling': (s: S) => '' | undefined;
-        'data-hovered': (s: S) => '' | undefined;
+        'data-scrolling': Signal<'' | undefined>;
+        'data-hovered': Signal<'' | undefined>;
         onMouseEnter: (e: MouseEvent) => void;
         onMouseLeave: (e: MouseEvent) => void;
     };
@@ -93,33 +93,33 @@ export interface ScrollAreaParts<S> {
         'data-scope': 'scroll-area';
         'data-part': 'scrollbar';
         'data-axis': 'x';
-        'data-visible': (s: S) => '' | undefined;
+        'data-visible': Signal<'' | undefined>;
     };
     scrollbarY: {
         'data-scope': 'scroll-area';
         'data-part': 'scrollbar';
         'data-axis': 'y';
-        'data-visible': (s: S) => '' | undefined;
+        'data-visible': Signal<'' | undefined>;
     };
     thumbX: {
         'data-scope': 'scroll-area';
         'data-part': 'thumb';
         'data-axis': 'x';
-        style: (s: S) => string;
+        style: Signal<string>;
     };
     thumbY: {
         'data-scope': 'scroll-area';
         'data-part': 'thumb';
         'data-axis': 'y';
-        style: (s: S) => string;
+        style: Signal<string>;
     };
     corner: {
         'data-scope': 'scroll-area';
         'data-part': 'corner';
-        'data-visible': (s: S) => '' | undefined;
+        'data-visible': Signal<'' | undefined>;
     };
 }
-export declare function connect<S>(get: (s: S) => ScrollAreaState, send: Send<ScrollAreaMsg>): ScrollAreaParts<S>;
+export declare function connect(state: Signal<ScrollAreaState>, send: Send<ScrollAreaMsg>): ScrollAreaParts;
 export declare const scrollArea: {
     init: typeof init;
     update: typeof update;

package/dist/components/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../src/components/scroll-area.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAErC;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAExE,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB;2CACuC;IACvC,SAAS,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAA;CAChC;AAED,MAAM,MAAM,aAAa;AACvB,iBAAiB;AACf;IACE,IAAI,EAAE,WAAW,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB;AACH,iBAAiB;GACf;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE;AAC9C,iBAAiB;GACf;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAA;AAE5C,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,mBAAmB,CAAA;CACjC;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,cAAmB,GAAG,eAAe,CAc/D;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,aAAa,GAAG,CAAC,eAAe,EAAE,KAAK,EAAE,CAAC,CAsB7F;AAED,gEAAgE;AAChE,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,CAa/E;AAED,6DAA6D;AAC7D,wBAAgB,aAAa,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,MAAM,CAO7E;AAED,sDAAsD;AACtD,wBAAgB,SAAS,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,MAAM,CAKzE;AAED,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,IAAI,EAAE;QACJ,YAAY,EAAE,aAAa,CAAA;QAC3B,WAAW,EAAE,MAAM,CAAA;QACnB,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QAC1C,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACxC,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;QACrC,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACtC,CAAA;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,CAAC,CAAA;QACX,YAAY,EAAE,aAAa,CAAA;QAC3B,WAAW,EAAE,UAAU,CAAA;QACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;KAC7B,CAAA;IACD,OAAO,EAAE;QACP,YAAY,EAAE,aAAa,CAAA;QAC3B,WAAW,EAAE,SAAS,CAAA;KACvB,CAAA;IACD,UAAU,EAAE;QACV,YAAY,EAAE,aAAa,CAAA;QAC3B,WAAW,EAAE,WAAW,CAAA;QACxB,WAAW,EAAE,GAAG,CAAA;QAChB,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;KACzC,CAAA;IACD,UAAU,EAAE;QACV,YAAY,EAAE,aAAa,CAAA;QAC3B,WAAW,EAAE,WAAW,CAAA;QACxB,WAAW,EAAE,GAAG,CAAA;QAChB,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;KACzC,CAAA;IACD,MAAM,EAAE;QACN,YAAY,EAAE,aAAa,CAAA;QAC3B,WAAW,EAAE,OAAO,CAAA;QACpB,WAAW,EAAE,GAAG,CAAA;QAChB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;KACxB,CAAA;IACD,MAAM,EAAE;QACN,YAAY,EAAE,aAAa,CAAA;QAC3B,WAAW,EAAE,OAAO,CAAA;QACpB,WAAW,EAAE,GAAG,CAAA;QAChB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;KACxB,CAAA;IACD,MAAM,EAAE;QACN,YAAY,EAAE,aAAa,CAAA;QAC3B,WAAW,EAAE,QAAQ,CAAA;QACrB,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;KACzC,CAAA;CACF;AAED,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,eAAe,EAC9B,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,GACxB,eAAe,CAAC,CAAC,CAAC,CA8EpB;AAED,eAAO,MAAM,UAAU;;;;;;;CAOtB,CAAA"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../src/components/scroll-area.ts"],"names":[],"mappings":"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"}

package/dist/components/scroll-area.js

@@ -69,13 +69,13 @@ export function thumbSize(state, axis) {
     }
     return state.scrollHeight > 0 ? Math.max(0.05, state.clientHeight / state.scrollHeight) : 0;
 }
-export function connect(get, send) {
+export function connect(state, send) {
     return {
         root: {
             'data-scope': 'scroll-area',
             'data-part': 'root',
-            'data-scrolling': (s) => (get(s).scrolling ? '' : undefined),
-            'data-hovered': (s) => (get(s).hovered ? '' : undefined),
+            'data-scrolling': state.map((s) => (s.scrolling ? '' : undefined)),
+            'data-hovered': state.map((s) => (s.hovered ? '' : undefined)),
             onMouseEnter: tagSend(send, ['setHovered'], () => send({ type: 'setHovered', hovered: true })),
             onMouseLeave: tagSend(send, ['setHovered'], () => send({ type: 'setHovered', hovered: false })),
         },
@@ -104,43 +104,38 @@ export function connect(get, send) {
             'data-scope': 'scroll-area',
             'data-part': 'scrollbar',
             'data-axis': 'x',
-            'data-visible': (s) => (showScrollbars(get(s), 'x') ? '' : undefined),
+            'data-visible': state.map((s) => (showScrollbars(s, 'x') ? '' : undefined)),
         },
         scrollbarY: {
             'data-scope': 'scroll-area',
             'data-part': 'scrollbar',
             'data-axis': 'y',
-            'data-visible': (s) => (showScrollbars(get(s), 'y') ? '' : undefined),
+            'data-visible': state.map((s) => (showScrollbars(s, 'y') ? '' : undefined)),
         },
         thumbX: {
             'data-scope': 'scroll-area',
             'data-part': 'thumb',
             'data-axis': 'x',
-            style: (s) => {
-                const st = get(s);
+            style: state.map((st) => {
                 const pos = thumbPosition(st, 'x');
                 const size = thumbSize(st, 'x');
                 return `left:${(pos * (1 - size) * 100).toFixed(2)}%;width:${(size * 100).toFixed(2)}%;`;
-            },
+            }),
         },
         thumbY: {
             'data-scope': 'scroll-area',
             'data-part': 'thumb',
             'data-axis': 'y',
-            style: (s) => {
-                const st = get(s);
+            style: state.map((st) => {
                 const pos = thumbPosition(st, 'y');
                 const size = thumbSize(st, 'y');
                 return `top:${(pos * (1 - size) * 100).toFixed(2)}%;height:${(size * 100).toFixed(2)}%;`;
-            },
+            }),
         },
         corner: {
             'data-scope': 'scroll-area',
             'data-part': 'corner',
-            'data-visible': (s) => {
-                const st = get(s);
-                return showScrollbars(st, 'x') && showScrollbars(st, 'y') ? '' : undefined;
-            },
+            'data-visible': state.map((st) => showScrollbars(st, 'x') && showScrollbars(st, 'y') ? '' : undefined),
         },
     };
 }

package/dist/components/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../src/components/scroll-area.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send } from '@llui/dom'\n\n/**\n * Scroll area — custom-styled scroll container with scrollbars that\n * can be hidden/shown based on scroll activity or hover. The state\n * machine tracks scroll position + overflow flags (whether content\n * actually overflows each axis); the view layer installs listeners\n * that populate these via `setScroll` / `setOverflow`.\n *\n * This component is primarily a structural shell — the real scrolling\n * is done by the browser (overflow: auto) on the viewport element.\n * The machine just tracks position so the view can render custom\n * thumbs positioned proportionally.\n *\n * Typical onMount wiring:\n *\n *   const viewport = root.querySelector('[data-part=\"viewport\"]')\n *   const sync = () => send({type:'setScroll', ...dimsOf(viewport)})\n *   viewport.addEventListener('scroll', sync)\n *   const ro = new ResizeObserver(sync); ro.observe(viewport); ro.observe(content)\n *   sync()  // initial\n */\n\nexport type ScrollbarVisibility = 'auto' | 'always' | 'hover' | 'scroll'\n\nexport interface ScrollDims {\n  scrollTop: number\n  scrollLeft: number\n  scrollWidth: number\n  scrollHeight: number\n  clientWidth: number\n  clientHeight: number\n}\n\nexport interface ScrollAreaState extends ScrollDims {\n  overflowX: boolean\n  overflowY: boolean\n  /** Whether the user is currently scrolling (set/cleared by the consumer\n   *  via a debounced scroll handler). */\n  scrolling: boolean\n  /** Whether the pointer is over the scroll area. */\n  hovered: boolean\n  visibility: ScrollbarVisibility\n}\n\nexport type ScrollAreaMsg =\n  /** @humanOnly */\n  | {\n      type: 'setScroll'\n      scrollTop: number\n      scrollLeft: number\n      scrollWidth: number\n      scrollHeight: number\n      clientWidth: number\n      clientHeight: number\n    }\n  /** @humanOnly */\n  | { type: 'setScrolling'; scrolling: boolean }\n  /** @humanOnly */\n  | { type: 'setHovered'; hovered: boolean }\n\nexport interface ScrollAreaInit {\n  visibility?: ScrollbarVisibility\n}\n\nexport function init(opts: ScrollAreaInit = {}): ScrollAreaState {\n  return {\n    scrollTop: 0,\n    scrollLeft: 0,\n    scrollWidth: 0,\n    scrollHeight: 0,\n    clientWidth: 0,\n    clientHeight: 0,\n    overflowX: false,\n    overflowY: false,\n    scrolling: false,\n    hovered: false,\n    visibility: opts.visibility ?? 'hover',\n  }\n}\n\nexport function update(state: ScrollAreaState, msg: ScrollAreaMsg): [ScrollAreaState, never[]] {\n  switch (msg.type) {\n    case 'setScroll':\n      return [\n        {\n          ...state,\n          scrollTop: msg.scrollTop,\n          scrollLeft: msg.scrollLeft,\n          scrollWidth: msg.scrollWidth,\n          scrollHeight: msg.scrollHeight,\n          clientWidth: msg.clientWidth,\n          clientHeight: msg.clientHeight,\n          overflowX: msg.scrollWidth > msg.clientWidth,\n          overflowY: msg.scrollHeight > msg.clientHeight,\n        },\n        [],\n      ]\n    case 'setScrolling':\n      return [{ ...state, scrolling: msg.scrolling }, []]\n    case 'setHovered':\n      return [{ ...state, hovered: msg.hovered }, []]\n  }\n}\n\n/** Whether the scrollbars should be visible given the state. */\nexport function showScrollbars(state: ScrollAreaState, axis: 'x' | 'y'): boolean {\n  const overflow = axis === 'x' ? state.overflowX : state.overflowY\n  if (!overflow) return false\n  switch (state.visibility) {\n    case 'always':\n      return true\n    case 'auto':\n      return overflow\n    case 'hover':\n      return state.hovered\n    case 'scroll':\n      return state.scrolling\n  }\n}\n\n/** Thumb position as a proportion (0..1) along the track. */\nexport function thumbPosition(state: ScrollAreaState, axis: 'x' | 'y'): number {\n  if (axis === 'x') {\n    const max = state.scrollWidth - state.clientWidth\n    return max > 0 ? state.scrollLeft / max : 0\n  }\n  const max = state.scrollHeight - state.clientHeight\n  return max > 0 ? state.scrollTop / max : 0\n}\n\n/** Thumb size as a proportion (0..1) of the track. */\nexport function thumbSize(state: ScrollAreaState, axis: 'x' | 'y'): number {\n  if (axis === 'x') {\n    return state.scrollWidth > 0 ? Math.max(0.05, state.clientWidth / state.scrollWidth) : 0\n  }\n  return state.scrollHeight > 0 ? Math.max(0.05, state.clientHeight / state.scrollHeight) : 0\n}\n\nexport interface ScrollAreaParts<S> {\n  root: {\n    'data-scope': 'scroll-area'\n    'data-part': 'root'\n    'data-scrolling': (s: S) => '' | undefined\n    'data-hovered': (s: S) => '' | undefined\n    onMouseEnter: (e: MouseEvent) => void\n    onMouseLeave: (e: MouseEvent) => void\n  }\n  viewport: {\n    tabIndex: 0\n    'data-scope': 'scroll-area'\n    'data-part': 'viewport'\n    onScroll: (e: Event) => void\n  }\n  content: {\n    'data-scope': 'scroll-area'\n    'data-part': 'content'\n  }\n  scrollbarX: {\n    'data-scope': 'scroll-area'\n    'data-part': 'scrollbar'\n    'data-axis': 'x'\n    'data-visible': (s: S) => '' | undefined\n  }\n  scrollbarY: {\n    'data-scope': 'scroll-area'\n    'data-part': 'scrollbar'\n    'data-axis': 'y'\n    'data-visible': (s: S) => '' | undefined\n  }\n  thumbX: {\n    'data-scope': 'scroll-area'\n    'data-part': 'thumb'\n    'data-axis': 'x'\n    style: (s: S) => string\n  }\n  thumbY: {\n    'data-scope': 'scroll-area'\n    'data-part': 'thumb'\n    'data-axis': 'y'\n    style: (s: S) => string\n  }\n  corner: {\n    'data-scope': 'scroll-area'\n    'data-part': 'corner'\n    'data-visible': (s: S) => '' | undefined\n  }\n}\n\nexport function connect<S>(\n  get: (s: S) => ScrollAreaState,\n  send: Send<ScrollAreaMsg>,\n): ScrollAreaParts<S> {\n  return {\n    root: {\n      'data-scope': 'scroll-area',\n      'data-part': 'root',\n      'data-scrolling': (s) => (get(s).scrolling ? '' : undefined),\n      'data-hovered': (s) => (get(s).hovered ? '' : undefined),\n      onMouseEnter: tagSend(send, ['setHovered'], () =>\n        send({ type: 'setHovered', hovered: true }),\n      ),\n      onMouseLeave: tagSend(send, ['setHovered'], () =>\n        send({ type: 'setHovered', hovered: false }),\n      ),\n    },\n    viewport: {\n      tabIndex: 0,\n      'data-scope': 'scroll-area',\n      'data-part': 'viewport',\n      onScroll: tagSend(send, ['setScroll'], (e) => {\n        const el = e.target as HTMLElement\n        send({\n          type: 'setScroll',\n          scrollTop: el.scrollTop,\n          scrollLeft: el.scrollLeft,\n          scrollWidth: el.scrollWidth,\n          scrollHeight: el.scrollHeight,\n          clientWidth: el.clientWidth,\n          clientHeight: el.clientHeight,\n        })\n      }),\n    },\n    content: {\n      'data-scope': 'scroll-area',\n      'data-part': 'content',\n    },\n    scrollbarX: {\n      'data-scope': 'scroll-area',\n      'data-part': 'scrollbar',\n      'data-axis': 'x',\n      'data-visible': (s) => (showScrollbars(get(s), 'x') ? '' : undefined),\n    },\n    scrollbarY: {\n      'data-scope': 'scroll-area',\n      'data-part': 'scrollbar',\n      'data-axis': 'y',\n      'data-visible': (s) => (showScrollbars(get(s), 'y') ? '' : undefined),\n    },\n    thumbX: {\n      'data-scope': 'scroll-area',\n      'data-part': 'thumb',\n      'data-axis': 'x',\n      style: (s) => {\n        const st = get(s)\n        const pos = thumbPosition(st, 'x')\n        const size = thumbSize(st, 'x')\n        return `left:${(pos * (1 - size) * 100).toFixed(2)}%;width:${(size * 100).toFixed(2)}%;`\n      },\n    },\n    thumbY: {\n      'data-scope': 'scroll-area',\n      'data-part': 'thumb',\n      'data-axis': 'y',\n      style: (s) => {\n        const st = get(s)\n        const pos = thumbPosition(st, 'y')\n        const size = thumbSize(st, 'y')\n        return `top:${(pos * (1 - size) * 100).toFixed(2)}%;height:${(size * 100).toFixed(2)}%;`\n      },\n    },\n    corner: {\n      'data-scope': 'scroll-area',\n      'data-part': 'corner',\n      'data-visible': (s) => {\n        const st = get(s)\n        return showScrollbars(st, 'x') && showScrollbars(st, 'y') ? '' : undefined\n      },\n    },\n  }\n}\n\nexport const scrollArea = {\n  init,\n  update,\n  connect,\n  showScrollbars,\n  thumbPosition,\n  thumbSize,\n}\n"]}
+{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../src/components/scroll-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAkEnC,MAAM,UAAU,IAAI,CAAC,OAAuB,EAAE;IAC5C,OAAO;QACL,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,OAAO;KACvC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAsB,EAAE,GAAkB;IAC/D,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,WAAW;YACd,OAAO;gBACL;oBACE,GAAG,KAAK;oBACR,SAAS,EAAE,GAAG,CAAC,SAAS;oBACxB,UAAU,EAAE,GAAG,CAAC,UAAU;oBAC1B,WAAW,EAAE,GAAG,CAAC,WAAW;oBAC5B,YAAY,EAAE,GAAG,CAAC,YAAY;oBAC9B,WAAW,EAAE,GAAG,CAAC,WAAW;oBAC5B,YAAY,EAAE,GAAG,CAAC,YAAY;oBAC9B,SAAS,EAAE,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,WAAW;oBAC5C,SAAS,EAAE,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY;iBAC/C;gBACD,EAAE;aACH,CAAA;QACH,KAAK,cAAc;YACjB,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,CAAA;QACrD,KAAK,YAAY;YACf,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;IACnD,CAAC;AACH,CAAC;AAED,gEAAgE;AAChE,MAAM,UAAU,cAAc,CAAC,KAAsB,EAAE,IAAe;IACpE,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAA;IACjE,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAA;IAC3B,QAAQ,KAAK,CAAC,UAAU,EAAE,CAAC;QACzB,KAAK,QAAQ;YACX,OAAO,IAAI,CAAA;QACb,KAAK,MAAM;YACT,OAAO,QAAQ,CAAA;QACjB,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,OAAO,CAAA;QACtB,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,SAAS,CAAA;IAC1B,CAAC;AACH,CAAC;AAED,6DAA6D;AAC7D,MAAM,UAAU,aAAa,CAAC,KAAsB,EAAE,IAAe;IACnE,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;QACjB,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,CAAA;QACjD,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7C,CAAC;IACD,MAAM,GAAG,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,CAAA;IACnD,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;AAC5C,CAAC;AAED,sDAAsD;AACtD,MAAM,UAAU,SAAS,CAAC,KAAsB,EAAE,IAAe;IAC/D,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;QACjB,OAAO,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC1F,CAAC;IACD,OAAO,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAC7F,CAAC;AAoDD,MAAM,UAAU,OAAO,CACrB,KAA8B,EAC9B,IAAyB;IAEzB,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,MAAM;YACnB,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YAClE,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YAC9D,YAAY,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE,CAC/C,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC5C;YACD,YAAY,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE,CAC/C,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAC7C;SACF;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,CAAC;YACX,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,UAAU;YACvB,QAAQ,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;gBAC3C,MAAM,EAAE,GAAG,CAAC,CAAC,MAAqB,CAAA;gBAClC,IAAI,CAAC;oBACH,IAAI,EAAE,WAAW;oBACjB,SAAS,EAAE,EAAE,CAAC,SAAS;oBACvB,UAAU,EAAE,EAAE,CAAC,UAAU;oBACzB,WAAW,EAAE,EAAE,CAAC,WAAW;oBAC3B,YAAY,EAAE,EAAE,CAAC,YAAY;oBAC7B,WAAW,EAAE,EAAE,CAAC,WAAW;oBAC3B,YAAY,EAAE,EAAE,CAAC,YAAY;iBAC9B,CAAC,CAAA;YACJ,CAAC,CAAC;SACH;QACD,OAAO,EAAE;YACP,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,SAAS;SACvB;QACD,UAAU,EAAE;YACV,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,WAAW;YACxB,WAAW,EAAE,GAAG;YAChB,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;SAC5E;QACD,UAAU,EAAE;YACV,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,WAAW;YACxB,WAAW,EAAE,GAAG;YAChB,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;SAC5E;QACD,MAAM,EAAE;YACN,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,GAAG;YAChB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;gBACtB,MAAM,GAAG,GAAG,aAAa,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA;gBAClC,MAAM,IAAI,GAAG,SAAS,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA;gBAC/B,OAAO,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;YAC1F,CAAC,CAAC;SACH;QACD,MAAM,EAAE;YACN,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,GAAG;YAChB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;gBACtB,MAAM,GAAG,GAAG,aAAa,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA;gBAClC,MAAM,IAAI,GAAG,SAAS,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA;gBAC/B,OAAO,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;YAC1F,CAAC,CAAC;SACH;QACD,MAAM,EAAE;YACN,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,QAAQ;YACrB,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAC/B,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,IAAI,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CACpE;SACF;KACF,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI;IACJ,MAAM;IACN,OAAO;IACP,cAAc;IACd,aAAa;IACb,SAAS;CACV,CAAA","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send, Signal } from '@llui/dom'\n\n/**\n * Scroll area — custom-styled scroll container with scrollbars that\n * can be hidden/shown based on scroll activity or hover. The state\n * machine tracks scroll position + overflow flags (whether content\n * actually overflows each axis); the view layer installs listeners\n * that populate these via `setScroll` / `setOverflow`.\n *\n * This component is primarily a structural shell — the real scrolling\n * is done by the browser (overflow: auto) on the viewport element.\n * The machine just tracks position so the view can render custom\n * thumbs positioned proportionally.\n *\n * Typical onMount wiring:\n *\n *   const viewport = root.querySelector('[data-part=\"viewport\"]')\n *   const sync = () => send({type:'setScroll', ...dimsOf(viewport)})\n *   viewport.addEventListener('scroll', sync)\n *   const ro = new ResizeObserver(sync); ro.observe(viewport); ro.observe(content)\n *   sync()  // initial\n */\n\nexport type ScrollbarVisibility = 'auto' | 'always' | 'hover' | 'scroll'\n\nexport interface ScrollDims {\n  scrollTop: number\n  scrollLeft: number\n  scrollWidth: number\n  scrollHeight: number\n  clientWidth: number\n  clientHeight: number\n}\n\nexport interface ScrollAreaState extends ScrollDims {\n  overflowX: boolean\n  overflowY: boolean\n  /** Whether the user is currently scrolling (set/cleared by the consumer\n   *  via a debounced scroll handler). */\n  scrolling: boolean\n  /** Whether the pointer is over the scroll area. */\n  hovered: boolean\n  visibility: ScrollbarVisibility\n}\n\nexport type ScrollAreaMsg =\n  /** @humanOnly */\n  | {\n      type: 'setScroll'\n      scrollTop: number\n      scrollLeft: number\n      scrollWidth: number\n      scrollHeight: number\n      clientWidth: number\n      clientHeight: number\n    }\n  /** @humanOnly */\n  | { type: 'setScrolling'; scrolling: boolean }\n  /** @humanOnly */\n  | { type: 'setHovered'; hovered: boolean }\n\nexport interface ScrollAreaInit {\n  visibility?: ScrollbarVisibility\n}\n\nexport function init(opts: ScrollAreaInit = {}): ScrollAreaState {\n  return {\n    scrollTop: 0,\n    scrollLeft: 0,\n    scrollWidth: 0,\n    scrollHeight: 0,\n    clientWidth: 0,\n    clientHeight: 0,\n    overflowX: false,\n    overflowY: false,\n    scrolling: false,\n    hovered: false,\n    visibility: opts.visibility ?? 'hover',\n  }\n}\n\nexport function update(state: ScrollAreaState, msg: ScrollAreaMsg): [ScrollAreaState, never[]] {\n  switch (msg.type) {\n    case 'setScroll':\n      return [\n        {\n          ...state,\n          scrollTop: msg.scrollTop,\n          scrollLeft: msg.scrollLeft,\n          scrollWidth: msg.scrollWidth,\n          scrollHeight: msg.scrollHeight,\n          clientWidth: msg.clientWidth,\n          clientHeight: msg.clientHeight,\n          overflowX: msg.scrollWidth > msg.clientWidth,\n          overflowY: msg.scrollHeight > msg.clientHeight,\n        },\n        [],\n      ]\n    case 'setScrolling':\n      return [{ ...state, scrolling: msg.scrolling }, []]\n    case 'setHovered':\n      return [{ ...state, hovered: msg.hovered }, []]\n  }\n}\n\n/** Whether the scrollbars should be visible given the state. */\nexport function showScrollbars(state: ScrollAreaState, axis: 'x' | 'y'): boolean {\n  const overflow = axis === 'x' ? state.overflowX : state.overflowY\n  if (!overflow) return false\n  switch (state.visibility) {\n    case 'always':\n      return true\n    case 'auto':\n      return overflow\n    case 'hover':\n      return state.hovered\n    case 'scroll':\n      return state.scrolling\n  }\n}\n\n/** Thumb position as a proportion (0..1) along the track. */\nexport function thumbPosition(state: ScrollAreaState, axis: 'x' | 'y'): number {\n  if (axis === 'x') {\n    const max = state.scrollWidth - state.clientWidth\n    return max > 0 ? state.scrollLeft / max : 0\n  }\n  const max = state.scrollHeight - state.clientHeight\n  return max > 0 ? state.scrollTop / max : 0\n}\n\n/** Thumb size as a proportion (0..1) of the track. */\nexport function thumbSize(state: ScrollAreaState, axis: 'x' | 'y'): number {\n  if (axis === 'x') {\n    return state.scrollWidth > 0 ? Math.max(0.05, state.clientWidth / state.scrollWidth) : 0\n  }\n  return state.scrollHeight > 0 ? Math.max(0.05, state.clientHeight / state.scrollHeight) : 0\n}\n\nexport interface ScrollAreaParts {\n  root: {\n    'data-scope': 'scroll-area'\n    'data-part': 'root'\n    'data-scrolling': Signal<'' | undefined>\n    'data-hovered': Signal<'' | undefined>\n    onMouseEnter: (e: MouseEvent) => void\n    onMouseLeave: (e: MouseEvent) => void\n  }\n  viewport: {\n    tabIndex: 0\n    'data-scope': 'scroll-area'\n    'data-part': 'viewport'\n    onScroll: (e: Event) => void\n  }\n  content: {\n    'data-scope': 'scroll-area'\n    'data-part': 'content'\n  }\n  scrollbarX: {\n    'data-scope': 'scroll-area'\n    'data-part': 'scrollbar'\n    'data-axis': 'x'\n    'data-visible': Signal<'' | undefined>\n  }\n  scrollbarY: {\n    'data-scope': 'scroll-area'\n    'data-part': 'scrollbar'\n    'data-axis': 'y'\n    'data-visible': Signal<'' | undefined>\n  }\n  thumbX: {\n    'data-scope': 'scroll-area'\n    'data-part': 'thumb'\n    'data-axis': 'x'\n    style: Signal<string>\n  }\n  thumbY: {\n    'data-scope': 'scroll-area'\n    'data-part': 'thumb'\n    'data-axis': 'y'\n    style: Signal<string>\n  }\n  corner: {\n    'data-scope': 'scroll-area'\n    'data-part': 'corner'\n    'data-visible': Signal<'' | undefined>\n  }\n}\n\nexport function connect(\n  state: Signal<ScrollAreaState>,\n  send: Send<ScrollAreaMsg>,\n): ScrollAreaParts {\n  return {\n    root: {\n      'data-scope': 'scroll-area',\n      'data-part': 'root',\n      'data-scrolling': state.map((s) => (s.scrolling ? '' : undefined)),\n      'data-hovered': state.map((s) => (s.hovered ? '' : undefined)),\n      onMouseEnter: tagSend(send, ['setHovered'], () =>\n        send({ type: 'setHovered', hovered: true }),\n      ),\n      onMouseLeave: tagSend(send, ['setHovered'], () =>\n        send({ type: 'setHovered', hovered: false }),\n      ),\n    },\n    viewport: {\n      tabIndex: 0,\n      'data-scope': 'scroll-area',\n      'data-part': 'viewport',\n      onScroll: tagSend(send, ['setScroll'], (e) => {\n        const el = e.target as HTMLElement\n        send({\n          type: 'setScroll',\n          scrollTop: el.scrollTop,\n          scrollLeft: el.scrollLeft,\n          scrollWidth: el.scrollWidth,\n          scrollHeight: el.scrollHeight,\n          clientWidth: el.clientWidth,\n          clientHeight: el.clientHeight,\n        })\n      }),\n    },\n    content: {\n      'data-scope': 'scroll-area',\n      'data-part': 'content',\n    },\n    scrollbarX: {\n      'data-scope': 'scroll-area',\n      'data-part': 'scrollbar',\n      'data-axis': 'x',\n      'data-visible': state.map((s) => (showScrollbars(s, 'x') ? '' : undefined)),\n    },\n    scrollbarY: {\n      'data-scope': 'scroll-area',\n      'data-part': 'scrollbar',\n      'data-axis': 'y',\n      'data-visible': state.map((s) => (showScrollbars(s, 'y') ? '' : undefined)),\n    },\n    thumbX: {\n      'data-scope': 'scroll-area',\n      'data-part': 'thumb',\n      'data-axis': 'x',\n      style: state.map((st) => {\n        const pos = thumbPosition(st, 'x')\n        const size = thumbSize(st, 'x')\n        return `left:${(pos * (1 - size) * 100).toFixed(2)}%;width:${(size * 100).toFixed(2)}%;`\n      }),\n    },\n    thumbY: {\n      'data-scope': 'scroll-area',\n      'data-part': 'thumb',\n      'data-axis': 'y',\n      style: state.map((st) => {\n        const pos = thumbPosition(st, 'y')\n        const size = thumbSize(st, 'y')\n        return `top:${(pos * (1 - size) * 100).toFixed(2)}%;height:${(size * 100).toFixed(2)}%;`\n      }),\n    },\n    corner: {\n      'data-scope': 'scroll-area',\n      'data-part': 'corner',\n      'data-visible': state.map((st) =>\n        showScrollbars(st, 'x') && showScrollbars(st, 'y') ? '' : undefined,\n      ),\n    },\n  }\n}\n\nexport const scrollArea = {\n  init,\n  update,\n  connect,\n  showScrollbars,\n  thumbPosition,\n  thumbSize,\n}\n"]}

package/dist/components/select.d.ts

@@ -1,4 +1,4 @@
-import type { Send, TransitionOptions } from '@llui/dom';
+import type { Send, Signal, TransitionOptions } from '@llui/dom';
 import { type Placement } from '../utils/floating.js';
 /**
  * Select — a trigger button that opens a listbox dropdown. Value(s) are
@@ -92,15 +92,15 @@ export interface SelectInit {
 }
 export declare function init(opts?: SelectInit): SelectState;
 export declare function update(state: SelectState, msg: SelectMsg): [SelectState, never[]];
-export interface SelectItemParts<S> {
+export interface SelectItemParts {
     item: {
         role: 'option';
         id: string;
-        'aria-selected': (s: S) => boolean;
-        'aria-disabled': (s: S) => 'true' | undefined;
-        'data-state': (s: S) => 'selected' | undefined;
-        'data-highlighted': (s: S) => '' | undefined;
-        'data-disabled': (s: S) => '' | undefined;
+        'aria-selected': Signal<boolean>;
+        'aria-disabled': Signal<'true' | undefined>;
+        'data-state': Signal<'selected' | undefined>;
+        'data-highlighted': Signal<'' | undefined>;
+        'data-disabled': Signal<'' | undefined>;
         'data-scope': 'select';
         'data-part': 'item';
         'data-value': string;
@@ -109,19 +109,19 @@ export interface SelectItemParts<S> {
         onPointerMove: (e: PointerEvent) => void;
     };
 }
-export interface SelectParts<S> {
+export interface SelectParts {
     trigger: {
         type: 'button';
         role: 'combobox';
         'aria-haspopup': 'listbox';
-        'aria-expanded': (s: S) => boolean;
+        'aria-expanded': Signal<boolean>;
         'aria-controls': string;
-        'aria-activedescendant': (s: S) => string | undefined;
-        'aria-disabled': (s: S) => 'true' | undefined;
-        'aria-required': (s: S) => 'true' | undefined;
+        'aria-activedescendant': Signal<string | undefined>;
+        'aria-disabled': Signal<'true' | undefined>;
+        'aria-required': Signal<'true' | undefined>;
         id: string;
-        disabled: (s: S) => boolean;
-        'data-state': (s: S) => 'open' | 'closed';
+        disabled: Signal<boolean>;
+        'data-state': Signal<'open' | 'closed'>;
         'data-scope': 'select';
         'data-part': 'trigger';
         onClick: (e: MouseEvent) => void;
@@ -135,10 +135,10 @@ export interface SelectParts<S> {
     content: {
         role: 'listbox';
         id: string;
-        'aria-multiselectable': (s: S) => 'true' | undefined;
+        'aria-multiselectable': Signal<'true' | undefined>;
         'aria-labelledby': string;
         tabIndex: -1;
-        'data-state': (s: S) => 'open' | 'closed';
+        'data-state': Signal<'open' | 'closed'>;
         'data-scope': 'select';
         'data-part': 'content';
         onKeyDown: (e: KeyboardEvent) => void;
@@ -147,15 +147,15 @@ export interface SelectParts<S> {
         'aria-hidden': 'true';
         tabIndex: -1;
         style: string;
-        disabled: (s: S) => boolean;
-        multiple: (s: S) => boolean;
-        required: (s: S) => boolean;
+        disabled: Signal<boolean>;
+        multiple: Signal<boolean>;
+        required: Signal<boolean>;
         'data-scope': 'select';
         'data-part': 'hidden-select';
     };
-    item: (value: string, index: number) => SelectItemParts<S>;
+    item: (value: string, index: number) => SelectItemParts;
     /** Selected value(s) — use for rendering the trigger label. */
-    valueText: (s: S) => string;
+    valueText: Signal<string>;
 }
 export interface ConnectOptions {
     id: string;
@@ -164,11 +164,11 @@ export interface ConnectOptions {
     /** Join multi-value labels with this separator. */
     separator?: string;
 }
-export declare function connect<S>(get: (s: S) => SelectState, send: Send<SelectMsg>, opts: ConnectOptions): SelectParts<S>;
-export interface OverlayOptions<S> {
-    get: (s: S) => SelectState;
+export declare function connect(state: Signal<SelectState>, send: Send<SelectMsg>, opts: ConnectOptions): SelectParts;
+export interface OverlayOptions {
+    state: Signal<SelectState>;
     send: Send<SelectMsg>;
-    parts: SelectParts<S>;
+    parts: SelectParts;
     content: () => Node[];
     placement?: Placement;
     offset?: number;
@@ -179,7 +179,7 @@ export interface OverlayOptions<S> {
     transition?: TransitionOptions;
     target?: string | HTMLElement;
 }
-export declare function overlay<S>(opts: OverlayOptions<S>): Node[];
+export declare function overlay(opts: OverlayOptions): Node;
 export declare const select: {
     init: typeof init;
     update: typeof update;

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

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