@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-QYY37ECA.js

@@ -0,0 +1,53 @@
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+import {
+  stackedOverlayZIndex
+} from "./chunk-MFU4Y25U.js";
+
+// src/components/form/CategorySelect/CategoryPanelSurface.tsx
+import Drawer from "@mui/material/Drawer/index.js";
+import Popover from "@mui/material/Popover/index.js";
+import { jsx } from "react/jsx-runtime";
+var BARE_PAPER = { background: "transparent", boxShadow: "none" };
+var ABOVE_SHEETS = { zIndex: stackedOverlayZIndex };
+function CategoryPanelSurface({
+  open,
+  sheet,
+  anchorEl,
+  onClose,
+  children
+}) {
+  if (sheet) {
+    return /* @__PURE__ */ jsx(
+      Drawer,
+      {
+        anchor: "bottom",
+        open,
+        onClose,
+        sx: ABOVE_SHEETS,
+        slotProps: { paper: { sx: BARE_PAPER } },
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      open,
+      anchorEl,
+      onClose,
+      anchorOrigin: { vertical: "bottom", horizontal: "left" },
+      transformOrigin: { vertical: "top", horizontal: "left" },
+      marginThreshold: 8,
+      sx: ABOVE_SHEETS,
+      slotProps: { paper: { sx: { ...BARE_PAPER, marginTop: sxRem(6), overflow: "visible" } } },
+      children
+    }
+  );
+}
+
+export {
+  CategoryPanelSurface
+};
+//# sourceMappingURL=chunk-QYY37ECA.js.map

package/dist/chunk-QYY37ECA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanelSurface.tsx"],"sourcesContent":["'use client';\n\nimport Drawer from '@mui/material/Drawer/index.js';\nimport Popover from '@mui/material/Popover/index.js';\n\nimport { stackedOverlayZIndex } from '../../../tokens/layers';\nimport { sxRem } from '../../../tokens/relative';\n\n/** Chrome-free surface props: the panel draws its own border and shadow. */\nconst BARE_PAPER = { background: 'transparent', boxShadow: 'none' } as const;\n\n/**\n * Both surfaces clear the sheet ladder rather than taking MUI's default.\n *\n * A `Popover` defaults to `zIndex.modal` and a temporary `Drawer` to\n * `zIndex.drawer`, one step lower still — and `StackedModal` gives its second\n * panel 1310. So this panel opened UNDER the sheet that opened it, and, being a\n * live modal with an unreachable backdrop, took the focus of every field around\n * it with no way to dismiss it (12-57). See `tokens/layers`.\n */\nconst ABOVE_SHEETS = { zIndex: stackedOverlayZIndex } as const;\n\ninterface SurfaceProps {\n  open: boolean;\n  /** True below the sheet breakpoint — anchor to the bottom edge instead. */\n  sheet: boolean;\n  anchorEl: HTMLElement | null;\n  onClose: () => void;\n  children: React.ReactNode;\n}\n\n/**\n * Where the panel lives: anchored under the trigger on a pointer, or a bottom\n * sheet on a phone.\n *\n * Both surfaces are modal, which is what gives the panel its dismiss-on-outside,\n * Esc handling and focus containment for free rather than hand-rolled.\n */\nexport function CategoryPanelSurface({\n  open,\n  sheet,\n  anchorEl,\n  onClose,\n  children,\n}: SurfaceProps): React.JSX.Element {\n  if (sheet) {\n    return (\n      <Drawer\n        anchor=\"bottom\"\n        open={open}\n        onClose={onClose}\n        sx={ABOVE_SHEETS}\n        slotProps={{ paper: { sx: BARE_PAPER } }}\n      >\n        {children}\n      </Drawer>\n    );\n  }\n  return (\n    <Popover\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n      transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n      marginThreshold={8}\n      sx={ABOVE_SHEETS}\n      slotProps={{ paper: { sx: { ...BARE_PAPER, marginTop: sxRem(6), overflow: 'visible' } } }}\n    >\n      {children}\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;AAEA,OAAO,YAAY;AACnB,OAAO,aAAa;AA4Cd;AAtCN,IAAM,aAAa,EAAE,YAAY,eAAe,WAAW,OAAO;AAWlE,IAAM,eAAe,EAAE,QAAQ,qBAAqB;AAkB7C,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoC;AAClC,MAAI,OAAO;AACT,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW,EAAE,OAAO,EAAE,IAAI,WAAW,EAAE;AAAA,QAEtC;AAAA;AAAA,IACH;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,EAAE,UAAU,UAAU,YAAY,OAAO;AAAA,MACvD,iBAAiB,EAAE,UAAU,OAAO,YAAY,OAAO;AAAA,MACvD,iBAAiB;AAAA,MACjB,IAAI;AAAA,MACJ,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,YAAY,WAAW,MAAM,CAAC,GAAG,UAAU,UAAU,EAAE,EAAE;AAAA,MAEvF;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-R2WMSXQR.js

@@ -0,0 +1,183 @@
+import {
+  buildBadgeContent
+} from "./chunk-2FM5SUQV.js";
+import {
+  badgeStyles,
+  getAnchorOrigin
+} from "./chunk-KJDBY2KN.js";
+import {
+  badgeContentOf,
+  definedAria,
+  formatCount,
+  resolveBadgeProps
+} from "./chunk-6C5D6O3D.js";
+import {
+  CLOSE_DELAY_MS,
+  MOUNT_ANIMATION_MS
+} from "./chunk-PYC4CWCQ.js";
+import {
+  resolveTestId
+} from "./chunk-TYJR4GOF.js";
+
+// src/components/data-display/Badge/Badge.tsx
+import MuiBadge from "@mui/material/Badge/index.js";
+import Zoom from "@mui/material/Zoom/index.js";
+import { styled } from "@mui/material/styles/index.js";
+import React, { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var StyledBadge = styled(MuiBadge, {
+  shouldForwardProp: (prop) => ![
+    "customVariant",
+    "customSize",
+    "customColor",
+    "glow",
+    "pulse",
+    "animate",
+    "shimmer",
+    "bounce",
+    "hasIcon"
+  ].includes(prop)
+})(({
+  theme,
+  customVariant,
+  customSize = "md",
+  customColor = "primary",
+  glow,
+  pulse,
+  animate,
+  shimmer,
+  bounce,
+  hasIcon
+}) => {
+  return badgeStyles({
+    theme,
+    customVariant,
+    customSize,
+    customColor,
+    glow,
+    pulse,
+    animate,
+    shimmer,
+    bounce,
+    hasIcon
+  });
+});
+var useMountAnimation = (enabled) => {
+  const [isAnimating, setIsAnimating] = useState(false);
+  useEffect(() => {
+    if (!enabled) return;
+    setIsAnimating(true);
+    const timer = window.setTimeout(() => setIsAnimating(false), MOUNT_ANIMATION_MS);
+    return () => window.clearTimeout(timer);
+  }, [enabled]);
+  return isAnimating;
+};
+var BadgeSurface = ({ innerRef, isVisible, isAnimating, shouldBeInvisible, finalBadgeContent, aria, rest, ...p }) => {
+  const testId = p["data-testid"];
+  return /* @__PURE__ */ jsx(Zoom, { in: isVisible, timeout: CLOSE_DELAY_MS, children: /* @__PURE__ */ jsx(
+    StyledBadge,
+    {
+      ref: innerRef,
+      className: p.className,
+      customVariant: p.variant,
+      customSize: p.size,
+      customColor: p.color,
+      glow: p.glow,
+      pulse: p.pulse,
+      animate: p.animate,
+      shimmer: p.shimmer,
+      bounce: p.bounce && isAnimating,
+      hasIcon: Boolean(p.icon),
+      badgeContent: finalBadgeContent,
+      variant: p.variant === "dot" ? "dot" : "standard",
+      anchorOrigin: getAnchorOrigin(p.position),
+      invisible: shouldBeInvisible,
+      "data-testid": testId || "badge",
+      slotProps: {
+        badge: {
+          ...aria,
+          // @ts-expect-error - MUI Badge slotProps doesn't include data-testid in types, but it works at runtime
+          "data-testid": testId ? `${testId}-content-wrapper` : "badge-content-wrapper"
+        }
+      },
+      ...rest,
+      children: p.children
+    }
+  ) });
+};
+var Badge = React.forwardRef((componentProps, ref) => {
+  const resolved = resolveBadgeProps(componentProps);
+  const {
+    variant,
+    size,
+    color: _color,
+    glow: _glow,
+    pulse: _pulse,
+    animate,
+    shimmer: _shimmer,
+    bounce,
+    max,
+    showZero,
+    position: _position,
+    children: _children,
+    invisible,
+    closable,
+    onClose,
+    icon,
+    "aria-label": ariaLabel,
+    "aria-live": ariaLive = "polite",
+    "aria-atomic": ariaAtomic = true,
+    "data-testid": _domTestId,
+    // The house and React Native spellings of the same id; they name the
+    // component on both sides and must not reach the DOM as attributes.
+    testID: _testID,
+    dataTestId: _dataTestId,
+    className: _className,
+    content: _content,
+    badgeContent: _badgeContent,
+    ...props
+  } = resolved;
+  const [isVisible, setIsVisible] = useState(true);
+  const isAnimating = useMountAnimation(animate || bounce);
+  const handleClose = (event) => {
+    event.stopPropagation();
+    setIsVisible(false);
+    window.setTimeout(() => onClose?.(), CLOSE_DELAY_MS);
+  };
+  const badgeId = resolveTestId(resolved);
+  const rawContent = badgeContentOf(resolved);
+  const finalBadgeContent = buildBadgeContent({
+    variant,
+    size,
+    icon,
+    closable,
+    dataTestId: badgeId,
+    baseContent: variant === "count" ? formatCount(rawContent, { max, showZero }) : rawContent,
+    onClose: handleClose
+  });
+  const shouldBeInvisible = invisible || variant === "count" && finalBadgeContent === null && !showZero || !isVisible;
+  return /* @__PURE__ */ jsx(
+    BadgeSurface,
+    {
+      ...resolved,
+      "data-testid": badgeId,
+      innerRef: ref,
+      isVisible,
+      isAnimating,
+      shouldBeInvisible,
+      finalBadgeContent,
+      aria: definedAria({
+        "aria-label": ariaLabel,
+        "aria-live": ariaLive,
+        "aria-atomic": ariaAtomic
+      }),
+      rest: props
+    }
+  );
+});
+Badge.displayName = "Badge";
+
+export {
+  Badge
+};
+//# sourceMappingURL=chunk-R2WMSXQR.js.map

package/dist/chunk-RDCHT2WN.js

@@ -0,0 +1,47 @@
+import {
+  fieldControlStyles,
+  fieldTextFieldStyles
+} from "./chunk-CGO452DC.js";
+import {
+  fieldRadius
+} from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7FDU3FIN.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/form/AddressAutocomplete/AddressTextField.tsx
+import TextField from "@mui/material/TextField/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import { jsx } from "react/jsx-runtime";
+var GlassTextField = styled(TextField)(({ theme }) => ({
+  ...fieldControlStyles(theme),
+  "& .MuiOutlinedInput-root": {
+    borderRadius: fieldRadius(theme),
+    background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.8)} 0%, ${alpha(theme.palette.background.paper, 0.6)} 100%)`,
+    backdropFilter: `blur(${rem(theme, 10)})`,
+    WebkitBackdropFilter: `blur(${rem(theme, 10)})`,
+    border: `1px solid ${fieldEdge(theme)}`,
+    transition: theme.transitions.create(["border-color", "box-shadow", "background"]),
+    "&:hover": {
+      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.9)} 0%, ${alpha(theme.palette.background.paper, 0.7)} 100%)`,
+      borderColor: theme.palette.primary.main
+    },
+    "&.Mui-focused": {
+      background: theme.palette.background.paper,
+      boxShadow: `0 0 0 ${rem(theme, 2)} ${alpha(theme.palette.primary.main, 0.25)}`
+    },
+    "& fieldset": {
+      border: "none"
+    }
+  }
+}));
+var FieldTextField = styled(TextField)(({ theme }) => fieldTextFieldStyles(theme));
+var AddressTextField = ({ addressVariant, ...props }) => addressVariant === "glass" ? /* @__PURE__ */ jsx(GlassTextField, { variant: "outlined", ...props }) : /* @__PURE__ */ jsx(FieldTextField, { variant: addressVariant, ...props });
+
+export {
+  AddressTextField
+};
+//# sourceMappingURL=chunk-RDCHT2WN.js.map

package/dist/chunk-RDCHT2WN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/AddressAutocomplete/AddressTextField.tsx"],"sourcesContent":["import type { TextFieldProps } from '@mui/material/TextField/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport type { AddressAutocompleteProps } from './AddressAutocomplete.types';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { fieldControlStyles, fieldTextFieldStyles } from '../../../tokens/field-height';\nimport { rem } from '../../../tokens/relative';\n\n// Kept module-local on purpose: the inferred type of a styled() component cannot\n// be named across a module boundary here (TS2742), so the plain component below\n// is what the rest of the folder imports.\nconst GlassTextField = styled(TextField)(({ theme }) => ({\n  ...fieldControlStyles(theme),\n  '& .MuiOutlinedInput-root': {\n    borderRadius: fieldRadius(theme),\n    background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.8)} 0%, ${alpha(theme.palette.background.paper, 0.6)} 100%)`,\n    backdropFilter: `blur(${rem(theme, 10)})`,\n    WebkitBackdropFilter: `blur(${rem(theme, 10)})`,\n    border: `1px solid ${fieldEdge(theme)}`,\n    transition: theme.transitions.create(['border-color', 'box-shadow', 'background']),\n    '&:hover': {\n      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.9)} 0%, ${alpha(theme.palette.background.paper, 0.7)} 100%)`,\n      borderColor: theme.palette.primary.main,\n    },\n    '&.Mui-focused': {\n      background: theme.palette.background.paper,\n      boxShadow: `0 0 0 ${rem(theme, 2)} ${alpha(theme.palette.primary.main, 0.25)}`,\n    },\n    '& fieldset': {\n      border: 'none',\n    },\n  },\n}));\n\n/** The plain variants: MUI's own field, on the theme's field radius. */\nconst FieldTextField = styled(TextField)(({ theme }) => fieldTextFieldStyles(theme));\n\nexport type AddressTextFieldProps = Omit<TextFieldProps, 'variant'> & {\n  addressVariant: AddressAutocompleteProps['variant'];\n};\n\n// 'glass' is not a MUI variant: it renders the outlined field with the frosted\n// treatment on top.\nexport const AddressTextField: FC<AddressTextFieldProps> = ({ addressVariant, ...props }) =>\n  addressVariant === 'glass' ? (\n    <GlassTextField variant=\"outlined\" {...props} />\n  ) : (\n    <FieldTextField variant={addressVariant} {...props} />\n  );\n"],"mappings":";;;;;;;;;;;;;;;AACA,OAAO,eAAe;AACtB,SAAS,OAAO,cAAc;AAgD1B;AAlCJ,IAAM,iBAAiB,OAAO,SAAS,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACvD,GAAG,mBAAmB,KAAK;AAAA,EAC3B,4BAA4B;AAAA,IAC1B,cAAc,YAAY,KAAK;AAAA,IAC/B,YAAY,2BAA2B,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,CAAC,QAAQ,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,CAAC;AAAA,IACnI,gBAAgB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,IACtC,sBAAsB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,IAC5C,QAAQ,aAAa,UAAU,KAAK,CAAC;AAAA,IACrC,YAAY,MAAM,YAAY,OAAO,CAAC,gBAAgB,cAAc,YAAY,CAAC;AAAA,IACjF,WAAW;AAAA,MACT,YAAY,2BAA2B,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,CAAC,QAAQ,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,CAAC;AAAA,MACnI,aAAa,MAAM,QAAQ,QAAQ;AAAA,IACrC;AAAA,IACA,iBAAiB;AAAA,MACf,YAAY,MAAM,QAAQ,WAAW;AAAA,MACrC,WAAW,SAAS,IAAI,OAAO,CAAC,CAAC,IAAI,MAAM,MAAM,QAAQ,QAAQ,MAAM,IAAI,CAAC;AAAA,IAC9E;AAAA,IACA,cAAc;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,EACF;AACF,EAAE;AAGF,IAAM,iBAAiB,OAAO,SAAS,EAAE,CAAC,EAAE,MAAM,MAAM,qBAAqB,KAAK,CAAC;AAQ5E,IAAM,mBAA8C,CAAC,EAAE,gBAAgB,GAAG,MAAM,MACrF,mBAAmB,UACjB,oBAAC,kBAAe,SAAQ,YAAY,GAAG,OAAO,IAE9C,oBAAC,kBAAe,SAAS,gBAAiB,GAAG,OAAO;","names":[]}

package/dist/chunk-RIEV4VXF.js

@@ -0,0 +1,71 @@
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/form/Switch/Switch.animations.ts
+import { keyframes } from "@mui/material/styles/index.js";
+var glowAnimation = (theme) => keyframes`
+  0% {
+    box-shadow: 0 0 ${rem(theme, 5)} currentColor;
+  }
+  50% {
+    box-shadow: 0 0 ${rem(theme, 15)} currentColor, 0 0 ${rem(theme, 25)} currentColor;
+  }
+  100% {
+    box-shadow: 0 0 ${rem(theme, 5)} currentColor;
+  }
+`;
+var bounceAnimation = keyframes`
+  0%, 100% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+`;
+var pulseAnimation = keyframes`
+  0%, 100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.7;
+    transform: scale(0.95);
+  }
+`;
+var rippleAnimation = keyframes`
+  0% {
+    transform: scale(0);
+    opacity: 1;
+  }
+  100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+`;
+var spinAnimation = keyframes`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`;
+var shimmerAnimation = keyframes`
+  0% {
+    background-position: -200% 50%;
+  }
+  100% {
+    background-position: 200% 50%;
+  }
+`;
+
+export {
+  glowAnimation,
+  bounceAnimation,
+  pulseAnimation,
+  rippleAnimation,
+  spinAnimation,
+  shimmerAnimation
+};
+//# sourceMappingURL=chunk-RIEV4VXF.js.map

package/dist/chunk-RIEV4VXF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Switch/Switch.animations.ts"],"sourcesContent":["import { keyframes } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\n\nimport { rem } from '../../../tokens/relative';\n\nexport const glowAnimation = (theme: Theme) => keyframes`\n  0% {\n    box-shadow: 0 0 ${rem(theme, 5)} currentColor;\n  }\n  50% {\n    box-shadow: 0 0 ${rem(theme, 15)} currentColor, 0 0 ${rem(theme, 25)} currentColor;\n  }\n  100% {\n    box-shadow: 0 0 ${rem(theme, 5)} currentColor;\n  }\n`;\n\nexport const bounceAnimation = keyframes`\n  0%, 100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.1);\n  }\n`;\n\nexport const pulseAnimation = keyframes`\n  0%, 100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  50% {\n    opacity: 0.7;\n    transform: scale(0.95);\n  }\n`;\n\nexport const rippleAnimation = keyframes`\n  0% {\n    transform: scale(0);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n`;\n\nexport const spinAnimation = keyframes`\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n`;\n\nexport const shimmerAnimation = keyframes`\n  0% {\n    background-position: -200% 50%;\n  }\n  100% {\n    background-position: 200% 50%;\n  }\n`;\n"],"mappings":";;;;;AAAA,SAAS,iBAAiB;AAKnB,IAAM,gBAAgB,CAAC,UAAiB;AAAA;AAAA,sBAEzB,IAAI,OAAO,CAAC,CAAC;AAAA;AAAA;AAAA,sBAGb,IAAI,OAAO,EAAE,CAAC,sBAAsB,IAAI,OAAO,EAAE,CAAC;AAAA;AAAA;AAAA,sBAGlD,IAAI,OAAO,CAAC,CAAC;AAAA;AAAA;AAI5B,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASxB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWvB,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWxB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAStB,IAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-RIF6L54B.js

@@ -0,0 +1,100 @@
+import {
+  BAR_GLOW,
+  CIRCULAR_GLOW,
+  GLASS_BAR_ALPHA,
+  GLASS_BAR_BORDER_ALPHA,
+  GLASS_BLUR_PX,
+  GLOW_BRIGHTNESS,
+  PROGRESS_SIZES,
+  PULSE
+} from "./chunk-RUEKY3VR.js";
+import {
+  softNeutral
+} from "./chunk-FQ6UW7IY.js";
+import {
+  rem,
+  rems,
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/Progress/Progress.styles.ts
+import { alpha, keyframes } from "@mui/material/styles/index.js";
+var pulseAnimation = keyframes`
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: ${PULSE.dip};
+  }
+  100% {
+    opacity: 1;
+  }
+`;
+var getColorFromTheme = (theme, color) => {
+  if (color === "neutral") {
+    return softNeutral(theme);
+  }
+  const colorMap = {
+    primary: theme.palette.primary,
+    secondary: theme.palette.secondary,
+    success: theme.palette.success,
+    warning: theme.palette.warning,
+    error: theme.palette.error,
+    info: theme.palette.info,
+    danger: theme.palette.error
+    // Add danger alias
+  };
+  return colorMap[color] || theme.palette.primary;
+};
+var SIZE_MAP = Object.fromEntries(
+  Object.entries(PROGRESS_SIZES).map(([size, step]) => [
+    size,
+    { heightPx: step.height, circularSizePx: step.circularSize, fontSize: sxRem(step.fontSize) }
+  ])
+);
+var getSizeStyles = (size) => SIZE_MAP[size] || SIZE_MAP.md;
+var barVariantStyles = (theme, variant, colorPalette) => {
+  switch (variant) {
+    case "linear":
+      return { backgroundColor: colorPalette.main };
+    case "gradient":
+      return {
+        background: `linear-gradient(90deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`
+      };
+    case "glass":
+      return {
+        backgroundColor: alpha(colorPalette.main, GLASS_BAR_ALPHA),
+        backdropFilter: `blur(${rem(theme, GLASS_BLUR_PX)})`,
+        border: `1px solid ${alpha(colorPalette.main, GLASS_BAR_BORDER_ALPHA)}`
+      };
+    default:
+      return {};
+  }
+};
+var barEmphasisStyles = (theme, colorPalette, glow, pulse) => ({
+  ...glow && {
+    boxShadow: `${rems(theme, 0, 0, BAR_GLOW.blur, BAR_GLOW.spread)} ${alpha(colorPalette.main, BAR_GLOW.alpha)}`,
+    filter: `brightness(${GLOW_BRIGHTNESS})`
+  },
+  ...pulse && {
+    animation: `${pulseAnimation} ${PULSE.durationMs / 1e3}s infinite`
+  }
+});
+var circularEmphasisStyles = (theme, colorPalette, glow, pulse) => ({
+  ...glow && {
+    filter: `drop-shadow(${rems(theme, 0, 0, CIRCULAR_GLOW.blur)} ${alpha(colorPalette.main, CIRCULAR_GLOW.alpha)})`
+  },
+  ...pulse && {
+    animation: `${pulseAnimation} ${PULSE.durationMs / 1e3}s infinite`
+  }
+});
+
+export {
+  pulseAnimation,
+  getColorFromTheme,
+  getSizeStyles,
+  barVariantStyles,
+  barEmphasisStyles,
+  circularEmphasisStyles
+};
+//# sourceMappingURL=chunk-RIF6L54B.js.map

package/dist/chunk-RIF6L54B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Progress/Progress.styles.ts"],"sourcesContent":["import type { PaletteColor, CSSObject, Theme } from '@mui/material/styles/index.js';\nimport { alpha, keyframes } from '@mui/material/styles/index.js';\n\nimport {\n  BAR_GLOW,\n  CIRCULAR_GLOW,\n  GLASS_BAR_ALPHA,\n  GLASS_BAR_BORDER_ALPHA,\n  GLASS_BLUR_PX,\n  GLOW_BRIGHTNESS,\n  PROGRESS_SIZES,\n  PULSE,\n} from './Progress.metrics';\nimport type { ProgressSize, ProgressVariant } from './Progress.types';\nimport { softNeutral } from '../../../tokens/ink';\nimport { rem, rems, sxRem } from '../../../tokens/relative';\n\n// Define pulse animation. The stops and the two seconds are the shared metrics'\n// (`PULSE`), so the native `Progress` breathes on the same cadence.\nexport const pulseAnimation = keyframes`\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: ${PULSE.dip};\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nexport const getColorFromTheme = (theme: Theme, color: string): PaletteColor => {\n  // Handle special case for neutral (grey) which is a Color, not PaletteColor\n  if (color === 'neutral') {\n    return softNeutral(theme);\n  }\n\n  const colorMap: Record<string, PaletteColor> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    error: theme.palette.error,\n    info: theme.palette.info,\n    danger: theme.palette.error, // Add danger alias\n  };\n\n  // Ensure we always return a valid color object with main and dark properties\n  return colorMap[color] || theme.palette.primary;\n};\n\n// Derived from the shared metrics, not restated: the native `Progress` reads\n// the same table, so the two renderers cannot disagree on a size.\n// The lengths stay design px (`…Px`) and go through `rem` where they are drawn.\ninterface SizeStep {\n  heightPx: number;\n  circularSizePx: number;\n  fontSize: (theme: Theme) => string;\n}\n\nconst SIZE_MAP: Record<ProgressSize, SizeStep> = Object.fromEntries(\n  Object.entries(PROGRESS_SIZES).map(([size, step]) => [\n    size,\n    { heightPx: step.height, circularSizePx: step.circularSize, fontSize: sxRem(step.fontSize) },\n  ]),\n) as Record<ProgressSize, SizeStep>;\n\nexport const getSizeStyles = (size?: ProgressSize) => SIZE_MAP[size as ProgressSize] || SIZE_MAP.md;\n\nexport const barVariantStyles = (\n  theme: Theme,\n  variant: ProgressVariant | undefined,\n  colorPalette: PaletteColor,\n): CSSObject => {\n  switch (variant) {\n    case 'linear':\n      return { backgroundColor: colorPalette.main };\n    case 'gradient':\n      return {\n        background: `linear-gradient(90deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`,\n      };\n    case 'glass':\n      return {\n        backgroundColor: alpha(colorPalette.main, GLASS_BAR_ALPHA),\n        backdropFilter: `blur(${rem(theme, GLASS_BLUR_PX)})`,\n        border: `1px solid ${alpha(colorPalette.main, GLASS_BAR_BORDER_ALPHA)}`,\n      };\n    default:\n      return {};\n  }\n};\n\n// glow and pulse are independent flags. The three combinations used to be spelled\n// out one by one, but each is just the union of whichever flags are set.\nexport const barEmphasisStyles = (\n  theme: Theme,\n  colorPalette: PaletteColor,\n  glow?: boolean,\n  pulse?: boolean,\n): CSSObject => ({\n  ...(glow && {\n    boxShadow: `${rems(theme, 0, 0, BAR_GLOW.blur, BAR_GLOW.spread)} ${alpha(colorPalette.main, BAR_GLOW.alpha)}`,\n    filter: `brightness(${GLOW_BRIGHTNESS})`,\n  }),\n  ...(pulse && {\n    animation: `${pulseAnimation} ${PULSE.durationMs / 1000}s infinite`,\n  }),\n});\n\nexport const circularEmphasisStyles = (\n  theme: Theme,\n  colorPalette: PaletteColor,\n  glow?: boolean,\n  pulse?: boolean,\n): CSSObject => ({\n  ...(glow && {\n    filter: `drop-shadow(${rems(theme, 0, 0, CIRCULAR_GLOW.blur)} ${alpha(colorPalette.main, CIRCULAR_GLOW.alpha)})`,\n  }),\n  ...(pulse && {\n    animation: `${pulseAnimation} ${PULSE.durationMs / 1000}s infinite`,\n  }),\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AACA,SAAS,OAAO,iBAAiB;AAkB1B,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA,eAKf,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjB,IAAM,oBAAoB,CAAC,OAAc,UAAgC;AAE9E,MAAI,UAAU,WAAW;AACvB,WAAO,YAAY,KAAK;AAAA,EAC1B;AAEA,QAAM,WAAyC;AAAA,IAC7C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,OAAO,MAAM,QAAQ;AAAA,IACrB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA;AAAA,EACxB;AAGA,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ;AAC1C;AAWA,IAAM,WAA2C,OAAO;AAAA,EACtD,OAAO,QAAQ,cAAc,EAAE,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM;AAAA,IACnD;AAAA,IACA,EAAE,UAAU,KAAK,QAAQ,gBAAgB,KAAK,cAAc,UAAU,MAAM,KAAK,QAAQ,EAAE;AAAA,EAC7F,CAAC;AACH;AAEO,IAAM,gBAAgB,CAAC,SAAwB,SAAS,IAAoB,KAAK,SAAS;AAE1F,IAAM,mBAAmB,CAC9B,OACA,SACA,iBACc;AACd,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO,EAAE,iBAAiB,aAAa,KAAK;AAAA,IAC9C,KAAK;AACH,aAAO;AAAA,QACL,YAAY,0BAA0B,aAAa,IAAI,QAAQ,aAAa,QAAQ,aAAa,IAAI;AAAA,MACvG;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,aAAa,MAAM,eAAe;AAAA,QACzD,gBAAgB,QAAQ,IAAI,OAAO,aAAa,CAAC;AAAA,QACjD,QAAQ,aAAa,MAAM,aAAa,MAAM,sBAAsB,CAAC;AAAA,MACvE;AAAA,IACF;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAIO,IAAM,oBAAoB,CAC/B,OACA,cACA,MACA,WACe;AAAA,EACf,GAAI,QAAQ;AAAA,IACV,WAAW,GAAG,KAAK,OAAO,GAAG,GAAG,SAAS,MAAM,SAAS,MAAM,CAAC,IAAI,MAAM,aAAa,MAAM,SAAS,KAAK,CAAC;AAAA,IAC3G,QAAQ,cAAc,eAAe;AAAA,EACvC;AAAA,EACA,GAAI,SAAS;AAAA,IACX,WAAW,GAAG,cAAc,IAAI,MAAM,aAAa,GAAI;AAAA,EACzD;AACF;AAEO,IAAM,yBAAyB,CACpC,OACA,cACA,MACA,WACe;AAAA,EACf,GAAI,QAAQ;AAAA,IACV,QAAQ,eAAe,KAAK,OAAO,GAAG,GAAG,cAAc,IAAI,CAAC,IAAI,MAAM,aAAa,MAAM,cAAc,KAAK,CAAC;AAAA,EAC/G;AAAA,EACA,GAAI,SAAS;AAAA,IACX,WAAW,GAAG,cAAc,IAAI,MAAM,aAAa,GAAI;AAAA,EACzD;AACF;","names":[]}

package/dist/chunk-RIRTW5EU.js

@@ -0,0 +1,82 @@
+import {
+  rem,
+  remPx,
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/Chart/ChartComposables.tsx
+import Box from "@mui/material/Box/index.js";
+import Paper from "@mui/material/Paper/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { Legend, ResponsiveContainer, Tooltip } from "recharts";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ChartTooltip = Tooltip;
+var ChartLegend = Legend;
+var ChartContainer = ({
+  height,
+  width = "100%",
+  responsive = true,
+  children,
+  "data-testid": dataTestId
+}) => {
+  const theme = useTheme();
+  if (!responsive) {
+    const box = {
+      width: typeof width === "number" ? rem(theme, width) : width,
+      height: typeof height === "number" ? rem(theme, height) : height
+    };
+    return /* @__PURE__ */ jsx(Box, { sx: box, "data-testid": dataTestId, children });
+  }
+  const plot = { height: typeof height === "number" ? remPx(theme, height) : height };
+  return /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", ...plot, "data-testid": dataTestId, children });
+};
+var ChartTooltipContent = ({
+  active,
+  label,
+  payload,
+  valueFormatter
+}) => {
+  const theme = useTheme();
+  if (!active || !payload || payload.length === 0) return null;
+  const formatValue = (value) => {
+    if (typeof value === "number" && valueFormatter) return valueFormatter(value);
+    return value ?? "";
+  };
+  return /* @__PURE__ */ jsxs(Paper, { elevation: 4, sx: { px: 1.5, py: 1, border: `1px solid ${theme.palette.divider}` }, children: [
+    label !== void 0 && label !== "" && /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { color: "text.secondary", display: "block", mb: 0.5 }, children: label }),
+    payload.map((entry, index) => /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          component: "span",
+          sx: { width: sxRem(10), height: sxRem(10), borderRadius: sxRem(2), backgroundColor: entry.color, flexShrink: 0 }
+        }
+      ),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { color: "text.secondary" }, children: entry.name }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { ml: "auto", fontWeight: 600 }, children: formatValue(entry.value) })
+    ] }, index))
+  ] });
+};
+var ChartLegendContent = ({ payload }) => {
+  if (!payload || payload.length === 0) return null;
+  return /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexWrap: "wrap", justifyContent: "center", gap: 2, pt: 1 }, children: payload.map((entry, index) => /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "span",
+        sx: { width: sxRem(10), height: sxRem(10), borderRadius: sxRem(2), backgroundColor: entry.color, flexShrink: 0 }
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { color: "text.secondary" }, children: entry.value })
+  ] }, index)) });
+};
+
+export {
+  ChartTooltip,
+  ChartLegend,
+  ChartContainer,
+  ChartTooltipContent,
+  ChartLegendContent
+};
+//# sourceMappingURL=chunk-RIRTW5EU.js.map

package/dist/chunk-RIRTW5EU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chart/ChartComposables.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\nimport { Legend, ResponsiveContainer, Tooltip } from 'recharts';\n\nimport { rem, remPx, sxRem } from '../../../tokens/relative';\n\n/**\n * Raw chart composables (Squire's ChartConfig pattern, MUI-themed): a\n * responsive container plus themed tooltip/legend content renderers. The\n * prop-driven `Chart` uses these internally; consumers building bespoke\n * Recharts compositions can reuse them directly.\n */\n\n/** Recharts' Tooltip/Legend re-exported so bespoke compositions can pair them\n * with the themed content renderers below. */\nexport const ChartTooltip = Tooltip;\nexport const ChartLegend = Legend;\n\nexport interface ChartContainerProps {\n  /**\n   * A number of pixels (design px, drawn through the theme's type scale), or\n   * a PERCENTAGE of the box this container is given.\n   *\n   * The difference is not cosmetic: Recharts sizes the chart from the number\n   * when it is one and only MEASURES its own box when it is a percentage\n   * (`calculateChartDimensions`). So a container stretched by its parent's\n   * layout goes on drawing a 300px chart inside a 600px box — visibly, as\n   * blank space under the plot — until the height is handed over as a percent.\n   */\n  height: number | `${number}%`;\n  /** Design px when a number, through the type scale; a string is as given. */\n  width?: number | string;\n  responsive?: boolean;\n  children: React.ReactElement;\n  'data-testid'?: string;\n}\n\n/** Responsive wrapper for a Recharts chart element. */\nexport const ChartContainer: React.FC<ChartContainerProps> = ({\n  height,\n  width = '100%',\n  responsive = true,\n  children,\n  'data-testid': dataTestId,\n}) => {\n  const theme = useTheme();\n  if (!responsive) {\n    const box = {\n      width: typeof width === 'number' ? rem(theme, width) : width,\n      height: typeof height === 'number' ? rem(theme, height) : height,\n    };\n    return (\n      <Box sx={box} data-testid={dataTestId}>\n        {children}\n      </Box>\n    );\n  }\n  // Recharts takes a number as px and only measures its box for a percentage.\n  const plot = { height: typeof height === 'number' ? remPx(theme, height) : height };\n  return (\n    <ResponsiveContainer width=\"100%\" {...plot} data-testid={dataTestId}>\n      {children}\n    </ResponsiveContainer>\n  );\n};\n\ninterface TooltipEntry {\n  name?: string | number;\n  value?: string | number;\n  color?: string;\n}\n\nexport interface ChartTooltipContentProps {\n  active?: boolean;\n  label?: string | number;\n  payload?: TooltipEntry[];\n  /** Formats numeric values (e.g. centavos → BRL). */\n  valueFormatter?: (value: number) => string;\n}\n\n/** Theme-aware tooltip content (light/dark correct, semantic colors only). */\nexport const ChartTooltipContent: React.FC<ChartTooltipContentProps> = ({\n  active,\n  label,\n  payload,\n  valueFormatter,\n}) => {\n  const theme = useTheme();\n  if (!active || !payload || payload.length === 0) return null;\n  const formatValue = (value: TooltipEntry['value']): string | number => {\n    if (typeof value === 'number' && valueFormatter) return valueFormatter(value);\n    return value ?? '';\n  };\n  return (\n    <Paper elevation={4} sx={{ px: 1.5, py: 1, border: `1px solid ${theme.palette.divider}` }}>\n      {label !== undefined && label !== '' && (\n        <Typography variant=\"caption\" sx={{ color: 'text.secondary', display: 'block', mb: 0.5 }}>\n          {label}\n        </Typography>\n      )}\n      {payload.map((entry, index) => (\n        <Box key={index} sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n          <Box\n            component=\"span\"\n            sx={{ width: sxRem(10), height: sxRem(10), borderRadius: sxRem(2), backgroundColor: entry.color, flexShrink: 0 }}\n          />\n          <Typography variant=\"body2\" sx={{ color: 'text.secondary' }}>\n            {entry.name}\n          </Typography>\n          <Typography variant=\"body2\" sx={{ ml: 'auto', fontWeight: 600 }}>\n            {formatValue(entry.value)}\n          </Typography>\n        </Box>\n      ))}\n    </Paper>\n  );\n};\n\nexport interface ChartLegendContentProps {\n  payload?: Array<{ value?: string | number; color?: string }>;\n}\n\n/** Theme-aware legend content matching the tooltip's swatch styling. */\nexport const ChartLegendContent: React.FC<ChartLegendContentProps> = ({ payload }) => {\n  if (!payload || payload.length === 0) return null;\n  return (\n    <Box sx={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'center', gap: 2, pt: 1 }}>\n      {payload.map((entry, index) => (\n        <Box key={index} sx={{ display: 'flex', alignItems: 'center', gap: 0.75 }}>\n          <Box\n            component=\"span\"\n            sx={{ width: sxRem(10), height: sxRem(10), borderRadius: sxRem(2), backgroundColor: entry.color, flexShrink: 0 }}\n          />\n          <Typography variant=\"caption\" sx={{ color: 'text.secondary' }}>\n            {entry.value}\n          </Typography>\n        </Box>\n      ))}\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}