@12-apps/ui 6.11.1 → 6.12.1

package/dist/chunk-6I75JTFO.js

@@ -0,0 +1,72 @@
+import {
+  separatorMargin,
+  separatorStyles
+} from "./chunk-IFPTVHYR.js";
+
+// src/components/layout/Separator/Separator.tsx
+import Box from "@mui/material/Box/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Separator = ({
+  variant = "solid",
+  orientation = "horizontal",
+  size = "md",
+  color,
+  margin,
+  length,
+  children,
+  className,
+  "data-testid": dataTestId
+}) => {
+  const theme = useTheme();
+  const styles = separatorStyles(theme, { variant, orientation, size, color, margin, length });
+  if (children) {
+    const isHorizontal = orientation === "horizontal";
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        className,
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          margin: separatorMargin(size, margin),
+          flexDirection: isHorizontal ? "row" : "column",
+          gap: theme.spacing(2)
+        },
+        children: [
+          /* @__PURE__ */ jsx(Box, { sx: styles }),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "body2",
+              color: "text.secondary",
+              sx: {
+                flexShrink: 0,
+                padding: theme.spacing(0, 1),
+                backgroundColor: theme.palette.background.default
+              },
+              children
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { sx: styles })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className,
+      sx: styles,
+      role: "separator",
+      "aria-orientation": orientation,
+      "data-testid": dataTestId
+    }
+  );
+};
+
+export {
+  Separator
+};
+//# sourceMappingURL=chunk-6I75JTFO.js.map

package/dist/chunk-6I75JTFO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Separator/Separator.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { separatorMargin, separatorStyles } from './Separator.styles';\nimport type { SeparatorProps } from './Separator.types';\n\nexport const Separator: React.FC<SeparatorProps> = ({\n  variant = 'solid',\n  orientation = 'horizontal',\n  size = 'md',\n  color,\n  margin,\n  length,\n  children,\n  className,\n  'data-testid': dataTestId,\n}) => {\n  const theme = useTheme();\n  const styles = separatorStyles(theme, { variant, orientation, size, color, margin, length });\n\n  if (children) {\n    const isHorizontal = orientation === 'horizontal';\n\n    return (\n      <Box\n        className={className}\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          margin: separatorMargin(size, margin),\n          flexDirection: isHorizontal ? 'row' : 'column',\n          gap: theme.spacing(2),\n        }}\n      >\n        <Box sx={styles} />\n        <Typography\n          variant=\"body2\"\n          color=\"text.secondary\"\n          sx={{\n            flexShrink: 0,\n            padding: theme.spacing(0, 1),\n            backgroundColor: theme.palette.background.default,\n          }}\n        >\n          {children}\n        </Typography>\n        <Box sx={styles} />\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      className={className}\n      sx={styles}\n      role=\"separator\"\n      aria-orientation={orientation}\n      data-testid={dataTestId}\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,gBAAgB;AACvB,SAAS,gBAAgB;AAwBnB,SAUE,KAVF;AAlBC,IAAM,YAAsC,CAAC;AAAA,EAClD,UAAU;AAAA,EACV,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,SAAS,gBAAgB,OAAO,EAAE,SAAS,aAAa,MAAM,OAAO,QAAQ,OAAO,CAAC;AAE3F,MAAI,UAAU;AACZ,UAAM,eAAe,gBAAgB;AAErC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,IAAI;AAAA,UACF,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,gBAAgB,MAAM,MAAM;AAAA,UACpC,eAAe,eAAe,QAAQ;AAAA,UACtC,KAAK,MAAM,QAAQ,CAAC;AAAA,QACtB;AAAA,QAEA;AAAA,8BAAC,OAAI,IAAI,QAAQ;AAAA,UACjB;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,IAAI;AAAA,gBACF,YAAY;AAAA,gBACZ,SAAS,MAAM,QAAQ,GAAG,CAAC;AAAA,gBAC3B,iBAAiB,MAAM,QAAQ,WAAW;AAAA,cAC5C;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,OAAI,IAAI,QAAQ;AAAA;AAAA;AAAA,IACnB;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,oBAAkB;AAAA,MAClB,eAAa;AAAA;AAAA,EACf;AAEJ;","names":[]}

package/dist/chunk-6PRA45LC.js

@@ -0,0 +1,156 @@
+import {
+  dynamicViewportHeight
+} from "./chunk-AKZWDZCZ.js";
+
+// src/components/feedback/Dialog/Dialog.styles.ts
+import { alpha, keyframes } from "@mui/material/styles/index.js";
+var pulseAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 1;
+  }
+  70% {
+    box-shadow: 0 0 0 20px currentColor;
+    opacity: 0;
+  }
+  100% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 0;
+  }
+`;
+function borderRadiusOf(theme, borderRadius) {
+  switch (borderRadius) {
+    case "none":
+      return 0;
+    case "sm":
+      return theme.spacing(0.5);
+    case "md":
+      return theme.spacing(1);
+    case "xl":
+      return theme.spacing(3);
+    case "lg":
+    default:
+      return theme.spacing(2);
+  }
+}
+function maxWidthOf(size) {
+  switch (size) {
+    case "xs":
+      return 400;
+    case "sm":
+      return 600;
+    case "lg":
+      return 1e3;
+    case "xl":
+      return 1200;
+    case "md":
+    default:
+      return 800;
+  }
+}
+function baseStylesOf(theme, opts) {
+  return {
+    borderRadius: borderRadiusOf(theme, opts.borderRadius),
+    maxWidth: maxWidthOf(opts.size),
+    width: "90vw",
+    margin: theme.spacing(2),
+    transition: theme.transitions.create(
+      ["box-shadow", "background-color", "backdrop-filter"],
+      { duration: theme.transitions.duration.standard }
+    )
+  };
+}
+function glowStylesOf(theme, glow) {
+  return glow ? { boxShadow: `0 0 40px ${alpha(theme.palette.primary.main, 0.3)}` } : {};
+}
+function pulseStylesOf(theme, pulse) {
+  if (!pulse) return {};
+  return {
+    position: "relative",
+    "&::after": {
+      content: '""',
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      borderRadius: "inherit",
+      backgroundColor: theme.palette.primary.main,
+      opacity: 0.3,
+      animation: `${pulseAnimation} 2s infinite`,
+      pointerEvents: "none",
+      zIndex: -1
+    }
+  };
+}
+function defaultVariantStyles(theme, opts) {
+  const gradientStyles = opts.gradient ? {
+    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`,
+    backdropFilter: "blur(10px)"
+  } : {};
+  return {
+    ...gradientStyles,
+    backgroundColor: opts.glass ? alpha(theme.palette.background.paper, 0.1) : theme.palette.background.paper,
+    backdropFilter: opts.glass ? "blur(20px)" : "none",
+    border: opts.glass ? `1px solid ${alpha(theme.palette.primary.main, 0.2)}` : "none"
+  };
+}
+function variantStylesOf(theme, opts) {
+  const decorations = {
+    ...glowStylesOf(theme, opts.glow),
+    ...pulseStylesOf(theme, opts.pulse)
+  };
+  switch (opts.variant) {
+    case "glass":
+      return {
+        ...baseStylesOf(theme, opts),
+        ...decorations,
+        backgroundColor: alpha(theme.palette.background.paper, 0.1),
+        backdropFilter: "blur(20px)",
+        border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
+        boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`
+      };
+    case "fullscreen":
+      return {
+        borderRadius: 0,
+        margin: 0,
+        width: "100vw",
+        // `100dvh`, not `100vh` — see `dynamicViewportHeight`.
+        ...dynamicViewportHeight("height"),
+        maxWidth: "none",
+        maxHeight: "none",
+        ...decorations
+      };
+    case "drawer": {
+      const radius = borderRadiusOf(theme, opts.borderRadius);
+      return {
+        borderRadius: `${radius}px 0 0 ${radius}px`,
+        margin: 0,
+        width: maxWidthOf(opts.size),
+        ...dynamicViewportHeight("height"),
+        maxHeight: "none",
+        position: "absolute",
+        right: 0,
+        ...decorations
+      };
+    }
+    default:
+      return {
+        ...baseStylesOf(theme, opts),
+        ...decorations,
+        ...defaultVariantStyles(theme, opts)
+      };
+  }
+}
+function backdropSxOf(theme, glass) {
+  return {
+    backgroundColor: glass ? alpha(theme.palette.common.black, 0.2) : alpha(theme.palette.common.black, 0.5),
+    backdropFilter: glass ? "blur(8px)" : "none"
+  };
+}
+
+export {
+  variantStylesOf,
+  backdropSxOf
+};
+//# sourceMappingURL=chunk-6PRA45LC.js.map

package/dist/chunk-6PRA45LC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.styles.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport { alpha, keyframes } from '@mui/material/styles/index.js';\n\nimport { dynamicViewportHeight } from '../../../utils/viewport';\nimport type { DialogProps } from './Dialog.types';\n\n/**\n * Paper/backdrop styling for the Dialog component (FUT-181 gate cleanup):\n * pure helpers so `Dialog.tsx` stays within the size/complexity budget.\n */\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 20px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\n/** Style toggles that shape the dialog paper (extracted so each fn stays small). */\ninterface VariantStyleOptions {\n  variant: NonNullable<DialogProps['variant']>;\n  size: NonNullable<DialogProps['size']>;\n  borderRadius: NonNullable<DialogProps['borderRadius']>;\n  glass: boolean;\n  gradient: boolean;\n  glow: boolean;\n  pulse: boolean;\n}\n\nfunction borderRadiusOf(theme: Theme, borderRadius: VariantStyleOptions['borderRadius']) {\n  switch (borderRadius) {\n    case 'none': return 0;\n    case 'sm': return theme.spacing(0.5);\n    case 'md': return theme.spacing(1);\n    case 'xl': return theme.spacing(3);\n    case 'lg':\n    default: return theme.spacing(2);\n  }\n}\n\nfunction maxWidthOf(size: VariantStyleOptions['size']): number {\n  switch (size) {\n    case 'xs': return 400;\n    case 'sm': return 600;\n    case 'lg': return 1000;\n    case 'xl': return 1200;\n    case 'md':\n    default: return 800;\n  }\n}\n\nfunction baseStylesOf(theme: Theme, opts: VariantStyleOptions) {\n  return {\n    borderRadius: borderRadiusOf(theme, opts.borderRadius),\n    maxWidth: maxWidthOf(opts.size),\n    width: '90vw',\n    margin: theme.spacing(2),\n    transition: theme.transitions.create(\n      ['box-shadow', 'background-color', 'backdrop-filter'],\n      { duration: theme.transitions.duration.standard },\n    ),\n  };\n}\n\nfunction glowStylesOf(theme: Theme, glow: boolean) {\n  return glow ? { boxShadow: `0 0 40px ${alpha(theme.palette.primary.main, 0.3)}` } : {};\n}\n\nfunction pulseStylesOf(theme: Theme, pulse: boolean) {\n  if (!pulse) return {};\n  return {\n    position: 'relative' as const,\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute' as const,\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      borderRadius: 'inherit',\n      backgroundColor: theme.palette.primary.main,\n      opacity: 0.3,\n      animation: `${pulseAnimation} 2s infinite`,\n      pointerEvents: 'none' as const,\n      zIndex: -1,\n    },\n  };\n}\n\n/** The default variant's paper: optional gradient/glass over the base styles. */\nfunction defaultVariantStyles(theme: Theme, opts: VariantStyleOptions) {\n  const gradientStyles = opts.gradient\n    ? {\n        background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`,\n        backdropFilter: 'blur(10px)',\n      }\n    : {};\n  return {\n    ...gradientStyles,\n    backgroundColor: opts.glass\n      ? alpha(theme.palette.background.paper, 0.1)\n      : theme.palette.background.paper,\n    backdropFilter: opts.glass ? 'blur(20px)' : 'none',\n    border: opts.glass ? `1px solid ${alpha(theme.palette.primary.main, 0.2)}` : 'none',\n  };\n}\n\nexport function variantStylesOf(theme: Theme, opts: VariantStyleOptions): SxProps<Theme> {\n  const decorations = {\n    ...glowStylesOf(theme, opts.glow),\n    ...pulseStylesOf(theme, opts.pulse),\n  };\n  switch (opts.variant) {\n    case 'glass':\n      return {\n        ...baseStylesOf(theme, opts),\n        ...decorations,\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n        boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`,\n      };\n    case 'fullscreen':\n      return {\n        borderRadius: 0,\n        margin: 0,\n        width: '100vw',\n        // `100dvh`, not `100vh` — see `dynamicViewportHeight`.\n        ...dynamicViewportHeight('height'),\n        maxWidth: 'none',\n        maxHeight: 'none',\n        ...decorations,\n      };\n    case 'drawer': {\n      const radius = borderRadiusOf(theme, opts.borderRadius);\n      return {\n        borderRadius: `${radius}px 0 0 ${radius}px`,\n        margin: 0,\n        width: maxWidthOf(opts.size),\n        ...dynamicViewportHeight('height'),\n        maxHeight: 'none',\n        position: 'absolute' as const,\n        right: 0,\n        ...decorations,\n      };\n    }\n    default:\n      return {\n        ...baseStylesOf(theme, opts),\n        ...decorations,\n        ...defaultVariantStyles(theme, opts),\n      };\n  }\n}\n\nexport function backdropSxOf(theme: Theme, glass: boolean) {\n  return {\n    backgroundColor: glass\n      ? alpha(theme.palette.common.black, 0.2)\n      : alpha(theme.palette.common.black, 0.5),\n    backdropFilter: glass ? 'blur(8px)' : 'none',\n  };\n}\n\n"],"mappings":";;;;;AACA,SAAS,OAAO,iBAAiB;AAWjC,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BvB,SAAS,eAAe,OAAc,cAAmD;AACvF,UAAQ,cAAc;AAAA,IACpB,KAAK;AAAQ,aAAO;AAAA,IACpB,KAAK;AAAM,aAAO,MAAM,QAAQ,GAAG;AAAA,IACnC,KAAK;AAAM,aAAO,MAAM,QAAQ,CAAC;AAAA,IACjC,KAAK;AAAM,aAAO,MAAM,QAAQ,CAAC;AAAA,IACjC,KAAK;AAAA,IACL;AAAS,aAAO,MAAM,QAAQ,CAAC;AAAA,EACjC;AACF;AAEA,SAAS,WAAW,MAA2C;AAC7D,UAAQ,MAAM;AAAA,IACZ,KAAK;AAAM,aAAO;AAAA,IAClB,KAAK;AAAM,aAAO;AAAA,IAClB,KAAK;AAAM,aAAO;AAAA,IAClB,KAAK;AAAM,aAAO;AAAA,IAClB,KAAK;AAAA,IACL;AAAS,aAAO;AAAA,EAClB;AACF;AAEA,SAAS,aAAa,OAAc,MAA2B;AAC7D,SAAO;AAAA,IACL,cAAc,eAAe,OAAO,KAAK,YAAY;AAAA,IACrD,UAAU,WAAW,KAAK,IAAI;AAAA,IAC9B,OAAO;AAAA,IACP,QAAQ,MAAM,QAAQ,CAAC;AAAA,IACvB,YAAY,MAAM,YAAY;AAAA,MAC5B,CAAC,cAAc,oBAAoB,iBAAiB;AAAA,MACpD,EAAE,UAAU,MAAM,YAAY,SAAS,SAAS;AAAA,IAClD;AAAA,EACF;AACF;AAEA,SAAS,aAAa,OAAc,MAAe;AACjD,SAAO,OAAO,EAAE,WAAW,YAAY,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC;AACvF;AAEA,SAAS,cAAc,OAAc,OAAgB;AACnD,MAAI,CAAC,MAAO,QAAO,CAAC;AACpB,SAAO;AAAA,IACL,UAAU;AAAA,IACV,YAAY;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,iBAAiB,MAAM,QAAQ,QAAQ;AAAA,MACvC,SAAS;AAAA,MACT,WAAW,GAAG,cAAc;AAAA,MAC5B,eAAe;AAAA,MACf,QAAQ;AAAA,IACV;AAAA,EACF;AACF;AAGA,SAAS,qBAAqB,OAAc,MAA2B;AACrE,QAAM,iBAAiB,KAAK,WACxB;AAAA,IACE,YAAY,2BAA2B,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC,KAAK,MAAM,MAAM,QAAQ,UAAU,MAAM,GAAG,CAAC;AAAA,IAC1H,gBAAgB;AAAA,EAClB,IACA,CAAC;AACL,SAAO;AAAA,IACL,GAAG;AAAA,IACH,iBAAiB,KAAK,QAClB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,IACzC,MAAM,QAAQ,WAAW;AAAA,IAC7B,gBAAgB,KAAK,QAAQ,eAAe;AAAA,IAC5C,QAAQ,KAAK,QAAQ,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC,KAAK;AAAA,EAC/E;AACF;AAEO,SAAS,gBAAgB,OAAc,MAA2C;AACvF,QAAM,cAAc;AAAA,IAClB,GAAG,aAAa,OAAO,KAAK,IAAI;AAAA,IAChC,GAAG,cAAc,OAAO,KAAK,KAAK;AAAA,EACpC;AACA,UAAQ,KAAK,SAAS;AAAA,IACpB,KAAK;AACH,aAAO;AAAA,QACL,GAAG,aAAa,OAAO,IAAI;AAAA,QAC3B,GAAG;AAAA,QACH,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,QAC1D,gBAAgB;AAAA,QAChB,QAAQ,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC;AAAA,QAC3D,WAAW,cAAc,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,CAAC;AAAA,MACjE;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,OAAO;AAAA;AAAA,QAEP,GAAG,sBAAsB,QAAQ;AAAA,QACjC,UAAU;AAAA,QACV,WAAW;AAAA,QACX,GAAG;AAAA,MACL;AAAA,IACF,KAAK,UAAU;AACb,YAAM,SAAS,eAAe,OAAO,KAAK,YAAY;AACtD,aAAO;AAAA,QACL,cAAc,GAAG,MAAM,UAAU,MAAM;AAAA,QACvC,QAAQ;AAAA,QACR,OAAO,WAAW,KAAK,IAAI;AAAA,QAC3B,GAAG,sBAAsB,QAAQ;AAAA,QACjC,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO;AAAA,QACP,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA;AACE,aAAO;AAAA,QACL,GAAG,aAAa,OAAO,IAAI;AAAA,QAC3B,GAAG;AAAA,QACH,GAAG,qBAAqB,OAAO,IAAI;AAAA,MACrC;AAAA,EACJ;AACF;AAEO,SAAS,aAAa,OAAc,OAAgB;AACzD,SAAO;AAAA,IACL,iBAAiB,QACb,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,IACrC,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG;AAAA,IACzC,gBAAgB,QAAQ,cAAc;AAAA,EACxC;AACF;","names":[]}

package/dist/chunk-6TSP45KC.js

@@ -0,0 +1,260 @@
+import {
+  highlightLabel
+} from "./chunk-XBHQT4BQ.js";
+
+// src/components/form/Autocomplete/Autocomplete.parts.tsx
+import LinkIcon from "@mui/icons-material/Link";
+import SearchIcon from "@mui/icons-material/Search";
+import Box from "@mui/material/Box/index.js";
+import Chip from "@mui/material/Chip/index.js";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import List from "@mui/material/List/index.js";
+import ListItem from "@mui/material/ListItem/index.js";
+import ListItemText from "@mui/material/ListItemText/index.js";
+import Paper from "@mui/material/Paper/index.js";
+import Popper from "@mui/material/Popper/index.js";
+import TextField from "@mui/material/TextField/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { styled } from "@mui/material/styles/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledPopper = styled(Popper)(({ theme }) => ({
+  zIndex: theme.zIndex.tooltip,
+  width: "100%",
+  maxHeight: 300,
+  overflow: "auto",
+  // Popper.js writes the computed position (and stamps `data-popper-placement`)
+  // in a layout effect that can land AFTER the first paint. Until it does, the
+  // element would paint once unpositioned — at the offset-parent origin, far
+  // left and full width — then jump under the input, a visible per-keystroke
+  // flash as the list re-renders. Hide that unpositioned first frame; it becomes
+  // visible the instant popper assigns a placement.
+  "&:not([data-popper-placement])": { visibility: "hidden" }
+}));
+var InlineSuggestionDisplay = styled("div")(() => ({
+  position: "absolute",
+  pointerEvents: "none",
+  left: "14px",
+  // Match TextField padding
+  top: "50%",
+  transform: "translateY(-50%)",
+  fontSize: "inherit",
+  fontFamily: "inherit",
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  zIndex: 1
+}));
+var UserTextTwin = styled("span")({
+  visibility: "hidden"
+});
+var GhostText = styled("span")(({ theme }) => ({
+  color: theme.palette.text.secondary,
+  opacity: 0.6
+}));
+var ChipContainer = styled(Box)(({ theme }) => ({
+  display: "flex",
+  flexWrap: "wrap",
+  gap: theme.spacing(0.5),
+  marginBottom: theme.spacing(1)
+}));
+function suggestionTypeIcon(type) {
+  const sx = { color: "text.secondary", flexShrink: 0 };
+  if (type === "link") return /* @__PURE__ */ jsx(LinkIcon, { fontSize: "small", sx });
+  if (type === "search") return /* @__PURE__ */ jsx(SearchIcon, { fontSize: "small", sx });
+  return null;
+}
+function GhostOverlay({ inputValue, ghost }) {
+  return /* @__PURE__ */ jsxs(InlineSuggestionDisplay, { children: [
+    /* @__PURE__ */ jsx(UserTextTwin, { children: inputValue }),
+    /* @__PURE__ */ jsx(GhostText, { children: ghost })
+  ] });
+}
+function AutocompleteInput(props) {
+  const showOverlay = Boolean(props.ghost) && props.showGhost && props.isInputFocused;
+  return /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
+    showOverlay && /* @__PURE__ */ jsx(GhostOverlay, { inputValue: props.inputValue, ghost: props.ghost }),
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        ref: props.inputRef,
+        fullWidth: true,
+        value: props.inputValue,
+        onChange: props.onChange,
+        onKeyDown: props.onKeyDown,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        onCompositionStart: props.onCompositionStart,
+        onCompositionEnd: props.onCompositionEnd,
+        placeholder: props.placeholder,
+        disabled: props.disabled,
+        autoFocus: props.autoFocus,
+        className: props.inputClassName,
+        InputProps: {
+          startAdornment: props.startAdornment,
+          endAdornment: props.isLoading ? /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) : void 0
+        },
+        inputProps: {
+          role: "combobox",
+          "aria-expanded": props.open,
+          "aria-controls": props.open ? props.listId : void 0,
+          "aria-activedescendant": props.activeDescendant,
+          "aria-autocomplete": "list",
+          "aria-label": props.inputAriaLabel,
+          id: props.id
+        }
+      }
+    )
+  ] });
+}
+function ChipList({
+  items,
+  getKey,
+  getLabel,
+  onRemove,
+  chipClassName
+}) {
+  return /* @__PURE__ */ jsx(ChipContainer, { "data-testid": "selected-items-container", children: items.map((item, index) => /* @__PURE__ */ jsx(
+    Chip,
+    {
+      label: getLabel(item),
+      onDelete: () => onRemove(item),
+      size: "small",
+      className: chipClassName,
+      "data-testid": `selected-chip-${index}`
+    },
+    `${getKey(item)}-${index}`
+  )) });
+}
+function DefaultSuggestion({
+  item,
+  state,
+  getLabel,
+  getDescription,
+  getSuggestionType,
+  matchMode
+}) {
+  const label = getLabel(item);
+  const description = getDescription?.(item);
+  const displayLabel = highlightLabel(label, state.query, matchMode);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        width: "100%",
+        // Bold the matched prefix (not a yellow <mark> highlight).
+        "& mark": { backgroundColor: "transparent", color: "inherit", fontWeight: 700 }
+      },
+      children: [
+        suggestionTypeIcon(getSuggestionType(item)),
+        /* @__PURE__ */ jsx(
+          ListItemText,
+          {
+            primary: /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: displayLabel } }),
+            secondary: description
+          }
+        )
+      ]
+    }
+  );
+}
+function LoadingRow({ label }) {
+  return /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", gap: 1, children: [
+    /* @__PURE__ */ jsx(CircularProgress, { size: 16 }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: label })
+  ] }) });
+}
+function NoResultsRow({ label }) {
+  return /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: label }) });
+}
+var SAME_WIDTH_MODIFIER = {
+  name: "sameWidth",
+  enabled: true,
+  fn: ({ state }) => {
+    if (state.elements.reference && state.styles.popper) {
+      state.styles.popper.width = `${state.rects.reference.width}px`;
+    }
+  },
+  phase: "beforeWrite",
+  requires: ["computeStyles"]
+};
+function SuggestionListBox({
+  copy,
+  open,
+  anchorEl,
+  portal,
+  listRef,
+  listId,
+  optionIdPrefix,
+  items,
+  activeIndex,
+  isLoading,
+  showNoResults,
+  getKey,
+  onSelect,
+  onHover,
+  renderItem,
+  listClassName,
+  itemClassName,
+  activeItemClassName
+}) {
+  return /* @__PURE__ */ jsx(
+    StyledPopper,
+    {
+      open,
+      anchorEl,
+      placement: "bottom-start",
+      disablePortal: !portal,
+      modifiers: [SAME_WIDTH_MODIFIER],
+      children: /* @__PURE__ */ jsx(Paper, { elevation: 8, className: listClassName, "data-testid": "suggestions-dropdown", children: /* @__PURE__ */ jsxs(
+        List,
+        {
+          ref: listRef,
+          role: "listbox",
+          id: listId,
+          dense: true,
+          sx: { maxHeight: 300, overflow: "auto" },
+          "data-testid": "suggestions-list",
+          children: [
+            items.map((item, index) => /* @__PURE__ */ jsx(
+              ListItem,
+              {
+                id: `${optionIdPrefix}-${index}`,
+                role: "option",
+                component: "div",
+                sx: {
+                  cursor: "pointer",
+                  backgroundColor: index === activeIndex ? "action.hover" : "transparent",
+                  "&:hover": { backgroundColor: "action.hover" }
+                },
+                "aria-selected": index === activeIndex,
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => onSelect(item),
+                onMouseEnter: () => onHover(index),
+                className: `${itemClassName} ${index === activeIndex ? activeItemClassName : ""}`,
+                "data-testid": `suggestion-item-${index}`,
+                children: renderItem(item, index === activeIndex)
+              },
+              getKey(item)
+            )),
+            isLoading && /* @__PURE__ */ jsx(LoadingRow, { label: copy.loading }),
+            showNoResults && /* @__PURE__ */ jsx(NoResultsRow, { label: copy.noResults })
+          ]
+        }
+      ) })
+    }
+  );
+}
+
+export {
+  suggestionTypeIcon,
+  AutocompleteInput,
+  ChipList,
+  DefaultSuggestion,
+  LoadingRow,
+  NoResultsRow,
+  SuggestionListBox
+};
+//# sourceMappingURL=chunk-6TSP45KC.js.map

package/dist/chunk-6TSP45KC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Autocomplete/Autocomplete.parts.tsx"],"sourcesContent":["import LinkIcon from '@mui/icons-material/Link';\nimport SearchIcon from '@mui/icons-material/Search';\nimport Box from '@mui/material/Box/index.js';\nimport Chip from '@mui/material/Chip/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport List from '@mui/material/List/index.js';\nimport ListItem from '@mui/material/ListItem/index.js';\nimport ListItemText from '@mui/material/ListItemText/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport Popper from '@mui/material/Popper/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { highlightLabel, type MatchMode } from './Autocomplete.helpers';\nimport type { SuggestionItemState, SuggestionType } from './Autocomplete.types';\nimport type { AutocompleteCopy } from '../../../copy';\n\nconst StyledPopper = styled(Popper)(({ theme }) => ({\n  zIndex: theme.zIndex.tooltip,\n  width: '100%',\n  maxHeight: 300,\n  overflow: 'auto',\n  // Popper.js writes the computed position (and stamps `data-popper-placement`)\n  // in a layout effect that can land AFTER the first paint. Until it does, the\n  // element would paint once unpositioned — at the offset-parent origin, far\n  // left and full width — then jump under the input, a visible per-keystroke\n  // flash as the list re-renders. Hide that unpositioned first frame; it becomes\n  // visible the instant popper assigns a placement.\n  '&:not([data-popper-placement])': { visibility: 'hidden' },\n}));\n\nconst InlineSuggestionDisplay = styled('div')(() => ({\n  position: 'absolute',\n  pointerEvents: 'none',\n  left: '14px', // Match TextField padding\n  top: '50%',\n  transform: 'translateY(-50%)',\n  fontSize: 'inherit',\n  fontFamily: 'inherit',\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  zIndex: 1,\n}));\n\nconst UserTextTwin = styled('span')({\n  visibility: 'hidden',\n});\n\nconst GhostText = styled('span')(({ theme }) => ({\n  color: theme.palette.text.secondary,\n  opacity: 0.6,\n}));\n\nconst ChipContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: theme.spacing(0.5),\n  marginBottom: theme.spacing(1),\n}));\n\n/** Leading icon for a typed suggestion (search vs. link); null for untyped items. */\nexport function suggestionTypeIcon(type: SuggestionType | undefined): React.ReactNode {\n  const sx = { color: 'text.secondary', flexShrink: 0 } as const;\n  if (type === 'link') return <LinkIcon fontSize=\"small\" sx={sx} />;\n  if (type === 'search') return <SearchIcon fontSize=\"small\" sx={sx} />;\n  return null;\n}\n\n/** The inline ghost-text overlay: an invisible twin of the typed text + the grey remainder. */\nfunction GhostOverlay({ inputValue, ghost }: { inputValue: string; ghost: string }): React.JSX.Element {\n  return (\n    <InlineSuggestionDisplay>\n      <UserTextTwin>{inputValue}</UserTextTwin>\n      <GhostText>{ghost}</GhostText>\n    </InlineSuggestionDisplay>\n  );\n}\n\nexport interface AutocompleteInputProps {\n  id: string;\n  listId: string;\n  inputRef: React.RefObject<HTMLInputElement | null>;\n  inputValue: string;\n  ghost: string;\n  showGhost: boolean;\n  isInputFocused: boolean;\n  open: boolean;\n  activeDescendant: string | undefined;\n  isLoading: boolean;\n  disabled: boolean;\n  autoFocus: boolean;\n  placeholder: string;\n  startAdornment?: React.ReactNode;\n  inputAriaLabel?: string;\n  inputClassName?: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onFocus: () => void;\n  onBlur: () => void;\n  onCompositionStart: () => void;\n  onCompositionEnd: () => void;\n}\n\n/** The combobox text field plus its inline ghost-text overlay. */\nexport function AutocompleteInput(props: AutocompleteInputProps): React.JSX.Element {\n  const showOverlay = Boolean(props.ghost) && props.showGhost && props.isInputFocused;\n  return (\n    <Box sx={{ position: 'relative' }}>\n      {showOverlay && <GhostOverlay inputValue={props.inputValue} ghost={props.ghost} />}\n      <TextField\n        ref={props.inputRef}\n        fullWidth\n        value={props.inputValue}\n        onChange={props.onChange}\n        onKeyDown={props.onKeyDown}\n        onFocus={props.onFocus}\n        onBlur={props.onBlur}\n        onCompositionStart={props.onCompositionStart}\n        onCompositionEnd={props.onCompositionEnd}\n        placeholder={props.placeholder}\n        disabled={props.disabled}\n        autoFocus={props.autoFocus}\n        className={props.inputClassName}\n        InputProps={{\n          startAdornment: props.startAdornment,\n          endAdornment: props.isLoading ? <CircularProgress size={20} /> : undefined,\n        }}\n        inputProps={{\n          role: 'combobox',\n          'aria-expanded': props.open,\n          'aria-controls': props.open ? props.listId : undefined,\n          'aria-activedescendant': props.activeDescendant,\n          'aria-autocomplete': 'list',\n          'aria-label': props.inputAriaLabel,\n          id: props.id,\n        }}\n      />\n    </Box>\n  );\n}\n\n/** Selected-item chips (multiple mode). */\nexport function ChipList<T>({\n  items,\n  getKey,\n  getLabel,\n  onRemove,\n  chipClassName,\n}: {\n  items: T[];\n  getKey: (item: T) => string;\n  getLabel: (item: T) => string;\n  onRemove: (item: T) => void;\n  chipClassName?: string;\n}): React.JSX.Element {\n  return (\n    <ChipContainer data-testid=\"selected-items-container\">\n      {items.map((item, index) => (\n        <Chip\n          key={`${getKey(item)}-${index}`}\n          label={getLabel(item)}\n          onDelete={() => onRemove(item)}\n          size=\"small\"\n          className={chipClassName}\n          data-testid={`selected-chip-${index}`}\n        />\n      ))}\n    </ChipContainer>\n  );\n}\n\n/** Default suggestion row: per-type icon + highlighted label + optional description. */\nexport function DefaultSuggestion<T>({\n  item,\n  state,\n  getLabel,\n  getDescription,\n  getSuggestionType,\n  matchMode,\n}: {\n  item: T;\n  state: SuggestionItemState;\n  getLabel: (item: T) => string;\n  getDescription?: (item: T) => string | undefined;\n  getSuggestionType: (item: T) => SuggestionType | undefined;\n  matchMode: MatchMode;\n}): React.JSX.Element {\n  const label = getLabel(item);\n  const description = getDescription?.(item);\n  const displayLabel = highlightLabel(label, state.query, matchMode);\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: 1,\n        width: '100%',\n        // Bold the matched prefix (not a yellow <mark> highlight).\n        '& mark': { backgroundColor: 'transparent', color: 'inherit', fontWeight: 700 },\n      }}\n    >\n      {suggestionTypeIcon(getSuggestionType(item))}\n      <ListItemText\n        primary={<span dangerouslySetInnerHTML={{ __html: displayLabel }} />}\n        secondary={description}\n      />\n    </Box>\n  );\n}\n\n/** A \"Loading…\" row shown while async suggestions resolve. */\nexport function LoadingRow({ label }: { label: string }): React.JSX.Element {\n  return (\n    <ListItem>\n      <Box display=\"flex\" alignItems=\"center\" gap={1}>\n        <CircularProgress size={16} />\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {label}\n        </Typography>\n      </Box>\n    </ListItem>\n  );\n}\n\n/** The empty \"No results found\" row. */\nexport function NoResultsRow({ label }: { label: string }): React.JSX.Element {\n  return (\n    <ListItem>\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {label}\n      </Typography>\n    </ListItem>\n  );\n}\n\n/** Keep the Popper the same width as its anchor input. */\nconst SAME_WIDTH_MODIFIER = {\n  name: 'sameWidth',\n  enabled: true,\n  fn: ({ state }: { state: { elements: { reference?: unknown }; styles: { popper?: Record<string, string> }; rects: { reference: { width: number } } } }) => {\n    if (state.elements.reference && state.styles.popper) {\n      state.styles.popper.width = `${state.rects.reference.width}px`;\n    }\n  },\n  phase: 'beforeWrite' as const,\n  requires: ['computeStyles'],\n};\n\nexport interface SuggestionListBoxProps<T> {\n  copy: AutocompleteCopy;\n  open: boolean;\n  anchorEl: HTMLElement | null;\n  portal: boolean | { container?: HTMLElement };\n  listRef: React.RefObject<HTMLUListElement | null>;\n  listId: string;\n  optionIdPrefix: string;\n  items: T[];\n  activeIndex: number;\n  isLoading: boolean;\n  showNoResults: boolean;\n  getKey: (item: T) => string;\n  onSelect: (item: T) => void;\n  onHover: (index: number) => void;\n  renderItem: (item: T, active: boolean) => React.ReactNode;\n  listClassName?: string;\n  itemClassName?: string;\n  activeItemClassName?: string;\n}\n\n/** The suggestions dropdown: a same-width Popper with the option list + loading/empty rows. */\nexport function SuggestionListBox<T>({\n  copy,\n  open,\n  anchorEl,\n  portal,\n  listRef,\n  listId,\n  optionIdPrefix,\n  items,\n  activeIndex,\n  isLoading,\n  showNoResults,\n  getKey,\n  onSelect,\n  onHover,\n  renderItem,\n  listClassName,\n  itemClassName,\n  activeItemClassName,\n}: SuggestionListBoxProps<T>): React.JSX.Element {\n  return (\n    <StyledPopper\n      open={open}\n      anchorEl={anchorEl}\n      placement=\"bottom-start\"\n      disablePortal={!portal}\n      modifiers={[SAME_WIDTH_MODIFIER]}\n    >\n      <Paper elevation={8} className={listClassName} data-testid=\"suggestions-dropdown\">\n        <List\n          ref={listRef}\n          role=\"listbox\"\n          id={listId}\n          dense\n          sx={{ maxHeight: 300, overflow: 'auto' }}\n          data-testid=\"suggestions-list\"\n        >\n          {items.map((item, index) => (\n            <ListItem\n              key={getKey(item)}\n              id={`${optionIdPrefix}-${index}`}\n              role=\"option\"\n              component=\"div\"\n              sx={{\n                cursor: 'pointer',\n                backgroundColor: index === activeIndex ? 'action.hover' : 'transparent',\n                '&:hover': { backgroundColor: 'action.hover' },\n              }}\n              aria-selected={index === activeIndex}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => onSelect(item)}\n              onMouseEnter={() => onHover(index)}\n              className={`${itemClassName} ${index === activeIndex ? activeItemClassName : ''}`}\n              data-testid={`suggestion-item-${index}`}\n            >\n              {renderItem(item, index === activeIndex)}\n            </ListItem>\n          ))}\n          {isLoading && <LoadingRow label={copy.loading} />}\n          {showNoResults && <NoResultsRow label={copy.noResults} />}\n        </List>\n      </Paper>\n    </StyledPopper>\n  );\n}\n"],"mappings":"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","names":[]}