@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-MG73KW54.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/base-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode } from \"react\";\n\nimport { useTheme, type CSSObject } from \"@mui/material/styles/index.js\";\n\n/** See the note on `CardSx` in `card-surface` — these fragments get merged. */\ntype CardSx = CSSObject | Record<string, unknown>;\n\nimport { Checkbox } from \"../../form/Checkbox\";\nimport { Card } from \"../../layout/Card\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport { DragHandle, useDragItem } from \"./data-views-drag\";\nimport {\n  CARD_RADIUS,\n  cardSurfaceStyles,\n  isActionable,\n  isSelectable,\n  slotTestIds,\n  type CardSurfaceProps,\n} from \"./card-surface\";\nimport { CARD_ASPECT_RATIOS, type CardAspectRatio } from \"./data-views-types\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\n\nexport interface BaseCardProps extends CardSurfaceProps {\n  /** Extra body content below the caption (chips, meta). Optional. */\n  children?: ReactNode;\n  /** Tile proportion. Defaults to \"4:3\". */\n  aspectRatio?: CardAspectRatio;\n  /**\n   * Size multiplier from the zoom slider (1 = base).\n   *\n   * Applied as `zoom`, so the whole card grows together — padding, typography,\n   * the checkbox, the menu and the media alike — in step with its width, which\n   * the grid sizes to base × scale. A card at scale 2 renders at ~twice the\n   * size, its proportion preserved by `aspectRatio`. Default 1.\n   */\n  scale?: number;\n  /** Display-image node (e.g. an `<img>` / thumbnail) filling the media region. */\n  image?: ReactNode;\n  /** Shown centered in the media region when there is no `image` (icon/initial). */\n  imageFallback?: ReactNode;\n  /** First-class title, rendered in the caption. */\n  title?: ReactNode;\n  /** Secondary caption line under the title. */\n  subtitle?: ReactNode;\n  /** The 3-dots menu (or any action node) pinned to the top-right corner. */\n  menu?: ReactNode;\n  /** Toggle this card's selection. Omit to hide the checkbox (non-selectable). */\n  onToggleSelect?: () => void;\n  /**\n   * This card's id for drag purposes.\n   *\n   * Draggable ONLY inside a {@link DragContainerProvider} — see\n   * `data-views-drag`. On the board that is how a card moves between columns;\n   * in a grade it is how the operator reorders. Outside a container this is\n   * inert and no grip appears.\n   */\n  dragId?: string | number;\n  checkboxTestId?: string;\n}\n\n/**\n * The outlined-tile style: fixed ratio, scaled padding, selected/dimmed states.\n *\n * See the note on the row: `zoom` scales EVERY length in the subtree, including\n * the MUI internals (checkbox, chip, icon button) that no prop of ours reaches.\n * The grid still sizes the track to BASE_CARD_WIDTH x scale, so the tile fills\n * its track physically and lays its contents out in the unscaled box behind it\n * — which is what \"the whole card grows together\" was always meant to mean.\n */\nfunction cardSx(opts: {\n  aspectRatio: CardAspectRatio;\n  pad: number;\n  scale: number;\n  interactive: boolean;\n  draggable: boolean;\n}): CardSx {\n  const { aspectRatio, pad, scale, interactive, draggable } = opts;\n  return {\n    position: \"relative\",\n    zoom: scale,\n    aspectRatio: String(CARD_ASPECT_RATIOS[aspectRatio]),\n    display: \"flex\",\n    flexDirection: \"column\",\n    overflow: \"hidden\",\n    p: pad,\n    cursor: draggable ? \"grab\" : interactive ? \"pointer\" : undefined,\n    ...(draggable ? { touchAction: \"none\", \"&:active\": { cursor: \"grabbing\" } } : {}),\n  };\n}\n\n/**\n * How far the first block in flow must start below the tile's top edge to clear\n * the absolute overlays: their 4px inset plus the checkbox's 38px hit area (20px\n * glyph in MUI's 9px padding), which is the taller of the two corners.\n */\nconst OVERLAY_BAND_PX = 42;\n\n/**\n * The top margin each stacked slot needs, in MUI spacing units.\n *\n * The overlays are absolute, so they cost the flow nothing — over MEDIA that is\n * the whole point (a checkbox on a thumbnail reads as a checkbox on a\n * thumbnail). Over TEXT it is a collision: a title-only tile started its first\n * line at the padding edge, directly under the checkbox, and rendered\n * `Selecionada` with the box sitting on the `Se`. So when nothing pictorial is\n * there to absorb them, whichever block comes first clears the band instead.\n */\nfunction contentGaps(opts: {\n  hasMedia: boolean;\n  hasBody: boolean;\n  overlays: boolean;\n  pad: number;\n}): { body: number; caption: number } {\n  const { hasMedia, hasBody, overlays, pad } = opts;\n  const gap = pad * 0.5;\n  const clear = !hasMedia && overlays ? Math.max(0, OVERLAY_BAND_PX / 8 - pad) : 0;\n  return { body: hasMedia ? gap : clear, caption: hasMedia || hasBody ? gap : clear };\n}\n\n/** The top-corner overlays: the select checkbox (left) and the menu slot (right). */\nfunction CardOverlays({\n  selected,\n  onToggleSelect,\n  checkboxTestId,\n  menu,\n}: Pick<BaseCardProps, \"selected\" | \"onToggleSelect\" | \"checkboxTestId\" | \"menu\">): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <>\n      {onToggleSelect && (\n        <Box sx={{ position: \"absolute\", top: 4, left: 4, zIndex: 2 }}>\n          <Checkbox\n            checked={selected}\n            onChange={() => onToggleSelect()}\n            // Selecting must never trigger the card's own click (open/edit).\n            onClick={(event) => event.stopPropagation()}\n            size=\"small\"\n            data-testid={checkboxTestId}\n            aria-label={copy.selection.selectRow}\n          />\n        </Box>\n      )}\n      {menu && (\n        <Box\n          sx={{ position: \"absolute\", top: 4, right: 4, zIndex: 2 }}\n          // Acting on the menu must never trigger the card's own click.\n          onClick={(event) => event.stopPropagation()}\n        >\n          {menu}\n        </Box>\n      )}\n    </>\n  );\n}\n\n/**\n * Media region: fills the tile above the caption; centers `imageFallback` when\n * there is no image so title-only entities still fill the ratio box and mixed\n * grids stay aligned.\n */\nfunction CardMedia({ image, imageFallback }: Pick<BaseCardProps, \"image\" | \"imageFallback\">): React.JSX.Element {\n  return (\n    <Box\n      sx={{\n        flex: 1,\n        minHeight: 0,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        overflow: \"hidden\",\n        borderRadius: 1,\n        \"& img\": { width: \"100%\", height: \"100%\", objectFit: \"cover\" },\n      }}\n    >\n      {image ?? imageFallback}\n    </Box>\n  );\n}\n\n/** The body slot (chips/meta); fills remaining space when there is no media. */\nfunction CardBodyContent({\n  children,\n  fill,\n  topGap,\n}: {\n  children: ReactNode;\n  fill: boolean;\n  topGap: number;\n}): React.JSX.Element {\n  return (\n    <Box\n      sx={{\n        flex: fill ? 1 : \"none\",\n        minHeight: 0,\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        gap: 0.75,\n        mt: topGap,\n        overflow: \"hidden\",\n      }}\n    >\n      {children}\n    </Box>\n  );\n}\n\n/** The title/subtitle caption. */\nfunction CardCaption({\n  title,\n  subtitle,\n  topGap,\n}: {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  topGap: number;\n}): React.JSX.Element {\n  return (\n    <Box sx={{ mt: topGap, minWidth: 0 }}>\n      {title != null && (\n        <Text\n          variant=\"heading\"\n          size=\"sm\"\n          weight=\"bold\"\n          as=\"p\"\n          style={{\n            lineHeight: 1.15,\n            fontSize: \"0.95rem\",\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }}\n        >\n          {title}\n        </Text>\n      )}\n      {subtitle != null && (\n        <Text variant=\"caption\" size=\"xs\" color=\"secondary\" as=\"p\">\n          {subtitle}\n        </Text>\n      )}\n    </Box>\n  );\n}\n\n/** The stacked media / body / caption slots inside the tile (below the overlays). */\nfunction CardContents({\n  children,\n  image,\n  imageFallback,\n  title,\n  subtitle,\n  overlays,\n  pad,\n}: Pick<BaseCardProps, \"children\" | \"image\" | \"imageFallback\" | \"title\" | \"subtitle\"> & {\n  overlays: boolean;\n  pad: number;\n}): React.JSX.Element {\n  const hasMedia = image != null || imageFallback != null;\n  const hasBody = children != null;\n  const hasCaption = title != null || subtitle != null;\n  const top = contentGaps({ hasMedia, hasBody, overlays, pad });\n  return (\n    <>\n      {hasMedia && <CardMedia image={image} imageFallback={imageFallback} />}\n      {hasBody && (\n        <CardBodyContent fill={!hasMedia} topGap={top.body}>\n          {children}\n        </CardBodyContent>\n      )}\n      {hasCaption && <CardCaption title={title} subtitle={subtitle} topGap={top.caption} />}\n    </>\n  );\n}\n\n/**\n * Reusable selectable card shell for the DataViews \"Grade\" (cards) layout, and\n * the ONLY card component that lives in `@12-apps/ui` — every domain \"kind card\"\n * (product, mesa, role, …) lives in the app and composes this envelope. See the\n * per-slot helpers above; this shell just assembles them within a fixed-ratio\n * tile. Reads no context, so it renders standalone as well as inside the grid.\n */\n/**\n * Everything the tile derives from its props before it can render — pulled out\n * so `BaseCard` itself stays inside the complexity budget.\n */\nfunction useCardShell(props: BaseCardProps) {\n  const actionable = isActionable(props.state);\n  return {\n    selectable: isSelectable(props),\n    actionable,\n    theme: useTheme(),\n    slot: slotTestIds(props.testId),\n    scale: props.scale ?? 1,\n    // The card's own veto over the container's decision — see `CardSurfaceProps`.\n    drag: useDragItem(props.draggable === false || !actionable ? undefined : props.dragId),\n  };\n}\n\nexport function BaseCard(props: BaseCardProps): React.JSX.Element {\n  const { aspectRatio = \"4:3\", selected = false } = props;\n  const { menu, onToggleSelect, onClick } = props;\n  const { selectable, actionable, theme, slot, scale, drag } = useCardShell(props);\n  const dataTestId = props.testId;\n  const checkboxTestId = slot(\"checkbox\");\n  const pad = 1.5;\n\n  return (\n    <Card\n      variant=\"outlined\"\n      onClick={onClick}\n      dataTestId={dataTestId}\n      className={props.className}\n      aria-label={props[\"aria-label\"]}\n      aria-disabled={actionable ? undefined : true}\n      {...drag.itemProps}\n      // A PLAIN OBJECT, not a function. `Card` merges by spreading\n      // (`sx={{ ...defaults, ...sx }}`), and spreading a function yields\n      // nothing at all — the styles vanish silently, which is exactly how the\n      // first version of this shipped with no variants and no effects.\n      sx={{\n        // The same corner the row uses: a Grade and a Lista of the same records\n        // sit beside each other, and a tile that rounds harder than the row\n        // reads as a different component.\n        borderRadius: CARD_RADIUS,\n        // The shared half — variant, colour, selection, effects — identical to\n        // the one BaseListCard uses, so a Grade and a Lista of the same records\n        // are dressed by one set of rules.\n        ...cardSurfaceStyles(\n          {\n            ...props,\n            selectable,\n            shape: \"tile\",\n            // A card mid-drag is a ghost of itself; the drop target is what the\n            // eye should be on.\n            state: drag.dragging ? \"disabled\" : props.state,\n          },\n          theme,\n        ),\n        // …and the tile's own geometry on top.\n        ...cardSx({\n          aspectRatio, pad, scale,\n          interactive: onClick != null,\n          draggable: drag.draggable && drag.handleProps === undefined,\n        }),\n      }}\n    >\n      {/* Bottom-left, opposite the menu and clear of the checkbox — a grip in\n          the same corner as a control that toggles selection means every drag\n          starts with a near-miss on it. */}\n      {drag.draggable && (\n        <Box sx={{ position: \"absolute\", bottom: 4, left: 4, zIndex: 2 }}>\n          <DragHandle\n            handleProps={drag.handleProps}\n            gated={drag.handleProps !== undefined}\n            testId={slot(\"drag\")}\n          />\n        </Box>\n      )}\n      <CardOverlays\n        selected={selected}\n        onToggleSelect={selectable ? onToggleSelect ?? (() => {}) : undefined}\n        checkboxTestId={checkboxTestId}\n        menu={menu}\n      />\n      <CardContents\n        image={props.image}\n        imageFallback={props.imageFallback}\n        title={props.title}\n        subtitle={props.subtitle}\n        overlays={selectable || menu != null}\n        pad={pad}\n      >\n        {props.children}\n      </CardContents>\n    </Card>\n  );\n}\n"],"mappings":"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","names":["default"]}

package/dist/chunk-MMPJ2MCE.js

@@ -1,105 +0,0 @@
-import {
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-
-// src/components/layout/ContentToolbar/ColumnsMenu.tsx
-import ColumnsIcon from "@mui/icons-material/ViewColumnRounded";
-import Box from "@mui/material/Box/index.js";
-import Checkbox from "@mui/material/Checkbox/index.js";
-import IconButton from "@mui/material/IconButton/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 { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ColumnRow({
-  option,
-  onToggle,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(
-    MenuItem,
-    {
-      "data-testid": testId,
-      onClick: () => onToggle(option.id, !option.visible),
-      disabled: option.locked,
-      sx: { gap: 1 },
-      children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked: option.visible,
-            size: "small",
-            disableRipple: true,
-            sx: { p: 0, pointerEvents: "none" },
-            tabIndex: -1
-          }
-        ),
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: { flex: 1, minWidth: 0, textAlign: "left" }, children: option.label })
-      ]
-    }
-  );
-}
-function ColumnsMenu({
-  columns,
-  onToggle,
-  title = "Columns",
-  ariaLabel = "Toggle columns",
-  "data-testid": testId
-}) {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const open = Boolean(anchorEl);
-  const close = () => setAnchorEl(null);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        "data-testid": testId,
-        "aria-label": ariaLabel,
-        "aria-haspopup": "menu",
-        "aria-expanded": open,
-        onClick: (event) => setAnchorEl(event.currentTarget),
-        sx: {
-          width: fieldHeight,
-          height: fieldHeight,
-          borderRadius: fieldRadiusPx,
-          color: "text.secondary",
-          bgcolor: open ? "action.selected" : "transparent"
-        },
-        children: /* @__PURE__ */ jsx(ColumnsIcon, { sx: { fontSize: 16 } })
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Menu,
-      {
-        anchorEl,
-        open,
-        onClose: close,
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        slotProps: { paper: { sx: { minWidth: 200 } } },
-        children: [
-          /* @__PURE__ */ jsx(ListSubheader, { sx: { px: 1.5, py: 0.75, fontSize: "0.75rem", fontWeight: 600, color: "text.primary", lineHeight: 1.5 }, children: title }),
-          columns.map((option) => /* @__PURE__ */ jsx(
-            ColumnRow,
-            {
-              option,
-              onToggle,
-              testId: testId ? `${testId}-${option.id}` : void 0
-            },
-            option.id
-          ))
-        ]
-      }
-    )
-  ] });
-}
-
-export {
-  ColumnsMenu
-};
-//# sourceMappingURL=chunk-MMPJ2MCE.js.map

package/dist/chunk-MMPJ2MCE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/ContentToolbar/ColumnsMenu.tsx"],"sourcesContent":["'use client';\n\nimport ColumnsIcon from '@mui/icons-material/ViewColumnRounded';\nimport Box from '@mui/material/Box/index.js';\nimport Checkbox from '@mui/material/Checkbox/index.js';\nimport IconButton from '@mui/material/IconButton/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 React, { useState } from 'react';\n\nimport type { ColumnVisibilityOption, ColumnsMenuProps } from './ContentToolbar.types';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\nimport { fieldHeight } from '../../../tokens/field-height';\n\n/** One column checkbox row; toggling never closes the menu. */\nfunction ColumnRow({\n  option,\n  onToggle,\n  testId,\n}: {\n  option: ColumnVisibilityOption;\n  onToggle: (id: string, visible: boolean) => void;\n  testId?: string;\n}): React.JSX.Element {\n  return (\n    <MenuItem\n      data-testid={testId}\n      onClick={() => onToggle(option.id, !option.visible)}\n      disabled={option.locked}\n      sx={{ gap: 1 }}\n    >\n      <Checkbox\n        checked={option.visible}\n        size=\"small\"\n        disableRipple\n        sx={{ p: 0, pointerEvents: 'none' }}\n        tabIndex={-1}\n      />\n      <Box component=\"span\" sx={{ flex: 1, minWidth: 0, textAlign: 'left' }}>\n        {option.label}\n      </Box>\n    </MenuItem>\n  );\n}\n\n/**\n * Stateless column-visibility selector: a neutral icon button (matching\n * {@link FilterTrigger}/{@link SortByDropdown}) opening a checkbox list of the\n * hideable columns. Purely presentational — the caller owns the visibility state\n * and is notified via `onToggle`. The menu stays open while toggling so several\n * columns can be flipped at once.\n */\nexport function ColumnsMenu({\n  columns,\n  onToggle,\n  title = 'Columns',\n  ariaLabel = 'Toggle columns',\n  'data-testid': testId,\n}: ColumnsMenuProps): React.JSX.Element {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n  const close = (): void => setAnchorEl(null);\n\n  return (\n    <>\n      <IconButton\n        size=\"small\"\n        data-testid={testId}\n        aria-label={ariaLabel}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        onClick={(event) => setAnchorEl(event.currentTarget)}\n        sx={{\n          width: fieldHeight,\n          height: fieldHeight,\n          borderRadius: fieldRadiusPx,\n          color: 'text.secondary',\n          bgcolor: open ? 'action.selected' : 'transparent',\n        }}\n      >\n        <ColumnsIcon sx={{ fontSize: 16 }} />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        open={open}\n        onClose={close}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n        transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n        slotProps={{ paper: { sx: { minWidth: 200 } } }}\n      >\n        <ListSubheader sx={{ px: 1.5, py: 0.75, fontSize: '0.75rem', fontWeight: 600, color: 'text.primary', lineHeight: 1.5 }}>\n          {title}\n        </ListSubheader>\n        {columns.map((option) => (\n          <ColumnRow\n            key={option.id}\n            option={option}\n            onToggle={onToggle}\n            testId={testId ? `${testId}-${option.id}` : undefined}\n          />\n        ))}\n      </Menu>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAEA,OAAO,iBAAiB;AACxB,OAAO,SAAS;AAChB,OAAO,cAAc;AACrB,OAAO,gBAAgB;AACvB,OAAO,mBAAmB;AAC1B,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,SAAgB,gBAAgB;AAiB5B,SAuCA,UAjCE,KANF;AAVJ,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,GAIsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,SAAS,MAAM,SAAS,OAAO,IAAI,CAAC,OAAO,OAAO;AAAA,MAClD,UAAU,OAAO;AAAA,MACjB,IAAI,EAAE,KAAK,EAAE;AAAA,MAEb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,OAAO;AAAA,YAChB,MAAK;AAAA,YACL,eAAa;AAAA,YACb,IAAI,EAAE,GAAG,GAAG,eAAe,OAAO;AAAA,YAClC,UAAU;AAAA;AAAA,QACZ;AAAA,QACA,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,OAAO,GACjE,iBAAO,OACV;AAAA;AAAA;AAAA,EACF;AAEJ;AASO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AACjB,GAAwC;AACtC,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,OAAO,QAAQ,QAAQ;AAC7B,QAAM,QAAQ,MAAY,YAAY,IAAI;AAE1C,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,eAAa;AAAA,QACb,cAAY;AAAA,QACZ,iBAAc;AAAA,QACd,iBAAe;AAAA,QACf,SAAS,CAAC,UAAU,YAAY,MAAM,aAAa;AAAA,QACnD,IAAI;AAAA,UACF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,OAAO;AAAA,UACP,SAAS,OAAO,oBAAoB;AAAA,QACtC;AAAA,QAEA,8BAAC,eAAY,IAAI,EAAE,UAAU,GAAG,GAAG;AAAA;AAAA,IACrC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,cAAc,EAAE,UAAU,UAAU,YAAY,QAAQ;AAAA,QACxD,iBAAiB,EAAE,UAAU,OAAO,YAAY,QAAQ;AAAA,QACxD,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,IAAI,EAAE,EAAE;AAAA,QAE9C;AAAA,8BAAC,iBAAc,IAAI,EAAE,IAAI,KAAK,IAAI,MAAM,UAAU,WAAW,YAAY,KAAK,OAAO,gBAAgB,YAAY,IAAI,GAClH,iBACH;AAAA,UACC,QAAQ,IAAI,CAAC,WACZ;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA,QAAQ,SAAS,GAAG,MAAM,IAAI,OAAO,EAAE,KAAK;AAAA;AAAA,YAHvC,OAAO;AAAA,UAId,CACD;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-MQZDTGGJ.js

@@ -1,153 +0,0 @@
-import {
-  SearchGlyph
-} from "./chunk-DMNZD3Q7.js";
-import {
-  chipSx,
-  chipWrapSx,
-  panelHeadSx,
-  pinnedLabelSx,
-  pinnedSx
-} from "./chunk-LGLHU55A.js";
-import {
-  fieldBorder,
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-
-// src/components/form/CategorySelect/CategoryPanelHead.tsx
-import Box from "@mui/material/Box/index.js";
-import InputBase from "@mui/material/InputBase/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var searchFieldSx = {
-  position: "relative",
-  display: "flex",
-  alignItems: "center",
-  "& input": {
-    width: "100%",
-    height: fieldHeight,
-    padding: "0 30px 0 32px",
-    fontSize: 13,
-    border: fieldBorder,
-    borderRadius: fieldRadiusPx,
-    background: "background.paper",
-    color: "text.primary",
-    "&:focus": {
-      outline: "none",
-      borderColor: "primary.main",
-      boxShadow: (theme) => `0 0 0 3px ${theme.palette.primary.main}26`
-    }
-  }
-};
-var clearButtonSx = {
-  position: "absolute",
-  right: 7,
-  width: 20,
-  height: 20,
-  border: 0,
-  background: "action.selected",
-  color: "text.secondary",
-  borderRadius: "50%",
-  display: "grid",
-  placeItems: "center",
-  cursor: "pointer",
-  fontSize: 12,
-  padding: 0,
-  lineHeight: 1
-};
-function CategoryPanelHead({
-  query,
-  placeholder,
-  sheet,
-  quickActions,
-  onQueryChange,
-  searchInputRef,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsxs(Box, { sx: (theme) => panelHeadSx(theme, sheet), children: [
-    /* @__PURE__ */ jsxs(Box, { sx: searchFieldSx, children: [
-      /* @__PURE__ */ jsx(
-        SearchGlyph,
-        {
-          style: {
-            position: "absolute",
-            left: 10,
-            width: 15,
-            height: 15,
-            opacity: 0.55,
-            pointerEvents: "none"
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        InputBase,
-        {
-          inputRef: searchInputRef,
-          value: query,
-          placeholder,
-          autoComplete: "off",
-          inputProps: { "aria-label": placeholder, "data-testid": `${dataTestId}-search` },
-          onChange: (event) => onQueryChange(event.target.value),
-          sx: { width: "100%" }
-        }
-      ),
-      query.length > 0 && /* @__PURE__ */ jsx(
-        Box,
-        {
-          component: "button",
-          type: "button",
-          "aria-label": copy.search.clear,
-          "data-testid": `${dataTestId}-search-clear`,
-          sx: clearButtonSx,
-          onClick: () => onQueryChange(""),
-          children: "\xD7"
-        }
-      )
-    ] }),
-    quickActions && /* @__PURE__ */ jsx(
-      Box,
-      {
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          gap: "10px",
-          marginTop: "8px",
-          fontSize: 12
-        },
-        children: quickActions
-      }
-    )
-  ] });
-}
-function CategoryPinnedTray({
-  chips,
-  onRemove,
-  dataTestId,
-  copy
-}) {
-  if (chips.length === 0) return null;
-  return /* @__PURE__ */ jsxs(Box, { sx: pinnedSx, "data-testid": `${dataTestId}-pinned`, children: [
-    /* @__PURE__ */ jsx(Box, { sx: pinnedLabelSx, children: copy.search.pinnedLabel(chips.length) }),
-    /* @__PURE__ */ jsx(Box, { sx: chipWrapSx, children: chips.map((chip) => /* @__PURE__ */ jsxs(Box, { component: "span", sx: chipSx, children: [
-      chip.label,
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": copy.search.removeChip(chip.label),
-          "data-testid": `${dataTestId}-unpin-${chip.id}`,
-          onClick: () => onRemove(chip.id),
-          children: "\xD7"
-        }
-      )
-    ] }, chip.id)) })
-  ] });
-}
-
-export {
-  CategoryPanelHead,
-  CategoryPinnedTray
-};
-//# sourceMappingURL=chunk-MQZDTGGJ.js.map

package/dist/chunk-MQZDTGGJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanelHead.tsx"],"sourcesContent":["'use client';\n\nimport type { CategorySelectCopy } from '../../../copy';\nimport Box from '@mui/material/Box/index.js';\nimport InputBase from '@mui/material/InputBase/index.js';\n\nimport { SearchGlyph } from './CategoryIcons';\nimport {\n  chipSx,\n  chipWrapSx,\n  panelHeadSx,\n  pinnedLabelSx,\n  pinnedSx,\n} from './CategorySelect.styles';\nimport type { CategorySelectionChip } from './CategorySelect.types';\nimport { fieldBorder, fieldHeight } from '../../../tokens/field-height';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\n\ninterface PanelHeadProps {\n  query: string;\n  placeholder: string;\n  sheet: boolean;\n  /** Quick actions belong to multi-select only; single-select has nothing to bulk-do. */\n  quickActions?: React.ReactNode;\n  onQueryChange: (next: string) => void;\n  searchInputRef: React.RefObject<HTMLInputElement | null>;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}\n\nconst searchFieldSx = {\n  position: 'relative',\n  display: 'flex',\n  alignItems: 'center',\n  '& input': {\n    width: '100%',\n    height: fieldHeight,\n    padding: '0 30px 0 32px',\n    fontSize: 13,\n    border: fieldBorder,\n    borderRadius: fieldRadiusPx,\n    background: 'background.paper',\n    color: 'text.primary',\n    '&:focus': {\n      outline: 'none',\n      borderColor: 'primary.main',\n      boxShadow: (theme: { palette: { primary: { main: string } } }) =>\n        `0 0 0 3px ${theme.palette.primary.main}26`,\n    },\n  },\n} as const;\n\nconst clearButtonSx = {\n  position: 'absolute',\n  right: 7,\n  width: 20,\n  height: 20,\n  border: 0,\n  background: 'action.selected',\n  color: 'text.secondary',\n  borderRadius: '50%',\n  display: 'grid',\n  placeItems: 'center',\n  cursor: 'pointer',\n  fontSize: 12,\n  padding: 0,\n  lineHeight: 1,\n} as const;\n\n/** Search field, its clear affordance, and the optional quick-action row. */\nexport function CategoryPanelHead({\n  query,\n  placeholder,\n  sheet,\n  quickActions,\n  onQueryChange,\n  searchInputRef,\n  dataTestId,\n  copy,\n}: PanelHeadProps): React.JSX.Element {\n  return (\n    <Box sx={(theme) => panelHeadSx(theme, sheet)}>\n      <Box sx={searchFieldSx}>\n        <SearchGlyph\n          style={{\n            position: 'absolute',\n            left: 10,\n            width: 15,\n            height: 15,\n            opacity: 0.55,\n            pointerEvents: 'none',\n          }}\n        />\n        <InputBase\n          inputRef={searchInputRef}\n          value={query}\n          placeholder={placeholder}\n          autoComplete=\"off\"\n          inputProps={{ 'aria-label': placeholder, 'data-testid': `${dataTestId}-search` }}\n          onChange={(event) => onQueryChange(event.target.value)}\n          sx={{ width: '100%' }}\n        />\n        {query.length > 0 && (\n          <Box\n            component=\"button\"\n            type=\"button\"\n            aria-label={copy.search.clear}\n            data-testid={`${dataTestId}-search-clear`}\n            sx={clearButtonSx}\n            onClick={() => onQueryChange('')}\n          >\n            ×\n          </Box>\n        )}\n      </Box>\n      {quickActions && (\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: '10px',\n            marginTop: '8px',\n            fontSize: 12,\n          }}\n        >\n          {quickActions}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\ninterface PinnedTrayProps {\n  chips: CategorySelectionChip[];\n  onRemove: (chipId: string) => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}\n\n/**\n * The selected categories, pinned above the list.\n *\n * Pinned rather than left in place because a selection made at the bottom of a\n * ten-category tree scrolls out of sight the moment you look for the next one —\n * and a search hides it entirely. Here it survives both.\n */\nexport function CategoryPinnedTray({\n  chips,\n  onRemove,\n  dataTestId,\n  copy,\n}: PinnedTrayProps): React.JSX.Element | null {\n  if (chips.length === 0) return null;\n  return (\n    <Box sx={pinnedSx} data-testid={`${dataTestId}-pinned`}>\n      <Box sx={pinnedLabelSx}>{copy.search.pinnedLabel(chips.length)}</Box>\n      <Box sx={chipWrapSx}>\n        {chips.map((chip) => (\n          <Box component=\"span\" key={chip.id} sx={chipSx}>\n            {chip.label}\n            <button\n              type=\"button\"\n              aria-label={copy.search.removeChip(chip.label)}\n              data-testid={`${dataTestId}-unpin-${chip.id}`}\n              onClick={() => onRemove(chip.id)}\n            >\n              ×\n            </button>\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-MYYGXSXF.js

@@ -1,177 +0,0 @@
-import {
-  FILLED_WASH,
-  FLOATING_LABEL,
-  INPUT_BORDER,
-  INPUT_GLASS,
-  INPUT_GLOW,
-  INPUT_GRADIENT,
-  INPUT_PULSE
-} from "./chunk-Y3IGYWGN.js";
-import {
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-
-// src/components/form/Input/Input.styles.ts
-import { alpha, keyframes } from "@mui/material/styles/index.js";
-var pulseAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 1;
-  }
-  70% {
-    box-shadow: 0 0 0 ${INPUT_PULSE.spread}px currentColor;
-    opacity: 0;
-  }
-  100% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 0;
-  }
-`;
-var glowStyles = (theme) => ({
-  "& .MuiInputBase-root": {
-    boxShadow: `0 0 ${INPUT_GLOW.rest.blur}px ${alpha(theme.palette.primary.main, INPUT_GLOW.rest.alpha)}`,
-    "&.Mui-focused": {
-      boxShadow: `0 0 ${INPUT_GLOW.focused.blur}px ${alpha(theme.palette.primary.main, INPUT_GLOW.focused.alpha)}`
-    }
-  }
-});
-var pulseStyles = (theme, size = "md") => ({
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: "50%",
-    left: "0",
-    right: "0",
-    height: fieldHeight(theme, size),
-    transform: "translateY(-50%)",
-    borderRadius: fieldRadius(theme),
-    backgroundColor: theme.palette.primary.main,
-    opacity: INPUT_PULSE.opacity,
-    animation: `${pulseAnimation} ${INPUT_PULSE.ms / 1e3}s infinite`,
-    pointerEvents: "none",
-    zIndex: -1
-  }
-});
-var floatingLabelStyles = (theme) => ({
-  "& .MuiInputLabel-root": {
-    transform: `translate(${FLOATING_LABEL.rest.x}px, ${FLOATING_LABEL.rest.y}px) scale(1)`,
-    "&.MuiInputLabel-shrink": {
-      transform: `translate(${FLOATING_LABEL.shrink.x}px, ${FLOATING_LABEL.shrink.y}px) scale(${FLOATING_LABEL.scale})`,
-      backgroundColor: theme.palette.background.paper,
-      padding: `0 ${FLOATING_LABEL.paddingX}px`
-    }
-  }
-});
-var inputRadiusStyles = (theme, variant) => {
-  if (variant === "underline") return {};
-  const radius = fieldRadius(theme);
-  if (variant === "filled") return { borderTopLeftRadius: radius, borderTopRightRadius: radius };
-  return { borderRadius: radius };
-};
-var inputBaseStyles = (theme, variant) => {
-  switch (variant) {
-    case "glass":
-      return {
-        backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.rest),
-        backdropFilter: `blur(${INPUT_GLASS.blur}px)`,
-        border: `${INPUT_BORDER.rest}px solid ${fieldEdge(theme)}`,
-        "&:hover": {
-          backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.hover),
-          borderColor: alpha(theme.palette.primary.main, INPUT_GLASS.hoverBorderAlpha)
-        },
-        "&.Mui-focused": {
-          backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.focused),
-          borderColor: theme.palette.primary.main,
-          boxShadow: `0 0 0 ${INPUT_GLASS.focusRing.width}px ${alpha(theme.palette.primary.main, INPUT_GLASS.focusRing.alpha)}`
-        }
-      };
-    case "underline":
-      return {
-        "&:before": {
-          borderBottomColor: fieldEdge(theme)
-        },
-        "&:hover:not(.Mui-disabled):before": {
-          borderBottomColor: theme.palette.primary.main
-        },
-        "&:after": {
-          borderBottomColor: theme.palette.primary.main
-        }
-      };
-    case "gradient":
-      return gradientStyles(theme);
-    default:
-      return {};
-  }
-};
-var gradientFill = (theme, strength) => `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, strength)}, ${alpha(theme.palette.secondary.main, strength)})`;
-var gradientStyles = (theme) => ({
-  background: gradientFill(theme, INPUT_GRADIENT.fill.rest),
-  border: `${INPUT_GRADIENT.borderWidth}px solid transparent`,
-  backgroundOrigin: "border-box",
-  backgroundClip: "padding-box, border-box",
-  position: "relative",
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    borderRadius: "inherit",
-    background: `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,
-    mask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
-    maskComposite: "exclude",
-    padding: `${INPUT_GRADIENT.borderWidth}px`,
-    zIndex: -1
-  },
-  "&:hover": {
-    background: gradientFill(theme, INPUT_GRADIENT.fill.hover)
-  },
-  "&.Mui-focused": {
-    background: gradientFill(theme, INPUT_GRADIENT.fill.focused),
-    "&::before": {
-      background: `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`
-    }
-  }
-});
-var outlinedStyles = (theme) => ({
-  "& fieldset": {
-    borderColor: fieldEdge(theme)
-  },
-  "&:hover fieldset": {
-    borderColor: theme.palette.primary.main
-  },
-  "&.Mui-focused fieldset": {
-    borderColor: theme.palette.primary.main,
-    borderWidth: INPUT_BORDER.focused
-  },
-  "&.Mui-error fieldset": {
-    borderColor: theme.palette.error.main
-  }
-});
-var filledStyles = (theme) => ({
-  backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.rest),
-  "&:hover": {
-    backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.hover)
-  },
-  "&.Mui-focused": {
-    backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.focused)
-  }
-});
-
-export {
-  glowStyles,
-  pulseStyles,
-  floatingLabelStyles,
-  inputRadiusStyles,
-  inputBaseStyles,
-  outlinedStyles,
-  filledStyles
-};
-//# sourceMappingURL=chunk-MYYGXSXF.js.map

package/dist/chunk-MYYGXSXF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Input/Input.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport {\n  FILLED_WASH,\n  FLOATING_LABEL,\n  INPUT_BORDER,\n  INPUT_GLASS,\n  INPUT_GLOW,\n  INPUT_GRADIENT,\n  INPUT_PULSE,\n} from './Input.metrics';\nimport type { InputProps } from './Input.types';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldHeight } from '../../../tokens/field-height';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\ntype InputVariant = NonNullable<InputProps['variant']>;\n\n// The numbers below all come from `./Input.metrics`, which the native renderer\n// reads too — see its header for why MUI's own values are in there as well.\nexport { muiVariantFor, SIZE_MAP } from './Input.metrics';\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${INPUT_PULSE.spread}px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nexport const glowStyles = (theme: Theme): CSSObject => ({\n  '& .MuiInputBase-root': {\n    boxShadow: `0 0 ${INPUT_GLOW.rest.blur}px ${alpha(theme.palette.primary.main, INPUT_GLOW.rest.alpha)}`,\n    '&.Mui-focused': {\n      boxShadow: `0 0 ${INPUT_GLOW.focused.blur}px ${alpha(theme.palette.primary.main, INPUT_GLOW.focused.alpha)}`,\n    },\n  },\n});\n\n// A bar behind the field rather than a border on it, so it can pulse outward\n// without the input resizing.\nexport const pulseStyles = (theme: Theme, size: SizeValue = 'md'): CSSObject => ({\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '0',\n    right: '0',\n    height: fieldHeight(theme, size),\n    transform: 'translateY(-50%)',\n    borderRadius: fieldRadius(theme),\n    backgroundColor: theme.palette.primary.main,\n    opacity: INPUT_PULSE.opacity,\n    animation: `${pulseAnimation} ${INPUT_PULSE.ms / 1000}s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\nexport const floatingLabelStyles = (theme: Theme): CSSObject => ({\n  '& .MuiInputLabel-root': {\n    transform: `translate(${FLOATING_LABEL.rest.x}px, ${FLOATING_LABEL.rest.y}px) scale(1)`,\n    '&.MuiInputLabel-shrink': {\n      transform: `translate(${FLOATING_LABEL.shrink.x}px, ${FLOATING_LABEL.shrink.y}px) scale(${FLOATING_LABEL.scale})`,\n      backgroundColor: theme.palette.background.paper,\n      padding: `0 ${FLOATING_LABEL.paddingX}px`,\n    },\n  },\n});\n\n/**\n * The field's corner: the theme's one field radius (see `tokens/field-radius`).\n * `filled` rounds its top two only — its bottom edge is the underline — and\n * `underline` none, which is how MUI draws those two variants.\n */\nexport const inputRadiusStyles = (theme: Theme, variant?: InputVariant): CSSObject => {\n  if (variant === 'underline') return {};\n  const radius = fieldRadius(theme);\n  if (variant === 'filled') return { borderTopLeftRadius: radius, borderTopRightRadius: radius };\n  return { borderRadius: radius };\n};\n\nexport const inputBaseStyles = (theme: Theme, variant?: InputVariant): CSSObject => {\n  switch (variant) {\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.rest),\n        backdropFilter: `blur(${INPUT_GLASS.blur}px)`,\n        border: `${INPUT_BORDER.rest}px solid ${fieldEdge(theme)}`,\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.hover),\n          borderColor: alpha(theme.palette.primary.main, INPUT_GLASS.hoverBorderAlpha),\n        },\n        '&.Mui-focused': {\n          backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.focused),\n          borderColor: theme.palette.primary.main,\n          boxShadow: `0 0 0 ${INPUT_GLASS.focusRing.width}px ${alpha(theme.palette.primary.main, INPUT_GLASS.focusRing.alpha)}`,\n        },\n      };\n    case 'underline':\n      return {\n        '&:before': {\n          borderBottomColor: fieldEdge(theme),\n        },\n        '&:hover:not(.Mui-disabled):before': {\n          borderBottomColor: theme.palette.primary.main,\n        },\n        '&:after': {\n          borderBottomColor: theme.palette.primary.main,\n        },\n      };\n    case 'gradient':\n      return gradientStyles(theme);\n    default:\n      return {};\n  }\n};\n\n/** The 135° fill between the two brand hues, at one of its three strengths. */\nconst gradientFill = (theme: Theme, strength: number): string =>\n  `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, strength)}, ${alpha(theme.palette.secondary.main, strength)})`;\n\n// The border is a gradient painted behind the field and masked to a 2px ring,\n// since CSS cannot put a gradient on `border-color` directly.\nconst gradientStyles = (theme: Theme): CSSObject => ({\n  background: gradientFill(theme, INPUT_GRADIENT.fill.rest),\n  border: `${INPUT_GRADIENT.borderWidth}px solid transparent`,\n  backgroundOrigin: 'border-box',\n  backgroundClip: 'padding-box, border-box',\n  position: 'relative',\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderRadius: 'inherit',\n    background: `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,\n    mask: 'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)',\n    maskComposite: 'exclude',\n    padding: `${INPUT_GRADIENT.borderWidth}px`,\n    zIndex: -1,\n  },\n  '&:hover': {\n    background: gradientFill(theme, INPUT_GRADIENT.fill.hover),\n  },\n  '&.Mui-focused': {\n    background: gradientFill(theme, INPUT_GRADIENT.fill.focused),\n    '&::before': {\n      background: `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`,\n    },\n  },\n});\n\nexport const outlinedStyles = (theme: Theme): CSSObject => ({\n  '& fieldset': {\n    borderColor: fieldEdge(theme),\n  },\n  '&:hover fieldset': {\n    borderColor: theme.palette.primary.main,\n  },\n  '&.Mui-focused fieldset': {\n    borderColor: theme.palette.primary.main,\n    borderWidth: INPUT_BORDER.focused,\n  },\n  '&.Mui-error fieldset': {\n    borderColor: theme.palette.error.main,\n  },\n});\n\nexport const filledStyles = (theme: Theme): CSSObject => ({\n  backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.rest),\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.hover),\n  },\n  '&.Mui-focused': {\n    backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.focused),\n  },\n});\n"],"mappings":"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","names":[]}

package/dist/chunk-N4JEQJBL.js

@@ -1,93 +0,0 @@
-import {
-  HeaderButton
-} from "./chunk-2CEV746H.js";
-
-// src/components/form/HeaderActions/HeaderActions.tsx
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import MoreHorizIcon from "@mui/icons-material/MoreHoriz";
-import Box from "@mui/material/Box/index.js";
-import ListItemIcon from "@mui/material/ListItemIcon/index.js";
-import ListItemText from "@mui/material/ListItemText/index.js";
-import Menu from "@mui/material/Menu/index.js";
-import MenuItem from "@mui/material/MenuItem/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function present(actions) {
-  return actions.filter(
-    (action) => Boolean(action) && action.visible !== false
-  );
-}
-function HeaderActions({
-  actions,
-  moreLabel,
-  collapseBelow = "md",
-  testIdPrefix = "header-actions"
-}) {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const items = present(actions);
-  const open = Boolean(anchorEl);
-  const [primary, ...overflow] = items;
-  if (!primary) return null;
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: "inline-flex", alignItems: "center", gap: 1 }, children: [
-    /* @__PURE__ */ jsx(
-      HeaderButton,
-      {
-        text: primary.text,
-        icon: primary.icon,
-        onClick: primary.onClick,
-        disabled: primary.disabled,
-        variant: primary.variant,
-        color: primary.color,
-        collapseBelow,
-        dataTestId: primary.dataTestId ?? primary.id
-      }
-    ),
-    overflow.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        HeaderButton,
-        {
-          text: moreLabel,
-          icon: /* @__PURE__ */ jsx(MoreHorizIcon, { fontSize: "small" }),
-          endIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, { fontSize: "small" }),
-          onClick: (event) => setAnchorEl(event.currentTarget),
-          collapseBelow,
-          "aria-haspopup": "menu",
-          "aria-expanded": open,
-          dataTestId: `${testIdPrefix}-more-trigger`
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Menu,
-        {
-          anchorEl,
-          open,
-          onClose: () => setAnchorEl(null),
-          anchorOrigin: { vertical: "bottom", horizontal: "right" },
-          transformOrigin: { vertical: "top", horizontal: "right" },
-          "data-testid": `${testIdPrefix}-more-menu`,
-          children: overflow.map((action) => /* @__PURE__ */ jsxs(
-            MenuItem,
-            {
-              disabled: action.disabled,
-              onClick: () => {
-                setAnchorEl(null);
-                action.onClick?.();
-              },
-              "data-testid": action.dataTestId ?? action.id,
-              children: [
-                /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 32 }, children: action.icon }),
-                /* @__PURE__ */ jsx(ListItemText, { children: action.text })
-              ]
-            },
-            action.id
-          ))
-        }
-      )
-    ] })
-  ] });
-}
-
-export {
-  HeaderActions
-};
-//# sourceMappingURL=chunk-N4JEQJBL.js.map