@12-apps/ui 6.11.1 → 6.12.0

package/dist/chunk-AJXTVRQF.js

@@ -0,0 +1,90 @@
+import {
+  TimelineRow
+} from "./chunk-Z6DULXSF.js";
+
+// src/components/data-display/Timeline/Timeline.tsx
+import Box from "@mui/material/Box/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var TimelineContainer = styled(Box)(
+  ({ theme, orientation }) => ({
+    display: "flex",
+    flexDirection: orientation === "vertical" ? "column" : "row",
+    gap: theme.spacing(2),
+    position: "relative",
+    width: "100%",
+    ...orientation === "horizontal" && {
+      overflowX: "auto",
+      paddingBottom: theme.spacing(2),
+      "&::-webkit-scrollbar": {
+        height: 8
+      },
+      "&::-webkit-scrollbar-track": {
+        background: alpha(theme.palette.action.disabled, 0.1),
+        borderRadius: 4
+      },
+      "&::-webkit-scrollbar-thumb": {
+        background: alpha(theme.palette.primary.main, 0.3),
+        borderRadius: 4,
+        "&:hover": {
+          background: alpha(theme.palette.primary.main, 0.5)
+        }
+      }
+    }
+  })
+);
+var Timeline = ({
+  items,
+  variant = "default",
+  orientation = "vertical",
+  showConnector = true,
+  animated = true,
+  alternating = false,
+  onItemClick
+}) => {
+  const [expandedItems, setExpandedItems] = React.useState(/* @__PURE__ */ new Set());
+  const handleExpandClick = (itemId, event) => {
+    event.stopPropagation();
+    setExpandedItems((prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(itemId)) {
+        newSet.delete(itemId);
+      } else {
+        newSet.add(itemId);
+      }
+      return newSet;
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    TimelineContainer,
+    {
+      orientation,
+      "data-testid": "timeline-container",
+      children: items.map((item, index) => /* @__PURE__ */ jsx(
+        TimelineRow,
+        {
+          item,
+          index,
+          isLast: index === items.length - 1,
+          variant,
+          orientation,
+          showConnector,
+          animated,
+          alternating,
+          isExpanded: expandedItems.has(item.id),
+          onItemClick,
+          onExpandClick: handleExpandClick
+        },
+        item.id
+      ))
+    }
+  );
+};
+var Timeline_default = Timeline;
+
+export {
+  Timeline,
+  Timeline_default
+};
+//# sourceMappingURL=chunk-AJXTVRQF.js.map

package/dist/chunk-AJXTVRQF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Timeline/Timeline.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { TimelineRow } from './TimelineRow';\nimport type { TimelineProps } from './Timeline.types';\n\n// ---\n\n// --- Styled Components ---\nconst TimelineContainer = styled(Box)<{ orientation: 'vertical' | 'horizontal' }>(\n  ({ theme, orientation }) => ({\n    display: 'flex',\n    flexDirection: orientation === 'vertical' ? 'column' : 'row',\n    gap: theme.spacing(2),\n    position: 'relative',\n    width: '100%',\n    ...(orientation === 'horizontal' && {\n      overflowX: 'auto',\n      paddingBottom: theme.spacing(2),\n      '&::-webkit-scrollbar': {\n        height: 8 },\n      '&::-webkit-scrollbar-track': {\n        background: alpha(theme.palette.action.disabled, 0.1),\n        borderRadius: 4 },\n      '&::-webkit-scrollbar-thumb': {\n        background: alpha(theme.palette.primary.main, 0.3),\n        borderRadius: 4,\n        '&:hover': {\n          background: alpha(theme.palette.primary.main, 0.5) } } }) }),\n);\n\n\n// ---\n\n// Main component\nexport const Timeline: FC<TimelineProps> = ({\n  items,\n  variant = 'default',\n  orientation = 'vertical',\n  showConnector = true,\n  animated = true,\n  alternating = false,\n  onItemClick }) => {\n  const [expandedItems, setExpandedItems] = React.useState<Set<string>>(new Set());\n\n  const handleExpandClick = (itemId: string, event: React.MouseEvent) => {\n    event.stopPropagation();\n    setExpandedItems((prev) => {\n      const newSet = new Set(prev);\n      if (newSet.has(itemId)) {\n        newSet.delete(itemId);\n      } else {\n        newSet.add(itemId);\n      }\n      return newSet;\n    });\n  };\n\n  return (\n    <TimelineContainer\n      orientation={orientation}\n      data-testid=\"timeline-container\"\n    >\n      {items.map((item, index) => (\n        <TimelineRow\n          key={item.id}\n          item={item}\n          index={index}\n          isLast={index === items.length - 1}\n          variant={variant}\n          orientation={orientation}\n          showConnector={showConnector}\n          animated={animated}\n          alternating={alternating}\n          isExpanded={expandedItems.has(item.id)}\n          onItemClick={onItemClick}\n          onExpandClick={handleExpandClick}\n        />\n      ))}\n    </TimelineContainer>\n  );\n};\n\nexport default Timeline;\n"],"mappings":";;;;;AAAA,OAAO,SAAS;AAChB,SAAS,OAAO,cAAc;AAE9B,OAAO,WAAW;AA8DV;AAvDR,IAAM,oBAAoB,OAAO,GAAG;AAAA,EAClC,CAAC,EAAE,OAAO,YAAY,OAAO;AAAA,IAC3B,SAAS;AAAA,IACT,eAAe,gBAAgB,aAAa,WAAW;AAAA,IACvD,KAAK,MAAM,QAAQ,CAAC;AAAA,IACpB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,GAAI,gBAAgB,gBAAgB;AAAA,MAClC,WAAW;AAAA,MACX,eAAe,MAAM,QAAQ,CAAC;AAAA,MAC9B,wBAAwB;AAAA,QACtB,QAAQ;AAAA,MAAE;AAAA,MACZ,8BAA8B;AAAA,QAC5B,YAAY,MAAM,MAAM,QAAQ,OAAO,UAAU,GAAG;AAAA,QACpD,cAAc;AAAA,MAAE;AAAA,MAClB,8BAA8B;AAAA,QAC5B,YAAY,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG;AAAA,QACjD,cAAc;AAAA,QACd,WAAW;AAAA,UACT,YAAY,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG;AAAA,QAAE;AAAA,MAAE;AAAA,IAAE;AAAA,EAAG;AACpE;AAMO,IAAM,WAA8B,CAAC;AAAA,EAC1C;AAAA,EACA,UAAU;AAAA,EACV,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,cAAc;AAAA,EACd;AAAY,MAAM;AAClB,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAsB,oBAAI,IAAI,CAAC;AAE/E,QAAM,oBAAoB,CAAC,QAAgB,UAA4B;AACrE,UAAM,gBAAgB;AACtB,qBAAiB,CAAC,SAAS;AACzB,YAAM,SAAS,IAAI,IAAI,IAAI;AAC3B,UAAI,OAAO,IAAI,MAAM,GAAG;AACtB,eAAO,OAAO,MAAM;AAAA,MACtB,OAAO;AACL,eAAO,IAAI,MAAM;AAAA,MACnB;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAY;AAAA,MAEX,gBAAM,IAAI,CAAC,MAAM,UAChB;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA,QAAQ,UAAU,MAAM,SAAS;AAAA,UACjC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY,cAAc,IAAI,KAAK,EAAE;AAAA,UACrC;AAAA,UACA,eAAe;AAAA;AAAA,QAXV,KAAK;AAAA,MAYZ,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ;","names":[]}

package/dist/chunk-AKZWDZCZ.js

@@ -0,0 +1,32 @@
+// src/utils/viewport.ts
+var VIEWPORT_HEIGHT_FALLBACK = "100vh";
+var DYNAMIC_VIEWPORT_HEIGHT = "100dvh";
+function dynamicViewportHeight(...properties) {
+  const pinned = properties.length > 0 ? [...properties] : ["height"];
+  const fallback = {};
+  const dynamic = {};
+  for (const property of pinned) {
+    fallback[property] = VIEWPORT_HEIGHT_FALLBACK;
+    dynamic[property] = DYNAMIC_VIEWPORT_HEIGHT;
+  }
+  return {
+    ...fallback,
+    [`@supports (height: ${DYNAMIC_VIEWPORT_HEIGHT})`]: dynamic
+  };
+}
+function safeAreaBottom(basePx) {
+  return {
+    paddingBottom: `${basePx}px`,
+    "@supports (padding: max(0px))": {
+      paddingBottom: `max(${basePx}px, calc(${basePx}px + env(safe-area-inset-bottom)))`
+    }
+  };
+}
+
+export {
+  VIEWPORT_HEIGHT_FALLBACK,
+  DYNAMIC_VIEWPORT_HEIGHT,
+  dynamicViewportHeight,
+  safeAreaBottom
+};
+//# sourceMappingURL=chunk-AKZWDZCZ.js.map

package/dist/chunk-AKZWDZCZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/viewport.ts"],"sourcesContent":["import type { CSSObject } from '@mui/material/styles/index.js';\n\n/**\n * Viewport helpers for full-height surfaces (dialogs, drawers, slide-overs).\n *\n * iOS Safari and iOS Chrome resolve `100vh` against the *large* viewport — the\n * height the page would have if the browser chrome were hidden — while a\n * `position: fixed` element is still clipped by the *small* viewport that the\n * URL bar and toolbar actually leave visible. A panel sized `height: 100vh`\n * therefore ends underneath the toolbar, so the last rows of its scroll area\n * (typically the submit button) are unreachable: the rubber-band overscroll\n * that reveals them snaps straight back the moment the finger lifts.\n *\n * `100dvh` tracks the *dynamic* viewport, so the panel always ends where the\n * visible area ends. `100vh` stays as the fallback for browsers without\n * dynamic viewport units.\n */\n\n/** Height unit for browsers without dynamic viewport units. */\nexport const VIEWPORT_HEIGHT_FALLBACK = '100vh';\n\n/** Height unit that tracks the visible viewport as browser chrome shows/hides. */\nexport const DYNAMIC_VIEWPORT_HEIGHT = '100dvh';\n\n/** The height properties {@link dynamicViewportHeight} can pin to the viewport. */\nexport type ViewportHeightProperty = 'height' | 'maxHeight' | 'minHeight';\n\n/**\n * Full-viewport-height styles for the given properties: `100vh` up front, with a\n * `@supports` block upgrading to `100dvh` where dynamic viewport units exist.\n *\n * ```ts\n * const paper = { ...dynamicViewportHeight('height', 'maxHeight') };\n * ```\n */\nexport function dynamicViewportHeight(\n  ...properties: readonly ViewportHeightProperty[]\n): CSSObject {\n  const pinned: ViewportHeightProperty[] =\n    properties.length > 0 ? [...properties] : ['height'];\n  const fallback: CSSObject = {};\n  const dynamic: CSSObject = {};\n  for (const property of pinned) {\n    fallback[property] = VIEWPORT_HEIGHT_FALLBACK;\n    dynamic[property] = DYNAMIC_VIEWPORT_HEIGHT;\n  }\n  return {\n    ...fallback,\n    [`@supports (height: ${DYNAMIC_VIEWPORT_HEIGHT})`]: dynamic,\n  };\n}\n\n/**\n * Bottom padding that clears the iOS home indicator, added on top of a base\n * padding expressed in pixels. Falls back to the base value on browsers without\n * `env()` support.\n */\nexport function safeAreaBottom(basePx: number): CSSObject {\n  return {\n    paddingBottom: `${basePx}px`,\n    '@supports (padding: max(0px))': {\n      paddingBottom: `max(${basePx}px, calc(${basePx}px + env(safe-area-inset-bottom)))`,\n    },\n  };\n}\n"],"mappings":";AAmBO,IAAM,2BAA2B;AAGjC,IAAM,0BAA0B;AAahC,SAAS,yBACX,YACQ;AACX,QAAM,SACJ,WAAW,SAAS,IAAI,CAAC,GAAG,UAAU,IAAI,CAAC,QAAQ;AACrD,QAAM,WAAsB,CAAC;AAC7B,QAAM,UAAqB,CAAC;AAC5B,aAAW,YAAY,QAAQ;AAC7B,aAAS,QAAQ,IAAI;AACrB,YAAQ,QAAQ,IAAI;AAAA,EACtB;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,CAAC,sBAAsB,uBAAuB,GAAG,GAAG;AAAA,EACtD;AACF;AAOO,SAAS,eAAe,QAA2B;AACxD,SAAO;AAAA,IACL,eAAe,GAAG,MAAM;AAAA,IACxB,iCAAiC;AAAA,MAC/B,eAAe,OAAO,MAAM,YAAY,MAAM;AAAA,IAChD;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-ATSHKSSD.js

@@ -0,0 +1,38 @@
+// src/components/utility/InfiniteScroll/InfiniteScroll.parts.tsx
+import Alert from "@mui/material/Alert/index.js";
+import Box from "@mui/material/Box/index.js";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CENTERED = {
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  p: 2
+};
+var DefaultLoader = ({ loadingText }) => /* @__PURE__ */ jsxs(Box, { sx: CENTERED, children: [
+  /* @__PURE__ */ jsx(CircularProgress, { size: 24 }),
+  /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { ml: 1 }, children: loadingText })
+] });
+var DefaultEndMessage = ({ endText }) => /* @__PURE__ */ jsx(Box, { sx: CENTERED, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: endText }) });
+var DefaultError = ({ error }) => /* @__PURE__ */ jsx(Alert, { severity: "error", sx: { m: 2 }, children: error.message || "An error occurred while loading more items" });
+var containerStyles = (variant, width) => {
+  const horizontal = variant === "horizontal";
+  const base = {
+    width: horizontal ? width || "100%" : "100%",
+    height: horizontal ? "100%" : "auto",
+    overflowX: horizontal ? "auto" : "hidden",
+    overflowY: horizontal ? "hidden" : "visible",
+    display: "flex",
+    flexDirection: horizontal ? "row" : "column"
+  };
+  return variant === "reverse" ? { ...base, flexDirection: "column-reverse" } : base;
+};
+
+export {
+  DefaultLoader,
+  DefaultEndMessage,
+  DefaultError,
+  containerStyles
+};
+//# sourceMappingURL=chunk-ATSHKSSD.js.map

package/dist/chunk-ATSHKSSD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/InfiniteScroll/InfiniteScroll.parts.tsx"],"sourcesContent":["import Alert from '@mui/material/Alert/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React from 'react';\n\nimport type { InfiniteScrollProps } from './InfiniteScroll.types';\n\ntype Variant = NonNullable<InfiniteScrollProps['variant']>;\n\nconst CENTERED = {\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  p: 2,\n} as const;\n\nexport const DefaultLoader: React.FC<{ loadingText: string }> = ({ loadingText }) => (\n  <Box sx={CENTERED}>\n    <CircularProgress size={24} />\n    <Typography variant=\"body2\" sx={{ ml: 1 }}>\n      {loadingText}\n    </Typography>\n  </Box>\n);\n\nexport const DefaultEndMessage: React.FC<{ endText: string }> = ({ endText }) => (\n  <Box sx={CENTERED}>\n    <Typography variant=\"body2\" color=\"text.secondary\">\n      {endText}\n    </Typography>\n  </Box>\n);\n\nexport const DefaultError: React.FC<{ error: Error }> = ({ error }) => (\n  <Alert severity=\"error\" sx={{ m: 2 }}>\n    {error.message || 'An error occurred while loading more items'}\n  </Alert>\n);\n\n/**\n * `horizontal` scrolls along a row; `reverse` stacks bottom-up, for a chat log\n * that loads older messages as you scroll away from the newest.\n */\nexport const containerStyles = (variant: Variant, width?: number | string) => {\n  const horizontal = variant === 'horizontal';\n  const base = {\n    width: horizontal ? width || '100%' : '100%',\n    height: horizontal ? '100%' : 'auto',\n    overflowX: horizontal ? 'auto' : 'hidden',\n    overflowY: horizontal ? 'hidden' : 'visible',\n    display: 'flex',\n    flexDirection: horizontal ? 'row' : 'column',\n  };\n\n  return variant === 'reverse' ? { ...base, flexDirection: 'column-reverse' } : base;\n};\n"],"mappings":";AAAA,OAAO,WAAW;AAClB,OAAO,SAAS;AAChB,OAAO,sBAAsB;AAC7B,OAAO,gBAAgB;AAerB,SACE,KADF;AARF,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,GAAG;AACL;AAEO,IAAM,gBAAmD,CAAC,EAAE,YAAY,MAC7E,qBAAC,OAAI,IAAI,UACP;AAAA,sBAAC,oBAAiB,MAAM,IAAI;AAAA,EAC5B,oBAAC,cAAW,SAAQ,SAAQ,IAAI,EAAE,IAAI,EAAE,GACrC,uBACH;AAAA,GACF;AAGK,IAAM,oBAAmD,CAAC,EAAE,QAAQ,MACzE,oBAAC,OAAI,IAAI,UACP,8BAAC,cAAW,SAAQ,SAAQ,OAAM,kBAC/B,mBACH,GACF;AAGK,IAAM,eAA2C,CAAC,EAAE,MAAM,MAC/D,oBAAC,SAAM,UAAS,SAAQ,IAAI,EAAE,GAAG,EAAE,GAChC,gBAAM,WAAW,8CACpB;AAOK,IAAM,kBAAkB,CAAC,SAAkB,UAA4B;AAC5E,QAAM,aAAa,YAAY;AAC/B,QAAM,OAAO;AAAA,IACX,OAAO,aAAa,SAAS,SAAS;AAAA,IACtC,QAAQ,aAAa,SAAS;AAAA,IAC9B,WAAW,aAAa,SAAS;AAAA,IACjC,WAAW,aAAa,WAAW;AAAA,IACnC,SAAS;AAAA,IACT,eAAe,aAAa,QAAQ;AAAA,EACtC;AAEA,SAAO,YAAY,YAAY,EAAE,GAAG,MAAM,eAAe,iBAAiB,IAAI;AAChF;","names":[]}

package/dist/chunk-AVGTTWTE.js

@@ -0,0 +1,134 @@
+import {
+  AutocompleteInput,
+  ChipList,
+  DefaultSuggestion,
+  SuggestionListBox
+} from "./chunk-6TSP45KC.js";
+import {
+  useAutocomplete
+} from "./chunk-362OGE5J.js";
+import {
+  defaultGetKey,
+  defaultGetLabel,
+  defaultGetSuggestionType
+} from "./chunk-XBHQT4BQ.js";
+
+// src/components/form/Autocomplete/Autocomplete.tsx
+import Box from "@mui/material/Box/index.js";
+import ClickAwayListener from "@mui/material/ClickAwayListener/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function resolveRenderConfig(p) {
+  return {
+    getKey: p.getKey ?? defaultGetKey,
+    getLabel: p.getLabel ?? defaultGetLabel,
+    getSuggestionType: p.getSuggestionType ?? defaultGetSuggestionType,
+    getDescription: p.getDescription,
+    renderSuggestion: p.renderSuggestion,
+    matchMode: p.matchMode ?? "contains",
+    multiple: Boolean(p.multiple),
+    selectedItems: p.selectedItems ?? [],
+    isLoading: Boolean(p.isLoading),
+    showGhostText: p.showGhostText ?? true,
+    placeholder: p.placeholder ?? p.copy.placeholder,
+    autoFocus: Boolean(p.autoFocus),
+    disabled: Boolean(p.disabled),
+    portal: p.portal ?? false,
+    className: p.className,
+    chipClassName: p.chipClassName,
+    inputAriaLabel: p.inputAriaLabel,
+    inputClassName: p.inputClassName,
+    listClassName: p.listClassName,
+    itemClassName: p.itemClassName,
+    activeItemClassName: p.activeItemClassName
+  };
+}
+function renderSuggestionNode(item, active, query, cfg) {
+  if (cfg.renderSuggestion) return cfg.renderSuggestion(item, { active, query });
+  return /* @__PURE__ */ jsx(
+    DefaultSuggestion,
+    {
+      item,
+      state: { active, query },
+      getLabel: cfg.getLabel,
+      getDescription: cfg.getDescription,
+      getSuggestionType: cfg.getSuggestionType,
+      matchMode: cfg.matchMode
+    }
+  );
+}
+var Autocomplete = (props) => {
+  const cfg = resolveRenderConfig(props);
+  const view = useAutocomplete(props);
+  const s = view.state;
+  const showNoResults = !cfg.isLoading && view.visibleSuggestions.length === 0 && Boolean(s.inputValue.trim());
+  return /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: view.onClickAway, children: /* @__PURE__ */ jsxs(Box, { className: cfg.className, "data-testid": "autocomplete-container", children: [
+    cfg.multiple && cfg.selectedItems.length > 0 && /* @__PURE__ */ jsx(
+      ChipList,
+      {
+        items: cfg.selectedItems,
+        getKey: cfg.getKey,
+        getLabel: cfg.getLabel,
+        onRemove: view.removeSelectedItem,
+        chipClassName: cfg.chipClassName
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AutocompleteInput,
+      {
+        id: view.id,
+        listId: view.listId,
+        inputRef: s.inputRef,
+        inputValue: s.inputValue,
+        ghost: s.ghost,
+        showGhost: cfg.showGhostText,
+        isInputFocused: s.isInputFocused,
+        open: s.open,
+        activeDescendant: view.activeDescendant,
+        isLoading: cfg.isLoading,
+        disabled: cfg.disabled,
+        autoFocus: cfg.autoFocus,
+        placeholder: cfg.placeholder,
+        startAdornment: props.startAdornment,
+        inputAriaLabel: cfg.inputAriaLabel,
+        inputClassName: cfg.inputClassName,
+        onChange: view.onInputChange,
+        onKeyDown: view.onKeyDown,
+        onFocus: view.onFocus,
+        onBlur: view.onBlur,
+        onCompositionStart: () => s.setComposition(true),
+        onCompositionEnd: () => s.setComposition(false)
+      }
+    ),
+    s.open && /* @__PURE__ */ jsx(
+      SuggestionListBox,
+      {
+        copy: props.copy,
+        open: s.open,
+        anchorEl: s.inputRef.current,
+        portal: cfg.portal,
+        listRef: s.listRef,
+        listId: view.listId,
+        optionIdPrefix: view.optionIdPrefix,
+        items: view.visibleSuggestions,
+        activeIndex: s.activeIndex,
+        isLoading: cfg.isLoading,
+        showNoResults,
+        getKey: cfg.getKey,
+        onSelect: view.selectItem,
+        onHover: s.setActiveIndex,
+        renderItem: (item, active) => renderSuggestionNode(item, active, s.inputValue, cfg),
+        listClassName: cfg.listClassName,
+        itemClassName: cfg.itemClassName,
+        activeItemClassName: cfg.activeItemClassName
+      }
+    )
+  ] }) });
+};
+Autocomplete.displayName = "Autocomplete";
+var Autocomplete_default = Autocomplete;
+
+export {
+  Autocomplete,
+  Autocomplete_default
+};
+//# sourceMappingURL=chunk-AVGTTWTE.js.map

package/dist/chunk-AVGTTWTE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport ClickAwayListener from '@mui/material/ClickAwayListener/index.js';\nimport React from 'react';\n\nimport {\n  defaultGetKey,\n  defaultGetLabel,\n  defaultGetSuggestionType,\n  type MatchMode,\n} from './Autocomplete.helpers';\nimport {\n  AutocompleteInput,\n  ChipList,\n  DefaultSuggestion,\n  SuggestionListBox,\n} from './Autocomplete.parts';\nimport type { AutocompleteOption, AutocompleteProps, SuggestionType } from './Autocomplete.types';\nimport { useAutocomplete, type AutocompleteView } from './useAutocomplete';\n\n/** Presentational props resolved from {@link AutocompleteProps} (defaults applied once). */\ninterface RenderConfig<T> {\n  getKey: (item: T) => string;\n  getLabel: (item: T) => string;\n  getSuggestionType: (item: T) => SuggestionType | undefined;\n  getDescription?: (item: T) => string | undefined;\n  renderSuggestion?: (item: T, state: { active: boolean; query: string }) => React.ReactNode;\n  matchMode: MatchMode;\n  multiple: boolean;\n  selectedItems: T[];\n  isLoading: boolean;\n  showGhostText: boolean;\n  placeholder: string;\n  autoFocus: boolean;\n  disabled: boolean;\n  portal: boolean | { container?: HTMLElement };\n  className?: string;\n  chipClassName?: string;\n  inputAriaLabel?: string;\n  inputClassName?: string;\n  listClassName?: string;\n  itemClassName?: string;\n  activeItemClassName?: string;\n}\n\n/** Apply presentational defaults once so the component itself stays branch-light. */\nfunction resolveRenderConfig<T>(p: AutocompleteProps<T>): RenderConfig<T> {\n  return {\n    getKey: p.getKey ?? defaultGetKey,\n    getLabel: p.getLabel ?? defaultGetLabel,\n    getSuggestionType: p.getSuggestionType ?? defaultGetSuggestionType,\n    getDescription: p.getDescription,\n    renderSuggestion: p.renderSuggestion,\n    matchMode: p.matchMode ?? 'contains',\n    multiple: Boolean(p.multiple),\n    selectedItems: p.selectedItems ?? [],\n    isLoading: Boolean(p.isLoading),\n    showGhostText: p.showGhostText ?? true,\n    placeholder: p.placeholder ?? p.copy.placeholder,\n    autoFocus: Boolean(p.autoFocus),\n    disabled: Boolean(p.disabled),\n    portal: p.portal ?? false,\n    className: p.className,\n    chipClassName: p.chipClassName,\n    inputAriaLabel: p.inputAriaLabel,\n    inputClassName: p.inputClassName,\n    listClassName: p.listClassName,\n    itemClassName: p.itemClassName,\n    activeItemClassName: p.activeItemClassName,\n  };\n}\n\n/** A single suggestion node: the caller's custom renderer or the default row. */\nfunction renderSuggestionNode<T>(item: T, active: boolean, query: string, cfg: RenderConfig<T>): React.ReactNode {\n  if (cfg.renderSuggestion) return cfg.renderSuggestion(item, { active, query });\n  return (\n    <DefaultSuggestion\n      item={item}\n      state={{ active, query }}\n      getLabel={cfg.getLabel}\n      getDescription={cfg.getDescription}\n      getSuggestionType={cfg.getSuggestionType}\n      matchMode={cfg.matchMode}\n    />\n  );\n}\n\n/**\n * ARIA combobox with a popup listbox: local/async filtering, inline ghost\n * completion (Tab/→), multi-select chips, custom rendering, and typed\n * `search`/`link` suggestions (a `link` opens its URL instead of filling the\n * input). State/effects/handlers live in {@link useAutocomplete}; presentational\n * pieces live in `Autocomplete.parts`.\n */\nexport const Autocomplete = <T = AutocompleteOption>(props: AutocompleteProps<T>): React.JSX.Element => {\n  const cfg = resolveRenderConfig(props);\n  const view: AutocompleteView<T> = useAutocomplete<T>(props);\n  const s = view.state;\n  const showNoResults =\n    !cfg.isLoading && view.visibleSuggestions.length === 0 && Boolean(s.inputValue.trim());\n\n  return (\n    <ClickAwayListener onClickAway={view.onClickAway}>\n      <Box className={cfg.className} data-testid=\"autocomplete-container\">\n        {cfg.multiple && cfg.selectedItems.length > 0 && (\n          <ChipList\n            items={cfg.selectedItems}\n            getKey={cfg.getKey}\n            getLabel={cfg.getLabel}\n            onRemove={view.removeSelectedItem}\n            chipClassName={cfg.chipClassName}\n          />\n        )}\n\n        <AutocompleteInput\n          id={view.id}\n          listId={view.listId}\n          inputRef={s.inputRef}\n          inputValue={s.inputValue}\n          ghost={s.ghost}\n          showGhost={cfg.showGhostText}\n          isInputFocused={s.isInputFocused}\n          open={s.open}\n          activeDescendant={view.activeDescendant}\n          isLoading={cfg.isLoading}\n          disabled={cfg.disabled}\n          autoFocus={cfg.autoFocus}\n          placeholder={cfg.placeholder}\n          startAdornment={props.startAdornment}\n          inputAriaLabel={cfg.inputAriaLabel}\n          inputClassName={cfg.inputClassName}\n          onChange={view.onInputChange}\n          onKeyDown={view.onKeyDown}\n          onFocus={view.onFocus}\n          onBlur={view.onBlur}\n          onCompositionStart={() => s.setComposition(true)}\n          onCompositionEnd={() => s.setComposition(false)}\n        />\n\n        {s.open && (\n          <SuggestionListBox\n            copy={props.copy}\n            open={s.open}\n            anchorEl={s.inputRef.current}\n            portal={cfg.portal}\n            listRef={s.listRef}\n            listId={view.listId}\n            optionIdPrefix={view.optionIdPrefix}\n            items={view.visibleSuggestions}\n            activeIndex={s.activeIndex}\n            isLoading={cfg.isLoading}\n            showNoResults={showNoResults}\n            getKey={cfg.getKey}\n            onSelect={view.selectItem}\n            onHover={s.setActiveIndex}\n            renderItem={(item, active) => renderSuggestionNode(item, active, s.inputValue, cfg)}\n            listClassName={cfg.listClassName}\n            itemClassName={cfg.itemClassName}\n            activeItemClassName={cfg.activeItemClassName}\n          />\n        )}\n      </Box>\n    </ClickAwayListener>\n  );\n};\n\nAutocomplete.displayName = 'Autocomplete';\n\nexport default Autocomplete;\n"],"mappings":"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","names":[]}

package/dist/chunk-AVPINHNV.js

@@ -0,0 +1,25 @@
+// src/components/utility/Transition/Transition.helpers.ts
+var transitionDuration = (theme, variant, duration) => {
+  if (typeof duration === "number" || typeof duration === "object") return duration;
+  switch (variant) {
+    case "slide":
+      return theme.transitions.duration.enteringScreen;
+    case "fade":
+    case "scale":
+    case "grow":
+    case "zoom":
+      return theme.transitions.duration.shorter;
+    default:
+      return theme.transitions.duration.standard;
+  }
+};
+var transitionEasing = (theme, variant, easing) => {
+  if (typeof easing === "string" || typeof easing === "object") return easing;
+  return variant === "slide" ? theme.transitions.easing.easeOut : theme.transitions.easing.easeInOut;
+};
+
+export {
+  transitionDuration,
+  transitionEasing
+};
+//# sourceMappingURL=chunk-AVPINHNV.js.map

package/dist/chunk-AVPINHNV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/Transition/Transition.helpers.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\n\nimport type { CustomTransitionProps, TransitionVariant } from './Transition.types';\n\ntype Duration = NonNullable<CustomTransitionProps['duration']>;\ntype Easing = NonNullable<CustomTransitionProps['easing']>;\n\n/** An explicit `duration` wins in either form; otherwise the variant picks one. */\nexport const transitionDuration = (\n  theme: Theme,\n  variant: TransitionVariant,\n  duration?: Duration,\n): Duration => {\n  if (typeof duration === 'number' || typeof duration === 'object') return duration;\n\n  switch (variant) {\n    case 'slide':\n      return theme.transitions.duration.enteringScreen;\n    case 'fade':\n    case 'scale':\n    case 'grow':\n    case 'zoom':\n      return theme.transitions.duration.shorter;\n    default:\n      return theme.transitions.duration.standard;\n  }\n};\n\n/** As above: an explicit `easing` wins, otherwise the variant picks one. */\nexport const transitionEasing = (\n  theme: Theme,\n  variant: TransitionVariant,\n  easing?: Easing,\n): Easing => {\n  if (typeof easing === 'string' || typeof easing === 'object') return easing;\n\n  return variant === 'slide'\n    ? theme.transitions.easing.easeOut\n    : theme.transitions.easing.easeInOut;\n};\n"],"mappings":";AAQO,IAAM,qBAAqB,CAChC,OACA,SACA,aACa;AACb,MAAI,OAAO,aAAa,YAAY,OAAO,aAAa,SAAU,QAAO;AAEzE,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO,MAAM,YAAY,SAAS;AAAA,IACpC,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,MAAM,YAAY,SAAS;AAAA,IACpC;AACE,aAAO,MAAM,YAAY,SAAS;AAAA,EACtC;AACF;AAGO,IAAM,mBAAmB,CAC9B,OACA,SACA,WACW;AACX,MAAI,OAAO,WAAW,YAAY,OAAO,WAAW,SAAU,QAAO;AAErE,SAAO,YAAY,UACf,MAAM,YAAY,OAAO,UACzB,MAAM,YAAY,OAAO;AAC/B;","names":[]}

package/dist/chunk-AVU6KU27.js

@@ -0,0 +1,115 @@
+import {
+  accentFor
+} from "./chunk-I6PZVHIT.js";
+
+// src/components/data-display/Chart/chart-internals.ts
+import { alpha } from "@mui/material/styles/index.js";
+var SIZE_PRESETS = {
+  xs: { height: 200, fontSize: "0.75rem", tickMargin: 10 },
+  sm: { height: 300, fontSize: "0.875rem", tickMargin: 12 },
+  md: { height: 400, fontSize: "1rem", tickMargin: 14 },
+  lg: { height: 500, fontSize: "1.125rem", tickMargin: 16 },
+  xl: { height: 600, fontSize: "1.25rem", tickMargin: 18 }
+};
+function getSizeStyles(size, height) {
+  const preset = SIZE_PRESETS[size ?? "md"] ?? SIZE_PRESETS.md;
+  return { ...preset, height: height ?? preset.height };
+}
+var NEON_PALETTE = ["#00ffff", "#ff00ff", "#ffff00", "#00ff00", "#ff0080", "#8000ff"];
+function getDefaultColors(theme, variant, colors) {
+  if (colors) return colors;
+  if (variant === "neon") return NEON_PALETTE;
+  return [
+    theme.palette.primary.main,
+    theme.palette.secondary.main,
+    theme.palette.success.main,
+    theme.palette.warning.main,
+    theme.palette.error.main,
+    theme.palette.info.main
+  ];
+}
+function effectStyles(theme, options) {
+  const accent = accentFor(theme, options.color).main;
+  const glow = options.glow ? { boxShadow: `0 0 30px ${alpha(accent, 0.4)}` } : {};
+  const pulse = options.pulse ? {
+    animation: "pulse 2s infinite",
+    "@keyframes pulse": {
+      "0%": { boxShadow: `0 0 0 0 ${alpha(accent, 0.4)}` },
+      "70%": { boxShadow: `0 0 0 20px ${alpha(accent, 0)}` },
+      "100%": { boxShadow: `0 0 0 0 ${alpha(accent, 0)}` }
+    }
+  } : {};
+  return { ...glow, ...pulse };
+}
+function variantSurface(theme, options) {
+  switch (options.variant) {
+    case "glass":
+      return {
+        backgroundColor: alpha(theme.palette.background.paper, options.glass ? 0.1 : 0.9),
+        backdropFilter: "blur(20px)",
+        border: `1px solid ${alpha(theme.palette.divider, 0.1)}`
+      };
+    case "gradient":
+      return {
+        background: options.gradient ? `linear-gradient(135deg, ${alpha(accentFor(theme, options.color).light, 0.05)}, ${alpha(accentFor(theme, options.color).dark, 0.05)})` : theme.palette.background.paper
+      };
+    case "elevated":
+      return { boxShadow: theme.shadows[4] };
+    case "minimal":
+      return { border: "none", backgroundColor: "transparent" };
+    case "neon":
+      return {
+        backgroundColor: "#000",
+        border: `1px solid ${alpha("#00ffff", 0.3)}`,
+        "& .recharts-cartesian-grid-horizontal line, & .recharts-cartesian-grid-vertical line": {
+          stroke: alpha("#00ffff", 0.1)
+        }
+      };
+    default:
+      return { backgroundColor: theme.palette.background.paper };
+  }
+}
+function getVariantStyles(theme, options) {
+  return {
+    borderRadius: theme.spacing(1),
+    transition: theme.transitions.create(["all"], {
+      duration: theme.transitions.duration.standard
+    }),
+    opacity: options.disabled ? 0.5 : 1,
+    pointerEvents: options.disabled ? "none" : "auto",
+    ...effectStyles(theme, options),
+    ...variantSurface(theme, options)
+  };
+}
+function resolveSeries(data, series, xAxisKey, palette) {
+  if (series) return series;
+  if (data.length === 0) return [];
+  return Object.keys(data[0] ?? {}).filter((key) => key !== xAxisKey).map((key, index) => ({
+    dataKey: key,
+    name: key,
+    color: palette[index % palette.length]
+  }));
+}
+function getAxisStyles(theme, variant, fontSize) {
+  const neon = variant === "neon";
+  return {
+    axisStyle: {
+      fontSize,
+      fill: neon ? "#00ffff" : theme.palette.text.secondary,
+      // Ticks are columns of digits: they have to line up between rows.
+      fontVariantNumeric: "tabular-nums"
+    },
+    gridStroke: neon ? alpha("#00ffff", 0.1) : theme.palette.divider,
+    // The neon grid is already a 10%-alpha cyan; halving it again would erase it.
+    gridOpacity: neon ? 1 : 0.5
+  };
+}
+
+export {
+  getSizeStyles,
+  getDefaultColors,
+  getVariantStyles,
+  resolveSeries,
+  getAxisStyles
+};
+//# sourceMappingURL=chunk-AVU6KU27.js.map

package/dist/chunk-AVU6KU27.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chart/chart-internals.ts"],"sourcesContent":["import { alpha, type Theme } from '@mui/material/styles/index.js';\nimport type { CSSProperties } from 'react';\n\nimport type { ChartProps, ChartSeries } from './Chart.types';\nimport { accentFor} from '../../../tokens/scales';\n\n/**\n * Non-JSX internals of the prop-driven Chart: size/variant styling, palette\n * resolution and series auto-detection. Split from Chart.tsx to keep every\n * function inside the repo's complexity budget.\n */\n\nexport interface SizeStyles {\n  height: number;\n  fontSize: string;\n  /**\n   * Gap between an axis line and its tick labels, px.\n   *\n   * Recharts' default of 2 is not enough. The bottom VALUE tick is centred on\n   * the x-axis line, so its text box reaches ~0.79em BELOW that line, while\n   * the category labels begin 2px under the 6px tick mark — the two collide at\n   * the axis corner, at every viewport. Each value below is ~0.8em of its own\n   * font size, which clears the value label's descender with ~6px to spare.\n   */\n  tickMargin: number;\n}\n\nconst SIZE_PRESETS: Record<NonNullable<ChartProps['size']>, SizeStyles> = {\n  xs: { height: 200, fontSize: '0.75rem', tickMargin: 10 },\n  sm: { height: 300, fontSize: '0.875rem', tickMargin: 12 },\n  md: { height: 400, fontSize: '1rem', tickMargin: 14 },\n  lg: { height: 500, fontSize: '1.125rem', tickMargin: 16 },\n  xl: { height: 600, fontSize: '1.25rem', tickMargin: 18 },\n};\n\nexport function getSizeStyles(size: ChartProps['size'], height?: number): SizeStyles {\n  const preset = SIZE_PRESETS[size ?? 'md'] ?? SIZE_PRESETS.md;\n  return { ...preset, height: height ?? preset.height };\n}\n\nconst NEON_PALETTE = ['#00ffff', '#ff00ff', '#ffff00', '#00ff00', '#ff0080', '#8000ff'];\n\nexport function getDefaultColors(theme: Theme, variant: ChartProps['variant'], colors?: string[]): string[] {\n  if (colors) return colors;\n  if (variant === 'neon') return NEON_PALETTE;\n  return [\n    theme.palette.primary.main,\n    theme.palette.secondary.main,\n    theme.palette.success.main,\n    theme.palette.warning.main,\n    theme.palette.error.main,\n    theme.palette.info.main,\n  ];\n}\n\ntype SxStyles = Record<string, unknown>;\n\ninterface VariantOptions {\n  variant: NonNullable<ChartProps['variant']>;\n  color: NonNullable<ChartProps['color']>;\n  glow: boolean;\n  pulse: boolean;\n  glass: boolean;\n  gradient: boolean;\n  disabled: boolean;\n}\n\nfunction effectStyles(theme: Theme, options: VariantOptions): SxStyles {\n  const accent = accentFor(theme, options.color).main;\n  const glow = options.glow ? { boxShadow: `0 0 30px ${alpha(accent, 0.4)}` } : {};\n  const pulse = options.pulse\n    ? {\n        animation: 'pulse 2s infinite',\n        '@keyframes pulse': {\n          '0%': { boxShadow: `0 0 0 0 ${alpha(accent, 0.4)}` },\n          '70%': { boxShadow: `0 0 0 20px ${alpha(accent, 0)}` },\n          '100%': { boxShadow: `0 0 0 0 ${alpha(accent, 0)}` },\n        },\n      }\n    : {};\n  return { ...glow, ...pulse };\n}\n\nfunction variantSurface(theme: Theme, options: VariantOptions): SxStyles {\n  switch (options.variant) {\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, options.glass ? 0.1 : 0.9),\n        backdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n      };\n    case 'gradient':\n      return {\n        background: options.gradient\n          ? `linear-gradient(135deg, ${alpha(accentFor(theme, options.color).light, 0.05)}, ${alpha(accentFor(theme, options.color).dark, 0.05)})`\n          : theme.palette.background.paper,\n      };\n    case 'elevated':\n      return { boxShadow: theme.shadows[4] };\n    case 'minimal':\n      return { border: 'none', backgroundColor: 'transparent' };\n    case 'neon':\n      return {\n        backgroundColor: '#000',\n        border: `1px solid ${alpha('#00ffff', 0.3)}`,\n        '& .recharts-cartesian-grid-horizontal line, & .recharts-cartesian-grid-vertical line': {\n          stroke: alpha('#00ffff', 0.1),\n        },\n      };\n    default:\n      return { backgroundColor: theme.palette.background.paper };\n  }\n}\n\nexport function getVariantStyles(theme: Theme, options: VariantOptions): SxStyles {\n  return {\n    borderRadius: theme.spacing(1),\n    transition: theme.transitions.create(['all'], {\n      duration: theme.transitions.duration.standard,\n    }),\n    opacity: options.disabled ? 0.5 : 1,\n    pointerEvents: options.disabled ? ('none' as const) : ('auto' as const),\n    ...effectStyles(theme, options),\n    ...variantSurface(theme, options),\n  };\n}\n\n/** Explicit series, or one series per non-axis key found in the first row. */\nexport function resolveSeries(\n  data: ChartProps['data'],\n  series: ChartSeries[] | undefined,\n  xAxisKey: string,\n  palette: string[],\n): ChartSeries[] {\n  if (series) return series;\n  if (data.length === 0) return [];\n  return Object.keys(data[0] ?? {})\n    .filter((key) => key !== xAxisKey)\n    .map((key, index) => ({\n      dataKey: key,\n      name: key,\n      color: palette[index % palette.length],\n    }));\n}\n\ninterface AxisTextStyles {\n  axisStyle: CSSProperties;\n  gridStroke: string;\n  /**\n   * Multiplier applied to `gridStroke`'s own alpha. Gridlines must read one\n   * step BELOW the card border — the border is `divider`, so half of it —\n   * without being dashed at data weight. Expressing the step as an opacity\n   * rather than a second colour keeps it derived from the theme's divider\n   * whatever form that takes (rgba, hex, or a CSS variable, which the colour\n   * helpers cannot decompose).\n   */\n  gridOpacity: number;\n}\n\nexport function getAxisStyles(theme: Theme, variant: ChartProps['variant'], fontSize: string): AxisTextStyles {\n  const neon = variant === 'neon';\n  return {\n    axisStyle: {\n      fontSize,\n      fill: neon ? '#00ffff' : theme.palette.text.secondary,\n      // Ticks are columns of digits: they have to line up between rows.\n      fontVariantNumeric: 'tabular-nums',\n    },\n    gridStroke: neon ? alpha('#00ffff', 0.1) : theme.palette.divider,\n    // The neon grid is already a 10%-alpha cyan; halving it again would erase it.\n    gridOpacity: neon ? 1 : 0.5,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-AZUFGKMQ.js

@@ -0,0 +1,43 @@
+import {
+  useConfirmAction
+} from "./chunk-EMYESBIT.js";
+import {
+  ConfirmActionDialog
+} from "./chunk-QQS3GQYS.js";
+
+// src/components/feedback/ConfirmAction/with-confirmation.tsx
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function resolveOptions(defaults, instance) {
+  if (instance === false) return null;
+  const merged = { ...defaults, ...instance };
+  if (!merged.title || !merged.confirmText) return null;
+  return { ...merged, title: merged.title, confirmText: merged.confirmText };
+}
+function useGuardedHandler(onClick) {
+  return React.useCallback(() => {
+    const result = onClick?.();
+    return result instanceof Promise ? result : void 0;
+  }, [onClick]);
+}
+function withConfirmation(Wrapped, defaults) {
+  function WithConfirmation(props) {
+    const { confirm, onClick } = props;
+    const options = resolveOptions(defaults, confirm);
+    const state = useConfirmAction(useGuardedHandler(onClick), defaults.errorText);
+    const { confirm: _confirm, ...rest } = props;
+    const forwarded = rest;
+    if (!options) return /* @__PURE__ */ jsx(Wrapped, { ...forwarded });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Wrapped, { ...forwarded, onClick: state.request }),
+      /* @__PURE__ */ jsx(ConfirmActionDialog, { state, ...options, copy: defaults.copy })
+    ] });
+  }
+  WithConfirmation.displayName = `withConfirmation(${Wrapped.displayName ?? Wrapped.name ?? "Component"})`;
+  return WithConfirmation;
+}
+
+export {
+  withConfirmation
+};
+//# sourceMappingURL=chunk-AZUFGKMQ.js.map