@g9tm/lynxcontrols 0.0.0-stage → 1.4.0

package/dist/selection/selection-sheet.jsx

@@ -0,0 +1,362 @@
+import "./selection.css";
+import { G9StringKey, formatColor, withAlpha } from "@g9tm/lynxcontrols-foundation";
+import { useEffect, useRef, useState, useSyncExternalStore } from "@lynx-js/react";
+import { g9RowStyle, g9TextStart } from "../base/control.jsx";
+import { useG9Press } from "../base/press.jsx";
+import { startTimer, stopTimer } from "../base/timers.jsx";
+import { G9Button } from "../button/button.jsx";
+import { G9SearchEntry } from "../fields/search-entry.jsx";
+import { G9TextEntry } from "../fields/text-entry.jsx";
+import { G9IconSlot, hasIconSlot } from "../icon/slot.jsx";
+import { G9Swatch } from "../icon/swatch.jsx";
+import { useG9Direction, useG9Settings, useG9Strings, useG9Theme } from "../provider/hooks.jsx";
+import { fitToContentSheetOptions, fullScreenWithoutHandleSheetOptions } from "../sheet/options.jsx";
+import { createSelectionModel } from "./model.jsx";
+const g9SelectionEagerBuildItemLimit = 40;
+const g9SelectionRowHeight = 52;
+const g9SelectionSearchDebounceMs = 150;
+const g9SelectionCloseDelayMs = 120;
+function selectionIdentities(items) {
+    const counts = new Map();
+    for (const item of items){
+        var _counts_get;
+        if (null == item.key || '' === item.key.trim()) counts.set(item.text, (null != (_counts_get = counts.get(item.text)) ? _counts_get : 0) + 1);
+    }
+    return items.map((item, i)=>{
+        var _counts_get;
+        return null != item.key && '' !== item.key.trim() ? `k:${item.key}` : (null != (_counts_get = counts.get(item.text)) ? _counts_get : 0) > 1 ? `i:${i}` : `t:${item.text}`;
+    });
+}
+function estimateSelectionHeight(count, showSearch) {
+    const chrome = (showSearch ? 64 : 0) + 18;
+    return Math.min(520, Math.max(2 * g9SelectionRowHeight + chrome, count * g9SelectionRowHeight + chrome));
+}
+function SelectionRow(props) {
+    var _item_iconTintColor;
+    var _item_swatchFirstColor, _item_swatchSecondColor;
+    const palette = useG9Theme().palette;
+    const glyphs = useG9Settings().glyphs;
+    const { item, selected } = props;
+    const press = useG9Press(props.onTap, {
+        blocked: false === item.isEnabled,
+        source: 'G9SelectionSheet',
+        guardMs: 0
+    });
+    const icon = {
+        emoji: item.emoji,
+        icon: item.icon,
+        imagePath: item.iconPath,
+        image: item.iconImage
+    };
+    const iconColor = null != (_item_iconTintColor = item.iconTintColor) ? _item_iconTintColor : selected ? palette.Primary : palette.TextSecondary;
+    return <view className={`g9-selection-row${selected ? ' g9-selection-row--selected' : ''}`} style={selected ? {
+        backgroundColor: formatColor(withAlpha(palette.Primary, 0.1))
+    } : {}} accessibility-element={true} accessibility-traits="button" accessibility-label={item.text} {...selected ? {
+        'accessibility-value': 'selected'
+    } : {}} bindtap={press}>
+      <view className={`g9-selection-row__inner g9-dir-${props.direction}`} style={{
+        ...g9RowStyle(props.direction),
+        ...false === item.isEnabled ? {
+            opacity: 0.45
+        } : {}
+    }}>
+        {hasIconSlot(icon) ? <G9IconSlot {...icon} size={18} color={iconColor}/> : (null == (_item_swatchFirstColor = item.swatchFirstColor) ? void 0 : _item_swatchFirstColor.trim()) || (null == (_item_swatchSecondColor = item.swatchSecondColor) ? void 0 : _item_swatchSecondColor.trim()) ? <G9Swatch first={item.swatchFirstColor} second={item.swatchSecondColor} direction={props.direction}/> : null}
+        <text className="g9-selection-row__text" text-maxline="1" style={{
+        color: selected ? palette.Primary : palette.TextPrimary,
+        fontWeight: selected ? 'bold' : 'normal',
+        ...g9TextStart(props.direction)
+    }}>
+          {item.text}
+        </text>
+        <view style={{
+        opacity: selected ? 1 : 0
+    }}>
+          <G9IconSlot icon={glyphs.check} size={18} color={palette.Primary}/>
+        </view>
+      </view>
+    </view>;
+}
+function SelectionBody(props) {
+    var _request_emptyText;
+    const strings = useG9Strings();
+    const parentDir = useG9Direction();
+    const { request, ids } = props;
+    const [model, setModel] = useState(props.initial);
+    const [query, setQuery] = useState('');
+    const [applied, setApplied] = useState('');
+    const timer = useRef(null);
+    const picking = useRef(false);
+    useEffect(()=>()=>{
+            if (null !== timer.current) stopTimer(timer.current);
+        }, []);
+    const visible = request.showSearch ? model.withItems(request.items).filter(applied) : request.items;
+    const visibleIds = new Set(visible.map((item)=>ids[request.items.indexOf(item)]));
+    const dir = 'leftToRight' === request.itemTextDirection ? 'ltr' : 'rightToLeft' === request.itemTextDirection ? 'rtl' : parentDir;
+    const multiple = true === request.allowMultiple;
+    const onQuery = (value)=>{
+        setQuery(value);
+        if (null !== timer.current) stopTimer(timer.current);
+        if ('' === value.trim()) return void setApplied(value);
+        timer.current = startTimer(()=>setApplied(value), g9SelectionSearchDebounceMs);
+    };
+    const tap = (id)=>{
+        if (props.done.current || picking.current) return;
+        const next = model.toggle(id);
+        if (next === model) return;
+        setModel(next);
+        props.onDraft(next);
+        if (!multiple && false !== request.closeOnSingleSelection) {
+            picking.current = true;
+            startTimer(()=>props.onComplete(next.selectedKeys, true), g9SelectionCloseDelayMs);
+        }
+    };
+    return <view className="g9-selection">
+      {request.showSearch ? <view className="g9-selection__search">
+          <G9TextEntry placeholder={strings.get(G9StringKey.Search)} leadingIcon="search" value={query} onValueChange={onQuery}/>
+        </view> : null}
+      {request.items.map((item, i)=>{
+        const id = ids[i];
+        if (!visibleIds.has(id)) return null;
+        return <SelectionRow key={id} item={item} selected={model.isSelected(id)} direction={dir} onTap={()=>tap(id)}/>;
+    })}
+      {0 === visible.length ? <text className="g9-selection__empty">{null != (_request_emptyText = request.emptyText) ? _request_emptyText : strings.get(G9StringKey.NoResults)}</text> : null}
+    </view>;
+}
+function showSelectionSheet(sheets, request) {
+    var _request_selectedItems;
+    const items = [
+        ...request.items
+    ];
+    const ids = selectionIdentities(items);
+    const opening = null != (_request_selectedItems = request.selectedItems) ? _request_selectedItems : [];
+    const openingIds = selectionIdentities([
+        ...items,
+        ...opening
+    ]).slice(items.length);
+    const listedIds = new Set(ids);
+    const initialKeys = openingIds.filter((id)=>listedIds.has(id));
+    const unlisted = opening.filter((_, i)=>!listedIds.has(openingIds[i]));
+    const multiple = true === request.allowMultiple;
+    const initial = createSelectionModel({
+        items,
+        getKey: (item)=>ids[items.indexOf(item)],
+        getText: (item)=>item.text,
+        mode: multiple ? 'multiple' : 'single',
+        selectedKeys: initialKeys,
+        isEnabled: (item)=>false !== item.isEnabled
+    });
+    return new Promise((resolve)=>{
+        let draft = initial;
+        const draftListeners = new Set();
+        const draftStore = {
+            subscribe: (l)=>{
+                draftListeners.add(l);
+                return ()=>{
+                    draftListeners.delete(l);
+                };
+            },
+            count: ()=>draft.selectedKeys.length
+        };
+        let settled = false;
+        const done = {
+            current: false
+        };
+        const startKeys = new Set(initialKeys);
+        const collect = (keys)=>{
+            const set = new Set(keys);
+            return [
+                ...items.filter((_, i)=>set.has(ids[i])),
+                ...unlisted
+            ];
+        };
+        const settle = (keys, accepted, explicit)=>{
+            if (settled) return;
+            settled = true;
+            done.current = true;
+            const result = null != explicit ? explicit : collect(keys);
+            const changed = void 0 !== explicit || keys.length !== startKeys.size || keys.some((k)=>!startKeys.has(k));
+            resolve({
+                wasAccepted: accepted,
+                selectionChanged: changed,
+                items: result
+            });
+        };
+        let handle = null;
+        const complete = (keys, accepted)=>{
+            settle(keys, accepted);
+            null == handle || handle.close();
+        };
+        const reset = request.resetSelection && request.resetSelection.length > 0 ? request.resetSelection : null;
+        const body = ()=><SelectionBody request={request} ids={ids} initial={initial} done={done} onDraft={(m)=>{
+                draft = m;
+                for (const l of [
+                    ...draftListeners
+                ])l();
+            }} onComplete={complete}/>;
+        const options = {
+            ...fitToContentSheetOptions(),
+            deferContent: items.length > g9SelectionEagerBuildItemLimit,
+            deferredLoadingPlaceholderHeight: estimateSelectionHeight(items.length, true === request.showSearch),
+            loadingSkeleton: 'listRows',
+            loadingSkeletonRowCount: items.length,
+            backgroundColor: 'var(--g9-surface)',
+            showToolbar: true,
+            showCloseButton: true,
+            title: request.title,
+            headerTitlePlacement: 'nearBack',
+            ...multiple || reset ? {
+                headerTrailingView: <SelectionHeaderActions multiple={multiple} draft={draftStore} {...request.countLabel ? {
+                    countLabel: request.countLabel
+                } : {}} onDone={()=>complete(draft.selectedKeys, true)} {...reset ? {
+                    onReset: ()=>{
+                        settle([], true, reset);
+                        null == handle || handle.close();
+                    }
+                } : {}}/>
+            } : {},
+            ...request.options,
+            onClosed: ()=>{
+                var _request_options_onClosed, _request_options;
+                null == (_request_options = request.options) || null == (_request_options_onClosed = _request_options.onClosed) || _request_options_onClosed.call(_request_options);
+                settle(draft.selectedKeys, false);
+            }
+        };
+        handle = sheets.show(items.length > g9SelectionEagerBuildItemLimit ? body : body(), options);
+        if (!handle) settle(initialKeys, false);
+    });
+}
+function SelectionHeaderActions(props) {
+    const strings = useG9Strings();
+    const direction = useG9Direction();
+    const n = useSyncExternalStore(props.draft.subscribe, props.draft.count);
+    return <view className="g9-selection__actions" style={g9RowStyle(direction)}>
+      {props.onReset ? <G9Button text={strings.get(G9StringKey.Reset)} variant="text" size="small" onPress={props.onReset}/> : null}
+      {props.multiple && n > 0 ? <view className="g9-selection__count">
+          <text className="g9-selection__count-text">
+            {props.countLabel ? props.countLabel(n) : `${n} ${strings.get(G9StringKey.Selected)}`}
+          </text>
+        </view> : null}
+      {props.multiple ? <G9Button text={strings.get(G9StringKey.Done)} variant="text" size="small" onPress={props.onDone}/> : null}
+    </view>;
+}
+function showListSheet(sheets, request) {
+    var _request_selected;
+    const items = [
+        ...request.items
+    ];
+    const keyOf = (item)=>null != item.key && '' !== item.key.trim() ? item.key : item.text;
+    const multiple = true === request.multiple;
+    const initial = createSelectionModel({
+        items,
+        getKey: keyOf,
+        getText: (item)=>item.text,
+        mode: multiple ? 'multiple' : 'single',
+        selectedKeys: (null != (_request_selected = request.selected) ? _request_selected : []).map(keyOf),
+        isEnabled: (item)=>false !== item.isEnabled
+    });
+    return new Promise((resolve)=>{
+        var _request_options;
+        let draft = initial;
+        let settled = false;
+        let handle = null;
+        const settle = ()=>{
+            if (settled) return;
+            settled = true;
+            resolve(draft.selectedItems());
+        };
+        const complete = ()=>{
+            settle();
+            null == handle || handle.close();
+        };
+        const body = ()=><ListPickerBody request={request} initial={initial} keyOf={keyOf} onDraft={(m)=>{
+                draft = m;
+            }} onComplete={complete}/>;
+        const base = null != (_request_options = request.options) ? _request_options : fullScreenWithoutHandleSheetOptions();
+        const fit = 'fitToContent' === base.sizeMode;
+        const options = {
+            ...base,
+            ...fit ? {} : {
+                states: [
+                    'large'
+                ],
+                currentState: 'large',
+                hasHandle: false,
+                isDraggable: true,
+                useFullScreenLoadingPlaceholder: true
+            },
+            showToolbar: true,
+            showCloseButton: true,
+            title: request.title,
+            headerTitlePlacement: 'nearBack',
+            deferContent: true,
+            onClosed: ()=>{
+                var _base_onClosed;
+                null == (_base_onClosed = base.onClosed) || _base_onClosed.call(base);
+                settle();
+            }
+        };
+        handle = sheets.show(body, options);
+        if (!handle) {
+            settled = true;
+            resolve([]);
+        }
+    });
+}
+function ListPickerBody(props) {
+    var _request_applyButtonText;
+    const strings = useG9Strings();
+    const palette = useG9Theme().palette;
+    const [model, setModel] = useState(props.initial);
+    const [query, setQuery] = useState('');
+    const picking = useRef(false);
+    const { request } = props;
+    const visible = model.filter(query, {
+        trim: true
+    });
+    const tap = (item)=>{
+        if (picking.current || false === item.isEnabled) return;
+        const next = model.toggle(props.keyOf(item));
+        setModel(next);
+        props.onDraft(next);
+        if (!request.multiple && false !== request.closeOnSingleSelection) {
+            picking.current = true;
+            startTimer(props.onComplete, g9SelectionCloseDelayMs);
+        }
+    };
+    return <view className="g9-list-picker">
+      {request.searchPlaceholder ? <view className="g9-selection__search">
+          <G9SearchEntry placeholder={request.searchPlaceholder} voiceEnabled={false} onDebouncedValueChange={setQuery}/>
+        </view> : null}
+      {visible.map((item)=><ListPickerRow key={props.keyOf(item)} item={item} selected={model.isSelected(props.keyOf(item))} tint={palette.PrimaryContainer} onTap={()=>tap(item)}/>)}
+      {request.multiple ? <view className="g9-list-picker__apply">
+          <G9Button text={null != (_request_applyButtonText = request.applyButtonText) ? _request_applyButtonText : strings.get(G9StringKey.Save)} size="hero" onPress={props.onComplete}/>
+        </view> : null}
+    </view>;
+}
+function ListPickerRow(props) {
+    const press = useG9Press(props.onTap, {
+        source: 'G9ListPicker',
+        guardMs: 0,
+        blocked: false === props.item.isEnabled
+    });
+    const icon = {
+        icon: props.item.icon,
+        imagePath: props.item.iconPath,
+        image: props.item.iconImage
+    };
+    const direction = useG9Direction();
+    return <view className={`g9-list-picker__row${props.selected ? ' g9-list-picker__row--selected' : ''}`} style={{
+        ...g9RowStyle(direction),
+        ...props.selected ? {
+            backgroundColor: props.tint
+        } : {}
+    }} accessibility-element={true} accessibility-traits="button" accessibility-label={props.item.text} bindtap={press}>
+      {hasIconSlot(icon) ? <G9IconSlot {...icon} size={20} color="var(--g9-on-surface-variant)"/> : null}
+      <text className="g9-list-picker__text" text-maxline="1" style={g9TextStart(direction)}>
+        {props.item.text}
+      </text>
+    </view>;
+}
+export { estimateSelectionHeight, g9SelectionCloseDelayMs, g9SelectionEagerBuildItemLimit, g9SelectionRowHeight, g9SelectionSearchDebounceMs, selectionIdentities, showListSheet, showSelectionSheet };
+
+//# sourceMappingURL=selection-sheet.jsx.map

package/dist/selection/selection-sheet.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection/selection-sheet.jsx","sources":["../../src/selection/selection-sheet.tsx"],"sourcesContent":["import './selection.css';\nimport { formatColor, G9StringKey, type G9TextInputDirection, withAlpha } from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useEffect, useRef, useState, useSyncExternalStore } from '@lynx-js/react';\nimport { g9RowStyle, g9TextStart } from '../base/control';\nimport { useG9Press } from '../base/press';\nimport type { G9SelectionItem } from '../base/selection-item';\nimport { type G9TimerHandle, startTimer, stopTimer } from '../base/timers';\nimport { G9Button } from '../button/button';\nimport { G9SearchEntry } from '../fields/search-entry';\nimport { G9TextEntry } from '../fields/text-entry';\nimport { G9IconSlot, hasIconSlot } from '../icon/slot';\nimport { G9Swatch } from '../icon/swatch';\nimport { useG9Direction, useG9Settings, useG9Strings, useG9Theme } from '../provider/hooks';\nimport { fitToContentSheetOptions, fullScreenWithoutHandleSheetOptions, type G9SheetOptions } from '../sheet/options';\nimport type { G9SheetService } from '../sheet/service';\nimport type { G9SheetHandle } from '../sheet/stack';\nimport { createSelectionModel, type G9SelectionModel } from './model';\n\n/** MAUI `G9SelectionSheet.EagerBuildItemLimit`: lists up to 40 items are built at once; longer lists defer. */\nexport const g9SelectionEagerBuildItemLimit = 40;\n/** Row height of the selection sheet (MAUI 52). */\nexport const g9SelectionRowHeight = 52;\n/** Search debounce of the selection sheet (MAUI 150 ms). */\nexport const g9SelectionSearchDebounceMs = 150;\n/** Wait after a close-on-select pick before closing (MAUI 120 ms). */\nexport const g9SelectionCloseDelayMs = 120;\n\n/** The outcome of a selection sheet (MAUI `G9SelectionSheetResult`). */\nexport interface G9SelectionSheetResult<T extends G9SelectionItem = G9SelectionItem> {\n  /** A pick on a close-on-select sheet, Done, or Reset; `false` for every dismissal. */\n  readonly wasAccepted: boolean;\n  /** The selection differs from the opening one. */\n  readonly selectionChanged: boolean;\n  /** The final selection (opening items that are not listed or disabled stay unless deselected). */\n  readonly items: ReadonlyArray<T>;\n}\n\n/**\n * The selection identity of an item inside one list (MAUI `G9SelectionSheet.KeyOf`): `k:<key>` when the key is set,\n * else `t:<text>` when the text is unique among key-less items, else the position (`i:<n>`). Keys and texts never\n * match each other.\n */\nexport function selectionIdentities(items: ReadonlyArray<G9SelectionItem>): string[] {\n  const counts = new Map<string, number>();\n  for (const item of items) {\n    if (item.key == null || item.key.trim() === '') counts.set(item.text, (counts.get(item.text) ?? 0) + 1);\n  }\n  return items.map((item, i) =>\n    item.key != null && item.key.trim() !== ''\n      ? `k:${item.key}`\n      : (counts.get(item.text) ?? 0) > 1\n        ? `i:${i}`\n        : `t:${item.text}`,\n  );\n}\n\n/** Estimated body height (MAUI `EstimateContentHeight`): rows × 52 + chrome, clamped to [2 rows + chrome, 520]. */\nexport function estimateSelectionHeight(count: number, showSearch: boolean): number {\n  const chrome = (showSearch ? 64 : 0) + 18;\n  return Math.min(520, Math.max(2 * g9SelectionRowHeight + chrome, count * g9SelectionRowHeight + chrome));\n}\n\n/** Arguments of {@link showSelectionSheet} (MAUI `ShowForResultAsync`). */\nexport interface G9SelectionSheetRequest<T extends G9SelectionItem> {\n  readonly title: string;\n  readonly items: ReadonlyArray<T>;\n  readonly selectedItems?: ReadonlyArray<T>;\n  readonly allowMultiple?: boolean;\n  /** Single mode: a pick completes and closes after 120 ms. Default true. */\n  readonly closeOnSingleSelection?: boolean;\n  readonly showSearch?: boolean;\n  /** No-results text. Default the `noResults` string. */\n  readonly emptyText?: string | null;\n  /** Row text direction. Default `'matchParent'`. */\n  readonly itemTextDirection?: G9TextInputDirection;\n  /** A non-empty reset selection adds a Reset toolbar item that completes with it. */\n  readonly resetSelection?: ReadonlyArray<T> | null;\n  /** Count pill label (multi). Default `\"{n} {selected}\"`. */\n  readonly countLabel?: (count: number) => string;\n  /** Extra sheet options (merged over the defaults). */\n  readonly options?: G9SheetOptions;\n}\n\ninterface BodyProps<T extends G9SelectionItem> {\n  readonly request: G9SelectionSheetRequest<T>;\n  readonly ids: ReadonlyArray<string>;\n  readonly initial: G9SelectionModel<T>;\n  readonly onComplete: (keys: ReadonlyArray<string>, accepted: boolean) => void;\n  readonly onDraft: (model: G9SelectionModel<T>) => void;\n  readonly done: { current: boolean };\n}\n\nfunction SelectionRow(props: {\n  readonly item: G9SelectionItem;\n  readonly selected: boolean;\n  readonly direction: 'ltr' | 'rtl';\n  readonly onTap: () => void;\n}): ReactNode {\n  const palette = useG9Theme().palette;\n  const glyphs = useG9Settings().glyphs;\n  const { item, selected } = props;\n  const press = useG9Press(props.onTap, { blocked: item.isEnabled === false, source: 'G9SelectionSheet', guardMs: 0 });\n  const icon = { emoji: item.emoji, icon: item.icon, imagePath: item.iconPath, image: item.iconImage };\n  const iconColor = item.iconTintColor ?? (selected ? palette.Primary : palette.TextSecondary);\n  return (\n    <view\n      className={`g9-selection-row${selected ? ' g9-selection-row--selected' : ''}`}\n      style={selected ? { backgroundColor: formatColor(withAlpha(palette.Primary, 0.1)) } : {}}\n      accessibility-element={true}\n      accessibility-traits=\"button\"\n      accessibility-label={item.text}\n      {...(selected ? { 'accessibility-value': 'selected' } : {})}\n      bindtap={press}\n    >\n      <view\n        className={`g9-selection-row__inner g9-dir-${props.direction}`}\n        style={{ ...g9RowStyle(props.direction), ...(item.isEnabled === false ? { opacity: 0.45 } : {}) }}\n      >\n        {hasIconSlot(icon) ? (\n          <G9IconSlot {...icon} size={18} color={iconColor} />\n        ) : item.swatchFirstColor?.trim() || item.swatchSecondColor?.trim() ? (\n          <G9Swatch first={item.swatchFirstColor} second={item.swatchSecondColor} direction={props.direction} />\n        ) : null}\n        <text\n          className=\"g9-selection-row__text\"\n          text-maxline=\"1\"\n          style={{\n            color: selected ? palette.Primary : palette.TextPrimary,\n            fontWeight: selected ? 'bold' : 'normal',\n            ...g9TextStart(props.direction),\n          }}\n        >\n          {item.text}\n        </text>\n        <view style={{ opacity: selected ? 1 : 0 }}>\n          <G9IconSlot icon={glyphs.check} size={18} color={palette.Primary} />\n        </view>\n      </view>\n    </view>\n  );\n}\n\nfunction SelectionBody<T extends G9SelectionItem>(props: BodyProps<T>): ReactNode {\n  const strings = useG9Strings();\n  const parentDir = useG9Direction();\n  const { request, ids } = props;\n  const [model, setModel] = useState(props.initial);\n  const [query, setQuery] = useState('');\n  const [applied, setApplied] = useState('');\n  const timer = useRef<G9TimerHandle | null>(null);\n  const picking = useRef(false);\n  useEffect(\n    () => () => {\n      if (timer.current !== null) stopTimer(timer.current);\n    },\n    [],\n  );\n  const visible = request.showSearch ? model.withItems(request.items).filter(applied) : request.items;\n  const visibleIds = new Set(visible.map((item) => ids[request.items.indexOf(item)]));\n  const dir =\n    request.itemTextDirection === 'leftToRight'\n      ? 'ltr'\n      : request.itemTextDirection === 'rightToLeft'\n        ? 'rtl'\n        : parentDir;\n  const multiple = request.allowMultiple === true;\n  const onQuery = (value: string) => {\n    setQuery(value);\n    if (timer.current !== null) stopTimer(timer.current);\n    if (value.trim() === '') {\n      setApplied(value);\n      return;\n    }\n    timer.current = startTimer(() => setApplied(value), g9SelectionSearchDebounceMs);\n  };\n  const tap = (id: string) => {\n    if (props.done.current || picking.current) return;\n    const next = model.toggle(id);\n    if (next === model) return;\n    setModel(next);\n    props.onDraft(next);\n    if (!multiple && request.closeOnSingleSelection !== false) {\n      picking.current = true;\n      startTimer(() => props.onComplete(next.selectedKeys, true), g9SelectionCloseDelayMs);\n    }\n  };\n  return (\n    <view className=\"g9-selection\">\n      {request.showSearch ? (\n        <view className=\"g9-selection__search\">\n          <G9TextEntry\n            placeholder={strings.get(G9StringKey.Search)}\n            leadingIcon=\"search\"\n            value={query}\n            onValueChange={onQuery}\n          />\n        </view>\n      ) : null}\n      {request.items.map((item, i) => {\n        const id = ids[i] as string;\n        if (!visibleIds.has(id)) return null;\n        return (\n          <SelectionRow key={id} item={item} selected={model.isSelected(id)} direction={dir} onTap={() => tap(id)} />\n        );\n      })}\n      {visible.length === 0 ? (\n        <text className=\"g9-selection__empty\">{request.emptyText ?? strings.get(G9StringKey.NoResults)}</text>\n      ) : null}\n    </view>\n  );\n}\n\n/**\n * Shows the selection sheet (MAUI `G9SelectionSheet.ShowForResultAsync`): a fit sheet with a header (title near the\n * close button), optional search (150 ms debounce, text match, hidden selected rows stay selected), rows with icon or\n * swatch, check mark and selection tint. Single mode with `closeOnSingleSelection` completes on a pick; multi mode\n * shows a count pill and Done; a reset selection adds Reset. Any dismissal resolves `wasAccepted: false` with the\n * current draft (or the opening selection when the sheet never built).\n */\nexport function showSelectionSheet<T extends G9SelectionItem>(\n  sheets: G9SheetService,\n  request: G9SelectionSheetRequest<T>,\n): Promise<G9SelectionSheetResult<T>> {\n  const items = [...request.items];\n  const ids = selectionIdentities(items);\n  const opening = request.selectedItems ?? [];\n  // Opening items match listed items by identity; the rest are kept as \"not listed\".\n  const openingIds = selectionIdentities([...items, ...opening]).slice(items.length);\n  const listedIds = new Set(ids);\n  const initialKeys = openingIds.filter((id) => listedIds.has(id));\n  const unlisted = opening.filter((_, i) => !listedIds.has(openingIds[i] as string));\n  const multiple = request.allowMultiple === true;\n  const initial = createSelectionModel<T>({\n    items,\n    getKey: (item) => ids[items.indexOf(item)] as string,\n    getText: (item) => item.text,\n    mode: multiple ? 'multiple' : 'single',\n    selectedKeys: initialKeys,\n    isEnabled: (item) => item.isEnabled !== false,\n  });\n  return new Promise((resolve) => {\n    let draft = initial;\n    const draftListeners = new Set<() => void>();\n    const draftStore = {\n      subscribe: (l: () => void) => {\n        draftListeners.add(l);\n        return () => {\n          draftListeners.delete(l);\n        };\n      },\n      count: () => draft.selectedKeys.length,\n    };\n    let settled = false;\n    const done = { current: false };\n    const startKeys = new Set(initialKeys);\n    const collect = (keys: ReadonlyArray<string>): T[] => {\n      const set = new Set(keys);\n      return [...items.filter((_, i) => set.has(ids[i] as string)), ...unlisted];\n    };\n    const settle = (keys: ReadonlyArray<string>, accepted: boolean, explicit?: ReadonlyArray<T>) => {\n      if (settled) return;\n      settled = true;\n      done.current = true;\n      const result = explicit ?? collect(keys);\n      const changed = explicit !== undefined || keys.length !== startKeys.size || keys.some((k) => !startKeys.has(k));\n      resolve({ wasAccepted: accepted, selectionChanged: changed, items: result });\n    };\n    let handle: G9SheetHandle | null = null;\n    const complete = (keys: ReadonlyArray<string>, accepted: boolean) => {\n      settle(keys, accepted);\n      handle?.close();\n    };\n    const reset = request.resetSelection && request.resetSelection.length > 0 ? request.resetSelection : null;\n    const body = () => (\n      <SelectionBody\n        request={request}\n        ids={ids}\n        initial={initial}\n        done={done}\n        onDraft={(m) => {\n          draft = m;\n          for (const l of [...draftListeners]) l();\n        }}\n        onComplete={complete}\n      />\n    );\n    const options: G9SheetOptions = {\n      ...fitToContentSheetOptions(),\n      deferContent: items.length > g9SelectionEagerBuildItemLimit,\n      deferredLoadingPlaceholderHeight: estimateSelectionHeight(items.length, request.showSearch === true),\n      loadingSkeleton: 'listRows',\n      loadingSkeletonRowCount: items.length,\n      backgroundColor: 'var(--g9-surface)',\n      showToolbar: true,\n      showCloseButton: true,\n      title: request.title,\n      headerTitlePlacement: 'nearBack',\n      ...(multiple || reset\n        ? {\n            headerTrailingView: (\n              <SelectionHeaderActions\n                multiple={multiple}\n                draft={draftStore}\n                {...(request.countLabel ? { countLabel: request.countLabel } : {})}\n                onDone={() => complete(draft.selectedKeys, true)}\n                {...(reset\n                  ? {\n                      onReset: () => {\n                        settle([], true, reset);\n                        handle?.close();\n                      },\n                    }\n                  : {})}\n              />\n            ),\n          }\n        : {}),\n      ...request.options,\n      onClosed: () => {\n        request.options?.onClosed?.();\n        settle(draft.selectedKeys, false);\n      },\n    };\n    handle = sheets.show(items.length > g9SelectionEagerBuildItemLimit ? body : body(), options);\n    if (!handle) settle(initialKeys, false);\n  });\n}\n\nfunction SelectionHeaderActions(props: {\n  readonly multiple: boolean;\n  readonly draft: { subscribe(listener: () => void): () => void; count(): number };\n  readonly countLabel?: (n: number) => string;\n  readonly onDone: () => void;\n  readonly onReset?: () => void;\n}): ReactNode {\n  const strings = useG9Strings();\n  const direction = useG9Direction();\n  const n = useSyncExternalStore(props.draft.subscribe, props.draft.count);\n  return (\n    <view className=\"g9-selection__actions\" style={g9RowStyle(direction)}>\n      {props.onReset ? (\n        <G9Button text={strings.get(G9StringKey.Reset)} variant=\"text\" size=\"small\" onPress={props.onReset} />\n      ) : null}\n      {props.multiple && n > 0 ? (\n        <view className=\"g9-selection__count\">\n          <text className=\"g9-selection__count-text\">\n            {props.countLabel ? props.countLabel(n) : `${n} ${strings.get(G9StringKey.Selected)}`}\n          </text>\n        </view>\n      ) : null}\n      {props.multiple ? (\n        <G9Button text={strings.get(G9StringKey.Done)} variant=\"text\" size=\"small\" onPress={props.onDone} />\n      ) : null}\n    </view>\n  );\n}\n\n/** Arguments of {@link showListSheet} (MAUI `ShowListG9BottomSheetAsync`). */\nexport interface G9ListSheetRequest<T extends G9SelectionItem> {\n  readonly title: string;\n  readonly items: ReadonlyArray<T>;\n  readonly selected?: ReadonlyArray<T>;\n  readonly multiple?: boolean;\n  /** Default true. */\n  readonly closeOnSingleSelection?: boolean;\n  /** Shows the search field (250 ms debounce, trimmed) with this placeholder. */\n  readonly searchPlaceholder?: string | null;\n  /** Default full screen without a handle (MAUI). A fit-to-content `sizeMode` keeps the sheet compact. */\n  readonly options?: G9SheetOptions;\n  /** Apply button text (multi). Default the `save` string. */\n  readonly applyButtonText?: string;\n}\n\n/**\n * The shared list picker (MAUI `ShowListG9BottomSheetAsync` / `G9BottomSheetListPickerModal`): search field with\n * placeholder, rows with a selection tint (no check mark), Apply in multi mode, close-on-select after 120 ms. Resolves\n * with the selection when it completes or closes (no accepted/dismissed distinction, as MAUI); `[]` when throttled.\n */\nexport function showListSheet<T extends G9SelectionItem>(\n  sheets: G9SheetService,\n  request: G9ListSheetRequest<T>,\n): Promise<T[]> {\n  const items = [...request.items];\n  const keyOf = (item: G9SelectionItem) => (item.key != null && item.key.trim() !== '' ? item.key : item.text);\n  const multiple = request.multiple === true;\n  const initial = createSelectionModel<T>({\n    items,\n    getKey: keyOf,\n    getText: (item) => item.text,\n    mode: multiple ? 'multiple' : 'single',\n    selectedKeys: (request.selected ?? []).map(keyOf),\n    isEnabled: (item) => item.isEnabled !== false,\n  });\n  return new Promise((resolve) => {\n    let draft = initial;\n    let settled = false;\n    let handle: G9SheetHandle | null = null;\n    const settle = () => {\n      if (settled) return;\n      settled = true;\n      resolve(draft.selectedItems());\n    };\n    const complete = () => {\n      settle();\n      handle?.close();\n    };\n    const body = () => (\n      <ListPickerBody\n        request={request}\n        initial={initial}\n        keyOf={keyOf}\n        onDraft={(m) => {\n          draft = m;\n        }}\n        onComplete={complete}\n      />\n    );\n    const base = request.options ?? fullScreenWithoutHandleSheetOptions();\n    const fit = base.sizeMode === 'fitToContent';\n    const options: G9SheetOptions = {\n      ...base,\n      ...(fit\n        ? {}\n        : {\n            states: ['large'],\n            currentState: 'large',\n            hasHandle: false,\n            isDraggable: true,\n            useFullScreenLoadingPlaceholder: true,\n          }),\n      showToolbar: true,\n      showCloseButton: true,\n      title: request.title,\n      headerTitlePlacement: 'nearBack',\n      deferContent: true,\n      onClosed: () => {\n        base.onClosed?.();\n        settle();\n      },\n    };\n    handle = sheets.show(body, options);\n    if (!handle) {\n      settled = true;\n      resolve([]);\n    }\n  });\n}\n\nfunction ListPickerBody<T extends G9SelectionItem>(props: {\n  readonly request: G9ListSheetRequest<T>;\n  readonly initial: G9SelectionModel<T>;\n  readonly keyOf: (item: G9SelectionItem) => string;\n  readonly onDraft: (model: G9SelectionModel<T>) => void;\n  readonly onComplete: () => void;\n}): ReactNode {\n  const strings = useG9Strings();\n  const palette = useG9Theme().palette;\n  const [model, setModel] = useState(props.initial);\n  const [query, setQuery] = useState('');\n  const picking = useRef(false);\n  const { request } = props;\n  const visible = model.filter(query, { trim: true });\n  const tap = (item: T) => {\n    if (picking.current || item.isEnabled === false) return;\n    const next = model.toggle(props.keyOf(item));\n    setModel(next);\n    props.onDraft(next);\n    if (!request.multiple && request.closeOnSingleSelection !== false) {\n      picking.current = true;\n      startTimer(props.onComplete, g9SelectionCloseDelayMs);\n    }\n  };\n  return (\n    <view className=\"g9-list-picker\">\n      {request.searchPlaceholder ? (\n        <view className=\"g9-selection__search\">\n          <G9SearchEntry\n            placeholder={request.searchPlaceholder}\n            voiceEnabled={false}\n            onDebouncedValueChange={setQuery}\n          />\n        </view>\n      ) : null}\n      {visible.map((item) => (\n        <ListPickerRow\n          key={props.keyOf(item)}\n          item={item}\n          selected={model.isSelected(props.keyOf(item))}\n          tint={palette.PrimaryContainer}\n          onTap={() => tap(item)}\n        />\n      ))}\n      {request.multiple ? (\n        <view className=\"g9-list-picker__apply\">\n          <G9Button\n            text={request.applyButtonText ?? strings.get(G9StringKey.Save)}\n            size=\"hero\"\n            onPress={props.onComplete}\n          />\n        </view>\n      ) : null}\n    </view>\n  );\n}\n\nfunction ListPickerRow(props: {\n  readonly item: G9SelectionItem;\n  readonly selected: boolean;\n  readonly tint: string;\n  readonly onTap: () => void;\n}): ReactNode {\n  const press = useG9Press(props.onTap, {\n    source: 'G9ListPicker',\n    guardMs: 0,\n    blocked: props.item.isEnabled === false,\n  });\n  const icon = { icon: props.item.icon, imagePath: props.item.iconPath, image: props.item.iconImage };\n  const direction = useG9Direction();\n  return (\n    <view\n      className={`g9-list-picker__row${props.selected ? ' g9-list-picker__row--selected' : ''}`}\n      style={{ ...g9RowStyle(direction), ...(props.selected ? { backgroundColor: props.tint } : {}) }}\n      accessibility-element={true}\n      accessibility-traits=\"button\"\n      accessibility-label={props.item.text}\n      bindtap={press}\n    >\n      {hasIconSlot(icon) ? <G9IconSlot {...icon} size={20} color=\"var(--g9-on-surface-variant)\" /> : null}\n      <text className=\"g9-list-picker__text\" text-maxline=\"1\" style={g9TextStart(direction)}>\n        {props.item.text}\n      </text>\n    </view>\n  );\n}\n"],"names":["g9SelectionEagerBuildItemLimit","g9SelectionRowHeight","g9SelectionSearchDebounceMs","g9SelectionCloseDelayMs","selectionIdentities","items","counts","Map","item","_counts_get","i","estimateSelectionHeight","count","showSearch","chrome","Math","SelectionRow","props","_item_iconTintColor","_item_swatchFirstColor","_item_swatchSecondColor","palette","useG9Theme","glyphs","useG9Settings","selected","press","useG9Press","icon","iconColor","view","formatColor","withAlpha","g9RowStyle","hasIconSlot","G9IconSlot","G9Swatch","text","g9TextStart","SelectionBody","_request_emptyText","strings","useG9Strings","parentDir","useG9Direction","request","ids","model","setModel","useState","query","setQuery","applied","setApplied","timer","useRef","picking","useEffect","stopTimer","visible","visibleIds","Set","dir","multiple","onQuery","value","startTimer","tap","id","next","G9TextEntry","G9StringKey","showSelectionSheet","sheets","_request_selectedItems","opening","openingIds","listedIds","initialKeys","unlisted","_","initial","createSelectionModel","Promise","resolve","draft","draftListeners","draftStore","l","settled","done","startKeys","collect","keys","set","settle","accepted","explicit","result","changed","undefined","k","handle","complete","reset","body","m","options","fitToContentSheetOptions","SelectionHeaderActions","_request_options","direction","n","useSyncExternalStore","G9Button","showListSheet","_request_selected","keyOf","ListPickerBody","base","fullScreenWithoutHandleSheetOptions","fit","_request_applyButtonText","G9SearchEntry","ListPickerRow"],"mappings":"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"}

package/dist/selection/selection.css

@@ -0,0 +1,75 @@
+.g9-selection, .g9-list-picker {
+  flex-direction: column;
+  display: flex;
+}
+
+.g9-selection__search {
+  padding: 8px 12px;
+}
+
+.g9-selection-row {
+  justify-content: center;
+  min-height: 52px;
+  display: flex;
+}
+
+.g9-selection-row__inner {
+  flex-direction: row;
+  align-items: center;
+  column-gap: 12px;
+  padding: 0 16px;
+  display: flex;
+}
+
+.g9-selection-row__text {
+  text-overflow: ellipsis;
+  flex: 1;
+  font-size: 14px;
+}
+
+.g9-selection__empty {
+  text-align: center;
+  color: var(--g9-text-tertiary);
+  padding: 28px 16px;
+  font-size: 13px;
+}
+
+.g9-selection__actions {
+  flex-direction: row;
+  align-items: center;
+  column-gap: 8px;
+  display: flex;
+}
+
+.g9-selection__count {
+  background-color: var(--g9-primary-container);
+  border-radius: 10px;
+  padding: 2px 8px;
+}
+
+.g9-selection__count-text {
+  color: var(--g9-on-primary-container);
+  font-size: 12px;
+}
+
+.g9-list-picker__row {
+  flex-direction: row;
+  align-items: center;
+  column-gap: 10px;
+  min-height: 52px;
+  padding: 0 16px;
+  display: flex;
+}
+
+.g9-list-picker__text {
+  color: var(--g9-text-primary);
+  flex: 1;
+  font-size: 14px;
+}
+
+.g9-list-picker__apply {
+  padding: 12px 16px;
+}
+
+
+/*# sourceMappingURL=selection.css.map */

package/dist/selection/selection.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./src/selection/selection.css"],"names":[],"mappings":"AACA;EAAE,sBAAsB;EACtB,aAAa;AACf;;AAIA;EADE,iBAAiB;AACnB;;AAIA;EADE,uBAAuB;EACvB,gBAAgB;EAChB,aAAa;AACf;;AAIA;EADE,mBAAmB;EACnB,mBAAmB;EACnB,gBAAgB;EAChB,eAAe;EACf,aAAa;AACf;;AAIA;EADE,uBAAuB;EACvB,OAAO;EACP,eAAe;AACjB;;AAIA;EADE,kBAAkB;EAClB,8BAA8B;EAC9B,kBAAkB;EAClB,eAAe;AACjB;;AAIA;EADE,mBAAmB;EACnB,mBAAmB;EACnB,eAAe;EACf,aAAa;AACf;;AAIA;EADE,6CAA6C;EAC7C,mBAAmB;EACnB,gBAAgB;AAClB;;AAIA;EADE,qCAAqC;EACrC,eAAe;AACjB;;AAIA;EADE,mBAAmB;EACnB,mBAAmB;EACnB,gBAAgB;EAChB,gBAAgB;EAChB,eAAe;EACf,aAAa;AACf;;AAIA;EADE,6BAA6B;EAC7B,OAAO;EACP,eAAe;AACjB;;AAIA;EADE,kBAAkB;AACpB","sourcesContent":["/* Selection sheet and list picker (MAUI G9SelectionSheet, G9BottomSheetListPickerModal). */\n.g9-selection,\n.g9-list-picker {\n  display: flex;\n  flex-direction: column;\n}\n\n.g9-selection__search {\n  padding: 8px 12px;\n}\n\n.g9-selection-row {\n  min-height: 52px;\n  display: flex;\n  justify-content: center;\n}\n\n.g9-selection-row__inner {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  column-gap: 12px;\n  padding: 0px 16px;\n}\n\n.g9-selection-row__text {\n  flex: 1;\n  font-size: 14px;\n  text-overflow: ellipsis;\n}\n\n.g9-selection__empty {\n  padding: 28px 16px;\n  font-size: 13px;\n  text-align: center;\n  color: var(--g9-text-tertiary);\n}\n\n.g9-selection__actions {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  column-gap: 8px;\n}\n\n.g9-selection__count {\n  padding: 2px 8px;\n  border-radius: 10px;\n  background-color: var(--g9-primary-container);\n}\n\n.g9-selection__count-text {\n  font-size: 12px;\n  color: var(--g9-on-primary-container);\n}\n\n.g9-list-picker__row {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  column-gap: 10px;\n  min-height: 52px;\n  padding: 0px 16px;\n}\n\n.g9-list-picker__text {\n  flex: 1;\n  font-size: 14px;\n  color: var(--g9-text-primary);\n}\n\n.g9-list-picker__apply {\n  padding: 12px 16px;\n}\n"],"sourceRoot":""}

package/dist/selection/use-selection-model.d.ts

@@ -0,0 +1,9 @@
+import { type G9SelectionModel, type G9SelectionModelOptions } from './model.js';
+/** Options of {@link useSelectionModel}. */
+export type G9SelectionModelHookOptions<T> = G9SelectionModelOptions<T>;
+/**
+ * A selection draft as React state (plan/specs/03 §5 `useSelectionModel({ items, getKey, mode })`): new `items` keep
+ * the selected keys; returns the model and its setter (models are immutable: `set(model.toggle(key))`).
+ */
+export declare function useSelectionModel<T>(options: G9SelectionModelHookOptions<T>): [G9SelectionModel<T>, (model: G9SelectionModel<T>) => void];
+//# sourceMappingURL=use-selection-model.d.ts.map

package/dist/selection/use-selection-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-selection-model.d.ts","sourceRoot":"","sources":["../../src/selection/use-selection-model.ts"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEpG,4CAA4C;AAC5C,MAAM,MAAM,2BAA2B,CAAC,CAAC,IAAI,uBAAuB,CAAC,CAAC,CAAC,CAAC;AAExE;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,OAAO,EAAE,2BAA2B,CAAC,CAAC,CAAC,GACtC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAU7D"}

package/dist/selection/use-selection-model.jsx

@@ -0,0 +1,22 @@
+import { useRef, useState } from "@lynx-js/react";
+import { createSelectionModel } from "./model.jsx";
+function useSelectionModel(options) {
+    const [model, setModel] = useState(()=>createSelectionModel(options));
+    const items = useRef(options.items);
+    if (items.current !== options.items) {
+        items.current = options.items;
+        const next = model.withItems(options.items);
+        setModel(next);
+        return [
+            next,
+            setModel
+        ];
+    }
+    return [
+        model,
+        setModel
+    ];
+}
+export { useSelectionModel };
+
+//# sourceMappingURL=use-selection-model.jsx.map

package/dist/selection/use-selection-model.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection/use-selection-model.jsx","sources":["../../src/selection/use-selection-model.ts"],"sourcesContent":["import { useRef, useState } from '@lynx-js/react';\nimport { createSelectionModel, type G9SelectionModel, type G9SelectionModelOptions } from './model';\n\n/** Options of {@link useSelectionModel}. */\nexport type G9SelectionModelHookOptions<T> = G9SelectionModelOptions<T>;\n\n/**\n * A selection draft as React state (plan/specs/03 §5 `useSelectionModel({ items, getKey, mode })`): new `items` keep\n * the selected keys; returns the model and its setter (models are immutable: `set(model.toggle(key))`).\n */\nexport function useSelectionModel<T>(\n  options: G9SelectionModelHookOptions<T>,\n): [G9SelectionModel<T>, (model: G9SelectionModel<T>) => void] {\n  const [model, setModel] = useState(() => createSelectionModel(options));\n  const items = useRef(options.items);\n  if (items.current !== options.items) {\n    items.current = options.items;\n    const next = model.withItems(options.items);\n    setModel(next);\n    return [next, setModel];\n  }\n  return [model, setModel];\n}\n"],"names":["useSelectionModel","options","model","setModel","useState","createSelectionModel","items","useRef","next"],"mappings":";;AAUO,SAASA,kBACdC,OAAuC;IAEvC,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAAS,IAAMC,qBAAqBJ;IAC9D,MAAMK,QAAQC,OAAON,QAAQ,KAAK;IAClC,IAAIK,MAAM,OAAO,KAAKL,QAAQ,KAAK,EAAE;QACnCK,MAAM,OAAO,GAAGL,QAAQ,KAAK;QAC7B,MAAMO,OAAON,MAAM,SAAS,CAACD,QAAQ,KAAK;QAC1CE,SAASK;QACT,OAAO;YAACA;YAAML;SAAS;IACzB;IACA,OAAO;QAACD;QAAOC;KAAS;AAC1B"}

package/dist/sheet/frame.d.ts

@@ -0,0 +1,45 @@
+import './sheet.css';
+import { type G9AbortSignal } from '@g9tm/lynxcontrols-foundation';
+import { type ReactNode } from '@lynx-js/react';
+import type { G9SheetHeightMemo } from './height-memo.js';
+import type { G9SheetSettings } from './options.js';
+import type { G9SheetEntry, G9SheetHandle, G9SheetStack } from './stack.js';
+/** What content inside a sheet can read (MAUI `IG9BottomSheetAwareView` + deferred load signals). */
+export interface G9SheetContextValue {
+    /** The sheet-scoped handle: `close()` closes only this sheet. */
+    readonly handle: G9SheetHandle;
+    /** Aborted when the sheet starts closing (cancel loads with it). */
+    readonly signal: G9AbortSignal;
+    /** The open motion has finished. */
+    readonly opened: boolean;
+    /** The sheet is closing. */
+    readonly closing: boolean;
+    /** Resting body cap of a fit sheet (px), else `null`. */
+    readonly maxBodyHeight: number | null;
+}
+/** The enclosing sheet, or `null` outside one. */
+export declare function useG9SheetContext(): G9SheetContextValue | null;
+/** Props of {@link G9SheetFrame}. */
+export interface G9SheetFrameProps {
+    readonly entry: G9SheetEntry;
+    readonly stack: G9SheetStack;
+    /** Host height (px): percentage detents and caps resolve against it. */
+    readonly hostHeight: number;
+    readonly hostWidth: number;
+    readonly topInset: number;
+    readonly settings: Required<G9SheetSettings>;
+    readonly memo: G9SheetHeightMemo | null;
+    /** Culture tag of the memo key. */
+    readonly culture: string;
+    /** The sheet is the top of the stack (receives scrim input). */
+    readonly isTop: boolean;
+    /** The sheet came to rest at a new height (px); drives the page recede threshold. */
+    readonly onRest?: (heightPx: number) => void;
+}
+/**
+ * One sheet of the stack on lynx-ui `SheetRoot` (motion, drag, snap points from lynx-ui; G9 adds detent mapping,
+ * scrim, header/footer, deferred content, recede and results). Rendered by the sheet service in the host's sheets
+ * layer; use `useG9Sheets()` to open sheets.
+ */
+export declare function G9SheetFrame(props: G9SheetFrameProps): ReactNode;
+//# sourceMappingURL=frame.d.ts.map

package/dist/sheet/frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../src/sheet/frame.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,EAIL,KAAK,aAAa,EAGnB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAiB,KAAK,SAAS,EAA2C,MAAM,gBAAgB,CAAC;AAKxG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAajD,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzE,qGAAqG;AACrG,MAAM,WAAW,mBAAmB;IAClC,iEAAiE;IACjE,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAC/B,oEAAoE;IACpE,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAC/B,oCAAoC;IACpC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,4BAA4B;IAC5B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,yDAAyD;IACzD,QAAQ,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CACvC;AAID,kDAAkD;AAClD,wBAAgB,iBAAiB,IAAI,mBAAmB,GAAG,IAAI,CAE9D;AAED,qCAAqC;AACrC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,wEAAwE;IACxE,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC7C,QAAQ,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACxC,mCAAmC;IACnC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,gEAAgE;IAChE,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,qFAAqF;IACrF,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AASD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAyNhE"}