@adecore/ui 0.33.3 → 0.34.0

package/dist/command-palette/parts.js

@@ -0,0 +1,422 @@
+import { c as _c } from "react/compiler-runtime";
+import { createContext, useContext, useRef } from 'react';
+import clsx from 'clsx';
+import { Search } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { Autocomplete } from '@base-ui/react/autocomplete';
+import { useRender } from '@base-ui/react/use-render';
+import { withClass } from '../class-name.js';
+import { DialogPopup, DialogRoot } from "../dialog/parts.js";
+import { Icon } from "../Icon.js";
+import { Kbd } from "../Kbd.js";
+import { mergeRefs } from '../merge-refs.js';
+import { KEY_SHORTCUTS } from '../shortcut.js';
+/* The field, for the popup to put the focus in when it opens: a control before it would take it otherwise. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const InputRefContext = createContext(null);
+/* A palette asks for a few words and shows rows of one line; a search whose rows are lines of source needs the wider one. */
+const SIZE = {
+  md: 'w-[576px]',
+  lg: 'w-[760px]'
+};
+/*
+ * A dialog around a list that is always open. `open` and its handlers are the dialog's; the rest
+ * is Base UI's autocomplete, so the query, the items and their filter work as in a combobox. The
+ * first row is highlighted and stays so while the pointer leaves the list, which is what Enter runs.
+ */
+export function CommandPaletteRoot(t0) {
+  const $ = _c(22);
+  let children;
+  let defaultOpen;
+  let items;
+  let onOpenChange;
+  let onOpenChangeComplete;
+  let open;
+  let props;
+  let t1;
+  let t2;
+  if ($[0] !== t0) {
+    ({
+      open,
+      defaultOpen,
+      onOpenChange,
+      onOpenChangeComplete,
+      autoHighlight: t1,
+      keepHighlight: t2,
+      items,
+      children,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = defaultOpen;
+    $[3] = items;
+    $[4] = onOpenChange;
+    $[5] = onOpenChangeComplete;
+    $[6] = open;
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    children = $[1];
+    defaultOpen = $[2];
+    items = $[3];
+    onOpenChange = $[4];
+    onOpenChangeComplete = $[5];
+    open = $[6];
+    props = $[7];
+    t1 = $[8];
+    t2 = $[9];
+  }
+  const autoHighlight = t1 === undefined ? "always" : t1;
+  const keepHighlight = t2 === undefined ? true : t2;
+  const inputRef = useRef(null);
+  let t3;
+  if ($[10] !== autoHighlight || $[11] !== children || $[12] !== items || $[13] !== keepHighlight || $[14] !== props) {
+    t3 = /*#__PURE__*/_jsx(InputRefContext, {
+      value: inputRef,
+      children: /*#__PURE__*/_jsx(Autocomplete.Root, {
+        ...props,
+        items: items,
+        inline: true,
+        open: true,
+        autoHighlight: autoHighlight,
+        keepHighlight: keepHighlight,
+        children: children
+      })
+    });
+    $[10] = autoHighlight;
+    $[11] = children;
+    $[12] = items;
+    $[13] = keepHighlight;
+    $[14] = props;
+    $[15] = t3;
+  } else {
+    t3 = $[15];
+  }
+  let t4;
+  if ($[16] !== defaultOpen || $[17] !== onOpenChange || $[18] !== onOpenChangeComplete || $[19] !== open || $[20] !== t3) {
+    t4 = /*#__PURE__*/_jsx(DialogRoot, {
+      open: open,
+      defaultOpen: defaultOpen,
+      onOpenChange: onOpenChange,
+      onOpenChangeComplete: onOpenChangeComplete,
+      children: t3
+    });
+    $[16] = defaultOpen;
+    $[17] = onOpenChange;
+    $[18] = onOpenChangeComplete;
+    $[19] = open;
+    $[20] = t3;
+    $[21] = t4;
+  } else {
+    t4 = $[21];
+  }
+  return t4;
+}
+/*
+ * The dialog's surface. It hangs from a fixed line near the top instead of the middle: the list
+ * changes height with every key, and a centered popup would walk up and down the screen.
+ */
+export function CommandPalettePopup(t0) {
+  const $ = _c(15);
+  let className;
+  let initialFocus;
+  let props;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      size: t1,
+      initialFocus,
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = initialFocus;
+    $[3] = props;
+    $[4] = t1;
+  } else {
+    className = $[1];
+    initialFocus = $[2];
+    props = $[3];
+    t1 = $[4];
+  }
+  const size = t1 === undefined ? "md" : t1;
+  const {
+    t
+  } = useTranslation("ui");
+  const inputRef = useContext(InputRefContext);
+  let t2;
+  if ($[5] !== t) {
+    t2 = t("palette.label");
+    $[5] = t;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const t3 = initialFocus ?? inputRef ?? undefined;
+  let t4;
+  if ($[7] !== className || $[8] !== size) {
+    t4 = withClass(clsx("top-[18vh] flex flex-col [translate:-50%_0]", SIZE[size]), className);
+    $[7] = className;
+    $[8] = size;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== props || $[11] !== t2 || $[12] !== t3 || $[13] !== t4) {
+    t5 = /*#__PURE__*/_jsx(DialogPopup, {
+      "aria-label": t2,
+      initialFocus: t3,
+      className: t4,
+      ...props
+    });
+    $[10] = props;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  return t5;
+}
+/* The field across the top. It keeps the keys while the arrows move the highlight; a control beside it should not take the focus on a click. */
+export function CommandPaletteInput(t0) {
+  const $ = _c(29);
+  let className;
+  let leading;
+  let props;
+  let ref;
+  let t1;
+  let t2;
+  let trailing;
+  if ($[0] !== t0) {
+    ({
+      leading,
+      trailing,
+      escapeHint: t1,
+      mono: t2,
+      className,
+      ref,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = leading;
+    $[3] = props;
+    $[4] = ref;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = trailing;
+  } else {
+    className = $[1];
+    leading = $[2];
+    props = $[3];
+    ref = $[4];
+    t1 = $[5];
+    t2 = $[6];
+    trailing = $[7];
+  }
+  const escapeHint = t1 === undefined ? true : t1;
+  const mono = t2 === undefined ? false : t2;
+  const inputRef = useContext(InputRefContext);
+  let t3;
+  if ($[8] !== className) {
+    t3 = clsx("relative flex shrink-0 items-center gap-2 border-b border-border px-3", className);
+    $[8] = className;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== leading) {
+    t4 = leading ?? /*#__PURE__*/_jsx(Icon, {
+      icon: Search,
+      size: 14,
+      className: "shrink-0 text-text-faint"
+    });
+    $[10] = leading;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  const t5 = inputRef ?? undefined;
+  let t6;
+  if ($[12] !== ref || $[13] !== t5) {
+    t6 = mergeRefs(ref, t5);
+    $[12] = ref;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  const t7 = mono && "font-mono text-code";
+  let t8;
+  if ($[15] !== t7) {
+    t8 = clsx("h-11 min-w-0 flex-1 bg-transparent text-sm text-text outline-none placeholder:text-text-faint", t7);
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  let t9;
+  if ($[17] !== props || $[18] !== t6 || $[19] !== t8) {
+    t9 = /*#__PURE__*/_jsx(Autocomplete.Input, {
+      ref: t6,
+      spellCheck: false,
+      className: t8,
+      ...props
+    });
+    $[17] = props;
+    $[18] = t6;
+    $[19] = t8;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  let t10;
+  if ($[21] !== escapeHint) {
+    t10 = escapeHint && /*#__PURE__*/_jsx(Kbd, {
+      shortcut: KEY_SHORTCUTS.escape,
+      variant: "inline",
+      className: "shrink-0"
+    });
+    $[21] = escapeHint;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  let t11;
+  if ($[23] !== t10 || $[24] !== t3 || $[25] !== t4 || $[26] !== t9 || $[27] !== trailing) {
+    t11 = /*#__PURE__*/_jsxs("div", {
+      className: t3,
+      children: [t4, t9, trailing, t10]
+    });
+    $[23] = t10;
+    $[24] = t3;
+    $[25] = t4;
+    $[26] = t9;
+    $[27] = trailing;
+    $[28] = t11;
+  } else {
+    t11 = $[28];
+  }
+  return t11;
+}
+/* The rows. It scrolls on its own, so the field and the footer stay put. */
+export function CommandPaletteList(t0) {
+  const $ = _c(11);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  const {
+    t
+  } = useTranslation("ui");
+  let t1;
+  if ($[3] !== t) {
+    t1 = t("palette.results");
+    $[3] = t;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== className) {
+    t2 = withClass("max-h-[50vh] min-h-0 overflow-y-auto overscroll-contain scroll-py-1.5 not-empty:p-1.5", className);
+    $[5] = className;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== props || $[8] !== t1 || $[9] !== t2) {
+    t3 = /*#__PURE__*/_jsx(Autocomplete.List, {
+      "aria-label": t1,
+      className: t2,
+      ...props
+    });
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t2;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  return t3;
+}
+/* Under the list: the keys that work here, a count, an action that leaves the palette. */
+export function CommandPaletteFooter(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("flex shrink-0 items-center gap-3 border-t border-border px-3 py-2 text-xs 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: "div",
+      props: t2
+    };
+    $[10] = ref;
+    $[11] = render;
+    $[12] = t2;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  return useRender(t3);
+}

package/dist/format/datetime.d.ts

@@ -2,6 +2,7 @@ export declare const formatDateTime: (at: Date | number, options: Intl.DateTimeF
 export declare const formatClock: (at: Date | number, timeZone?: string) => string;
 export declare const formatWeekdayClock: (at: Date | number) => string;
 export declare const formatHour: (at: Date | number) => string;
+export declare const formatWeekday: (at: Date | number, width?: 'short' | 'long') => string;
 export declare const formatDay: (at: Date | number, timeZone?: string) => string;
 export declare const formatDayWithYear: (at: Date | number, timeZone?: string) => string;
 export declare const formatWeekdayDay: (at: Date | number) => string;

package/dist/format/datetime.js

@@ -31,6 +31,12 @@ const WEEKDAY_CLOCK = {
 const HOUR = {
   hour: 'numeric'
 };
+const WEEKDAY = {
+  weekday: 'short'
+};
+const WEEKDAY_LONG = {
+  weekday: 'long'
+};
 const DAY = {
   month: 'short',
   day: 'numeric'
@@ -75,6 +81,8 @@ export const formatClock = (at, timeZone) => formatDateTime(at, timeZone === und
 export const formatWeekdayClock = at => formatDateTime(at, WEEKDAY_CLOCK);
 /* An hour of the day on its own, for the foot of a chart: `08`, or `8 AM` where that is the clock. */
 export const formatHour = at => formatDateTime(at, HOUR);
+/* The day of the week on its own, for the side of a grid by weekday: `Sat`, or `Saturday` when `long`. */
+export const formatWeekday = (at, width = 'short') => formatDateTime(at, width === 'long' ? WEEKDAY_LONG : WEEKDAY);
 /* `19 Sep`, the short date a row falls back to once "days ago" stops meaning anything. */
 export const formatDay = (at, timeZone) => formatDateTime(at, timeZone === undefined ? DAY : {
   ...DAY,

package/dist/format/duration.d.ts

@@ -1,4 +1,5 @@
 export declare const formatDuration: (ms: number) => string;
+export declare const formatPreciseDuration: (ms: number) => string;
 export declare const formatCountdown: (ms: number) => string;
 export declare const formatElapsedShort: (ms: number) => string;
 export declare const formatClockDuration: (ms: number) => string;

package/dist/format/duration.js

@@ -1,5 +1,5 @@
 import { relativeFormatter } from './locale.js';
-import { formatDecimal, formatNumber } from './number.js';
+import { formatDecimal, formatNumber, formatRounded } from './number.js';
 const SECOND = 1000;
 const MINUTE = 60 * SECOND;
 const HOUR = 60 * MINUTE;
@@ -20,6 +20,29 @@ export const formatDuration = ms => {
   }
   return `${formatDecimal(minutes / 60)} h`;
 };
+/*
+ * How long a short measurement took, below a second too: `0.4 ms`, `123 ms`, `1.42 s`, and as `formatDuration` from a
+ * minute. Each unit rounds before it is chosen, so 999.6 ms reads as `1 s` and not as `1,000 ms`.
+ */
+export const formatPreciseDuration = ms => {
+  const value = Math.max(0, ms);
+  const tenths = Math.round(value * 10) / 10;
+  if (tenths < 10) {
+    return `${formatRounded(tenths, 1)} ms`;
+  }
+  if (Math.round(value) < SECOND) {
+    return `${formatNumber(Math.round(value))} ms`;
+  }
+  const hundredths = Math.round(value / 10) / 100;
+  if (hundredths < 10) {
+    return `${formatRounded(hundredths, 2)} s`;
+  }
+  const seconds = Math.round(value / 100) / 10;
+  if (seconds < 60) {
+    return `${formatRounded(seconds, 1)} s`;
+  }
+  return formatDuration(value);
+};
 /* How long a window still has, tight enough for the end of a bar: `4d 3h`, `12h 8m`, `9m`. */
 export const formatCountdown = ms => {
   const left = Math.max(0, ms);

package/dist/format/index.d.ts

@@ -1,5 +1,5 @@
-export { formatAge, formatClock, formatDateTime, formatDay, formatDayClock, formatDayClockWithYear, formatDayWithYear, formatHour, formatMoment, formatNumericDate, formatWeekdayClock, formatWeekdayDay, isSameDay } from './datetime.ts';
-export { formatAgo, formatClockDuration, formatCountdown, formatDuration, formatElapsedShort } from './duration.ts';
+export { formatAge, formatClock, formatDateTime, formatDay, formatDayClock, formatDayClockWithYear, formatDayWithYear, formatHour, formatMoment, formatNumericDate, formatWeekday, formatWeekdayClock, formatWeekdayDay, isSameDay } from './datetime.ts';
+export { formatAgo, formatClockDuration, formatCountdown, formatDuration, formatElapsedShort, formatPreciseDuration } from './duration.ts';
 export { formatLocale, labelCollator, setFormatSource, systemLocale, useFormatLocale, type FormatSource } from './locale.ts';
 export { formatBytes, formatDecimal, formatMoney, formatNumber, formatNumeral, formatPercent, formatRounded, formatTokens, formatUsdSignificant } from './number.ts';
 export { FORMAT_LANGUAGE, FORMAT_REGIONS, FORMAT_REGION_CHOICES, FORMAT_SYSTEM, formatRegionFrom, regionName } from './regions.ts';

package/dist/format/index.js

@@ -1,6 +1,6 @@
 /* Every number, date, time and duration a person reads, written the way the language and the region they set ask for. */
-export { formatAge, formatClock, formatDateTime, formatDay, formatDayClock, formatDayClockWithYear, formatDayWithYear, formatHour, formatMoment, formatNumericDate, formatWeekdayClock, formatWeekdayDay, isSameDay } from './datetime.js';
-export { formatAgo, formatClockDuration, formatCountdown, formatDuration, formatElapsedShort } from './duration.js';
+export { formatAge, formatClock, formatDateTime, formatDay, formatDayClock, formatDayClockWithYear, formatDayWithYear, formatHour, formatMoment, formatNumericDate, formatWeekday, formatWeekdayClock, formatWeekdayDay, isSameDay } from './datetime.js';
+export { formatAgo, formatClockDuration, formatCountdown, formatDuration, formatElapsedShort, formatPreciseDuration } from './duration.js';
 export { formatLocale, labelCollator, setFormatSource, systemLocale, useFormatLocale } from './locale.js';
 export { formatBytes, formatDecimal, formatMoney, formatNumber, formatNumeral, formatPercent, formatRounded, formatTokens, formatUsdSignificant } from './number.js';
 export { FORMAT_LANGUAGE, FORMAT_REGIONS, FORMAT_REGION_CHOICES, FORMAT_SYSTEM, formatRegionFrom, regionName } from './regions.js';

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+export * as Combobox from './combobox/index.parts.ts';
+export * as CommandPalette from './command-palette/index.parts.ts';
 export * as ContextMenu from './context-menu/index.parts.ts';
 export * as FileTree from './file-tree/index.parts.ts';
 export * as Tree from './tree/index.parts.ts';
@@ -7,6 +9,8 @@ export * as Menu from './menu/index.parts.ts';
 export * as Popover from './popover/index.parts.ts';
 export * as PreviewCard from './preview-card/index.parts.ts';
 export * as Tabs from './tabs/index.parts.ts';
+export type { ComboboxInputProps, ComboboxItemProps, ComboboxPopupProps } from './combobox/parts.tsx';
+export type { CommandPaletteFooterProps, CommandPaletteInputProps, CommandPalettePopupProps, CommandPaletteRootProps } from './command-palette/parts.tsx';
 export type { DialogDescriptionProps, DialogFooterProps, DialogPopupProps, DialogTextProps, DialogTitleProps } from './dialog/parts.tsx';
 export type { MenuCheckProps, MenuHintProps, MenuLabelProps, MenuPopupProps, MenuRowActionProps, MenuRowProps, MenuRowSubmenuTriggerProps } from './menu/parts.tsx';
 export type { KeyValueListItemProps, KeyValueListNameProps, KeyValueListRootProps, KeyValueListValueProps } from './key-value-list/parts.tsx';
@@ -20,6 +24,7 @@ export { Checkbox, type CheckboxProps } from './Checkbox.tsx';
 export { ChoiceCards, type Choice, type ChoiceCardsProps } from './ChoiceCards.tsx';
 export { CloseButton, type CloseButtonProps } from './CloseButton.tsx';
 export { ColorSwatch, type ColorSwatchProps } from './ColorSwatch.tsx';
+export { CopyButton, type CopyButtonProps } from './CopyButton.tsx';
 export { ColorWheelPicker, type ColorWheelPickerProps } from './ColorWheelPicker.tsx';
 export { ColumnResizeHandle, type ColumnResizeHandleProps } from './ColumnResizeHandle.tsx';
 export { DisabledReason, type DisabledReasonProps } from './DisabledReason.tsx';
@@ -40,6 +45,7 @@ export { PanelEmpty, type PanelEmptyProps } from './PanelEmpty.tsx';
 export { PanelHeader, type PanelHeaderProps } from './PanelHeader.tsx';
 export { Pill, type PillProps } from './Pill.tsx';
 export { PromptDialog, type PromptDialogProps } from './PromptDialog.tsx';
+export { RelativeTime, type RelativeTimeProps } from './RelativeTime.tsx';
 export { ProjectSwitcher, ProjectSwitcherGroups, type ProjectSwitcherItem, type ProjectSwitcherProps } from './ProjectSwitcher.tsx';
 export { SectionLabel, type SectionLabelProps } from './SectionLabel.tsx';
 export { SegmentBar, type SegmentBarPart, type SegmentBarProps } from './SegmentBar.tsx';
@@ -72,6 +78,7 @@ export type { LazyComponent } from './lazy.tsx';
 export { LazyBoundary } from './LazyBoundary.tsx';
 export type { LazyBoundaryProps } from './LazyBoundary.tsx';
 export { UI_NAMESPACE, UI_RESOURCES } from './locales.ts';
+export { matchScore } from './match.ts';
 export { isApplePlatform } from './platform.ts';
 export { prefetcher, type Loader, type WhenIdle } from './prefetch.ts';
 export { selectAllWithin, selectionWithin } from './selection.ts';

package/dist/index.js

@@ -2,6 +2,8 @@
  * The components, hooks and helpers of the library. Every name here is public API; the snapshot in
  * `exports.test.ts` turns any change to this list into a diff someone has to accept.
  */
+export * as Combobox from './combobox/index.parts.js';
+export * as CommandPalette from './command-palette/index.parts.js';
 export * as ContextMenu from './context-menu/index.parts.js';
 export * as FileTree from './file-tree/index.parts.js';
 export * as Tree from './tree/index.parts.js';
@@ -19,6 +21,7 @@ export { Checkbox } from "./Checkbox.js";
 export { ChoiceCards } from "./ChoiceCards.js";
 export { CloseButton } from "./CloseButton.js";
 export { ColorSwatch } from "./ColorSwatch.js";
+export { CopyButton } from "./CopyButton.js";
 export { ColorWheelPicker } from "./ColorWheelPicker.js";
 export { ColumnResizeHandle } from "./ColumnResizeHandle.js";
 export { DisabledReason } from "./DisabledReason.js";
@@ -39,6 +42,7 @@ export { PanelEmpty } from "./PanelEmpty.js";
 export { PanelHeader } from "./PanelHeader.js";
 export { Pill } from "./Pill.js";
 export { PromptDialog } from "./PromptDialog.js";
+export { RelativeTime } from "./RelativeTime.js";
 export { ProjectSwitcher, ProjectSwitcherGroups } from "./ProjectSwitcher.js";
 export { SectionLabel } from "./SectionLabel.js";
 export { SegmentBar } from "./SegmentBar.js";
@@ -68,6 +72,7 @@ export { cameThroughPortal, isInFloatingLayer } from './floating.js';
 export { LoadedComponent, lazyDialog, lazyNamed, onLazyOpenError } from "./lazy.js";
 export { LazyBoundary } from "./LazyBoundary.js";
 export { UI_NAMESPACE, UI_RESOURCES } from './locales.js';
+export { matchScore } from './match.js';
 export { isApplePlatform } from './platform.js';
 export { prefetcher } from './prefetch.js';
 export { selectAllWithin, selectionWithin } from './selection.js';

package/dist/locales/en.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     action: {
         cancel: string;
         copy: string;
+        copied: string;
         copyError: string;
         dismiss: string;
         reload: string;
@@ -38,6 +39,13 @@ declare const _default: {
         search: string;
         noMatch: string;
     };
+    combobox: {
+        suggestions: string;
+    };
+    palette: {
+        label: string;
+        results: string;
+    };
     iconPicker: {
         label: string;
         none: string;

package/dist/locales/en.js

@@ -2,6 +2,7 @@ export default {
   action: {
     cancel: 'Cancel',
     copy: 'Copy',
+    copied: 'Copied',
     copyError: 'Copy error',
     dismiss: 'Dismiss',
     reload: 'Reload',
@@ -38,6 +39,13 @@ export default {
     search: 'Search',
     noMatch: 'No match for “{{query}}”'
   },
+  combobox: {
+    suggestions: 'Suggestions'
+  },
+  palette: {
+    label: 'Command palette',
+    results: 'Results'
+  },
   iconPicker: {
     label: 'Icon',
     none: 'No icon',

package/dist/locales/nl.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     action: {
         cancel: string;
         copy: string;
+        copied: string;
         copyError: string;
         dismiss: string;
         reload: string;
@@ -38,6 +39,13 @@ declare const _default: {
         search: string;
         noMatch: string;
     };
+    combobox: {
+        suggestions: string;
+    };
+    palette: {
+        label: string;
+        results: string;
+    };
     iconPicker: {
         label: string;
         none: string;

package/dist/locales/nl.js

@@ -2,6 +2,7 @@ export default {
   action: {
     cancel: 'Annuleren',
     copy: 'Kopiëren',
+    copied: 'Gekopieerd',
     copyError: 'Fout kopiëren',
     dismiss: 'Sluiten',
     reload: 'Herladen',
@@ -38,6 +39,13 @@ export default {
     search: 'Zoeken',
     noMatch: 'Geen resultaat voor “{{query}}”'
   },
+  combobox: {
+    suggestions: 'Suggesties'
+  },
+  palette: {
+    label: 'Opdrachtenpalet',
+    results: 'Resultaten'
+  },
   iconPicker: {
     label: 'Icoon',
     none: 'Geen icoon',

package/dist/match.d.ts

@@ -0,0 +1 @@
+export declare function matchScore(text: string, query: string): number | null;