@12-apps/ui 6.11.1 → 6.12.0

package/dist/chunk-GYLOBDUC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/SaveViewModal.tsx"],"sourcesContent":["\"use client\";\n\nimport GroupOutlinedIcon from \"@mui/icons-material/GroupOutlined\";\nimport PushPinOutlinedIcon from \"@mui/icons-material/PushPinOutlined\";\nimport StarOutlineRoundedIcon from \"@mui/icons-material/StarOutlineRounded\";\nimport { useState } from \"react\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Dialog, DialogContent } from \"../../feedback/Dialog\";\nimport { Button } from \"../../form/Button\";\nimport { Input } from \"../../form/Input\";\nimport { Switch } from \"../../form/Switch\";\nimport { Box } from \"../../../mui/Box\";\nimport { Stack } from \"../../../mui/Stack\";\nimport { Text } from \"../../typography/Text\";\n\nimport { describeViewState } from \"./data-views-preview\";\nimport { PreviewBox } from \"./save-view-preview\";\nimport type {\n  DataViewColumn,\n  DataViewState,\n  FilterFieldConfig,\n  SavedViewSummary,\n} from \"./data-views-types\";\n\n/** The values the modal collects (the current view state is captured by the parent). */\nexport interface SaveViewPayload {\n  name: string;\n  description: string;\n  shared: boolean;\n  pinned: boolean;\n  isDefault: boolean;\n}\n\ninterface SaveViewModalProps<T extends Record<string, unknown>> {\n  open: boolean;\n  onClose: () => void;\n  /** The state being saved (drives the preview). */\n  currentState: DataViewState;\n  fields: FilterFieldConfig<T>[];\n  columns: DataViewColumn<T>[];\n  /** When set, the modal edits this view (seeds the form + becomes \"Salvar alterações\"). */\n  editing?: SavedViewSummary | null;\n  onSave: (payload: SaveViewPayload) => Promise<void> | void;\n  testIdPrefix?: string;\n}\n\ninterface FlagsSwitchesProps {\n  pinned: boolean;\n  shared: boolean;\n  isDefault: boolean;\n  setPinned: (value: boolean) => void;\n  setShared: (value: boolean) => void;\n  setIsDefault: (value: boolean) => void;\n  testIdPrefix: string;\n}\n\n/**\n * One flag: what it is, and what it DOES. A bare \"Fixar na barra lateral\"\n * beside a switch asks the operator to guess where it appears and to whom —\n * the sentence is the difference between a labelled toggle and an explained one.\n */\nfunction FlagRow({\n  icon,\n  title,\n  description,\n  checked,\n  onChange,\n  testId,\n}: {\n  icon: React.ReactNode;\n  title: string;\n  description: string;\n  checked: boolean;\n  onChange: (value: boolean) => void;\n  testId: string;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"label\"\n      sx={{\n        display: \"flex\",\n        alignItems: \"flex-start\",\n        gap: 1.5,\n        px: 1,\n        py: 1,\n        borderRadius: 1,\n        cursor: \"pointer\",\n        \"&:hover\": { bgcolor: \"action.hover\" },\n      }}\n    >\n      <Box sx={{ mt: 0.25, color: \"text.disabled\", display: \"flex\" }}>{icon}</Box>\n      <Box sx={{ minWidth: 0, flex: 1 }}>\n        <Text variant=\"body\" as=\"span\">\n          <Box component=\"span\" sx={{ display: \"block\", fontSize: \"0.875rem\" }}>\n            {title}\n          </Box>\n        </Text>\n        <Text variant=\"caption\" as=\"span\">\n          <Box component=\"span\" sx={{ display: \"block\", color: \"text.secondary\", lineHeight: 1.5 }}>\n            {description}\n          </Box>\n        </Text>\n      </Box>\n      <Switch\n        size=\"sm\"\n        checked={checked}\n        onChange={(_event, value) => onChange(value)}\n        dataTestId={testId}\n      />\n    </Box>\n  );\n}\n\nfunction FlagsSwitches({\n  pinned,\n  shared,\n  isDefault,\n  setPinned,\n  setShared,\n  setIsDefault,\n  testIdPrefix,\n}: FlagsSwitchesProps): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Stack spacing={0}>\n      <FlagRow\n        icon={<PushPinOutlinedIcon fontSize=\"small\" />}\n        title={copy.saveView.pinnedTitle}\n        description={copy.saveView.pinnedDescription}\n        checked={pinned}\n        onChange={setPinned}\n        testId={`${testIdPrefix}-save-pinned`}\n      />\n      <FlagRow\n        icon={<GroupOutlinedIcon fontSize=\"small\" />}\n        title={copy.saveView.sharedTitle}\n        description={copy.saveView.sharedDescription}\n        checked={shared}\n        onChange={setShared}\n        testId={`${testIdPrefix}-save-shared`}\n      />\n      <FlagRow\n        icon={<StarOutlineRoundedIcon fontSize=\"small\" />}\n        title={copy.saveView.setDefaultTitle}\n        description={copy.saveView.setDefaultDescription}\n        checked={isDefault}\n        onChange={setIsDefault}\n        testId={`${testIdPrefix}-save-default`}\n      />\n    </Stack>\n  );\n}\n\ninterface SaveViewFormState {\n  name: string;\n  description: string;\n  pinned: boolean;\n  shared: boolean;\n  isDefault: boolean;\n  canSave: boolean;\n  error: string | null;\n  setName: (value: string) => void;\n  setDescription: (value: string) => void;\n  setPinned: (value: boolean) => void;\n  setShared: (value: boolean) => void;\n  setIsDefault: (value: boolean) => void;\n  submit: () => Promise<void>;\n}\n\n/** The initial form values, seeded from an edited view (or blank for create). */\nfunction seedForm(editing: SavedViewSummary | null | undefined): SaveViewPayload {\n  if (!editing) {\n    return { name: \"\", description: \"\", pinned: false, shared: false, isDefault: false };\n  }\n  return {\n    name: editing.name,\n    description: editing.description ?? \"\",\n    pinned: editing.pinned,\n    shared: editing.shared,\n    isDefault: editing.isDefault,\n  };\n}\n\n/** Local form state + submit for {@link SaveViewModal}, seeded from an edited view. */\nfunction useSaveViewForm(\n  editing: SavedViewSummary | null | undefined,\n  onSave: (payload: SaveViewPayload) => Promise<void> | void,\n): SaveViewFormState {\n  const copy = useDataViewsCopy();\n  const initial = seedForm(editing);\n  const [name, setName] = useState(initial.name);\n  const [description, setDescription] = useState(initial.description);\n  const [pinned, setPinned] = useState(initial.pinned);\n  const [shared, setShared] = useState(initial.shared);\n  const [isDefault, setIsDefault] = useState(initial.isDefault);\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const canSave = name.trim().length > 0 && !saving;\n\n  async function submit(): Promise<void> {\n    setSaving(true);\n    setError(null);\n    // A rejected save (e.g. duplicate name) is caught here so the modal stays\n    // open and shows the reason; the finally always re-enables the button.\n    try {\n      await onSave({ name: name.trim(), description: description.trim(), shared, pinned, isDefault });\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : copy.saveView.saveFailed);\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  return {\n    name,\n    description,\n    pinned,\n    shared,\n    isDefault,\n    canSave,\n    error,\n    setName,\n    setDescription,\n    setPinned,\n    setShared,\n    setIsDefault,\n    submit,\n  };\n}\n\n/**\n * The \"Salvar visão\" modal (FUT-89): captures a name + description and the pin /\n * share / default flags, and previews the filters, visible columns, and sort the\n * view will store. Used for both create and edit.\n */\n/**\n * The dialog's two buttons.\n *\n * Cancel first, primary last: the confirming action sits where the eye lands\n * at the end of the dialog, not before the way out.\n */\nfunction FormFooter({\n  editing,\n  canSave,\n  onSubmit,\n  onClose,\n  testIdPrefix,\n}: {\n  editing: SaveViewModalProps<never>[\"editing\"];\n  canSave: boolean;\n  onSubmit: () => void;\n  onClose: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Stack direction=\"row\" spacing={1.5} sx={{ justifyContent: \"flex-end\" }}>\n      <Button variant=\"text\" color=\"neutral\" onClick={onClose} dataTestId={`${testIdPrefix}-save-cancel`}>\n        {copy.saveView.cancel}\n      </Button>\n      <Button onClick={onSubmit} disabled={!canSave} dataTestId={`${testIdPrefix}-save-submit`}>\n        {editing ? copy.saveView.submitEditing : copy.saveView.submitCreating}\n      </Button>\n    </Stack>\n  );\n}\n\nexport function SaveViewModal<T extends Record<string, unknown>>({\n  open,\n  onClose,\n  currentState,\n  fields,\n  columns,\n  editing,\n  onSave,\n  testIdPrefix = \"view\",\n}: SaveViewModalProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const form = useSaveViewForm(editing, onSave);\n  const preview = describeViewState(currentState, fields, columns);\n\n  return (\n    <Dialog\n      open={open}\n      onClose={onClose}\n      title={editing ? copy.saveView.titleEditing : copy.saveView.titleCreating}\n      size=\"sm\"\n      showCloseButton\n      dataTestId={`${testIdPrefix}-save-modal`}\n    >\n      <DialogContent>\n        <Stack spacing={2} data-testid={`${testIdPrefix}-save-form`}>\n          <Input\n            size=\"sm\"\n            fullWidth\n            label={copy.saveView.nameLabel}\n            placeholder={copy.saveView.namePlaceholder}\n            value={form.name}\n            onChange={(event) => form.setName(event.target.value)}\n            data-testid={`${testIdPrefix}-save-name`}\n          />\n          <Input\n            size=\"sm\"\n            fullWidth\n            label={copy.saveView.descriptionLabel}\n            placeholder={copy.saveView.descriptionPlaceholder}\n            value={form.description}\n            onChange={(event) => form.setDescription(event.target.value)}\n            data-testid={`${testIdPrefix}-save-description`}\n          />\n\n          <FlagsSwitches\n            pinned={form.pinned}\n            shared={form.shared}\n            isDefault={form.isDefault}\n            setPinned={form.setPinned}\n            setShared={form.setShared}\n            setIsDefault={form.setIsDefault}\n            testIdPrefix={testIdPrefix}\n          />\n\n          <PreviewBox preview={preview} testIdPrefix={testIdPrefix} />\n\n          {form.error && (\n            <Text variant=\"caption\" color=\"danger\" as=\"p\" data-testid={`${testIdPrefix}-save-error`}>\n              {form.error}\n            </Text>\n          )}\n\n          <FormFooter\n            editing={editing}\n            canSave={form.canSave}\n            onSubmit={() => void form.submit()}\n            onClose={onClose}\n            testIdPrefix={testIdPrefix}\n          />\n        </Stack>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-HBQU2LWP.js

@@ -1,114 +0,0 @@
-import {
-  LabelContainer,
-  SwitchControl,
-  SwitchHelper,
-  SwitchLabel
-} from "./chunk-7A27MGH6.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/form/Switch/Switch.tsx
-import { Box } from "@mui/material";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULTS = {
-  variant: "default",
-  color: "primary",
-  size: "md",
-  glow: false,
-  glass: false,
-  gradient: false,
-  labelPosition: "end",
-  error: false,
-  animated: true,
-  loading: false,
-  ripple: false,
-  pulse: false
-};
-var Switch = forwardRef((props, ref) => {
-  const {
-    variant,
-    color,
-    size,
-    label,
-    description,
-    glow,
-    glass,
-    gradient,
-    labelPosition,
-    onIcon,
-    offIcon,
-    onText,
-    offText,
-    error,
-    helperText,
-    trackWidth,
-    trackHeight,
-    checked,
-    onChange,
-    animated,
-    loading,
-    ripple,
-    pulse,
-    dataTestId,
-    ...rest
-  } = withDefaults(props, DEFAULTS);
-  const containerTestId = dataTestId ? `${dataTestId}-container` : "switch-container";
-  const control = /* @__PURE__ */ jsx(
-    SwitchControl,
-    {
-      customVariant: variant,
-      customColor: color,
-      customSize: size,
-      glow,
-      glass,
-      gradient,
-      trackWidth,
-      trackHeight,
-      onText,
-      offText,
-      loading,
-      ripple,
-      pulse,
-      checked,
-      onChange,
-      onIcon,
-      offIcon,
-      animated,
-      size,
-      dataTestId,
-      switchRef: ref,
-      rest
-    }
-  );
-  const helper = /* @__PURE__ */ jsx(SwitchHelper, { helperText, error, dataTestId });
-  if (!label) {
-    return /* @__PURE__ */ jsxs(Box, { "data-testid": containerTestId, children: [
-      control,
-      helper
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Box, { "data-testid": containerTestId, children: [
-    /* @__PURE__ */ jsxs(LabelContainer, { labelPosition, error, children: [
-      labelPosition === "start" && control,
-      /* @__PURE__ */ jsx(
-        SwitchLabel,
-        {
-          label,
-          description,
-          error,
-          dataTestId
-        }
-      ),
-      labelPosition !== "start" && control
-    ] }),
-    helper
-  ] });
-});
-Switch.displayName = "Switch";
-
-export {
-  Switch
-};
-//# sourceMappingURL=chunk-HBQU2LWP.js.map

package/dist/chunk-HBQU2LWP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Switch/Switch.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport {\n  LabelContainer,\n  SwitchControl,\n  SwitchHelper,\n  SwitchLabel,\n} from './Switch.parts';\nimport type { SwitchProps } from './Switch.types';\n\nconst DEFAULTS = {\n  variant: 'default',\n  color: 'primary',\n  size: 'md',\n  glow: false,\n  glass: false,\n  gradient: false,\n  labelPosition: 'end',\n  error: false,\n  animated: true,\n  loading: false,\n  ripple: false,\n  pulse: false,\n} satisfies Partial<SwitchProps>;\n\ntype ResolvedProps = SwitchProps & Required<Pick<SwitchProps, keyof typeof DEFAULTS>>;\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>((props, ref) => {\n  const {\n    variant, color, size, label, description, glow, glass, gradient, labelPosition,\n    onIcon, offIcon, onText, offText, error, helperText, trackWidth, trackHeight,\n    checked, onChange, animated, loading, ripple, pulse, dataTestId,\n    ...rest\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const containerTestId = dataTestId ? `${dataTestId}-container` : 'switch-container';\n\n  const control = (\n    <SwitchControl\n      customVariant={variant}\n      customColor={color}\n      customSize={size}\n      glow={glow}\n      glass={glass}\n      gradient={gradient}\n      trackWidth={trackWidth}\n      trackHeight={trackHeight}\n      onText={onText}\n      offText={offText}\n      loading={loading}\n      ripple={ripple}\n      pulse={pulse}\n      checked={checked}\n      onChange={onChange}\n      onIcon={onIcon}\n      offIcon={offIcon}\n      animated={animated}\n      size={size}\n      dataTestId={dataTestId}\n      switchRef={ref}\n      rest={rest}\n    />\n  );\n\n  const helper = <SwitchHelper helperText={helperText} error={error} dataTestId={dataTestId} />;\n\n  if (!label) {\n    return (\n      <Box data-testid={containerTestId}>\n        {control}\n        {helper}\n      </Box>\n    );\n  }\n\n  return (\n    <Box data-testid={containerTestId}>\n      <LabelContainer labelPosition={labelPosition} error={error}>\n        {labelPosition === 'start' && control}\n\n        <SwitchLabel\n          label={label}\n          description={description}\n          error={error}\n          dataTestId={dataTestId}\n        />\n\n        {labelPosition !== 'start' && control}\n      </LabelContainer>\n\n      {helper}\n    </Box>\n  );\n});\n\nSwitch.displayName = 'Switch';\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,WAAW;AACpB,SAAgB,kBAAkB;AAwC9B,cA8BE,YA9BF;AA5BJ,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,eAAe;AAAA,EACf,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AACT;AAIO,IAAM,SAAS,WAA2C,CAAC,OAAO,QAAQ;AAC/E,QAAM;AAAA,IACJ;AAAA,IAAS;AAAA,IAAO;AAAA,IAAM;AAAA,IAAO;AAAA,IAAa;AAAA,IAAM;AAAA,IAAO;AAAA,IAAU;AAAA,IACjE;AAAA,IAAQ;AAAA,IAAS;AAAA,IAAQ;AAAA,IAAS;AAAA,IAAO;AAAA,IAAY;AAAA,IAAY;AAAA,IACjE;AAAA,IAAS;AAAA,IAAU;AAAA,IAAU;AAAA,IAAS;AAAA,IAAQ;AAAA,IAAO;AAAA,IACrD,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,QAAQ;AAEhC,QAAM,kBAAkB,aAAa,GAAG,UAAU,eAAe;AAEjE,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAe;AAAA,MACf,aAAa;AAAA,MACb,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA;AAAA,EACF;AAGF,QAAM,SAAS,oBAAC,gBAAa,YAAwB,OAAc,YAAwB;AAE3F,MAAI,CAAC,OAAO;AACV,WACE,qBAAC,OAAI,eAAa,iBACf;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AAEA,SACE,qBAAC,OAAI,eAAa,iBAChB;AAAA,yBAAC,kBAAe,eAA8B,OAC3C;AAAA,wBAAkB,WAAW;AAAA,MAE9B;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEC,kBAAkB,WAAW;AAAA,OAChC;AAAA,IAEC;AAAA,KACH;AAEJ,CAAC;AAED,OAAO,cAAc;","names":[]}

package/dist/chunk-HGVERQTG.js

@@ -1,181 +0,0 @@
-import {
-  DEFAULT_QUICK_RANGES
-} from "./chunk-QKLSHNOH.js";
-import {
-  useDateRangePicker
-} from "./chunk-UQSGEEAI.js";
-import {
-  DateRangeQuickList
-} from "./chunk-TXCIFJ6M.js";
-import {
-  DateRangeFields
-} from "./chunk-B6FRVP2R.js";
-import {
-  toLocalDay
-} from "./chunk-FRAVVI4A.js";
-import {
-  Calendar
-} from "./chunk-54OVGXLV.js";
-
-// src/components/form/DateRangePicker/DateRangePicker.tsx
-import { Box, Paper, useMediaQuery } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CALENDAR_CLASS = "date-range-picker__calendar";
-var NARROW_QUERY = "(max-width:899.95px)";
-var ROOT_SX = {
-  display: "inline-flex",
-  flexDirection: "column",
-  gap: 2,
-  p: 2,
-  maxWidth: "100%",
-  // `Calendar` renders its own `Paper` with 24px of padding. Nested in this one
-  // that reads as a box inside a box, so the inner frame is flattened here
-  // through the className hook the component exposes for exactly this.
-  [`& .${CALENDAR_CLASS}`]: {
-    p: 0,
-    boxShadow: "none",
-    backgroundColor: "transparent",
-    backgroundImage: "none"
-  }
-};
-var BODY_SX = {
-  display: "flex",
-  // The quick column sits BESIDE the calendar on a wide screen. Narrow, it
-  // moves ABOVE it — `column-reverse`, so the DOM order stays calendar-then-
-  // list (the calendar is the primary control and should be reached first by a
-  // screen reader and by Tab) while the eye meets the quick ranges first, which
-  // is the order the phone mock asks for and the order a thumb wants: nine
-  // one-tap answers before a grid of thirty.
-  //
-  // A side column at 390px would squeeze the day grid to roughly half its width
-  // and make the numbers unreadable. Checked at 390px.
-  flexDirection: { xs: "column-reverse", md: "row" },
-  alignItems: { xs: "stretch", md: "flex-start" },
-  gap: 2,
-  maxWidth: "100%"
-};
-var QUICK_DIVIDER_SX = {
-  borderColor: "divider",
-  borderStyle: "solid",
-  borderWidth: 0,
-  borderLeftWidth: { xs: 0, md: "1px" },
-  borderBottomWidth: { xs: "1px", md: 0 },
-  pl: { xs: 0, md: 2 },
-  pb: { xs: 2, md: 0 },
-  alignSelf: "stretch"
-};
-var FIELDS_DIVIDER_SX = {
-  borderTop: "1px solid",
-  borderColor: "divider",
-  pt: 2
-};
-function useMonthCount(requested) {
-  const narrow = useMediaQuery(NARROW_QUERY);
-  return narrow ? 1 : requested;
-}
-function RangeCalendar({
-  calendarLabel,
-  picker,
-  value,
-  locale,
-  weekStartsOn,
-  months,
-  maxRangeDays
-}) {
-  return /* @__PURE__ */ jsx(
-    Calendar,
-    {
-      ariaLabel: calendarLabel,
-      className: CALENDAR_CLASS,
-      selectionMode: "range",
-      locale,
-      firstDayOfWeek: weekStartsOn,
-      numberOfMonths: months,
-      range: { start: toLocalDay(value.from), end: toLocalDay(value.to) },
-      onIntermediateRangeChange: picker.pickOnCalendar,
-      onRangeChange: picker.pickOnCalendar,
-      maxRangeLength: maxRangeDays
-    },
-    picker.viewNonce
-  );
-}
-function QuickColumn({
-  picker,
-  maxRangeDays,
-  dataTestId
-}) {
-  if (picker.options.length === 0) return null;
-  return /* @__PURE__ */ jsx(Box, { sx: QUICK_DIVIDER_SX, children: /* @__PURE__ */ jsx(
-    DateRangeQuickList,
-    {
-      options: picker.options,
-      activeId: picker.activeId,
-      onPick: picker.pickQuick,
-      reasonFor: (option) => picker.copy.overMax({ maxRangeDays: maxRangeDays ?? option.days, days: option.days }),
-      label: picker.copy.quickRanges,
-      dataTestId
-    }
-  ) });
-}
-function DateRangePicker({
-  value,
-  onChange,
-  timeZone,
-  now,
-  maxRangeDays,
-  weekStartsOn = 0,
-  quickRanges = DEFAULT_QUICK_RANGES,
-  locale = "en-US",
-  numberOfMonths,
-  messages,
-  dataTestId = "date-range-picker",
-  className
-}) {
-  const picker = useDateRangePicker({
-    value,
-    onChange,
-    timeZone,
-    now,
-    maxRangeDays,
-    weekStartsOn,
-    quickRanges,
-    messages
-  });
-  const months = useMonthCount(numberOfMonths);
-  return /* @__PURE__ */ jsxs(Paper, { className, "data-testid": dataTestId, sx: ROOT_SX, children: [
-    /* @__PURE__ */ jsxs(Box, { sx: BODY_SX, children: [
-      /* @__PURE__ */ jsx(
-        RangeCalendar,
-        {
-          calendarLabel: picker.copy.calendarLabel,
-          picker,
-          value,
-          locale,
-          weekStartsOn,
-          months,
-          maxRangeDays
-        }
-      ),
-      /* @__PURE__ */ jsx(QuickColumn, { picker, maxRangeDays, dataTestId })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { sx: FIELDS_DIVIDER_SX, children: /* @__PURE__ */ jsx(
-      DateRangeFields,
-      {
-        value,
-        status: picker.status,
-        messages: picker.copy,
-        maxRangeDays,
-        onEdit: picker.editBound,
-        statusId: picker.statusId,
-        dataTestId
-      }
-    ) })
-  ] });
-}
-var DateRangePicker_default = DateRangePicker;
-
-export {
-  DateRangePicker,
-  DateRangePicker_default
-};
-//# sourceMappingURL=chunk-HGVERQTG.js.map

package/dist/chunk-HGVERQTG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["'use client';\n\n/**\n * Three views of ONE range: a calendar, a quick-pick column, and two typed\n * dates. Change any and the other two follow.\n *\n * WHY IT EXISTS: a range calendar alone makes \"this quarter\" cost two clicks,\n * a month of paging, and a mental note of which day a quarter starts on; a list\n * of presets alone cannot express \"the 3rd to the 19th\"; and typed fields alone\n * make you spell out a window you can see. Each of the three is the fastest\n * route to a different range, so the control offers all three over one value\n * rather than picking a favourite.\n *\n * WHAT IT DOES NOT KNOW: anything about the data behind the range. No preset\n * list of a product's own, no ceiling of its own, no notion of whose clock\n * \"today\" runs on — `quickRanges`, `maxRangeDays` and `timeZone` are props, and\n * a consumer that needs its own periods passes them rather than teaching this\n * file about its domain. The calendar is `Calendar` in `selectionMode=\"range\"`,\n * not a second implementation of one.\n *\n * The value is a DRAFT (`{ from, to }`, either end possibly null) rather than a\n * finished window, so a half-picked or impossible range has somewhere to live\n * while it is being fixed. Every `onChange` carries the verdict with it.\n */\nimport { Box, Paper, useMediaQuery } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material';\nimport React from 'react';\n\nimport { Calendar } from '../Calendar';\n\nimport { toLocalDay } from './DateRangePicker.dates';\nimport { useDateRangePicker } from './DateRangePicker.hooks';\nimport { DEFAULT_QUICK_RANGES } from './DateRangePicker.quick';\nimport type { DateRangeDraft, DateRangePickerProps, WeekStart } from './DateRangePicker.types';\nimport { DateRangeFields } from './DateRangePickerFields';\nimport { DateRangeQuickList } from './DateRangePickerQuickList';\n\nconst CALENDAR_CLASS = 'date-range-picker__calendar';\n\n/** Below this the picker is a phone layout. MUI's own `md`, written out. */\nconst NARROW_QUERY = '(max-width:899.95px)';\n\nconst ROOT_SX: SxProps<Theme> = {\n  display: 'inline-flex',\n  flexDirection: 'column',\n  gap: 2,\n  p: 2,\n  maxWidth: '100%',\n  // `Calendar` renders its own `Paper` with 24px of padding. Nested in this one\n  // that reads as a box inside a box, so the inner frame is flattened here\n  // through the className hook the component exposes for exactly this.\n  [`& .${CALENDAR_CLASS}`]: {\n    p: 0,\n    boxShadow: 'none',\n    backgroundColor: 'transparent',\n    backgroundImage: 'none',\n  },\n};\n\nconst BODY_SX: SxProps<Theme> = {\n  display: 'flex',\n  // The quick column sits BESIDE the calendar on a wide screen. Narrow, it\n  // moves ABOVE it — `column-reverse`, so the DOM order stays calendar-then-\n  // list (the calendar is the primary control and should be reached first by a\n  // screen reader and by Tab) while the eye meets the quick ranges first, which\n  // is the order the phone mock asks for and the order a thumb wants: nine\n  // one-tap answers before a grid of thirty.\n  //\n  // A side column at 390px would squeeze the day grid to roughly half its width\n  // and make the numbers unreadable. Checked at 390px.\n  flexDirection: { xs: 'column-reverse', md: 'row' },\n  alignItems: { xs: 'stretch', md: 'flex-start' },\n  gap: 2,\n  maxWidth: '100%',\n};\n\n/**\n * The rule between the calendar and the quick ranges.\n *\n * Two lists of dates side by side with only whitespace between them read as one\n * ragged thing; the rule says which numbers belong to which control. It turns\n * with the layout — a vertical rule when the list is a column beside the\n * calendar, a horizontal one when it has moved above it — because a divider\n * that keeps its axis while the flex direction flips ends up separating nothing.\n */\nconst QUICK_DIVIDER_SX: SxProps<Theme> = {\n  borderColor: 'divider',\n  borderStyle: 'solid',\n  borderWidth: 0,\n  borderLeftWidth: { xs: 0, md: '1px' },\n  borderBottomWidth: { xs: '1px', md: 0 },\n  pl: { xs: 0, md: 2 },\n  pb: { xs: 2, md: 0 },\n  alignSelf: 'stretch',\n};\n\n/** And the rule above the typed pair, which is a third way in, not a caption. */\nconst FIELDS_DIVIDER_SX: SxProps<Theme> = {\n  borderTop: '1px solid',\n  borderColor: 'divider',\n  pt: 2,\n};\n\ntype Picker = ReturnType<typeof useDateRangePicker>;\n\n/**\n * How many months to draw.\n *\n * A month grid has a floor: seven columns that must stay legible, which is\n * about 280px. Two of them need 580, so on a phone the consumer's\n * `numberOfMonths` is not a preference that can be honoured — it is a request\n * for a layout that does not fit. Capped here rather than left to the consumer,\n * because the consumer chooses for its own reason (the reports dialog wants two\n * because a period often crosses a month boundary) and has no way to know the\n * picker is currently 390px wide.\n *\n * A media query rather than an `sx` breakpoint: this decides what to RENDER,\n * and CSS cannot un-render a second month.\n *\n * The query is a LITERAL, not `theme.breakpoints.down('md')`. The callback form\n * reads the theme from context and throws on a null one, so a consumer that\n * mounts this outside a `ThemeProvider` would crash — which the unit tests here\n * do, and which is a fair thing for a consumer to do.\n */\nfunction useMonthCount(requested: number | undefined): number | undefined {\n  const narrow = useMediaQuery(NARROW_QUERY);\n  return narrow ? 1 : requested;\n}\n\n/** The grid, in range mode — `Calendar`, never a second implementation of one. */\nfunction RangeCalendar({\n  calendarLabel,\n  picker,\n  value,\n  locale,\n  weekStartsOn,\n  months,\n  maxRangeDays,\n}: {\n  picker: Picker;\n  value: DateRangeDraft;\n  locale: string;\n  weekStartsOn: WeekStart;\n  months: number | undefined;\n  maxRangeDays: number | undefined;\n  calendarLabel: string;\n}): React.JSX.Element {\n  return (\n    <Calendar\n      key={picker.viewNonce}\n      ariaLabel={calendarLabel}\n      className={CALENDAR_CLASS}\n      selectionMode=\"range\"\n      locale={locale}\n      // One prop drives the grid's first column AND the day \"this week\" starts\n      // on, so a highlighted week can never begin mid-row.\n      firstDayOfWeek={weekStartsOn}\n      numberOfMonths={months}\n      range={{ start: toLocalDay(value.from), end: toLocalDay(value.to) }}\n      // BOTH callbacks, and the intermediate one does the work: the other fires\n      // only on the click that CLOSES a range, so a picker wired to it alone\n      // would not repaint after the first click.\n      onIntermediateRangeChange={picker.pickOnCalendar}\n      onRangeChange={picker.pickOnCalendar}\n      // The same ceiling the quick list is judged against, so the calendar\n      // cannot hand back a window the control has just called too long.\n      maxRangeLength={maxRangeDays}\n    />\n  );\n}\n\n/** The quick ranges, inside the rule that separates them from the grid. */\nfunction QuickColumn({\n  picker,\n  maxRangeDays,\n  dataTestId,\n}: {\n  picker: Picker;\n  maxRangeDays: number | undefined;\n  dataTestId: string;\n}): React.JSX.Element | null {\n  if (picker.options.length === 0) return null;\n  return (\n    <Box sx={QUICK_DIVIDER_SX}>\n      <DateRangeQuickList\n        options={picker.options}\n        activeId={picker.activeId}\n        onPick={picker.pickQuick}\n        reasonFor={(option) =>\n          picker.copy.overMax({ maxRangeDays: maxRangeDays ?? option.days, days: option.days })\n        }\n        label={picker.copy.quickRanges}\n        dataTestId={dataTestId}\n      />\n    </Box>\n  );\n}\n\nexport function DateRangePicker({\n  value,\n  onChange,\n  timeZone,\n  now,\n  maxRangeDays,\n  weekStartsOn = 0,\n  quickRanges = DEFAULT_QUICK_RANGES,\n  locale = 'en-US',\n  numberOfMonths,\n  messages,\n  dataTestId = 'date-range-picker',\n  className,\n}: DateRangePickerProps): React.JSX.Element {\n  const picker = useDateRangePicker({\n    value,\n    onChange,\n    timeZone,\n    now,\n    maxRangeDays,\n    weekStartsOn,\n    quickRanges,\n    messages,\n  });\n  const months = useMonthCount(numberOfMonths);\n\n  return (\n    <Paper className={className} data-testid={dataTestId} sx={ROOT_SX}>\n      <Box sx={BODY_SX}>\n        <RangeCalendar\n          calendarLabel={picker.copy.calendarLabel}\n          picker={picker}\n          value={value}\n          locale={locale}\n          weekStartsOn={weekStartsOn}\n          months={months}\n          maxRangeDays={maxRangeDays}\n        />\n        <QuickColumn picker={picker} maxRangeDays={maxRangeDays} dataTestId={dataTestId} />\n      </Box>\n      <Box sx={FIELDS_DIVIDER_SX}>\n        <DateRangeFields\n          value={value}\n          status={picker.status}\n          messages={picker.copy}\n          maxRangeDays={maxRangeDays}\n          onEdit={picker.editBound}\n          statusId={picker.statusId}\n          dataTestId={dataTestId}\n        />\n      </Box>\n    </Paper>\n  );\n}\n\nexport default DateRangePicker;\n"],"mappings":"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","names":[]}

package/dist/chunk-HIRSTFDW.js

@@ -1,114 +0,0 @@
-// src/components/form/ToggleGroup/ToggleGroup.tsx
-import { alpha, Box, ToggleButton, ToggleButtonGroup, useTheme } from "@mui/material";
-import { styled } from "@mui/material";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return {
-      main: theme.palette.grey[700],
-      dark: theme.palette.grey[800],
-      light: theme.palette.grey[500],
-      contrastText: theme.palette.getContrastText(theme.palette.grey[700])
-    };
-  }
-  const colorMap = {
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    info: theme.palette.info,
-    danger: theme.palette.error
-  };
-  const palette = colorMap[color] || theme.palette.primary;
-  return {
-    main: palette.main,
-    dark: palette.dark || palette.main,
-    light: palette.light || palette.main,
-    contrastText: palette.contrastText || theme.palette.getContrastText(palette.main)
-  };
-};
-var StyledToggleGroup = styled(ToggleButtonGroup, {
-  shouldForwardProp: (prop) => !["customColor", "customSize", "glass"].includes(prop)
-})(({ theme, glass }) => ({
-  backgroundColor: glass ? alpha(theme.palette.background.paper, 0.1) : "transparent",
-  backdropFilter: glass ? "blur(20px)" : "none",
-  borderRadius: theme.spacing(1),
-  padding: glass ? 4 : 0,
-  border: glass ? `1px solid ${alpha(theme.palette.divider, 0.2)}` : "none",
-  "& .MuiToggleButtonGroup-grouped": {
-    margin: theme.spacing(0.5),
-    border: 0,
-    borderRadius: `${theme.shape.borderRadius}px !important`
-  }
-}));
-var ToggleGroup = forwardRef(
-  ({
-    variant = "single",
-    color = "primary",
-    size = "md",
-    options,
-    glass = false,
-    gradient = false,
-    value,
-    onChange,
-    dataTestId = "toggle-group",
-    ...props
-  }, ref) => {
-    const theme = useTheme();
-    const colorPalette = getColorFromTheme(theme, color);
-    const sizeMap = {
-      xs: { padding: "4px 8px", fontSize: "0.75rem" },
-      sm: { padding: "6px 12px", fontSize: "0.875rem" },
-      md: { padding: "8px 16px", fontSize: "1rem" },
-      lg: { padding: "10px 20px", fontSize: "1.125rem" },
-      xl: { padding: "12px 24px", fontSize: "1.25rem" }
-    };
-    return /* @__PURE__ */ jsx(
-      StyledToggleGroup,
-      {
-        ref,
-        customColor: color,
-        customSize: size,
-        glass,
-        value,
-        onChange,
-        exclusive: variant === "exclusive" || variant === "single",
-        "data-testid": dataTestId,
-        ...props,
-        children: options.map((option) => /* @__PURE__ */ jsx(
-          ToggleButton,
-          {
-            value: option.value,
-            disabled: option.disabled,
-            "data-testid": `${dataTestId}-item-${option.value}`,
-            sx: {
-              textTransform: "none",
-              fontWeight: 500,
-              transition: "all 0.3s ease",
-              ...sizeMap[size],
-              "&.Mui-selected": {
-                backgroundColor: colorPalette.main,
-                color: colorPalette.contrastText,
-                ...gradient && {
-                  background: `linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.dark})`
-                }
-              }
-            },
-            children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-              option.icon,
-              option.label
-            ] })
-          },
-          option.value
-        ))
-      }
-    );
-  }
-);
-ToggleGroup.displayName = "ToggleGroup";
-
-export {
-  ToggleGroup
-};
-//# sourceMappingURL=chunk-HIRSTFDW.js.map

package/dist/chunk-HIRSTFDW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import { alpha, Box, ToggleButton, ToggleButtonGroup, useTheme } from '@mui/material';\nimport type { Theme } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nimport type { ToggleGroupProps } from './ToggleGroup.types';\n\nconst getColorFromTheme = (theme: Theme, color: string) => {\n  if (color === 'neutral') {\n    return {\n      main: theme.palette.grey[700],\n      dark: theme.palette.grey[800],\n      light: theme.palette.grey[500],\n      contrastText: theme.palette.getContrastText(theme.palette.grey[700]),\n    };\n  }\n\n  const colorMap = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  const palette = colorMap[color as keyof typeof colorMap] || theme.palette.primary;\n\n  // Ensure palette has required properties\n  return {\n    main: palette.main,\n    dark: palette.dark || palette.main,\n    light: palette.light || palette.main,\n    contrastText: palette.contrastText || theme.palette.getContrastText(palette.main),\n  };\n};\n\nconst StyledToggleGroup = styled(ToggleButtonGroup, {\n  shouldForwardProp: (prop) => !['customColor', 'customSize', 'glass'].includes(prop as string),\n})<{\n  customColor?: string;\n  customSize?: string;\n  glass?: boolean;\n}>(({ theme, glass }) => ({\n  backgroundColor: glass ? alpha(theme.palette.background.paper, 0.1) : 'transparent',\n  backdropFilter: glass ? 'blur(20px)' : 'none',\n  borderRadius: theme.spacing(1),\n  padding: glass ? 4 : 0,\n  border: glass ? `1px solid ${alpha(theme.palette.divider, 0.2)}` : 'none',\n\n  '& .MuiToggleButtonGroup-grouped': {\n    margin: theme.spacing(0.5),\n    border: 0,\n    borderRadius: `${theme.shape.borderRadius}px !important`,\n  },\n}));\n\nexport const ToggleGroup = forwardRef<HTMLDivElement, ToggleGroupProps>(\n  (\n    {\n      variant = 'single',\n      color = 'primary',\n      size = 'md',\n      options,\n      glass = false,\n      gradient = false,\n      value,\n      onChange,\n      dataTestId = 'toggle-group',\n      ...props\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const colorPalette = getColorFromTheme(theme, color);\n\n    const sizeMap = {\n      xs: { padding: '4px 8px', fontSize: '0.75rem' },\n      sm: { padding: '6px 12px', fontSize: '0.875rem' },\n      md: { padding: '8px 16px', fontSize: '1rem' },\n      lg: { padding: '10px 20px', fontSize: '1.125rem' },\n      xl: { padding: '12px 24px', fontSize: '1.25rem' },\n    };\n\n    return (\n      <StyledToggleGroup\n        ref={ref}\n        customColor={color}\n        customSize={size}\n        glass={glass}\n        value={value}\n        onChange={onChange}\n        exclusive={variant === 'exclusive' || variant === 'single'}\n        data-testid={dataTestId}\n        {...props}\n      >\n        {options.map((option) => (\n          <ToggleButton\n            key={option.value}\n            value={option.value}\n            disabled={option.disabled}\n            data-testid={`${dataTestId}-item-${option.value}`}\n            sx={{\n              textTransform: 'none',\n              fontWeight: 500,\n              transition: 'all 0.3s ease',\n              ...sizeMap[size as keyof typeof sizeMap],\n\n              '&.Mui-selected': {\n                backgroundColor: colorPalette.main,\n                color: colorPalette.contrastText,\n\n                ...(gradient && {\n                  background: `linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.dark})`,\n                }),\n              },\n            }}\n          >\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n              {option.icon}\n              {option.label}\n            </Box>\n          </ToggleButton>\n        ))}\n      </StyledToggleGroup>\n    );\n  },\n);\n\nToggleGroup.displayName = 'ToggleGroup';\n"],"mappings":"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","names":[]}

package/dist/chunk-HNIC46DX.js

@@ -1,177 +0,0 @@
-import {
-  useColumnsWithActions,
-  useRenderedColumns
-} from "./chunk-XTMVF3YN.js";
-import {
-  filterRows
-} from "./chunk-YGQX7BNI.js";
-import {
-  useSelection
-} from "./chunk-WTOTWP6A.js";
-import {
-  resolveScope,
-  useScopeConfigChecks
-} from "./chunk-JDQACVKT.js";
-import {
-  computeActiveFilterCount,
-  defaultSortFields
-} from "./chunk-Y6SB4WU2.js";
-import {
-  serverDerived,
-  useServerQuery
-} from "./chunk-IMLIIW77.js";
-import {
-  emptyViewState
-} from "./chunk-C6ATAHBX.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 nextVisibleColumns(current, id, visible) {
-  const without = current.filter((colId) => colId !== id);
-  return visible ? [...without, id] : without;
-}
-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 = (next) => setState((prev) => ({ ...prev, ...next }));
-  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 toggleColumn = (id, visible) => setState((prev) => ({ ...prev, visibleColumns: nextVisibleColumns(prev.visibleColumns, id, visible) }));
-  const selection = useSelection(matched, getRowId);
-  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-HNIC46DX.js.map