@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-JIKWZDNK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/ErrorState/ErrorState.tsx"],"sourcesContent":["import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport RefreshIcon from '@mui/icons-material/Refresh';\nimport WarningAmberIcon from '@mui/icons-material/WarningAmber';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/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 type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport {\n  ERROR_ICON_BOX,\n  ERROR_ICON_BOX_OPACITY,\n  ERROR_ICON_SIZE,\n  ERROR_MESSAGE_LINE_HEIGHT,\n  ERROR_MESSAGE_MAX_WIDTH,\n  ERROR_STATE_GAP_UNITS,\n  ERROR_STATE_MIN_HEIGHT,\n  ERROR_STATE_PADDING_UNITS,\n  ERROR_TEXT_GAP_UNITS,\n  RETRY_MARGIN_TOP_UNITS,\n  RETRY_MIN_WIDTH,\n} from './ErrorState.metrics';\nimport type { ErrorStateProps, ErrorStateSeverity } from './ErrorState.types';\nimport { resolveTestId } from '../../../platform/test-id';\n\nconst makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `error-state-${suffix}`;\n\nconst paletteFor = (theme: Theme, severity: ErrorStateSeverity) =>\n  severity === 'error' ? theme.palette.error : theme.palette.warning;\n\nconst ErrorIcon: React.FC<{\n  severity: ErrorStateSeverity;\n  icon?: React.ReactNode;\n  testId: string;\n}> = ({ severity, icon, testId }) => {\n  const theme = useTheme();\n  const color = paletteFor(theme, severity);\n  const Fallback = severity === 'error' ? ErrorOutlineIcon : WarningAmberIcon;\n\n  return (\n    <Box\n      data-testid={testId}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: ERROR_ICON_BOX,\n        height: ERROR_ICON_BOX,\n        borderRadius: '50%',\n        backgroundColor: color.light,\n        opacity: ERROR_ICON_BOX_OPACITY,\n      }}\n    >\n      {icon || <Fallback sx={{ fontSize: ERROR_ICON_SIZE, color: color.main }} />}\n    </Box>\n  );\n};\n\nconst ErrorText: React.FC<{\n  title?: string;\n  message: string;\n  titleId: string;\n  testId: (suffix: string) => string;\n}> = ({ title, message, titleId, testId }) => {\n  const theme = useTheme();\n\n  return (\n    <Stack spacing={ERROR_TEXT_GAP_UNITS} alignItems=\"center\">\n      {title && (\n        <Typography\n          id={titleId}\n          variant=\"h6\"\n          component=\"h3\"\n          data-testid={testId('title')}\n          sx={{\n            fontWeight: theme.typography.fontWeightMedium,\n            color: theme.palette.text.primary,\n          }}\n        >\n          {title}\n        </Typography>\n      )}\n\n      <Typography\n        id={`${titleId}-message`}\n        variant=\"body2\"\n        color=\"text.secondary\"\n        data-testid={testId('message')}\n        sx={{\n          maxWidth: ERROR_MESSAGE_MAX_WIDTH,\n          lineHeight: ERROR_MESSAGE_LINE_HEIGHT,\n        }}\n      >\n        {message}\n      </Typography>\n    </Stack>\n  );\n};\n\nexport const ErrorState: React.FC<ErrorStateProps> = React.memo((props) => {\n  const {\n    message,\n    title,\n    onRetry,\n    retryLabel = 'Retry',\n    severity = 'error',\n    icon,\n    className,\n  } = props;\n  const theme = useTheme();\n  const titleId = React.useId();\n  // `dataTestId` is the documented spelling; `testID`, the shared contract's\n  // other one, resolves to the same id.\n  const dataTestId = resolveTestId(props);\n  const testId = makeTestId(dataTestId);\n\n  return (\n    <Box\n      role=\"alert\"\n      aria-labelledby={title ? titleId : undefined}\n      aria-describedby={`${titleId}-message`}\n      className={className}\n      data-testid={dataTestId || 'error-state'}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        textAlign: 'center',\n        padding: theme.spacing(ERROR_STATE_PADDING_UNITS),\n        minHeight: ERROR_STATE_MIN_HEIGHT,\n        gap: theme.spacing(ERROR_STATE_GAP_UNITS),\n      }}\n    >\n      <ErrorIcon severity={severity} icon={icon} testId={testId('icon')} />\n\n      <ErrorText title={title} message={message} titleId={titleId} testId={testId} />\n\n      {onRetry && (\n        <Button\n          variant=\"outlined\"\n          color={severity}\n          onClick={onRetry}\n          startIcon={<RefreshIcon />}\n          data-testid={testId('retry-button')}\n          sx={{\n            mt: theme.spacing(RETRY_MARGIN_TOP_UNITS),\n            minWidth: RETRY_MIN_WIDTH,\n          }}\n        >\n          {retryLabel}\n        </Button>\n      )}\n    </Box>\n  );\n});\n\nErrorState.displayName = 'ErrorState';\n\nexport default ErrorState;\n"],"mappings":"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","names":[]}

package/dist/chunk-JLWAYBOP.js

@@ -1,77 +0,0 @@
-import {
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-
-// src/components/layout/ContentToolbar/FilterTrigger.tsx
-import FilterIcon from "@mui/icons-material/FilterListRounded";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function FilterTrigger({
-  open,
-  onOpenChange,
-  hasActiveFilters = false,
-  activeCount = 0,
-  label = "Filtros",
-  "data-testid": testId = "toggle-filters-btn"
-}) {
-  const active = activeCount > 0 || hasActiveFilters;
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant: "text",
-      size: "small",
-      color: "inherit",
-      "data-testid": testId,
-      "aria-expanded": open,
-      "aria-label": open ? "Close filters" : "Open filters",
-      onClick: () => onOpenChange(!open),
-      startIcon: /* @__PURE__ */ jsx(FilterIcon, { sx: { fontSize: 16 } }),
-      sx: {
-        minWidth: 0,
-        height: fieldHeight,
-        px: 1,
-        gap: 0.25,
-        borderRadius: fieldRadiusPx,
-        textTransform: "none",
-        fontWeight: 600,
-        color: active ? "primary.main" : "text.primary",
-        bgcolor: open ? "action.selected" : "transparent"
-      },
-      children: [
-        label,
-        activeCount > 0 && /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "span",
-            "data-testid": `${testId}-count`,
-            sx: {
-              ml: 0.5,
-              minWidth: 18,
-              height: 18,
-              px: 0.5,
-              borderRadius: 999,
-              display: "inline-flex",
-              alignItems: "center",
-              justifyContent: "center",
-              fontSize: "0.7rem",
-              fontWeight: 700,
-              lineHeight: 1,
-              bgcolor: "primary.main",
-              color: "primary.contrastText"
-            },
-            children: activeCount
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  FilterTrigger
-};
-//# sourceMappingURL=chunk-JLWAYBOP.js.map

package/dist/chunk-JLWAYBOP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/ContentToolbar/FilterTrigger.tsx"],"sourcesContent":["'use client';\n\nimport FilterIcon from '@mui/icons-material/FilterListRounded';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport React from 'react';\n\nimport type { FilterTriggerProps } from './ContentToolbar.types';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\nimport { fieldHeight } from '../../../tokens/field-height';\n\n/**\n * Labeled filter toggle: a \"Filtros\" button (styled like the sibling toolbar\n * controls) with a funnel icon and, when filters are active, a count badge — so\n * it's obvious that the list is filtered and by how many facets. The panel itself\n * is supplied by the consumer.\n */\nexport function FilterTrigger({\n  open,\n  onOpenChange,\n  hasActiveFilters = false,\n  activeCount = 0,\n  label = 'Filtros',\n  'data-testid': testId = 'toggle-filters-btn',\n}: FilterTriggerProps): React.JSX.Element {\n  const active = activeCount > 0 || hasActiveFilters;\n  return (\n    <Button\n      variant=\"text\"\n      size=\"small\"\n      color=\"inherit\"\n      data-testid={testId}\n      aria-expanded={open}\n      aria-label={open ? 'Close filters' : 'Open filters'}\n      onClick={() => onOpenChange(!open)}\n      startIcon={<FilterIcon sx={{ fontSize: 16 }} />}\n      sx={{\n        minWidth: 0,\n        height: fieldHeight,\n        px: 1,\n        gap: 0.25,\n        borderRadius: fieldRadiusPx,\n        textTransform: 'none',\n        fontWeight: 600,\n        color: active ? 'primary.main' : 'text.primary',\n        bgcolor: open ? 'action.selected' : 'transparent',\n      }}\n    >\n      {label}\n      {activeCount > 0 && (\n        <Box\n          component=\"span\"\n          data-testid={`${testId}-count`}\n          sx={{\n            ml: 0.5,\n            minWidth: 18,\n            height: 18,\n            px: 0.5,\n            borderRadius: 999,\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            fontSize: '0.7rem',\n            fontWeight: 700,\n            lineHeight: 1,\n            bgcolor: 'primary.main',\n            color: 'primary.contrastText',\n          }}\n        >\n          {activeCount}\n        </Box>\n      )}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;AAEA,OAAO,gBAAgB;AACvB,OAAO,SAAS;AAChB,OAAO,YAAY;AAuBf,SAQa,KARb;AAVG,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,eAAe,SAAS;AAC1B,GAA0C;AACxC,QAAM,SAAS,cAAc,KAAK;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAa;AAAA,MACb,iBAAe;AAAA,MACf,cAAY,OAAO,kBAAkB;AAAA,MACrC,SAAS,MAAM,aAAa,CAAC,IAAI;AAAA,MACjC,WAAW,oBAAC,cAAW,IAAI,EAAE,UAAU,GAAG,GAAG;AAAA,MAC7C,IAAI;AAAA,QACF,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,cAAc;AAAA,QACd,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,OAAO,SAAS,iBAAiB;AAAA,QACjC,SAAS,OAAO,oBAAoB;AAAA,MACtC;AAAA,MAEC;AAAA;AAAA,QACA,cAAc,KACb;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAG,MAAM;AAAA,YACtB,IAAI;AAAA,cACF,IAAI;AAAA,cACJ,UAAU;AAAA,cACV,QAAQ;AAAA,cACR,IAAI;AAAA,cACJ,cAAc;AAAA,cACd,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,YAAY;AAAA,cACZ,SAAS;AAAA,cACT,OAAO;AAAA,YACT;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-JN3PGXRJ.js

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

package/dist/chunk-JO5GSRYQ.js

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

package/dist/chunk-JPXG7IFW.js

@@ -1,34 +0,0 @@
-import {
-  useFormContext
-} from "./chunk-4XK6JQ4D.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-import {
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-
-// src/components/form/total-form/SubmitButton.tsx
-import { jsx } from "react/jsx-runtime";
-function SubmitButton({
-  children,
-  dataTestId = "total-form-submit"
-}) {
-  const { submitting } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: "submit",
-      dataTestId,
-      loading: submitting,
-      disabled: submitting,
-      sx: { height: fieldHeight, px: 2, fontSize: "1rem", flexShrink: 0, whiteSpace: "nowrap" },
-      children
-    }
-  );
-}
-
-export {
-  SubmitButton
-};
-//# sourceMappingURL=chunk-JPXG7IFW.js.map

package/dist/chunk-JPXG7IFW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/total-form/SubmitButton.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { fieldHeight } from '../../../tokens/field-height';\nimport { Button } from '../Button';\nimport { useFormContext } from './FormContext';\n\n/** Props for {@link SubmitButton}. */\nexport interface SubmitButtonProps {\n  /** Button label. */\n  children: React.ReactNode;\n  /** Test id; defaults to `total-form-submit`. Override when a page renders more than one form. */\n  dataTestId?: string;\n}\n\n/**\n * Submit control wired to {@link useFormContext}. Wraps the existing `@12-apps/ui`\n * `Button` as a `type=\"submit\"` button (testid `total-form-submit`) and\n * reflects the form's `submitting` state via `loading`/`disabled`.\n *\n * It matches the form field height and never wraps its label, so it aligns with\n * an adjacent input on the same row (and stays full-width when the row stacks).\n */\nexport function SubmitButton({\n  children,\n  dataTestId = 'total-form-submit',\n}: SubmitButtonProps): React.ReactElement {\n  const { submitting } = useFormContext();\n\n  return (\n    <Button\n      type=\"submit\"\n      dataTestId={dataTestId}\n      loading={submitting}\n      disabled={submitting}\n      // `Button` replaces (not merges) its size styles with this `sx`, so restate\n      // the md padding/font here alongside the theme's field height — the height\n      // every input on the form stands at — and no-wrap alignment.\n      sx={{ height: fieldHeight, px: 2, fontSize: '1rem', flexShrink: 0, whiteSpace: 'nowrap' }}\n    >\n      {children}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA+BI;AAPG,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,aAAa;AACf,GAA0C;AACxC,QAAM,EAAE,WAAW,IAAI,eAAe;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,SAAS;AAAA,MACT,UAAU;AAAA,MAIV,IAAI,EAAE,QAAQ,aAAa,IAAI,GAAG,UAAU,QAAQ,YAAY,GAAG,YAAY,SAAS;AAAA,MAEvF;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-JRHZZTVV.js

@@ -1,241 +0,0 @@
-import {
-  FilterDialog,
-  GridFilterPanel
-} from "./chunk-PI5G6N6Q.js";
-import {
-  DataViewsEmpty
-} from "./chunk-SVFA75FO.js";
-import {
-  InlineFilterControls
-} from "./chunk-LLR42S6B.js";
-import {
-  GridHeaderRow
-} from "./chunk-ECZXTIDR.js";
-import {
-  GridMain
-} from "./chunk-IFAEKIT2.js";
-import {
-  DataViewsPagination
-} from "./chunk-6M7CMILP.js";
-import {
-  toOverflowFields,
-  useFilterOverflow
-} from "./chunk-TQ6FPOPD.js";
-import {
-  ScopeTabsSlot
-} from "./chunk-Y5UCOBQN.js";
-import {
-  ShellToolbar
-} from "./chunk-XYXTEGIM.js";
-import {
-  resolveSelectionExtra
-} from "./chunk-KX75HM5U.js";
-import {
-  togglePillValues
-} from "./chunk-7FWXG2KF.js";
-import {
-  DataViewsLayoutProvider,
-  useDataViewsLayout
-} from "./chunk-ZPIMPOHV.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  TableFilter
-} from "./chunk-NMX3JAAB.js";
-import {
-  default as default2
-} from "./chunk-WEBEOBN5.js";
-
-// src/components/data-display/DataViews/data-views-grid-parts.tsx
-import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function LayoutStateSync({
-  c
-}) {
-  const { layout } = useDataViewsLayout();
-  const stored = c.state.layout;
-  useEffect(() => {
-    if (stored !== layout) c.patch({ layout });
-  }, [layout, stored]);
-  return null;
-}
-function useGridShellFilters({
-  c,
-  inlineFilters,
-  fields,
-  rangeFields,
-  testIdPrefix,
-  alwaysShowSearch,
-  hasExport
-}) {
-  const { state } = c;
-  const [openControls, setOpenControls] = useState(0);
-  const split = useFilterOverflow(
-    toOverflowFields(fields, rangeFields),
-    state.pills,
-    c.ranges,
-    openControls > 0,
-    hasExport
-  );
-  const showInline = inlineFilters;
-  const useModal = false;
-  const inlineVisible = showInline && (alwaysShowSearch || fields.length > 0 || rangeFields.length > 0 || state.search !== "");
-  const filterProps = {
-    testIdPrefix,
-    search: state.search,
-    fields,
-    rangeFields,
-    pills: state.pills,
-    ranges: c.ranges,
-    onSearchChange: (value) => c.patch({ search: value }),
-    // Updater, never the render's `state` — see {@link DataViewStatePatch}.
-    onTogglePill: (fieldId, value, checked) => c.patch(({ pills }) => ({ pills: { ...pills, [fieldId]: togglePillValues(pills[fieldId], value, checked) } })),
-    onChangeRange: (fieldId, range) => c.patch({ ranges: { ...c.ranges, [fieldId]: range } }),
-    onClearField: (fieldId) => c.patch({ pills: { ...state.pills, [fieldId]: [] } }),
-    onClearAll: () => c.patch({ search: "", pills: {}, ranges: {} })
-  };
-  return {
-    showInline,
-    useModal,
-    inlineVisible,
-    filterProps,
-    split,
-    onControlOpenChange: (open) => setOpenControls((count) => Math.max(0, count + (open ? 1 : -1)))
-  };
-}
-function ShellStack({
-  props,
-  filters
-}) {
-  const copy = useDataViewsCopy();
-  const { c, testIdPrefix, dataTestId, scopes = [], emptyState, inlineFilters = false } = props;
-  const { showInline, useModal, inlineVisible, filterProps, split, onControlOpenChange } = filters;
-  const body = /* @__PURE__ */ jsx(
-    DataViewsEmpty,
-    {
-      filtered: c.activeFilterCount > 0 || c.state.search !== "",
-      onClearFilters: () => c.patch({ search: "", pills: {}, ranges: {} }),
-      emptyState,
-      testIdPrefix
-    }
-  );
-  return /* @__PURE__ */ jsx(
-    TableFilter,
-    {
-      copy: copy.tableFilter,
-      open: c.filterOpen,
-      onOpenChange: c.setFilterOpen,
-      hasActiveFilters: c.activeFilterCount > 0,
-      children: /* @__PURE__ */ jsxs(default2, { spacing: 0, "data-testid": dataTestId ? `${dataTestId}-container` : void 0, children: [
-        /* @__PURE__ */ jsx(GridHeaderRow, { title: props.title, headerActions: props.headerActions, testIdPrefix }),
-        /* @__PURE__ */ jsx(
-          ShellToolbar,
-          {
-            c,
-            rows: props.rows,
-            sortKinds: props.sortKinds,
-            displayView: props.displayView,
-            exportConfig: props.exportConfig,
-            filterControls: inlineVisible ? /* @__PURE__ */ jsx(
-              InlineFilterControls,
-              {
-                ...filterProps,
-                split,
-                activeFilterCount: c.activeFilterCount,
-                onControlOpenChange
-              }
-            ) : void 0,
-            barRef: split.barRef,
-            testIdPrefix,
-            rowActions: props.rowActions,
-            bulkActions: props.bulkActions,
-            selectionExtra: resolveSelectionExtra(props),
-            toolbarRightSlot: props.toolbarRightSlot,
-            compactControls: showInline && split.compactControls,
-            counterHidden: showInline && split.counterHidden,
-            showInline
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ScopeTabsSlot,
-          {
-            scopes,
-            scopeFieldId: props.scopeFieldId,
-            board: props.board,
-            value: c.scope,
-            onChange: c.setScope,
-            counts: c.scopeCounts,
-            testIdPrefix
-          }
-        ),
-        /* @__PURE__ */ jsxs(TableFilter.Layout, { children: [
-          /* @__PURE__ */ jsxs(TableFilter.Main, { children: [
-            /* @__PURE__ */ jsx(
-              GridMain,
-              {
-                c,
-                getRowId: props.getRowId,
-                renderCard: props.renderCard,
-                renderListRow: props.renderListRow,
-                listGroup: props.listGroup,
-                board: props.board,
-                rowDetail: props.rowDetail,
-                dataTestId,
-                testIdPrefix,
-                emptyState: body
-              }
-            ),
-            /* @__PURE__ */ jsx(DataViewsPagination, { c, testIdPrefix })
-          ] }),
-          inlineFilters ? null : /* @__PURE__ */ jsx(GridFilterPanel, { ...filterProps })
-        ] }),
-        useModal && /* @__PURE__ */ jsx(FilterDialog, { open: c.filterOpen, onClose: () => c.setFilterOpen(false), ...filterProps })
-      ] })
-    }
-  );
-}
-function GridShell(props) {
-  const {
-    c,
-    fields,
-    rangeFields,
-    testIdPrefix,
-    renderCard,
-    renderListRow,
-    board,
-    defaultLayout,
-    ignoreStoredLayout,
-    inlineFilters = false,
-    alwaysShowSearch = false
-  } = props;
-  const filters = useGridShellFilters({
-    c,
-    inlineFilters,
-    fields,
-    rangeFields,
-    testIdPrefix,
-    alwaysShowSearch,
-    hasExport: props.exportConfig !== void 0
-  });
-  return /* @__PURE__ */ jsxs(
-    DataViewsLayoutProvider,
-    {
-      canUseCards: Boolean(renderCard),
-      canUseList: Boolean(renderListRow),
-      canUseBoard: Boolean(board && renderCard),
-      defaultLayout,
-      ignoreStoredLayout,
-      viewLayout: c.state.layout,
-      children: [
-        /* @__PURE__ */ jsx(LayoutStateSync, { c }),
-        /* @__PURE__ */ jsx(ShellStack, { props, filters })
-      ]
-    }
-  );
-}
-
-export {
-  GridShell
-};
-//# sourceMappingURL=chunk-JRHZZTVV.js.map