@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-QJJUTBKZ.js

@@ -1,297 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Button
-} from "./chunk-SL4NFGOL.js";
-import {
-  Text
-} from "./chunk-2PCOC3PT.js";
-
-// src/components/data-display/DataViews/data-views-view-nav.tsx
-import ChevronLeftRoundedIcon from "@mui/icons-material/ChevronLeftRounded";
-import CheckRoundedIcon from "@mui/icons-material/CheckRounded";
-import DeleteOutlineRoundedIcon from "@mui/icons-material/DeleteOutlineRounded";
-import EditOutlinedIcon from "@mui/icons-material/EditOutlined";
-import GroupOutlinedIcon from "@mui/icons-material/GroupOutlined";
-import MoreVertRoundedIcon from "@mui/icons-material/MoreVertRounded";
-import PushPinOutlinedIcon from "@mui/icons-material/PushPinOutlined";
-import StarOutlineRoundedIcon from "@mui/icons-material/StarOutlined";
-import StarOutlineRoundedIcon2 from "@mui/icons-material/StarOutlineRounded";
-import IconButton from "@mui/material/IconButton/index.js";
-import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
-import RestartAltRoundedIcon from "@mui/icons-material/RestartAltRounded";
-import SaveOutlinedIcon from "@mui/icons-material/SaveOutlined";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var rowSx = {
-  display: "flex",
-  alignItems: "center",
-  gap: 1,
-  width: "100%",
-  px: 1.25,
-  py: 1,
-  border: 0,
-  borderRadius: 1,
-  bgcolor: "transparent",
-  cursor: "pointer",
-  font: "inherit",
-  fontSize: "0.8125rem",
-  textAlign: "left",
-  color: "text.primary",
-  "&:hover": { bgcolor: "action.hover" }
-};
-function ViewsList({
-  handlers,
-  onOpenActions,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const { views, activeViewId, onSelectView } = handlers;
-  const onMain = !activeViewId;
-  return /* @__PURE__ */ jsxs(default2, { sx: { p: 0.75 }, "data-testid": `${testIdPrefix}-views-list`, children: [
-    /* @__PURE__ */ jsxs(
-      default2,
-      {
-        component: "button",
-        type: "button",
-        onClick: () => onSelectView(null),
-        "data-testid": `${testIdPrefix}-view-main`,
-        sx: { ...rowSx, color: onMain ? "primary.main" : "text.primary", fontWeight: onMain ? 600 : 400 },
-        children: [
-          /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1 }, children: copy.nav.mainView }),
-          onMain && /* @__PURE__ */ jsx(CheckRoundedIcon, { fontSize: "small" })
-        ]
-      }
-    ),
-    views.map((view) => {
-      const active = view.id === activeViewId;
-      return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center" }, children: [
-        /* @__PURE__ */ jsxs(
-          default2,
-          {
-            component: "button",
-            type: "button",
-            onClick: () => onSelectView(view.id),
-            "data-testid": `${testIdPrefix}-view-${view.id}`,
-            sx: { ...rowSx, minWidth: 0, color: active ? "primary.main" : "text.primary", fontWeight: active ? 600 : 400 },
-            children: [
-              /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: view.name }),
-              view.isDefault && /* @__PURE__ */ jsx(StarOutlineRoundedIcon, { fontSize: "small", sx: { color: "warning.main" }, titleAccess: copy.nav.defaultTag }),
-              view.pinned && /* @__PURE__ */ jsx(PushPinOutlinedIcon, { fontSize: "small", sx: { color: "text.disabled" }, titleAccess: "Fixada" }),
-              view.shared && /* @__PURE__ */ jsx(GroupOutlinedIcon, { fontSize: "small", sx: { color: "text.disabled" }, titleAccess: "Compartilhada" }),
-              active && /* @__PURE__ */ jsx(CheckRoundedIcon, { fontSize: "small" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            size: "small",
-            onClick: () => onOpenActions(view),
-            "aria-label": copy.nav.viewOptions(view.name),
-            "data-testid": `${testIdPrefix}-view-${view.id}-menu`,
-            children: /* @__PURE__ */ jsx(MoreVertRoundedIcon, { fontSize: "small" })
-          }
-        )
-      ] }, view.id);
-    }),
-    views.length === 0 && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", px: 1.25, py: 1.5, color: "text.secondary", lineHeight: 1.6 }, children: copy.nav.emptyHint }) })
-  ] });
-}
-function ViewActions({
-  view,
-  handlers,
-  onBack,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const { onEditView, onPatchView, onDeleteView } = handlers;
-  const action = (key, Icon, label, onClick, opts = {}) => /* @__PURE__ */ jsxs(
-    default2,
-    {
-      component: "button",
-      type: "button",
-      onClick,
-      "data-testid": `${testIdPrefix}-view-action-${key}`,
-      sx: {
-        ...rowSx,
-        color: opts.danger ? "error.main" : "text.primary",
-        "&:hover": { bgcolor: opts.danger ? "error.lighter" : "action.hover" }
-      },
-      children: [
-        /* @__PURE__ */ jsx(Icon, { fontSize: "small", sx: { color: opts.danger ? "inherit" : "text.disabled" } }),
-        /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1 }, children: label }),
-        opts.on && /* @__PURE__ */ jsx(CheckRoundedIcon, { fontSize: "small", color: "primary" })
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxs(default2, { sx: { p: 0.75 }, "data-testid": `${testIdPrefix}-view-actions`, children: [
-    /* @__PURE__ */ jsxs(
-      default2,
-      {
-        component: "button",
-        type: "button",
-        onClick: onBack,
-        "data-testid": `${testIdPrefix}-view-actions-back`,
-        sx: { ...rowSx, color: "text.secondary", fontSize: "0.75rem" },
-        children: [
-          /* @__PURE__ */ jsx(ChevronLeftRoundedIcon, { fontSize: "small" }),
-          /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1, fontWeight: 600, color: "text.primary" }, children: view.name })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(default2, { sx: { my: 0.5, borderTop: 1, borderColor: "divider" } }),
-    action("edit", EditOutlinedIcon, copy.nav.editView, () => onEditView(view)),
-    action("default", StarOutlineRoundedIcon2, copy.nav.setDefault, () => onPatchView(view, { isDefault: !view.isDefault }), { on: view.isDefault }),
-    action("pin", PushPinOutlinedIcon, copy.nav.pinToSidebar, () => onPatchView(view, { pinned: !view.pinned }), { on: view.pinned }),
-    action("share", GroupOutlinedIcon, copy.nav.shareWithTeam, () => onPatchView(view, { shared: !view.shared }), { on: view.shared }),
-    /* @__PURE__ */ jsx(default2, { sx: { my: 0.5, borderTop: 1, borderColor: "divider" } }),
-    action("delete", DeleteOutlineRoundedIcon, copy.nav.deleteView, () => onDeleteView(view), { danger: true })
-  ] });
-}
-function ToggleContents({
-  view,
-  open,
-  interactive,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontWeight: 600 }, "data-testid": `${testIdPrefix}-display-view-name`, children: view.activeViewName ?? "{copy.nav.mainView}" }),
-    view.dirty && /* @__PURE__ */ jsx(
-      default2,
-      {
-        component: "span",
-        "aria-label": copy.nav.unsavedChanges,
-        "data-testid": `${testIdPrefix}-display-dirty`,
-        sx: { height: 6, width: 6, borderRadius: "50%", bgcolor: "primary.main" }
-      }
-    ),
-    interactive && /* @__PURE__ */ jsx(
-      KeyboardArrowDownRoundedIcon,
-      {
-        fontSize: "small",
-        sx: { color: "text.disabled", transform: open ? "rotate(180deg)" : "none" }
-      }
-    )
-  ] });
-}
-function ViewToggle({
-  view,
-  open,
-  onToggle,
-  testIdPrefix
-}) {
-  const interactive = Boolean(view.nav);
-  const affordance = interactive ? { px: 0.75, py: 0.25, cursor: "pointer", "&:hover": { bgcolor: "action.hover" } } : { px: 0, py: 0, cursor: "default" };
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      component: interactive ? "button" : "div",
-      type: interactive ? "button" : void 0,
-      onClick: interactive ? onToggle : void 0,
-      "aria-expanded": interactive ? open : void 0,
-      "data-testid": `${testIdPrefix}-display-view-toggle`,
-      sx: {
-        ml: "auto",
-        display: "flex",
-        alignItems: "center",
-        gap: 0.75,
-        minWidth: 0,
-        border: 0,
-        borderRadius: 1,
-        font: "inherit",
-        fontSize: "0.75rem",
-        bgcolor: open ? "action.selected" : "transparent",
-        ...affordance
-      },
-      children: /* @__PURE__ */ jsx(ToggleContents, { view, open, interactive, testIdPrefix })
-    }
-  );
-}
-function ViewHeader(props) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", gap: 1, px: 1.5, py: 1, borderBottom: 1, borderColor: "divider" }, children: [
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { textTransform: "uppercase", letterSpacing: 0.5, color: "text.disabled" }, children: copy.nav.label }) }),
-    /* @__PURE__ */ jsx(ViewToggle, { ...props })
-  ] });
-}
-function ViewFooter({
-  view,
-  onDone,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        gap: 1,
-        px: 1.5,
-        py: 1,
-        borderTop: 1,
-        borderColor: "divider",
-        bgcolor: "action.hover"
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "text",
-            size: "sm",
-            color: "neutral",
-            disabled: !view.dirty,
-            startIcon: /* @__PURE__ */ jsx(RestartAltRoundedIcon, { fontSize: "small" }),
-            onClick: view.onReset,
-            dataTestId: `${testIdPrefix}-display-reset`,
-            children: copy.nav.reset
-          }
-        ),
-        /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-          view.onUpdate && /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "text",
-              size: "sm",
-              color: "neutral",
-              onClick: () => {
-                view.onSaveAs();
-                onDone();
-              },
-              dataTestId: `${testIdPrefix}-display-save-as`,
-              children: copy.nav.saveAs
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "sm",
-              disabled: !view.dirty,
-              startIcon: /* @__PURE__ */ jsx(SaveOutlinedIcon, { fontSize: "small" }),
-              onClick: () => {
-                (view.onUpdate ?? view.onSaveAs)();
-                onDone();
-              },
-              dataTestId: `${testIdPrefix}-display-save`,
-              children: view.onUpdate ? copy.nav.update : copy.nav.save
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
-export {
-  ViewsList,
-  ViewActions,
-  ViewHeader,
-  ViewFooter
-};
-//# sourceMappingURL=chunk-QJJUTBKZ.js.map

package/dist/chunk-QLWBQQW7.js

@@ -1,18 +0,0 @@
-// src/platform/test-id.ts
-function resolveTestId(props, fallback) {
-  return props.testID ?? props.dataTestId ?? props["data-testid"] ?? fallback;
-}
-function childTestId(props, suffix, fallback) {
-  return `${resolveTestId(props, fallback) ?? fallback}-${suffix}`;
-}
-function withoutTestIdProps(props) {
-  const { testID: _testID, dataTestId: _dataTestId, "data-testid": _dataTestid, ...rest } = props;
-  return rest;
-}
-
-export {
-  resolveTestId,
-  childTestId,
-  withoutTestIdProps
-};
-//# sourceMappingURL=chunk-QLWBQQW7.js.map

package/dist/chunk-QLWBQQW7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/platform/test-id.ts"],"sourcesContent":["/**\n * One test id, three spellings.\n *\n * The web components take `dataTestId` and forward it as `data-testid`; the\n * existing test stories pass `'data-testid'` straight through as an unknown\n * prop; React Native calls the same thing `testID`, and react-native-web turns\n * THAT back into `data-testid`. A native component that honoured only one of\n * the three would pass its own unit tests and fail the shared stories.\n */\nexport interface TestIdProps {\n  testID?: string;\n  dataTestId?: string;\n  'data-testid'?: string;\n}\n\n/** The id the caller asked for under any of the three names, else `fallback`. */\nexport function resolveTestId(props: TestIdProps, fallback?: string): string | undefined {\n  return props.testID ?? props.dataTestId ?? props['data-testid'] ?? fallback;\n}\n\n/** `${id}-${suffix}` for a sub-element, or `${fallback}-${suffix}` when unnamed. */\nexport function childTestId(\n  props: TestIdProps,\n  suffix: string,\n  fallback: string,\n): string {\n  return `${resolveTestId(props, fallback) ?? fallback}-${suffix}`;\n}\n\n/** `props` without any of the three spellings, for spreading onto a native element. */\nexport function withoutTestIdProps<P extends TestIdProps>(props: P): Omit<P, keyof TestIdProps> {\n  const { testID: _testID, dataTestId: _dataTestId, 'data-testid': _dataTestid, ...rest } = props;\n  return rest;\n}\n"],"mappings":";AAgBO,SAAS,cAAc,OAAoB,UAAuC;AACvF,SAAO,MAAM,UAAU,MAAM,cAAc,MAAM,aAAa,KAAK;AACrE;AAGO,SAAS,YACd,OACA,QACA,UACQ;AACR,SAAO,GAAG,cAAc,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM;AAChE;AAGO,SAAS,mBAA0C,OAAsC;AAC9F,QAAM,EAAE,QAAQ,SAAS,YAAY,aAAa,eAAe,aAAa,GAAG,KAAK,IAAI;AAC1F,SAAO;AACT;","names":[]}

package/dist/chunk-QYNCPS5W.js

@@ -1,62 +0,0 @@
-import {
-  MapCentreMarker,
-  MapCompass,
-  MapDecorativePins,
-  MapRoads,
-  MapScaleBar
-} from "./chunk-W3FAKT3D.js";
-import {
-  MapTiles
-} from "./chunk-JB67KPGM.js";
-import {
-  surfaceBackground
-} from "./chunk-DRADVLHZ.js";
-import {
-  getTileCoordinates
-} from "./chunk-TUBCN4DJ.js";
-
-// src/components/data-display/MapPreview/StaticMapView.tsx
-import Box from "@mui/material/Box/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StaticMapView = ({
-  height,
-  zoom,
-  mapType,
-  marker,
-  markerPosition,
-  panOffset = { x: 0, y: 0 }
-}) => {
-  const theme = useTheme();
-  const tileOrigin = useMemo(
-    () => markerPosition ? getTileCoordinates(markerPosition.lat, markerPosition.lng, zoom) : null,
-    [markerPosition, zoom]
-  );
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      "data-testid": "static-map-view",
-      sx: {
-        width: "100%",
-        height,
-        position: "relative",
-        background: surfaceBackground(mapType, theme),
-        overflow: "hidden"
-      },
-      children: [
-        /* @__PURE__ */ jsx(MapTiles, { origin: tileOrigin, zoom, mapType, panOffset }),
-        /* @__PURE__ */ jsx(MapRoads, {}),
-        marker && /* @__PURE__ */ jsx(MapCentreMarker, {}),
-        /* @__PURE__ */ jsx(MapDecorativePins, {}),
-        /* @__PURE__ */ jsx(MapScaleBar, { zoom }),
-        /* @__PURE__ */ jsx(MapCompass, {})
-      ]
-    }
-  );
-};
-
-export {
-  StaticMapView
-};
-//# sourceMappingURL=chunk-QYNCPS5W.js.map

package/dist/chunk-QZBUGUOY.js

@@ -1,282 +0,0 @@
-import {
-  RangePresets
-} from "./chunk-F4RR4666.js";
-import {
-  NumberBoundInput
-} from "./chunk-FV36LFPX.js";
-import {
-  isRangeInverted,
-  isRangeSet,
-  numericRange,
-  rangeChipLabel
-} from "./chunk-GCZJH4XL.js";
-import {
-  presetsFor
-} from "./chunk-CBOB5AV6.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  TableFilter
-} from "./chunk-J3JGO6Y6.js";
-import {
-  DayBoundInput
-} from "./chunk-UCU5FCYE.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" : "divider";
-  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: 999,
-        height: 34,
-        px: 1.5,
-        maxWidth: 280,
-        color: inverted ? "error.main" : "text.primary",
-        fontWeight: 600,
-        fontSize: "0.8125rem",
-        textTransform: "none",
-        whiteSpace: "nowrap",
-        borderColor: tone,
-        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-QZBUGUOY.js.map

package/dist/chunk-QZPNQWS2.js

@@ -1,21 +0,0 @@
-import {
-  withConfirmation
-} from "./chunk-HJOABXKN.js";
-import {
-  Button
-} from "./chunk-SL4NFGOL.js";
-
-// src/components/feedback/ConfirmAction/ConfirmButton.tsx
-function createConfirmButton(copy, errorText) {
-  return withConfirmation(Button, {
-    cancelText: copy.cancel,
-    tone: "destructive",
-    errorText,
-    copy
-  });
-}
-
-export {
-  createConfirmButton
-};
-//# sourceMappingURL=chunk-QZPNQWS2.js.map