@adecore/ui 0.31.11 → 0.32.0

package/dist/merge-refs.js

@@ -1,11 +1,10 @@
 /* One callback ref that fills a component's own ref and the one its caller handed in. */
-export const mergeRefs = (...refs) => (node) => {
-    for (const ref of refs) {
-        if (typeof ref === 'function') {
-            ref(node);
-        }
-        else if (ref) {
-            ref.current = node;
-        }
+export const mergeRefs = (...refs) => node => {
+  for (const ref of refs) {
+    if (typeof ref === 'function') {
+      ref(node);
+    } else if (ref) {
+      ref.current = node;
     }
-};
+  }
+};

package/dist/middle-truncate.js

@@ -5,30 +5,29 @@ export const MIDDLE_ELLIPSIS = '…';
  * what tells two of them apart. Code points, never UTF-16 units, so a cut never halves a character.
  */
 export function fitMiddle(text, width, measure) {
-    if (measure(text) <= width) {
-        return null;
-    }
-    const characters = Array.from(text);
-    const cutAt = (kept) => {
-        const headLength = Math.floor(kept / 2);
-        const tailStart = characters.length - (kept - headLength);
-        return {
-            head: characters.slice(0, headLength).join(''),
-            middle: characters.slice(headLength, tailStart).join(''),
-            tail: characters.slice(tailStart).join('')
-        };
+  if (measure(text) <= width) {
+    return null;
+  }
+  const characters = Array.from(text);
+  const cutAt = kept => {
+    const headLength = Math.floor(kept / 2);
+    const tailStart = characters.length - (kept - headLength);
+    return {
+      head: characters.slice(0, headLength).join(''),
+      middle: characters.slice(headLength, tailStart).join(''),
+      tail: characters.slice(tailStart).join('')
     };
-    const fits = (cut) => measure(cut.head + MIDDLE_ELLIPSIS + cut.tail) <= width;
-    let low = 0;
-    let high = characters.length - 1;
-    while (low < high) {
-        const kept = Math.ceil((low + high) / 2);
-        if (fits(cutAt(kept))) {
-            low = kept;
-        }
-        else {
-            high = kept - 1;
-        }
+  };
+  const fits = cut => measure(cut.head + MIDDLE_ELLIPSIS + cut.tail) <= width;
+  let low = 0;
+  let high = characters.length - 1;
+  while (low < high) {
+    const kept = Math.ceil((low + high) / 2);
+    if (fits(cutAt(kept))) {
+      low = kept;
+    } else {
+      high = kept - 1;
     }
-    return cutAt(low);
-}
+  }
+  return cutAt(low);
+}

package/dist/modality.js

@@ -1,28 +1,36 @@
 let current = null;
 let started = false;
-const set = (modality) => {
-    if (current === modality) {
-        return;
-    }
-    current = modality;
-    document.documentElement.dataset.modality = modality;
+const set = modality => {
+  if (current === modality) {
+    return;
+  }
+  current = modality;
+  document.documentElement.dataset.modality = modality;
 };
 /* Which device the app was last driven with, as `data-modality` on the root. `:focus-visible` alone
    cannot tell: focus a script moves (Base UI's hovered menu item) keeps matching it once a single
    keystroke anywhere, a terminal included, raised the browser's keyboard flag. `UIProvider` starts
    it; a second call does nothing. */
 export function startInputModality() {
-    if (started) {
-        return;
+  if (started) {
+    return;
+  }
+  started = true;
+  set('pointer');
+  window.addEventListener('keydown', event => {
+    // A modifier on its own is half of a shift-click as often as it is a keystroke.
+    if (event.key !== 'Shift' && event.key !== 'Control' && event.key !== 'Alt' && event.key !== 'Meta') {
+      set('keyboard');
     }
-    started = true;
-    set('pointer');
-    window.addEventListener('keydown', (event) => {
-        // A modifier on its own is half of a shift-click as often as it is a keystroke.
-        if (event.key !== 'Shift' && event.key !== 'Control' && event.key !== 'Alt' && event.key !== 'Meta') {
-            set('keyboard');
-        }
-    }, { capture: true });
-    window.addEventListener('pointerdown', () => set('pointer'), { capture: true, passive: true });
-    window.addEventListener('pointermove', () => set('pointer'), { capture: true, passive: true });
-}
+  }, {
+    capture: true
+  });
+  window.addEventListener('pointerdown', () => set('pointer'), {
+    capture: true,
+    passive: true
+  });
+  window.addEventListener('pointermove', () => set('pointer'), {
+    capture: true,
+    passive: true
+  });
+}

package/dist/placement.js

@@ -1,23 +1,14 @@
 /* The positioner props a popup part takes beside its own, so a caller places a popup on the one element it renders. */
-const PLACEMENT_KEYS = [
-    'side',
-    'align',
-    'sideOffset',
-    'alignOffset',
-    'collisionPadding',
-    'collisionBoundary',
-    'collisionAvoidance',
-    'anchor',
-    'sticky',
-    'positionMethod'
-];
+const PLACEMENT_KEYS = ['side', 'align', 'sideOffset', 'alignOffset', 'collisionPadding', 'collisionBoundary', 'collisionAvoidance', 'anchor', 'sticky', 'positionMethod'];
 /* Splits a popup part's props into what goes to the positioner and what goes to the popup. */
 export function splitPlacement(props) {
-    const placement = {};
-    const rest = { ...props };
-    for (const key of PLACEMENT_KEYS) {
-        placement[key] = props[key];
-        delete rest[key];
-    }
-    return [placement, rest];
-}
+  const placement = {};
+  const rest = {
+    ...props
+  };
+  for (const key of PLACEMENT_KEYS) {
+    placement[key] = props[key];
+    delete rest[key];
+  }
+  return [placement, rest];
+}

package/dist/platform.js

@@ -1,9 +1,9 @@
 /* True on macOS and iOS, where a shortcut is written with ⌘ instead of Ctrl. The keyboard in question is the one in front of this page. */
 export const isApplePlatform = () => {
-    if (typeof navigator === 'undefined') {
-        return false;
-    }
-    const hints = navigator.userAgentData;
-    return applePlatformFrom(hints?.platform || navigator.platform);
+  if (typeof navigator === 'undefined') {
+    return false;
+  }
+  const hints = navigator.userAgentData;
+  return applePlatformFrom(hints?.platform || navigator.platform);
 };
-export const applePlatformFrom = (platform) => /mac|iphone|ipad/i.test(platform ?? '');
+export const applePlatformFrom = platform => /mac|iphone|ipad/i.test(platform ?? '');

package/dist/popover/index.parts.js

@@ -1 +1 @@
-export { PopoverClose as Close, PopoverDescription as Description, PopoverPopup as Popup, PopoverRoot as Root, PopoverTitle as Title, PopoverTrigger as Trigger } from './parts.js';
+export { PopoverClose as Close, PopoverDescription as Description, PopoverPopup as Popup, PopoverRoot as Root, PopoverTitle as Title, PopoverTrigger as Trigger } from "./parts.js";

package/dist/popover/parts.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { Popover as BasePopover } from '@base-ui/react/popover';
 import { PreviewCard as BasePreviewCard } from '@base-ui/react/preview-card';
 import { withClass } from '../class-name.js';
@@ -8,10 +8,11 @@ import { renderPositioner } from '../popup-layer.js';
  * The surface a popup is drawn on. `menu` is the padded card menus use, `picker` a card whose
  * content runs to its edges (a search field on top of a list), and `plain` leaves the surface to the caller.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const POPUP_VARIANT = {
-    menu: 'menu-popup',
-    picker: 'picker-popup',
-    plain: ''
+  menu: 'menu-popup',
+  picker: 'picker-popup',
+  plain: ''
 };
 export const PopoverRoot = BasePopover.Root;
 export const PopoverTrigger = BasePopover.Trigger;
@@ -19,14 +20,175 @@ export const PopoverClose = BasePopover.Close;
 export const PopoverTitle = BasePopover.Title;
 export const PopoverDescription = BasePopover.Description;
 /* The portal, the positioner and the popup of a popover: under its trigger and lined up with its start unless it says otherwise. */
-export function PopoverPopup({ variant = 'menu', side = 'bottom', align = 'start', sideOffset = 8, className, ...props }) {
-    const [placement, popupProps] = splitPlacement(props);
-    return (_jsx(BasePopover.Portal, { children: _jsx(BasePopover.Positioner, { className: "popup-positioner", render: renderPositioner, ...placement, side: side, align: align, sideOffset: sideOffset, children: _jsx(BasePopover.Popup, { className: withClass(POPUP_VARIANT[variant], className), ...popupProps }) }) }));
+export function PopoverPopup(t0) {
+  const $ = _c(19);
+  let align;
+  let className;
+  let side;
+  let sideOffset;
+  let t1;
+  let variant;
+  if ($[0] !== t0) {
+    const {
+      variant: t2,
+      side: t3,
+      align: t4,
+      sideOffset: t5,
+      className: t6,
+      ...props
+    } = t0;
+    className = t6;
+    variant = t2 === undefined ? "menu" : t2;
+    side = t3 === undefined ? "bottom" : t3;
+    align = t4 === undefined ? "start" : t4;
+    sideOffset = t5 === undefined ? 8 : t5;
+    t1 = splitPlacement(props);
+    $[0] = t0;
+    $[1] = align;
+    $[2] = className;
+    $[3] = side;
+    $[4] = sideOffset;
+    $[5] = t1;
+    $[6] = variant;
+  } else {
+    align = $[1];
+    className = $[2];
+    side = $[3];
+    sideOffset = $[4];
+    t1 = $[5];
+    variant = $[6];
+  }
+  const [placement, popupProps] = t1;
+  const t2 = POPUP_VARIANT[variant];
+  let t3;
+  if ($[7] !== className || $[8] !== t2) {
+    t3 = withClass(t2, className);
+    $[7] = className;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== popupProps || $[11] !== t3) {
+    t4 = /*#__PURE__*/_jsx(BasePopover.Popup, {
+      className: t3,
+      ...popupProps
+    });
+    $[10] = popupProps;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== align || $[14] !== placement || $[15] !== side || $[16] !== sideOffset || $[17] !== t4) {
+    t5 = /*#__PURE__*/_jsx(BasePopover.Portal, {
+      children: /*#__PURE__*/_jsx(BasePopover.Positioner, {
+        className: "popup-positioner",
+        render: renderPositioner,
+        ...placement,
+        side: side,
+        align: align,
+        sideOffset: sideOffset,
+        children: t4
+      })
+    });
+    $[13] = align;
+    $[14] = placement;
+    $[15] = side;
+    $[16] = sideOffset;
+    $[17] = t4;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  return t5;
 }
 export const PreviewCardRoot = BasePreviewCard.Root;
 export const PreviewCardTrigger = BasePreviewCard.Trigger;
 /* A card that opens while the pointer rests on its trigger, drawn like a popover. */
-export function PreviewCardPopup({ variant = 'menu', side = 'bottom', align = 'start', sideOffset = 8, className, ...props }) {
-    const [placement, popupProps] = splitPlacement(props);
-    return (_jsx(BasePreviewCard.Portal, { children: _jsx(BasePreviewCard.Positioner, { className: "z-(--z-popup)", ...placement, side: side, align: align, sideOffset: sideOffset, children: _jsx(BasePreviewCard.Popup, { className: withClass(POPUP_VARIANT[variant], className), ...popupProps }) }) }));
-}
+export function PreviewCardPopup(t0) {
+  const $ = _c(19);
+  let align;
+  let className;
+  let side;
+  let sideOffset;
+  let t1;
+  let variant;
+  if ($[0] !== t0) {
+    const {
+      variant: t2,
+      side: t3,
+      align: t4,
+      sideOffset: t5,
+      className: t6,
+      ...props
+    } = t0;
+    className = t6;
+    variant = t2 === undefined ? "menu" : t2;
+    side = t3 === undefined ? "bottom" : t3;
+    align = t4 === undefined ? "start" : t4;
+    sideOffset = t5 === undefined ? 8 : t5;
+    t1 = splitPlacement(props);
+    $[0] = t0;
+    $[1] = align;
+    $[2] = className;
+    $[3] = side;
+    $[4] = sideOffset;
+    $[5] = t1;
+    $[6] = variant;
+  } else {
+    align = $[1];
+    className = $[2];
+    side = $[3];
+    sideOffset = $[4];
+    t1 = $[5];
+    variant = $[6];
+  }
+  const [placement, popupProps] = t1;
+  const t2 = POPUP_VARIANT[variant];
+  let t3;
+  if ($[7] !== className || $[8] !== t2) {
+    t3 = withClass(t2, className);
+    $[7] = className;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== popupProps || $[11] !== t3) {
+    t4 = /*#__PURE__*/_jsx(BasePreviewCard.Popup, {
+      className: t3,
+      ...popupProps
+    });
+    $[10] = popupProps;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== align || $[14] !== placement || $[15] !== side || $[16] !== sideOffset || $[17] !== t4) {
+    t5 = /*#__PURE__*/_jsx(BasePreviewCard.Portal, {
+      children: /*#__PURE__*/_jsx(BasePreviewCard.Positioner, {
+        className: "z-(--z-popup)",
+        ...placement,
+        side: side,
+        align: align,
+        sideOffset: sideOffset,
+        children: t4
+      })
+    });
+    $[13] = align;
+    $[14] = placement;
+    $[15] = side;
+    $[16] = sideOffset;
+    $[17] = t4;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  return t5;
+}

package/dist/popup-layer.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react/compiler-runtime";
 import { createElement, useLayoutEffect } from 'react';
 // One attribute serves every open popup, so it stays until the last one closes.
 const open = new Set();
@@ -7,24 +8,44 @@ const open = new Set();
  * browser restyle the whole page on every DOM insertion.
  */
 function usePopupLayer(isOpen) {
-    useLayoutEffect(() => {
-        if (!isOpen) {
-            return;
+  const $ = _c(3);
+  let t0;
+  let t1;
+  if ($[0] !== isOpen) {
+    t0 = () => {
+      if (!isOpen) {
+        return;
+      }
+      const self = Symbol("popup");
+      open.add(self);
+      document.documentElement.setAttribute("data-popup-open", "");
+      return () => {
+        open.delete(self);
+        if (open.size === 0) {
+          document.documentElement.removeAttribute("data-popup-open");
         }
-        const self = Symbol('popup');
-        open.add(self);
-        document.documentElement.setAttribute('data-popup-open', '');
-        return () => {
-            open.delete(self);
-            if (open.size === 0) {
-                document.documentElement.removeAttribute('data-popup-open');
-            }
-        };
-    }, [isOpen]);
+      };
+    };
+    t1 = [isOpen];
+    $[0] = isOpen;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useLayoutEffect(t0, t1);
 }
-function LayerPositioner({ open: isOpen, ...props }) {
-    usePopupLayer(isOpen);
-    return createElement('div', props);
+function LayerPositioner(t0) {
+  const {
+    open: isOpen,
+    ...props
+  } = t0;
+  usePopupLayer(isOpen);
+  return createElement("div", props);
 }
 /* The `render` of a popup's positioner, which knows whether the popup is open and so marks the root for as long as it is. */
-export const renderPositioner = (props, state) => createElement(LayerPositioner, { ...props, open: state.open });
+export const renderPositioner = (props, state) => createElement(LayerPositioner, {
+  ...props,
+  open: state.open
+});

package/dist/prefetch.js

@@ -4,101 +4,100 @@
  * joins the end, which is how a lazy surface inside another lazy one gets its turn.
  */
 export class Prefetcher {
-    registered = [];
-    queued = new Set();
-    queue = [];
-    everythingOn = false;
-    running = null;
-    loading = false;
-    whenIdle;
-    /* Asked on every ask and again before every load, since a person can turn data saving on while the page runs. */
-    allowed;
-    constructor(whenIdle, allowed = () => true) {
-        this.whenIdle = whenIdle;
-        this.allowed = allowed;
+  registered = [];
+  queued = new Set();
+  queue = [];
+  everythingOn = false;
+  running = null;
+  loading = false;
+  whenIdle;
+  /* Asked on every ask and again before every load, since a person can turn data saving on while the page runs. */
+  allowed;
+  constructor(whenIdle, allowed = () => true) {
+    this.whenIdle = whenIdle;
+    this.allowed = allowed;
+  }
+  /* True while a prefetch waits on its chunk, so a failure it causes is not taken for a person's. */
+  get busy() {
+    return this.loading;
+  }
+  register(load) {
+    this.registered.push(load);
+    if (this.everythingOn) {
+      this.enqueue(load);
     }
-    /* True while a prefetch waits on its chunk, so a failure it causes is not taken for a person's. */
-    get busy() {
-        return this.loading;
+  }
+  /* Loads this one module, ahead of whatever is registered. */
+  prefetch(load) {
+    if (!this.allowed()) {
+      return Promise.resolve();
     }
-    register(load) {
-        this.registered.push(load);
-        if (this.everythingOn) {
-            this.enqueue(load);
-        }
+    this.enqueue(load);
+    return this.drain();
+  }
+  /* Loads every registered module, and every one registered from now on. */
+  prefetchEverything() {
+    if (!this.allowed()) {
+      return Promise.resolve();
     }
-    /* Loads this one module, ahead of whatever is registered. */
-    prefetch(load) {
-        if (!this.allowed()) {
-            return Promise.resolve();
-        }
-        this.enqueue(load);
-        return this.drain();
+    this.everythingOn = true;
+    for (const load of this.registered) {
+      this.enqueue(load);
     }
-    /* Loads every registered module, and every one registered from now on. */
-    prefetchEverything() {
-        if (!this.allowed()) {
-            return Promise.resolve();
-        }
-        this.everythingOn = true;
-        for (const load of this.registered) {
-            this.enqueue(load);
-        }
-        return this.drain();
+    return this.drain();
+  }
+  enqueue(load) {
+    if (this.queued.has(load)) {
+      return;
     }
-    enqueue(load) {
-        if (this.queued.has(load)) {
-            return;
-        }
-        this.queued.add(load);
-        this.queue.push(load);
-        void this.drain();
+    this.queued.add(load);
+    this.queue.push(load);
+    void this.drain();
+  }
+  drain() {
+    // Never on an empty queue: `loadQueue` would clear `running` before it is even set.
+    if (this.running === null && this.queue.length > 0) {
+      this.running = this.loadQueue();
     }
-    drain() {
-        // Never on an empty queue: `loadQueue` would clear `running` before it is even set.
-        if (this.running === null && this.queue.length > 0) {
-            this.running = this.loadQueue();
+    return this.running ?? Promise.resolve();
+  }
+  async loadQueue() {
+    try {
+      for (let load = this.queue.shift(); load; load = this.queue.shift()) {
+        await new Promise(resolve => this.whenIdle(resolve));
+        if (!this.allowed()) {
+          // Data saving came on while it waited; a later ask may queue it again.
+          this.queued.delete(load);
+          continue;
         }
-        return this.running ?? Promise.resolve();
-    }
-    async loadQueue() {
+        this.loading = true;
         try {
-            for (let load = this.queue.shift(); load; load = this.queue.shift()) {
-                await new Promise((resolve) => this.whenIdle(resolve));
-                if (!this.allowed()) {
-                    // Data saving came on while it waited; a later ask may queue it again.
-                    this.queued.delete(load);
-                    continue;
-                }
-                this.loading = true;
-                try {
-                    await load();
-                }
-                catch {
-                    // A later open tries again; a chunk a deploy removed is the app's to answer, and `busy` tells it this was only a prefetch.
-                }
-                finally {
-                    this.loading = false;
-                }
-            }
-        }
-        finally {
-            this.running = null;
+          await load();
+        } catch {
+          // A later open tries again; a chunk a deploy removed is the app's to answer, and `busy` tells it this was only a prefetch.
+        } finally {
+          this.loading = false;
         }
+      }
+    } finally {
+      this.running = null;
     }
+  }
 }
 /* Safari has no idle callback; the timeout at least lets the frame that asked finish first. */
 const FALLBACK_DELAY_MS = 50;
 /* A canvas that keeps drawing (a blinking cursor, a stream) may never leave an idle moment, and a prefetch that never runs helps nobody. */
 const IDLE_TIMEOUT_MS = 2000;
-const whenIdle = (run) => {
-    if (typeof requestIdleCallback === 'function') {
-        requestIdleCallback(() => run(), { timeout: IDLE_TIMEOUT_MS });
-        return;
-    }
-    setTimeout(run, FALLBACK_DELAY_MS);
+const whenIdle = run => {
+  if (typeof requestIdleCallback === 'function') {
+    requestIdleCallback(() => run(), {
+      timeout: IDLE_TIMEOUT_MS
+    });
+    return;
+  }
+  setTimeout(run, FALLBACK_DELAY_MS);
 };
 /* Not in every DOM typing yet, and only Chromium reports it. */
 const savesData = () => navigator.connection?.saveData === true;
 /* The one every `lazyNamed` and `lazyDialog` registers with. */
-export const prefetcher = /* @__PURE__ */ new Prefetcher(whenIdle, () => !savesData());
+export const prefetcher = /* @__PURE__ */new Prefetcher(whenIdle, () => !savesData());

package/dist/preview-card/index.parts.js

@@ -1 +1 @@
-export { PreviewCardPopup as Popup, PreviewCardRoot as Root, PreviewCardTrigger as Trigger } from '../popover/parts.js';
+export { PreviewCardPopup as Popup, PreviewCardRoot as Root, PreviewCardTrigger as Trigger } from "../popover/parts.js";