@zeyos/zx 3.0.0 → 4.1.0

package/src/components/tag-picker/tag-picker.css

@@ -47,6 +47,22 @@
   line-height: 1.5;
 }
 
+.zx-tag-picker__tag[data-colored="true"] {
+  border-color: color-mix(in srgb, var(--zx-tag-color) 48%, var(--zx-color-border));
+  background: color-mix(in srgb, var(--zx-tag-color) 14%, var(--zx-color-bg-muted));
+}
+
+.zx-tag-picker__visual {
+  display: inline-grid;
+  place-items: center;
+  flex: none;
+  inline-size: 18px;
+  block-size: 18px;
+  border-radius: var(--zx-radius-sm);
+  background: color-mix(in srgb, var(--zx-tag-color, var(--zx-color-accent)) 16%, transparent);
+  color: var(--zx-tag-color, var(--zx-color-accent));
+}
+
 .zx-tag-picker__tag:not(:has(.zx-tag-picker__remove)) {
   padding-inline-end: var(--zx-space-2);
 }
@@ -152,6 +168,9 @@
 }
 
 .zx-tag-picker__option-label {
+  display: flex;
+  align-items: center;
+  gap: var(--zx-space-2);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

package/src/components/tag-picker/tag-picker.js

@@ -2,7 +2,7 @@ import { Component } from '../../core/component.js';
 import { h, restoreTarget, snapshotTarget } from '../../core/dom.js';
 import { icon } from '../../core/icons.js';
 import { position } from '../../core/position.js';
-import { uid } from '../../core/util.js';
+import { isCssColor, uid } from '../../core/util.js';
 import { matchItems } from '../select/filter.js';
 
 /** @typedef {Record<string, any>|string|number} TagItem */
@@ -14,6 +14,8 @@ import { matchItems } from '../select/filter.js';
  * @property {unknown[]} [values=[]] Initially selected IDs.
  * @property {TagValueReader} [valueKey='ID'] Item ID property or reader.
  * @property {TagLabelReader} [labelKey='name'] Item label property or reader.
+ * @property {TagValueReader} [iconKey='icon'] Optional item icon property or reader.
+ * @property {TagValueReader} [colorKey='color'] Optional item colour property or reader.
  * @property {Array<TagValueReader>|null} [searchKeys=null] Fields searched by local filtering.
  * @property {'local'|((query: string) => Promise<TagItem[]>|TagItem[])} [filter='local'] Filtering mode.
  * @property {number} [minQuery=0] Minimum async query length.
@@ -65,6 +67,8 @@ export class TagPicker extends Component {
     values: [],
     valueKey: 'ID',
     labelKey: 'name',
+    iconKey: 'icon',
+    colorKey: 'color',
     searchKeys: null,
     filter: 'local',
     minQuery: 0,
@@ -411,9 +415,14 @@ export class TagPicker extends Component {
   _renderTags() {
     const tags = this._selected.map((item) => {
       const label = this._labelOf(item);
-      const content = this.options.renderTag ? this.options.renderTag(item) : label;
-      const tag = h('span', { class: 'zx-tag-picker__tag' },
-        h('span', { class: 'zx-tag-picker__tag-label' }, content));
+      const color = this._colorOf(item);
+      const content = this.options.renderTag ? this.options.renderTag(item)
+        : [this._iconOf(item), h('span', { class: 'zx-tag-picker__tag-label' }, label)];
+      const tag = h('span', {
+        class: 'zx-tag-picker__tag',
+        dataset: { colored: String(Boolean(color)) },
+        style: color ? { '--zx-tag-color': color } : null
+      }, content);
       if (!this._readonly && !this._disabled) {
         tag.append(h('button', {
           class: 'zx-icon-btn zx-tag-picker__remove',
@@ -446,7 +455,8 @@ export class TagPicker extends Component {
       h('span', { class: 'zx-tag-picker__check', ariaHidden: 'true' },
         selected ? icon('check', { size: 13 }) : null),
       h('span', { class: 'zx-tag-picker__option-label' },
-        this.options.renderItem ? this.options.renderItem(item) : this._labelOf(item)));
+        this.options.renderItem ? this.options.renderItem(item)
+          : [this._iconOf(item), h('span', {}, this._labelOf(item))]));
       if (!selected && this.isFull()) option.setAttribute('aria-disabled', 'true');
       this._entries.push({ item, element: option, create: false });
       nodes.push(option);
@@ -773,6 +783,33 @@ export class TagPicker extends Component {
     return String(item ?? '');
   }
 
+  /** @param {unknown} item @returns {Node|null} */
+  _iconOf(item) {
+    const value = this._readItem(item, this.options.iconKey);
+    const visual = value && typeof value === 'object' && typeof value.nodeType === 'number'
+      ? /** @type {Node} */ (value).cloneNode(true)
+      : typeof value === 'string' && value.trim() ? icon(value, { size: 12 }) : null;
+    if (!visual) return null;
+    return h('span', {
+      class: 'zx-tag-picker__visual',
+      style: this._colorOf(item) ? { '--zx-tag-color': this._colorOf(item) } : null,
+      ariaHidden: 'true'
+    }, visual);
+  }
+
+  /** @param {unknown} item @returns {string|null} */
+  _colorOf(item) {
+    const value = this._readItem(item, this.options.colorKey);
+    return isCssColor(value) ? value : null;
+  }
+
+  /** @param {unknown} item @param {unknown} reader @returns {unknown} */
+  _readItem(item, reader) {
+    if (typeof reader === 'function') return reader(/** @type {TagItem} */ (item));
+    if (item !== null && typeof item === 'object' && typeof reader === 'string') return item[reader];
+    return null;
+  }
+
   /** @returns {void} */
   _emitChange() {
     this.emit('change', { values: this.getValues(), items: this.getItems() });

package/src/core/dom.js

@@ -92,9 +92,29 @@ export function compactElement(compact, properties = null, content = null) {
   return element;
 }
 
-/** Exact migration-facing alias retained for existing ZeyOS builder calls. */
+/** Public compact-builder alias for concise application DOM construction. */
 export const __ = compactElement;
 
+/**
+ * Returns a trimmed native-link destination unless its parsed scheme can execute document code.
+ * Relative URLs, fragments, and ordinary application protocols remain valid; malformed and
+ * control-obfuscated script/data schemes are rejected.
+ * @param {unknown} value Candidate href.
+ * @returns {string|null}
+ */
+export function safeHref(value) {
+  if (typeof value !== 'string') return null;
+  const href = value.trim();
+  if (!href) return null;
+  try {
+    const protocol = new URL(href, globalThis.location?.href ?? 'https://zx.invalid/').protocol;
+    if (['javascript:', 'data:', 'vbscript:'].includes(protocol.toLowerCase())) return null;
+  } catch {
+    return null;
+  }
+  return href;
+}
+
 /**
  * Applies the established ZeyOS property rules to an existing element:
  * `Dname` → `data-name`, `SfontSize` → `style.fontSize`, `on*` → a legacy-compatible listener,

package/src/core/util.js

@@ -122,6 +122,26 @@ export function isElement(value) {
     && /** @type {{nodeType?: unknown}} */ (value).nodeType === 1);
 }
 
+/**
+ * Accepts concrete CSS colours while rejecting image/function values that could make a colour
+ * descriptor trigger a network request when it is later consumed through a custom property.
+ * `CSS.supports()` provides the authoritative browser check; the conservative fallback covers
+ * ordinary named, hexadecimal, and functional colours in non-browser test environments.
+ * @param {unknown} value Candidate colour.
+ * @returns {value is string}
+ */
+export function isCssColor(value) {
+  if (typeof value !== 'string') return false;
+  const text = value.trim();
+  if (!text || text.length > 256 || /[;{}\u0000-\u001f\u007f]/.test(text)
+    || /(?:url|image|image-set|cross-fade|element|var)\s*\(/i.test(text)) return false;
+  const supports = globalThis.CSS?.supports;
+  if (typeof supports === 'function') {
+    try { return supports.call(globalThis.CSS, 'color', text); } catch { return false; }
+  }
+  return /^(?:#[\da-f]{3,8}|[a-z]+|(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch|color|color-mix)\([^;{}]+\))$/i.test(text);
+}
+
 /**
  * Restricts a number to an inclusive range.
  * @param {number} n Value to restrict.

package/src/index.js

@@ -88,6 +88,7 @@ export { CopyInput } from './components/copy/copy-input.js';
 export { Toolbar } from './components/toolbar/toolbar.js';
 export { Toggle } from './components/toggle/toggle.js';
 export { Groupbox } from './components/groupbox/groupbox.js';
+export { Card } from './components/card/card.js';
 export { Panel } from './components/panel/panel.js';
 export { MasterPanel } from './components/master-panel/master-panel.js';
 export {
@@ -100,10 +101,11 @@ export { Stepper } from './components/stepper/stepper.js';
 export { Breadcrumb } from './components/breadcrumb/breadcrumb.js';
 export { Pagination, paginationRange } from './components/pagination/pagination.js';
 export { Search } from './components/search/search.js';
+export { AppIcon, appIcon } from './components/app-icon/app-icon.js';
 export { Launcher, rankLauncherItems } from './components/launcher/launcher.js';
 export { Avatar, avatarInitials } from './components/avatar/avatar.js';
 export { AccountMenu } from './components/account-menu/account-menu.js';
-export { AppRail, normalizeAppItems } from './components/app-rail/app-rail.js';
+export { normalizeAppItems } from './internal/app-rail.js';
 export { AppSidebar } from './components/app-sidebar/app-sidebar.js';
 export { Message } from './components/message/message.js';
 export { Modal } from './components/modal/modal.js';
@@ -131,7 +133,7 @@ export {
   DateRangeBox, formatRangeText, parseRangeText
 } from './components/datebox/date-range-box.js';
 export { Timebox, splitTime, joinTime } from './components/timebox/timebox.js';
-export { Table } from './components/table/table.js';
+export { Table, reorderTableRows } from './components/table/table.js';
 export { Grid, billingColumns, isBillingLine } from './components/grid/grid.js';
 export {
   Chart, ChartJsAdapter, chartSummaryTable, cloneChartValue, isEmptyChartData
@@ -139,6 +141,11 @@ export {
 export { TreeView } from './components/tree/tree.js';
 export { Finder } from './components/finder/finder.js';
 export { DataFilter } from './components/data-filter/data-filter.js';
+export { Filter } from './components/filter/filter.js';
+export {
+  filterOperators, emptyFilterAst, filterCondition, filterGroup,
+  parseFilterAst, cloneFilterAst, stringifyFilterAst, validateFilterAst
+} from './components/filter/filter-model.js';
 export { Field } from './components/field/field.js';
 export { Fieldset } from './components/fieldset/fieldset.js';
 export { Form } from './components/form/form.js';

package/src/{components/app-rail → internal}/app-rail.js

@@ -1,24 +1,24 @@
-import { Component } from '../../core/component.js';
-import { h } from '../../core/dom.js';
-import { icon } from '../../core/icons.js';
-import { Dropdown } from '../dropdown/dropdown.js';
-import { Tooltip } from '../tooltip/tooltip.js';
+import { Component } from '../core/component.js';
+import { h, safeHref } from '../core/dom.js';
+import { icon } from '../core/icons.js';
+import { Dropdown } from '../components/dropdown/dropdown.js';
+import { Tooltip } from '../components/tooltip/tooltip.js';
 
 /**
  * @typedef {Object} AppNavItem
  * @property {string|number} id Stable item identifier.
  * @property {string} label Visible/accessibility label.
- * @property {string} [icon] Kernel icon name.
+ * @property {string|Node|{toElement: () => Node|null}|((context: Record<string, any>, item: AppNavItem) => Node|null)} [icon] Icon name, node, component, or factory.
  * @property {string|number} [badge] Count or status badge.
  * @property {unknown} [value] Emitted value; defaults to `id`.
- * @property {string} [href] Native navigation target.
+ * @property {string} [href] Native navigation target; executable/data schemes are disabled.
  * @property {string} [target] Native link browsing context.
  * @property {() => void} [invoke] Application-owned non-link action.
  * @property {boolean} [disabled] Whether activation is unavailable.
  * @property {AppNavItem[]} [children] Child destinations/actions.
  */
 /**
- * @typedef {Object} AppRailOptions
+ * @typedef {Object} AppRailPresenterOptions
  * @property {AppNavItem[]} [items=[]] Application navigation tree.
  * @property {string|number|null} [active=null] Active item id.
  * @property {'vertical'|'horizontal'} [orientation='vertical'] Rail flow.
@@ -28,6 +28,7 @@ import { Tooltip } from '../tooltip/tooltip.js';
  * @property {Node|string|number|{toElement: () => Node|null}|null} [footer=null] Trailing rail content.
  * @property {number} [openDelay=80] Hover-open delay in milliseconds.
  * @property {number} [closeDelay=160] Pointer/focus crossing grace in milliseconds.
+ * @property {(item: AppNavItem, context: Record<string, any>) => Node|null} [renderIcon] Optional host icon renderer.
  * @property {(event: CustomEvent<AppNavSelectDetail>) => void} [onselect] Preventable action listener.
  * @property {(event: CustomEvent<{item: AppNavItem, id: string|number, open: boolean}>) => void} [onflyoutchange] Flyout-state listener.
  */
@@ -36,14 +37,14 @@ import { Tooltip } from '../tooltip/tooltip.js';
 
 /**
  * Minimized application navigation; descendants always open in hover/focus flyouts, never inline.
- * @fires AppRail#select
- * @fires AppRail#flyoutchange
- * @extends {Component<AppRailOptions>}
+ * @fires AppRailPresenter#select
+ * @fires AppRailPresenter#flyoutchange
+ * @extends {Component<AppRailPresenterOptions>}
  */
-export class AppRail extends Component {
+export class AppRailPresenter extends Component {
   static cssName = 'app-rail';
 
-  /** @type {Readonly<AppRailOptions>} */
+  /** @type {Readonly<AppRailPresenterOptions>} */
   static defaults = {
     items: [],
     active: null,
@@ -53,13 +54,14 @@ export class AppRail extends Component {
     header: null,
     footer: null,
     openDelay: 80,
-    closeDelay: 160
+    closeDelay: 160,
+    renderIcon: null
   };
 
   /**
    * Creates or enhances a rail host.
    * @param {Element|string|null} target Rail target.
-   * @param {AppRailOptions} [options={}] Rail options.
+   * @param {AppRailPresenterOptions} [options={}] Rail options.
    */
   constructor(target = null, options = {}) {
     super(target, options);
@@ -213,7 +215,14 @@ export class AppRail extends Component {
         index: String(item.id),
         iconOnly: true,
         disclosure: hasChildren,
-        disclosureIcon: railDisclosureIcon(this.el.dataset.side)
+        disclosureIcon: railDisclosureIcon(this.el.dataset.side),
+        visual: appNavIcon(item, this.options.renderIcon, {
+          orientation: this.el.dataset.orientation,
+          collapsed: true,
+          side: this.el.dataset.side,
+          level: 1,
+          location: 'root'
+        })
       });
       const row = h('li', { class: 'zx-app-rail__row' }, control);
       this.refs.list.append(row);
@@ -255,7 +264,14 @@ export class AppRail extends Component {
         index: childKey,
         iconOnly: false,
         disclosure: hasChildren,
-        disclosureIcon: nestedDisclosureIcon(this.el.dataset.side)
+        disclosureIcon: nestedDisclosureIcon(this.el.dataset.side),
+        visual: appNavIcon(child, this.options.renderIcon, {
+          orientation: this.el.dataset.orientation,
+          collapsed: true,
+          side: this.el.dataset.side,
+          level: childKey.split('/').length,
+          location: 'flyout'
+        })
       });
       list.append(h('li', {}, control));
       if (hasChildren) this._buildFlyout(child, control, childKey, key);
@@ -305,7 +321,6 @@ export class AppRail extends Component {
     this._interaction.listen(trigger, 'click', (event) => {
       event.preventDefault();
       if (event instanceof MouseEvent && event.detail === 0) this.openFlyout(key, { focus: true });
-      else if (dropdown.isOpen()) this.closeFlyout(key);
       else this.openFlyout(key);
     });
     this._interaction.listen(actualPanel, 'pointerenter', () => this._cancelFlyoutTimers(flyout, true));
@@ -582,26 +597,61 @@ class RailListenerScope extends Component {
 export function normalizeAppItems(items) {
   if (!Array.isArray(items)) return [];
   return items.filter((item) => item && typeof item === 'object' && item.id != null && item.label != null)
-    .map((item) => ({
-      ...item,
-      label: String(item.label),
-      children: Array.isArray(item.children) ? normalizeAppItems(item.children) : []
-    }));
+    .map((item) => {
+      const normalized = {
+        ...item,
+        label: String(item.label),
+        children: Array.isArray(item.children) ? normalizeAppItems(item.children) : []
+      };
+      if (item.href == null) return normalized;
+      const href = safeHref(item.href);
+      if (href !== null) normalized.href = href;
+      else {
+        delete normalized.href;
+        if (normalized.children.length === 0 && typeof normalized.invoke !== 'function') {
+          normalized.disabled = true;
+        }
+      }
+      return normalized;
+    });
+}
+
+/**
+ * Resolves a host-rendered or item-owned navigation icon without moving a mounted source node.
+ * @param {AppNavItem} item Navigation item.
+ * @param {unknown} renderer Optional component-level renderer.
+ * @param {Record<string, any>} context Presentation context.
+ * @returns {Node|null}
+ */
+export function appNavIcon(item, renderer, context) {
+  let visual = typeof renderer === 'function' ? renderer(item, context) : null;
+  if (visual == null) visual = item.icon;
+  if (typeof visual === 'function') visual = visual(context, item);
+  if (typeof visual === 'string') return icon(visual);
+  if (visual instanceof Node) return visual.cloneNode(true);
+  if (visual && typeof visual === 'object'
+    && typeof (/** @type {any} */ (visual)).toElement === 'function') {
+    const element = (/** @type {any} */ (visual)).toElement();
+    return element instanceof Node ? element.cloneNode(true) : null;
+  }
+  return null;
 }
 
-/** @param {AppNavItem} item @param {{className: string, index: string, iconOnly: boolean, disclosure: boolean, disclosureIcon: string}} options @returns {HTMLElement} */
-function navControl(item, { className, index, iconOnly, disclosure, disclosureIcon }) {
-  const tag = item.href && !disclosure ? 'a' : 'button';
+/** @param {AppNavItem} item @param {{className: string, index: string, iconOnly: boolean, disclosure: boolean, disclosureIcon: string, visual: Node|null}} options @returns {HTMLElement} */
+function navControl(item, { className, index, iconOnly, disclosure, disclosureIcon, visual }) {
+  const href = safeHref(item.href);
+  const tag = href && !disclosure ? 'a' : 'button';
   return /** @type {HTMLElement} */ (h(tag, {
     class: className,
     type: tag === 'button' ? 'button' : null,
-    href: tag === 'a' ? item.href : null,
+    href: tag === 'a' ? href : null,
     target: tag === 'a' ? item.target ?? null : null,
+    rel: tag === 'a' ? 'noopener' : null,
     ariaLabel: iconOnly ? item.label : null,
     ariaDisabled: item.disabled ? 'true' : null,
     dataset: { appNavId: index, appNavValueId: String(item.id) }
   },
-  item.icon ? h('span', { class: `${className}-icon`, ariaHidden: 'true' }, icon(item.icon)) : null,
+  visual ? h('span', { class: `${className}-icon`, ariaHidden: 'true' }, visual) : null,
   h('span', { class: `${className}-label` }, item.label),
   item.badge != null ? h('span', { class: `${className}-badge` }, String(item.badge)) : null,
   disclosure ? h('span', { class: `${className}-disclosure`, ariaHidden: 'true' }, icon(disclosureIcon)) : null));
@@ -664,5 +714,5 @@ function appendSlot(target, content) {
   } else if (typeof content === 'object' && typeof content.nodeType === 'number') target.append(content);
 }
 
-/** Fired when a destination/action is activated. @event AppRail#select @type {CustomEvent<AppNavSelectDetail>} */
-/** Fired when a flyout opens or closes. @event AppRail#flyoutchange @type {CustomEvent<{item: AppNavItem, id: string|number, open: boolean}>} */
+/** Fired when a destination/action is activated. @event AppRailPresenter#select @type {CustomEvent<AppNavSelectDetail>} */
+/** Fired when a flyout opens or closes. @event AppRailPresenter#flyoutchange @type {CustomEvent<{item: AppNavItem, id: string|number, open: boolean}>} */

package/src/zeyos/icons.js

@@ -4,7 +4,9 @@
  * @module zx/zeyos/icons
  */
 
-import { h, icon, loadFontAwesome } from '../index.js';
+import { icon, loadFontAwesome } from '../index.js';
+import { appIcon } from '../components/app-icon/app-icon.js';
+import { isCssColor } from '../core/util.js';
 import { moduleGlyphColor, moduleInfo, normalizeModuleName } from './modules.js';
 
 /**
@@ -51,10 +53,13 @@ export function moduleIcon(name, options = {}) {
 /**
  * @typedef {Object} ModuleChipOptions
  * @property {number|string} [size=24] Chip edge length.
- * @property {number|string} [iconSize='1em'] Glyph size; `1em` is 60% of the chip edge.
+ * @property {number|string} [iconSize='52%'] Glyph size relative to the tile edge.
  * @property {string|null} [label=null] Accessible label; null marks the chip decorative.
  * @property {boolean} [title=false] Adds the module's display name as a `title` tooltip.
  * @property {boolean} [standard=false] Use the stock Font Awesome fallback glyph.
+ * @property {string|Node|(()=>string|Node)|null} [icon] Explicit glyph override, useful for an offline fallback.
+ * @property {string} [color] Override the module colour for a server-defined fork or weblet.
+ * @property {false|'subtle'|'strong'} [glass='subtle'] AppIcon material treatment.
  * @property {string|string[]} [class] Extra class names.
  */
 
@@ -67,26 +72,39 @@ export function moduleIcon(name, options = {}) {
  * @returns {HTMLElement} A `<span class="zx-module-icon">` wrapping the glyph.
  */
 export function moduleChip(name, options = {}) {
-  const { size = 24, iconSize = '1em', label = null, title = false, standard = false } = options;
+  const {
+    size = 24, iconSize = '52%', label = null, title = false, standard = false,
+    color = null
+  } = options;
   const key = normalizeModuleName(name);
   const info = moduleInfo(name);
+  const background = isCssColor(color) ? color : info.color;
 
-  const chip = h('span', {
-    class: ['zx-module-icon', options.class].flat().filter(Boolean),
-    dataset: { module: key },
-    style: {
-      '--zx-module-color': info.color,
-      '--zx-module-glyph': moduleGlyphColor(info.color),
-      '--zx-module-icon-size': typeof size === 'number' ? `${size}px` : String(size)
-    },
-    title: title ? info.label : null
-  }, moduleIcon(name, { size: iconSize, standard }));
-
-  if (label === null) {
-    chip.setAttribute('aria-hidden', 'true');
-  } else {
-    chip.setAttribute('role', 'img');
-    chip.setAttribute('aria-label', label);
-  }
+  const chip = appIcon({
+    // AppIcon owns glyph sizing. Keep the provider glyph at 1em so the percentage is not applied
+    // once to the wrapper and a second time to a Font Awesome <i>.
+    icon: options.icon ?? moduleIcon(name, { size: '1em', standard }),
+    size,
+    iconSize,
+    color: background,
+    label,
+    glass: options.glass ?? 'subtle',
+    class: ['zx-module-icon', options.class].flat().filter(Boolean)
+  });
+  chip.dataset.module = key;
+  chip.style.setProperty('--zx-module-color', background);
+  chip.style.setProperty('--zx-module-glyph', moduleGlyphColor(background));
+  chip.style.setProperty('--zx-app-icon-glyph', moduleGlyphColor(background));
+  if (title) chip.title = info.label;
   return chip;
 }
+
+/**
+ * Creates the public ZeyOS AppIcon preset for any module, entity, fork, or weblet identity.
+ * @param {string} name Module/entity identifier.
+ * @param {ModuleChipOptions} [options={}] AppIcon options.
+ * @returns {HTMLElement}
+ */
+export function zeyosAppIcon(name, options = {}) {
+  return moduleChip(name, options);
+}

package/src/zeyos/index.js

@@ -15,7 +15,13 @@ export {
   zeyosModules, moduleAliases, moduleInfo, moduleColor, moduleIconName, moduleKeys,
   moduleGlyphColor, normalizeModuleName, registerModules
 } from './modules.js';
-export { ZEYOS_ICON_KIT, useZeyosIcons, moduleIcon, moduleChip } from './icons.js';
-export { zeyosSelect } from './select.js';
+export { ZEYOS_ICON_KIT, useZeyosIcons, moduleIcon, moduleChip, zeyosAppIcon } from './icons.js';
+export {
+  ZEYOS_LAUNCHER_APPLICATIONS, buildZeyosLauncherConfig, zeyosLauncher,
+  normalizeZeyosLauncherApplications, normalizeZeyosLauncherRecords, zeyosActiveIdentifier
+} from './launcher.js';
+export {
+  zeyosSelect, buildZeyosSelectConfig, zeyosEntitySelect, buildZeyosEntitySelectConfig
+} from './select.js';
 export { zeyosForm } from './form.js';
 export { zeyosTable } from './table.js';