@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-LYNJJV2X.js

@@ -1,257 +0,0 @@
-import {
-  pulseAnimation,
-  rotateAnimation,
-  scaleInAnimation,
-  shimmerAnimation
-} from "./chunk-XRMZMBE3.js";
-
-// src/components/data-display/Avatar/Avatar.view.tsx
-import MuiAvatar from "@mui/material/Avatar/index.js";
-import Badge from "@mui/material/Badge/index.js";
-import Fade from "@mui/material/Fade/index.js";
-import { alpha, useTheme, styled } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var getColorFromTheme = (theme, color) => {
-  const colorMap = {
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    info: theme.palette.info,
-    // `danger`, not `error`. This map was keyed on MUI's word while the prop
-    // took the house one, so `danger` matched nothing and fell through to
-    // primary — a red avatar rendering blue, silently.
-    danger: theme.palette.error,
-    neutral: { main: theme.palette.grey[700], contrastText: "#fff" }
-  };
-  return colorMap[color] || theme.palette.primary;
-};
-var getSizeStyles = (size) => {
-  const sizeMap = {
-    xs: { width: 24, height: 24, fontSize: "0.75rem" },
-    sm: { width: 32, height: 32, fontSize: "0.875rem" },
-    md: { width: 40, height: 40, fontSize: "1rem" },
-    lg: { width: 48, height: 48, fontSize: "1.125rem" },
-    xl: { width: 64, height: 64, fontSize: "1.5rem" },
-    xxl: { width: 80, height: 80, fontSize: "2rem" }
-  };
-  return sizeMap[size] || sizeMap.md;
-};
-var getStatusColor = (status, theme) => {
-  const statusColorMap = {
-    online: theme.palette.success.main,
-    offline: theme.palette.grey[500],
-    away: theme.palette.warning.main,
-    busy: theme.palette.error.main
-  };
-  return statusColorMap[status] || statusColorMap.offline;
-};
-var interactiveStyles = (interactive, main) => interactive ? {
-  "&:hover": {
-    transform: "scale(1.1) translateY(-2px)",
-    boxShadow: `0 8px 20px ${alpha(main, 0.3)}`,
-    filter: "brightness(1.1)",
-    zIndex: 10
-  },
-  "&:active": { transform: "scale(1.05)" }
-} : {};
-var loadingStyles = (isLoading, main) => isLoading ? {
-  background: `linear-gradient(
-        90deg,
-        ${alpha(main, 0.6)},
-        ${alpha(main, 0.8)},
-        ${alpha(main, 0.6)}
-      )`,
-  backgroundSize: "200% 100%",
-  animation: `${shimmerAnimation} 1.5s ease-in-out infinite`
-} : {};
-var variantRadius = (variant, theme) => {
-  if (variant === "square") return { borderRadius: 0 };
-  if (variant === "rounded") return { borderRadius: theme.spacing(1) };
-  return { borderRadius: "50%" };
-};
-var borderedStyles = (bordered, theme) => bordered ? {
-  border: `2px solid ${theme.palette.background.paper}`,
-  boxShadow: `0 0 0 1px ${alpha(theme.palette.divider, 0.2)}`
-} : {};
-var glowPulseStyles = (glow, pulse, main) => {
-  const styles = {};
-  if (glow) {
-    styles.boxShadow = `0 0 20px 5px ${alpha(main, 0.4)} !important`;
-    styles.filter = "brightness(1.05)";
-  }
-  if (pulse) {
-    styles.position = "relative";
-    styles["&::after"] = {
-      content: '""',
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      width: "100%",
-      height: "100%",
-      borderRadius: "inherit",
-      transform: "translate(-50%, -50%)",
-      backgroundColor: main,
-      opacity: 0.3,
-      animation: `${pulseAnimation} 2s infinite`,
-      pointerEvents: "none",
-      zIndex: -1
-    };
-  }
-  return styles;
-};
-var STYLED_AVATAR_PROPS = [
-  "customVariant",
-  "customSize",
-  "customColor",
-  "glow",
-  "pulse",
-  "bordered",
-  "isLoading",
-  "hasError",
-  "interactive"
-];
-var StyledAvatar = styled(MuiAvatar, {
-  shouldForwardProp: (prop) => !STYLED_AVATAR_PROPS.includes(prop)
-})(
-  ({
-    theme,
-    customVariant,
-    customSize = "md",
-    customColor = "primary",
-    glow,
-    pulse,
-    bordered,
-    isLoading,
-    hasError,
-    interactive
-  }) => {
-    const palette = getColorFromTheme(theme, customColor);
-    return {
-      ...getSizeStyles(customSize),
-      transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-      position: "relative",
-      overflow: "visible",
-      animation: `${scaleInAnimation} 0.3s ease-out`,
-      cursor: interactive ? "pointer" : "default",
-      backgroundColor: hasError ? theme.palette.error.main : palette.main,
-      color: hasError ? theme.palette.error.contrastText : palette.contrastText ?? "#fff",
-      ...interactiveStyles(interactive, palette.main),
-      ...loadingStyles(isLoading, palette.main),
-      ...variantRadius(customVariant, theme),
-      ...borderedStyles(bordered, theme),
-      ...glowPulseStyles(glow, pulse, palette.main),
-      "&:focus-visible": {
-        outline: `3px solid ${alpha(palette.main, 0.5)}`,
-        outlineOffset: 2
-      }
-    };
-  }
-);
-var LoadingOverlay = styled("div")(({ theme, size }) => {
-  const sizeStyles = getSizeStyles(size);
-  return {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    width: sizeStyles.width,
-    height: sizeStyles.height,
-    borderRadius: "inherit",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: alpha(theme.palette.background.paper, 0.7),
-    backdropFilter: "blur(2px)",
-    "& .loading-spinner": {
-      width: sizeStyles.width * 0.4,
-      height: sizeStyles.height * 0.4,
-      border: `2px solid ${alpha(theme.palette.primary.main, 0.3)}`,
-      borderTopColor: theme.palette.primary.main,
-      borderRadius: "50%",
-      animation: `${rotateAnimation} 0.8s linear infinite`
-    }
-  };
-});
-var StatusBadge = styled(Badge, {
-  shouldForwardProp: (prop) => !["statusColor", "avatarSize"].includes(prop)
-})(({ theme, statusColor, avatarSize = "md" }) => {
-  const sizeStyles = getSizeStyles(avatarSize);
-  const badgeSize = Math.max(8, sizeStyles.width * 0.2);
-  return {
-    "& .MuiBadge-badge": {
-      backgroundColor: statusColor || theme.palette.success.main,
-      color: statusColor || theme.palette.success.main,
-      width: badgeSize,
-      height: badgeSize,
-      borderRadius: "50%",
-      border: `2px solid ${theme.palette.background.paper}`,
-      "&::after": {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        width: "100%",
-        height: "100%",
-        borderRadius: "50%",
-        backgroundColor: "currentColor",
-        content: '""'
-      }
-    }
-  };
-});
-function AvatarSurface(props) {
-  const { showSpinner, dataTestId, clickable } = props;
-  const testId = (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0;
-  return /* @__PURE__ */ jsx(Fade, { in: props.mounted, timeout: 300, children: /* @__PURE__ */ jsxs("div", { style: { position: "relative", display: "inline-block" }, children: [
-    /* @__PURE__ */ jsx(
-      StyledAvatar,
-      {
-        ref: props.forwardedRef,
-        className: props.className,
-        customVariant: props.variant,
-        customSize: props.size,
-        customColor: props.color,
-        glow: props.glow,
-        pulse: props.pulse,
-        bordered: props.bordered,
-        isLoading: showSpinner,
-        hasError: props.imageError,
-        interactive: clickable,
-        src: props.imgSrc,
-        alt: props.alt,
-        onClick: props.onClick,
-        tabIndex: clickable ? 0 : void 0,
-        role: clickable ? "button" : void 0,
-        "aria-label": props.ariaLabel,
-        "data-testid": dataTestId,
-        ...props.rest,
-        slotProps: { img: { onError: props.handleImageError, onLoad: props.handleImageLoad } },
-        children: showSpinner ? null : /* @__PURE__ */ jsx("span", { "data-testid": testId(props.contentType), children: props.content })
-      }
-    ),
-    showSpinner && /* @__PURE__ */ jsx(LoadingOverlay, { size: props.size, "data-testid": testId("loading"), children: /* @__PURE__ */ jsx("div", { className: "loading-spinner", "data-testid": testId("loading-spinner") }) })
-  ] }) });
-}
-function AvatarView(props) {
-  const theme = useTheme();
-  const surface = /* @__PURE__ */ jsx(AvatarSurface, { ...props });
-  if (props.variant === "status" && props.status) {
-    return /* @__PURE__ */ jsx(
-      StatusBadge,
-      {
-        overlap: "circular",
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        variant: "dot",
-        statusColor: getStatusColor(props.status, theme),
-        avatarSize: props.size,
-        "data-testid": props.dataTestId ? `${props.dataTestId}-badge` : void 0,
-        children: surface
-      }
-    );
-  }
-  return surface;
-}
-
-export {
-  AvatarView
-};
-//# sourceMappingURL=chunk-LYNJJV2X.js.map

package/dist/chunk-LYNJJV2X.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Avatar/Avatar.view.tsx"],"sourcesContent":["import MuiAvatar from '@mui/material/Avatar/index.js';\nimport Badge from '@mui/material/Badge/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport { alpha, useTheme, styled } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { pulseAnimation, rotateAnimation, scaleInAnimation, shimmerAnimation } from './Avatar.animations';\nimport type { AvatarSize, AvatarStatus } from './Avatar.types';\n\nexport type ContentType = 'children' | 'fallback' | 'icon' | 'default';\n\n\ninterface PaletteLike {\n  main: string;\n  contrastText?: string;\n  light?: string;\n  dark?: string;\n}\n\nconst getColorFromTheme = (theme: Theme, color: string): PaletteLike => {\n  const colorMap: Record<string, PaletteLike> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    // `danger`, not `error`. This map was keyed on MUI's word while the prop\n    // took the house one, so `danger` matched nothing and fell through to\n    // primary — a red avatar rendering blue, silently.\n    danger: theme.palette.error,\n    neutral: { main: theme.palette.grey[700], contrastText: '#fff' },\n  };\n\n  return colorMap[color] || theme.palette.primary;\n};\n\ninterface SizeStyle {\n  width: number;\n  height: number;\n  fontSize: string;\n}\n\nconst getSizeStyles = (size: AvatarSize): SizeStyle => {\n  const sizeMap: Record<AvatarSize, SizeStyle> = {\n    xs: { width: 24, height: 24, fontSize: '0.75rem' },\n    sm: { width: 32, height: 32, fontSize: '0.875rem' },\n    md: { width: 40, height: 40, fontSize: '1rem' },\n    lg: { width: 48, height: 48, fontSize: '1.125rem' },\n    xl: { width: 64, height: 64, fontSize: '1.5rem' },\n    xxl: { width: 80, height: 80, fontSize: '2rem' },\n  };\n\n  return sizeMap[size] || sizeMap.md;\n};\n\nconst getStatusColor = (status: AvatarStatus, theme: Theme): string => {\n  const statusColorMap: Record<AvatarStatus, string> = {\n    online: theme.palette.success.main,\n    offline: theme.palette.grey[500],\n    away: theme.palette.warning.main,\n    busy: theme.palette.error.main,\n  };\n\n  return statusColorMap[status] || statusColorMap.offline;\n};\n\n/** Hover/active lift, only when the avatar is interactive. */\nconst interactiveStyles = (interactive: boolean | undefined, main: string): CSSObject =>\n  interactive\n    ? {\n        '&:hover': {\n          transform: 'scale(1.1) translateY(-2px)',\n          boxShadow: `0 8px 20px ${alpha(main, 0.3)}`,\n          filter: 'brightness(1.1)',\n          zIndex: 10,\n        },\n        '&:active': { transform: 'scale(1.05)' },\n      }\n    : {};\n\n/** Shimmer gradient while the image loads. */\nconst loadingStyles = (isLoading: boolean | undefined, main: string): CSSObject =>\n  isLoading\n    ? {\n        background: `linear-gradient(\n        90deg,\n        ${alpha(main, 0.6)},\n        ${alpha(main, 0.8)},\n        ${alpha(main, 0.6)}\n      )`,\n        backgroundSize: '200% 100%',\n        animation: `${shimmerAnimation} 1.5s ease-in-out infinite`,\n      }\n    : {};\n\n/** Corner radius per shape variant (circle/status are round). */\nconst variantRadius = (variant: string | undefined, theme: Theme): CSSObject => {\n  if (variant === 'square') return { borderRadius: 0 };\n  if (variant === 'rounded') return { borderRadius: theme.spacing(1) };\n  return { borderRadius: '50%' };\n};\n\n/** Paper ring when bordered (e.g. inside an AvatarGroup). */\nconst borderedStyles = (bordered: boolean | undefined, theme: Theme): CSSObject =>\n  bordered\n    ? {\n        border: `2px solid ${theme.palette.background.paper}`,\n        boxShadow: `0 0 0 1px ${alpha(theme.palette.divider, 0.2)}`,\n      }\n    : {};\n\n/** Glow adds the halo; pulse adds the expanding ring — either or both. */\nconst glowPulseStyles = (\n  glow: boolean | undefined,\n  pulse: boolean | undefined,\n  main: string,\n): CSSObject => {\n  const styles: CSSObject = {};\n  if (glow) {\n    styles.boxShadow = `0 0 20px 5px ${alpha(main, 0.4)} !important`;\n    styles.filter = 'brightness(1.05)';\n  }\n  if (pulse) {\n    styles.position = 'relative';\n    styles['&::after'] = {\n      content: '\"\"',\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      width: '100%',\n      height: '100%',\n      borderRadius: 'inherit',\n      transform: 'translate(-50%, -50%)',\n      backgroundColor: main,\n      opacity: 0.3,\n      animation: `${pulseAnimation} 2s infinite`,\n      pointerEvents: 'none',\n      zIndex: -1,\n    };\n  }\n  return styles;\n};\n\ninterface StyledAvatarProps {\n  customVariant?: string;\n  customSize?: AvatarSize;\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  bordered?: boolean;\n  isLoading?: boolean;\n  hasError?: boolean;\n  interactive?: boolean;\n}\n\nconst STYLED_AVATAR_PROPS = [\n  'customVariant',\n  'customSize',\n  'customColor',\n  'glow',\n  'pulse',\n  'bordered',\n  'isLoading',\n  'hasError',\n  'interactive',\n];\n\nconst StyledAvatar = styled(MuiAvatar, {\n  shouldForwardProp: (prop) => !STYLED_AVATAR_PROPS.includes(prop as string),\n})<StyledAvatarProps>(\n  ({\n    theme,\n    customVariant,\n    customSize = 'md',\n    customColor = 'primary',\n    glow,\n    pulse,\n    bordered,\n    isLoading,\n    hasError,\n    interactive,\n  }) => {\n    const palette = getColorFromTheme(theme, customColor);\n    return {\n      ...getSizeStyles(customSize),\n      transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n      position: 'relative',\n      overflow: 'visible',\n      animation: `${scaleInAnimation} 0.3s ease-out`,\n      cursor: interactive ? 'pointer' : 'default',\n      backgroundColor: hasError ? theme.palette.error.main : palette.main,\n      color: hasError ? theme.palette.error.contrastText : (palette.contrastText ?? '#fff'),\n      ...interactiveStyles(interactive, palette.main),\n      ...loadingStyles(isLoading, palette.main),\n      ...variantRadius(customVariant, theme),\n      ...borderedStyles(bordered, theme),\n      ...glowPulseStyles(glow, pulse, palette.main),\n      '&:focus-visible': {\n        outline: `3px solid ${alpha(palette.main, 0.5)}`,\n        outlineOffset: 2,\n      },\n    };\n  },\n);\n\nconst LoadingOverlay = styled('div')<{ size: AvatarSize }>(({ theme, size }) => {\n  const sizeStyles = getSizeStyles(size);\n  return {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: sizeStyles.width,\n    height: sizeStyles.height,\n    borderRadius: 'inherit',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: alpha(theme.palette.background.paper, 0.7),\n    backdropFilter: 'blur(2px)',\n    '& .loading-spinner': {\n      width: sizeStyles.width * 0.4,\n      height: sizeStyles.height * 0.4,\n      border: `2px solid ${alpha(theme.palette.primary.main, 0.3)}`,\n      borderTopColor: theme.palette.primary.main,\n      borderRadius: '50%',\n      animation: `${rotateAnimation} 0.8s linear infinite`,\n    },\n  };\n});\n\nconst StatusBadge = styled(Badge, {\n  shouldForwardProp: (prop) => !['statusColor', 'avatarSize'].includes(prop as string),\n})<{\n  statusColor?: string;\n  avatarSize?: AvatarSize;\n}>(({ theme, statusColor, avatarSize = 'md' }) => {\n  const sizeStyles = getSizeStyles(avatarSize);\n  const badgeSize = Math.max(8, sizeStyles.width * 0.2);\n\n  return {\n    '& .MuiBadge-badge': {\n      backgroundColor: statusColor || theme.palette.success.main,\n      color: statusColor || theme.palette.success.main,\n      width: badgeSize,\n      height: badgeSize,\n      borderRadius: '50%',\n      border: `2px solid ${theme.palette.background.paper}`,\n      '&::after': {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        width: '100%',\n        height: '100%',\n        borderRadius: '50%',\n        backgroundColor: 'currentColor',\n        content: '\"\"',\n      },\n    },\n  };\n});\n\nexport interface AvatarViewProps {\n  mounted: boolean;\n  variant: string;\n  size: AvatarSize;\n  color: string;\n  glow: boolean;\n  pulse: boolean;\n  bordered: boolean;\n  showSpinner: boolean;\n  imageError: boolean;\n  clickable: boolean;\n  imgSrc?: string;\n  alt?: string;\n  ariaLabel: string;\n  content: React.ReactNode;\n  contentType: ContentType;\n  className?: string;\n  dataTestId?: string;\n  status?: AvatarStatus;\n  forwardedRef: React.Ref<HTMLDivElement>;\n  onClick: (event: React.MouseEvent<HTMLDivElement>) => void;\n  handleImageError: React.ReactEventHandler;\n  handleImageLoad: () => void;\n  rest: Record<string, unknown>;\n}\n\n/** The avatar box itself: the styled MUI avatar plus the loading overlay. */\nfunction AvatarSurface(props: AvatarViewProps): React.JSX.Element {\n  const { showSpinner, dataTestId, clickable } = props;\n  const testId = (suffix: string): string | undefined =>\n    dataTestId ? `${dataTestId}-${suffix}` : undefined;\n\n  return (\n    <Fade in={props.mounted} timeout={300}>\n      <div style={{ position: 'relative', display: 'inline-block' }}>\n        <StyledAvatar\n          ref={props.forwardedRef}\n          className={props.className}\n          customVariant={props.variant}\n          customSize={props.size}\n          customColor={props.color}\n          glow={props.glow}\n          pulse={props.pulse}\n          bordered={props.bordered}\n          isLoading={showSpinner}\n          hasError={props.imageError}\n          interactive={clickable}\n          src={props.imgSrc}\n          alt={props.alt}\n          onClick={props.onClick}\n          tabIndex={clickable ? 0 : undefined}\n          role={clickable ? 'button' : undefined}\n          aria-label={props.ariaLabel}\n          data-testid={dataTestId}\n          {...props.rest}\n          // Load/error fire on the inner <img>, not the root — and don't bubble.\n          // Wiring them via the img slot lets `imageLoading` actually clear (else\n          // the spinner overlays the avatar forever whenever `src` is set). Keep\n          // after {...props.rest} so a consumer-supplied slotProps can't override\n          // and detach these handlers.\n          slotProps={{ img: { onError: props.handleImageError, onLoad: props.handleImageLoad } }}\n        >\n          {showSpinner ? null : (\n            <span data-testid={testId(props.contentType)}>{props.content}</span>\n          )}\n        </StyledAvatar>\n        {showSpinner && (\n          <LoadingOverlay size={props.size} data-testid={testId('loading')}>\n            <div className=\"loading-spinner\" data-testid={testId('loading-spinner')} />\n          </LoadingOverlay>\n        )}\n      </div>\n    </Fade>\n  );\n}\n\n/** Presentational avatar: the surface, wrapped in a status dot badge when requested. */\nexport function AvatarView(props: AvatarViewProps): React.JSX.Element {\n  const theme = useTheme();\n  const surface = <AvatarSurface {...props} />;\n\n  if (props.variant === 'status' && props.status) {\n    return (\n      <StatusBadge\n        overlap=\"circular\"\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n        variant=\"dot\"\n        statusColor={getStatusColor(props.status, theme)}\n        avatarSize={props.size}\n        data-testid={props.dataTestId ? `${props.dataTestId}-badge` : undefined}\n      >\n        {surface}\n      </StatusBadge>\n    );\n  }\n\n  return surface;\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-LYSSO6WC.js

@@ -1,132 +0,0 @@
-import {
-  DENSITY_ROW_PADDING
-} from "./chunk-ZPIMPOHV.js";
-import {
-  CellConfigProvider,
-  cellTracks
-} from "./chunk-6VP2L3DJ.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-
-// src/components/data-display/DataViews/list-card-rails.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-function metaRail(columns) {
-  return `minmax(max-content, ${Math.max(columns, 1)}fr)`;
-}
-function contentRails(metaColumns) {
-  return metaColumns > 0 ? { caption: "minmax(0, auto)", meta: metaRail(metaColumns) } : { caption: "minmax(0, 1fr)", meta: "auto" };
-}
-var DEFAULT_RAILS = {
-  disclose: "auto",
-  drag: "auto",
-  select: "auto",
-  leading: "auto",
-  // Two is the canonical row (a date and a method); a list carrying a different
-  // number says so with `metaColumns`, and a standalone card counts its own.
-  ...contentRails(2),
-  // `max-content` on the value, so the rail is as wide as the widest amount in
-  // the list and no wider — a fixed px guess is either clipping or dead space.
-  // NOT an `fr`: the value's whole promise is a fixed right edge, and a rail
-  // that grows with the spare width moves that edge on every list.
-  value: "max-content",
-  actions: "auto"
-};
-var ListRailsContext = createContext(null);
-function useListRails() {
-  return useContext(ListRailsContext);
-}
-function railsTemplate(rails) {
-  return [
-    rails.disclose,
-    rails.drag,
-    rails.select,
-    rails.leading,
-    rails.caption,
-    rails.meta,
-    rails.value,
-    rails.actions
-  ].filter((rail) => rail != null).join(" ");
-}
-var RAIL_GAP = 3;
-var RAIL_GAP_PX = RAIL_GAP * 8;
-function railsTemplateFor(gutters, metaColumns) {
-  return railsTemplate({
-    ...DEFAULT_RAILS,
-    // Standalone, the card can simply COUNT its pairs — no `metaColumns` to be
-    // told, and no guess.
-    ...contentRails(metaColumns),
-    ...gutters.disclose ? {} : { disclose: null },
-    ...gutters.drag ? {} : { drag: null },
-    ...gutters.select ? {} : { select: null }
-  });
-}
-var RAIL_COUNT = 8;
-var CELL_FIXED_RAILS = 4;
-function cellRailsTemplate(cells) {
-  return [
-    DEFAULT_RAILS.disclose,
-    DEFAULT_RAILS.drag,
-    DEFAULT_RAILS.select,
-    DEFAULT_RAILS.leading,
-    ...cells,
-    DEFAULT_RAILS.actions
-  ].join(" ");
-}
-function cellRailCount(cells) {
-  return CELL_FIXED_RAILS + cells + 1;
-}
-function ListCardGroup({
-  children,
-  density = "cozy",
-  cells,
-  metaColumns,
-  rails,
-  reserveGutters = true,
-  gap,
-  dataTestId
-}) {
-  const resolved = {
-    ...DEFAULT_RAILS,
-    ...metaColumns == null ? {} : contentRails(metaColumns),
-    ...rails
-  };
-  const configured = cells != null && cells.length > 0;
-  const template = configured ? cellRailsTemplate(cellTracks(cells)) : railsTemplate(resolved);
-  const railCount = configured ? cellRailCount(cells.length) : RAIL_COUNT;
-  return /* @__PURE__ */ jsx(ListRailsContext.Provider, { value: { density, reserveGutters, railCount }, children: /* @__PURE__ */ jsx(CellConfigProvider, { cells, children: /* @__PURE__ */ jsx(
-    default2,
-    {
-      "data-testid": dataTestId,
-      sx: {
-        // The query container for every row inside it — a row cannot be one
-        // itself and a subgrid at the same time (containment drops subgrid).
-        // Every row in a list is the same width anyway, so the group is the
-        // honest place to ask the question.
-        containerType: "inline-size",
-        display: "grid",
-        gridTemplateColumns: template,
-        alignItems: "center",
-        rowGap: gap ?? DENSITY_ROW_PADDING[density]
-      },
-      children
-    }
-  ) }) });
-}
-
-export {
-  metaRail,
-  contentRails,
-  DEFAULT_RAILS,
-  useListRails,
-  railsTemplate,
-  RAIL_GAP,
-  RAIL_GAP_PX,
-  railsTemplateFor,
-  RAIL_COUNT,
-  cellRailsTemplate,
-  cellRailCount,
-  ListCardGroup
-};
-//# sourceMappingURL=chunk-LYSSO6WC.js.map

package/dist/chunk-M3RIC6JI.js

@@ -1,105 +0,0 @@
-import {
-  SIZE_MAP,
-  filledStyles,
-  floatingLabelStyles,
-  glowStyles,
-  inputBaseStyles,
-  muiVariantFor,
-  outlinedStyles,
-  pulseStyles
-} from "./chunk-RMSH2I3O.js";
-import {
-  TextFieldSlim
-} from "./chunk-SL6454K7.js";
-
-// src/components/form/Input/Input.tsx
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import InputAdornment from "@mui/material/InputAdornment/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledTextField = styled(TextFieldSlim, {
-  shouldForwardProp: (prop) => !["customVariant", "floating", "glow", "pulse", "loading"].includes(prop)
-})(({ theme, customVariant, floating, glow, pulse, loading }) => ({
-  position: "relative",
-  opacity: loading ? 0.7 : 1,
-  ...glow ? glowStyles(theme) : {},
-  ...pulse ? pulseStyles(theme) : {},
-  ...floating ? floatingLabelStyles(theme) : {},
-  "& .MuiInputBase-root": {
-    transition: "all 0.3s ease",
-    ...inputBaseStyles(theme, customVariant)
-  },
-  "& .MuiOutlinedInput-root": outlinedStyles(theme),
-  "& .MuiFilledInput-root": filledStyles(theme)
-}));
-var EndAdornment = ({
-  loading,
-  endAdornment
-}) => {
-  if (loading) {
-    return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) });
-  }
-  if (!endAdornment) return null;
-  return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: endAdornment });
-};
-var interactionProps = (loading, onClick, disabled) => ({
-  disabled: loading || disabled,
-  onClick: loading ? void 0 : onClick
-});
-var Input = React.forwardRef(
-  ({
-    variant = "outlined",
-    size = "md",
-    label,
-    error,
-    helperText,
-    startAdornment,
-    endAdornment,
-    fullWidth = true,
-    floating = false,
-    glow = false,
-    pulse = false,
-    loading = false,
-    onClick,
-    onFocus,
-    onBlur,
-    "data-testid": dataTestId,
-    "aria-label": ariaLabel,
-    ...props
-  }, ref) => /* @__PURE__ */ jsx(
-    StyledTextField,
-    {
-      ref,
-      variant: muiVariantFor(variant),
-      customVariant: variant,
-      floating,
-      glow,
-      pulse,
-      loading,
-      label,
-      error,
-      helperText,
-      fullWidth,
-      ...interactionProps(loading, onClick, props.disabled),
-      onFocus,
-      onBlur,
-      inputProps: {
-        "data-testid": dataTestId,
-        ...ariaLabel === void 0 ? {} : { "aria-label": ariaLabel }
-      },
-      InputProps: {
-        startAdornment: startAdornment && /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: startAdornment }),
-        endAdornment: /* @__PURE__ */ jsx(EndAdornment, { loading, endAdornment })
-      },
-      ...SIZE_MAP[size],
-      ...props
-    }
-  )
-);
-Input.displayName = "Input";
-
-export {
-  Input
-};
-//# sourceMappingURL=chunk-M3RIC6JI.js.map

package/dist/chunk-M3RIC6JI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Input/Input.tsx"],"sourcesContent":["import CircularProgress from '@mui/material/CircularProgress/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { TextFieldSlim } from './text-field-slim';\n\nimport {\n  filledStyles,\n  floatingLabelStyles,\n  glowStyles,\n  inputBaseStyles,\n  muiVariantFor,\n  outlinedStyles,\n  pulseStyles,\n  SIZE_MAP,\n} from './Input.styles';\nimport type { InputProps } from './Input.types';\n\n/**\n * `TextFieldSlim`, not `TextField` — see `text-field-slim.tsx`. MUI's own\n * `TextField` imports `Select` unconditionally, and through it `Menu`,\n * `Popover`, `Modal` and seven more component modules, so every screen with one\n * text box shipped a dropdown it can never render. Same composition, same DOM,\n * same prop routing; the select branch is the only thing missing.\n */\nconst StyledTextField = styled(TextFieldSlim, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'floating', 'glow', 'pulse', 'loading'].includes(prop as string),\n})<{\n  customVariant?: InputProps['variant'];\n  floating?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n  loading?: boolean;\n}>(({ theme, customVariant, floating, glow, pulse, loading }) => ({\n  position: 'relative',\n  opacity: loading ? 0.7 : 1,\n\n  ...(glow ? glowStyles(theme) : {}),\n  ...(pulse ? pulseStyles(theme) : {}),\n  ...(floating ? floatingLabelStyles(theme) : {}),\n\n  '& .MuiInputBase-root': {\n    transition: 'all 0.3s ease',\n    ...inputBaseStyles(theme, customVariant),\n  },\n\n  '& .MuiOutlinedInput-root': outlinedStyles(theme),\n  '& .MuiFilledInput-root': filledStyles(theme),\n}));\n\n/** Only one adornment shows at a time: the spinner replaces the caller's while loading. */\nconst EndAdornment: React.FC<{ loading: boolean; endAdornment?: React.ReactNode }> = ({\n  loading,\n  endAdornment,\n}) => {\n  if (loading) {\n    return (\n      <InputAdornment position=\"end\">\n        <CircularProgress size={20} />\n      </InputAdornment>\n    );\n  }\n\n  if (!endAdornment) return null;\n\n  return <InputAdornment position=\"end\">{endAdornment}</InputAdornment>;\n};\n\n/** While loading the field is inert: no clicks, and disabled to assistive tech. */\nconst interactionProps = (\n  loading: boolean,\n  onClick: InputProps['onClick'],\n  disabled?: boolean,\n) => ({\n  disabled: loading || disabled,\n  onClick: loading ? undefined : onClick,\n});\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      variant = 'outlined',\n      size = 'md',\n      label,\n      error,\n      helperText,\n      startAdornment,\n      endAdornment,\n      fullWidth = true,\n      floating = false,\n      glow = false,\n      pulse = false,\n      loading = false,\n      onClick,\n      onFocus,\n      onBlur,\n      'data-testid': dataTestId,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref,\n  ) => (\n    <StyledTextField\n      ref={ref}\n      variant={muiVariantFor(variant)}\n      customVariant={variant}\n      floating={floating}\n      glow={glow}\n      pulse={pulse}\n      loading={loading}\n      label={label}\n      error={error}\n      helperText={helperText}\n      fullWidth={fullWidth}\n      {...interactionProps(loading, onClick, props.disabled)}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      /*\n       * `aria-label` has to ride `inputProps` to reach the `<input>` (FUT-755).\n       * Spread with the rest it lands on the FormControl DIV that the text\n       * field renders as its root, which carries no role — so the field kept\n       * no accessible name, and a source grep saying \"this input is labelled\"\n       * disagreed with the DOM. The reports search box and the block-title\n       * inputs were both named in source and anonymous to a screen reader.\n       */\n      inputProps={{\n        'data-testid': dataTestId,\n        ...(ariaLabel === undefined ? {} : { 'aria-label': ariaLabel }),\n      }}\n      InputProps={{\n        startAdornment: startAdornment && (\n          <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\n        ),\n        endAdornment: <EndAdornment loading={loading} endAdornment={endAdornment} />,\n      }}\n      {...SIZE_MAP[size]}\n      {...props}\n    />\n  ),\n);\n\nInput.displayName = 'Input';\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,SAAS,cAAc;AACvB,OAAO,WAAW;AAyDV;AAlCR,IAAM,kBAAkB,OAAO,eAAe;AAAA,EAC5C,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,YAAY,QAAQ,SAAS,SAAS,EAAE,SAAS,IAAc;AACtF,CAAC,EAME,CAAC,EAAE,OAAO,eAAe,UAAU,MAAM,OAAO,QAAQ,OAAO;AAAA,EAChE,UAAU;AAAA,EACV,SAAS,UAAU,MAAM;AAAA,EAEzB,GAAI,OAAO,WAAW,KAAK,IAAI,CAAC;AAAA,EAChC,GAAI,QAAQ,YAAY,KAAK,IAAI,CAAC;AAAA,EAClC,GAAI,WAAW,oBAAoB,KAAK,IAAI,CAAC;AAAA,EAE7C,wBAAwB;AAAA,IACtB,YAAY;AAAA,IACZ,GAAG,gBAAgB,OAAO,aAAa;AAAA,EACzC;AAAA,EAEA,4BAA4B,eAAe,KAAK;AAAA,EAChD,0BAA0B,aAAa,KAAK;AAC9C,EAAE;AAGF,IAAM,eAA+E,CAAC;AAAA,EACpF;AAAA,EACA;AACF,MAAM;AACJ,MAAI,SAAS;AACX,WACE,oBAAC,kBAAe,UAAS,OACvB,8BAAC,oBAAiB,MAAM,IAAI,GAC9B;AAAA,EAEJ;AAEA,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO,oBAAC,kBAAe,UAAS,OAAO,wBAAa;AACtD;AAGA,IAAM,mBAAmB,CACvB,SACA,SACA,cACI;AAAA,EACJ,UAAU,WAAW;AAAA,EACrB,SAAS,UAAU,SAAY;AACjC;AAEO,IAAM,QAAQ,MAAM;AAAA,EACzB,CACE;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,cAAc;AAAA,IACd,GAAG;AAAA,EACL,GACA,QAEA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,cAAc,OAAO;AAAA,MAC9B,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG,iBAAiB,SAAS,SAAS,MAAM,QAAQ;AAAA,MACrD;AAAA,MACA;AAAA,MASA,YAAY;AAAA,QACV,eAAe;AAAA,QACf,GAAI,cAAc,SAAY,CAAC,IAAI,EAAE,cAAc,UAAU;AAAA,MAC/D;AAAA,MACA,YAAY;AAAA,QACV,gBAAgB,kBACd,oBAAC,kBAAe,UAAS,SAAS,0BAAe;AAAA,QAEnD,cAAc,oBAAC,gBAAa,SAAkB,cAA4B;AAAA,MAC5E;AAAA,MACC,GAAG,SAAS,IAAI;AAAA,MAChB,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,cAAc;","names":[]}