@rdlabo/ionic-theme-ios27 1.2.1 → 2.0.0-1

package/src/native/components/searchable-tabs.ts

@@ -1,459 +0,0 @@
-import { getNativeSearchBindings, requestNativeSearch } from '../../native-integration';
-import type { NativeSearchBinding } from '../../native-integration';
-import { excluded, inFixedToolbar, isShellDisabled, marker, text, visible } from '../shared/dom';
-import { iconSource } from '../shared/icons';
-import type { Candidate } from '../shared/candidate';
-import type { ShellItem, ShellSearch, ShellSearchEvent } from '../definitions';
-
-interface SearchState {
-  binding: NativeSearchBinding;
-  bar: HTMLIonSearchbarElement;
-  input: HTMLInputElement;
-  editSequence: number;
-  composing: boolean;
-  focused: boolean;
-  minimumRevision: number;
-  valueVersion: number;
-  applyingInput: boolean;
-  keyboardHidden?: boolean;
-  last?: ShellSearch;
-  layout?: string;
-  rejectedLayout?: string;
-  restore: () => void;
-}
-
-export const createSearchSupport = (doc: Document, id: (element: Element) => string, schedule: () => void) => {
-  const states = new Map<NativeSearchBinding, SearchState>();
-  let keyboardVisible = false;
-  let heldKeyboardResize: string | null = null;
-  let keyboardResizeGeneration = 0;
-  type KeyboardPlugin = {
-    setResizeMode?: (options: { mode: string }) => Promise<void>;
-    getResizeMode?: () => Promise<{ mode?: string }>;
-  };
-  const keyboardPlugin = (): KeyboardPlugin | undefined =>
-    (
-      doc.defaultView as Window & {
-        Capacitor?: { Plugins?: { Keyboard?: KeyboardPlugin } };
-      }
-    )?.Capacitor?.Plugins?.Keyboard;
-  const projected = (binding: NativeSearchBinding) => binding.footer.hasAttribute(marker);
-  // Hold Cap resize at none while search is active so WebView shrink does not fight UISearchTab.
-  const holdKeyboardResize = () => {
-    const keyboard = keyboardPlugin();
-    if (!keyboard?.setResizeMode || heldKeyboardResize !== null) return;
-    const setResizeMode = keyboard.setResizeMode.bind(keyboard);
-    const generation = ++keyboardResizeGeneration;
-    heldKeyboardResize = 'native';
-    void (async () => {
-      let restoreMode = 'native';
-      try {
-        const current = await keyboard.getResizeMode?.();
-        if (typeof current?.mode === 'string') restoreMode = current.mode;
-      } catch {
-        /* keep default restore target */
-      }
-      if (generation !== keyboardResizeGeneration) return;
-      heldKeyboardResize = restoreMode;
-      try {
-        await setResizeMode({ mode: 'none' });
-      } catch {
-        if (generation === keyboardResizeGeneration) heldKeyboardResize = null;
-        return;
-      }
-      // Leave raced ahead of setResizeMode(none) — undo the stale none apply.
-      if (generation !== keyboardResizeGeneration) void setResizeMode({ mode: restoreMode }).catch(() => undefined);
-    })();
-  };
-  const hasActiveProjection = () => [...states.keys()].some((binding) => binding.active && projected(binding));
-  const releaseKeyboardResize = () => {
-    if (hasActiveProjection()) return;
-    keyboardResizeGeneration++;
-    const mode = heldKeyboardResize;
-    heldKeyboardResize = null;
-    if (!mode) return;
-    void keyboardPlugin()?.setResizeMode?.({ mode });
-  };
-  const isCurrent = (state: SearchState) =>
-    state.bar.isConnected &&
-    state.binding.footer.querySelector('ion-searchbar') === state.bar &&
-    state.bar.querySelector('input.searchbar-input') === state.input;
-  const install = (binding: NativeSearchBinding, bar: HTMLIonSearchbarElement, input: HTMLInputElement): SearchState => {
-    const originalFocus = bar.setFocus;
-    const ownValue = Object.getOwnPropertyDescriptor(bar, 'value');
-    let owner: object | null = bar;
-    let value = ownValue;
-    while (!value && (owner = Object.getPrototypeOf(owner))) value = Object.getOwnPropertyDescriptor(owner, 'value');
-    const focus = async () => {
-      if (projected(binding) && (await requestNativeSearch(binding, true, true))) return;
-      await originalFocus.call(bar);
-    };
-    bar.setFocus = focus;
-    let wrapped: PropertyDescriptor | undefined;
-    if (value?.get && value.set && ownValue?.configurable !== false) {
-      const descriptor = value;
-      wrapped = {
-        configurable: true,
-        enumerable: value.enumerable,
-        get: () => descriptor.get!.call(bar),
-        set: (next: string | null | undefined) => {
-          if (state.applyingInput) state.applyingInput = false;
-          else state.valueVersion++;
-          descriptor.set!.call(bar, next);
-          schedule();
-        },
-      };
-      Object.defineProperty(bar, 'value', wrapped);
-    }
-    const state: SearchState = {
-      binding,
-      bar,
-      input,
-      editSequence: 0,
-      composing: false,
-      focused: false,
-      minimumRevision: 0,
-      valueVersion: 0,
-      applyingInput: false,
-      restore: () => {
-        if (bar.setFocus === focus) bar.setFocus = originalFocus;
-        if (wrapped && Object.getOwnPropertyDescriptor(bar, 'value')?.set === wrapped.set) {
-          if (ownValue) Object.defineProperty(bar, 'value', ownValue);
-          else Reflect.deleteProperty(bar, 'value');
-        }
-        binding.active = binding.focused = false;
-      },
-    };
-    states.set(binding, state);
-    return state;
-  };
-  const readIcon = (element: HTMLElement, owner: Element, candidate: Candidate): ShellItem | undefined => {
-    const style = getComputedStyle(element);
-    const rect = element.getBoundingClientRect();
-    const item: ShellItem = {
-      id: id(owner),
-      x: rect.x,
-      y: rect.y,
-      width: rect.width,
-      height: rect.height,
-      label: text(element),
-      accessibilityLabel: owner.getAttribute('aria-label') ?? text(element),
-      disabled: false,
-      selected: false,
-      fontSize: parseFloat(style.fontSize),
-      fontWeight: parseInt(style.fontWeight, 10) || 400,
-      color: style.color,
-    };
-    const icon = element.matches('ion-icon') ? element : element.querySelector('ion-icon');
-    const svg = icon?.shadowRoot?.querySelector<SVGElement>('svg') ?? element.querySelector<SVGElement>('svg');
-    if (svg) {
-      const source = iconSource(svg);
-      if (!source) return;
-      const iconStyle = getComputedStyle(icon ?? svg);
-      item.iconWidth = parseFloat(iconStyle.width);
-      item.iconHeight = parseFloat(iconStyle.height);
-      // ion-searchbar gives its icon a full-height box; SVG meet sizing keeps the glyph square.
-      const box = (svg as SVGSVGElement).viewBox?.baseVal;
-      if (box?.width && box.height && svg.getAttribute('preserveAspectRatio') !== 'none') {
-        const scale = Math.min(item.iconWidth! / box.width, item.iconHeight / box.height);
-        item.iconWidth = box.width * scale;
-        item.iconHeight = box.height * scale;
-      }
-      candidate.icons.push({ item, source });
-    } else if (!item.label) return;
-    return item;
-  };
-  return {
-    keyboard(visible: boolean) {
-      keyboardVisible = visible;
-      if (!visible) {
-        for (const [binding, state] of states) {
-          // Ionic can wait for the pre-keyboard height indefinitely after rotation.
-          // Release the visibility override we own when native search's keyboard closes.
-          if (state.keyboardHidden) binding.tabBar.classList.remove('tab-bar-hidden');
-          state.keyboardHidden = false;
-        }
-        releaseKeyboardResize();
-      }
-      schedule();
-    },
-    keepSearchTabsVisible() {
-      if (!keyboardVisible) return;
-      for (const [binding, state] of states) {
-        // Ionic hides bottom tabs for every keyboard, including native search.
-        // Correct only that framework class; application styles still apply.
-        if (binding.active && projected(binding) && binding.tabBar.classList.contains('tab-bar-hidden')) {
-          state.keyboardHidden = true;
-          binding.tabBar.classList.remove('tab-bar-hidden');
-        }
-      }
-    },
-    decorate(candidates: Candidate[], blocked: (element: HTMLElement) => boolean): Candidate[] {
-      const bindings = getNativeSearchBindings(doc);
-      for (const [binding, state] of states) {
-        if (!bindings.includes(binding) || !isCurrent(state)) {
-          this.retire(binding);
-          state.restore();
-          states.delete(binding);
-        }
-      }
-      const inactive: [Candidate, ShellSearch][] = [];
-      const pageHidden = (element: HTMLElement) => !!element.closest('.ion-page-hidden, .ion-page-invisible');
-      const retainInactive = (candidate: Candidate, state?: SearchState, keepAvailable = false) => {
-        // Keep ShellSearchController across page transitions instead of demoting to UITabBar.
-        // While the searchable page is only blocked mid-transition (not yet hidden), keep
-        // available:true so the system search button stays available over album content.
-        if (state?.last) inactive.push([candidate, { ...state.last, active: false, available: keepAvailable, focused: false }]);
-      };
-      for (const binding of bindings) {
-        const candidate = candidates.find((c) => c.element === binding.tabBar);
-        if (!candidate || candidate.control.search || binding.tabBar.getAttribute('slot') !== 'bottom') continue;
-        const fab = binding.trigger.parentElement;
-        // Search also supports the existing page-level fixed FAB, outside scrolling content.
-        if (
-          !fab?.matches('ion-fab[slot="fixed"]') ||
-          !(fab.parentElement?.matches('ion-content') || (fab.parentElement?.matches('.ion-page') && !fab.closest('ion-content')))
-        )
-          continue;
-        if (isShellDisabled(fab) || isShellDisabled(binding.footer)) continue;
-        const pageUnavailable = blocked(binding.footer) || !!binding.footer.closest(excluded);
-        const existing = states.get(binding);
-        if (pageUnavailable) {
-          retainInactive(candidate, existing, !!existing?.last?.available && !pageHidden(binding.footer));
-          if (existing?.last) continue;
-          // First registration during a transition: fall through and measure available:false.
-        }
-        if (binding.active && existing && isCurrent(existing) && existing.last && !pageUnavailable) {
-          const back = binding.footer.querySelector<HTMLIonButtonElement>('ion-buttons[slot=start] ion-button');
-          // Close must stay eligible; otherwise fall through and demote instead of caching active.
-          if (back && !back.disabled && !back.closest(excluded) && !existing.bar.closest(excluded)) {
-            candidate.control.search = {
-              ...existing.last,
-              active: true,
-              available: true,
-              focused: binding.focused,
-              value: existing.bar.value ?? '',
-              placeholder: existing.bar.placeholder ?? '',
-              disabled: existing.bar.disabled,
-              editSequence: existing.editSequence,
-              valueVersion: existing.valueVersion,
-            };
-            existing.last = candidate.control.search;
-            candidate.sources = [binding.tabBar, binding.trigger.closest<HTMLElement>('ion-fab') ?? binding.trigger, binding.footer];
-            candidate.actions.set(existing.last.trigger.id, binding.trigger);
-            candidate.actions.set(existing.last.closeId, back);
-            continue;
-          }
-        }
-        if (!visible(binding.trigger) && !pageUnavailable) {
-          retainInactive(candidate, existing);
-          continue;
-        }
-        const bar = binding.footer.querySelector<HTMLIonSearchbarElement>('ion-searchbar');
-        const input = bar?.querySelector<HTMLInputElement>('input.searchbar-input');
-        const back = binding.footer.querySelector<HTMLIonButtonElement>('ion-buttons[slot=start] ion-button');
-        if (
-          !bar ||
-          !input ||
-          !back ||
-          !binding.footer.matches('ion-footer') ||
-          !inFixedToolbar(bar) ||
-          !inFixedToolbar(back) ||
-          (!pageUnavailable && bar.closest(excluded)) ||
-          !bar.classList.contains('ios') ||
-          bar.classList.contains('searchbar-classic')
-        ) {
-          retainInactive(candidate, existing);
-          continue;
-        }
-        if (
-          bar.color ||
-          back.fill !== 'default' ||
-          back.color ||
-          bar.maxlength != null ||
-          bar.minlength != null ||
-          bar.inputmode ||
-          bar.enterkeyhint ||
-          !['off', 'none'].includes(bar.autocapitalize) ||
-          bar.autocomplete !== 'off' ||
-          ![false, 'off', undefined].includes(bar.autocorrect) ||
-          bar.spellcheck ||
-          bar.showClearButton !== 'always' ||
-          bar.clearIcon
-        ) {
-          retainInactive(candidate, existing);
-          continue;
-        }
-        if (bar.showCancelButton !== 'never' || bar.type !== 'search' || !getComputedStyle(input).backdropFilter.includes('blur')) {
-          retainInactive(candidate, existing);
-          continue;
-        }
-        const fabButton = binding.trigger as HTMLIonFabButtonElement;
-        const nativeTrigger = fabButton.shadowRoot?.querySelector<HTMLElement>('[part=native]');
-        if (
-          (!pageUnavailable && binding.trigger.closest(excluded)) ||
-          (!pageUnavailable && back.closest(excluded)) ||
-          back.disabled ||
-          fabButton.disabled ||
-          fabButton.color ||
-          fabButton.type !== 'button' ||
-          fabButton.href ||
-          !nativeTrigger ||
-          getComputedStyle(fabButton).backgroundColor !== 'rgba(0, 0, 0, 0)' ||
-          !getComputedStyle(nativeTrigger).backdropFilter.includes('blur')
-        ) {
-          retainInactive(candidate, existing);
-          continue;
-        }
-        const state = existing ?? install(binding, bar, input);
-        const trigger = readIcon(binding.trigger, binding.trigger, candidate);
-        const searchIcon = bar.querySelector<HTMLElement>('.searchbar-search-icon');
-        const field = searchIcon && readIcon(searchIcon, bar, candidate);
-        if (!trigger || !field) {
-          retainInactive(candidate, state);
-          continue;
-        }
-        field.label = '';
-        field.accessibilityLabel = bar.getAttribute('aria-label') ?? input.getAttribute('aria-label') ?? 'Search';
-        // Icon-only search FABs often rely on the searchbar for their accessible
-        // name. Carry that semantic name into the independent resting trigger.
-        if (!trigger.accessibilityLabel) trigger.accessibilityLabel = field.accessibilityLabel;
-        state.layout = JSON.stringify([
-          innerWidth,
-          innerHeight,
-          candidate.control.x,
-          candidate.control.y,
-          candidate.control.width,
-          candidate.control.height,
-          candidate.control.rtl,
-          trigger.x,
-          trigger.y,
-          trigger.width,
-          trigger.height,
-          candidate.control.items,
-          candidate.icons.map(({ source }) => source),
-          field,
-          trigger,
-          bar.placeholder,
-          bar.disabled,
-        ]);
-        if (state.rejectedLayout === state.layout) {
-          retainInactive(candidate, state);
-          continue;
-        }
-        const available = !pageUnavailable && visible(binding.trigger);
-        candidate.control.search = {
-          id: id(input),
-          field,
-          trigger,
-          closeId: id(back),
-          active: available && binding.active,
-          available,
-          focused: available && binding.focused,
-          value: bar.value ?? '',
-          placeholder: bar.placeholder ?? '',
-          disabled: bar.disabled,
-          editSequence: state.editSequence,
-          valueVersion: state.valueVersion,
-        };
-        state.last = candidate.control.search;
-        if (available) {
-          candidate.sources = [binding.tabBar, binding.trigger.closest<HTMLElement>('ion-fab') ?? binding.trigger, binding.footer];
-          candidate.actions.set(id(binding.trigger), binding.trigger);
-          candidate.actions.set(id(back), back);
-        }
-      }
-      for (const [candidate, configuration] of inactive) candidate.control.search ??= configuration;
-      const groups = candidates.filter((c) => c.control.search);
-      return candidates.filter((c) => !groups.some((group) => group !== c && group.sources?.some((source) => source.contains(c.element))));
-    },
-    projected,
-    hasActive() {
-      for (const [binding] of states) if (binding.active && projected(binding)) return true;
-      return false;
-    },
-    begin(binding: NativeSearchBinding, revision: number) {
-      const state = states.get(binding);
-      if (state) state.minimumRevision = revision;
-    },
-    /** Enter / focus / leave. `focused` is ignored when leaving. */
-    setStatus(binding: NativeSearchBinding, active: boolean, focused = false) {
-      if (!active) {
-        this.retire(binding);
-        return;
-      }
-      binding.active = true;
-      // Projection intent only. Ionic focus/blur events still wait for the native phase.
-      binding.focused = focused;
-      holdKeyboardResize();
-    },
-    release(element: HTMLElement) {
-      for (const binding of states.keys()) if (binding.footer === element) this.retire(binding);
-    },
-    reject(ids: string[]) {
-      states.forEach((state) => {
-        if (ids.includes(id(state.binding.tabBar))) {
-          state.rejectedLayout = state.layout;
-          // UIKit removed the search surface — do not reuse its cache; project ordinary tabs.
-          state.last = undefined;
-        }
-      });
-    },
-    event(event: ShellSearchEvent) {
-      const state = Array.from(states.values()).find((s) => id(s.input) === event.id && projected(s.binding) && isCurrent(s));
-      if (
-        !state ||
-        !state.binding.active ||
-        ((event.phase === 'input' || event.phase === 'clear') && event.valueVersion !== state.valueVersion) ||
-        event.revision < state.minimumRevision ||
-        event.sequence <= state.editSequence ||
-        state.bar.disabled
-      )
-        return;
-      state.editSequence = event.sequence;
-      const { input, binding } = state;
-      if (event.phase === 'input') {
-        if (state.composing !== event.composing)
-          input.dispatchEvent(
-            new CompositionEvent(event.composing ? 'compositionstart' : 'compositionend', { bubbles: true, data: event.value }),
-          );
-        state.composing = event.composing;
-        input.value = event.value;
-        state.applyingInput = true;
-        try {
-          input.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true, isComposing: event.composing }));
-        } finally {
-          state.applyingInput = false;
-        }
-      } else if (event.phase === 'clear') {
-        state.bar.querySelector<HTMLButtonElement>('.searchbar-clear-button')?.click();
-      } else if (event.phase === 'commit') {
-        input.dispatchEvent(new Event('change', { bubbles: true }));
-      } else {
-        if (state.focused === (event.phase === 'focus')) return;
-        state.focused = binding.focused = event.phase === 'focus';
-        input.dispatchEvent(new FocusEvent(event.phase, { composed: true }));
-      }
-      schedule();
-    },
-    retire(binding: NativeSearchBinding) {
-      const state = states.get(binding);
-      // Keep ownership until keyboardWillHide can release this class.
-      if (state?.keyboardHidden && keyboardVisible) binding.tabBar.classList.add('tab-bar-hidden');
-      if (state?.focused) {
-        state.focused = false;
-        state.input.dispatchEvent(new FocusEvent('blur'));
-      }
-      binding.active = binding.focused = false;
-      releaseKeyboardResize();
-    },
-    destroy() {
-      states.forEach((state) => {
-        this.retire(state.binding);
-        state.restore();
-      });
-      states.clear();
-      releaseKeyboardResize();
-    },
-  };
-};

package/src/native/definitions.ts

@@ -1,191 +0,0 @@
-import type { PluginListenerHandle } from '@capacitor/core';
-
-import type { NativeUIShellComponent } from './components';
-export type { NativeUIShellComponent } from './components';
-
-export interface NativeUIShellStatus {
-  state: 'web' | 'native' | 'stopped';
-  projected: number;
-  updates: number;
-  reason?: string;
-}
-
-export interface VerticalControlAreaOptions {
-  /** Appearance of native vertical ion-button and ion-menu-button actions.
-   * `system` (default) uses SwiftUI styling and template icons; `source` projects supported Ionic fill and colors.
-   * Local data-projection="source|system" or ios-theme-projection-source / ios-theme-projection-system take precedence:
-   * the button itself, then its nearest ion-buttons, then this option. On the same element, a valid attribute wins;
-   * otherwise system wins if both classes are present. Invalid attribute values are ignored.
-   * Local settings update live; removing them restores inheritance. Actions, disabled state and grouping are preserved.
-   * Does not affect back buttons, tabs, FABs, horizontal controls, source elements or Web clones.
-   */
-  buttonProjection?: 'source' | 'system';
-  /** Default fill for native vertical ion-button actions resolved to `source`, including local overrides.
-   * Use `solid` for Ionic's default design, or `null` (also the omitted default) for the iOS theme's glass design.
-   * Applies when fill is omitted or `default`, outside ion-buttons. Inside ion-buttons the default is clear.
-   * Explicit clear, solid and outline take precedence; clear and outline cannot be configured as defaults.
-   * Source elements and Web clones are unchanged.
-   */
-  buttonDefaultFill?: 'solid' | null;
-}
-
-export interface NativeUIShellOptions extends VerticalControlAreaOptions {
-  /** Enables Native UI Shell globally. Defaults to `true`. */
-  enabled?: boolean;
-  /** Controls eligible for native projection. Omit to enable every control; when present, only `true` controls are enabled. */
-  controls?: NativeUIShellControls;
-  /** Internal: limit native projection to the Vertical Control Area. */
-  verticalBarsOnly?: boolean;
-}
-
-export interface NativeUIShellControls {
-  /** Projects tab bars and their native search presentation. */
-  tabs?: boolean;
-  /** Projects toolbar buttons, including back and menu buttons. */
-  toolbar?: boolean;
-  /** Projects segments. */
-  segment?: boolean;
-  /** Projects floating action buttons. */
-  fab?: boolean;
-}
-
-export interface NativeUIShellHandle {
-  /** Returns the current Web/native projection state. */
-  getStatus(): NativeUIShellStatus;
-  /** Restores projected controls to the Web until the returned lease is resumed. */
-  suspend(): Promise<NativeUIShellSuspension>;
-  /** Stops synchronization, restores Web controls and releases native resources. */
-  destroy(): Promise<void>;
-}
-
-/** Logical edge in the reading direction, matching UIVerticalBarEdge and capacitor-foldable. */
-export type VerticalBarEdge = 'leading' | 'trailing' | null;
-
-export interface VerticalBarPlacement {
-  edge: VerticalBarEdge;
-  /** Explicit rail width in CSS pixels; omitted to use the stylesheet's safe-area rules. */
-  inset?: number;
-  /** Native logical edge reported by the application's device plugin. Null or an unregistered edge uses a Web rail in verticalBarsOnly mode, or the ordinary Native UI Shell layout otherwise. Omission keeps the last supplied value. */
-  nativeEdge?: VerticalBarEdge;
-}
-
-export interface VerticalControlAreaHandle extends NativeUIShellHandle {
-  /** Applies the application's chosen placement to both Web and native controls. */
-  setPlacement(placement: VerticalBarEdge | VerticalBarPlacement, rtl?: boolean): void;
-}
-
-export interface NativeUIShellSuspension {
-  /** Releases this suspension. Native projection resumes after all active suspensions are released. */
-  resume(): Promise<void>;
-}
-
-export interface Frame {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-}
-
-export interface ShellBadge {
-  value: string;
-  color: string;
-  textColor: string;
-}
-
-export interface ShellItem extends Frame {
-  id: string;
-  label: string;
-  accessibilityLabel: string;
-  disabled: boolean;
-  selected: boolean;
-  fontSize: number;
-  fontWeight: number;
-  color: string;
-  /** Resolved ion-button fill for vertical projection; clear omits the native glass background. */
-  buttonFill?: 'clear' | 'solid' | 'outline';
-  backgroundColor?: string;
-  borderColor?: string;
-  borderWidth?: number;
-  badge?: ShellBadge;
-  icon?: string;
-  iconWidth?: number;
-  iconHeight?: number;
-  iconPosition?: 'leading' | 'trailing' | 'top';
-  imagePadding?: number;
-  contentInsetLeading?: number;
-  contentInsetTrailing?: number;
-  iconTemplate?: boolean;
-  visible?: boolean;
-  closeIcon?: string;
-  closeIconWidth?: number;
-  closeIconHeight?: number;
-  iconTransition?: number;
-}
-
-export interface ShellControl extends Frame {
-  id: string;
-  kind: NativeUIShellComponent;
-  /** Lets the native host own adaptive placement instead of mirroring the DOM frame. */
-  placement?: 'vertical-bars';
-  /** Logical Ionic toolbar slot, preserved when projecting to the vertical rail. */
-  toolbarSlot?: 'start' | 'end';
-  items: ShellItem[];
-  dark: boolean;
-  rtl: boolean;
-  tabBarAnchor?: { x: 0 | 0.5 | 1; y: 0 | 1 };
-  search?: ShellSearch;
-}
-
-export interface ShellSearch {
-  id: string;
-  field: ShellItem;
-  trigger: ShellItem;
-  closeId: string;
-  active: boolean;
-  available: boolean;
-  focused: boolean;
-  value: string;
-  placeholder: string;
-  disabled: boolean;
-  editSequence: number;
-  valueVersion: number;
-}
-
-export interface ShellSearchEvent extends ShellActivation {
-  valueVersion: number;
-  phase: 'input' | 'focus' | 'blur' | 'clear' | 'commit';
-  value: string;
-  composing: boolean;
-}
-
-export interface ShellSnapshot {
-  revision: number;
-  transitionDuration?: number;
-  viewportWidth: number;
-  /** Physical side the native rail is drawn on; the runtime resolves the logical edge through the document direction. */
-  verticalBarEdge?: 'left' | 'right';
-  /** Visible foreground modal bounds; omitted for the full page. */
-  verticalBarFrame?: Frame;
-  controls: ShellControl[];
-}
-
-export interface ShellActivation {
-  revision: number;
-  id: string;
-  sequence: number;
-}
-
-export interface WebViewMetrics {
-  /** The WebView's effective top-left corner radius in points, or `0` when unavailable. */
-  radius: number;
-}
-
-export interface NativeUIShellPlugin {
-  configure(options?: { verticalBarsOnly?: boolean }): Promise<{ supported: boolean }>;
-  getWebViewMetrics(): Promise<WebViewMetrics>;
-  update(snapshot: ShellSnapshot): Promise<{ revision: number; rejectedSearches?: string[]; rejectedControls?: string[] }>;
-  clear(options: { revision: number }): Promise<void>;
-  addListener(name: 'activate', listener: (event: ShellActivation) => void): Promise<PluginListenerHandle>;
-  addListener(name: 'search', listener: (event: ShellSearchEvent) => void): Promise<PluginListenerHandle>;
-  addListener(name: 'webViewMetricsChange', listener: (event: WebViewMetrics) => void): Promise<PluginListenerHandle>;
-}

package/src/native/foldable/fold-state.ts

@@ -1,9 +0,0 @@
-import type { FoldState } from './types';
-
-/** Keep posture on ion-app so descendants can follow it through CSS. */
-export function applyFoldStateClasses(root: HTMLElement, fold: FoldState): void {
-  for (const state of ['flat', 'half-opened', 'closed']) {
-    root.classList.toggle(`ios-theme-fold-${state}`, fold.state === state);
-  }
-  root.classList.toggle('ios-theme-fold-expanded', fold.state === 'half-opened' || (fold.state === 'flat' && !!fold.hingeBounds));
-}

package/src/native/foldable/types.ts

@@ -1,4 +0,0 @@
-export interface FoldState {
-  state: 'flat' | 'half-opened' | 'closed';
-  hingeBounds?: { x: number; y: number; width: number; height: number };
-}