@12-apps/ui 6.11.1 → 6.12.0

package/dist/chunk-OSIJPYG2.js

@@ -1,195 +0,0 @@
-import {
-  useMenubarMenus
-} from "./chunk-42VH7N5L.js";
-import {
-  MenubarToolbar
-} from "./chunk-AM24WGZJ.js";
-import {
-  barStyles
-} from "./chunk-A3ASTBON.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/form/Menubar/Menubar.tsx
-import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
-import {
-  AppBar,
-  Box,
-  Button,
-  Divider,
-  ListItemIcon,
-  ListItemText,
-  Menu,
-  MenuItem,
-  Typography,
-  useTheme
-} from "@mui/material";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULTS = {
-  variant: "default",
-  size: "md",
-  color: "neutral",
-  orientation: "horizontal",
-  glow: false,
-  pulse: false,
-  glass: false,
-  gradient: false,
-  loading: false,
-  disabled: false,
-  sticky: false,
-  transparent: false,
-  blur: false,
-  elevation: 4,
-  fullWidth: true
-};
-var Menubar = (props) => {
-  const {
-    ariaLabel,
-    items,
-    variant,
-    size,
-    color,
-    orientation,
-    glow,
-    pulse,
-    glass,
-    gradient,
-    loading,
-    disabled,
-    className,
-    style,
-    logo,
-    endContent,
-    sticky,
-    transparent,
-    blur,
-    elevation,
-    fullWidth,
-    onClick,
-    onFocus,
-    onBlur,
-    "data-testid": dataTestId
-  } = withDefaults(props, DEFAULTS);
-  const theme = useTheme();
-  const { activeMenu, menuRefs, handleMenuOpen, handleMenuClose, handleItemClick } = useMenubarMenus(onClick);
-  const isVertical = orientation === "vertical";
-  const barSx = barStyles(theme, {
-    variant,
-    size,
-    color,
-    glow,
-    pulse,
-    glass,
-    gradient,
-    blur,
-    transparent,
-    elevation
-  });
-  const content = /* @__PURE__ */ jsx(
-    MenubarToolbar,
-    {
-      ariaLabel,
-      barSx,
-      items,
-      size,
-      orientation,
-      disabled,
-      loading,
-      logo,
-      endContent,
-      fullWidth,
-      activeMenu,
-      menuRefs,
-      onOpen: handleMenuOpen,
-      onActivate: handleItemClick,
-      onClose: handleMenuClose,
-      onFocus,
-      onBlur
-    }
-  );
-  if (isVertical) {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        className,
-        sx: {
-          ...style,
-          position: sticky ? "sticky" : "relative",
-          top: sticky ? 0 : "auto",
-          zIndex: theme.zIndex.appBar
-        },
-        children: content
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    AppBar,
-    {
-      position: sticky ? "sticky" : "static",
-      className,
-      "data-testid": dataTestId,
-      sx: { ...barSx, ...style },
-      elevation: 0,
-      component: "header",
-      children: content
-    }
-  );
-};
-var MenubarGroup = ({
-  label,
-  items,
-  icon,
-  disabled,
-  open,
-  onOpenChange,
-  onClick,
-  className,
-  style
-}) => {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const isOpen = open !== void 0 ? open : Boolean(anchorEl);
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-    onOpenChange?.(true);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-    onOpenChange?.(false);
-  };
-  const handleItemClick = (item) => {
-    if (item.action) {
-      item.action();
-    }
-    onClick?.(item);
-    handleClose();
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick: handleClick,
-        disabled,
-        startIcon: icon,
-        endIcon: /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {}),
-        className,
-        sx: style,
-        children: label
-      }
-    ),
-    /* @__PURE__ */ jsx(Menu, { anchorEl, open: isOpen, onClose: handleClose, children: items.map(
-      (item) => item.divider ? /* @__PURE__ */ jsx(Divider, {}, item.id) : /* @__PURE__ */ jsxs(MenuItem, { onClick: () => handleItemClick(item), disabled: item.disabled, children: [
-        item.icon && /* @__PURE__ */ jsx(ListItemIcon, { children: item.icon }),
-        /* @__PURE__ */ jsx(ListItemText, { children: item.label }),
-        item.shortcut && /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { ml: 2 }, children: item.shortcut })
-      ] }, item.id)
-    ) })
-  ] });
-};
-
-export {
-  Menubar,
-  MenubarGroup
-};
-//# sourceMappingURL=chunk-OSIJPYG2.js.map

package/dist/chunk-OSIJPYG2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Menubar/Menubar.tsx"],"sourcesContent":["import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport {\n  AppBar,\n  Box,\n  Button,\n  Divider,\n  ListItemIcon,\n  ListItemText,\n  Menu,\n  MenuItem,\n  Typography,\n  useTheme,\n} from '@mui/material';\nimport React, { useState } from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { useMenubarMenus } from './Menubar.hooks';\nimport { barStyles } from './Menubar.styles';\nimport { MenubarToolbar } from './Menubar.toolbar';\n\nimport type {\n  MenubarGroupProps,\n  MenubarItem,\n  MenubarProps,\n} from './Menubar.types';\n\nconst DEFAULTS = {\n  variant: 'default',\n  size: 'md',\n  color: 'neutral',\n  orientation: 'horizontal',\n  glow: false,\n  pulse: false,\n  glass: false,\n  gradient: false,\n  loading: false,\n  disabled: false,\n  sticky: false,\n  transparent: false,\n  blur: false,\n  elevation: 4,\n  fullWidth: true,\n} satisfies Partial<MenubarProps>;\n\ntype ResolvedProps = MenubarProps & Required<Pick<MenubarProps, keyof typeof DEFAULTS>>;\n\nexport const Menubar: React.FC<MenubarProps> = (props) => {\n  const {\n    ariaLabel, items, variant, size, color, orientation, glow, pulse, glass, gradient,\n    loading, disabled, className, style, logo, endContent, sticky, transparent,\n    blur, elevation, fullWidth, onClick, onFocus, onBlur,\n    'data-testid': dataTestId,\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const theme = useTheme();\n  const { activeMenu, menuRefs, handleMenuOpen, handleMenuClose, handleItemClick } =\n    useMenubarMenus(onClick);\n\n  const isVertical = orientation === 'vertical';\n\n  const barSx = barStyles(theme, {\n    variant, size, color, glow, pulse, glass, gradient, blur, transparent, elevation,\n  });\n\n  const content = (\n    <MenubarToolbar\n      ariaLabel={ariaLabel}\n      barSx={barSx}\n      items={items}\n      size={size}\n      orientation={orientation}\n      disabled={disabled}\n      loading={loading}\n      logo={logo}\n      endContent={endContent}\n      fullWidth={fullWidth}\n      activeMenu={activeMenu}\n      menuRefs={menuRefs}\n      onOpen={handleMenuOpen}\n      onActivate={handleItemClick}\n      onClose={handleMenuClose}\n      onFocus={onFocus}\n      onBlur={onBlur}\n    />\n  );\n\n  // A vertical bar is not an app bar: AppBar's fixed/sticky positioning assumes\n  // a horizontal strip at the top of the page.\n  if (isVertical) {\n    return (\n      <Box\n        className={className}\n        sx={{\n          ...style,\n          position: sticky ? 'sticky' : 'relative',\n          top: sticky ? 0 : 'auto',\n          zIndex: theme.zIndex.appBar,\n        }}\n      >\n        {content}\n      </Box>\n    );\n  }\n\n  return (\n    <AppBar\n      position={sticky ? 'sticky' : 'static'}\n      className={className}\n      data-testid={dataTestId}\n      sx={{ ...barSx, ...style }}\n      elevation={0}\n      component=\"header\"\n    >\n      {content}\n    </AppBar>\n  );\n};\n\n\nexport const MenubarGroup: React.FC<MenubarGroupProps> = ({\n  label,\n  items,\n  icon,\n  disabled,\n  open,\n  onOpenChange,\n  onClick,\n  className,\n  style,\n}) => {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const isOpen = open !== undefined ? open : Boolean(anchorEl);\n\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget);\n    onOpenChange?.(true);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n    onOpenChange?.(false);\n  };\n\n  const handleItemClick = (item: MenubarItem) => {\n    if (item.action) {\n      item.action();\n    }\n    onClick?.(item);\n    handleClose();\n  };\n\n  return (\n    <>\n      <Button\n        onClick={handleClick}\n        disabled={disabled}\n        startIcon={icon}\n        endIcon={<KeyboardArrowDownIcon />}\n        className={className}\n        sx={style}\n      >\n        {label}\n      </Button>\n      <Menu anchorEl={anchorEl} open={isOpen} onClose={handleClose}>\n        {items.map((item) =>\n          item.divider ? (\n            <Divider key={item.id} />\n          ) : (\n            <MenuItem key={item.id} onClick={() => handleItemClick(item)} disabled={item.disabled}>\n              {item.icon && <ListItemIcon>{item.icon}</ListItemIcon>}\n              <ListItemText>{item.label}</ListItemText>\n              {item.shortcut && (\n                <Typography variant=\"caption\" sx={{ ml: 2 }}>\n                  {item.shortcut}\n                </Typography>\n              )}\n            </MenuItem>\n          ),\n        )}\n      </Menu>\n    </>\n  );\n};\n\nexport { MenubarSeparator } from './Menubar.separator';\n"],"mappings":"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","names":[]}

package/dist/chunk-OY4RUX4H.js

@@ -1,28 +0,0 @@
-import {
-  DropdownMenu
-} from "./chunk-NPK5TRIC.js";
-import {
-  Button
-} from "./chunk-GD7HXHOT.js";
-
-// src/components/data-display/CardKit/CardKebab.tsx
-import { jsx } from "react/jsx-runtime";
-function CardKebab({
-  items,
-  menuLabel,
-  dataTestId
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenu,
-    {
-      size: "sm",
-      items,
-      trigger: /* @__PURE__ */ jsx(Button, { variant: "text", size: "sm", "aria-label": menuLabel, dataTestId, children: "\u22EE" })
-    }
-  );
-}
-
-export {
-  CardKebab
-};
-//# sourceMappingURL=chunk-OY4RUX4H.js.map

package/dist/chunk-OYKAYMD5.js

@@ -1,167 +0,0 @@
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/navigation/AppHeader/AppHeader.tsx
-import { Box } from "@mui/material";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var BAR_MIN_HEIGHT = { regular: 64, dense: 52 };
-var HEADER_DEFAULTS = {
-  position: "sticky",
-  offsetTop: 0,
-  maxWidth: 1200,
-  divider: true,
-  elevateOnScroll: false,
-  dense: false,
-  disableSpacer: false,
-  dataTestId: "app-header"
-};
-function useScrolled(enabled) {
-  const [scrolled, setScrolled] = React.useState(false);
-  React.useEffect(() => {
-    if (!enabled) return void 0;
-    const onScroll = () => setScrolled(window.scrollY > 0);
-    onScroll();
-    window.addEventListener("scroll", onScroll, { passive: true });
-    return () => window.removeEventListener("scroll", onScroll);
-  }, [enabled]);
-  return enabled && scrolled;
-}
-function useMeasuredHeight(enabled) {
-  const ref = React.useRef(null);
-  const [height, setHeight] = React.useState(0);
-  React.useEffect(() => {
-    const node = ref.current;
-    if (!enabled || !node) return void 0;
-    const measure = () => setHeight(node.getBoundingClientRect().height);
-    measure();
-    if (typeof ResizeObserver === "undefined") return void 0;
-    const observer = new ResizeObserver(measure);
-    observer.observe(node);
-    return () => observer.disconnect();
-  }, [enabled]);
-  return [ref, height];
-}
-function surfaceSx({
-  position,
-  offsetTop,
-  divider,
-  scrolled
-}) {
-  return {
-    position,
-    ...position === "static" ? {} : { top: offsetTop, zIndex: "appBar" },
-    ...position === "fixed" ? { left: 0, right: 0 } : {},
-    backgroundColor: "background.paper",
-    borderBottom: divider ? 1 : 0,
-    borderColor: "divider",
-    boxShadow: scrolled ? 2 : 0,
-    transition: "box-shadow 150ms ease"
-  };
-}
-var HeaderTrailing = ({ meta, actions }) => {
-  if (!meta && !actions) return null;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      sx: {
-        flex: "0 0 auto",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "flex-end",
-        gap: 0.5
-      },
-      children: [
-        meta && /* @__PURE__ */ jsx(
-          Box,
-          {
-            "data-testid": "app-header-meta",
-            sx: {
-              fontSize: 11,
-              fontWeight: 700,
-              letterSpacing: "0.08em",
-              textTransform: "uppercase",
-              color: "text.disabled",
-              lineHeight: 1
-            },
-            children: meta
-          }
-        ),
-        actions && /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "nav",
-            "data-testid": "app-header-actions",
-            sx: { display: "flex", alignItems: "center", gap: 1 },
-            children: actions
-          }
-        )
-      ]
-    }
-  );
-};
-var AppHeader = (props) => {
-  const {
-    leading,
-    children,
-    actions,
-    meta,
-    below,
-    position,
-    offsetTop,
-    maxWidth,
-    divider,
-    elevateOnScroll,
-    dense,
-    disableSpacer,
-    className,
-    dataTestId
-    // True by construction — `withDefaults` fills exactly these keys — but not
-    // something TS can follow through a `Partial<T>` table.
-  } = withDefaults(props, HEADER_DEFAULTS);
-  const scrolled = useScrolled(elevateOnScroll);
-  const needsSpacer = position === "fixed" && !disableSpacer;
-  const [ref, height] = useMeasuredHeight(needsSpacer);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        ref,
-        component: "header",
-        className,
-        "data-testid": dataTestId,
-        sx: surfaceSx({ position, offsetTop, divider, scrolled }),
-        children: /* @__PURE__ */ jsxs(Box, { sx: { maxWidth, mx: "auto", px: { xs: 2, md: 3 } }, children: [
-          /* @__PURE__ */ jsxs(
-            Box,
-            {
-              sx: {
-                display: "flex",
-                alignItems: "center",
-                gap: { xs: 1, md: 2 },
-                minHeight: dense ? BAR_MIN_HEIGHT.dense : BAR_MIN_HEIGHT.regular,
-                py: 1
-              },
-              children: [
-                leading,
-                /* @__PURE__ */ jsx(Box, { sx: { flex: "1 1 auto", minWidth: 0 }, children }),
-                /* @__PURE__ */ jsx(HeaderTrailing, { meta, actions })
-              ]
-            }
-          ),
-          below && /* @__PURE__ */ jsx(Box, { "data-testid": `${dataTestId}-below`, sx: { pb: 1.5 }, children: below })
-        ] })
-      }
-    ),
-    needsSpacer && /* @__PURE__ */ jsx(Box, { "aria-hidden": true, "data-testid": `${dataTestId}-spacer`, sx: { height } })
-  ] });
-};
-AppHeader.displayName = "AppHeader";
-var AppHeader_default = AppHeader;
-
-export {
-  AppHeader,
-  AppHeader_default
-};
-//# sourceMappingURL=chunk-OYKAYMD5.js.map

package/dist/chunk-OYKAYMD5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/AppHeader/AppHeader.tsx"],"sourcesContent":["'use client';\n\nimport { Box } from '@mui/material';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport type { AppHeaderProps } from './AppHeader.types';\n\n/** Bar height, before the optional `below` row. */\nconst BAR_MIN_HEIGHT = { regular: 64, dense: 52 } as const;\n\n/** The props {@link HEADER_DEFAULTS} guarantees a value for. */\ntype Defaulted =\n  | 'position'\n  | 'offsetTop'\n  | 'maxWidth'\n  | 'divider'\n  | 'elevateOnScroll'\n  | 'dense'\n  | 'disableSpacer'\n  | 'dataTestId';\n\n/** `AppHeaderProps` as the body sees them: nothing defaulted is still optional. */\ntype ResolvedHeaderProps = AppHeaderProps & Required<Pick<AppHeaderProps, Defaulted>>;\n\nconst HEADER_DEFAULTS: Pick<ResolvedHeaderProps, Defaulted> = {\n  position: 'sticky',\n  offsetTop: 0,\n  maxWidth: 1200,\n  divider: true,\n  elevateOnScroll: false,\n  dense: false,\n  disableSpacer: false,\n  dataTestId: 'app-header',\n};\n\n/**\n * Watch the document scroll so a lifted bar can cast a shadow only once there\n * is something under it. Inert (and never attaches a listener) when off.\n */\nfunction useScrolled(enabled: boolean): boolean {\n  const [scrolled, setScrolled] = React.useState(false);\n  React.useEffect(() => {\n    if (!enabled) return undefined;\n    const onScroll = (): void => setScrolled(window.scrollY > 0);\n    onScroll();\n    window.addEventListener('scroll', onScroll, { passive: true });\n    return () => window.removeEventListener('scroll', onScroll);\n  }, [enabled]);\n  return enabled && scrolled;\n}\n\n/**\n * The bar's own height, republished whenever it changes.\n *\n * A `fixed` bar is out of flow, so something has to reserve its space — and a\n * constant cannot, because this bar's height is whatever the caller's slots add\n * up to. A search field in `below`, a status line, a wrapped title: each moves\n * it, and a hard-coded spacer would leave the page's first element under the\n * bar or floating below a gap.\n */\nfunction useMeasuredHeight(enabled: boolean): [React.RefObject<HTMLElement | null>, number] {\n  const ref = React.useRef<HTMLElement | null>(null);\n  const [height, setHeight] = React.useState(0);\n  React.useEffect(() => {\n    const node = ref.current;\n    if (!enabled || !node) return undefined;\n    const measure = (): void => setHeight(node.getBoundingClientRect().height);\n    measure();\n    // Measured once unconditionally, observed only where the API exists. jsdom\n    // has no ResizeObserver, so constructing it unguarded takes down every\n    // consumer's test that happens to render a fixed bar — a crash in THEIR\n    // suite, thrown from a component they only laid out.\n    if (typeof ResizeObserver === 'undefined') return undefined;\n    const observer = new ResizeObserver(measure);\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [enabled]);\n  return [ref, height];\n}\n\n/**\n * The bar's own surface. Lifted out of the component both to keep it inside the\n * complexity bar and because the positioning rules are the fiddly part: a\n * `static` bar must claim neither a stacking context nor an offset, and only a\n * `fixed` one needs pinning to the viewport's edges.\n */\nfunction surfaceSx({\n  position,\n  offsetTop,\n  divider,\n  scrolled,\n}: Required<Pick<AppHeaderProps, 'position' | 'offsetTop' | 'divider'>> & {\n  scrolled: boolean;\n}): Record<string, unknown> {\n  return {\n    position,\n    ...(position === 'static' ? {} : { top: offsetTop, zIndex: 'appBar' }),\n    ...(position === 'fixed' ? { left: 0, right: 0 } : {}),\n    backgroundColor: 'background.paper',\n    borderBottom: divider ? 1 : 0,\n    borderColor: 'divider',\n    boxShadow: scrolled ? 2 : 0,\n    transition: 'box-shadow 150ms ease',\n  };\n}\n\n/** The trailing column: the muted note, and the actions under it. */\nconst HeaderTrailing: React.FC<Pick<AppHeaderProps, 'meta' | 'actions'>> = ({ meta, actions }) => {\n  if (!meta && !actions) return null;\n  return (\n    <Box\n      sx={{\n        flex: '0 0 auto',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-end',\n        gap: 0.5,\n      }}\n    >\n      {meta && (\n        <Box\n          data-testid=\"app-header-meta\"\n          sx={{\n            fontSize: 11,\n            fontWeight: 700,\n            letterSpacing: '0.08em',\n            textTransform: 'uppercase',\n            color: 'text.disabled',\n            lineHeight: 1,\n          }}\n        >\n          {meta}\n        </Box>\n      )}\n      {actions && (\n        <Box\n          component=\"nav\"\n          data-testid=\"app-header-actions\"\n          sx={{ display: 'flex', alignItems: 'center', gap: 1 }}\n        >\n          {actions}\n        </Box>\n      )}\n    </Box>\n  );\n};\n\n/**\n * The application bar: a row of slots on one surface, plus an optional second\n * row that belongs to it.\n *\n * It knows nothing about routers, sessions, carts or stores — every slot is a\n * `ReactNode` and every behaviour is a callback, which is what lets one bar\n * serve a storefront, a back office and a platform console without any of them\n * leaking into the others. Compose it with {@link AppHeaderIdentity},\n * {@link AppHeaderStatus} and {@link AppHeaderDetails}, or put your own nodes in\n * the slots.\n *\n * The SURFACE always spans the viewport while the CONTENT stops at `maxWidth`\n * and centres, so the same bar reads as a phone header and as a desktop one\n * without a second component or a breakpoint at the call site.\n */\nexport const AppHeader: React.FC<AppHeaderProps> = (props) => {\n  // A table of defaults rather than one per destructured prop: each `= default`\n  // is a branch, and nine of them put this component over the complexity bar\n  // before it rendered anything.\n  const {\n    leading,\n    children,\n    actions,\n    meta,\n    below,\n    position,\n    offsetTop,\n    maxWidth,\n    divider,\n    elevateOnScroll,\n    dense,\n    disableSpacer,\n    className,\n    dataTestId,\n    // True by construction — `withDefaults` fills exactly these keys — but not\n    // something TS can follow through a `Partial<T>` table.\n  } = withDefaults(props, HEADER_DEFAULTS) as ResolvedHeaderProps;\n\n  const scrolled = useScrolled(elevateOnScroll);\n  const needsSpacer = position === 'fixed' && !disableSpacer;\n  const [ref, height] = useMeasuredHeight(needsSpacer);\n\n  return (\n    <>\n      <Box\n        ref={ref}\n        component=\"header\"\n        className={className}\n        data-testid={dataTestId}\n        sx={surfaceSx({ position, offsetTop, divider, scrolled })}\n      >\n        <Box sx={{ maxWidth, mx: 'auto', px: { xs: 2, md: 3 } }}>\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: { xs: 1, md: 2 },\n              minHeight: dense ? BAR_MIN_HEIGHT.dense : BAR_MIN_HEIGHT.regular,\n              py: 1,\n            }}\n          >\n            {leading}\n            {/* The identity takes the slack and is the only part allowed to\n                shrink — the actions are targets and the meta note is already\n                the smallest thing in the bar. */}\n            <Box sx={{ flex: '1 1 auto', minWidth: 0 }}>{children}</Box>\n            <HeaderTrailing meta={meta} actions={actions} />\n          </Box>\n          {below && (\n            <Box data-testid={`${dataTestId}-below`} sx={{ pb: 1.5 }}>\n              {below}\n            </Box>\n          )}\n        </Box>\n      </Box>\n      {needsSpacer && <Box aria-hidden data-testid={`${dataTestId}-spacer`} sx={{ height }} />}\n    </>\n  );\n};\n\nAppHeader.displayName = 'AppHeader';\n\nexport default AppHeader;\n"],"mappings":"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","names":[]}

package/dist/chunk-OZCEKQIX.js

@@ -1,46 +0,0 @@
-// src/tokens/scales.ts
-var SIZE_VALUES = ["xs", "sm", "md", "lg", "xl"];
-var COLOR_VALUES = [
-  "primary",
-  "secondary",
-  "success",
-  "warning",
-  "info",
-  "danger",
-  "neutral"
-];
-var muiSize = (size) => {
-  if (size === "xs" || size === "sm") return "small";
-  return size === "md" ? "medium" : "large";
-};
-function muiColor(color, neutralAs) {
-  if (color === "danger") return "error";
-  return color === "neutral" ? neutralAs : color;
-}
-var paletteKey = (color) => color === "danger" ? "error" : color === "neutral" ? "grey" : color;
-function accentFor(theme, color) {
-  if (color === "neutral") {
-    const grey = theme.palette.grey;
-    return {
-      // Explicit fallbacks: the ramp is indexed, and under
-      // `noUncheckedIndexedAccess` every stop is `string | undefined`.
-      main: grey[600] ?? "#757575",
-      light: grey[400] ?? "#bdbdbd",
-      dark: grey[800] ?? "#424242",
-      // Grey 600 carries white text in both themes.
-      contrastText: "#fff"
-    };
-  }
-  const key = color === "danger" ? "error" : color;
-  return theme.palette[key];
-}
-
-export {
-  SIZE_VALUES,
-  COLOR_VALUES,
-  muiSize,
-  muiColor,
-  paletteKey,
-  accentFor
-};
-//# sourceMappingURL=chunk-OZCEKQIX.js.map

package/dist/chunk-OZCEKQIX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/scales.ts"],"sourcesContent":["import type { Theme } from '@mui/material';\n\n/**\n * THE TWO VOCABULARIES EVERY COMPONENT SPEAKS.\n *\n * Before this file the package had both halves of every argument at once: 26\n * components sized themselves `xs|sm|md|lg|xl` and four used MUI's\n * `small|medium|large`; 14 coloured themselves `danger|neutral` and 15 used\n * MUI's `error`. Nothing enforced either, because most of these props were\n * spelled out as inline unions and a couple were plain `string`.\n *\n * That is not a tidiness problem. A caller learns the vocabulary from whichever\n * component they used first, and the wrong half is not rejected — it reaches MUI\n * as an unknown value and silently falls back. `Chip` shipped with `color?:\n * string` and MUI's `small|medium`, so `color=\"danger\"` rendered grey and\n * `size=\"sm\"` rendered medium; twelve live call sites were doing exactly that,\n * and every test passed because they all asserted on text.\n *\n * So the vocabulary is declared once, here, and components derive from it.\n *\n * DERIVE, DON'T COPY — AND TAKE THE WHOLE VOCABULARY. Every size prop is\n * `SizeValue` and every colour prop is `ColorValue`, with no `Extract` and no\n * `Exclude`. Handing a component a slice was tried and undone: it is the same\n * fragmentation wearing the canonical type's name, and it leaves a caller having\n * to remember which components accept `xs` and which accept `info`. Where the\n * underlying widget draws fewer steps than five, that is a rendering detail and\n * belongs at the MUI boundary below — not in the prop's type.\n *\n * A component whose size or colour is not this concept at all keeps its own type\n * — `Scrollbar`'s `thin|medium|thick` is a track width, `Sheet`'s `full` is a\n * viewport fraction, `LazyImage`'s size is pixels. Forcing those into the scale\n * would be consistency for its own sake.\n */\n\n/**\n * The house size scale.\n *\n * Abbreviated, because that is what 26 of the 30 components with a real size\n * already used and what every caller has been taught to write.\n *\n * Declared as the array and the type together so the two cannot disagree. The\n * runtime list is what Storybook `argTypes.options` and the demo grids iterate;\n * spelled by hand in each story it drifts, and it had — twelve colour lists\n * omitted `info`, so the control that documents the vocabulary offered a\n * component less than the component accepted.\n */\nexport type SizeValue = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport const SIZE_VALUES = ['xs', 'sm', 'md', 'lg', 'xl'] as const satisfies readonly SizeValue[];\n\n/**\n * The house colour vocabulary.\n *\n * `danger` and `neutral` are OURS; the rest are MUI's own names already. That\n * sentence started life in `Button.tsx`, which is the component most callers\n * meet first and therefore the one that taught the vocabulary — so it is the one\n * the rest of the package follows.\n *\n * Components that hand these to MUI translate at the boundary (`danger` →\n * `error`, `neutral` → `default` or `inherit` depending on what the underlying\n * component calls its unaccented state). The translation must be a real mapping\n * and never a cast: a cast is precisely what let `danger` through untouched and\n * had MUI fall back to grey.\n *\n * Array and type declared together, for the reason given on {@link SIZE_VALUES}.\n */\nexport type ColorValue =\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'warning'\n  | 'info'\n  | 'danger'\n  | 'neutral';\n\nexport const COLOR_VALUES = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  'neutral',\n] as const satisfies readonly ColorValue[];\n\n/* ── Array and union, pinned to each other ────────────────────────────────── */\n\n/**\n * The arrays above are written out rather than derived, because deriving the\n * union from the array (`(typeof COLOR_VALUES)[number]`) costs the alias its\n * name: TypeScript resolves the indexed access eagerly, and every error in the\n * package stops saying `not assignable to type 'ColorValue'` and starts dumping\n * seven string literals. In a package whose entire purpose is teaching this\n * vocabulary, the name in the error message is worth keeping.\n *\n * Writing both means they could disagree, so both directions are checked here.\n * `satisfies` above catches an entry that is not a member. These catch the other\n * half — a member missing from the array — which `satisfies` cannot see and\n * which is the direction that actually bit: twelve story control lists offered\n * six colours for a vocabulary of seven, so `info` was undocumented everywhere.\n *\n * A gap makes the assignment below fail, and the error names the missing member.\n */\ntype Missing<Union extends string, Listed extends string> = Exclude<Union, Listed>;\n\nconst _allSizesListed: Missing<SizeValue, (typeof SIZE_VALUES)[number]> extends never\n  ? true\n  : never = true;\n\nconst _allColorsListed: Missing<ColorValue, (typeof COLOR_VALUES)[number]> extends never\n  ? true\n  : never = true;\n\nvoid _allSizesListed;\nvoid _allColorsListed;\n\n/* ── The MUI boundary ─────────────────────────────────────────────────────── */\n\n/** What MUI calls a size. Three entries against our five. */\nexport type MuiSize = 'small' | 'medium' | 'large';\n\n/**\n * The house scale collapsed onto MUI's three.\n *\n * Five onto three loses information, and it loses it at the ends on purpose:\n * `xs`/`sm` both draw small and `lg`/`xl` both draw large, because MUI has no\n * fourth and fifth step to give them. A component that genuinely needs five\n * distinct sizes styles them itself rather than routing through here — this is\n * for the ones that just forward the prop.\n */\nexport const muiSize = (size: SizeValue): MuiSize => {\n  if (size === 'xs' || size === 'sm') return 'small';\n  return size === 'md' ? 'medium' : 'large';\n};\n\n/** What MUI calls a semantic colour on most components. */\nexport type MuiColor = 'primary' | 'secondary' | 'success' | 'warning' | 'info' | 'error';\n\n/**\n * The house vocabulary translated for MUI, with the caller naming its neutral.\n *\n * `neutral` is the awkward one: MUI spells the unaccented state `default` on a\n * chip, `inherit` on a button and an icon button, and `grey` in the palette. So\n * the caller passes the word its own MUI component uses rather than this\n * pretending there is one answer.\n *\n * A MAPPING, NEVER A CAST. The cast is what let `danger` reach MUI untouched and\n * silently fall back to grey.\n */\nexport function muiColor<N extends string>(color: ColorValue, neutralAs: N): MuiColor | N {\n  if (color === 'danger') return 'error';\n  return color === 'neutral' ? neutralAs : color;\n}\n\n/**\n * The house vocabulary as a `theme.palette` key.\n *\n * Separate from {@link muiColor} because the palette has no `default` and no\n * `inherit` — an unaccented colour there is `grey`.\n */\nexport type PaletteKey = MuiColor | 'grey';\n\nexport const paletteKey = (color: ColorValue): PaletteKey =>\n  color === 'danger' ? 'error' : color === 'neutral' ? 'grey' : color;\n\n/**\n * A `ColorValue` resolved to a four-stop accent from the theme.\n *\n * `paletteKey` is not enough on its own for anything that reads `.main`: MUI's\n * palette has no neutral `PaletteColor`, and `palette.grey` is a 50–900 ramp\n * with no `main`, `light`, `dark` or `contrastText` on it at all. So `neutral`\n * is resolved from the ramp here, once, instead of every component discovering\n * the same hole and branching around it.\n *\n * Typed against the theme structurally so this file does not drag in MUI's\n * `Theme` and become a dependency of everything that imports a token.\n */\nexport interface Accent {\n  main: string;\n  light: string;\n  dark: string;\n  contrastText: string;\n}\n\nexport function accentFor(theme: Theme, color: ColorValue): Accent {\n  if (color === 'neutral') {\n    const grey = theme.palette.grey;\n    return {\n      // Explicit fallbacks: the ramp is indexed, and under\n      // `noUncheckedIndexedAccess` every stop is `string | undefined`.\n      main: grey[600] ?? '#757575',\n      light: grey[400] ?? '#bdbdbd',\n      dark: grey[800] ?? '#424242',\n      // Grey 600 carries white text in both themes.\n      contrastText: '#fff',\n    };\n  }\n  // Past the `neutral` return, `paletteKey` can only produce a `MuiColor` — but\n  // its signature still admits `'grey'`, and TS cannot narrow a return type by\n  // the argument. Naming the key here keeps the accent branch honestly typed\n  // instead of casting the hole shut.\n  const key: MuiColor = color === 'danger' ? 'error' : color;\n  return theme.palette[key];\n}\n"],"mappings":";AAgDO,IAAM,cAAc,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;AA2BjD,IAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AA+CO,IAAM,UAAU,CAAC,SAA6B;AACnD,MAAI,SAAS,QAAQ,SAAS,KAAM,QAAO;AAC3C,SAAO,SAAS,OAAO,WAAW;AACpC;AAgBO,SAAS,SAA2B,OAAmB,WAA4B;AACxF,MAAI,UAAU,SAAU,QAAO;AAC/B,SAAO,UAAU,YAAY,YAAY;AAC3C;AAUO,IAAM,aAAa,CAAC,UACzB,UAAU,WAAW,UAAU,UAAU,YAAY,SAAS;AAqBzD,SAAS,UAAU,OAAc,OAA2B;AACjE,MAAI,UAAU,WAAW;AACvB,UAAM,OAAO,MAAM,QAAQ;AAC3B,WAAO;AAAA;AAAA;AAAA,MAGL,MAAM,KAAK,GAAG,KAAK;AAAA,MACnB,OAAO,KAAK,GAAG,KAAK;AAAA,MACpB,MAAM,KAAK,GAAG,KAAK;AAAA;AAAA,MAEnB,cAAc;AAAA,IAChB;AAAA,EACF;AAKA,QAAM,MAAgB,UAAU,WAAW,UAAU;AACrD,SAAO,MAAM,QAAQ,GAAG;AAC1B;","names":[]}

package/dist/chunk-P6UO57RW.js

@@ -1,173 +0,0 @@
-import {
-  dimmedStyles,
-  regionAttrs,
-  transitionSettings,
-  triggerStyles
-} from "./chunk-DDH5E2IC.js";
-
-// src/components/layout/Collapsible/Collapsible.tsx
-import { Box, Collapse, useTheme } from "@mui/material";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var useMeasuredHeight = (open, maxHeight, children) => {
-  const contentRef = useRef(null);
-  const [height, setHeight] = useState("auto");
-  const measureHeight = useCallback(() => {
-    if (contentRef.current) {
-      const scrollHeight = contentRef.current.scrollHeight;
-      setHeight(maxHeight ? Math.min(scrollHeight, maxHeight) : scrollHeight);
-    }
-  }, [maxHeight]);
-  useEffect(() => {
-    if (!open) {
-      setHeight(0);
-    } else if (contentRef.current) {
-      measureHeight();
-    }
-  }, [open, measureHeight, children]);
-  return { contentRef, height };
-};
-var DefaultCollapsible = ({
-  children,
-  open,
-  duration,
-  disabled,
-  keepMounted,
-  maxHeight,
-  sx,
-  className,
-  dataTestId,
-  transition: _transition,
-  easing: _easing,
-  ...otherProps
-}) => /* @__PURE__ */ jsx(
-  Collapse,
-  {
-    in: open && !disabled,
-    timeout: disabled ? 0 : duration,
-    sx: {
-      ...dimmedStyles(disabled),
-      ...maxHeight && { maxHeight, overflow: "hidden" },
-      ...sx
-    },
-    className,
-    unmountOnExit: !keepMounted,
-    ...regionAttrs({ open, disabled, dataTestId }),
-    ...otherProps,
-    children: /* @__PURE__ */ jsx(Box, { children })
-  }
-);
-var AnimatedCollapsible = ({
-  children,
-  open,
-  disabled,
-  keepMounted,
-  maxHeight,
-  transition,
-  sx,
-  className,
-  dataTestId,
-  duration: _duration,
-  easing: _easing,
-  ...otherProps
-}) => {
-  const { contentRef, height } = useMeasuredHeight(open, maxHeight, children);
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "div",
-      sx: {
-        overflow: "hidden",
-        height: open && !disabled ? height : 0,
-        transition: disabled ? "none" : `height ${transition.duration}ms ${transition.easing}`,
-        willChange: disabled ? "auto" : "height",
-        ...dimmedStyles(disabled),
-        ...sx
-      },
-      className,
-      ...regionAttrs({ open, disabled, dataTestId }),
-      ...otherProps,
-      children: /* @__PURE__ */ jsx(Box, { ref: contentRef, children: (keepMounted || open && !disabled) && children })
-    }
-  );
-};
-var Collapsible = ({
-  variant = "default",
-  duration = 300,
-  easing,
-  onToggle,
-  disabled = false,
-  keepMounted = false,
-  ...rest
-}) => {
-  const theme = useTheme();
-  const { open } = rest;
-  useEffect(() => {
-    if (onToggle && !disabled) {
-      onToggle(open);
-    }
-  }, [open, onToggle, disabled]);
-  const variantProps = {
-    ...rest,
-    duration,
-    easing,
-    disabled,
-    keepMounted,
-    transition: transitionSettings(theme, variant, duration, easing)
-  };
-  return variant === "default" ? /* @__PURE__ */ jsx(DefaultCollapsible, { ...variantProps }) : /* @__PURE__ */ jsx(AnimatedCollapsible, { ...variantProps });
-};
-var CollapsibleTrigger = ({
-  children,
-  onClick,
-  disabled = false,
-  expanded = false,
-  className,
-  dataTestId,
-  ...otherProps
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "button",
-      onClick: disabled ? void 0 : onClick,
-      disabled,
-      className,
-      "data-testid": dataTestId,
-      "aria-expanded": expanded,
-      "aria-disabled": disabled,
-      role: "button",
-      tabIndex: disabled ? -1 : 0,
-      "data-state": expanded ? "open" : "closed",
-      sx: triggerStyles(theme, { disabled, expanded }),
-      ...otherProps,
-      children
-    }
-  );
-};
-var CollapsibleContent = ({
-  children,
-  className,
-  ...otherProps
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      className,
-      sx: {
-        padding: theme.spacing(2)
-      },
-      ...otherProps,
-      children
-    }
-  );
-};
-
-export {
-  Collapsible,
-  CollapsibleTrigger,
-  CollapsibleContent
-};
-//# sourceMappingURL=chunk-P6UO57RW.js.map