@payloadcms/ui 4.0.0-internal.5b1e7cd → 4.0.0-internal.5d5a2b2

package/dist/elements/CommandPalette/index.css

@@ -0,0 +1,201 @@
+@layer payload-default {
+  .cmd-palette {
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    padding-top: 12vh;
+  }
+
+  .cmd-palette__inner {
+    display: flex;
+    flex-direction: column;
+    width: min(640px, 92vw);
+    max-height: 60vh;
+    background: var(--color-bg-elevated);
+    border: var(--stroke-width-small) solid var(--color-border);
+    border-radius: var(--radius-large);
+    box-shadow: var(--elevation-500-modal-window);
+    overflow: hidden;
+  }
+
+  .cmd-palette__input {
+    padding: var(--spacer-3) var(--spacer-4);
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    color: var(--color-text);
+    background: transparent;
+    border-bottom: var(--stroke-width-small) solid
+      color-mix(in srgb, var(--color-border) 50%, transparent);
+    /* Straight muted hairline under the input as the separator. The global
+       :focus-visible rule adds an outline AND a border-radius to the focused
+       input; both are reset here so the hairline stays square and uncluttered. */
+
+    &:focus,
+    &:focus-visible {
+      border-radius: 0;
+      outline: none;
+    }
+
+    &::placeholder {
+      color: var(--color-text-tertiary);
+    }
+  }
+
+  .cmd-palette__results {
+    flex: 1;
+    overflow-y: auto;
+    padding: var(--spacer-1) 0;
+    /* Hide the scrollbar (matches Combobox/Nav) so it can't overlap the input
+       outline; content still scrolls via wheel, trackpad, and keyboard. */
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  .cmd-palette__group-label {
+    padding: var(--spacer-1) var(--spacer-4);
+    font-family: var(--text-body-medium-strong-font-family);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-strong-font-weight);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    /* Tertiary + bold reads as a non-interactive section header, distinct from
+       the selectable rows below it. */
+    color: var(--color-text-tertiary);
+  }
+
+  .cmd-palette__option {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--spacer-2);
+    /* Fixed height so the row geometry is identical whether or not the
+       create-hint button is rendered (font 0.75rem + 2px padding + 1px border
+       each side ≈ 1.375rem total; 2.25rem gives comfortable breathing room). */
+    height: 2.25rem;
+    padding: 0 var(--spacer-4);
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    color: var(--color-text-secondary);
+    cursor: pointer;
+  }
+
+  .cmd-palette__option--active {
+    background: var(--color-bg-selected);
+    color: var(--color-text);
+  }
+
+  .cmd-palette__option-label {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .cmd-palette__option-match {
+    font-weight: var(--text-body-medium-strong-font-weight);
+    color: var(--color-text);
+  }
+
+  .cmd-palette__empty {
+    padding: var(--spacer-4);
+    text-align: center;
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    color: var(--color-text-secondary);
+  }
+
+  .cmd-palette__footer {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    /* spacer-2 each side of the pipe divider keeps it symmetric (the divider is
+       a flex child of the trailing hint, separated by that hint's own spacer-2). */
+    gap: var(--spacer-2);
+    padding: var(--spacer-2) var(--spacer-4);
+    border-top: var(--stroke-width-small) solid var(--color-border);
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    color: var(--color-text-secondary);
+  }
+
+  /* A hint pairs a description (left) with its key chip(s) (right). */
+  .cmd-palette__hint {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--spacer-2);
+  }
+
+  /* The create hint doubles as the ⌘↵ click target; strip native button chrome
+     so it reads identically to the static select hint, with a hover cue. */
+  button.cmd-palette__hint {
+    font: inherit;
+    color: inherit;
+    background: transparent;
+    border: 0;
+    padding: 0;
+    cursor: pointer;
+
+    &:hover {
+      color: var(--color-text);
+    }
+  }
+
+  /* The primary action (Enter): emphasized so it reads as the default. Selector is
+     element-qualified to outrank button.cmd-palette__hint's `font`/`color: inherit`. */
+  button.cmd-palette__hint--primary {
+    font-weight: var(--text-body-medium-strong-font-weight);
+    color: var(--color-text);
+
+    & .cmd-palette__key {
+      color: var(--color-text);
+    }
+  }
+
+  /* Muted pipe between footer hints. Adjacent-sibling selector renders it only between
+     two hints, so a single hint shows no divider regardless of which hints are present. */
+  .cmd-palette__hint + .cmd-palette__hint::before {
+    content: '|';
+    color: color-mix(in srgb, var(--color-border) 50%, transparent);
+  }
+
+  /* Groups multiple key chips for a single shortcut (e.g. ⌘ + ⏎). */
+  .cmd-palette__keys {
+    display: inline-flex;
+    gap: var(--spacer-1);
+  }
+
+  /* Each shortcut glyph renders as a rounded key chip. font-family: inherit
+     resets the default monospace kbd font; the fixed square-ish box keeps
+     single glyphs centered. */
+  .cmd-palette__key {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 1.125rem;
+    height: 1.125rem;
+    padding: 0 var(--spacer-1);
+    font-family: inherit;
+    font-size: 0.6875rem;
+    line-height: 1;
+    color: var(--color-text-secondary);
+    background: var(--color-bg-secondary);
+    border: 0;
+    border-radius: var(--radius-small);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .cmd-palette,
+    .cmd-palette__inner {
+      transition: none;
+    }
+  }
+}

package/dist/elements/CommandPalette/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.css';
+export declare const commandPaletteSlug = "command-palette";
+export declare const CommandPalette: React.FC;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/CommandPalette/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CommandPalette/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmE,MAAM,OAAO,CAAA;AAcvF,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,kBAAkB,oBAAoB,CAAA;AAMnD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EA8PlC,CAAA"}

package/dist/elements/CommandPalette/index.js

@@ -0,0 +1,244 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal, useModal } from '@faceless-ui/modal';
+import React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
+import { useHotkey } from '../../hooks/useHotkey.js';
+import { useAuth } from '../../providers/Auth/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useEntityVisibility } from '../../providers/EntityVisibility/index.js';
+import { useRouter } from '../../providers/RouterAdapter/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { buildActions } from './buildActions.js';
+import { filterActions } from './filterActions.js';
+import { splitLabelByMatches } from './highlightLabel.js';
+import './index.css';
+export const commandPaletteSlug = 'command-palette';
+const baseClass = 'cmd-palette';
+const cmdKKeyCodes = ['k'];
+const optionId = action => `${baseClass}-option-${action.id}`;
+export const CommandPalette = () => {
+  const {
+    closeModal,
+    modalState,
+    openModal
+  } = useModal();
+  const router = useRouter();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    permissions
+  } = useAuth();
+  const {
+    visibleEntities
+  } = useEntityVisibility();
+  const {
+    config: {
+      collections,
+      globals,
+      routes: {
+        admin: adminRoute
+      }
+    }
+  } = useConfig();
+  const isOpen = Boolean(modalState[commandPaletteSlug]?.isOpen);
+  const [search, setSearch] = useState('');
+  const [rawActiveIndex, setActiveIndex] = useState(0);
+  const inputRef = useRef(null);
+  const listboxId = useId();
+  const open = useCallback(event => {
+    event.preventDefault();
+    openModal(commandPaletteSlug);
+  }, [openModal]);
+  // Open at edit depth 1 (top level). Re-press while open is handled inside onKeyDown.
+  useHotkey({
+    cmdCtrlKey: true,
+    editDepth: 1,
+    keyCodes: cmdKKeyCodes
+  }, open);
+  const groups = useMemo(() => buildActions({
+    adminRoute,
+    collections,
+    globals,
+    i18n,
+    permissions,
+    visibleEntities
+  }), [adminRoute, collections, globals, i18n, permissions, visibleEntities]);
+  const filteredGroups = useMemo(() => filterActions(groups, search), [groups, search]);
+  const flatActions = useMemo(() => filteredGroups.flatMap(group => group.actions), [filteredGroups]);
+  // Clamp at read time so a shrinking result set can't leave a stale selection
+  // pointing past the end of the list (avoids a setState-in-effect round-trip).
+  const activeIndex = Math.min(rawActiveIndex, Math.max(0, flatActions.length - 1));
+  const activeAction = flatActions[activeIndex];
+  const activeOptionId = activeAction ? optionId(activeAction) : null;
+  // Reset state whenever the palette opens, and focus the input.
+  useEffect(() => {
+    if (isOpen) {
+      setSearch('');
+      setActiveIndex(0);
+      requestAnimationFrame(() => inputRef.current?.focus());
+    }
+  }, [isOpen]);
+  // Scroll the selected option into view when the selection itself changes
+  // (keyed on the option id, not the array, so typing/hover don't re-trigger it).
+  // When the option is the first in its group, scroll its group label into view instead:
+  // the label sits directly above the option, so aligning the option to the top edge would
+  // clip the header (e.g. "Favorites" vanishing after scrolling down then back up).
+  useEffect(() => {
+    const optionEl = activeOptionId ? document.getElementById(activeOptionId) : null;
+    if (!optionEl) {
+      return;
+    }
+    const previous = optionEl.previousElementSibling;
+    const target = previous?.classList.contains(`${baseClass}__group-label`) ? previous : optionEl;
+    target.scrollIntoView({
+      block: 'nearest'
+    });
+  }, [activeOptionId]);
+  const close = useCallback(() => closeModal(commandPaletteSlug), [closeModal]);
+  const onBackdropClick = useCallback(event_0 => {
+    // Only close when the click lands on the backdrop itself, not the panel or its children.
+    if (event_0.target === event_0.currentTarget) {
+      close();
+    }
+  }, [close]);
+  const runAction = useCallback((action, intent) => {
+    if (!action) {
+      return;
+    }
+    const href = intent === 'create' ? action.createHref : action.href;
+    if (!href) {
+      return;
+    }
+    close();
+    router.push(href);
+  }, [close, router]);
+  const onKeyDown = useCallback(event_1 => {
+    const isCmdCtrl = event_1.metaKey || event_1.ctrlKey;
+    if (event_1.key === 'Escape' || isCmdCtrl && event_1.key.toLowerCase() === 'k') {
+      event_1.preventDefault();
+      close();
+      return;
+    }
+    if (event_1.key === 'ArrowDown') {
+      event_1.preventDefault();
+      setActiveIndex(current => Math.min(current + 1, flatActions.length - 1));
+      return;
+    }
+    if (event_1.key === 'ArrowUp') {
+      event_1.preventDefault();
+      setActiveIndex(current_0 => Math.max(current_0 - 1, 0));
+      return;
+    }
+    if (event_1.key === 'Enter') {
+      event_1.preventDefault();
+      runAction(activeAction, isCmdCtrl ? 'create' : 'navigate');
+    }
+  }, [activeAction, close, flatActions.length, runAction]);
+  if (!isOpen) {
+    return null;
+  }
+  const hasResults = flatActions.length > 0;
+  return /*#__PURE__*/_jsx(Modal, {
+    className: baseClass,
+    onClick: onBackdropClick,
+    slug: commandPaletteSlug,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__inner`,
+      onKeyDown: onKeyDown,
+      children: [/*#__PURE__*/_jsx("input", {
+        "aria-activedescendant": activeOptionId ?? undefined,
+        "aria-controls": listboxId,
+        "aria-expanded": isOpen,
+        "aria-label": t('commandPalette:title'),
+        autoComplete: "off",
+        className: `${baseClass}__input`,
+        onChange: event_2 => {
+          setSearch(event_2.target.value);
+          setActiveIndex(0);
+        },
+        placeholder: t('commandPalette:placeholder'),
+        ref: inputRef,
+        role: "combobox",
+        spellCheck: false,
+        type: "text",
+        value: search
+      }), /*#__PURE__*/_jsxs("div", {
+        "aria-label": t('commandPalette:title'),
+        className: `${baseClass}__results`,
+        id: listboxId,
+        role: "listbox",
+        children: [filteredGroups.map((group_0, groupIndex) => {
+          // Offset of this group's first action within the flat list, so hover can
+          // map a row back to its flat index without a lookup table.
+          const groupOffset = filteredGroups.slice(0, groupIndex).reduce((total, prior) => total + prior.actions.length, 0);
+          return /*#__PURE__*/_jsxs("div", {
+            "aria-label": group_0.label,
+            className: `${baseClass}__group`,
+            role: "group",
+            children: [/*#__PURE__*/_jsx("div", {
+              "aria-hidden": "true",
+              className: `${baseClass}__group-label`,
+              children: group_0.label
+            }), group_0.actions.map((action_0, actionIndex) => {
+              const flatIndex = groupOffset + actionIndex;
+              const isActive = action_0 === activeAction;
+              return (
+                // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/interactive-supports-focus -- keyboard events are handled by the combobox input; focus stays in the input per ARIA combobox pattern
+                /*#__PURE__*/
+                _jsx("div", {
+                  "aria-selected": isActive,
+                  className: [`${baseClass}__option`, isActive && `${baseClass}__option--active`].filter(Boolean).join(' '),
+                  id: optionId(action_0),
+                  onClick: () => runAction(action_0, 'navigate'),
+                  onMouseMove: () => setActiveIndex(flatIndex),
+                  role: "option",
+                  children: /*#__PURE__*/_jsx("span", {
+                    className: `${baseClass}__option-label`,
+                    children: splitLabelByMatches(action_0.label, action_0.matchIndices).map((segment, i) => segment.isMatch ? /*#__PURE__*/_jsx("strong", {
+                      className: `${baseClass}__option-match`,
+                      children: segment.text
+                    }, i) : segment.text)
+                  })
+                }, action_0.id)
+              );
+            })]
+          }, group_0.label);
+        }), !hasResults ? /*#__PURE__*/_jsx("div", {
+          "aria-live": "polite",
+          className: `${baseClass}__empty`,
+          role: "status",
+          children: t('commandPalette:noResults')
+        }) : null]
+      }), activeAction ? /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__footer`,
+        children: [/*#__PURE__*/_jsxs("button", {
+          className: `${baseClass}__hint ${baseClass}__hint--primary`,
+          onClick: () => runAction(activeAction, 'navigate'),
+          type: "button",
+          children: [t('commandPalette:hintSelect'), /*#__PURE__*/_jsx("kbd", {
+            className: `${baseClass}__key`,
+            children: "↵"
+          })]
+        }), activeAction.createHref ? /*#__PURE__*/_jsxs("button", {
+          className: `${baseClass}__hint`,
+          onClick: () => runAction(activeAction, 'create'),
+          type: "button",
+          children: [t('commandPalette:hintCreate'), /*#__PURE__*/_jsxs("span", {
+            className: `${baseClass}__keys`,
+            children: [/*#__PURE__*/_jsx("kbd", {
+              className: `${baseClass}__key`,
+              children: "⌘"
+            }), /*#__PURE__*/_jsx("kbd", {
+              className: `${baseClass}__key`,
+              children: "↵"
+            })]
+          })]
+        }) : null]
+      }) : null]
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/CommandPalette/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Modal","useModal","React","useCallback","useEffect","useId","useMemo","useRef","useState","useHotkey","useAuth","useConfig","useEntityVisibility","useRouter","useTranslation","buildActions","filterActions","splitLabelByMatches","commandPaletteSlug","baseClass","cmdKKeyCodes","optionId","action","id","CommandPalette","closeModal","modalState","openModal","router","i18n","t","permissions","visibleEntities","config","collections","globals","routes","admin","adminRoute","isOpen","Boolean","search","setSearch","rawActiveIndex","setActiveIndex","inputRef","listboxId","open","event","preventDefault","cmdCtrlKey","editDepth","keyCodes","groups","filteredGroups","flatActions","flatMap","group","actions","activeIndex","Math","min","max","length","activeAction","activeOptionId","requestAnimationFrame","current","focus","optionEl","document","getElementById","previous","previousElementSibling","target","classList","contains","scrollIntoView","block","close","onBackdropClick","currentTarget","runAction","intent","href","createHref","push","onKeyDown","isCmdCtrl","metaKey","ctrlKey","key","toLowerCase","hasResults","_jsx","className","onClick","slug","_jsxs","undefined","autoComplete","onChange","value","placeholder","ref","role","spellCheck","type","map","groupIndex","groupOffset","slice","reduce","total","prior","label","actionIndex","flatIndex","isActive","filter","join","onMouseMove","matchIndices","segment","i","isMatch","text"],"sources":["../../../src/elements/CommandPalette/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react'\n\nimport type { LabelSegment } from './highlightLabel.js'\nimport type { CommandPaletteAction } from './types.js'\n\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEntityVisibility } from '../../providers/EntityVisibility/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { buildActions } from './buildActions.js'\nimport { filterActions } from './filterActions.js'\nimport { splitLabelByMatches } from './highlightLabel.js'\nimport './index.css'\n\nexport const commandPaletteSlug = 'command-palette'\nconst baseClass = 'cmd-palette'\n\nconst cmdKKeyCodes = ['k']\nconst optionId = (action: CommandPaletteAction) => `${baseClass}-option-${action.id}`\n\nexport const CommandPalette: React.FC = () => {\n  const { closeModal, modalState, openModal } = useModal()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const { visibleEntities } = useEntityVisibility()\n  const {\n    config: {\n      collections,\n      globals,\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const isOpen = Boolean(modalState[commandPaletteSlug]?.isOpen)\n\n  const [search, setSearch] = useState('')\n  const [rawActiveIndex, setActiveIndex] = useState(0)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const listboxId = useId()\n\n  const open = useCallback(\n    (event: KeyboardEvent) => {\n      event.preventDefault()\n      openModal(commandPaletteSlug)\n    },\n    [openModal],\n  )\n\n  // Open at edit depth 1 (top level). Re-press while open is handled inside onKeyDown.\n  useHotkey({ cmdCtrlKey: true, editDepth: 1, keyCodes: cmdKKeyCodes }, open)\n\n  const groups = useMemo(\n    () => buildActions({ adminRoute, collections, globals, i18n, permissions, visibleEntities }),\n    [adminRoute, collections, globals, i18n, permissions, visibleEntities],\n  )\n\n  const filteredGroups = useMemo(() => filterActions(groups, search), [groups, search])\n\n  const flatActions = useMemo(\n    () => filteredGroups.flatMap((group) => group.actions),\n    [filteredGroups],\n  )\n\n  // Clamp at read time so a shrinking result set can't leave a stale selection\n  // pointing past the end of the list (avoids a setState-in-effect round-trip).\n  const activeIndex = Math.min(rawActiveIndex, Math.max(0, flatActions.length - 1))\n  const activeAction = flatActions[activeIndex]\n  const activeOptionId = activeAction ? optionId(activeAction) : null\n\n  // Reset state whenever the palette opens, and focus the input.\n  useEffect(() => {\n    if (isOpen) {\n      setSearch('')\n      setActiveIndex(0)\n      requestAnimationFrame(() => inputRef.current?.focus())\n    }\n  }, [isOpen])\n\n  // Scroll the selected option into view when the selection itself changes\n  // (keyed on the option id, not the array, so typing/hover don't re-trigger it).\n  // When the option is the first in its group, scroll its group label into view instead:\n  // the label sits directly above the option, so aligning the option to the top edge would\n  // clip the header (e.g. \"Favorites\" vanishing after scrolling down then back up).\n  useEffect(() => {\n    const optionEl = activeOptionId ? document.getElementById(activeOptionId) : null\n    if (!optionEl) {\n      return\n    }\n    const previous = optionEl.previousElementSibling\n    const target = previous?.classList.contains(`${baseClass}__group-label`) ? previous : optionEl\n    target.scrollIntoView({ block: 'nearest' })\n  }, [activeOptionId])\n\n  const close = useCallback(() => closeModal(commandPaletteSlug), [closeModal])\n\n  const onBackdropClick = useCallback(\n    (event: React.MouseEvent) => {\n      // Only close when the click lands on the backdrop itself, not the panel or its children.\n      if (event.target === event.currentTarget) {\n        close()\n      }\n    },\n    [close],\n  )\n\n  const runAction = useCallback(\n    (action: CommandPaletteAction | undefined, intent: 'create' | 'navigate') => {\n      if (!action) {\n        return\n      }\n      const href = intent === 'create' ? action.createHref : action.href\n      if (!href) {\n        return\n      }\n      close()\n      router.push(href)\n    },\n    [close, router],\n  )\n\n  const onKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      const isCmdCtrl = event.metaKey || event.ctrlKey\n\n      if (event.key === 'Escape' || (isCmdCtrl && event.key.toLowerCase() === 'k')) {\n        event.preventDefault()\n        close()\n        return\n      }\n      if (event.key === 'ArrowDown') {\n        event.preventDefault()\n        setActiveIndex((current) => Math.min(current + 1, flatActions.length - 1))\n        return\n      }\n      if (event.key === 'ArrowUp') {\n        event.preventDefault()\n        setActiveIndex((current) => Math.max(current - 1, 0))\n        return\n      }\n      if (event.key === 'Enter') {\n        event.preventDefault()\n        runAction(activeAction, isCmdCtrl ? 'create' : 'navigate')\n      }\n    },\n    [activeAction, close, flatActions.length, runAction],\n  )\n\n  if (!isOpen) {\n    return null\n  }\n\n  const hasResults = flatActions.length > 0\n\n  return (\n    <Modal className={baseClass} onClick={onBackdropClick} slug={commandPaletteSlug}>\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- keyboard handling is delegated to the input (combobox pattern) */}\n      <div className={`${baseClass}__inner`} onKeyDown={onKeyDown}>\n        <input\n          aria-activedescendant={activeOptionId ?? undefined}\n          aria-controls={listboxId}\n          aria-expanded={isOpen}\n          aria-label={t('commandPalette:title')}\n          autoComplete=\"off\"\n          className={`${baseClass}__input`}\n          onChange={(event) => {\n            setSearch(event.target.value)\n            setActiveIndex(0)\n          }}\n          placeholder={t('commandPalette:placeholder')}\n          ref={inputRef}\n          role=\"combobox\"\n          spellCheck={false}\n          type=\"text\"\n          value={search}\n        />\n\n        <div\n          aria-label={t('commandPalette:title')}\n          className={`${baseClass}__results`}\n          id={listboxId}\n          role=\"listbox\"\n        >\n          {filteredGroups.map((group, groupIndex) => {\n            // Offset of this group's first action within the flat list, so hover can\n            // map a row back to its flat index without a lookup table.\n            const groupOffset = filteredGroups\n              .slice(0, groupIndex)\n              .reduce((total, prior) => total + prior.actions.length, 0)\n\n            return (\n              <div\n                aria-label={group.label}\n                className={`${baseClass}__group`}\n                key={group.label}\n                role=\"group\"\n              >\n                <div aria-hidden=\"true\" className={`${baseClass}__group-label`}>\n                  {group.label}\n                </div>\n                {group.actions.map((action, actionIndex) => {\n                  const flatIndex = groupOffset + actionIndex\n                  const isActive = action === activeAction\n                  return (\n                    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/interactive-supports-focus -- keyboard events are handled by the combobox input; focus stays in the input per ARIA combobox pattern\n                    <div\n                      aria-selected={isActive}\n                      className={[\n                        `${baseClass}__option`,\n                        isActive && `${baseClass}__option--active`,\n                      ]\n                        .filter(Boolean)\n                        .join(' ')}\n                      id={optionId(action)}\n                      key={action.id}\n                      onClick={() => runAction(action, 'navigate')}\n                      onMouseMove={() => setActiveIndex(flatIndex)}\n                      role=\"option\"\n                    >\n                      <span className={`${baseClass}__option-label`}>\n                        {splitLabelByMatches(action.label, action.matchIndices).map(\n                          (segment: LabelSegment, i: number) =>\n                            segment.isMatch ? (\n                              <strong className={`${baseClass}__option-match`} key={i}>\n                                {segment.text}\n                              </strong>\n                            ) : (\n                              segment.text\n                            ),\n                        )}\n                      </span>\n                    </div>\n                  )\n                })}\n              </div>\n            )\n          })}\n\n          {!hasResults ? (\n            <div aria-live=\"polite\" className={`${baseClass}__empty`} role=\"status\">\n              {t('commandPalette:noResults')}\n            </div>\n          ) : null}\n        </div>\n\n        {activeAction ? (\n          <div className={`${baseClass}__footer`}>\n            <button\n              className={`${baseClass}__hint ${baseClass}__hint--primary`}\n              onClick={() => runAction(activeAction, 'navigate')}\n              type=\"button\"\n            >\n              {t('commandPalette:hintSelect')}\n              <kbd className={`${baseClass}__key`}>↵</kbd>\n            </button>\n            {activeAction.createHref ? (\n              <button\n                className={`${baseClass}__hint`}\n                onClick={() => runAction(activeAction, 'create')}\n                type=\"button\"\n              >\n                {t('commandPalette:hintCreate')}\n                <span className={`${baseClass}__keys`}>\n                  <kbd className={`${baseClass}__key`}>⌘</kbd>\n                  <kbd className={`${baseClass}__key`}>↵</kbd>\n                </span>\n              </button>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/CommandPalette/types.d.ts

@@ -0,0 +1,23 @@
+export type CommandPaletteActionType = 'collection' | 'global';
+export type CommandPaletteAction = {
+    /** href used by ⌘⏎ to create a new document; collections with create permission only. */
+    createHref?: string;
+    /** href for the primary action (⏎): collection list view or global edit view. */
+    href: string;
+    /** Stable unique id, also used for the option's DOM id. */
+    id: string;
+    /** Pre-translated label shown to the user and used for fuzzy matching. */
+    label: string;
+    /**
+     * Target-string indices that matched the active query; populated by filterActions for
+     * highlighting. Absent for the unfiltered (empty-query) list.
+     */
+    matchIndices?: number[];
+    type: CommandPaletteActionType;
+};
+export type CommandPaletteGroup = {
+    actions: CommandPaletteAction[];
+    /** Pre-translated group heading. */
+    label: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/CommandPalette/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/CommandPalette/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAAG,YAAY,GAAG,QAAQ,CAAA;AAE9D,MAAM,MAAM,oBAAoB,GAAG;IACjC,yFAAyF;IACzF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iFAAiF;IACjF,IAAI,EAAE,MAAM,CAAA;IACZ,2DAA2D;IAC3D,EAAE,EAAE,MAAM,CAAA;IACV,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,IAAI,EAAE,wBAAwB,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,oBAAoB,EAAE,CAAA;IAC/B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAA;CACd,CAAA"}

package/dist/elements/CommandPalette/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/CommandPalette/types.ts"],"sourcesContent":["export type CommandPaletteActionType = 'collection' | 'global'\n\nexport type CommandPaletteAction = {\n  /** href used by ⌘⏎ to create a new document; collections with create permission only. */\n  createHref?: string\n  /** href for the primary action (⏎): collection list view or global edit view. */\n  href: string\n  /** Stable unique id, also used for the option's DOM id. */\n  id: string\n  /** Pre-translated label shown to the user and used for fuzzy matching. */\n  label: string\n  /**\n   * Target-string indices that matched the active query; populated by filterActions for\n   * highlighting. Absent for the unfiltered (empty-query) list.\n   */\n  matchIndices?: number[]\n  type: CommandPaletteActionType\n}\n\nexport type CommandPaletteGroup = {\n  actions: CommandPaletteAction[]\n  /** Pre-translated group heading. */\n  label: string\n}\n"],"mappings":"AAmBA","ignoreList":[]}

package/dist/elements/ConfirmationModal/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './index.scss';
 export type OnCancel = () => void;
 export type ConfirmationModalProps = {
     body: React.ReactNode;

package/dist/elements/ConfirmationModal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ConfirmationModal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAK1C,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAA;AAEjC,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACtC,CAAA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAkF9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ConfirmationModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAA;AAEjC,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACtC,CAAA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAuB9D"}