@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-DIUY263I.js

@@ -0,0 +1,229 @@
+import {
+  SonnerToast
+} from "./chunk-FRABWVBM.js";
+
+// src/components/feedback/Sonner/Sonner.tsx
+import {
+  Box,
+  Portal
+} from "@mui/material";
+import React, { createContext, useCallback, useContext, useRef, useState, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SonnerContext = createContext(null);
+var DEFAULT_DURATION_MS = 4e3;
+var buildToastItem = (toast2, id, type) => ({
+  ...toast2,
+  id,
+  type: type || toast2.type || "default",
+  createdAt: Date.now(),
+  visible: true
+});
+var scheduleAutoDismiss = (toast2, id, dismiss) => {
+  if (toast2.persistent || toast2.duration === 0) return;
+  window.setTimeout(() => dismiss(id), toast2.duration ?? DEFAULT_DURATION_MS);
+};
+var EXIT_TRANSITION_MS = 300;
+var resolveMessage = (message, value) => typeof message === "function" ? message(value) : message;
+var trackPromiseWithToasts = async (promiseToResolve, options, toasts) => {
+  const toastId = toasts.loading(options.loading);
+  try {
+    const data = await promiseToResolve;
+    toasts.dismiss(toastId);
+    toasts.success(resolveMessage(options.success, data));
+    return data;
+  } catch (err) {
+    toasts.dismiss(toastId);
+    toasts.error(resolveMessage(options.error, err instanceof Error ? err : new Error(String(err))));
+    throw err;
+  }
+};
+var SonnerProvider = ({ children, dismissLabel }) => {
+  const [toasts, setToasts] = useState([]);
+  const toastCounter = useRef(0);
+  const dismiss = useCallback((id) => {
+    const matches = (toast3) => id === void 0 || toast3.id === id;
+    setToasts(
+      (prev) => prev.map((toast3) => matches(toast3) ? { ...toast3, visible: false } : toast3)
+    );
+    window.setTimeout(() => {
+      setToasts((prev) => prev.filter((toast3) => !matches(toast3)));
+    }, EXIT_TRANSITION_MS);
+  }, []);
+  const addToast = useCallback(
+    (toast3, type) => {
+      const id = `sonner-${++toastCounter.current}`;
+      setToasts((prev) => [...prev, buildToastItem(toast3, id, type)]);
+      scheduleAutoDismiss(toast3, id, dismiss);
+      return id;
+    },
+    [dismiss]
+  );
+  const makeShortcut = useCallback(
+    (type, extra) => (message, options) => addToast({ dismissLabel, ...options, ...extra, title: message }, type),
+    [addToast]
+  );
+  const toast2 = useMemo(() => makeShortcut("default"), [makeShortcut]);
+  const success = useMemo(() => makeShortcut("success"), [makeShortcut]);
+  const error = useMemo(() => makeShortcut("error"), [makeShortcut]);
+  const warning = useMemo(() => makeShortcut("warning"), [makeShortcut]);
+  const info = useMemo(() => makeShortcut("info"), [makeShortcut]);
+  const loading = useMemo(
+    () => makeShortcut("loading", { persistent: true }),
+    [makeShortcut]
+  );
+  const promise = useCallback(
+    (promiseToResolve, options) => trackPromiseWithToasts(promiseToResolve, options, { loading, success, error, dismiss }),
+    [loading, success, error, dismiss]
+  );
+  const contextValue = {
+    toast: toast2,
+    success,
+    error,
+    warning,
+    info,
+    loading,
+    dismiss,
+    promise
+  };
+  useRegisterGlobalToast(contextValue);
+  return /* @__PURE__ */ jsxs(SonnerContext.Provider, { value: contextValue, children: [
+    children,
+    /* @__PURE__ */ jsx(SonnerToaster, { toasts, onDismiss: dismiss })
+  ] });
+};
+var useSonner = () => {
+  const context = useContext(SonnerContext);
+  if (!context) {
+    throw new Error("useSonner must be used within a SonnerProvider");
+  }
+  return context;
+};
+var SonnerToaster = ({ toasts, onDismiss }) => {
+  const MAX_VISIBLE_TOASTS = 5;
+  const visibleToasts = toasts.slice(-MAX_VISIBLE_TOASTS);
+  const hiddenCount = Math.max(0, toasts.length - MAX_VISIBLE_TOASTS);
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        position: "fixed",
+        top: 16,
+        right: 16,
+        zIndex: 9999,
+        display: "flex",
+        flexDirection: "column",
+        pointerEvents: "none",
+        maxHeight: "calc(100vh - 32px)",
+        overflowY: "auto",
+        overflowX: "hidden"
+      },
+      children: [
+        hiddenCount > 0 && /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              p: 1,
+              mb: 0.5,
+              textAlign: "center",
+              fontSize: "0.75rem",
+              color: "text.secondary",
+              pointerEvents: "none"
+            },
+            children: [
+              "+",
+              hiddenCount,
+              " more"
+            ]
+          }
+        ),
+        visibleToasts.map((toast2) => /* @__PURE__ */ jsx(Box, { sx: { pointerEvents: "auto" }, children: /* @__PURE__ */ jsx(SonnerToast, { ...toast2, onDismiss }) }, toast2.id))
+      ]
+    }
+  ) });
+};
+var globalToastContext = null;
+var useRegisterGlobalToast = (context) => {
+  React.useEffect(() => {
+    globalToastContext = context;
+    return () => {
+      globalToastContext = null;
+    };
+  }, [context]);
+};
+var createToastInstance = () => {
+  const warnNoProvider = () => {
+    if (typeof window !== "undefined" && window.console && window.console.warn) {
+      window.console.warn("Sonner: No SonnerProvider found. Please wrap your app with SonnerProvider.");
+    }
+  };
+  const methods = {
+    toast: (message, options) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        return "no-provider";
+      }
+      return globalToastContext.toast(message, options);
+    },
+    success: (message, options) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        return "no-provider";
+      }
+      return globalToastContext.success(message, options);
+    },
+    error: (message, options) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        return "no-provider";
+      }
+      return globalToastContext.error(message, options);
+    },
+    warning: (message, options) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        return "no-provider";
+      }
+      return globalToastContext.warning(message, options);
+    },
+    info: (message, options) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        return "no-provider";
+      }
+      return globalToastContext.info(message, options);
+    },
+    loading: (message, options) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        return "no-provider";
+      }
+      return globalToastContext.loading(message, options);
+    },
+    dismiss: (id) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        return;
+      }
+      globalToastContext.dismiss(id);
+    },
+    promise: async (promiseToResolve, options) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        throw new Error("No SonnerProvider found");
+      }
+      return globalToastContext.promise(promiseToResolve, options);
+    }
+  };
+  return methods;
+};
+var toast = createToastInstance();
+var Toaster = ({ children, dismissLabel }) => /* @__PURE__ */ jsx(SonnerProvider, { dismissLabel, children });
+
+export {
+  SonnerProvider,
+  useSonner,
+  useRegisterGlobalToast,
+  toast,
+  Toaster
+};
+//# sourceMappingURL=chunk-DIUY263I.js.map

package/dist/chunk-DIUY263I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Sonner/Sonner.tsx"],"sourcesContent":["import {\n  Box,\n  Portal } from '@mui/material';\nimport React, { createContext, useCallback, useContext, useRef,useState, useMemo } from 'react';\n\nimport type { SonnerContextType, SonnerItem,SonnerProps } from './Sonner.types';\n\nconst SonnerContext = createContext<SonnerContextType | null>(null);\n\nconst DEFAULT_DURATION_MS = 4000;\n\nconst buildToastItem = (\n  toast: Omit<SonnerProps, 'id'>,\n  id: string,\n  type?: SonnerProps['type'],\n): SonnerItem => ({\n  ...toast,\n  id,\n  type: type || toast.type || 'default',\n  createdAt: Date.now(),\n  visible: true });\n\n// Persistent toasts and `duration: 0` stay until dismissed explicitly.\nconst scheduleAutoDismiss = (\n  toast: Omit<SonnerProps, 'id'>,\n  id: string,\n  dismiss: (id?: string) => void,\n) => {\n  if (toast.persistent || toast.duration === 0) return;\n\n  window.setTimeout(() => dismiss(id), toast.duration ?? DEFAULT_DURATION_MS);\n};\n\nconst EXIT_TRANSITION_MS = 300;\n\ntype SonnerPromiseOptions<T> = {\n  loading: React.ReactNode;\n  success: React.ReactNode | ((data: T) => React.ReactNode);\n  error: React.ReactNode | ((error: Error) => React.ReactNode);\n};\n\nconst resolveMessage = <T,>(\n  message: React.ReactNode | ((value: T) => React.ReactNode),\n  value: T,\n): React.ReactNode => (typeof message === 'function' ? message(value) : message);\n\n// Shows a pinned loading toast for the life of a promise, then swaps it for a\n// success or error one. Takes the shortcuts it needs rather than reaching for\n// context, so it is testable on its own.\nconst trackPromiseWithToasts = async <T,>(\n  promiseToResolve: Promise<T>,\n  options: SonnerPromiseOptions<T>,\n  toasts: {\n    loading: (message: React.ReactNode) => string;\n    success: (message: React.ReactNode) => string;\n    error: (message: React.ReactNode) => string;\n    dismiss: (id?: string) => void;\n  },\n): Promise<T> => {\n  const toastId = toasts.loading(options.loading);\n\n  try {\n    const data = await promiseToResolve;\n    toasts.dismiss(toastId);\n    toasts.success(resolveMessage(options.success, data));\n    return data;\n  } catch (err) {\n    toasts.dismiss(toastId);\n    toasts.error(resolveMessage(options.error, err instanceof Error ? err : new Error(String(err))));\n    throw err;\n  }\n};\n\nexport const SonnerProvider: React.FC<{\n  children: React.ReactNode;\n  /**\n   * The dismiss button's accessible name, for every toast this provider\n   * raises. REQUIRED and mounted ONCE — the shortcut helpers\n   * (`sonner.success(…)`) take a message and nothing else by design, so the\n   * word cannot be a per-call argument without changing what they are for.\n   */\n  dismissLabel: string;\n}> = ({ children, dismissLabel }) => {\n  const [toasts, setToasts] = useState<SonnerItem[]>([]);\n  const toastCounter = useRef(0);\n\n  // Hide first, then drop after the exit transition. Passing no id targets every\n  // toast; the two branches only differ in which toasts they match, so that is\n  // the only thing that varies here.\n  const dismiss = useCallback((id?: string) => {\n    const matches = (toast: SonnerItem) => id === undefined || toast.id === id;\n\n    setToasts((prev) =>\n      prev.map((toast) => (matches(toast) ? { ...toast, visible: false } : toast)),\n    );\n\n    window.setTimeout(() => {\n      setToasts((prev) => prev.filter((toast) => !matches(toast)));\n    }, EXIT_TRANSITION_MS);\n  }, []);\n\n  const addToast = useCallback(\n    (toast: Omit<SonnerProps, 'id'>, type?: SonnerProps['type']): string => {\n      const id = `sonner-${++toastCounter.current}`;\n      setToasts((prev) => [...prev, buildToastItem(toast, id, type)]);\n      scheduleAutoDismiss(toast, id, dismiss);\n      return id;\n    },\n    [dismiss],\n  );\n\n  // The six shortcuts differ only by the type they tag and, for loading, by\n  // pinning persistent. Built from one factory rather than six near-identical\n  // useCallback blocks.\n  const makeShortcut = useCallback(\n    (type: SonnerProps['type'], extra?: Partial<SonnerProps>) =>\n      (message: React.ReactNode, options?: Partial<SonnerProps>) =>\n        addToast({ dismissLabel, ...options, ...extra, title: message }, type),\n    [addToast],\n  );\n\n  const toast = useMemo(() => makeShortcut('default'), [makeShortcut]);\n  const success = useMemo(() => makeShortcut('success'), [makeShortcut]);\n  const error = useMemo(() => makeShortcut('error'), [makeShortcut]);\n  const warning = useMemo(() => makeShortcut('warning'), [makeShortcut]);\n  const info = useMemo(() => makeShortcut('info'), [makeShortcut]);\n  const loading = useMemo(\n    () => makeShortcut('loading', { persistent: true }),\n    [makeShortcut],\n  );\n\n  const promise = useCallback(\n    <T,>(promiseToResolve: Promise<T>, options: SonnerPromiseOptions<T>): Promise<T> =>\n      trackPromiseWithToasts(promiseToResolve, options, { loading, success, error, dismiss }),\n    [loading, success, error, dismiss],\n  );\n\n  const contextValue: SonnerContextType = {\n    toast,\n    success,\n    error,\n    warning,\n    info,\n    loading,\n    dismiss,\n    promise };\n\n  // Register this context globally for imperative API\n  useRegisterGlobalToast(contextValue);\n\n  return (\n    <SonnerContext.Provider value={contextValue}>\n      {children}\n      <SonnerToaster toasts={toasts} onDismiss={dismiss} />\n    </SonnerContext.Provider>\n  );\n};\n\nexport const useSonner = (): SonnerContextType => {\n  const context = useContext(SonnerContext);\n  if (!context) {\n    throw new Error('useSonner must be used within a SonnerProvider');\n  }\n  return context;\n};\n\n// A caller-supplied icon always wins; otherwise the type picks one.\nimport { SonnerToast } from './SonnerToast';\n\nconst SonnerToaster: React.FC<{\n  toasts: SonnerItem[];\n  onDismiss: (id: string) => void;\n}> = ({ toasts, onDismiss }) => {\n  // Limit visible toasts to prevent overflow\n  const MAX_VISIBLE_TOASTS = 5;\n  const visibleToasts = toasts.slice(-MAX_VISIBLE_TOASTS);\n  const hiddenCount = Math.max(0, toasts.length - MAX_VISIBLE_TOASTS);\n\n  return (\n    <Portal>\n      <Box\n        sx={{\n          position: 'fixed',\n          top: 16,\n          right: 16,\n          zIndex: 9999,\n          display: 'flex',\n          flexDirection: 'column',\n          pointerEvents: 'none',\n          maxHeight: 'calc(100vh - 32px)',\n          overflowY: 'auto',\n          overflowX: 'hidden' }}\n      >\n        {hiddenCount > 0 && (\n          <Box\n            sx={{\n              p: 1,\n              mb: 0.5,\n              textAlign: 'center',\n              fontSize: '0.75rem',\n              color: 'text.secondary',\n              pointerEvents: 'none' }}\n          >\n            +{hiddenCount} more\n          </Box>\n        )}\n        {visibleToasts.map((toast) => (\n          <Box key={toast.id} sx={{ pointerEvents: 'auto' }}>\n            <SonnerToast {...toast} onDismiss={onDismiss} />\n          </Box>\n        ))}\n      </Box>\n    </Portal>\n  );\n};\n\n// Global toast instance for imperative API\nlet globalToastContext: SonnerContextType | null = null;\n\n// Hook to register the global context (used internally by SonnerProvider)\nexport const useRegisterGlobalToast = (context: SonnerContextType) => {\n  React.useEffect(() => {\n    globalToastContext = context;\n    return () => {\n      globalToastContext = null;\n    };\n  }, [context]);\n};\n\n// Create a production-ready toast instance for imperative usage\nconst createToastInstance = (): SonnerContextType => {\n  const warnNoProvider = () => {\n    // Use a more React-appropriate warning mechanism\n    if (typeof window !== 'undefined' && window.console && window.console.warn) {\n      window.console.warn('Sonner: No SonnerProvider found. Please wrap your app with SonnerProvider.');\n    }\n  };\n\n  const methods: SonnerContextType = {\n    toast: (message: React.ReactNode, options?: Partial<SonnerProps>) => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        return 'no-provider';\n      }\n      return globalToastContext.toast(message, options);\n    },\n    success: (message: React.ReactNode, options?: Partial<SonnerProps>) => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        return 'no-provider';\n      }\n      return globalToastContext.success(message, options);\n    },\n    error: (message: React.ReactNode, options?: Partial<SonnerProps>) => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        return 'no-provider';\n      }\n      return globalToastContext.error(message, options);\n    },\n    warning: (message: React.ReactNode, options?: Partial<SonnerProps>) => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        return 'no-provider';\n      }\n      return globalToastContext.warning(message, options);\n    },\n    info: (message: React.ReactNode, options?: Partial<SonnerProps>) => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        return 'no-provider';\n      }\n      return globalToastContext.info(message, options);\n    },\n    loading: (message: React.ReactNode, options?: Partial<SonnerProps>) => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        return 'no-provider';\n      }\n      return globalToastContext.loading(message, options);\n    },\n    dismiss: (id?: string) => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        return;\n      }\n      globalToastContext.dismiss(id);\n    },\n    promise: async <T,>(\n      promiseToResolve: Promise<T>,\n      options: {\n        loading: React.ReactNode;\n        success: React.ReactNode | ((data: T) => React.ReactNode);\n        error: React.ReactNode | ((error: Error) => React.ReactNode);\n      },\n    ): Promise<T> => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        throw new Error('No SonnerProvider found');\n      }\n      return globalToastContext.promise(promiseToResolve, options);\n    } };\n\n  return methods;\n};\n\n// Export toast instance for imperative API usage\nexport const toast = createToastInstance();\n\n// Export Toaster as alias for SonnerProvider for stories compatibility\nexport const Toaster: React.FC<{\n  children?: React.ReactNode;\n  position?: string;\n  theme?: string;\n  expand?: boolean;\n  richColors?: boolean;\n  closeButton?: boolean;\n  dismissLabel: string;\n}> = ({ children, dismissLabel }) => (\n  <SonnerProvider dismissLabel={dismissLabel}>{children}</SonnerProvider>\n);\n"],"mappings":"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","names":["toast"]}

package/dist/chunk-DLJGBJZW.js

@@ -0,0 +1,187 @@
+import {
+  processRows
+} from "./chunk-G3E66C6J.js";
+
+// src/components/data-display/DataGrid/DataGrid.model.ts
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+var DEFAULT_ROW_HEIGHT = 52;
+var DEFAULT_PAGE_SIZE = 50;
+var OVERSCAN_COUNT = 20;
+var VIRTUALIZATION_THRESHOLD = 100;
+var INITIAL_WINDOW = 50;
+var WINDOW_DRIFT = 5;
+function densityHeight(base, density) {
+  if (density === "compact") return Math.max(base * 0.8, 32);
+  if (density === "spacious") return base * 1.2;
+  return base;
+}
+function useProcessedRows(props, columnMap, sortBy, filters) {
+  const { rows, filtering = {}, sorting = {}, pagination, virtualizeRows = true } = props;
+  const pageIndex = pagination?.pageIndex ?? 0;
+  const pageSize = pagination?.pageSize ?? DEFAULT_PAGE_SIZE;
+  return useMemo(
+    () => processRows({
+      rows,
+      columnMap,
+      filters,
+      sortBy,
+      needsFiltering: filtering.mode === "client" && filters.length > 0,
+      needsSorting: sorting.mode === "client" && sortBy.length > 0,
+      // Virtualization already slices; doing both would page a page.
+      needsPagination: pagination?.mode === "client" && !virtualizeRows,
+      pageIndex,
+      pageSize
+    }),
+    [
+      rows,
+      columnMap,
+      filters,
+      sortBy,
+      filtering.mode,
+      sorting.mode,
+      pagination?.mode,
+      virtualizeRows,
+      pageIndex,
+      pageSize
+    ]
+  );
+}
+function useRowWindow(rowCount, rowHeight, enabled) {
+  const [range, setRange] = useState({ start: 0, end: INITIAL_WINDOW });
+  const rafRef = useRef(null);
+  useEffect(() => {
+    if (rowCount < range.end) setRange({ start: 0, end: Math.min(INITIAL_WINDOW, rowCount) });
+  }, [rowCount, range.end]);
+  useEffect(
+    () => () => {
+      if (rafRef.current !== null) window.cancelAnimationFrame(rafRef.current);
+    },
+    []
+  );
+  const onScroll = useCallback(
+    (event) => {
+      if (!enabled) return;
+      const { scrollTop, clientHeight } = event.currentTarget;
+      if (rafRef.current !== null) window.cancelAnimationFrame(rafRef.current);
+      rafRef.current = window.requestAnimationFrame(() => {
+        const first = Math.floor(scrollTop / rowHeight);
+        const visible = Math.ceil(clientHeight / rowHeight);
+        const start = Math.max(0, first - OVERSCAN_COUNT);
+        const end = Math.min(first + visible + OVERSCAN_COUNT, rowCount);
+        setRange(
+          (current) => Math.abs(start - current.start) > WINDOW_DRIFT || Math.abs(end - current.end) > WINDOW_DRIFT ? { start, end } : current
+        );
+        rafRef.current = null;
+      });
+    },
+    [enabled, rowHeight, rowCount]
+  );
+  return { range, onScroll };
+}
+function nextSortBy(current, columnId) {
+  const existing = current.find((sort) => sort.id === columnId);
+  let dir = "asc";
+  if (existing?.dir === "asc") dir = "desc";
+  else if (existing?.dir === "desc") dir = null;
+  return dir ? [{ id: columnId, dir }] : current.filter((sort) => sort.id !== columnId);
+}
+function useRowFlags(props) {
+  const { selection = { mode: "none" }, expansion } = props;
+  const [internalSelected, setInternalSelected] = useState(selection.defaultSelectedRowIds ?? []);
+  const [internalExpanded, setInternalExpanded] = useState(expansion?.defaultExpandedRowIds ?? []);
+  const selectedRowIds = selection.selectedRowIds ?? internalSelected;
+  const expandedRowIds = expansion?.expandedRowIds ?? internalExpanded;
+  const commitSelected = useCallback(
+    (ids) => {
+      if (selection.onChangeSelected) selection.onChangeSelected(ids);
+      else setInternalSelected(ids);
+    },
+    [selection]
+  );
+  return {
+    selectedRowIds,
+    selectedRowIdsSet: useMemo(() => new Set(selectedRowIds), [selectedRowIds]),
+    expandedRowIdsSet: useMemo(() => new Set(expandedRowIds), [expandedRowIds]),
+    setSelectedRowIds: commitSelected,
+    onToggleRow: (rowId, isSelected) => {
+      if (selection.mode === "single") commitSelected(isSelected ? [rowId] : []);
+      else if (selection.mode === "multi") {
+        commitSelected(
+          isSelected ? [...selectedRowIds, rowId] : selectedRowIds.filter((id) => id !== rowId)
+        );
+      }
+    },
+    onToggleExpansion: (rowId) => {
+      if (!expansion) return;
+      const next = expandedRowIds.includes(rowId) ? expandedRowIds.filter((id) => id !== rowId) : [...expandedRowIds, rowId];
+      if (expansion.onChangeExpanded) expansion.onChangeExpanded(next);
+      else setInternalExpanded(next);
+    }
+  };
+}
+function useSortHandler(props, sortBy, filters, setInternalSortBy) {
+  const { sorting = {}, pagination, onRequestData } = props;
+  return useCallback(
+    (columnId) => {
+      const next = nextSortBy(sortBy, columnId);
+      if (sorting.mode === "server" && onRequestData) {
+        onRequestData({
+          pageIndex: pagination?.pageIndex ?? 0,
+          pageSize: pagination?.pageSize ?? DEFAULT_PAGE_SIZE,
+          sortBy: next,
+          filters: [...filters]
+        });
+        return;
+      }
+      if (sorting.onChangeSortBy) sorting.onChangeSortBy(next);
+      else setInternalSortBy(next);
+    },
+    [sortBy, sorting, onRequestData, pagination, filters, setInternalSortBy]
+  );
+}
+function useSortAndFilter(props) {
+  const { sorting = {}, filtering = {} } = props;
+  const [internalSortBy, setInternalSortBy] = useState(sorting.defaultSortBy ?? []);
+  const [internalFilters] = useState(filtering.defaultFilters ?? []);
+  return {
+    sortBy: sorting.sortBy ?? internalSortBy,
+    filters: filtering.filters ?? internalFilters,
+    setInternalSortBy
+  };
+}
+function useDataGridModel(props) {
+  const { columns } = props;
+  const containerRef = useRef(null);
+  const [editingCell, setEditingCell] = useState(null);
+  const { sortBy, filters, setInternalSortBy } = useSortAndFilter(props);
+  const rowHeight = densityHeight(props.rowHeight ?? DEFAULT_ROW_HEIGHT, props.density);
+  const columnMap = useMemo(
+    () => new Map(columns.map((column) => [column.id, column])),
+    [columns]
+  );
+  const visibleColumns = useMemo(() => columns.filter((column) => !column.hidden), [columns]);
+  const processedRows = useProcessedRows(props, columnMap, sortBy, filters);
+  const virtualized = (props.virtualizeRows ?? true) && processedRows.length > VIRTUALIZATION_THRESHOLD;
+  const { range, onScroll } = useRowWindow(processedRows.length, rowHeight, virtualized);
+  const onSort = useSortHandler(props, sortBy, filters, setInternalSortBy);
+  return {
+    containerRef,
+    rowHeight,
+    visibleColumns,
+    processedRows,
+    visibleRows: virtualized ? processedRows.slice(range.start, range.end) : processedRows,
+    visibleRange: range,
+    virtualized,
+    sortBy,
+    editingCell,
+    setEditingCell,
+    onSort,
+    onScroll,
+    ...useRowFlags(props)
+  };
+}
+
+export {
+  useDataGridModel
+};
+//# sourceMappingURL=chunk-DLJGBJZW.js.map

package/dist/chunk-DLJGBJZW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataGrid/DataGrid.model.ts"],"sourcesContent":["/**\n * The DataGrid's STATE, in one hook.\n *\n * The component used to hold all of it inline, which made its body 700 lines\n * long and put the row pipeline, the virtualization window and the JSX in one\n * scope where any of them could reach any other. Split out, each piece is a\n * hook with named inputs and the render is left with nothing to do but render.\n *\n * Controlled/uncontrolled is resolved in ONE place per feature: a caller that\n * passes `sorting.sortBy` owns the sort, and a caller that does not gets the\n * internal state — the component never holds a second, divergent copy.\n */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type React from 'react';\n\nimport { processRows } from './DataGrid.rows';\nimport type {\n  DataGridProps,\n  GridColumn,\n  GridFilter,\n  GridSort,\n  SortDirection,\n} from './DataGrid.types';\n\nconst DEFAULT_ROW_HEIGHT = 52;\nconst DEFAULT_PAGE_SIZE = 50;\n/** Rows rendered on either side of the window, so a fast scroll stays filled. */\nconst OVERSCAN_COUNT = 20;\n/** Below this many rows, virtualization costs more than it saves. */\nconst VIRTUALIZATION_THRESHOLD = 100;\n/** The initial (and reset) window size, before a scroll has measured anything. */\nconst INITIAL_WINDOW = 50;\n/** Re-window only past this much drift, so a scroll is not one setState per pixel. */\nconst WINDOW_DRIFT = 5;\n\n/** Which id is being edited, or `null`. */\nexport interface EditingCell {\n  rowId: string | number;\n  colId: string;\n}\n\n/** The visible slice of a virtualized body. */\nexport interface VisibleRange {\n  start: number;\n  end: number;\n}\n\n/** Everything the render needs, and nothing it has to derive. */\nexport interface DataGridModel<T extends Record<string, unknown>> {\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  rowHeight: number;\n  visibleColumns: GridColumn<T>[];\n  processedRows: T[];\n  visibleRows: T[];\n  visibleRange: VisibleRange;\n  virtualized: boolean;\n  sortBy: readonly GridSort[];\n  selectedRowIds: Array<string | number>;\n  selectedRowIdsSet: ReadonlySet<string | number>;\n  expandedRowIdsSet: ReadonlySet<string | number>;\n  editingCell: EditingCell | null;\n  setEditingCell: (cell: EditingCell | null) => void;\n  setSelectedRowIds: (ids: Array<string | number>) => void;\n  onSort: (columnId: string) => void;\n  onToggleRow: (rowId: string | number, isSelected: boolean) => void;\n  onToggleExpansion: (rowId: string | number) => void;\n  onScroll: (event: React.UIEvent<HTMLDivElement>) => void;\n}\n\n/** The row height a density implies. */\nfunction densityHeight(base: number, density: DataGridProps['density']): number {\n  if (density === 'compact') return Math.max(base * 0.8, 32);\n  if (density === 'spacious') return base * 1.2;\n  return base;\n}\n\n/** The rows this render should show, with every client-mode step resolved. */\nfunction useProcessedRows<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n  columnMap: ReadonlyMap<string, GridColumn<T>>,\n  sortBy: readonly GridSort[],\n  filters: readonly GridFilter[],\n): T[] {\n  const { rows, filtering = {}, sorting = {}, pagination, virtualizeRows = true } = props;\n  const pageIndex = pagination?.pageIndex ?? 0;\n  const pageSize = pagination?.pageSize ?? DEFAULT_PAGE_SIZE;\n  return useMemo(\n    () =>\n      processRows({\n        rows,\n        columnMap,\n        filters,\n        sortBy,\n        needsFiltering: filtering.mode === 'client' && filters.length > 0,\n        needsSorting: sorting.mode === 'client' && sortBy.length > 0,\n        // Virtualization already slices; doing both would page a page.\n        needsPagination: pagination?.mode === 'client' && !virtualizeRows,\n        pageIndex,\n        pageSize,\n      }),\n    [\n      rows,\n      columnMap,\n      filters,\n      sortBy,\n      filtering.mode,\n      sorting.mode,\n      pagination?.mode,\n      virtualizeRows,\n      pageIndex,\n      pageSize,\n    ],\n  );\n}\n\n/**\n * The virtualization window and the scroll handler that moves it.\n *\n * Throttled through `requestAnimationFrame`, and only committed once the window\n * has drifted meaningfully — a `setState` per scroll event re-renders every\n * visible row for a movement the eye cannot see.\n */\nfunction useRowWindow(\n  rowCount: number,\n  rowHeight: number,\n  enabled: boolean,\n): { range: VisibleRange; onScroll: (event: React.UIEvent<HTMLDivElement>) => void } {\n  const [range, setRange] = useState<VisibleRange>({ start: 0, end: INITIAL_WINDOW });\n  const rafRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    if (rowCount < range.end) setRange({ start: 0, end: Math.min(INITIAL_WINDOW, rowCount) });\n  }, [rowCount, range.end]);\n\n  useEffect(\n    () => () => {\n      if (rafRef.current !== null) window.cancelAnimationFrame(rafRef.current);\n    },\n    [],\n  );\n\n  const onScroll = useCallback(\n    (event: React.UIEvent<HTMLDivElement>) => {\n      if (!enabled) return;\n      const { scrollTop, clientHeight } = event.currentTarget;\n      if (rafRef.current !== null) window.cancelAnimationFrame(rafRef.current);\n      rafRef.current = window.requestAnimationFrame(() => {\n        const first = Math.floor(scrollTop / rowHeight);\n        const visible = Math.ceil(clientHeight / rowHeight);\n        const start = Math.max(0, first - OVERSCAN_COUNT);\n        const end = Math.min(first + visible + OVERSCAN_COUNT, rowCount);\n        setRange((current) =>\n          Math.abs(start - current.start) > WINDOW_DRIFT ||\n          Math.abs(end - current.end) > WINDOW_DRIFT\n            ? { start, end }\n            : current,\n        );\n        rafRef.current = null;\n      });\n    },\n    [enabled, rowHeight, rowCount],\n  );\n\n  return { range, onScroll };\n}\n\n/** The next `sortBy` for a header press: asc → desc → unsorted. */\nfunction nextSortBy(current: readonly GridSort[], columnId: string): GridSort[] {\n  const existing = current.find((sort) => sort.id === columnId);\n  let dir: SortDirection = 'asc';\n  if (existing?.dir === 'asc') dir = 'desc';\n  else if (existing?.dir === 'desc') dir = null;\n  return dir ? [{ id: columnId, dir }] : current.filter((sort) => sort.id !== columnId);\n}\n\n/** Selection + expansion, each resolved once against its controlled prop. */\nfunction useRowFlags<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n): Pick<\n  DataGridModel<T>,\n  | 'selectedRowIds'\n  | 'selectedRowIdsSet'\n  | 'expandedRowIdsSet'\n  | 'setSelectedRowIds'\n  | 'onToggleRow'\n  | 'onToggleExpansion'\n> {\n  const { selection = { mode: 'none' }, expansion } = props;\n  const [internalSelected, setInternalSelected] = useState(selection.defaultSelectedRowIds ?? []);\n  const [internalExpanded, setInternalExpanded] = useState(expansion?.defaultExpandedRowIds ?? []);\n  const selectedRowIds = selection.selectedRowIds ?? internalSelected;\n  const expandedRowIds = expansion?.expandedRowIds ?? internalExpanded;\n\n  const commitSelected = useCallback(\n    (ids: Array<string | number>) => {\n      if (selection.onChangeSelected) selection.onChangeSelected(ids);\n      else setInternalSelected(ids);\n    },\n    [selection],\n  );\n\n  return {\n    selectedRowIds,\n    selectedRowIdsSet: useMemo(() => new Set(selectedRowIds), [selectedRowIds]),\n    expandedRowIdsSet: useMemo(() => new Set(expandedRowIds), [expandedRowIds]),\n    setSelectedRowIds: commitSelected,\n    onToggleRow: (rowId, isSelected) => {\n      if (selection.mode === 'single') commitSelected(isSelected ? [rowId] : []);\n      else if (selection.mode === 'multi') {\n        commitSelected(\n          isSelected\n            ? [...selectedRowIds, rowId]\n            : selectedRowIds.filter((id) => id !== rowId),\n        );\n      }\n    },\n    onToggleExpansion: (rowId) => {\n      if (!expansion) return;\n      const next = expandedRowIds.includes(rowId)\n        ? expandedRowIds.filter((id) => id !== rowId)\n        : [...expandedRowIds, rowId];\n      if (expansion.onChangeExpanded) expansion.onChangeExpanded(next);\n      else setInternalExpanded(next);\n    },\n  };\n}\n\n/**\n * A header press, routed to whoever owns the sort: the server (which must\n * re-query — sorting the current page locally would reorder one page of a\n * dataset and call it sorted), the caller's `onChangeSortBy`, or internal state.\n */\nfunction useSortHandler<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n  sortBy: readonly GridSort[],\n  filters: readonly GridFilter[],\n  setInternalSortBy: (next: GridSort[]) => void,\n): (columnId: string) => void {\n  const { sorting = {}, pagination, onRequestData } = props;\n  return useCallback(\n    (columnId: string) => {\n      const next = nextSortBy(sortBy, columnId);\n      if (sorting.mode === 'server' && onRequestData) {\n        onRequestData({\n          pageIndex: pagination?.pageIndex ?? 0,\n          pageSize: pagination?.pageSize ?? DEFAULT_PAGE_SIZE,\n          sortBy: next,\n          filters: [...filters],\n        });\n        return;\n      }\n      if (sorting.onChangeSortBy) sorting.onChangeSortBy(next);\n      else setInternalSortBy(next);\n    },\n    [sortBy, sorting, onRequestData, pagination, filters, setInternalSortBy],\n  );\n}\n\n/**\n * Sort and filter, each resolved ONCE against its controlled prop: a caller\n * that passes `sorting.sortBy` owns the sort, and one that does not gets the\n * internal state. The grid never holds a second, divergent copy.\n */\nfunction useSortAndFilter<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n): {\n  sortBy: readonly GridSort[];\n  filters: readonly GridFilter[];\n  setInternalSortBy: (next: GridSort[]) => void;\n} {\n  const { sorting = {}, filtering = {} } = props;\n  const [internalSortBy, setInternalSortBy] = useState<GridSort[]>(sorting.defaultSortBy ?? []);\n  const [internalFilters] = useState<GridFilter[]>(filtering.defaultFilters ?? []);\n  return {\n    sortBy: sorting.sortBy ?? internalSortBy,\n    filters: filtering.filters ?? internalFilters,\n    setInternalSortBy,\n  };\n}\n\nexport function useDataGridModel<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n): DataGridModel<T> {\n  const { columns } = props;\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [editingCell, setEditingCell] = useState<EditingCell | null>(null);\n  const { sortBy, filters, setInternalSortBy } = useSortAndFilter(props);\n  const rowHeight = densityHeight(props.rowHeight ?? DEFAULT_ROW_HEIGHT, props.density);\n  const columnMap = useMemo(\n    () => new Map(columns.map((column) => [column.id, column])),\n    [columns],\n  );\n  const visibleColumns = useMemo(() => columns.filter((column) => !column.hidden), [columns]);\n  const processedRows = useProcessedRows(props, columnMap, sortBy, filters);\n  const virtualized =\n    (props.virtualizeRows ?? true) && processedRows.length > VIRTUALIZATION_THRESHOLD;\n  const { range, onScroll } = useRowWindow(processedRows.length, rowHeight, virtualized);\n  const onSort = useSortHandler(props, sortBy, filters, setInternalSortBy);\n\n  return {\n    containerRef,\n    rowHeight,\n    visibleColumns,\n    processedRows,\n    visibleRows: virtualized ? processedRows.slice(range.start, range.end) : processedRows,\n    visibleRange: range,\n    virtualized,\n    sortBy,\n    editingCell,\n    setEditingCell,\n    onSort,\n    onScroll,\n    ...useRowFlags(props),\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-DMNZD3Q7.js

@@ -0,0 +1,31 @@
+// src/components/form/CategorySelect/CategoryIcons.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var STROKE = {
+  fill: "none",
+  stroke: "currentColor",
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+function CheckGlyph() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", strokeWidth: 3.2, "aria-hidden": "true", ...STROKE, children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
+}
+function DisclosureGlyph() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", strokeWidth: 2.4, "aria-hidden": "true", ...STROKE, children: /* @__PURE__ */ jsx("path", { d: "m9 5 7 7-7 7" }) });
+}
+function CaretGlyph({ style }) {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", strokeWidth: 2.4, style, "aria-hidden": "true", ...STROKE, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) });
+}
+function SearchGlyph({ style }) {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", strokeWidth: 2, style, "aria-hidden": "true", ...STROKE, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "7" }),
+    /* @__PURE__ */ jsx("path", { d: "m20 20-3.5-3.5" })
+  ] });
+}
+
+export {
+  CheckGlyph,
+  DisclosureGlyph,
+  CaretGlyph,
+  SearchGlyph
+};
+//# sourceMappingURL=chunk-DMNZD3Q7.js.map

package/dist/chunk-DMNZD3Q7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategoryIcons.tsx"],"sourcesContent":["/**\n * The prototype's four glyphs, inlined.\n *\n * Inline SVG rather than `@mui/icons-material` because these are drawn at the\n * design's own weights (2.4 for the chevrons, 3.2 for the tick) and sizes; the\n * Material set is a 24px grid at a fixed weight and would not land on the same\n * pixels.\n */\n\nconst STROKE = {\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeLinecap: 'round',\n  strokeLinejoin: 'round',\n} as const;\n\n/** The tick inside a checked box. */\nexport function CheckGlyph(): React.JSX.Element {\n  return (\n    <svg viewBox=\"0 0 24 24\" strokeWidth={3.2} aria-hidden=\"true\" {...STROKE}>\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\n/** The disclosure chevron on a category row (points right; rotates when open). */\nexport function DisclosureGlyph(): React.JSX.Element {\n  return (\n    <svg viewBox=\"0 0 24 24\" strokeWidth={2.4} aria-hidden=\"true\" {...STROKE}>\n      <path d=\"m9 5 7 7-7 7\" />\n    </svg>\n  );\n}\n\n/** The trigger's caret (points down; rotates when the panel is open). */\nexport function CaretGlyph({ style }: { style?: React.CSSProperties }): React.JSX.Element {\n  return (\n    <svg viewBox=\"0 0 24 24\" strokeWidth={2.4} style={style} aria-hidden=\"true\" {...STROKE}>\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\n/** The magnifier in the panel's search field. */\nexport function SearchGlyph({ style }: { style?: React.CSSProperties }): React.JSX.Element {\n  return (\n    <svg viewBox=\"0 0 24 24\" strokeWidth={2} style={style} aria-hidden=\"true\" {...STROKE}>\n      <circle cx=\"11\" cy=\"11\" r=\"7\" />\n      <path d=\"m20 20-3.5-3.5\" />\n    </svg>\n  );\n}\n"],"mappings":";AAoBM,cA0BF,YA1BE;AAXN,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,gBAAgB;AAClB;AAGO,SAAS,aAAgC;AAC9C,SACE,oBAAC,SAAI,SAAQ,aAAY,aAAa,KAAK,eAAY,QAAQ,GAAG,QAChE,8BAAC,UAAK,GAAE,mBAAkB,GAC5B;AAEJ;AAGO,SAAS,kBAAqC;AACnD,SACE,oBAAC,SAAI,SAAQ,aAAY,aAAa,KAAK,eAAY,QAAQ,GAAG,QAChE,8BAAC,UAAK,GAAE,gBAAe,GACzB;AAEJ;AAGO,SAAS,WAAW,EAAE,MAAM,GAAuD;AACxF,SACE,oBAAC,SAAI,SAAQ,aAAY,aAAa,KAAK,OAAc,eAAY,QAAQ,GAAG,QAC9E,8BAAC,UAAK,GAAE,gBAAe,GACzB;AAEJ;AAGO,SAAS,YAAY,EAAE,MAAM,GAAuD;AACzF,SACE,qBAAC,SAAI,SAAQ,aAAY,aAAa,GAAG,OAAc,eAAY,QAAQ,GAAG,QAC5E;AAAA,wBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,IAC9B,oBAAC,UAAK,GAAE,kBAAiB;AAAA,KAC3B;AAEJ;","names":[]}

package/dist/chunk-DRPVFYE2.js

@@ -0,0 +1,144 @@
+import {
+  ShortcutChip
+} from "./chunk-7VP7VSIG.js";
+
+// src/components/navigation/CommandPalette/CommandPaletteResults.tsx
+import RecentIcon from "@mui/icons-material/History";
+import { Box, Divider, List, ListItem, ListItemIcon, ListItemText, Typography } from "@mui/material";
+import { alpha, styled } from "@mui/material";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ResultsList = styled(List)(({ theme }) => ({
+  maxHeight: 400,
+  overflowY: "auto",
+  padding: theme.spacing(1),
+  "&::-webkit-scrollbar": {
+    width: 8
+  },
+  "&::-webkit-scrollbar-track": {
+    background: alpha(theme.palette.action.disabled, 0.1)
+  },
+  "&::-webkit-scrollbar-thumb": {
+    background: alpha(theme.palette.primary.main, 0.3),
+    borderRadius: 4,
+    "&:hover": {
+      background: alpha(theme.palette.primary.main, 0.5)
+    }
+  }
+}));
+var CommandItem = styled(ListItem)(({ theme, selected }) => ({
+  borderRadius: theme.shape.borderRadius,
+  marginBottom: theme.spacing(0.5),
+  transition: theme.transitions.create(["background-color", "transform"]),
+  cursor: "pointer",
+  ...selected && {
+    backgroundColor: alpha(theme.palette.primary.main, 0.12),
+    transform: "translateX(4px)",
+    "& .MuiListItemIcon-root": {
+      color: theme.palette.primary.main
+    }
+  },
+  "&:hover": {
+    backgroundColor: alpha(theme.palette.primary.main, 0.08)
+  }
+}));
+var CategoryLabel = styled(Typography)(({ theme }) => ({
+  fontSize: "0.75rem",
+  fontWeight: 600,
+  color: theme.palette.text.secondary,
+  textTransform: "uppercase",
+  letterSpacing: "0.1em",
+  padding: theme.spacing(1, 2, 0.5, 2),
+  marginTop: theme.spacing(1)
+}));
+var NoResults = styled(Box)(({ theme }) => ({
+  padding: theme.spacing(4, 2),
+  textAlign: "center",
+  color: theme.palette.text.secondary
+}));
+var CommandRow = ({ command, index, selected, dataTestId, onSelect, onExecute }) => /* @__PURE__ */ jsxs(
+  CommandItem,
+  {
+    "data-index": index,
+    "data-testid": `${dataTestId}-item-${command.id}`,
+    selected,
+    onClick: () => onExecute(command),
+    onMouseEnter: () => onSelect(index),
+    children: [
+      command.icon && /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 40 }, children: command.icon }),
+      /* @__PURE__ */ jsx(
+        ListItemText,
+        {
+          primary: command.label,
+          secondary: command.description,
+          primaryTypographyProps: { fontSize: "0.9rem", fontWeight: selected ? 500 : 400 },
+          secondaryTypographyProps: { fontSize: "0.75rem" }
+        }
+      ),
+      command.shortcut && /* @__PURE__ */ jsx(ShortcutChip, { label: command.shortcut, size: "small" })
+    ]
+  }
+);
+var slug = (value) => value.toLowerCase().replace(/\s+/g, "-");
+var PaletteResults = ({
+  copy,
+  listRef,
+  dataTestId,
+  searchQuery,
+  showRecent,
+  commands,
+  recentCommandIds,
+  filteredCommands,
+  groupedCommands,
+  selectedIndex,
+  onSelect,
+  onExecute
+}) => {
+  if (filteredCommands.length === 0) {
+    return /* @__PURE__ */ jsxs(NoResults, { "data-testid": `${dataTestId}-no-results`, children: [
+      /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "text.secondary", children: [
+        'No commands found for "',
+        searchQuery,
+        '"'
+      ] }),
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.disabled", sx: { mt: 1 }, children: copy.tryAnotherTerm })
+    ] });
+  }
+  const showRecentSection = !searchQuery && showRecent && recentCommandIds.length > 0;
+  const recent = showRecentSection ? recentCommandIds.map((id) => commands.find((command) => command.id === id)).filter(Boolean) : [];
+  let commandIndex = 0;
+  const row = (command) => {
+    const index = commandIndex++;
+    return /* @__PURE__ */ jsx(
+      CommandRow,
+      {
+        command,
+        index,
+        selected: index === selectedIndex,
+        dataTestId,
+        onSelect,
+        onExecute
+      },
+      command.id
+    );
+  };
+  const showCategoryLabels = Object.keys(groupedCommands).length > 1;
+  return /* @__PURE__ */ jsxs(ResultsList, { ref: listRef, "data-testid": `${dataTestId}-list`, children: [
+    showRecentSection && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(CategoryLabel, { "data-testid": `${dataTestId}-group-recent`, children: [
+        /* @__PURE__ */ jsx(RecentIcon, { sx: { fontSize: 14, mr: 0.5, verticalAlign: "middle" } }),
+        copy.recent
+      ] }),
+      recent.map(row),
+      filteredCommands.length > recentCommandIds.length && /* @__PURE__ */ jsx(Divider, { sx: { my: 1 } })
+    ] }),
+    Object.entries(groupedCommands).map(([category, categoryCommands]) => /* @__PURE__ */ jsxs(Box, { "data-testid": `${dataTestId}-group-${slug(category)}`, children: [
+      showCategoryLabels && /* @__PURE__ */ jsx(CategoryLabel, { "data-testid": `${dataTestId}-group-label-${slug(category)}`, children: category }),
+      categoryCommands.map(row)
+    ] }, category))
+  ] });
+};
+
+export {
+  PaletteResults
+};
+//# sourceMappingURL=chunk-DRPVFYE2.js.map