@adecore/ui 0.31.11 → 0.32.0

package/dist/clipboard.js

@@ -3,24 +3,22 @@
  * and allowed, and there is nothing a person can do about a refusal, so both sides stay quiet.
  */
 /* Resolves to whether the text got there, for a caller that tells the person; it never rejects. */
-export const copyText = async (text) => {
-    try {
-        if (!navigator.clipboard) {
-            return false;
-        }
-        await navigator.clipboard.writeText(text);
-        return true;
-    }
-    catch {
-        return false;
+export const copyText = async text => {
+  try {
+    if (!navigator.clipboard) {
+      return false;
     }
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    return false;
+  }
 };
 /* What is on the clipboard, or nothing at all when the browser will not say. */
 export const readClipboardText = async () => {
-    try {
-        return (await navigator.clipboard?.readText()) ?? '';
-    }
-    catch {
-        return '';
-    }
-};
+  try {
+    return (await navigator.clipboard?.readText()) ?? '';
+  } catch {
+    return '';
+  }
+};

package/dist/context-menu/index.parts.js

@@ -1,2 +1,2 @@
 /* A context menu is a menu that opens at the pointer; every part inside it is the menu's own. */
-export { MenuCheck as Check, MenuCheckboxItem as CheckboxItem, MenuGroup as Group, MenuGroupLabel as GroupLabel, MenuHint as Hint, MenuItem as Item, MenuLabel as Label, MenuPopup as Popup, MenuRadioGroup as RadioGroup, MenuRadioItem as RadioItem, ContextMenuRoot as Root, MenuRow as Row, MenuRowAction as RowAction, MenuRowSubmenuTrigger as RowSubmenuTrigger, MenuSeparator as Separator, MenuSubmenuRoot as SubmenuRoot, MenuSubmenuTrigger as SubmenuTrigger, ContextMenuTrigger as Trigger } from '../menu/parts.js';
+export { MenuCheck as Check, MenuCheckboxItem as CheckboxItem, MenuGroup as Group, MenuGroupLabel as GroupLabel, MenuHint as Hint, MenuItem as Item, MenuLabel as Label, MenuPopup as Popup, MenuRadioGroup as RadioGroup, MenuRadioItem as RadioItem, ContextMenuRoot as Root, MenuRow as Row, MenuRowAction as RowAction, MenuRowSubmenuTrigger as RowSubmenuTrigger, MenuSeparator as Separator, MenuSubmenuRoot as SubmenuRoot, MenuSubmenuTrigger as SubmenuTrigger, ContextMenuTrigger as Trigger } from "../menu/parts.js";

package/dist/dialog/index.parts.js

@@ -1 +1 @@
-export { DialogClose as Close, DialogDescription as Description, DialogFooter as Footer, DialogPopup as Popup, DialogRoot as Root, DialogText as Text, DialogTitle as Title, DialogTrigger as Trigger } from './parts.js';
+export { DialogClose as Close, DialogDescription as Description, DialogFooter as Footer, DialogPopup as Popup, DialogRoot as Root, DialogText as Text, DialogTitle as Title, DialogTrigger as Trigger } from "./parts.js";

package/dist/dialog/parts.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { createContext, useContext, useState } from 'react';
 import clsx from 'clsx';
 import { Dialog as BaseDialog } from '@base-ui/react/dialog';
@@ -6,20 +6,80 @@ import { useRender } from '@base-ui/react/use-render';
 import { withClass } from '../class-name.js';
 import { useDialogLayer } from '../dialog-layer.js';
 /* Whether the dialog is open, for its popup to decide whether it stacks over another one. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DialogOpenContext = createContext(false);
 /* A question or a form of a few fields. Every one is as wide as the others, whatever it asks. */
 const SIZE = {
-    sm: 'w-[420px] p-5'
+  sm: 'w-[420px] p-5'
 };
-export function DialogRoot({ open, defaultOpen, onOpenChange, ...props }) {
-    // Followed rather than taken over, so a dialog that keeps its own state still does.
-    const [seen, setSeen] = useState(defaultOpen ?? false);
-    return (_jsx(DialogOpenContext, { value: open ?? seen, children: _jsx(BaseDialog.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: (next, details) => {
-                onOpenChange?.(next, details);
-                if (!details.isCanceled) {
-                    setSeen(next);
-                }
-            }, ...props }) }));
+export function DialogRoot(t0) {
+  const $ = _c(15);
+  let defaultOpen;
+  let onOpenChange;
+  let open;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      open,
+      defaultOpen,
+      onOpenChange,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = defaultOpen;
+    $[2] = onOpenChange;
+    $[3] = open;
+    $[4] = props;
+  } else {
+    defaultOpen = $[1];
+    onOpenChange = $[2];
+    open = $[3];
+    props = $[4];
+  }
+  const [seen, setSeen] = useState(defaultOpen ?? false);
+  const t1 = open ?? seen;
+  let t2;
+  if ($[5] !== onOpenChange) {
+    t2 = (next, details) => {
+      onOpenChange?.(next, details);
+      if (!details.isCanceled) {
+        setSeen(next);
+      }
+    };
+    $[5] = onOpenChange;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== defaultOpen || $[8] !== open || $[9] !== props || $[10] !== t2) {
+    t3 = /*#__PURE__*/_jsx(BaseDialog.Root, {
+      open: open,
+      defaultOpen: defaultOpen,
+      onOpenChange: t2,
+      ...props
+    });
+    $[7] = defaultOpen;
+    $[8] = open;
+    $[9] = props;
+    $[10] = t2;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] !== t1 || $[13] !== t3) {
+    t4 = /*#__PURE__*/_jsx(DialogOpenContext, {
+      value: t1,
+      children: t3
+    });
+    $[12] = t1;
+    $[13] = t3;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  return t4;
 }
 export const DialogTrigger = BaseDialog.Trigger;
 export const DialogClose = BaseDialog.Close;
@@ -28,28 +88,317 @@ export const DialogClose = BaseDialog.Close;
  * one is up, such as one from the menu bar over a settings dialog, takes the nested steps and a
  * backdrop of its own, or the one underneath stays on top and keeps taking clicks.
  */
-export function DialogPopup({ size, nested = false, backdrop = true, backdropClassName, keepMounted, className, ...props }) {
-    const stacked = useDialogLayer(useContext(DialogOpenContext)) || nested;
-    return (_jsxs(BaseDialog.Portal, { keepMounted: keepMounted, children: [backdrop && (_jsx(BaseDialog.Backdrop, { className: clsx('dialog-backdrop', stacked && 'dialog-backdrop-nested', backdropClassName), forceRender: stacked })), _jsx(BaseDialog.Popup, { className: withClass(clsx('dialog-popup', size !== undefined && SIZE[size], stacked && 'dialog-popup-nested'), className), ...props })] }));
+export function DialogPopup(t0) {
+  const $ = _c(23);
+  let backdropClassName;
+  let className;
+  let keepMounted;
+  let props;
+  let size;
+  let t1;
+  let t2;
+  if ($[0] !== t0) {
+    ({
+      size,
+      nested: t1,
+      backdrop: t2,
+      backdropClassName,
+      keepMounted,
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = backdropClassName;
+    $[2] = className;
+    $[3] = keepMounted;
+    $[4] = props;
+    $[5] = size;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    backdropClassName = $[1];
+    className = $[2];
+    keepMounted = $[3];
+    props = $[4];
+    size = $[5];
+    t1 = $[6];
+    t2 = $[7];
+  }
+  const nested = t1 === undefined ? false : t1;
+  const backdrop = t2 === undefined ? true : t2;
+  const stacked = useDialogLayer(useContext(DialogOpenContext)) || nested;
+  let t3;
+  if ($[8] !== backdrop || $[9] !== backdropClassName || $[10] !== stacked) {
+    t3 = backdrop && /*#__PURE__*/_jsx(BaseDialog.Backdrop, {
+      className: clsx("dialog-backdrop", stacked && "dialog-backdrop-nested", backdropClassName),
+      forceRender: stacked
+    });
+    $[8] = backdrop;
+    $[9] = backdropClassName;
+    $[10] = stacked;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] !== className || $[13] !== size || $[14] !== stacked) {
+    t4 = withClass(clsx("dialog-popup", size !== undefined && SIZE[size], stacked && "dialog-popup-nested"), className);
+    $[12] = className;
+    $[13] = size;
+    $[14] = stacked;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  let t5;
+  if ($[16] !== props || $[17] !== t4) {
+    t5 = /*#__PURE__*/_jsx(BaseDialog.Popup, {
+      className: t4,
+      ...props
+    });
+    $[16] = props;
+    $[17] = t4;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  let t6;
+  if ($[19] !== keepMounted || $[20] !== t3 || $[21] !== t5) {
+    t6 = /*#__PURE__*/_jsxs(BaseDialog.Portal, {
+      keepMounted: keepMounted,
+      children: [t3, t5]
+    });
+    $[19] = keepMounted;
+    $[20] = t3;
+    $[21] = t5;
+    $[22] = t6;
+  } else {
+    t6 = $[22];
+  }
+  return t6;
 }
-export function DialogTitle({ size = 'base', className, ...props }) {
-    return _jsx(BaseDialog.Title, { className: withClass(clsx(size === 'lg' ? 'text-lg' : 'text-base', 'font-semibold text-text'), className), ...props });
+export function DialogTitle(t0) {
+  const $ = _c(10);
+  let className;
+  let props;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      size: t1,
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    className = $[1];
+    props = $[2];
+    t1 = $[3];
+  }
+  const size = t1 === undefined ? "base" : t1;
+  let t2;
+  if ($[4] !== className || $[5] !== size) {
+    t2 = withClass(clsx(size === "lg" ? "text-lg" : "text-base", "font-semibold text-text"), className);
+    $[4] = className;
+    $[5] = size;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== props || $[8] !== t2) {
+    t3 = /*#__PURE__*/_jsx(BaseDialog.Title, {
+      className: t2,
+      ...props
+    });
+    $[7] = props;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
 }
-const DESCRIPTION = { sm: 'text-sm text-text-muted', xs: 'text-xs text-text-muted' };
+const DESCRIPTION = {
+  sm: 'text-sm text-text-muted',
+  xs: 'text-xs text-text-muted'
+};
 /* The sentence under the title, which is also what a screen reader reads as the dialog's description. It carries no margin. */
-export function DialogDescription({ size = 'sm', className, ...props }) {
-    return _jsx(BaseDialog.Description, { className: withClass(DESCRIPTION[size], className), ...props });
+export function DialogDescription(t0) {
+  const $ = _c(10);
+  let className;
+  let props;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      size: t1,
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    className = $[1];
+    props = $[2];
+    t1 = $[3];
+  }
+  const size = t1 === undefined ? "sm" : t1;
+  const t2 = DESCRIPTION[size];
+  let t3;
+  if ($[4] !== className || $[5] !== t2) {
+    t3 = withClass(t2, className);
+    $[4] = className;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== props || $[8] !== t3) {
+    t4 = /*#__PURE__*/_jsx(BaseDialog.Description, {
+      className: t3,
+      ...props
+    });
+    $[7] = props;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
 }
 /* A further line in the style of the description that is not the dialog's description: a warning, a note under a choice. */
-export function DialogText({ size = 'sm', render, className, ref, ...props }) {
-    return useRender({ render, ref, defaultTagName: 'p', props: { ...props, className: clsx(DESCRIPTION[size], className) } });
+export function DialogText(t0) {
+  const $ = _c(16);
+  let className;
+  let props;
+  let ref;
+  let render;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      size: 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 size = t1 === undefined ? "sm" : t1;
+  const t2 = DESCRIPTION[size];
+  let t3;
+  if ($[6] !== className || $[7] !== t2) {
+    t3 = clsx(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: "p",
+      props: t4
+    };
+    $[12] = ref;
+    $[13] = render;
+    $[14] = t4;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  return useRender(t5);
 }
 /* The buttons at the foot of a dialog, the main action last and so on the right. */
-export function DialogFooter({ render, className, ref, ...props }) {
-    return useRender({
-        render,
-        ref,
-        defaultTagName: 'div',
-        props: { ...props, className: clsx('mt-4 flex flex-wrap items-center justify-end gap-2', className) }
-    });
-}
+export function DialogFooter(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("mt-4 flex flex-wrap items-center justify-end gap-2", 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);
+}

package/dist/dialog-layer.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react/compiler-runtime";
 import { useLayoutEffect, useRef, useState } from 'react';
 // The app-level dialogs open right now. Each one is its own root, so Base UI does not see them as nested.
 const open = new Set();
@@ -7,21 +8,53 @@ const open = new Set();
  * `dialog-popup-nested`, a forced backdrop), or the one underneath stays on top and keeps taking clicks.
  */
 export function useDialogLayer(isOpen) {
-    const id = useRef(Symbol('dialog'));
-    // Decided in render at the moment the dialog opens, so its first frame is already on the right step.
-    const [seen, setSeen] = useState({ open: false, stacked: false });
-    if (seen.open !== isOpen) {
-        setSeen({ open: isOpen, stacked: isOpen && open.size > 0 });
-    }
-    useLayoutEffect(() => {
-        if (!isOpen) {
-            return;
-        }
-        const self = id.current;
-        open.add(self);
-        return () => {
-            open.delete(self);
-        };
-    }, [isOpen]);
-    return isOpen && seen.stacked;
-}
+  const $ = _c(5);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = Symbol("dialog");
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const id = useRef(t0);
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      open: false,
+      stacked: false
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [seen, setSeen] = useState(t1);
+  if (seen.open !== isOpen) {
+    setSeen({
+      open: isOpen,
+      stacked: isOpen && open.size > 0
+    });
+  }
+  let t2;
+  let t3;
+  if ($[2] !== isOpen) {
+    t2 = () => {
+      if (!isOpen) {
+        return;
+      }
+      const self = id.current;
+      open.add(self);
+      return () => {
+        open.delete(self);
+      };
+    };
+    t3 = [isOpen];
+    $[2] = isOpen;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t2 = $[3];
+    t3 = $[4];
+  }
+  useLayoutEffect(t2, t3);
+  return isOpen && seen.stacked;
+}

package/dist/error-boundary.js

@@ -8,27 +8,27 @@
  * page every time the data under it changes.
  */
 export const shouldReset = (failed, previous, next) => {
-    if (!failed) {
-        return false;
-    }
-    if (previous.length !== next.length) {
-        return true;
-    }
-    return previous.some((key, i) => !Object.is(key, next[i]));
+  if (!failed) {
+    return false;
+  }
+  if (previous.length !== next.length) {
+    return true;
+  }
+  return previous.some((key, i) => !Object.is(key, next[i]));
 };
 /* A thrown value is not always an Error, and the message has to say something either way. */
-export const errorMessageOf = (error) => {
-    if (error instanceof Error) {
-        return error.message || error.name;
-    }
-    return typeof error === 'string' ? error : String(error);
+export const errorMessageOf = error => {
+  if (error instanceof Error) {
+    return error.message || error.name;
+  }
+  return typeof error === 'string' ? error : String(error);
 };
 /* The text behind the copy button: what a bug report needs, the component stack included. */
 export const errorReport = (label, error, componentStack) => {
-    const stack = error instanceof Error && error.stack ? error.stack : errorMessageOf(error);
-    const parts = [label, stack];
-    if (componentStack) {
-        parts.push(`Component stack:${componentStack}`);
-    }
-    return parts.join('\n\n');
-};
+  const stack = error instanceof Error && error.stack ? error.stack : errorMessageOf(error);
+  const parts = [label, stack];
+  if (componentStack) {
+    parts.push(`Component stack:${componentStack}`);
+  }
+  return parts.join('\n\n');
+};

package/dist/error-message.js

@@ -1,4 +1,4 @@
 /* The sentence of an error, for a person to read. One that crossed an Electron bridge (`ipcRenderer.invoke`)
    carries Electron's own prefix, which says nothing to a person. A throw that is not an Error has no
    sentence in it, so a caller that knows the step names it. */
-export const messageOf = (e, fallback) => (e instanceof Error ? e.message : (fallback ?? String(e))).replace(/^Error invoking remote method '[^']+': (?:[A-Za-z]*Error: )?/, '');
+export const messageOf = (e, fallback) => (e instanceof Error ? e.message : fallback ?? String(e)).replace(/^Error invoking remote method '[^']+': (?:[A-Za-z]*Error: )?/, '');

package/dist/field-context.js

@@ -1,10 +1,12 @@
 import { createContext, useContext } from 'react';
 export const FieldContext = createContext(null);
 /* What an `Input` or a `TextArea` inside a `Field` takes over: the id its label points at, the hint and the error it is described by. */
-export const useFieldControl = () => useContext(FieldContext);
+export const useFieldControl = () => {
+  return useContext(FieldContext);
+};
 /* The attributes that connect a control to its field; an `id` the caller sets wins over the field's. */
 export const fieldControlProps = (field, id) => ({
-    id: id ?? field?.id,
-    'aria-describedby': field?.describedBy,
-    'aria-invalid': field?.invalid || undefined
-});
+  id: id ?? field?.id,
+  'aria-describedby': field?.describedBy,
+  'aria-invalid': field?.invalid || undefined
+});