@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-Y3ER5CJ2.js

@@ -1,293 +0,0 @@
-import {
-  indicatorSizeFor,
-  stepColors,
-  stepPalette
-} from "./chunk-VXGCB3GY.js";
-
-// src/components/utility/WorkflowStep/WorkflowStep.parts.tsx
-import Box from "@mui/material/Box/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import { forwardRef, useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var indicatorVariantStyles = (theme, variant, { backgroundColor, borderColor, textColor }) => {
-  if (variant === "outlined") {
-    return {
-      border: `2px solid ${borderColor}`,
-      backgroundColor: theme.palette.background.paper
-    };
-  }
-  const filled = { backgroundColor, color: textColor };
-  switch (variant) {
-    case "filled":
-      return filled;
-    case "minimal":
-      return { ...filled, border: "none" };
-    case "default":
-      return { ...filled, border: `1px solid ${borderColor}` };
-    default:
-      return {};
-  }
-};
-var StepItem = styled(Box, {
-  shouldForwardProp: (prop) => !["orientation", "isLast"].includes(prop)
-})(({ orientation, isLast }) => ({
-  display: "flex",
-  flexDirection: orientation === "vertical" ? "column" : "row",
-  alignItems: orientation === "vertical" ? "flex-start" : "center",
-  flex: orientation === "horizontal" && !isLast ? 1 : "none",
-  position: "relative",
-  minWidth: 0
-  // Allow content to shrink
-}));
-var StepIndicator = styled(Box, {
-  shouldForwardProp: (prop) => !["size", "variant", "color", "isActive", "isCompleted", "isError", "interactive", "disabled"].includes(prop)
-})(({ theme, size, variant, color, isActive, isCompleted, isError, interactive, animated, disabled }) => {
-  const indicatorSize = indicatorSizeFor(size);
-  const palette = stepPalette(theme, color);
-  const { backgroundColor, borderColor, textColor } = stepColors(theme, palette, {
-    isActive,
-    isCompleted,
-    isError,
-    variant
-  });
-  return {
-    width: indicatorSize,
-    height: indicatorSize,
-    borderRadius: "50%",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    fontSize: theme.typography.caption.fontSize,
-    fontWeight: theme.typography.fontWeightMedium,
-    cursor: interactive && !disabled ? "pointer" : "default",
-    transition: animated ? theme.transitions.create(["background-color", "border-color", "transform"], {
-      duration: theme.transitions.duration.short
-    }) : "none",
-    flexShrink: 0,
-    ...indicatorVariantStyles(theme, variant, { backgroundColor, borderColor, textColor }),
-    // Interactive states
-    ...interactive && !disabled && {
-      "&:hover": {
-        transform: "scale(1.1)",
-        boxShadow: theme.shadows[2]
-      },
-      "&:focus-visible": {
-        outline: `2px solid ${palette.main}`,
-        outlineOffset: "2px"
-      }
-    },
-    // Disabled state
-    ...disabled && {
-      opacity: 0.5,
-      cursor: "not-allowed"
-    }
-  };
-});
-var StepContent = styled(Box, {
-  shouldForwardProp: (prop) => !["orientation", "interactive", "disabled"].includes(prop)
-})(({ theme, orientation, interactive, disabled }) => ({
-  display: "flex",
-  flexDirection: "column",
-  alignItems: orientation === "vertical" ? "flex-start" : "center",
-  textAlign: orientation === "vertical" ? "left" : "center",
-  marginTop: orientation === "vertical" ? theme.spacing(1) : theme.spacing(0.5),
-  marginLeft: orientation === "horizontal" ? theme.spacing(1) : 0,
-  cursor: interactive && !disabled ? "pointer" : "default",
-  minWidth: 0,
-  flex: 1,
-  "& .step-title": {
-    fontSize: theme.typography.body2.fontSize,
-    fontWeight: theme.typography.fontWeightMedium,
-    color: theme.palette.text.primary,
-    marginBottom: theme.spacing(0.5),
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    maxWidth: "100%"
-  },
-  "& .step-description": {
-    fontSize: theme.typography.caption.fontSize,
-    color: theme.palette.text.secondary,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    maxWidth: "100%"
-  },
-  ...disabled && {
-    opacity: 0.5
-  }
-}));
-var StepConnector = styled(Box, {
-  shouldForwardProp: (prop) => !["orientation", "isCompleted", "color", "variant"].includes(prop)
-})(({ theme, orientation, isCompleted, color, variant }) => {
-  const colorKey = color || "primary";
-  const colorValue = colorKey === "neutral" ? { main: theme.palette.grey[600] } : theme.palette[colorKey];
-  const connectorColor = isCompleted ? colorValue.main : theme.palette.grey[300];
-  return {
-    flex: 1,
-    position: "relative",
-    ...orientation === "horizontal" && {
-      height: "2px",
-      backgroundColor: connectorColor,
-      margin: `0 ${theme.spacing(1)}`,
-      minWidth: theme.spacing(2)
-    },
-    ...orientation === "vertical" && {
-      width: "2px",
-      backgroundColor: connectorColor,
-      minHeight: theme.spacing(3),
-      marginLeft: theme.spacing(2),
-      position: "absolute",
-      left: "50%",
-      transform: "translateX(-50%)",
-      top: "100%"
-    },
-    transition: theme.transitions.create("background-color", {
-      duration: theme.transitions.duration.short
-    }),
-    ...variant === "minimal" && {
-      opacity: 0.6
-    }
-  };
-});
-var StepIndicatorComponent = forwardRef(({
-  step,
-  index,
-  isActive,
-  isCompleted,
-  isError,
-  variant,
-  color,
-  size,
-  showNumbers,
-  showIcons,
-  completedIcon,
-  errorIcon,
-  interactive,
-  animated,
-  disabled,
-  onClick,
-  "data-testid": dataTestId
-}, ref) => {
-  const handleClick = useCallback(() => {
-    if (interactive && !disabled && onClick) {
-      onClick(index, step);
-    }
-  }, [interactive, disabled, onClick, index, step]);
-  const handleKeyDown = useCallback((event) => {
-    if (interactive && !disabled && (event.key === "Enter" || event.key === " ")) {
-      event.preventDefault();
-      if (onClick) {
-        onClick(index, step);
-      }
-    }
-  }, [interactive, disabled, onClick, index, step]);
-  const renderIndicatorContent = () => {
-    if (isError && errorIcon) {
-      return errorIcon;
-    }
-    if (isCompleted && completedIcon) {
-      return completedIcon;
-    }
-    if (showIcons && step.icon) {
-      return step.icon;
-    }
-    if (showNumbers) {
-      return index + 1;
-    }
-    return null;
-  };
-  return /* @__PURE__ */ jsx(
-    StepIndicator,
-    {
-      ref,
-      size,
-      variant,
-      color,
-      isActive,
-      isCompleted,
-      isError,
-      interactive,
-      animated,
-      disabled: Boolean(disabled || step.disabled),
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      role: interactive ? "button" : void 0,
-      tabIndex: interactive && !disabled && !step.disabled ? 0 : -1,
-      "aria-label": `Step ${index + 1}: ${step.title}`,
-      "aria-current": isActive ? "step" : void 0,
-      "data-testid": dataTestId,
-      children: renderIndicatorContent()
-    }
-  );
-});
-StepIndicatorComponent.displayName = "StepIndicator";
-var StepConnectorComponent = forwardRef(({
-  isCompleted,
-  orientation,
-  variant,
-  color,
-  "data-testid": dataTestId
-}, ref) => /* @__PURE__ */ jsx(
-  StepConnector,
-  {
-    ref,
-    orientation,
-    isCompleted,
-    color,
-    variant,
-    "data-testid": dataTestId
-  }
-));
-StepConnectorComponent.displayName = "StepConnector";
-var StepContentComponent = forwardRef(({
-  step,
-  index,
-  orientation,
-  interactive,
-  disabled,
-  onClick,
-  "data-testid": dataTestId
-}, ref) => {
-  const handleClick = useCallback(() => {
-    if (interactive && !disabled && onClick) {
-      onClick(index, step);
-    }
-  }, [interactive, disabled, onClick, index, step]);
-  const handleKeyDown = useCallback((event) => {
-    if (interactive && !disabled && (event.key === "Enter" || event.key === " ")) {
-      event.preventDefault();
-      if (onClick) {
-        onClick(index, step);
-      }
-    }
-  }, [interactive, disabled, onClick, index, step]);
-  return /* @__PURE__ */ jsxs(
-    StepContent,
-    {
-      ref,
-      orientation,
-      interactive,
-      disabled: Boolean(disabled || step.disabled),
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      role: interactive ? "button" : void 0,
-      tabIndex: interactive && !disabled && !step.disabled ? 0 : -1,
-      "data-testid": dataTestId,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "step-title", children: step.title }),
-        step.description && /* @__PURE__ */ jsx("div", { className: "step-description", children: step.description })
-      ]
-    }
-  );
-});
-StepContentComponent.displayName = "StepContent";
-var StepItemRow = ({ orientation, isLast, children }) => /* @__PURE__ */ jsx(StepItem, { orientation, isLast, children });
-
-export {
-  StepIndicatorComponent,
-  StepConnectorComponent,
-  StepContentComponent,
-  StepItemRow
-};
-//# sourceMappingURL=chunk-Y3ER5CJ2.js.map

package/dist/chunk-Y3ER5CJ2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/utility/WorkflowStep/WorkflowStep.parts.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React, { forwardRef, useCallback } from 'react';\n\nimport type { StepColors } from './WorkflowStep.helpers';\nimport { indicatorSizeFor, stepColors, stepPalette } from './WorkflowStep.helpers';\nimport type {\n  StepConnectorProps,\n  StepContentProps,\n  StepIndicatorProps,\n  WorkflowStepProps,\n} from './WorkflowStep.types';\n\n// `outlined` shows the surface through a coloured rim; the other three fill it and\n// differ only in what border they keep.\nconst indicatorVariantStyles = (\n  theme: Theme,\n  variant: WorkflowStepProps['variant'],\n  { backgroundColor, borderColor, textColor }: StepColors,\n): CSSObject => {\n  if (variant === 'outlined') {\n    return {\n      border: `2px solid ${borderColor}`,\n      backgroundColor: theme.palette.background.paper,\n    };\n  }\n\n  const filled = { backgroundColor, color: textColor };\n\n  switch (variant) {\n    case 'filled':\n      return filled;\n    case 'minimal':\n      return { ...filled, border: 'none' };\n    case 'default':\n      return { ...filled, border: `1px solid ${borderColor}` };\n    default:\n      return {};\n  }\n};\n\nconst StepItem = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'isLast'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  isLast: boolean;\n}>(({ orientation, isLast }) => ({\n  display: 'flex',\n  flexDirection: orientation === 'vertical' ? 'column' : 'row',\n  alignItems: orientation === 'vertical' ? 'flex-start' : 'center',\n  flex: orientation === 'horizontal' && !isLast ? 1 : 'none',\n  position: 'relative',\n  minWidth: 0, // Allow content to shrink\n}));\n\nconst StepIndicator = styled(Box, {\n  shouldForwardProp: (prop) => !['size', 'variant', 'color', 'isActive', 'isCompleted', 'isError', 'interactive', 'disabled'].includes(prop as string),\n})<{\n  size: WorkflowStepProps['size'];\n  variant: WorkflowStepProps['variant'];\n  color: WorkflowStepProps['color'];\n  isActive: boolean;\n  isCompleted: boolean;\n  isError: boolean;\n  interactive: boolean;\n  animated: boolean;\n  disabled: boolean;\n}>(({ theme, size, variant, color, isActive, isCompleted, isError, interactive, animated, disabled }) => {\n  const indicatorSize = indicatorSizeFor(size);\n  const palette = stepPalette(theme, color);\n  const { backgroundColor, borderColor, textColor } = stepColors(theme, palette, {\n    isActive,\n    isCompleted,\n    isError,\n    variant,\n  });\n\n  return {\n    width: indicatorSize,\n    height: indicatorSize,\n    borderRadius: '50%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    fontSize: theme.typography.caption.fontSize,\n    fontWeight: theme.typography.fontWeightMedium,\n    cursor: interactive && !disabled ? 'pointer' : 'default',\n    transition: animated\n      ? theme.transitions.create(['background-color', 'border-color', 'transform'], {\n          duration: theme.transitions.duration.short,\n        })\n      : 'none',\n    flexShrink: 0,\n\n    ...indicatorVariantStyles(theme, variant, { backgroundColor, borderColor, textColor }),\n\n    // Interactive states\n    ...(interactive && !disabled && {\n      '&:hover': {\n        transform: 'scale(1.1)',\n        boxShadow: theme.shadows[2],\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${palette.main}`,\n        outlineOffset: '2px',\n      },\n    }),\n\n    // Disabled state\n    ...(disabled && {\n      opacity: 0.5,\n      cursor: 'not-allowed',\n    }),\n  };\n});\n\nconst StepContent = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'interactive', 'disabled'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  interactive: boolean;\n  disabled: boolean;\n}>(({ theme, orientation, interactive, disabled }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: orientation === 'vertical' ? 'flex-start' : 'center',\n  textAlign: orientation === 'vertical' ? 'left' : 'center',\n  marginTop: orientation === 'vertical' ? theme.spacing(1) : theme.spacing(0.5),\n  marginLeft: orientation === 'horizontal' ? theme.spacing(1) : 0,\n  cursor: interactive && !disabled ? 'pointer' : 'default',\n  minWidth: 0,\n  flex: 1,\n\n  '& .step-title': {\n    fontSize: theme.typography.body2.fontSize,\n    fontWeight: theme.typography.fontWeightMedium,\n    color: theme.palette.text.primary,\n    marginBottom: theme.spacing(0.5),\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: '100%',\n  },\n\n  '& .step-description': {\n    fontSize: theme.typography.caption.fontSize,\n    color: theme.palette.text.secondary,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: '100%',\n  },\n\n  ...(disabled && {\n    opacity: 0.5,\n  }),\n}));\n\nconst StepConnector = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'isCompleted', 'color', 'variant'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  isCompleted: boolean;\n  color: WorkflowStepProps['color'];\n  variant: WorkflowStepProps['variant'];\n}>(({ theme, orientation, isCompleted, color, variant }) => {\n  const colorKey = color || 'primary';\n  const colorValue = colorKey === 'neutral' \n    ? { main: theme.palette.grey[600] }\n    : theme.palette[colorKey as 'primary' | 'secondary' | 'success' | 'warning' | 'error'];\n  const connectorColor = isCompleted ? colorValue.main : theme.palette.grey[300];\n\n  return {\n    flex: 1,\n    position: 'relative',\n    \n    ...(orientation === 'horizontal' && {\n      height: '2px',\n      backgroundColor: connectorColor,\n      margin: `0 ${theme.spacing(1)}`,\n      minWidth: theme.spacing(2),\n    }),\n    \n    ...(orientation === 'vertical' && {\n      width: '2px',\n      backgroundColor: connectorColor,\n      minHeight: theme.spacing(3),\n      marginLeft: theme.spacing(2),\n      position: 'absolute',\n      left: '50%',\n      transform: 'translateX(-50%)',\n      top: '100%',\n    }),\n\n    transition: theme.transitions.create('background-color', {\n      duration: theme.transitions.duration.short,\n    }),\n\n    ...(variant === 'minimal' && {\n      opacity: 0.6,\n    }),\n  };\n});\n\n/**\n * Individual step indicator component\n */\nconst StepIndicatorComponent = forwardRef<HTMLDivElement, StepIndicatorProps>(({\n  step,\n  index,\n  isActive,\n  isCompleted,\n  isError,\n  variant,\n  color,\n  size,\n  showNumbers,\n  showIcons,\n  completedIcon,\n  errorIcon,\n  interactive,\n  animated,\n  disabled,\n  onClick,\n  'data-testid': dataTestId,\n}, ref) => {\n  const handleClick = useCallback(() => {\n    if (interactive && !disabled && onClick) {\n      onClick(index, step);\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  const handleKeyDown = useCallback((event: React.KeyboardEvent) => {\n    if (interactive && !disabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      if (onClick) {\n        onClick(index, step);\n      }\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  const renderIndicatorContent = () => {\n    if (isError && errorIcon) {\n      return errorIcon;\n    }\n    if (isCompleted && completedIcon) {\n      return completedIcon;\n    }\n    if (showIcons && step.icon) {\n      return step.icon;\n    }\n    if (showNumbers) {\n      return index + 1;\n    }\n    return null;\n  };\n\n  return (\n    <StepIndicator\n      ref={ref}\n      size={size}\n      variant={variant}\n      color={color}\n      isActive={isActive}\n      isCompleted={isCompleted}\n      isError={isError}\n      interactive={interactive}\n      animated={animated}\n      disabled={Boolean(disabled || step.disabled)}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      role={interactive ? 'button' : undefined}\n      tabIndex={interactive && !disabled && !step.disabled ? 0 : -1}\n      aria-label={`Step ${index + 1}: ${step.title}`}\n      aria-current={isActive ? 'step' : undefined}\n      data-testid={dataTestId}\n    >\n      {renderIndicatorContent()}\n    </StepIndicator>\n  );\n});\n\nStepIndicatorComponent.displayName = 'StepIndicator';\n\n/**\n * Step connector component\n */\nconst StepConnectorComponent = forwardRef<HTMLDivElement, StepConnectorProps>(({\n  isCompleted,\n  orientation,\n  variant,\n  color,\n  'data-testid': dataTestId,\n}, ref) => (\n  <StepConnector\n    ref={ref}\n    orientation={orientation}\n    isCompleted={isCompleted}\n    color={color}\n    variant={variant}\n    data-testid={dataTestId}\n  />\n));\n\nStepConnectorComponent.displayName = 'StepConnector';\n\n/**\n * Step content component\n */\nconst StepContentComponent = forwardRef<HTMLDivElement, StepContentProps>(({\n  step,\n  index,\n  orientation,\n  interactive,\n  disabled,\n  onClick,\n  'data-testid': dataTestId,\n}, ref) => {\n  const handleClick = useCallback(() => {\n    if (interactive && !disabled && onClick) {\n      onClick(index, step);\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  const handleKeyDown = useCallback((event: React.KeyboardEvent) => {\n    if (interactive && !disabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      if (onClick) {\n        onClick(index, step);\n      }\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  return (\n    <StepContent\n      ref={ref}\n      orientation={orientation}\n      interactive={interactive}\n      disabled={Boolean(disabled || step.disabled)}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      role={interactive ? 'button' : undefined}\n      tabIndex={interactive && !disabled && !step.disabled ? 0 : -1}\n      data-testid={dataTestId}\n    >\n      <div className=\"step-title\">{step.title}</div>\n      {step.description && (\n        <div className=\"step-description\">{step.description}</div>\n      )}\n    </StepContent>\n  );\n});\n\nStepContentComponent.displayName = 'StepContent';\n\n/**\n * A plain wrapper around the styled row. Exporting the styled component itself\n * trips TS2742 — its inferred type names a pnpm-internal @mui/system path.\n */\nexport const StepItemRow: React.FC<{\n  orientation: WorkflowStepProps['orientation'];\n  isLast: boolean;\n  children: React.ReactNode;\n}> = ({ orientation, isLast, children }) => (\n  <StepItem orientation={orientation} isLast={isLast}>\n    {children}\n  </StepItem>\n);\n\nexport { StepConnectorComponent, StepContentComponent, StepIndicatorComponent };\n"],"mappings":"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","names":[]}

package/dist/chunk-Y3IGYWGN.js

@@ -1,171 +0,0 @@
-import {
-  SIZE_VALUES
-} from "./chunk-7ZPUN7TV.js";
-import {
-  DEFAULT_FIELD_HEIGHT,
-  fieldHeightPx
-} from "./chunk-PZBK3F52.js";
-import {
-  decomposeColor,
-  recomposeColor
-} from "./chunk-6JAIFIPW.js";
-
-// src/components/form/Input/Input.metrics.ts
-var muiVariantFor = (variant) => {
-  switch (variant) {
-    case "underline":
-      return "standard";
-    case "glass":
-    case "gradient":
-      return "outlined";
-    default:
-      return variant;
-  }
-};
-var INPUT_MUI_SIZE = {
-  xs: "small",
-  sm: "small",
-  md: "small",
-  lg: "medium",
-  xl: "medium"
-};
-var INPUT_SIZE_OVERRIDES = {
-  xs: { vertical: 6, horizontal: 10 },
-  lg: { vertical: 16, horizontal: 14 },
-  xl: { vertical: 20, horizontal: 16 }
-};
-var MUI_INPUT_PADDING = {
-  outlined: {
-    small: { top: 8.5, right: 14, bottom: 8.5, left: 14 },
-    medium: { top: 16.5, right: 14, bottom: 16.5, left: 14 }
-  },
-  filled: {
-    small: { top: 21, right: 12, bottom: 4, left: 12 },
-    medium: { top: 25, right: 12, bottom: 8, left: 12 }
-  },
-  standard: {
-    small: { top: 1, right: 0, bottom: 5, left: 0 },
-    medium: { top: 4, right: 0, bottom: 5, left: 0 }
-  }
-};
-var AT_FIELD_HEIGHT = {
-  outlined: true,
-  glass: true,
-  gradient: true,
-  filled: false,
-  underline: false
-};
-function inputPadding(variant, size, fieldHeight = DEFAULT_FIELD_HEIGHT) {
-  const override = INPUT_SIZE_OVERRIDES[size];
-  if (AT_FIELD_HEIGHT[variant]) {
-    const vertical = (fieldHeightPx(fieldHeight, size) - INPUT_LINE_HEIGHT) / 2;
-    const horizontal = override?.horizontal ?? MUI_INPUT_PADDING.outlined.small.left;
-    return { top: vertical, right: horizontal, bottom: vertical, left: horizontal };
-  }
-  if (override) {
-    return {
-      top: override.vertical,
-      right: override.horizontal,
-      bottom: override.vertical,
-      left: override.horizontal
-    };
-  }
-  return MUI_INPUT_PADDING[muiVariantFor(variant)][INPUT_MUI_SIZE[size]];
-}
-var INPUT_FONT_SIZE = 16;
-var INPUT_LINE_HEIGHT = 23;
-var PLACEHOLDER_OPACITY = { light: 0.42, dark: 0.5 };
-function placeholderInk(theme) {
-  const opacity = theme.mode === "dark" ? PLACEHOLDER_OPACITY.dark : PLACEHOLDER_OPACITY.light;
-  const { type, values } = decomposeColor(theme.palette.text.primary);
-  const [first = 0, second = 0, third = 0, own = 1] = values;
-  return recomposeColor({
-    type: type.startsWith("hsl") ? "hsla" : "rgba",
-    values: [first, second, third, own * opacity]
-  });
-}
-var INPUT_BORDER = { rest: 1, focused: 2 };
-var UNDERLINE_COLOR = {
-  light: "rgba(0, 0, 0, 0.42)",
-  dark: "rgba(255, 255, 255, 0.7)"
-};
-var INPUT_LABEL = { scale: 0.75, gap: 4 };
-var HELPER_TEXT = {
-  fontSize: 12,
-  lineHeight: 1.66,
-  marginTop: 3,
-  marginTopSmall: 4,
-  marginHorizontal: 14
-};
-var ADORNMENT_GAP = 8;
-var INPUT_LOADING = { opacity: 0.7, spinnerSize: 20 };
-var INPUT_GLOW = {
-  rest: { blur: 15, alpha: 0.3 },
-  focused: { blur: 20, alpha: 0.5 }
-};
-var INPUT_PULSE = {
-  opacity: 0.3,
-  ms: 2e3,
-  spread: 10
-};
-var FLOATING_LABEL = {
-  rest: { x: 14, y: 16 },
-  shrink: { x: 14, y: -9 },
-  scale: 0.75,
-  paddingX: 4
-};
-var INPUT_GLASS = {
-  background: { rest: 0.1, hover: 0.15, focused: 0.2 },
-  blur: 20,
-  hoverBorderAlpha: 0.3,
-  focusRing: { width: 2, alpha: 0.1 }
-};
-var INPUT_GRADIENT = {
-  angleDeg: 135,
-  fill: { rest: 0.1, hover: 0.15, focused: 0.2 },
-  borderWidth: 2
-};
-var FILLED_WASH = { rest: 0.04, hover: 0.08, focused: 0.12 };
-var sizeProps = (size) => {
-  const override = INPUT_SIZE_OVERRIDES[size];
-  return {
-    size: INPUT_MUI_SIZE[size],
-    ...override ? {
-      sx: {
-        "& .MuiInputBase-input": {
-          paddingLeft: `${override.horizontal}px`,
-          paddingRight: `${override.horizontal}px`
-        }
-      }
-    } : {}
-  };
-};
-var SIZE_MAP = Object.fromEntries(
-  SIZE_VALUES.map((size) => [size, sizeProps(size)])
-);
-
-export {
-  muiVariantFor,
-  INPUT_MUI_SIZE,
-  INPUT_SIZE_OVERRIDES,
-  MUI_INPUT_PADDING,
-  inputPadding,
-  INPUT_FONT_SIZE,
-  INPUT_LINE_HEIGHT,
-  PLACEHOLDER_OPACITY,
-  placeholderInk,
-  INPUT_BORDER,
-  UNDERLINE_COLOR,
-  INPUT_LABEL,
-  HELPER_TEXT,
-  ADORNMENT_GAP,
-  INPUT_LOADING,
-  INPUT_GLOW,
-  INPUT_PULSE,
-  FLOATING_LABEL,
-  INPUT_GLASS,
-  INPUT_GRADIENT,
-  FILLED_WASH,
-  SIZE_MAP
-};
-//# sourceMappingURL=chunk-Y3IGYWGN.js.map

package/dist/chunk-Y3IGYWGN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Input/Input.metrics.ts"],"sourcesContent":["import type { InputVariant } from './Input.base';\nimport { decomposeColor, recomposeColor } from '../../../tokens/color';\nimport { DEFAULT_FIELD_HEIGHT, fieldHeightPx } from '../../../tokens/field-height.core';\nimport type { UiTheme } from '../../../tokens/theme';\nimport { SIZE_VALUES, type SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Input` RENDERERS DRAW WITH.\n *\n * `Input.styles.ts` (web, emotion over MUI's `TextField`) and\n * `Input.native.tsx` (React Native) read this one table. The web turns the px\n * into the padding shorthands and rem it has always emitted; native uses the\n * numbers as they are.\n *\n * Two kinds of number live here, and the difference matters:\n *\n *  - the ones `Input.styles.ts` writes itself — the size overrides, the glow,\n *    the pulse, the glass and gradient alphas, the filled wash;\n *  - the ones MUI supplies UNDER those overrides — `OutlinedInput`'s\n *    `16.5px 14px`, `InputBase`'s 23px line box, `FormHelperText`'s 3px lift.\n *    The web never writes them, but it draws them, so a native field that\n *    wants the same box has to know them. They are MUI 6.5's own values,\n *    copied with their source named; a host that re-themes MUI's components\n *    moves the web only, which the parity ledger records.\n */\n\nexport interface InputInset {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\n/** MUI gives a text field two heights; the house scale has five. */\nexport type MuiInputSize = 'small' | 'medium';\nexport type MuiInputVariant = 'outlined' | 'filled' | 'standard';\n\n/** Our five variants map onto MUI's three; `glass` and `gradient` restyle an outline. */\nexport const muiVariantFor = (variant: InputVariant): MuiInputVariant => {\n  switch (variant) {\n    case 'underline':\n      return 'standard';\n    case 'glass':\n    case 'gradient':\n      return 'outlined';\n    default:\n      return variant;\n  }\n};\n\n/**\n * Which of MUI's two densities each step asks for — its label offsets and\n * helper-text lift. The HEIGHT is not MUI's: every outlined step is drawn at\n * the theme's field height (`tokens/field-height`), which puts `md` at MUI's\n * small 40px, so `md` takes the small density with it.\n */\nexport const INPUT_MUI_SIZE: Record<SizeValue, MuiInputSize> = {\n  xs: 'small',\n  sm: 'small',\n  md: 'small',\n  lg: 'medium',\n  xl: 'medium',\n};\n\n/**\n * The horizontal inset of the steps that have their own, and — for `filled` and\n * `underline`, which are not drawn at the field height — their vertical one.\n * An outlined-family field takes its vertical inset from the field height\n * instead ({@link inputPadding}).\n */\nexport const INPUT_SIZE_OVERRIDES: Partial<Record<SizeValue, { vertical: number; horizontal: number }>> = {\n  xs: { vertical: 6, horizontal: 10 },\n  lg: { vertical: 16, horizontal: 14 },\n  xl: { vertical: 20, horizontal: 16 },\n};\n\n/**\n * MUI's own input padding per variant and height (`OutlinedInput`,\n * `FilledInput`, `InputBase`). The filled insets are lopsided because the\n * floating label sits inside the box on the web.\n */\nexport const MUI_INPUT_PADDING: Record<MuiInputVariant, Record<MuiInputSize, InputInset>> = {\n  outlined: {\n    small: { top: 8.5, right: 14, bottom: 8.5, left: 14 },\n    medium: { top: 16.5, right: 14, bottom: 16.5, left: 14 },\n  },\n  filled: {\n    small: { top: 21, right: 12, bottom: 4, left: 12 },\n    medium: { top: 25, right: 12, bottom: 8, left: 12 },\n  },\n  standard: {\n    small: { top: 1, right: 0, bottom: 5, left: 0 },\n    medium: { top: 4, right: 0, bottom: 5, left: 0 },\n  },\n};\n\n/** The variants drawn at the theme's field height: the outline and the two that restyle it. */\nconst AT_FIELD_HEIGHT: Record<InputVariant, boolean> = {\n  outlined: true,\n  glass: true,\n  gradient: true,\n  filled: false,\n  underline: false,\n};\n\n/**\n * The inset the value is drawn at.\n *\n * An outlined-family field is the theme's field height tall, so its vertical\n * inset is whatever centres the 23px line in that height; its horizontal inset\n * is the size override's, or MUI's 14px. `filled` and `underline` keep their\n * own heights — their label sits inside the box — so they keep MUI's insets.\n */\nexport function inputPadding(\n  variant: InputVariant,\n  size: SizeValue,\n  fieldHeight: number = DEFAULT_FIELD_HEIGHT,\n): InputInset {\n  const override = INPUT_SIZE_OVERRIDES[size];\n  if (AT_FIELD_HEIGHT[variant]) {\n    const vertical = (fieldHeightPx(fieldHeight, size) - INPUT_LINE_HEIGHT) / 2;\n    const horizontal = override?.horizontal ?? MUI_INPUT_PADDING.outlined.small.left;\n    return { top: vertical, right: horizontal, bottom: vertical, left: horizontal };\n  }\n  if (override) {\n    return {\n      top: override.vertical,\n      right: override.horizontal,\n      bottom: override.vertical,\n      left: override.horizontal,\n    };\n  }\n  return MUI_INPUT_PADDING[muiVariantFor(variant)][INPUT_MUI_SIZE[size]];\n}\n\n/** `theme.typography.body1` and `InputBase`'s `lineHeight: '1.4375em'`, in px. */\nexport const INPUT_FONT_SIZE = 16;\nexport const INPUT_LINE_HEIGHT = 23;\n\n/** MUI's `::placeholder` opacity, which multiplies the ink's own alpha. */\nexport const PLACEHOLDER_OPACITY = { light: 0.42, dark: 0.5 } as const;\n\n/**\n * The placeholder's colour: the field's ink faded by MUI's opacity.\n *\n * `alpha()` REPLACES an alpha channel, and `text.primary` already carries one\n * (`rgba(0, 0, 0, 0.87)`), so `alpha(ink, 0.42)` would be a different grey from\n * the one the browser composites. React Native has no per-placeholder opacity —\n * only `placeholderTextColor` — so the multiplication happens here.\n */\nexport function placeholderInk(theme: UiTheme): string {\n  const opacity = theme.mode === 'dark' ? PLACEHOLDER_OPACITY.dark : PLACEHOLDER_OPACITY.light;\n  const { type, values } = decomposeColor(theme.palette.text.primary);\n  const [first = 0, second = 0, third = 0, own = 1] = values;\n  return recomposeColor({\n    type: type.startsWith('hsl') ? 'hsla' : 'rgba',\n    values: [first, second, third, own * opacity],\n  });\n}\n\n/** The outline: 1px at rest, 2px focused, as MUI's `notchedOutline` draws it. */\nexport const INPUT_BORDER = { rest: 1, focused: 2 } as const;\n\n/** `FilledInput`'s and `Input`'s resting underline, MUI's own two greys. */\nexport const UNDERLINE_COLOR = {\n  light: 'rgba(0, 0, 0, 0.42)',\n  dark: 'rgba(255, 255, 255, 0.7)',\n} as const;\n\n/**\n * The label. It floats into the border on the web and sits above the field on\n * native, but it is the SAME label: 16px body type at MUI's shrunk scale, and\n * left-aligned with the value it names ({@link inputPadding}'s `left`).\n *\n * The 4px gap is MUI's own: a standard field puts 16px between the control's\n * top and the input, and the shrunk label's 12px line box takes the first 12.\n */\nexport const INPUT_LABEL = { scale: 0.75, gap: 4 } as const;\n\n/** `FormHelperText`: `theme.typography.caption` lifted 3px, inset 14px when contained. */\nexport const HELPER_TEXT = {\n  fontSize: 12,\n  lineHeight: 1.66,\n  marginTop: 3,\n  marginTopSmall: 4,\n  marginHorizontal: 14,\n} as const;\n\n/** `InputAdornment`: 8px between the glyph and the value, on whichever side it is. */\nexport const ADORNMENT_GAP = 8;\n\n/** `loading`: the field fades and MUI's 20px `CircularProgress` takes the end slot. */\nexport const INPUT_LOADING = { opacity: 0.7, spinnerSize: 20 } as const;\n\n/** `glow`: a halo of the primary hue, wider and stronger while focused. */\nexport const INPUT_GLOW = {\n  rest: { blur: 15, alpha: 0.3 },\n  focused: { blur: 20, alpha: 0.5 },\n} as const;\n\n/**\n * `pulse`: a bar behind the field, fading outward every two seconds. Its height\n * and corner are the field's own — the theme's field height and radius.\n */\nexport const INPUT_PULSE = {\n  opacity: 0.3,\n  ms: 2000,\n  spread: 10,\n} as const;\n\n/** `floating`: where the label rests and where it shrinks to, on the web. */\nexport const FLOATING_LABEL = {\n  rest: { x: 14, y: 16 },\n  shrink: { x: 14, y: -9 },\n  scale: 0.75,\n  paddingX: 4,\n} as const;\n\n/** `glass`: a wash of paper under a blur, brighter as the field is engaged. */\nexport const INPUT_GLASS = {\n  background: { rest: 0.1, hover: 0.15, focused: 0.2 },\n  blur: 20,\n  hoverBorderAlpha: 0.3,\n  focusRing: { width: 2, alpha: 0.1 },\n} as const;\n\n/** `gradient`: a 135° fill between the two brand hues, inside a 2px masked ring. */\nexport const INPUT_GRADIENT = {\n  angleDeg: 135,\n  fill: { rest: 0.1, hover: 0.15, focused: 0.2 },\n  borderWidth: 2,\n} as const;\n\n/** `filled`: MUI's own grey replaced by a wash of `action.hover`. */\nexport const FILLED_WASH = { rest: 0.04, hover: 0.08, focused: 0.12 } as const;\n\n/**\n * The props the web spreads onto the `TextField` for a size: MUI's density, and\n * the horizontal inset of the steps that have their own. The HEIGHT is not\n * here — `Input.tsx` draws every outlined step at the theme's field height.\n */\nexport interface InputSizeProps {\n  size: MuiInputSize;\n  sx?: { '& .MuiInputBase-input': { paddingLeft: string; paddingRight: string } };\n}\n\nconst sizeProps = (size: SizeValue): InputSizeProps => {\n  const override = INPUT_SIZE_OVERRIDES[size];\n  return {\n    size: INPUT_MUI_SIZE[size],\n    ...(override\n      ? {\n          sx: {\n            '& .MuiInputBase-input': {\n              paddingLeft: `${override.horizontal}px`,\n              paddingRight: `${override.horizontal}px`,\n            },\n          },\n        }\n      : {}),\n  };\n};\n\nexport const SIZE_MAP: Record<SizeValue, InputSizeProps> = Object.fromEntries(\n  SIZE_VALUES.map((size) => [size, sizeProps(size)]),\n) as Record<SizeValue, InputSizeProps>;\n"],"mappings":"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","names":[]}

package/dist/chunk-Y5UCOBQN.js

@@ -1,37 +0,0 @@
-import {
-  DataViewsScopeTabs
-} from "./chunk-LYKV3C7B.js";
-import {
-  useDataViewsLayout
-} from "./chunk-ZPIMPOHV.js";
-
-// src/components/data-display/DataViews/data-views-scope-tabs.tsx
-import { jsx } from "react/jsx-runtime";
-function ScopeTabsSlot({
-  scopes,
-  scopeFieldId,
-  board,
-  value,
-  onChange,
-  counts,
-  testIdPrefix
-}) {
-  const { layout } = useDataViewsLayout();
-  const boardOwnsThisPartition = layout === "board" && Boolean(scopeFieldId) && scopeFieldId === board?.groupBy;
-  if (boardOwnsThisPartition) return null;
-  return /* @__PURE__ */ jsx(
-    DataViewsScopeTabs,
-    {
-      scopes,
-      value,
-      onChange,
-      counts,
-      testIdPrefix
-    }
-  );
-}
-
-export {
-  ScopeTabsSlot
-};
-//# sourceMappingURL=chunk-Y5UCOBQN.js.map

package/dist/chunk-Y7ZS724A.js

@@ -1,109 +0,0 @@
-import {
-  LEAD_FONT_SIZE,
-  LEAD_LETTER_SPACING_EM,
-  LEAD_LINE_HEIGHT,
-  MUTED_OPACITY,
-  PARAGRAPH_FONT_WEIGHT,
-  PARAGRAPH_MARGIN_BOTTOM_EM,
-  PARAGRAPH_SIZES,
-  SMALL_FONT_SIZE,
-  SMALL_LINE_HEIGHT
-} from "./chunk-QKLGH3RZ.js";
-import {
-  resolveTestId,
-  withoutTestIdProps
-} from "./chunk-TYJR4GOF.js";
-import {
-  px
-} from "./chunk-PE4ZW3IA.js";
-
-// src/components/typography/Paragraph/Paragraph.tsx
-import Typography from "@mui/material/Typography/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return theme.palette.text.primary;
-  }
-  const colorMap = {
-    primary: theme.palette.primary.main,
-    secondary: theme.palette.secondary.main,
-    success: theme.palette.success.main,
-    warning: theme.palette.warning.main,
-    info: theme.palette.info.main,
-    danger: theme.palette.error.main
-  };
-  return colorMap[color] || theme.palette.text.primary;
-};
-var sizeMap = Object.fromEntries(
-  Object.entries(PARAGRAPH_SIZES).map(([size, step]) => [
-    size,
-    { fontSize: px(step.fontSize), lineHeight: step.lineHeight }
-  ])
-);
-var sizeOverride = (customSize, atDefault) => customSize === "md" ? px(atDefault) : sizeMap[customSize]?.fontSize;
-var StyledParagraph = styled(Typography, {
-  shouldForwardProp: (prop) => !["customVariant", "customColor", "customSize"].includes(prop)
-})(({ theme, customVariant = "default", customColor = "neutral", customSize = "md" }) => {
-  const textColor = getColorFromTheme(theme, customColor);
-  const baseStyles = {
-    fontFamily: theme.typography.body1.fontFamily,
-    margin: `0 0 ${PARAGRAPH_MARGIN_BOTTOM_EM}em 0`,
-    transition: "all 0.2s ease",
-    ...sizeMap[customSize]
-  };
-  const variantStyles = {
-    default: {
-      ...baseStyles,
-      color: textColor,
-      fontWeight: PARAGRAPH_FONT_WEIGHT
-    },
-    lead: {
-      ...baseStyles,
-      color: textColor,
-      fontWeight: PARAGRAPH_FONT_WEIGHT,
-      fontSize: sizeOverride(customSize, LEAD_FONT_SIZE),
-      lineHeight: LEAD_LINE_HEIGHT,
-      letterSpacing: `${LEAD_LETTER_SPACING_EM}em`
-    },
-    muted: {
-      ...baseStyles,
-      color: theme.palette.text.secondary,
-      fontWeight: PARAGRAPH_FONT_WEIGHT,
-      opacity: MUTED_OPACITY
-    },
-    small: {
-      ...baseStyles,
-      color: theme.palette.text.secondary,
-      fontSize: sizeOverride(customSize, SMALL_FONT_SIZE),
-      fontWeight: PARAGRAPH_FONT_WEIGHT,
-      lineHeight: SMALL_LINE_HEIGHT
-    }
-  };
-  return variantStyles[customVariant] || variantStyles.default;
-});
-var Paragraph = React.forwardRef(
-  ({ variant = "default", color = "neutral", size = "md", children, ...others }, ref) => {
-    const testId = resolveTestId(others);
-    const props = withoutTestIdProps(others);
-    return /* @__PURE__ */ jsx(
-      StyledParagraph,
-      {
-        ref,
-        "data-testid": testId,
-        customVariant: variant,
-        customColor: color,
-        customSize: size,
-        ...props,
-        children
-      }
-    );
-  }
-);
-Paragraph.displayName = "Paragraph";
-
-export {
-  Paragraph
-};
-//# sourceMappingURL=chunk-Y7ZS724A.js.map