@g9tm/lynxcontrols 0.0.0-stage → 1.4.0

package/dist/host/registry.d.ts

@@ -0,0 +1,106 @@
+import type { G9Capabilities } from '@g9tm/lynxcontrols-foundation';
+import type { G9BackStack } from './back.js';
+import type { G9LayerItem, G9LayerStore, G9OverlayLayer } from './layers.js';
+import type { G9HostReadiness } from './readiness.js';
+/** Safe-area insets of a host, with the bottom inset that also reserves the page's own tab bar. */
+export interface G9HostInsets {
+    readonly top: number;
+    readonly end: number;
+    readonly bottom: number;
+    readonly start: number;
+    /** MAUI `BottomSafeAreaWithTabBar`: `bottom` unless the host's `computeBottomSafeAreaWithTabBar` adds a bar. */
+    readonly bottomWithTabBar: number;
+}
+/**
+ * Feature controllers later packages attach to a host (sheets, popups, toasts). Augment this interface to type them:
+ * `declare module '@g9tm/lynxcontrols/host' { interface G9HostFeatures { sheets: G9SheetsController } }`.
+ */
+export interface G9HostFeatures {
+}
+/** A feature key: a declared {@link G9HostFeatures} key, or any string for untyped use. */
+export type G9HostFeatureKey = keyof G9HostFeatures | (string & {});
+type FeatureValue<K> = K extends keyof G9HostFeatures ? G9HostFeatures[K] : unknown;
+/**
+ * One mounted `G9Host`, as code outside the component tree sees it (MAUI `IG9OverlayHost` plus the page's back and
+ * readiness): the layers to mount into, the back stack, the insets, the services of its provider.
+ */
+export interface G9HostHandle {
+    /** Unique per mounted host. */
+    readonly id: string;
+    /** The nearest enclosing host, or `null`. */
+    readonly parent: G9HostHandle | null;
+    /** The services of the provider this host lives in. */
+    readonly services: G9Capabilities;
+    /** The overlay layers (MAUI `OverlayLayer` = `sheets`, `ToastLayer` = `feedback`, `DevLayer` = `floating`). */
+    readonly layers: G9LayerStore;
+    /** Shorthand for `layers.register`. */
+    registerLayerItem(layer: G9OverlayLayer, item: G9LayerItem): () => void;
+    /** Shorthand for `layers.remove`. */
+    removeLayerItem(layer: G9OverlayLayer, key: string): boolean;
+    /** The host's back handlers. */
+    readonly back: G9BackStack;
+    /** Current insets (MAUI `Page.TopSafeAreaInset` and friends). */
+    getInsets(): G9HostInsets;
+    /** The page-loading cover and ready signal. */
+    readonly readiness: G9HostReadiness;
+    /** Attaches a feature controller; returns its detach function. Attaching a key twice throws. */
+    attachFeature<K extends G9HostFeatureKey>(key: K, value: FeatureValue<K>): () => void;
+    /** The attached feature, or `undefined`. */
+    getFeature<K extends G9HostFeatureKey>(key: K): FeatureValue<K> | undefined;
+    /** `true` once the host unmounted; a released handle refuses new layer items. */
+    readonly released: boolean;
+    /**
+     * Transforms the page content (the sheets' backdrop-card recede, MAUI `BackdropHost`): `scale` and `translateY`
+     * with a transition of `durationMs`; `null` restores it. The backdrop colour shows around the scaled page.
+     */
+    setContentEffect(effect: G9HostContentEffect | null): void;
+    /** The current content effect (`null` = identity). */
+    getContentEffect(): G9HostContentEffect | null;
+}
+/** A transform of the page content (see {@link G9HostHandle.setContentEffect}). */
+export interface G9HostContentEffect {
+    readonly scale: number;
+    readonly translateY: number;
+    readonly durationMs: number;
+    /** Colour shown around the receded page. */
+    readonly backdropColor?: string;
+}
+/** Listener of {@link G9HostRegistry.subscribe}. */
+export type G9HostListener = (host: G9HostHandle | null) => void;
+/**
+ * Finds the host for code that is not a component (MAUI `G9OverlayHosts`): view models, services, startup hooks.
+ *
+ * **Which host is active.** The registry is a most-recent-first stack of mounted hosts. A host is *on screen* while its
+ * `active` prop is `true` (the default). The active host is the most recently activated host that is on screen —
+ * except that a host never outranks a mounted, on-screen host nested inside it (the nested one is drawn on top of its
+ * parent's content). When no host is on screen, the most recently registered one is active (app start, tab switch).
+ * Unmounting a host removes it synchronously; the host beneath becomes active again. There is no "last page" leak.
+ */
+export interface G9HostRegistry {
+    /** The active host, or `null` (MAUI `TryGetCurrent`): before the first host mounts and after the last unmounts. */
+    active(): G9HostHandle | null;
+    /** The active host, or throws `G9Error('host-missing')` (MAUI `GetCurrent`). For user-gesture code only. */
+    require(): G9HostHandle;
+    /**
+     * Called when the active host changes (MAUI `CurrentChanged`), with the new host or `null`. Not called when a host
+     * merely re-asserts what is already active. Returns an unsubscribe function.
+     */
+    subscribe(listener: G9HostListener): () => void;
+    /** Number of mounted hosts. */
+    readonly size: number;
+}
+/** The process-wide host registry (the only mutable module-level state in the library, plan/specs/03 §6). */
+export declare const g9Hosts: G9HostRegistry;
+/**
+ * Registry mutators used by `G9Host` (not exported from the package). `activate` puts a host on top and on screen;
+ * `register` adds it below every on-screen host without displacing one; `markOffScreen` keeps the entry; `remove`
+ * forgets it.
+ */
+export declare const hostRegistry: {
+    activate(host: G9HostHandle): void;
+    register(host: G9HostHandle): void;
+    markOffScreen(host: G9HostHandle): void;
+    remove(host: G9HostHandle): void;
+};
+export {};
+//# sourceMappingURL=registry.d.ts.map

package/dist/host/registry.d.ts.map

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

package/dist/host/registry.jsx

@@ -0,0 +1,93 @@
+import { G9Error } from "@g9tm/lynxcontrols-foundation";
+const slots = [];
+const listeners = new Set();
+function isDescendant(host, ancestor) {
+    for(let p = host.parent; p; p = p.parent)if (p === ancestor) return true;
+    return false;
+}
+function resolve() {
+    var _ref, _ref1;
+    var _onScreen_, _slots_;
+    const onScreen = slots.filter((slot)=>slot.onScreen);
+    let current = null != (_ref = null != (_ref1 = null == (_onScreen_ = onScreen[0]) ? void 0 : _onScreen_.host) ? _ref1 : null == (_slots_ = slots[0]) ? void 0 : _slots_.host) ? _ref : null;
+    if (!current || 0 === onScreen.length) return current;
+    for(;;){
+        const parent = current;
+        const nested = onScreen.find((slot)=>isDescendant(slot.host, parent));
+        if (!nested) return current;
+        current = nested.host;
+    }
+}
+function mutate(change) {
+    const before = resolve();
+    change();
+    const after = resolve();
+    if (before === after) return;
+    let failure = null;
+    for (const listener of Array.from(listeners))if (listeners.has(listener)) try {
+        listener(after);
+    } catch (error) {
+        null != failure || (failure = {
+            error
+        });
+    }
+    if (failure) throw failure.error;
+}
+const indexOf = (host)=>slots.findIndex((slot)=>slot.host === host);
+const g9Hosts = {
+    active: resolve,
+    require () {
+        const host = resolve();
+        if (!host) throw new G9Error('host-missing', "No G9Host is mounted. Wrap the page in <G9Host> inside <G9Provider>; during startup or teardown use g9Hosts.active() and handle null.");
+        return host;
+    },
+    subscribe (listener) {
+        listeners.add(listener);
+        return ()=>{
+            listeners.delete(listener);
+        };
+    },
+    get size () {
+        return slots.length;
+    }
+};
+const hostRegistry = {
+    activate (host) {
+        mutate(()=>{
+            const index = indexOf(host);
+            if (index >= 0) slots.splice(index, 1);
+            slots.unshift({
+                host,
+                onScreen: true
+            });
+        });
+    },
+    register (host) {
+        mutate(()=>{
+            if (indexOf(host) >= 0) return;
+            let index = 0;
+            slots.forEach((slot, i)=>{
+                if (slot.onScreen) index = i + 1;
+            });
+            slots.splice(index, 0, {
+                host,
+                onScreen: false
+            });
+        });
+    },
+    markOffScreen (host) {
+        mutate(()=>{
+            const slot = slots[indexOf(host)];
+            if (slot) slot.onScreen = false;
+        });
+    },
+    remove (host) {
+        mutate(()=>{
+            const index = indexOf(host);
+            if (index >= 0) slots.splice(index, 1);
+        });
+    }
+};
+export { g9Hosts, hostRegistry };
+
+//# sourceMappingURL=registry.jsx.map

package/dist/host/registry.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"host/registry.jsx","sources":["../../src/host/registry.ts"],"sourcesContent":["import type { G9Capabilities } from '@g9tm/lynxcontrols-foundation';\nimport { G9Error } from '@g9tm/lynxcontrols-foundation';\nimport type { G9BackStack } from './back';\nimport type { G9LayerItem, G9LayerStore, G9OverlayLayer } from './layers';\nimport type { G9HostReadiness } from './readiness';\n\n/** Safe-area insets of a host, with the bottom inset that also reserves the page's own tab bar. */\nexport interface G9HostInsets {\n  readonly top: number;\n  readonly end: number;\n  readonly bottom: number;\n  readonly start: number;\n  /** MAUI `BottomSafeAreaWithTabBar`: `bottom` unless the host's `computeBottomSafeAreaWithTabBar` adds a bar. */\n  readonly bottomWithTabBar: number;\n}\n\n/**\n * Feature controllers later packages attach to a host (sheets, popups, toasts). Augment this interface to type them:\n * `declare module '@g9tm/lynxcontrols/host' { interface G9HostFeatures { sheets: G9SheetsController } }`.\n */\n// biome-ignore lint/suspicious/noEmptyInterface: augmentation point for later work packages\nexport interface G9HostFeatures {}\n\n/** A feature key: a declared {@link G9HostFeatures} key, or any string for untyped use. */\nexport type G9HostFeatureKey = keyof G9HostFeatures | (string & {});\ntype FeatureValue<K> = K extends keyof G9HostFeatures ? G9HostFeatures[K] : unknown;\n\n/**\n * One mounted `G9Host`, as code outside the component tree sees it (MAUI `IG9OverlayHost` plus the page's back and\n * readiness): the layers to mount into, the back stack, the insets, the services of its provider.\n */\nexport interface G9HostHandle {\n  /** Unique per mounted host. */\n  readonly id: string;\n  /** The nearest enclosing host, or `null`. */\n  readonly parent: G9HostHandle | null;\n  /** The services of the provider this host lives in. */\n  readonly services: G9Capabilities;\n  /** The overlay layers (MAUI `OverlayLayer` = `sheets`, `ToastLayer` = `feedback`, `DevLayer` = `floating`). */\n  readonly layers: G9LayerStore;\n  /** Shorthand for `layers.register`. */\n  registerLayerItem(layer: G9OverlayLayer, item: G9LayerItem): () => void;\n  /** Shorthand for `layers.remove`. */\n  removeLayerItem(layer: G9OverlayLayer, key: string): boolean;\n  /** The host's back handlers. */\n  readonly back: G9BackStack;\n  /** Current insets (MAUI `Page.TopSafeAreaInset` and friends). */\n  getInsets(): G9HostInsets;\n  /** The page-loading cover and ready signal. */\n  readonly readiness: G9HostReadiness;\n  /** Attaches a feature controller; returns its detach function. Attaching a key twice throws. */\n  attachFeature<K extends G9HostFeatureKey>(key: K, value: FeatureValue<K>): () => void;\n  /** The attached feature, or `undefined`. */\n  getFeature<K extends G9HostFeatureKey>(key: K): FeatureValue<K> | undefined;\n  /** `true` once the host unmounted; a released handle refuses new layer items. */\n  readonly released: boolean;\n  /**\n   * Transforms the page content (the sheets' backdrop-card recede, MAUI `BackdropHost`): `scale` and `translateY`\n   * with a transition of `durationMs`; `null` restores it. The backdrop colour shows around the scaled page.\n   */\n  setContentEffect(effect: G9HostContentEffect | null): void;\n  /** The current content effect (`null` = identity). */\n  getContentEffect(): G9HostContentEffect | null;\n}\n\n/** A transform of the page content (see {@link G9HostHandle.setContentEffect}). */\nexport interface G9HostContentEffect {\n  readonly scale: number;\n  readonly translateY: number;\n  readonly durationMs: number;\n  /** Colour shown around the receded page. */\n  readonly backdropColor?: string;\n}\n\n/** Listener of {@link G9HostRegistry.subscribe}. */\nexport type G9HostListener = (host: G9HostHandle | null) => void;\n\n/**\n * Finds the host for code that is not a component (MAUI `G9OverlayHosts`): view models, services, startup hooks.\n *\n * **Which host is active.** The registry is a most-recent-first stack of mounted hosts. A host is *on screen* while its\n * `active` prop is `true` (the default). The active host is the most recently activated host that is on screen —\n * except that a host never outranks a mounted, on-screen host nested inside it (the nested one is drawn on top of its\n * parent's content). When no host is on screen, the most recently registered one is active (app start, tab switch).\n * Unmounting a host removes it synchronously; the host beneath becomes active again. There is no \"last page\" leak.\n */\nexport interface G9HostRegistry {\n  /** The active host, or `null` (MAUI `TryGetCurrent`): before the first host mounts and after the last unmounts. */\n  active(): G9HostHandle | null;\n  /** The active host, or throws `G9Error('host-missing')` (MAUI `GetCurrent`). For user-gesture code only. */\n  require(): G9HostHandle;\n  /**\n   * Called when the active host changes (MAUI `CurrentChanged`), with the new host or `null`. Not called when a host\n   * merely re-asserts what is already active. Returns an unsubscribe function.\n   */\n  subscribe(listener: G9HostListener): () => void;\n  /** Number of mounted hosts. */\n  readonly size: number;\n}\n\ninterface Slot {\n  readonly host: G9HostHandle;\n  onScreen: boolean;\n}\n\nconst slots: Slot[] = [];\nconst listeners = new Set<G9HostListener>();\n\nfunction isDescendant(host: G9HostHandle, ancestor: G9HostHandle): boolean {\n  for (let p = host.parent; p; p = p.parent) if (p === ancestor) return true;\n  return false;\n}\n\nfunction resolve(): G9HostHandle | null {\n  const onScreen = slots.filter((slot) => slot.onScreen);\n  let current = onScreen[0]?.host ?? slots[0]?.host ?? null;\n  if (!current || onScreen.length === 0) return current;\n  for (;;) {\n    const parent: G9HostHandle = current;\n    const nested = onScreen.find((slot) => isDescendant(slot.host, parent));\n    if (!nested) return current;\n    current = nested.host;\n  }\n}\n\nfunction mutate(change: () => void): void {\n  const before = resolve();\n  change();\n  const after = resolve();\n  if (before === after) return;\n  let failure: { error: unknown } | null = null;\n  for (const listener of Array.from(listeners)) {\n    if (!listeners.has(listener)) continue;\n    try {\n      listener(after);\n    } catch (error) {\n      failure ??= { error };\n    }\n  }\n  if (failure) throw failure.error;\n}\n\nconst indexOf = (host: G9HostHandle) => slots.findIndex((slot) => slot.host === host);\n\n/** The process-wide host registry (the only mutable module-level state in the library, plan/specs/03 §6). */\nexport const g9Hosts: G9HostRegistry = {\n  active: resolve,\n  require() {\n    const host = resolve();\n    if (!host) {\n      throw new G9Error(\n        'host-missing',\n        'No G9Host is mounted. Wrap the page in <G9Host> inside <G9Provider>; during startup or teardown use ' +\n          'g9Hosts.active() and handle null.',\n      );\n    }\n    return host;\n  },\n  subscribe(listener) {\n    listeners.add(listener);\n    return () => {\n      listeners.delete(listener);\n    };\n  },\n  get size() {\n    return slots.length;\n  },\n};\n\n/**\n * Registry mutators used by `G9Host` (not exported from the package). `activate` puts a host on top and on screen;\n * `register` adds it below every on-screen host without displacing one; `markOffScreen` keeps the entry; `remove`\n * forgets it.\n */\nexport const hostRegistry = {\n  activate(host: G9HostHandle): void {\n    mutate(() => {\n      const index = indexOf(host);\n      if (index >= 0) slots.splice(index, 1);\n      slots.unshift({ host, onScreen: true });\n    });\n  },\n  register(host: G9HostHandle): void {\n    mutate(() => {\n      if (indexOf(host) >= 0) return;\n      let index = 0;\n      slots.forEach((slot, i) => {\n        if (slot.onScreen) index = i + 1;\n      });\n      slots.splice(index, 0, { host, onScreen: false });\n    });\n  },\n  markOffScreen(host: G9HostHandle): void {\n    mutate(() => {\n      const slot = slots[indexOf(host)];\n      if (slot) slot.onScreen = false;\n    });\n  },\n  remove(host: G9HostHandle): void {\n    mutate(() => {\n      const index = indexOf(host);\n      if (index >= 0) slots.splice(index, 1);\n    });\n  },\n};\n"],"names":["slots","listeners","Set","isDescendant","host","ancestor","p","resolve","_ref","_slots_","onScreen","slot","current","parent","nested","mutate","change","before","after","failure","listener","Array","error","indexOf","g9Hosts","G9Error","hostRegistry","index","i"],"mappings":";AAyGA,MAAMA,QAAgB,EAAE;AACxB,MAAMC,YAAY,IAAIC;AAEtB,SAASC,aAAaC,IAAkB,EAAEC,QAAsB;IAC9D,IAAK,IAAIC,IAAIF,KAAK,MAAM,EAAEE,GAAGA,IAAIA,EAAE,MAAM,CAAE,IAAIA,MAAMD,UAAU,OAAO;IACtE,OAAO;AACT;AAEA,SAASE;QAEOC,MAAAA;QAAAA,YAAqBC;IADnC,MAAMC,WAAWV,MAAM,MAAM,CAAC,CAACW,OAASA,KAAK,QAAQ;IACrD,IAAIC,UAAU,QAAAJ,CAAAA,OAAAA,QAAAA,CAAAA,QAAAA,QAAAA,CAAAA,aAAAA,QAAQ,CAAC,EAAE,AAAD,IAAVA,KAAAA,IAAAA,WAAa,IAAI,AAAD,IAAC,gBAAIC,CAAAA,UAAAA,KAAK,CAAC,EAAE,AAAD,IAAPA,KAAAA,IAAAA,QAAU,IAAI,AAAD,IAAlCD,OAAuC;IACrD,IAAI,CAACI,WAAWF,AAAoB,MAApBA,SAAS,MAAM,EAAQ,OAAOE;IAC9C,OAAS;QACP,MAAMC,SAAuBD;QAC7B,MAAME,SAASJ,SAAS,IAAI,CAAC,CAACC,OAASR,aAAaQ,KAAK,IAAI,EAAEE;QAC/D,IAAI,CAACC,QAAQ,OAAOF;QACpBA,UAAUE,OAAO,IAAI;IACvB;AACF;AAEA,SAASC,OAAOC,MAAkB;IAChC,MAAMC,SAASV;IACfS;IACA,MAAME,QAAQX;IACd,IAAIU,WAAWC,OAAO;IACtB,IAAIC,UAAqC;IACzC,KAAK,MAAMC,YAAYC,MAAM,IAAI,CAACpB,WAChC,IAAKA,UAAU,GAAG,CAACmB,WACnB,IAAI;QACFA,SAASF;IACX,EAAE,OAAOI,OAAO;QACdH,QAAAA,WAAAA,CAAAA,UAAY;YAAEG;QAAM;IACtB;IAEF,IAAIH,SAAS,MAAMA,QAAQ,KAAK;AAClC;AAEA,MAAMI,UAAU,CAACnB,OAAuBJ,MAAM,SAAS,CAAC,CAACW,OAASA,KAAK,IAAI,KAAKP;AAGzE,MAAMoB,UAA0B;IACrC,QAAQjB;IACR;QACE,MAAMH,OAAOG;QACb,IAAI,CAACH,MACH,MAAM,IAAIqB,QACR,gBACA;QAIJ,OAAOrB;IACT;IACA,WAAUgB,QAAQ;QAChBnB,UAAU,GAAG,CAACmB;QACd,OAAO;YACLnB,UAAU,MAAM,CAACmB;QACnB;IACF;IACA,IAAI;QACF,OAAOpB,MAAM,MAAM;IACrB;AACF;AAOO,MAAM0B,eAAe;IAC1B,UAAStB,IAAkB;QACzBW,OAAO;YACL,MAAMY,QAAQJ,QAAQnB;YACtB,IAAIuB,SAAS,GAAG3B,MAAM,MAAM,CAAC2B,OAAO;YACpC3B,MAAM,OAAO,CAAC;gBAAEI;gBAAM,UAAU;YAAK;QACvC;IACF;IACA,UAASA,IAAkB;QACzBW,OAAO;YACL,IAAIQ,QAAQnB,SAAS,GAAG;YACxB,IAAIuB,QAAQ;YACZ3B,MAAM,OAAO,CAAC,CAACW,MAAMiB;gBACnB,IAAIjB,KAAK,QAAQ,EAAEgB,QAAQC,IAAI;YACjC;YACA5B,MAAM,MAAM,CAAC2B,OAAO,GAAG;gBAAEvB;gBAAM,UAAU;YAAM;QACjD;IACF;IACA,eAAcA,IAAkB;QAC9BW,OAAO;YACL,MAAMJ,OAAOX,KAAK,CAACuB,QAAQnB,MAAM;YACjC,IAAIO,MAAMA,KAAK,QAAQ,GAAG;QAC5B;IACF;IACA,QAAOP,IAAkB;QACvBW,OAAO;YACL,MAAMY,QAAQJ,QAAQnB;YACtB,IAAIuB,SAAS,GAAG3B,MAAM,MAAM,CAAC2B,OAAO;QACtC;IACF;AACF"}

package/dist/icon/icon.css

@@ -0,0 +1,39 @@
+.g9-icon {
+  pointer-events: none;
+  direction: ltr;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.g9-icon__glyph {
+  text-align: center;
+  direction: ltr;
+}
+
+.g9-icon__clip {
+  display: flex;
+  overflow: hidden;
+}
+
+.g9-icon-emoji {
+  text-align: center;
+  pointer-events: none;
+  direction: ltr;
+}
+
+.g9-swatch {
+  pointer-events: none;
+  flex-shrink: 0;
+}
+
+.g9-icon-empty {
+  opacity: 0;
+  pointer-events: none;
+  width: 0;
+  height: 0;
+}
+
+
+/*# sourceMappingURL=icon.css.map */

package/dist/icon/icon.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./src/icon/icon.css"],"names":[],"mappings":"AAIA;EAHE,oBAAoB;EACpB,cAAc;EACd,cAAc;EACd,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;AAMA;EAHE,kBAAkB;EAClB,cAAc;AAChB;;AAMA;EAHE,aAAa;EACb,gBAAgB;AAClB;;AAOA;EAJE,kBAAkB;EAClB,oBAAoB;EACpB,cAAc;AAChB;;AAQA;EALE,oBAAoB;EACpB,cAAc;AAChB;;AAQA;EALE,UAAU;EACV,oBAAoB;EACpB,QAAQ;EACR,SAAS;AACX","sourcesContent":["/*\n * G9Icon: a fixed size box, never a touch target (MAUI G9Controls.md §10b), always left-to-right: an icon is a picture\n * and must render as authored; RTL mirroring is the caller's explicit choice (mirrorInRtl), never inherited.\n */\n.g9-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  direction: ltr;\n  pointer-events: none;\n  flex-shrink: 0;\n}\n\n.g9-icon__glyph {\n  text-align: center;\n  direction: ltr;\n}\n\n.g9-icon__clip {\n  display: flex;\n  overflow: hidden;\n}\n\n/* An emoji slot: no fixed height, an emoji renders taller than its em square (MAUI G9IconFactory.Create). */\n.g9-icon-emoji {\n  text-align: center;\n  direction: ltr;\n  pointer-events: none;\n}\n\n/* G9Swatch: a variety colour circle in an icon slot (MAUI G9Visuals.CreateSwatch); size and fill are inline. */\n.g9-swatch {\n  flex-shrink: 0;\n  pointer-events: none;\n}\n\n.g9-icon-empty {\n  width: 0;\n  height: 0;\n  opacity: 0;\n  pointer-events: none;\n}\n"],"sourceRoot":""}

package/dist/icon/icon.d.ts

@@ -0,0 +1,57 @@
+import { type G9Glyph, type G9Icon as G9IconValue, type G9ImageSource } from '@g9tm/lynxcontrols-foundation';
+import { type ReactNode } from '@lynx-js/react';
+import type { G9ImageRenderer } from '../provider/settings.js';
+import './icon.css';
+/** MAUI `G9IconView.Size` default (20 logical pixels). */
+export declare const g9IconDefaultSize = 20;
+/** MAUI `G9IconView.Color` default (`Colors.Black`). */
+export declare const g9IconDefaultColor = "#000000";
+/**
+ * The bounded cache of rendered glyph SVG documents every `G9Icon` shares (one entry per glyph × colour × weight,
+ * least recently used evicted beyond 256). Exposed for diagnostics and tests; `clear()` is safe at any time.
+ */
+export declare const g9IconSvgCache: import("@g9tm/lynxcontrols-foundation").G9GlyphSvgCache;
+/** What an icon slot accepts: an icon, a built-in glyph name, a registered icon-font name, or nothing. */
+export type G9IconInput = G9IconValue | G9Glyph | string | null | undefined;
+/** Props of {@link G9Icon}. */
+export interface G9IconProps {
+    /**
+     * The icon (MAUI `G9IconView.Icon`): a foundation `G9Icon` value, a `G9Glyph` name, or a name the provider's icon-font registry
+     * resolves (`'MyIcons.Valve'`, `'hour-glass'`; an unknown name throws `icon-unknown`, MAUI's type converter).
+     * Empty draws nothing but keeps the size box.
+     */
+    readonly icon: G9IconInput;
+    /** Box size in logical pixels (MAUI `Size`). Default 20. */
+    readonly size?: number;
+    /**
+     * Colour (MAUI `Color`): any CSS colour, or a theme token (`g9Token('Primary')`, i.e. `var(--g9-primary)`), which
+     * built-in glyphs resolve against the active theme. Default black (MAUI `Colors.Black`).
+     */
+    readonly color?: string;
+    /** Stroke weight of built-in glyphs (MAUI `VectorWeightScale`); font glyphs ignore it. Default 1. */
+    readonly weight?: number;
+    /**
+     * Mirror horizontally in a right-to-left culture. Default `false`: an icon is a picture and renders as authored
+     * (MAUI pins icons left-to-right; the caller picks `chevronBack` vs `chevronForward`). Set it for a directional icon
+     * that has no RTL counterpart.
+     */
+    readonly mirrorInRtl?: boolean;
+    /** Corner radius of image icons (MAUI `G9IconFactory.Create` `imageCornerRadius`). Default 4. */
+    readonly imageCornerRadius?: number;
+    /** Accessibility label; without it the icon is decorative. */
+    readonly accessibilityLabel?: string;
+    readonly className?: string;
+}
+/** The default bitmap renderer (MAUI `G9ImageFactory.DefaultFactory`): `<image>` with aspect fill, or SVG content. */
+export declare function renderDefaultImage(source: G9ImageSource, size: number): ReactNode;
+/** Renders `source` through the provider's `imageRenderer` setting, or the default (MAUI `G9ImageFactory.Create`). */
+export declare function useG9ImageRenderer(): G9ImageRenderer;
+/**
+ * Draws one icon (MAUI `G9IconView` + `G9GlyphDrawable`): a built-in glyph as `<svg content>` (the golden SVG,
+ * coloured and weighted, from a bounded shared cache), a font glyph as `<text>` in its family, an SVG icon as
+ * `<svg content>`, an image through the image renderer. The box is `size` × `size` whatever the kind; the icon is
+ * never a touch target (MAUI §10b). Memoised: a parent re-render with the same props does nothing, a colour change
+ * re-renders once. Needs the `xelement-svg` behaviour on the host for SVG, the host image service for `<image>`.
+ */
+export declare const G9Icon: import("react").NamedExoticComponent<G9IconProps>;
+//# sourceMappingURL=icon.d.ts.map

package/dist/icon/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,OAAO,EAEZ,KAAK,MAAM,IAAI,WAAW,EAC1B,KAAK,aAAa,EAOnB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAA6C,MAAM,gBAAgB,CAAC;AAEjG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,YAAY,CAAC;AAEpB,0DAA0D;AAC1D,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,wDAAwD;AACxD,eAAO,MAAM,kBAAkB,YAAY,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,cAAc,yDAAwB,CAAC;AAEpD,0GAA0G;AAC1G,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAE5E,+BAA+B;AAC/B,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,4DAA4D;IAC5D,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,qGAAqG;IACrG,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,iGAAiG;IACjG,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,8DAA8D;IAC9D,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AA2CD,sHAAsH;AACtH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,CAWjF;AAED,sHAAsH;AACtH,wBAAgB,kBAAkB,IAAI,eAAe,CAEpD;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,mDAwDjB,CAAC"}

package/dist/icon/icon.jsx

@@ -0,0 +1,115 @@
+import { G9Error, createGlyphSvgCache, cssVariableName, fontIconText, isFontIcon, isG9Glyph, isIconEmpty, toIcon } from "@g9tm/lynxcontrols-foundation";
+import { memo, useContext, useMemo, useSyncExternalStore } from "@lynx-js/react";
+import { G9CoreContext, G9CultureContext, G9SettingsContext } from "../provider/contexts.jsx";
+import "./icon.css";
+const g9IconDefaultSize = 20;
+const g9IconDefaultColor = '#000000';
+const g9IconSvgCache = createGlyphSvgCache();
+const TOKEN = /^var\(\s*(--g9-[a-z0-9-]+)\s*\)$/;
+function resolveIcon(input, registry) {
+    if ('string' != typeof input) return toIcon(input);
+    if (isG9Glyph(input)) return toIcon(input);
+    if (!registry) throw new G9Error('icon-unknown', `"${input}" is not a G9Glyph; icon-font names need a G9Provider registry.`);
+    return registry.parse(input);
+}
+function tokenValue(theme, variable) {
+    for (const token of Object.keys(theme.palette))if (cssVariableName(token) === variable) return theme.palette[token];
+}
+const noStore = {
+    subscribe: ()=>()=>{},
+    getSnapshot: ()=>null
+};
+function useResolvedColor(color, store) {
+    var _TOKEN_exec;
+    const variable = null == (_TOKEN_exec = TOKEN.exec(color)) ? void 0 : _TOKEN_exec[1];
+    const source = store && variable ? store : noStore;
+    const resolved = useSyncExternalStore(source.subscribe, ()=>{
+        var _tokenValue;
+        const theme = source.getSnapshot();
+        return theme && variable ? null != (_tokenValue = tokenValue(theme, variable)) ? _tokenValue : null : null;
+    });
+    if (!variable) return color;
+    if (null === resolved) throw new G9Error('icon-color', store ? `${color} is not a G9 theme colour token.` : `${color} needs a G9Provider theme to resolve.`);
+    return resolved;
+}
+function renderDefaultImage(source, size) {
+    const style = {
+        width: `${size}px`,
+        height: `${size}px`
+    };
+    if ('svg' in source) return <svg className="g9-icon__image" content={source.svg} style={style}/>;
+    return <image className="g9-icon__image" src={'uri' in source ? source.uri : source.asset} mode="aspectFill" style={style}/>;
+}
+function useG9ImageRenderer() {
+    var _ref;
+    var _useContext;
+    return null != (_ref = null == (_useContext = useContext(G9SettingsContext)) ? void 0 : _useContext.imageRenderer) ? _ref : renderDefaultImage;
+}
+const icon_G9Icon = memo(function(props) {
+    var _props_size, _props_weight, _props_color;
+    const core = useContext(G9CoreContext);
+    const settings = useContext(G9SettingsContext);
+    const culture = useContext(G9CultureContext);
+    const renderImage = useG9ImageRenderer();
+    const size = null != (_props_size = props.size) ? _props_size : g9IconDefaultSize;
+    const weight = null != (_props_weight = props.weight) ? _props_weight : 1;
+    const rawColor = null != (_props_color = props.color) ? _props_color : g9IconDefaultColor;
+    const icon = useMemo(()=>resolveIcon(props.icon, null == settings ? void 0 : settings.iconFonts), [
+        props.icon,
+        null == settings ? void 0 : settings.iconFonts
+    ]);
+    const glyph = icon && 'glyph' in icon ? icon.glyph : void 0;
+    const color = useResolvedColor(glyph ? rawColor : '', null == core ? void 0 : core.themeStore);
+    const svg1 = useMemo(()=>glyph && 'none' !== glyph ? g9IconSvgCache.svg(glyph, color, weight) : void 0, [
+        glyph,
+        color,
+        weight
+    ]);
+    const mirrored = true === props.mirrorInRtl && (null == culture ? void 0 : culture.culture.direction) === 'rtl';
+    const box = {
+        width: `${size}px`,
+        height: `${size}px`,
+        ...mirrored ? {
+            transform: 'scaleX(-1)'
+        } : {}
+    };
+    const a11y = props.accessibilityLabel ? {
+        'accessibility-element': true,
+        'accessibility-label': props.accessibilityLabel
+    } : {
+        'accessibility-element': false
+    };
+    const className = `g9-icon${props.className ? ` ${props.className}` : ''}`;
+    let content = null;
+    if (void 0 !== svg1) content = <svg className="g9-icon__svg" content={svg1} style={{
+        width: `${size}px`,
+        height: `${size}px`
+    }}/>;
+    else if (icon && !isIconEmpty(icon)) if (isFontIcon(icon)) content = <text className="g9-icon__glyph" style={{
+        fontFamily: icon.font,
+        fontSize: `${size}px`,
+        lineHeight: `${size}px`,
+        color: rawColor
+    }}>
+          {fontIconText(icon)}
+        </text>;
+    else if ('svg' in icon) content = <svg className="g9-icon__svg" content={icon.svg} style={{
+        width: `${size}px`,
+        height: `${size}px`
+    }}/>;
+    else {
+        var _props_imageCornerRadius;
+        const radius = null != (_props_imageCornerRadius = props.imageCornerRadius) ? _props_imageCornerRadius : 4;
+        content = <view className="g9-icon__clip" style={{
+            borderRadius: `${radius}px`
+        }}>
+          {renderImage(icon.image, size)}
+        </view>;
+    }
+    return <view className={className} style={box} {...a11y}>
+      {content}
+    </view>;
+});
+export { g9IconDefaultColor, g9IconDefaultSize, g9IconSvgCache, icon_G9Icon as G9Icon, renderDefaultImage, useG9ImageRenderer };
+
+//# sourceMappingURL=icon.jsx.map

package/dist/icon/icon.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon/icon.jsx","sources":["../../src/icon/icon.tsx"],"sourcesContent":["import {\n  createGlyphSvgCache,\n  cssVariableName,\n  fontIconText,\n  type G9ColorToken,\n  G9Error,\n  type G9Glyph,\n  type G9IconFontRegistry,\n  type G9Icon as G9IconValue,\n  type G9ImageSource,\n  type G9ResolvedTheme,\n  type G9ThemeStore,\n  isFontIcon,\n  isG9Glyph,\n  isIconEmpty,\n  toIcon,\n} from '@g9tm/lynxcontrols-foundation';\nimport { memo, type ReactNode, useContext, useMemo, useSyncExternalStore } from '@lynx-js/react';\nimport { G9CoreContext, G9CultureContext, G9SettingsContext } from '../provider/contexts';\nimport type { G9ImageRenderer } from '../provider/settings';\nimport './icon.css';\n\n/** MAUI `G9IconView.Size` default (20 logical pixels). */\nexport const g9IconDefaultSize = 20;\n/** MAUI `G9IconView.Color` default (`Colors.Black`). */\nexport const g9IconDefaultColor = '#000000';\n\n/**\n * The bounded cache of rendered glyph SVG documents every `G9Icon` shares (one entry per glyph × colour × weight,\n * least recently used evicted beyond 256). Exposed for diagnostics and tests; `clear()` is safe at any time.\n */\nexport const g9IconSvgCache = createGlyphSvgCache();\n\n/** What an icon slot accepts: an icon, a built-in glyph name, a registered icon-font name, or nothing. */\nexport type G9IconInput = G9IconValue | G9Glyph | string | null | undefined;\n\n/** Props of {@link G9Icon}. */\nexport interface G9IconProps {\n  /**\n   * The icon (MAUI `G9IconView.Icon`): a foundation `G9Icon` value, a `G9Glyph` name, or a name the provider's icon-font registry\n   * resolves (`'MyIcons.Valve'`, `'hour-glass'`; an unknown name throws `icon-unknown`, MAUI's type converter).\n   * Empty draws nothing but keeps the size box.\n   */\n  readonly icon: G9IconInput;\n  /** Box size in logical pixels (MAUI `Size`). Default 20. */\n  readonly size?: number;\n  /**\n   * Colour (MAUI `Color`): any CSS colour, or a theme token (`g9Token('Primary')`, i.e. `var(--g9-primary)`), which\n   * built-in glyphs resolve against the active theme. Default black (MAUI `Colors.Black`).\n   */\n  readonly color?: string;\n  /** Stroke weight of built-in glyphs (MAUI `VectorWeightScale`); font glyphs ignore it. Default 1. */\n  readonly weight?: number;\n  /**\n   * Mirror horizontally in a right-to-left culture. Default `false`: an icon is a picture and renders as authored\n   * (MAUI pins icons left-to-right; the caller picks `chevronBack` vs `chevronForward`). Set it for a directional icon\n   * that has no RTL counterpart.\n   */\n  readonly mirrorInRtl?: boolean;\n  /** Corner radius of image icons (MAUI `G9IconFactory.Create` `imageCornerRadius`). Default 4. */\n  readonly imageCornerRadius?: number;\n  /** Accessibility label; without it the icon is decorative. */\n  readonly accessibilityLabel?: string;\n  readonly className?: string;\n}\n\nconst TOKEN = /^var\\(\\s*(--g9-[a-z0-9-]+)\\s*\\)$/;\n\nfunction resolveIcon(input: G9IconInput, registry: G9IconFontRegistry | undefined): G9IconValue | null {\n  if (typeof input !== 'string') return toIcon(input);\n  if (isG9Glyph(input)) return toIcon(input);\n  if (!registry) {\n    throw new G9Error('icon-unknown', `\"${input}\" is not a G9Glyph; icon-font names need a G9Provider registry.`);\n  }\n  return registry.parse(input);\n}\n\nfunction tokenValue(theme: G9ResolvedTheme, variable: string): string | undefined {\n  for (const token of Object.keys(theme.palette) as G9ColorToken[]) {\n    if (cssVariableName(token) === variable) return theme.palette[token];\n  }\n  return undefined;\n}\n\nconst noStore = {\n  subscribe: () => () => {},\n  getSnapshot: () => null,\n};\n\n/** A theme-token colour resolved to its current value (glyph SVG cannot read CSS variables); re-renders on change only. */\nfunction useResolvedColor(color: string, store: G9ThemeStore | undefined): string {\n  const variable = TOKEN.exec(color)?.[1];\n  const source = store && variable ? store : noStore;\n  const resolved = useSyncExternalStore(source.subscribe, () => {\n    const theme = source.getSnapshot();\n    return theme && variable ? (tokenValue(theme, variable) ?? null) : null;\n  });\n  if (!variable) return color;\n  if (resolved === null) {\n    throw new G9Error(\n      'icon-color',\n      store ? `${color} is not a G9 theme colour token.` : `${color} needs a G9Provider theme to resolve.`,\n    );\n  }\n  return resolved;\n}\n\n/** The default bitmap renderer (MAUI `G9ImageFactory.DefaultFactory`): `<image>` with aspect fill, or SVG content. */\nexport function renderDefaultImage(source: G9ImageSource, size: number): ReactNode {\n  const style = { width: `${size}px`, height: `${size}px` };\n  if ('svg' in source) return <svg className=\"g9-icon__image\" content={source.svg} style={style} />;\n  return (\n    <image\n      className=\"g9-icon__image\"\n      src={'uri' in source ? source.uri : source.asset}\n      mode=\"aspectFill\"\n      style={style}\n    />\n  );\n}\n\n/** Renders `source` through the provider's `imageRenderer` setting, or the default (MAUI `G9ImageFactory.Create`). */\nexport function useG9ImageRenderer(): G9ImageRenderer {\n  return useContext(G9SettingsContext)?.imageRenderer ?? renderDefaultImage;\n}\n\n/**\n * Draws one icon (MAUI `G9IconView` + `G9GlyphDrawable`): a built-in glyph as `<svg content>` (the golden SVG,\n * coloured and weighted, from a bounded shared cache), a font glyph as `<text>` in its family, an SVG icon as\n * `<svg content>`, an image through the image renderer. The box is `size` × `size` whatever the kind; the icon is\n * never a touch target (MAUI §10b). Memoised: a parent re-render with the same props does nothing, a colour change\n * re-renders once. Needs the `xelement-svg` behaviour on the host for SVG, the host image service for `<image>`.\n */\nexport const G9Icon = memo(function G9Icon(props: G9IconProps): ReactNode {\n  const core = useContext(G9CoreContext);\n  const settings = useContext(G9SettingsContext);\n  const culture = useContext(G9CultureContext);\n  const renderImage = useG9ImageRenderer();\n  const size = props.size ?? g9IconDefaultSize;\n  const weight = props.weight ?? 1;\n  const rawColor = props.color ?? g9IconDefaultColor;\n  const icon = useMemo(() => resolveIcon(props.icon, settings?.iconFonts), [props.icon, settings?.iconFonts]);\n  const glyph = icon && 'glyph' in icon ? icon.glyph : undefined;\n  const color = useResolvedColor(glyph ? rawColor : '', core?.themeStore);\n  const svg = useMemo(\n    () => (glyph && glyph !== 'none' ? g9IconSvgCache.svg(glyph, color, weight) : undefined),\n    [glyph, color, weight],\n  );\n\n  const mirrored = props.mirrorInRtl === true && culture?.culture.direction === 'rtl';\n  const box = {\n    width: `${size}px`,\n    height: `${size}px`,\n    ...(mirrored ? { transform: 'scaleX(-1)' } : {}),\n  };\n  const a11y = props.accessibilityLabel\n    ? { 'accessibility-element': true, 'accessibility-label': props.accessibilityLabel }\n    : { 'accessibility-element': false };\n  const className = `g9-icon${props.className ? ` ${props.className}` : ''}`;\n\n  let content: ReactNode = null;\n  if (svg !== undefined) {\n    content = <svg className=\"g9-icon__svg\" content={svg} style={{ width: `${size}px`, height: `${size}px` }} />;\n  } else if (icon && !isIconEmpty(icon)) {\n    if (isFontIcon(icon)) {\n      content = (\n        <text\n          className=\"g9-icon__glyph\"\n          style={{ fontFamily: icon.font, fontSize: `${size}px`, lineHeight: `${size}px`, color: rawColor }}\n        >\n          {fontIconText(icon)}\n        </text>\n      );\n    } else if ('svg' in icon) {\n      content = <svg className=\"g9-icon__svg\" content={icon.svg} style={{ width: `${size}px`, height: `${size}px` }} />;\n    } else {\n      const radius = props.imageCornerRadius ?? 4;\n      content = (\n        <view className=\"g9-icon__clip\" style={{ borderRadius: `${radius}px` }}>\n          {renderImage(icon.image, size)}\n        </view>\n      );\n    }\n  }\n  return (\n    <view className={className} style={box} {...a11y}>\n      {content}\n    </view>\n  );\n});\n"],"names":["g9IconDefaultSize","g9IconDefaultColor","g9IconSvgCache","createGlyphSvgCache","TOKEN","resolveIcon","input","registry","toIcon","isG9Glyph","G9Error","tokenValue","theme","variable","token","Object","cssVariableName","noStore","useResolvedColor","color","store","_TOKEN_exec","source","resolved","useSyncExternalStore","_tokenValue","renderDefaultImage","size","style","svg","image","useG9ImageRenderer","_useContext","G9SettingsContext","G9Icon","memo","props","_props_size","_props_weight","_props_color","core","useContext","G9CoreContext","settings","culture","G9CultureContext","renderImage","weight","rawColor","icon","useMemo","glyph","undefined","svg1","mirrored","box","a11y","className","content","isIconEmpty","isFontIcon","text","fontIconText","_props_imageCornerRadius","radius","view"],"mappings":"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"}

package/dist/icon/index.d.ts

@@ -0,0 +1,4 @@
+export { G9Icon, type G9IconInput, type G9IconProps, g9IconDefaultColor, g9IconDefaultSize, g9IconSvgCache, renderDefaultImage, useG9ImageRenderer, } from './icon.js';
+export { G9IconSlot, type G9IconSlotInput, type G9IconSlotProps, hasIconSlot, iconSlotSignature, resolveIconImageSource, } from './slot.js';
+export { G9Swatch, type G9SwatchProps, g9SwatchDefaultSize } from './swatch.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icon/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,QAAQ,CAAC;AAChB,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,WAAW,EACX,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC"}

package/dist/icon/index.jsx

@@ -0,0 +1,3 @@
+export { G9Icon, g9IconDefaultColor, g9IconDefaultSize, g9IconSvgCache, renderDefaultImage, useG9ImageRenderer } from "./icon.jsx";
+export { G9IconSlot, hasIconSlot, iconSlotSignature, resolveIconImageSource } from "./slot.jsx";
+export { G9Swatch, g9SwatchDefaultSize } from "./swatch.jsx";

package/dist/icon/slot.d.ts

@@ -0,0 +1,45 @@
+import { type G9ImageSource } from '@g9tm/lynxcontrols-foundation';
+import type { ReactNode } from '@lynx-js/react';
+import { type G9IconInput } from './icon.js';
+/**
+ * The four ways a control's icon slot can be filled (MAUI `G9IconFactory` arguments). Precedence when several are set:
+ * emoji → icon → image path → image source; set only one.
+ */
+export interface G9IconSlotInput {
+    /** Emoji text drawn as text. */
+    readonly emoji?: string | null | undefined;
+    /** An icon (or glyph / icon-font name). */
+    readonly icon?: G9IconInput | undefined;
+    /** An image path: `http(s)://…` becomes `{ uri }`, anything else a bundled `{ asset }` (MAUI `FromUri` / `FromFile`). */
+    readonly imagePath?: string | null | undefined;
+    /** An image source. */
+    readonly image?: G9ImageSource | null | undefined;
+}
+/** `true` when any of the four inputs is set (MAUI `G9IconFactory.HasIcon`). */
+export declare function hasIconSlot(slot: G9IconSlotInput): boolean;
+/** The image a path-or-source pair stands for (MAUI `G9IconFactory.ResolveImageSource`): the source wins. */
+export declare function resolveIconImageSource(path: string | null | undefined, source: G9ImageSource | null | undefined): G9ImageSource | null;
+/**
+ * A stable identity of the slot's content (MAUI `G9IconFactory.Signature`): `e:<emoji>`, `i:<icon signature>`,
+ * `p:<path>`, `s:<kind>:<ref>`, or `''`. Use it as a React key or a memo dependency so the slot is rebuilt only when
+ * what it shows changes. Unlike MAUI (a hash code for image sources) it is deterministic.
+ */
+export declare function iconSlotSignature(slot: G9IconSlotInput): string;
+/** Props of {@link G9IconSlot}. */
+export interface G9IconSlotProps extends G9IconSlotInput {
+    /** Icon / emoji colour. Default black. */
+    readonly color?: string;
+    /** Box size. Default 20. */
+    readonly size?: number;
+    /** Image corner radius. Default 4. */
+    readonly imageCornerRadius?: number;
+    /** Stroke weight of built-in glyphs. Default 1. */
+    readonly weight?: number;
+}
+/**
+ * Renders one icon slot (MAUI `G9IconFactory.Create`): an emoji as text (no fixed height, an emoji renders taller than
+ * its em square), an icon as `G9Icon`, an image through the provider's image renderer in a rounded clip, or a
+ * zero-size invisible element when the slot is empty, so callers mount it unconditionally.
+ */
+export declare function G9IconSlot(props: G9IconSlotProps): ReactNode;
+//# sourceMappingURL=slot.d.ts.map

package/dist/icon/slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/icon/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAA8B,MAAM,+BAA+B,CAAC;AAC/F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAU,KAAK,WAAW,EAA6D,MAAM,QAAQ,CAAC;AAE7G;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,gCAAgC;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,2CAA2C;IAC3C,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACxC,yHAAyH;IACzH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/C,uBAAuB;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;CACnD;AASD,gFAAgF;AAChF,wBAAgB,WAAW,CAAC,IAAI,EAAE,eAAe,GAAG,OAAO,CAE1D;AAED,6GAA6G;AAC7G,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAC/B,MAAM,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,GACvC,aAAa,GAAG,IAAI,CAKtB;AAOD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAO/D;AAED,mCAAmC;AACnC,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,0CAA0C;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,mDAAmD;IACnD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,CA0B5D"}

package/dist/icon/slot.jsx

@@ -0,0 +1,61 @@
+import { iconSignature, isIconEmpty } from "@g9tm/lynxcontrols-foundation";
+import { G9Icon, g9IconDefaultColor, g9IconDefaultSize, useG9ImageRenderer } from "./icon.jsx";
+const isBlank = (value)=>null == value || '' === value.trim();
+function hasIconValue(icon) {
+    if ('string' == typeof icon) return '' !== icon.trim() && 'none' !== icon;
+    return !isIconEmpty(icon);
+}
+function hasIconSlot(slot) {
+    return !isBlank(slot.emoji) || hasIconValue(slot.icon) || !isBlank(slot.imagePath) || null != slot.image;
+}
+function resolveIconImageSource(path, source) {
+    if (null != source) return source;
+    if (isBlank(path)) return null;
+    const trimmed = path.trim();
+    return /^https?:\/\//i.test(trimmed) ? {
+        uri: trimmed
+    } : {
+        asset: trimmed
+    };
+}
+function imageSignature(image) {
+    const [kind, ref] = Object.entries(image)[0];
+    return `${kind}:${ref}`;
+}
+function iconSlotSignature(slot) {
+    if (!isBlank(slot.emoji)) return `e:${slot.emoji}`;
+    if (hasIconValue(slot.icon)) return `i:${'string' == typeof slot.icon ? slot.icon : iconSignature(slot.icon)}`;
+    if (!isBlank(slot.imagePath)) return `p:${slot.imagePath}`;
+    return null != slot.image ? `s:${imageSignature(slot.image)}` : '';
+}
+function G9IconSlot(props) {
+    var _props_size, _props_color;
+    const renderImage = useG9ImageRenderer();
+    const size = null != (_props_size = props.size) ? _props_size : g9IconDefaultSize;
+    const color = null != (_props_color = props.color) ? _props_color : g9IconDefaultColor;
+    if (!isBlank(props.emoji)) return <text className="g9-icon-emoji" style={{
+        fontSize: `${size}px`,
+        width: `${size}px`,
+        color
+    }}>
+        {props.emoji}
+      </text>;
+    if (hasIconValue(props.icon)) return <G9Icon icon={props.icon} size={size} color={color} {...props.weight ? {
+        weight: props.weight
+    } : {}}/>;
+    const image = resolveIconImageSource(props.imagePath, props.image);
+    if (image) {
+        var _props_imageCornerRadius;
+        return <view className="g9-icon g9-icon__clip" style={{
+            width: `${size}px`,
+            height: `${size}px`,
+            borderRadius: `${null != (_props_imageCornerRadius = props.imageCornerRadius) ? _props_imageCornerRadius : 4}px`
+        }}>
+        {renderImage(image, size)}
+      </view>;
+    }
+    return <view className="g9-icon-empty"/>;
+}
+export { G9IconSlot, hasIconSlot, iconSlotSignature, resolveIconImageSource };
+
+//# sourceMappingURL=slot.jsx.map

package/dist/icon/slot.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon/slot.jsx","sources":["../../src/icon/slot.tsx"],"sourcesContent":["import { type G9ImageSource, iconSignature, isIconEmpty } from '@g9tm/lynxcontrols-foundation';\nimport type { ReactNode } from '@lynx-js/react';\nimport { G9Icon, type G9IconInput, g9IconDefaultColor, g9IconDefaultSize, useG9ImageRenderer } from './icon';\n\n/**\n * The four ways a control's icon slot can be filled (MAUI `G9IconFactory` arguments). Precedence when several are set:\n * emoji → icon → image path → image source; set only one.\n */\nexport interface G9IconSlotInput {\n  /** Emoji text drawn as text. */\n  readonly emoji?: string | null | undefined;\n  /** An icon (or glyph / icon-font name). */\n  readonly icon?: G9IconInput | undefined;\n  /** An image path: `http(s)://…` becomes `{ uri }`, anything else a bundled `{ asset }` (MAUI `FromUri` / `FromFile`). */\n  readonly imagePath?: string | null | undefined;\n  /** An image source. */\n  readonly image?: G9ImageSource | null | undefined;\n}\n\nconst isBlank = (value: string | null | undefined): boolean => value == null || value.trim() === '';\n\nfunction hasIconValue(icon: G9IconInput): boolean {\n  if (typeof icon === 'string') return icon.trim() !== '' && icon !== 'none';\n  return !isIconEmpty(icon);\n}\n\n/** `true` when any of the four inputs is set (MAUI `G9IconFactory.HasIcon`). */\nexport function hasIconSlot(slot: G9IconSlotInput): boolean {\n  return !isBlank(slot.emoji) || hasIconValue(slot.icon) || !isBlank(slot.imagePath) || slot.image != null;\n}\n\n/** The image a path-or-source pair stands for (MAUI `G9IconFactory.ResolveImageSource`): the source wins. */\nexport function resolveIconImageSource(\n  path: string | null | undefined,\n  source: G9ImageSource | null | undefined,\n): G9ImageSource | null {\n  if (source != null) return source;\n  if (isBlank(path)) return null;\n  const trimmed = (path as string).trim();\n  return /^https?:\\/\\//i.test(trimmed) ? { uri: trimmed } : { asset: trimmed };\n}\n\nfunction imageSignature(image: G9ImageSource): string {\n  const [kind, ref] = Object.entries(image)[0] as [string, string];\n  return `${kind}:${ref}`;\n}\n\n/**\n * A stable identity of the slot's content (MAUI `G9IconFactory.Signature`): `e:<emoji>`, `i:<icon signature>`,\n * `p:<path>`, `s:<kind>:<ref>`, or `''`. Use it as a React key or a memo dependency so the slot is rebuilt only when\n * what it shows changes. Unlike MAUI (a hash code for image sources) it is deterministic.\n */\nexport function iconSlotSignature(slot: G9IconSlotInput): string {\n  if (!isBlank(slot.emoji)) return `e:${slot.emoji}`;\n  if (hasIconValue(slot.icon)) {\n    return `i:${typeof slot.icon === 'string' ? slot.icon : iconSignature(slot.icon)}`;\n  }\n  if (!isBlank(slot.imagePath)) return `p:${slot.imagePath}`;\n  return slot.image != null ? `s:${imageSignature(slot.image)}` : '';\n}\n\n/** Props of {@link G9IconSlot}. */\nexport interface G9IconSlotProps extends G9IconSlotInput {\n  /** Icon / emoji colour. Default black. */\n  readonly color?: string;\n  /** Box size. Default 20. */\n  readonly size?: number;\n  /** Image corner radius. Default 4. */\n  readonly imageCornerRadius?: number;\n  /** Stroke weight of built-in glyphs. Default 1. */\n  readonly weight?: number;\n}\n\n/**\n * Renders one icon slot (MAUI `G9IconFactory.Create`): an emoji as text (no fixed height, an emoji renders taller than\n * its em square), an icon as `G9Icon`, an image through the provider's image renderer in a rounded clip, or a\n * zero-size invisible element when the slot is empty, so callers mount it unconditionally.\n */\nexport function G9IconSlot(props: G9IconSlotProps): ReactNode {\n  const renderImage = useG9ImageRenderer();\n  const size = props.size ?? g9IconDefaultSize;\n  const color = props.color ?? g9IconDefaultColor;\n  if (!isBlank(props.emoji)) {\n    return (\n      <text className=\"g9-icon-emoji\" style={{ fontSize: `${size}px`, width: `${size}px`, color }}>\n        {props.emoji}\n      </text>\n    );\n  }\n  if (hasIconValue(props.icon)) {\n    return <G9Icon icon={props.icon} size={size} color={color} {...(props.weight ? { weight: props.weight } : {})} />;\n  }\n  const image = resolveIconImageSource(props.imagePath, props.image);\n  if (image) {\n    return (\n      <view\n        className=\"g9-icon g9-icon__clip\"\n        style={{ width: `${size}px`, height: `${size}px`, borderRadius: `${props.imageCornerRadius ?? 4}px` }}\n      >\n        {renderImage(image, size)}\n      </view>\n    );\n  }\n  return <view className=\"g9-icon-empty\" />;\n}\n"],"names":["isBlank","value","hasIconValue","icon","isIconEmpty","hasIconSlot","slot","resolveIconImageSource","path","source","trimmed","imageSignature","image","kind","ref","Object","iconSlotSignature","iconSignature","G9IconSlot","props","_props_size","_props_color","renderImage","useG9ImageRenderer","size","g9IconDefaultSize","color","g9IconDefaultColor","text","G9Icon","_props_imageCornerRadius","view"],"mappings":";;AAmBA,MAAMA,UAAU,CAACC,QAA8CA,AAAS,QAATA,SAAiBA,AAAiB,OAAjBA,MAAM,IAAI;AAE1F,SAASC,aAAaC,IAAiB;IACrC,IAAI,AAAgB,YAAhB,OAAOA,MAAmB,OAAOA,AAAgB,OAAhBA,KAAK,IAAI,MAAaA,AAAS,WAATA;IAC3D,OAAO,CAACC,YAAYD;AACtB;AAGO,SAASE,YAAYC,IAAqB;IAC/C,OAAO,CAACN,QAAQM,KAAK,KAAK,KAAKJ,aAAaI,KAAK,IAAI,KAAK,CAACN,QAAQM,KAAK,SAAS,KAAKA,AAAc,QAAdA,KAAK,KAAK;AAClG;AAGO,SAASC,uBACdC,IAA+B,EAC/BC,MAAwC;IAExC,IAAIA,AAAU,QAAVA,QAAgB,OAAOA;IAC3B,IAAIT,QAAQQ,OAAO,OAAO;IAC1B,MAAME,UAAWF,KAAgB,IAAI;IACrC,OAAO,gBAAgB,IAAI,CAACE,WAAW;QAAE,KAAKA;IAAQ,IAAI;QAAE,OAAOA;IAAQ;AAC7E;AAEA,SAASC,eAAeC,KAAoB;IAC1C,MAAM,CAACC,MAAMC,IAAI,GAAGC,OAAO,OAAO,CAACH,MAAM,CAAC,EAAE;IAC5C,OAAO,GAAGC,KAAK,CAAC,EAAEC,KAAK;AACzB;AAOO,SAASE,kBAAkBV,IAAqB;IACrD,IAAI,CAACN,QAAQM,KAAK,KAAK,GAAG,OAAO,CAAC,EAAE,EAAEA,KAAK,KAAK,EAAE;IAClD,IAAIJ,aAAaI,KAAK,IAAI,GACxB,OAAO,CAAC,EAAE,EAAE,AAAqB,YAArB,OAAOA,KAAK,IAAI,GAAgBA,KAAK,IAAI,GAAGW,cAAcX,KAAK,IAAI,GAAG;IAEpF,IAAI,CAACN,QAAQM,KAAK,SAAS,GAAG,OAAO,CAAC,EAAE,EAAEA,KAAK,SAAS,EAAE;IAC1D,OAAOA,AAAc,QAAdA,KAAK,KAAK,GAAW,CAAC,EAAE,EAAEK,eAAeL,KAAK,KAAK,GAAG,GAAG;AAClE;AAmBO,SAASY,WAAWC,KAAsB;QAElCC,aACCC;IAFd,MAAMC,cAAcC;IACpB,MAAMC,OAAO,QAAAJ,CAAAA,cAAAA,MAAM,IAAI,AAAD,IAATA,cAAcK;IAC3B,MAAMC,QAAQ,QAAAL,CAAAA,eAAAA,MAAM,KAAK,AAAD,IAAVA,eAAeM;IAC7B,IAAI,CAAC3B,QAAQmB,MAAM,KAAK,GACtB,QACGS,KAAK,UAAU,gBAAgB,OAAO;QAAE,UAAU,GAAGJ,KAAK,EAAE,CAAC;QAAE,OAAO,GAAGA,KAAK,EAAE,CAAC;QAAEE;IAAM,GAAG;QAC3F,CAACP,MAAM,KAAK,CAAC;MACf,EAAES;IAGN,IAAI1B,aAAaiB,MAAM,IAAI,GACzB,QAAQU,OAAO,MAAMV,MAAM,IAAI,EAAE,MAAMK,MAAM,OAAOE,QAAQ,GAAIP,MAAM,MAAM,GAAG;QAAE,QAAQA,MAAM,MAAM;IAAC,IAAI,CAAC,CAAC;IAE9G,MAAMP,QAAQL,uBAAuBY,MAAM,SAAS,EAAEA,MAAM,KAAK;IACjE,IAAIP,OAAO;YAI8DkB;QAHvE,QACGC,KACC,UAAU,wBACV,OAAO;YAAE,OAAO,GAAGP,KAAK,EAAE,CAAC;YAAE,QAAQ,GAAGA,KAAK,EAAE,CAAC;YAAE,cAAc,GAAG,QAAAM,CAAAA,2BAAAA,MAAM,iBAAiB,AAAD,IAAtBA,2BAA2B,EAAE,EAAE,CAAC;QAAC,GACrG;QACC,CAACR,YAAYV,OAAOY,MAAM;MAC5B,EAAEO;IAEN;IACA,QAAQA,KAAK,UAAU;AACzB"}