@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-AZ4LLAAJ.js

@@ -1,297 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/data-views-view-nav.tsx
-import ChevronLeftRoundedIcon from "@mui/icons-material/ChevronLeftRounded";
-import CheckRoundedIcon from "@mui/icons-material/CheckRounded";
-import DeleteOutlineRoundedIcon from "@mui/icons-material/DeleteOutlineRounded";
-import EditOutlinedIcon from "@mui/icons-material/EditOutlined";
-import GroupOutlinedIcon from "@mui/icons-material/GroupOutlined";
-import MoreVertRoundedIcon from "@mui/icons-material/MoreVertRounded";
-import PushPinOutlinedIcon from "@mui/icons-material/PushPinOutlined";
-import StarOutlineRoundedIcon from "@mui/icons-material/StarOutlined";
-import StarOutlineRoundedIcon2 from "@mui/icons-material/StarOutlineRounded";
-import IconButton from "@mui/material/IconButton/index.js";
-import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
-import RestartAltRoundedIcon from "@mui/icons-material/RestartAltRounded";
-import SaveOutlinedIcon from "@mui/icons-material/SaveOutlined";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var rowSx = {
-  display: "flex",
-  alignItems: "center",
-  gap: 1,
-  width: "100%",
-  px: 1.25,
-  py: 1,
-  border: 0,
-  borderRadius: 1,
-  bgcolor: "transparent",
-  cursor: "pointer",
-  font: "inherit",
-  fontSize: "0.8125rem",
-  textAlign: "left",
-  color: "text.primary",
-  "&:hover": { bgcolor: "action.hover" }
-};
-function ViewsList({
-  handlers,
-  onOpenActions,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const { views, activeViewId, onSelectView } = handlers;
-  const onMain = !activeViewId;
-  return /* @__PURE__ */ jsxs(default2, { sx: { p: 0.75 }, "data-testid": `${testIdPrefix}-views-list`, children: [
-    /* @__PURE__ */ jsxs(
-      default2,
-      {
-        component: "button",
-        type: "button",
-        onClick: () => onSelectView(null),
-        "data-testid": `${testIdPrefix}-view-main`,
-        sx: { ...rowSx, color: onMain ? "primary.main" : "text.primary", fontWeight: onMain ? 600 : 400 },
-        children: [
-          /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1 }, children: copy.nav.mainView }),
-          onMain && /* @__PURE__ */ jsx(CheckRoundedIcon, { fontSize: "small" })
-        ]
-      }
-    ),
-    views.map((view) => {
-      const active = view.id === activeViewId;
-      return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center" }, children: [
-        /* @__PURE__ */ jsxs(
-          default2,
-          {
-            component: "button",
-            type: "button",
-            onClick: () => onSelectView(view.id),
-            "data-testid": `${testIdPrefix}-view-${view.id}`,
-            sx: { ...rowSx, minWidth: 0, color: active ? "primary.main" : "text.primary", fontWeight: active ? 600 : 400 },
-            children: [
-              /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: view.name }),
-              view.isDefault && /* @__PURE__ */ jsx(StarOutlineRoundedIcon, { fontSize: "small", sx: { color: "warning.main" }, titleAccess: copy.nav.defaultTag }),
-              view.pinned && /* @__PURE__ */ jsx(PushPinOutlinedIcon, { fontSize: "small", sx: { color: "text.disabled" }, titleAccess: "Fixada" }),
-              view.shared && /* @__PURE__ */ jsx(GroupOutlinedIcon, { fontSize: "small", sx: { color: "text.disabled" }, titleAccess: "Compartilhada" }),
-              active && /* @__PURE__ */ jsx(CheckRoundedIcon, { fontSize: "small" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            size: "small",
-            onClick: () => onOpenActions(view),
-            "aria-label": copy.nav.viewOptions(view.name),
-            "data-testid": `${testIdPrefix}-view-${view.id}-menu`,
-            children: /* @__PURE__ */ jsx(MoreVertRoundedIcon, { fontSize: "small" })
-          }
-        )
-      ] }, view.id);
-    }),
-    views.length === 0 && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", px: 1.25, py: 1.5, color: "text.secondary", lineHeight: 1.6 }, children: copy.nav.emptyHint }) })
-  ] });
-}
-function ViewActions({
-  view,
-  handlers,
-  onBack,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const { onEditView, onPatchView, onDeleteView } = handlers;
-  const action = (key, Icon, label, onClick, opts = {}) => /* @__PURE__ */ jsxs(
-    default2,
-    {
-      component: "button",
-      type: "button",
-      onClick,
-      "data-testid": `${testIdPrefix}-view-action-${key}`,
-      sx: {
-        ...rowSx,
-        color: opts.danger ? "error.main" : "text.primary",
-        "&:hover": { bgcolor: opts.danger ? "error.lighter" : "action.hover" }
-      },
-      children: [
-        /* @__PURE__ */ jsx(Icon, { fontSize: "small", sx: { color: opts.danger ? "inherit" : "text.disabled" } }),
-        /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1 }, children: label }),
-        opts.on && /* @__PURE__ */ jsx(CheckRoundedIcon, { fontSize: "small", color: "primary" })
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxs(default2, { sx: { p: 0.75 }, "data-testid": `${testIdPrefix}-view-actions`, children: [
-    /* @__PURE__ */ jsxs(
-      default2,
-      {
-        component: "button",
-        type: "button",
-        onClick: onBack,
-        "data-testid": `${testIdPrefix}-view-actions-back`,
-        sx: { ...rowSx, color: "text.secondary", fontSize: "0.75rem" },
-        children: [
-          /* @__PURE__ */ jsx(ChevronLeftRoundedIcon, { fontSize: "small" }),
-          /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1, fontWeight: 600, color: "text.primary" }, children: view.name })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(default2, { sx: { my: 0.5, borderTop: 1, borderColor: "divider" } }),
-    action("edit", EditOutlinedIcon, copy.nav.editView, () => onEditView(view)),
-    action("default", StarOutlineRoundedIcon2, copy.nav.setDefault, () => onPatchView(view, { isDefault: !view.isDefault }), { on: view.isDefault }),
-    action("pin", PushPinOutlinedIcon, copy.nav.pinToSidebar, () => onPatchView(view, { pinned: !view.pinned }), { on: view.pinned }),
-    action("share", GroupOutlinedIcon, copy.nav.shareWithTeam, () => onPatchView(view, { shared: !view.shared }), { on: view.shared }),
-    /* @__PURE__ */ jsx(default2, { sx: { my: 0.5, borderTop: 1, borderColor: "divider" } }),
-    action("delete", DeleteOutlineRoundedIcon, copy.nav.deleteView, () => onDeleteView(view), { danger: true })
-  ] });
-}
-function ToggleContents({
-  view,
-  open,
-  interactive,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontWeight: 600 }, "data-testid": `${testIdPrefix}-display-view-name`, children: view.activeViewName ?? copy.nav.mainView }),
-    view.dirty && /* @__PURE__ */ jsx(
-      default2,
-      {
-        component: "span",
-        "aria-label": copy.nav.unsavedChanges,
-        "data-testid": `${testIdPrefix}-display-dirty`,
-        sx: { height: 6, width: 6, borderRadius: "50%", bgcolor: "primary.main" }
-      }
-    ),
-    interactive && /* @__PURE__ */ jsx(
-      KeyboardArrowDownRoundedIcon,
-      {
-        fontSize: "small",
-        sx: { color: "text.disabled", transform: open ? "rotate(180deg)" : "none" }
-      }
-    )
-  ] });
-}
-function ViewToggle({
-  view,
-  open,
-  onToggle,
-  testIdPrefix
-}) {
-  const interactive = Boolean(view.nav);
-  const affordance = interactive ? { px: 0.75, py: 0.25, cursor: "pointer", "&:hover": { bgcolor: "action.hover" } } : { px: 0, py: 0, cursor: "default" };
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      component: interactive ? "button" : "div",
-      type: interactive ? "button" : void 0,
-      onClick: interactive ? onToggle : void 0,
-      "aria-expanded": interactive ? open : void 0,
-      "data-testid": `${testIdPrefix}-display-view-toggle`,
-      sx: {
-        ml: "auto",
-        display: "flex",
-        alignItems: "center",
-        gap: 0.75,
-        minWidth: 0,
-        border: 0,
-        borderRadius: 1,
-        font: "inherit",
-        fontSize: "0.75rem",
-        bgcolor: open ? "action.selected" : "transparent",
-        ...affordance
-      },
-      children: /* @__PURE__ */ jsx(ToggleContents, { view, open, interactive, testIdPrefix })
-    }
-  );
-}
-function ViewHeader(props) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", gap: 1, px: 1.5, py: 1, borderBottom: 1, borderColor: "divider" }, children: [
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { textTransform: "uppercase", letterSpacing: 0.5, color: "text.disabled" }, children: copy.nav.label }) }),
-    /* @__PURE__ */ jsx(ViewToggle, { ...props })
-  ] });
-}
-function ViewFooter({
-  view,
-  onDone,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        gap: 1,
-        px: 1.5,
-        py: 1,
-        borderTop: 1,
-        borderColor: "divider",
-        bgcolor: "action.hover"
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "text",
-            size: "sm",
-            color: "neutral",
-            disabled: !view.dirty,
-            startIcon: /* @__PURE__ */ jsx(RestartAltRoundedIcon, { fontSize: "small" }),
-            onClick: view.onReset,
-            dataTestId: `${testIdPrefix}-display-reset`,
-            children: copy.nav.reset
-          }
-        ),
-        /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-          view.onUpdate && /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "text",
-              size: "sm",
-              color: "neutral",
-              onClick: () => {
-                view.onSaveAs();
-                onDone();
-              },
-              dataTestId: `${testIdPrefix}-display-save-as`,
-              children: copy.nav.saveAs
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "sm",
-              disabled: !view.dirty,
-              startIcon: /* @__PURE__ */ jsx(SaveOutlinedIcon, { fontSize: "small" }),
-              onClick: () => {
-                (view.onUpdate ?? view.onSaveAs)();
-                onDone();
-              },
-              dataTestId: `${testIdPrefix}-display-save`,
-              children: view.onUpdate ? copy.nav.update : copy.nav.save
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
-export {
-  ViewsList,
-  ViewActions,
-  ViewHeader,
-  ViewFooter
-};
-//# sourceMappingURL=chunk-AZ4LLAAJ.js.map

package/dist/chunk-AZ4LLAAJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-view-nav.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The saved views, rendered INSIDE the Exibir panel rather than in a dropdown\n * of their own.\n *\n * Two levels, both of them replacing the panel's BODY (the tabs stay put):\n * the list of views, and one view's actions. It is a drill-down and not a\n * nested menu on purpose — an absolutely positioned popover inside the panel's\n * own scroll container gets clipped by it, which is how copy.nav.deleteView ends\n * up unreachable. One level, no clipping, and it works on touch.\n */\nimport ChevronLeftRoundedIcon from \"@mui/icons-material/ChevronLeftRounded\";\nimport CheckRoundedIcon from \"@mui/icons-material/CheckRounded\";\nimport DeleteOutlineRoundedIcon from \"@mui/icons-material/DeleteOutlineRounded\";\nimport EditOutlinedIcon from \"@mui/icons-material/EditOutlined\";\nimport GroupOutlinedIcon from \"@mui/icons-material/GroupOutlined\";\nimport MoreVertRoundedIcon from \"@mui/icons-material/MoreVertRounded\";\nimport PushPinOutlinedIcon from \"@mui/icons-material/PushPinOutlined\";\nimport StarOutlineRoundedIcon from \"@mui/icons-material/StarOutlined\";\nimport StarOutlineRoundedIcon2 from \"@mui/icons-material/StarOutlineRounded\";\nimport IconButton from \"@mui/material/IconButton/index.js\";\n\nimport KeyboardArrowDownRoundedIcon from \"@mui/icons-material/KeyboardArrowDownRounded\";\nimport RestartAltRoundedIcon from \"@mui/icons-material/RestartAltRounded\";\nimport SaveOutlinedIcon from \"@mui/icons-material/SaveOutlined\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport type { DisplayPanelView } from \"./data-views-display-panel\";\nimport type { SavedViewSummary } from \"./data-views-types\";\n\n/** What the panel needs to drive the views without owning any of them. */\nexport interface ViewNavHandlers {\n  views: SavedViewSummary[];\n  activeViewId?: string | null;\n  /** `null` selects the built-in view named by `copy.nav.mainView`. */\n  onSelectView: (id: string | null) => void;\n  onEditView: (view: SavedViewSummary) => void;\n  onPatchView: (\n    view: SavedViewSummary,\n    changes: Partial<Pick<SavedViewSummary, \"isDefault\" | \"pinned\" | \"shared\">>,\n  ) => void;\n  onDeleteView: (view: SavedViewSummary) => void;\n}\n\nconst rowSx = {\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: 1,\n  width: \"100%\",\n  px: 1.25,\n  py: 1,\n  border: 0,\n  borderRadius: 1,\n  bgcolor: \"transparent\",\n  cursor: \"pointer\",\n  font: \"inherit\",\n  fontSize: \"0.8125rem\",\n  textAlign: \"left\",\n  color: \"text.primary\",\n  \"&:hover\": { bgcolor: \"action.hover\" },\n} as const;\n\n/** The list: the built-in view, then each saved one with its own \"⋮\". */\nexport function ViewsList({\n  handlers,\n  onOpenActions,\n  testIdPrefix,\n}: {\n  handlers: ViewNavHandlers;\n  onOpenActions: (view: SavedViewSummary) => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { views, activeViewId, onSelectView } = handlers;\n  const onMain = !activeViewId;\n  return (\n    <Box sx={{ p: 0.75 }} data-testid={`${testIdPrefix}-views-list`}>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        onClick={() => onSelectView(null)}\n        data-testid={`${testIdPrefix}-view-main`}\n        sx={{ ...rowSx, color: onMain ? \"primary.main\" : \"text.primary\", fontWeight: onMain ? 600 : 400 }}\n      >\n        <Box component=\"span\" sx={{ flex: 1 }}>\n          {copy.nav.mainView}\n        </Box>\n        {onMain && <CheckRoundedIcon fontSize=\"small\" />}\n      </Box>\n\n      {views.map((view) => {\n        const active = view.id === activeViewId;\n        return (\n          <Box key={view.id} sx={{ display: \"flex\", alignItems: \"center\" }}>\n            <Box\n              component=\"button\"\n              type=\"button\"\n              onClick={() => onSelectView(view.id)}\n              data-testid={`${testIdPrefix}-view-${view.id}`}\n              sx={{ ...rowSx, minWidth: 0, color: active ? \"primary.main\" : \"text.primary\", fontWeight: active ? 600 : 400 }}\n            >\n              <Box component=\"span\" sx={{ flex: 1, minWidth: 0, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>\n                {view.name}\n              </Box>\n              {/* What the row-menu toggles DID, readable without opening it:\n                  a view set as default, pinned or shared says so here. */}\n              {view.isDefault && (\n                <StarOutlineRoundedIcon fontSize=\"small\" sx={{ color: \"warning.main\" }} titleAccess={copy.nav.defaultTag} />\n              )}\n              {view.pinned && (\n                <PushPinOutlinedIcon fontSize=\"small\" sx={{ color: \"text.disabled\" }} titleAccess=\"Fixada\" />\n              )}\n              {view.shared && (\n                <GroupOutlinedIcon fontSize=\"small\" sx={{ color: \"text.disabled\" }} titleAccess=\"Compartilhada\" />\n              )}\n              {active && <CheckRoundedIcon fontSize=\"small\" />}\n            </Box>\n            <IconButton\n              size=\"small\"\n              onClick={() => onOpenActions(view)}\n              aria-label={copy.nav.viewOptions(view.name)}\n              data-testid={`${testIdPrefix}-view-${view.id}-menu`}\n            >\n              <MoreVertRoundedIcon fontSize=\"small\" />\n            </IconButton>\n          </Box>\n        );\n      })}\n\n      {views.length === 0 && (\n        <Text variant=\"caption\" as=\"p\">\n          <Box component=\"span\" sx={{ display: \"block\", px: 1.25, py: 1.5, color: \"text.secondary\", lineHeight: 1.6 }}>\n            {copy.nav.emptyHint}\n          </Box>\n        </Text>\n      )}\n    </Box>\n  );\n}\n\n/** One view's actions, reached from its \"⋮\" and left by the back row. */\nexport function ViewActions({\n  view,\n  handlers,\n  onBack,\n  testIdPrefix,\n}: {\n  view: SavedViewSummary;\n  handlers: ViewNavHandlers;\n  onBack: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { onEditView, onPatchView, onDeleteView } = handlers;\n  const action = (\n    key: string,\n    Icon: typeof StarOutlineRoundedIcon2,\n    label: string,\n    onClick: () => void,\n    opts: { on?: boolean; danger?: boolean } = {},\n  ): React.JSX.Element => (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onClick}\n      data-testid={`${testIdPrefix}-view-action-${key}`}\n      sx={{\n        ...rowSx,\n        color: opts.danger ? \"error.main\" : \"text.primary\",\n        \"&:hover\": { bgcolor: opts.danger ? \"error.lighter\" : \"action.hover\" },\n      }}\n    >\n      <Icon fontSize=\"small\" sx={{ color: opts.danger ? \"inherit\" : \"text.disabled\" }} />\n      <Box component=\"span\" sx={{ flex: 1 }}>\n        {label}\n      </Box>\n      {opts.on && <CheckRoundedIcon fontSize=\"small\" color=\"primary\" />}\n    </Box>\n  );\n\n  return (\n    <Box sx={{ p: 0.75 }} data-testid={`${testIdPrefix}-view-actions`}>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        onClick={onBack}\n        data-testid={`${testIdPrefix}-view-actions-back`}\n        sx={{ ...rowSx, color: \"text.secondary\", fontSize: \"0.75rem\" }}\n      >\n        <ChevronLeftRoundedIcon fontSize=\"small\" />\n        <Box component=\"span\" sx={{ flex: 1, fontWeight: 600, color: \"text.primary\" }}>\n          {view.name}\n        </Box>\n      </Box>\n      <Box sx={{ my: 0.5, borderTop: 1, borderColor: \"divider\" }} />\n      {action(\"edit\", EditOutlinedIcon, copy.nav.editView, () => onEditView(view))}\n      {action(\"default\", StarOutlineRoundedIcon2, copy.nav.setDefault, () => onPatchView(view, { isDefault: !view.isDefault }), { on: view.isDefault })}\n      {action(\"pin\", PushPinOutlinedIcon, copy.nav.pinToSidebar, () => onPatchView(view, { pinned: !view.pinned }), { on: view.pinned })}\n      {action(\"share\", GroupOutlinedIcon, copy.nav.shareWithTeam, () => onPatchView(view, { shared: !view.shared }), { on: view.shared })}\n      <Box sx={{ my: 0.5, borderTop: 1, borderColor: \"divider\" }} />\n      {action(\"delete\", DeleteOutlineRoundedIcon, copy.nav.deleteView, () => onDeleteView(view), { danger: true })}\n    </Box>\n  );\n}\n\n/** Name, unsaved dot, chevron — the parts, so the toggle has one decision. */\nfunction ToggleContents({\n  view,\n  open,\n  interactive,\n  testIdPrefix,\n}: {\n  view: DisplayPanelView;\n  open: boolean;\n  interactive: boolean;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <>\n      <Box component=\"span\" sx={{ fontWeight: 600 }} data-testid={`${testIdPrefix}-display-view-name`}>\n        {view.activeViewName ?? copy.nav.mainView}\n      </Box>\n      {view.dirty && (\n        <Box\n          component=\"span\"\n          aria-label={copy.nav.unsavedChanges}\n          data-testid={`${testIdPrefix}-display-dirty`}\n          sx={{ height: 6, width: 6, borderRadius: \"50%\", bgcolor: \"primary.main\" }}\n        />\n      )}\n      {interactive && (\n        <KeyboardArrowDownRoundedIcon\n          fontSize=\"small\"\n          sx={{ color: \"text.disabled\", transform: open ? \"rotate(180deg)\" : \"none\" }}\n        />\n      )}\n    </>\n  );\n}\n\n/** The name + unsaved dot; a button only when there are views to open. */\nfunction ViewToggle({\n  view,\n  open,\n  onToggle,\n  testIdPrefix,\n}: {\n  view: DisplayPanelView;\n  open: boolean;\n  onToggle: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const interactive = Boolean(view.nav);\n  // One decision, not eight: a panel with no views renders the same row as\n  // plain text rather than as a button that opens nothing.\n  const affordance = interactive\n    ? { px: 0.75, py: 0.25, cursor: \"pointer\", \"&:hover\": { bgcolor: \"action.hover\" } }\n    : { px: 0, py: 0, cursor: \"default\" };\n  return (\n    <Box\n      component={interactive ? \"button\" : \"div\"}\n      type={interactive ? \"button\" : undefined}\n      onClick={interactive ? onToggle : undefined}\n      aria-expanded={interactive ? open : undefined}\n      data-testid={`${testIdPrefix}-display-view-toggle`}\n      sx={{\n        ml: \"auto\",\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 0.75,\n        minWidth: 0,\n        border: 0,\n        borderRadius: 1,\n        font: \"inherit\",\n        fontSize: \"0.75rem\",\n        bgcolor: open ? \"action.selected\" : \"transparent\",\n        ...affordance,\n      }}\n    >\n      <ToggleContents view={view} open={open} interactive={interactive} testIdPrefix={testIdPrefix} />\n    </Box>\n  );\n}\n\n/** The VISÃO row above the tabs. */\nexport function ViewHeader(props: {\n  view: DisplayPanelView;\n  open: boolean;\n  onToggle: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1, px: 1.5, py: 1, borderBottom: 1, borderColor: \"divider\" }}>\n      <Text variant=\"caption\" as=\"span\">\n        <Box component=\"span\" sx={{ textTransform: \"uppercase\", letterSpacing: 0.5, color: \"text.disabled\" }}>\n          {copy.nav.label}\n        </Box>\n      </Text>\n      <ViewToggle {...props} />\n    </Box>\n  );\n}\n\n/** Redefinir / Salvar como nova / Atualizar, pinned below the tabs. */\nexport function ViewFooter({\n  view,\n  onDone,\n  testIdPrefix,\n}: {\n  view: DisplayPanelView;\n  onDone: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n        gap: 1,\n        px: 1.5,\n        py: 1,\n        borderTop: 1,\n        borderColor: \"divider\",\n        bgcolor: \"action.hover\",\n      }}\n    >\n      <Button\n        variant=\"text\"\n        size=\"sm\"\n        color=\"neutral\"\n        disabled={!view.dirty}\n        startIcon={<RestartAltRoundedIcon fontSize=\"small\" />}\n        onClick={view.onReset}\n        dataTestId={`${testIdPrefix}-display-reset`}\n      >\n        {copy.nav.reset}\n      </Button>\n      <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1 }}>\n        {/* Only meaningful with a view APPLIED: on the main view the single\n            \"Salvar visão\" already is \"save as new\". */}\n        {view.onUpdate && (\n          <Button\n            variant=\"text\"\n            size=\"sm\"\n            color=\"neutral\"\n            onClick={() => {\n              view.onSaveAs();\n              onDone();\n            }}\n            dataTestId={`${testIdPrefix}-display-save-as`}\n          >\n            {copy.nav.saveAs}\n          </Button>\n        )}\n        {/* Enabled only when something in Ordenar / Colunas / Exibição (or the\n            filters the view also stores) differs from the applied view: the\n            filled button is a STATE — \"there is something to save\" — not a\n            permanent fixture. */}\n        <Button\n          size=\"sm\"\n          disabled={!view.dirty}\n          startIcon={<SaveOutlinedIcon fontSize=\"small\" />}\n          onClick={() => {\n            (view.onUpdate ?? view.onSaveAs)();\n            onDone();\n          }}\n          dataTestId={`${testIdPrefix}-display-save`}\n        >\n          {view.onUpdate ? copy.nav.update : copy.nav.save}\n        </Button>\n      </Box>\n    </Box>\n  );\n}\n\n"],"mappings":"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","names":["default"]}

package/dist/chunk-B3OMUMZO.js

@@ -1,260 +0,0 @@
-// src/components/form/SearchPalette/SearchPalette.parts.tsx
-import KeyboardReturnIcon from "@mui/icons-material/KeyboardReturn";
-import SearchIcon from "@mui/icons-material/Search";
-import Avatar from "@mui/material/Avatar/index.js";
-import Box from "@mui/material/Box/index.js";
-import Chip from "@mui/material/Chip/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import InputBase from "@mui/material/InputBase/index.js";
-import List from "@mui/material/List/index.js";
-import ListItemButton from "@mui/material/ListItemButton/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function highlight(text, query) {
-  const q = query.trim();
-  const at = q ? text.toLowerCase().indexOf(q.toLowerCase()) : -1;
-  if (at < 0) return text;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    text.slice(0, at),
-    /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontWeight: 700 }, children: text.slice(at, at + q.length) }),
-    text.slice(at + q.length)
-  ] });
-}
-function Lead({ lead }) {
-  if (!lead) return null;
-  if (lead.kind === "image") {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        component: "img",
-        src: lead.src,
-        alt: lead.alt ?? "",
-        sx: { width: 32, height: 32, borderRadius: 1, objectFit: "cover", flexShrink: 0 }
-      }
-    );
-  }
-  if (lead.kind === "avatar") {
-    return /* @__PURE__ */ jsx(Avatar, { src: lead.src, alt: lead.alt ?? "", sx: { width: 32, height: 32, fontSize: "0.85rem" }, children: lead.fallback });
-  }
-  return /* @__PURE__ */ jsx(Box, { sx: { display: "flex", width: 32, justifyContent: "center", flexShrink: 0, color: "text.secondary" }, children: lead.node });
-}
-function ghostRemainder(topPrimary, query) {
-  if (!query || !topPrimary) return "";
-  return topPrimary.toLowerCase().startsWith(query.toLowerCase()) && topPrimary.length > query.length ? topPrimary.slice(query.length) : "";
-}
-function PaletteInput(props) {
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1.25, px: 2, py: 1.5 }, children: [
-    /* @__PURE__ */ jsx(SearchIcon, { fontSize: "small", sx: { color: "text.secondary", flexShrink: 0 } }),
-    /* @__PURE__ */ jsxs(Box, { sx: { position: "relative", flex: 1, minWidth: 0 }, children: [
-      props.ghost && /* @__PURE__ */ jsxs(
-        Box,
-        {
-          "aria-hidden": true,
-          sx: {
-            position: "absolute",
-            inset: 0,
-            display: "flex",
-            alignItems: "center",
-            pointerEvents: "none",
-            whiteSpace: "pre",
-            overflow: "hidden",
-            fontSize: "1rem"
-          },
-          children: [
-            /* @__PURE__ */ jsx(Box, { component: "span", sx: { visibility: "hidden" }, children: props.value }),
-            /* @__PURE__ */ jsx(Box, { component: "span", sx: { color: "text.secondary", opacity: 0.6 }, children: props.ghost })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        InputBase,
-        {
-          fullWidth: true,
-          autoFocus: props.autoFocus,
-          value: props.value,
-          onChange: (e) => props.onChange(e.target.value),
-          onKeyDown: props.onKeyDown,
-          placeholder: props.placeholder,
-          inputProps: {
-            role: "combobox",
-            "aria-expanded": props.hasQuery,
-            "aria-label": props.inputAriaLabel,
-            "aria-autocomplete": "list"
-          },
-          sx: { fontSize: "1rem" }
-        }
-      )
-    ] }),
-    props.isLoading && /* @__PURE__ */ jsx(CircularProgress, { size: 18, sx: { flexShrink: 0 } })
-  ] });
-}
-function FilterChips(props) {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      "data-testid": "search-palette-filters",
-      sx: {
-        display: "flex",
-        flexWrap: "wrap",
-        gap: 1,
-        px: 2,
-        pb: 1.5,
-        borderBottom: (theme) => `1px solid ${theme.palette.divider}`
-      },
-      children: props.filters.map((chip) => {
-        const active = props.activeFilterIds.includes(chip.id);
-        return /* @__PURE__ */ jsx(
-          Chip,
-          {
-            label: chip.label,
-            icon: chip.icon,
-            onClick: () => props.onToggleFilter?.(chip.id),
-            variant: active ? "filled" : "outlined",
-            color: active ? "primary" : "default",
-            size: "small",
-            "aria-pressed": active,
-            "data-testid": `search-palette-filter-${chip.id}`,
-            sx: { borderRadius: 2 }
-          },
-          chip.id
-        );
-      })
-    }
-  );
-}
-function ResultRow(props) {
-  return /* @__PURE__ */ jsxs(
-    ListItemButton,
-    {
-      role: "option",
-      "aria-selected": props.active,
-      selected: props.active,
-      onMouseEnter: props.onHover,
-      onMouseDown: (e) => e.preventDefault(),
-      onClick: props.onSelect,
-      "data-testid": `search-palette-result-${props.index}`,
-      sx: { gap: 1.25, px: 2, py: 1 },
-      children: [
-        /* @__PURE__ */ jsx(Lead, { lead: props.lead }),
-        /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0, flex: 1 }, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", noWrap: true, sx: { color: "text.primary" }, children: highlight(props.primary, props.query) }),
-          props.secondary && /* @__PURE__ */ jsx(Typography, { variant: "caption", noWrap: true, sx: { display: "block", color: "text.secondary" }, children: props.secondary })
-        ] }),
-        props.trailing != null && /* @__PURE__ */ jsx(Box, { sx: { flexShrink: 0, color: "text.secondary", fontSize: "0.75rem" }, children: props.trailing })
-      ]
-    }
-  );
-}
-function SubmitAllFooter(props) {
-  return /* @__PURE__ */ jsxs(
-    ListItemButton,
-    {
-      selected: props.selected,
-      onMouseEnter: props.onHover,
-      onMouseDown: (e) => e.preventDefault(),
-      onClick: props.onSelect,
-      "data-testid": "search-palette-submit-all",
-      sx: { gap: 1.25, px: 2, py: 1, borderTop: (theme) => `1px solid ${theme.palette.divider}` },
-      children: [
-        /* @__PURE__ */ jsx(SearchIcon, { fontSize: "small", sx: { color: "text.secondary", flexShrink: 0 } }),
-        /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { flex: 1, minWidth: 0 }, noWrap: true, children: props.label }),
-        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5, color: "text.secondary" }, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", children: props.keyLabel }),
-          /* @__PURE__ */ jsx(KeyboardReturnIcon, { sx: { fontSize: 14 } })
-        ] })
-      ]
-    }
-  );
-}
-function PaletteBody(view) {
-  if (!view.hasQuery) {
-    return view.emptyQueryContent ? /* @__PURE__ */ jsx(Box, { "data-testid": "search-palette-empty-query", children: view.emptyQueryContent }) : null;
-  }
-  const empty = view.visible.length === 0;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !empty && /* @__PURE__ */ jsx(List, { dense: true, disablePadding: true, role: "listbox", "data-testid": "search-palette-results", children: view.visible.map((item, index) => /* @__PURE__ */ jsx(
-      ResultRow,
-      {
-        index,
-        active: index === view.activeIndex,
-        query: view.trimmed,
-        lead: view.getLead?.(item),
-        primary: view.getPrimary(item),
-        secondary: view.getSecondary?.(item),
-        trailing: view.getTrailing?.(item),
-        onSelect: () => view.onSelect(item),
-        onHover: () => view.setActiveIndex(index)
-      },
-      view.getKey(item)
-    )) }),
-    empty && !view.isLoading && /* @__PURE__ */ jsx(Box, { sx: { px: 2, py: 1.5 }, "data-testid": "search-palette-no-results", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: view.noResultsLabel }) }),
-    view.showFooter && /* @__PURE__ */ jsx(
-      SubmitAllFooter,
-      {
-        label: view.submitAllLabel(view.trimmed),
-        keyLabel: view.submitKeyLabel,
-        selected: view.activeIndex === view.footerIndex,
-        onSelect: () => view.onSubmitAll?.(view.trimmed),
-        onHover: () => view.setActiveIndex(view.footerIndex)
-      }
-    )
-  ] });
-}
-var PALETTE_CARD_SX = {
-  width: "100%",
-  maxWidth: 640,
-  maxHeight: "100%",
-  borderRadius: 2,
-  overflow: "hidden",
-  display: "flex",
-  flexDirection: "column"
-};
-function PaletteScrollArea({ children }) {
-  return /* @__PURE__ */ jsx(Box, { sx: { minHeight: 0, overflowY: "auto", overscrollBehavior: "contain" }, children });
-}
-function createKeyDownHandler(ctx) {
-  const move = (delta) => ctx.setActiveIndex((i) => Math.min(Math.max(i + delta, 0), Math.max(ctx.rowCount - 1, 0)));
-  const commit = () => {
-    if (!ctx.hasQuery) return;
-    if (ctx.activeIndex === ctx.footerIndex) {
-      ctx.onSubmitAll?.(ctx.trimmed);
-      return;
-    }
-    const item = ctx.visible[ctx.activeIndex];
-    if (item) ctx.onSelect(item);
-  };
-  const actions = {
-    ArrowDown: () => move(1),
-    ArrowUp: () => move(-1),
-    Enter: commit,
-    Escape: () => ctx.onClose?.()
-  };
-  return (e) => {
-    if ((e.key === "Tab" || e.key === "ArrowRight") && ctx.ghost && ctx.top) {
-      e.preventDefault();
-      ctx.onChange(ctx.getPrimary(ctx.top));
-      return;
-    }
-    const action = actions[e.key];
-    if (!action) return;
-    e.preventDefault();
-    action();
-  };
-}
-
-export {
-  Paper,
-  highlight,
-  Lead,
-  ghostRemainder,
-  PaletteInput,
-  FilterChips,
-  ResultRow,
-  SubmitAllFooter,
-  PaletteBody,
-  PALETTE_CARD_SX,
-  PaletteScrollArea,
-  createKeyDownHandler
-};
-//# sourceMappingURL=chunk-B3OMUMZO.js.map

package/dist/chunk-B3OMUMZO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/SearchPalette/SearchPalette.parts.tsx"],"sourcesContent":["import KeyboardReturnIcon from '@mui/icons-material/KeyboardReturn';\nimport SearchIcon from '@mui/icons-material/Search';\nimport Avatar from '@mui/material/Avatar/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport Chip from '@mui/material/Chip/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport InputBase from '@mui/material/InputBase/index.js';\nimport List from '@mui/material/List/index.js';\nimport ListItemButton from '@mui/material/ListItemButton/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React from 'react';\n\nimport type { SearchFilterChip, SearchResultLead } from './SearchPalette.types';\n\n/** Bold the first case-insensitive occurrence of `query` within `text`. */\nexport function highlight(text: string, query: string): React.ReactNode {\n  const q = query.trim();\n  const at = q ? text.toLowerCase().indexOf(q.toLowerCase()) : -1;\n  if (at < 0) return text;\n  return (\n    <>\n      {text.slice(0, at)}\n      <Box component=\"span\" sx={{ fontWeight: 700 }}>\n        {text.slice(at, at + q.length)}\n      </Box>\n      {text.slice(at + q.length)}\n    </>\n  );\n}\n\n/** The leading visual of a result row (image / avatar / icon). */\nexport function Lead({ lead }: { lead: SearchResultLead | undefined }): React.JSX.Element | null {\n  if (!lead) return null;\n  if (lead.kind === 'image') {\n    return (\n      <Box\n        component=\"img\"\n        src={lead.src}\n        alt={lead.alt ?? ''}\n        sx={{ width: 32, height: 32, borderRadius: 1, objectFit: 'cover', flexShrink: 0 }}\n      />\n    );\n  }\n  if (lead.kind === 'avatar') {\n    return (\n      <Avatar src={lead.src} alt={lead.alt ?? ''} sx={{ width: 32, height: 32, fontSize: '0.85rem' }}>\n        {lead.fallback}\n      </Avatar>\n    );\n  }\n  return (\n    <Box sx={{ display: 'flex', width: 32, justifyContent: 'center', flexShrink: 0, color: 'text.secondary' }}>\n      {lead.node}\n    </Box>\n  );\n}\n\n/** Compute the ghost-completion remainder of the top result for `query`. */\nexport function ghostRemainder(topPrimary: string | undefined, query: string): string {\n  if (!query || !topPrimary) return '';\n  return topPrimary.toLowerCase().startsWith(query.toLowerCase()) && topPrimary.length > query.length\n    ? topPrimary.slice(query.length)\n    : '';\n}\n\n/** The search input row: leading icon, ghost overlay, the field, and a spinner. */\nexport function PaletteInput(props: {\n  value: string;\n  ghost: string;\n  isLoading: boolean;\n  autoFocus: boolean;\n  placeholder: string;\n  inputAriaLabel?: string;\n  hasQuery: boolean;\n  onChange: (v: string) => void;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n}): React.JSX.Element {\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.25, px: 2, py: 1.5 }}>\n      <SearchIcon fontSize=\"small\" sx={{ color: 'text.secondary', flexShrink: 0 }} />\n      <Box sx={{ position: 'relative', flex: 1, minWidth: 0 }}>\n        {props.ghost && (\n          <Box\n            aria-hidden\n            sx={{\n              position: 'absolute',\n              inset: 0,\n              display: 'flex',\n              alignItems: 'center',\n              pointerEvents: 'none',\n              whiteSpace: 'pre',\n              overflow: 'hidden',\n              fontSize: '1rem',\n            }}\n          >\n            <Box component=\"span\" sx={{ visibility: 'hidden' }}>\n              {props.value}\n            </Box>\n            <Box component=\"span\" sx={{ color: 'text.secondary', opacity: 0.6 }}>\n              {props.ghost}\n            </Box>\n          </Box>\n        )}\n        <InputBase\n          fullWidth\n          autoFocus={props.autoFocus}\n          value={props.value}\n          onChange={(e) => props.onChange(e.target.value)}\n          onKeyDown={props.onKeyDown}\n          placeholder={props.placeholder}\n          inputProps={{\n            role: 'combobox',\n            'aria-expanded': props.hasQuery,\n            'aria-label': props.inputAriaLabel,\n            'aria-autocomplete': 'list',\n          }}\n          sx={{ fontSize: '1rem' }}\n        />\n      </Box>\n      {props.isLoading && <CircularProgress size={18} sx={{ flexShrink: 0 }} />}\n    </Box>\n  );\n}\n\n/** The toggleable filter-chip row. */\nexport function FilterChips(props: {\n  filters: SearchFilterChip[];\n  activeFilterIds: string[];\n  onToggleFilter?: (id: string) => void;\n}): React.JSX.Element {\n  return (\n    <Box\n      data-testid=\"search-palette-filters\"\n      sx={{\n        display: 'flex',\n        flexWrap: 'wrap',\n        gap: 1,\n        px: 2,\n        pb: 1.5,\n        borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n      }}\n    >\n      {props.filters.map((chip) => {\n        const active = props.activeFilterIds.includes(chip.id);\n        return (\n          <Chip\n            key={chip.id}\n            label={chip.label}\n            icon={chip.icon as React.ReactElement | undefined}\n            onClick={() => props.onToggleFilter?.(chip.id)}\n            variant={active ? 'filled' : 'outlined'}\n            color={active ? 'primary' : 'default'}\n            size=\"small\"\n            aria-pressed={active}\n            data-testid={`search-palette-filter-${chip.id}`}\n            sx={{ borderRadius: 2 }}\n          />\n        );\n      })}\n    </Box>\n  );\n}\n\n/** One rich result row. */\nexport function ResultRow(props: {\n  index: number;\n  active: boolean;\n  query: string;\n  lead: SearchResultLead | undefined;\n  primary: string;\n  secondary: string | undefined;\n  trailing: React.ReactNode | undefined;\n  onSelect: () => void;\n  onHover: () => void;\n}): React.JSX.Element {\n  return (\n    <ListItemButton\n      role=\"option\"\n      aria-selected={props.active}\n      selected={props.active}\n      onMouseEnter={props.onHover}\n      onMouseDown={(e) => e.preventDefault()}\n      onClick={props.onSelect}\n      data-testid={`search-palette-result-${props.index}`}\n      sx={{ gap: 1.25, px: 2, py: 1 }}\n    >\n      <Lead lead={props.lead} />\n      <Box sx={{ minWidth: 0, flex: 1 }}>\n        <Typography variant=\"body2\" noWrap sx={{ color: 'text.primary' }}>\n          {highlight(props.primary, props.query)}\n        </Typography>\n        {props.secondary && (\n          <Typography variant=\"caption\" noWrap sx={{ display: 'block', color: 'text.secondary' }}>\n            {props.secondary}\n          </Typography>\n        )}\n      </Box>\n      {props.trailing != null && (\n        <Box sx={{ flexShrink: 0, color: 'text.secondary', fontSize: '0.75rem' }}>{props.trailing}</Box>\n      )}\n    </ListItemButton>\n  );\n}\n\n/** The \"see all results — Press ENTER\" footer row. */\nexport function SubmitAllFooter(props: {\n  label: string;\n  keyLabel: string;\n  selected: boolean;\n  onSelect: () => void;\n  onHover: () => void;\n}): React.JSX.Element {\n  return (\n    <ListItemButton\n      selected={props.selected}\n      onMouseEnter={props.onHover}\n      onMouseDown={(e) => e.preventDefault()}\n      onClick={props.onSelect}\n      data-testid=\"search-palette-submit-all\"\n      sx={{ gap: 1.25, px: 2, py: 1, borderTop: (theme) => `1px solid ${theme.palette.divider}` }}\n    >\n      <SearchIcon fontSize=\"small\" sx={{ color: 'text.secondary', flexShrink: 0 }} />\n      <Typography variant=\"body2\" sx={{ flex: 1, minWidth: 0 }} noWrap>\n        {props.label}\n      </Typography>\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, color: 'text.secondary' }}>\n        <Typography variant=\"caption\">{props.keyLabel}</Typography>\n        <KeyboardReturnIcon sx={{ fontSize: 14 }} />\n      </Box>\n    </ListItemButton>\n  );\n}\n\n/** Resolved view state shared by the body renderer. */\nexport interface BodyView<T> {\n  hasQuery: boolean;\n  emptyQueryContent: React.ReactNode;\n  visible: T[];\n  isLoading: boolean;\n  noResultsLabel: string;\n  showFooter: boolean;\n  footerIndex: number;\n  activeIndex: number;\n  trimmed: string;\n  submitAllLabel: (q: string) => string;\n  submitKeyLabel: string;\n  getKey: (item: T) => string;\n  getPrimary: (item: T) => string;\n  getSecondary?: (item: T) => string | undefined;\n  getLead?: (item: T) => SearchResultLead | undefined;\n  getTrailing?: (item: T) => React.ReactNode | undefined;\n  onSelect: (item: T) => void;\n  onSubmitAll?: (query: string) => void;\n  setActiveIndex: (i: number) => void;\n}\n\n/** The results list (or the empty-query slot / no-results message) + footer. */\nexport function PaletteBody<T>(view: BodyView<T>): React.JSX.Element | null {\n  if (!view.hasQuery) {\n    return view.emptyQueryContent ? (\n      <Box data-testid=\"search-palette-empty-query\">{view.emptyQueryContent}</Box>\n    ) : null;\n  }\n  const empty = view.visible.length === 0;\n  return (\n    <>\n      {!empty && (\n        <List dense disablePadding role=\"listbox\" data-testid=\"search-palette-results\">\n          {view.visible.map((item, index) => (\n            <ResultRow\n              key={view.getKey(item)}\n              index={index}\n              active={index === view.activeIndex}\n              query={view.trimmed}\n              lead={view.getLead?.(item)}\n              primary={view.getPrimary(item)}\n              secondary={view.getSecondary?.(item)}\n              trailing={view.getTrailing?.(item)}\n              onSelect={() => view.onSelect(item)}\n              onHover={() => view.setActiveIndex(index)}\n            />\n          ))}\n        </List>\n      )}\n      {empty && !view.isLoading && (\n        <Box sx={{ px: 2, py: 1.5 }} data-testid=\"search-palette-no-results\">\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {view.noResultsLabel}\n          </Typography>\n        </Box>\n      )}\n      {view.showFooter && (\n        <SubmitAllFooter\n          label={view.submitAllLabel(view.trimmed)}\n          keyLabel={view.submitKeyLabel}\n          selected={view.activeIndex === view.footerIndex}\n          onSelect={() => view.onSubmitAll?.(view.trimmed)}\n          onHover={() => view.setActiveIndex(view.footerIndex)}\n        />\n      )}\n    </>\n  );\n}\n\n/**\n * The palette card: a flex column capped at the height its container allows, so\n * the input and the filter chips stay pinned while only the results scroll and a\n * long result set can never push the palette past the bottom of the viewport.\n */\nexport const PALETTE_CARD_SX = {\n  width: '100%',\n  maxWidth: 640,\n  maxHeight: '100%',\n  borderRadius: 2,\n  overflow: 'hidden',\n  display: 'flex',\n  flexDirection: 'column',\n} as const;\n\n/** The scrolling region of the card — the results, and nothing above them. */\nexport function PaletteScrollArea({ children }: { children: React.ReactNode }): React.JSX.Element {\n  return (\n    <Box sx={{ minHeight: 0, overflowY: 'auto', overscrollBehavior: 'contain' }}>{children}</Box>\n  );\n}\n\nexport { Paper };\n\n/** Context for the keydown handler builder. */\nexport interface KeyCtx<T> {\n  rowCount: number;\n  activeIndex: number;\n  footerIndex: number;\n  visible: T[];\n  hasQuery: boolean;\n  ghost: string;\n  top: T | undefined;\n  trimmed: string;\n  getPrimary: (item: T) => string;\n  onChange: (v: string) => void;\n  onSelect: (item: T) => void;\n  onSubmitAll?: (query: string) => void;\n  onClose?: () => void;\n  setActiveIndex: React.Dispatch<React.SetStateAction<number>>;\n}\n\n/** Build the input's keydown handler (nav / select / ghost-accept / close). */\nexport function createKeyDownHandler<T>(ctx: KeyCtx<T>): (e: React.KeyboardEvent) => void {\n  const move = (delta: number): void =>\n    ctx.setActiveIndex((i) => Math.min(Math.max(i + delta, 0), Math.max(ctx.rowCount - 1, 0)));\n  const commit = (): void => {\n    if (!ctx.hasQuery) return;\n    if (ctx.activeIndex === ctx.footerIndex) {\n      ctx.onSubmitAll?.(ctx.trimmed);\n      return;\n    }\n    const item = ctx.visible[ctx.activeIndex];\n    if (item) ctx.onSelect(item);\n  };\n  // A lookup keeps the handler itself flat (low complexity). Tab/→ is special —\n  // it must only swallow the event when there is a ghost to accept, otherwise\n  // Tab keeps its native focus behavior.\n  const actions: Record<string, (() => void) | undefined> = {\n    ArrowDown: () => move(1),\n    ArrowUp: () => move(-1),\n    Enter: commit,\n    Escape: () => ctx.onClose?.(),\n  };\n  return (e) => {\n    if ((e.key === 'Tab' || e.key === 'ArrowRight') && ctx.ghost && ctx.top) {\n      e.preventDefault();\n      ctx.onChange(ctx.getPrimary(ctx.top));\n      return;\n    }\n    const action = actions[e.key];\n    if (!action) return;\n    e.preventDefault();\n    action();\n  };\n}\n"],"mappings":"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","names":[]}