@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-SZB2Z6QN.js

@@ -1,273 +0,0 @@
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-
-// src/components/layout/ContentToolbar/ContentToolbar.tsx
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import Checkbox from "@mui/material/Checkbox/index.js";
-import Divider from "@mui/material/Divider/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var selectionButtonSx = {
-  minWidth: 0,
-  height: "auto",
-  borderRadius: fieldRadiusPx,
-  fontWeight: 600,
-  py: 0.5,
-  px: 1.5,
-  fontSize: "0.75rem",
-  textTransform: "none",
-  color: "text.primary"
-};
-function SelectionCluster({
-  hasSelection,
-  selectedCount,
-  selectAll,
-  clearSelection,
-  actions,
-  selectionExtra,
-  selectAllTestId,
-  clearAllTestId,
-  edgeAlign = false,
-  selectAllLabel,
-  selectAllText,
-  clearAllText
-}) {
-  const actionsSlot = actions !== void 0 && /* @__PURE__ */ jsx(Box, { sx: { ml: 0.5, display: "flex", flexShrink: 0, alignItems: "center" }, children: actions });
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      sx: {
-        display: "flex",
-        minWidth: 0,
-        // Browsing (mobile): don't grow, so the controls sit on the SAME line as
-        // the checkbox (no orphaned selection row). Desktop: grow to push
-        // controls right.
-        //
-        // SELECTING (mobile) it must be able to shrink instead. Its children are
-        // all `flex-shrink: 0`, so a cluster pinned at content width cannot wrap
-        // and the row painted past the toolbar's own edge — on Produtos at 390px
-        // that took "Ações" off-screen behind a sideways scroll, which is the
-        // one control the selection exists to reach.
-        flex: { xs: hasSelection ? "1 1 auto" : "0 0 auto", md: 1 },
-        alignItems: "center",
-        // Wrapping is the phone's answer, and only the phone's: below `md` the
-        // cluster carries the count, the scope control and "Ações" at once, and
-        // no combination of those fits 320px on one line. From `md` up it stays
-        // a single line, where it always fitted.
-        flexWrap: { xs: "wrap", md: "nowrap" },
-        columnGap: 1.5,
-        rowGap: 1,
-        ml: edgeAlign ? -1.5 : 0
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "text",
-            size: "small",
-            color: "inherit",
-            onClick: selectAll,
-            "data-testid": selectAllTestId,
-            sx: { ...selectionButtonSx, display: { xs: "none", md: "inline-flex" } },
-            children: selectAllText
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            size: "small",
-            checked: hasSelection,
-            onChange: (event) => event.target.checked ? selectAll() : clearSelection(),
-            "data-testid": `${selectAllTestId}-checkbox`,
-            inputProps: { "aria-label": selectAllLabel },
-            sx: { p: 0.5, display: { xs: "inline-flex", md: "none" } }
-          }
-        ),
-        hasSelection ? /* @__PURE__ */ jsx(
-          SelectionState,
-          {
-            selectedCount,
-            clearSelection,
-            clearAllTestId,
-            clearAllText,
-            selectionExtra
-          }
-        ) : null,
-        actionsSlot
-      ]
-    }
-  );
-}
-function SelectionState({
-  selectedCount,
-  clearSelection,
-  clearAllTestId,
-  clearAllText,
-  selectionExtra
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "text",
-        size: "small",
-        color: "inherit",
-        onClick: clearSelection,
-        "data-testid": clearAllTestId,
-        sx: selectionButtonSx,
-        children: clearAllText
-      }
-    ),
-    /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { height: 16, alignSelf: "center" } }),
-    /* @__PURE__ */ jsxs(
-      Typography,
-      {
-        component: "span",
-        "data-testid": "selected-count-indicator",
-        sx: { fontSize: "0.875rem", color: "text.secondary", whiteSpace: "nowrap", flexShrink: 0 },
-        children: [
-          selectedCount,
-          " ",
-          selectedCount === 1 ? "item" : "items",
-          " selected"
-        ]
-      }
-    ),
-    selectionExtra !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Box,
-        {
-          "aria-hidden": true,
-          sx: { flexBasis: "100%", height: 0, display: { xs: "block", md: "none" } }
-        }
-      ),
-      selectionExtra
-    ] })
-  ] });
-}
-function BrowsingClusters({
-  leadingControls,
-  rightControls,
-  hasSelection,
-  edgeAlign
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    leadingControls !== void 0 && /* @__PURE__ */ jsx(
-      Box,
-      {
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          flexGrow: 1,
-          minWidth: 0,
-          // The collapse ladder has a FLOOR — below roughly 400px even the
-          // fully-collapsed row does not fit, and its controls cannot shrink
-          // (they are flexShrink:0 so an over-packed row sheds instead of
-          // squeezing). Past that point this scrolls rather than letting them
-          // paint outside the toolbar, which is what a narrow phone did.
-          overflowX: "auto",
-          // No scrollbar gutter stealing height on the common case.
-          scrollbarWidth: "thin"
-        },
-        children: leadingControls
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          // Same single-line rule as the row itself: this cluster wrapping
-          // INTERNALLY buys a second line just as surely as the row wrapping
-          // does. It bit at exactly 900px, the `md` breakpoint where the "N de
-          // N" counter appears and pushes Exibir/Exportar over the edge.
-          flexWrap: leadingControls === void 0 ? "wrap" : "nowrap",
-          // Tight (5px) when browsing so the controls fit one line beside the
-          // checkbox; roomier (14px) in selection mode where they get their own row.
-          gap: hasSelection ? "14px" : "5px",
-          ml: "auto",
-          mr: edgeAlign ? -1.5 : 0,
-          "& > *": { flexShrink: 0 }
-        },
-        children: rightControls
-      }
-    )
-  ] });
-}
-function ContentToolbar({
-  hasSelection,
-  selectedCount,
-  selectAll,
-  clearSelection,
-  rightControls,
-  leadingControls,
-  actions,
-  selectionExtra,
-  selectAllTestId,
-  clearAllTestId,
-  edgeAlign = false,
-  exclusiveSelection = false,
-  selectAllLabel,
-  selectAllText,
-  clearAllText
-}) {
-  const showSelection = !exclusiveSelection || hasSelection;
-  const showControls = !exclusiveSelection || !hasSelection;
-  return (
-    // Two clusters on one line. They may wrap onto separate rows ONLY for a
-    // toolbar without `leadingControls` — one carrying search + filters is
-    // driven by a measured collapse ladder (see `useFilterOverflow`), and a
-    // wrap there is the ladder having failed: it would silently buy a second
-    // row instead of shedding a control into "Mais", which is the one outcome
-    // the ladder exists to prevent.
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          gap: 2,
-          flexWrap: leadingControls === void 0 ? "wrap" : "nowrap",
-          rowGap: 1
-        },
-        children: [
-          showSelection && /* @__PURE__ */ jsx(
-            SelectionCluster,
-            {
-              selectAllText,
-              clearAllText,
-              hasSelection,
-              selectedCount,
-              selectAll,
-              clearSelection,
-              actions,
-              selectionExtra,
-              selectAllTestId,
-              clearAllTestId,
-              selectAllLabel,
-              edgeAlign
-            }
-          ),
-          showControls && /* @__PURE__ */ jsx(
-            BrowsingClusters,
-            {
-              leadingControls,
-              rightControls,
-              hasSelection,
-              edgeAlign
-            }
-          )
-        ]
-      }
-    )
-  );
-}
-
-export {
-  ContentToolbar
-};
-//# sourceMappingURL=chunk-SZB2Z6QN.js.map

package/dist/chunk-SZB2Z6QN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/ContentToolbar/ContentToolbar.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Checkbox from '@mui/material/Checkbox/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React from 'react';\n\nimport type { ContentToolbarProps } from './ContentToolbar.types';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\n\nconst selectionButtonSx = {\n  minWidth: 0,\n  height: 'auto',\n  borderRadius: fieldRadiusPx,\n  fontWeight: 600,\n  py: 0.5,\n  px: 1.5,\n  fontSize: '0.75rem',\n  textTransform: 'none',\n  color: 'text.primary',\n} as const;\n\ntype SelectionClusterProps = Pick<\n  ContentToolbarProps,\n  | 'hasSelection'\n  | 'selectedCount'\n  | 'selectAll'\n  | 'clearSelection'\n  | 'actions'\n  | 'selectionExtra'\n  | 'selectAllTestId'\n  | 'clearAllTestId'\n  | 'edgeAlign'\n  | 'selectAllLabel'\n  | 'selectAllText'\n  | 'clearAllText'\n>;\n\n/** The left cluster: Select All + (when selecting) Clear All / count / actions. */\nfunction SelectionCluster({\n  hasSelection,\n  selectedCount,\n  selectAll,\n  clearSelection,\n  actions,\n  selectionExtra,\n  selectAllTestId,\n  clearAllTestId,\n  edgeAlign = false,\n  selectAllLabel,\n  selectAllText,\n  clearAllText,\n}: SelectionClusterProps): React.JSX.Element {\n  const actionsSlot = actions !== undefined && (\n    <Box sx={{ ml: 0.5, display: 'flex', flexShrink: 0, alignItems: 'center' }}>{actions}</Box>\n  );\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        minWidth: 0,\n        // Browsing (mobile): don't grow, so the controls sit on the SAME line as\n        // the checkbox (no orphaned selection row). Desktop: grow to push\n        // controls right.\n        //\n        // SELECTING (mobile) it must be able to shrink instead. Its children are\n        // all `flex-shrink: 0`, so a cluster pinned at content width cannot wrap\n        // and the row painted past the toolbar's own edge — on Produtos at 390px\n        // that took \"Ações\" off-screen behind a sideways scroll, which is the\n        // one control the selection exists to reach.\n        flex: { xs: hasSelection ? '1 1 auto' : '0 0 auto', md: 1 },\n        alignItems: 'center',\n        // Wrapping is the phone's answer, and only the phone's: below `md` the\n        // cluster carries the count, the scope control and \"Ações\" at once, and\n        // no combination of those fits 320px on one line. From `md` up it stays\n        // a single line, where it always fitted.\n        flexWrap: { xs: 'wrap', md: 'nowrap' },\n        columnGap: 1.5,\n        rowGap: 1,\n        ml: edgeAlign ? -1.5 : 0,\n      }}\n    >\n      {/* Desktop: a \"Select All\" text button (md+). Mobile: a compact checkbox\n          that toggles select-all/clear — the text would eat the tight row. */}\n      <Button\n        variant=\"text\"\n        size=\"small\"\n        color=\"inherit\"\n        onClick={selectAll}\n        data-testid={selectAllTestId}\n        sx={{ ...selectionButtonSx, display: { xs: 'none', md: 'inline-flex' } }}\n      >\n        {selectAllText}\n      </Button>\n      <Checkbox\n        size=\"small\"\n        checked={hasSelection}\n        onChange={(event) => (event.target.checked ? selectAll() : clearSelection())}\n        data-testid={`${selectAllTestId}-checkbox`}\n        inputProps={{ 'aria-label': selectAllLabel }}\n        sx={{ p: 0.5, display: { xs: 'inline-flex', md: 'none' } }}\n      />\n      {hasSelection ? (\n        <SelectionState\n          selectedCount={selectedCount}\n          clearSelection={clearSelection}\n          clearAllTestId={clearAllTestId}\n          clearAllText={clearAllText}\n          selectionExtra={selectionExtra}\n        />\n      ) : null}\n      {actionsSlot}\n    </Box>\n  );\n}\n\n/**\n * What the cluster shows once something IS ticked: Clear All, the count, and\n * the host's own `selectionExtra`.\n *\n * Its own component only because the cluster around it is at the complexity\n * gate's line ceiling — but the split falls where the meaning does. Everything\n * here exists only while a selection does, and the `actions` slot deliberately\n * stays OUTSIDE it: a toolbar may carry actions while browsing too.\n */\nfunction SelectionState({\n  selectedCount,\n  clearSelection,\n  clearAllTestId,\n  clearAllText,\n  selectionExtra,\n}: Pick<\n  ContentToolbarProps,\n  'selectedCount' | 'clearSelection' | 'clearAllTestId' | 'clearAllText' | 'selectionExtra'\n>): React.JSX.Element {\n  return (\n    <>\n      <Button\n        variant=\"text\"\n        size=\"small\"\n        color=\"inherit\"\n        onClick={clearSelection}\n        data-testid={clearAllTestId}\n        sx={selectionButtonSx}\n      >\n        {clearAllText}\n      </Button>\n      <Divider orientation=\"vertical\" flexItem sx={{ height: 16, alignSelf: 'center' }} />\n      <Typography\n        component=\"span\"\n        data-testid=\"selected-count-indicator\"\n        sx={{ fontSize: '0.875rem', color: 'text.secondary', whiteSpace: 'nowrap', flexShrink: 0 }}\n      >\n        {selectedCount} {selectedCount === 1 ? 'item' : 'items'} selected\n      </Typography>\n      {selectionExtra !== undefined && (\n        <>\n          {/* A DELIBERATE break, not a wrap that happened to land here. What\n              follows — \"Seleção: 48 produtos — todas as páginas\", its \"Limpar\n              seleção\", and \"Ações\" — is a sentence about the selection plus the\n              control that acts on it, and letting the phone break it wherever it\n              ran out of room split that sentence mid-phrase. Zero height so it\n              costs nothing but the row gap, and `display:none` from `md` up,\n              where the line still fits. */}\n          <Box\n            aria-hidden\n            sx={{ flexBasis: '100%', height: 0, display: { xs: 'block', md: 'none' } }}\n          />\n          {selectionExtra}\n        </>\n      )}\n    </>\n  );\n}\n\n/**\n * The BROWSING half of the toolbar: search + filters on the left, the page's\n * own controls on the right. Split out of {@link ContentToolbar} so that\n * function stays inside the complexity gate — it is layout only, and the\n * decision of whether to show it at all is made by the caller.\n */\nfunction BrowsingClusters({\n  leadingControls,\n  rightControls,\n  hasSelection,\n  edgeAlign,\n}: {\n  leadingControls?: React.ReactNode;\n  rightControls: React.ReactNode;\n  hasSelection: boolean;\n  edgeAlign: boolean;\n}): React.JSX.Element {\n  return (\n    <>\n      {/* minWidth:0 lets this cluster be the one that gives up width as the row\n       * tightens, which is what the filter overflow measures against. */}\n      {leadingControls !== undefined && (\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            flexGrow: 1,\n            minWidth: 0,\n            // The collapse ladder has a FLOOR — below roughly 400px even the\n            // fully-collapsed row does not fit, and its controls cannot shrink\n            // (they are flexShrink:0 so an over-packed row sheds instead of\n            // squeezing). Past that point this scrolls rather than letting them\n            // paint outside the toolbar, which is what a narrow phone did.\n            overflowX: 'auto',\n            // No scrollbar gutter stealing height on the common case.\n            scrollbarWidth: 'thin',\n          }}\n        >\n          {leadingControls}\n        </Box>\n      )}\n      {/* ml:auto keeps the controls right-aligned even when the cluster wraps to\n       * its own row (where justify-content:space-between would otherwise snap a\n       * lone item to the left); it's a no-op on a shared row. */}\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          // Same single-line rule as the row itself: this cluster wrapping\n          // INTERNALLY buys a second line just as surely as the row wrapping\n          // does. It bit at exactly 900px, the `md` breakpoint where the \"N de\n          // N\" counter appears and pushes Exibir/Exportar over the edge.\n          flexWrap: leadingControls === undefined ? 'wrap' : 'nowrap',\n          // Tight (5px) when browsing so the controls fit one line beside the\n          // checkbox; roomier (14px) in selection mode where they get their own row.\n          gap: hasSelection ? '14px' : '5px',\n          ml: 'auto',\n          mr: edgeAlign ? -1.5 : 0,\n          '& > *': { flexShrink: 0 },\n        }}\n      >\n        {rightControls}\n      </Box>\n    </>\n  );\n}\n\n/**\n * Shared toolbar for content pages (Favorites, Personal Space, Recents, …). The\n * left cluster owns selection chrome — **Select All**, and once items are\n * selected, **Clear All** + an \"N items selected\" count + an optional `actions`\n * slot. The right cluster is a free `rightControls` slot for page-specific\n * controls (ViewSelector, SortByDropdown, MultiSelectDropdown, FilterTrigger).\n *\n * Faithful, generic MUI port of the reference `ContentPageToolbar` — the\n * domain-specific default actions are intentionally left to the consumer via\n * the `actions` slot so this stays agnostic and reusable across projects.\n *\n * @example\n * ```tsx\n * <ContentToolbar\n *   hasSelection={selected.size > 0}\n *   selectedCount={selected.size}\n *   selectAll={selectAll}\n *   clearSelection={clear}\n *   rightControls={\n *     <>\n *       <ViewSelector viewMode={view} onViewModeChange={setView} zoom={zoom} onZoomChange={setZoom} />\n *       <SortByDropdown fields={FIELDS} activeField={field} onFieldChange={setField} />\n *       <MultiSelectDropdown label=\"Content Type\" options={types} selected={typeSet} onToggle={toggle} onClear={clear} />\n *       <FilterTrigger open={panelOpen} onOpenChange={setPanelOpen} hasActiveFilters={hasFilters} />\n *     </>\n *   }\n * />\n * ```\n */\nexport function ContentToolbar({\n  hasSelection,\n  selectedCount,\n  selectAll,\n  clearSelection,\n  rightControls,\n  leadingControls,\n  actions,\n  selectionExtra,\n  selectAllTestId,\n  clearAllTestId,\n  edgeAlign = false,\n  exclusiveSelection = false,\n  selectAllLabel,\n  selectAllText,\n  clearAllText,\n}: ContentToolbarProps): React.JSX.Element {\n  // Under `exclusiveSelection` the two states are alternatives, not neighbours:\n  // browsing shows the controls and no checkbox, selecting shows the checkbox\n  // and no controls. Anything else double-books the row.\n  const showSelection = !exclusiveSelection || hasSelection;\n  const showControls = !exclusiveSelection || !hasSelection;\n  return (\n    // Two clusters on one line. They may wrap onto separate rows ONLY for a\n    // toolbar without `leadingControls` — one carrying search + filters is\n    // driven by a measured collapse ladder (see `useFilterOverflow`), and a\n    // wrap there is the ladder having failed: it would silently buy a second\n    // row instead of shedding a control into \"Mais\", which is the one outcome\n    // the ladder exists to prevent.\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        gap: 2,\n        flexWrap: leadingControls === undefined ? 'wrap' : 'nowrap',\n        rowGap: 1,\n      }}\n    >\n      {showSelection && (\n        <SelectionCluster\n          selectAllText={selectAllText}\n          clearAllText={clearAllText}\n          hasSelection={hasSelection}\n          selectedCount={selectedCount}\n          selectAll={selectAll}\n          clearSelection={clearSelection}\n          actions={actions}\n          selectionExtra={selectionExtra}\n          selectAllTestId={selectAllTestId}\n          clearAllTestId={clearAllTestId}\n          selectAllLabel={selectAllLabel}\n          edgeAlign={edgeAlign}\n        />\n      )}\n\n      {showControls && (\n        <BrowsingClusters\n          leadingControls={leadingControls}\n          rightControls={rightControls}\n          hasSelection={hasSelection}\n          edgeAlign={edgeAlign}\n        />\n      )}\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-TBRAZK3Y.js

@@ -1,175 +0,0 @@
-import {
-  useColumnsWithActions,
-  useRenderedColumns
-} from "./chunk-X4XYUNRL.js";
-import {
-  filterRows
-} from "./chunk-YGQX7BNI.js";
-import {
-  resolveScope,
-  useScopeConfigChecks
-} from "./chunk-LYKV3C7B.js";
-import {
-  computeActiveFilterCount,
-  defaultSortFields
-} from "./chunk-7FWXG2KF.js";
-import {
-  serverDerived,
-  useServerQuery
-} from "./chunk-IMLIIW77.js";
-import {
-  useSelection
-} from "./chunk-LLZWB32X.js";
-import {
-  emptyViewState
-} from "./chunk-LHHAYZ55.js";
-import {
-  useStateWriters
-} from "./chunk-U5FOJBLG.js";
-
-// src/components/data-display/DataViews/use-data-views-state.ts
-import { useEffect, useMemo, useRef, useState } from "react";
-function useMatchedRows(server, rows, columns, fields, rangeFields, state) {
-  return useMemo(
-    () => server ? rows : filterRows(
-      rows,
-      columns,
-      fields,
-      { search: state.search, pills: state.pills, ranges: state.ranges },
-      rangeFields
-    ),
-    [server, rows, columns, fields, rangeFields, state.search, state.pills, state.ranges]
-  );
-}
-function useStateSyncEffects(appliedState, syncState, state, onStateChange, setState) {
-  const firstApplied = useRef(true);
-  useEffect(() => {
-    if (firstApplied.current) {
-      firstApplied.current = false;
-      return;
-    }
-    if (appliedState) setState(appliedState);
-  }, [appliedState, setState]);
-  const firstSync = useRef(true);
-  useEffect(() => {
-    if (firstSync.current) {
-      firstSync.current = false;
-      return;
-    }
-    if (syncState) setState((prev) => ({ ...prev, ...syncState }));
-  }, [syncState, setState]);
-  useEffect(() => {
-    onStateChange?.(state);
-  }, [state, onStateChange]);
-}
-function seedState(appliedState, syncState, allColumnIds) {
-  const seed = appliedState ?? emptyViewState(allColumnIds);
-  return syncState ? { ...seed, ...syncState } : seed;
-}
-function makeSetScope(patch, clearSelection) {
-  return (id) => {
-    patch({ scope: id });
-    clearSelection();
-  };
-}
-function orderedColumnIds(allColumnIds, order) {
-  if (!order || order.length === 0) return allColumnIds;
-  const declared = new Set(allColumnIds);
-  const kept = order.filter((id) => declared.has(id));
-  const seen = new Set(kept);
-  return [...kept, ...allColumnIds.filter((id) => !seen.has(id))];
-}
-function liveQuery(state, scope, server, matchedCount) {
-  return {
-    search: state.search,
-    pills: state.pills,
-    ranges: state.ranges ?? {},
-    sortBy: state.sortBy,
-    // Absent, not undefined, when the table declares no scopes.
-    ...scope !== void 0 ? { scope } : {},
-    page: server?.page ?? 1,
-    // Client mode has one page, and it is everything that matched.
-    pageSize: server?.pageSize ?? matchedCount
-  };
-}
-function activeSortOf(state, resolvedSortFields) {
-  const active = state.sortBy?.[0];
-  return {
-    activeSortField: active?.id ?? resolvedSortFields[0]?.value ?? "",
-    activeSortOrder: active?.dir === "desc" ? "desc" : "asc"
-  };
-}
-function useDataViewsState({
-  rows,
-  columns,
-  fields,
-  rangeFields,
-  getRowId,
-  onRowClick,
-  appliedState,
-  syncState,
-  onStateChange,
-  testIdPrefix,
-  sortFields,
-  rowActions,
-  rowActionsLeading,
-  renderRowMenu,
-  server,
-  scopes = [],
-  scopeFieldId
-}) {
-  useScopeConfigChecks(scopes, fields.map((field) => field.id), scopeFieldId, server !== void 0);
-  const { columnsWithActions, allColumnIds } = useColumnsWithActions(columns, {
-    rowActions,
-    rowActionsLeading,
-    renderRowMenu,
-    testIdPrefix,
-    getRowId
-  });
-  const [state, setState] = useState(
-    () => seedState(appliedState, syncState, allColumnIds)
-  );
-  const [filterOpen, setFilterOpen] = useState(false);
-  useStateSyncEffects(appliedState, syncState, state, onStateChange, setState);
-  const { patch, toggleColumn } = useStateWriters(setState);
-  const matched = useMatchedRows(server, rows, columns, fields, rangeFields, state);
-  const scope = resolveScope(scopes, state.scope);
-  const { changePage } = useServerQuery(server, state, scope);
-  const { gridColumns, hideableColumns } = useRenderedColumns(
-    columnsWithActions,
-    state.visibleColumns,
-    onRowClick,
-    state.order
-  );
-  const selection = useSelection(matched, getRowId, { rememberOffPage: Boolean(server) });
-  const resolvedSortFields = sortFields ?? defaultSortFields(columns);
-  return {
-    state,
-    ranges: state.ranges ?? {},
-    patch,
-    matched,
-    gridColumns,
-    hideableColumns,
-    columnOrder: orderedColumnIds(allColumnIds, state.order),
-    toggleColumn,
-    ...selection,
-    filterOpen,
-    setFilterOpen,
-    resolvedSortFields,
-    ...activeSortOf(state, resolvedSortFields),
-    activeFilterCount: computeActiveFilterCount(state, fields, rangeFields),
-    ...serverDerived(server, matched.length),
-    changePage,
-    scope,
-    setScope: makeSetScope(patch, selection.clearSelection),
-    currentQuery: liveQuery(state, scope, server, matched.length),
-    // Verbatim, or absent. See DataViewServer.scopeCounts for why there is no
-    // client-side fallback.
-    scopeCounts: server?.scopeCounts
-  };
-}
-
-export {
-  useDataViewsState
-};
-//# sourceMappingURL=chunk-TBRAZK3Y.js.map

package/dist/chunk-TJT4NSFN.js

@@ -1,41 +0,0 @@
-import {
-  useFormContext
-} from "./chunk-4XK6JQ4D.js";
-import {
-  Input
-} from "./chunk-P3L42CBB.js";
-import {
-  FormControl,
-  FormLabel,
-  FormMessage
-} from "./chunk-IPPTOL53.js";
-
-// src/components/form/total-form/Fields/TextField.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function TextField({ name, label, type = "text", placeholder }) {
-  const { values, errors, setFieldValue } = useFormContext();
-  const error = errors[name];
-  const testId = `total-form-field-${name}`;
-  return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { htmlFor: name, error: Boolean(error), children: label }),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        id: name,
-        name,
-        type,
-        placeholder,
-        value: values[name] ?? "",
-        error: Boolean(error),
-        "data-testid": testId,
-        onChange: (event) => setFieldValue(name, event.target.value)
-      }
-    ),
-    error && /* @__PURE__ */ jsx(FormMessage, { error: true, dataTestId: `${testId}-message`, children: error })
-  ] });
-}
-
-export {
-  TextField
-};
-//# sourceMappingURL=chunk-TJT4NSFN.js.map

package/dist/chunk-TK36COCP.js

@@ -1,16 +0,0 @@
-import {
-  uiThemeFromMui
-} from "./chunk-KCBAPMLH.js";
-
-// src/provider/use-ui-theme.ts
-import { useTheme } from "@mui/material/styles/index.js";
-import * as React from "react";
-function useUiTheme() {
-  const theme = useTheme();
-  return React.useMemo(() => uiThemeFromMui(theme), [theme]);
-}
-
-export {
-  useUiTheme
-};
-//# sourceMappingURL=chunk-TK36COCP.js.map

package/dist/chunk-TO2NXDZA.js

@@ -1,86 +0,0 @@
-// src/components/data-display/InteractiveTooltip/InteractiveTooltip.styles.ts
-import { alpha, keyframes } from "@mui/material/styles/index.js";
-var pulseAnimation = keyframes`
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  70% {
-    transform: scale(1.05);
-    opacity: 0.8;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-`;
-var SIZE_MAP = {
-  sm: { fontSize: "0.75rem", padding: "4px 8px" },
-  md: { fontSize: "0.875rem", padding: "6px 12px" },
-  lg: { fontSize: "1rem", padding: "8px 16px" }
-};
-var getSizeStyles = (size) => SIZE_MAP[size] || SIZE_MAP.md;
-var variantStyles = (theme, variant) => {
-  switch (variant) {
-    case "default":
-      return {
-        backgroundColor: alpha(theme.palette.grey[900], 0.92),
-        color: theme.palette.common.white,
-        boxShadow: `0 4px 12px ${alpha(theme.palette.common.black, 0.3)}`
-      };
-    case "dark":
-      return {
-        backgroundColor: "#000000",
-        color: theme.palette.common.white,
-        boxShadow: `0 6px 16px ${alpha(theme.palette.common.black, 0.5)}`,
-        border: `1px solid ${alpha(theme.palette.common.white, 0.1)}`
-      };
-    case "light":
-      return {
-        backgroundColor: theme.palette.common.white,
-        color: theme.palette.grey[900],
-        border: `1px solid ${alpha(theme.palette.grey[400], 0.4)}`,
-        boxShadow: `0 4px 16px ${alpha(theme.palette.common.black, 0.15)}`
-      };
-    case "glass":
-      return {
-        backgroundColor: alpha(theme.palette.background.paper, 0.75),
-        backdropFilter: "blur(24px) saturate(180%)",
-        WebkitBackdropFilter: "blur(24px) saturate(180%)",
-        border: `1px solid ${alpha(theme.palette.divider, 0.3)}`,
-        color: theme.palette.text.primary,
-        boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.12)}`
-      };
-    default:
-      return {};
-  }
-};
-var emphasisStyles = (theme, glow, pulse) => ({
-  ...glow && {
-    boxShadow: `0 0 15px 3px ${alpha(theme.palette.primary.main, 0.4)} !important`,
-    filter: "brightness(1.05)"
-  },
-  ...pulse && {
-    animation: `${pulseAnimation} 2s infinite`
-  }
-});
-var arrowColor = (theme, variant) => {
-  switch (variant) {
-    case "light":
-      return theme.palette.common.white;
-    case "glass":
-      return alpha(theme.palette.background.paper, 0.75);
-    case "dark":
-      return "#000000";
-    default:
-      return alpha(theme.palette.grey[900], 0.92);
-  }
-};
-
-export {
-  getSizeStyles,
-  variantStyles,
-  emphasisStyles,
-  arrowColor
-};
-//# sourceMappingURL=chunk-TO2NXDZA.js.map

package/dist/chunk-TO2NXDZA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/InteractiveTooltip/InteractiveTooltip.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nconst pulseAnimation = keyframes`\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  70% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n`;\n\nconst SIZE_MAP = {\n  sm: { fontSize: '0.75rem', padding: '4px 8px' },\n  md: { fontSize: '0.875rem', padding: '6px 12px' },\n  lg: { fontSize: '1rem', padding: '8px 16px' },\n} as const;\n\nexport const getSizeStyles = (size?: string): { fontSize: string; padding: string } =>\n  SIZE_MAP[size as keyof typeof SIZE_MAP] || SIZE_MAP.md;\n\nexport const variantStyles = (theme: Theme, variant?: string): CSSObject => {\n  switch (variant) {\n    case 'default':\n      return {\n        backgroundColor: alpha(theme.palette.grey[900], 0.92),\n        color: theme.palette.common.white,\n        boxShadow: `0 4px 12px ${alpha(theme.palette.common.black, 0.3)}`,\n      };\n    case 'dark':\n      return {\n        backgroundColor: '#000000',\n        color: theme.palette.common.white,\n        boxShadow: `0 6px 16px ${alpha(theme.palette.common.black, 0.5)}`,\n        border: `1px solid ${alpha(theme.palette.common.white, 0.1)}`,\n      };\n    case 'light':\n      return {\n        backgroundColor: theme.palette.common.white,\n        color: theme.palette.grey[900],\n        border: `1px solid ${alpha(theme.palette.grey[400], 0.4)}`,\n        boxShadow: `0 4px 16px ${alpha(theme.palette.common.black, 0.15)}`,\n      };\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, 0.75),\n        backdropFilter: 'blur(24px) saturate(180%)',\n        WebkitBackdropFilter: 'blur(24px) saturate(180%)',\n        border: `1px solid ${alpha(theme.palette.divider, 0.3)}`,\n        color: theme.palette.text.primary,\n        boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.12)}`,\n      };\n    default:\n      return {};\n  }\n};\n\n// glow and pulse are independent flags. The three combinations used to be spelled\n// out one by one, but each is just the union of whichever flags are set.\nexport const emphasisStyles = (theme: Theme, glow?: boolean, pulse?: boolean): CSSObject => ({\n  ...(glow && {\n    boxShadow: `0 0 15px 3px ${alpha(theme.palette.primary.main, 0.4)} !important`,\n    filter: 'brightness(1.05)',\n  }),\n  ...(pulse && {\n    animation: `${pulseAnimation} 2s infinite`,\n  }),\n});\n\nexport const arrowColor = (theme: Theme, variant?: string): string => {\n  switch (variant) {\n    case 'light':\n      return theme.palette.common.white;\n    case 'glass':\n      return alpha(theme.palette.background.paper, 0.75);\n    case 'dark':\n      return '#000000';\n    default:\n      return alpha(theme.palette.grey[900], 0.92);\n  }\n};\n"],"mappings":";AAAA,SAAS,OAAO,iBAAiB;AAGjC,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAevB,IAAM,WAAW;AAAA,EACf,IAAI,EAAE,UAAU,WAAW,SAAS,UAAU;AAAA,EAC9C,IAAI,EAAE,UAAU,YAAY,SAAS,WAAW;AAAA,EAChD,IAAI,EAAE,UAAU,QAAQ,SAAS,WAAW;AAC9C;AAEO,IAAM,gBAAgB,CAAC,SAC5B,SAAS,IAA6B,KAAK,SAAS;AAE/C,IAAM,gBAAgB,CAAC,OAAc,YAAgC;AAC1E,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,MAAM,QAAQ,KAAK,GAAG,GAAG,IAAI;AAAA,QACpD,OAAO,MAAM,QAAQ,OAAO;AAAA,QAC5B,WAAW,cAAc,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,CAAC;AAAA,MACjE;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO,MAAM,QAAQ,OAAO;AAAA,QAC5B,WAAW,cAAc,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,CAAC;AAAA,QAC/D,QAAQ,aAAa,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,CAAC;AAAA,MAC7D;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,QAAQ,OAAO;AAAA,QACtC,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,QAC7B,QAAQ,aAAa,MAAM,MAAM,QAAQ,KAAK,GAAG,GAAG,GAAG,CAAC;AAAA,QACxD,WAAW,cAAc,MAAM,MAAM,QAAQ,OAAO,OAAO,IAAI,CAAC;AAAA,MAClE;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,QAC3D,gBAAgB;AAAA,QAChB,sBAAsB;AAAA,QACtB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,QACtD,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,WAAW,cAAc,MAAM,MAAM,QAAQ,OAAO,OAAO,IAAI,CAAC;AAAA,MAClE;AAAA,IACF;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAIO,IAAM,iBAAiB,CAAC,OAAc,MAAgB,WAAgC;AAAA,EAC3F,GAAI,QAAQ;AAAA,IACV,WAAW,gBAAgB,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC;AAAA,IACjE,QAAQ;AAAA,EACV;AAAA,EACA,GAAI,SAAS;AAAA,IACX,WAAW,GAAG,cAAc;AAAA,EAC9B;AACF;AAEO,IAAM,aAAa,CAAC,OAAc,YAA6B;AACpE,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO,MAAM,QAAQ,OAAO;AAAA,IAC9B,KAAK;AACH,aAAO,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,IACnD,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO,MAAM,MAAM,QAAQ,KAAK,GAAG,GAAG,IAAI;AAAA,EAC9C;AACF;","names":[]}