@12-apps/ui 6.11.1 → 6.12.0

package/dist/chunk-DF4K5XVW.js

@@ -0,0 +1,112 @@
+// src/components/data-display/Table/Table.hooks.ts
+import { useTheme } from "@mui/material/styles/index.js";
+import useMediaQuery from "@mui/material/useMediaQuery/index.js";
+import { useCallback, useEffect, useMemo, useState } from "react";
+var useVirtualScrolling = (data, rowHeight, containerHeight, overscan = 5) => {
+  const [scrollTop, setScrollTop] = useState(0);
+  const visibleItems = useMemo(() => {
+    const visibleHeight = containerHeight;
+    const startIndex = Math.floor(scrollTop / rowHeight);
+    const endIndex = Math.min(
+      data.length,
+      Math.ceil((scrollTop + visibleHeight) / rowHeight)
+    );
+    const start = Math.max(0, startIndex - overscan);
+    const end = Math.min(data.length, endIndex + overscan);
+    return {
+      startIndex: start,
+      endIndex: end,
+      items: data.slice(start, end),
+      totalHeight: data.length * rowHeight,
+      offsetY: start * rowHeight
+    };
+  }, [data, rowHeight, containerHeight, scrollTop, overscan]);
+  const handleScroll = useCallback((e) => {
+    setScrollTop(e.currentTarget.scrollTop);
+  }, []);
+  return { visibleItems, handleScroll };
+};
+var useResponsive = (columns, columnPriorities) => {
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down("md"));
+  const isTablet = useMediaQuery(theme.breakpoints.down("lg"));
+  const [hiddenColumns, setHiddenColumns] = useState([]);
+  const [columnMenuAnchor, setColumnMenuAnchor] = useState(null);
+  useEffect(() => {
+    if (!columnPriorities) return;
+    let columnsToHide = [];
+    if (isMobile) {
+      columnsToHide = columnPriorities.map((priority, index) => ({ priority, index })).sort((a, b) => b.priority - a.priority).slice(0, Math.floor(columns.length / 2)).map((item) => item.index);
+    } else if (isTablet) {
+      columnsToHide = columnPriorities.map((priority, index) => ({ priority, index })).sort((a, b) => b.priority - a.priority).slice(0, Math.floor(columns.length / 3)).map((item) => item.index);
+    }
+    setHiddenColumns(columnsToHide);
+  }, [isMobile, isTablet, columnPriorities, columns.length]);
+  const visibleColumns = columns.filter((_, index) => !hiddenColumns.includes(index));
+  return {
+    visibleColumns,
+    hiddenColumns,
+    isMobile,
+    columnMenuAnchor,
+    setColumnMenuAnchor,
+    setHiddenColumns
+  };
+};
+var useTableSelection = ({
+  columns,
+  data,
+  responsive,
+  columnPriorities,
+  selectedRows,
+  rowKeyExtractor,
+  onSelectionChange
+}) => {
+  const {
+    visibleColumns,
+    hiddenColumns,
+    isMobile,
+    columnMenuAnchor,
+    setColumnMenuAnchor,
+    setHiddenColumns
+  } = useResponsive(
+    columns || [],
+    responsive ? columnPriorities : void 0
+  );
+  const handleSelectionChange = useCallback((rowKey, selected) => {
+    if (!onSelectionChange) return;
+    let newSelection;
+    if (selected) {
+      newSelection = [...selectedRows, rowKey];
+    } else {
+      newSelection = selectedRows.filter((key) => key !== rowKey);
+    }
+    onSelectionChange(newSelection);
+  }, [selectedRows, onSelectionChange]);
+  const handleSelectAll = useCallback((selected) => {
+    if (!onSelectionChange || !data) return;
+    if (selected) {
+      const allKeys = data.map(
+        (rowData, index) => rowKeyExtractor ? rowKeyExtractor(rowData, index) : rowData.id || index
+      );
+      onSelectionChange(allKeys);
+    } else {
+      onSelectionChange([]);
+    }
+  }, [data, onSelectionChange, rowKeyExtractor]);
+  return {
+    visibleColumns,
+    hiddenColumns,
+    isMobile,
+    columnMenuAnchor,
+    setColumnMenuAnchor,
+    setHiddenColumns,
+    handleSelectionChange,
+    handleSelectAll
+  };
+};
+
+export {
+  useVirtualScrolling,
+  useTableSelection
+};
+//# sourceMappingURL=chunk-DF4K5XVW.js.map

package/dist/chunk-DF4K5XVW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Table/Table.hooks.ts"],"sourcesContent":["import { useTheme } from '@mui/material/styles/index.js';\nimport useMediaQuery from '@mui/material/useMediaQuery/index.js';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport type { ColumnConfig, TableProps } from './Table.types';\n\nexport const useVirtualScrolling = (\n  data: Record<string, unknown>[],\n  rowHeight: number,\n  containerHeight: number,\n  overscan: number = 5\n) => {\n  const [scrollTop, setScrollTop] = useState(0);\n  \n  const visibleItems = useMemo(() => {\n    const visibleHeight = containerHeight;\n    const startIndex = Math.floor(scrollTop / rowHeight);\n    const endIndex = Math.min(\n      data.length,\n      Math.ceil((scrollTop + visibleHeight) / rowHeight)\n    );\n    \n    const start = Math.max(0, startIndex - overscan);\n    const end = Math.min(data.length, endIndex + overscan);\n    \n    return {\n      startIndex: start,\n      endIndex: end,\n      items: data.slice(start, end),\n      totalHeight: data.length * rowHeight,\n      offsetY: start * rowHeight,\n    };\n  }, [data, rowHeight, containerHeight, scrollTop, overscan]);\n\n  const handleScroll = useCallback((e: React.UIEvent<HTMLDivElement>) => {\n    setScrollTop(e.currentTarget.scrollTop);\n  }, []);\n\n  return { visibleItems, handleScroll };\n};\n\n// Responsive Hook\n\nconst useResponsive = (\n  columns: ColumnConfig[],\n  columnPriorities?: number[]\n) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n  const isTablet = useMediaQuery(theme.breakpoints.down('lg'));\n  \n  const [hiddenColumns, setHiddenColumns] = useState<number[]>([]);\n  const [columnMenuAnchor, setColumnMenuAnchor] = useState<null | HTMLElement>(null);\n\n  useEffect(() => {\n    if (!columnPriorities) return;\n    \n    let columnsToHide: number[] = [];\n    \n    if (isMobile) {\n      // Hide lowest priority columns on mobile\n      columnsToHide = columnPriorities\n        .map((priority, index) => ({ priority, index }))\n        .sort((a, b) => b.priority - a.priority)\n        .slice(0, Math.floor(columns.length / 2))\n        .map(item => item.index);\n    } else if (isTablet) {\n      // Hide some columns on tablet\n      columnsToHide = columnPriorities\n        .map((priority, index) => ({ priority, index }))\n        .sort((a, b) => b.priority - a.priority)\n        .slice(0, Math.floor(columns.length / 3))\n        .map(item => item.index);\n    }\n    \n    setHiddenColumns(columnsToHide);\n  }, [isMobile, isTablet, columnPriorities, columns.length]);\n\n  const visibleColumns = columns.filter((_, index) => !hiddenColumns.includes(index));\n\n  return {\n    visibleColumns,\n    hiddenColumns,\n    isMobile,\n    columnMenuAnchor,\n    setColumnMenuAnchor,\n    setHiddenColumns,\n  };\n};\n\n// Enhanced Table Header Component\n// Visible/hidden column split for responsive mode, plus row selection.\nexport const useTableSelection = ({\n  columns,\n  data,\n  responsive,\n  columnPriorities,\n  selectedRows,\n  rowKeyExtractor,\n  onSelectionChange,\n}: {\n  columns?: ColumnConfig[];\n  data: TableProps['data'];\n  responsive?: boolean;\n  columnPriorities?: number[];\n  selectedRows: (string | number)[];\n  rowKeyExtractor?: (row: Record<string, unknown>, index: number) => string | number;\n  onSelectionChange?: TableProps['onSelectionChange'];\n}) => {\n    \n  // Use responsive hook if responsive mode is enabled\n  const {\n    visibleColumns,\n    hiddenColumns,\n    isMobile,\n    columnMenuAnchor,\n    setColumnMenuAnchor,\n    setHiddenColumns,\n  } = useResponsive(\n    columns || [],\n    responsive ? columnPriorities : undefined\n  );\n\n  // Handle selection changes\n  const handleSelectionChange = useCallback((rowKey: string | number, selected: boolean) => {\n    if (!onSelectionChange) return;\n    \n    let newSelection: (string | number)[];\n    if (selected) {\n      newSelection = [...selectedRows, rowKey];\n    } else {\n      newSelection = selectedRows.filter(key => key !== rowKey);\n    }\n    onSelectionChange(newSelection);\n  }, [selectedRows, onSelectionChange]);\n\n  const handleSelectAll = useCallback((selected: boolean) => {\n    if (!onSelectionChange || !data) return;\n    \n    if (selected) {\n      const allKeys = data.map((rowData, index) => \n        rowKeyExtractor ? rowKeyExtractor(rowData, index) : (rowData.id as string | number) || index\n      );\n      onSelectionChange(allKeys);\n    } else {\n      onSelectionChange([]);\n    }\n  }, [data, onSelectionChange, rowKeyExtractor]);\n\n  // Loading state\n\n  return {\n    visibleColumns,\n    hiddenColumns,\n    isMobile,\n    columnMenuAnchor,\n    setColumnMenuAnchor,\n    setHiddenColumns,\n    handleSelectionChange,\n    handleSelectAll,\n  };\n};\n"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,OAAO,mBAAmB;AAC1B,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAInD,IAAM,sBAAsB,CACjC,MACA,WACA,iBACA,WAAmB,MAChB;AACH,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAE5C,QAAM,eAAe,QAAQ,MAAM;AACjC,UAAM,gBAAgB;AACtB,UAAM,aAAa,KAAK,MAAM,YAAY,SAAS;AACnD,UAAM,WAAW,KAAK;AAAA,MACpB,KAAK;AAAA,MACL,KAAK,MAAM,YAAY,iBAAiB,SAAS;AAAA,IACnD;AAEA,UAAM,QAAQ,KAAK,IAAI,GAAG,aAAa,QAAQ;AAC/C,UAAM,MAAM,KAAK,IAAI,KAAK,QAAQ,WAAW,QAAQ;AAErD,WAAO;AAAA,MACL,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,OAAO,KAAK,MAAM,OAAO,GAAG;AAAA,MAC5B,aAAa,KAAK,SAAS;AAAA,MAC3B,SAAS,QAAQ;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,MAAM,WAAW,iBAAiB,WAAW,QAAQ,CAAC;AAE1D,QAAM,eAAe,YAAY,CAAC,MAAqC;AACrE,iBAAa,EAAE,cAAc,SAAS;AAAA,EACxC,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,cAAc,aAAa;AACtC;AAIA,IAAM,gBAAgB,CACpB,SACA,qBACG;AACH,QAAM,QAAQ,SAAS;AACvB,QAAM,WAAW,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAC3D,QAAM,WAAW,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAE3D,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAmB,CAAC,CAAC;AAC/D,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAA6B,IAAI;AAEjF,YAAU,MAAM;AACd,QAAI,CAAC,iBAAkB;AAEvB,QAAI,gBAA0B,CAAC;AAE/B,QAAI,UAAU;AAEZ,sBAAgB,iBACb,IAAI,CAAC,UAAU,WAAW,EAAE,UAAU,MAAM,EAAE,EAC9C,KAAK,CAAC,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ,EACtC,MAAM,GAAG,KAAK,MAAM,QAAQ,SAAS,CAAC,CAAC,EACvC,IAAI,UAAQ,KAAK,KAAK;AAAA,IAC3B,WAAW,UAAU;AAEnB,sBAAgB,iBACb,IAAI,CAAC,UAAU,WAAW,EAAE,UAAU,MAAM,EAAE,EAC9C,KAAK,CAAC,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ,EACtC,MAAM,GAAG,KAAK,MAAM,QAAQ,SAAS,CAAC,CAAC,EACvC,IAAI,UAAQ,KAAK,KAAK;AAAA,IAC3B;AAEA,qBAAiB,aAAa;AAAA,EAChC,GAAG,CAAC,UAAU,UAAU,kBAAkB,QAAQ,MAAM,CAAC;AAEzD,QAAM,iBAAiB,QAAQ,OAAO,CAAC,GAAG,UAAU,CAAC,cAAc,SAAS,KAAK,CAAC;AAElF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAIO,IAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAQM;AAGJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAAA,IACF,WAAW,CAAC;AAAA,IACZ,aAAa,mBAAmB;AAAA,EAClC;AAGA,QAAM,wBAAwB,YAAY,CAAC,QAAyB,aAAsB;AACxF,QAAI,CAAC,kBAAmB;AAExB,QAAI;AACJ,QAAI,UAAU;AACZ,qBAAe,CAAC,GAAG,cAAc,MAAM;AAAA,IACzC,OAAO;AACL,qBAAe,aAAa,OAAO,SAAO,QAAQ,MAAM;AAAA,IAC1D;AACA,sBAAkB,YAAY;AAAA,EAChC,GAAG,CAAC,cAAc,iBAAiB,CAAC;AAEpC,QAAM,kBAAkB,YAAY,CAAC,aAAsB;AACzD,QAAI,CAAC,qBAAqB,CAAC,KAAM;AAEjC,QAAI,UAAU;AACZ,YAAM,UAAU,KAAK;AAAA,QAAI,CAAC,SAAS,UACjC,kBAAkB,gBAAgB,SAAS,KAAK,IAAK,QAAQ,MAA0B;AAAA,MACzF;AACA,wBAAkB,OAAO;AAAA,IAC3B,OAAO;AACL,wBAAkB,CAAC,CAAC;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,MAAM,mBAAmB,eAAe,CAAC;AAI7C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-DJEGLKW3.js

@@ -0,0 +1,109 @@
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+
+// src/components/data-display/CardKit/list-card-parts.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DetailColumns({ left, right }) {
+  return /* @__PURE__ */ jsxs(default2, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", md: "1fr 1fr" }, gap: 3 }, children: [
+    /* @__PURE__ */ jsx(default2, { sx: { minWidth: 0 }, children: left }),
+    /* @__PURE__ */ jsx(default2, { sx: { minWidth: 0 }, children: right })
+  ] });
+}
+function Fact({ label, value }) {
+  return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", justifyContent: "space-between", gap: 2, fontSize: 13, py: 0.25 }, children: [
+    /* @__PURE__ */ jsx(default2, { component: "span", sx: { color: "text.secondary", flexShrink: 0 }, children: label }),
+    /* @__PURE__ */ jsx(default2, { component: "span", sx: { minWidth: 0, textAlign: "right", overflowWrap: "anywhere" }, children: value })
+  ] });
+}
+function Ledger({
+  lines,
+  total
+}) {
+  return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", flexDirection: "column", gap: 0.25 }, children: [
+    lines.map((line) => /* @__PURE__ */ jsxs(
+      default2,
+      {
+        sx: {
+          display: "flex",
+          justifyContent: "space-between",
+          fontSize: 13,
+          color: line.tone === "info" ? "info.main" : "text.secondary"
+        },
+        children: [
+          /* @__PURE__ */ jsx(default2, { component: "span", children: line.label }),
+          /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontVariantNumeric: "tabular-nums" }, children: line.value })
+        ]
+      },
+      line.label
+    )),
+    /* @__PURE__ */ jsxs(
+      default2,
+      {
+        sx: {
+          display: "flex",
+          justifyContent: "space-between",
+          fontWeight: 700,
+          borderTop: 1,
+          borderColor: "divider",
+          pt: 0.5,
+          mt: 0.5
+        },
+        children: [
+          /* @__PURE__ */ jsx(default2, { component: "span", children: total.label }),
+          /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontVariantNumeric: "tabular-nums" }, children: total.value })
+        ]
+      }
+    )
+  ] });
+}
+function BodyHeading({ children }) {
+  return /* @__PURE__ */ jsx(
+    default2,
+    {
+      sx: {
+        fontSize: 11,
+        fontWeight: 700,
+        letterSpacing: 0.4,
+        textTransform: "uppercase",
+        color: "text.disabled",
+        mb: 0.5
+      },
+      children
+    }
+  );
+}
+function TagList({
+  items,
+  empty
+}) {
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsx(default2, { sx: { fontSize: 13, color: "text.disabled" }, children: empty });
+  }
+  return /* @__PURE__ */ jsx(default2, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5 }, children: items.map((item) => /* @__PURE__ */ jsx(
+    default2,
+    {
+      component: "span",
+      sx: {
+        fontSize: 12,
+        px: 0.75,
+        py: 0.25,
+        borderRadius: 1,
+        bgcolor: "action.hover",
+        color: "text.secondary",
+        fontFamily: "monospace"
+      },
+      children: item
+    },
+    item
+  )) });
+}
+
+export {
+  DetailColumns,
+  Fact,
+  Ledger,
+  BodyHeading,
+  TagList
+};
+//# sourceMappingURL=chunk-DJEGLKW3.js.map

package/dist/chunk-DJEGLKW3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/CardKit/list-card-parts.tsx"],"sourcesContent":["'use client';\n\nimport type { JSX, ReactNode } from 'react';\n\nimport { Box } from '../../../mui/Box';\n\nimport type { CardFactProps, CardLedgerLine } from './CardKit.types';\n\n/**\n * THE SHARED FURNITURE OF AN EXPANDED LIST-CARD BODY.\n *\n * `BaseListCard` says nothing about what goes inside a row's expanded area — it\n * spans the rails and stops, because the design belongs to the consumer. Right\n * for the card; wrong as the place where every entity in an admin app invents\n * its own two-column layout, its own label/value pair and its own ledger.\n *\n * So the four shapes that actually repeat live here, once. Nothing here knows a\n * domain: they take `ReactNode` and lay it out.\n */\n\n/** The expanded body's two-column split: detail on the left, a ledger right. */\nexport function DetailColumns({ left, right }: { left: ReactNode; right: ReactNode }): JSX.Element {\n  return (\n    <Box sx={{ display: 'grid', gridTemplateColumns: { xs: '1fr', md: '1fr 1fr' }, gap: 3 }}>\n      <Box sx={{ minWidth: 0 }}>{left}</Box>\n      <Box sx={{ minWidth: 0 }}>{right}</Box>\n    </Box>\n  );\n}\n\n/**\n * One labelled fact inside an expanded body.\n *\n * Horizontal, not stacked: the body is already a wide area with room for a\n * label beside its value, and stacking them there would ape the summary rails\n * above without their alignment.\n */\nexport function Fact({ label, value }: CardFactProps): JSX.Element {\n  return (\n    <Box sx={{ display: 'flex', justifyContent: 'space-between', gap: 2, fontSize: 13, py: 0.25 }}>\n      <Box component=\"span\" sx={{ color: 'text.secondary', flexShrink: 0 }}>\n        {label}\n      </Box>\n      <Box component=\"span\" sx={{ minWidth: 0, textAlign: 'right', overflowWrap: 'anywhere' }}>\n        {value}\n      </Box>\n    </Box>\n  );\n}\n\n/**\n * A money ledger: rows of label/amount, then a ruled total.\n *\n * The total is separated by a RULE rather than by weight alone, because a\n * subtotal and a total in one column with only bold between them is the classic\n * misread — the eye lands on whichever number is larger.\n *\n * The figures arrive pre-formatted. This is a layout, and a component that\n * formatted money would be choosing a locale on the consumer's behalf.\n */\nexport function Ledger({\n  lines,\n  total,\n}: {\n  lines: CardLedgerLine[];\n  total: { label: string; value: ReactNode };\n}): JSX.Element {\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.25 }}>\n      {lines.map((line) => (\n        <Box\n          key={line.label}\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            fontSize: 13,\n            color: line.tone === 'info' ? 'info.main' : 'text.secondary',\n          }}\n        >\n          <Box component=\"span\">{line.label}</Box>\n          <Box component=\"span\" sx={{ fontVariantNumeric: 'tabular-nums' }}>\n            {line.value}\n          </Box>\n        </Box>\n      ))}\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          fontWeight: 700,\n          borderTop: 1,\n          borderColor: 'divider',\n          pt: 0.5,\n          mt: 0.5,\n        }}\n      >\n        <Box component=\"span\">{total.label}</Box>\n        <Box component=\"span\" sx={{ fontVariantNumeric: 'tabular-nums' }}>\n          {total.value}\n        </Box>\n      </Box>\n    </Box>\n  );\n}\n\n/** A heading inside the expanded body, for a section that needs naming. */\nexport function BodyHeading({ children }: { children: ReactNode }): JSX.Element {\n  return (\n    <Box\n      sx={{\n        fontSize: 11,\n        fontWeight: 700,\n        letterSpacing: 0.4,\n        textTransform: 'uppercase',\n        color: 'text.disabled',\n        mb: 0.5,\n      }}\n    >\n      {children}\n    </Box>\n  );\n}\n\n/**\n * A wrapping run of small items — permission names, role names, target ids.\n *\n * The whole reason several entities earn a list card at all: a `string[]` has no\n * honest table cell. Truncated to \"3 items\" it says nothing; printed in full it\n * destroys the column. Here it simply wraps.\n */\nexport function TagList({\n  items,\n  empty,\n}: {\n  items: readonly string[];\n  /** What to show for an empty run — the consumer's sentence, no default. */\n  empty: string;\n}): JSX.Element {\n  if (items.length === 0) {\n    return <Box sx={{ fontSize: 13, color: 'text.disabled' }}>{empty}</Box>;\n  }\n  return (\n    <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>\n      {items.map((item) => (\n        <Box\n          key={item}\n          component=\"span\"\n          sx={{\n            fontSize: 12,\n            px: 0.75,\n            py: 0.25,\n            borderRadius: 1,\n            bgcolor: 'action.hover',\n            color: 'text.secondary',\n            fontFamily: 'monospace',\n          }}\n        >\n          {item}\n        </Box>\n      ))}\n    </Box>\n  );\n}\n"],"mappings":"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","names":["default"]}

package/dist/chunk-DJORMYOV.js

@@ -0,0 +1,73 @@
+import {
+  accentFor
+} from "./chunk-I6PZVHIT.js";
+
+// src/components/form/Menubar/Menubar.styles.ts
+import { alpha } from "@mui/material/styles/index.js";
+var SIZES = {
+  xs: (theme) => ({ minHeight: 40, fontSize: "0.75rem", padding: theme.spacing(0.5, 1) }),
+  sm: (theme) => ({ minHeight: 48, fontSize: "0.875rem", padding: theme.spacing(0.75, 1.5) }),
+  md: (theme) => ({ minHeight: 56, fontSize: "1rem", padding: theme.spacing(1, 2) }),
+  lg: (theme) => ({ minHeight: 64, fontSize: "1.125rem", padding: theme.spacing(1.25, 2.5) }),
+  xl: (theme) => ({ minHeight: 72, fontSize: "1.25rem", padding: theme.spacing(1.5, 3) })
+};
+var sizeStyles = (theme, size) => (SIZES[size] ?? SIZES.md)(theme);
+var accentOf = (theme, color) => color === "neutral" ? theme.palette.primary.main : accentFor(theme, color).main;
+var colorStyles = (theme, color, transparent) => {
+  const surface = color === "neutral" ? { backgroundColor: theme.palette.background.paper, color: theme.palette.text.primary } : { backgroundColor: accentFor(theme, color).main, color: accentFor(theme, color).contrastText };
+  return transparent ? { ...surface, backgroundColor: "transparent" } : surface;
+};
+var SURFACES = {
+  glass: (theme, { glass }) => ({
+    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.1 : 0.8),
+    backdropFilter: "blur(20px)",
+    borderBottom: `1px solid ${alpha(theme.palette.divider, 0.1)}`
+  }),
+  gradient: (theme, { color, gradient }) => {
+    const accent = accentFor(theme, color === "neutral" ? "primary" : color);
+    return {
+      background: gradient ? `linear-gradient(135deg, ${accent.light}, ${accent.dark})` : accent.main,
+      color: accent.contrastText
+    };
+  },
+  elevated: (theme, { blur, elevation }) => ({
+    ...blur && { backdropFilter: "blur(10px)" },
+    boxShadow: theme.shadows[elevation]
+  }),
+  minimal: (_theme, { blur }) => ({
+    ...blur && { backdropFilter: "blur(10px)" },
+    boxShadow: "none",
+    borderBottom: "none"
+  }),
+  bordered: (theme, { blur, color }) => ({
+    ...blur && { backdropFilter: "blur(10px)" },
+    borderBottom: `2px solid ${color === "neutral" ? theme.palette.divider : accentFor(theme, color).main}`
+  }),
+  default: (_theme, { blur }) => ({ ...blur && { backdropFilter: "blur(10px)" } })
+};
+var barStyles = (theme, flags) => {
+  const { variant, size, color, glow, pulse, transparent } = flags;
+  return {
+    transition: theme.transitions.create(["all"], {
+      duration: theme.transitions.duration.standard
+    }),
+    ...sizeStyles(theme, size),
+    ...colorStyles(theme, color, transparent),
+    ...glow && { boxShadow: `0 0 20px ${alpha(accentOf(theme, color), 0.4)}` },
+    ...pulse && {
+      animation: "pulse 2s infinite",
+      "@keyframes pulse": {
+        "0%": { opacity: 1 },
+        "50%": { opacity: 0.8 },
+        "100%": { opacity: 1 }
+      }
+    },
+    ...(SURFACES[variant] ?? SURFACES.default)(theme, flags)
+  };
+};
+
+export {
+  sizeStyles,
+  barStyles
+};
+//# sourceMappingURL=chunk-DJORMYOV.js.map

package/dist/chunk-DJORMYOV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Menubar/Menubar.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport type { MenubarProps } from './Menubar.types';\nimport { accentFor} from '../../../tokens/scales';\n\ntype Size = NonNullable<MenubarProps['size']>;\ntype Variant = NonNullable<MenubarProps['variant']>;\ntype Color = NonNullable<MenubarProps['color']>;\n\nconst SIZES: Record<Size, (theme: Theme) => CSSObject> = {\n  xs: (theme) => ({ minHeight: 40, fontSize: '0.75rem', padding: theme.spacing(0.5, 1) }),\n  sm: (theme) => ({ minHeight: 48, fontSize: '0.875rem', padding: theme.spacing(0.75, 1.5) }),\n  md: (theme) => ({ minHeight: 56, fontSize: '1rem', padding: theme.spacing(1, 2) }),\n  lg: (theme) => ({ minHeight: 64, fontSize: '1.125rem', padding: theme.spacing(1.25, 2.5) }),\n  xl: (theme) => ({ minHeight: 72, fontSize: '1.25rem', padding: theme.spacing(1.5, 3) }),\n};\n\nexport const sizeStyles = (theme: Theme, size: Size): CSSObject =>\n  (SIZES[size] ?? SIZES.md)(theme);\n\n/** `default` is not a palette entry — it means the paper surface and its text. */\nconst accentOf = (theme: Theme, color: Color) =>\n  color === 'neutral' ? theme.palette.primary.main : accentFor(theme, color).main;\n\nconst colorStyles = (theme: Theme, color: Color, transparent: boolean): CSSObject => {\n  const surface =\n    color === 'neutral'\n      ? { backgroundColor: theme.palette.background.paper, color: theme.palette.text.primary }\n      : { backgroundColor: accentFor(theme, color).main, color: accentFor(theme, color).contrastText };\n\n  return transparent ? { ...surface, backgroundColor: 'transparent' } : surface;\n};\n\ninterface MenubarStyleFlags {\n  variant: Variant;\n  size: Size;\n  color: Color;\n  glow: boolean;\n  pulse: boolean;\n  glass: boolean;\n  gradient: boolean;\n  blur: boolean;\n  transparent: boolean;\n  elevation: number;\n}\n\n/**\n * Each variant's own additions to the shared bar. The `glass` and `gradient`\n * arms deliberately do not take the blur spread: glass sets its own\n * backdropFilter, and a blurred gradient loses the gradient.\n */\nconst SURFACES: Record<Variant, (theme: Theme, flags: MenubarStyleFlags) => CSSObject> = {\n  glass: (theme, { glass }) => ({\n    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.1 : 0.8),\n    backdropFilter: 'blur(20px)',\n    borderBottom: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n  }),\n\n  gradient: (theme, { color, gradient }) => {\n    // `neutral` borrows primary for the gradient, as this branch always did.\n    const accent = accentFor(theme, color === 'neutral' ? 'primary' : color);\n    return {\n      background: gradient\n        ? `linear-gradient(135deg, ${accent.light}, ${accent.dark})`\n        : accent.main,\n      color: accent.contrastText,\n    };\n  },\n\n  elevated: (theme, { blur, elevation }) => ({\n    ...(blur && { backdropFilter: 'blur(10px)' }),\n    boxShadow: theme.shadows[elevation],\n  }),\n\n  minimal: (_theme, { blur }) => ({\n    ...(blur && { backdropFilter: 'blur(10px)' }),\n    boxShadow: 'none',\n    borderBottom: 'none',\n  }),\n\n  bordered: (theme, { blur, color }) => ({\n    ...(blur && { backdropFilter: 'blur(10px)' }),\n    borderBottom: `2px solid ${\n      color === 'neutral' ? theme.palette.divider : accentFor(theme, color).main\n    }`,\n  }),\n\n  default: (_theme, { blur }) => ({ ...(blur && { backdropFilter: 'blur(10px)' }) }),\n};\n\nexport const barStyles = (theme: Theme, flags: MenubarStyleFlags): CSSObject => {\n  const { variant, size, color, glow, pulse, transparent } = flags;\n\n  return {\n    transition: theme.transitions.create(['all'], {\n      duration: theme.transitions.duration.standard,\n    }),\n    ...sizeStyles(theme, size),\n    ...colorStyles(theme, color, transparent),\n    ...(glow && { boxShadow: `0 0 20px ${alpha(accentOf(theme, color), 0.4)}` }),\n    ...(pulse && {\n      animation: 'pulse 2s infinite',\n      '@keyframes pulse': {\n        '0%': { opacity: 1 },\n        '50%': { opacity: 0.8 },\n        '100%': { opacity: 1 },\n      },\n    }),\n    ...(SURFACES[variant] ?? SURFACES.default)(theme, flags),\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-DRADVLHZ.js

@@ -0,0 +1,34 @@
+// src/components/data-display/MapPreview/mapSurface.ts
+import { alpha } from "@mui/material/styles/index.js";
+var greyGradient = (theme, from, to, opacity = 1) => {
+  const shade = (key) => alpha(theme.palette.grey[key], opacity);
+  return `linear-gradient(135deg, ${shade(from)} 0%, ${shade(to)} 100%)`;
+};
+var surfaceBackground = (mapType, theme) => {
+  if (mapType === "satellite") return greyGradient(theme, 900, 800);
+  if (mapType === "terrain") {
+    return `linear-gradient(135deg, ${alpha("#8BC34A", 0.2)} 0%, ${alpha("#4CAF50", 0.3)} 100%)`;
+  }
+  if (theme.palette.mode === "dark") return greyGradient(theme, 900, 800);
+  return greyGradient(theme, 100, 200);
+};
+var tileBackground = (mapType, theme) => {
+  if (mapType === "satellite") {
+    return `linear-gradient(135deg, ${alpha("#1a1a1a", 0.9)} 0%, ${alpha("#2a2a2a", 0.9)} 100%)`;
+  }
+  if (mapType === "terrain") {
+    return `linear-gradient(135deg, ${alpha("#7cb342", 0.1)} 0%, ${alpha("#558b2f", 0.1)} 100%)`;
+  }
+  return greyGradient(theme, 100, 200, 0.5);
+};
+var BOUNCE_KEYFRAMES = {
+  "0%, 100%": { transform: "translateY(0)" },
+  "50%": { transform: "translateY(-10px)" }
+};
+
+export {
+  surfaceBackground,
+  tileBackground,
+  BOUNCE_KEYFRAMES
+};
+//# sourceMappingURL=chunk-DRADVLHZ.js.map

package/dist/chunk-DRADVLHZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/mapSurface.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport { alpha } from '@mui/material/styles/index.js';\n\nimport type { MapType } from './MapPreview.types';\n\ntype GreyShade = keyof Theme['palette']['grey'];\n\nconst greyGradient = (theme: Theme, from: GreyShade, to: GreyShade, opacity = 1): string => {\n  const shade = (key: GreyShade) => alpha(theme.palette.grey[key], opacity);\n  return `linear-gradient(135deg, ${shade(from)} 0%, ${shade(to)} 100%)`;\n};\n\n// The backdrop behind the tiles: dark for satellite, green for terrain, and\n// grey for road maps, following the theme's own light/dark choice.\nexport const surfaceBackground = (mapType: MapType, theme: Theme): string => {\n  if (mapType === 'satellite') return greyGradient(theme, 900, 800);\n  if (mapType === 'terrain') {\n    return `linear-gradient(135deg, ${alpha('#8BC34A', 0.2)} 0%, ${alpha('#4CAF50', 0.3)} 100%)`;\n  }\n  if (theme.palette.mode === 'dark') return greyGradient(theme, 900, 800);\n  return greyGradient(theme, 100, 200);\n};\n\nexport const tileBackground = (mapType: MapType, theme: Theme): string => {\n  if (mapType === 'satellite') {\n    return `linear-gradient(135deg, ${alpha('#1a1a1a', 0.9)} 0%, ${alpha('#2a2a2a', 0.9)} 100%)`;\n  }\n  if (mapType === 'terrain') {\n    return `linear-gradient(135deg, ${alpha('#7cb342', 0.1)} 0%, ${alpha('#558b2f', 0.1)} 100%)`;\n  }\n  return greyGradient(theme, 100, 200, 0.5);\n};\n\nexport const BOUNCE_KEYFRAMES = {\n  '0%, 100%': { transform: 'translateY(0)' },\n  '50%': { transform: 'translateY(-10px)' },\n} as const;\n"],"mappings":";AACA,SAAS,aAAa;AAMtB,IAAM,eAAe,CAAC,OAAc,MAAiB,IAAe,UAAU,MAAc;AAC1F,QAAM,QAAQ,CAAC,QAAmB,MAAM,MAAM,QAAQ,KAAK,GAAG,GAAG,OAAO;AACxE,SAAO,2BAA2B,MAAM,IAAI,CAAC,QAAQ,MAAM,EAAE,CAAC;AAChE;AAIO,IAAM,oBAAoB,CAAC,SAAkB,UAAyB;AAC3E,MAAI,YAAY,YAAa,QAAO,aAAa,OAAO,KAAK,GAAG;AAChE,MAAI,YAAY,WAAW;AACzB,WAAO,2BAA2B,MAAM,WAAW,GAAG,CAAC,QAAQ,MAAM,WAAW,GAAG,CAAC;AAAA,EACtF;AACA,MAAI,MAAM,QAAQ,SAAS,OAAQ,QAAO,aAAa,OAAO,KAAK,GAAG;AACtE,SAAO,aAAa,OAAO,KAAK,GAAG;AACrC;AAEO,IAAM,iBAAiB,CAAC,SAAkB,UAAyB;AACxE,MAAI,YAAY,aAAa;AAC3B,WAAO,2BAA2B,MAAM,WAAW,GAAG,CAAC,QAAQ,MAAM,WAAW,GAAG,CAAC;AAAA,EACtF;AACA,MAAI,YAAY,WAAW;AACzB,WAAO,2BAA2B,MAAM,WAAW,GAAG,CAAC,QAAQ,MAAM,WAAW,GAAG,CAAC;AAAA,EACtF;AACA,SAAO,aAAa,OAAO,KAAK,KAAK,GAAG;AAC1C;AAEO,IAAM,mBAAmB;AAAA,EAC9B,YAAY,EAAE,WAAW,gBAAgB;AAAA,EACzC,OAAO,EAAE,WAAW,oBAAoB;AAC1C;","names":[]}

package/dist/chunk-DTO7GKLA.js

@@ -0,0 +1,65 @@
+// src/components/layout/Spacer/Spacer.tsx
+import Box from "@mui/material/Box/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { jsx } from "react/jsx-runtime";
+var Spacer = ({
+  size = "md",
+  direction = "both",
+  width,
+  height,
+  flex = false,
+  className,
+  "data-testid": dataTestId
+}) => {
+  const theme = useTheme();
+  const getSpacing = () => {
+    switch (size) {
+      case "xs":
+        return theme.spacing(0.5);
+      case "sm":
+        return theme.spacing(1);
+      case "md":
+        return theme.spacing(2);
+      case "lg":
+        return theme.spacing(3);
+      case "xl":
+        return theme.spacing(4);
+      default:
+        return theme.spacing(2);
+    }
+  };
+  const getDimensions = () => {
+    const spacing = getSpacing();
+    let finalWidth = width;
+    let finalHeight = height;
+    if (direction === "horizontal" || direction === "both") {
+      finalWidth = width ?? spacing;
+    }
+    if (direction === "vertical" || direction === "both") {
+      finalHeight = height ?? spacing;
+    }
+    return { width: finalWidth, height: finalHeight };
+  };
+  const dimensions = getDimensions();
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className,
+      "data-testid": dataTestId,
+      sx: {
+        width: dimensions.width,
+        height: dimensions.height,
+        flex: flex ? 1 : void 0,
+        flexShrink: 0,
+        pointerEvents: "none",
+        userSelect: "none"
+      },
+      "aria-hidden": "true"
+    }
+  );
+};
+
+export {
+  Spacer
+};
+//# sourceMappingURL=chunk-DTO7GKLA.js.map

package/dist/chunk-DTO7GKLA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Spacer/Spacer.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { SpacerProps } from './Spacer.types';\n\nexport const Spacer: React.FC<SpacerProps> = ({\n  size = 'md',\n  direction = 'both',\n  width,\n  height,\n  flex = false,\n  className,\n  'data-testid': dataTestId,\n}) => {\n  const theme = useTheme();\n\n  const getSpacing = () => {\n    switch (size) {\n      case 'xs':\n        return theme.spacing(0.5);\n      case 'sm':\n        return theme.spacing(1);\n      case 'md':\n        return theme.spacing(2);\n      case 'lg':\n        return theme.spacing(3);\n      case 'xl':\n        return theme.spacing(4);\n      default:\n        return theme.spacing(2);\n    }\n  };\n\n  const getDimensions = () => {\n    const spacing = getSpacing();\n\n    let finalWidth = width;\n    let finalHeight = height;\n\n    if (direction === 'horizontal' || direction === 'both') {\n      finalWidth = width ?? spacing;\n    }\n\n    if (direction === 'vertical' || direction === 'both') {\n      finalHeight = height ?? spacing;\n    }\n\n    return { width: finalWidth, height: finalHeight };\n  };\n\n  const dimensions = getDimensions();\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        width: dimensions.width,\n        height: dimensions.height,\n        flex: flex ? 1 : undefined,\n        flexShrink: 0,\n        pointerEvents: 'none',\n        userSelect: 'none',\n      }}\n      aria-hidden=\"true\"\n    />\n  );\n};\n"],"mappings":";AAAA,OAAO,SAAS;AAChB,SAAS,gBAAgB;AAqDrB;AAhDG,IAAM,SAAgC,CAAC;AAAA,EAC5C,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,QAAQ,SAAS;AAEvB,QAAM,aAAa,MAAM;AACvB,YAAQ,MAAM;AAAA,MACZ,KAAK;AACH,eAAO,MAAM,QAAQ,GAAG;AAAA,MAC1B,KAAK;AACH,eAAO,MAAM,QAAQ,CAAC;AAAA,MACxB,KAAK;AACH,eAAO,MAAM,QAAQ,CAAC;AAAA,MACxB,KAAK;AACH,eAAO,MAAM,QAAQ,CAAC;AAAA,MACxB,KAAK;AACH,eAAO,MAAM,QAAQ,CAAC;AAAA,MACxB;AACE,eAAO,MAAM,QAAQ,CAAC;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,gBAAgB,MAAM;AAC1B,UAAM,UAAU,WAAW;AAE3B,QAAI,aAAa;AACjB,QAAI,cAAc;AAElB,QAAI,cAAc,gBAAgB,cAAc,QAAQ;AACtD,mBAAa,SAAS;AAAA,IACxB;AAEA,QAAI,cAAc,cAAc,cAAc,QAAQ;AACpD,oBAAc,UAAU;AAAA,IAC1B;AAEA,WAAO,EAAE,OAAO,YAAY,QAAQ,YAAY;AAAA,EAClD;AAEA,QAAM,aAAa,cAAc;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MACb,IAAI;AAAA,QACF,OAAO,WAAW;AAAA,QAClB,QAAQ,WAAW;AAAA,QACnB,MAAM,OAAO,IAAI;AAAA,QACjB,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,MACA,eAAY;AAAA;AAAA,EACd;AAEJ;","names":[]}

package/dist/chunk-DZA7RSLX.js

@@ -0,0 +1,86 @@
+import {
+  useResize
+} from "./chunk-P6TNXBDA.js";
+import {
+  defaultHandles,
+  handleStyle,
+  resolveResizableProps
+} from "./chunk-3TDVGZZN.js";
+
+// src/components/layout/Resizable/Resizable.tsx
+import Box from "@mui/material/Box/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Resizable = (rawProps) => {
+  const {
+    children,
+    variant,
+    width: initialWidth,
+    height: initialHeight,
+    minWidth,
+    maxWidth,
+    minHeight,
+    maxHeight,
+    onResize,
+    disabled,
+    handles,
+    className,
+    "data-testid": dataTestId,
+    ...rest
+  } = resolveResizableProps(rawProps);
+  const theme = useTheme();
+  const bounds = useMemo(
+    () => ({
+      width: { min: minWidth, max: maxWidth },
+      height: { min: minHeight, max: maxHeight }
+    }),
+    [minWidth, maxWidth, minHeight, maxHeight]
+  );
+  const { size, isResizing, activeHandle, handleMouseDown } = useResize({
+    width: initialWidth,
+    height: initialHeight,
+    bounds,
+    disabled,
+    onResize
+  });
+  const activeHandles = handles || defaultHandles(variant);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ...rest,
+      className,
+      "data-testid": dataTestId,
+      sx: {
+        position: "relative",
+        width: size.width,
+        height: size.height,
+        border: `1px solid ${theme.palette.divider}`,
+        borderRadius: theme.spacing(0.5),
+        overflow: "hidden",
+        userSelect: isResizing ? "none" : "auto",
+        "&:hover .resize-handle": {
+          opacity: 0.3
+        }
+      },
+      children: [
+        children,
+        !disabled && activeHandles.map((handle) => /* @__PURE__ */ jsx(
+          Box,
+          {
+            className: "resize-handle",
+            "data-testid": dataTestId ? `${dataTestId}-handle-${handle}` : void 0,
+            sx: handleStyle(theme, handle, isResizing && activeHandle.current === handle),
+            onMouseDown: (e) => handleMouseDown(e, handle)
+          },
+          handle
+        ))
+      ]
+    }
+  );
+};
+
+export {
+  Resizable
+};
+//# sourceMappingURL=chunk-DZA7RSLX.js.map

package/dist/chunk-DZA7RSLX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Resizable/Resizable.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React, { useMemo } from 'react';\n\nimport { defaultHandles, handleStyle, resolveResizableProps } from './Resizable.helpers';\nimport { useResize } from './Resizable.hooks';\nimport type { ResizableProps } from './Resizable.types';\n\nexport const Resizable: React.FC<ResizableProps> = (rawProps) => {\n  const {\n    children,\n    variant,\n    width: initialWidth,\n    height: initialHeight,\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    onResize,\n    disabled,\n    handles,\n    className,\n    'data-testid': dataTestId,\n    ...rest\n  } = resolveResizableProps(rawProps);\n  const theme = useTheme();\n  const bounds = useMemo(\n    () => ({\n      width: { min: minWidth, max: maxWidth },\n      height: { min: minHeight, max: maxHeight },\n    }),\n    [minWidth, maxWidth, minHeight, maxHeight],\n  );\n\n  const { size, isResizing, activeHandle, handleMouseDown } = useResize({\n    width: initialWidth,\n    height: initialHeight,\n    bounds,\n    disabled,\n    onResize,\n  });\n\n  const activeHandles = handles || defaultHandles(variant);\n\n  return (\n    <Box\n      {...rest}\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        position: 'relative',\n        width: size.width,\n        height: size.height,\n        border: `1px solid ${theme.palette.divider}`,\n        borderRadius: theme.spacing(0.5),\n        overflow: 'hidden',\n        userSelect: isResizing ? 'none' : 'auto',\n        '&:hover .resize-handle': {\n          opacity: 0.3,\n        },\n      }}\n    >\n      {children}\n      {!disabled &&\n        activeHandles.map((handle) => (\n          <Box\n            key={handle}\n            className=\"resize-handle\"\n            data-testid={dataTestId ? `${dataTestId}-handle-${handle}` : undefined}\n            sx={handleStyle(theme, handle, isResizing && activeHandle.current === handle)}\n            onMouseDown={(e) => handleMouseDown(e, handle)}\n          />\n        ))}\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,gBAAgB;AACzB,SAAgB,eAAe;AA2C3B,SAoBM,KApBN;AArCG,IAAM,YAAsC,CAAC,aAAa;AAC/D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,GAAG;AAAA,EACL,IAAI,sBAAsB,QAAQ;AAClC,QAAM,QAAQ,SAAS;AACvB,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,MACL,OAAO,EAAE,KAAK,UAAU,KAAK,SAAS;AAAA,MACtC,QAAQ,EAAE,KAAK,WAAW,KAAK,UAAU;AAAA,IAC3C;AAAA,IACA,CAAC,UAAU,UAAU,WAAW,SAAS;AAAA,EAC3C;AAEA,QAAM,EAAE,MAAM,YAAY,cAAc,gBAAgB,IAAI,UAAU;AAAA,IACpE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,WAAW,eAAe,OAAO;AAEvD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,eAAa;AAAA,MACb,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO,KAAK;AAAA,QACZ,QAAQ,KAAK;AAAA,QACb,QAAQ,aAAa,MAAM,QAAQ,OAAO;AAAA,QAC1C,cAAc,MAAM,QAAQ,GAAG;AAAA,QAC/B,UAAU;AAAA,QACV,YAAY,aAAa,SAAS;AAAA,QAClC,0BAA0B;AAAA,UACxB,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,QACA,CAAC,YACA,cAAc,IAAI,CAAC,WACjB;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YACV,eAAa,aAAa,GAAG,UAAU,WAAW,MAAM,KAAK;AAAA,YAC7D,IAAI,YAAY,OAAO,QAAQ,cAAc,aAAa,YAAY,MAAM;AAAA,YAC5E,aAAa,CAAC,MAAM,gBAAgB,GAAG,MAAM;AAAA;AAAA,UAJxC;AAAA,QAKP,CACD;AAAA;AAAA;AAAA,EACL;AAEJ;","names":[]}

package/dist/chunk-E3IPN3KN.js

@@ -0,0 +1,60 @@
+import {
+  collectLeafIds
+} from "./chunk-DVTCZR3K.js";
+
+// src/components/form/CategorySelect/CategoryQuickActions.tsx
+import Box from "@mui/material/Box/index.js";
+import { useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var linkButtonSx = {
+  background: "none",
+  border: 0,
+  padding: 0,
+  font: "inherit",
+  fontSize: 12,
+  color: "primary.main",
+  cursor: "pointer",
+  fontWeight: 550,
+  "&:hover": { textDecoration: "underline" },
+  "&:disabled": { color: "text.disabled", cursor: "default", textDecoration: "none" }
+};
+function CategoryQuickActions({
+  state,
+  dataTestId,
+  copy
+}) {
+  const allLeafIds = useMemo(() => collectLeafIds(state.allGroups), [state.allGroups]);
+  const everythingPicked = allLeafIds.length > 0 && state.draft.size >= allLeafIds.length;
+  const allExpanded = state.allGroups.length > 0 && state.allGroups.every((group) => state.isExpanded(group.category.id));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "button",
+        type: "button",
+        disabled: allLeafIds.length === 0,
+        "data-testid": `${dataTestId}-select-all`,
+        sx: linkButtonSx,
+        onClick: () => state.setDraft(everythingPicked ? /* @__PURE__ */ new Set() : new Set(allLeafIds)),
+        children: everythingPicked ? copy.deselectAll : copy.selectAll
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { component: "span", sx: { color: "divider" }, children: "\xB7" }),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "button",
+        type: "button",
+        "data-testid": `${dataTestId}-expand-all`,
+        sx: linkButtonSx,
+        onClick: () => state.setAllExpanded(!allExpanded),
+        children: allExpanded ? copy.collapseAll : copy.expandAll
+      }
+    )
+  ] });
+}
+
+export {
+  CategoryQuickActions
+};
+//# sourceMappingURL=chunk-E3IPN3KN.js.map

package/dist/chunk-E3IPN3KN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategoryQuickActions.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport { useMemo } from 'react';\n\nimport type { CategorySelectCopy } from '../../../copy';\n\nimport { collectLeafIds } from './category-tree';\nimport type { CategorySelectState } from './useCategorySelect';\n\n/** The panel's text-button treatment. */\nconst linkButtonSx = {\n  background: 'none',\n  border: 0,\n  padding: 0,\n  font: 'inherit',\n  fontSize: 12,\n  color: 'primary.main',\n  cursor: 'pointer',\n  fontWeight: 550,\n  '&:hover': { textDecoration: 'underline' },\n  '&:disabled': { color: 'text.disabled', cursor: 'default', textDecoration: 'none' },\n} as const;\n\n/**\n * Bulk actions for multi-select: mark everything, and fold everything.\n *\n * Both labels flip to their inverse once the action is spent (\"Desmarcar tudo\",\n * \"Recolher tudo\"), so the control always says what pressing it will do rather\n * than what state the list is in.\n */\nexport function CategoryQuickActions({\n  state,\n  dataTestId,\n  copy,\n}: {\n  state: CategorySelectState;\n  dataTestId: string;\n  /** The words this control renders. REQUIRED — no default copy. */\n  copy: CategorySelectCopy;\n}): React.JSX.Element {\n  const allLeafIds = useMemo(() => collectLeafIds(state.allGroups), [state.allGroups]);\n  const everythingPicked = allLeafIds.length > 0 && state.draft.size >= allLeafIds.length;\n  const allExpanded =\n    state.allGroups.length > 0 &&\n    state.allGroups.every((group) => state.isExpanded(group.category.id));\n\n  return (\n    <>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        disabled={allLeafIds.length === 0}\n        data-testid={`${dataTestId}-select-all`}\n        sx={linkButtonSx}\n        onClick={() => state.setDraft(everythingPicked ? new Set() : new Set(allLeafIds))}\n      >\n        {everythingPicked ? copy.deselectAll : copy.selectAll}\n      </Box>\n      <Box component=\"span\" sx={{ color: 'divider' }}>\n        ·\n      </Box>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        data-testid={`${dataTestId}-expand-all`}\n        sx={linkButtonSx}\n        onClick={() => state.setAllExpanded(!allExpanded)}\n      >\n        {allExpanded ? copy.collapseAll : copy.expandAll}\n      </Box>\n    </>\n  );\n}\n"],"mappings":";;;;;AAEA,OAAO,SAAS;AAChB,SAAS,eAAe;AA6CpB,mBACE,KADF;AArCJ,IAAM,eAAe;AAAA,EACnB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW,EAAE,gBAAgB,YAAY;AAAA,EACzC,cAAc,EAAE,OAAO,iBAAiB,QAAQ,WAAW,gBAAgB,OAAO;AACpF;AASO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAKsB;AACpB,QAAM,aAAa,QAAQ,MAAM,eAAe,MAAM,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC;AACnF,QAAM,mBAAmB,WAAW,SAAS,KAAK,MAAM,MAAM,QAAQ,WAAW;AACjF,QAAM,cACJ,MAAM,UAAU,SAAS,KACzB,MAAM,UAAU,MAAM,CAAC,UAAU,MAAM,WAAW,MAAM,SAAS,EAAE,CAAC;AAEtE,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,UAAU,WAAW,WAAW;AAAA,QAChC,eAAa,GAAG,UAAU;AAAA,QAC1B,IAAI;AAAA,QACJ,SAAS,MAAM,MAAM,SAAS,mBAAmB,oBAAI,IAAI,IAAI,IAAI,IAAI,UAAU,CAAC;AAAA,QAE/E,6BAAmB,KAAK,cAAc,KAAK;AAAA;AAAA,IAC9C;AAAA,IACA,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,OAAO,UAAU,GAAG,kBAEhD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,eAAa,GAAG,UAAU;AAAA,QAC1B,IAAI;AAAA,QACJ,SAAS,MAAM,MAAM,eAAe,CAAC,WAAW;AAAA,QAE/C,wBAAc,KAAK,cAAc,KAAK;AAAA;AAAA,IACzC;AAAA,KACF;AAEJ;","names":[]}