@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-EE44OC4M.js

@@ -1,131 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  createConfirmButton
-} from "./chunk-QWCMLOYC.js";
-import {
-  Dialog,
-  DialogContent
-} from "./chunk-O4PKQ46C.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  default as default3
-} from "./chunk-WEBEOBN5.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/ManageViewsDialog.tsx
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function tags(view) {
-  const copy = useDataViewsCopy();
-  const list = [];
-  if (view.isDefault) list.push(copy.manageViews.defaultTag);
-  if (view.pinned) list.push("Fixada");
-  if (view.shared) list.push("Compartilhada");
-  if (!view.isOwner) list.push(copy.manageViews.otherUserTag);
-  return list;
-}
-function ManageViewRow({
-  view,
-  onEdit,
-  onDelete,
-  testIdPrefix,
-  confirmCopy
-}) {
-  const ConfirmButton = useMemo(
-    () => createConfirmButton(confirmCopy, confirmCopy.defaultError),
-    [confirmCopy]
-  );
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(
-    default3,
-    {
-      direction: "row",
-      spacing: 1,
-      sx: { alignItems: "center", justifyContent: "space-between" },
-      "data-testid": `${testIdPrefix}-manage-row-${view.id}`,
-      children: [
-        /* @__PURE__ */ jsxs(default2, { sx: { minWidth: 0 }, children: [
-          /* @__PURE__ */ jsx(Text, { variant: "body", size: "sm", as: "span", weight: "semibold", children: view.name }),
-          view.description && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", color: "secondary", children: view.description }),
-          tags(view).length > 0 && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", color: "secondary", children: tags(view).join(" \xB7 ") })
-        ] }),
-        view.isOwner && /* @__PURE__ */ jsxs(default3, { direction: "row", spacing: 1, sx: { flex: "0 0 auto" }, children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "text",
-              size: "sm",
-              onClick: () => onEdit(view),
-              dataTestId: `${testIdPrefix}-manage-edit-${view.id}`,
-              children: copy.manageViews.edit
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ConfirmButton,
-            {
-              variant: "text",
-              size: "sm",
-              color: "danger",
-              onClick: () => onDelete(view),
-              confirm: {
-                title: copy.manageViews.deleteTitle,
-                entityName: view.name,
-                description: copy.manageViews.deleteBody,
-                confirmText: copy.manageViews.deleteConfirm
-              },
-              dataTestId: `${testIdPrefix}-manage-delete-${view.id}`,
-              children: copy.manageViews.deleteConfirm
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function ManageViewsDialog({
-  open,
-  onClose,
-  views,
-  onEdit,
-  onDelete,
-  testIdPrefix = "views",
-  confirmCopy
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onClose,
-      title: copy.manageViews.title,
-      size: "md",
-      showCloseButton: true,
-      dataTestId: `${testIdPrefix}-manage-dialog`,
-      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(default3, { spacing: 1.5, "data-testid": `${testIdPrefix}-manage-list`, children: views.length === 0 ? /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children: copy.manageViews.empty }) : views.map((view) => /* @__PURE__ */ jsx(
-        ManageViewRow,
-        {
-          confirmCopy,
-          view,
-          onEdit,
-          onDelete,
-          testIdPrefix
-        },
-        view.id
-      )) }) })
-    }
-  );
-}
-
-export {
-  ManageViewsDialog
-};
-//# sourceMappingURL=chunk-EE44OC4M.js.map

package/dist/chunk-EEAQBPOW.js

@@ -1,59 +0,0 @@
-import {
-  accentFor
-} from "./chunk-XCP5L665.js";
-
-// src/components/data-display/Carousel/Carousel.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var SIZES = {
-  xs: { height: 200, fontSize: "0.75rem" },
-  sm: { height: 300, fontSize: "0.875rem" },
-  md: { height: 400, fontSize: "1rem" },
-  lg: { height: 500, fontSize: "1.125rem" },
-  xl: { height: 600, fontSize: "1.25rem" }
-};
-var sizeStyles = (size) => SIZES[size] ?? SIZES.md;
-var SURFACES = {
-  glass: ({ theme, color, glass }) => ({
-    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.1 : 0.9),
-    backdropFilter: "blur(20px)",
-    border: `1px solid ${alpha(accentFor(theme, color).main, 0.2)}`
-  }),
-  gradient: ({ theme, color, gradient }) => ({
-    background: gradient ? `linear-gradient(135deg, ${alpha(accentFor(theme, color).light, 0.1)}, ${alpha(accentFor(theme, color).dark, 0.1)})` : "transparent"
-  }),
-  elevated: ({ theme }) => ({ boxShadow: theme.shadows[8] }),
-  minimal: () => ({ border: "none", boxShadow: "none" }),
-  cards: ({ theme }) => ({ padding: theme.spacing(2) }),
-  default: () => ({})
-};
-var containerStyles = (input) => {
-  const { theme, variant, size, color, height, width, glow, pulse } = input;
-  const accent = accentFor(theme, color).main;
-  return {
-    position: "relative",
-    width,
-    // A numeric height is taken literally; anything else falls back to the size
-    // preset, since a percentage cannot resolve against an unsized parent here.
-    height: typeof height === "number" ? height : sizeStyles(size).height,
-    overflow: "hidden",
-    borderRadius: theme.spacing(1),
-    transition: theme.transitions.create(["all"], {
-      duration: theme.transitions.duration.standard
-    }),
-    ...glow && { boxShadow: `0 0 30px ${alpha(accent, 0.4)}` },
-    ...pulse && {
-      animation: "pulse 2s infinite",
-      "@keyframes pulse": {
-        "0%": { boxShadow: `0 0 0 0 ${alpha(accent, 0.4)}` },
-        "70%": { boxShadow: `0 0 0 20px ${alpha(accent, 0)}` },
-        "100%": { boxShadow: `0 0 0 0 ${alpha(accent, 0)}` }
-      }
-    },
-    ...(SURFACES[variant] ?? SURFACES.default)(input)
-  };
-};
-
-export {
-  containerStyles
-};
-//# sourceMappingURL=chunk-EEAQBPOW.js.map

package/dist/chunk-EEAQBPOW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Carousel/Carousel.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport type { CarouselProps } from './Carousel.types';\nimport { accentFor } from '../../../tokens/scales';\n\ntype Variant = NonNullable<CarouselProps['variant']>;\ntype Size = NonNullable<CarouselProps['size']>;\ntype Color = NonNullable<CarouselProps['color']>;\n\nconst SIZES: Record<Size, { height: number; fontSize: string }> = {\n  xs: { height: 200, fontSize: '0.75rem' },\n  sm: { height: 300, fontSize: '0.875rem' },\n  md: { height: 400, fontSize: '1rem' },\n  lg: { height: 500, fontSize: '1.125rem' },\n  xl: { height: 600, fontSize: '1.25rem' },\n};\n\nconst sizeStyles = (size: Size) => SIZES[size] ?? SIZES.md;\n\ninterface ContainerStyleInput {\n  theme: Theme;\n  variant: Variant;\n  size: Size;\n  color: Color;\n  height: number | string;\n  width: number | string;\n  glow: boolean;\n  pulse: boolean;\n  glass: boolean;\n  gradient: boolean;\n}\n\n/**\n * Each variant's own additions to the shared frame. The old switch re-spread the\n * same base, glow and pulse objects in all six arms before adding these; only\n * these differ, so the shared prefix is applied once by `containerStyles`.\n */\nconst SURFACES: Record<Variant, (input: ContainerStyleInput) => CSSObject> = {\n  glass: ({ theme, color, glass }) => ({\n    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.1 : 0.9),\n    backdropFilter: 'blur(20px)',\n    border: `1px solid ${alpha(accentFor(theme, color).main, 0.2)}`,\n  }),\n\n  gradient: ({ theme, color, gradient }) => ({\n    background: gradient\n      ? `linear-gradient(135deg, ${alpha(accentFor(theme, color).light, 0.1)}, ${alpha(accentFor(theme, color).dark, 0.1)})`\n      : 'transparent',\n  }),\n\n  elevated: ({ theme }) => ({ boxShadow: theme.shadows[8] }),\n\n  minimal: () => ({ border: 'none', boxShadow: 'none' }),\n\n  cards: ({ theme }) => ({ padding: theme.spacing(2) }),\n\n  default: () => ({}),\n};\n\nexport const containerStyles = (input: ContainerStyleInput): CSSObject => {\n  const { theme, variant, size, color, height, width, glow, pulse } = input;\n  const accent = accentFor(theme, color).main;\n\n  return {\n    position: 'relative' as const,\n    width,\n    // A numeric height is taken literally; anything else falls back to the size\n    // preset, since a percentage cannot resolve against an unsized parent here.\n    height: typeof height === 'number' ? height : sizeStyles(size).height,\n    overflow: 'hidden',\n    borderRadius: theme.spacing(1),\n    transition: theme.transitions.create(['all'], {\n      duration: theme.transitions.duration.standard,\n    }),\n    ...(glow && { boxShadow: `0 0 30px ${alpha(accent, 0.4)}` }),\n    ...(pulse && {\n      animation: 'pulse 2s infinite',\n      '@keyframes pulse': {\n        '0%': { boxShadow: `0 0 0 0 ${alpha(accent, 0.4)}` },\n        '70%': { boxShadow: `0 0 0 20px ${alpha(accent, 0)}` },\n        '100%': { boxShadow: `0 0 0 0 ${alpha(accent, 0)}` },\n      },\n    }),\n    ...(SURFACES[variant] ?? SURFACES.default)(input),\n  };\n};\n"],"mappings":";;;;;AAAA,SAAS,aAAa;AAUtB,IAAM,QAA4D;AAAA,EAChE,IAAI,EAAE,QAAQ,KAAK,UAAU,UAAU;AAAA,EACvC,IAAI,EAAE,QAAQ,KAAK,UAAU,WAAW;AAAA,EACxC,IAAI,EAAE,QAAQ,KAAK,UAAU,OAAO;AAAA,EACpC,IAAI,EAAE,QAAQ,KAAK,UAAU,WAAW;AAAA,EACxC,IAAI,EAAE,QAAQ,KAAK,UAAU,UAAU;AACzC;AAEA,IAAM,aAAa,CAAC,SAAe,MAAM,IAAI,KAAK,MAAM;AAoBxD,IAAM,WAAuE;AAAA,EAC3E,OAAO,CAAC,EAAE,OAAO,OAAO,MAAM,OAAO;AAAA,IACnC,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,QAAQ,MAAM,GAAG;AAAA,IACxE,gBAAgB;AAAA,IAChB,QAAQ,aAAa,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC;AAAA,EAC/D;AAAA,EAEA,UAAU,CAAC,EAAE,OAAO,OAAO,SAAS,OAAO;AAAA,IACzC,YAAY,WACR,2BAA2B,MAAM,UAAU,OAAO,KAAK,EAAE,OAAO,GAAG,CAAC,KAAK,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC,MACjH;AAAA,EACN;AAAA,EAEA,UAAU,CAAC,EAAE,MAAM,OAAO,EAAE,WAAW,MAAM,QAAQ,CAAC,EAAE;AAAA,EAExD,SAAS,OAAO,EAAE,QAAQ,QAAQ,WAAW,OAAO;AAAA,EAEpD,OAAO,CAAC,EAAE,MAAM,OAAO,EAAE,SAAS,MAAM,QAAQ,CAAC,EAAE;AAAA,EAEnD,SAAS,OAAO,CAAC;AACnB;AAEO,IAAM,kBAAkB,CAAC,UAA0C;AACxE,QAAM,EAAE,OAAO,SAAS,MAAM,OAAO,QAAQ,OAAO,MAAM,MAAM,IAAI;AACpE,QAAM,SAAS,UAAU,OAAO,KAAK,EAAE;AAEvC,SAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA;AAAA;AAAA,IAGA,QAAQ,OAAO,WAAW,WAAW,SAAS,WAAW,IAAI,EAAE;AAAA,IAC/D,UAAU;AAAA,IACV,cAAc,MAAM,QAAQ,CAAC;AAAA,IAC7B,YAAY,MAAM,YAAY,OAAO,CAAC,KAAK,GAAG;AAAA,MAC5C,UAAU,MAAM,YAAY,SAAS;AAAA,IACvC,CAAC;AAAA,IACD,GAAI,QAAQ,EAAE,WAAW,YAAY,MAAM,QAAQ,GAAG,CAAC,GAAG;AAAA,IAC1D,GAAI,SAAS;AAAA,MACX,WAAW;AAAA,MACX,oBAAoB;AAAA,QAClB,MAAM,EAAE,WAAW,WAAW,MAAM,QAAQ,GAAG,CAAC,GAAG;AAAA,QACnD,OAAO,EAAE,WAAW,cAAc,MAAM,QAAQ,CAAC,CAAC,GAAG;AAAA,QACrD,QAAQ,EAAE,WAAW,WAAW,MAAM,QAAQ,CAAC,CAAC,GAAG;AAAA,MACrD;AAAA,IACF;AAAA,IACA,IAAI,SAAS,OAAO,KAAK,SAAS,SAAS,KAAK;AAAA,EAClD;AACF;","names":[]}

package/dist/chunk-EKSSKQUW.js

@@ -1,275 +0,0 @@
-import {
-  InlineTrigger,
-  PillTrigger,
-  StackedTrigger,
-  buildTriggerLabel
-} from "./chunk-VNHLYDTX.js";
-import {
-  fieldTextFieldStyles
-} from "./chunk-CGO452DC.js";
-
-// src/components/layout/ContentToolbar/MultiSelectDropdown.tsx
-import SearchIcon from "@mui/icons-material/Search";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import Checkbox from "@mui/material/Checkbox/index.js";
-import Divider from "@mui/material/Divider/index.js";
-import InputAdornment from "@mui/material/InputAdornment/index.js";
-import ListSubheader from "@mui/material/ListSubheader/index.js";
-import Menu from "@mui/material/Menu/index.js";
-import MenuItem from "@mui/material/MenuItem/index.js";
-import TextField from "@mui/material/TextField/index.js";
-import { useMemo, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function CheckboxRow({
-  label,
-  count,
-  checked,
-  onToggle
-}) {
-  return /* @__PURE__ */ jsxs(MenuItem, { onClick: () => onToggle(!checked), sx: { gap: 1 }, children: [
-    /* @__PURE__ */ jsx(Checkbox, { checked, size: "small", disableRipple: true, sx: { p: 0, pointerEvents: "none" }, tabIndex: -1 }),
-    /* @__PURE__ */ jsxs(Box, { component: "span", sx: { flex: 1, minWidth: 0, textAlign: "left" }, children: [
-      label,
-      count != null && /* @__PURE__ */ jsxs(Box, { component: "span", sx: { color: "text.secondary" }, children: [
-        " ",
-        "(",
-        count,
-        ")"
-      ] })
-    ] })
-  ] });
-}
-function MultiSelectDropdown({
-  label,
-  options,
-  selected,
-  onToggle,
-  onClear,
-  allLabel = "All",
-  clearLabel,
-  clearText,
-  extraOptionsHeading,
-  extraOptions,
-  searchable,
-  searchPlaceholder = "Search\u2026",
-  noResultsLabel = "No results",
-  layout = "inline",
-  "data-testid": testId,
-  onOpenChange
-}) {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const [query, setQuery] = useState("");
-  const open = Boolean(anchorEl);
-  const stacked = layout === "stacked";
-  const close = () => {
-    setAnchorEl(null);
-    setQuery("");
-    onOpenChange?.(false);
-  };
-  const triggerLabel = buildTriggerLabel(selected, options, allLabel);
-  const showSearch = searchable ?? options.length > 8;
-  const anyExtraChecked = extraOptions?.some((option) => option.checked) ?? false;
-  const clearDisabled = selected.size === 0 && !anyExtraChecked;
-  const openMenu = (event) => {
-    setAnchorEl(event.currentTarget);
-    onOpenChange?.(true);
-  };
-  const triggerProps = { triggerLabel, open, onOpen: openMenu, testId };
-  const renderTrigger = () => {
-    if (stacked) return /* @__PURE__ */ jsx(StackedTrigger, { label, ...triggerProps });
-    if (layout === "pill")
-      return /* @__PURE__ */ jsx(
-        PillTrigger,
-        {
-          clearLabel,
-          label,
-          selectedCount: selected.size,
-          onClear,
-          ...triggerProps
-        }
-      );
-    return /* @__PURE__ */ jsx(InlineTrigger, { label, ...triggerProps });
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    renderTrigger(),
-    /* @__PURE__ */ jsx(
-      MultiSelectMenu,
-      {
-        extraOptionsHeading,
-        clearText,
-        anchorEl,
-        open,
-        close,
-        options,
-        selected,
-        onToggle,
-        extraOptions,
-        clearDisabled,
-        onClear,
-        showSearch,
-        query,
-        onQueryChange: setQuery,
-        searchPlaceholder,
-        noResultsLabel,
-        matchAnchorWidth: stacked,
-        testId
-      }
-    )
-  ] });
-}
-function MenuSearchField({
-  query,
-  onQueryChange,
-  placeholder,
-  testId
-}) {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: { position: "sticky", top: 0, zIndex: 1, bgcolor: "background.paper", px: 1, py: 0.75 },
-      onKeyDown: (event) => event.stopPropagation(),
-      children: /* @__PURE__ */ jsx(
-        TextField,
-        {
-          autoFocus: true,
-          size: "small",
-          sx: fieldTextFieldStyles,
-          fullWidth: true,
-          value: query,
-          onChange: (event) => onQueryChange(event.target.value),
-          placeholder,
-          inputProps: { "aria-label": placeholder, "data-testid": testId ? `${testId}-search` : void 0 },
-          InputProps: {
-            startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: 16 } }) })
-          }
-        }
-      )
-    }
-  );
-}
-function resolveMenuPlacement(matchAnchorWidth, anchorEl) {
-  if (!matchAnchorWidth) return { anchorWidth: void 0, align: "right" };
-  return { anchorWidth: anchorEl?.offsetWidth, align: "left" };
-}
-function MultiSelectMenu({
-  anchorEl,
-  open,
-  close,
-  options,
-  selected,
-  onToggle,
-  extraOptions,
-  extraOptionsHeading,
-  clearText,
-  clearDisabled,
-  onClear,
-  showSearch,
-  query,
-  onQueryChange,
-  searchPlaceholder,
-  noResultsLabel,
-  matchAnchorWidth,
-  testId
-}) {
-  const trimmed = query.trim().toLowerCase();
-  const visibleOptions = useMemo(
-    () => trimmed ? options.filter((option) => option.label.toLowerCase().includes(trimmed)) : options,
-    [options, trimmed]
-  );
-  const { anchorWidth, align } = resolveMenuPlacement(matchAnchorWidth, anchorEl);
-  return /* @__PURE__ */ jsxs(
-    Menu,
-    {
-      anchorEl,
-      open,
-      onClose: close,
-      anchorOrigin: { vertical: "bottom", horizontal: align },
-      transformOrigin: { vertical: "top", horizontal: align },
-      autoFocus: !showSearch,
-      disableAutoFocusItem: true,
-      slotProps: {
-        // Cap the height so a long list (e.g. many categories) scrolls instead
-        // of running off-screen; the sticky search box stays pinned on top.
-        paper: { sx: { minWidth: anchorWidth ?? 180, width: anchorWidth, maxHeight: 360 } },
-        list: { sx: { pt: showSearch ? 0 : void 0, pb: 0 } }
-      },
-      children: [
-        showSearch && /* @__PURE__ */ jsx(MenuSearchField, { query, onQueryChange, placeholder: searchPlaceholder, testId }),
-        visibleOptions.length === 0 && showSearch ? /* @__PURE__ */ jsx(MenuItem, { disabled: true, "data-testid": testId ? `${testId}-no-results` : void 0, sx: { fontSize: "0.8125rem" }, children: noResultsLabel }) : visibleOptions.map((option) => /* @__PURE__ */ jsx(
-          CheckboxRow,
-          {
-            label: option.label,
-            count: option.count,
-            checked: selected.has(option.value),
-            onToggle: (next) => onToggle(option.value, next)
-          },
-          option.value
-        )),
-        extraOptions && extraOptions.length > 0 ? [
-          /* @__PURE__ */ jsx(Divider, {}, "extra-divider"),
-          /* @__PURE__ */ jsx(ListSubheader, { sx: { px: 1, py: 0.75, fontSize: "0.75rem", fontWeight: 600 }, children: extraOptionsHeading }, "extra-label"),
-          ...extraOptions.map((extra) => /* @__PURE__ */ jsx(CheckboxRow, { label: extra.label, checked: extra.checked, onToggle: (next) => extra.onCheckedChange(next) }, extra.id))
-        ] : null,
-        /* @__PURE__ */ jsx(
-          MenuClearFooter,
-          {
-            clearText,
-            clearDisabled,
-            onClear,
-            close,
-            testId
-          }
-        )
-      ]
-    }
-  );
-}
-function MenuClearFooter({
-  clearText,
-  clearDisabled,
-  onClear,
-  close,
-  testId
-}) {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        // Pin to the bottom of the scroll viewport so it stays visible while the
-        // options list scrolls (mirrors the sticky search box on top).
-        position: "sticky",
-        bottom: 0,
-        zIndex: 1,
-        display: "flex",
-        justifyContent: "flex-end",
-        borderTop: 1,
-        borderColor: "divider",
-        bgcolor: "background.paper",
-        px: 1,
-        py: 0.75
-      },
-      children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "text",
-          size: "small",
-          color: "inherit",
-          "data-testid": testId ? `${testId}-clear` : void 0,
-          disabled: clearDisabled,
-          onClick: () => {
-            onClear();
-            close();
-          },
-          sx: { minWidth: 0, px: 1, py: 0.25, fontSize: "0.75rem", fontWeight: 400, textTransform: "none", color: "text.secondary" },
-          children: clearText
-        }
-      )
-    }
-  );
-}
-
-export {
-  MultiSelectDropdown
-};
-//# sourceMappingURL=chunk-EKSSKQUW.js.map

package/dist/chunk-EKSSKQUW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/ContentToolbar/MultiSelectDropdown.tsx"],"sourcesContent":["'use client';\n\nimport SearchIcon from '@mui/icons-material/Search';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Checkbox from '@mui/material/Checkbox/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport ListSubheader from '@mui/material/ListSubheader/index.js';\nimport Menu from '@mui/material/Menu/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport React, { useMemo, useState } from 'react';\n\nimport type {\n  MultiSelectDropdownProps,\n  MultiSelectExtraOption,\n  MultiSelectOption,\n} from './ContentToolbar.types';\nimport { buildTriggerLabel, InlineTrigger, PillTrigger, StackedTrigger } from './MultiSelectTriggers';\nimport { fieldTextFieldStyles } from '../../../tokens/field-height';\n\n/** One checkbox menu row with an optional trailing count. */\nfunction CheckboxRow({\n  label,\n  count,\n  checked,\n  onToggle,\n}: {\n  label: string;\n  count?: number;\n  checked: boolean;\n  onToggle: (next: boolean) => void;\n}): React.JSX.Element {\n  return (\n    <MenuItem onClick={() => onToggle(!checked)} sx={{ gap: 1 }}>\n      <Checkbox checked={checked} size=\"small\" disableRipple sx={{ p: 0, pointerEvents: 'none' }} tabIndex={-1} />\n      <Box component=\"span\" sx={{ flex: 1, minWidth: 0, textAlign: 'left' }}>\n        {label}\n        {count != null && (\n          <Box component=\"span\" sx={{ color: 'text.secondary' }}>\n            {' '}\n            ({count})\n          </Box>\n        )}\n      </Box>\n    </MenuItem>\n  );\n}\n\n/**\n * Generic multi-select dropdown with checkboxes, counts, an optional \"Options\"\n * section, and a \"Clear\" action. Faithful MUI port of the reference toolbar's\n * \"Content Type\" control. The menu stays open while toggling options.\n */\nexport function MultiSelectDropdown<TValue extends string = string>({\n  label,\n  options,\n  selected,\n  onToggle,\n  onClear,\n  allLabel = 'All',\n  clearLabel,\n  clearText,\n  extraOptionsHeading,\n  extraOptions,\n  searchable,\n  searchPlaceholder = 'Search…',\n  noResultsLabel = 'No results',\n  layout = 'inline',\n  'data-testid': testId,\n  onOpenChange,\n}: MultiSelectDropdownProps<TValue>): React.JSX.Element {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [query, setQuery] = useState('');\n  const open = Boolean(anchorEl);\n  const stacked = layout === 'stacked';\n  // Reset the query each time the menu closes so it reopens showing everything.\n  const close = (): void => {\n    setAnchorEl(null);\n    setQuery('');\n    onOpenChange?.(false);\n  };\n  const triggerLabel = buildTriggerLabel(selected, options, allLabel);\n  // Auto-enable search for long lists (e.g. many categories) unless overridden.\n  const showSearch = searchable ?? options.length > 8;\n  const anyExtraChecked = extraOptions?.some((option) => option.checked) ?? false;\n  const clearDisabled = selected.size === 0 && !anyExtraChecked;\n\n  const openMenu = (event: React.MouseEvent<HTMLElement>): void => {\n    setAnchorEl(event.currentTarget);\n    onOpenChange?.(true);\n  };\n  const triggerProps = { triggerLabel, open, onOpen: openMenu, testId };\n\n  const renderTrigger = (): React.JSX.Element => {\n    if (stacked) return <StackedTrigger label={label} {...triggerProps} />;\n    if (layout === 'pill')\n      return (\n        <PillTrigger\n          clearLabel={clearLabel}\n          label={label}\n          selectedCount={selected.size}\n          onClear={onClear}\n          {...triggerProps}\n        />\n      );\n    return <InlineTrigger label={label} {...triggerProps} />;\n  };\n\n  return (\n    <>\n      {renderTrigger()}\n      <MultiSelectMenu\n        extraOptionsHeading={extraOptionsHeading} clearText={clearText} anchorEl={anchorEl}\n        open={open}\n        close={close}\n        options={options}\n        selected={selected}\n        onToggle={onToggle}\n        extraOptions={extraOptions}\n        clearDisabled={clearDisabled}\n        onClear={onClear}\n        showSearch={showSearch}\n        query={query}\n        onQueryChange={setQuery}\n        searchPlaceholder={searchPlaceholder}\n        noResultsLabel={noResultsLabel}\n        matchAnchorWidth={stacked}\n        testId={testId}\n      />\n    </>\n  );\n}\n\n/** Sticky search box at the top of the menu; keydowns don't reach the Menu's typeahead. */\nfunction MenuSearchField({\n  query,\n  onQueryChange,\n  placeholder,\n  testId,\n}: {\n  query: string;\n  onQueryChange: (value: string) => void;\n  placeholder: string;\n  testId?: string;\n}): React.JSX.Element {\n  return (\n    <Box\n      sx={{ position: 'sticky', top: 0, zIndex: 1, bgcolor: 'background.paper', px: 1, py: 0.75 }}\n      onKeyDown={(event) => event.stopPropagation()}\n    >\n      <TextField\n        autoFocus\n        size=\"small\"\n        sx={fieldTextFieldStyles}\n        fullWidth\n        value={query}\n        onChange={(event) => onQueryChange(event.target.value)}\n        placeholder={placeholder}\n        inputProps={{ 'aria-label': placeholder, 'data-testid': testId ? `${testId}-search` : undefined }}\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon sx={{ fontSize: 16 }} />\n            </InputAdornment>\n          ),\n        }}\n      />\n    </Box>\n  );\n}\n\ninterface MultiSelectMenuProps<TValue extends string> {\n  anchorEl: HTMLElement | null;\n  open: boolean;\n  close: () => void;\n  options: MultiSelectOption<TValue>[];\n  selected: ReadonlySet<TValue>;\n  onToggle: (value: TValue, checked: boolean) => void;\n  extraOptions?: MultiSelectExtraOption[];\n  clearDisabled: boolean;\n  onClear: () => void;\n  showSearch: boolean;\n  query: string;\n  onQueryChange: (value: string) => void;\n  searchPlaceholder: string;\n  noResultsLabel: string;\n  extraOptionsHeading: string;\n  clearText: string;\n  /** Match the menu width to the trigger and left-align it (stacked select). */\n  matchAnchorWidth?: boolean;\n  testId?: string;\n}\n\n/**\n * Menu placement. Default: anchored to the trigger's right (toolbar). When\n * `matchAnchorWidth` (stacked select), match the trigger width and left-align so\n * the menu sits flush under the full-width control.\n */\nfunction resolveMenuPlacement(\n  matchAnchorWidth: boolean | undefined,\n  anchorEl: HTMLElement | null,\n): { anchorWidth: number | undefined; align: 'left' | 'right' } {\n  if (!matchAnchorWidth) return { anchorWidth: undefined, align: 'right' };\n  return { anchorWidth: anchorEl?.offsetWidth, align: 'left' };\n}\n\n/** The (optional) search box + checkbox list + optional \"Options\" section + a \"Clear\" footer. */\nfunction MultiSelectMenu<TValue extends string>({\n  anchorEl,\n  open,\n  close,\n  options,\n  selected,\n  onToggle,\n  extraOptions,\n  extraOptionsHeading,\n  clearText,\n  clearDisabled,\n  onClear,\n  showSearch,\n  query,\n  onQueryChange,\n  searchPlaceholder,\n  noResultsLabel,\n  matchAnchorWidth,\n  testId,\n}: MultiSelectMenuProps<TValue>): React.JSX.Element {\n  const trimmed = query.trim().toLowerCase();\n  const visibleOptions = useMemo(\n    () => (trimmed ? options.filter((option) => option.label.toLowerCase().includes(trimmed)) : options),\n    [options, trimmed],\n  );\n  const { anchorWidth, align } = resolveMenuPlacement(matchAnchorWidth, anchorEl);\n  return (\n    <Menu\n      anchorEl={anchorEl}\n      open={open}\n      onClose={close}\n      anchorOrigin={{ vertical: 'bottom', horizontal: align }}\n      transformOrigin={{ vertical: 'top', horizontal: align }}\n      // Keep focus on the search box (don't let the Menu grab the first item),\n      // and stop MUI's typeahead from swallowing keystrokes meant for the input.\n      autoFocus={!showSearch}\n      disableAutoFocusItem\n      slotProps={{\n        // Cap the height so a long list (e.g. many categories) scrolls instead\n        // of running off-screen; the sticky search box stays pinned on top.\n        paper: { sx: { minWidth: anchorWidth ?? 180, width: anchorWidth, maxHeight: 360 } },\n        list: { sx: { pt: showSearch ? 0 : undefined, pb: 0 } },\n      }}\n    >\n      {showSearch && (\n        <MenuSearchField query={query} onQueryChange={onQueryChange} placeholder={searchPlaceholder} testId={testId} />\n      )}\n      {visibleOptions.length === 0 && showSearch ? (\n        <MenuItem disabled data-testid={testId ? `${testId}-no-results` : undefined} sx={{ fontSize: '0.8125rem' }}>\n          {noResultsLabel}\n        </MenuItem>\n      ) : (\n        visibleOptions.map((option) => (\n          <CheckboxRow\n            key={option.value}\n            label={option.label}\n            count={option.count}\n            checked={selected.has(option.value)}\n            onToggle={(next) => onToggle(option.value, next)}\n          />\n        ))\n      )}\n      {extraOptions && extraOptions.length > 0\n        ? [\n            <Divider key=\"extra-divider\" />,\n            <ListSubheader key=\"extra-label\" sx={{ px: 1, py: 0.75, fontSize: '0.75rem', fontWeight: 600 }}>\n              {extraOptionsHeading}\n            </ListSubheader>,\n            ...extraOptions.map((extra) => (\n              <CheckboxRow key={extra.id} label={extra.label} checked={extra.checked} onToggle={(next) => extra.onCheckedChange(next)} />\n            )),\n          ]\n        : null}\n      <MenuClearFooter\n        clearText={clearText} clearDisabled={clearDisabled} onClear={onClear}\n        close={close} testId={testId}\n      />\n    </Menu>\n  );\n}\n\n/** The bottom \"Clear\" footer that resets the selection and closes the menu. */\nfunction MenuClearFooter({\n  clearText,\n  clearDisabled,\n  onClear,\n  close,\n  testId,\n}: {\n  clearText: string;\n  clearDisabled: boolean;\n  onClear: () => void;\n  close: () => void;\n  testId?: string;\n}): React.JSX.Element {\n  return (\n    <Box\n      sx={{\n        // Pin to the bottom of the scroll viewport so it stays visible while the\n        // options list scrolls (mirrors the sticky search box on top).\n        position: 'sticky',\n        bottom: 0,\n        zIndex: 1,\n        display: 'flex',\n        justifyContent: 'flex-end',\n        borderTop: 1,\n        borderColor: 'divider',\n        bgcolor: 'background.paper',\n        px: 1,\n        py: 0.75,\n      }}\n    >\n      <Button\n        variant=\"text\"\n        size=\"small\"\n        color=\"inherit\"\n        data-testid={testId ? `${testId}-clear` : undefined}\n        disabled={clearDisabled}\n        onClick={() => {\n          onClear();\n          close();\n        }}\n        sx={{ minWidth: 0, px: 1, py: 0.25, fontSize: '0.75rem', fontWeight: 400, textTransform: 'none', color: 'text.secondary' }}\n      >\n        {clearText}\n      </Button>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-EPNUVSNK.js

@@ -1,161 +0,0 @@
-import {
-  arrowSx,
-  cardSx,
-  getAnchorOrigin,
-  getTransformOrigin,
-  sideOf
-} from "./chunk-KSLNO5NG.js";
-import {
-  useHoverCard
-} from "./chunk-SXYIXCUB.js";
-import {
-  HoverCardContent
-} from "./chunk-O26MKGIC.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/data-display/HoverCard/HoverCard.tsx
-import Box from "@mui/material/Box/index.js";
-import Card from "@mui/material/Card/index.js";
-import CardContent from "@mui/material/CardContent/index.js";
-import Popover from "@mui/material/Popover/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var ArrowContainer = styled("div")(
-  ({ theme, placement }) => ({ ...arrowSx(theme, placement) })
-);
-var StyledCard = styled(Card, {
-  shouldForwardProp: (prop) => !["customVariant", "glow", "pulse", "animation"].includes(prop)
-})(({ theme, ...flags }) => ({ ...cardSx(theme, flags) }));
-var StyledPopover = styled(Popover, {
-  shouldForwardProp: (prop) => prop !== "customAnimation"
-})(({ customAnimation }) => ({
-  // The popover only positions; StyledCard draws the surface.
-  "& .MuiPopover-paper": {
-    backgroundColor: "transparent",
-    boxShadow: "none",
-    overflow: "visible",
-    ...customAnimation === "scale" && { transformOrigin: "center" }
-  }
-}));
-var DEFAULTS = {
-  variant: "default",
-  glow: false,
-  pulse: false,
-  placement: "bottom",
-  showArrow: false,
-  animation: "fade",
-  enterDelay: 700,
-  exitDelay: 0,
-  maxWidth: 400,
-  loading: false,
-  touchEnabled: true,
-  offset: 8,
-  disabled: false
-};
-var CONTENT_PADDING = { detailed: 3, minimal: 1.5 };
-var offsetMargin = (placement, offset) => {
-  const side = sideOf(placement);
-  const key = { top: "mt", bottom: "mb", left: "ml", right: "mr" }[side];
-  return { [key]: `${offset}px` };
-};
-var HoverCard = React.forwardRef((props, ref) => {
-  const {
-    variant,
-    glow,
-    pulse,
-    title,
-    description,
-    avatar,
-    trigger,
-    placement,
-    showArrow,
-    animation,
-    enterDelay,
-    exitDelay,
-    maxWidth,
-    loading,
-    loadingComponent,
-    loadingText,
-    touchEnabled,
-    offset,
-    disabled,
-    onOpen,
-    onClose,
-    children,
-    dataTestId,
-    ...rest
-  } = withDefaults(props, DEFAULTS);
-  const { anchorEl, isOpen, handleClose, triggerHandlers, cardHandlers } = useHoverCard({
-    disabled,
-    touchEnabled,
-    enterDelay,
-    exitDelay,
-    onOpen,
-    onClose
-  });
-  const triggerProps = {
-    ...triggerHandlers,
-    style: { cursor: disabled ? "default" : "pointer" },
-    "data-testid": dataTestId ? `${dataTestId}-trigger` : "hover-card-trigger"
-  };
-  const triggerElement = trigger ? React.cloneElement(trigger, triggerProps) : /* @__PURE__ */ jsx("span", { ...triggerProps, style: { display: "inline-block", ...triggerProps.style }, children });
-  const padding = CONTENT_PADDING[variant] ?? 2;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    triggerElement,
-    /* @__PURE__ */ jsx(
-      StyledPopover,
-      {
-        ref,
-        open: isOpen && !disabled,
-        anchorEl,
-        onClose: handleClose,
-        anchorOrigin: getAnchorOrigin(placement),
-        transformOrigin: getTransformOrigin(placement),
-        ...cardHandlers,
-        disableAutoFocus: true,
-        disableEnforceFocus: true,
-        disableRestoreFocus: true,
-        customAnimation: animation,
-        slotProps: { paper: { style: { pointerEvents: "auto" } } },
-        ...rest,
-        children: /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
-          showArrow && /* @__PURE__ */ jsx(ArrowContainer, { placement, offset }),
-          /* @__PURE__ */ jsx(
-            StyledCard,
-            {
-              customVariant: variant,
-              glow,
-              pulse,
-              animation,
-              "data-testid": dataTestId || "hover-card-content",
-              sx: { maxWidth, ...offsetMargin(placement, offset) },
-              children: /* @__PURE__ */ jsx(CardContent, { sx: { p: padding, "&:last-child": { pb: padding } }, children: /* @__PURE__ */ jsx(
-                HoverCardContent,
-                {
-                  loadingText,
-                  variant,
-                  title,
-                  description,
-                  avatar,
-                  loading,
-                  loadingComponent,
-                  dataTestId,
-                  children
-                }
-              ) })
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-});
-HoverCard.displayName = "HoverCard";
-
-export {
-  HoverCard
-};
-//# sourceMappingURL=chunk-EPNUVSNK.js.map