@12-apps/ui 6.11.0 → 6.12.0

package/dist/types/tokens/scales.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from '@mui/material';
+import type { Theme } from '@mui/material/styles/index.js';
 /**
  * THE TWO VOCABULARIES EVERY COMPONENT SPEAKS.
  *
@@ -42,6 +42,13 @@ import type { Theme } from '@mui/material';
  * omitted `info`, so the control that documents the vocabulary offered a
  * component less than the component accepted.
  */
+/**
+ * The type scale is the THIRD vocabulary, and it lives in `./typography.ts`
+ * because it is metrics rather than a prop union. Re-exported here so
+ * `@12-apps/ui/tokens` stays the one import path for "what words does this
+ * package speak" — a second entry point is how a vocabulary gets missed.
+ */
+export { HEADING_LEVELS, HEADING_SCALE, headingMetrics, type HeadingLevel, type HeadingMetrics, type HeadingScaleOverrides, } from './typography';
 export type SizeValue = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare const SIZE_VALUES: readonly ["xs", "sm", "md", "lg", "xl"];
 /**

package/dist/types/tokens/scales.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../../src/tokens/scales.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD,eAAO,MAAM,WAAW,yCAAyE,CAAC;AAElG;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,MAAM,GACN,QAAQ,GACR,SAAS,CAAC;AAEd,eAAO,MAAM,YAAY,sFAQiB,CAAC;AAmC3C,6DAA6D;AAC7D,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,GAAI,MAAM,SAAS,KAAG,OAGzC,CAAC;AAEF,2DAA2D;AAC3D,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1F;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,GAAG,QAAQ,GAAG,CAAC,CAGxF;AAED;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3C,eAAO,MAAM,UAAU,GAAI,OAAO,UAAU,KAAG,UACsB,CAAC;AAEtE;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,GAAG,MAAM,CAmBjE"}
+{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../../src/tokens/scales.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH;;;;;;;;;;;GAWG;AACH;;;;;GAKG;AACH,OAAO,EACL,cAAc,EACd,aAAa,EACb,cAAc,EACd,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,qBAAqB,GAC3B,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD,eAAO,MAAM,WAAW,yCAAyE,CAAC;AAElG;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,MAAM,GACN,QAAQ,GACR,SAAS,CAAC;AAEd,eAAO,MAAM,YAAY,sFAQiB,CAAC;AAmC3C,6DAA6D;AAC7D,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,GAAI,MAAM,SAAS,KAAG,OAGzC,CAAC;AAEF,2DAA2D;AAC3D,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1F;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,GAAG,QAAQ,GAAG,CAAC,CAGxF;AAED;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3C,eAAO,MAAM,UAAU,GAAI,OAAO,UAAU,KAAG,UACsB,CAAC;AAEtE;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,GAAG,MAAM,CAmBjE"}

package/dist/types/tokens/typography.d.ts

@@ -0,0 +1,93 @@
+import type { Theme } from '@mui/material/styles/index.js';
+/**
+ * THE THIRD VOCABULARY: the type scale.
+ *
+ * `scales.ts` opens by saying the package had both halves of every argument at
+ * once until the size and colour vocabularies were declared in one place and
+ * every component derived from them. The type scale was the one that never got
+ * that treatment — it lived as a private `LEVELS` table inside
+ * `Heading.styles.ts`, which is exactly the shape that file exists to refuse.
+ *
+ * Two things follow from it being private, and the second is the expensive one.
+ *
+ * **It could not be re-themed.** `Heading` read `theme.typography.h1.fontFamily`
+ * from the theme and then ignored the theme for every other metric, so a host
+ * calling `createTheme({ typography: { h1: { fontSize: '2rem' } } })` changed
+ * `<Typography variant="h1">` and left `<Heading level="h1">` at 48px. A design
+ * system whose type scale cannot be set by the design is not a system.
+ *
+ * **And the numbers were a landing page's.** `h1` at 3rem and `h2` at 2.5rem are
+ * hero metrics. Dropped into an operations console they put a 48px title
+ * directly above 14px body copy — a 3.4x jump with nothing in between — so
+ * product teams stopped reaching for the component. Measured in one consuming
+ * repo: `<Heading>` appeared four times in the entire codebase while raw
+ * `fontSize` appeared in dozens of files. The component was not disliked, it was
+ * unusable at app scale, and every host paid for that in hand-rolled CSS.
+ *
+ * So the defaults below are an APP scale, and `display` keeps the hero size for
+ * the screens that actually want one. A marketing page asks for `display`; a
+ * console asks for `h1` and gets something it can put on a page.
+ */
+/**
+ * A step on the scale.
+ *
+ * `display` is a SIZE, not a rank — see `Heading`, which renders it as `h1` so
+ * the document still gets exactly one level-one heading.
+ */
+export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'display';
+/**
+ * The runtime list, declared beside the union for the reason `SIZE_VALUES`
+ * gives: a story's `argTypes.options` spelled by hand drifts from the type, and
+ * the direction it drifts is "documents less than the component accepts".
+ */
+export declare const HEADING_LEVELS: readonly ["display", "h1", "h2", "h3", "h4", "h5", "h6"];
+/** Everything one step of the scale decides. */
+export interface HeadingMetrics {
+    fontSize: string;
+    lineHeight: number;
+    letterSpacing?: string;
+    /**
+     * The weight this step carries when the caller asks for `normal`. A heading's
+     * "normal" is not body text's 400 — it is the weight the step is meant to
+     * carry, which gets heavier as the step gets larger.
+     */
+    normalWeight: number;
+}
+/**
+ * The house default, in CODE rather than in a component.
+ *
+ * ~1.15x per step from a 1rem `h6`, which keeps six distinguishable ranks inside
+ * the range an application actually uses. The old table ran 1.125rem → 4rem and
+ * spent its top three steps above anything a product screen wants.
+ */
+export declare const HEADING_SCALE: Record<HeadingLevel, HeadingMetrics>;
+/** A host's overrides: any subset of the steps, any subset of each step's metrics. */
+export type HeadingScaleOverrides = Partial<Record<HeadingLevel, Partial<HeadingMetrics>>>;
+/**
+ * The theme channel, under our OWN key rather than MUI's `typography.h1…h6`.
+ *
+ * Those are spoken for: MUI ships its own values there (`h1` is 6rem) and
+ * `<Typography variant="h1">` renders them. Reading them here would hand an
+ * un-themed host a 96px `h1` — worse than the number this change exists to fix —
+ * and would make `Heading` and `Typography` impossible to size apart. A separate
+ * key means a host that sets nothing gets {@link HEADING_SCALE}, and a host that
+ * sets something gets exactly what it asked for.
+ */
+declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        headingScale?: HeadingScaleOverrides;
+    }
+    interface TypographyVariantsOptions {
+        headingScale?: HeadingScaleOverrides;
+    }
+}
+/**
+ * One step of the scale, with the host's theme layered over the default.
+ *
+ * Merged PER METRIC, so a host that only wants a different `fontSize` keeps the
+ * line height and letter spacing the step was designed with instead of having to
+ * restate them — restating is how a partial override silently loses the tracking
+ * that made the size readable.
+ */
+export declare function headingMetrics(theme: Theme, level: HeadingLevel): HeadingMetrics;
+//# sourceMappingURL=typography.d.ts.map

package/dist/types/tokens/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;AAE/E;;;;GAIG;AACH,eAAO,MAAM,cAAc,0DAQiB,CAAC;AAE7C,gDAAgD;AAChD,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,YAAY,EAAE,cAAc,CAS9D,CAAC;AAEF,sFAAsF;AACtF,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;AAE3F;;;;;;;;;GASG;AACH,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,kBAAkB;QAC1B,YAAY,CAAC,EAAE,qBAAqB,CAAC;KACtC;IACD,UAAU,yBAAyB;QACjC,YAAY,CAAC,EAAE,qBAAqB,CAAC;KACtC;CACF;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,GAAG,cAAc,CAEhF"}

package/dist/types/user-avatar/user-avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-avatar.d.ts","sourceRoot":"","sources":["../../../src/user-avatar/user-avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAe9C,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,GAAG,EACH,IAAI,EACJ,IAAW,EACX,OAAO,EACP,WAAmB,GACpB,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CActC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE;QACJ,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB,CAAC;IACF,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,IAAI,EAAE,cAAc,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAkCrF"}
+{"version":3,"file":"user-avatar.d.ts","sourceRoot":"","sources":["../../../src/user-avatar/user-avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAe9C,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,GAAG,EACH,IAAI,EACJ,IAAW,EACX,OAAO,EACP,WAAmB,GACpB,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CActC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE;QACJ,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB,CAAC;IACF,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,IAAI,EAAE,cAAc,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAkCrF"}

package/dist/types/utils/viewport.d.ts

@@ -1,4 +1,4 @@
-import type { CSSObject } from '@mui/material';
+import type { CSSObject } from '@mui/material/styles/index.js';
 /**
  * Viewport helpers for full-height surfaces (dialogs, drawers, slide-overs).
  *

package/dist/types/utils/viewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viewport.d.ts","sourceRoot":"","sources":["../../../src/utils/viewport.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C;;;;;;;;;;;;;;GAcG;AAEH,+DAA+D;AAC/D,eAAO,MAAM,wBAAwB,UAAU,CAAC;AAEhD,kFAAkF;AAClF,eAAO,MAAM,uBAAuB,WAAW,CAAC;AAEhD,mFAAmF;AACnF,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;AAE1E;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,GAAG,UAAU,EAAE,SAAS,sBAAsB,EAAE,GAC/C,SAAS,CAaX;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAOxD"}
+{"version":3,"file":"viewport.d.ts","sourceRoot":"","sources":["../../../src/utils/viewport.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE/D;;;;;;;;;;;;;;GAcG;AAEH,+DAA+D;AAC/D,eAAO,MAAM,wBAAwB,UAAU,CAAC;AAEhD,kFAAkF;AAClF,eAAO,MAAM,uBAAuB,WAAW,CAAC;AAEhD,mFAAmF;AACnF,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;AAE1E;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,GAAG,UAAU,EAAE,SAAS,sBAAsB,EAAE,GAC/C,SAAS,CAaX;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAOxD"}

package/dist/typography/Blockquote.js

@@ -1,146 +1,7 @@
+import {
+  Blockquote
+} from "../chunk-4Y65XEGO.js";
 import "../chunk-PZ5AY32C.js";
-
-// src/components/typography/Blockquote/Blockquote.tsx
-import FormatQuote from "@mui/icons-material/FormatQuote";
-import { alpha, Box, Typography } from "@mui/material";
-import { styled } from "@mui/material";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return {
-      main: theme.palette.grey?.[700] || "#616161",
-      light: theme.palette.grey?.[500] || "#9e9e9e",
-      dark: theme.palette.grey?.[800] || "#424242"
-    };
-  }
-  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(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
-        WebkitMaskComposite: "exclude",
-        mask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 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(theme.palette.grey[50], 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
 };

package/dist/typography/Blockquote.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/typography/Blockquote/Blockquote.tsx"],"sourcesContent":["import FormatQuote from '@mui/icons-material/FormatQuote';\nimport type { Theme} from '@mui/material';\nimport { alpha, Box,Typography } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport type { BlockquoteProps } from './Blockquote.types';\n\nconst getColorFromTheme = (theme: Theme, color: string) => {\n  if (color === 'neutral') {\n    return {\n      main: theme.palette.grey?.[700] || '#616161',\n      light: theme.palette.grey?.[500] || '#9e9e9e',\n      dark: theme.palette.grey?.[800] || '#424242',\n    };\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(#fff 0 0) content-box, linear-gradient(#fff 0 0)',\n        WebkitMaskComposite: 'exclude',\n        mask: 'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 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(theme.palette.grey[50], 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":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/typography/Code.js

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

package/dist/typography/Code.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/typography/Code/Code.tsx"],"sourcesContent":["import Check from '@mui/icons-material/Check';\nimport ContentCopy from '@mui/icons-material/ContentCopy';\nimport { alpha,Box, IconButton, Tooltip } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { useState } from 'react';\n\nimport type { CodeProps } from './Code.types';\n\nconst StyledCodeContainer = styled(Box, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customSize', 'copyable'].includes(prop as string),\n})<{\n  customVariant?: string;\n  customSize?: string;\n  copyable?: boolean;\n  component?: React.ElementType;\n}>(({ theme, customVariant = 'inline', customSize = 'md', copyable }) => {\n  // Size mapping\n  const sizeMap = {\n    xs: { fontSize: '0.75rem', padding: '2px 4px' },\n    sm: { fontSize: '0.8125rem', padding: '3px 6px' },\n    md: { fontSize: '0.875rem', padding: '4px 8px' },\n    lg: { fontSize: '1rem', padding: '6px 12px' },\n  };\n\n  const blockSizeMap = {\n    xs: { fontSize: '0.75rem', padding: '8px 12px' },\n    sm: { fontSize: '0.8125rem', padding: '12px 16px' },\n    md: { fontSize: '0.875rem', padding: '16px 20px' },\n    lg: { fontSize: '1rem', padding: '20px 24px' },\n  };\n\n  const baseStyles = {\n    fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", \"Courier New\", monospace',\n    lineHeight: 1.5,\n    borderRadius: theme.shape.borderRadius,\n    transition: 'all 0.2s ease',\n    position: 'relative' as const,\n  };\n\n  // Variant-specific styles\n  const variantStyles = {\n    inline: {\n      ...baseStyles,\n      display: 'inline',\n      backgroundColor: alpha(theme.palette.primary.main, 0.08),\n      color: theme.palette.primary.main,\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.12)}`,\n      ...sizeMap[customSize as keyof typeof sizeMap],\n    },\n    block: {\n      ...baseStyles,\n      display: 'block',\n      backgroundColor:\n        theme.palette.mode === 'dark'\n          ? alpha(theme.palette.grey[900], 0.95)\n          : alpha(theme.palette.grey[100], 0.95),\n      color:\n        theme.palette.mode === 'dark' ? theme.palette.common.white : theme.palette.text.primary,\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n      overflow: 'auto',\n      whiteSpace: 'pre' as const,\n      ...blockSizeMap[customSize as keyof typeof blockSizeMap],\n      ...(copyable && {\n        paddingTop: blockSizeMap[customSize as keyof typeof blockSizeMap].padding.split(' ')[0],\n        paddingRight: '60px',\n      }),\n    },\n    highlight: {\n      ...baseStyles,\n      display: 'block',\n      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)} 0%, ${alpha(theme.palette.secondary.main, 0.1)} 100%)`,\n      color: theme.palette.text.primary,\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n      borderLeft: `4px solid ${theme.palette.primary.main}`,\n      overflow: 'auto',\n      whiteSpace: 'pre' as const,\n      ...blockSizeMap[customSize as keyof typeof blockSizeMap],\n      ...(copyable && {\n        paddingTop: blockSizeMap[customSize as keyof typeof blockSizeMap].padding.split(' ')[0],\n        paddingRight: '60px',\n      }),\n    },\n  };\n\n  return variantStyles[customVariant as keyof typeof variantStyles] || variantStyles.inline;\n});\n\nconst StyledCode = styled('code')({\n  margin: 0,\n  padding: 0,\n  backgroundColor: 'transparent',\n  border: 'none',\n  fontFamily: 'inherit',\n  fontSize: 'inherit',\n  lineHeight: 'inherit',\n  color: 'inherit',\n});\n\nconst CopyButton = styled(IconButton)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(1),\n  right: theme.spacing(1),\n  width: 32,\n  height: 32,\n  backgroundColor:\n    theme.palette.mode === 'dark'\n      ? alpha(theme.palette.background.paper, 0.8)\n      : theme.palette.background.paper,\n  backdropFilter: theme.palette.mode === 'dark' ? 'blur(8px)' : 'none',\n  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  boxShadow: theme.palette.mode === 'light' ? theme.shadows[1] : 'none',\n  '&:hover': {\n    backgroundColor:\n      theme.palette.mode === 'dark'\n        ? alpha(theme.palette.background.paper, 0.9)\n        : theme.palette.grey[100],\n    transform: 'scale(1.05)',\n  },\n  '& .MuiSvgIcon-root': {\n    fontSize: 16,\n  },\n}));\n\nconst LanguageLabel = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(1),\n  left: theme.spacing(2),\n  fontSize: '0.75rem',\n  fontWeight: 500,\n  color: alpha(theme.palette.text.primary, 0.6),\n  backgroundColor:\n    theme.palette.mode === 'dark'\n      ? alpha(theme.palette.background.paper, 0.8)\n      : theme.palette.background.paper,\n  padding: '2px 8px',\n  borderRadius: theme.shape.borderRadius / 2,\n  backdropFilter: theme.palette.mode === 'dark' ? 'blur(8px)' : 'none',\n  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  boxShadow: theme.palette.mode === 'light' ? theme.shadows[1] : 'none',\n}));\n\n// Renders each source line beside a gutter number. Keys combine the line number\n// with a slice of the content and its length, so editing one line in place does\n// not reshuffle the keys of the lines around it.\nconst renderNumberedLines = (source: string) =>\n  source.split('\\n').map((line, index) => {\n    const stableKey = `line-${index + 1}-${line.slice(0, 10).replace(/\\s+/g, '')}-${line.length}`;\n\n    return (\n      <div key={stableKey} style={{ display: 'flex' }}>\n        <span\n          style={{\n            display: 'inline-block',\n            minWidth: '3em',\n            opacity: 0.5,\n            userSelect: 'none',\n            marginRight: '1em',\n            textAlign: 'right',\n          }}\n        >\n          {index + 1}\n        </span>\n        <span>{line}</span>\n      </div>\n    );\n  });\n\n// Only block-ish variants get a language label or a copy affordance.\nconst resolveCodeFlags = (\n  variant: CodeProps['variant'],\n  copyable: boolean,\n  language: CodeProps['language'],\n) => {\n  const isBlock = variant === 'block' || variant === 'highlight';\n  return {\n    isBlock,\n    showCopy: copyable && isBlock,\n    showLanguage: Boolean(language) && isBlock,\n  };\n};\n\n// Owns its own \"just copied\" flash. Keeping it here rather than inline in Code\n// means the copied/not-copied branches do not count against the main render, and\n// the flash re-renders only the button. Non-string children are still a no-op on\n// click, exactly as before.\nconst CodeCopyButton: React.FC<{ source: React.ReactNode }> = ({ source }) => {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = async () => {\n    if (typeof source !== 'string') return;\n    try {\n      await navigator.clipboard.writeText(source);\n      setCopied(true);\n      window.setTimeout(() => setCopied(false), 2000);\n    } catch {\n      // Silently fail if clipboard access is denied\n    }\n  };\n\n  return (\n    <Tooltip title={copied ? 'Copied!' : 'Copy code'}>\n      <CopyButton onClick={handleCopy} size=\"small\" color={copied ? 'success' : 'default'}>\n        {copied ? <Check /> : <ContentCopy />}\n      </CopyButton>\n    </Tooltip>\n  );\n};\n\nexport const Code = React.forwardRef<HTMLElement, CodeProps>(\n  (\n    {\n      variant = 'inline',\n      language,\n      copyable = false,\n      lineNumbers = false,\n      size = 'md',\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { isBlock, showCopy, showLanguage } = resolveCodeFlags(variant, copyable, language);\n\n    // Process children for line numbers if needed\n    const processedChildren = React.useMemo(() => {\n      if (!lineNumbers || !isBlock || typeof children !== 'string') {\n        return children;\n      }\n\n      return renderNumberedLines(children);\n    }, [children, lineNumbers, isBlock]);\n\n    return (\n      <StyledCodeContainer\n        ref={ref}\n        component={variant === 'inline' ? 'span' : 'div'}\n        customVariant={variant}\n        customSize={size}\n        copyable={showCopy}\n        {...props}\n      >\n        {showLanguage && <LanguageLabel>{language}</LanguageLabel>}\n\n        <StyledCode>{processedChildren}</StyledCode>\n\n        {showCopy && <CodeCopyButton source={children} />}\n      </StyledCodeContainer>\n    );\n  },\n);\n\nCode.displayName = 'Code';"],"mappings":"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","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/typography/Heading.js

@@ -1,6 +1,9 @@
+import "../chunk-6GP2DOOO.js";
 import {
   Heading
-} from "../chunk-ADCIUZX2.js";
+} from "../chunk-HQJ75HHI.js";
+import "../chunk-QCIWROKG.js";
+import "../chunk-7CA6GVBO.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Heading

package/dist/typography/Paragraph.js

@@ -1,85 +1,7 @@
+import {
+  Paragraph
+} from "../chunk-A2GGT4OC.js";
 import "../chunk-PZ5AY32C.js";
-
-// src/components/typography/Paragraph/Paragraph.tsx
-import { Typography } from "@mui/material";
-import { styled } from "@mui/material";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return theme.palette.text.primary;
-  }
-  const colorMap = {
-    primary: theme.palette.primary.main,
-    secondary: theme.palette.secondary.main,
-    success: theme.palette.success.main,
-    warning: theme.palette.warning.main,
-    info: theme.palette.info.main,
-    danger: theme.palette.error.main
-  };
-  return colorMap[color] || theme.palette.text.primary;
-};
-var StyledParagraph = styled(Typography, {
-  shouldForwardProp: (prop) => !["customVariant", "customColor", "customSize"].includes(prop)
-})(({ theme, customVariant = "default", customColor = "neutral", customSize = "md" }) => {
-  const textColor = getColorFromTheme(theme, customColor);
-  const sizeMap = {
-    xs: { fontSize: "0.75rem", lineHeight: 1.4 },
-    sm: { fontSize: "0.875rem", lineHeight: 1.5 },
-    md: { fontSize: "1rem", lineHeight: 1.6 },
-    lg: { fontSize: "1.125rem", lineHeight: 1.6 },
-    xl: { fontSize: "1.25rem", lineHeight: 1.7 }
-  };
-  const baseStyles = {
-    fontFamily: theme.typography.body1.fontFamily,
-    margin: "0 0 1em 0",
-    transition: "all 0.2s ease",
-    ...sizeMap[customSize]
-  };
-  const variantStyles = {
-    default: {
-      ...baseStyles,
-      color: textColor,
-      fontWeight: 400
-    },
-    lead: {
-      ...baseStyles,
-      color: textColor,
-      fontWeight: 400,
-      fontSize: customSize === "md" ? "1.125rem" : sizeMap[customSize]?.fontSize,
-      lineHeight: 1.7,
-      letterSpacing: "0.01em"
-    },
-    muted: {
-      ...baseStyles,
-      color: theme.palette.text.secondary,
-      fontWeight: 400,
-      opacity: 0.8
-    },
-    small: {
-      ...baseStyles,
-      color: theme.palette.text.secondary,
-      fontSize: customSize === "md" ? "0.875rem" : sizeMap[customSize]?.fontSize,
-      fontWeight: 400,
-      lineHeight: 1.5
-    }
-  };
-  return variantStyles[customVariant] || variantStyles.default;
-});
-var Paragraph = React.forwardRef(
-  ({ variant = "default", color = "neutral", size = "md", children, ...props }, ref) => /* @__PURE__ */ jsx(
-    StyledParagraph,
-    {
-      ref,
-      customVariant: variant,
-      customColor: color,
-      customSize: size,
-      ...props,
-      children
-    }
-  )
-);
-Paragraph.displayName = "Paragraph";
 export {
   Paragraph
 };