@12-apps/ui 6.11.1 → 6.12.1

package/dist/chunk-JN3PGXRJ.js

@@ -0,0 +1,225 @@
+import {
+  loadingOverlayStyles,
+  modalContentStyles,
+  titleLeftStyles,
+  titleRightStyles,
+  titleStyles
+} from "./chunk-SMCLG2RA.js";
+import {
+  safeAreaBottom
+} from "./chunk-AKZWDZCZ.js";
+
+// src/components/feedback/StackedModal/StackedModal.parts.tsx
+import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
+import CloseIcon from "@mui/icons-material/Close";
+import Box from "@mui/material/Box/index.js";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import DialogActions from "@mui/material/DialogActions/index.js";
+import DialogContent from "@mui/material/DialogContent/index.js";
+import DialogTitle from "@mui/material/DialogTitle/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import Skeleton from "@mui/material/Skeleton/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var StyledDialogTitle = styled(DialogTitle, {
+  shouldForwardProp: (prop) => prop !== "rtl"
+})(({ theme, rtl }) => titleStyles(theme, rtl));
+var DialogTitleLeft = styled(Box)(({ theme }) => titleLeftStyles(theme));
+var DialogTitleRight = styled(Box)(({ theme }) => titleRightStyles(theme));
+var LoadingOverlay = styled(Box)(({ theme }) => loadingOverlayStyles(theme));
+var StackedModalContent = styled(DialogContent)(
+  ({ theme }) => modalContentStyles(theme)
+);
+var testId = (base, suffix) => base ? `${base}-${suffix}` : void 0;
+var StackedModalActions = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
+var splitModalChildren = (children) => {
+  let actions = null;
+  React.Children.forEach(children, (child) => {
+    if (React.isValidElement(child) && child.type === StackedModalActions) {
+      actions = child.props.children;
+    }
+  });
+  const content = React.Children.toArray(children).filter(
+    (child) => !(React.isValidElement(child) && child.type === StackedModalActions)
+  );
+  return { content, actions };
+};
+var resolveModalContent = (children, actions, isMobile) => {
+  const { content, actions: childActions } = splitModalChildren(children);
+  const modalActions = childActions ?? actions;
+  return {
+    content,
+    modalActions,
+    headerActions: isMobile ? null : modalActions,
+    hasMobileActions: Boolean(isMobile && modalActions)
+  };
+};
+var modalAriaIds = (modalId, ariaLabelledBy, ariaDescribedBy) => ({
+  titleId: ariaLabelledBy || `modal-title-${modalId}`,
+  descId: ariaDescribedBy || `modal-desc-${modalId}`
+});
+var ModalLoadingOverlay = ({
+  loadingText,
+  dataTestId
+}) => /* @__PURE__ */ jsxs(LoadingOverlay, { "data-testid": testId(dataTestId, "loading-overlay"), children: [
+  /* @__PURE__ */ jsx(CircularProgress, { size: 40, "data-testid": testId(dataTestId, "loading-spinner") }),
+  loadingText && /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { mt: 2 }, "data-testid": testId(dataTestId, "loading-text"), children: loadingText })
+] });
+var HeaderLeadingButton = ({ canGoBack, onBack, backLabel, onClose, hideClose, rtl, dataTestId }) => {
+  if (canGoBack) {
+    return /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        edge: "start",
+        color: "inherit",
+        onClick: onBack,
+        "aria-label": backLabel,
+        size: "small",
+        sx: { transform: rtl ? "rotate(180deg)" : "none" },
+        "data-testid": testId(dataTestId, "back-button"),
+        children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+      }
+    );
+  }
+  if (hideClose) return null;
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      edge: "start",
+      color: "inherit",
+      onClick: onClose,
+      "aria-label": "close",
+      size: "small",
+      "data-testid": testId(dataTestId, "close-button"),
+      children: /* @__PURE__ */ jsx(CloseIcon, {})
+    }
+  );
+};
+var ModalHeader = ({
+  titleId,
+  navigationTitle,
+  canGoBack,
+  onBack,
+  onClose,
+  hideClose,
+  backLabel,
+  headerActions,
+  rtl,
+  dataTestId
+}) => /* @__PURE__ */ jsxs(StyledDialogTitle, { id: titleId, rtl, "data-testid": testId(dataTestId, "header"), children: [
+  /* @__PURE__ */ jsxs(DialogTitleLeft, { children: [
+    /* @__PURE__ */ jsx(
+      HeaderLeadingButton,
+      {
+        canGoBack,
+        onBack,
+        backLabel,
+        onClose,
+        hideClose,
+        rtl,
+        dataTestId
+      }
+    ),
+    navigationTitle && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "h6",
+        component: "h2",
+        noWrap: true,
+        sx: { ml: canGoBack || !hideClose ? 1 : 0 },
+        "data-testid": testId(dataTestId, "title"),
+        children: navigationTitle
+      }
+    )
+  ] }),
+  /* @__PURE__ */ jsx(DialogTitleRight, { "data-testid": testId(dataTestId, "header-actions"), children: headerActions })
+] });
+var ContentSkeleton = () => /* @__PURE__ */ jsxs(Box, { sx: { p: 3 }, children: [
+  /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "60%", height: 32 }),
+  /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%" }),
+  /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%" }),
+  /* @__PURE__ */ jsx(Skeleton, { variant: "rectangular", height: 200, sx: { mt: 2 } })
+] });
+var ModalBody = ({
+  descId,
+  showSkeleton,
+  endsPanel,
+  dataTestId,
+  children
+}) => /* @__PURE__ */ jsx(
+  Box,
+  {
+    id: descId,
+    sx: {
+      position: "relative",
+      flex: 1,
+      overflow: "auto",
+      // iOS momentum scrolling, and no scroll-chaining to the page behind —
+      // without `contain`, an overscroll at the end of the list rubber-bands the
+      // whole panel and springs back before the last row can be tapped.
+      WebkitOverflowScrolling: "touch",
+      overscrollBehavior: "contain",
+      // The content itself ends the panel when there is no action bar, so it has
+      // to clear the home indicator on its own.
+      ...endsPanel ? safeAreaBottom(0) : {}
+    },
+    "data-testid": testId(dataTestId, "content"),
+    children: showSkeleton ? /* @__PURE__ */ jsx(ContentSkeleton, {}) : children
+  }
+);
+var ModalFooter = ({
+  dataTestId,
+  children
+}) => /* @__PURE__ */ jsx(
+  DialogActions,
+  {
+    sx: {
+      borderTop: (theme) => `1px solid ${theme.palette.divider}`,
+      padding: 2,
+      // Never let the action row sit under the iOS home indicator.
+      flexShrink: 0,
+      ...safeAreaBottom(16)
+    },
+    "data-testid": testId(dataTestId, "footer"),
+    children
+  }
+);
+var ModalPanelContents = ({
+  showSkeleton,
+  loadingText,
+  descId,
+  content,
+  modalActions,
+  hasMobileActions,
+  ...header
+}) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  showSkeleton && /* @__PURE__ */ jsx(ModalLoadingOverlay, { loadingText, dataTestId: header.dataTestId }),
+  /* @__PURE__ */ jsx(ModalHeader, { ...header }),
+  /* @__PURE__ */ jsx(
+    ModalBody,
+    {
+      descId,
+      showSkeleton,
+      endsPanel: !hasMobileActions,
+      dataTestId: header.dataTestId,
+      children: content
+    }
+  ),
+  hasMobileActions && /* @__PURE__ */ jsx(ModalFooter, { dataTestId: header.dataTestId, children: modalActions })
+] });
+
+export {
+  StackedModalContent,
+  testId,
+  StackedModalActions,
+  resolveModalContent,
+  modalAriaIds,
+  ModalLoadingOverlay,
+  ModalHeader,
+  ModalBody,
+  ModalFooter,
+  ModalPanelContents
+};
+//# sourceMappingURL=chunk-JN3PGXRJ.js.map

package/dist/chunk-JN3PGXRJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/StackedModal/StackedModal.parts.tsx"],"sourcesContent":["import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport DialogActions from '@mui/material/DialogActions/index.js';\nimport DialogContent from '@mui/material/DialogContent/index.js';\nimport DialogTitle from '@mui/material/DialogTitle/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Skeleton from '@mui/material/Skeleton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\nimport { safeAreaBottom } from '../../../utils/viewport';\nimport {\n  loadingOverlayStyles,\n  modalContentStyles,\n  titleLeftStyles,\n  titleRightStyles,\n  titleStyles,\n} from './StackedModal.styles';\n\nconst StyledDialogTitle = styled(DialogTitle, {\n  shouldForwardProp: (prop) => prop !== 'rtl',\n})<{ rtl?: boolean }>(({ theme, rtl }) => titleStyles(theme, rtl));\n\nconst DialogTitleLeft = styled(Box)(({ theme }) => titleLeftStyles(theme));\nconst DialogTitleRight = styled(Box)(({ theme }) => titleRightStyles(theme));\nconst LoadingOverlay = styled(Box)(({ theme }) => loadingOverlayStyles(theme));\n\n/**\n * The padded content wrapper callers put inside a StackedModal. The explicit\n * `typeof DialogContent` annotation keeps its type nameable across package\n * boundaries (TS2742) now that it is re-exported from the barrel.\n */\nexport const StackedModalContent: typeof DialogContent = styled(DialogContent)(({ theme }) =>\n  modalContentStyles(theme),\n) as typeof DialogContent;\n\n/** Sub-element test IDs derive from the modal's own, or stay off when it has none. */\nexport const testId = (base: string | undefined, suffix: string): string | undefined =>\n  base ? `${base}-${suffix}` : undefined;\n\n/**\n * A wrapper marking the subtree that should render as modal actions — the\n * StackedModal pulls it out of `children` and places it by device.\n */\nexport const StackedModalActions: FC<{ children?: ReactNode }> = ({ children }) => <>{children}</>;\n\n/** Separates the `StackedModalActions` subtree from the rest of the content. */\nconst splitModalChildren = (children: ReactNode): { content: ReactNode; actions: ReactNode } => {\n  let actions: ReactNode = null;\n\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement<{ children?: ReactNode }>(child) && child.type === StackedModalActions) {\n      actions = child.props.children;\n    }\n  });\n\n  const content = React.Children.toArray(children).filter(\n    (child) => !(React.isValidElement(child) && child.type === StackedModalActions),\n  );\n\n  return { content, actions };\n};\n\n/**\n * Works out what renders where: a `StackedModalActions` child wins over the\n * `actions` prop, and on phones those actions move out of the header into a\n * pinned bottom bar.\n */\nexport const resolveModalContent = (\n  children: ReactNode,\n  actions: ReactNode,\n  isMobile: boolean,\n): {\n  content: ReactNode;\n  modalActions: ReactNode;\n  headerActions: ReactNode;\n  hasMobileActions: boolean;\n} => {\n  const { content, actions: childActions } = splitModalChildren(children);\n  const modalActions = childActions ?? actions;\n  return {\n    content,\n    modalActions,\n    headerActions: isMobile ? null : modalActions,\n    hasMobileActions: Boolean(isMobile && modalActions),\n  };\n};\n\n/** The panel's own ARIA ids, unless the caller wired it to its own labels. */\nexport const modalAriaIds = (\n  modalId: string,\n  ariaLabelledBy?: string,\n  ariaDescribedBy?: string,\n): { titleId: string; descId: string } => ({\n  titleId: ariaLabelledBy || `modal-title-${modalId}`,\n  descId: ariaDescribedBy || `modal-desc-${modalId}`,\n});\n\nexport const ModalLoadingOverlay: FC<{ loadingText?: string; dataTestId?: string }> = ({\n  loadingText,\n  dataTestId,\n}) => (\n  <LoadingOverlay data-testid={testId(dataTestId, 'loading-overlay')}>\n    <CircularProgress size={40} data-testid={testId(dataTestId, 'loading-spinner')} />\n    {loadingText && (\n      <Typography variant=\"body2\" sx={{ mt: 2 }} data-testid={testId(dataTestId, 'loading-text')}>\n        {loadingText}\n      </Typography>\n    )}\n  </LoadingOverlay>\n);\n\ninterface ModalHeaderProps {\n  titleId: string;\n  navigationTitle?: ReactNode;\n  /** Deeper than the first panel, so the leading button goes back instead of closing. */\n  canGoBack: boolean;\n  onBack: () => void;\n  /** The back arrow's accessible name — it carries a glyph only. REQUIRED. */\n  backLabel: string;\n  onClose: () => void;\n  /** Renders the bar without its ✕ — the panel's content owns the dismiss. */\n  hideClose?: boolean;\n  /** Header actions — desktop only; on phones they move to the footer. */\n  headerActions?: ReactNode;\n  rtl?: boolean;\n  dataTestId?: string;\n}\n\n/**\n * The bar's leading control: back at depth ≥2, otherwise close — and nothing at\n * all when the panel's content carries its own ✕ (`hideClose`).\n */\nconst HeaderLeadingButton: FC<\n  Pick<\n    ModalHeaderProps,\n    'canGoBack' | 'onBack' | 'backLabel' | 'onClose' | 'hideClose' | 'rtl' | 'dataTestId'\n  >\n> = ({ canGoBack, onBack, backLabel, onClose, hideClose, rtl, dataTestId }) => {\n  if (canGoBack) {\n    return (\n      <IconButton\n        edge=\"start\"\n        color=\"inherit\"\n        onClick={onBack}\n        aria-label={backLabel}\n        size=\"small\"\n        sx={{ transform: rtl ? 'rotate(180deg)' : 'none' }}\n        data-testid={testId(dataTestId, 'back-button')}\n      >\n        <ChevronLeftIcon />\n      </IconButton>\n    );\n  }\n  if (hideClose) return null;\n  return (\n    <IconButton\n      edge=\"start\"\n      color=\"inherit\"\n      onClick={onClose}\n      aria-label=\"close\"\n      size=\"small\"\n      data-testid={testId(dataTestId, 'close-button')}\n    >\n      <CloseIcon />\n    </IconButton>\n  );\n};\n\nexport const ModalHeader: FC<ModalHeaderProps> = ({\n  titleId,\n  navigationTitle,\n  canGoBack,\n  onBack,\n  onClose,\n  hideClose,\n  backLabel,\n  headerActions,\n  rtl,\n  dataTestId,\n}) => (\n  <StyledDialogTitle id={titleId} rtl={rtl} data-testid={testId(dataTestId, 'header')}>\n    <DialogTitleLeft>\n      <HeaderLeadingButton\n        canGoBack={canGoBack}\n        onBack={onBack}\n        backLabel={backLabel}\n        onClose={onClose}\n        hideClose={hideClose}\n        rtl={rtl}\n        dataTestId={dataTestId}\n      />\n      {navigationTitle && (\n        <Typography\n          variant=\"h6\"\n          component=\"h2\"\n          noWrap\n          sx={{ ml: canGoBack || !hideClose ? 1 : 0 }}\n          data-testid={testId(dataTestId, 'title')}\n        >\n          {navigationTitle}\n        </Typography>\n      )}\n    </DialogTitleLeft>\n    <DialogTitleRight data-testid={testId(dataTestId, 'header-actions')}>\n      {headerActions}\n    </DialogTitleRight>\n  </StyledDialogTitle>\n);\n\nconst ContentSkeleton: FC = () => (\n  <Box sx={{ p: 3 }}>\n    <Skeleton variant=\"text\" width=\"60%\" height={32} />\n    <Skeleton variant=\"text\" width=\"100%\" />\n    <Skeleton variant=\"text\" width=\"100%\" />\n    <Skeleton variant=\"rectangular\" height={200} sx={{ mt: 2 }} />\n  </Box>\n);\n\ninterface ModalBodyProps {\n  descId: string;\n  showSkeleton: boolean;\n  /** When there is no action bar, the body is what reaches the bottom of the panel. */\n  endsPanel: boolean;\n  dataTestId?: string;\n  children?: ReactNode;\n}\n\nexport const ModalBody: FC<ModalBodyProps> = ({\n  descId,\n  showSkeleton,\n  endsPanel,\n  dataTestId,\n  children,\n}) => (\n  <Box\n    id={descId}\n    sx={{\n      position: 'relative',\n      flex: 1,\n      overflow: 'auto',\n      // iOS momentum scrolling, and no scroll-chaining to the page behind —\n      // without `contain`, an overscroll at the end of the list rubber-bands the\n      // whole panel and springs back before the last row can be tapped.\n      WebkitOverflowScrolling: 'touch',\n      overscrollBehavior: 'contain',\n      // The content itself ends the panel when there is no action bar, so it has\n      // to clear the home indicator on its own.\n      ...(endsPanel ? safeAreaBottom(0) : {}),\n    }}\n    data-testid={testId(dataTestId, 'content')}\n  >\n    {showSkeleton ? <ContentSkeleton /> : children}\n  </Box>\n);\n\n/** The phone-only pinned action bar; on desktop the actions live in the header. */\nexport const ModalFooter: FC<{ dataTestId?: string; children?: ReactNode }> = ({\n  dataTestId,\n  children,\n}) => (\n  <DialogActions\n    sx={{\n      borderTop: (theme) => `1px solid ${theme.palette.divider}`,\n      padding: 2,\n      // Never let the action row sit under the iOS home indicator.\n      flexShrink: 0,\n      ...safeAreaBottom(16),\n    }}\n    data-testid={testId(dataTestId, 'footer')}\n  >\n    {children}\n  </DialogActions>\n);\n\ninterface PanelContentsProps extends ModalHeaderProps {\n  showSkeleton: boolean;\n  loadingText?: string;\n  descId: string;\n  content: ReactNode;\n  /** The resolved actions, already placed in the header or destined for the footer. */\n  modalActions: ReactNode;\n  hasMobileActions: boolean;\n}\n\n/** Everything inside the sliding panel: the loading veil, header, body and action bar. */\nexport const ModalPanelContents: FC<PanelContentsProps> = ({\n  showSkeleton,\n  loadingText,\n  descId,\n  content,\n  modalActions,\n  hasMobileActions,\n  ...header\n}) => (\n  <>\n    {showSkeleton && (\n      <ModalLoadingOverlay loadingText={loadingText} dataTestId={header.dataTestId} />\n    )}\n    <ModalHeader {...header} />\n    <ModalBody\n      descId={descId}\n      showSkeleton={showSkeleton}\n      endsPanel={!hasMobileActions}\n      dataTestId={header.dataTestId}\n    >\n      {content}\n    </ModalBody>\n    {hasMobileActions && (\n      <ModalFooter dataTestId={header.dataTestId}>{modalActions}</ModalFooter>\n    )}\n  </>\n);\n"],"mappings":"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","names":[]}

package/dist/chunk-JPDKRGYI.js

@@ -0,0 +1,49 @@
+import {
+  Chart
+} from "./chunk-CXA6UNFF.js";
+import {
+  CHART_SEMANTIC_COLORS,
+  specToChartProps
+} from "./chunk-GOWBYHYW.js";
+import {
+  accentFor
+} from "./chunk-I6PZVHIT.js";
+
+// src/components/data-display/Chart/SpecChart.tsx
+import { useTheme } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var SpecChart = ({
+  spec,
+  data,
+  size,
+  fillHeight,
+  loading,
+  className,
+  onClick,
+  "data-testid": dataTestId = "spec-chart"
+}) => {
+  const theme = useTheme();
+  const chartProps = React.useMemo(() => {
+    const scheme = spec.colorScheme && spec.colorScheme.length > 0 ? spec.colorScheme : CHART_SEMANTIC_COLORS;
+    const resolveColor = (token, index) => accentFor(theme, token ?? scheme[index % scheme.length] ?? "primary").main;
+    return specToChartProps(spec, data, { resolveColor });
+  }, [spec, data, theme]);
+  return /* @__PURE__ */ jsx(
+    Chart,
+    {
+      ...chartProps,
+      size,
+      fillHeight,
+      loading,
+      className,
+      onClick,
+      "data-testid": dataTestId
+    }
+  );
+};
+
+export {
+  SpecChart
+};
+//# sourceMappingURL=chunk-JPDKRGYI.js.map

package/dist/chunk-JPDKRGYI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chart/SpecChart.tsx"],"sourcesContent":["import { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { Chart } from './Chart';\nimport type { ChartDataPoint } from './Chart.types';\nimport type { ChartSemanticColor, ChartSpec } from './ChartSpec.types';\nimport { CHART_SEMANTIC_COLORS, specToChartProps } from './chart-spec';\nimport { accentFor } from '../../../tokens/scales';\n\nexport interface SpecChartProps {\n  /** Validated spec — parse untrusted JSON with `parseChartSpec` first. */\n  spec: ChartSpec;\n  data: ChartDataPoint[];\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /** Take the height of the box this chart is placed in — see `ChartProps`. */\n  fillHeight?: boolean;\n  loading?: boolean;\n  className?: string;\n  onClick?: (point: ChartDataPoint) => void;\n  'data-testid'?: string;\n}\n\n/**\n * Renders a chart from a JSON-serializable {@link ChartSpec} plus plain data\n * rows. Layered over the prop-driven `Chart` (one implementation); semantic\n * color tokens resolve against the active MUI theme at render time.\n */\nexport const SpecChart: React.FC<SpecChartProps> = ({\n  spec,\n  data,\n  size,\n  fillHeight,\n  loading,\n  className,\n  onClick,\n  'data-testid': dataTestId = 'spec-chart',\n}) => {\n  const theme = useTheme();\n  const chartProps = React.useMemo(() => {\n    const scheme: readonly ChartSemanticColor[] =\n      spec.colorScheme && spec.colorScheme.length > 0 ? spec.colorScheme : CHART_SEMANTIC_COLORS;\n    const resolveColor = (token: ChartSemanticColor | undefined, index: number): string =>\n      accentFor(theme, token ?? scheme[index % scheme.length] ?? 'primary').main;\n    return specToChartProps(spec, data, { resolveColor });\n  }, [spec, data, theme]);\n\n  return (\n    <Chart\n      {...chartProps}\n      size={size}\n      fillHeight={fillHeight}\n      loading={loading}\n      className={className}\n      onClick={onClick}\n      data-testid={dataTestId}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,gBAAgB;AACzB,OAAO,WAAW;AA8Cd;AApBG,IAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,aAAa;AAC9B,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,MAAM,QAAQ,MAAM;AACrC,UAAM,SACJ,KAAK,eAAe,KAAK,YAAY,SAAS,IAAI,KAAK,cAAc;AACvE,UAAM,eAAe,CAAC,OAAuC,UAC3D,UAAU,OAAO,SAAS,OAAO,QAAQ,OAAO,MAAM,KAAK,SAAS,EAAE;AACxE,WAAO,iBAAiB,MAAM,MAAM,EAAE,aAAa,CAAC;AAAA,EACtD,GAAG,CAAC,MAAM,MAAM,KAAK,CAAC;AAEtB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA;AAAA,EACf;AAEJ;","names":[]}

package/dist/chunk-JSANSHGF.js

@@ -0,0 +1,179 @@
+// src/components/form/UploadButton/UploadButton.parts.tsx
+import AttachFileOutlined from "@mui/icons-material/AttachFileOutlined";
+import CloudUploadOutlined from "@mui/icons-material/CloudUploadOutlined";
+import Box from "@mui/material/Box/index.js";
+import Button from "@mui/material/Button/index.js";
+import LinearProgress from "@mui/material/LinearProgress/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function UploadDropzone({
+  copy,
+  label,
+  icon,
+  disabled,
+  className,
+  dataTestId,
+  describedBy,
+  onOpen,
+  isDragOver,
+  drag
+}) {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "div",
+      ...drag,
+      onClick: onOpen,
+      sx: {
+        border: `2px dashed ${isDragOver ? theme.palette.primary.main : theme.palette.divider}`,
+        borderRadius: 2,
+        padding: 3,
+        textAlign: "center",
+        cursor: disabled ? "not-allowed" : "pointer",
+        backgroundColor: isDragOver ? `${theme.palette.primary.main}0A` : "transparent",
+        transition: "all 0.2s ease-in-out",
+        ...!disabled && {
+          "&:hover": {
+            borderColor: theme.palette.primary.main,
+            backgroundColor: `${theme.palette.primary.main}05`
+          }
+        },
+        opacity: disabled ? 0.6 : 1
+      },
+      className,
+      "data-testid": dataTestId,
+      role: "button",
+      tabIndex: disabled ? -1 : 0,
+      onKeyDown: (event) => {
+        if (event.key !== "Enter" && event.key !== " ") return;
+        event.preventDefault();
+        onOpen();
+      },
+      "aria-describedby": describedBy,
+      "aria-label": copy.dropzoneRole(label),
+      children: [
+        /* @__PURE__ */ jsx(Box, { sx: { mb: 2 }, children: icon || /* @__PURE__ */ jsx(CloudUploadOutlined, { sx: { fontSize: 48, color: "text.secondary" } }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { mb: 1 }, children: label }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: copy.dropzoneHint })
+      ]
+    }
+  );
+}
+var MUI_VARIANT = { outline: "outlined", ghost: "text" };
+function UploadTrigger({
+  copy,
+  label,
+  icon,
+  disabled,
+  className,
+  dataTestId,
+  describedBy,
+  onOpen,
+  variant,
+  isUploading
+}) {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: MUI_VARIANT[variant] ?? "contained",
+      disabled: disabled || isUploading,
+      onClick: onOpen,
+      startIcon: icon || /* @__PURE__ */ jsx(AttachFileOutlined, {}),
+      className,
+      "data-testid": dataTestId,
+      "aria-describedby": describedBy,
+      sx: {
+        ...variant === "ghost" && {
+          "&:hover": { backgroundColor: `${theme.palette.primary.main}08` }
+        }
+      },
+      children: isUploading ? copy.uploading : label
+    }
+  );
+}
+function UploadAnnouncer({
+  copy,
+  announceDragOver,
+  isUploading,
+  progress,
+  error
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      className: "sr-only",
+      style: {
+        position: "absolute",
+        left: "-10000px",
+        width: "1px",
+        height: "1px",
+        overflow: "hidden"
+      },
+      children: [
+        announceDragOver && copy.dropReady,
+        isUploading && copy.uploadInProgress(Math.round(progress)),
+        error && copy.errorAnnouncement(error)
+      ]
+    }
+  );
+}
+function UploadFeedback({
+  copy,
+  isUploading,
+  progress,
+  helperText,
+  helperId,
+  error,
+  errorId,
+  announceDragOver
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isUploading && progress > 0 && /* @__PURE__ */ jsxs(Box, { sx: { mt: 1 }, children: [
+      /* @__PURE__ */ jsx(LinearProgress, { variant: "determinate", value: progress, sx: { borderRadius: 1 } }),
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { mt: 0.5, display: "block" }, children: copy.percentUploaded(Math.round(progress)) })
+    ] }),
+    helperText && !error && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        id: helperId,
+        variant: "caption",
+        color: "text.secondary",
+        sx: { display: "block", mt: 0.5 },
+        children: helperText
+      }
+    ),
+    error && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        id: errorId,
+        variant: "caption",
+        color: "error",
+        sx: { display: "block", mt: 0.5 },
+        role: "alert",
+        children: error
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      UploadAnnouncer,
+      {
+        copy,
+        announceDragOver,
+        isUploading,
+        progress,
+        error
+      }
+    )
+  ] });
+}
+
+export {
+  UploadDropzone,
+  UploadTrigger,
+  UploadFeedback
+};
+//# sourceMappingURL=chunk-JSANSHGF.js.map

package/dist/chunk-JSANSHGF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/UploadButton/UploadButton.parts.tsx"],"sourcesContent":["import AttachFileOutlined from '@mui/icons-material/AttachFileOutlined';\nimport CloudUploadOutlined from '@mui/icons-material/CloudUploadOutlined';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport LinearProgress from '@mui/material/LinearProgress/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type React from 'react';\n\nimport type { DragHandlers } from './UploadButton.hooks';\nimport type { UploadButtonCopy } from '../../../copy';\nimport type { UploadButtonProps } from './UploadButton.types';\n\n/** Shared shape for the two trigger variants. */\nexport interface TriggerProps {\n  copy: UploadButtonCopy;\n  label: string;\n  icon?: React.ReactNode;\n  disabled: boolean;\n  className?: string;\n  dataTestId?: string;\n  describedBy?: string;\n  onOpen: () => void;\n}\n\n/** The drag-and-drop surface. */\nexport function UploadDropzone({\n  copy,\n  label,\n  icon,\n  disabled,\n  className,\n  dataTestId,\n  describedBy,\n  onOpen,\n  isDragOver,\n  drag,\n}: TriggerProps & { isDragOver: boolean; drag: DragHandlers }): React.ReactElement {\n  const theme = useTheme();\n  return (\n    <Box\n      component=\"div\"\n      {...drag}\n      onClick={onOpen}\n      sx={{\n        border: `2px dashed ${isDragOver ? theme.palette.primary.main : theme.palette.divider}`,\n        borderRadius: 2,\n        padding: 3,\n        textAlign: 'center',\n        cursor: disabled ? 'not-allowed' : 'pointer',\n        backgroundColor: isDragOver ? `${theme.palette.primary.main}0A` : 'transparent',\n        transition: 'all 0.2s ease-in-out',\n        ...(!disabled && {\n          '&:hover': {\n            borderColor: theme.palette.primary.main,\n            backgroundColor: `${theme.palette.primary.main}05`,\n          },\n        }),\n        opacity: disabled ? 0.6 : 1,\n      }}\n      className={className}\n      data-testid={dataTestId}\n      role=\"button\"\n      tabIndex={disabled ? -1 : 0}\n      onKeyDown={(event) => {\n        if (event.key !== 'Enter' && event.key !== ' ') return;\n        event.preventDefault();\n        onOpen();\n      }}\n      aria-describedby={describedBy}\n      aria-label={copy.dropzoneRole(label)}\n    >\n      <Box sx={{ mb: 2 }}>\n        {icon || <CloudUploadOutlined sx={{ fontSize: 48, color: 'text.secondary' }} />}\n      </Box>\n      <Typography variant=\"body1\" sx={{ mb: 1 }}>\n        {label}\n      </Typography>\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {copy.dropzoneHint}\n      </Typography>\n    </Box>\n  );\n}\n\n/** MUI variant for each non-dropzone appearance. */\nconst MUI_VARIANT = { outline: 'outlined', ghost: 'text' } as const;\n\n/** The plain-button trigger. */\nexport function UploadTrigger({\n  copy,\n  label,\n  icon,\n  disabled,\n  className,\n  dataTestId,\n  describedBy,\n  onOpen,\n  variant,\n  isUploading,\n}: TriggerProps & {\n  variant: NonNullable<UploadButtonProps['variant']>;\n  isUploading: boolean;\n}): React.ReactElement {\n  const theme = useTheme();\n  return (\n    <Button\n      variant={MUI_VARIANT[variant as keyof typeof MUI_VARIANT] ?? 'contained'}\n      disabled={disabled || isUploading}\n      onClick={onOpen}\n      startIcon={icon || <AttachFileOutlined />}\n      className={className}\n      data-testid={dataTestId}\n      aria-describedby={describedBy}\n      sx={{\n        ...(variant === 'ghost' && {\n          '&:hover': { backgroundColor: `${theme.palette.primary.main}08` },\n        }),\n      }}\n    >\n      {isUploading ? copy.uploading : label}\n    </Button>\n  );\n}\n\n/** The screen-reader live region — drag, progress and error announcements. */\nfunction UploadAnnouncer({\n  copy,\n  announceDragOver,\n  isUploading,\n  progress,\n  error,\n}: {\n  copy: UploadButtonCopy;\n  announceDragOver: boolean;\n  isUploading: boolean;\n  progress: number;\n  error: string | null;\n}): React.ReactElement {\n  return (\n    <div\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      className=\"sr-only\"\n      style={{\n        position: 'absolute',\n        left: '-10000px',\n        width: '1px',\n        height: '1px',\n        overflow: 'hidden',\n      }}\n    >\n      {announceDragOver && copy.dropReady}\n      {isUploading && copy.uploadInProgress(Math.round(progress))}\n      {error && copy.errorAnnouncement(error)}\n    </div>\n  );\n}\n\n/** Progress bar, helper text, error text and the live region. */\nexport function UploadFeedback({\n  copy,\n  isUploading,\n  progress,\n  helperText,\n  helperId,\n  error,\n  errorId,\n  announceDragOver,\n}: {\n  copy: UploadButtonCopy;\n  isUploading: boolean;\n  progress: number;\n  helperText?: string;\n  helperId?: string;\n  error: string | null;\n  errorId?: string;\n  announceDragOver: boolean;\n}): React.ReactElement {\n  return (\n    <>\n      {isUploading && progress > 0 && (\n        <Box sx={{ mt: 1 }}>\n          <LinearProgress variant=\"determinate\" value={progress} sx={{ borderRadius: 1 }} />\n          <Typography variant=\"caption\" sx={{ mt: 0.5, display: 'block' }}>\n            {copy.percentUploaded(Math.round(progress))}\n          </Typography>\n        </Box>\n      )}\n\n      {helperText && !error && (\n        <Typography\n          id={helperId}\n          variant=\"caption\"\n          color=\"text.secondary\"\n          sx={{ display: 'block', mt: 0.5 }}\n        >\n          {helperText}\n        </Typography>\n      )}\n\n      {error && (\n        <Typography\n          id={errorId}\n          variant=\"caption\"\n          color=\"error\"\n          sx={{ display: 'block', mt: 0.5 }}\n          role=\"alert\"\n        >\n          {error}\n        </Typography>\n      )}\n\n      <UploadAnnouncer\n        copy={copy}\n        announceDragOver={announceDragOver}\n        isUploading={isUploading}\n        progress={progress}\n        error={error}\n      />\n    </>\n  );\n}\n"],"mappings":"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","names":[]}