@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-6AN23E37.js

@@ -1,268 +0,0 @@
-import {
-  describeViewState
-} from "./chunk-5M4TYFR3.js";
-import {
-  PreviewBox
-} from "./chunk-AYRHW4DX.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Switch
-} from "./chunk-R67J6JKT.js";
-import {
-  Input
-} from "./chunk-P3L42CBB.js";
-import {
-  Dialog,
-  DialogContent
-} from "./chunk-O4PKQ46C.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  default as default3
-} from "./chunk-WEBEOBN5.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/SaveViewModal.tsx
-import GroupOutlinedIcon from "@mui/icons-material/GroupOutlined";
-import PushPinOutlinedIcon from "@mui/icons-material/PushPinOutlined";
-import StarOutlineRoundedIcon from "@mui/icons-material/StarOutlineRounded";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function FlagRow({
-  icon,
-  title,
-  description,
-  checked,
-  onChange,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      component: "label",
-      sx: {
-        display: "flex",
-        alignItems: "flex-start",
-        gap: 1.5,
-        px: 1,
-        py: 1,
-        borderRadius: 1,
-        cursor: "pointer",
-        "&:hover": { bgcolor: "action.hover" }
-      },
-      children: [
-        /* @__PURE__ */ jsx(default2, { sx: { mt: 0.25, color: "text.disabled", display: "flex" }, children: icon }),
-        /* @__PURE__ */ jsxs(default2, { sx: { minWidth: 0, flex: 1 }, children: [
-          /* @__PURE__ */ jsx(Text, { variant: "body", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", fontSize: "0.875rem" }, children: title }) }),
-          /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", color: "text.secondary", lineHeight: 1.5 }, children: description }) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Switch,
-          {
-            size: "sm",
-            checked,
-            onChange: (_event, value) => onChange(value),
-            dataTestId: testId
-          }
-        )
-      ]
-    }
-  );
-}
-function FlagsSwitches({
-  pinned,
-  shared,
-  isDefault,
-  setPinned,
-  setShared,
-  setIsDefault,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(default3, { spacing: 0, children: [
-    /* @__PURE__ */ jsx(
-      FlagRow,
-      {
-        icon: /* @__PURE__ */ jsx(PushPinOutlinedIcon, { fontSize: "small" }),
-        title: copy.saveView.pinnedTitle,
-        description: copy.saveView.pinnedDescription,
-        checked: pinned,
-        onChange: setPinned,
-        testId: `${testIdPrefix}-save-pinned`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      FlagRow,
-      {
-        icon: /* @__PURE__ */ jsx(GroupOutlinedIcon, { fontSize: "small" }),
-        title: copy.saveView.sharedTitle,
-        description: copy.saveView.sharedDescription,
-        checked: shared,
-        onChange: setShared,
-        testId: `${testIdPrefix}-save-shared`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      FlagRow,
-      {
-        icon: /* @__PURE__ */ jsx(StarOutlineRoundedIcon, { fontSize: "small" }),
-        title: copy.saveView.setDefaultTitle,
-        description: copy.saveView.setDefaultDescription,
-        checked: isDefault,
-        onChange: setIsDefault,
-        testId: `${testIdPrefix}-save-default`
-      }
-    )
-  ] });
-}
-function seedForm(editing) {
-  if (!editing) {
-    return { name: "", description: "", pinned: false, shared: false, isDefault: false };
-  }
-  return {
-    name: editing.name,
-    description: editing.description ?? "",
-    pinned: editing.pinned,
-    shared: editing.shared,
-    isDefault: editing.isDefault
-  };
-}
-function useSaveViewForm(editing, onSave) {
-  const copy = useDataViewsCopy();
-  const initial = seedForm(editing);
-  const [name, setName] = useState(initial.name);
-  const [description, setDescription] = useState(initial.description);
-  const [pinned, setPinned] = useState(initial.pinned);
-  const [shared, setShared] = useState(initial.shared);
-  const [isDefault, setIsDefault] = useState(initial.isDefault);
-  const [saving, setSaving] = useState(false);
-  const [error, setError] = useState(null);
-  const canSave = name.trim().length > 0 && !saving;
-  async function submit() {
-    setSaving(true);
-    setError(null);
-    try {
-      await onSave({ name: name.trim(), description: description.trim(), shared, pinned, isDefault });
-    } catch (cause) {
-      setError(cause instanceof Error ? cause.message : copy.saveView.saveFailed);
-    } finally {
-      setSaving(false);
-    }
-  }
-  return {
-    name,
-    description,
-    pinned,
-    shared,
-    isDefault,
-    canSave,
-    error,
-    setName,
-    setDescription,
-    setPinned,
-    setShared,
-    setIsDefault,
-    submit
-  };
-}
-function FormFooter({
-  editing,
-  canSave,
-  onSubmit,
-  onClose,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(default3, { direction: "row", spacing: 1.5, sx: { justifyContent: "flex-end" }, children: [
-    /* @__PURE__ */ jsx(Button, { variant: "text", color: "neutral", onClick: onClose, dataTestId: `${testIdPrefix}-save-cancel`, children: copy.saveView.cancel }),
-    /* @__PURE__ */ jsx(Button, { onClick: onSubmit, disabled: !canSave, dataTestId: `${testIdPrefix}-save-submit`, children: editing ? copy.saveView.submitEditing : copy.saveView.submitCreating })
-  ] });
-}
-function SaveViewModal({
-  open,
-  onClose,
-  currentState,
-  fields,
-  columns,
-  editing,
-  onSave,
-  testIdPrefix = "view"
-}) {
-  const copy = useDataViewsCopy();
-  const form = useSaveViewForm(editing, onSave);
-  const preview = describeViewState(currentState, fields, columns);
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onClose,
-      title: editing ? copy.saveView.titleEditing : copy.saveView.titleCreating,
-      size: "sm",
-      showCloseButton: true,
-      dataTestId: `${testIdPrefix}-save-modal`,
-      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(default3, { spacing: 2, "data-testid": `${testIdPrefix}-save-form`, children: [
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            size: "sm",
-            fullWidth: true,
-            label: copy.saveView.nameLabel,
-            placeholder: copy.saveView.namePlaceholder,
-            value: form.name,
-            onChange: (event) => form.setName(event.target.value),
-            "data-testid": `${testIdPrefix}-save-name`
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            size: "sm",
-            fullWidth: true,
-            label: copy.saveView.descriptionLabel,
-            placeholder: copy.saveView.descriptionPlaceholder,
-            value: form.description,
-            onChange: (event) => form.setDescription(event.target.value),
-            "data-testid": `${testIdPrefix}-save-description`
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FlagsSwitches,
-          {
-            pinned: form.pinned,
-            shared: form.shared,
-            isDefault: form.isDefault,
-            setPinned: form.setPinned,
-            setShared: form.setShared,
-            setIsDefault: form.setIsDefault,
-            testIdPrefix
-          }
-        ),
-        /* @__PURE__ */ jsx(PreviewBox, { preview, testIdPrefix }),
-        form.error && /* @__PURE__ */ jsx(Text, { variant: "caption", color: "danger", as: "p", "data-testid": `${testIdPrefix}-save-error`, children: form.error }),
-        /* @__PURE__ */ jsx(
-          FormFooter,
-          {
-            editing,
-            canSave: form.canSave,
-            onSubmit: () => void form.submit(),
-            onClose,
-            testIdPrefix
-          }
-        )
-      ] }) })
-    }
-  );
-}
-
-export {
-  SaveViewModal
-};
-//# sourceMappingURL=chunk-6AN23E37.js.map

package/dist/chunk-6AN23E37.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":["default"]}

package/dist/chunk-6ANWFGLL.js

@@ -1,183 +0,0 @@
-import {
-  useDateRangePicker
-} from "./chunk-APT5L7V5.js";
-import {
-  DateRangeQuickList
-} from "./chunk-ZRHSIFWA.js";
-import {
-  DateRangeFields
-} from "./chunk-IDO4EV7T.js";
-import {
-  DEFAULT_QUICK_RANGES
-} from "./chunk-QKLSHNOH.js";
-import {
-  toLocalDay
-} from "./chunk-FRAVVI4A.js";
-import {
-  Calendar
-} from "./chunk-CZJLWCEG.js";
-
-// src/components/form/DateRangePicker/DateRangePicker.tsx
-import Box from "@mui/material/Box/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import useMediaQuery from "@mui/material/useMediaQuery/index.js";
-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-6ANWFGLL.js.map

package/dist/chunk-6I4BQRZ7.js

@@ -1,196 +0,0 @@
-// src/components/typography/Code/Code.tsx
-import Check from "@mui/icons-material/Check";
-import ContentCopy from "@mui/icons-material/ContentCopy";
-import Box from "@mui/material/Box/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import Tooltip from "@mui/material/Tooltip/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import React, { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledCodeContainer = styled(Box, {
-  shouldForwardProp: (prop) => !["customVariant", "customSize", "copyable"].includes(prop)
-})(({ theme, customVariant = "inline", customSize = "md", copyable }) => {
-  const sizeMap = {
-    xs: { fontSize: "0.75rem", padding: "2px 4px" },
-    sm: { fontSize: "0.8125rem", padding: "3px 6px" },
-    md: { fontSize: "0.875rem", padding: "4px 8px" },
-    lg: { fontSize: "1rem", padding: "6px 12px" }
-  };
-  const blockSizeMap = {
-    xs: { fontSize: "0.75rem", padding: "8px 12px" },
-    sm: { fontSize: "0.8125rem", padding: "12px 16px" },
-    md: { fontSize: "0.875rem", padding: "16px 20px" },
-    lg: { fontSize: "1rem", padding: "20px 24px" }
-  };
-  const baseStyles = {
-    fontFamily: 'Monaco, Menlo, "Ubuntu Mono", "Courier New", monospace',
-    lineHeight: 1.5,
-    borderRadius: theme.shape.borderRadius,
-    transition: "all 0.2s ease",
-    position: "relative"
-  };
-  const variantStyles = {
-    inline: {
-      ...baseStyles,
-      display: "inline",
-      backgroundColor: alpha(theme.palette.primary.main, 0.08),
-      color: theme.palette.primary.main,
-      border: `1px solid ${alpha(theme.palette.primary.main, 0.12)}`,
-      ...sizeMap[customSize]
-    },
-    block: {
-      ...baseStyles,
-      display: "block",
-      backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.grey[900], 0.95) : alpha(theme.palette.grey[100], 0.95),
-      color: theme.palette.mode === "dark" ? theme.palette.common.white : theme.palette.text.primary,
-      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-      overflow: "auto",
-      whiteSpace: "pre",
-      ...blockSizeMap[customSize],
-      ...copyable && {
-        paddingTop: blockSizeMap[customSize].padding.split(" ")[0],
-        paddingRight: "60px"
-      }
-    },
-    highlight: {
-      ...baseStyles,
-      display: "block",
-      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)} 0%, ${alpha(theme.palette.secondary.main, 0.1)} 100%)`,
-      color: theme.palette.text.primary,
-      border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
-      borderLeft: `4px solid ${theme.palette.primary.main}`,
-      overflow: "auto",
-      whiteSpace: "pre",
-      ...blockSizeMap[customSize],
-      ...copyable && {
-        paddingTop: blockSizeMap[customSize].padding.split(" ")[0],
-        paddingRight: "60px"
-      }
-    }
-  };
-  return variantStyles[customVariant] || variantStyles.inline;
-});
-var StyledCode = styled("code")({
-  margin: 0,
-  padding: 0,
-  backgroundColor: "transparent",
-  border: "none",
-  fontFamily: "inherit",
-  fontSize: "inherit",
-  lineHeight: "inherit",
-  color: "inherit"
-});
-var CopyButton = styled(IconButton)(({ theme }) => ({
-  position: "absolute",
-  top: theme.spacing(1),
-  right: theme.spacing(1),
-  width: 32,
-  height: 32,
-  backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.8) : theme.palette.background.paper,
-  backdropFilter: theme.palette.mode === "dark" ? "blur(8px)" : "none",
-  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-  boxShadow: theme.palette.mode === "light" ? theme.shadows[1] : "none",
-  "&:hover": {
-    backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.9) : theme.palette.grey[100],
-    transform: "scale(1.05)"
-  },
-  "& .MuiSvgIcon-root": {
-    fontSize: 16
-  }
-}));
-var LanguageLabel = styled(Box)(({ theme }) => ({
-  position: "absolute",
-  top: theme.spacing(1),
-  left: theme.spacing(2),
-  fontSize: "0.75rem",
-  fontWeight: 500,
-  color: alpha(theme.palette.text.primary, 0.6),
-  backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.8) : theme.palette.background.paper,
-  padding: "2px 8px",
-  borderRadius: theme.shape.borderRadius / 2,
-  backdropFilter: theme.palette.mode === "dark" ? "blur(8px)" : "none",
-  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-  boxShadow: theme.palette.mode === "light" ? theme.shadows[1] : "none"
-}));
-var renderNumberedLines = (source) => source.split("\n").map((line, index) => {
-  const stableKey = `line-${index + 1}-${line.slice(0, 10).replace(/\s+/g, "")}-${line.length}`;
-  return /* @__PURE__ */ jsxs("div", { style: { display: "flex" }, children: [
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        style: {
-          display: "inline-block",
-          minWidth: "3em",
-          opacity: 0.5,
-          userSelect: "none",
-          marginRight: "1em",
-          textAlign: "right"
-        },
-        children: index + 1
-      }
-    ),
-    /* @__PURE__ */ jsx("span", { children: line })
-  ] }, stableKey);
-});
-var resolveCodeFlags = (variant, copyable, language) => {
-  const isBlock = variant === "block" || variant === "highlight";
-  return {
-    isBlock,
-    showCopy: copyable && isBlock,
-    showLanguage: Boolean(language) && isBlock
-  };
-};
-var CodeCopyButton = ({ source }) => {
-  const [copied, setCopied] = useState(false);
-  const handleCopy = async () => {
-    if (typeof source !== "string") return;
-    try {
-      await navigator.clipboard.writeText(source);
-      setCopied(true);
-      window.setTimeout(() => setCopied(false), 2e3);
-    } catch {
-    }
-  };
-  return /* @__PURE__ */ jsx(Tooltip, { title: copied ? "Copied!" : "Copy code", children: /* @__PURE__ */ jsx(CopyButton, { onClick: handleCopy, size: "small", color: copied ? "success" : "default", children: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(ContentCopy, {}) }) });
-};
-var Code = React.forwardRef(
-  ({
-    variant = "inline",
-    language,
-    copyable = false,
-    lineNumbers = false,
-    size = "md",
-    children,
-    ...props
-  }, ref) => {
-    const { isBlock, showCopy, showLanguage } = resolveCodeFlags(variant, copyable, language);
-    const processedChildren = React.useMemo(() => {
-      if (!lineNumbers || !isBlock || typeof children !== "string") {
-        return children;
-      }
-      return renderNumberedLines(children);
-    }, [children, lineNumbers, isBlock]);
-    return /* @__PURE__ */ jsxs(
-      StyledCodeContainer,
-      {
-        ref,
-        component: variant === "inline" ? "span" : "div",
-        customVariant: variant,
-        customSize: size,
-        copyable: showCopy,
-        ...props,
-        children: [
-          showLanguage && /* @__PURE__ */ jsx(LanguageLabel, { children: language }),
-          /* @__PURE__ */ jsx(StyledCode, { children: processedChildren }),
-          showCopy && /* @__PURE__ */ jsx(CodeCopyButton, { source: children })
-        ]
-      }
-    );
-  }
-);
-Code.displayName = "Code";
-
-export {
-  Code
-};
-//# sourceMappingURL=chunk-6I4BQRZ7.js.map