@adecore/ui 0.31.11 → 0.32.0

package/dist/Stepper.js

@@ -1,18 +1,239 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { Minus, Plus } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
-import { ButtonGroup } from './ButtonGroup.js';
+import { ButtonGroup } from "./ButtonGroup.js";
 import { formatFixed } from './format/number.js';
-import { IconButton } from './IconButton.js';
+import { IconButton } from "./IconButton.js";
 import { placesOf } from './step-places.js';
 /* A number between minus and plus, in one sunken group so the three read as a single control. */
-export function Stepper({ value, onValueChange, min, max, step, decimals = placesOf(step), unit, label, className, ref }) {
-    const { t } = useTranslation('ui');
-    const reading = (amount) => (_jsxs(_Fragment, { children: [formatFixed(amount, decimals), unit && _jsx("span", { className: "text-text-muted", children: unit })] }));
-    const nudge = (direction) => {
-        const next = Math.round((value + direction * step) * 100) / 100;
-        onValueChange(Math.min(max, Math.max(min, next)));
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function Stepper(t0) {
+  const $ = _c(58);
+  const {
+    value,
+    onValueChange,
+    min,
+    max,
+    step,
+    decimals: t1,
+    unit,
+    label,
+    className,
+    ref
+  } = t0;
+  let t2;
+  if ($[0] !== step || $[1] !== t1) {
+    t2 = t1 === undefined ? placesOf(step) : t1;
+    $[0] = step;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const decimals = t2;
+  const {
+    t
+  } = useTranslation("ui");
+  let t3;
+  if ($[3] !== decimals || $[4] !== unit) {
+    t3 = amount => /*#__PURE__*/_jsxs(_Fragment, {
+      children: [formatFixed(amount, decimals), unit && /*#__PURE__*/_jsx("span", {
+        className: "text-text-muted",
+        children: unit
+      })]
+    });
+    $[3] = decimals;
+    $[4] = unit;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const reading = t3;
+  let t4;
+  if ($[6] !== max || $[7] !== min || $[8] !== onValueChange || $[9] !== step || $[10] !== value) {
+    t4 = direction => {
+      const next = Math.round((value + direction * step) * 100) / 100;
+      onValueChange(Math.min(max, Math.max(min, next)));
     };
-    return (_jsxs(ButtonGroup, { ref: ref, className: clsx('shrink-0 rounded-lg bg-surface-sunken p-0.5', className), role: "group", "aria-label": label, children: [_jsx(IconButton, { icon: Minus, size: "sm", label: t('controls.stepper.smallerFor', { label }), tooltip: t('controls.stepper.smaller'), disabled: value <= min, onClick: () => nudge(-1) }), _jsxs("span", { className: "grid min-w-10 px-1 text-center text-xs text-text tabular-nums", children: [_jsx("span", { className: "invisible col-start-1 row-start-1", children: reading(min) }), _jsx("span", { className: "invisible col-start-1 row-start-1", children: reading(max) }), _jsx("span", { className: "col-start-1 row-start-1", "aria-live": "polite", children: reading(value) })] }), _jsx(IconButton, { icon: Plus, size: "sm", label: t('controls.stepper.largerFor', { label }), tooltip: t('controls.stepper.larger'), disabled: value >= max, onClick: () => nudge(1) })] }));
-}
+    $[6] = max;
+    $[7] = min;
+    $[8] = onValueChange;
+    $[9] = step;
+    $[10] = value;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  const nudge = t4;
+  let t5;
+  if ($[12] !== className) {
+    t5 = clsx("shrink-0 rounded-lg bg-surface-sunken p-0.5", className);
+    $[12] = className;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== label || $[15] !== t) {
+    t6 = t("controls.stepper.smallerFor", {
+      label
+    });
+    $[14] = label;
+    $[15] = t;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== t) {
+    t7 = t("controls.stepper.smaller");
+    $[17] = t;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  const t8 = value <= min;
+  let t9;
+  if ($[19] !== nudge) {
+    t9 = () => nudge(-1);
+    $[19] = nudge;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  let t10;
+  if ($[21] !== t6 || $[22] !== t7 || $[23] !== t8 || $[24] !== t9) {
+    t10 = /*#__PURE__*/_jsx(IconButton, {
+      icon: Minus,
+      size: "sm",
+      label: t6,
+      tooltip: t7,
+      disabled: t8,
+      onClick: t9
+    });
+    $[21] = t6;
+    $[22] = t7;
+    $[23] = t8;
+    $[24] = t9;
+    $[25] = t10;
+  } else {
+    t10 = $[25];
+  }
+  let t11;
+  if ($[26] !== min || $[27] !== reading) {
+    t11 = /*#__PURE__*/_jsx("span", {
+      className: "invisible col-start-1 row-start-1",
+      children: reading(min)
+    });
+    $[26] = min;
+    $[27] = reading;
+    $[28] = t11;
+  } else {
+    t11 = $[28];
+  }
+  let t12;
+  if ($[29] !== max || $[30] !== reading) {
+    t12 = /*#__PURE__*/_jsx("span", {
+      className: "invisible col-start-1 row-start-1",
+      children: reading(max)
+    });
+    $[29] = max;
+    $[30] = reading;
+    $[31] = t12;
+  } else {
+    t12 = $[31];
+  }
+  let t13;
+  if ($[32] !== reading || $[33] !== value) {
+    t13 = /*#__PURE__*/_jsx("span", {
+      className: "col-start-1 row-start-1",
+      "aria-live": "polite",
+      children: reading(value)
+    });
+    $[32] = reading;
+    $[33] = value;
+    $[34] = t13;
+  } else {
+    t13 = $[34];
+  }
+  let t14;
+  if ($[35] !== t11 || $[36] !== t12 || $[37] !== t13) {
+    t14 = /*#__PURE__*/_jsxs("span", {
+      className: "grid min-w-10 px-1 text-center text-xs text-text tabular-nums",
+      children: [t11, t12, t13]
+    });
+    $[35] = t11;
+    $[36] = t12;
+    $[37] = t13;
+    $[38] = t14;
+  } else {
+    t14 = $[38];
+  }
+  let t15;
+  if ($[39] !== label || $[40] !== t) {
+    t15 = t("controls.stepper.largerFor", {
+      label
+    });
+    $[39] = label;
+    $[40] = t;
+    $[41] = t15;
+  } else {
+    t15 = $[41];
+  }
+  let t16;
+  if ($[42] !== t) {
+    t16 = t("controls.stepper.larger");
+    $[42] = t;
+    $[43] = t16;
+  } else {
+    t16 = $[43];
+  }
+  const t17 = value >= max;
+  let t18;
+  if ($[44] !== nudge) {
+    t18 = () => nudge(1);
+    $[44] = nudge;
+    $[45] = t18;
+  } else {
+    t18 = $[45];
+  }
+  let t19;
+  if ($[46] !== t15 || $[47] !== t16 || $[48] !== t17 || $[49] !== t18) {
+    t19 = /*#__PURE__*/_jsx(IconButton, {
+      icon: Plus,
+      size: "sm",
+      label: t15,
+      tooltip: t16,
+      disabled: t17,
+      onClick: t18
+    });
+    $[46] = t15;
+    $[47] = t16;
+    $[48] = t17;
+    $[49] = t18;
+    $[50] = t19;
+  } else {
+    t19 = $[50];
+  }
+  let t20;
+  if ($[51] !== label || $[52] !== ref || $[53] !== t10 || $[54] !== t14 || $[55] !== t19 || $[56] !== t5) {
+    t20 = /*#__PURE__*/_jsxs(ButtonGroup, {
+      ref: ref,
+      className: t5,
+      role: "group",
+      "aria-label": label,
+      children: [t10, t14, t19]
+    });
+    $[51] = label;
+    $[52] = ref;
+    $[53] = t10;
+    $[54] = t14;
+    $[55] = t19;
+    $[56] = t5;
+    $[57] = t20;
+  } else {
+    t20 = $[57];
+  }
+  return t20;
+}

package/dist/Surface.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';
 const FLOAT = 'border border-border bg-[color-mix(in_srgb,var(--surface-raised)_88%,transparent)] shadow-float backdrop-blur-[14px]';
@@ -6,11 +7,64 @@ const FLOAT = 'border border-border bg-[color-mix(in_srgb,var(--surface-raised)_
  * chip over a scrolling thread. It brings the ground, the border and the shadow; the caller brings
  * the shape (radius, padding, height) and the position.
  */
-export function Surface({ render, className, ref, ...props }) {
-    return useRender({
-        render,
-        ref,
-        defaultTagName: 'div',
-        props: { ...props, className: clsx(FLOAT, className) }
-    });
-}
+export function Surface(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(FLOAT, 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/Switch.js

@@ -1,9 +1,63 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { Switch as BaseSwitch } from '@base-ui/react/switch';
 /* On or off, as a switch rather than a checkbox: a setting that takes effect the moment it flips. */
-export function Switch({ checked, onCheckedChange, label, disabled, className, ref }) {
-    return (_jsx(BaseSwitch.Root, { ref: ref, checked: checked, onCheckedChange: (next) => onCheckedChange(next), "aria-label": label, disabled: disabled, 
-        // Base UI renders the root as a `span`, which ignores its size outside a flex row unless it lays out as a box.
-        className: clsx('relative inline-flex h-5 w-9 shrink-0 rounded-full bg-border-strong p-0.5 transition-colors data-checked:bg-accent data-disabled:opacity-50', className), children: _jsx(BaseSwitch.Thumb, { className: "block h-4 w-4 rounded-full bg-surface-raised shadow-raised transition-transform data-checked:translate-x-4" }) }));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Switch(t0) {
+  const $ = _c(12);
+  const {
+    checked,
+    onCheckedChange,
+    label,
+    disabled,
+    className,
+    ref
+  } = t0;
+  let t1;
+  if ($[0] !== onCheckedChange) {
+    t1 = next => onCheckedChange(next);
+    $[0] = onCheckedChange;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== className) {
+    t2 = clsx("relative inline-flex h-5 w-9 shrink-0 rounded-full bg-border-strong p-0.5 transition-colors data-checked:bg-accent data-disabled:opacity-50", className);
+    $[2] = className;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /*#__PURE__*/_jsx(BaseSwitch.Thumb, {
+      className: "block h-4 w-4 rounded-full bg-surface-raised shadow-raised transition-transform data-checked:translate-x-4"
+    });
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== checked || $[6] !== disabled || $[7] !== label || $[8] !== ref || $[9] !== t1 || $[10] !== t2) {
+    t4 = /*#__PURE__*/_jsx(BaseSwitch.Root, {
+      ref: ref,
+      checked: checked,
+      onCheckedChange: t1,
+      "aria-label": label,
+      disabled: disabled,
+      className: t2,
+      children: t3
+    });
+    $[5] = checked;
+    $[6] = disabled;
+    $[7] = label;
+    $[8] = ref;
+    $[9] = t1;
+    $[10] = t2;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
+}

package/dist/TextMenu.js

@@ -1,12 +1,12 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useRef, useState } from 'react';
 import { Copy, Scan } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { copyText } from './clipboard.js';
-import { Icon } from './Icon.js';
-import { Kbd } from './Kbd.js';
+import { Icon } from "./Icon.js";
+import { Kbd } from "./Kbd.js";
 import { mergeRefs } from './merge-refs.js';
-import { ContextMenuRoot, ContextMenuTrigger, MenuItem, MenuPopup, MenuSeparator } from './menu/parts.js';
+import { ContextMenuRoot, ContextMenuTrigger, MenuItem, MenuPopup, MenuSeparator } from "./menu/parts.js";
 import { isApplePlatform } from './platform.js';
 import { selectAllWithin, selectionWithin } from './selection.js';
 import { EDIT_SHORTCUTS, matchesShortcut } from './shortcut.js';
@@ -15,17 +15,212 @@ import { EDIT_SHORTCUTS, matchesShortcut } from './shortcut.js';
  * for the whole of it, on Cmd+A as well. Anywhere text can be selected a right-click has to offer
  * to copy it, and an app that draws every menu itself offers nothing at all without one of these.
  */
-export function TextMenu({ children, items, ref, ...rest }) {
-    const { t } = useTranslation('ui');
-    const host = useRef(null);
-    // Read when the menu opens: a selection made after that is not the one the click was about.
-    const [selection, setSelection] = useState('');
-    const onKeyDown = (event) => {
-        if (!matchesShortcut(EDIT_SHORTCUTS.selectAll, event, isApplePlatform())) {
-            return;
-        }
-        event.preventDefault();
-        selectAllWithin(host.current);
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function TextMenu(t0) {
+  const $ = _c(40);
+  let children;
+  let items;
+  let ref;
+  let rest;
+  if ($[0] !== t0) {
+    ({
+      children,
+      items,
+      ref,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = items;
+    $[3] = ref;
+    $[4] = rest;
+  } else {
+    children = $[1];
+    items = $[2];
+    ref = $[3];
+    rest = $[4];
+  }
+  const {
+    t
+  } = useTranslation("ui");
+  const host = useRef(null);
+  const [selection, setSelection] = useState("");
+  let t1;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = event => {
+      if (!matchesShortcut(EDIT_SHORTCUTS.selectAll, event, isApplePlatform())) {
+        return;
+      }
+      event.preventDefault();
+      selectAllWithin(host.current);
     };
-    return (_jsxs(ContextMenuRoot, { onOpenChange: (open) => setSelection(open ? selectionWithin(host.current) : ''), children: [_jsx(ContextMenuTrigger, { ...rest, ref: mergeRefs(host, ref), onKeyDown: onKeyDown, children: children }), _jsxs(MenuPopup, { children: [_jsxs(MenuItem, { disabled: selection === '', onClick: () => copyText(selection), children: [_jsx(Icon, { icon: Copy, size: 14 }), " ", t('action.copy'), " ", _jsx(Kbd, { shortcut: EDIT_SHORTCUTS.copy })] }), _jsx(MenuSeparator, {}), _jsxs(MenuItem, { onClick: () => selectAllWithin(host.current), children: [_jsx(Icon, { icon: Scan, size: 14 }), " ", t('action.selectAll'), " ", _jsx(Kbd, { shortcut: EDIT_SHORTCUTS.selectAll })] }), items !== undefined && (_jsxs(_Fragment, { children: [_jsx(MenuSeparator, {}), items] }))] })] }));
-}
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  const onKeyDown = t1;
+  let t2;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = open => setSelection(open ? selectionWithin(host.current) : "");
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== ref) {
+    t3 = mergeRefs(host, ref);
+    $[7] = ref;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== children || $[10] !== rest || $[11] !== t3) {
+    t4 = /*#__PURE__*/_jsx(ContextMenuTrigger, {
+      ...rest,
+      ref: t3,
+      onKeyDown: onKeyDown,
+      children: children
+    });
+    $[9] = children;
+    $[10] = rest;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  const t5 = selection === "";
+  let t6;
+  if ($[13] !== selection) {
+    t6 = () => copyText(selection);
+    $[13] = selection;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /*#__PURE__*/_jsx(Icon, {
+      icon: Copy,
+      size: 14
+    });
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== t) {
+    t8 = t("action.copy");
+    $[16] = t;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = /*#__PURE__*/_jsx(Kbd, {
+      shortcut: EDIT_SHORTCUTS.copy
+    });
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== t5 || $[20] !== t6 || $[21] !== t8) {
+    t10 = /*#__PURE__*/_jsxs(MenuItem, {
+      disabled: t5,
+      onClick: t6,
+      children: [t7, " ", t8, " ", t9]
+    });
+    $[19] = t5;
+    $[20] = t6;
+    $[21] = t8;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  let t11;
+  if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = /*#__PURE__*/_jsx(MenuSeparator, {});
+    $[23] = t11;
+  } else {
+    t11 = $[23];
+  }
+  let t12;
+  let t13;
+  if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+    t12 = () => selectAllWithin(host.current);
+    t13 = /*#__PURE__*/_jsx(Icon, {
+      icon: Scan,
+      size: 14
+    });
+    $[24] = t12;
+    $[25] = t13;
+  } else {
+    t12 = $[24];
+    t13 = $[25];
+  }
+  let t14;
+  if ($[26] !== t) {
+    t14 = t("action.selectAll");
+    $[26] = t;
+    $[27] = t14;
+  } else {
+    t14 = $[27];
+  }
+  let t15;
+  if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+    t15 = /*#__PURE__*/_jsx(Kbd, {
+      shortcut: EDIT_SHORTCUTS.selectAll
+    });
+    $[28] = t15;
+  } else {
+    t15 = $[28];
+  }
+  let t16;
+  if ($[29] !== t14) {
+    t16 = /*#__PURE__*/_jsxs(MenuItem, {
+      onClick: t12,
+      children: [t13, " ", t14, " ", t15]
+    });
+    $[29] = t14;
+    $[30] = t16;
+  } else {
+    t16 = $[30];
+  }
+  let t17;
+  if ($[31] !== items) {
+    t17 = items !== undefined && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(MenuSeparator, {}), items]
+    });
+    $[31] = items;
+    $[32] = t17;
+  } else {
+    t17 = $[32];
+  }
+  let t18;
+  if ($[33] !== t10 || $[34] !== t16 || $[35] !== t17) {
+    t18 = /*#__PURE__*/_jsxs(MenuPopup, {
+      children: [t10, t11, t16, t17]
+    });
+    $[33] = t10;
+    $[34] = t16;
+    $[35] = t17;
+    $[36] = t18;
+  } else {
+    t18 = $[36];
+  }
+  let t19;
+  if ($[37] !== t18 || $[38] !== t4) {
+    t19 = /*#__PURE__*/_jsxs(ContextMenuRoot, {
+      onOpenChange: t2,
+      children: [t4, t18]
+    });
+    $[37] = t18;
+    $[38] = t4;
+    $[39] = t19;
+  } else {
+    t19 = $[39];
+  }
+  return t19;
+}