@12-apps/ui 6.11.0 → 6.12.0

package/dist/chunk-GCZJH4XL.js

@@ -0,0 +1,55 @@
+// src/components/data-display/DataViews/data-views-range-values.ts
+function isRangeSet(range) {
+  return Boolean(range && (range.min != null || range.max != null));
+}
+function shortDay(day) {
+  const [, month, date] = day.split("-");
+  return month && date ? `${date}/${month}` : day;
+}
+function decimalsFor(step) {
+  if (!step || Number.isInteger(step)) return 0;
+  return String(step).split(".")[1]?.length ?? 0;
+}
+function formatBoundNumber(amount, step) {
+  const decimals = decimalsFor(step);
+  return new Intl.NumberFormat("pt-BR", {
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: Math.max(decimals, 2)
+  }).format(amount);
+}
+function boundLabel(field, bound) {
+  if (field.kind === "day") return shortDay(String(bound));
+  const amount = typeof bound === "number" ? bound : Number(bound);
+  const text = Number.isFinite(amount) ? formatBoundNumber(amount, field.step) : String(bound);
+  return field.unit ? `${field.unit} ${text}` : text;
+}
+function rangeChipLabel(field, range) {
+  const { min, max } = range;
+  if (min != null && max != null) {
+    return `${field.label}: ${boundLabel(field, min)}\u2013${boundLabel(field, max)}`;
+  }
+  if (min != null) return `${field.label}: \u2265 ${boundLabel(field, min)}`;
+  return `${field.label}: \u2264 ${boundLabel(field, max)}`;
+}
+function isRangeInverted(value) {
+  return value.min != null && value.max != null && value.min > value.max;
+}
+function numericRange(range) {
+  const parse = (bound) => {
+    if (bound == null || bound === "") return void 0;
+    const value = Number(bound);
+    return Number.isNaN(value) ? void 0 : value;
+  };
+  const min = parse(range.min);
+  const max = parse(range.max);
+  return { ...min !== void 0 ? { min } : {}, ...max !== void 0 ? { max } : {} };
+}
+
+export {
+  isRangeSet,
+  formatBoundNumber,
+  rangeChipLabel,
+  isRangeInverted,
+  numericRange
+};
+//# sourceMappingURL=chunk-GCZJH4XL.js.map

package/dist/chunk-GCZJH4XL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-range-values.ts"],"sourcesContent":["import type { RangeFieldConfig, RangeValue } from \"./data-views-types\";\n\n/**\n * What a range VALUE means, separate from the controls that edit one.\n *\n * Pure and component-free: whether a window is set, whether it is inverted, how\n * it reads as a label, and its numeric form. The pill, the overflow panel and\n * the filter panel all ask these questions, and none of them should have to\n * import a component to do it.\n */\n\n/** Is either bound set? Drives the pill's active styling and the chip. */\nexport function isRangeSet(range: RangeValue | undefined): boolean {\n  return Boolean(range && (range.min != null || range.max != null));\n}\n/** `AAAA-MM-DD` → `DD/MM` — the compact form a chip shows. */\nfunction shortDay(day: string): string {\n  const [, month, date] = day.split('-');\n  return month && date ? `${date}/${month}` : day;\n}\n/**\n * How many decimals a bound is WRITTEN with, taken from the field's own `step`.\n *\n * `step` is already the field's statement about its precision — money declares\n * `0.01` — so nothing new has to be configured for a chip to know that R$ 17,50\n * has two decimals and a quantity has none.\n */\nfunction decimalsFor(step: number | undefined): number {\n  if (!step || Number.isInteger(step)) return 0;\n  return String(step).split('.')[1]?.length ?? 0;\n}\n\n/**\n * A numeric bound as the merchant writes it: decimal COMMA, thousands grouped.\n *\n * `String(17.5)` reads `17.5` — a decimal point in a currency that has none —\n * and padding it to the field's own precision is what makes `R$ 17,50` instead\n * of `R$ 17,5`. Shared with the input's blur so the chip and the field it was\n * typed into can never disagree, which matters because the chip is the ONLY\n * place the applied window is stated once the popover closes.\n */\nexport function formatBoundNumber(amount: number, step?: number): string {\n  const decimals = decimalsFor(step);\n  return new Intl.NumberFormat('pt-BR', {\n    minimumFractionDigits: decimals,\n    maximumFractionDigits: Math.max(decimals, 2),\n  }).format(amount);\n}\n\n/** One bound, rendered for the chip: money in reais, a day as `DD/MM`. */\nfunction boundLabel<T extends Record<string, unknown>>(\n  field: RangeFieldConfig<T>,\n  bound: number | string,\n): string {\n  if (field.kind === 'day') return shortDay(String(bound));\n  const amount = typeof bound === 'number' ? bound : Number(bound);\n  const text = Number.isFinite(amount) ? formatBoundNumber(amount, field.step) : String(bound);\n  return field.unit ? `${field.unit} ${text}` : text;\n}\n/**\n * The chip text for an applied range: \"Data: 01/07–31/07\" when both ends are\n * set, and a one-sided window as the inequality it actually is (\"Valor: ≥ R$ 20\")\n * rather than an en-dash with a blank side.\n */\nexport function rangeChipLabel<T extends Record<string, unknown>>(\n  field: RangeFieldConfig<T>,\n  range: RangeValue,\n): string {\n  const { min, max } = range;\n  if (min != null && max != null) {\n    return `${field.label}: ${boundLabel(field, min)}–${boundLabel(field, max)}`;\n  }\n  if (min != null) return `${field.label}: ≥ ${boundLabel(field, min)}`;\n  return `${field.label}: ≤ ${boundLabel(field, max as number | string)}`;\n}\n/**\n * Is the window INVERTED — a `de` after its `até`?\n *\n * Not an error the merchant must clear before the list responds: it simply\n * matches nothing. But an empty grid with no explanation reads as \"there is no\n * data\", so the control says which of the two it is.\n */\nexport function isRangeInverted(value: RangeValue): boolean {\n  return value.min != null && value.max != null && value.min > value.max;\n}\n/**\n * A stored range narrowed to NUMBERS, for the slide-in panel's numeric control.\n * A bound that doesn't parse is dropped rather than passed on as `NaN`, which\n * the control would render as an empty box that still filtered.\n */\nexport function numericRange(range: RangeValue): { min?: number; max?: number } {\n  const parse = (bound: number | string | undefined): number | undefined => {\n    if (bound == null || bound === \"\") return undefined;\n    const value = Number(bound);\n    return Number.isNaN(value) ? undefined : value;\n  };\n  const min = parse(range.min);\n  const max = parse(range.max);\n  return { ...(min !== undefined ? { min } : {}), ...(max !== undefined ? { max } : {}) };\n}\n"],"mappings":";AAYO,SAAS,WAAW,OAAwC;AACjE,SAAO,QAAQ,UAAU,MAAM,OAAO,QAAQ,MAAM,OAAO,KAAK;AAClE;AAEA,SAAS,SAAS,KAAqB;AACrC,QAAM,CAAC,EAAE,OAAO,IAAI,IAAI,IAAI,MAAM,GAAG;AACrC,SAAO,SAAS,OAAO,GAAG,IAAI,IAAI,KAAK,KAAK;AAC9C;AAQA,SAAS,YAAY,MAAkC;AACrD,MAAI,CAAC,QAAQ,OAAO,UAAU,IAAI,EAAG,QAAO;AAC5C,SAAO,OAAO,IAAI,EAAE,MAAM,GAAG,EAAE,CAAC,GAAG,UAAU;AAC/C;AAWO,SAAS,kBAAkB,QAAgB,MAAuB;AACvE,QAAM,WAAW,YAAY,IAAI;AACjC,SAAO,IAAI,KAAK,aAAa,SAAS;AAAA,IACpC,uBAAuB;AAAA,IACvB,uBAAuB,KAAK,IAAI,UAAU,CAAC;AAAA,EAC7C,CAAC,EAAE,OAAO,MAAM;AAClB;AAGA,SAAS,WACP,OACA,OACQ;AACR,MAAI,MAAM,SAAS,MAAO,QAAO,SAAS,OAAO,KAAK,CAAC;AACvD,QAAM,SAAS,OAAO,UAAU,WAAW,QAAQ,OAAO,KAAK;AAC/D,QAAM,OAAO,OAAO,SAAS,MAAM,IAAI,kBAAkB,QAAQ,MAAM,IAAI,IAAI,OAAO,KAAK;AAC3F,SAAO,MAAM,OAAO,GAAG,MAAM,IAAI,IAAI,IAAI,KAAK;AAChD;AAMO,SAAS,eACd,OACA,OACQ;AACR,QAAM,EAAE,KAAK,IAAI,IAAI;AACrB,MAAI,OAAO,QAAQ,OAAO,MAAM;AAC9B,WAAO,GAAG,MAAM,KAAK,KAAK,WAAW,OAAO,GAAG,CAAC,SAAI,WAAW,OAAO,GAAG,CAAC;AAAA,EAC5E;AACA,MAAI,OAAO,KAAM,QAAO,GAAG,MAAM,KAAK,YAAO,WAAW,OAAO,GAAG,CAAC;AACnE,SAAO,GAAG,MAAM,KAAK,YAAO,WAAW,OAAO,GAAsB,CAAC;AACvE;AAQO,SAAS,gBAAgB,OAA4B;AAC1D,SAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,QAAQ,MAAM,MAAM,MAAM;AACrE;AAMO,SAAS,aAAa,OAAmD;AAC9E,QAAM,QAAQ,CAAC,UAA2D;AACxE,QAAI,SAAS,QAAQ,UAAU,GAAI,QAAO;AAC1C,UAAM,QAAQ,OAAO,KAAK;AAC1B,WAAO,OAAO,MAAM,KAAK,IAAI,SAAY;AAAA,EAC3C;AACA,QAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,QAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,SAAO,EAAE,GAAI,QAAQ,SAAY,EAAE,IAAI,IAAI,CAAC,GAAI,GAAI,QAAQ,SAAY,EAAE,IAAI,IAAI,CAAC,EAAG;AACxF;","names":[]}

package/dist/chunk-GGNHZ4GA.js

@@ -0,0 +1,174 @@
+// src/components/feedback/Sonner/SonnerToast.tsx
+import SuccessIcon from "@mui/icons-material/CheckCircle";
+import CloseIcon from "@mui/icons-material/Close";
+import ErrorIcon from "@mui/icons-material/Error";
+import InfoIcon from "@mui/icons-material/Info";
+import WarningIcon from "@mui/icons-material/Warning";
+import Box from "@mui/material/Box/index.js";
+import Button from "@mui/material/Button/index.js";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import Collapse from "@mui/material/Collapse/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { alpha, useTheme } from "@mui/material/styles/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var renderToastIcon = (icon, type) => {
+  if (icon) return icon;
+  switch (type) {
+    case "success":
+      return /* @__PURE__ */ jsx(SuccessIcon, { sx: { fontSize: 20, color: "success.main" } });
+    case "error":
+      return /* @__PURE__ */ jsx(ErrorIcon, { sx: { fontSize: 20, color: "error.main" } });
+    case "warning":
+      return /* @__PURE__ */ jsx(WarningIcon, { sx: { fontSize: 20, color: "warning.main" } });
+    case "info":
+      return /* @__PURE__ */ jsx(InfoIcon, { sx: { fontSize: 20, color: "info.main" } });
+    case "loading":
+      return /* @__PURE__ */ jsx(CircularProgress, { size: 16 });
+    default:
+      return null;
+  }
+};
+var resolveToastAnnouncement = (important, type) => {
+  const interrupts = important || type === "error";
+  return {
+    role: interrupts ? "alert" : "status",
+    live: interrupts ? "assertive" : "polite"
+  };
+};
+var buildToastStyles = (theme, variant, visible) => {
+  const baseStyles = {
+    borderRadius: theme.spacing(1.5),
+    border: `1px solid ${theme.palette.divider}`,
+    backgroundColor: theme.palette.background.paper,
+    boxShadow: theme.shadows[4],
+    transition: theme.transitions.create(["all", "transform", "opacity"], {
+      duration: theme.transitions.duration.short
+    }),
+    transform: visible ? "scale(1)" : "scale(0.95)",
+    opacity: visible ? 1 : 0
+  };
+  switch (variant) {
+    case "glass":
+      return {
+        ...baseStyles,
+        backgroundColor: alpha(theme.palette.background.paper, 0.1),
+        backdropFilter: "blur(20px)",
+        border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
+        boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`
+      };
+    case "minimal":
+      return {
+        ...baseStyles,
+        backgroundColor: theme.palette.background.default,
+        border: "none",
+        boxShadow: "none",
+        borderLeft: `4px solid ${theme.palette.primary.main}`,
+        borderRadius: 0
+      };
+    default:
+      return baseStyles;
+  }
+};
+var ToastContent = ({ title, description, important, action, cancel }) => /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, minWidth: 0 }, children: [
+  title && /* @__PURE__ */ jsx(
+    Typography,
+    {
+      variant: "body2",
+      sx: {
+        fontWeight: important ? 600 : 500,
+        color: "text.primary",
+        mb: description ? 0.5 : 0
+      },
+      children: title
+    }
+  ),
+  description && /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { color: "text.secondary", fontSize: "0.875rem" }, children: description }),
+  (action || cancel) && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1, mt: 1.5 }, children: [
+    action && /* @__PURE__ */ jsx(ToastActionButton, { action, buttonVariant: "contained" }),
+    cancel && /* @__PURE__ */ jsx(ToastActionButton, { action: cancel, buttonVariant: "outlined" })
+  ] })
+] });
+var ToastActionButton = ({ action, buttonVariant }) => /* @__PURE__ */ jsx(
+  Button,
+  {
+    size: "small",
+    onClick: action.onClick,
+    variant: buttonVariant,
+    sx: { fontSize: "0.75rem", py: 0.5, px: 1.5 },
+    children: action.label
+  }
+);
+var SonnerToast = ({
+  id,
+  title,
+  description,
+  type = "default",
+  variant = "default",
+  closable = true,
+  dismissLabel,
+  action,
+  cancel,
+  icon,
+  important = false,
+  visible,
+  onDismiss
+}) => {
+  const theme = useTheme();
+  const announcement = resolveToastAnnouncement(important, type);
+  const handleDismiss = () => {
+    onDismiss(id);
+  };
+  return /* @__PURE__ */ jsx(Collapse, { in: visible, timeout: 200, children: /* @__PURE__ */ jsxs(
+    Box,
+    {
+      role: announcement.role,
+      "aria-live": announcement.live,
+      "aria-atomic": "true",
+      sx: {
+        ...buildToastStyles(theme, variant, visible),
+        p: 2,
+        mb: 1,
+        minWidth: 356,
+        maxWidth: 400,
+        display: "flex",
+        alignItems: "flex-start",
+        gap: 1.5
+      },
+      children: [
+        renderToastIcon(icon, type),
+        /* @__PURE__ */ jsx(
+          ToastContent,
+          {
+            title,
+            description,
+            important,
+            action,
+            cancel
+          }
+        ),
+        closable && /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "small",
+            onClick: handleDismiss,
+            "aria-label": dismissLabel,
+            sx: {
+              ml: "auto",
+              color: "text.secondary",
+              "&:hover": {
+                backgroundColor: "action.hover"
+              }
+            },
+            children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" })
+          }
+        )
+      ]
+    }
+  ) });
+};
+
+export {
+  SonnerToast
+};
+//# sourceMappingURL=chunk-GGNHZ4GA.js.map

package/dist/chunk-GGNHZ4GA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Sonner/SonnerToast.tsx"],"sourcesContent":["import SuccessIcon from '@mui/icons-material/CheckCircle';\nimport CloseIcon from '@mui/icons-material/Close';\nimport ErrorIcon from '@mui/icons-material/Error';\nimport InfoIcon from '@mui/icons-material/Info';\nimport WarningIcon from '@mui/icons-material/Warning';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport Collapse from '@mui/material/Collapse/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { SonnerItem } from './Sonner.types';\nimport type { SonnerProps } from './Sonner.types';\n\nconst renderToastIcon = (icon: SonnerProps['icon'], type: SonnerProps['type']) => {\n  if (icon) return icon;\n\n  switch (type) {\n    case 'success':\n      return <SuccessIcon sx={{ fontSize: 20, color: 'success.main' }} />;\n    case 'error':\n      return <ErrorIcon sx={{ fontSize: 20, color: 'error.main' }} />;\n    case 'warning':\n      return <WarningIcon sx={{ fontSize: 20, color: 'warning.main' }} />;\n    case 'info':\n      return <InfoIcon sx={{ fontSize: 20, color: 'info.main' }} />;\n    case 'loading':\n      return <CircularProgress size={16} />;\n    default:\n      return null;\n  }\n};\n\n// Errors and toasts flagged important interrupt the screen reader; the rest wait\n// for the next pause. Computed once instead of duplicating the same condition\n// across the role and aria-live attributes.\nconst resolveToastAnnouncement = (important: boolean, type: SonnerProps['type']) => {\n  const interrupts = important || type === 'error';\n\n  return {\n    role: interrupts ? 'alert' : 'status',\n    live: (interrupts ? 'assertive' : 'polite') as 'assertive' | 'polite',\n  };\n};\n\nconst buildToastStyles = (\n  theme: Theme,\n  variant: SonnerProps['variant'],\n  visible: boolean,\n): CSSObject => {\n  const baseStyles: CSSObject = {\n    borderRadius: theme.spacing(1.5),\n    border: `1px solid ${theme.palette.divider}`,\n    backgroundColor: theme.palette.background.paper,\n    boxShadow: theme.shadows[4],\n    transition: theme.transitions.create(['all', 'transform', 'opacity'], {\n      duration: theme.transitions.duration.short,\n    }),\n    transform: visible ? 'scale(1)' : 'scale(0.95)',\n    opacity: visible ? 1 : 0,\n  };\n\n  switch (variant) {\n    case 'glass':\n      return {\n        ...baseStyles,\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n        boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`,\n      };\n\n    case 'minimal':\n      return {\n        ...baseStyles,\n        backgroundColor: theme.palette.background.default,\n        border: 'none',\n        boxShadow: 'none',\n        borderLeft: `4px solid ${theme.palette.primary.main}`,\n        borderRadius: 0,\n      };\n\n    default:\n      return baseStyles;\n  }\n};\n\n// Title, description and the optional action row. Split out so the toast shell\n// keeps only its own concerns — announcement, styling and dismissal.\nconst ToastContent: React.FC<{\n  title?: SonnerProps['title'];\n  description?: SonnerProps['description'];\n  important: boolean;\n  action?: SonnerProps['action'];\n  cancel?: SonnerProps['cancel'];\n}> = ({ title, description, important, action, cancel }) => (\n  <Box sx={{ flex: 1, minWidth: 0 }}>\n    {title && (\n      <Typography\n        variant=\"body2\"\n        sx={{\n          fontWeight: important ? 600 : 500,\n          color: 'text.primary',\n          mb: description ? 0.5 : 0,\n        }}\n      >\n        {title}\n      </Typography>\n    )}\n\n    {description && (\n      <Typography variant=\"body2\" sx={{ color: 'text.secondary', fontSize: '0.875rem' }}>\n        {description}\n      </Typography>\n    )}\n\n    {(action || cancel) && (\n      <Box sx={{ display: 'flex', gap: 1, mt: 1.5 }}>\n        {action && (\n          <ToastActionButton action={action} buttonVariant=\"contained\" />\n        )}\n        {cancel && <ToastActionButton action={cancel} buttonVariant=\"outlined\" />}\n      </Box>\n    )}\n  </Box>\n);\n\nconst ToastActionButton: React.FC<{\n  action: NonNullable<SonnerProps['action']>;\n  buttonVariant: 'contained' | 'outlined';\n}> = ({ action, buttonVariant }) => (\n  <Button\n    size=\"small\"\n    onClick={action.onClick}\n    variant={buttonVariant}\n    sx={{ fontSize: '0.75rem', py: 0.5, px: 1.5 }}\n  >\n    {action.label}\n  </Button>\n);\n\nexport const SonnerToast: React.FC<SonnerItem & { onDismiss: (id: string) => void }> = ({\n  id,\n  title,\n  description,\n  type = 'default',\n  variant = 'default',\n  closable = true,\n  dismissLabel,\n  action,\n  cancel,\n  icon,\n  important = false,\n  visible,\n  onDismiss,\n}) => {\n  const theme = useTheme();\n  const announcement = resolveToastAnnouncement(important, type);\n\n  const handleDismiss = () => {\n    onDismiss(id);\n  };\n\n  return (\n    <Collapse in={visible} timeout={200}>\n      <Box\n        role={announcement.role}\n        aria-live={announcement.live}\n        aria-atomic=\"true\"\n        sx={{\n          ...buildToastStyles(theme, variant, visible),\n          p: 2,\n          mb: 1,\n          minWidth: 356,\n          maxWidth: 400,\n          display: 'flex',\n          alignItems: 'flex-start',\n          gap: 1.5,\n        }}\n      >\n        {renderToastIcon(icon, type)}\n\n        <ToastContent\n          title={title}\n          description={description}\n          important={important}\n          action={action}\n          cancel={cancel}\n        />\n\n        {closable && (\n          <IconButton\n            size=\"small\"\n            onClick={handleDismiss}\n            aria-label={dismissLabel}\n            sx={{\n              ml: 'auto',\n              color: 'text.secondary',\n              '&:hover': {\n                backgroundColor: 'action.hover',\n              },\n            }}\n          >\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n        )}\n      </Box>\n    </Collapse>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-GJQYM3PM.js

@@ -0,0 +1,43 @@
+import {
+  CalendarDay
+} from "./chunk-YU26GBNX.js";
+import {
+  buildDayArgs
+} from "./chunk-E2Y7G4MP.js";
+import {
+  isSameDay
+} from "./chunk-TERT6TIS.js";
+
+// src/components/form/Calendar/CalendarDayCell.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+var CalendarDayCell = ({
+  day,
+  focusedDate,
+  showOutsideDays,
+  renderDay,
+  dayClassName,
+  onSelect,
+  onHover,
+  onHoverEnd,
+  ...context
+}) => {
+  const args = buildDayArgs({ day, ...context });
+  if (renderDay) return /* @__PURE__ */ jsx(Fragment, { children: renderDay(args) });
+  return /* @__PURE__ */ jsx(
+    CalendarDay,
+    {
+      day: args,
+      focused: isSameDay(args.date, focusedDate),
+      showOutsideDays,
+      dayClassName,
+      onSelect,
+      onHover,
+      onHoverEnd
+    }
+  );
+};
+
+export {
+  CalendarDayCell
+};
+//# sourceMappingURL=chunk-GJQYM3PM.js.map

package/dist/chunk-GJQYM3PM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Calendar/CalendarDayCell.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport { isSameDay } from './Calendar.dates';\nimport { buildDayArgs } from './Calendar.selection';\nimport type { CalendarProps, DateRange, MonthMatrixDay, SelectionMode } from './Calendar.types';\nimport { CalendarDay } from './CalendarDay';\n\n// Everything a cell needs that is the same for every cell in the calendar.\nexport interface DayCellContext {\n  selectionMode: SelectionMode;\n  value: Date | null;\n  range: DateRange;\n  hoveredDate: Date | null;\n  focusedDate: Date;\n  today: Date;\n  showOutsideDays: boolean;\n  isDisabled: (date: Date) => boolean;\n  renderDay?: CalendarProps['renderDay'];\n  dayClassName?: CalendarProps['dayClassName'];\n  onSelect: (date: Date) => void;\n  onHover: (date: Date) => void;\n  onHoverEnd: () => void;\n}\n\nexport const CalendarDayCell: FC<DayCellContext & { day: MonthMatrixDay }> = ({\n  day,\n  focusedDate,\n  showOutsideDays,\n  renderDay,\n  dayClassName,\n  onSelect,\n  onHover,\n  onHoverEnd,\n  ...context\n}) => {\n  const args = buildDayArgs({ day, ...context });\n\n  if (renderDay) return <>{renderDay(args)}</>;\n\n  return (\n    <CalendarDay\n      day={args}\n      focused={isSameDay(args.date, focusedDate)}\n      showOutsideDays={showOutsideDays}\n      dayClassName={dayClassName}\n      onSelect={onSelect}\n      onHover={onHover}\n      onHoverEnd={onHoverEnd}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;AAsCwB;AAbjB,IAAM,kBAAgE,CAAC;AAAA,EAC5E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,OAAO,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAC;AAE7C,MAAI,UAAW,QAAO,gCAAG,oBAAU,IAAI,GAAE;AAEzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,SAAS,UAAU,KAAK,MAAM,WAAW;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-GOWBYHYW.js

@@ -0,0 +1,152 @@
+import {
+  chartValueFormatter
+} from "./chunk-QVWNK4JO.js";
+import {
+  getChartSpecRenderer,
+  getRegisteredChartSpecTypes
+} from "./chunk-WKUA6P3W.js";
+
+// src/components/data-display/Chart/chart-spec.ts
+var CHART_SEMANTIC_COLORS = [
+  "primary",
+  "secondary",
+  "success",
+  "warning",
+  "danger",
+  "info"
+];
+var NUMBER_FORMATS = ["brl", "percent", "compact", "integer", "decimal"];
+var ChartSpecError = class extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "ChartSpecError";
+  }
+};
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function assertColor(value, where) {
+  if (value === void 0) return;
+  if (!CHART_SEMANTIC_COLORS.includes(value)) {
+    throw new ChartSpecError(
+      `${where} must be a semantic color token (${CHART_SEMANTIC_COLORS.join(", ")}), got ${JSON.stringify(value)}. Raw color values are not allowed.`
+    );
+  }
+}
+function parseAxis(value) {
+  if (!isRecord(value) || typeof value.key !== "string" || value.key.length === 0) {
+    throw new ChartSpecError('"xAxis" must be an object with a non-empty string "key" naming the row property for the category axis.');
+  }
+  if (value.label !== void 0 && typeof value.label !== "string") {
+    throw new ChartSpecError('"xAxis.label" must be a string when provided.');
+  }
+  return { key: value.key, label: value.label };
+}
+function parseSeries(value) {
+  if (!Array.isArray(value) || value.length === 0) {
+    throw new ChartSpecError('"series" must be a non-empty array of { key, label?, color? } objects.');
+  }
+  return value.map((entry, index) => {
+    if (!isRecord(entry) || typeof entry.key !== "string" || entry.key.length === 0) {
+      throw new ChartSpecError(`"series[${index}]" must be an object with a non-empty string "key" naming the row property holding its values.`);
+    }
+    assertColor(entry.color, `"series[${index}].color"`);
+    if (entry.label !== void 0 && typeof entry.label !== "string") {
+      throw new ChartSpecError(`"series[${index}].label" must be a string when provided.`);
+    }
+    return { key: entry.key, label: entry.label, color: entry.color };
+  });
+}
+function assertFieldType(spec, field, expected) {
+  const value = spec[field];
+  if (value !== void 0 && typeof value !== expected) {
+    throw new ChartSpecError(`"${field}" must be a ${expected} when provided.`);
+  }
+}
+function parseColorScheme(value) {
+  if (value === void 0) return void 0;
+  if (!Array.isArray(value) || value.length === 0) {
+    throw new ChartSpecError('"colorScheme" must be a non-empty array of semantic color tokens when provided.');
+  }
+  value.forEach((token, index) => assertColor(token, `"colorScheme[${index}]"`));
+  return value;
+}
+function parseOptionalFields(spec) {
+  for (const field of ["title", "subtitle"]) assertFieldType(spec, field, "string");
+  for (const field of ["stacked", "legend", "tooltip", "curved"]) {
+    assertFieldType(spec, field, "boolean");
+  }
+  assertFieldType(spec, "height", "number");
+  if (spec.numberFormat !== void 0 && !NUMBER_FORMATS.includes(spec.numberFormat)) {
+    throw new ChartSpecError(
+      `"numberFormat" must be one of ${NUMBER_FORMATS.join(", ")}, got ${JSON.stringify(spec.numberFormat)}.`
+    );
+  }
+  return {
+    title: spec.title,
+    subtitle: spec.subtitle,
+    stacked: spec.stacked,
+    legend: spec.legend,
+    tooltip: spec.tooltip,
+    curved: spec.curved,
+    height: spec.height,
+    numberFormat: spec.numberFormat,
+    colorScheme: parseColorScheme(spec.colorScheme)
+  };
+}
+function parseChartSpec(input) {
+  if (!isRecord(input)) {
+    throw new ChartSpecError("A chart spec must be a JSON object.");
+  }
+  const type = input.type;
+  if (typeof type !== "string" || !getChartSpecRenderer(type)) {
+    throw new ChartSpecError(
+      `"type" must be one of the registered chart types (${getRegisteredChartSpecTypes().join(", ")}), got ${JSON.stringify(type)}.`
+    );
+  }
+  const yAxis = input.yAxis;
+  if (yAxis !== void 0 && (!isRecord(yAxis) || yAxis.label !== void 0 && typeof yAxis.label !== "string")) {
+    throw new ChartSpecError('"yAxis" must be an object with an optional string "label" when provided.');
+  }
+  const centerLabel = input.centerLabel;
+  return {
+    ...parseOptionalFields(input),
+    type,
+    xAxis: parseAxis(input.xAxis),
+    yAxis,
+    series: parseSeries(input.series),
+    centerLabel
+  };
+}
+function specToChartProps(spec, data, ctx) {
+  const renderer = getChartSpecRenderer(spec.type);
+  if (!renderer) {
+    throw new ChartSpecError(
+      `Unknown chart type "${spec.type}". Registered types: ${getRegisteredChartSpecTypes().join(", ")}.`
+    );
+  }
+  return {
+    data,
+    title: spec.title,
+    subtitle: spec.subtitle,
+    xAxisKey: spec.xAxis.key,
+    xAxisLabel: spec.xAxis.label,
+    yAxisLabel: spec.yAxis?.label,
+    showLegend: spec.legend ?? true,
+    showTooltip: spec.tooltip ?? true,
+    height: spec.height,
+    valueFormatter: chartValueFormatter(spec.numberFormat),
+    // An integer metric is a COUNT: half a row does not exist, so the axis must
+    // not offer half-steps it would then round into duplicates (FUT-755).
+    allowDecimalTicks: spec.numberFormat !== "integer",
+    ...renderer(spec, ctx)
+  };
+}
+
+export {
+  CHART_SEMANTIC_COLORS,
+  ChartSpecError,
+  parseChartSpec,
+  specToChartProps
+};
+//# sourceMappingURL=chunk-GOWBYHYW.js.map

package/dist/chunk-GOWBYHYW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chart/chart-spec.ts"],"sourcesContent":["import type { ChartDataPoint, ChartProps } from './Chart.types';\nimport type { ChartSemanticColor, ChartSpec, ChartSpecSeries } from './ChartSpec.types';\nimport { chartValueFormatter } from './chart-format';\nimport {\n  getChartSpecRenderer,\n  getRegisteredChartSpecTypes,\n  type ChartSpecRenderContext,\n} from './chart-spec-registry';\n\n/**\n * BREAKING FOR STORED SPECS, not just for types.\n *\n * A chart spec is DATA — it is authored as JSON and can be persisted — and this\n * list is validated at runtime, so a saved spec carrying `\"error\"` now throws\n * `ChartSpecError` instead of silently drawing. That is the right failure (the\n * alternative is a series quietly losing its colour), but unlike the rest of\n * this migration a type-check will not find the affected specs: anything stored\n * outside the repo has to be rewritten `error` → `danger`.\n */\nexport const CHART_SEMANTIC_COLORS: readonly ChartSemanticColor[] = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'info',\n];\n\nconst NUMBER_FORMATS = ['brl', 'percent', 'compact', 'integer', 'decimal'];\n\n/** Error thrown when an unknown/invalid spec is parsed. Message is written to\n * be actionable for programmatic authors (builders, LLMs). */\nexport class ChartSpecError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.name = 'ChartSpecError';\n  }\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction assertColor(value: unknown, where: string): void {\n  if (value === undefined) return;\n  if (!CHART_SEMANTIC_COLORS.includes(value as ChartSemanticColor)) {\n    throw new ChartSpecError(\n      `${where} must be a semantic color token (${CHART_SEMANTIC_COLORS.join(', ')}), got ${JSON.stringify(value)}. Raw color values are not allowed.`,\n    );\n  }\n}\n\nfunction parseAxis(value: unknown): { key: string; label?: string } {\n  if (!isRecord(value) || typeof value.key !== 'string' || value.key.length === 0) {\n    throw new ChartSpecError('\"xAxis\" must be an object with a non-empty string \"key\" naming the row property for the category axis.');\n  }\n  if (value.label !== undefined && typeof value.label !== 'string') {\n    throw new ChartSpecError('\"xAxis.label\" must be a string when provided.');\n  }\n  return { key: value.key, label: value.label };\n}\n\nfunction parseSeries(value: unknown): ChartSpecSeries[] {\n  if (!Array.isArray(value) || value.length === 0) {\n    throw new ChartSpecError('\"series\" must be a non-empty array of { key, label?, color? } objects.');\n  }\n  return value.map((entry, index) => {\n    if (!isRecord(entry) || typeof entry.key !== 'string' || entry.key.length === 0) {\n      throw new ChartSpecError(`\"series[${index}]\" must be an object with a non-empty string \"key\" naming the row property holding its values.`);\n    }\n    assertColor(entry.color, `\"series[${index}].color\"`);\n    if (entry.label !== undefined && typeof entry.label !== 'string') {\n      throw new ChartSpecError(`\"series[${index}].label\" must be a string when provided.`);\n    }\n    return { key: entry.key, label: entry.label, color: entry.color as ChartSemanticColor | undefined };\n  });\n}\n\nfunction assertFieldType(\n  spec: Record<string, unknown>,\n  field: string,\n  expected: 'string' | 'boolean' | 'number',\n): void {\n  const value = spec[field];\n  if (value !== undefined && typeof value !== expected) {\n    throw new ChartSpecError(`\"${field}\" must be a ${expected} when provided.`);\n  }\n}\n\nfunction parseColorScheme(value: unknown): ChartSemanticColor[] | undefined {\n  if (value === undefined) return undefined;\n  if (!Array.isArray(value) || value.length === 0) {\n    throw new ChartSpecError('\"colorScheme\" must be a non-empty array of semantic color tokens when provided.');\n  }\n  value.forEach((token, index) => assertColor(token, `\"colorScheme[${index}]\"`));\n  return value as ChartSemanticColor[];\n}\n\nfunction parseOptionalFields(spec: Record<string, unknown>): Partial<ChartSpec> {\n  for (const field of ['title', 'subtitle'] as const) assertFieldType(spec, field, 'string');\n  for (const field of ['stacked', 'legend', 'tooltip', 'curved'] as const) {\n    assertFieldType(spec, field, 'boolean');\n  }\n  assertFieldType(spec, 'height', 'number');\n  if (spec.numberFormat !== undefined && !NUMBER_FORMATS.includes(spec.numberFormat as string)) {\n    throw new ChartSpecError(\n      `\"numberFormat\" must be one of ${NUMBER_FORMATS.join(', ')}, got ${JSON.stringify(spec.numberFormat)}.`,\n    );\n  }\n  return {\n    title: spec.title as string | undefined,\n    subtitle: spec.subtitle as string | undefined,\n    stacked: spec.stacked as boolean | undefined,\n    legend: spec.legend as boolean | undefined,\n    tooltip: spec.tooltip as boolean | undefined,\n    curved: spec.curved as boolean | undefined,\n    height: spec.height as number | undefined,\n    numberFormat: spec.numberFormat as ChartSpec['numberFormat'],\n    colorScheme: parseColorScheme(spec.colorScheme),\n  };\n}\n\n/**\n * Validate an untrusted value (e.g. JSON from storage or an LLM) into a\n * `ChartSpec`. Throws {@link ChartSpecError} with an actionable message on\n * the first problem found.\n */\nexport function parseChartSpec(input: unknown): ChartSpec {\n  if (!isRecord(input)) {\n    throw new ChartSpecError('A chart spec must be a JSON object.');\n  }\n  const type = input.type;\n  if (typeof type !== 'string' || !getChartSpecRenderer(type)) {\n    throw new ChartSpecError(\n      `\"type\" must be one of the registered chart types (${getRegisteredChartSpecTypes().join(', ')}), got ${JSON.stringify(type)}.`,\n    );\n  }\n  const yAxis = input.yAxis;\n  if (yAxis !== undefined && (!isRecord(yAxis) || (yAxis.label !== undefined && typeof yAxis.label !== 'string'))) {\n    throw new ChartSpecError('\"yAxis\" must be an object with an optional string \"label\" when provided.');\n  }\n  const centerLabel = input.centerLabel;\n  return {\n    ...parseOptionalFields(input),\n    type: type as ChartSpec['type'],\n    xAxis: parseAxis(input.xAxis),\n    yAxis: yAxis as ChartSpec['yAxis'],\n    series: parseSeries(input.series),\n    centerLabel: centerLabel as ChartSpec['centerLabel'],\n  };\n}\n\n/**\n * Derive the prop-driven `Chart` props for a validated spec. The spec API is\n * layered on top of the existing component — one rendering implementation.\n */\nexport function specToChartProps(\n  spec: ChartSpec,\n  data: ChartDataPoint[],\n  ctx: ChartSpecRenderContext,\n): ChartProps {\n  const renderer = getChartSpecRenderer(spec.type);\n  if (!renderer) {\n    throw new ChartSpecError(\n      `Unknown chart type \"${spec.type}\". Registered types: ${getRegisteredChartSpecTypes().join(', ')}.`,\n    );\n  }\n  return {\n    data,\n    title: spec.title,\n    subtitle: spec.subtitle,\n    xAxisKey: spec.xAxis.key,\n    xAxisLabel: spec.xAxis.label,\n    yAxisLabel: spec.yAxis?.label,\n    showLegend: spec.legend ?? true,\n    showTooltip: spec.tooltip ?? true,\n    height: spec.height,\n    valueFormatter: chartValueFormatter(spec.numberFormat),\n    // An integer metric is a COUNT: half a row does not exist, so the axis must\n    // not offer half-steps it would then round into duplicates (FUT-755).\n    allowDecimalTicks: spec.numberFormat !== 'integer',\n    ...renderer(spec, ctx),\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-GPVB3FQP.js

@@ -0,0 +1,80 @@
+import {
+  METRICS,
+  footerSx
+} from "./chunk-XCT2ZLA6.js";
+
+// src/components/form/CategorySelect/CategoryPanelFoot.tsx
+import Box from "@mui/material/Box/index.js";
+import Button from "@mui/material/Button/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var buttonSx = (sheet) => ({
+  height: sheet ? METRICS.sheetFooterButton : METRICS.footerButton,
+  padding: "0 13px",
+  borderRadius: "8px",
+  fontSize: 12.5,
+  fontWeight: 600,
+  textTransform: "none",
+  minWidth: 0
+});
+function CategoryMultiFoot({
+  count,
+  changed,
+  sheet,
+  onClear,
+  onApply,
+  dataTestId,
+  copy
+}) {
+  return /* @__PURE__ */ jsxs(Box, { sx: footerSx, "data-testid": `${dataTestId}-footer`, children: [
+    /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontSize: 12, color: "text.secondary" }, children: copy.footer.selectedCount(count) }),
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: "6px" }, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outlined",
+          disabled: count === 0,
+          sx: buttonSx(sheet),
+          onClick: onClear,
+          "data-testid": `${dataTestId}-clear`,
+          children: copy.footer.clear
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "contained",
+          sx: buttonSx(sheet),
+          onClick: onApply,
+          "data-testid": `${dataTestId}-apply`,
+          children: changed ? copy.footer.apply : copy.footer.close
+        }
+      )
+    ] })
+  ] });
+}
+function CategorySingleFoot({
+  sheet,
+  onCancel,
+  dataTestId,
+  copy
+}) {
+  return /* @__PURE__ */ jsxs(Box, { sx: footerSx, "data-testid": `${dataTestId}-footer`, children: [
+    /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontSize: 12, color: "text.secondary" }, children: copy.footer.singleHint }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outlined",
+        sx: buttonSx(sheet),
+        onClick: onCancel,
+        "data-testid": `${dataTestId}-cancel`,
+        children: copy.footer.cancel
+      }
+    )
+  ] });
+}
+
+export {
+  CategoryMultiFoot,
+  CategorySingleFoot
+};
+//# sourceMappingURL=chunk-GPVB3FQP.js.map

package/dist/chunk-GPVB3FQP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanelFoot.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\n\nimport type { CategorySelectCopy } from '../../../copy';\nimport { footerSx, METRICS } from './CategorySelect.styles';\n\nconst buttonSx = (sheet: boolean) =>\n  ({\n    height: sheet ? METRICS.sheetFooterButton : METRICS.footerButton,\n    padding: '0 13px',\n    borderRadius: '8px',\n    fontSize: 12.5,\n    fontWeight: 600,\n    textTransform: 'none',\n    minWidth: 0,\n  }) as const;\n\ninterface MultiFootProps {\n  count: number;\n  /** False once the draft matches what is already applied — Apply becomes Close. */\n  changed: boolean;\n  sheet: boolean;\n  onClear: () => void;\n  onApply: () => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}\n\n/**\n * Multi-select footer: the running count, Clear, and the Apply that publishes\n * the draft. The primary button reads \"Fechar\" when nothing changed, so it never\n * promises an update it would not make.\n */\nexport function CategoryMultiFoot({\n  count,\n  changed,\n  sheet,\n  onClear,\n  onApply,\n  dataTestId,\n  copy,\n}: MultiFootProps): React.JSX.Element {\n  return (\n    <Box sx={footerSx} data-testid={`${dataTestId}-footer`}>\n      <Box component=\"span\" sx={{ fontSize: 12, color: 'text.secondary' }}>\n        {copy.footer.selectedCount(count)}\n      </Box>\n      <Box sx={{ display: 'flex', gap: '6px' }}>\n        <Button\n          variant=\"outlined\"\n          disabled={count === 0}\n          sx={buttonSx(sheet)}\n          onClick={onClear}\n          data-testid={`${dataTestId}-clear`}\n        >\n          {copy.footer.clear}\n        </Button>\n        <Button\n          variant=\"contained\"\n          sx={buttonSx(sheet)}\n          onClick={onApply}\n          data-testid={`${dataTestId}-apply`}\n        >\n          {changed ? copy.footer.apply : copy.footer.close}\n        </Button>\n      </Box>\n    </Box>\n  );\n}\n\n/** Single-select footer: a hint and a way out. Picking a row commits directly. */\nexport function CategorySingleFoot({\n  sheet,\n  onCancel,\n  dataTestId,\n  copy,\n}: {\n  sheet: boolean;\n  onCancel: () => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}): React.JSX.Element {\n  return (\n    <Box sx={footerSx} data-testid={`${dataTestId}-footer`}>\n      <Box component=\"span\" sx={{ fontSize: 12, color: 'text.secondary' }}>\n        {copy.footer.singleHint}\n      </Box>\n      <Button\n        variant=\"outlined\"\n        sx={buttonSx(sheet)}\n        onClick={onCancel}\n        data-testid={`${dataTestId}-cancel`}\n      >\n        {copy.footer.cancel}\n      </Button>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;AAEA,OAAO,SAAS;AAChB,OAAO,YAAY;AA2Cb,cAGA,YAHA;AAtCN,IAAM,WAAW,CAAC,WACf;AAAA,EACC,QAAQ,QAAQ,QAAQ,oBAAoB,QAAQ;AAAA,EACpD,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,UAAU;AACZ;AAkBK,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,SACE,qBAAC,OAAI,IAAI,UAAU,eAAa,GAAG,UAAU,WAC3C;AAAA,wBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,UAAU,IAAI,OAAO,iBAAiB,GAC/D,eAAK,OAAO,cAAc,KAAK,GAClC;AAAA,IACA,qBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,KAAK,MAAM,GACrC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,UAAU,UAAU;AAAA,UACpB,IAAI,SAAS,KAAK;AAAA,UAClB,SAAS;AAAA,UACT,eAAa,GAAG,UAAU;AAAA,UAEzB,eAAK,OAAO;AAAA;AAAA,MACf;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,IAAI,SAAS,KAAK;AAAA,UAClB,SAAS;AAAA,UACT,eAAa,GAAG,UAAU;AAAA,UAEzB,oBAAU,KAAK,OAAO,QAAQ,KAAK,OAAO;AAAA;AAAA,MAC7C;AAAA,OACF;AAAA,KACF;AAEJ;AAGO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKsB;AACpB,SACE,qBAAC,OAAI,IAAI,UAAU,eAAa,GAAG,UAAU,WAC3C;AAAA,wBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,UAAU,IAAI,OAAO,iBAAiB,GAC/D,eAAK,OAAO,YACf;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,IAAI,SAAS,KAAK;AAAA,QAClB,SAAS;AAAA,QACT,eAAa,GAAG,UAAU;AAAA,QAEzB,eAAK,OAAO;AAAA;AAAA,IACf;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-GQ6WEQCZ.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-GQ6WEQCZ.js.map

package/dist/chunk-GQ6WEQCZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}