@adecore/ui 0.31.12 → 0.32.0

package/dist/key-value-list/parts.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { useRender } from '@base-ui/react/use-render';
 /*
@@ -5,29 +6,262 @@ import { useRender } from '@base-ui/react/use-render';
  * there. Every item is a subgrid of the list, so the names line up across rows and a hairline runs
  * under both columns.
  */
-export function KeyValueListRoot({ divided = false, render, className, ref, ...props }) {
-    return useRender({
-        render,
-        ref,
-        defaultTagName: 'dl',
-        props: {
-            ...props,
-            className: clsx('grid min-w-0 grid-cols-[fit-content(40%)_minmax(0,1fr)] gap-x-3 text-xs', divided ? 'divide-y divide-border-soft *:py-1.5' : 'gap-y-1', className)
-        }
-    });
+export function KeyValueListRoot(t0) {
+  const $ = _c(16);
+  let className;
+  let props;
+  let ref;
+  let render;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      divided: t1,
+      render,
+      className,
+      ref,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = ref;
+    $[4] = render;
+    $[5] = t1;
+  } else {
+    className = $[1];
+    props = $[2];
+    ref = $[3];
+    render = $[4];
+    t1 = $[5];
+  }
+  const divided = t1 === undefined ? false : t1;
+  const t2 = divided ? "divide-y divide-border-soft *:py-1.5" : "gap-y-1";
+  let t3;
+  if ($[6] !== className || $[7] !== t2) {
+    t3 = clsx("grid min-w-0 grid-cols-[fit-content(40%)_minmax(0,1fr)] gap-x-3 text-xs", t2, className);
+    $[6] = className;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== props || $[10] !== t3) {
+    t4 = {
+      ...props,
+      className: t3
+    };
+    $[9] = props;
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== ref || $[13] !== render || $[14] !== t4) {
+    t5 = {
+      render,
+      ref,
+      defaultTagName: "dl",
+      props: t4
+    };
+    $[12] = ref;
+    $[13] = render;
+    $[14] = t4;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  return useRender(t5);
 }
-export function KeyValueListItem({ render, className, ref, ...props }) {
-    return useRender({ render, ref, defaultTagName: 'div', props: { ...props, className: clsx('col-span-2 grid grid-cols-subgrid', className) } });
+export function KeyValueListItem(t0) {
+  const $ = _c(14);
+  let className;
+  let props;
+  let ref;
+  let render;
+  if ($[0] !== t0) {
+    ({
+      render,
+      className,
+      ref,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = ref;
+    $[4] = render;
+  } else {
+    className = $[1];
+    props = $[2];
+    ref = $[3];
+    render = $[4];
+  }
+  let t1;
+  if ($[5] !== className) {
+    t1 = clsx("col-span-2 grid grid-cols-subgrid", className);
+    $[5] = className;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props || $[8] !== t1) {
+    t2 = {
+      ...props,
+      className: t1
+    };
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== ref || $[11] !== render || $[12] !== t2) {
+    t3 = {
+      render,
+      ref,
+      defaultTagName: "div",
+      props: t2
+    };
+    $[10] = ref;
+    $[11] = render;
+    $[12] = t2;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  return useRender(t3);
 }
-export function KeyValueListName({ render, className, ref, ...props }) {
-    return useRender({ render, ref, defaultTagName: 'dt', props: { ...props, className: clsx('min-w-0 break-words text-text-faint', className) } });
+export function KeyValueListName(t0) {
+  const $ = _c(14);
+  let className;
+  let props;
+  let ref;
+  let render;
+  if ($[0] !== t0) {
+    ({
+      render,
+      className,
+      ref,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = ref;
+    $[4] = render;
+  } else {
+    className = $[1];
+    props = $[2];
+    ref = $[3];
+    render = $[4];
+  }
+  let t1;
+  if ($[5] !== className) {
+    t1 = clsx("min-w-0 break-words text-text-faint", className);
+    $[5] = className;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props || $[8] !== t1) {
+    t2 = {
+      ...props,
+      className: t1
+    };
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== ref || $[11] !== render || $[12] !== t2) {
+    t3 = {
+      render,
+      ref,
+      defaultTagName: "dt",
+      props: t2
+    };
+    $[10] = ref;
+    $[11] = render;
+    $[12] = t2;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  return useRender(t3);
 }
 /* Selectable, unlike the interface around it, so a long value can be copied. */
-export function KeyValueListValue({ mono = false, render, className, ref, ...props }) {
-    return useRender({
-        render,
-        ref,
-        defaultTagName: 'dd',
-        props: { ...props, className: clsx('min-w-0 break-words text-text select-text', mono && 'font-mono text-code', className) }
-    });
-}
+export function KeyValueListValue(t0) {
+  const $ = _c(16);
+  let className;
+  let props;
+  let ref;
+  let render;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      mono: t1,
+      render,
+      className,
+      ref,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = ref;
+    $[4] = render;
+    $[5] = t1;
+  } else {
+    className = $[1];
+    props = $[2];
+    ref = $[3];
+    render = $[4];
+    t1 = $[5];
+  }
+  const mono = t1 === undefined ? false : t1;
+  const t2 = mono && "font-mono text-code";
+  let t3;
+  if ($[6] !== className || $[7] !== t2) {
+    t3 = clsx("min-w-0 break-words text-text select-text", t2, className);
+    $[6] = className;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== props || $[10] !== t3) {
+    t4 = {
+      ...props,
+      className: t3
+    };
+    $[9] = props;
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== ref || $[13] !== render || $[14] !== t4) {
+    t5 = {
+      render,
+      ref,
+      defaultTagName: "dd",
+      props: t4
+    };
+    $[12] = ref;
+    $[13] = render;
+    $[14] = t4;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  return useRender(t5);
+}

package/dist/lazy-landings.js

@@ -2,17 +2,17 @@ let landings = 0;
 const listeners = new Set();
 /* Called once per module, when a `LoadedComponent` first has it. */
 export function noteLanding() {
-    landings += 1;
-    for (const listener of listeners) {
-        listener();
-    }
+  landings += 1;
+  for (const listener of listeners) {
+    listener();
+  }
 }
 export function subscribeLandings(listener) {
-    listeners.add(listener);
-    return () => {
-        listeners.delete(listener);
-    };
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
 }
 export function readLandings() {
-    return landings;
-}
+  return landings;
+}

package/dist/lazy.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { Suspense, lazy, useState, useSyncExternalStore } from 'react';
 import { noteLanding } from './lazy-landings.js';
 import { prefetcher } from './prefetch.js';
@@ -7,30 +7,31 @@ import { prefetcher } from './prefetch.js';
  * prefetcher already has, which shows the fallback and mounts a dialog already open; a component
  * that is here is drawn straight away instead.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 export class LoadedComponent {
-    current = null;
-    listeners = new Set();
-    loader;
-    constructor(loader) {
-        this.loader = loader;
-    }
-    async load() {
-        const component = await this.loader();
-        if (this.current === null) {
-            this.current = component;
-            for (const listener of this.listeners) {
-                listener();
-            }
-            noteLanding();
-        }
-        return component;
-    }
-    subscribe(listener) {
-        this.listeners.add(listener);
-        return () => {
-            this.listeners.delete(listener);
-        };
+  current = null;
+  listeners = new Set();
+  loader;
+  constructor(loader) {
+    this.loader = loader;
+  }
+  async load() {
+    const component = await this.loader();
+    if (this.current === null) {
+      this.current = component;
+      for (const listener of this.listeners) {
+        listener();
+      }
+      noteLanding();
     }
+    return component;
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
 }
 const openErrorListeners = new Set();
 /*
@@ -39,22 +40,23 @@ const openErrorListeners = new Set();
  * module at the same moment, so an app can answer the one without being woken by the other.
  */
 export function onLazyOpenError(listener) {
-    openErrorListeners.add(listener);
-    return () => {
-        openErrorListeners.delete(listener);
-    };
+  openErrorListeners.add(listener);
+  return () => {
+    openErrorListeners.delete(listener);
+  };
 }
 /* Only a render loads through here; the prefetcher calls `loaded.load()` itself, so its failures report nothing. */
 async function open(loaded) {
-    try {
-        return { default: await loaded.load() };
-    }
-    catch (error) {
-        for (const listener of openErrorListeners) {
-            listener(error);
-        }
-        throw error;
+  try {
+    return {
+      default: await loaded.load()
+    };
+  } catch (error) {
+    for (const listener of openErrorListeners) {
+      listener(error);
     }
+    throw error;
+  }
 }
 /*
  * `React.lazy` for a module that exports its component by name, `default` included. Every module
@@ -62,49 +64,60 @@ async function open(loaded) {
  * its first opening once the app calls `prefetcher.prefetchEverything()`.
  */
 export function lazyNamed(load, name) {
-    const loaded = new LoadedComponent(async () => (await load())[name]);
-    prefetcher.register(() => loaded.load());
-    const Lazy = lazy(() => open(loaded));
-    // Once `loaded` has it, `Lazy` never committed anything, so switching over remounts nothing.
-    const LazyNamed = (props) => {
-        const Component = loaded.current ?? Lazy;
-        return _jsx(Component, { ...props });
-    };
-    return Object.assign(LazyNamed, {
-        preload: async () => {
-            await loaded.load();
-        }
+  const loaded = new LoadedComponent(async () => (await load())[name]);
+  prefetcher.register(() => loaded.load());
+  const Lazy = lazy(() => open(loaded));
+  // Once `loaded` has it, `Lazy` never committed anything, so switching over remounts nothing.
+  const LazyNamed = props => {
+    // `loaded` fills in place; compiled, the element drawn before the module landed would stay.
+    'use no memo';
+
+    const Component = loaded.current ?? Lazy;
+    return /*#__PURE__*/_jsx(Component, {
+      ...props
     });
+  };
+  return Object.assign(LazyNamed, {
+    preload: async () => {
+      await loaded.load();
+    }
+  });
 }
 /* Stays true after the first opening, so every close after it still has something mounted to animate. */
 function useOpenedOnce(open) {
-    const [opened, setOpened] = useState(open);
-    if (open && !opened) {
-        setOpened(true);
-    }
-    return opened || open;
+  const [opened, setOpened] = useState(open);
+  if (open && !opened) {
+    setOpened(true);
+  }
+  return opened || open;
 }
 /*
  * A dialog that keeps its own open state. Once its module is here, prefetched or opened, it stays
  * mounted closed, so its first opening animates like every other; before that, opening loads it.
  */
 export function lazyDialog(load, name, useStore, isOpen) {
-    const loaded = new LoadedComponent(async () => (await load())[name]);
-    prefetcher.register(() => loaded.load());
-    const Dialog = lazy(() => open(loaded));
-    const subscribe = (listener) => loaded.subscribe(listener);
-    const isLoaded = () => loaded.current !== null;
-    const LazyDialog = () => {
-        const opened = useOpenedOnce(useStore(isOpen));
-        useSyncExternalStore(subscribe, isLoaded);
-        const Loaded = loaded.current;
-        if (Loaded) {
-            return _jsx(Loaded, {});
-        }
-        if (!opened) {
-            return null;
-        }
-        return (_jsx(Suspense, { fallback: null, children: _jsx(Dialog, {}) }));
-    };
-    return LazyDialog;
-}
+  const loaded = new LoadedComponent(async () => (await load())[name]);
+  prefetcher.register(() => loaded.load());
+  const Dialog = lazy(() => open(loaded));
+  const subscribe = listener => loaded.subscribe(listener);
+  const isLoaded = () => loaded.current !== null;
+  const LazyDialog = () => {
+    // As in `lazyNamed`: what `loaded` holds is read again on every render.
+    'use no memo';
+
+    const opened = useOpenedOnce(useStore(isOpen));
+    useSyncExternalStore(subscribe, isLoaded);
+    const Loaded = loaded.current;
+    if (Loaded) {
+      return /*#__PURE__*/_jsx(Loaded, {});
+    }
+    if (!opened) {
+      return null;
+    }
+    return /*#__PURE__*/_jsx(Suspense, {
+      fallback: null,
+      children: /*#__PURE__*/_jsx(Dialog, {})
+    });
+  };
+  return LazyDialog;
+}

package/dist/locales/en.js

@@ -1,82 +1,82 @@
 export default {
-    action: {
-        cancel: 'Cancel',
-        copy: 'Copy',
-        copyError: 'Copy error',
-        dismiss: 'Dismiss',
-        reload: 'Reload',
-        retry: 'Try again',
-        select: 'Select',
-        selectAll: 'Select all'
-    },
-    accent: {
-        more: 'More colors'
-    },
-    settings: {
-        title: 'Settings',
-        section: 'Settings section',
-        sections: 'Settings sections',
-        close: 'Close settings',
-        failed: 'This settings page failed to render',
-        search: {
-            placeholder: 'Search settings',
-            clear: 'Clear search',
-            none: 'Nothing matches "{{query}}".',
-            results: 'Search results',
-            pane: 'Section'
-        }
-    },
-    controls: {
-        stepper: {
-            smaller: 'Smaller',
-            larger: 'Larger',
-            smallerFor: '{{label}}: smaller',
-            largerFor: '{{label}}: larger'
-        }
-    },
-    select: {
-        search: 'Search',
-        noMatch: 'No option matches “{{query}}”'
-    },
-    iconPicker: {
-        label: 'Icon',
-        none: 'No icon',
-        search: 'Find an icon',
-        clear: 'Clear search',
-        noMatch: 'No icon matches “{{query}}”'
-    },
-    zoom: {
-        out: 'Zoom out',
-        in: 'Zoom in',
-        presets: 'Zoom presets',
-        fit: 'Zoom to fit',
-        fitEverything: 'Fit everything'
-    },
-    waveform: {
-        position: '{{time}} of {{duration}}'
-    },
-    projectSwitcher: {
-        label: 'Projects',
-        recent: 'Recent projects',
-        actionsFor: 'Actions for {{name}}'
-    },
-    tabs: {
-        more: 'More',
-        close: 'Close tab'
-    },
-    tree: {
-        label: 'Files',
-        expand: 'Expand',
-        collapse: 'Collapse'
-    },
-    workspace: {
-        tabs: 'Open views',
-        unsaved: 'Unsaved changes',
-        closeTab: 'Close {{name}}',
-        resize: 'Resize panels',
-        pane: 'Panel',
-        movePane: 'Move panel',
-        maximize: 'Maximize panel',
-        restore: 'Restore panels'
+  action: {
+    cancel: 'Cancel',
+    copy: 'Copy',
+    copyError: 'Copy error',
+    dismiss: 'Dismiss',
+    reload: 'Reload',
+    retry: 'Try again',
+    select: 'Select',
+    selectAll: 'Select all'
+  },
+  accent: {
+    more: 'More colors'
+  },
+  settings: {
+    title: 'Settings',
+    section: 'Settings section',
+    sections: 'Settings sections',
+    close: 'Close settings',
+    failed: 'Could not show this settings page',
+    search: {
+      placeholder: 'Search settings',
+      clear: 'Clear search',
+      none: 'No results for “{{query}}”',
+      results: 'Search results',
+      pane: 'Section'
     }
-};
+  },
+  controls: {
+    stepper: {
+      smaller: 'Smaller',
+      larger: 'Larger',
+      smallerFor: '{{label}}: smaller',
+      largerFor: '{{label}}: larger'
+    }
+  },
+  select: {
+    search: 'Search',
+    noMatch: 'No match for “{{query}}”'
+  },
+  iconPicker: {
+    label: 'Icon',
+    none: 'No icon',
+    search: 'Search icons',
+    clear: 'Clear search',
+    noMatch: 'No icon matches “{{query}}”'
+  },
+  zoom: {
+    out: 'Zoom out',
+    in: 'Zoom in',
+    presets: 'Zoom presets',
+    fit: 'Zoom to fit',
+    fitEverything: 'Fit everything'
+  },
+  waveform: {
+    position: '{{time}} of {{duration}}'
+  },
+  projectSwitcher: {
+    label: 'Projects',
+    recent: 'Recent projects',
+    actionsFor: 'Actions for {{name}}'
+  },
+  tabs: {
+    more: 'More',
+    close: 'Close tab'
+  },
+  tree: {
+    label: 'Files',
+    expand: 'Expand',
+    collapse: 'Collapse'
+  },
+  workspace: {
+    tabs: 'Open views',
+    unsaved: 'Unsaved changes',
+    closeTab: 'Close {{name}}',
+    resize: 'Resize panels',
+    pane: 'Panel',
+    movePane: 'Move panel',
+    maximize: 'Maximize panel',
+    restore: 'Restore panels'
+  }
+};