@12-apps/ui 6.11.1 → 6.12.0

package/dist/chunk-WSVVWL3G.js

@@ -1,81 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  MultiSelectDropdown
-} from "./chunk-BTM4SJIT.js";
-import {
-  CategorySelect
-} from "./chunk-UDSVB7VW.js";
-
-// src/components/data-display/DataViews/data-views-category-pill.tsx
-import { jsx } from "react/jsx-runtime";
-function emitPillDiff(fieldId, before, after, onTogglePill) {
-  const had = new Set(before);
-  const wants = new Set(after);
-  after.forEach((value) => {
-    if (!had.has(value)) onTogglePill(fieldId, value, true);
-  });
-  before.forEach((value) => {
-    if (!wants.has(value)) onTogglePill(fieldId, value, false);
-  });
-}
-var toCategoryOption = (option) => ({
-  id: option.value,
-  name: option.label,
-  parentId: option.parentId ?? null
-});
-function PillControl({
-  fieldId,
-  pill,
-  selected,
-  onTogglePill,
-  onClearField,
-  onOpenChange,
-  testIdPrefix,
-  layout = "pill"
-}) {
-  const copy = useDataViewsCopy();
-  const testId = `${testIdPrefix}-filter-${fieldId}`;
-  if (pill.control === "category") {
-    return /* @__PURE__ */ jsx(
-      CategorySelect,
-      {
-        copy: copy.categorySelect,
-        placeholder: pill.label,
-        label: layout === "stacked" ? pill.label : void 0,
-        fullWidth: layout === "stacked",
-        options: pill.options.map(toCategoryOption),
-        value: selected,
-        onChange: (next) => emitPillDiff(fieldId, selected, next, onTogglePill),
-        dataTestId: testId
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    MultiSelectDropdown,
-    {
-      extraOptionsHeading: copy.filters.optionsHeading,
-      clearText: copy.filters.clear,
-      clearLabel: copy.filters.clearRange(pill.label),
-      label: pill.label,
-      options: pill.options,
-      selected: new Set(selected),
-      onToggle: (value, checked) => onTogglePill(fieldId, value, checked),
-      onClear: () => onClearField(fieldId),
-      allLabel: copy.filters.allOption,
-      searchable: pill.searchEnabled ? true : void 0,
-      searchPlaceholder: copy.filters.optionSearchPlaceholder,
-      noResultsLabel: copy.filters.optionsEmpty,
-      layout,
-      onOpenChange,
-      "data-testid": testId
-    }
-  );
-}
-
-export {
-  emitPillDiff,
-  PillControl
-};
-//# sourceMappingURL=chunk-WSVVWL3G.js.map

package/dist/chunk-WTJ2643W.js

@@ -1,131 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Dialog,
-  DialogContent
-} from "./chunk-ZZVL523U.js";
-import {
-  createConfirmButton
-} from "./chunk-T4DCMN5W.js";
-import {
-  Box
-} from "./chunk-34DQAXL2.js";
-import {
-  Stack
-} from "./chunk-Q3FAWSH4.js";
-import {
-  Button
-} from "./chunk-GD7HXHOT.js";
-import {
-  Text
-} from "./chunk-R52HJAYO.js";
-
-// src/components/data-display/DataViews/ManageViewsDialog.tsx
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function tags(view) {
-  const copy = useDataViewsCopy();
-  const list = [];
-  if (view.isDefault) list.push(copy.manageViews.defaultTag);
-  if (view.pinned) list.push("Fixada");
-  if (view.shared) list.push("Compartilhada");
-  if (!view.isOwner) list.push(copy.manageViews.otherUserTag);
-  return list;
-}
-function ManageViewRow({
-  view,
-  onEdit,
-  onDelete,
-  testIdPrefix,
-  confirmCopy
-}) {
-  const ConfirmButton = useMemo(
-    () => createConfirmButton(confirmCopy, confirmCopy.defaultError),
-    [confirmCopy]
-  );
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      direction: "row",
-      spacing: 1,
-      sx: { alignItems: "center", justifyContent: "space-between" },
-      "data-testid": `${testIdPrefix}-manage-row-${view.id}`,
-      children: [
-        /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0 }, children: [
-          /* @__PURE__ */ jsx(Text, { variant: "body", size: "sm", as: "span", weight: "semibold", children: view.name }),
-          view.description && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", color: "secondary", children: view.description }),
-          tags(view).length > 0 && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", color: "secondary", children: tags(view).join(" \xB7 ") })
-        ] }),
-        view.isOwner && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: { flex: "0 0 auto" }, children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "text",
-              size: "sm",
-              onClick: () => onEdit(view),
-              dataTestId: `${testIdPrefix}-manage-edit-${view.id}`,
-              children: copy.manageViews.edit
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ConfirmButton,
-            {
-              variant: "text",
-              size: "sm",
-              color: "danger",
-              onClick: () => onDelete(view),
-              confirm: {
-                title: copy.manageViews.deleteTitle,
-                entityName: view.name,
-                description: copy.manageViews.deleteBody,
-                confirmText: copy.manageViews.deleteConfirm
-              },
-              dataTestId: `${testIdPrefix}-manage-delete-${view.id}`,
-              children: copy.manageViews.deleteConfirm
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function ManageViewsDialog({
-  open,
-  onClose,
-  views,
-  onEdit,
-  onDelete,
-  testIdPrefix = "views",
-  confirmCopy
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onClose,
-      title: copy.manageViews.title,
-      size: "md",
-      showCloseButton: true,
-      dataTestId: `${testIdPrefix}-manage-dialog`,
-      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(Stack, { spacing: 1.5, "data-testid": `${testIdPrefix}-manage-list`, children: views.length === 0 ? /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children: copy.manageViews.empty }) : views.map((view) => /* @__PURE__ */ jsx(
-        ManageViewRow,
-        {
-          confirmCopy,
-          view,
-          onEdit,
-          onDelete,
-          testIdPrefix
-        },
-        view.id
-      )) }) })
-    }
-  );
-}
-
-export {
-  ManageViewsDialog
-};
-//# sourceMappingURL=chunk-WTJ2643W.js.map

package/dist/chunk-WTJ2643W.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/ManageViewsDialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\n\nimport type { ConfirmActionCopy } from \"../../../copy\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { createConfirmButton } from \"../../feedback/ConfirmAction\";\nimport { Dialog, DialogContent } from \"../../feedback/Dialog\";\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\nimport { Stack } from \"../../../mui/Stack\";\nimport { Text } from \"../../typography/Text\";\n\nimport type { SavedViewSummary } from \"./data-views-types\";\n\ninterface ManageViewsDialogProps {\n  /** The confirm dialog's words. REQUIRED — this package ships no default copy. */\n  confirmCopy: ConfirmActionCopy;\n  open: boolean;\n  onClose: () => void;\n  views: SavedViewSummary[];\n  onEdit: (view: SavedViewSummary) => void;\n  onDelete: (view: SavedViewSummary) => void;\n  testIdPrefix?: string;\n}\n\nfunction tags(view: SavedViewSummary): string[] {\n  const copy = useDataViewsCopy();\n  const list: string[] = [];\n  if (view.isDefault) list.push(copy.manageViews.defaultTag);\n  if (view.pinned) list.push(\"Fixada\");\n  if (view.shared) list.push(\"Compartilhada\");\n  if (!view.isOwner) list.push(copy.manageViews.otherUserTag);\n  return list;\n}\n\n/**\n * \"Gerenciar visões\" dialog (FUT-89): lists every view the user can see with its\n * flags, and owner-only edit/delete. Non-owned shared views are listed read-only.\n */\n/** One saved view: its name/description/tags, and the owner-only actions. */\nfunction ManageViewRow({\n  view,\n  onEdit,\n  onDelete,\n  testIdPrefix,\n  confirmCopy,\n}: {\n  view: SavedViewSummary;\n  onEdit: (view: SavedViewSummary) => void;\n  onDelete: (view: SavedViewSummary) => void;\n  testIdPrefix: string;\n  confirmCopy: ConfirmActionCopy;\n}): React.JSX.Element {\n  const ConfirmButton = useMemo(\n    () => createConfirmButton(confirmCopy, confirmCopy.defaultError),\n    [confirmCopy],\n  );\n  const copy = useDataViewsCopy();\n  return (\n    <Stack\n      direction=\"row\"\n      spacing={1}\n      sx={{ alignItems: \"center\", justifyContent: \"space-between\" }}\n      data-testid={`${testIdPrefix}-manage-row-${view.id}`}\n    >\n      <Box sx={{ minWidth: 0 }}>\n        <Text variant=\"body\" size=\"sm\" as=\"span\" weight=\"semibold\">\n          {view.name}\n        </Text>\n        {view.description && (\n          <Text variant=\"caption\" as=\"p\" color=\"secondary\">\n            {view.description}\n          </Text>\n        )}\n        {tags(view).length > 0 && (\n          <Text variant=\"caption\" as=\"p\" color=\"secondary\">\n            {tags(view).join(\" · \")}\n          </Text>\n        )}\n      </Box>\n      {view.isOwner && (\n        <Stack direction=\"row\" spacing={1} sx={{ flex: \"0 0 auto\" }}>\n          <Button\n            variant=\"text\"\n            size=\"sm\"\n            onClick={() => onEdit(view)}\n            dataTestId={`${testIdPrefix}-manage-edit-${view.id}`}\n          >\n            {copy.manageViews.edit}\n          </Button>\n          {/* Confirm-gated (FUT-546): a saved view is a filter set somebody\n              built by hand, and there is no undo behind this. */}\n          <ConfirmButton\n            variant=\"text\"\n            size=\"sm\"\n            color=\"danger\"\n            onClick={() => onDelete(view)}\n            confirm={{\n              title: copy.manageViews.deleteTitle,\n              entityName: view.name,\n              description:\n                copy.manageViews.deleteBody,\n              confirmText: copy.manageViews.deleteConfirm,\n            }}\n            dataTestId={`${testIdPrefix}-manage-delete-${view.id}`}\n          >\n            {copy.manageViews.deleteConfirm}\n          </ConfirmButton>\n        </Stack>\n      )}\n    </Stack>\n  );\n}\n\nexport function ManageViewsDialog({\n  open,\n  onClose,\n  views,\n  onEdit,\n  onDelete,\n  testIdPrefix = \"views\",\n  confirmCopy,\n}: ManageViewsDialogProps): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Dialog\n      open={open}\n      onClose={onClose}\n      title={copy.manageViews.title}\n      size=\"md\"\n      showCloseButton\n      dataTestId={`${testIdPrefix}-manage-dialog`}\n    >\n      <DialogContent>\n        <Stack spacing={1.5} data-testid={`${testIdPrefix}-manage-list`}>\n          {views.length === 0 ? (\n            <Text variant=\"body\" as=\"p\">\n              {copy.manageViews.empty}\n            </Text>\n          ) : (\n            views.map((view) => (\n              <ManageViewRow confirmCopy={confirmCopy}\n                key={view.id}\n                view={view}\n                onEdit={onEdit}\n                onDelete={onDelete}\n                testIdPrefix={testIdPrefix}\n              />\n            ))\n          )}\n        </Stack>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-WTR74VUV.js

@@ -1,88 +0,0 @@
-import {
-  SheetContent,
-  SheetFooter,
-  SheetHeader
-} from "./chunk-EYQA66UV.js";
-import {
-  muiColor
-} from "./chunk-OZCEKQIX.js";
-
-// src/components/data-display/Sheet/Sheet.body.tsx
-import { Box, CircularProgress } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var needsHeader = (props) => Boolean(
-  props.showHandle || props.title || props.description || props.showCloseButton || props.header
-);
-var SheetLoading = ({ color }) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      minHeight: 200
-    },
-    children: /* @__PURE__ */ jsx(CircularProgress, { color: color === void 0 ? void 0 : muiColor(color, "inherit") })
-  }
-);
-var SheetBody = (props) => {
-  const {
-    title,
-    description,
-    showCloseButton,
-    showHandle,
-    header,
-    footer,
-    loading,
-    color,
-    children,
-    onClick,
-    onFocus,
-    onBlur,
-    testId,
-    isDragging,
-    isVerticalSheet,
-    isDraggableVariant,
-    onClose,
-    onDragStart
-  } = props;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      onClick,
-      onFocus,
-      onBlur,
-      "data-testid": testId,
-      sx: {
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        position: "relative",
-        userSelect: isDragging ? "none" : "auto"
-      },
-      children: [
-        needsHeader(props) && /* @__PURE__ */ jsx(
-          SheetHeader,
-          {
-            title,
-            description,
-            showCloseButton,
-            onClose,
-            showHandle: showHandle && isVerticalSheet,
-            isDraggable: isDraggableVariant && isVerticalSheet,
-            onDragStart,
-            dataTestId: `${testId}-header`,
-            children: header
-          }
-        ),
-        /* @__PURE__ */ jsx(SheetContent, { padded: true, dataTestId: `${testId}-content`, children: loading ? /* @__PURE__ */ jsx(SheetLoading, { color }) : children }),
-        footer && /* @__PURE__ */ jsx(SheetFooter, { sticky: true, divider: true, dataTestId: `${testId}-footer`, children: footer })
-      ]
-    }
-  );
-};
-
-export {
-  SheetBody
-};
-//# sourceMappingURL=chunk-WTR74VUV.js.map

package/dist/chunk-WTR74VUV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.body.tsx"],"sourcesContent":["import { Box, CircularProgress } from '@mui/material';\nimport React from 'react';\n\nimport { SheetContent, SheetFooter, SheetHeader } from './Sheet.parts';\nimport type { SheetProps } from './Sheet.types';\nimport { muiColor } from '../../../tokens/scales';\n\nexport interface SheetBodyProps extends Pick<\n  SheetProps,\n  | 'title'\n  | 'description'\n  | 'showCloseButton'\n  | 'showHandle'\n  | 'header'\n  | 'footer'\n  | 'loading'\n  | 'color'\n  | 'children'\n  | 'onClick'\n  | 'onFocus'\n  | 'onBlur'\n> {\n  testId: string;\n  isDragging: boolean;\n  isVerticalSheet: boolean;\n  isDraggableVariant: boolean;\n  onClose: () => void;\n  onDragStart: (e: React.MouseEvent | React.TouchEvent) => void;\n}\n\n/**\n * The header earns its place if it would show anything at all — a grab handle,\n * either piece of text, the close button, or caller-supplied content.\n */\nconst needsHeader = (props: SheetBodyProps) =>\n  Boolean(\n    props.showHandle ||\n    props.title ||\n    props.description ||\n    props.showCloseButton ||\n    props.header,\n  );\n\n/** The centred spinner shown in place of the children while `loading`. */\nconst SheetLoading: React.FC<Pick<SheetBodyProps, 'color'>> = ({ color }) => (\n  <Box\n    sx={{\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      minHeight: 200,\n    }}\n  >\n    <CircularProgress color={color === undefined ? undefined : muiColor(color, 'inherit')} />\n  </Box>\n);\n\n/**\n * What the sheet contains, independent of which drawer is carrying it. The\n * swipeable and plain branches render exactly this — they differ only in the\n * MUI component and its swipe props, so the contents are built once.\n */\nexport const SheetBody: React.FC<SheetBodyProps> = (props) => {\n  const {\n    title,\n    description,\n    showCloseButton,\n    showHandle,\n    header,\n    footer,\n    loading,\n    color,\n    children,\n    onClick,\n    onFocus,\n    onBlur,\n    testId,\n    isDragging,\n    isVerticalSheet,\n    isDraggableVariant,\n    onClose,\n    onDragStart,\n  } = props;\n\n  return (\n    <Box\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      data-testid={testId}\n      sx={{\n        height: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        position: 'relative',\n        userSelect: isDragging ? 'none' : 'auto',\n      }}\n    >\n      {needsHeader(props) && (\n        <SheetHeader\n          title={title}\n          description={description}\n          showCloseButton={showCloseButton}\n          onClose={onClose}\n          showHandle={showHandle && isVerticalSheet}\n          isDraggable={isDraggableVariant && isVerticalSheet}\n          onDragStart={onDragStart}\n          dataTestId={`${testId}-header`}\n        >\n          {header}\n        </SheetHeader>\n      )}\n\n      <SheetContent padded dataTestId={`${testId}-content`}>\n        {loading ? <SheetLoading color={color} /> : children}\n      </SheetContent>\n\n      {footer && (\n        <SheetFooter sticky divider dataTestId={`${testId}-footer`}>\n          {footer}\n        </SheetFooter>\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA,SAAS,KAAK,wBAAwB;AAqDlC,cAgCA,YAhCA;AAnBJ,IAAM,cAAc,CAAC,UACnB;AAAA,EACE,MAAM,cACN,MAAM,SACN,MAAM,eACN,MAAM,mBACN,MAAM;AACR;AAGF,IAAM,eAAwD,CAAC,EAAE,MAAM,MACrE;AAAA,EAAC;AAAA;AAAA,IACC,IAAI;AAAA,MACF,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IAEA,8BAAC,oBAAiB,OAAO,UAAU,SAAY,SAAY,SAAS,OAAO,SAAS,GAAG;AAAA;AACzF;AAQK,IAAM,YAAsC,CAAC,UAAU;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,QACf,UAAU;AAAA,QACV,YAAY,aAAa,SAAS;AAAA,MACpC;AAAA,MAEC;AAAA,oBAAY,KAAK,KAChB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,YAAY,cAAc;AAAA,YAC1B,aAAa,sBAAsB;AAAA,YACnC;AAAA,YACA,YAAY,GAAG,MAAM;AAAA,YAEpB;AAAA;AAAA,QACH;AAAA,QAGF,oBAAC,gBAAa,QAAM,MAAC,YAAY,GAAG,MAAM,YACvC,oBAAU,oBAAC,gBAAa,OAAc,IAAK,UAC9C;AAAA,QAEC,UACC,oBAAC,eAAY,QAAM,MAAC,SAAO,MAAC,YAAY,GAAG,MAAM,WAC9C,kBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-WTUV5BM5.js

@@ -1,196 +0,0 @@
-import {
-  imgPassThrough,
-  resolveLazyImageProps,
-  useLazyImage
-} from "./chunk-WR7ELCIL.js";
-import {
-  Skeleton
-} from "./chunk-6Z6SNY3X.js";
-
-// src/components/data-display/LazyImage/LazyImage.tsx
-import { Box, CircularProgress, styled, useTheme } from "@mui/material";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ImageContainer = styled(Box)(() => ({
-  position: "relative",
-  display: "inline-block",
-  overflow: "hidden"
-}));
-var StyledImage = styled("img")(({ fadeIn, fadeInDuration = 300, isLoaded }) => ({
-  display: "block",
-  maxWidth: "100%",
-  height: "auto",
-  opacity: fadeIn ? isLoaded ? 1 : 0 : 1,
-  transition: fadeIn ? `opacity ${fadeInDuration}ms ease-in-out` : "none"
-}));
-var SpinnerOverlay = styled(Box)(({ theme }) => ({
-  position: "absolute",
-  top: "50%",
-  left: "50%",
-  transform: "translate(-50%, -50%)",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  backgroundColor: "rgba(255, 255, 255, 0.8)",
-  borderRadius: "50%",
-  padding: theme.spacing(1)
-}));
-var FallbackContainer = styled(Box)(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  backgroundColor: theme.palette.action.disabledBackground,
-  color: theme.palette.text.secondary,
-  width: "100%",
-  height: "100%",
-  position: "absolute",
-  top: 0,
-  left: 0
-}));
-var SkeletonIndicator = ({ props, metrics }) => /* @__PURE__ */ jsx(
-  Skeleton,
-  {
-    variant: "rectangular",
-    width: metrics.width || "100%",
-    height: metrics.height || 200,
-    animation: props.skeletonProps.animation || "pulse",
-    intensity: props.skeletonProps.intensity,
-    borderRadius: props.borderRadius,
-    "data-testid": `${props["data-testid"]}-skeleton`
-  }
-);
-var SpinnerIndicator = ({ props }) => {
-  const theme = useTheme();
-  const { spinnerProps } = props;
-  return /* @__PURE__ */ jsx(SpinnerOverlay, { children: /* @__PURE__ */ jsx(
-    CircularProgress,
-    {
-      size: spinnerProps.size || 40,
-      thickness: spinnerProps.thickness || 4,
-      sx: { color: spinnerProps.color || theme.palette.primary.main },
-      "data-testid": `${props["data-testid"]}-spinner`
-    }
-  ) });
-};
-var PlaceholderIndicator = ({
-  props,
-  metrics,
-  hasSrc
-}) => {
-  if (!props.placeholder || hasSrc) return null;
-  return /* @__PURE__ */ jsx(
-    StyledImage,
-    {
-      src: props.placeholder,
-      alt: `${props.alt} (loading)`,
-      style: metrics,
-      "data-testid": `${props["data-testid"]}-placeholder`
-    }
-  );
-};
-var LoadingIndicator = ({ kind, hasSrc, ...rest }) => {
-  switch (kind) {
-    case "skeleton":
-      return /* @__PURE__ */ jsx(SkeletonIndicator, { ...rest });
-    case "spinner":
-      return /* @__PURE__ */ jsx(SpinnerIndicator, { ...rest });
-    case "placeholder":
-      return /* @__PURE__ */ jsx(PlaceholderIndicator, { ...rest, hasSrc });
-    default:
-      return null;
-  }
-};
-var ErrorFallback = ({ props, metrics }) => {
-  const { alt, fallback, borderRadius } = props;
-  const testId = props["data-testid"];
-  if (!fallback) return null;
-  if (typeof fallback === "string") {
-    return /* @__PURE__ */ jsx(
-      StyledImage,
-      {
-        src: fallback,
-        alt: `${alt} (fallback)`,
-        style: metrics,
-        fadeIn: false,
-        isLoaded: true,
-        "data-testid": `${testId}-fallback`
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    FallbackContainer,
-    {
-      sx: { width: metrics.width, height: metrics.height, borderRadius },
-      "data-testid": `${testId}-fallback`,
-      children: fallback
-    }
-  );
-};
-var LazyImage = React.memo(function LazyImage2(rawProps) {
-  const props = resolveLazyImageProps(rawProps);
-  const {
-    state,
-    containerRef,
-    effectiveLoadingState,
-    handleImageLoad,
-    handleImageError,
-    showImage,
-    showLoading
-  } = useLazyImage(props);
-  const { width, height, borderRadius, alt } = props;
-  const testId = props["data-testid"];
-  const metrics = {
-    width,
-    height,
-    objectFit: props.objectFit,
-    objectPosition: props.objectPosition,
-    borderRadius
-  };
-  return /* @__PURE__ */ jsxs(
-    ImageContainer,
-    {
-      ref: containerRef,
-      className: props.className,
-      sx: { width: width || "auto", height: height || "auto", borderRadius },
-      "data-testid": testId,
-      children: [
-        showLoading && /* @__PURE__ */ jsx(
-          LoadingIndicator,
-          {
-            kind: effectiveLoadingState,
-            props,
-            metrics,
-            hasSrc: Boolean(state.currentSrc)
-          }
-        ),
-        showImage && /* @__PURE__ */ jsx(
-          StyledImage,
-          {
-            src: state.currentSrc || void 0,
-            alt,
-            onLoad: handleImageLoad,
-            onError: handleImageError,
-            fadeIn: props.fadeIn,
-            fadeInDuration: props.fadeInDuration,
-            isLoaded: !state.isLoading,
-            decoding: props.decoding,
-            loading: props.lazy ? "lazy" : props.loading,
-            style: { ...metrics, ...props.sx },
-            "aria-label": props["aria-label"] || alt,
-            "aria-describedby": props["aria-describedby"],
-            role: props.role,
-            "data-testid": `${testId}-img`,
-            ...imgPassThrough(props)
-          }
-        ),
-        state.hasError && /* @__PURE__ */ jsx(ErrorFallback, { props, metrics })
-      ]
-    }
-  );
-});
-LazyImage.displayName = "LazyImage";
-
-export {
-  LazyImage
-};
-//# sourceMappingURL=chunk-WTUV5BM5.js.map

package/dist/chunk-WTUV5BM5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/LazyImage/LazyImage.tsx"],"sourcesContent":["import { Box, CircularProgress, styled, useTheme } from '@mui/material';\nimport React from 'react';\nimport { Skeleton } from '../../layout/Skeleton';\nimport type { ResolvedLazyImageProps } from './LazyImage.hooks';\nimport { imgPassThrough, resolveLazyImageProps, useLazyImage } from './LazyImage.hooks';\nimport type { LazyImageProps } from './LazyImage.types';\n\nconst ImageContainer = styled(Box)(() => ({\n  position: 'relative',\n  display: 'inline-block',\n  overflow: 'hidden',\n}));\n\nconst StyledImage = styled('img')<{\n  fadeIn?: boolean;\n  fadeInDuration?: number;\n  isLoaded?: boolean;\n}>(({ fadeIn, fadeInDuration = 300, isLoaded }) => ({\n  display: 'block',\n  maxWidth: '100%',\n  height: 'auto',\n  opacity: fadeIn ? (isLoaded ? 1 : 0) : 1,\n  transition: fadeIn ? `opacity ${fadeInDuration}ms ease-in-out` : 'none',\n}));\n\nconst SpinnerOverlay = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  backgroundColor: 'rgba(255, 255, 255, 0.8)',\n  borderRadius: '50%',\n  padding: theme.spacing(1),\n}));\n\nconst FallbackContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  backgroundColor: theme.palette.action.disabledBackground,\n  color: theme.palette.text.secondary,\n  width: '100%',\n  height: '100%',\n  position: 'absolute',\n  top: 0,\n  left: 0,\n}));\n\n/** The box the image occupies, shared by the real image and every stand-in for it. */\ninterface BoxMetrics {\n  width?: number | string;\n  height?: number | string;\n  objectFit: NonNullable<LazyImageProps['objectFit']>;\n  objectPosition: string;\n  borderRadius?: number | string;\n}\n\ninterface IndicatorProps {\n  props: ResolvedLazyImageProps;\n  metrics: BoxMetrics;\n}\n\nconst SkeletonIndicator: React.FC<IndicatorProps> = ({ props, metrics }) => (\n  <Skeleton\n    variant=\"rectangular\"\n    width={metrics.width || '100%'}\n    height={metrics.height || 200}\n    animation={props.skeletonProps.animation || 'pulse'}\n    intensity={props.skeletonProps.intensity}\n    borderRadius={props.borderRadius}\n    data-testid={`${props['data-testid']}-skeleton`}\n  />\n);\n\nconst SpinnerIndicator: React.FC<IndicatorProps> = ({ props }) => {\n  const theme = useTheme();\n  const { spinnerProps } = props;\n\n  return (\n    <SpinnerOverlay>\n      <CircularProgress\n        size={spinnerProps.size || 40}\n        thickness={spinnerProps.thickness || 4}\n        sx={{ color: spinnerProps.color || theme.palette.primary.main }}\n        data-testid={`${props['data-testid']}-spinner`}\n      />\n    </SpinnerOverlay>\n  );\n};\n\nconst PlaceholderIndicator: React.FC<IndicatorProps & { hasSrc: boolean }> = ({\n  props,\n  metrics,\n  hasSrc,\n}) => {\n  // Once a src has been chosen the real <img> is on screen, so the placeholder\n  // would only stack behind it.\n  if (!props.placeholder || hasSrc) return null;\n\n  return (\n    <StyledImage\n      src={props.placeholder}\n      alt={`${props.alt} (loading)`}\n      style={metrics}\n      data-testid={`${props['data-testid']}-placeholder`}\n    />\n  );\n};\n\nconst LoadingIndicator: React.FC<\n  IndicatorProps & { kind: NonNullable<LazyImageProps['loadingState']>; hasSrc: boolean }\n> = ({ kind, hasSrc, ...rest }) => {\n  switch (kind) {\n    case 'skeleton':\n      return <SkeletonIndicator {...rest} />;\n    case 'spinner':\n      return <SpinnerIndicator {...rest} />;\n    case 'placeholder':\n      return <PlaceholderIndicator {...rest} hasSrc={hasSrc} />;\n    default:\n      return null;\n  }\n};\n\nconst ErrorFallback: React.FC<IndicatorProps> = ({ props, metrics }) => {\n  const { alt, fallback, borderRadius } = props;\n  const testId = props['data-testid'];\n\n  if (!fallback) return null;\n\n  if (typeof fallback === 'string') {\n    return (\n      <StyledImage\n        src={fallback}\n        alt={`${alt} (fallback)`}\n        style={metrics}\n        fadeIn={false}\n        isLoaded={true}\n        data-testid={`${testId}-fallback`}\n      />\n    );\n  }\n\n  return (\n    <FallbackContainer\n      sx={{ width: metrics.width, height: metrics.height, borderRadius }}\n      data-testid={`${testId}-fallback`}\n    >\n      {fallback}\n    </FallbackContainer>\n  );\n};\n\n/**\n * LazyImage component with enhanced features for optimized image loading\n * Supports lazy loading, placeholders, error handling, and various loading states\n */\nexport const LazyImage = React.memo<LazyImageProps>(function LazyImage(rawProps) {\n  const props = resolveLazyImageProps(rawProps);\n  const {\n    state,\n    containerRef,\n    effectiveLoadingState,\n    handleImageLoad,\n    handleImageError,\n    showImage,\n    showLoading,\n  } = useLazyImage(props);\n\n  const { width, height, borderRadius, alt } = props;\n  const testId = props['data-testid'];\n  const metrics: BoxMetrics = {\n    width,\n    height,\n    objectFit: props.objectFit,\n    objectPosition: props.objectPosition,\n    borderRadius,\n  };\n\n  return (\n    <ImageContainer\n      ref={containerRef}\n      className={props.className}\n      sx={{ width: width || 'auto', height: height || 'auto', borderRadius }}\n      data-testid={testId}\n    >\n      {showLoading && (\n        <LoadingIndicator\n          kind={effectiveLoadingState}\n          props={props}\n          metrics={metrics}\n          hasSrc={Boolean(state.currentSrc)}\n        />\n      )}\n\n      {showImage && (\n        <StyledImage\n          src={state.currentSrc || undefined}\n          alt={alt}\n          onLoad={handleImageLoad}\n          onError={handleImageError}\n          fadeIn={props.fadeIn}\n          fadeInDuration={props.fadeInDuration}\n          isLoaded={!state.isLoading}\n          decoding={props.decoding}\n          loading={props.lazy ? 'lazy' : props.loading}\n          style={{ ...metrics, ...props.sx }}\n          aria-label={props['aria-label'] || alt}\n          aria-describedby={props['aria-describedby']}\n          role={props.role}\n          data-testid={`${testId}-img`}\n          {...imgPassThrough(props)}\n        />\n      )}\n\n      {state.hasError && <ErrorFallback props={props} metrics={metrics} />}\n    </ImageContainer>\n  );\n});\n\nLazyImage.displayName = 'LazyImage';\n"],"mappings":"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","names":["LazyImage"]}

package/dist/chunk-WYRI5RO7.js

@@ -1,84 +0,0 @@
-import {
-  DefaultEndMessage,
-  DefaultError,
-  DefaultLoader,
-  containerStyles
-} from "./chunk-Y7ZHWA5W.js";
-import {
-  useLoadMore,
-  useSentinel
-} from "./chunk-QF6LTUCE.js";
-
-// src/components/utility/InfiniteScroll/InfiniteScroll.tsx
-import { Box } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var InfiniteScroll = ({
-  children,
-  variant = "default",
-  hasMore,
-  loading,
-  threshold = 150,
-  loadMore,
-  loader,
-  loadingText,
-  endText,
-  endMessage,
-  error,
-  errorComponent,
-  onError,
-  className,
-  style,
-  width,
-  scrollableTarget,
-  testMode = false,
-  testTriggerRef
-}) => {
-  const { sentinelRef, isIntersecting } = useSentinel({ testMode, threshold, scrollableTarget });
-  useLoadMore({
-    hasMore,
-    loading,
-    error,
-    loadMore,
-    onError,
-    isIntersecting,
-    testMode,
-    testTriggerRef
-  });
-  const renderSentinel = () => {
-    if (!hasMore) return endMessage || /* @__PURE__ */ jsx(DefaultEndMessage, { endText });
-    if (error) return errorComponent || /* @__PURE__ */ jsx(DefaultError, { error });
-    if (loading) return loader || /* @__PURE__ */ jsx(DefaultLoader, { loadingText });
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: sentinelRef,
-        "data-testid": "infinite-scroll-sentinel",
-        style: {
-          height: variant === "horizontal" ? "100%" : "1px",
-          width: variant === "horizontal" ? "1px" : "100%"
-        }
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className,
-      sx: {
-        ...containerStyles(variant, width),
-        ...style
-      },
-      children: [
-        variant === "reverse" && renderSentinel(),
-        variant === "horizontal" ? /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexDirection: "row" }, children }) : children,
-        variant !== "reverse" && renderSentinel(),
-        variant === "horizontal" && renderSentinel()
-      ]
-    }
-  );
-};
-
-export {
-  InfiniteScroll
-};
-//# sourceMappingURL=chunk-WYRI5RO7.js.map

package/dist/chunk-WYRI5RO7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/utility/InfiniteScroll/InfiniteScroll.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport React from 'react';\n\nimport { useLoadMore, useSentinel } from './InfiniteScroll.hooks';\nimport {\n  containerStyles,\n  DefaultEndMessage,\n  DefaultError,\n  DefaultLoader,\n} from './InfiniteScroll.parts';\nimport type { InfiniteScrollProps } from './InfiniteScroll.types';\n\nexport const InfiniteScroll: React.FC<InfiniteScrollProps> = ({\n  children,\n  variant = 'default',\n  hasMore,\n  loading,\n  threshold = 150,\n  loadMore,\n  loader,\n  loadingText,\n  endText,\n  endMessage,\n  error,\n  errorComponent,\n  onError,\n  className,\n  style,\n  width,\n  scrollableTarget,\n  testMode = false,\n  testTriggerRef,\n}) => {\n  const { sentinelRef, isIntersecting } = useSentinel({ testMode, threshold, scrollableTarget });\n\n  useLoadMore({\n    hasMore,\n    loading,\n    error,\n    loadMore,\n    onError,\n    isIntersecting,\n    testMode,\n    testTriggerRef,\n  });\n\n  // The tail of the list is one of four things: the end message, an error, a\n  // spinner, or the sentinel that asks for the next page.\n  const renderSentinel = () => {\n    if (!hasMore) return endMessage || <DefaultEndMessage endText={endText} />;\n    if (error) return errorComponent || <DefaultError error={error} />;\n    if (loading) return loader || <DefaultLoader loadingText={loadingText} />;\n\n    return (\n      <div\n        ref={sentinelRef}\n        data-testid=\"infinite-scroll-sentinel\"\n        style={{\n          height: variant === 'horizontal' ? '100%' : '1px',\n          width: variant === 'horizontal' ? '1px' : '100%',\n        }}\n      />\n    );\n  };\n\n  return (\n    <Box\n      className={className}\n      sx={{\n        ...containerStyles(variant, width),\n        ...style,\n      }}\n    >\n      {variant === 'reverse' && renderSentinel()}\n\n      {variant === 'horizontal' ? (\n        <Box sx={{ display: 'flex', flexDirection: 'row' }}>{children}</Box>\n      ) : (\n        children\n      )}\n\n      {variant !== 'reverse' && renderSentinel()}\n\n      {variant === 'horizontal' && renderSentinel()}\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,WAAW;AAiDmB,cAiBnC,YAjBmC;AArChC,IAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,MAAM;AACJ,QAAM,EAAE,aAAa,eAAe,IAAI,YAAY,EAAE,UAAU,WAAW,iBAAiB,CAAC;AAE7F,cAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAID,QAAM,iBAAiB,MAAM;AAC3B,QAAI,CAAC,QAAS,QAAO,cAAc,oBAAC,qBAAkB,SAAkB;AACxE,QAAI,MAAO,QAAO,kBAAkB,oBAAC,gBAAa,OAAc;AAChE,QAAI,QAAS,QAAO,UAAU,oBAAC,iBAAc,aAA0B;AAEvE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,eAAY;AAAA,QACZ,OAAO;AAAA,UACL,QAAQ,YAAY,eAAe,SAAS;AAAA,UAC5C,OAAO,YAAY,eAAe,QAAQ;AAAA,QAC5C;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,QACF,GAAG,gBAAgB,SAAS,KAAK;AAAA,QACjC,GAAG;AAAA,MACL;AAAA,MAEC;AAAA,oBAAY,aAAa,eAAe;AAAA,QAExC,YAAY,eACX,oBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,eAAe,MAAM,GAAI,UAAS,IAE9D;AAAA,QAGD,YAAY,aAAa,eAAe;AAAA,QAExC,YAAY,gBAAgB,eAAe;AAAA;AAAA;AAAA,EAC9C;AAEJ;","names":[]}