@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-ZHFS5L6Q.js

@@ -1,291 +0,0 @@
-import {
-  NumberBoundInput
-} from "./chunk-2F4YEGYG.js";
-import {
-  RangePresets
-} from "./chunk-F4RR4666.js";
-import {
-  presetsFor
-} from "./chunk-CBOB5AV6.js";
-import {
-  isRangeInverted,
-  isRangeSet,
-  numericRange,
-  rangeChipLabel
-} from "./chunk-GCZJH4XL.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  TableFilter
-} from "./chunk-NMX3JAAB.js";
-import {
-  DayBoundInput
-} from "./chunk-VDZQJBAV.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-range-pill.tsx
-import CloseIcon from "@mui/icons-material/Close";
-import ChevronDownIcon from "@mui/icons-material/KeyboardArrowDown";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import Popover from "@mui/material/Popover/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function BoundField({
-  field,
-  label,
-  value,
-  onChange,
-  testId
-}) {
-  const copy = useDataViewsCopy();
-  if (field.kind === "day") {
-    return /* @__PURE__ */ jsx(
-      DayBoundInput,
-      {
-        mask: copy.filters.dayMask,
-        label,
-        value: value == null ? void 0 : String(value),
-        onChange,
-        testId
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    NumberBoundInput,
-    {
-      label,
-      value,
-      unit: field.unit,
-      onChange,
-      testId
-    }
-  );
-}
-function RangeBounds({
-  field,
-  value,
-  onChange,
-  testId
-}) {
-  const copy = useDataViewsCopy();
-  const inverted = isRangeInverted(value);
-  return /* @__PURE__ */ jsxs(Box, { "data-testid": `${testId}-panel`, children: [
-    /* @__PURE__ */ jsx(Box, { sx: { "&:not(:empty)": { mb: 1.5 } }, children: /* @__PURE__ */ jsx(RangePresets, { presets: presetsFor(field, copy), value, onChange, testId }) }),
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
-      /* @__PURE__ */ jsx(
-        BoundField,
-        {
-          field,
-          label: copy.filters.rangeStart,
-          value: value.min,
-          onChange: (min) => onChange({ ...value, min }),
-          testId: `${testId}-min`
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        BoundField,
-        {
-          field,
-          label: copy.filters.rangeEnd,
-          value: value.max,
-          onChange: (max) => onChange({ ...value, max }),
-          testId: `${testId}-max`
-        }
-      )
-    ] }),
-    inverted && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        component: "p",
-        "data-testid": `${testId}-inverted`,
-        sx: { mt: 0.75, fontSize: "0.75rem", color: "error.main" },
-        children: copy.filters.rangeInvalid
-      }
-    ),
-    field.kind === "day" && !inverted && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        component: "p",
-        "data-testid": `${testId}-inclusive`,
-        sx: { mt: 0.75, fontSize: "0.75rem", color: "text.disabled" },
-        children: copy.filters.rangeInclusiveNote
-      }
-    )
-  ] });
-}
-function ClearAffordance({
-  label,
-  onClear,
-  testId
-}) {
-  const copy = useDataViewsCopy();
-  const clear = (event) => {
-    event.stopPropagation();
-    onClear();
-  };
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "span",
-      role: "button",
-      tabIndex: 0,
-      "aria-label": copy.filters.clearRange(label),
-      "data-testid": testId,
-      onClick: clear,
-      onKeyDown: (event) => {
-        if (event.key !== "Enter" && event.key !== " ") return;
-        event.preventDefault();
-        clear(event);
-      },
-      sx: { display: "inline-flex", borderRadius: 999, p: 0.125, "&:hover": { bgcolor: "action.selected" } },
-      children: /* @__PURE__ */ jsx(CloseIcon, { sx: { fontSize: 14 } })
-    }
-  );
-}
-function RangeTrigger({
-  field,
-  value,
-  onChange,
-  onOpen,
-  open,
-  testId
-}) {
-  const active = isRangeSet(value);
-  const inverted = isRangeInverted(value);
-  const tone = inverted ? "error.main" : active ? "primary.main" : null;
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "outlined",
-      color: "inherit",
-      size: "small",
-      "data-testid": testId,
-      "aria-haspopup": "dialog",
-      "aria-expanded": open,
-      onClick: (event) => onOpen(event.currentTarget),
-      startIcon: active ? /* @__PURE__ */ jsx(ClearAffordance, { label: field.label, onClear: () => onChange({}), testId: `${testId}-clear-inline` }) : void 0,
-      endIcon: /* @__PURE__ */ jsx(ChevronDownIcon, { sx: { fontSize: 16 } }),
-      sx: {
-        borderRadius: fieldRadiusPx,
-        height: fieldHeight,
-        px: 1.5,
-        maxWidth: 280,
-        color: inverted ? "error.main" : "text.primary",
-        fontWeight: 600,
-        fontSize: "0.8125rem",
-        textTransform: "none",
-        whiteSpace: "nowrap",
-        borderColor: (theme) => tone ?? fieldEdge(theme),
-        bgcolor: active ? "action.selected" : "background.paper",
-        "&:hover": {
-          borderColor: active ? tone : "text.primary",
-          bgcolor: active ? "action.selected" : "action.hover"
-        }
-      },
-      children: /* @__PURE__ */ jsx(Box, { component: "span", sx: { overflow: "hidden", textOverflow: "ellipsis" }, children: active ? rangeChipLabel(field, value) : field.label })
-    }
-  );
-}
-function RangePill({
-  field,
-  value,
-  onChange,
-  onOpenChange,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const [anchor, setAnchor] = useState(null);
-  const active = isRangeSet(value);
-  const testId = `${testIdPrefix}-range-${field.id}`;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      RangeTrigger,
-      {
-        field,
-        value,
-        onChange,
-        onOpen: (element) => {
-          setAnchor(element);
-          onOpenChange?.(true);
-        },
-        open: Boolean(anchor),
-        testId
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Popover,
-      {
-        open: Boolean(anchor),
-        anchorEl: anchor,
-        onClose: () => {
-          setAnchor(null);
-          onOpenChange?.(false);
-        },
-        anchorOrigin: { vertical: "bottom", horizontal: "left" },
-        slotProps: { paper: { sx: { p: 2, mt: 0.5 } } },
-        children: [
-          /* @__PURE__ */ jsx(RangeBounds, { field, value, onChange, testId }),
-          active && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 2, mt: 1.5 }, children: [
-            /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: "0.75rem", color: "text.secondary" }, children: rangeChipLabel(field, value) }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "text",
-                size: "small",
-                onClick: () => onChange({}),
-                "data-testid": `${testId}-clear`,
-                sx: { textTransform: "none" },
-                children: copy.filters.clear
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function PanelRangeField({
-  field,
-  value,
-  onChange,
-  testId
-}) {
-  const copy = useDataViewsCopy();
-  if (field.kind === "day") {
-    return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
-      /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: "0.75rem", fontWeight: 500, color: "text.secondary" }, children: field.label }),
-      /* @__PURE__ */ jsx(RangeBounds, { field, value, onChange, testId })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
-    /* @__PURE__ */ jsx(
-      TableFilter.RangeField,
-      {
-        label: field.label,
-        unit: field.unit,
-        value: numericRange(value),
-        onChange: (range) => onChange(range),
-        testId
-      }
-    ),
-    /* @__PURE__ */ jsx(RangePresets, { presets: presetsFor(field, copy), value, onChange, testId })
-  ] });
-}
-
-export {
-  RangeBounds,
-  RangePill,
-  PanelRangeField
-};
-//# sourceMappingURL=chunk-ZHFS5L6Q.js.map

package/dist/chunk-ZHFS5L6Q.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-range-pill.tsx"],"sourcesContent":["'use client';\n\n/**\n * A range filter as a PILL in the inline filter bar — the same affordance the\n * multi-select facets use, so \"Data\" and \"Valor\" sit in the filter row beside\n * \"Pagamento\"/\"Situação\"/\"Método\" instead of floating above the grid.\n *\n * Before this the inline bar rendered pills only, and `rangeFields` had a\n * surface on the slide-in panel alone — which `inlineFilters` REPLACES on a wide\n * screen. So a range filter was invisible on exactly the screens that use it,\n * and a page wanting one had to hang its own inputs outside the grid, outside\n * `DataViewState`, and outside the grid's \"Limpar filtros\" (FUT-668).\n */\nimport CloseIcon from '@mui/icons-material/Close';\nimport ChevronDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Popover from '@mui/material/Popover/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React, { useState } from 'react';\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { TableFilter } from '../../layout/TableFilter';\nimport { DayBoundInput } from './data-views-day-input';\nimport { NumberBoundInput } from './data-views-number-input';\nimport { RangePresets } from './data-views-preset-chips';\nimport { presetsFor } from './data-views-range-presets';\nimport {\n  isRangeInverted,\n  isRangeSet,\n  numericRange,\n  rangeChipLabel,\n} from './data-views-range-values';\nimport type { RangeFieldConfig, RangeValue } from './data-views-types';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\nimport { fieldHeight } from '../../../tokens/field-height';\nimport { fieldEdge } from '../../../tokens/field-edge';\n\n\n\n/**\n * One end of the range. A day keeps its `AAAA-MM-DD` string verbatim (the form\n * both the field and the backend speak) and is typed through the masked\n * `dd/mm/aaaa` field rather than a native date input — see\n * {@link DayBoundInput} for why. A number parses, and an unparseable/blank\n * entry CLEARS the bound rather than writing `NaN`.\n */\nfunction BoundField<T extends Record<string, unknown>>({\n  field,\n  label,\n  value,\n  onChange,\n  testId,\n}: {\n  field: RangeFieldConfig<T>;\n  label: string;\n  value: number | string | undefined;\n  onChange: (bound: number | string | undefined) => void;\n  testId: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  if (field.kind === 'day') {\n    return (\n      <DayBoundInput\n        mask={copy.filters.dayMask}\n        label={label}\n        value={value == null ? undefined : String(value)}\n        onChange={onChange}\n        testId={testId}\n      />\n    );\n  }\n  return (\n    <NumberBoundInput\n      label={label}\n      value={value}\n      unit={field.unit}\n      onChange={onChange}\n      testId={testId}\n    />\n  );\n}\n\n\n/**\n * The `De`/`Até` pair for a range — shared by the pill's popover and the\n * slide-in panel's day fields, so the two surfaces cannot drift on what a bound\n * accepts or how it clears.\n */\nexport function RangeBounds<T extends Record<string, unknown>>({\n  field,\n  value,\n  onChange,\n  testId,\n}: {\n  field: RangeFieldConfig<T>;\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  testId: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const inverted = isRangeInverted(value);\n  return (\n    <Box data-testid={`${testId}-panel`}>\n      {/* Above the inputs, not below: the presets are the answer for most\n          merchants, and the two date pickers are the escape hatch. */}\n      <Box sx={{ '&:not(:empty)': { mb: 1.5 } }}>\n        <RangePresets presets={presetsFor(field, copy)} value={value} onChange={onChange} testId={testId} />\n      </Box>\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>\n        <BoundField\n          field={field}\n          label={copy.filters.rangeStart}\n          value={value.min}\n          onChange={(min) => onChange({ ...value, min })}\n          testId={`${testId}-min`}\n        />\n        <BoundField\n          field={field}\n          label={copy.filters.rangeEnd}\n          value={value.max}\n          onChange={(max) => onChange({ ...value, max })}\n          testId={`${testId}-max`}\n        />\n      </Box>\n      {inverted && (\n        <Typography\n          component=\"p\"\n          data-testid={`${testId}-inverted`}\n          sx={{ mt: 0.75, fontSize: '0.75rem', color: 'error.main' }}\n        >\n          {copy.filters.rangeInvalid}\n        </Typography>\n      )}\n      {/* BOTH days are in the result. Saying so is FUT-668's other half: the\n          bounds compare as ISO strings precisely so `até` keeps its whole day,\n          and nothing on screen would otherwise tell the merchant that. */}\n      {field.kind === 'day' && !inverted && (\n        <Typography\n          component=\"p\"\n          data-testid={`${testId}-inclusive`}\n          sx={{ mt: 0.75, fontSize: '0.75rem', color: 'text.disabled' }}\n        >\n          {copy.filters.rangeInclusiveNote}\n        </Typography>\n      )}\n    </Box>\n  );\n}\n\n/**\n * The pill + its popover. Bounds commit on change (the list is server-driven, so\n * each edit is a query) and the popover stays open, which is what lets a\n * merchant set \"de\" and then \"até\" without re-opening it.\n */\n/** An applied range clears from the pill itself — re-opening to empty two fields is three gestures for one intent. */\nfunction ClearAffordance({\n  label,\n  onClear,\n  testId,\n}: {\n  label: string;\n  onClear: () => void;\n  testId: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const clear = (event: React.SyntheticEvent): void => {\n    event.stopPropagation();\n    onClear();\n  };\n  return (\n    <Box\n      component=\"span\"\n      role=\"button\"\n      tabIndex={0}\n      aria-label={copy.filters.clearRange(label)}\n      data-testid={testId}\n      onClick={clear}\n      onKeyDown={(event: React.KeyboardEvent) => {\n        if (event.key !== 'Enter' && event.key !== ' ') return;\n        event.preventDefault();\n        clear(event);\n      }}\n      sx={{ display: 'inline-flex', borderRadius: 999, p: 0.125, '&:hover': { bgcolor: 'action.selected' } }}\n    >\n      <CloseIcon sx={{ fontSize: 14 }} />\n    </Box>\n  );\n}\n\n/** The pill button: its label carries the applied window, and its tone the state. */\nfunction RangeTrigger<T extends Record<string, unknown>>({\n  field,\n  value,\n  onChange,\n  onOpen,\n  open,\n  testId,\n}: {\n  field: RangeFieldConfig<T>;\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  onOpen: (anchor: HTMLElement) => void;\n  open: boolean;\n  testId: string;\n}): React.JSX.Element {\n  const active = isRangeSet(value);\n  const inverted = isRangeInverted(value);\n  // An INVERTED window gets its own tone rather than the ordinary \"applied\"\n  // one: it is applied, and it matches nothing, and those are different states.\n  // At rest the pill draws the one field border (`fieldEdge`).\n  const tone = inverted ? 'error.main' : active ? 'primary.main' : null;\n  return (\n    <Button\n      variant=\"outlined\"\n      color=\"inherit\"\n      size=\"small\"\n      data-testid={testId}\n      aria-haspopup=\"dialog\"\n      aria-expanded={open}\n      onClick={(event) => onOpen(event.currentTarget)}\n      // ✕ FIRST, chevron LAST — the same shape as every other pill. It used to\n      // replace the chevron at the end, so a range pill and a multi-select pill\n      // put the clear in different places, and an applied range lost the\n      // affordance that says it opens.\n      startIcon={\n        active ? (\n          <ClearAffordance label={field.label} onClear={() => onChange({})} testId={`${testId}-clear-inline`} />\n        ) : undefined\n      }\n      endIcon={<ChevronDownIcon sx={{ fontSize: 16 }} />}\n      sx={{\n        borderRadius: fieldRadiusPx,\n        height: fieldHeight,\n        px: 1.5,\n        maxWidth: 280,\n        color: inverted ? 'error.main' : 'text.primary',\n        fontWeight: 600,\n        fontSize: '0.8125rem',\n        textTransform: 'none',\n        whiteSpace: 'nowrap',\n        borderColor: (theme) => tone ?? fieldEdge(theme),\n        bgcolor: active ? 'action.selected' : 'background.paper',\n        '&:hover': {\n          borderColor: active ? tone : 'text.primary',\n          bgcolor: active ? 'action.selected' : 'action.hover',\n        },\n      }}\n    >\n      {/* The applied bounds, in the label — a pill reading only \"Valor\" hides\n          the very thing that is narrowing the list. */}\n      <Box component=\"span\" sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n        {active ? rangeChipLabel(field, value) : field.label}\n      </Box>\n    </Button>\n  );\n}\n\nexport function RangePill<T extends Record<string, unknown>>({\n  field,\n  value,\n  onChange,\n  onOpenChange,\n  testIdPrefix,\n}: {\n  field: RangeFieldConfig<T>;\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  /** So a measured toolbar can hold still while this is open. */\n  onOpenChange?: (open: boolean) => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const [anchor, setAnchor] = useState<HTMLElement | null>(null);\n  const active = isRangeSet(value);\n  const testId = `${testIdPrefix}-range-${field.id}`;\n  return (\n    <>\n      <RangeTrigger\n        field={field}\n        value={value}\n        onChange={onChange}\n        onOpen={(element) => {\n          setAnchor(element);\n          onOpenChange?.(true);\n        }}\n        open={Boolean(anchor)}\n        testId={testId}\n      />\n      <Popover\n        open={Boolean(anchor)}\n        anchorEl={anchor}\n        onClose={() => {\n          setAnchor(null);\n          onOpenChange?.(false);\n        }}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n        slotProps={{ paper: { sx: { p: 2, mt: 0.5 } } }}\n      >\n        <RangeBounds field={field} value={value} onChange={onChange} testId={testId} />\n        {/* An inverted window is not an error the merchant must fix before the\n            list responds — it simply matches nothing, and saying so beats an\n            empty grid with no explanation (FUT-668). */}\n        {active && (\n          <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 2, mt: 1.5 }}>\n            <Typography component=\"span\" sx={{ fontSize: '0.75rem', color: 'text.secondary' }}>\n              {rangeChipLabel(field, value)}\n            </Typography>\n            <Button\n              variant=\"text\"\n              size=\"small\"\n              onClick={() => onChange({})}\n              data-testid={`${testId}-clear`}\n              sx={{ textTransform: 'none' }}\n            >\n              {copy.filters.clear}\n            </Button>\n          </Box>\n        )}\n      </Popover>\n    </>\n  );\n}\n\n\n/**\n * One range on the SLIDE-IN panel (and the narrow-screen modal): the numeric\n * control the panel already had, or — for a day range, which that control cannot\n * express — the same `De`/`Até` pair the pill's popover uses.\n */\nexport function PanelRangeField<T extends Record<string, unknown>>({\n  field,\n  value,\n  onChange,\n  testId,\n}: {\n  field: RangeFieldConfig<T>;\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  testId: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  if (field.kind === \"day\") {\n    return (\n      <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1 }}>\n        <Typography component=\"span\" sx={{ fontSize: \"0.75rem\", fontWeight: 500, color: \"text.secondary\" }}>\n          {field.label}\n        </Typography>\n        <RangeBounds field={field} value={value} onChange={onChange} testId={testId} />\n      </Box>\n    );\n  }\n  return (\n    <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1 }}>\n      <TableFilter.RangeField\n        label={field.label}\n        unit={field.unit}\n        value={numericRange(value)}\n        onChange={(range) => onChange(range)}\n        testId={testId}\n      />\n      {/* Below the numeric control here, unlike the pill's popover: this one\n          renders its own label, and chips above it would separate the label\n          from the field it names. */}\n      <RangePresets presets={presetsFor(field, copy)} value={value} onChange={onChange} testId={testId} />\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-ZRHSIFWA.js

@@ -1,113 +0,0 @@
-// src/components/form/DateRangePicker/DateRangePickerQuickList.tsx
-import Box from "@mui/material/Box/index.js";
-import { useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var optionSx = (active, overMax) => ({
-  display: "block",
-  // Full-width rows in the side column; pills in the narrow row. A fixed full
-  // width in both would make the narrow layout nine stacked lines.
-  width: { xs: "auto", md: "100%" },
-  // A pill must not be squeezed by its neighbours — the row SCROLLS rather
-  // than compressing "Este trimestre" into two characters and an ellipsis.
-  flex: { xs: "0 0 auto", md: "0 1 auto" },
-  textAlign: "left",
-  font: "inherit",
-  fontSize: "0.875rem",
-  fontWeight: active ? 600 : 400,
-  lineHeight: 1.4,
-  px: 1.5,
-  py: 0.75,
-  whiteSpace: { xs: "nowrap", md: "normal" },
-  border: "1px solid",
-  // Narrow, an entry has to look tappable on its own, with no column and no
-  // rule to group it — so the pill carries a visible edge. Beside the calendar
-  // the group already reads as a list and a border on every row would be nine
-  // boxes where the selected one should be the only marked thing.
-  borderColor: active ? "primary.main" : { xs: "divider", md: "transparent" },
-  borderRadius: { xs: 999, md: 1 },
-  cursor: overMax ? "not-allowed" : "pointer",
-  color: overMax ? "text.disabled" : active ? "primary.main" : "text.primary",
-  backgroundColor: active ? "action.selected" : "transparent",
-  "&:hover": { backgroundColor: overMax ? "transparent" : "action.hover" },
-  "&:focus-visible": { outline: "2px solid", outlineColor: "primary.main", outlineOffset: 1 }
-});
-var REASON_SX = {
-  display: "block",
-  fontSize: "0.6875rem",
-  lineHeight: 1.3,
-  mt: 0.25,
-  color: "text.disabled"
-};
-function DateRangeQuickList({
-  options,
-  activeId,
-  onPick,
-  reasonFor,
-  label,
-  dataTestId
-}) {
-  const reasonPrefix = useId();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      role: "group",
-      "aria-label": label,
-      "data-testid": `${dataTestId}-quick-list`,
-      sx: {
-        display: "flex",
-        // A column beside the calendar; ONE scrolling row of pills above it
-        // once there is no width for both.
-        //
-        // Scrolling rather than wrapping: nine wrapped pills take three or four
-        // lines at 390px, which pushes the calendar most of a screen down and
-        // makes the quick ranges — the fastest way to answer — the thing you
-        // have to scroll past. One line keeps the calendar in view and costs a
-        // horizontal swipe, which is the gesture a chip row already invites.
-        flexDirection: { xs: "row", md: "column" },
-        flexWrap: { xs: "nowrap", md: "wrap" },
-        overflowX: { xs: "auto", md: "visible" },
-        // Room for the focus ring, which an `overflow` container would clip.
-        px: { xs: 0.25, md: 0 },
-        py: { xs: 0.25, md: 0 },
-        // The scrollbar is chrome on a phone and noise on a trackpad; the pills
-        // themselves are the affordance, and the last one sits half-cut at the
-        // edge to say the row continues.
-        scrollbarWidth: "none",
-        "&::-webkit-scrollbar": { display: "none" },
-        alignContent: "flex-start",
-        gap: 0.5,
-        minWidth: { md: 168 },
-        maxWidth: { md: 200 }
-      },
-      children: options.map((option) => {
-        const active = option.id === activeId;
-        const reasonId = `${reasonPrefix}-${option.id}`;
-        return /* @__PURE__ */ jsxs(
-          Box,
-          {
-            component: "button",
-            type: "button",
-            "aria-pressed": active,
-            "aria-disabled": option.overMax || void 0,
-            "aria-describedby": option.overMax ? reasonId : void 0,
-            "data-testid": `${dataTestId}-quick-${option.id}`,
-            onClick: () => {
-              if (!option.overMax) onPick(option);
-            },
-            sx: optionSx(active, option.overMax),
-            children: [
-              option.label,
-              option.overMax && /* @__PURE__ */ jsx(Box, { component: "span", id: reasonId, sx: REASON_SX, children: reasonFor(option) })
-            ]
-          },
-          option.id
-        );
-      })
-    }
-  );
-}
-
-export {
-  DateRangeQuickList
-};
-//# sourceMappingURL=chunk-ZRHSIFWA.js.map

package/dist/chunk-ZRHSIFWA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/DateRangePicker/DateRangePickerQuickList.tsx"],"sourcesContent":["/**\n * The quick-pick column beside the calendar.\n *\n * These are BUTTONS, not links or list rows: each one sets the range and the\n * pressed one stays visibly pressed, which is what `aria-pressed` says out\n * loud. (A listbox with `aria-selected` would model it too — the rule is to\n * pick one and use it for every entry, so a reader's screen reader describes\n * the whole column the same way.)\n *\n * An over-cap entry is `aria-disabled` and keeps its place in the tab order,\n * with the reason rendered under the label. Removing it, or quietly shortening\n * the window it hands back, both answer \"why can't I have this year?\" with\n * silence.\n */\nimport Box from '@mui/material/Box/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport React, { useId } from 'react';\n\nimport type { ResolvedQuickRange } from './DateRangePicker.types';\n\nconst optionSx = (active: boolean, overMax: boolean): SxProps<Theme> => ({\n  display: 'block',\n  // Full-width rows in the side column; pills in the narrow row. A fixed full\n  // width in both would make the narrow layout nine stacked lines.\n  width: { xs: 'auto', md: '100%' },\n  // A pill must not be squeezed by its neighbours — the row SCROLLS rather\n  // than compressing \"Este trimestre\" into two characters and an ellipsis.\n  flex: { xs: '0 0 auto', md: '0 1 auto' },\n  textAlign: 'left',\n  font: 'inherit',\n  fontSize: '0.875rem',\n  fontWeight: active ? 600 : 400,\n  lineHeight: 1.4,\n  px: 1.5,\n  py: 0.75,\n  whiteSpace: { xs: 'nowrap', md: 'normal' },\n  border: '1px solid',\n  // Narrow, an entry has to look tappable on its own, with no column and no\n  // rule to group it — so the pill carries a visible edge. Beside the calendar\n  // the group already reads as a list and a border on every row would be nine\n  // boxes where the selected one should be the only marked thing.\n  borderColor: active ? 'primary.main' : { xs: 'divider', md: 'transparent' },\n  borderRadius: { xs: 999, md: 1 },\n  cursor: overMax ? 'not-allowed' : 'pointer',\n  color: overMax ? 'text.disabled' : active ? 'primary.main' : 'text.primary',\n  backgroundColor: active ? 'action.selected' : 'transparent',\n  '&:hover': { backgroundColor: overMax ? 'transparent' : 'action.hover' },\n  '&:focus-visible': { outline: '2px solid', outlineColor: 'primary.main', outlineOffset: 1 },\n});\n\nconst REASON_SX: SxProps<Theme> = {\n  display: 'block',\n  fontSize: '0.6875rem',\n  lineHeight: 1.3,\n  mt: 0.25,\n  color: 'text.disabled',\n};\n\nexport interface DateRangeQuickListProps {\n  options: ResolvedQuickRange[];\n  /** The entry the current draft equals, if any. */\n  activeId: string | undefined;\n  onPick: (option: ResolvedQuickRange) => void;\n  /** Why an entry is refused, rendered under it. */\n  reasonFor: (option: ResolvedQuickRange) => string;\n  /** Accessible name of the group. */\n  label: string;\n  dataTestId: string;\n}\n\nexport function DateRangeQuickList({\n  options,\n  activeId,\n  onPick,\n  reasonFor,\n  label,\n  dataTestId,\n}: DateRangeQuickListProps): React.JSX.Element {\n  const reasonPrefix = useId();\n\n  return (\n    <Box\n      role=\"group\"\n      aria-label={label}\n      data-testid={`${dataTestId}-quick-list`}\n      sx={{\n        display: 'flex',\n        // A column beside the calendar; ONE scrolling row of pills above it\n        // once there is no width for both.\n        //\n        // Scrolling rather than wrapping: nine wrapped pills take three or four\n        // lines at 390px, which pushes the calendar most of a screen down and\n        // makes the quick ranges — the fastest way to answer — the thing you\n        // have to scroll past. One line keeps the calendar in view and costs a\n        // horizontal swipe, which is the gesture a chip row already invites.\n        flexDirection: { xs: 'row', md: 'column' },\n        flexWrap: { xs: 'nowrap', md: 'wrap' },\n        overflowX: { xs: 'auto', md: 'visible' },\n        // Room for the focus ring, which an `overflow` container would clip.\n        px: { xs: 0.25, md: 0 },\n        py: { xs: 0.25, md: 0 },\n        // The scrollbar is chrome on a phone and noise on a trackpad; the pills\n        // themselves are the affordance, and the last one sits half-cut at the\n        // edge to say the row continues.\n        scrollbarWidth: 'none',\n        '&::-webkit-scrollbar': { display: 'none' },\n        alignContent: 'flex-start',\n        gap: 0.5,\n        minWidth: { md: 168 },\n        maxWidth: { md: 200 },\n      }}\n    >\n      {options.map((option) => {\n        const active = option.id === activeId;\n        const reasonId = `${reasonPrefix}-${option.id}`;\n        return (\n          <Box\n            component=\"button\"\n            type=\"button\"\n            key={option.id}\n            aria-pressed={active}\n            // `aria-disabled`, never the `disabled` attribute: a disabled button\n            // is skipped by the tab order, so the reason under it is unreachable\n            // by exactly the reader most likely to need it.\n            aria-disabled={option.overMax || undefined}\n            aria-describedby={option.overMax ? reasonId : undefined}\n            data-testid={`${dataTestId}-quick-${option.id}`}\n            onClick={() => {\n              if (!option.overMax) onPick(option);\n            }}\n            sx={optionSx(active, option.overMax)}\n          >\n            {option.label}\n            {option.overMax && (\n              <Box component=\"span\" id={reasonId} sx={REASON_SX}>\n                {reasonFor(option)}\n              </Box>\n            )}\n          </Box>\n        );\n      })}\n    </Box>\n  );\n}\n"],"mappings":";AAcA,OAAO,SAAS;AAEhB,SAAgB,aAAa;AAoGnB,SAkBI,KAlBJ;AAhGV,IAAM,WAAW,CAAC,QAAiB,aAAsC;AAAA,EACvE,SAAS;AAAA;AAAA;AAAA,EAGT,OAAO,EAAE,IAAI,QAAQ,IAAI,OAAO;AAAA;AAAA;AAAA,EAGhC,MAAM,EAAE,IAAI,YAAY,IAAI,WAAW;AAAA,EACvC,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY,SAAS,MAAM;AAAA,EAC3B,YAAY;AAAA,EACZ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,YAAY,EAAE,IAAI,UAAU,IAAI,SAAS;AAAA,EACzC,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKR,aAAa,SAAS,iBAAiB,EAAE,IAAI,WAAW,IAAI,cAAc;AAAA,EAC1E,cAAc,EAAE,IAAI,KAAK,IAAI,EAAE;AAAA,EAC/B,QAAQ,UAAU,gBAAgB;AAAA,EAClC,OAAO,UAAU,kBAAkB,SAAS,iBAAiB;AAAA,EAC7D,iBAAiB,SAAS,oBAAoB;AAAA,EAC9C,WAAW,EAAE,iBAAiB,UAAU,gBAAgB,eAAe;AAAA,EACvE,mBAAmB,EAAE,SAAS,aAAa,cAAc,gBAAgB,eAAe,EAAE;AAC5F;AAEA,IAAM,YAA4B;AAAA,EAChC,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,IAAI;AAAA,EACJ,OAAO;AACT;AAcO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+C;AAC7C,QAAM,eAAe,MAAM;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,eAAa,GAAG,UAAU;AAAA,MAC1B,IAAI;AAAA,QACF,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAST,eAAe,EAAE,IAAI,OAAO,IAAI,SAAS;AAAA,QACzC,UAAU,EAAE,IAAI,UAAU,IAAI,OAAO;AAAA,QACrC,WAAW,EAAE,IAAI,QAAQ,IAAI,UAAU;AAAA;AAAA,QAEvC,IAAI,EAAE,IAAI,MAAM,IAAI,EAAE;AAAA,QACtB,IAAI,EAAE,IAAI,MAAM,IAAI,EAAE;AAAA;AAAA;AAAA;AAAA,QAItB,gBAAgB;AAAA,QAChB,wBAAwB,EAAE,SAAS,OAAO;AAAA,QAC1C,cAAc;AAAA,QACd,KAAK;AAAA,QACL,UAAU,EAAE,IAAI,IAAI;AAAA,QACpB,UAAU,EAAE,IAAI,IAAI;AAAA,MACtB;AAAA,MAEC,kBAAQ,IAAI,CAAC,WAAW;AACvB,cAAM,SAAS,OAAO,OAAO;AAC7B,cAAM,WAAW,GAAG,YAAY,IAAI,OAAO,EAAE;AAC7C,eACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEL,gBAAc;AAAA,YAId,iBAAe,OAAO,WAAW;AAAA,YACjC,oBAAkB,OAAO,UAAU,WAAW;AAAA,YAC9C,eAAa,GAAG,UAAU,UAAU,OAAO,EAAE;AAAA,YAC7C,SAAS,MAAM;AACb,kBAAI,CAAC,OAAO,QAAS,QAAO,MAAM;AAAA,YACpC;AAAA,YACA,IAAI,SAAS,QAAQ,OAAO,OAAO;AAAA,YAElC;AAAA,qBAAO;AAAA,cACP,OAAO,WACN,oBAAC,OAAI,WAAU,QAAO,IAAI,UAAU,IAAI,WACrC,oBAAU,MAAM,GACnB;AAAA;AAAA;AAAA,UAjBG,OAAO;AAAA,QAmBd;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-ZSLOXTYJ.js

@@ -1,62 +0,0 @@
-import {
-  CarouselArrows,
-  CarouselIndicators,
-  CarouselThumbnails
-} from "./chunk-4GKDO4YK.js";
-
-// src/components/data-display/Carousel/Carousel.chrome.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var CarouselChrome = ({
-  copy,
-  items,
-  activeIndex,
-  loop,
-  disabled,
-  showArrows,
-  showIndicators,
-  showThumbnails,
-  arrowPosition,
-  indicatorPosition,
-  color,
-  size,
-  onPrev,
-  onNext,
-  onSelect
-}) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  showArrows && !disabled && /* @__PURE__ */ jsx(
-    CarouselArrows,
-    {
-      copy,
-      onPrev,
-      onNext,
-      position: arrowPosition,
-      color,
-      disablePrev: !loop && activeIndex === 0,
-      disableNext: !loop && activeIndex === items.length - 1
-    }
-  ),
-  showIndicators && /* @__PURE__ */ jsx(
-    CarouselIndicators,
-    {
-      count: items.length,
-      activeIndex,
-      onSelect,
-      position: indicatorPosition,
-      color
-    }
-  ),
-  showThumbnails && /* @__PURE__ */ jsx(
-    CarouselThumbnails,
-    {
-      items,
-      activeIndex,
-      onSelect,
-      size
-    }
-  )
-] });
-
-export {
-  CarouselChrome
-};
-//# sourceMappingURL=chunk-ZSLOXTYJ.js.map