@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-SMCLG2RA.js

@@ -1,153 +0,0 @@
-import {
-  dynamicViewportHeight
-} from "./chunk-AKZWDZCZ.js";
-
-// src/components/feedback/StackedModal/StackedModal.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var STYLE_ONLY_PROPS = ["modalRole", "isAnimating", "glass", "rtl", "customMaxWidth"];
-var MAX_WIDTH_PX = {
-  xs: 444,
-  sm: 600,
-  md: 960,
-  lg: 1280,
-  xl: 1920
-};
-var BACKDROP_BY_ROLE = {
-  secondary: "rgba(0, 0, 0, 0.3)",
-  background: "rgba(0, 0, 0, 0.1)"
-};
-var ANIMATION_BY_ROLE = {
-  secondary: "expandModal 300ms ease-in-out forwards",
-  primary: "contractModal 300ms ease-in-out forwards"
-};
-var KEYFRAMES = {
-  "@keyframes expandModal": {
-    from: { width: "60vw", transform: "translateX(0)" },
-    to: { width: "100vw", transform: "translateX(0)" }
-  },
-  "@keyframes contractModal": {
-    from: { width: "100vw", transform: "translateX(0)" },
-    to: { width: "60vw", transform: "translateX(0)" }
-  }
-};
-var cap = (customMaxWidth) => customMaxWidth ? MAX_WIDTH_PX[customMaxWidth] : null;
-var panelWidth = (share, capPx) => capPx ? { width: `min(${share}, ${capPx}px)`, maxWidth: `${capPx}px` } : { width: share, maxWidth: share };
-var backdropStyles = (modalRole) => ({
-  backgroundColor: (modalRole && BACKDROP_BY_ROLE[modalRole]) ?? "rgba(0, 0, 0, 0.5)",
-  backdropFilter: modalRole === "primary" ? "blur(4px)" : "none"
-});
-var primaryPanelStyles = (theme, capPx) => ({
-  [theme.breakpoints.down("sm")]: panelWidth("100%", capPx),
-  [theme.breakpoints.between("sm", "lg")]: panelWidth("80vw", capPx),
-  [theme.breakpoints.up("lg")]: panelWidth("60vw", capPx),
-  "@media (min-width:2200px)": panelWidth("40vw", capPx)
-});
-var secondaryPanelStyles = () => ({
-  width: "100vw !important",
-  maxWidth: "100vw !important",
-  right: "0 !important",
-  top: "0 !important",
-  ...dynamicViewportHeight("height", "maxHeight"),
-  borderRadius: "0 !important",
-  opacity: 0.95,
-  transform: "scale(1)"
-});
-var rolePanelStyles = (theme, role, capPx) => {
-  if (role === "primary") return primaryPanelStyles(theme, capPx);
-  if (role === "secondary") return secondaryPanelStyles();
-  if (role === "background") return { display: "none" };
-  return {};
-};
-var glassStyles = (theme, glass, role) => glass && role === "primary" ? {
-  backgroundColor: alpha(theme.palette.background.paper, 0.85),
-  backdropFilter: "blur(10px)",
-  WebkitBackdropFilter: "blur(10px)",
-  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`
-} : {};
-var animationStyles = (isAnimating, role) => isAnimating ? { animation: (role && ANIMATION_BY_ROLE[role]) ?? "none" } : {};
-var panelBaseStyles = (theme) => ({
-  margin: 0,
-  position: "fixed",
-  right: 0,
-  top: 0,
-  // Pinned to the DYNAMIC viewport: on iOS a `100vh` panel runs underneath the
-  // browser toolbar, which parks the tail of the scroll area (the submit row)
-  // out of reach. See `dynamicViewportHeight`.
-  ...dynamicViewportHeight("height", "maxHeight"),
-  borderRadius: 0,
-  willChange: "transform, width, border-radius",
-  transition: theme.transitions.create(
-    ["width", "max-width", "border-radius", "transform", "opacity"],
-    { duration: 300, easing: theme.transitions.easing.easeInOut }
-  )
-});
-var panelStyles = (theme, props) => {
-  const capPx = cap(props.customMaxWidth);
-  return {
-    ...panelBaseStyles(theme),
-    ...rolePanelStyles(theme, props.modalRole, capPx),
-    ...glassStyles(theme, props.glass, props.modalRole),
-    ...animationStyles(props.isAnimating, props.modalRole)
-  };
-};
-var dialogRootStyles = (theme, props) => ({
-  direction: props.rtl ? "rtl" : "ltr",
-  "& .MuiBackdrop-root": backdropStyles(props.modalRole),
-  "& .MuiDialog-container": { alignItems: "flex-start", justifyContent: "flex-end" },
-  "& .MuiDialog-paper": panelStyles(theme, props),
-  ...KEYFRAMES
-});
-var titleStyles = (theme, rtl) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  padding: theme.spacing(2, 2.5),
-  borderBottom: `1px solid ${theme.palette.divider}`,
-  direction: rtl ? "rtl" : "ltr"
-});
-var titleLeftStyles = (theme) => ({
-  display: "flex",
-  alignItems: "center",
-  gap: theme.spacing(1.5),
-  flex: 1
-});
-var titleRightStyles = (theme) => ({
-  display: "flex",
-  alignItems: "center",
-  gap: theme.spacing(1)
-});
-var loadingOverlayStyles = (theme) => ({
-  position: "absolute",
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  justifyContent: "center",
-  backgroundColor: alpha(theme.palette.background.paper, 0.8),
-  zIndex: 9999
-});
-var modalContentStyles = (theme) => ({
-  padding: theme.spacing(3),
-  // MUI's DialogContent defaults to `overflow-y: auto`, but inside a panel it is
-  // NOT the element that scrolls — ModalBody above it is, and this box always
-  // ends up exactly as tall as its own content. A scroll container that never
-  // scrolls is still the containing block for every `position: sticky`
-  // descendant, so a sticky header anchored here gets zero travel and rides the
-  // content out of view: sticky, and pinned to nothing. Handing the overflow
-  // back to ModalBody makes the panel's own scroller the anchor.
-  overflowY: "visible"
-});
-
-export {
-  STYLE_ONLY_PROPS,
-  dialogRootStyles,
-  titleStyles,
-  titleLeftStyles,
-  titleRightStyles,
-  loadingOverlayStyles,
-  modalContentStyles
-};
-//# sourceMappingURL=chunk-SMCLG2RA.js.map

package/dist/chunk-SMCLG2RA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/feedback/StackedModal/StackedModal.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport { dynamicViewportHeight } from '../../../utils/viewport';\nimport type { ModalPanelRole, PanelMaxWidth } from './StackedModal.types';\n\n/** Props that drive the panel's look but must not reach the DOM. */\nexport interface PanelStyleProps {\n  modalRole?: ModalPanelRole;\n  isAnimating?: boolean;\n  glass?: boolean;\n  rtl?: boolean;\n  customMaxWidth?: PanelMaxWidth;\n}\n\n/** Style-only props, filtered out before they can land on a DOM node. */\nexport const STYLE_ONLY_PROPS = ['modalRole', 'isAnimating', 'glass', 'rtl', 'customMaxWidth'];\n\n/** MUI breakpoint names mapped to the pixel width they cap the panel at. */\nconst MAX_WIDTH_PX: Record<Exclude<PanelMaxWidth, false>, number> = {\n  xs: 444,\n  sm: 600,\n  md: 960,\n  lg: 1280,\n  xl: 1920,\n};\n\nconst BACKDROP_BY_ROLE: Partial<Record<ModalPanelRole, string>> = {\n  secondary: 'rgba(0, 0, 0, 0.3)',\n  background: 'rgba(0, 0, 0, 0.1)',\n};\n\nconst ANIMATION_BY_ROLE: Partial<Record<ModalPanelRole, string>> = {\n  secondary: 'expandModal 300ms ease-in-out forwards',\n  primary: 'contractModal 300ms ease-in-out forwards',\n};\n\n// Animation endpoints use the common lg width (60vw); the role styles set the\n// exact per-breakpoint width once the animation settles.\nconst KEYFRAMES: CSSObject = {\n  '@keyframes expandModal': {\n    from: { width: '60vw', transform: 'translateX(0)' },\n    to: { width: '100vw', transform: 'translateX(0)' },\n  },\n  '@keyframes contractModal': {\n    from: { width: '100vw', transform: 'translateX(0)' },\n    to: { width: '60vw', transform: 'translateX(0)' },\n  },\n};\n\nconst cap = (customMaxWidth?: PanelMaxWidth): number | null =>\n  customMaxWidth ? MAX_WIDTH_PX[customMaxWidth] : null;\n\n/** One breakpoint's width: the viewport share, held under the optional px cap. */\nconst panelWidth = (share: string, capPx: number | null): CSSObject =>\n  capPx\n    ? { width: `min(${share}, ${capPx}px)`, maxWidth: `${capPx}px` }\n    : { width: share, maxWidth: share };\n\nconst backdropStyles = (modalRole?: ModalPanelRole): CSSObject => ({\n  backgroundColor: (modalRole && BACKDROP_BY_ROLE[modalRole]) ?? 'rgba(0, 0, 0, 0.5)',\n  backdropFilter: modalRole === 'primary' ? 'blur(4px)' : 'none',\n});\n\n/**\n * The top panel is viewport-aware and narrows as the screen grows: full width on\n * mobile, 80vw on tablet/small desktop, 60vw on regular desktops (lg up —\n * including ~1080p/1440p/1080-wide), and 40vw only on ultra-wide screens\n * (≥2200px) so the receding panel stays visible on huge monitors. A `maxWidth`\n * prop, when given, caps it further.\n */\nconst primaryPanelStyles = (theme: Theme, capPx: number | null): CSSObject => ({\n  [theme.breakpoints.down('sm')]: panelWidth('100%', capPx),\n  [theme.breakpoints.between('sm', 'lg')]: panelWidth('80vw', capPx),\n  [theme.breakpoints.up('lg')]: panelWidth('60vw', capPx),\n  '@media (min-width:2200px)': panelWidth('40vw', capPx),\n});\n\n/** Panels below the top one expand to full width, producing the GTM stacking effect. */\nconst secondaryPanelStyles = (): CSSObject => ({\n  width: '100vw !important',\n  maxWidth: '100vw !important',\n  right: '0 !important',\n  top: '0 !important',\n  ...dynamicViewportHeight('height', 'maxHeight'),\n  borderRadius: '0 !important',\n  opacity: 0.95,\n  transform: 'scale(1)',\n});\n\nconst rolePanelStyles = (theme: Theme, role: ModalPanelRole | undefined, capPx: number | null): CSSObject => {\n  if (role === 'primary') return primaryPanelStyles(theme, capPx);\n  if (role === 'secondary') return secondaryPanelStyles();\n  // Background modals stay mounted but hidden, for performance.\n  if (role === 'background') return { display: 'none' };\n  return {};\n};\n\nconst glassStyles = (theme: Theme, glass?: boolean, role?: ModalPanelRole): CSSObject =>\n  glass && role === 'primary'\n    ? {\n        backgroundColor: alpha(theme.palette.background.paper, 0.85),\n        backdropFilter: 'blur(10px)',\n        WebkitBackdropFilter: 'blur(10px)',\n        border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,\n      }\n    : {};\n\nconst animationStyles = (isAnimating?: boolean, role?: ModalPanelRole): CSSObject =>\n  isAnimating ? { animation: (role && ANIMATION_BY_ROLE[role]) ?? 'none' } : {};\n\nconst panelBaseStyles = (theme: Theme): CSSObject => ({\n  margin: 0,\n  position: 'fixed',\n  right: 0,\n  top: 0,\n  // Pinned to the DYNAMIC viewport: on iOS a `100vh` panel runs underneath the\n  // browser toolbar, which parks the tail of the scroll area (the submit row)\n  // out of reach. See `dynamicViewportHeight`.\n  ...dynamicViewportHeight('height', 'maxHeight'),\n  borderRadius: 0,\n  willChange: 'transform, width, border-radius',\n  transition: theme.transitions.create(\n    ['width', 'max-width', 'border-radius', 'transform', 'opacity'],\n    { duration: 300, easing: theme.transitions.easing.easeInOut },\n  ),\n});\n\nconst panelStyles = (theme: Theme, props: PanelStyleProps): CSSObject => {\n  const capPx = cap(props.customMaxWidth);\n  return {\n    ...panelBaseStyles(theme),\n    ...rolePanelStyles(theme, props.modalRole, capPx),\n    ...glassStyles(theme, props.glass, props.modalRole),\n    ...animationStyles(props.isAnimating, props.modalRole),\n  };\n};\n\n/** The full rule set for the sliding panel's Dialog root. */\nexport const dialogRootStyles = (theme: Theme, props: PanelStyleProps): CSSObject => ({\n  direction: props.rtl ? 'rtl' : 'ltr',\n  '& .MuiBackdrop-root': backdropStyles(props.modalRole),\n  '& .MuiDialog-container': { alignItems: 'flex-start', justifyContent: 'flex-end' },\n  '& .MuiDialog-paper': panelStyles(theme, props),\n  ...KEYFRAMES,\n});\n\nexport const titleStyles = (theme: Theme, rtl?: boolean): CSSObject => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  padding: theme.spacing(2, 2.5),\n  borderBottom: `1px solid ${theme.palette.divider}`,\n  direction: rtl ? 'rtl' : 'ltr',\n});\n\nexport const titleLeftStyles = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1.5),\n  flex: 1,\n});\n\nexport const titleRightStyles = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n});\n\nexport const loadingOverlayStyles = (theme: Theme): CSSObject => ({\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  backgroundColor: alpha(theme.palette.background.paper, 0.8),\n  zIndex: 9999,\n});\n\nexport const modalContentStyles = (theme: Theme): CSSObject => ({\n  padding: theme.spacing(3),\n  // MUI's DialogContent defaults to `overflow-y: auto`, but inside a panel it is\n  // NOT the element that scrolls — ModalBody above it is, and this box always\n  // ends up exactly as tall as its own content. A scroll container that never\n  // scrolls is still the containing block for every `position: sticky`\n  // descendant, so a sticky header anchored here gets zero travel and rides the\n  // content out of view: sticky, and pinned to nothing. Handing the overflow\n  // back to ModalBody makes the panel's own scroller the anchor.\n  overflowY: 'visible',\n});\n"],"mappings":"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","names":[]}

package/dist/chunk-SVFA75FO.js

@@ -1,80 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/data-views-empty.tsx
-import FilterAltOffRoundedIcon from "@mui/icons-material/FilterAltOffRounded";
-import InboxRoundedIcon from "@mui/icons-material/InboxRounded";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function DataViewsEmpty({
-  filtered,
-  onClearFilters,
-  emptyState,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const Icon = filtered ? FilterAltOffRoundedIcon : InboxRoundedIcon;
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      "data-testid": `${testIdPrefix}-empty${filtered ? "-filtered" : ""}`,
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        textAlign: "center",
-        py: 8,
-        px: 2
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          default2,
-          {
-            sx: {
-              display: "inline-flex",
-              p: 2,
-              mb: 1.5,
-              borderRadius: "50%",
-              bgcolor: "action.hover",
-              color: "text.disabled"
-            },
-            children: /* @__PURE__ */ jsx(Icon, {})
-          }
-        ),
-        filtered ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontWeight: 600 }, children: copy.grid.emptyFilteredTitle }) }),
-          /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", mt: 0.5, mb: 2, color: "text.secondary", maxWidth: 380 }, children: copy.grid.emptyFilteredHint }) }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "sm",
-              color: "secondary",
-              onClick: onClearFilters,
-              dataTestId: `${testIdPrefix}-empty-clear`,
-              children: copy.grid.emptyFilteredAction
-            }
-          )
-        ] }) : (
-          // The page's own words for "nothing here yet" — it knows what the
-          // entity is and how one comes to exist; this component does not.
-          emptyState
-        )
-      ]
-    }
-  );
-}
-
-export {
-  DataViewsEmpty
-};
-//# sourceMappingURL=chunk-SVFA75FO.js.map

package/dist/chunk-SVXHKIGJ.js

@@ -1,201 +0,0 @@
-import {
-  RangeBounds
-} from "./chunk-SLODUPES.js";
-import {
-  isRangeSet
-} from "./chunk-GCZJH4XL.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  MultiSelectDropdown
-} from "./chunk-EKSSKQUW.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-import {
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-
-// src/components/data-display/DataViews/data-views-more-fields.tsx
-import Checkbox from "@mui/material/Checkbox/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var INLINE_OPTION_LIMIT = 2;
-function OverflowPill({
-  field,
-  values,
-  onToggle,
-  onClear,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const options = field.pill?.options ?? [];
-  if (options.length > INLINE_OPTION_LIMIT) {
-    return /* @__PURE__ */ jsx(
-      MultiSelectDropdown,
-      {
-        extraOptionsHeading: copy.filters.optionsHeading,
-        clearText: copy.filters.clear,
-        clearLabel: copy.filters.clearRange(field.label),
-        label: field.pill?.label ?? field.label,
-        options,
-        selected: new Set(values),
-        onToggle,
-        onClear,
-        allLabel: copy.filters.allOption,
-        searchable: options.length > 6 ? true : void 0,
-        searchPlaceholder: copy.filters.optionSearchPlaceholder,
-        noResultsLabel: copy.filters.optionsEmpty,
-        layout: "pill",
-        "data-testid": `${testIdPrefix}-more-${field.id}`
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(default2, { sx: { display: "flex", flexWrap: "wrap", gap: 0.75 }, children: (field.pill?.options ?? []).map((option) => {
-    const checked = values.includes(option.value);
-    return /* @__PURE__ */ jsxs(
-      default2,
-      {
-        component: "label",
-        "data-testid": `${testIdPrefix}-more-${field.id}-${option.value}`,
-        sx: {
-          display: "inline-flex",
-          alignItems: "center",
-          gap: 0.25,
-          pr: 1,
-          border: 1,
-          borderStyle: "solid",
-          minHeight: fieldHeight,
-          borderColor: (theme) => checked ? theme.palette.primary.main : fieldEdge(theme),
-          bgcolor: checked ? "action.selected" : "transparent",
-          borderRadius: fieldRadiusPx,
-          cursor: "pointer",
-          fontSize: "0.8125rem",
-          color: checked ? "primary.main" : "text.secondary"
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              size: "small",
-              checked,
-              onChange: (event) => onToggle(option.value, event.target.checked),
-              inputProps: { "aria-label": `${field.label}: ${option.label}` }
-            }
-          ),
-          option.label
-        ]
-      },
-      option.value
-    );
-  }) });
-}
-function OverflowRange({
-  field,
-  value,
-  onChange,
-  testIdPrefix
-}) {
-  if (!field.range) return null;
-  return /* @__PURE__ */ jsx(
-    RangeBounds,
-    {
-      field: field.range,
-      value,
-      onChange,
-      testId: `${testIdPrefix}-more-${field.id}`
-    }
-  );
-}
-function fieldClearing({
-  field,
-  pills,
-  ranges,
-  onTogglePill,
-  onChangeRange
-}) {
-  if (field.group === "range") {
-    return {
-      applied: isRangeSet(ranges[field.id] ?? {}),
-      clear: () => onChangeRange(field.id, {})
-    };
-  }
-  const values = pills[field.id] ?? [];
-  return {
-    applied: values.length > 0,
-    clear: () => values.forEach((value) => onTogglePill(field.id, value, false))
-  };
-}
-function MoreGroup({
-  field,
-  pills,
-  ranges,
-  onTogglePill,
-  onChangeRange,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const { applied, clear } = fieldClearing({ field, pills, ranges, onTogglePill, onChangeRange });
-  return /* @__PURE__ */ jsxs(default2, { sx: { mb: 1.5, "&:last-of-type": { mb: 0 } }, children: [
-    /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.5 }, children: [
-      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsxs(default2, { component: "span", sx: { color: "text.secondary" }, children: [
-        field.label,
-        field.group === "range" && isRangeSet(ranges[field.id] ?? {}) ? " \u2022" : ""
-      ] }) }),
-      applied && /* @__PURE__ */ jsx(
-        default2,
-        {
-          component: "button",
-          type: "button",
-          onClick: clear,
-          "data-testid": `${testIdPrefix}-more-${field.id}-clear`,
-          sx: {
-            ml: "auto",
-            border: 0,
-            p: 0,
-            bgcolor: "transparent",
-            cursor: "pointer",
-            font: "inherit",
-            fontSize: "0.75rem",
-            color: "primary.main",
-            "&:hover": { textDecoration: "underline" }
-          },
-          children: copy.filters.clear
-        }
-      )
-    ] }),
-    field.group === "pill" ? /* @__PURE__ */ jsx(
-      OverflowPill,
-      {
-        field,
-        values: pills[field.id] ?? [],
-        onToggle: (value, checked) => onTogglePill(field.id, value, checked),
-        onClear: () => (pills[field.id] ?? []).forEach((v) => onTogglePill(field.id, v, false)),
-        testIdPrefix
-      }
-    ) : /* @__PURE__ */ jsx(
-      OverflowRange,
-      {
-        field,
-        value: ranges[field.id] ?? {},
-        onChange: (range) => onChangeRange(field.id, range),
-        testIdPrefix
-      }
-    )
-  ] });
-}
-
-export {
-  fieldClearing,
-  MoreGroup
-};
-//# sourceMappingURL=chunk-SVXHKIGJ.js.map

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