@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-AFYFD2I4.js

@@ -0,0 +1,146 @@
+import {
+  accentFor
+} from "./chunk-OZCEKQIX.js";
+
+// src/components/form/Label/Label.styles.ts
+import { alpha } from "@mui/material";
+var SIZES = {
+  xs: (theme) => ({ fontSize: "0.75rem", lineHeight: 1.2, padding: theme.spacing(0.25, 0.5) }),
+  sm: (theme) => ({ fontSize: "0.875rem", lineHeight: 1.3, padding: theme.spacing(0.5, 0.75) }),
+  md: (theme) => ({ fontSize: "1rem", lineHeight: 1.5, padding: theme.spacing(0.75, 1) }),
+  lg: (theme) => ({ fontSize: "1.125rem", lineHeight: 1.6, padding: theme.spacing(1, 1.25) }),
+  xl: (theme) => ({ fontSize: "1.25rem", lineHeight: 1.7, padding: theme.spacing(1.25, 1.5) })
+};
+var sizeStyles = (theme, size) => (SIZES[size] ?? SIZES.md)(theme);
+var WEIGHTS = {
+  light: 300,
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700
+};
+var fontWeight = (weight) => WEIGHTS[weight] ?? WEIGHTS.regular;
+var textColor = (theme, flags) => {
+  if (flags.error) return theme.palette.error.main;
+  if (flags.disabled) return theme.palette.text.disabled;
+  if (flags.color === "neutral") return theme.palette.text.primary;
+  return accentFor(theme, flags.color).main;
+};
+var rippleStyles = (theme) => ({
+  overflow: "hidden",
+  "&::after": {
+    content: '""',
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    width: 0,
+    height: 0,
+    borderRadius: "50%",
+    backgroundColor: alpha(theme.palette.primary.main, 0.3),
+    transform: "translate(-50%, -50%)",
+    transition: "width 0.6s, height 0.6s"
+  },
+  "&:active::after": { width: "300%", height: "300%" }
+});
+var SURFACES = {
+  filled: ({ theme, flags, accent }) => ({
+    backgroundColor: alpha(accent, 0.1),
+    borderRadius: theme.spacing(0.5),
+    "&:hover": flags.clickable ? { backgroundColor: alpha(accent, 0.15) } : {}
+  }),
+  outlined: ({ theme, flags, accent }) => ({
+    border: `1px solid ${alpha(accent, 0.5)}`,
+    borderRadius: theme.spacing(0.5),
+    "&:hover": flags.clickable ? { borderColor: accent, backgroundColor: alpha(accent, 0.05) } : {}
+  }),
+  glass: ({ theme, flags }) => ({
+    backgroundColor: alpha(theme.palette.background.paper, 0.1),
+    backdropFilter: "blur(10px)",
+    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+    borderRadius: theme.spacing(0.5),
+    "&:hover": flags.clickable ? {
+      backgroundColor: alpha(theme.palette.background.paper, 0.15),
+      borderColor: alpha(theme.palette.primary.main, 0.3)
+    } : {}
+  }),
+  gradient: ({ theme, flags }) => {
+    const accent = accentFor(theme, flags.color === "neutral" ? "primary" : flags.color);
+    const clip = {
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      backgroundClip: "text"
+    };
+    return {
+      background: `linear-gradient(135deg, ${accent.light}, ${accent.main})`,
+      ...clip,
+      "&:hover": flags.clickable ? {
+        background: `linear-gradient(135deg, ${accent.main}, ${accent.dark})`,
+        ...clip
+      } : {}
+    };
+  },
+  minimal: ({ theme, flags }) => ({
+    padding: 0,
+    "&:hover": flags.clickable ? { color: theme.palette.primary.main } : {}
+  }),
+  default: () => ({})
+};
+var textLayout = (theme, flags) => {
+  const { srOnly, clickable, align, weight, transform, nowrap, truncate } = flags;
+  return {
+    display: srOnly ? "none" : "inline-flex",
+    alignItems: "center",
+    gap: theme.spacing(0.5),
+    transition: theme.transitions.create(["all"], {
+      duration: theme.transitions.duration.standard
+    }),
+    cursor: clickable ? "pointer" : "default",
+    textAlign: align,
+    fontWeight: fontWeight(weight),
+    textTransform: transform,
+    whiteSpace: nowrap ? "nowrap" : "normal",
+    overflow: truncate ? "hidden" : "visible",
+    textOverflow: truncate ? "ellipsis" : "clip",
+    position: "relative"
+  };
+};
+var labelStyles = (theme, flags) => {
+  const { variant, size, clickable } = flags;
+  const color = textColor(theme, flags);
+  const accent = color || theme.palette.primary.main;
+  return {
+    ...textLayout(theme, flags),
+    ...sizeStyles(theme, size),
+    color,
+    ...flags.glow && { textShadow: `0 0 10px ${alpha(accent, 0.5)}` },
+    ...flags.pulse && {
+      animation: "pulse 2s infinite",
+      "@keyframes pulse": {
+        "0%": { opacity: 1 },
+        "50%": { opacity: 0.6 },
+        "100%": { opacity: 1 }
+      }
+    },
+    ...flags.ripple && clickable && rippleStyles(theme),
+    ...(SURFACES[variant] ?? SURFACES.default)({ theme, flags, accent })
+  };
+};
+var SR_ONLY_SX = {
+  position: "absolute",
+  width: "1px",
+  height: "1px",
+  padding: 0,
+  margin: "-1px",
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  border: 0
+};
+
+export {
+  sizeStyles,
+  textColor,
+  labelStyles,
+  SR_ONLY_SX
+};
+//# sourceMappingURL=chunk-AFYFD2I4.js.map

package/dist/chunk-AFYFD2I4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Label/Label.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport type { LabelProps } from './Label.types';\nimport { accentFor} from '../../../tokens/scales';\n\ntype Size = NonNullable<LabelProps['size']>;\ntype Variant = NonNullable<LabelProps['variant']>;\ntype Weight = NonNullable<LabelProps['weight']>;\n\nconst SIZES: Record<Size, (theme: Theme) => CSSObject> = {\n  xs: (theme) => ({ fontSize: '0.75rem', lineHeight: 1.2, padding: theme.spacing(0.25, 0.5) }),\n  sm: (theme) => ({ fontSize: '0.875rem', lineHeight: 1.3, padding: theme.spacing(0.5, 0.75) }),\n  md: (theme) => ({ fontSize: '1rem', lineHeight: 1.5, padding: theme.spacing(0.75, 1) }),\n  lg: (theme) => ({ fontSize: '1.125rem', lineHeight: 1.6, padding: theme.spacing(1, 1.25) }),\n  xl: (theme) => ({ fontSize: '1.25rem', lineHeight: 1.7, padding: theme.spacing(1.25, 1.5) }),\n};\n\nexport const sizeStyles = (theme: Theme, size: Size): CSSObject => (SIZES[size] ?? SIZES.md)(theme);\n\nconst WEIGHTS: Record<Weight, number> = {\n  light: 300,\n  regular: 400,\n  medium: 500,\n  semibold: 600,\n  bold: 700,\n};\n\nconst fontWeight = (weight: Weight) => WEIGHTS[weight] ?? WEIGHTS.regular;\n\nexport interface LabelStyleFlags {\n  variant: Variant;\n  size: Size;\n  color: NonNullable<LabelProps['color']>;\n  weight: Weight;\n  transform: NonNullable<LabelProps['transform']>;\n  align: NonNullable<LabelProps['align']>;\n  error: boolean;\n  disabled: boolean;\n  glow: boolean;\n  pulse: boolean;\n  ripple: boolean;\n  srOnly: boolean;\n  nowrap: boolean;\n  truncate: boolean;\n  clickable: boolean;\n}\n\n/**\n * The text colour, which error and disabled override before the palette is\n * consulted at all. Resolved once and threaded through — the variant styles\n * read it up to four times each.\n */\nexport const textColor = (theme: Theme, flags: LabelStyleFlags): string => {\n  if (flags.error) return theme.palette.error.main;\n  if (flags.disabled) return theme.palette.text.disabled;\n  if (flags.color === 'neutral') return theme.palette.text.primary;\n  return accentFor(theme, flags.color).main;\n};\n\n/** The ripple that expands from the centre on press, for clickable labels. */\nconst rippleStyles = (theme: Theme): CSSObject => ({\n  overflow: 'hidden',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    width: 0,\n    height: 0,\n    borderRadius: '50%',\n    backgroundColor: alpha(theme.palette.primary.main, 0.3),\n    transform: 'translate(-50%, -50%)',\n    transition: 'width 0.6s, height 0.6s',\n  },\n  '&:active::after': { width: '300%', height: '300%' },\n});\n\ninterface SurfaceInput {\n  theme: Theme;\n  flags: LabelStyleFlags;\n  /** The resolved text colour, or the primary accent when it resolves to none. */\n  accent: string;\n}\n\n/**\n * Each variant's own additions. Every arm previously re-spread the same base,\n * glow, pulse and ripple objects and re-derived the colour for each use; the\n * shared prefix is applied once by `labelStyles`.\n *\n * The hover rules are only attached when the label is clickable, which is what\n * the `onClick ? {…} : {}` in every arm was saying.\n */\nconst SURFACES: Record<Variant, (input: SurfaceInput) => CSSObject> = {\n  filled: ({ theme, flags, accent }) => ({\n    backgroundColor: alpha(accent, 0.1),\n    borderRadius: theme.spacing(0.5),\n    '&:hover': flags.clickable ? { backgroundColor: alpha(accent, 0.15) } : {},\n  }),\n\n  outlined: ({ theme, flags, accent }) => ({\n    border: `1px solid ${alpha(accent, 0.5)}`,\n    borderRadius: theme.spacing(0.5),\n    '&:hover': flags.clickable\n      ? { borderColor: accent, backgroundColor: alpha(accent, 0.05) }\n      : {},\n  }),\n\n  glass: ({ theme, flags }) => ({\n    backgroundColor: alpha(theme.palette.background.paper, 0.1),\n    backdropFilter: 'blur(10px)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    borderRadius: theme.spacing(0.5),\n    '&:hover': flags.clickable\n      ? {\n          backgroundColor: alpha(theme.palette.background.paper, 0.15),\n          borderColor: alpha(theme.palette.primary.main, 0.3),\n        }\n      : {},\n  }),\n\n  gradient: ({ theme, flags }) => {\n    // `neutral` has no accent of its own in the gradient; it borrows primary,\n    // which is what this branch already did before the vocabulary was named.\n    const accent = accentFor(theme, flags.color === 'neutral' ? 'primary' : flags.color);\n    // The gradient paints the glyphs themselves rather than the box behind them.\n    const clip = {\n      WebkitBackgroundClip: 'text',\n      WebkitTextFillColor: 'transparent',\n      backgroundClip: 'text',\n    };\n\n    return {\n      background: `linear-gradient(135deg, ${accent.light}, ${accent.main})`,\n      ...clip,\n      '&:hover': flags.clickable\n        ? {\n            background: `linear-gradient(135deg, ${accent.main}, ${accent.dark})`,\n            ...clip,\n          }\n        : {},\n    };\n  },\n\n  minimal: ({ theme, flags }) => ({\n    padding: 0,\n    '&:hover': flags.clickable ? { color: theme.palette.primary.main } : {},\n  }),\n\n  default: () => ({}),\n};\n\n/** How the text sits: its alignment, weight, casing and overflow behaviour. */\nconst textLayout = (theme: Theme, flags: LabelStyleFlags): CSSObject => {\n  const { srOnly, clickable, align, weight, transform, nowrap, truncate } = flags;\n\n  return {\n    display: srOnly ? 'none' : 'inline-flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    transition: theme.transitions.create(['all'], {\n      duration: theme.transitions.duration.standard,\n    }),\n    cursor: clickable ? 'pointer' : 'default',\n    textAlign: align,\n    fontWeight: fontWeight(weight),\n    textTransform: transform,\n    whiteSpace: nowrap ? 'nowrap' : 'normal',\n    overflow: truncate ? 'hidden' : 'visible',\n    textOverflow: truncate ? 'ellipsis' : 'clip',\n    position: 'relative' as const,\n  };\n};\n\nexport const labelStyles = (theme: Theme, flags: LabelStyleFlags): CSSObject => {\n  const { variant, size, clickable } = flags;\n  const color = textColor(theme, flags);\n  const accent = color || theme.palette.primary.main;\n\n  return {\n    ...textLayout(theme, flags),\n    ...sizeStyles(theme, size),\n    color,\n    ...(flags.glow && { textShadow: `0 0 10px ${alpha(accent, 0.5)}` }),\n    ...(flags.pulse && {\n      animation: 'pulse 2s infinite',\n      '@keyframes pulse': {\n        '0%': { opacity: 1 },\n        '50%': { opacity: 0.6 },\n        '100%': { opacity: 1 },\n      },\n    }),\n    ...(flags.ripple && clickable && rippleStyles(theme)),\n    ...(SURFACES[variant] ?? SURFACES.default)({ theme, flags, accent }),\n  };\n};\n\n/** Visually hidden but still read aloud, for the `srOnly` label. */\nexport const SR_ONLY_SX: CSSObject = {\n  position: 'absolute',\n  width: '1px',\n  height: '1px',\n  padding: 0,\n  margin: '-1px',\n  overflow: 'hidden',\n  clip: 'rect(0, 0, 0, 0)',\n  whiteSpace: 'nowrap',\n  border: 0,\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-AH54NYFW.js

@@ -0,0 +1,125 @@
+import {
+  useSheetDrag,
+  useSheetOpen
+} from "./chunk-MFE3GSKU.js";
+import {
+  SheetBody
+} from "./chunk-WTR74VUV.js";
+import {
+  SheetOverlay
+} from "./chunk-EYQA66UV.js";
+import {
+  panelSx
+} from "./chunk-NY4QY5U3.js";
+import {
+  DEFAULT_DRAG_RESISTANCE,
+  DEFAULT_VELOCITY_THRESHOLD,
+  SPRING_CONFIG
+} from "./chunk-GVBSCGFZ.js";
+import {
+  withDefaults
+} from "./chunk-HPK33ACY.js";
+
+// src/components/data-display/Sheet/Sheet.tsx
+import { Drawer, SwipeableDrawer, useTheme } from "@mui/material";
+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-AH54NYFW.js.map

package/dist/chunk-AH54NYFW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.tsx"],"sourcesContent":["import { Drawer, SwipeableDrawer, useTheme } from '@mui/material';\nimport type { BackdropProps } from '@mui/material';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport {\n  DEFAULT_DRAG_RESISTANCE,\n  DEFAULT_VELOCITY_THRESHOLD,\n  SPRING_CONFIG,\n} from './Sheet.animations';\nimport { SheetBody } from './Sheet.body';\nimport { useSheetDrag, useSheetOpen } from './Sheet.hooks';\nimport { SheetOverlay } from './Sheet.parts';\nimport { panelSx } from './Sheet.styles';\nimport type { SheetProps } from './Sheet.types';\n\nexport { SheetContent, SheetFooter, SheetHeader, SheetOverlay } from './Sheet.parts';\n\nconst DEFAULTS = {\n  open: false,\n  position: 'bottom',\n  variant: 'default',\n  size: 'md',\n  color: 'primary',\n  glow: false,\n  pulse: false,\n  glass: false,\n  gradient: false,\n  loading: false,\n  disabled: false,\n  showOverlay: true,\n  closeOnOverlayClick: true,\n  closeOnEscape: true,\n  showCloseButton: true,\n  showHandle: true,\n  swipeable: true,\n  snapPoints: [0.25, 0.5, 0.75, 1],\n  defaultSnapPoint: 0.5,\n  minSnapPoint: 0,\n  maxSnapPoint: 1,\n  velocityThreshold: DEFAULT_VELOCITY_THRESHOLD,\n  dragResistance: DEFAULT_DRAG_RESISTANCE,\n  animationConfig: SPRING_CONFIG,\n  persistent: false,\n  fullHeight: false,\n  rounded: true,\n  elevation: 16,\n  dataTestId: 'sheet',\n} satisfies Partial<SheetProps>;\n\n/**\n * The props with every defaulted key now guaranteed present. Without this the\n * component would need a `?? fallback` at each use site, and each of those is a\n * branch the complexity gate counts.\n */\ntype ResolvedSheetProps = SheetProps & Required<Pick<SheetProps, keyof typeof DEFAULTS>>;\n\n/**\n * The drawer supplies its own backdrop, which would sit on top of `SheetOverlay`\n * and swallow its click. Rendering nothing in its place leaves this component's\n * overlay — the one that knows about the `glass` blur — as the only one.\n *\n * Defined at module scope: a component built inside a render is a new type on\n * every pass, which remounts the subtree it belongs to.\n */\nconst NoBackdrop = React.forwardRef<HTMLDivElement, BackdropProps>(\n  (_props, _ref) => null,\n) as React.ComponentType<BackdropProps>;\nNoBackdrop.displayName = 'NoBackdrop';\n\n/**\n * Which way the sheet is anchored. Four flags rather than four repeated\n * comparisons, and the only thing the hooks and styles need to know about\n * `position` and `variant`.\n */\nconst orientationOf = ({ position, variant }: ResolvedSheetProps) => {\n  const isBottomSheet = position === 'bottom';\n  const isTopSheet = position === 'top';\n\n  return {\n    isBottomSheet,\n    isTopSheet,\n    isVerticalSheet: isBottomSheet || isTopSheet,\n    isDraggableVariant: variant === 'draggable',\n  };\n};\n\nexport const Sheet: React.FC<SheetProps> = (props) => {\n  const resolved = withDefaults(props, DEFAULTS) as ResolvedSheetProps;\n  const { position, variant, showOverlay, swipeable, className, dataTestId } = resolved;\n\n  const theme = useTheme();\n  const orientation = orientationOf(resolved);\n\n  // Support both the dataTestId prop and a plain data-testid attribute.\n  const testId = (resolved as { 'data-testid'?: string })['data-testid'] || dataTestId;\n\n  const { sheetRef, currentHeight, isDragging, isAnimating, handleDragStart, resetToDefaultSnapPoint } =\n    useSheetDrag({ ...resolved, ...orientation });\n\n  const { isOpen, handleClose, handleOverlayClick, handleSwipeOpen } = useSheetOpen({\n    ...resolved,\n    ...orientation,\n    resetToDefaultSnapPoint,\n  });\n\n  const drawerProps = {\n    anchor: position,\n    open: isOpen,\n    className,\n    onClose: handleClose,\n    PaperProps: {\n      ref: sheetRef,\n      sx: panelSx({ ...resolved, ...orientation, theme, currentHeight, isDragging, isAnimating }),\n    },\n    ModalProps: { keepMounted: true, BackdropComponent: NoBackdrop },\n  };\n\n  const body = (\n    <SheetBody\n      {...resolved}\n      {...orientation}\n      testId={testId}\n      isDragging={isDragging}\n      onClose={handleClose}\n      onDragStart={handleDragStart}\n    />\n  );\n\n  // The draggable variant drives the panel's height itself; MUI's swipe handling\n  // would be a second thing moving it.\n  const isSwipeable = swipeable && !orientation.isDraggableVariant;\n\n  return (\n    <>\n      {showOverlay && isOpen && (\n        <SheetOverlay open={isOpen} onClick={handleOverlayClick} blur={variant === 'glass'} />\n      )}\n\n      {isSwipeable ? (\n        <SwipeableDrawer\n          {...drawerProps}\n          onOpen={handleSwipeOpen}\n          disableSwipeToOpen={false}\n          swipeAreaWidth={20}\n        >\n          {body}\n        </SwipeableDrawer>\n      ) : (\n        <Drawer {...drawerProps}>{body}</Drawer>\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,QAAQ,iBAAiB,gBAAgB;AAElD,OAAO,WAAW;AAsHd,SAeA,UAfA,KAeA,YAfA;AArGJ,IAAM,WAAW;AAAA,EACf,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY,CAAC,MAAM,KAAK,MAAM,CAAC;AAAA,EAC/B,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;AAiBA,IAAM,aAAa,MAAM;AAAA,EACvB,CAAC,QAAQ,SAAS;AACpB;AACA,WAAW,cAAc;AAOzB,IAAM,gBAAgB,CAAC,EAAE,UAAU,QAAQ,MAA0B;AACnE,QAAM,gBAAgB,aAAa;AACnC,QAAM,aAAa,aAAa;AAEhC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,iBAAiB,iBAAiB;AAAA,IAClC,oBAAoB,YAAY;AAAA,EAClC;AACF;AAEO,IAAM,QAA8B,CAAC,UAAU;AACpD,QAAM,WAAW,aAAa,OAAO,QAAQ;AAC7C,QAAM,EAAE,UAAU,SAAS,aAAa,WAAW,WAAW,WAAW,IAAI;AAE7E,QAAM,QAAQ,SAAS;AACvB,QAAM,cAAc,cAAc,QAAQ;AAG1C,QAAM,SAAU,SAAwC,aAAa,KAAK;AAE1E,QAAM,EAAE,UAAU,eAAe,YAAY,aAAa,iBAAiB,wBAAwB,IACjG,aAAa,EAAE,GAAG,UAAU,GAAG,YAAY,CAAC;AAE9C,QAAM,EAAE,QAAQ,aAAa,oBAAoB,gBAAgB,IAAI,aAAa;AAAA,IAChF,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,cAAc;AAAA,IAClB,QAAQ;AAAA,IACR,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,MACV,KAAK;AAAA,MACL,IAAI,QAAQ,EAAE,GAAG,UAAU,GAAG,aAAa,OAAO,eAAe,YAAY,YAAY,CAAC;AAAA,IAC5F;AAAA,IACA,YAAY,EAAE,aAAa,MAAM,mBAAmB,WAAW;AAAA,EACjE;AAEA,QAAM,OACJ;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,aAAa;AAAA;AAAA,EACf;AAKF,QAAM,cAAc,aAAa,CAAC,YAAY;AAE9C,SACE,iCACG;AAAA,mBAAe,UACd,oBAAC,gBAAa,MAAM,QAAQ,SAAS,oBAAoB,MAAM,YAAY,SAAS;AAAA,IAGrF,cACC;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,QAAQ;AAAA,QACR,oBAAoB;AAAA,QACpB,gBAAgB;AAAA,QAEf;AAAA;AAAA,IACH,IAEA,oBAAC,UAAQ,GAAG,aAAc,gBAAK;AAAA,KAEnC;AAEJ;","names":[]}

package/dist/chunk-AJIGT23X.js

@@ -0,0 +1,106 @@
+// src/components/data-display/Badge/Badge.variants.ts
+import { alpha } from "@mui/material";
+var BADGE_VARIANTS = {
+  default: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: colorPalette.main,
+    color: colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || "#fff",
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  dot: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: colorPalette.main,
+    width: sizeStyles.dotSize,
+    height: sizeStyles.dotSize,
+    minWidth: sizeStyles.dotSize,
+    borderRadius: "50%",
+    padding: 0
+  }),
+  count: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: colorPalette.main,
+    color: colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || "#fff",
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: "50%"
+  }),
+  gradient: (theme, colorPalette, sizeStyles) => ({
+    background: `linear-gradient(135deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`,
+    color: "#fff",
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  glass: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: alpha(colorPalette.main, 0.1),
+    backdropFilter: "blur(10px) saturate(200%)",
+    WebkitBackdropFilter: "blur(10px) saturate(200%)",
+    border: `1px solid ${alpha(colorPalette.main, 0.2)}`,
+    color: colorPalette.main,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2,
+    boxShadow: `inset 0 1px 1px ${alpha(theme.palette.common.white, 0.1)}`
+  }),
+  outline: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: "transparent",
+    border: `2px solid ${colorPalette.main}`,
+    color: colorPalette.main,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  secondary: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: alpha(colorPalette.main, 0.15),
+    color: colorPalette.main,
+    border: `1px solid ${alpha(colorPalette.main, 0.3)}`,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  destructive: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: theme.palette.error.main,
+    color: theme.palette.error.contrastText,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2,
+    fontWeight: 700
+  }),
+  success: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: theme.palette.success.main,
+    color: theme.palette.success.contrastText,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  warning: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: theme.palette.warning.main,
+    color: theme.palette.warning.contrastText,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  })
+};
+var badgeVariantStyles = (theme, colorPalette, sizeStyles, customVariant) => customVariant ? BADGE_VARIANTS[customVariant]?.(theme, colorPalette, sizeStyles) ?? {} : {};
+
+export {
+  badgeVariantStyles
+};
+//# sourceMappingURL=chunk-AJIGT23X.js.map

package/dist/chunk-AJIGT23X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Badge/Badge.variants.ts"],"sourcesContent":["import type { CSSObject, Theme } from '@mui/material';\nimport { alpha } from '@mui/material';\n\nimport type { BadgePalette, BadgeSizeStyles } from './Badge.styles';\n\nconst BADGE_VARIANTS: Record<\n  string,\n  (theme: Theme, colorPalette: BadgePalette, sizeStyles: BadgeSizeStyles) => CSSObject\n> = {\n  default: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: colorPalette.main,\n        color:\n          colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || '#fff',\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  dot: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: colorPalette.main,\n        width: sizeStyles.dotSize,\n        height: sizeStyles.dotSize,\n        minWidth: sizeStyles.dotSize,\n        borderRadius: '50%',\n        padding: 0 }),\n  count: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: colorPalette.main,\n        color:\n          colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || '#fff',\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: '50%' }),\n  gradient: (theme, colorPalette, sizeStyles) => ({\n        background: `linear-gradient(135deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`,\n        color: '#fff',\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  glass: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: alpha(colorPalette.main, 0.1),\n        backdropFilter: 'blur(10px) saturate(200%)',\n        WebkitBackdropFilter: 'blur(10px) saturate(200%)',\n        border: `1px solid ${alpha(colorPalette.main, 0.2)}`,\n        color: colorPalette.main,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2,\n        boxShadow: `inset 0 1px 1px ${alpha(theme.palette.common.white, 0.1)}` }),\n  outline: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: 'transparent',\n        border: `2px solid ${colorPalette.main}`,\n        color: colorPalette.main,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  secondary: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: alpha(colorPalette.main, 0.15),\n        color: colorPalette.main,\n        border: `1px solid ${alpha(colorPalette.main, 0.3)}`,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  destructive: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: theme.palette.error.main,\n        color: theme.palette.error.contrastText,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2,\n        fontWeight: 700 }),\n  success: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: theme.palette.success.main,\n        color: theme.palette.success.contrastText,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  warning: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: theme.palette.warning.main,\n        color: theme.palette.warning.contrastText,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }) };\n\nexport const badgeVariantStyles = (\n  theme: Theme,\n  colorPalette: BadgePalette,\n  sizeStyles: BadgeSizeStyles,\n  customVariant?: string,\n): CSSObject =>\n  customVariant ? (BADGE_VARIANTS[customVariant]?.(theme, colorPalette, sizeStyles) ?? {}) : {};\n\n"],"mappings":"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","names":[]}

package/dist/chunk-AM24WGZJ.js

@@ -0,0 +1,83 @@
+import {
+  MenubarSeparator
+} from "./chunk-5VCCFXSM.js";
+import {
+  MenubarItemView
+} from "./chunk-Y2U2E7X3.js";
+
+// src/components/form/Menubar/Menubar.toolbar.tsx
+import { Box, CircularProgress, Toolbar } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MenubarToolbar = ({
+  ariaLabel,
+  barSx,
+  items,
+  size,
+  orientation,
+  disabled,
+  loading,
+  logo,
+  endContent,
+  fullWidth,
+  activeMenu,
+  menuRefs,
+  onOpen,
+  onActivate,
+  onClose,
+  onFocus,
+  onBlur
+}) => {
+  const isVertical = orientation === "vertical";
+  return /* @__PURE__ */ jsxs(
+    Toolbar,
+    {
+      role: "toolbar",
+      "aria-label": ariaLabel,
+      sx: {
+        ...barSx,
+        width: fullWidth ? "100%" : "auto",
+        flexDirection: isVertical ? "column" : "row",
+        alignItems: isVertical ? "flex-start" : "center",
+        gap: 1
+      },
+      children: [
+        logo && /* @__PURE__ */ jsx(Box, { sx: { mr: 2, display: "flex", alignItems: "center" }, children: logo }),
+        loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 20, color: "inherit" }) : /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: {
+              display: "flex",
+              flexDirection: isVertical ? "column" : "row",
+              gap: isVertical ? 0.5 : 1,
+              flex: 1
+            },
+            children: items.map(
+              (item) => item.divider ? /* @__PURE__ */ jsx(MenubarSeparator, { orientation }, item.id) : /* @__PURE__ */ jsx(
+                MenubarItemView,
+                {
+                  item,
+                  size,
+                  disabled,
+                  isOpen: activeMenu === item.id,
+                  anchorEl: menuRefs.current[item.id] ?? null,
+                  onOpen,
+                  onActivate,
+                  onClose,
+                  onFocus,
+                  onBlur
+                },
+                item.id
+              )
+            )
+          }
+        ),
+        endContent && /* @__PURE__ */ jsx(Box, { sx: { ml: "auto" }, children: endContent })
+      ]
+    }
+  );
+};
+
+export {
+  MenubarToolbar
+};
+//# sourceMappingURL=chunk-AM24WGZJ.js.map

package/dist/chunk-AM24WGZJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Menubar/Menubar.toolbar.tsx"],"sourcesContent":["import { Box, CircularProgress, Toolbar } from '@mui/material';\nimport type { CSSObject } from '@mui/material';\nimport React from 'react';\n\nimport { MenubarItemView } from './Menubar.item';\nimport { MenubarSeparator } from './Menubar.separator';\nimport type { MenubarItem, MenubarProps } from './Menubar.types';\n\nexport interface MenubarToolbarProps {\n  ariaLabel: string;\n  barSx: CSSObject;\n  items: MenubarItem[];\n  size: NonNullable<MenubarProps['size']>;\n  orientation: NonNullable<MenubarProps['orientation']>;\n  disabled: boolean;\n  loading: boolean;\n  logo?: React.ReactNode;\n  endContent?: React.ReactNode;\n  fullWidth: boolean;\n  activeMenu: string | null;\n  menuRefs: React.MutableRefObject<{ [key: string]: HTMLElement | null }>;\n  onOpen: (itemId: string, anchorEl: HTMLElement) => void;\n  onActivate: (item: MenubarItem) => void;\n  onClose: () => void;\n  onFocus?: React.FocusEventHandler;\n  onBlur?: React.FocusEventHandler;\n}\n\n/**\n * The bar's contents: an optional logo, the entries themselves, and whatever the\n * caller hangs off the end. Shared by both orientations — only the element\n * wrapping it differs.\n */\nexport const MenubarToolbar: React.FC<MenubarToolbarProps> = ({\n  ariaLabel,\n  barSx,\n  items,\n  size,\n  orientation,\n  disabled,\n  loading,\n  logo,\n  endContent,\n  fullWidth,\n  activeMenu,\n  menuRefs,\n  onOpen,\n  onActivate,\n  onClose,\n  onFocus,\n  onBlur,\n}) => {\n  const isVertical = orientation === 'vertical';\n\n  return (\n    <Toolbar\n      role=\"toolbar\"\n      aria-label={ariaLabel}\n      sx={{\n        ...barSx,\n        width: fullWidth ? '100%' : 'auto',\n        flexDirection: isVertical ? 'column' : 'row',\n        alignItems: isVertical ? 'flex-start' : 'center',\n        gap: 1,\n      }}\n    >\n      {logo && <Box sx={{ mr: 2, display: 'flex', alignItems: 'center' }}>{logo}</Box>}\n\n      {loading ? (\n        <CircularProgress size={20} color=\"inherit\" />\n      ) : (\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: isVertical ? 'column' : 'row',\n            gap: isVertical ? 0.5 : 1,\n            flex: 1,\n          }}\n        >\n          {items.map((item) =>\n            item.divider ? (\n              <MenubarSeparator key={item.id} orientation={orientation} />\n            ) : (\n              <MenubarItemView\n                key={item.id}\n                item={item}\n                size={size}\n                disabled={disabled}\n                isOpen={activeMenu === item.id}\n                anchorEl={menuRefs.current[item.id] ?? null}\n                onOpen={onOpen}\n                onActivate={onActivate}\n                onClose={onClose}\n                onFocus={onFocus}\n                onBlur={onBlur}\n              />\n            ),\n          )}\n        </Box>\n      )}\n\n      {endContent && <Box sx={{ ml: 'auto' }}>{endContent}</Box>}\n    </Toolbar>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,SAAS,KAAK,kBAAkB,eAAe;AAuD3C,SAWW,KAXX;AAtBG,IAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,gBAAgB;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,IAAI;AAAA,QACF,GAAG;AAAA,QACH,OAAO,YAAY,SAAS;AAAA,QAC5B,eAAe,aAAa,WAAW;AAAA,QACvC,YAAY,aAAa,eAAe;AAAA,QACxC,KAAK;AAAA,MACP;AAAA,MAEC;AAAA,gBAAQ,oBAAC,OAAI,IAAI,EAAE,IAAI,GAAG,SAAS,QAAQ,YAAY,SAAS,GAAI,gBAAK;AAAA,QAEzE,UACC,oBAAC,oBAAiB,MAAM,IAAI,OAAM,WAAU,IAE5C;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,cACF,SAAS;AAAA,cACT,eAAe,aAAa,WAAW;AAAA,cACvC,KAAK,aAAa,MAAM;AAAA,cACxB,MAAM;AAAA,YACR;AAAA,YAEC,gBAAM;AAAA,cAAI,CAAC,SACV,KAAK,UACH,oBAAC,oBAA+B,eAAT,KAAK,EAA8B,IAE1D;AAAA,gBAAC;AAAA;AAAA,kBAEC;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,QAAQ,eAAe,KAAK;AAAA,kBAC5B,UAAU,SAAS,QAAQ,KAAK,EAAE,KAAK;AAAA,kBACvC;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,gBAVK,KAAK;AAAA,cAWZ;AAAA,YAEJ;AAAA;AAAA,QACF;AAAA,QAGD,cAAc,oBAAC,OAAI,IAAI,EAAE,IAAI,OAAO,GAAI,sBAAW;AAAA;AAAA;AAAA,EACtD;AAEJ;","names":[]}

package/dist/chunk-AOPR5TVW.js

@@ -0,0 +1,32 @@
+import {
+  useFormContext
+} from "./chunk-4XK6JQ4D.js";
+import {
+  Button
+} from "./chunk-GD7HXHOT.js";
+
+// src/components/form/total-form/SubmitButton.tsx
+import { jsx } from "react/jsx-runtime";
+var FIELD_HEIGHT = 56;
+function SubmitButton({
+  children,
+  dataTestId = "total-form-submit"
+}) {
+  const { submitting } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "submit",
+      dataTestId,
+      loading: submitting,
+      disabled: submitting,
+      sx: { height: FIELD_HEIGHT, px: 2, fontSize: "1rem", flexShrink: 0, whiteSpace: "nowrap" },
+      children
+    }
+  );
+}
+
+export {
+  SubmitButton
+};
+//# sourceMappingURL=chunk-AOPR5TVW.js.map

package/dist/chunk-AOPR5TVW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/total-form/SubmitButton.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Button } from '../Button';\nimport { useFormContext } from './FormContext';\n\n/** Props for {@link SubmitButton}. */\nexport interface SubmitButtonProps {\n  /** Button label. */\n  children: React.ReactNode;\n  /** Test id; defaults to `total-form-submit`. Override when a page renders more than one form. */\n  dataTestId?: string;\n}\n\n/**\n * The height of a form input control (see `Input` — `.MuiInputBase-root`), so a\n * submit button placed inline with fields lines up with them instead of sitting\n * shorter. Kept in sync with that value by hand.\n */\nconst FIELD_HEIGHT = 56;\n\n/**\n * Submit control wired to {@link useFormContext}. Wraps the existing `@12-apps/ui`\n * `Button` as a `type=\"submit\"` button (testid `total-form-submit`) and\n * reflects the form's `submitting` state via `loading`/`disabled`.\n *\n * It matches the form field height and never wraps its label, so it aligns with\n * an adjacent input on the same row (and stays full-width when the row stacks).\n */\nexport function SubmitButton({\n  children,\n  dataTestId = 'total-form-submit',\n}: SubmitButtonProps): React.ReactElement {\n  const { submitting } = useFormContext();\n\n  return (\n    <Button\n      type=\"submit\"\n      dataTestId={dataTestId}\n      loading={submitting}\n      disabled={submitting}\n      // `Button` replaces (not merges) its size styles with this `sx`, so restate\n      // the md padding/font here alongside the field-height + no-wrap alignment.\n      sx={{ height: FIELD_HEIGHT, px: 2, fontSize: '1rem', flexShrink: 0, whiteSpace: 'nowrap' }}\n    >\n      {children}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;AAqCI;AAjBJ,IAAM,eAAe;AAUd,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,aAAa;AACf,GAA0C;AACxC,QAAM,EAAE,WAAW,IAAI,eAAe;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,SAAS;AAAA,MACT,UAAU;AAAA,MAGV,IAAI,EAAE,QAAQ,cAAc,IAAI,GAAG,UAAU,QAAQ,YAAY,GAAG,YAAY,SAAS;AAAA,MAExF;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-AQ3M2I2F.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-AQ3M2I2F.js.map

package/dist/chunk-AQ3M2I2F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-ASCUWG55.js

@@ -0,0 +1,63 @@
+// src/components/data-display/Lightbox/LightboxMedia.tsx
+import { jsx } from "react/jsx-runtime";
+var cursorFor = (zoomLevel, zoomable) => {
+  if (zoomLevel > 1) return "move";
+  return zoomable ? "zoom-in" : "default";
+};
+var LightboxMedia = ({
+  item,
+  index,
+  total,
+  zoomLevel,
+  panOffset,
+  zoomable,
+  isDragging,
+  testId,
+  onLoadStart,
+  onLoaded,
+  onWheel,
+  onDoubleClick
+}) => {
+  if (item.type === "video") {
+    return /* @__PURE__ */ jsx(
+      "video",
+      {
+        src: item.src,
+        controls: true,
+        style: { maxWidth: "90vw", maxHeight: "80vh", objectFit: "contain" },
+        onLoadStart,
+        onLoadedData: onLoaded,
+        "aria-label": item.alt || `Video ${index + 1} of ${total}`,
+        "data-testid": testId("video")
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: item.src,
+      alt: item.alt || `Image ${index + 1} of ${total}`,
+      style: {
+        // At 1x the image is bounded by the viewport; once zoomed it is allowed
+        // to overflow so there is something to pan around.
+        maxWidth: zoomLevel === 1 ? "90vw" : "none",
+        maxHeight: zoomLevel === 1 ? "80vh" : "none",
+        transform: `scale(${zoomLevel}) translate(${panOffset.x}px, ${panOffset.y}px)`,
+        transformOrigin: "center",
+        cursor: cursorFor(zoomLevel, zoomable),
+        transition: isDragging ? "none" : "transform 0.2s ease",
+        objectFit: "contain"
+      },
+      onLoad: onLoaded,
+      onWheel,
+      onDoubleClick,
+      draggable: false,
+      "data-testid": testId("image")
+    }
+  );
+};
+
+export {
+  LightboxMedia
+};
+//# sourceMappingURL=chunk-ASCUWG55.js.map

package/dist/chunk-ASCUWG55.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Lightbox/LightboxMedia.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport type { LightboxItem } from './Lightbox.types';\n\nexport interface LightboxMediaProps {\n  item: LightboxItem;\n  index: number;\n  total: number;\n  zoomLevel: number;\n  panOffset: { x: number; y: number };\n  zoomable: boolean;\n  isDragging: boolean;\n  testId: (suffix: string) => string;\n  onLoadStart: () => void;\n  onLoaded: () => void;\n  onWheel: (event: React.WheelEvent) => void;\n  onDoubleClick: () => void;\n}\n\nconst cursorFor = (zoomLevel: number, zoomable: boolean): string => {\n  if (zoomLevel > 1) return 'move';\n  return zoomable ? 'zoom-in' : 'default';\n};\n\nexport const LightboxMedia: FC<LightboxMediaProps> = ({\n  item,\n  index,\n  total,\n  zoomLevel,\n  panOffset,\n  zoomable,\n  isDragging,\n  testId,\n  onLoadStart,\n  onLoaded,\n  onWheel,\n  onDoubleClick,\n}) => {\n  if (item.type === 'video') {\n    return (\n      <video\n        src={item.src}\n        controls\n        style={{ maxWidth: '90vw', maxHeight: '80vh', objectFit: 'contain' }}\n        onLoadStart={onLoadStart}\n        onLoadedData={onLoaded}\n        aria-label={item.alt || `Video ${index + 1} of ${total}`}\n        data-testid={testId('video')}\n      />\n    );\n  }\n\n  return (\n    <img\n      src={item.src}\n      alt={item.alt || `Image ${index + 1} of ${total}`}\n      style={{\n        // At 1x the image is bounded by the viewport; once zoomed it is allowed\n        // to overflow so there is something to pan around.\n        maxWidth: zoomLevel === 1 ? '90vw' : 'none',\n        maxHeight: zoomLevel === 1 ? '80vh' : 'none',\n        transform: `scale(${zoomLevel}) translate(${panOffset.x}px, ${panOffset.y}px)`,\n        transformOrigin: 'center',\n        cursor: cursorFor(zoomLevel, zoomable),\n        transition: isDragging ? 'none' : 'transform 0.2s ease',\n        objectFit: 'contain',\n      }}\n      onLoad={onLoaded}\n      onWheel={onWheel}\n      onDoubleClick={onDoubleClick}\n      draggable={false}\n      data-testid={testId('image')}\n    />\n  );\n};\n"],"mappings":";AAyCM;AArBN,IAAM,YAAY,CAAC,WAAmB,aAA8B;AAClE,MAAI,YAAY,EAAG,QAAO;AAC1B,SAAO,WAAW,YAAY;AAChC;AAEO,IAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,MAAI,KAAK,SAAS,SAAS;AACzB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,KAAK;AAAA,QACV,UAAQ;AAAA,QACR,OAAO,EAAE,UAAU,QAAQ,WAAW,QAAQ,WAAW,UAAU;AAAA,QACnE;AAAA,QACA,cAAc;AAAA,QACd,cAAY,KAAK,OAAO,SAAS,QAAQ,CAAC,OAAO,KAAK;AAAA,QACtD,eAAa,OAAO,OAAO;AAAA;AAAA,IAC7B;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV,KAAK,KAAK,OAAO,SAAS,QAAQ,CAAC,OAAO,KAAK;AAAA,MAC/C,OAAO;AAAA;AAAA;AAAA,QAGL,UAAU,cAAc,IAAI,SAAS;AAAA,QACrC,WAAW,cAAc,IAAI,SAAS;AAAA,QACtC,WAAW,SAAS,SAAS,eAAe,UAAU,CAAC,OAAO,UAAU,CAAC;AAAA,QACzE,iBAAiB;AAAA,QACjB,QAAQ,UAAU,WAAW,QAAQ;AAAA,QACrC,YAAY,aAAa,SAAS;AAAA,QAClC,WAAW;AAAA,MACb;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,eAAa,OAAO,OAAO;AAAA;AAAA,EAC7B;AAEJ;","names":[]}