@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-QO6QWBDI.js

@@ -1,142 +0,0 @@
-import {
-  SIZE_MAP,
-  makeTestIds,
-  resolveLoadingStateProps
-} from "./chunk-7DFEKTT7.js";
-import {
-  SKELETON_FULL_ROW_WIDTH,
-  SKELETON_LAST_ROW_WIDTH,
-  SKELETON_MESSAGE_MARGIN_TOP_UNITS,
-  SKELETON_PADDING_UNITS,
-  SKELETON_RADIUS,
-  SKELETON_ROW_GAP_UNITS,
-  SKELETON_ROW_HEIGHT,
-  SPINNER_GAP_UNITS,
-  SPINNER_MIN_HEIGHT,
-  SPINNER_PADDING_UNITS
-} from "./chunk-YSTHOE66.js";
-import {
-  Skeleton
-} from "./chunk-7F7TTOYN.js";
-import {
-  resolveTestId
-} from "./chunk-TYJR4GOF.js";
-
-// src/components/data-display/LoadingState/LoadingState.tsx
-import Box from "@mui/material/Box/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var LoadingMessage = ({ message, size, testIds, sx }) => message ? /* @__PURE__ */ jsx(
-  Typography,
-  {
-    variant: SIZE_MAP[size].text,
-    color: "text.secondary",
-    sx,
-    "data-testid": testIds.named("message"),
-    children: message
-  }
-) : null;
-var SkeletonView = ({
-  message,
-  size,
-  skeletonRows,
-  className,
-  testIds
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      role: "status",
-      "aria-busy": "true",
-      "aria-label": message || "Loading content",
-      className,
-      "data-testid": testIds.base,
-      sx: {
-        width: "100%",
-        padding: theme.spacing(SKELETON_PADDING_UNITS)
-      },
-      children: [
-        /* @__PURE__ */ jsx(Stack, { spacing: SKELETON_ROW_GAP_UNITS, children: Array.from({ length: skeletonRows }).map((_, index) => /* @__PURE__ */ jsx(
-          Skeleton,
-          {
-            variant: "rectangular",
-            animation: "wave",
-            height: SKELETON_ROW_HEIGHT[size],
-            width: index === skeletonRows - 1 ? SKELETON_LAST_ROW_WIDTH : SKELETON_FULL_ROW_WIDTH,
-            borderRadius: SKELETON_RADIUS,
-            "data-testid": testIds.optional(`skeleton-${index}`)
-          },
-          `skeleton-row-${index}`
-        )) }),
-        /* @__PURE__ */ jsx(
-          LoadingMessage,
-          {
-            message,
-            size,
-            testIds,
-            sx: { mt: SKELETON_MESSAGE_MARGIN_TOP_UNITS, textAlign: "center" }
-          }
-        )
-      ]
-    }
-  );
-};
-var SpinnerView = ({ message, size, className, testIds }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      role: "status",
-      "aria-busy": "true",
-      "aria-label": message || "Loading",
-      className,
-      "data-testid": testIds.base,
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        padding: theme.spacing(SPINNER_PADDING_UNITS),
-        minHeight: SPINNER_MIN_HEIGHT,
-        gap: theme.spacing(SPINNER_GAP_UNITS)
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          CircularProgress,
-          {
-            size: SIZE_MAP[size].spinner,
-            "data-testid": testIds.named("spinner")
-          }
-        ),
-        /* @__PURE__ */ jsx(LoadingMessage, { message, size, testIds })
-      ]
-    }
-  );
-};
-var LoadingState = React.memo((rawProps) => {
-  const resolved = resolveLoadingStateProps(rawProps);
-  const { variant, message, size, skeletonRows, className } = resolved;
-  const viewProps = {
-    message,
-    size,
-    skeletonRows,
-    className,
-    // `dataTestId` is the documented spelling; `testID`, the shared contract's
-    // other one, resolves to the same id.
-    testIds: makeTestIds(resolveTestId(resolved))
-  };
-  return variant === "skeleton" ? /* @__PURE__ */ jsx(SkeletonView, { ...viewProps }) : /* @__PURE__ */ jsx(SpinnerView, { ...viewProps });
-});
-LoadingState.displayName = "LoadingState";
-var LoadingState_default = LoadingState;
-
-export {
-  LoadingState,
-  LoadingState_default
-};
-//# sourceMappingURL=chunk-QO6QWBDI.js.map

package/dist/chunk-QO6QWBDI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/LoadingState/LoadingState.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { Skeleton } from '../../layout/Skeleton/Skeleton';\n\nimport {\n  makeTestIds,\n  resolveLoadingStateProps,\n  SIZE_MAP,\n  SKELETON_ROW_HEIGHT,\n} from './LoadingState.helpers';\nimport {\n  SKELETON_FULL_ROW_WIDTH,\n  SKELETON_LAST_ROW_WIDTH,\n  SKELETON_MESSAGE_MARGIN_TOP_UNITS,\n  SKELETON_PADDING_UNITS,\n  SKELETON_RADIUS,\n  SKELETON_ROW_GAP_UNITS,\n  SPINNER_GAP_UNITS,\n  SPINNER_MIN_HEIGHT,\n  SPINNER_PADDING_UNITS,\n} from './LoadingState.metrics';\nimport type { LoadingStateProps, LoadingStateSize } from './LoadingState.types';\nimport { resolveTestId } from '../../../platform/test-id';\n\ninterface ViewProps {\n  message?: string;\n  size: LoadingStateSize;\n  skeletonRows: number;\n  className?: string;\n  testIds: ReturnType<typeof makeTestIds>;\n}\n\nconst LoadingMessage: React.FC<{\n  message?: string;\n  size: LoadingStateSize;\n  testIds: ViewProps['testIds'];\n  sx?: object;\n}> = ({ message, size, testIds, sx }) =>\n  message ? (\n    <Typography\n      variant={SIZE_MAP[size].text}\n      color=\"text.secondary\"\n      sx={sx}\n      data-testid={testIds.named('message')}\n    >\n      {message}\n    </Typography>\n  ) : null;\n\nconst SkeletonView: React.FC<ViewProps> = ({\n  message,\n  size,\n  skeletonRows,\n  className,\n  testIds,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label={message || 'Loading content'}\n      className={className}\n      data-testid={testIds.base}\n      sx={{\n        width: '100%',\n        padding: theme.spacing(SKELETON_PADDING_UNITS),\n      }}\n    >\n      <Stack spacing={SKELETON_ROW_GAP_UNITS}>\n        {Array.from({ length: skeletonRows }).map((_, index) => (\n          <Skeleton\n            key={`skeleton-row-${index}`}\n            variant=\"rectangular\"\n            animation=\"wave\"\n            height={SKELETON_ROW_HEIGHT[size]}\n            // The last row is short, so the block reads as a paragraph of text.\n            width={index === skeletonRows - 1 ? SKELETON_LAST_ROW_WIDTH : SKELETON_FULL_ROW_WIDTH}\n            borderRadius={SKELETON_RADIUS}\n            data-testid={testIds.optional(`skeleton-${index}`)}\n          />\n        ))}\n      </Stack>\n      <LoadingMessage\n        message={message}\n        size={size}\n        testIds={testIds}\n        sx={{ mt: SKELETON_MESSAGE_MARGIN_TOP_UNITS, textAlign: 'center' }}\n      />\n    </Box>\n  );\n};\n\nconst SpinnerView: React.FC<ViewProps> = ({ message, size, className, testIds }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label={message || 'Loading'}\n      className={className}\n      data-testid={testIds.base}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        padding: theme.spacing(SPINNER_PADDING_UNITS),\n        minHeight: SPINNER_MIN_HEIGHT,\n        gap: theme.spacing(SPINNER_GAP_UNITS),\n      }}\n    >\n      <CircularProgress\n        size={SIZE_MAP[size].spinner}\n        data-testid={testIds.named('spinner')}\n      />\n      <LoadingMessage message={message} size={size} testIds={testIds} />\n    </Box>\n  );\n};\n\nexport const LoadingState: React.FC<LoadingStateProps> = React.memo((rawProps) => {\n  const resolved = resolveLoadingStateProps(rawProps);\n  const { variant, message, size, skeletonRows, className } = resolved;\n  const viewProps: ViewProps = {\n    message,\n    size,\n    skeletonRows,\n    className,\n    // `dataTestId` is the documented spelling; `testID`, the shared contract's\n    // other one, resolves to the same id.\n    testIds: makeTestIds(resolveTestId(resolved)),\n  };\n\n  return variant === 'skeleton' ? (\n    <SkeletonView {...viewProps} />\n  ) : (\n    <SpinnerView {...viewProps} />\n  );\n});\n\nLoadingState.displayName = 'LoadingState';\n\nexport default LoadingState;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,sBAAsB;AAC7B,OAAO,WAAW;AAClB,OAAO,gBAAgB;AACvB,SAAS,gBAAgB;AACzB,OAAO,WAAW;AAuCd,cAoBA,YApBA;AAPJ,IAAM,iBAKD,CAAC,EAAE,SAAS,MAAM,SAAS,GAAG,MACjC,UACE;AAAA,EAAC;AAAA;AAAA,IACC,SAAS,SAAS,IAAI,EAAE;AAAA,IACxB,OAAM;AAAA,IACN;AAAA,IACA,eAAa,QAAQ,MAAM,SAAS;AAAA,IAEnC;AAAA;AACH,IACE;AAEN,IAAM,eAAoC,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,SAAS;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAY,WAAW;AAAA,MACvB;AAAA,MACA,eAAa,QAAQ;AAAA,MACrB,IAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS,MAAM,QAAQ,sBAAsB;AAAA,MAC/C;AAAA,MAEA;AAAA,4BAAC,SAAM,SAAS,wBACb,gBAAM,KAAK,EAAE,QAAQ,aAAa,CAAC,EAAE,IAAI,CAAC,GAAG,UAC5C;AAAA,UAAC;AAAA;AAAA,YAEC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,QAAQ,oBAAoB,IAAI;AAAA,YAEhC,OAAO,UAAU,eAAe,IAAI,0BAA0B;AAAA,YAC9D,cAAc;AAAA,YACd,eAAa,QAAQ,SAAS,YAAY,KAAK,EAAE;AAAA;AAAA,UAP5C,gBAAgB,KAAK;AAAA,QAQ5B,CACD,GACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,IAAI,EAAE,IAAI,mCAAmC,WAAW,SAAS;AAAA;AAAA,QACnE;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAM,cAAmC,CAAC,EAAE,SAAS,MAAM,WAAW,QAAQ,MAAM;AAClF,QAAM,QAAQ,SAAS;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAY,WAAW;AAAA,MACvB;AAAA,MACA,eAAa,QAAQ;AAAA,MACrB,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS,MAAM,QAAQ,qBAAqB;AAAA,QAC5C,WAAW;AAAA,QACX,KAAK,MAAM,QAAQ,iBAAiB;AAAA,MACtC;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,SAAS,IAAI,EAAE;AAAA,YACrB,eAAa,QAAQ,MAAM,SAAS;AAAA;AAAA,QACtC;AAAA,QACA,oBAAC,kBAAe,SAAkB,MAAY,SAAkB;AAAA;AAAA;AAAA,EAClE;AAEJ;AAEO,IAAM,eAA4C,MAAM,KAAK,CAAC,aAAa;AAChF,QAAM,WAAW,yBAAyB,QAAQ;AAClD,QAAM,EAAE,SAAS,SAAS,MAAM,cAAc,UAAU,IAAI;AAC5D,QAAM,YAAuB;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA,SAAS,YAAY,cAAc,QAAQ,CAAC;AAAA,EAC9C;AAEA,SAAO,YAAY,aACjB,oBAAC,gBAAc,GAAG,WAAW,IAE7B,oBAAC,eAAa,GAAG,WAAW;AAEhC,CAAC;AAED,aAAa,cAAc;AAE3B,IAAO,uBAAQ;","names":[]}

package/dist/chunk-QPNTUFV4.js

@@ -1,170 +0,0 @@
-import {
-  NavigationMegaSection
-} from "./chunk-KJ3AXHKF.js";
-import {
-  NavigationStandardBody
-} from "./chunk-67QSLTT7.js";
-import {
-  LogoBar,
-  NavigationShell
-} from "./chunk-DOXNMWUU.js";
-
-// src/components/navigation/NavigationMenu/NavigationMenu.tsx
-import Box from "@mui/material/Box/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import React, { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var MegaMenuLayout = React.forwardRef(
-  ({
-    variant,
-    logo,
-    items,
-    size,
-    minimal,
-    dataTestId: _dataTestId,
-    className,
-    maxWidth,
-    style,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      NavigationShell,
-      {
-        ref,
-        variant,
-        minimal,
-        className,
-        style: { maxWidth, ...style },
-        ...props,
-        children: /* @__PURE__ */ jsxs(
-          Paper,
-          {
-            elevation: minimal ? 0 : 1,
-            sx: {
-              width: "100%",
-              overflow: "hidden",
-              background: minimal ? "transparent" : void 0
-            },
-            children: [
-              logo && /* @__PURE__ */ jsx(LogoBar, { children: logo }),
-              /* @__PURE__ */ jsx(
-                Box,
-                {
-                  sx: {
-                    display: "grid",
-                    gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))",
-                    gap: 3,
-                    p: 3
-                  },
-                  children: items.map((section, sectionIndex) => /* @__PURE__ */ jsx(
-                    NavigationMegaSection,
-                    {
-                      section,
-                      sectionIndex,
-                      variant,
-                      size,
-                      minimal
-                    },
-                    section.id
-                  ))
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-MegaMenuLayout.displayName = "MegaMenuLayout";
-var NAVIGATION_DEFAULTS = {
-  variant: "vertical",
-  size: "md",
-  minimal: false,
-  collapsible: false,
-  showDividers: false
-};
-var resolveProps = (props) => ({
-  ...NAVIGATION_DEFAULTS,
-  ...Object.fromEntries(
-    Object.entries(props).filter(([, value]) => value !== void 0)
-  )
-});
-var NavigationMenu = React.forwardRef(
-  (componentProps, ref) => {
-    const {
-      variant,
-      items,
-      size,
-      minimal,
-      collapsible,
-      collapsed: controlledCollapsed,
-      onCollapseChange,
-      logo,
-      endContent,
-      maxWidth,
-      showDividers,
-      className,
-      style,
-      ...props
-    } = resolveProps(componentProps);
-    const [internalCollapsed, setInternalCollapsed] = useState(false);
-    const isControlled = controlledCollapsed !== void 0;
-    const collapsed = isControlled ? controlledCollapsed : internalCollapsed;
-    const handleCollapseToggle = () => {
-      if (!isControlled) setInternalCollapsed(!collapsed);
-      onCollapseChange?.(!collapsed);
-    };
-    if (variant === "mega") {
-      return /* @__PURE__ */ jsx(
-        MegaMenuLayout,
-        {
-          ref,
-          variant,
-          collapsed,
-          logo,
-          items,
-          size,
-          minimal,
-          className,
-          maxWidth,
-          style,
-          ...props
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      NavigationShell,
-      {
-        ref,
-        variant,
-        minimal,
-        collapsed,
-        className,
-        style,
-        ...props,
-        children: /* @__PURE__ */ jsx(
-          NavigationStandardBody,
-          {
-            variant,
-            size,
-            minimal,
-            collapsed,
-            collapsible,
-            showDividers,
-            items,
-            logo,
-            endContent,
-            onCollapseToggle: handleCollapseToggle
-          }
-        )
-      }
-    );
-  }
-);
-NavigationMenu.displayName = "NavigationMenu";
-
-export {
-  NavigationMenu
-};
-//# sourceMappingURL=chunk-QPNTUFV4.js.map

package/dist/chunk-QV5J4TE6.js

@@ -1,43 +0,0 @@
-import {
-  ConfirmActionDialog
-} from "./chunk-GPUYB3ST.js";
-import {
-  useConfirmAction
-} from "./chunk-EMYESBIT.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-QV5J4TE6.js.map

package/dist/chunk-QXTO3G2T.js

@@ -1,62 +0,0 @@
-import {
-  SR_ONLY_SX,
-  STATUS_COLOR
-} from "./chunk-LIG7TKIB.js";
-
-// src/components/layout/SettingsLayout/SettingsStatusMarker.tsx
-import LockOutlinedIcon from "@mui/icons-material/LockOutlined";
-import Box from "@mui/material/Box/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SettingsStatusMarker({
-  status,
-  label,
-  testId
-}) {
-  const hidden = label ? /* @__PURE__ */ jsx(Box, { component: "span", sx: SR_ONLY_SX, children: label }) : null;
-  if (status === "locked") {
-    return /* @__PURE__ */ jsxs(
-      Box,
-      {
-        component: "span",
-        "data-testid": testId,
-        "data-status": status,
-        sx: { display: "inline-flex", alignItems: "center", color: "text.disabled" },
-        children: [
-          /* @__PURE__ */ jsx(LockOutlinedIcon, { sx: { fontSize: 16 } }),
-          hidden
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "span",
-      "data-testid": testId,
-      "data-status": status,
-      sx: { display: "inline-flex", alignItems: "center" },
-      children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "span",
-            sx: {
-              width: 8,
-              height: 8,
-              borderRadius: "50%",
-              flex: "0 0 auto",
-              bgcolor: STATUS_COLOR[status]
-            }
-          }
-        ),
-        hidden
-      ]
-    }
-  );
-}
-SettingsStatusMarker.displayName = "SettingsStatusMarker";
-
-export {
-  SettingsStatusMarker
-};
-//# sourceMappingURL=chunk-QXTO3G2T.js.map

package/dist/chunk-QXTO3G2T.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/SettingsLayout/SettingsStatusMarker.tsx"],"sourcesContent":["'use client';\n\nimport LockOutlinedIcon from '@mui/icons-material/LockOutlined';\nimport Box from '@mui/material/Box/index.js';\nimport React from 'react';\n\nimport { SR_ONLY_SX, STATUS_COLOR } from './SettingsLayout.styles';\nimport type { SettingsNavStatus } from './SettingsLayout.types';\n\nexport interface SettingsStatusMarkerProps {\n  /** Which situation to draw. */\n  status: SettingsNavStatus;\n  /** What it means, in the host's language — the only carrier a screen reader gets. */\n  label?: string;\n  /** `data-testid` for the marker element. */\n  testId?: string;\n}\n\n/**\n * The situation marker beside a settings entry: a coloured dot, or a padlock\n * when the plan does not include the section.\n *\n * The label is rendered as visually-hidden text INSIDE the marker rather than as\n * an `aria-label` on it, so it lands in the accessible name of the row that\n * contains it. A row reading \"Endereço, ligado\" is one utterance; a decorative\n * dot with a title attribute beside it is two, and the second one is skipped.\n *\n * Colour alone never says which of the three states this is — that is the whole\n * reason `label` exists, and why a marker without one is a marker with no\n * meaning attached.\n */\nexport function SettingsStatusMarker({\n  status,\n  label,\n  testId,\n}: SettingsStatusMarkerProps): React.JSX.Element {\n  const hidden = label ? <Box component=\"span\" sx={SR_ONLY_SX}>{label}</Box> : null;\n\n  if (status === 'locked') {\n    return (\n      <Box\n        component=\"span\"\n        data-testid={testId}\n        data-status={status}\n        sx={{ display: 'inline-flex', alignItems: 'center', color: 'text.disabled' }}\n      >\n        <LockOutlinedIcon sx={{ fontSize: 16 }} />\n        {hidden}\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      component=\"span\"\n      data-testid={testId}\n      data-status={status}\n      sx={{ display: 'inline-flex', alignItems: 'center' }}\n    >\n      <Box\n        component=\"span\"\n        sx={{\n          width: 8,\n          height: 8,\n          borderRadius: '50%',\n          flex: '0 0 auto',\n          bgcolor: STATUS_COLOR[status],\n        }}\n      />\n      {hidden}\n    </Box>\n  );\n}\n\nSettingsStatusMarker.displayName = 'SettingsStatusMarker';\n"],"mappings":";;;;;;AAEA,OAAO,sBAAsB;AAC7B,OAAO,SAAS;AAiCS,cAInB,YAJmB;AALlB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAAiD;AAC/C,QAAM,SAAS,QAAQ,oBAAC,OAAI,WAAU,QAAO,IAAI,YAAa,iBAAM,IAAS;AAE7E,MAAI,WAAW,UAAU;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAa;AAAA,QACb,eAAa;AAAA,QACb,IAAI,EAAE,SAAS,eAAe,YAAY,UAAU,OAAO,gBAAgB;AAAA,QAE3E;AAAA,8BAAC,oBAAiB,IAAI,EAAE,UAAU,GAAG,GAAG;AAAA,UACvC;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa;AAAA,MACb,eAAa;AAAA,MACb,IAAI,EAAE,SAAS,eAAe,YAAY,SAAS;AAAA,MAEnD;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI;AAAA,cACF,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,cAAc;AAAA,cACd,MAAM;AAAA,cACN,SAAS,aAAa,MAAM;AAAA,YAC9B;AAAA;AAAA,QACF;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,qBAAqB,cAAc;","names":[]}

package/dist/chunk-QYUB2RFN.js

@@ -1,131 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  createConfirmButton
-} from "./chunk-7JSQQZUH.js";
-import {
-  Dialog,
-  DialogContent
-} from "./chunk-L4UP5VYS.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  default as default3
-} from "./chunk-WEBEOBN5.js";
-import {
-  Button
-} from "./chunk-3EDZU2H7.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.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(
-    default3,
-    {
-      direction: "row",
-      spacing: 1,
-      sx: { alignItems: "center", justifyContent: "space-between" },
-      "data-testid": `${testIdPrefix}-manage-row-${view.id}`,
-      children: [
-        /* @__PURE__ */ jsxs(default2, { 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(default3, { 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(default3, { 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-QYUB2RFN.js.map