@12-apps/ui 6.52.1 → 6.54.0

package/dist/{chunk-OYT7YXQL.js → chunk-MGPN5TZE.js}

@@ -1,3 +1,6 @@
+import {
+  ToggleField
+} from "./chunk-LYNZ3XAJ.js";
 import {
   TextField
 } from "./chunk-QJUOWOE4.js";
@@ -9,10 +12,7 @@ import {
 } from "./chunk-QIUDYFKA.js";
 import {
   CategoryField
-} from "./chunk-7GQ2ZZBQ.js";
-import {
-  ToggleField
-} from "./chunk-LYNZ3XAJ.js";
+} from "./chunk-BCTRC6AR.js";
 import {
   __export
 } from "./chunk-PZ5AY32C.js";
@@ -30,4 +30,4 @@ __export(Fields_exports, {
 export {
   Fields_exports
 };
-//# sourceMappingURL=chunk-OYT7YXQL.js.map
+//# sourceMappingURL=chunk-MGPN5TZE.js.map

package/dist/{chunk-ERY6D2OV.js → chunk-MWPXKZ7O.js}

@@ -4,12 +4,12 @@ import {
 import {
   ScrollViewport
 } from "./chunk-BAZXVFLR.js";
-import {
-  ScrollAreaContent
-} from "./chunk-4VMFS3VJ.js";
 import {
   sizeCss
 } from "./chunk-I7GSRTGQ.js";
+import {
+  ScrollAreaContent
+} from "./chunk-4VMFS3VJ.js";
 import {
   rem,
   remPx,
@@ -249,4 +249,4 @@ var ScrollArea = (componentProps) => {
 export {
   ScrollArea
 };
-//# sourceMappingURL=chunk-ERY6D2OV.js.map
+//# sourceMappingURL=chunk-MWPXKZ7O.js.map

package/dist/{chunk-SCCE6VWY.js → chunk-N2Z7NHD5.js}

@@ -1,6 +1,6 @@
 import {
   FleetCanvas
-} from "./chunk-WF7BZT6V.js";
+} from "./chunk-RR6BIHFX.js";
 import {
   FleetRoster
 } from "./chunk-5JCGBCFJ.js";
@@ -79,4 +79,4 @@ function FleetBody({
 export {
   FleetBody
 };
-//# sourceMappingURL=chunk-SCCE6VWY.js.map
+//# sourceMappingURL=chunk-N2Z7NHD5.js.map

package/dist/chunk-N4R6T5K7.js

@@ -0,0 +1,95 @@
+import {
+  partTestId
+} from "./chunk-2JTZWQ25.js";
+import {
+  SETTING_CARD
+} from "./chunk-BFRVMCQM.js";
+import {
+  InteractiveTooltip
+} from "./chunk-XM7QCNZQ.js";
+import {
+  Icon
+} from "./chunk-VEHMODO3.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/layout/SettingCard/SettingCard.summary.tsx
+import Box from "@mui/material/Box/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { useCallback, useLayoutEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var useClamped = (content) => {
+  const [node, setNode] = useState(null);
+  const [clamped, setClamped] = useState(false);
+  const ref = useCallback((next) => setNode(next), []);
+  useLayoutEffect(() => {
+    if (!node) return void 0;
+    const measure = () => setClamped(node.scrollHeight > node.clientHeight + 1);
+    measure();
+    if (typeof ResizeObserver === "undefined") return void 0;
+    const observer = new ResizeObserver(measure);
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [node, content]);
+  return { ref, clamped };
+};
+var SummaryInfo = ({
+  label,
+  summary,
+  dataTestId
+}) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    InteractiveTooltip,
+    {
+      variant: "light",
+      size: "sm",
+      maxWidth: SETTING_CARD.infoMaxWidth,
+      hoverContent: summary,
+      pinnedContent: summary,
+      dataTestId: partTestId(dataTestId, "info"),
+      children: /* @__PURE__ */ jsx(
+        Box,
+        {
+          component: "button",
+          type: "button",
+          "aria-label": label,
+          sx: {
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            padding: 0,
+            border: 0,
+            background: "none",
+            color: theme.palette.text.secondary,
+            cursor: "pointer",
+            borderRadius: "50%",
+            "&:focus-visible": {
+              outline: `${rem(theme, SETTING_CARD.infoFocusRingWidth)} solid ${theme.palette.primary.main}`,
+              outlineOffset: rem(theme, SETTING_CARD.infoFocusRingOffset)
+            }
+          },
+          children: /* @__PURE__ */ jsx(Icon, { name: "InfoOutlined", size: "xs" })
+        }
+      )
+    }
+  );
+};
+var useSummaryInfo = ({
+  summary,
+  show = true,
+  label,
+  dataTestId
+}) => {
+  const { ref, clamped } = useClamped(summary);
+  const visible = show && clamped && summary != null;
+  return { ref, info: visible ? /* @__PURE__ */ jsx(SummaryInfo, { label, summary, dataTestId }) : null };
+};
+
+export {
+  useClamped,
+  SummaryInfo,
+  useSummaryInfo
+};
+//# sourceMappingURL=chunk-N4R6T5K7.js.map

package/dist/chunk-N4R6T5K7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingCard.summary.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React, { useCallback, useLayoutEffect, useState } from 'react';\n\nimport { Icon } from '../../../icons';\nimport { rem } from '../../../tokens/relative';\nimport { InteractiveTooltip } from '../../data-display/InteractiveTooltip';\n\nimport { SETTING_CARD } from './SettingCard.metrics';\nimport { partTestId } from './SettingCard.parts';\n\n/**\n * Whether a clamped element is hiding text — measured, never guessed from the\n * string's length, because what fits depends on the width the card is GIVEN.\n * Re-measured whenever the element resizes, so a card that widens drops its [i].\n */\nexport const useClamped = (content?: unknown): { ref: (node: HTMLElement | null) => void; clamped: boolean } => {\n  const [node, setNode] = useState<HTMLElement | null>(null);\n  const [clamped, setClamped] = useState(false);\n  const ref = useCallback((next: HTMLElement | null) => setNode(next), []);\n\n  useLayoutEffect(() => {\n    if (!node) return undefined;\n    const measure = (): void => setClamped(node.scrollHeight > node.clientHeight + 1);\n    measure();\n    if (typeof ResizeObserver === 'undefined') return undefined;\n    const observer = new ResizeObserver(measure);\n    observer.observe(node);\n    return () => observer.disconnect();\n    // `content` too: a summary that grows from two lines to three inside the\n    // same clamped height fires no resize, so the text changing re-measures.\n  }, [node, content]);\n\n  return { ref, clamped };\n};\n\n/**\n * The [i] beside a card's title while its summary is cut: hover shows the whole\n * text, a click or tap pins it — so it works on a phone, where there is no hover.\n */\nexport const SummaryInfo: React.FC<{ label: string; summary: React.ReactNode; dataTestId?: string }> = ({\n  label,\n  summary,\n  dataTestId,\n}) => {\n  const theme = useTheme();\n  return (\n    <InteractiveTooltip\n      variant=\"light\"\n      size=\"sm\"\n      maxWidth={SETTING_CARD.infoMaxWidth}\n      hoverContent={summary}\n      pinnedContent={summary}\n      dataTestId={partTestId(dataTestId, 'info')}\n    >\n      <Box\n        component=\"button\"\n        type=\"button\"\n        aria-label={label}\n        sx={{\n          display: 'inline-flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          padding: 0,\n          border: 0,\n          background: 'none',\n          color: theme.palette.text.secondary,\n          cursor: 'pointer',\n          borderRadius: '50%',\n          '&:focus-visible': {\n            outline: `${rem(theme, SETTING_CARD.infoFocusRingWidth)} solid ${theme.palette.primary.main}`,\n            outlineOffset: rem(theme, SETTING_CARD.infoFocusRingOffset),\n          },\n        }}\n      >\n        <Icon name=\"InfoOutlined\" size=\"xs\" />\n      </Box>\n    </InteractiveTooltip>\n  );\n};\n\n/**\n * The summary's measuring ref, and the [i] for the header while it is cut —\n * `null` when there is no summary, it fits, or `show` is false (an open card).\n */\nexport const useSummaryInfo = ({\n  summary,\n  show = true,\n  label,\n  dataTestId,\n}: {\n  summary: React.ReactNode;\n  show?: boolean;\n  label: string;\n  dataTestId?: string;\n}): { ref: (node: HTMLElement | null) => void; info: React.ReactNode } => {\n  const { ref, clamped } = useClamped(summary);\n  const visible = show && clamped && summary != null;\n  return { ref, info: visible ? <SummaryInfo label={label} summary={summary} dataTestId={dataTestId} /> : null };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,gBAAgB;AACzB,SAAgB,aAAa,iBAAiB,gBAAgB;AAyEtD;AA3DD,IAAM,aAAa,CAAC,YAAqF;AAC9G,QAAM,CAAC,MAAM,OAAO,IAAI,SAA6B,IAAI;AACzD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,MAAM,YAAY,CAAC,SAA6B,QAAQ,IAAI,GAAG,CAAC,CAAC;AAEvE,kBAAgB,MAAM;AACpB,QAAI,CAAC,KAAM,QAAO;AAClB,UAAM,UAAU,MAAY,WAAW,KAAK,eAAe,KAAK,eAAe,CAAC;AAChF,YAAQ;AACR,QAAI,OAAO,mBAAmB,YAAa,QAAO;AAClD,UAAM,WAAW,IAAI,eAAe,OAAO;AAC3C,aAAS,QAAQ,IAAI;AACrB,WAAO,MAAM,SAAS,WAAW;AAAA,EAGnC,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SAAO,EAAE,KAAK,QAAQ;AACxB;AAMO,IAAM,cAA0F,CAAC;AAAA,EACtG;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,UAAU,aAAa;AAAA,MACvB,cAAc;AAAA,MACd,eAAe;AAAA,MACf,YAAY,WAAW,YAAY,MAAM;AAAA,MAEzC;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,IAAI;AAAA,YACF,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAChB,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,YAAY;AAAA,YACZ,OAAO,MAAM,QAAQ,KAAK;AAAA,YAC1B,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,mBAAmB;AAAA,cACjB,SAAS,GAAG,IAAI,OAAO,aAAa,kBAAkB,CAAC,UAAU,MAAM,QAAQ,QAAQ,IAAI;AAAA,cAC3F,eAAe,IAAI,OAAO,aAAa,mBAAmB;AAAA,YAC5D;AAAA,UACF;AAAA,UAEA,8BAAC,QAAK,MAAK,gBAAe,MAAK,MAAK;AAAA;AAAA,MACtC;AAAA;AAAA,EACF;AAEJ;AAMO,IAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,MAK0E;AACxE,QAAM,EAAE,KAAK,QAAQ,IAAI,WAAW,OAAO;AAC3C,QAAM,UAAU,QAAQ,WAAW,WAAW;AAC9C,SAAO,EAAE,KAAK,MAAM,UAAU,oBAAC,eAAY,OAAc,SAAkB,YAAwB,IAAK,KAAK;AAC/G;","names":[]}

package/dist/{chunk-GNHXFJRR.js → chunk-N6EEY7V3.js}

@@ -1,6 +1,6 @@
 import {
   RAIL_GAP_PX
-} from "./chunk-XSHWEUDB.js";
+} from "./chunk-BE5Z36XZ.js";
 import {
   DescriptionItem
 } from "./chunk-G6ZPQHBL.js";
@@ -226,4 +226,4 @@ export {
   ListCardActions,
   ListCardTail
 };
-//# sourceMappingURL=chunk-GNHXFJRR.js.map
+//# sourceMappingURL=chunk-N6EEY7V3.js.map

package/dist/{chunk-OEBHWQSX.js → chunk-OESAYTNG.js}

@@ -1,20 +1,23 @@
 import {
   useSettingCard
 } from "./chunk-SALQ65SM.js";
+import {
+  useSummaryInfo
+} from "./chunk-N4R6T5K7.js";
 import {
   LearnMore,
   PendingSpinner,
   SaveError,
   SettingHeader,
   partTestId
-} from "./chunk-57VL5UX7.js";
+} from "./chunk-2JTZWQ25.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   actionsStyles,
   summaryStyles,
   surfaceStyles,
   withCallerSx
-} from "./chunk-3DO5AJCG.js";
+} from "./chunk-WE2LNTR6.js";
 import {
   Icon
 } from "./chunk-VEHMODO3.js";
@@ -102,6 +105,7 @@ var SettingCard = forwardRef(function SettingCard2(props, ref) {
   const titleId = `${baseId}-title`;
   const card = useSettingCard(props);
   const { open } = card;
+  const clamp = useSummaryInfo({ summary, show: !open, label: copy.moreInfo ?? title, dataTestId });
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -123,6 +127,7 @@ var SettingCard = forwardRef(function SettingCard2(props, ref) {
             headingLevel,
             icon,
             status,
+            info: clamp.info,
             trailing: open ? null : /* @__PURE__ */ jsx(
               EditTrigger,
               {
@@ -138,7 +143,7 @@ var SettingCard = forwardRef(function SettingCard2(props, ref) {
             dataTestId
           }
         ),
-        !open && summary != null && /* @__PURE__ */ jsx(Box, { component: "p", sx: summaryStyles, "data-testid": partTestId(dataTestId, "summary"), children: summary }),
+        !open && summary != null && /* @__PURE__ */ jsx(Box, { component: "p", ref: clamp.ref, sx: summaryStyles, "data-testid": partTestId(dataTestId, "summary"), children: summary }),
         open && /* @__PURE__ */ jsx(
           OpenBody,
           {
@@ -165,4 +170,4 @@ SettingCard.displayName = "SettingCard";
 export {
   SettingCard
 };
-//# sourceMappingURL=chunk-OEBHWQSX.js.map
+//# sourceMappingURL=chunk-OESAYTNG.js.map

package/dist/chunk-OESAYTNG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingCard.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport React, { forwardRef, useId } from 'react';\n\nimport { Icon } from '../../../icons';\nimport { Button } from '../../form/Button';\n\nimport { useSettingCard } from './SettingCard.hooks';\nimport { LearnMore, PendingSpinner, SaveError, SettingHeader, partTestId } from './SettingCard.parts';\nimport { SETTING_CARD_OPEN_ATTR, actionsStyles, summaryStyles, surfaceStyles, withCallerSx } from './SettingCard.styles';\nimport { useSummaryInfo } from './SettingCard.summary';\nimport type { SettingCardCopy, SettingCardProps } from './SettingCard.types';\n\ninterface OpenBodyProps {\n  bodyRef: React.RefObject<HTMLDivElement | null>;\n  titleId: string;\n  errorId: string;\n  copy: SettingCardCopy;\n  learnMore?: React.ReactNode;\n  children: React.ReactNode;\n  saving: boolean;\n  error: string | null;\n  saveDisabled: boolean;\n  onSave: () => void;\n  onCancel: () => void;\n  dataTestId?: string;\n}\n\n/**\n * The open card: the host's form, the disclosure, the failure line, and the\n * two actions.\n *\n * Save is NOT `disabled` while it saves — it is `aria-disabled` and ignores\n * the click. A disabled button drops the focus it holds, so a keyboard user\n * who pressed Save would land on `<body>` and, if the save then failed, have\n * to find their way back to the form from the top of the page.\n */\nconst OpenBody: React.FC<OpenBodyProps> = ({\n  bodyRef, titleId, errorId, copy, learnMore, children, saving, error, saveDisabled, onSave, onCancel, dataTestId,\n}) => {\n  const onKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key !== 'Escape') return;\n    event.stopPropagation();\n    onCancel();\n  };\n\n  return (\n    <Box\n      ref={bodyRef}\n      role=\"group\"\n      aria-labelledby={titleId}\n      onKeyDown={onKeyDown}\n      sx={{ display: 'flex', flexDirection: 'column', gap: 2, flex: 1 }}\n      data-testid={partTestId(dataTestId, 'body')}\n    >\n      <Box>{children}</Box>\n      {learnMore && (\n        <LearnMore label={copy.learnMore} dataTestId={dataTestId}>\n          {learnMore}\n        </LearnMore>\n      )}\n      <SaveError id={errorId} message={error} dataTestId={dataTestId} />\n      <Box sx={(theme) => actionsStyles(theme)}>\n        <Button variant=\"ghost\" color=\"neutral\" onClick={onCancel} disabled={saving} dataTestId={partTestId(dataTestId, 'cancel')}>\n          {copy.cancel}\n        </Button>\n        <Button\n          variant=\"solid\"\n          onClick={onSave}\n          disabled={saveDisabled}\n          aria-disabled={saving || undefined}\n          aria-describedby={error ? errorId : undefined}\n          icon={saving ? <PendingSpinner dataTestId={dataTestId} /> : undefined}\n          iconPosition=\"left\"\n          dataTestId={partTestId(dataTestId, 'save')}\n        >\n          {saving ? copy.saving : copy.save}\n        </Button>\n      </Box>\n    </Box>\n  );\n};\n\n/**\n * A setting, summarised while closed and edited in place.\n *\n * Closed: title, status pill, a summary of at most two lines (an [i] beside the\n * title holds the rest) and Edit. Edit opens the card\n * where it is — no dialog, no route — around the host's form, a \"learn more\"\n * disclosure and Cancel / Save. Save may be async: the card holds its saving\n * state while the promise is pending, closes when it resolves, and stays open\n * with the error when it rejects. Focus moves into the card as it opens and\n * back to Edit as it closes.\n */\ninterface EditTriggerProps {\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n  id: string;\n  titleId: string;\n  label: string;\n  disabled: boolean;\n  onOpen: () => void;\n  dataTestId?: string;\n}\n\n/** Edit. Its accessible name is \"Edit\" AND the card's title, so a grid of them is not a list of \"Edit, Edit, Edit\". */\nconst EditTrigger: React.FC<EditTriggerProps> = ({ triggerRef, id, titleId, label, disabled, onOpen, dataTestId }) => (\n  <Button\n    ref={triggerRef}\n    id={id}\n    variant=\"outline\"\n    color=\"neutral\"\n    size=\"sm\"\n    icon={<Icon name=\"Edit\" size=\"xs\" />}\n    iconPosition=\"left\"\n    disabled={disabled}\n    aria-labelledby={`${id} ${titleId}`}\n    onClick={onOpen}\n    dataTestId={partTestId(dataTestId, 'edit')}\n  >\n    {label}\n  </Button>\n);\n\n/**\n * A setting, summarised while closed and edited in place.\n *\n * Closed: title, status pill, a one-line summary and Edit. Edit opens the card\n * where it is — no dialog, no route — around the host's form, a \"learn more\"\n * disclosure and Cancel / Save. Save may be async: the card holds its saving\n * state while the promise is pending, closes when it resolves, and stays open\n * with the error when it rejects. Focus moves into the card as it opens and\n * back to Edit as it closes.\n */\nexport const SettingCard = forwardRef<HTMLElement, SettingCardProps>(function SettingCard(props, ref) {\n  const { title, headingLevel = 'h3', icon, status, summary, children, learnMore, copy, dataTestId, className, sx } = props;\n  const baseId = useId();\n  const titleId = `${baseId}-title`;\n  const card = useSettingCard(props);\n  const { open } = card;\n  const clamp = useSummaryInfo({ summary, show: !open, label: copy.moreInfo ?? title, dataTestId });\n\n  return (\n    <Box\n      component=\"section\"\n      ref={ref}\n      aria-labelledby={titleId}\n      aria-busy={card.saving || undefined}\n      data-state={open ? 'open' : 'closed'}\n      {...{ [SETTING_CARD_OPEN_ATTR]: open ? '' : undefined }}\n      data-testid={dataTestId}\n      className={className}\n      sx={withCallerSx((theme) => surfaceStyles(theme, open), sx)}\n    >\n      <SettingHeader\n        titleId={titleId}\n        title={title}\n        headingLevel={headingLevel}\n        icon={icon}\n        status={status}\n        info={clamp.info}\n        trailing={\n          open ? null : (\n            <EditTrigger\n              triggerRef={card.editRef}\n              id={`${baseId}-edit`}\n              titleId={titleId}\n              label={copy.edit}\n              disabled={card.disabled}\n              onOpen={card.openCard}\n              dataTestId={dataTestId}\n            />\n          )\n        }\n        dataTestId={dataTestId}\n      />\n      {!open && summary != null && (\n        <Box component=\"p\" ref={clamp.ref} sx={summaryStyles} data-testid={partTestId(dataTestId, 'summary')}>\n          {summary}\n        </Box>\n      )}\n      {open && (\n        <OpenBody\n          bodyRef={card.bodyRef}\n          titleId={titleId}\n          errorId={`${baseId}-error`}\n          copy={copy}\n          learnMore={learnMore}\n          saving={card.saving}\n          error={card.error}\n          saveDisabled={card.saveDisabled}\n          onSave={card.save}\n          onCancel={card.cancel}\n          dataTestId={dataTestId}\n        >\n          {children}\n        </OpenBody>\n      )}\n    </Box>\n  );\n});\n\nSettingCard.displayName = 'SettingCard';\n"],"mappings":"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","names":["SettingCard"]}

package/dist/{chunk-4WCDMCIS.js → chunk-PI3GPLE2.js}

@@ -1,6 +1,6 @@
 import {
   ConfirmActionDialog
-} from "./chunk-BJZOBG24.js";
+} from "./chunk-UJHXEOU3.js";
 import {
   useConfirmAction
 } from "./chunk-EMYESBIT.js";
@@ -40,4 +40,4 @@ function withConfirmation(Wrapped, defaults) {
 export {
   withConfirmation
 };
-//# sourceMappingURL=chunk-4WCDMCIS.js.map
+//# sourceMappingURL=chunk-PI3GPLE2.js.map

package/dist/{chunk-XAUKQZJK.js → chunk-QX4LMVL2.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-UWCMMK2T.js";
 import {
   ListCardGroup
-} from "./chunk-XSHWEUDB.js";
+} from "./chunk-BE5Z36XZ.js";
 import {
   DENSITY_BOARD_SCALE,
   DENSITY_ROW_PADDING,
@@ -274,4 +274,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-XAUKQZJK.js.map
+//# sourceMappingURL=chunk-QX4LMVL2.js.map

package/dist/{chunk-S5UY5U73.js → chunk-QYJ25FWM.js}

@@ -55,9 +55,27 @@ var usePinnedTooltip = ({ clickable, onPin, onUnpin }) => {
   );
   return { isPinned, isControlledOpen, wrapperRef, handleClick };
 };
+var useHoverOpen = (isPinned, onOpen, onClose) => {
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
+    if (!isPinned) setOpen(false);
+  }, [isPinned]);
+  return {
+    open,
+    onOpen: (event) => {
+      setOpen(true);
+      onOpen?.(event);
+    },
+    onClose: (event) => {
+      setOpen(false);
+      onClose?.(event);
+    }
+  };
+};
 
 export {
   resolveTooltipProps,
-  usePinnedTooltip
+  usePinnedTooltip,
+  useHoverOpen
 };
-//# sourceMappingURL=chunk-S5UY5U73.js.map
+//# sourceMappingURL=chunk-QYJ25FWM.js.map

package/dist/{chunk-S5UY5U73.js.map → chunk-QYJ25FWM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/InteractiveTooltip/InteractiveTooltip.hooks.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { InteractiveTooltipProps } from './InteractiveTooltip.types';\n\n// `maxWidth` defaults where it is read (`tooltipCap`), in design px through the theme.\ntype TooltipDefaultedKeys = 'variant' | 'size' | 'glow' | 'pulse' | 'clickable';\n\ntype ResolvedTooltipProps = InteractiveTooltipProps &\n  Required<Pick<InteractiveTooltipProps, TooltipDefaultedKeys>>;\n\nconst TOOLTIP_DEFAULTS: Pick<InteractiveTooltipProps, TooltipDefaultedKeys> = {\n  variant: 'default',\n  size: 'md',\n  glow: false,\n  pulse: false,\n  clickable: true,\n};\n\n// Strips explicitly-undefined props before the merge, so `size={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: InteractiveTooltipProps): Partial<InteractiveTooltipProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<InteractiveTooltipProps>;\n\nexport const resolveTooltipProps = (\n  props: InteractiveTooltipProps,\n): ResolvedTooltipProps =>\n  ({ ...TOOLTIP_DEFAULTS, ...definedProps(props) }) as ResolvedTooltipProps;\n\ninterface PinOptions {\n  clickable: boolean;\n  onPin?: () => void;\n  onUnpin?: () => void;\n}\n\n/**\n * Clicking the trigger pins the tooltip open; clicking anywhere that is neither\n * the tooltip nor the trigger unpins it. The listener only exists while pinned,\n * so an unpinned tooltip costs nothing on every document click.\n */\nexport const usePinnedTooltip = ({ clickable, onPin, onUnpin }: PinOptions) => {\n  const [isPinned, setIsPinned] = useState(false);\n  const [isControlledOpen, setIsControlledOpen] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!isPinned || !clickable) {\n      return;\n    }\n\n    const handleClickOutside = (event: MouseEvent) => {\n      const targetElement = event.target as Element;\n\n      // Check if click was on tooltip or trigger\n      const isClickOnTooltip = targetElement.closest('[role=\"tooltip\"]');\n      const isClickOnTrigger = wrapperRef.current?.contains(targetElement);\n\n      if (isClickOnTooltip || isClickOnTrigger) {\n        return;\n      }\n\n      // Click was outside - unpin\n      setIsPinned(false);\n      setIsControlledOpen(false);\n      onUnpin?.();\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [isPinned, clickable, onUnpin]);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (!clickable) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      setIsPinned((current) => {\n        const newPinned = !current;\n        setIsControlledOpen(newPinned);\n\n        if (newPinned) {\n          onPin?.();\n        } else {\n          onUnpin?.();\n        }\n\n        return newPinned;\n      });\n    },\n    [clickable, onPin, onUnpin],\n  );\n\n  return { isPinned, isControlledOpen, wrapperRef, handleClick };\n};\n"],"mappings":";AAAA,SAAgB,aAAa,WAAW,QAAQ,gBAAgB;AAUhE,IAAM,mBAAwE;AAAA,EAC5E,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AACb;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAEK,IAAM,sBAAsB,CACjC,WAEC,EAAE,GAAG,kBAAkB,GAAG,aAAa,KAAK,EAAE;AAa1C,IAAM,mBAAmB,CAAC,EAAE,WAAW,OAAO,QAAQ,MAAkB;AAC7E,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,aAAa,OAAuB,IAAI;AAE9C,YAAU,MAAM;AACd,QAAI,CAAC,YAAY,CAAC,WAAW;AAC3B;AAAA,IACF;AAEA,UAAM,qBAAqB,CAAC,UAAsB;AAChD,YAAM,gBAAgB,MAAM;AAG5B,YAAM,mBAAmB,cAAc,QAAQ,kBAAkB;AACjE,YAAM,mBAAmB,WAAW,SAAS,SAAS,aAAa;AAEnE,UAAI,oBAAoB,kBAAkB;AACxC;AAAA,MACF;AAGA,kBAAY,KAAK;AACjB,0BAAoB,KAAK;AACzB,gBAAU;AAAA,IACZ;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC,UAAU,WAAW,OAAO,CAAC;AAEjC,QAAM,cAAc;AAAA,IAClB,CAAC,MAAwB;AACvB,UAAI,CAAC,UAAW;AAEhB,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAElB,kBAAY,CAAC,YAAY;AACvB,cAAM,YAAY,CAAC;AACnB,4BAAoB,SAAS;AAE7B,YAAI,WAAW;AACb,kBAAQ;AAAA,QACV,OAAO;AACL,oBAAU;AAAA,QACZ;AAEA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,WAAW,OAAO,OAAO;AAAA,EAC5B;AAEA,SAAO,EAAE,UAAU,kBAAkB,YAAY,YAAY;AAC/D;","names":[]}
+{"version":3,"sources":["../src/components/data-display/InteractiveTooltip/InteractiveTooltip.hooks.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { InteractiveTooltipProps } from './InteractiveTooltip.types';\n\n// `maxWidth` defaults where it is read (`tooltipCap`), in design px through the theme.\ntype TooltipDefaultedKeys = 'variant' | 'size' | 'glow' | 'pulse' | 'clickable';\n\ntype ResolvedTooltipProps = InteractiveTooltipProps &\n  Required<Pick<InteractiveTooltipProps, TooltipDefaultedKeys>>;\n\nconst TOOLTIP_DEFAULTS: Pick<InteractiveTooltipProps, TooltipDefaultedKeys> = {\n  variant: 'default',\n  size: 'md',\n  glow: false,\n  pulse: false,\n  clickable: true,\n};\n\n// Strips explicitly-undefined props before the merge, so `size={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: InteractiveTooltipProps): Partial<InteractiveTooltipProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<InteractiveTooltipProps>;\n\nexport const resolveTooltipProps = (\n  props: InteractiveTooltipProps,\n): ResolvedTooltipProps =>\n  ({ ...TOOLTIP_DEFAULTS, ...definedProps(props) }) as ResolvedTooltipProps;\n\ninterface PinOptions {\n  clickable: boolean;\n  onPin?: () => void;\n  onUnpin?: () => void;\n}\n\n/**\n * Clicking the trigger pins the tooltip open; clicking anywhere that is neither\n * the tooltip nor the trigger unpins it. The listener only exists while pinned,\n * so an unpinned tooltip costs nothing on every document click.\n */\nexport const usePinnedTooltip = ({ clickable, onPin, onUnpin }: PinOptions) => {\n  const [isPinned, setIsPinned] = useState(false);\n  const [isControlledOpen, setIsControlledOpen] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!isPinned || !clickable) {\n      return;\n    }\n\n    const handleClickOutside = (event: MouseEvent) => {\n      const targetElement = event.target as Element;\n\n      // Check if click was on tooltip or trigger\n      const isClickOnTooltip = targetElement.closest('[role=\"tooltip\"]');\n      const isClickOnTrigger = wrapperRef.current?.contains(targetElement);\n\n      if (isClickOnTooltip || isClickOnTrigger) {\n        return;\n      }\n\n      // Click was outside - unpin\n      setIsPinned(false);\n      setIsControlledOpen(false);\n      onUnpin?.();\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [isPinned, clickable, onUnpin]);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (!clickable) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      setIsPinned((current) => {\n        const newPinned = !current;\n        setIsControlledOpen(newPinned);\n\n        if (newPinned) {\n          onPin?.();\n        } else {\n          onUnpin?.();\n        }\n\n        return newPinned;\n      });\n    },\n    [clickable, onPin, onUnpin],\n  );\n\n  return { isPinned, isControlledOpen, wrapperRef, handleClick };\n};\n\ntype OnOpen = NonNullable<InteractiveTooltipProps['onOpen']>;\ntype OnClose = NonNullable<InteractiveTooltipProps['onClose']>;\n\n/**\n * The hover half of the tooltip's open state, so the MUI Tooltip is controlled\n * from its first render (FUT-3013). It used to receive `open={undefined}` while\n * hovering and a boolean once pinned, which MUI reports as a component switching\n * from uncontrolled to controlled on the first click. The caller's own\n * onOpen/onClose still run.\n *\n * Unpinning also closes it: the hover listeners are off while pinned, so a\n * hover state left `true` from before the pin would otherwise keep the tooltip\n * open after the click outside that unpinned it.\n */\nexport const useHoverOpen = (\n  isPinned: boolean,\n  onOpen?: OnOpen,\n  onClose?: OnClose,\n): { open: boolean; onOpen: OnOpen; onClose: OnClose } => {\n  const [open, setOpen] = useState(false);\n  useEffect(() => {\n    if (!isPinned) setOpen(false);\n  }, [isPinned]);\n  return {\n    open,\n    onOpen: (event) => {\n      setOpen(true);\n      onOpen?.(event);\n    },\n    onClose: (event) => {\n      setOpen(false);\n      onClose?.(event);\n    },\n  };\n};\n"],"mappings":";AAAA,SAAgB,aAAa,WAAW,QAAQ,gBAAgB;AAUhE,IAAM,mBAAwE;AAAA,EAC5E,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AACb;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAEK,IAAM,sBAAsB,CACjC,WAEC,EAAE,GAAG,kBAAkB,GAAG,aAAa,KAAK,EAAE;AAa1C,IAAM,mBAAmB,CAAC,EAAE,WAAW,OAAO,QAAQ,MAAkB;AAC7E,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,aAAa,OAAuB,IAAI;AAE9C,YAAU,MAAM;AACd,QAAI,CAAC,YAAY,CAAC,WAAW;AAC3B;AAAA,IACF;AAEA,UAAM,qBAAqB,CAAC,UAAsB;AAChD,YAAM,gBAAgB,MAAM;AAG5B,YAAM,mBAAmB,cAAc,QAAQ,kBAAkB;AACjE,YAAM,mBAAmB,WAAW,SAAS,SAAS,aAAa;AAEnE,UAAI,oBAAoB,kBAAkB;AACxC;AAAA,MACF;AAGA,kBAAY,KAAK;AACjB,0BAAoB,KAAK;AACzB,gBAAU;AAAA,IACZ;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC,UAAU,WAAW,OAAO,CAAC;AAEjC,QAAM,cAAc;AAAA,IAClB,CAAC,MAAwB;AACvB,UAAI,CAAC,UAAW;AAEhB,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAElB,kBAAY,CAAC,YAAY;AACvB,cAAM,YAAY,CAAC;AACnB,4BAAoB,SAAS;AAE7B,YAAI,WAAW;AACb,kBAAQ;AAAA,QACV,OAAO;AACL,oBAAU;AAAA,QACZ;AAEA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,WAAW,OAAO,OAAO;AAAA,EAC5B;AAEA,SAAO,EAAE,UAAU,kBAAkB,YAAY,YAAY;AAC/D;AAgBO,IAAM,eAAe,CAC1B,UACA,QACA,YACwD;AACxD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,YAAU,MAAM;AACd,QAAI,CAAC,SAAU,SAAQ,KAAK;AAAA,EAC9B,GAAG,CAAC,QAAQ,CAAC;AACb,SAAO;AAAA,IACL;AAAA,IACA,QAAQ,CAAC,UAAU;AACjB,cAAQ,IAAI;AACZ,eAAS,KAAK;AAAA,IAChB;AAAA,IACA,SAAS,CAAC,UAAU;AAClB,cAAQ,KAAK;AACb,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-6PYX6V3R.js → chunk-RJXVVLBO.js}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-IC2M7O6A.js";
 import {
   MoreFilters
-} from "./chunk-ZTTFLIPH.js";
+} from "./chunk-L624DFJV.js";
 import {
   PillControl
-} from "./chunk-4XET5MWR.js";
+} from "./chunk-KKE4SHRS.js";
 import {
   RangePill
-} from "./chunk-2OTBMU5Z.js";
+} from "./chunk-44LYXLW7.js";
 import {
   CollapsedSearch,
   InlineKeyword
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-6PYX6V3R.js.map
+//# sourceMappingURL=chunk-RJXVVLBO.js.map

package/dist/{chunk-FRCBJLV5.js → chunk-RKKYSSAV.js}

@@ -5,6 +5,10 @@ import {
 import {
   filterRows
 } from "./chunk-YGQX7BNI.js";
+import {
+  serverDerived,
+  useServerQuery
+} from "./chunk-IMLIIW77.js";
 import {
   useSelection
 } from "./chunk-LLZWB32X.js";
@@ -19,10 +23,6 @@ import {
   computeActiveFilterCount,
   defaultSortFields
 } from "./chunk-UWCMMK2T.js";
-import {
-  serverDerived,
-  useServerQuery
-} from "./chunk-IMLIIW77.js";
 import {
   emptyViewState
 } from "./chunk-LHHAYZ55.js";
@@ -172,4 +172,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-FRCBJLV5.js.map
+//# sourceMappingURL=chunk-RKKYSSAV.js.map

package/dist/{chunk-WF7BZT6V.js → chunk-RR6BIHFX.js}

@@ -1,6 +1,6 @@
 import {
   MapPreview
-} from "./chunk-CTXF22BU.js";
+} from "./chunk-VODKYDC4.js";
 
 // src/components/data-display/FleetMap/FleetCanvas.tsx
 import Box from "@mui/material/Box/index.js";
@@ -38,4 +38,4 @@ function FleetCanvas({
 export {
   FleetCanvas
 };
-//# sourceMappingURL=chunk-WF7BZT6V.js.map
+//# sourceMappingURL=chunk-RR6BIHFX.js.map

package/dist/{chunk-NGAU6PNB.js → chunk-RRVQVQF7.js}

@@ -1,3 +1,7 @@
+import {
+  CommandEmpty,
+  CommandLoading
+} from "./chunk-XLTHZI5W.js";
 import {
   resolveCommandProps,
   useCommandPalette
@@ -6,10 +10,6 @@ import {
   commandPaperStyles,
   commandSizeStyles
 } from "./chunk-NND4UTWS.js";
-import {
-  CommandEmpty,
-  CommandLoading
-} from "./chunk-XLTHZI5W.js";
 import {
   rem,
   sxRem
@@ -307,4 +307,4 @@ export {
   CommandList,
   CommandGroup
 };
-//# sourceMappingURL=chunk-NGAU6PNB.js.map
+//# sourceMappingURL=chunk-RRVQVQF7.js.map

package/dist/{chunk-FWPFCK4D.js → chunk-S6G3CJFP.js}

@@ -1,6 +1,6 @@
 import {
   ConfirmActionDialog
-} from "./chunk-BJZOBG24.js";
+} from "./chunk-UJHXEOU3.js";
 import {
   useConfirmAction
 } from "./chunk-EMYESBIT.js";
@@ -23,4 +23,4 @@ ConfirmAction.displayName = "ConfirmAction";
 export {
   ConfirmAction
 };
-//# sourceMappingURL=chunk-FWPFCK4D.js.map
+//# sourceMappingURL=chunk-S6G3CJFP.js.map

package/dist/{chunk-F33YKDO2.js → chunk-TEST2NBS.js}

@@ -1,16 +1,16 @@
 import {
   GridMain
-} from "./chunk-XAUKQZJK.js";
+} from "./chunk-QX4LMVL2.js";
 import {
   FilterDialog,
   GridFilterPanel
-} from "./chunk-TBZKUZNW.js";
+} from "./chunk-ZPWU7Z6O.js";
 import {
   DataViewsEmpty
 } from "./chunk-E3GOREEB.js";
 import {
   InlineFilterControls
-} from "./chunk-6PYX6V3R.js";
+} from "./chunk-RJXVVLBO.js";
 import {
   GridHeaderRow
 } from "./chunk-KW3H5FUS.js";
@@ -29,7 +29,7 @@ import {
 } from "./chunk-QZY5NG5N.js";
 import {
   ShellToolbar
-} from "./chunk-BE5FGUJS.js";
+} from "./chunk-IM5SR7G2.js";
 import {
   togglePillValues
 } from "./chunk-UWCMMK2T.js";
@@ -238,4 +238,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-F33YKDO2.js.map
+//# sourceMappingURL=chunk-TEST2NBS.js.map

package/dist/{chunk-BJZOBG24.js → chunk-UJHXEOU3.js}

@@ -1,6 +1,6 @@
 import {
   AlertDialog
-} from "./chunk-OG6LYQ7C.js";
+} from "./chunk-4PFKMNLP.js";
 
 // src/components/feedback/ConfirmAction/ConfirmAction.parts.tsx
 import Alert from "@mui/material/Alert/index.js";
@@ -104,4 +104,4 @@ function ConfirmActionDialog({
 export {
   ConfirmActionDialog
 };
-//# sourceMappingURL=chunk-BJZOBG24.js.map
+//# sourceMappingURL=chunk-UJHXEOU3.js.map

package/dist/{chunk-NKJSYZEU.js → chunk-V32626FV.js}

@@ -4,6 +4,9 @@ import {
 import {
   CategoryPanel
 } from "./chunk-YVRLYDYN.js";
+import {
+  useCategoryKeyHandler
+} from "./chunk-USJPZ5Q7.js";
 import {
   useCategoryCommit
 } from "./chunk-XHHR6G35.js";
@@ -16,9 +19,6 @@ import {
 import {
   useCategorySelect
 } from "./chunk-RZVUY2MO.js";
-import {
-  useCategoryKeyHandler
-} from "./chunk-USJPZ5Q7.js";
 import {
   categoryPath,
   summarizeSelection
@@ -155,4 +155,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-NKJSYZEU.js.map
+//# sourceMappingURL=chunk-V32626FV.js.map

package/dist/{chunk-MLDA44NW.js → chunk-VGXSPUTD.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-F33YKDO2.js";
+} from "./chunk-TEST2NBS.js";
 import {
   useDataViewsState
-} from "./chunk-FRCBJLV5.js";
+} from "./chunk-RKKYSSAV.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-MLDA44NW.js.map
+//# sourceMappingURL=chunk-VGXSPUTD.js.map

package/dist/{chunk-U4QUDFPJ.js → chunk-VKVOP4OK.js}

@@ -1,6 +1,6 @@
 import {
   ConfirmActionDialog
-} from "./chunk-BJZOBG24.js";
+} from "./chunk-UJHXEOU3.js";
 import {
   useConfirmAction
 } from "./chunk-EMYESBIT.js";
@@ -43,4 +43,4 @@ function useRowConfirm({
 export {
   useRowConfirm
 };
-//# sourceMappingURL=chunk-U4QUDFPJ.js.map
+//# sourceMappingURL=chunk-VKVOP4OK.js.map

package/dist/{chunk-CTXF22BU.js → chunk-VODKYDC4.js}

@@ -1,3 +1,7 @@
+import {
+  MapCoordinates,
+  MapMarkers
+} from "./chunk-ODFJTEIL.js";
 import {
   MapLayers
 } from "./chunk-XW633XLR.js";
@@ -5,10 +9,6 @@ import {
   glassStyles,
   resolveMapPreviewProps
 } from "./chunk-4NQXHPQR.js";
-import {
-  MapCoordinates,
-  MapMarkers
-} from "./chunk-ODFJTEIL.js";
 import {
   useMapPreview
 } from "./chunk-QSRZOXQI.js";
@@ -108,4 +108,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-CTXF22BU.js.map
+//# sourceMappingURL=chunk-VODKYDC4.js.map

package/dist/{chunk-DWJH3KXN.js → chunk-WAKGVAOB.js}

@@ -1,14 +1,14 @@
 import {
   partTestId
-} from "./chunk-57VL5UX7.js";
+} from "./chunk-2JTZWQ25.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   withCallerSx
-} from "./chunk-3DO5AJCG.js";
+} from "./chunk-WE2LNTR6.js";
 import {
   SETTING_CARD,
   SETTING_GRID_GAP_UNITS
-} from "./chunk-IC7GHPMK.js";
+} from "./chunk-BFRVMCQM.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -79,4 +79,4 @@ export {
   settingGridStyles,
   SettingGrid
 };
-//# sourceMappingURL=chunk-DWJH3KXN.js.map
+//# sourceMappingURL=chunk-WAKGVAOB.js.map

package/dist/{chunk-3DO5AJCG.js → chunk-WE2LNTR6.js}

@@ -1,7 +1,7 @@
 import {
   SETTING_CARD,
   SETTING_GROUP_INACTIVE_OPACITY
-} from "./chunk-IC7GHPMK.js";
+} from "./chunk-BFRVMCQM.js";
 import {
   CARD_BORDER_WIDTH,
   CARD_RADIUS_UNITS
@@ -51,13 +51,18 @@ var titleStyles = (theme) => ({
   minWidth: 0,
   overflowWrap: "anywhere"
 });
+var SUMMARY_MAX_LINES = 2;
+var clampStyles = {
+  display: "-webkit-box",
+  WebkitLineClamp: SUMMARY_MAX_LINES,
+  WebkitBoxOrient: "vertical",
+  overflow: "hidden"
+};
 var summaryStyles = (theme) => ({
   ...theme.typography.body2,
   color: theme.palette.text.secondary,
   margin: 0,
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
+  ...clampStyles
 });
 var descriptionStyles = (theme) => ({
   ...theme.typography.body2,
@@ -106,6 +111,8 @@ export {
   flatStyles,
   headerStyles,
   titleStyles,
+  SUMMARY_MAX_LINES,
+  clampStyles,
   summaryStyles,
   descriptionStyles,
   hintStyles,
@@ -114,4 +121,4 @@ export {
   iconStyles,
   dependentsStyles
 };
-//# sourceMappingURL=chunk-3DO5AJCG.js.map
+//# sourceMappingURL=chunk-WE2LNTR6.js.map