@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-GT7C6TSM.js

@@ -1,170 +0,0 @@
-import {
-  NavigationMegaSection
-} from "./chunk-RRX6ZTNX.js";
-import {
-  NavigationStandardBody
-} from "./chunk-ZDWU52DJ.js";
-import {
-  LogoBar,
-  NavigationShell
-} from "./chunk-Q444G5X7.js";
-
-// src/components/navigation/NavigationMenu/NavigationMenu.tsx
-import Box from "@mui/material/Box/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import React, { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var MegaMenuLayout = React.forwardRef(
-  ({
-    variant,
-    logo,
-    items,
-    size,
-    minimal,
-    dataTestId: _dataTestId,
-    className,
-    maxWidth,
-    style,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      NavigationShell,
-      {
-        ref,
-        variant,
-        minimal,
-        className,
-        style: { maxWidth, ...style },
-        ...props,
-        children: /* @__PURE__ */ jsxs(
-          Paper,
-          {
-            elevation: minimal ? 0 : 1,
-            sx: {
-              width: "100%",
-              overflow: "hidden",
-              background: minimal ? "transparent" : void 0
-            },
-            children: [
-              logo && /* @__PURE__ */ jsx(LogoBar, { children: logo }),
-              /* @__PURE__ */ jsx(
-                Box,
-                {
-                  sx: {
-                    display: "grid",
-                    gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))",
-                    gap: 3,
-                    p: 3
-                  },
-                  children: items.map((section, sectionIndex) => /* @__PURE__ */ jsx(
-                    NavigationMegaSection,
-                    {
-                      section,
-                      sectionIndex,
-                      variant,
-                      size,
-                      minimal
-                    },
-                    section.id
-                  ))
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-MegaMenuLayout.displayName = "MegaMenuLayout";
-var NAVIGATION_DEFAULTS = {
-  variant: "vertical",
-  size: "md",
-  minimal: false,
-  collapsible: false,
-  showDividers: false
-};
-var resolveProps = (props) => ({
-  ...NAVIGATION_DEFAULTS,
-  ...Object.fromEntries(
-    Object.entries(props).filter(([, value]) => value !== void 0)
-  )
-});
-var NavigationMenu = React.forwardRef(
-  (componentProps, ref) => {
-    const {
-      variant,
-      items,
-      size,
-      minimal,
-      collapsible,
-      collapsed: controlledCollapsed,
-      onCollapseChange,
-      logo,
-      endContent,
-      maxWidth,
-      showDividers,
-      className,
-      style,
-      ...props
-    } = resolveProps(componentProps);
-    const [internalCollapsed, setInternalCollapsed] = useState(false);
-    const isControlled = controlledCollapsed !== void 0;
-    const collapsed = isControlled ? controlledCollapsed : internalCollapsed;
-    const handleCollapseToggle = () => {
-      if (!isControlled) setInternalCollapsed(!collapsed);
-      onCollapseChange?.(!collapsed);
-    };
-    if (variant === "mega") {
-      return /* @__PURE__ */ jsx(
-        MegaMenuLayout,
-        {
-          ref,
-          variant,
-          collapsed,
-          logo,
-          items,
-          size,
-          minimal,
-          className,
-          maxWidth,
-          style,
-          ...props
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      NavigationShell,
-      {
-        ref,
-        variant,
-        minimal,
-        collapsed,
-        className,
-        style,
-        ...props,
-        children: /* @__PURE__ */ jsx(
-          NavigationStandardBody,
-          {
-            variant,
-            size,
-            minimal,
-            collapsed,
-            collapsible,
-            showDividers,
-            items,
-            logo,
-            endContent,
-            onCollapseToggle: handleCollapseToggle
-          }
-        )
-      }
-    );
-  }
-);
-NavigationMenu.displayName = "NavigationMenu";
-
-export {
-  NavigationMenu
-};
-//# sourceMappingURL=chunk-GT7C6TSM.js.map

package/dist/chunk-GXEB6MJA.js

@@ -1,57 +0,0 @@
-import {
-  FONT_WEIGHTS
-} from "./chunk-PE4ZW3IA.js";
-import {
-  HEADING_SCALE
-} from "./chunk-FZXKH2ZT.js";
-
-// src/components/typography/Heading/Heading.metrics.ts
-var HEADING_WEIGHTS = FONT_WEIGHTS;
-var HEADING_DEFAULT_LEVEL = "h2";
-var HEADING_DEFAULT_WEIGHT = "bold";
-var HEADING_DEFAULT_COLOR = "neutral";
-var HEADING_RANK = {
-  display: 1,
-  h1: 1,
-  h2: 2,
-  h3: 3,
-  h4: 4,
-  h5: 5,
-  h6: 6
-};
-var stepOf = (value) => value !== void 0 && value in HEADING_SCALE ? value : HEADING_DEFAULT_LEVEL;
-var isHeadingWeight = (value) => value in HEADING_WEIGHTS;
-function headingWeight(weight, normalWeight) {
-  if (weight === "normal") return normalWeight;
-  return HEADING_WEIGHTS[isHeadingWeight(weight) ? weight : HEADING_DEFAULT_WEIGHT];
-}
-var HEADING_GRADIENT_ANGLE = 135;
-var NEUTRAL_GRADIENT_STEPS = { from: 500, to: 900 };
-var headingGradient = (from, to) => `linear-gradient(${HEADING_GRADIENT_ANGLE}deg, ${from} 0%, ${to} 100%)`;
-function headingGradientStops(theme, color) {
-  switch (color) {
-    case "primary":
-      return [theme.palette.primary.main, theme.palette.secondary.main];
-    case "secondary":
-      return [theme.palette.secondary.main, theme.palette.primary.main];
-    case "neutral":
-      return [theme.palette.grey[NEUTRAL_GRADIENT_STEPS.from], theme.palette.grey[NEUTRAL_GRADIENT_STEPS.to]];
-    default:
-      return [theme.palette[color].light, theme.palette[color].dark];
-  }
-}
-
-export {
-  HEADING_WEIGHTS,
-  HEADING_DEFAULT_LEVEL,
-  HEADING_DEFAULT_WEIGHT,
-  HEADING_DEFAULT_COLOR,
-  HEADING_RANK,
-  stepOf,
-  headingWeight,
-  HEADING_GRADIENT_ANGLE,
-  NEUTRAL_GRADIENT_STEPS,
-  headingGradient,
-  headingGradientStops
-};
-//# sourceMappingURL=chunk-GXEB6MJA.js.map

package/dist/chunk-GXEB6MJA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/typography/Heading/Heading.metrics.ts"],"sourcesContent":["import type { HeadingWeight } from './Heading.base';\nimport { HEADING_SCALE, type HeadingLevel } from '../../../tokens/heading-scale';\nimport { FONT_WEIGHTS, type UiTheme } from '../../../tokens/theme';\nimport type { ColorValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Heading` RENDERERS DRAW WITH.\n *\n * The type scale itself is `HEADING_SCALE` in `tokens/heading-scale.ts` (the\n * web reads it through the MUI theme's `headingScale` overrides, native\n * through `UiTheme.typography.heading`). What lives here is everything ELSE\n * `Heading.styles.ts` used to declare inline: the weight table, the defaults,\n * the rank each level announces, and the gradient's angle and stops.\n */\nexport const HEADING_WEIGHTS: Record<HeadingWeight, number> = FONT_WEIGHTS;\n\nexport const HEADING_DEFAULT_LEVEL: HeadingLevel = 'h2';\nexport const HEADING_DEFAULT_WEIGHT: HeadingWeight = 'bold';\nexport const HEADING_DEFAULT_COLOR: ColorValue = 'neutral';\n\nexport type HeadingRank = 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * The outline rank each level announces — the tag on the web, `aria-level` on\n * native. `display` is a SIZE, not a rank, so it is an h1: the document still\n * gets one level-one heading rather than an unnamed tag outside the outline.\n */\nexport const HEADING_RANK: Record<HeadingLevel, HeadingRank> = {\n  display: 1,\n  h1: 1,\n  h2: 2,\n  h3: 3,\n  h4: 4,\n  h5: 5,\n  h6: 6,\n};\n\n/** A step name the scale actually has, or the documented default (`h2`). */\nexport const stepOf = (value: string | undefined): HeadingLevel =>\n  value !== undefined && value in HEADING_SCALE ? (value as HeadingLevel) : HEADING_DEFAULT_LEVEL;\n\nconst isHeadingWeight = (value: string): value is HeadingWeight => value in HEADING_WEIGHTS;\n\n/**\n * The weight a heading draws: `normal` is the weight the step was designed to\n * carry (heavier as the step gets larger), anything else its table entry, and\n * a name outside the vocabulary the default — as `Heading.styles.ts` has\n * always fallen back.\n */\nexport function headingWeight(weight: string, normalWeight: number): number {\n  if (weight === 'normal') return normalWeight;\n  return HEADING_WEIGHTS[isHeadingWeight(weight) ? weight : HEADING_DEFAULT_WEIGHT];\n}\n\n/** The gradient runs corner to corner. */\nexport const HEADING_GRADIENT_ANGLE = 135;\n\n/**\n * `neutral` has no light/dark pair, so its gradient runs between two steps of\n * the grey ramp.\n */\nexport const NEUTRAL_GRADIENT_STEPS = { from: 500, to: 900 } as const;\n\n/** The CSS the web paints the glyphs with, from the two stops. */\nexport const headingGradient = (from: string, to: string): string =>\n  `linear-gradient(${HEADING_GRADIENT_ANGLE}deg, ${from} 0%, ${to} 100%)`;\n\n/**\n * The two stops each colour paints its glyphs with, read off a `UiTheme`. The\n * web's `Heading.styles.ts` keeps its MUI-typed twin of this table; the pairs\n * are the same, and `Heading.native.test.tsx` asserts as much.\n */\nexport function headingGradientStops(theme: UiTheme, color: ColorValue): [string, string] {\n  switch (color) {\n    case 'primary':\n      return [theme.palette.primary.main, theme.palette.secondary.main];\n    case 'secondary':\n      return [theme.palette.secondary.main, theme.palette.primary.main];\n    case 'neutral':\n      return [theme.palette.grey[NEUTRAL_GRADIENT_STEPS.from], theme.palette.grey[NEUTRAL_GRADIENT_STEPS.to]];\n    default:\n      return [theme.palette[color].light, theme.palette[color].dark];\n  }\n}\n"],"mappings":";;;;;;;;AAcO,IAAM,kBAAiD;AAEvD,IAAM,wBAAsC;AAC5C,IAAM,yBAAwC;AAC9C,IAAM,wBAAoC;AAS1C,IAAM,eAAkD;AAAA,EAC7D,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,SAAS,CAAC,UACrB,UAAU,UAAa,SAAS,gBAAiB,QAAyB;AAE5E,IAAM,kBAAkB,CAAC,UAA0C,SAAS;AAQrE,SAAS,cAAc,QAAgB,cAA8B;AAC1E,MAAI,WAAW,SAAU,QAAO;AAChC,SAAO,gBAAgB,gBAAgB,MAAM,IAAI,SAAS,sBAAsB;AAClF;AAGO,IAAM,yBAAyB;AAM/B,IAAM,yBAAyB,EAAE,MAAM,KAAK,IAAI,IAAI;AAGpD,IAAM,kBAAkB,CAAC,MAAc,OAC5C,mBAAmB,sBAAsB,QAAQ,IAAI,QAAQ,EAAE;AAO1D,SAAS,qBAAqB,OAAgB,OAAqC;AACxF,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,QAAQ,MAAM,MAAM,QAAQ,UAAU,IAAI;AAAA,IAClE,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,UAAU,MAAM,MAAM,QAAQ,QAAQ,IAAI;AAAA,IAClE,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,KAAK,uBAAuB,IAAI,GAAG,MAAM,QAAQ,KAAK,uBAAuB,EAAE,CAAC;AAAA,IACxG;AACE,aAAO,CAAC,MAAM,QAAQ,KAAK,EAAE,OAAO,MAAM,QAAQ,KAAK,EAAE,IAAI;AAAA,EACjE;AACF;","names":[]}

package/dist/chunk-GY6KNVMI.js

@@ -1,39 +0,0 @@
-import {
-  ICON_SIZES
-} from "./chunk-RTSK5OZT.js";
-
-// src/components/form/Select/Select.metrics.ts
-var inputVariantFor = (variant) => variant === "default" ? "outlined" : variant;
-var selectInputSize = (size) => size === "sm" ? "sm" : "md";
-var SELECT_ICON = {
-  size: ICON_SIZES.md,
-  right: 7,
-  displayPaddingRight: 32,
-  openRotateDeg: 180
-};
-var SELECT_ICON_GAP = SELECT_ICON.displayPaddingRight - SELECT_ICON.size - SELECT_ICON.right;
-var SELECT_DISPLAY_MIN_HEIGHT = 23;
-var SELECT_MENU = {
-  itemMinHeight: 48,
-  itemPaddingVertical: 6,
-  itemPaddingHorizontal: 16,
-  listPaddingVertical: 8,
-  selectedAlpha: { light: 0.08, dark: 0.16 },
-  disabledOpacity: 0.38,
-  /** MUI's `Menu` paper is `calc(100% - 96px)` tall at most. */
-  maxHeightInset: 96
-};
-var MUI_MENU_SHADOW = "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)";
-var selectedWashAlpha = (theme) => theme.mode === "dark" ? SELECT_MENU.selectedAlpha.dark : SELECT_MENU.selectedAlpha.light;
-
-export {
-  inputVariantFor,
-  selectInputSize,
-  SELECT_ICON,
-  SELECT_ICON_GAP,
-  SELECT_DISPLAY_MIN_HEIGHT,
-  SELECT_MENU,
-  MUI_MENU_SHADOW,
-  selectedWashAlpha
-};
-//# sourceMappingURL=chunk-GY6KNVMI.js.map

package/dist/chunk-GY6KNVMI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Select/Select.metrics.ts"],"sourcesContent":["import type { SelectVariant } from './Select.base';\nimport type { InputVariant } from '../Input/Input.base';\nimport { ICON_SIZES } from '../../../icons/Icon.types';\nimport type { UiTheme } from '../../../tokens/theme';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Select` RENDERERS DRAW WITH.\n *\n * A `Select` on the web IS an `OutlinedInput` with a display slot and an arrow\n * where the value would be typed, so the box's own numbers — the padding, the\n * border, the radius, the field edge — are `Input.metrics.ts`'s, read through\n * {@link inputVariantFor} rather than restated. What is here is what a select\n * has and a text field does not: the arrow, the option list, and the two\n * heights MUI's `FormControl` offers.\n */\n\n/** Our three variants onto the `Input` variant that draws the same box. */\nexport const inputVariantFor = (variant: SelectVariant): InputVariant =>\n  variant === 'default' ? 'outlined' : variant;\n\n/**\n * The house scale as a `FormControl` size.\n *\n * Not `muiSize`: that collapses five onto MUI's three, and a FormControl takes\n * only two — `sm` draws small and EVERY other step, `xs` included, draws\n * medium. Restated from `Select.tsx`'s `formControlSize` so the native side\n * reads the same lossy map rather than inventing a kinder one.\n */\nexport const selectInputSize = (size: SizeValue | undefined): 'sm' | 'md' =>\n  size === 'sm' ? 'sm' : 'md';\n\n/**\n * The arrow: MUI's `ArrowDropDown` at `SvgIcon`'s medium size, 7px from the\n * right edge, turned over while the list is open. The display slot reserves\n * 32px for it, so the flow-laid glyph takes the difference as a margin.\n */\nexport const SELECT_ICON = {\n  size: ICON_SIZES.md,\n  right: 7,\n  displayPaddingRight: 32,\n  openRotateDeg: 180,\n} as const;\n\n/** What the glyph leaves between itself and the value: 32 - 24 - 7. */\nexport const SELECT_ICON_GAP =\n  SELECT_ICON.displayPaddingRight - SELECT_ICON.size - SELECT_ICON.right;\n\n/** `.MuiSelect-select`'s floor, MUI's `1.4375em` at the 16px body size. */\nexport const SELECT_DISPLAY_MIN_HEIGHT = 23;\n\n/**\n * The option list: MUI's `Menu` over a `MenuList` of `MenuItem`s.\n *\n * `selectedAlpha` is `palette.action.selectedOpacity`, which MUI doubles in\n * dark mode; `disabledOpacity` is `palette.action.disabledOpacity`. Neither is\n * on `UiTheme`, whose `action` carries colours rather than opacities.\n */\nexport const SELECT_MENU = {\n  itemMinHeight: 48,\n  itemPaddingVertical: 6,\n  itemPaddingHorizontal: 16,\n  listPaddingVertical: 8,\n  selectedAlpha: { light: 0.08, dark: 0.16 },\n  disabledOpacity: 0.38,\n  /** MUI's `Menu` paper is `calc(100% - 96px)` tall at most. */\n  maxHeightInset: 96,\n} as const;\n\n/** MUI's `theme.shadows[8]`, the elevation a `Menu` paper rests at. */\nexport const MUI_MENU_SHADOW =\n  '0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)';\n\n/** The wash behind the option the value currently names. */\nexport const selectedWashAlpha = (theme: UiTheme): number =>\n  theme.mode === 'dark' ? SELECT_MENU.selectedAlpha.dark : SELECT_MENU.selectedAlpha.light;\n\n/**\n * The box a select draws IS the input's box, so these are the input's tables\n * under this component's names — the border widths, the glass and gradient\n * alphas, the halo and the pulse. Restating them here is how the two controls\n * would come to disagree about what an outlined field looks like.\n */\nexport {\n  INPUT_BORDER as SELECT_BORDER,\n  INPUT_GLASS as SELECT_GLASS,\n  INPUT_GLOW as SELECT_GLOW,\n  INPUT_GRADIENT as SELECT_GRADIENT,\n  INPUT_PULSE as SELECT_PULSE,\n} from '../Input/Input.metrics';\n"],"mappings":";;;;;AAkBO,IAAM,kBAAkB,CAAC,YAC9B,YAAY,YAAY,aAAa;AAUhC,IAAM,kBAAkB,CAAC,SAC9B,SAAS,OAAO,OAAO;AAOlB,IAAM,cAAc;AAAA,EACzB,MAAM,WAAW;AAAA,EACjB,OAAO;AAAA,EACP,qBAAqB;AAAA,EACrB,eAAe;AACjB;AAGO,IAAM,kBACX,YAAY,sBAAsB,YAAY,OAAO,YAAY;AAG5D,IAAM,4BAA4B;AASlC,IAAM,cAAc;AAAA,EACzB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,eAAe,EAAE,OAAO,MAAM,MAAM,KAAK;AAAA,EACzC,iBAAiB;AAAA;AAAA,EAEjB,gBAAgB;AAClB;AAGO,IAAM,kBACX;AAGK,IAAM,oBAAoB,CAAC,UAChC,MAAM,SAAS,SAAS,YAAY,cAAc,OAAO,YAAY,cAAc;","names":[]}

package/dist/chunk-H37GIAAM.js

@@ -1,79 +0,0 @@
-import {
-  brandGradient,
-  initialsOf
-} from "./chunk-IQU4HKND.js";
-
-// src/components/navigation/AppHeader/AppHeader.brand.tsx
-import Box from "@mui/material/Box/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var MARK_PX = { xs: 24, sm: 32, md: 40, lg: 48, xl: 56 };
-var INITIALS_RATIO = 0.4;
-function markSx(theme, { edge, round, showLogo, seed }) {
-  return {
-    width: edge,
-    height: edge,
-    flex: "0 0 auto",
-    overflow: "hidden",
-    borderRadius: round ? "50%" : "30%",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    // Only the initials need the gradient; a logo covers it entirely, and
-    // painting it underneath would show at the corners of a transparent PNG.
-    backgroundImage: showLogo ? "none" : brandGradient(seed),
-    backgroundColor: showLogo ? theme.palette.action.hover : "transparent",
-    color: theme.palette.getContrastText(seed),
-    fontSize: Math.round(edge * INITIALS_RATIO),
-    fontWeight: 700,
-    lineHeight: 1,
-    letterSpacing: "0.02em",
-    userSelect: "none"
-  };
-}
-var AppHeaderBrand = ({
-  name,
-  logoUrl,
-  seedColor,
-  size = "md",
-  shape = "rounded",
-  className,
-  dataTestId = "app-header-brand"
-}) => {
-  const theme = useTheme();
-  const [broken, setBroken] = React.useState(false);
-  React.useEffect(() => setBroken(false), [logoUrl]);
-  const edge = MARK_PX[size];
-  const seed = seedColor || theme.palette.primary.main;
-  const showLogo = Boolean(logoUrl) && !broken;
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      className,
-      "data-testid": dataTestId,
-      role: "img",
-      "aria-label": name,
-      sx: markSx(theme, { edge, round: shape === "circle", showLogo, seed }),
-      children: showLogo ? /* @__PURE__ */ jsx(
-        Box,
-        {
-          component: "img",
-          src: logoUrl ?? void 0,
-          alt: "",
-          onError: () => setBroken(true),
-          "data-testid": `${dataTestId}-logo`,
-          sx: { width: "100%", height: "100%", objectFit: "cover", display: "block" }
-        }
-      ) : /* @__PURE__ */ jsx(Box, { component: "span", "aria-hidden": true, "data-testid": `${dataTestId}-initials`, children: initialsOf(name) })
-    }
-  );
-};
-AppHeaderBrand.displayName = "AppHeaderBrand";
-var AppHeader_brand_default = AppHeaderBrand;
-
-export {
-  AppHeaderBrand,
-  AppHeader_brand_default
-};
-//# sourceMappingURL=chunk-H37GIAAM.js.map

package/dist/chunk-H37GIAAM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/AppHeader/AppHeader.brand.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { SizeValue } from '../../../tokens/scales';\n\nimport { brandGradient, initialsOf } from './AppHeader.colors';\nimport type { AppHeaderBrandProps } from './AppHeader.types';\n\n/** The mark's edge, per house size step. */\nconst MARK_PX: Record<SizeValue, number> = { xs: 24, sm: 32, md: 40, lg: 48, xl: 56 };\n\n/** Initials are set at 40% of the mark so a two-letter pair never touches the edge. */\nconst INITIALS_RATIO = 0.4;\n\n/** The mark's box, lifted out of the component to keep it inside the complexity bar. */\nfunction markSx(\n  theme: Theme,\n  { edge, round, showLogo, seed }: { edge: number; round: boolean; showLogo: boolean; seed: string },\n): Record<string, unknown> {\n  return {\n    width: edge,\n    height: edge,\n    flex: '0 0 auto',\n    overflow: 'hidden',\n    borderRadius: round ? '50%' : '30%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    // Only the initials need the gradient; a logo covers it entirely, and\n    // painting it underneath would show at the corners of a transparent PNG.\n    backgroundImage: showLogo ? 'none' : brandGradient(seed),\n    backgroundColor: showLogo ? theme.palette.action.hover : 'transparent',\n    color: theme.palette.getContrastText(seed),\n    fontSize: Math.round(edge * INITIALS_RATIO),\n    fontWeight: 700,\n    lineHeight: 1,\n    letterSpacing: '0.02em',\n    userSelect: 'none',\n  };\n}\n\n/**\n * The mark that opens the header: the logo when there is one, the name's\n * initials on a gradient derived from the brand colour when there is not.\n *\n * Both branches occupy the SAME box, so a header does not resize when a logo\n * arrives — or when one fails to load and the initials take over, which is the\n * case a plain `<img>` renders as a torn-page glyph beside the store's name.\n */\nexport const AppHeaderBrand: React.FC<AppHeaderBrandProps> = ({\n  name,\n  logoUrl,\n  seedColor,\n  size = 'md',\n  shape = 'rounded',\n  className,\n  dataTestId = 'app-header-brand',\n}) => {\n  const theme = useTheme();\n  const [broken, setBroken] = React.useState(false);\n  // Keyed on the URL so a store that swaps its logo gets a fresh attempt rather\n  // than inheriting the previous one's failure.\n  React.useEffect(() => setBroken(false), [logoUrl]);\n\n  const edge = MARK_PX[size];\n  const seed = seedColor || theme.palette.primary.main;\n  const showLogo = Boolean(logoUrl) && !broken;\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      // `role=\"img\"` + the name: the initials are a picture of the brand, not\n      // two letters a screen reader should spell out.\n      role=\"img\"\n      aria-label={name}\n      sx={markSx(theme, { edge, round: shape === 'circle', showLogo, seed })}\n    >\n      {showLogo ? (\n        <Box\n          component=\"img\"\n          src={logoUrl ?? undefined}\n          alt=\"\"\n          onError={() => setBroken(true)}\n          data-testid={`${dataTestId}-logo`}\n          sx={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }}\n        />\n      ) : (\n        <Box component=\"span\" aria-hidden data-testid={`${dataTestId}-initials`}>\n          {initialsOf(name)}\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nAppHeaderBrand.displayName = 'AppHeaderBrand';\n\nexport default AppHeaderBrand;\n"],"mappings":";;;;;;AAEA,OAAO,SAAS;AAChB,SAAS,gBAAgB;AAEzB,OAAO,WAAW;AA8EV;AAtER,IAAM,UAAqC,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;AAGpF,IAAM,iBAAiB;AAGvB,SAAS,OACP,OACA,EAAE,MAAM,OAAO,UAAU,KAAK,GACL;AACzB,SAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,IACV,cAAc,QAAQ,QAAQ;AAAA,IAC9B,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA;AAAA;AAAA,IAGhB,iBAAiB,WAAW,SAAS,cAAc,IAAI;AAAA,IACvD,iBAAiB,WAAW,MAAM,QAAQ,OAAO,QAAQ;AAAA,IACzD,OAAO,MAAM,QAAQ,gBAAgB,IAAI;AAAA,IACzC,UAAU,KAAK,MAAM,OAAO,cAAc;AAAA,IAC1C,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,YAAY;AAAA,EACd;AACF;AAUO,IAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA,aAAa;AACf,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAGhD,QAAM,UAAU,MAAM,UAAU,KAAK,GAAG,CAAC,OAAO,CAAC;AAEjD,QAAM,OAAO,QAAQ,IAAI;AACzB,QAAM,OAAO,aAAa,MAAM,QAAQ,QAAQ;AAChD,QAAM,WAAW,QAAQ,OAAO,KAAK,CAAC;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MAGb,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,IAAI,OAAO,OAAO,EAAE,MAAM,OAAO,UAAU,UAAU,UAAU,KAAK,CAAC;AAAA,MAEpE,qBACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK,WAAW;AAAA,UAChB,KAAI;AAAA,UACJ,SAAS,MAAM,UAAU,IAAI;AAAA,UAC7B,eAAa,GAAG,UAAU;AAAA,UAC1B,IAAI,EAAE,OAAO,QAAQ,QAAQ,QAAQ,WAAW,SAAS,SAAS,QAAQ;AAAA;AAAA,MAC5E,IAEA,oBAAC,OAAI,WAAU,QAAO,eAAW,MAAC,eAAa,GAAG,UAAU,aACzD,qBAAW,IAAI,GAClB;AAAA;AAAA,EAEJ;AAEJ;AAEA,eAAe,cAAc;AAE7B,IAAO,0BAAQ;","names":[]}

package/dist/chunk-H57ZS6W2.js

@@ -1,146 +0,0 @@
-import {
-  CAPTION_FONT_SIZE,
-  CAPTION_LETTER_SPACING_EM,
-  CAPTION_OPACITY,
-  CODE_BACKGROUND_ALPHA,
-  CODE_BORDER_ALPHA,
-  CODE_FONT_SIZE,
-  CODE_PADDING,
-  CODE_RADIUS_FACTOR,
-  HEADING_DEFAULT_WEIGHT,
-  HEADING_LETTER_SPACING_EM,
-  TEXT_SIZES,
-  TEXT_WEIGHTS
-} from "./chunk-U3PPLAFB.js";
-import {
-  resolveTestId,
-  withoutTestIdProps
-} from "./chunk-TYJR4GOF.js";
-import {
-  px
-} from "./chunk-PE4ZW3IA.js";
-
-// src/components/typography/Text/Text.tsx
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return theme.palette.text.primary;
-  }
-  if (color === "secondary") {
-    return theme.palette.text.secondary;
-  }
-  const colorMap = {
-    primary: theme.palette.primary.main,
-    success: theme.palette.success.main,
-    warning: theme.palette.warning.main,
-    info: theme.palette.info.main,
-    danger: theme.palette.error.main
-  };
-  return colorMap[color];
-};
-var SIZE_MAP = Object.fromEntries(
-  Object.entries(TEXT_SIZES).map(([size, step]) => [
-    size,
-    { fontSize: px(step.fontSize), lineHeight: step.lineHeight }
-  ])
-);
-var WEIGHT_MAP = TEXT_WEIGHTS;
-var decorationFor = (underline, strikethrough) => [underline && "underline", strikethrough && "line-through"].filter(Boolean).join(" ") || "none";
-var baseTextStyles = (theme, a) => ({
-  color: getColorFromTheme(theme, a.customColor ?? "neutral"),
-  fontSize: SIZE_MAP[a.customSize ?? "md"]?.fontSize,
-  lineHeight: SIZE_MAP[a.customSize ?? "md"]?.lineHeight,
-  fontWeight: WEIGHT_MAP[a.customWeight ?? "normal"],
-  fontStyle: a.italic ? "italic" : "normal",
-  textDecoration: decorationFor(a.underline, a.strikethrough),
-  transition: "all 0.2s ease"
-});
-var sizeOverride = (customSize, atDefault) => (customSize ?? "md") === "md" ? atDefault : SIZE_MAP[customSize ?? "md"]?.fontSize;
-var textVariantStyles = (theme, a, base) => {
-  const weight = a.customWeight ?? "normal";
-  switch (a.customVariant) {
-    case "heading":
-      return {
-        ...base,
-        fontFamily: theme.typography.h4.fontFamily,
-        fontWeight: weight === "normal" ? HEADING_DEFAULT_WEIGHT : WEIGHT_MAP[weight],
-        letterSpacing: `${HEADING_LETTER_SPACING_EM}em`
-      };
-    case "caption":
-      return {
-        ...base,
-        fontSize: sizeOverride(a.customSize, px(CAPTION_FONT_SIZE)),
-        opacity: CAPTION_OPACITY,
-        letterSpacing: `${CAPTION_LETTER_SPACING_EM}em`
-      };
-    case "code":
-      return {
-        ...base,
-        fontFamily: 'Monaco, Menlo, "Ubuntu Mono", "Courier New", monospace',
-        fontSize: sizeOverride(a.customSize, px(CODE_FONT_SIZE)),
-        backgroundColor: alpha(theme.palette.primary.main, CODE_BACKGROUND_ALPHA),
-        padding: `${CODE_PADDING.vertical}px ${CODE_PADDING.horizontal}px`,
-        borderRadius: theme.shape.borderRadius * CODE_RADIUS_FACTOR,
-        border: `1px solid ${alpha(theme.palette.primary.main, CODE_BORDER_ALPHA)}`
-      };
-    default:
-      return { ...base, fontFamily: theme.typography.body1.fontFamily };
-  }
-};
-var StyledText = styled(Typography, {
-  shouldForwardProp: (prop) => ![
-    "customVariant",
-    "customColor",
-    "customSize",
-    "customWeight",
-    "italic",
-    "underline",
-    "strikethrough"
-  ].includes(prop)
-})((args) => {
-  const { theme } = args;
-  return textVariantStyles(theme, args, baseTextStyles(theme, args));
-});
-var Text = React.forwardRef(
-  ({
-    variant = "body",
-    color = "neutral",
-    size = "md",
-    weight = "normal",
-    as = "span",
-    italic = false,
-    underline = false,
-    strikethrough = false,
-    children,
-    ...others
-  }, ref) => {
-    const testId = resolveTestId(others);
-    const props = withoutTestIdProps(others);
-    return /* @__PURE__ */ jsx(
-      StyledText,
-      {
-        ref,
-        "data-testid": testId,
-        customVariant: variant,
-        customColor: color,
-        customSize: size,
-        customWeight: weight,
-        italic,
-        underline,
-        strikethrough,
-        ...as && { as },
-        ...props,
-        children
-      }
-    );
-  }
-);
-Text.displayName = "Text";
-
-export {
-  Text
-};
-//# sourceMappingURL=chunk-H57ZS6W2.js.map

package/dist/chunk-H57ZS6W2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/typography/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSObject, Theme } from '@mui/material/styles/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 {\n  CAPTION_FONT_SIZE,\n  CAPTION_LETTER_SPACING_EM,\n  CAPTION_OPACITY,\n  CODE_BACKGROUND_ALPHA,\n  CODE_BORDER_ALPHA,\n  CODE_FONT_SIZE,\n  CODE_PADDING,\n  CODE_RADIUS_FACTOR,\n  HEADING_DEFAULT_WEIGHT,\n  HEADING_LETTER_SPACING_EM,\n  TEXT_SIZES,\n  TEXT_WEIGHTS,\n} from './Text.metrics';\nimport type { TextProps } from './Text.types';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport type { ColorValue } from '../../../tokens/scales';\nimport { px } from '../../../tokens/theme';\n\nconst getColorFromTheme = (theme: Theme, color: ColorValue): string => {\n  if (color === 'neutral') {\n    return theme.palette.text.primary;\n  }\n\n  if (color === 'secondary') {\n    return theme.palette.text.secondary;\n  }\n\n  // Exhaustive over ColorValue on purpose. It was a partial `Record<string, …>`\n  // with a silent `|| text.primary` fallback, so `info` — accepted by the type\n  // — rendered as ordinary body text. Typing the key means a colour added to\n  // the vocabulary cannot reach here without a home.\n  const colorMap: Record<Exclude<ColorValue, 'neutral' | 'secondary'>, string> = {\n    primary: theme.palette.primary.main,\n    success: theme.palette.success.main,\n    warning: theme.palette.warning.main,\n    info: theme.palette.info.main,\n    danger: theme.palette.error.main,\n  };\n\n  return colorMap[color];\n};\n\n// Derived from the shared metrics, not restated: the native `Text` reads the\n// same table, so the two renderers cannot disagree on a size.\nconst SIZE_MAP: Record<string, { fontSize: string; lineHeight: number }> = Object.fromEntries(\n  Object.entries(TEXT_SIZES).map(([size, step]) => [\n    size,\n    { fontSize: px(step.fontSize), lineHeight: step.lineHeight },\n  ]),\n);\n\nconst WEIGHT_MAP: Record<string, number> = TEXT_WEIGHTS;\n\ninterface TextStyleArgs {\n  theme: Theme;\n  customVariant?: string;\n  customColor?: ColorValue;\n  customSize?: string;\n  customWeight?: string;\n  italic?: boolean;\n  underline?: boolean;\n  strikethrough?: boolean;\n}\n\n// underline and strikethrough combine into one declaration rather than one\n// winning over the other.\nconst decorationFor = (underline?: boolean, strikethrough?: boolean): string =>\n  [underline && 'underline', strikethrough && 'line-through'].filter(Boolean).join(' ') || 'none';\n\nconst baseTextStyles = (theme: Theme, a: TextStyleArgs): CSSObject => ({\n  color: getColorFromTheme(theme, a.customColor ?? 'neutral'),\n  fontSize: SIZE_MAP[a.customSize ?? 'md']?.fontSize,\n  lineHeight: SIZE_MAP[a.customSize ?? 'md']?.lineHeight,\n  fontWeight: WEIGHT_MAP[a.customWeight ?? 'normal'],\n  fontStyle: a.italic ? 'italic' : 'normal',\n  textDecoration: decorationFor(a.underline, a.strikethrough),\n  transition: 'all 0.2s ease',\n});\n\n// Captions and code shrink relative to the body scale, but only at the default\n// size — an explicit size wins.\nconst sizeOverride = (customSize: string | undefined, atDefault: string): string | undefined =>\n  (customSize ?? 'md') === 'md' ? atDefault : SIZE_MAP[customSize ?? 'md']?.fontSize;\n\nconst textVariantStyles = (theme: Theme, a: TextStyleArgs, base: CSSObject): CSSObject => {\n  const weight = a.customWeight ?? 'normal';\n\n  switch (a.customVariant) {\n    case 'heading':\n      return {\n        ...base,\n        fontFamily: theme.typography.h4.fontFamily,\n        fontWeight: weight === 'normal' ? HEADING_DEFAULT_WEIGHT : WEIGHT_MAP[weight],\n        letterSpacing: `${HEADING_LETTER_SPACING_EM}em`,\n      };\n    case 'caption':\n      return {\n        ...base,\n        fontSize: sizeOverride(a.customSize, px(CAPTION_FONT_SIZE)),\n        opacity: CAPTION_OPACITY,\n        letterSpacing: `${CAPTION_LETTER_SPACING_EM}em`,\n      };\n    case 'code':\n      return {\n        ...base,\n        fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", \"Courier New\", monospace',\n        fontSize: sizeOverride(a.customSize, px(CODE_FONT_SIZE)),\n        backgroundColor: alpha(theme.palette.primary.main, CODE_BACKGROUND_ALPHA),\n        padding: `${CODE_PADDING.vertical}px ${CODE_PADDING.horizontal}px`,\n        borderRadius: theme.shape.borderRadius * CODE_RADIUS_FACTOR,\n        border: `1px solid ${alpha(theme.palette.primary.main, CODE_BORDER_ALPHA)}`,\n      };\n    default:\n      return { ...base, fontFamily: theme.typography.body1.fontFamily };\n  }\n};\n\nconst StyledText = styled(Typography, {\n  shouldForwardProp: (prop) =>\n    ![\n      'customVariant',\n      'customColor',\n      'customSize',\n      'customWeight',\n      'italic',\n      'underline',\n      'strikethrough',\n    ].includes(prop as string),\n})<{\n  customVariant?: string;\n  customColor?: ColorValue;\n  customSize?: string;\n  customWeight?: string;\n  italic?: boolean;\n  underline?: boolean;\n  strikethrough?: boolean;\n}>((args) => {\n  const { theme } = args;\n  return textVariantStyles(theme, args, baseTextStyles(theme, args));\n});\n\nexport const Text = React.forwardRef<HTMLElement, TextProps>(\n  (\n    {\n      variant = 'body',\n      color = 'neutral',\n      size = 'md',\n      weight = 'normal',\n      as = 'span',\n      italic = false,\n      underline = false,\n      strikethrough = false,\n      children,\n      ...others\n    },\n    ref,\n  ) => {\n    // `testID` and `dataTestId` are the shared contract's spellings; the DOM\n    // wants `data-testid`, and must not see the other two as attributes.\n    const testId = resolveTestId(others);\n    const props = withoutTestIdProps(others);\n    return (\n      <StyledText\n        ref={ref}\n        data-testid={testId}\n        customVariant={variant}\n        customColor={color}\n        customSize={size}\n        customWeight={weight}\n        italic={italic}\n        underline={underline}\n        strikethrough={strikethrough}\n        {...(as && { as })}\n        {...props}\n      >\n        {children}\n      </StyledText>\n    );\n  },\n);\n\nText.displayName = 'Text';"],"mappings":"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","names":[]}

package/dist/chunk-HJOABXKN.js

@@ -1,43 +0,0 @@
-import {
-  ConfirmActionDialog
-} from "./chunk-QQS3GQYS.js";
-import {
-  useConfirmAction
-} from "./chunk-EMYESBIT.js";
-
-// src/components/feedback/ConfirmAction/with-confirmation.tsx
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function resolveOptions(defaults, instance) {
-  if (instance === false) return null;
-  const merged = { ...defaults, ...instance };
-  if (!merged.title || !merged.confirmText) return null;
-  return { ...merged, title: merged.title, confirmText: merged.confirmText };
-}
-function useGuardedHandler(onClick) {
-  return React.useCallback(() => {
-    const result = onClick?.();
-    return result instanceof Promise ? result : void 0;
-  }, [onClick]);
-}
-function withConfirmation(Wrapped, defaults) {
-  function WithConfirmation(props) {
-    const { confirm, onClick } = props;
-    const options = resolveOptions(defaults, confirm);
-    const state = useConfirmAction(useGuardedHandler(onClick), defaults.errorText);
-    const { confirm: _confirm, ...rest } = props;
-    const forwarded = rest;
-    if (!options) return /* @__PURE__ */ jsx(Wrapped, { ...forwarded });
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Wrapped, { ...forwarded, onClick: state.request }),
-      /* @__PURE__ */ jsx(ConfirmActionDialog, { state, ...options, copy: defaults.copy })
-    ] });
-  }
-  WithConfirmation.displayName = `withConfirmation(${Wrapped.displayName ?? Wrapped.name ?? "Component"})`;
-  return WithConfirmation;
-}
-
-export {
-  withConfirmation
-};
-//# sourceMappingURL=chunk-HJOABXKN.js.map