@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-D3IXNCEU.js

@@ -1,167 +0,0 @@
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/navigation/AppHeader/AppHeader.tsx
-import Box from "@mui/material/Box/index.js";
-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-D3IXNCEU.js.map

package/dist/chunk-D3IXNCEU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/AppHeader/AppHeader.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\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-D6RKXNLE.js

@@ -1,41 +0,0 @@
-import {
-  useFormContext
-} from "./chunk-4XK6JQ4D.js";
-import {
-  ToggleGroup
-} from "./chunk-7QLHYUDW.js";
-import {
-  FormControl,
-  FormLabel,
-  FormMessage
-} from "./chunk-IPPTOL53.js";
-
-// src/components/form/total-form/Fields/ToggleField.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function ToggleField({ name, options, label }) {
-  const { values, errors, setFieldValue } = useFormContext();
-  const error = errors[name];
-  const testId = `total-form-field-${name}`;
-  return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { htmlFor: name, error: Boolean(error), children: label }),
-    /* @__PURE__ */ jsx(
-      ToggleGroup,
-      {
-        variant: "exclusive",
-        options,
-        value: values[name] ?? "",
-        fullWidth: true,
-        dataTestId: testId,
-        onChange: (_event, next) => {
-          if (typeof next === "string") setFieldValue(name, next);
-        }
-      }
-    ),
-    error && /* @__PURE__ */ jsx(FormMessage, { error: true, dataTestId: `${testId}-message`, children: error })
-  ] });
-}
-
-export {
-  ToggleField
-};
-//# sourceMappingURL=chunk-D6RKXNLE.js.map

package/dist/chunk-DBCITC4P.js

@@ -1,127 +0,0 @@
-import {
-  panelSx
-} from "./chunk-GN5EZPSL.js";
-import {
-  useSheetDrag,
-  useSheetOpen
-} from "./chunk-OLZTGVBT.js";
-import {
-  SheetBody
-} from "./chunk-5VWYCVXF.js";
-import {
-  SheetOverlay
-} from "./chunk-MISZGWO7.js";
-import {
-  DEFAULT_DRAG_RESISTANCE,
-  DEFAULT_VELOCITY_THRESHOLD,
-  SPRING_CONFIG
-} from "./chunk-F52N6ACD.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/data-display/Sheet/Sheet.tsx
-import Drawer from "@mui/material/Drawer/index.js";
-import SwipeableDrawer from "@mui/material/SwipeableDrawer/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULTS = {
-  open: false,
-  position: "bottom",
-  variant: "default",
-  size: "md",
-  color: "primary",
-  glow: false,
-  pulse: false,
-  glass: false,
-  gradient: false,
-  loading: false,
-  disabled: false,
-  showOverlay: true,
-  closeOnOverlayClick: true,
-  closeOnEscape: true,
-  showCloseButton: true,
-  showHandle: true,
-  swipeable: true,
-  snapPoints: [0.25, 0.5, 0.75, 1],
-  defaultSnapPoint: 0.5,
-  minSnapPoint: 0,
-  maxSnapPoint: 1,
-  velocityThreshold: DEFAULT_VELOCITY_THRESHOLD,
-  dragResistance: DEFAULT_DRAG_RESISTANCE,
-  animationConfig: SPRING_CONFIG,
-  persistent: false,
-  fullHeight: false,
-  rounded: true,
-  elevation: 16,
-  dataTestId: "sheet"
-};
-var NoBackdrop = React.forwardRef(
-  (_props, _ref) => null
-);
-NoBackdrop.displayName = "NoBackdrop";
-var orientationOf = ({ position, variant }) => {
-  const isBottomSheet = position === "bottom";
-  const isTopSheet = position === "top";
-  return {
-    isBottomSheet,
-    isTopSheet,
-    isVerticalSheet: isBottomSheet || isTopSheet,
-    isDraggableVariant: variant === "draggable"
-  };
-};
-var Sheet = (props) => {
-  const resolved = withDefaults(props, DEFAULTS);
-  const { position, variant, showOverlay, swipeable, className, dataTestId } = resolved;
-  const theme = useTheme();
-  const orientation = orientationOf(resolved);
-  const testId = resolved["data-testid"] || dataTestId;
-  const { sheetRef, currentHeight, isDragging, isAnimating, handleDragStart, resetToDefaultSnapPoint } = useSheetDrag({ ...resolved, ...orientation });
-  const { isOpen, handleClose, handleOverlayClick, handleSwipeOpen } = useSheetOpen({
-    ...resolved,
-    ...orientation,
-    resetToDefaultSnapPoint
-  });
-  const drawerProps = {
-    anchor: position,
-    open: isOpen,
-    className,
-    onClose: handleClose,
-    PaperProps: {
-      ref: sheetRef,
-      sx: panelSx({ ...resolved, ...orientation, theme, currentHeight, isDragging, isAnimating })
-    },
-    ModalProps: { keepMounted: true, BackdropComponent: NoBackdrop }
-  };
-  const body = /* @__PURE__ */ jsx(
-    SheetBody,
-    {
-      ...resolved,
-      ...orientation,
-      testId,
-      isDragging,
-      onClose: handleClose,
-      onDragStart: handleDragStart
-    }
-  );
-  const isSwipeable = swipeable && !orientation.isDraggableVariant;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    showOverlay && isOpen && /* @__PURE__ */ jsx(SheetOverlay, { open: isOpen, onClick: handleOverlayClick, blur: variant === "glass" }),
-    isSwipeable ? /* @__PURE__ */ jsx(
-      SwipeableDrawer,
-      {
-        ...drawerProps,
-        onOpen: handleSwipeOpen,
-        disableSwipeToOpen: false,
-        swipeAreaWidth: 20,
-        children: body
-      }
-    ) : /* @__PURE__ */ jsx(Drawer, { ...drawerProps, children: body })
-  ] });
-};
-
-export {
-  Sheet
-};
-//# sourceMappingURL=chunk-DBCITC4P.js.map

package/dist/chunk-DELT2W42.js

@@ -1,41 +0,0 @@
-import {
-  MapPreview
-} from "./chunk-VU4BANG7.js";
-
-// src/components/data-display/FleetMap/FleetCanvas.tsx
-import Box from "@mui/material/Box/index.js";
-import { jsx } from "react/jsx-runtime";
-function FleetCanvas({
-  copy,
-  centre,
-  markers,
-  height,
-  testId
-}) {
-  if (!centre) return null;
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      role: "region",
-      "aria-label": copy.mapLabel,
-      "data-testid": `${testId}-canvas`,
-      sx: { flexGrow: 1, minWidth: 0 },
-      children: /* @__PURE__ */ jsx(
-        MapPreview,
-        {
-          copy: copy.map,
-          center: centre,
-          markers,
-          height,
-          interactive: true,
-          showControls: true
-        }
-      )
-    }
-  );
-}
-
-export {
-  FleetCanvas
-};
-//# sourceMappingURL=chunk-DELT2W42.js.map

package/dist/chunk-DJ2KYLHE.js

@@ -1,61 +0,0 @@
-import {
-  accentFor
-} from "./chunk-TCAQOUIB.js";
-
-// src/components/form/Command/Command.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var SIZE_MAP = {
-  xs: { width: 400, fontSize: "0.75rem" },
-  sm: { width: 450, fontSize: "0.875rem" },
-  md: { width: 500, fontSize: "1rem" },
-  lg: { width: 550, fontSize: "1.125rem" },
-  xl: { width: 600, fontSize: "1.25rem" }
-};
-var commandSizeStyles = (size) => SIZE_MAP[size] || SIZE_MAP.md;
-var emphasisStyles = (theme, color, glow, pulse) => ({
-  ...glow && {
-    boxShadow: `0 0 20px ${alpha(accentFor(theme, color).main, 0.4)}`
-  },
-  ...pulse && {
-    animation: "pulse 2s infinite",
-    "@keyframes pulse": {
-      "0%": { boxShadow: `0 0 0 0 ${alpha(accentFor(theme, color).main, 0.4)}` },
-      "70%": { boxShadow: `0 0 0 10px ${alpha(accentFor(theme, color).main, 0)}` },
-      "100%": { boxShadow: `0 0 0 0 ${alpha(accentFor(theme, color).main, 0)}` }
-    }
-  }
-});
-var surfaceStyles = (theme, variant, color) => {
-  switch (variant) {
-    case "glass":
-      return {
-        backgroundColor: alpha(theme.palette.background.paper, 0.1),
-        backdropFilter: "blur(20px)",
-        border: `1px solid ${alpha(accentFor(theme, color).main, 0.2)}`
-      };
-    case "gradient":
-      return {
-        background: `linear-gradient(135deg, ${accentFor(theme, color).main}, ${accentFor(theme, color).dark})`,
-        color: accentFor(theme, color).contrastText
-      };
-    case "elevated":
-      return { boxShadow: theme.shadows[8] };
-    case "minimal":
-      return { border: "none", boxShadow: "none" };
-    default:
-      return {};
-  }
-};
-var commandPaperStyles = (theme, { variant, color, glow, pulse }) => ({
-  transition: theme.transitions.create(["all"], {
-    duration: theme.transitions.duration.standard
-  }),
-  ...emphasisStyles(theme, color, glow, pulse),
-  ...surfaceStyles(theme, variant, color)
-});
-
-export {
-  commandSizeStyles,
-  commandPaperStyles
-};
-//# sourceMappingURL=chunk-DJ2KYLHE.js.map

package/dist/chunk-DJ2KYLHE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Command/Command.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport type { CommandProps } from './Command.types';\nimport { accentFor } from '../../../tokens/scales';\n\ntype CommandVariant = NonNullable<CommandProps['variant']>;\ntype CommandColor = NonNullable<CommandProps['color']>;\ntype CommandSize = NonNullable<CommandProps['size']>;\n\nconst SIZE_MAP: Record<CommandSize, { width: number; fontSize: string }> = {\n  xs: { width: 400, fontSize: '0.75rem' },\n  sm: { width: 450, fontSize: '0.875rem' },\n  md: { width: 500, fontSize: '1rem' },\n  lg: { width: 550, fontSize: '1.125rem' },\n  xl: { width: 600, fontSize: '1.25rem' },\n};\n\nexport const commandSizeStyles = (size: CommandSize) => SIZE_MAP[size] || SIZE_MAP.md;\n\nconst emphasisStyles = (\n  theme: Theme,\n  color: CommandColor,\n  glow: boolean,\n  pulse: boolean,\n): CSSObject => ({\n  ...(glow && {\n    boxShadow: `0 0 20px ${alpha(accentFor(theme, color).main, 0.4)}`,\n  }),\n  ...(pulse && {\n    animation: 'pulse 2s infinite',\n    '@keyframes pulse': {\n      '0%': { boxShadow: `0 0 0 0 ${alpha(accentFor(theme, color).main, 0.4)}` },\n      '70%': { boxShadow: `0 0 0 10px ${alpha(accentFor(theme, color).main, 0)}` },\n      '100%': { boxShadow: `0 0 0 0 ${alpha(accentFor(theme, color).main, 0)}` },\n    },\n  }),\n});\n\nconst surfaceStyles = (\n  theme: Theme,\n  variant: CommandVariant,\n  color: CommandColor,\n): CSSObject => {\n  switch (variant) {\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(accentFor(theme, color).main, 0.2)}`,\n      };\n    case 'gradient':\n      return {\n        background: `linear-gradient(135deg, ${accentFor(theme, color).main}, ${accentFor(theme, color).dark})`,\n        color: accentFor(theme, color).contrastText,\n      };\n    case 'elevated':\n      return { boxShadow: theme.shadows[8] };\n    case 'minimal':\n      return { border: 'none', boxShadow: 'none' };\n    default:\n      return {};\n  }\n};\n\n/**\n * Every variant shares the same transition and the same optional glow/pulse; only\n * the surface — background, border, shadow — differs.\n */\nexport const commandPaperStyles = (\n  theme: Theme,\n  { variant, color, glow, pulse }: {\n    variant: CommandVariant;\n    color: CommandColor;\n    glow: boolean;\n    pulse: boolean;\n  },\n): CSSObject => ({\n  transition: theme.transitions.create(['all'], {\n    duration: theme.transitions.duration.standard,\n  }),\n  ...emphasisStyles(theme, color, glow, pulse),\n  ...surfaceStyles(theme, variant, color),\n});\n"],"mappings":";;;;;AAAA,SAAS,aAAa;AAUtB,IAAM,WAAqE;AAAA,EACzE,IAAI,EAAE,OAAO,KAAK,UAAU,UAAU;AAAA,EACtC,IAAI,EAAE,OAAO,KAAK,UAAU,WAAW;AAAA,EACvC,IAAI,EAAE,OAAO,KAAK,UAAU,OAAO;AAAA,EACnC,IAAI,EAAE,OAAO,KAAK,UAAU,WAAW;AAAA,EACvC,IAAI,EAAE,OAAO,KAAK,UAAU,UAAU;AACxC;AAEO,IAAM,oBAAoB,CAAC,SAAsB,SAAS,IAAI,KAAK,SAAS;AAEnF,IAAM,iBAAiB,CACrB,OACA,OACA,MACA,WACe;AAAA,EACf,GAAI,QAAQ;AAAA,IACV,WAAW,YAAY,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC;AAAA,EACjE;AAAA,EACA,GAAI,SAAS;AAAA,IACX,WAAW;AAAA,IACX,oBAAoB;AAAA,MAClB,MAAM,EAAE,WAAW,WAAW,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC,GAAG;AAAA,MACzE,OAAO,EAAE,WAAW,cAAc,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,GAAG;AAAA,MAC3E,QAAQ,EAAE,WAAW,WAAW,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,GAAG;AAAA,IAC3E;AAAA,EACF;AACF;AAEA,IAAM,gBAAgB,CACpB,OACA,SACA,UACc;AACd,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,QAC1D,gBAAgB;AAAA,QAChB,QAAQ,aAAa,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC;AAAA,MAC/D;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,YAAY,2BAA2B,UAAU,OAAO,KAAK,EAAE,IAAI,KAAK,UAAU,OAAO,KAAK,EAAE,IAAI;AAAA,QACpG,OAAO,UAAU,OAAO,KAAK,EAAE;AAAA,MACjC;AAAA,IACF,KAAK;AACH,aAAO,EAAE,WAAW,MAAM,QAAQ,CAAC,EAAE;AAAA,IACvC,KAAK;AACH,aAAO,EAAE,QAAQ,QAAQ,WAAW,OAAO;AAAA,IAC7C;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAMO,IAAM,qBAAqB,CAChC,OACA,EAAE,SAAS,OAAO,MAAM,MAAM,OAMf;AAAA,EACf,YAAY,MAAM,YAAY,OAAO,CAAC,KAAK,GAAG;AAAA,IAC5C,UAAU,MAAM,YAAY,SAAS;AAAA,EACvC,CAAC;AAAA,EACD,GAAG,eAAe,OAAO,OAAO,MAAM,KAAK;AAAA,EAC3C,GAAG,cAAc,OAAO,SAAS,KAAK;AACxC;","names":[]}

package/dist/chunk-DJEGLKW3.js

@@ -1,109 +0,0 @@
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-
-// src/components/data-display/CardKit/list-card-parts.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function DetailColumns({ left, right }) {
-  return /* @__PURE__ */ jsxs(default2, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", md: "1fr 1fr" }, gap: 3 }, children: [
-    /* @__PURE__ */ jsx(default2, { sx: { minWidth: 0 }, children: left }),
-    /* @__PURE__ */ jsx(default2, { sx: { minWidth: 0 }, children: right })
-  ] });
-}
-function Fact({ label, value }) {
-  return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", justifyContent: "space-between", gap: 2, fontSize: 13, py: 0.25 }, children: [
-    /* @__PURE__ */ jsx(default2, { component: "span", sx: { color: "text.secondary", flexShrink: 0 }, children: label }),
-    /* @__PURE__ */ jsx(default2, { component: "span", sx: { minWidth: 0, textAlign: "right", overflowWrap: "anywhere" }, children: value })
-  ] });
-}
-function Ledger({
-  lines,
-  total
-}) {
-  return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", flexDirection: "column", gap: 0.25 }, children: [
-    lines.map((line) => /* @__PURE__ */ jsxs(
-      default2,
-      {
-        sx: {
-          display: "flex",
-          justifyContent: "space-between",
-          fontSize: 13,
-          color: line.tone === "info" ? "info.main" : "text.secondary"
-        },
-        children: [
-          /* @__PURE__ */ jsx(default2, { component: "span", children: line.label }),
-          /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontVariantNumeric: "tabular-nums" }, children: line.value })
-        ]
-      },
-      line.label
-    )),
-    /* @__PURE__ */ jsxs(
-      default2,
-      {
-        sx: {
-          display: "flex",
-          justifyContent: "space-between",
-          fontWeight: 700,
-          borderTop: 1,
-          borderColor: "divider",
-          pt: 0.5,
-          mt: 0.5
-        },
-        children: [
-          /* @__PURE__ */ jsx(default2, { component: "span", children: total.label }),
-          /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontVariantNumeric: "tabular-nums" }, children: total.value })
-        ]
-      }
-    )
-  ] });
-}
-function BodyHeading({ children }) {
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: {
-        fontSize: 11,
-        fontWeight: 700,
-        letterSpacing: 0.4,
-        textTransform: "uppercase",
-        color: "text.disabled",
-        mb: 0.5
-      },
-      children
-    }
-  );
-}
-function TagList({
-  items,
-  empty
-}) {
-  if (items.length === 0) {
-    return /* @__PURE__ */ jsx(default2, { sx: { fontSize: 13, color: "text.disabled" }, children: empty });
-  }
-  return /* @__PURE__ */ jsx(default2, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5 }, children: items.map((item) => /* @__PURE__ */ jsx(
-    default2,
-    {
-      component: "span",
-      sx: {
-        fontSize: 12,
-        px: 0.75,
-        py: 0.25,
-        borderRadius: 1,
-        bgcolor: "action.hover",
-        color: "text.secondary",
-        fontFamily: "monospace"
-      },
-      children: item
-    },
-    item
-  )) });
-}
-
-export {
-  DetailColumns,
-  Fact,
-  Ledger,
-  BodyHeading,
-  TagList
-};
-//# sourceMappingURL=chunk-DJEGLKW3.js.map

package/dist/chunk-DJEGLKW3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/CardKit/list-card-parts.tsx"],"sourcesContent":["'use client';\n\nimport type { JSX, ReactNode } from 'react';\n\nimport { Box } from '../../../mui/Box';\n\nimport type { CardFactProps, CardLedgerLine } from './CardKit.types';\n\n/**\n * THE SHARED FURNITURE OF AN EXPANDED LIST-CARD BODY.\n *\n * `BaseListCard` says nothing about what goes inside a row's expanded area — it\n * spans the rails and stops, because the design belongs to the consumer. Right\n * for the card; wrong as the place where every entity in an admin app invents\n * its own two-column layout, its own label/value pair and its own ledger.\n *\n * So the four shapes that actually repeat live here, once. Nothing here knows a\n * domain: they take `ReactNode` and lay it out.\n */\n\n/** The expanded body's two-column split: detail on the left, a ledger right. */\nexport function DetailColumns({ left, right }: { left: ReactNode; right: ReactNode }): JSX.Element {\n  return (\n    <Box sx={{ display: 'grid', gridTemplateColumns: { xs: '1fr', md: '1fr 1fr' }, gap: 3 }}>\n      <Box sx={{ minWidth: 0 }}>{left}</Box>\n      <Box sx={{ minWidth: 0 }}>{right}</Box>\n    </Box>\n  );\n}\n\n/**\n * One labelled fact inside an expanded body.\n *\n * Horizontal, not stacked: the body is already a wide area with room for a\n * label beside its value, and stacking them there would ape the summary rails\n * above without their alignment.\n */\nexport function Fact({ label, value }: CardFactProps): JSX.Element {\n  return (\n    <Box sx={{ display: 'flex', justifyContent: 'space-between', gap: 2, fontSize: 13, py: 0.25 }}>\n      <Box component=\"span\" sx={{ color: 'text.secondary', flexShrink: 0 }}>\n        {label}\n      </Box>\n      <Box component=\"span\" sx={{ minWidth: 0, textAlign: 'right', overflowWrap: 'anywhere' }}>\n        {value}\n      </Box>\n    </Box>\n  );\n}\n\n/**\n * A money ledger: rows of label/amount, then a ruled total.\n *\n * The total is separated by a RULE rather than by weight alone, because a\n * subtotal and a total in one column with only bold between them is the classic\n * misread — the eye lands on whichever number is larger.\n *\n * The figures arrive pre-formatted. This is a layout, and a component that\n * formatted money would be choosing a locale on the consumer's behalf.\n */\nexport function Ledger({\n  lines,\n  total,\n}: {\n  lines: CardLedgerLine[];\n  total: { label: string; value: ReactNode };\n}): JSX.Element {\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.25 }}>\n      {lines.map((line) => (\n        <Box\n          key={line.label}\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            fontSize: 13,\n            color: line.tone === 'info' ? 'info.main' : 'text.secondary',\n          }}\n        >\n          <Box component=\"span\">{line.label}</Box>\n          <Box component=\"span\" sx={{ fontVariantNumeric: 'tabular-nums' }}>\n            {line.value}\n          </Box>\n        </Box>\n      ))}\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          fontWeight: 700,\n          borderTop: 1,\n          borderColor: 'divider',\n          pt: 0.5,\n          mt: 0.5,\n        }}\n      >\n        <Box component=\"span\">{total.label}</Box>\n        <Box component=\"span\" sx={{ fontVariantNumeric: 'tabular-nums' }}>\n          {total.value}\n        </Box>\n      </Box>\n    </Box>\n  );\n}\n\n/** A heading inside the expanded body, for a section that needs naming. */\nexport function BodyHeading({ children }: { children: ReactNode }): JSX.Element {\n  return (\n    <Box\n      sx={{\n        fontSize: 11,\n        fontWeight: 700,\n        letterSpacing: 0.4,\n        textTransform: 'uppercase',\n        color: 'text.disabled',\n        mb: 0.5,\n      }}\n    >\n      {children}\n    </Box>\n  );\n}\n\n/**\n * A wrapping run of small items — permission names, role names, target ids.\n *\n * The whole reason several entities earn a list card at all: a `string[]` has no\n * honest table cell. Truncated to \"3 items\" it says nothing; printed in full it\n * destroys the column. Here it simply wraps.\n */\nexport function TagList({\n  items,\n  empty,\n}: {\n  items: readonly string[];\n  /** What to show for an empty run — the consumer's sentence, no default. */\n  empty: string;\n}): JSX.Element {\n  if (items.length === 0) {\n    return <Box sx={{ fontSize: 13, color: 'text.disabled' }}>{empty}</Box>;\n  }\n  return (\n    <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>\n      {items.map((item) => (\n        <Box\n          key={item}\n          component=\"span\"\n          sx={{\n            fontSize: 12,\n            px: 0.75,\n            py: 0.25,\n            borderRadius: 1,\n            bgcolor: 'action.hover',\n            color: 'text.secondary',\n            fontFamily: 'monospace',\n          }}\n        >\n          {item}\n        </Box>\n      ))}\n    </Box>\n  );\n}\n"],"mappings":"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","names":["default"]}