@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-LVEG6XQL.js

@@ -0,0 +1,182 @@
+import {
+  CARD_BORDER_WIDTH,
+  CARD_ELEVATION,
+  CARD_GLASS,
+  CARD_GLOW,
+  CARD_GRADIENT,
+  CARD_INTERACTIVE_LIFT,
+  CARD_NEUMORPHIC,
+  CARD_PULSE,
+  CARD_RADIUS_FULL,
+  CARD_RADIUS_UNITS,
+  CARD_SECTION_BACKGROUND,
+  neumorphicShadows
+} from "./chunk-JH7EEJEQ.js";
+import {
+  shadowCss,
+  shadowListCss
+} from "./chunk-73BEVJCS.js";
+import {
+  neutralTones,
+  shadowInk,
+  sheen
+} from "./chunk-FQ6UW7IY.js";
+
+// src/components/layout/Card/Card.styles.ts
+import { alpha, keyframes } from "@mui/material/styles/index.js";
+var pulseAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 1;
+  }
+  70% {
+    box-shadow: 0 0 0 ${CARD_PULSE.spread}px currentColor;
+    opacity: 0;
+  }
+  100% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 0;
+  }
+`;
+var borderRadiusFor = (theme, radius) => {
+  if (radius === "full") return CARD_RADIUS_FULL;
+  const units = CARD_RADIUS_UNITS[radius] ?? CARD_RADIUS_UNITS.md;
+  return units === 0 ? 0 : theme.spacing(units);
+};
+var pulseSurface = (theme) => ({
+  position: "relative",
+  overflow: "visible",
+  "&::after": {
+    content: '""',
+    position: "absolute",
+    top: "0",
+    left: "0",
+    right: "0",
+    bottom: "0",
+    borderRadius: "inherit",
+    backgroundColor: theme.palette.primary.main,
+    opacity: CARD_PULSE.alpha,
+    animation: `${pulseAnimation} ${CARD_PULSE.durationMs / 1e3}s infinite`,
+    pointerEvents: "none",
+    zIndex: CARD_PULSE.zIndex
+  }
+});
+var neumorphicShadow = (theme, lifted) => {
+  const { dark, light } = CARD_NEUMORPHIC.alpha;
+  const [near, far] = theme.palette.mode === "dark" ? [
+    shadowInk(theme, dark.near),
+    sheen(theme, dark.far)
+  ] : [
+    alpha(neutralTones(theme).subtle, lifted ? light.near.lifted : light.near.rest),
+    sheen(theme, lifted ? light.far.lifted : light.far.rest)
+  ];
+  return shadowListCss(neumorphicShadows(lifted, near, far));
+};
+var sectionBackground = (theme, lifted) => {
+  const wash = CARD_SECTION_BACKGROUND[theme.palette.mode === "dark" ? "dark" : "light"];
+  return lifted ? wash.lifted : wash.rest;
+};
+var glowShadow = (theme, lifted) => {
+  const { blurRadius, alpha: opacity } = lifted ? CARD_GLOW.lifted : CARD_GLOW.rest;
+  return shadowCss({
+    offsetX: 0,
+    offsetY: 0,
+    blurRadius,
+    spreadDistance: 0,
+    color: alpha(theme.palette.primary.main, opacity)
+  });
+};
+var VARIANT_SURFACES = {
+  elevated: (_theme, lifted) => ({
+    surface: { elevation: CARD_ELEVATION.rest },
+    hover: { elevation: lifted ? CARD_ELEVATION.lifted : CARD_ELEVATION.rest }
+  }),
+  outlined: (theme, lifted) => ({
+    surface: {
+      border: `${CARD_BORDER_WIDTH}px solid ${theme.palette.divider}`,
+      boxShadow: "none"
+    },
+    hover: { borderColor: lifted ? theme.palette.primary.main : theme.palette.divider }
+  }),
+  glass: (theme, lifted) => ({
+    surface: {
+      backgroundColor: alpha(theme.palette.background.paper, CARD_GLASS.backgroundAlpha.rest),
+      backdropFilter: `blur(${CARD_GLASS.blurPx}px)`,
+      border: `${CARD_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, CARD_GLASS.borderAlpha.rest)}`,
+      boxShadow: shadowCss({
+        offsetX: 0,
+        offsetY: CARD_GLASS.shadow.offsetY,
+        blurRadius: CARD_GLASS.shadow.blurRadius,
+        spreadDistance: 0,
+        color: shadowInk(theme, CARD_GLASS.shadow.alpha)
+      })
+    },
+    hover: {
+      backgroundColor: alpha(
+        theme.palette.background.paper,
+        lifted ? CARD_GLASS.backgroundAlpha.lifted : CARD_GLASS.backgroundAlpha.rest
+      ),
+      border: `${CARD_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, CARD_GLASS.borderAlpha.lifted)}`
+    }
+  }),
+  gradient: (theme, lifted) => ({
+    surface: {
+      background: cardGradient(theme, false),
+      color: theme.palette.primary.contrastText,
+      boxShadow: shadowCss({
+        offsetX: 0,
+        offsetY: CARD_GRADIENT.shadow.offsetY,
+        blurRadius: CARD_GRADIENT.shadow.blurRadius,
+        spreadDistance: 0,
+        color: alpha(theme.palette.primary.main, CARD_GRADIENT.shadow.alpha)
+      })
+    },
+    hover: { background: cardGradient(theme, lifted) }
+  }),
+  neumorphic: (theme, lifted) => ({
+    surface: {
+      backgroundColor: theme.palette.mode === "dark" ? neutralTones(theme).raised : neutralTones(theme).surface,
+      boxShadow: neumorphicShadow(theme, false),
+      border: "none"
+    },
+    hover: { boxShadow: neumorphicShadow(theme, lifted) }
+  }),
+  section: (theme, lifted) => ({
+    surface: {
+      backgroundColor: sectionBackground(theme, false),
+      border: "none",
+      boxShadow: "none"
+    },
+    hover: { backgroundColor: sectionBackground(theme, lifted) }
+  })
+};
+var cardGradient = (theme, dark) => dark ? `linear-gradient(${CARD_GRADIENT.angleDeg}deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})` : `linear-gradient(${CARD_GRADIENT.angleDeg}deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`;
+var variantSurface = (theme, variant, interactive) => VARIANT_SURFACES[variant]?.(theme, interactive) ?? null;
+var cardStyles = (theme, { variant, interactive, glow, pulse, borderRadius }) => {
+  const base = {
+    borderRadius: borderRadiusFor(theme, borderRadius),
+    transition: theme.transitions.create(
+      ["box-shadow", "transform", "border-color", "background-color"],
+      { duration: theme.transitions.duration.standard }
+    )
+  };
+  const chosen = variantSurface(theme, variant, interactive);
+  if (!chosen) return base;
+  return {
+    ...base,
+    ...interactive && { cursor: "pointer", "&:active": { transform: "translateY(0)" } },
+    ...glow && { boxShadow: glowShadow(theme, false) },
+    ...pulse && pulseSurface(theme),
+    ...chosen.surface,
+    "&:hover": {
+      ...interactive && { transform: `translateY(-${CARD_INTERACTIVE_LIFT}px)` },
+      ...glow && { boxShadow: glowShadow(theme, true) },
+      ...chosen.hover
+    }
+  };
+};
+
+export {
+  cardStyles
+};
+//# sourceMappingURL=chunk-LVEG6XQL.js.map

package/dist/chunk-LVEG6XQL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Card/Card.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport type { CardBorderRadius, CardVariant } from './Card.base';\nimport {\n  CARD_BORDER_WIDTH,\n  CARD_ELEVATION,\n  CARD_GLASS,\n  CARD_GLOW,\n  CARD_GRADIENT,\n  CARD_INTERACTIVE_LIFT,\n  CARD_NEUMORPHIC,\n  CARD_PULSE,\n  CARD_RADIUS_FULL,\n  CARD_RADIUS_UNITS,\n  CARD_SECTION_BACKGROUND,\n  neumorphicShadows,\n} from './Card.metrics';\nimport { neutralTones, shadowInk, sheen } from '../../../tokens/ink';\nimport { shadowCss, shadowListCss } from '../../../tokens/shadow';\n\ntype BorderRadius = CardBorderRadius;\n\n// Define pulse animation. The 15px spread and the 2s period are the shared\n// metrics, so the native ring grows by exactly as much for exactly as long.\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${CARD_PULSE.spread}px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nconst borderRadiusFor = (theme: Theme, radius: BorderRadius): number | string => {\n  if (radius === 'full') return CARD_RADIUS_FULL;\n  const units = CARD_RADIUS_UNITS[radius] ?? CARD_RADIUS_UNITS.md;\n  // `none` is a bare 0 rather than `spacing(0)`, as this has always written it.\n  return units === 0 ? 0 : theme.spacing(units);\n};\n\nconst pulseSurface = (theme: Theme): CSSObject => ({\n  position: 'relative',\n  overflow: 'visible',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '0',\n    left: '0',\n    right: '0',\n    bottom: '0',\n    borderRadius: 'inherit',\n    backgroundColor: theme.palette.primary.main,\n    opacity: CARD_PULSE.alpha,\n    animation: `${pulseAnimation} ${CARD_PULSE.durationMs / 1000}s infinite`,\n    pointerEvents: 'none',\n    zIndex: CARD_PULSE.zIndex,\n  },\n});\n\nconst neumorphicShadow = (theme: Theme, lifted: boolean): string => {\n  const { dark, light } = CARD_NEUMORPHIC.alpha;\n  const [near, far] =\n    theme.palette.mode === 'dark'\n      ? [\n          shadowInk(theme, dark.near),\n          sheen(theme, dark.far),\n        ]\n      : [\n          alpha(neutralTones(theme).subtle, lifted ? light.near.lifted : light.near.rest),\n          sheen(theme, lifted ? light.far.lifted : light.far.rest),\n        ];\n\n  return shadowListCss(neumorphicShadows(lifted, near, far));\n};\n\nconst sectionBackground = (theme: Theme, lifted: boolean): string => {\n  const wash = CARD_SECTION_BACKGROUND[theme.palette.mode === 'dark' ? 'dark' : 'light'];\n  return lifted ? wash.lifted : wash.rest;\n};\n\nconst glowShadow = (theme: Theme, lifted: boolean): string => {\n  const { blurRadius, alpha: opacity } = lifted ? CARD_GLOW.lifted : CARD_GLOW.rest;\n  return shadowCss({\n    offsetX: 0,\n    offsetY: 0,\n    blurRadius,\n    spreadDistance: 0,\n    color: alpha(theme.palette.primary.main, opacity),\n  });\n};\n\ninterface Surface {\n  surface: CSSObject;\n  hover: CSSObject;\n}\n\n/**\n * Each variant contributes a resting surface and whatever it changes on hover.\n * Only `interactive` cards actually move on hover, so the hover half of every\n * variant reads back its resting value when `interactive` is off.\n */\nconst VARIANT_SURFACES: Record<CardVariant, (theme: Theme, lifted: boolean) => Surface> = {\n  elevated: (_theme, lifted) => ({\n    surface: { elevation: CARD_ELEVATION.rest } as CSSObject,\n    hover: { elevation: lifted ? CARD_ELEVATION.lifted : CARD_ELEVATION.rest } as CSSObject,\n  }),\n  outlined: (theme, lifted) => ({\n    surface: {\n      border: `${CARD_BORDER_WIDTH}px solid ${theme.palette.divider}`,\n      boxShadow: 'none',\n    },\n    hover: { borderColor: lifted ? theme.palette.primary.main : theme.palette.divider },\n  }),\n  glass: (theme, lifted) => ({\n    surface: {\n      backgroundColor: alpha(theme.palette.background.paper, CARD_GLASS.backgroundAlpha.rest),\n      backdropFilter: `blur(${CARD_GLASS.blurPx}px)`,\n      border: `${CARD_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, CARD_GLASS.borderAlpha.rest)}`,\n      boxShadow: shadowCss({\n        offsetX: 0,\n        offsetY: CARD_GLASS.shadow.offsetY,\n        blurRadius: CARD_GLASS.shadow.blurRadius,\n        spreadDistance: 0,\n        color: shadowInk(theme, CARD_GLASS.shadow.alpha),\n      }),\n    },\n    hover: {\n      backgroundColor: alpha(\n        theme.palette.background.paper,\n        lifted ? CARD_GLASS.backgroundAlpha.lifted : CARD_GLASS.backgroundAlpha.rest,\n      ),\n      border: `${CARD_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, CARD_GLASS.borderAlpha.lifted)}`,\n    },\n  }),\n  gradient: (theme, lifted) => ({\n    surface: {\n      background: cardGradient(theme, false),\n      color: theme.palette.primary.contrastText,\n      boxShadow: shadowCss({\n        offsetX: 0,\n        offsetY: CARD_GRADIENT.shadow.offsetY,\n        blurRadius: CARD_GRADIENT.shadow.blurRadius,\n        spreadDistance: 0,\n        color: alpha(theme.palette.primary.main, CARD_GRADIENT.shadow.alpha),\n      }),\n    },\n    hover: { background: cardGradient(theme, lifted) },\n  }),\n  neumorphic: (theme, lifted) => ({\n    surface: {\n      backgroundColor:\n        theme.palette.mode === 'dark' ? neutralTones(theme).raised : neutralTones(theme).surface,\n      boxShadow: neumorphicShadow(theme, false),\n      border: 'none',\n    },\n    hover: { boxShadow: neumorphicShadow(theme, lifted) },\n  }),\n  section: (theme, lifted) => ({\n    surface: {\n      backgroundColor: sectionBackground(theme, false),\n      border: 'none',\n      boxShadow: 'none',\n    },\n    hover: { backgroundColor: sectionBackground(theme, lifted) },\n  }),\n};\n\nconst cardGradient = (theme: Theme, dark: boolean): string =>\n  dark\n    ? `linear-gradient(${CARD_GRADIENT.angleDeg}deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`\n    : `linear-gradient(${CARD_GRADIENT.angleDeg}deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`;\n\n// An unrecognised variant gets the shared base only — no interactive, glow or\n// pulse decoration, as before.\nconst variantSurface = (\n  theme: Theme,\n  variant: CardVariant,\n  interactive: boolean,\n): Surface | null => VARIANT_SURFACES[variant]?.(theme, interactive) ?? null;\n\ninterface CardStyleArgs {\n  variant: CardVariant;\n  interactive: boolean;\n  glow: boolean;\n  pulse: boolean;\n  borderRadius: BorderRadius;\n}\n\nexport const cardStyles = (\n  theme: Theme,\n  { variant, interactive, glow, pulse, borderRadius }: CardStyleArgs,\n): CSSObject => {\n  const base: CSSObject = {\n    borderRadius: borderRadiusFor(theme, borderRadius),\n    transition: theme.transitions.create(\n      ['box-shadow', 'transform', 'border-color', 'background-color'],\n      { duration: theme.transitions.duration.standard },\n    ),\n  };\n\n  const chosen = variantSurface(theme, variant, interactive);\n  if (!chosen) return base;\n\n  return {\n    ...base,\n    ...(interactive && { cursor: 'pointer', '&:active': { transform: 'translateY(0)' } }),\n    ...(glow && { boxShadow: glowShadow(theme, false) }),\n    ...(pulse && pulseSurface(theme)),\n    ...chosen.surface,\n    '&:hover': {\n      ...(interactive && { transform: `translateY(-${CARD_INTERACTIVE_LIFT}px)` }),\n      ...(glow && { boxShadow: glowShadow(theme, true) }),\n      ...chosen.hover,\n    },\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,OAAO,iBAAiB;AAyBjC,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMC,WAAW,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASzC,IAAM,kBAAkB,CAAC,OAAc,WAA0C;AAC/E,MAAI,WAAW,OAAQ,QAAO;AAC9B,QAAM,QAAQ,kBAAkB,MAAM,KAAK,kBAAkB;AAE7D,SAAO,UAAU,IAAI,IAAI,MAAM,QAAQ,KAAK;AAC9C;AAEA,IAAM,eAAe,CAAC,WAA6B;AAAA,EACjD,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,iBAAiB,MAAM,QAAQ,QAAQ;AAAA,IACvC,SAAS,WAAW;AAAA,IACpB,WAAW,GAAG,cAAc,IAAI,WAAW,aAAa,GAAI;AAAA,IAC5D,eAAe;AAAA,IACf,QAAQ,WAAW;AAAA,EACrB;AACF;AAEA,IAAM,mBAAmB,CAAC,OAAc,WAA4B;AAClE,QAAM,EAAE,MAAM,MAAM,IAAI,gBAAgB;AACxC,QAAM,CAAC,MAAM,GAAG,IACd,MAAM,QAAQ,SAAS,SACnB;AAAA,IACE,UAAU,OAAO,KAAK,IAAI;AAAA,IAC1B,MAAM,OAAO,KAAK,GAAG;AAAA,EACvB,IACA;AAAA,IACE,MAAM,aAAa,KAAK,EAAE,QAAQ,SAAS,MAAM,KAAK,SAAS,MAAM,KAAK,IAAI;AAAA,IAC9E,MAAM,OAAO,SAAS,MAAM,IAAI,SAAS,MAAM,IAAI,IAAI;AAAA,EACzD;AAEN,SAAO,cAAc,kBAAkB,QAAQ,MAAM,GAAG,CAAC;AAC3D;AAEA,IAAM,oBAAoB,CAAC,OAAc,WAA4B;AACnE,QAAM,OAAO,wBAAwB,MAAM,QAAQ,SAAS,SAAS,SAAS,OAAO;AACrF,SAAO,SAAS,KAAK,SAAS,KAAK;AACrC;AAEA,IAAM,aAAa,CAAC,OAAc,WAA4B;AAC5D,QAAM,EAAE,YAAY,OAAO,QAAQ,IAAI,SAAS,UAAU,SAAS,UAAU;AAC7E,SAAO,UAAU;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,IACT;AAAA,IACA,gBAAgB;AAAA,IAChB,OAAO,MAAM,MAAM,QAAQ,QAAQ,MAAM,OAAO;AAAA,EAClD,CAAC;AACH;AAYA,IAAM,mBAAoF;AAAA,EACxF,UAAU,CAAC,QAAQ,YAAY;AAAA,IAC7B,SAAS,EAAE,WAAW,eAAe,KAAK;AAAA,IAC1C,OAAO,EAAE,WAAW,SAAS,eAAe,SAAS,eAAe,KAAK;AAAA,EAC3E;AAAA,EACA,UAAU,CAAC,OAAO,YAAY;AAAA,IAC5B,SAAS;AAAA,MACP,QAAQ,GAAG,iBAAiB,YAAY,MAAM,QAAQ,OAAO;AAAA,MAC7D,WAAW;AAAA,IACb;AAAA,IACA,OAAO,EAAE,aAAa,SAAS,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ,QAAQ;AAAA,EACpF;AAAA,EACA,OAAO,CAAC,OAAO,YAAY;AAAA,IACzB,SAAS;AAAA,MACP,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,WAAW,gBAAgB,IAAI;AAAA,MACtF,gBAAgB,QAAQ,WAAW,MAAM;AAAA,MACzC,QAAQ,GAAG,iBAAiB,YAAY,MAAM,MAAM,QAAQ,QAAQ,MAAM,WAAW,YAAY,IAAI,CAAC;AAAA,MACtG,WAAW,UAAU;AAAA,QACnB,SAAS;AAAA,QACT,SAAS,WAAW,OAAO;AAAA,QAC3B,YAAY,WAAW,OAAO;AAAA,QAC9B,gBAAgB;AAAA,QAChB,OAAO,UAAU,OAAO,WAAW,OAAO,KAAK;AAAA,MACjD,CAAC;AAAA,IACH;AAAA,IACA,OAAO;AAAA,MACL,iBAAiB;AAAA,QACf,MAAM,QAAQ,WAAW;AAAA,QACzB,SAAS,WAAW,gBAAgB,SAAS,WAAW,gBAAgB;AAAA,MAC1E;AAAA,MACA,QAAQ,GAAG,iBAAiB,YAAY,MAAM,MAAM,QAAQ,QAAQ,MAAM,WAAW,YAAY,MAAM,CAAC;AAAA,IAC1G;AAAA,EACF;AAAA,EACA,UAAU,CAAC,OAAO,YAAY;AAAA,IAC5B,SAAS;AAAA,MACP,YAAY,aAAa,OAAO,KAAK;AAAA,MACrC,OAAO,MAAM,QAAQ,QAAQ;AAAA,MAC7B,WAAW,UAAU;AAAA,QACnB,SAAS;AAAA,QACT,SAAS,cAAc,OAAO;AAAA,QAC9B,YAAY,cAAc,OAAO;AAAA,QACjC,gBAAgB;AAAA,QAChB,OAAO,MAAM,MAAM,QAAQ,QAAQ,MAAM,cAAc,OAAO,KAAK;AAAA,MACrE,CAAC;AAAA,IACH;AAAA,IACA,OAAO,EAAE,YAAY,aAAa,OAAO,MAAM,EAAE;AAAA,EACnD;AAAA,EACA,YAAY,CAAC,OAAO,YAAY;AAAA,IAC9B,SAAS;AAAA,MACP,iBACE,MAAM,QAAQ,SAAS,SAAS,aAAa,KAAK,EAAE,SAAS,aAAa,KAAK,EAAE;AAAA,MACnF,WAAW,iBAAiB,OAAO,KAAK;AAAA,MACxC,QAAQ;AAAA,IACV;AAAA,IACA,OAAO,EAAE,WAAW,iBAAiB,OAAO,MAAM,EAAE;AAAA,EACtD;AAAA,EACA,SAAS,CAAC,OAAO,YAAY;AAAA,IAC3B,SAAS;AAAA,MACP,iBAAiB,kBAAkB,OAAO,KAAK;AAAA,MAC/C,QAAQ;AAAA,MACR,WAAW;AAAA,IACb;AAAA,IACA,OAAO,EAAE,iBAAiB,kBAAkB,OAAO,MAAM,EAAE;AAAA,EAC7D;AACF;AAEA,IAAM,eAAe,CAAC,OAAc,SAClC,OACI,mBAAmB,cAAc,QAAQ,QAAQ,MAAM,QAAQ,QAAQ,IAAI,KAAK,MAAM,QAAQ,UAAU,IAAI,MAC5G,mBAAmB,cAAc,QAAQ,QAAQ,MAAM,QAAQ,QAAQ,IAAI,KAAK,MAAM,QAAQ,UAAU,IAAI;AAIlH,IAAM,iBAAiB,CACrB,OACA,SACA,gBACmB,iBAAiB,OAAO,IAAI,OAAO,WAAW,KAAK;AAUjE,IAAM,aAAa,CACxB,OACA,EAAE,SAAS,aAAa,MAAM,OAAO,aAAa,MACpC;AACd,QAAM,OAAkB;AAAA,IACtB,cAAc,gBAAgB,OAAO,YAAY;AAAA,IACjD,YAAY,MAAM,YAAY;AAAA,MAC5B,CAAC,cAAc,aAAa,gBAAgB,kBAAkB;AAAA,MAC9D,EAAE,UAAU,MAAM,YAAY,SAAS,SAAS;AAAA,IAClD;AAAA,EACF;AAEA,QAAM,SAAS,eAAe,OAAO,SAAS,WAAW;AACzD,MAAI,CAAC,OAAQ,QAAO;AAEpB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAI,eAAe,EAAE,QAAQ,WAAW,YAAY,EAAE,WAAW,gBAAgB,EAAE;AAAA,IACnF,GAAI,QAAQ,EAAE,WAAW,WAAW,OAAO,KAAK,EAAE;AAAA,IAClD,GAAI,SAAS,aAAa,KAAK;AAAA,IAC/B,GAAG,OAAO;AAAA,IACV,WAAW;AAAA,MACT,GAAI,eAAe,EAAE,WAAW,eAAe,qBAAqB,MAAM;AAAA,MAC1E,GAAI,QAAQ,EAAE,WAAW,WAAW,OAAO,IAAI,EAAE;AAAA,MACjD,GAAG,OAAO;AAAA,IACZ;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-MAUZCOBB.js

@@ -0,0 +1,268 @@
+import {
+  describeViewState
+} from "./chunk-5M4TYFR3.js";
+import {
+  PreviewBox
+} from "./chunk-AYRHW4DX.js";
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  Switch
+} from "./chunk-T7LTL7OC.js";
+import {
+  Input
+} from "./chunk-IBGX6H4J.js";
+import {
+  Dialog,
+  DialogContent
+} from "./chunk-L4UP5VYS.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  default as default3
+} from "./chunk-WEBEOBN5.js";
+import {
+  Button
+} from "./chunk-3EDZU2H7.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-MAUZCOBB.js.map

package/dist/chunk-MH73XQHW.js

@@ -0,0 +1,150 @@
+import {
+  absoluteInk,
+  controlNeutral,
+  neutralTones
+} from "./chunk-FQ6UW7IY.js";
+
+// src/components/typography/Blockquote/Blockquote.tsx
+import FormatQuote from "@mui/icons-material/FormatQuote";
+import Box from "@mui/material/Box/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var getColorFromTheme = (theme, color) => {
+  if (color === "neutral") {
+    const { main, light, dark } = controlNeutral(theme);
+    return { main, light, dark };
+  }
+  const colorMap = {
+    primary: theme.palette.primary,
+    secondary: theme.palette.secondary,
+    success: theme.palette.success,
+    warning: theme.palette.warning,
+    info: theme.palette.info,
+    danger: theme.palette.error
+  };
+  return colorMap[color] || theme.palette.primary;
+};
+var StyledBlockquote = styled("blockquote", {
+  shouldForwardProp: (prop) => !["customVariant", "customColor"].includes(prop)
+})(({ theme, customVariant = "default", customColor = "neutral" }) => {
+  const colorPalette = getColorFromTheme(theme, customColor);
+  const baseStyles = {
+    margin: "1.5em 0",
+    padding: 0,
+    position: "relative",
+    fontFamily: theme.typography.body1.fontFamily,
+    fontSize: "1.125rem",
+    lineHeight: 1.6,
+    fontStyle: "italic",
+    color: theme.palette.text.primary
+  };
+  if (customVariant === "bordered") {
+    return {
+      ...baseStyles,
+      padding: theme.spacing(3),
+      border: `2px solid ${alpha(colorPalette.main, 0.2)}`,
+      borderRadius: theme.shape.borderRadius * 2,
+      backgroundColor: alpha(colorPalette.main, 0.03),
+      "&::before": {
+        content: '""',
+        position: "absolute",
+        top: -1,
+        left: -1,
+        right: -1,
+        bottom: -1,
+        background: `linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.light})`,
+        borderRadius: theme.shape.borderRadius * 2,
+        padding: "2px",
+        WebkitMask: `linear-gradient(${absoluteInk(theme).white} 0 0) content-box, linear-gradient(${absoluteInk(theme).white} 0 0)`,
+        WebkitMaskComposite: "exclude",
+        mask: `linear-gradient(${absoluteInk(theme).white} 0 0) content-box, linear-gradient(${absoluteInk(theme).white} 0 0)`,
+        maskComposite: "exclude"
+      }
+    };
+  }
+  if (customVariant === "citation") {
+    return {
+      ...baseStyles,
+      padding: theme.spacing(2, 3),
+      backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.8) : alpha(neutralTones(theme).canvas, 0.95),
+      backdropFilter: theme.palette.mode === "dark" ? "blur(10px)" : "none",
+      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+      borderRadius: theme.shape.borderRadius * 2,
+      boxShadow: theme.palette.mode === "dark" ? theme.shadows[4] : "none",
+      textAlign: "center"
+    };
+  }
+  return {
+    ...baseStyles,
+    paddingLeft: theme.spacing(3),
+    borderLeft: `4px solid ${colorPalette.main}`,
+    backgroundColor: alpha(colorPalette.main, 0.05),
+    padding: theme.spacing(2, 3),
+    borderRadius: theme.shape.borderRadius
+  };
+});
+var QuoteIcon = styled(FormatQuote)(({ theme, customColor }) => {
+  const colorPalette = getColorFromTheme(theme, customColor);
+  return {
+    position: "absolute",
+    top: theme.spacing(1),
+    left: theme.spacing(1),
+    fontSize: "2rem",
+    opacity: 0.3,
+    transform: "rotate(180deg)",
+    color: colorPalette.main
+  };
+});
+var CitationContainer = styled(Box)(({ theme }) => ({
+  marginTop: theme.spacing(2),
+  textAlign: "right",
+  fontStyle: "normal",
+  opacity: 0.8
+}));
+var AuthorName = styled(Typography)(({ theme }) => ({
+  fontWeight: 600,
+  fontSize: "0.875rem",
+  marginBottom: theme.spacing(0.5)
+}));
+var SourceName = styled(Typography)(() => ({
+  fontSize: "0.75rem",
+  opacity: 0.7
+}));
+var Blockquote = React.forwardRef(
+  ({ variant = "default", author, source, color = "neutral", children, ...props }, ref) => {
+    const showCitation = author || source;
+    const showIcon = variant === "bordered" || variant === "citation";
+    return /* @__PURE__ */ jsxs(StyledBlockquote, { ref, customVariant: variant, customColor: color, ...props, children: [
+      showIcon && /* @__PURE__ */ jsx(QuoteIcon, { customColor: color }),
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          component: "div",
+          sx: {
+            fontSize: "inherit",
+            lineHeight: "inherit",
+            fontStyle: "inherit",
+            color: "inherit",
+            margin: 0
+          },
+          children
+        }
+      ),
+      showCitation && /* @__PURE__ */ jsxs(CitationContainer, { children: [
+        author && /* @__PURE__ */ jsxs(AuthorName, { children: [
+          "\u2014 ",
+          author
+        ] }),
+        source && /* @__PURE__ */ jsx(SourceName, { children: source })
+      ] })
+    ] });
+  }
+);
+Blockquote.displayName = "Blockquote";
+
+export {
+  Blockquote
+};
+//# sourceMappingURL=chunk-MH73XQHW.js.map

package/dist/chunk-MH73XQHW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/Blockquote/Blockquote.tsx"],"sourcesContent":["import FormatQuote from '@mui/icons-material/FormatQuote';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { BlockquoteProps } from './Blockquote.types';\nimport { absoluteInk, controlNeutral, neutralTones } from '../../../tokens/ink';\n\nconst getColorFromTheme = (theme: Theme, color: string) => {\n  if (color === 'neutral') {\n    const { main, light, dark } = controlNeutral(theme);\n    return { main, light, dark };\n  }\n\n  const colorMap: Record<string, typeof theme.palette.primary> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  return colorMap[color] || theme.palette.primary;\n};\n\nconst StyledBlockquote = styled('blockquote', {\n  shouldForwardProp: (prop) => !['customVariant', 'customColor'].includes(prop as string),\n})<{\n  customVariant?: string;\n  customColor?: string;\n}>(({ theme, customVariant = 'default', customColor = 'neutral' }) => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n\n  const baseStyles = {\n    margin: '1.5em 0',\n    padding: 0,\n    position: 'relative' as const,\n    fontFamily: theme.typography.body1.fontFamily,\n    fontSize: '1.125rem',\n    lineHeight: 1.6,\n    fontStyle: 'italic',\n    color: theme.palette.text.primary,\n  };\n\n  // Return styles based on variant\n  if (customVariant === 'bordered') {\n    return {\n      ...baseStyles,\n      padding: theme.spacing(3),\n      border: `2px solid ${alpha(colorPalette.main, 0.2)}`,\n      borderRadius: theme.shape.borderRadius * 2,\n      backgroundColor: alpha(colorPalette.main, 0.03),\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute',\n        top: -1,\n        left: -1,\n        right: -1,\n        bottom: -1,\n        background: `linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.light})`,\n        borderRadius: theme.shape.borderRadius * 2,\n        padding: '2px',\n        WebkitMask: `linear-gradient(${absoluteInk(theme).white} 0 0) content-box, linear-gradient(${absoluteInk(theme).white} 0 0)`,\n        WebkitMaskComposite: 'exclude',\n        mask: `linear-gradient(${absoluteInk(theme).white} 0 0) content-box, linear-gradient(${absoluteInk(theme).white} 0 0)`,\n        maskComposite: 'exclude',\n      },\n    };\n  }\n\n  if (customVariant === 'citation') {\n    return {\n      ...baseStyles,\n      padding: theme.spacing(2, 3),\n      backgroundColor:\n        theme.palette.mode === 'dark'\n          ? alpha(theme.palette.background.paper, 0.8)\n          : alpha(neutralTones(theme).canvas, 0.95),\n      backdropFilter: theme.palette.mode === 'dark' ? 'blur(10px)' : 'none',\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n      borderRadius: theme.shape.borderRadius * 2,\n      boxShadow: theme.palette.mode === 'dark' ? theme.shadows[4] : 'none',\n      textAlign: 'center' as const,\n    };\n  }\n\n  // Default variant\n  return {\n    ...baseStyles,\n    paddingLeft: theme.spacing(3),\n    borderLeft: `4px solid ${colorPalette.main}`,\n    backgroundColor: alpha(colorPalette.main, 0.05),\n    padding: theme.spacing(2, 3),\n    borderRadius: theme.shape.borderRadius,\n  };\n});\n\nconst QuoteIcon = styled(FormatQuote)<{ customColor: string }>(({ theme, customColor }) => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n  \n  return {\n    position: 'absolute',\n    top: theme.spacing(1),\n    left: theme.spacing(1),\n    fontSize: '2rem',\n    opacity: 0.3,\n    transform: 'rotate(180deg)',\n    color: colorPalette.main,\n  };\n});\n\nconst CitationContainer = styled(Box)(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  textAlign: 'right',\n  fontStyle: 'normal',\n  opacity: 0.8,\n}));\n\nconst AuthorName = styled(Typography)(({ theme }) => ({\n  fontWeight: 600,\n  fontSize: '0.875rem',\n  marginBottom: theme.spacing(0.5),\n}));\n\nconst SourceName = styled(Typography)(() => ({\n  fontSize: '0.75rem',\n  opacity: 0.7,\n}));\n\nexport const Blockquote = React.forwardRef<globalThis.HTMLQuoteElement, BlockquoteProps>(\n  ({ variant = 'default', author, source, color = 'neutral', children, ...props }, ref) => {\n    const showCitation = author || source;\n    const showIcon = variant === 'bordered' || variant === 'citation';\n\n    return (\n      <StyledBlockquote ref={ref} customVariant={variant} customColor={color} {...props}>\n        {showIcon && <QuoteIcon customColor={color} />}\n\n        <Typography\n          component=\"div\"\n          sx={{\n            fontSize: 'inherit',\n            lineHeight: 'inherit',\n            fontStyle: 'inherit',\n            color: 'inherit',\n            margin: 0,\n          }}\n        >\n          {children}\n        </Typography>\n\n        {showCitation && (\n          <CitationContainer>\n            {author && <AuthorName>— {author}</AuthorName>}\n            {source && <SourceName>{source}</SourceName>}\n          </CitationContainer>\n        )}\n      </StyledBlockquote>\n    );\n  },\n);\n\nBlockquote.displayName = 'Blockquote';"],"mappings":"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","names":[]}