@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-PH5XJGKJ.js

@@ -1,91 +0,0 @@
-import {
-  CaretGlyph
-} from "./chunk-DMNZD3Q7.js";
-import {
-  triggerChevronSx,
-  triggerClearSx,
-  triggerCountSx,
-  triggerSx
-} from "./chunk-LGLHU55A.js";
-
-// src/components/form/CategorySelect/CategoryTrigger.tsx
-import Box from "@mui/material/Box/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CategoryTrigger({
-  placeholder,
-  selectionLabel,
-  count,
-  open,
-  disabled,
-  fullWidth,
-  onOpen,
-  onClear,
-  triggerRef,
-  dataTestId,
-  copy
-}) {
-  const hasSelection = Boolean(selectionLabel) || (count ?? 0) > 0;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      ref: triggerRef,
-      disabled,
-      "aria-haspopup": "dialog",
-      "aria-expanded": open,
-      "data-testid": `${dataTestId}-trigger`,
-      onClick: onOpen,
-      sx: (theme) => ({
-        ...triggerSx(theme, hasSelection, open),
-        width: fullWidth ? "100%" : "auto"
-      }),
-      children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "span",
-            sx: {
-              whiteSpace: "nowrap",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              maxWidth: 190,
-              flex: fullWidth ? 1 : "0 1 auto",
-              textAlign: "left"
-            },
-            children: selectionLabel ?? placeholder
-          }
-        ),
-        count !== void 0 && count > 0 && /* @__PURE__ */ jsx(Box, { component: "span", sx: triggerCountSx, "data-testid": `${dataTestId}-count`, children: count }),
-        hasSelection && onClear && /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "span",
-            role: "button",
-            tabIndex: 0,
-            "aria-label": copy.clearSelection,
-            "data-testid": `${dataTestId}-clear-trigger`,
-            sx: triggerClearSx,
-            onClick: (event) => {
-              event.stopPropagation();
-              onClear();
-            },
-            onKeyDown: (event) => {
-              if (event.key !== "Enter" && event.key !== " ") return;
-              event.preventDefault();
-              event.stopPropagation();
-              onClear();
-            },
-            children: "\xD7"
-          }
-        ),
-        /* @__PURE__ */ jsx(CaretGlyph, { style: triggerChevronSx(open) })
-      ]
-    }
-  );
-}
-
-export {
-  CategoryTrigger
-};
-//# sourceMappingURL=chunk-PH5XJGKJ.js.map

package/dist/chunk-PI5G6N6Q.js

@@ -1,157 +0,0 @@
-import {
-  PillControl
-} from "./chunk-RPMAWM6F.js";
-import {
-  PanelRangeField
-} from "./chunk-SLODUPES.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  TableFilter
-} from "./chunk-NMX3JAAB.js";
-import {
-  StackedModal
-} from "./chunk-YRUCIKPO.js";
-import {
-  StackedModalContent
-} from "./chunk-JN3PGXRJ.js";
-
-// src/components/data-display/DataViews/data-views-filter-panel.tsx
-import Box from "@mui/material/Box/index.js";
-import Link from "@mui/material/Link/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function PillField({
-  field,
-  selected,
-  testIdPrefix,
-  onTogglePill,
-  onClearField
-}) {
-  const testId = `${testIdPrefix}-filter-${field.id}`;
-  if (field.searchEnabled || field.control === "multiselect" || field.control === "category") {
-    return /* @__PURE__ */ jsx(
-      PillControl,
-      {
-        fieldId: field.id,
-        pill: field,
-        selected,
-        onTogglePill,
-        onClearField,
-        testIdPrefix,
-        layout: "stacked"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    TableFilter.CheckboxField,
-    {
-      label: field.label,
-      options: field.options,
-      selected: new Set(selected),
-      onToggle: (value, checked) => onTogglePill(field.id, value, checked),
-      testId
-    }
-  );
-}
-function FilterControls({
-  testIdPrefix,
-  search,
-  fields,
-  rangeFields,
-  pills,
-  ranges,
-  onSearchChange,
-  onTogglePill,
-  onChangeRange,
-  onClearField
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      TableFilter.Keyword,
-      {
-        value: search,
-        onChange: onSearchChange,
-        label: copy.search.allColumnsLabel,
-        placeholder: copy.search.keywordPlaceholder,
-        testId: `${testIdPrefix}-search-all`
-      }
-    ),
-    (fields.length > 0 || rangeFields.length > 0) && /* @__PURE__ */ jsxs(TableFilter.Section, { title: copy.filters.panelTitle, children: [
-      fields.map((field) => /* @__PURE__ */ jsx(
-        PillField,
-        {
-          field,
-          selected: pills[field.id] ?? [],
-          testIdPrefix,
-          onTogglePill,
-          onClearField
-        },
-        field.id
-      )),
-      rangeFields.map((field) => /* @__PURE__ */ jsx(
-        PanelRangeField,
-        {
-          field,
-          value: ranges[field.id] ?? {},
-          onChange: (range) => onChangeRange(field.id, range),
-          testId: `${testIdPrefix}-range-${field.id}`
-        },
-        field.id
-      ))
-    ] })
-  ] });
-}
-function GridFilterPanel(props) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    TableFilter.Panel,
-    {
-      onClearAll: props.onClearAll,
-      clearTestId: `${props.testIdPrefix}-clear-filters`,
-      ariaLabel: copy.filters.panelTitle,
-      children: /* @__PURE__ */ jsx(FilterControls, { ...props })
-    }
-  );
-}
-function FilterDialog({
-  open,
-  onClose,
-  ...props
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    StackedModal,
-    {
-      open,
-      onClose,
-      navigationTitle: copy.filters.panelTitle,
-      backLabel: copy.nav.goBack,
-      modalId: `${props.testIdPrefix}-filters`,
-      maxWidth: "xs",
-      dataTestId: `${props.testIdPrefix}-filter-dialog`,
-      children: /* @__PURE__ */ jsx(StackedModalContent, { children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2.5 }, children: [
-        /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx(
-          Link,
-          {
-            component: "button",
-            type: "button",
-            underline: "hover",
-            onClick: props.onClearAll,
-            "data-testid": `${props.testIdPrefix}-clear-filters`,
-            sx: { fontSize: "0.75rem", color: "text.secondary" },
-            children: copy.filters.clearAllFilters
-          }
-        ) }),
-        /* @__PURE__ */ jsx(FilterControls, { ...props })
-      ] }) })
-    }
-  );
-}
-
-export {
-  GridFilterPanel,
-  FilterDialog
-};
-//# sourceMappingURL=chunk-PI5G6N6Q.js.map

package/dist/chunk-PI5G6N6Q.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-filter-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport Box from \"@mui/material/Box/index.js\";\nimport Link from \"@mui/material/Link/index.js\";\n\nimport { StackedModal, StackedModalContent } from \"../../feedback/StackedModal\";\nimport { TableFilter } from \"../../layout/TableFilter\";\n\nimport { PillControl } from \"./data-views-category-pill\";\nimport { PanelRangeField } from \"./data-views-range-pill\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport type {\n  FilterFieldConfig,\n  RangeFieldConfig,\n  RangeValue,\n} from \"./data-views-types\";\n\n/* ── Filter panel ────────────────────────────────────────────────────────── */\n\nexport interface GridFilterPanelProps<T extends Record<string, unknown>> {\n  testIdPrefix: string;\n  search: string;\n  fields: FilterFieldConfig<T>[];\n  rangeFields: RangeFieldConfig<T>[];\n  pills: Record<string, string[]>;\n  ranges: Record<string, RangeValue>;\n  onSearchChange: (value: string) => void;\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void;\n  onChangeRange: (fieldId: string, range: RangeValue) => void;\n  onClearField: (fieldId: string) => void;\n  onClearAll: () => void;\n}\n\n/** One pill field: a compact multi-select for long lists, else a checkbox list. */\nfunction PillField<T extends Record<string, unknown>>({\n  field,\n  selected,\n  testIdPrefix,\n  onTogglePill,\n  onClearField,\n}: {\n  field: FilterFieldConfig<T>;\n  selected: string[];\n  testIdPrefix: string;\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void;\n  onClearField: (fieldId: string) => void;\n}): React.JSX.Element {\n  const testId = `${testIdPrefix}-filter-${field.id}`;\n  // `searchEnabled` forces the searchable multi-select; a plain `multiselect`\n  // keeps the auto \"search only when the list is long\" rule. `category` is the\n  // hierarchical tree — see PillControl.\n  if (field.searchEnabled || field.control === \"multiselect\" || field.control === \"category\") {\n    return (\n      <PillControl\n        fieldId={field.id}\n        pill={field}\n        selected={selected}\n        onTogglePill={onTogglePill}\n        onClearField={onClearField}\n        testIdPrefix={testIdPrefix}\n        layout=\"stacked\"\n      />\n    );\n  }\n  return (\n    <TableFilter.CheckboxField\n      label={field.label}\n      options={field.options}\n      selected={new Set(selected)}\n      onToggle={(value, checked) => onTogglePill(field.id, value, checked)}\n      testId={testId}\n    />\n  );\n}\n\n/** The filter controls (keyword + pill facets + numeric ranges), surface-agnostic. */\nfunction FilterControls<T extends Record<string, unknown>>({\n  testIdPrefix,\n  search,\n  fields,\n  rangeFields,\n  pills,\n  ranges,\n  onSearchChange,\n  onTogglePill,\n  onChangeRange,\n  onClearField,\n}: Omit<GridFilterPanelProps<T>, \"onClearAll\">): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <>\n      <TableFilter.Keyword\n        value={search}\n        onChange={onSearchChange}\n        label={copy.search.allColumnsLabel}\n        placeholder={copy.search.keywordPlaceholder}\n        testId={`${testIdPrefix}-search-all`}\n      />\n      {(fields.length > 0 || rangeFields.length > 0) && (\n        <TableFilter.Section title={copy.filters.panelTitle}>\n          {fields.map((field) => (\n            <PillField\n              key={field.id}\n              field={field}\n              selected={pills[field.id] ?? []}\n              testIdPrefix={testIdPrefix}\n              onTogglePill={onTogglePill}\n              onClearField={onClearField}\n            />\n          ))}\n          {rangeFields.map((field) => (\n            <PanelRangeField\n              key={field.id}\n              field={field}\n              value={ranges[field.id] ?? {}}\n              onChange={(range) => onChangeRange(field.id, range)}\n              testId={`${testIdPrefix}-range-${field.id}`}\n            />\n          ))}\n        </TableFilter.Section>\n      )}\n    </>\n  );\n}\n\n/** The slide-in filter panel: keyword + checkbox facets + numeric ranges. */\nexport function GridFilterPanel<T extends Record<string, unknown>>(\n  props: GridFilterPanelProps<T>,\n): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <TableFilter.Panel\n      onClearAll={props.onClearAll}\n      clearTestId={`${props.testIdPrefix}-clear-filters`}\n      ariaLabel={copy.filters.panelTitle}\n    >\n      <FilterControls {...props} />\n    </TableFilter.Panel>\n  );\n}\n\n/** Props for the modal filter surface used below the inline breakpoint. */\ninterface FilterDialogProps<T extends Record<string, unknown>> extends GridFilterPanelProps<T> {\n  open: boolean;\n  onClose: () => void;\n}\n\n/**\n * The same filter controls in a centered modal — used on smaller screens where the\n * slide-in panel would overlap the table. The \"Filtros\" toolbar button opens it.\n */\nexport function FilterDialog<T extends Record<string, unknown>>({\n  open,\n  onClose,\n  ...props\n}: FilterDialogProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <StackedModal\n      open={open}\n      onClose={onClose}\n      navigationTitle={copy.filters.panelTitle}\n      backLabel={copy.nav.goBack}\n      modalId={`${props.testIdPrefix}-filters`}\n      maxWidth=\"xs\"\n      dataTestId={`${props.testIdPrefix}-filter-dialog`}\n    >\n      <StackedModalContent>\n        <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 2.5 }}>\n          <Box sx={{ display: \"flex\", justifyContent: \"flex-end\" }}>\n            <Link\n              component=\"button\"\n              type=\"button\"\n              underline=\"hover\"\n              onClick={props.onClearAll}\n              data-testid={`${props.testIdPrefix}-clear-filters`}\n              sx={{ fontSize: \"0.75rem\", color: \"text.secondary\" }}\n            >\n              {copy.filters.clearAllFilters}\n            </Link>\n          </Box>\n          <FilterControls {...props} />\n        </Box>\n      </StackedModalContent>\n    </StackedModal>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEA,OAAO,SAAS;AAChB,OAAO,UAAU;AAkDX,SAqCF,UArCE,KA8CE,YA9CF;AAnBN,SAAS,UAA6C;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMsB;AACpB,QAAM,SAAS,GAAG,YAAY,WAAW,MAAM,EAAE;AAIjD,MAAI,MAAM,iBAAiB,MAAM,YAAY,iBAAiB,MAAM,YAAY,YAAY;AAC1F,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AAAA,QACf,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAO;AAAA;AAAA,IACT;AAAA,EAEJ;AACA,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO,MAAM;AAAA,MACb,SAAS,MAAM;AAAA,MACf,UAAU,IAAI,IAAI,QAAQ;AAAA,MAC1B,UAAU,CAAC,OAAO,YAAY,aAAa,MAAM,IAAI,OAAO,OAAO;AAAA,MACnE;AAAA;AAAA,EACF;AAEJ;AAGA,SAAS,eAAkD;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmE;AACjE,QAAM,OAAO,iBAAiB;AAC9B,SACE,iCACE;AAAA;AAAA,MAAC,YAAY;AAAA,MAAZ;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,OAAO,KAAK,OAAO;AAAA,QACnB,aAAa,KAAK,OAAO;AAAA,QACzB,QAAQ,GAAG,YAAY;AAAA;AAAA,IACzB;AAAA,KACE,OAAO,SAAS,KAAK,YAAY,SAAS,MAC1C,qBAAC,YAAY,SAAZ,EAAoB,OAAO,KAAK,QAAQ,YACtC;AAAA,aAAO,IAAI,CAAC,UACX;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,UAAU,MAAM,MAAM,EAAE,KAAK,CAAC;AAAA,UAC9B;AAAA,UACA;AAAA,UACA;AAAA;AAAA,QALK,MAAM;AAAA,MAMb,CACD;AAAA,MACA,YAAY,IAAI,CAAC,UAChB;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,OAAO,OAAO,MAAM,EAAE,KAAK,CAAC;AAAA,UAC5B,UAAU,CAAC,UAAU,cAAc,MAAM,IAAI,KAAK;AAAA,UAClD,QAAQ,GAAG,YAAY,UAAU,MAAM,EAAE;AAAA;AAAA,QAJpC,MAAM;AAAA,MAKb,CACD;AAAA,OACH;AAAA,KAEJ;AAEJ;AAGO,SAAS,gBACd,OACmB;AACnB,QAAM,OAAO,iBAAiB;AAC9B,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,YAAY,MAAM;AAAA,MAClB,aAAa,GAAG,MAAM,YAAY;AAAA,MAClC,WAAW,KAAK,QAAQ;AAAA,MAExB,8BAAC,kBAAgB,GAAG,OAAO;AAAA;AAAA,EAC7B;AAEJ;AAYO,SAAS,aAAgD;AAAA,EAC9D;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4C;AAC1C,QAAM,OAAO,iBAAiB;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,iBAAiB,KAAK,QAAQ;AAAA,MAC9B,WAAW,KAAK,IAAI;AAAA,MACpB,SAAS,GAAG,MAAM,YAAY;AAAA,MAC9B,UAAS;AAAA,MACT,YAAY,GAAG,MAAM,YAAY;AAAA,MAEjC,8BAAC,uBACC,+BAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,IAAI,GAC5D;AAAA,4BAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,gBAAgB,WAAW,GACrD;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS,MAAM;AAAA,YACf,eAAa,GAAG,MAAM,YAAY;AAAA,YAClC,IAAI,EAAE,UAAU,WAAW,OAAO,iBAAiB;AAAA,YAElD,eAAK,QAAQ;AAAA;AAAA,QAChB,GACF;AAAA,QACA,oBAAC,kBAAgB,GAAG,OAAO;AAAA,SAC7B,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-PJ7NKK33.js

@@ -1,124 +0,0 @@
-import {
-  SaveViewModal
-} from "./chunk-6AN23E37.js";
-import {
-  ManageViewsDialog
-} from "./chunk-EE44OC4M.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  SavedViewsMenu
-} from "./chunk-IBWVEARQ.js";
-import {
-  Alert
-} from "./chunk-RGKGBYT2.js";
-
-// src/components/data-display/DataViews/data-views-table-parts.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ViewMutationErrorAlert({
-  error,
-  onClose,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  if (!error) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    Alert,
-    {
-      variant: "danger",
-      title: copy.nav.updateFailed,
-      description: error,
-      closable: true,
-      closeLabel: copy.nav.dismissError,
-      onClose,
-      "data-testid": `${testIdPrefix}-views-mutation-error`
-    }
-  );
-}
-function ViewsMenuSlot({
-  views,
-  activeViewName,
-  applyView,
-  selectMain,
-  openCreate,
-  openEdit,
-  handleDelete,
-  patchView,
-  onManageAll,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    SavedViewsMenu,
-    {
-      labels: copy.savedViewsMenu,
-      views,
-      activeViewName,
-      onApply: applyView,
-      onSelectMain: selectMain,
-      onSaveCurrent: openCreate,
-      onEdit: openEdit,
-      onDelete: (view) => void handleDelete(view),
-      onSetDefault: (view) => void patchView(view, { isDefault: true }),
-      onTogglePin: (view) => void patchView(view, { pinned: !view.pinned }),
-      onToggleShare: (view) => void patchView(view, { shared: !view.shared }),
-      onManageAll,
-      testIdPrefix: `${testIdPrefix}-views`
-    }
-  );
-}
-function ViewDialogs({
-  saveOpen,
-  onCloseSave,
-  currentState,
-  fields,
-  columns,
-  editing,
-  onSave,
-  manageOpen,
-  onCloseManage,
-  views,
-  onEditFromManage,
-  onDelete,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      SaveViewModal,
-      {
-        open: saveOpen,
-        onClose: onCloseSave,
-        currentState,
-        fields,
-        columns,
-        editing,
-        onSave,
-        testIdPrefix: `${testIdPrefix}-views`
-      },
-      editing ? `edit-${editing.id}` : "create"
-    ),
-    /* @__PURE__ */ jsx(
-      ManageViewsDialog,
-      {
-        confirmCopy: copy.confirmAction,
-        open: manageOpen,
-        onClose: onCloseManage,
-        views,
-        onEdit: onEditFromManage,
-        onDelete,
-        testIdPrefix: `${testIdPrefix}-views`
-      }
-    )
-  ] });
-}
-
-export {
-  ViewMutationErrorAlert,
-  ViewsMenuSlot,
-  ViewDialogs
-};
-//# sourceMappingURL=chunk-PJ7NKK33.js.map

package/dist/chunk-PLEZDLVU.js

@@ -1,30 +0,0 @@
-import {
-  GridShell
-} from "./chunk-JRHZZTVV.js";
-import {
-  useDataViewsState
-} from "./chunk-TBRAZK3Y.js";
-
-// src/components/data-display/DataViews/DataViewsGrid.tsx
-import { useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-function useVisibleRowsNotifier(matched, onVisibleRowsChange) {
-  const visibleSignature = JSON.stringify(matched);
-  const lastSignature = useRef(null);
-  useEffect(() => {
-    if (lastSignature.current === visibleSignature) return;
-    lastSignature.current = visibleSignature;
-    onVisibleRowsChange?.(matched);
-  }, [visibleSignature, matched, onVisibleRowsChange]);
-}
-function DataViewsGrid(props) {
-  const { rangeFields = [], testIdPrefix = "table" } = props;
-  const controller = useDataViewsState({ ...props, rangeFields, testIdPrefix });
-  useVisibleRowsNotifier(controller.matched, props.onVisibleRowsChange);
-  return /* @__PURE__ */ jsx(GridShell, { ...props, c: controller, rangeFields, testIdPrefix });
-}
-
-export {
-  DataViewsGrid
-};
-//# sourceMappingURL=chunk-PLEZDLVU.js.map

package/dist/chunk-PO2RWE7N.js

@@ -1,131 +0,0 @@
-import {
-  FilterChips,
-  PALETTE_CARD_SX,
-  PaletteBody,
-  PaletteInput,
-  PaletteScrollArea,
-  Paper,
-  createKeyDownHandler,
-  ghostRemainder
-} from "./chunk-B3OMUMZO.js";
-
-// src/components/form/SearchPalette/SearchPalette.tsx
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_MAX_ITEMS = 5;
-function resolveOpts(props) {
-  return {
-    maxItems: props.maxItems ?? DEFAULT_MAX_ITEMS,
-    filters: props.filters ?? [],
-    activeFilterIds: props.activeFilterIds ?? [],
-    isLoading: Boolean(props.isLoading),
-    showGhostText: props.showGhostText ?? true,
-    autoFocus: props.autoFocus ?? true
-  };
-}
-function resolveText(props) {
-  return {
-    submitAllLabel: props.submitAllLabel,
-    submitKeyLabel: props.submitKeyLabel,
-    noResultsLabel: props.noResultsLabel,
-    placeholder: props.placeholder,
-    dataTestId: props.dataTestId ?? "search-palette"
-  };
-}
-function SearchPalette(props) {
-  const opts = resolveOpts(props);
-  const text = resolveText(props);
-  const trimmed = props.value.trim();
-  const hasQuery = trimmed.length > 0;
-  const visible = props.items.slice(0, opts.maxItems);
-  const showFooter = Boolean(props.onSubmitAll) && hasQuery;
-  const rowCount = visible.length + (showFooter ? 1 : 0);
-  const footerIndex = showFooter ? visible.length : -1;
-  const [activeIndex, setActiveIndex] = React.useState(0);
-  React.useEffect(() => {
-    setActiveIndex((i) => rowCount === 0 ? 0 : Math.min(i, rowCount - 1));
-  }, [rowCount]);
-  const top = visible[0];
-  const ghost = opts.showGhostText && hasQuery && top ? ghostRemainder(props.getPrimary(top), props.value) : "";
-  const onKeyDown = createKeyDownHandler({
-    rowCount,
-    activeIndex,
-    footerIndex,
-    visible,
-    hasQuery,
-    ghost,
-    top,
-    trimmed,
-    getPrimary: props.getPrimary,
-    onChange: props.onChange,
-    onSelect: props.onSelect,
-    onSubmitAll: props.onSubmitAll,
-    onClose: props.onClose,
-    setActiveIndex
-  });
-  return /* @__PURE__ */ jsxs(
-    Paper,
-    {
-      elevation: 8,
-      className: props.className,
-      "data-testid": text.dataTestId,
-      sx: PALETTE_CARD_SX,
-      children: [
-        /* @__PURE__ */ jsx(
-          PaletteInput,
-          {
-            value: props.value,
-            ghost,
-            isLoading: opts.isLoading,
-            autoFocus: opts.autoFocus,
-            placeholder: text.placeholder,
-            inputAriaLabel: props.inputAriaLabel,
-            hasQuery,
-            onChange: props.onChange,
-            onKeyDown
-          }
-        ),
-        opts.filters.length > 0 && /* @__PURE__ */ jsx(
-          FilterChips,
-          {
-            filters: opts.filters,
-            activeFilterIds: opts.activeFilterIds,
-            onToggleFilter: props.onToggleFilter
-          }
-        ),
-        /* @__PURE__ */ jsx(PaletteScrollArea, { children: /* @__PURE__ */ jsx(
-          PaletteBody,
-          {
-            hasQuery,
-            emptyQueryContent: props.emptyQueryContent,
-            visible,
-            isLoading: opts.isLoading,
-            noResultsLabel: text.noResultsLabel,
-            showFooter,
-            footerIndex,
-            activeIndex,
-            trimmed,
-            submitAllLabel: text.submitAllLabel,
-            submitKeyLabel: text.submitKeyLabel,
-            getKey: props.getKey,
-            getPrimary: props.getPrimary,
-            getSecondary: props.getSecondary,
-            getLead: props.getLead,
-            getTrailing: props.getTrailing,
-            onSelect: props.onSelect,
-            onSubmitAll: props.onSubmitAll,
-            setActiveIndex
-          }
-        ) })
-      ]
-    }
-  );
-}
-SearchPalette.displayName = "SearchPalette";
-var SearchPalette_default = SearchPalette;
-
-export {
-  SearchPalette,
-  SearchPalette_default
-};
-//# sourceMappingURL=chunk-PO2RWE7N.js.map