@12-apps/ui 6.78.4 → 6.80.0

package/dist/chunk-TLVKJBPM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport Backdrop from '@mui/material/Backdrop/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport MuiDialog, { type DialogProps as MuiDialogProps } from '@mui/material/Dialog/index.js';\nimport MuiDialogActions from '@mui/material/DialogActions/index.js';\nimport MuiDialogContent from '@mui/material/DialogContent/index.js';\nimport MuiDialogTitle from '@mui/material/DialogTitle/index.js';\nimport Drawer, { type DrawerProps } from '@mui/material/Drawer/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme, type SxProps, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\nimport { focusDialogOnEntered } from './Dialog.focus';\nimport { hasSpacingSlot, withDialogDefaults } from './Dialog.helpers';\nimport {\n  DIALOG_ACTIONS,\n  DIALOG_BODY_PADDING_UNITS,\n  DIALOG_CONTENT_PADDING_UNITS,\n  DIALOG_HEADER_CHILDREN_PADDING_UNITS,\n  DIALOG_TITLE,\n  DIALOG_TITLED_BODY_PADDING_TOP_UNITS,\n} from './Dialog.metrics';\nimport { mergedBackdropSlot, mergedPaperSlot, mergedTransitionSlot } from './Dialog.slots';\nimport { backdropSxOf, variantStylesOf } from './Dialog.styles';\nimport { childTestId, resolveTestId, slotTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport type {\n  DialogActionsProps,\n  DialogContentProps,\n  DialogHeaderProps,\n  DialogProps,\n} from './Dialog.types';\n\n/**\n * The padding a dialog gives children that are not managing their own — and the\n * rule that takes it back when it turns out they are.\n *\n * `:has()` is doing what {@link hasSpacingSlot} cannot. A slot passed through a\n * COMPONENT (`<Body />` rendering a `DialogContent`) is invisible to any check\n * on element type: React does not know what a component renders until it has\n * rendered it, and by then the wrapper is already in the tree. The selector\n * asks the question one step later, of the DOM, where the answer exists.\n *\n * `display: contents` rather than `padding: 0`, because the padding is only\n * half of what a wrapper does. The other half is standing between the paper and\n * its children: MUI's `scroll=\"paper\"` makes the paper a flex column with\n * `overflow-y: auto`, so a `DialogContent` that is no longer its direct child\n * cannot be the thing that scrolls — the whole dialog scrolls instead and\n * carries the `DialogActions` off the bottom with it. An element with\n * `display: contents` generates no box at all: its children become the paper's\n * flex items, and its padding is never applied. Both halves, one declaration.\n *\n * A browser without `:has()` falls back to the padded box — the layout this\n * had before, not a broken one.\n */\nconst BODY_SX = {\n  px: DIALOG_BODY_PADDING_UNITS.horizontal,\n  pb: DIALOG_BODY_PADDING_UNITS.bottom,\n  '&:has(> .MuiDialogContent-root), &:has(> .MuiDialogActions-root)': {\n    display: 'contents',\n  },\n} as const;\n\n/**\n * The dialog body. Consumers that pass raw children (no <DialogContent>) used\n * to render them flush against the paper edges — give them comfortable default\n * padding; <DialogContent>/<DialogActions> users keep managing their own\n * spacing.\n */\nfunction bodyOf(children: React.ReactNode, hasTitle: boolean): React.ReactNode {\n  // Read lazily: both slots are declared below this function.\n  if (hasSpacingSlot(children, [DialogContent, DialogActions])) return children;\n  const pt = hasTitle\n    ? DIALOG_BODY_PADDING_UNITS.topUnderTitle\n    : DIALOG_BODY_PADDING_UNITS.top;\n  return <Box sx={{ ...BODY_SX, pt }}>{children}</Box>;\n}\n\n/**\n * MUI's `onClose` for either renderer: a `persistent` dialog swallows the\n * backdrop press and Escape, and the caller's `onClose` is called with no\n * arguments, as `Dialog.base.ts` promises. The drawer used to get the caller's\n * raw `onClose` — so it closed when `persistent` said it must not, and was\n * handed MUI's `(event, reason)` (FUT-2673).\n */\nfunction closeHandlerOf(persistent: boolean, onClose: (() => void) | undefined) {\n  return (_event: object, reason: 'backdropClick' | 'escapeKeyDown') => {\n    if (persistent && (reason === 'backdropClick' || reason === 'escapeKeyDown')) {\n      return;\n    }\n    onClose?.();\n  };\n}\n\n/** The looks the Dialog lays under a caller's paper and backdrop props. */\ninterface DialogLooks {\n  paperSx: SxProps<Theme>;\n  backdropSx: SxProps<Theme>;\n  testId: string | undefined;\n}\n\n/** What either renderer below takes: the looks, and the dialog's own children. */\ntype RendererProps = DialogLooks & { children: React.ReactNode };\n\n/**\n * Every variant but the drawer: MUI's `Dialog`. The scrim reaches MUI through\n * `slotProps.backdrop`, not the deprecated `BackdropProps`, and a caller's\n * backdrop props from either spelling merge over it rather than replacing it\n * (FUT-2672) — as their paper props merge over the variant's look (FUT-2613).\n * `slotProps.transition` gives initial focus to the paper (FUT-2696, see\n * `Dialog.focus.ts` and `Dialog.md`) ahead of a caller's own `onEntered`.\n */\nfunction ModalDialog({\n  paperSx,\n  backdropSx,\n  testId,\n  dialogProps,\n  children,\n}: RendererProps & { dialogProps: MuiDialogProps }) {\n  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, TransitionProps: callerTransition, slotProps, ...rest } = dialogProps;\n  return (\n    <MuiDialog\n      {...rest}\n      slotProps={{\n        ...slotProps,\n        paper: mergedPaperSlot(paperSx, testId, callerPaper, slotProps?.paper),\n        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop),\n        transition: mergedTransitionSlot(focusDialogOnEntered, callerTransition, slotProps?.transition),\n      }}\n    >\n      {children}\n    </MuiDialog>\n  );\n}\n\n/**\n * The drawer variant: MUI's `Drawer`, with the variant's look on the Drawer's\n * OWN paper — on an inner Box it left the paper 0px wide and clipped the panel —\n * and a caller's paper props merged over it rather than replacing it. The\n * test id stays on the Drawer root, so the paper carries none of its own.\n *\n * The scrim rides the drawer's backdrop exactly as it rides the dialog's, so\n * `glass` blurs it here too; the paper does not frost (FUT-2673). MUI's\n * `Drawer` does not merge `BackdropProps` into `slotProps.backdrop` — it takes\n * one or the other — so both are folded into the one slot here.\n * `slotProps.transition` gives initial focus the same way `ModalDialog` does\n * (FUT-2696, see `Dialog.focus.ts` and `Dialog.md` for why the drawer's paper\n * differs from the modal's paper here and needed the fix less).\n */\nfunction DrawerDialog({\n  paperSx,\n  backdropSx,\n  testId,\n  drawerProps,\n  children,\n}: RendererProps & { drawerProps: DrawerProps }) {\n  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, SlideProps: callerTransition, slotProps, ...rest } = drawerProps;\n  return (\n    <Drawer\n      anchor=\"right\"\n      data-testid={testId}\n      {...rest}\n      slotProps={{\n        ...slotProps,\n        paper: mergedPaperSlot(paperSx, undefined, callerPaper, slotProps?.paper),\n        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop),\n        transition: mergedTransitionSlot(focusDialogOnEntered, callerTransition, slotProps?.transition),\n      }}\n    >\n      {children}\n    </Drawer>\n  );\n}\n\nexport const Dialog: React.FC<DialogProps> = (rawProps) => {\n  const {\n    children,\n    variant,\n    size,\n    title,\n    description,\n    showCloseButton,\n    closeLabel,\n    backdrop,\n    persistent,\n    glass,\n    gradient,\n    glow,\n    pulse,\n    borderRadius,\n    onClose,\n    open,\n    ...others\n  } = withDialogDefaults(rawProps);\n  const theme = useTheme();\n  // Every spelling of the test id the shared contract allows, mapped to the one\n  // the DOM reads, and stripped from what is spread — `testID` is React\n  // Native's name for it and is not a DOM attribute. The native `Dialog` does\n  // the same in reverse.\n  const testId = resolveTestId(others, 'dialog');\n  const props = withoutTestIdProps(others);\n  const looks: DialogLooks = {\n    paperSx: variantStylesOf(theme, { variant, size, borderRadius, glass, gradient, glow, pulse }),\n    backdropSx: backdropSxOf(theme, glass),\n    testId,\n  };\n  const handleClose = closeHandlerOf(persistent, onClose);\n\n  const header = title ? (\n    <DialogHeader\n      title={title}\n      subtitle={description}\n      showCloseButton={showCloseButton}\n      closeLabel={closeLabel}\n      onClose={onClose}\n      dataTestId={testId}\n    />\n  ) : null;\n  const body = bodyOf(children, Boolean(title));\n\n  if (variant === 'drawer') {\n    return (\n      <DrawerDialog {...looks} drawerProps={{ ...props, open, onClose: handleClose }}>\n        {header}\n        {body}\n      </DrawerDialog>\n    );\n  }\n\n  return (\n    <ModalDialog\n      {...looks}\n      dialogProps={{\n        open,\n        onClose: handleClose,\n        fullScreen: variant === 'fullscreen',\n        BackdropComponent: backdrop ? Backdrop : undefined,\n        ...props,\n      }}\n    >\n      {header}\n      {body}\n    </ModalDialog>\n  );\n};\n\nexport const DialogHeader: React.FC<DialogHeaderProps> = ({\n  children,\n  title,\n  subtitle,\n  showCloseButton = true,\n  closeLabel = EN_US_UI_LABELS.common.close,\n  onClose,\n  ...others\n}) => {\n  const props = withoutTestIdProps(others);\n\n  if (children) {\n    return (\n      <Box\n        data-testid={slotTestId(others, 'header', 'dialog')}\n        sx={{\n          p: DIALOG_HEADER_CHILDREN_PADDING_UNITS,\n          borderBottom: '1px solid',\n          borderColor: 'divider',\n        }}\n      >\n        {children}\n      </Box>\n    );\n  }\n\n  return (\n    <MuiDialogTitle\n      data-testid={slotTestId(others, 'title', 'dialog')}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        pb: subtitle\n          ? DIALOG_TITLE.paddingBottomUnits.withSubtitle\n          : DIALOG_TITLE.paddingBottomUnits.plain,\n      }}\n      {...props}\n    >\n      <Box>\n        <Typography variant=\"h6\" component=\"div\">\n          {title}\n        </Typography>\n        {subtitle && (\n          <Typography\n            variant=\"body2\"\n            color=\"text.secondary\"\n            sx={{ mt: DIALOG_TITLE.subtitleGapUnits }}\n          >\n            {subtitle}\n          </Typography>\n        )}\n      </Box>\n      {showCloseButton && onClose && (\n        <IconButton\n          aria-label={closeLabel}\n          onClick={onClose}\n          data-testid={childTestId(others, 'close', 'dialog')}\n          sx={{\n            color: 'text.secondary',\n            '&:hover': {\n              backgroundColor: 'action.hover',\n            },\n          }}\n        >\n          <CloseIcon />\n        </IconButton>\n      )}\n    </MuiDialogTitle>\n  );\n};\n\n/**\n * Top padding for a body that sits directly under the title.\n *\n * MUI zeroes it there (`.MuiDialogTitle-root + &` on a non-`dividers` content),\n * assuming the title's own bottom padding is the whole gap. That assumption\n * breaks for a body opening with an outlined field: a filled field floats its\n * label ABOVE the input's border box, and `DialogContent` is `overflow-y: auto`\n * — a clipping box — so the label gets sliced in half (FUT-544: \"Tipo\" in the\n * \"Novo insumo\" dialog).\n *\n * Reserve the overhang rather than restore the full 24px: the title already\n * contributes its bottom padding, so a shrunk label's `translate(…, -9px)` is\n * all that is missing. 12px clears it and leaves the gap visually tight.\n */\nconst TITLED_BODY_PADDING_TOP = DIALOG_TITLED_BODY_PADDING_TOP_UNITS;\n\n/**\n * `.MuiDialogTitle-root + &` is `(0,2,0)`-specific and a plain `sx` entry is\n * `(0,1,0)`, so the padding above only survives the cascade by naming the class\n * again — `(0,3,0)`. Scoped to the title-following case so an untitled dialog\n * keeps MUI's roomier default.\n */\nconst TITLED_BODY_SELECTOR = '.MuiDialogTitle-root + &.MuiDialogContent-root';\n\nexport const DialogContent: React.FC<DialogContentProps> = ({\n  children,\n  dividers = false,\n  dense = false,\n  ...others\n}) => (\n    <MuiDialogContent\n      data-testid={slotTestId(others, 'content', 'dialog')}\n      dividers={dividers}\n      sx={{\n        padding: dense ? DIALOG_CONTENT_PADDING_UNITS.dense : DIALOG_CONTENT_PADDING_UNITS.normal,\n        [TITLED_BODY_SELECTOR]: { paddingTop: TITLED_BODY_PADDING_TOP },\n        '&.MuiDialogContent-dividers': {\n          borderTop: dividers ? '1px solid' : 'none',\n          borderBottom: dividers ? '1px solid' : 'none',\n          borderColor: 'divider',\n        },\n      }}\n      {...withoutTestIdProps(others)}\n    >\n      {children}\n    </MuiDialogContent>\n  );\n\nexport const DialogActions: React.FC<DialogActionsProps> = ({\n  children,\n  alignment = 'right',\n  spacing = DIALOG_ACTIONS.defaultSpacingUnits,\n  ...others\n}) => {\n  const getJustifyContent = () => {\n    switch (alignment) {\n      case 'left': return 'flex-start';\n      case 'center': return 'center';\n      case 'right': return 'flex-end';\n      case 'space-between': return 'space-between';\n      default: return 'flex-end';\n    }\n  };\n\n  return (\n    <MuiDialogActions\n      data-testid={slotTestId(others, 'actions', 'dialog')}\n      sx={{\n        justifyContent: getJustifyContent(),\n        gap: spacing,\n        p: DIALOG_ACTIONS.paddingUnits,\n      }}\n      {...withoutTestIdProps(others)}\n    >\n      {children}\n    </MuiDialogActions>\n  );\n};"],"mappings":"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","names":[]}

package/dist/{chunk-BGTG7G54.js → chunk-TLZR6UPJ.js}

@@ -1,3 +1,6 @@
+import {
+  EN_US_UI_LABELS
+} from "./chunk-O2RXSXSF.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -33,8 +36,8 @@ var focusesCancel = (initialFocus, emphasis) => (initialFocus ?? emphasis) === "
 var inSlotOrder = (emphasis, cancel, confirm) => emphasis === "cancel" ? [confirm, cancel] : [cancel, confirm];
 function AlertDialogFooter({
   variant,
-  cancelText = "Cancel",
-  confirmText = "Confirm",
+  cancelText = EN_US_UI_LABELS.alertDialog.cancel,
+  confirmText = EN_US_UI_LABELS.alertDialog.confirm,
   showCancel = true,
   loading = false,
   confirmDisabled = false,
@@ -96,4 +99,4 @@ function AlertDialogFooter({
 export {
   AlertDialogFooter
 };
-//# sourceMappingURL=chunk-BGTG7G54.js.map
+//# sourceMappingURL=chunk-TLZR6UPJ.js.map

package/dist/chunk-TLZR6UPJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/AlertDialog/AlertDialog.parts.tsx"],"sourcesContent":["/**\n * The AlertDialog's action row, kept apart from the dialog shell so each stays\n * inside the complexity budget: which button is filled, where each one sits,\n * and how the row wraps.\n */\nimport type { ButtonProps } from '@mui/material/Button/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport DialogActions from '@mui/material/DialogActions/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { rem } from '../../../tokens/relative';\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\n\nimport type { AlertDialogProps } from './AlertDialog.types';\n\n/**\n * The action row WRAPS WHOLE BUTTONS; it never breaks a label inside one. A pair\n * that did not fit side by side used to squeeze the longer label onto two\n * lines, so one button stood twice as tall as its neighbour. Now the row breaks\n * instead. `wrap-reverse` puts the LAST button — the primary, whichever\n * `emphasis` picks — on top when it stacks, the same slot it holds on the right\n * when the row fits. A pair that fits is laid out exactly as before: natural\n * widths, pushed to the right.\n *\n * `fill` — set only by `emphasis=\"cancel\"` — lets the buttons grow to share the\n * row, and so to take the full width of their line once it stacks. It is not\n * the default because growing also stretches a pair that fits, which would\n * redraw every existing dialog's footer.\n *\n * Rendered with `disableSpacing`: MUI's own spacing is a left margin on every\n * button after the first, which would indent a button that wrapped onto a line\n * of its own. The gaps below replace it, at the same 16px across.\n */\nconst StyledDialogActions = styled(DialogActions, {\n  shouldForwardProp: (prop) => prop !== 'fill',\n})<{ fill: boolean }>(({ theme, fill }) => ({\n  padding: theme.spacing(2, 3, 3, 3),\n  flexWrap: 'wrap-reverse',\n  columnGap: theme.spacing(2),\n  rowGap: theme.spacing(1),\n  // A 40px tap target, the floor the kit's own Button keeps (FUT-3269): MUI's\n  // medium button is 37px, short of it on a phone.\n  '& > .MuiButton-root': { minHeight: rem(theme, 40) },\n  ...(fill && { '& > .MuiButton-root': { flexGrow: 1, minHeight: rem(theme, 40) } }),\n}));\n\nconst confirmButtonColor = (variant: AlertDialogProps['variant']): 'error' | 'primary' =>\n  variant === 'destructive' ? 'error' : 'primary';\n\ninterface ButtonLook {\n  variant: ButtonProps['variant'];\n  color: ButtonProps['color'];\n}\n\n/**\n * How each button is drawn, by `emphasis`: the emphasised one is filled, the\n * other a NEUTRAL outline. Primary / neutral both ways round — a confirm that\n * steps down drops the variant's colour too, so the one filled button is the\n * only coloured thing in the row and the eye has a single place to land.\n */\nconst buttonLooks = (\n  emphasis: AlertDialogProps['emphasis'],\n  variant: AlertDialogProps['variant'],\n): { cancel: ButtonLook; confirm: ButtonLook } =>\n  emphasis === 'cancel'\n    ? {\n        cancel: { variant: 'contained', color: 'primary' },\n        confirm: { variant: 'outlined', color: 'inherit' },\n      }\n    : {\n        cancel: { variant: 'outlined', color: 'inherit' },\n        confirm: { variant: 'contained', color: confirmButtonColor(variant) },\n      };\n\n/**\n * The emphasis that applies: `cancel` only while the cancel is shown. A hidden\n * cancel with the confirm stepped down would leave a dialog with no primary.\n */\nconst effectiveEmphasis = (\n  emphasis: AlertDialogProps['emphasis'],\n  showCancel: boolean,\n): NonNullable<AlertDialogProps['emphasis']> =>\n  emphasis === 'cancel' && showCancel ? 'cancel' : 'confirm';\n\n/**\n * Whether the cancel owns focus on open: what `initialFocus` says, and when it\n * says nothing, the emphasised button — so Enter on a steered question keeps\n * the work instead of completing the loss.\n */\nconst focusesCancel = (\n  initialFocus: AlertDialogProps['initialFocus'],\n  emphasis: NonNullable<AlertDialogProps['emphasis']>,\n): boolean => (initialFocus ?? emphasis) === 'cancel';\n\n/** The two buttons in slot order: the emphasised one LAST, the primary slot. */\nconst inSlotOrder = (\n  emphasis: AlertDialogProps['emphasis'],\n  cancel: React.ReactNode,\n  confirm: React.ReactNode,\n): React.ReactNode[] => (emphasis === 'cancel' ? [confirm, cancel] : [cancel, confirm]);\n\n/**\n * Action row: the optional cancel button and the (variant-coloured) confirm,\n * with the emphasised one LAST — the primary slot, on the right or, once the\n * row stacks, on top. DOM order is the tab order, so it follows the same rule.\n */\nexport function AlertDialogFooter({\n  variant,\n  cancelText = EN_US_UI_LABELS.alertDialog.cancel,\n  confirmText = EN_US_UI_LABELS.alertDialog.confirm,\n  showCancel = true,\n  loading = false,\n  confirmDisabled = false,\n  initialFocus,\n  emphasis: asked,\n  onCancel,\n  onConfirm,\n  dataTestId,\n}: Pick<\n  AlertDialogProps,\n  | 'variant'\n  | 'cancelText'\n  | 'confirmText'\n  | 'showCancel'\n  | 'loading'\n  | 'confirmDisabled'\n  | 'initialFocus'\n  | 'emphasis'\n> & {\n  onCancel: () => void;\n  onConfirm: () => void;\n  dataTestId: string;\n}): React.ReactElement {\n  const theme = useTheme();\n  const emphasis = effectiveEmphasis(asked, showCancel);\n  const look = buttonLooks(emphasis, variant);\n  const cancelFocused = focusesCancel(initialFocus, emphasis);\n  const cancel = showCancel && (\n    <Button\n      key=\"cancel\"\n      onClick={onCancel}\n      variant={look.cancel.variant}\n      color={look.cancel.color}\n      disabled={loading}\n      autoFocus={cancelFocused}\n      data-testid={`${dataTestId}-cancel-button`}\n    >\n      {cancelText}\n    </Button>\n  );\n  const confirm = (\n    <Button\n      key=\"confirm\"\n      onClick={onConfirm}\n      variant={look.confirm.variant}\n      color={look.confirm.color}\n      disabled={confirmDisabled || loading}\n      startIcon={\n        loading ? (\n          <CircularProgress\n            size={rem(theme, 16)}\n            color=\"inherit\"\n            data-testid={`${dataTestId}-loading-spinner`}\n          />\n        ) : undefined\n      }\n      autoFocus={!cancelFocused}\n      data-testid={`${dataTestId}-confirm-button`}\n    >\n      {confirmText}\n    </Button>\n  );\n  return (\n    <StyledDialogActions\n      disableSpacing\n      fill={emphasis === 'cancel'}\n      data-testid={`${dataTestId}-actions`}\n    >\n      {inSlotOrder(emphasis, cancel, confirm)}\n    </StyledDialogActions>\n  );\n}\n"],"mappings":";;;;;;;;AAMA,OAAO,YAAY;AACnB,OAAO,sBAAsB;AAC7B,OAAO,mBAAmB;AAC1B,SAAS,QAAQ,gBAAgB;AAmI7B;AAzGJ,IAAM,sBAAsB,OAAO,eAAe;AAAA,EAChD,mBAAmB,CAAC,SAAS,SAAS;AACxC,CAAC,EAAqB,CAAC,EAAE,OAAO,KAAK,OAAO;AAAA,EAC1C,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,EACjC,UAAU;AAAA,EACV,WAAW,MAAM,QAAQ,CAAC;AAAA,EAC1B,QAAQ,MAAM,QAAQ,CAAC;AAAA;AAAA;AAAA,EAGvB,uBAAuB,EAAE,WAAW,IAAI,OAAO,EAAE,EAAE;AAAA,EACnD,GAAI,QAAQ,EAAE,uBAAuB,EAAE,UAAU,GAAG,WAAW,IAAI,OAAO,EAAE,EAAE,EAAE;AAClF,EAAE;AAEF,IAAM,qBAAqB,CAAC,YAC1B,YAAY,gBAAgB,UAAU;AAaxC,IAAM,cAAc,CAClB,UACA,YAEA,aAAa,WACT;AAAA,EACE,QAAQ,EAAE,SAAS,aAAa,OAAO,UAAU;AAAA,EACjD,SAAS,EAAE,SAAS,YAAY,OAAO,UAAU;AACnD,IACA;AAAA,EACE,QAAQ,EAAE,SAAS,YAAY,OAAO,UAAU;AAAA,EAChD,SAAS,EAAE,SAAS,aAAa,OAAO,mBAAmB,OAAO,EAAE;AACtE;AAMN,IAAM,oBAAoB,CACxB,UACA,eAEA,aAAa,YAAY,aAAa,WAAW;AAOnD,IAAM,gBAAgB,CACpB,cACA,cACa,gBAAgB,cAAc;AAG7C,IAAM,cAAc,CAClB,UACA,QACA,YACuB,aAAa,WAAW,CAAC,SAAS,MAAM,IAAI,CAAC,QAAQ,OAAO;AAO9E,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,aAAa,gBAAgB,YAAY;AAAA,EACzC,cAAc,gBAAgB,YAAY;AAAA,EAC1C,aAAa;AAAA,EACb,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,GAcuB;AACrB,QAAM,QAAQ,SAAS;AACvB,QAAM,WAAW,kBAAkB,OAAO,UAAU;AACpD,QAAM,OAAO,YAAY,UAAU,OAAO;AAC1C,QAAM,gBAAgB,cAAc,cAAc,QAAQ;AAC1D,QAAM,SAAS,cACb;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS;AAAA,MACT,SAAS,KAAK,OAAO;AAAA,MACrB,OAAO,KAAK,OAAO;AAAA,MACnB,UAAU;AAAA,MACV,WAAW;AAAA,MACX,eAAa,GAAG,UAAU;AAAA,MAEzB;AAAA;AAAA,IARG;AAAA,EASN;AAEF,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS;AAAA,MACT,SAAS,KAAK,QAAQ;AAAA,MACtB,OAAO,KAAK,QAAQ;AAAA,MACpB,UAAU,mBAAmB;AAAA,MAC7B,WACE,UACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,IAAI,OAAO,EAAE;AAAA,UACnB,OAAM;AAAA,UACN,eAAa,GAAG,UAAU;AAAA;AAAA,MAC5B,IACE;AAAA,MAEN,WAAW,CAAC;AAAA,MACZ,eAAa,GAAG,UAAU;AAAA,MAEzB;AAAA;AAAA,IAjBG;AAAA,EAkBN;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc;AAAA,MACd,MAAM,aAAa;AAAA,MACnB,eAAa,GAAG,UAAU;AAAA,MAEzB,sBAAY,UAAU,QAAQ,OAAO;AAAA;AAAA,EACxC;AAEJ;","names":[]}

package/dist/{chunk-MHLYX6QW.js → chunk-TRAMTVIO.js}

@@ -1,9 +1,9 @@
-import {
-  renderMenuItem
-} from "./chunk-XICRCPEQ.js";
 import {
   MegaSection
-} from "./chunk-FTPTPASD.js";
+} from "./chunk-JBYFBPI6.js";
+import {
+  renderMenuItem
+} from "./chunk-5U7LBO2V.js";
 import {
   slideIn
 } from "./chunk-3AIRFAI3.js";
@@ -59,4 +59,4 @@ var NavigationMegaSection = ({
 export {
   NavigationMegaSection
 };
-//# sourceMappingURL=chunk-MHLYX6QW.js.map
+//# sourceMappingURL=chunk-TRAMTVIO.js.map

package/dist/{chunk-QO7UJXXO.js → chunk-TVMSXL3R.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Checkbox
-} from "./chunk-VEKTKCSB.js";
+} from "./chunk-FLJ3RIRP.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -134,4 +134,4 @@ export {
   SelectSlot,
   DiscloseSlot
 };
-//# sourceMappingURL=chunk-QO7UJXXO.js.map
+//# sourceMappingURL=chunk-TVMSXL3R.js.map

package/dist/{chunk-XLCVMRSO.js → chunk-U67CX4FL.js}

@@ -15,9 +15,15 @@ import {
   SPINNER_MIN_HEIGHT,
   SPINNER_PADDING_UNITS
 } from "./chunk-YSTHOE66.js";
+import {
+  resolveLabels
+} from "./chunk-LL2BWQPM.js";
 import {
   Skeleton
 } from "./chunk-62SXUU5U.js";
+import {
+  EN_US_UI_LABELS
+} from "./chunk-O2RXSXSF.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -45,6 +51,7 @@ var LoadingMessage = ({ message, size, testIds, sx }) => message ? /* @__PURE__
 ) : null;
 var SkeletonView = ({
   message,
+  labels,
   size,
   skeletonRows,
   className,
@@ -56,7 +63,7 @@ var SkeletonView = ({
     {
       role: "status",
       "aria-busy": "true",
-      "aria-label": message || "Loading content",
+      "aria-label": message || labels.skeleton,
       className,
       "data-testid": testIds.base,
       sx: {
@@ -89,14 +96,14 @@ var SkeletonView = ({
     }
   );
 };
-var SpinnerView = ({ message, size, className, testIds }) => {
+var SpinnerView = ({ message, labels, size, className, testIds }) => {
   const theme = useTheme();
   return /* @__PURE__ */ jsxs(
     Box,
     {
       role: "status",
       "aria-busy": "true",
-      "aria-label": message || "Loading",
+      "aria-label": message || labels.spinner,
       className,
       "data-testid": testIds.base,
       sx: {
@@ -126,6 +133,7 @@ var LoadingState = React.memo((rawProps) => {
   const { variant, message, size, skeletonRows, className } = resolved;
   const viewProps = {
     message,
+    labels: resolveLabels(EN_US_UI_LABELS.loadingState, resolved.labels),
     size,
     skeletonRows,
     className,
@@ -142,4 +150,4 @@ export {
   LoadingState,
   LoadingState_default
 };
-//# sourceMappingURL=chunk-XLCVMRSO.js.map
+//# sourceMappingURL=chunk-U67CX4FL.js.map

package/dist/chunk-U67CX4FL.js.map

@@ -0,0 +1 @@
+{"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 type { LoadingStateLabels } from '../../../copy/labels';\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\nimport { resolveTestId } from '../../../platform/test-id';\nimport { rem } from '../../../tokens/relative';\nimport { resolveLabels } from '../../../utils/resolve-labels';\n\ninterface ViewProps {\n  message?: string;\n  labels: LoadingStateLabels;\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  labels,\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 || labels.skeleton}\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={rem(theme, 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, labels, size, className, testIds }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label={message || labels.spinner}\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: rem(theme, SPINNER_MIN_HEIGHT),\n        gap: theme.spacing(SPINNER_GAP_UNITS),\n      }}\n    >\n      <CircularProgress\n        size={rem(theme, 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    labels: resolveLabels(EN_US_UI_LABELS.loadingState, resolved.labels),\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":"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","names":[]}

package/dist/{chunk-DXFKPY2K.js → chunk-UCQRJTCI.js}

@@ -1,9 +1,9 @@
-import {
-  SectionNavBar
-} from "./chunk-PMRLFNBT.js";
 import {
   SectionNavRail
 } from "./chunk-SNWCT6JN.js";
+import {
+  SectionNavBar
+} from "./chunk-763AHWKU.js";
 
 // src/components/navigation/SectionNav/SectionNav.tsx
 import { jsx } from "react/jsx-runtime";
@@ -55,4 +55,4 @@ function SectionNav({
 export {
   SectionNav
 };
-//# sourceMappingURL=chunk-DXFKPY2K.js.map
+//# sourceMappingURL=chunk-UCQRJTCI.js.map

package/dist/{chunk-CW6Y32N2.js → chunk-UF4JFRLE.js}

@@ -1,20 +1,20 @@
 import {
   FleetBody
-} from "./chunk-XODBYGTH.js";
+} from "./chunk-YMKSPW4T.js";
+import {
+  useFleetMap
+} from "./chunk-ZCPSND5Y.js";
 import {
   FLEET_DEFAULT_LAGGING_AFTER_SECONDS,
   FLEET_DEFAULT_STALE_AFTER_SECONDS,
   FLEET_PANEL
 } from "./chunk-BTQZ3EX3.js";
-import {
-  useFleetMap
-} from "./chunk-ZCPSND5Y.js";
 import {
   SR_ONLY_SX
 } from "./chunk-PUFA7FQ7.js";
 import {
   EmptyState
-} from "./chunk-HN3PZTUK.js";
+} from "./chunk-F5SUBK42.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -117,4 +117,4 @@ export {
   FleetMap,
   FleetMap_default
 };
-//# sourceMappingURL=chunk-CW6Y32N2.js.map
+//# sourceMappingURL=chunk-UF4JFRLE.js.map

package/dist/{chunk-HHPJXK4Z.js → chunk-UHQZ5XPW.js}

@@ -1,6 +1,6 @@
 import {
   CalendarDayCell
-} from "./chunk-6DAIC2MG.js";
+} from "./chunk-775LIZXS.js";
 import {
   getMonthName
 } from "./chunk-TERT6TIS.js";
@@ -105,4 +105,4 @@ var CalendarMonth = ({
 export {
   CalendarMonth
 };
-//# sourceMappingURL=chunk-HHPJXK4Z.js.map
+//# sourceMappingURL=chunk-UHQZ5XPW.js.map

package/dist/{chunk-FTDGFWB5.js → chunk-UK3DSFMK.js}

@@ -1,13 +1,13 @@
+import {
+  useSettingGroup
+} from "./chunk-XJQNSMGA.js";
 import {
   useAsyncSwitch
 } from "./chunk-SALQ65SM.js";
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "./chunk-EBCEDBHX.js";
-import {
-  useSettingGroup
-} from "./chunk-XJQNSMGA.js";
+} from "./chunk-XDDKRACZ.js";
 import {
   flatStyles,
   surfaceStyles,
@@ -44,4 +44,4 @@ SettingToggle.displayName = "SettingToggle";
 export {
   SettingToggle
 };
-//# sourceMappingURL=chunk-FTDGFWB5.js.map
+//# sourceMappingURL=chunk-UK3DSFMK.js.map

package/dist/{chunk-EERUSI52.js → chunk-URAX2JPM.js}

@@ -3,12 +3,15 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Toast
-} from "./chunk-VQYR64QB.js";
+} from "./chunk-TAR5LSGT.js";
+import {
+  EN_US_UI_LABELS
+} from "./chunk-O2RXSXSF.js";
 
 // src/components/form/total-form/FormErrorSnackbar.tsx
 import { jsx } from "react/jsx-runtime";
 function FormErrorSnackbar({
-  message = "Please fix the highlighted fields and try again."
+  message = EN_US_UI_LABELS.formErrorSnackbar.message
 }) {
   const { errors } = useFormContext();
   const hasErrors = Object.values(errors).some(Boolean);
@@ -27,4 +30,4 @@ function FormErrorSnackbar({
 export {
   FormErrorSnackbar
 };
-//# sourceMappingURL=chunk-EERUSI52.js.map
+//# sourceMappingURL=chunk-URAX2JPM.js.map

package/dist/chunk-URAX2JPM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/total-form/FormErrorSnackbar.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Toast } from '../../feedback/Toast';\nimport { useFormContext } from './FormContext';\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\n\n/** Props for {@link FormErrorSnackbar}. */\nexport interface FormErrorSnackbarProps {\n  /** Message shown when the form has field errors. */\n  message?: string;\n}\n\n/**\n * Surfaces form-level validation failures. Thin wrapper over the existing\n * `@12-apps/ui` `Toast`: renders nothing while the form is valid and shows an\n * error toast (testid `total-form-error-snackbar`) once any field has an error.\n */\nexport function FormErrorSnackbar({\n  message = EN_US_UI_LABELS.formErrorSnackbar.message,\n}: FormErrorSnackbarProps): React.ReactElement | null {\n  const { errors } = useFormContext();\n  const hasErrors = Object.values(errors).some(Boolean);\n\n  if (!hasErrors) return null;\n\n  return (\n    <Toast\n      dataTestId=\"total-form-error-snackbar\"\n      variant=\"error\"\n      message={message}\n      closable={false}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AA4BI;AATG,SAAS,kBAAkB;AAAA,EAChC,UAAU,gBAAgB,kBAAkB;AAC9C,GAAsD;AACpD,QAAM,EAAE,OAAO,IAAI,eAAe;AAClC,QAAM,YAAY,OAAO,OAAO,MAAM,EAAE,KAAK,OAAO;AAEpD,MAAI,CAAC,UAAW,QAAO;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,SAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA;AAAA,EACZ;AAEJ;","names":[]}

package/dist/{chunk-GBKIGUNP.js → chunk-UYNJ3FYE.js}

@@ -1,9 +1,9 @@
 import {
   Stepper
-} from "./chunk-KZXOIRUP.js";
+} from "./chunk-G3SWMBZS.js";
 import {
   EmptyState
-} from "./chunk-HN3PZTUK.js";
+} from "./chunk-F5SUBK42.js";
 
 // src/components/data-display/SectionOnboarding/SectionOnboarding.tsx
 import CheckCircle from "@mui/icons-material/CheckCircle";
@@ -193,4 +193,4 @@ export {
   SectionOnboarding,
   SectionOnboarding_default
 };
-//# sourceMappingURL=chunk-GBKIGUNP.js.map
+//# sourceMappingURL=chunk-UYNJ3FYE.js.map

package/dist/{chunk-UZOG6HNN.js → chunk-V65YK5DC.js}

@@ -3,7 +3,7 @@ import {
   toggleList,
   wrapSelection,
   wrapSelectionWithLink
-} from "./chunk-33LAPBYB.js";
+} from "./chunk-SCQARHMU.js";
 
 // src/components/form/RichTextEditor/RichTextEditor.format.ts
 var WRAP_TAGS = {
@@ -21,7 +21,8 @@ var applyFormatToRange = ({
   formatType,
   value,
   range,
-  editor
+  editor,
+  listItemText
 }) => {
   const wrapTag = WRAP_TAGS[formatType];
   if (wrapTag) {
@@ -30,7 +31,7 @@ var applyFormatToRange = ({
   }
   const listTag = LIST_TAGS[formatType];
   if (listTag) {
-    toggleList(range, listTag, editor);
+    toggleList(range, listTag, editor, listItemText);
     return;
   }
   if (formatType === "createLink" && value) {
@@ -49,4 +50,4 @@ var applyFormatToRange = ({
 export {
   applyFormatToRange
 };
-//# sourceMappingURL=chunk-UZOG6HNN.js.map
+//# sourceMappingURL=chunk-V65YK5DC.js.map

package/dist/chunk-V65YK5DC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/RichTextEditor/RichTextEditor.format.ts"],"sourcesContent":["import {\n  insertImage,\n  toggleList,\n  wrapSelection,\n  wrapSelectionWithLink,\n} from './RichTextEditor.dom';\n\nconst WRAP_TAGS: Record<string, string> = {\n  bold: 'strong',\n  italic: 'em',\n  underline: 'u',\n  strikethrough: 's',\n};\n\nconst LIST_TAGS: Record<string, 'ol' | 'ul'> = {\n  insertOrderedList: 'ol',\n  insertUnorderedList: 'ul',\n};\n\n// formatBlock is the only format whose value names the tag, and only these two\n// are accepted.\nconst BLOCK_TAGS = new Set(['pre', 'blockquote']);\n\nexport const applyFormatToRange = ({\n  formatType,\n  value,\n  range,\n  editor,\n  listItemText,\n}: {\n  listItemText?: string;\n  formatType: string;\n  value?: string;\n  range: globalThis.Range;\n  editor: HTMLElement | null;\n}) => {\n  const wrapTag = WRAP_TAGS[formatType];\n  if (wrapTag) {\n    wrapSelection(range, wrapTag);\n    return;\n  }\n\n  const listTag = LIST_TAGS[formatType];\n  if (listTag) {\n    toggleList(range, listTag, editor, listItemText);\n    return;\n  }\n\n  if (formatType === 'createLink' && value) {\n    wrapSelectionWithLink(range, value);\n    return;\n  }\n\n  if (formatType === 'insertImage' && value) {\n    insertImage(range, value);\n    return;\n  }\n\n  if (formatType === 'formatBlock' && value && BLOCK_TAGS.has(value)) {\n    wrapSelection(range, value);\n  }\n};\n\n"],"mappings":";;;;;;;;AAOA,IAAM,YAAoC;AAAA,EACxC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,eAAe;AACjB;AAEA,IAAM,YAAyC;AAAA,EAC7C,mBAAmB;AAAA,EACnB,qBAAqB;AACvB;AAIA,IAAM,aAAa,oBAAI,IAAI,CAAC,OAAO,YAAY,CAAC;AAEzC,IAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMM;AACJ,QAAM,UAAU,UAAU,UAAU;AACpC,MAAI,SAAS;AACX,kBAAc,OAAO,OAAO;AAC5B;AAAA,EACF;AAEA,QAAM,UAAU,UAAU,UAAU;AACpC,MAAI,SAAS;AACX,eAAW,OAAO,SAAS,QAAQ,YAAY;AAC/C;AAAA,EACF;AAEA,MAAI,eAAe,gBAAgB,OAAO;AACxC,0BAAsB,OAAO,KAAK;AAClC;AAAA,EACF;AAEA,MAAI,eAAe,iBAAiB,OAAO;AACzC,gBAAY,OAAO,KAAK;AACxB;AAAA,EACF;AAEA,MAAI,eAAe,iBAAiB,SAAS,WAAW,IAAI,KAAK,GAAG;AAClE,kBAAc,OAAO,KAAK;AAAA,EAC5B;AACF;","names":[]}

package/dist/{chunk-4HUSG5MR.js → chunk-V6DMNSW6.js}

@@ -4,7 +4,7 @@ import {
 import {
   Dialog,
   DialogContent
-} from "./chunk-2ILXXBMG.js";
+} from "./chunk-TLVKJBPM.js";
 import {
   default as default2
 } from "./chunk-WEBEOBN5.js";
@@ -22,7 +22,7 @@ function DeleteViewDialog({
   onClose,
   onConfirm,
   /** What this table holds, for the "your records are safe" line. */
-  entityLabel = "Os registros",
+  entityLabel,
   testIdPrefix = "view"
 }) {
   const copy = useDataViewsCopy();
@@ -39,7 +39,7 @@ function DeleteViewDialog({
       children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(default2, { spacing: 1.5, children: [
         /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", "data-testid": `${testIdPrefix}-delete-target`, children: copy.deleteView.target(view.name) }),
         view.shared && /* @__PURE__ */ jsx(Text, { variant: "body", color: "warning", as: "p", "data-testid": `${testIdPrefix}-delete-shared`, children: copy.deleteView.sharedWarning }),
-        /* @__PURE__ */ jsx(Text, { variant: "body", color: "secondary", as: "p", children: copy.deleteView.rowsUnaffected(entityLabel) }),
+        /* @__PURE__ */ jsx(Text, { variant: "body", color: "secondary", as: "p", children: copy.deleteView.rowsUnaffected(entityLabel ?? copy.deleteView.entityFallback) }),
         /* @__PURE__ */ jsxs(default2, { direction: "row", spacing: 1.5, sx: { justifyContent: "flex-end", pt: 0.5 }, children: [
           /* @__PURE__ */ jsx(
             Button,
@@ -69,4 +69,4 @@ function DeleteViewDialog({
 export {
   DeleteViewDialog
 };
-//# sourceMappingURL=chunk-4HUSG5MR.js.map
+//# sourceMappingURL=chunk-V6DMNSW6.js.map

package/dist/chunk-V6DMNSW6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/DeleteViewDialog.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The confirmation in front of \"Excluir visão\".\n *\n * Deleting was immediate: one click in a row menu, on a control sitting\n * directly under four harmless toggles, and the view was gone. A saved view is\n * somebody's filters, columns and sort — cheap to rebuild only if you remember\n * what they were.\n *\n * It names the view rather than saying \"this view\", says plainly that the\n * records are untouched, and warns separately when the view is SHARED, because\n * that deletion takes it from everyone rather than from one person.\n */\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Dialog, DialogContent } from \"../../feedback/Dialog\";\nimport { Button } from \"../../form/Button\";\nimport { Stack } from \"../../../mui/Stack\";\nimport { Text } from \"../../typography/Text\";\n\nimport type { SavedViewSummary } from \"./data-views-types\";\n\nexport function DeleteViewDialog({\n  view,\n  onClose,\n  onConfirm,\n  /** What this table holds, for the \"your records are safe\" line. */\n  entityLabel,\n  testIdPrefix = \"view\",\n}: {\n  view: SavedViewSummary | null;\n  onClose: () => void;\n  onConfirm: (view: SavedViewSummary) => void;\n  entityLabel?: string;\n  testIdPrefix?: string;\n}): React.JSX.Element | null {\n  const copy = useDataViewsCopy();\n  if (!view) return null;\n  return (\n    <Dialog\n      open\n      onClose={onClose}\n      title={copy.deleteView.title}\n      size=\"sm\"\n      showCloseButton\n      dataTestId={`${testIdPrefix}-delete-modal`}\n    >\n      <DialogContent>\n        <Stack spacing={1.5}>\n          <Text variant=\"body\" as=\"p\" data-testid={`${testIdPrefix}-delete-target`}>\n            {copy.deleteView.target(view.name)}\n          </Text>\n\n          {view.shared && (\n            <Text variant=\"body\" color=\"warning\" as=\"p\" data-testid={`${testIdPrefix}-delete-shared`}>\n              {copy.deleteView.sharedWarning}\n            </Text>\n          )}\n\n          <Text variant=\"body\" color=\"secondary\" as=\"p\">\n            {copy.deleteView.rowsUnaffected(entityLabel ?? copy.deleteView.entityFallback)}\n          </Text>\n\n          <Stack direction=\"row\" spacing={1.5} sx={{ justifyContent: \"flex-end\", pt: 0.5 }}>\n            <Button\n              variant=\"text\"\n              color=\"neutral\"\n              onClick={onClose}\n              dataTestId={`${testIdPrefix}-delete-cancel`}\n            >\n              {copy.deleteView.cancel}\n            </Button>\n            <Button\n              color=\"danger\"\n              onClick={() => onConfirm(view)}\n              dataTestId={`${testIdPrefix}-delete-confirm`}\n            >\n              {copy.deleteView.confirm}\n            </Button>\n          </Stack>\n        </Stack>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiDU,cAcA,YAdA;AA3BH,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA,eAAe;AACjB,GAM6B;AAC3B,QAAM,OAAO,iBAAiB;AAC9B,MAAI,CAAC,KAAM,QAAO;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAI;AAAA,MACJ;AAAA,MACA,OAAO,KAAK,WAAW;AAAA,MACvB,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,YAAY,GAAG,YAAY;AAAA,MAE3B,8BAAC,iBACC,+BAACA,UAAA,EAAM,SAAS,KACd;AAAA,4BAAC,QAAK,SAAQ,QAAO,IAAG,KAAI,eAAa,GAAG,YAAY,kBACrD,eAAK,WAAW,OAAO,KAAK,IAAI,GACnC;AAAA,QAEC,KAAK,UACJ,oBAAC,QAAK,SAAQ,QAAO,OAAM,WAAU,IAAG,KAAI,eAAa,GAAG,YAAY,kBACrE,eAAK,WAAW,eACnB;AAAA,QAGF,oBAAC,QAAK,SAAQ,QAAO,OAAM,aAAY,IAAG,KACvC,eAAK,WAAW,eAAe,eAAe,KAAK,WAAW,cAAc,GAC/E;AAAA,QAEA,qBAACA,UAAA,EAAM,WAAU,OAAM,SAAS,KAAK,IAAI,EAAE,gBAAgB,YAAY,IAAI,IAAI,GAC7E;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,SAAS;AAAA,cACT,YAAY,GAAG,YAAY;AAAA,cAE1B,eAAK,WAAW;AAAA;AAAA,UACnB;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,SAAS,MAAM,UAAU,IAAI;AAAA,cAC7B,YAAY,GAAG,YAAY;AAAA,cAE1B,eAAK,WAAW;AAAA;AAAA,UACnB;AAAA,WACF;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ;","names":["default"]}

package/dist/{chunk-MSC43MCJ.js → chunk-VAGGIRLA.js}

@@ -1,22 +1,25 @@
-import {
-  EN_US_SOCIAL_LOGIN_COPY
-} from "./chunk-INGPH3YQ.js";
 import {
   Heading
 } from "./chunk-GBVVI35T.js";
 import {
   Separator
 } from "./chunk-RWXYND4H.js";
+import {
+  EN_US_SOCIAL_LOGIN_COPY
+} from "./chunk-DVRNW33K.js";
 import {
   Card,
   CardContent
-} from "./chunk-4XBAEKQQ.js";
+} from "./chunk-W2RXXF7K.js";
 import {
   Button
 } from "./chunk-5USHYSCO.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
+import {
+  EN_US_UI_LABELS
+} from "./chunk-O2RXSXSF.js";
 import {
   uiInk
 } from "./chunk-XJAD6E3V.js";
@@ -181,10 +184,10 @@ function cardMaxWidth(theme, value) {
 }
 function SocialLoginContainer({
   children,
-  title = "Sign in to continue",
+  title = EN_US_UI_LABELS.socialLogin.title,
   subtitle,
   showDivider = false,
-  dividerText = "or",
+  dividerText = EN_US_UI_LABELS.socialLogin.divider,
   maxWidth
 }) {
   const theme = useTheme();
@@ -217,4 +220,4 @@ export {
   SocialLoginButton,
   SocialLoginContainer
 };
-//# sourceMappingURL=chunk-MSC43MCJ.js.map
+//# sourceMappingURL=chunk-VAGGIRLA.js.map

package/dist/chunk-VAGGIRLA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/social-login-button/social-login-button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from 'react';\nimport Box from '@mui/material/Box/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport { useTheme, type Theme } from '@mui/material/styles/index.js';\nimport { Button } from '../components/form/Button';\nimport { Card, CardContent } from '../components/layout/Card';\nimport { Heading } from '../components/typography/Heading';\nimport { Text } from '../components/typography/Text';\nimport { Separator } from '../components/layout/Separator';\nimport type { SocialLoginCopy } from '../copy/form';\nimport { EN_US_SOCIAL_LOGIN_COPY } from '../en-US.form';\nimport { EN_US_UI_LABELS } from '../en-US.labels';\nimport { uiInk, type UiInk } from '../tokens/ink';\nimport { rem, sxRem } from '../tokens/relative';\n\nexport type SocialProvider = 'google' | 'facebook' | 'apple';\n\n/** A provider logo's box: 20 design px square, through the type scale. */\nconst logoStyle = (theme: Theme): React.CSSProperties => ({ width: rem(theme, 20), height: rem(theme, 20) });\n\n/**\n * SVG Icons for social providers\n */\nconst GoogleIcon = (): React.ReactElement => {\n  const theme = useTheme();\n  const logo = uiInk(theme).socialBrand.googleLogo;\n  return (\n    <svg style={logoStyle(theme)} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\n        fill={logo.blue}\n      />\n      <path\n        d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\n        fill={logo.green}\n      />\n      <path\n        d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\n        fill={logo.yellow}\n      />\n      <path\n        d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\n        fill={logo.red}\n      />\n    </svg>\n  );\n};\n\nconst FacebookIcon = (): React.ReactElement => {\n  const theme = useTheme();\n  const { logo } = uiInk(theme).socialBrand.facebook;\n  return (\n    <svg style={logoStyle(theme)} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M24 12c0-6.627-5.373-12-12-12S0 5.373 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.356c0-3.007 1.792-4.668 4.533-4.668 1.312 0 2.686.234 2.686.234v2.953H15.83c-1.491 0-1.956.925-1.956 1.874V12h3.328l-.532 3.469h-2.796v8.385C19.612 22.954 24 17.99 24 12z\"\n        fill={logo}\n      />\n    </svg>\n  );\n};\n\nconst AppleIcon = (): React.ReactElement => (\n  <svg style={logoStyle(useTheme())} viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\" />\n  </svg>\n);\n\n/**\n * Google's logo on a disabled button: one flat grey, faded (FUT-2393).\n *\n * The G is drawn in Google's four colours, hard-coded in its SVG, so MUI\n * greying a disabled button's label left a full-colour G beside it. The grey\n * label still said the button could not be pressed; an icon-only button has no\n * label, and read as ready to tap.\n *\n * `brightness(0)` draws the G in one flat colour, as Google's own disabled\n * button does, and the theme's `disabledOpacity` fades it, the step MUI dims a\n * disabled control by. `grayscale` would not do: it turns the four colours four\n * different greys, and the yellow arc all but vanished (1.26:1 against white).\n *\n * Google's alone: Facebook's and Apple's logos are drawn in the button's\n * `currentColor`, so they grey with the label by themselves, and fading them\n * again would all but erase them. Keyed on `.Mui-disabled`, the class MUI greys\n * the label by, so the logo and the label always agree. A loading button\n * carries it too, but its spinner replaces the logo slot.\n */\nconst GOOGLE_LOGO_WHEN_DISABLED_SX = {\n  '&.Mui-disabled .MuiButton-startIcon': {\n    filter: 'brightness(0)',\n    opacity: (theme: Theme) => theme.palette.action.disabledOpacity,\n  },\n} as const;\n\n/**\n * Facebook's logo in its button's own colour (FUT-2393).\n *\n * `FacebookIcon` is the blue roundel, drawn in #1877F2 with the \"f\" cut out of\n * it. On the button's own #1877F2 the roundel vanished: a label beside nothing,\n * and an icon-only button an empty blue slab. In `currentColor` it is the white\n * roundel Facebook's own button carries, and a disabled button greys it with\n * the label. Set on the button rather than in `FacebookIcon`, which a host may\n * draw on a white page.\n */\nconst FACEBOOK_LOGO_IN_BUTTON_COLOUR_SX = {\n  '& .MuiButton-startIcon path': { fill: 'currentColor' },\n} as const;\n\n/** A provider's own colour, read from the theme's `uiInk.socialBrand` as an `sx` value. */\nconst brand =\n  (pick: (colours: UiInk['socialBrand']) => string) =>\n  (theme: Theme): string =>\n    pick(uiInk(theme).socialBrand);\n\ninterface ProviderConfig {\n  Icon: () => React.ReactElement;\n  variant: 'solid' | 'outline' | 'ghost';\n  color: 'primary' | 'secondary' | 'neutral';\n  sx?: object;\n}\n\nconst providerConfig: Record<SocialProvider, ProviderConfig> = {\n  google: {\n    Icon: GoogleIcon,\n    variant: 'outline',\n    color: 'neutral',\n    sx: {\n      backgroundColor: brand((c) => c.google.background),\n      color: brand((c) => c.google.text),\n      borderColor: brand((c) => c.google.border),\n      '&:hover': {\n        backgroundColor: brand((c) => c.google.hover),\n        borderColor: brand((c) => c.google.hoverBorder),\n      },\n      ...GOOGLE_LOGO_WHEN_DISABLED_SX,\n    },\n  },\n  facebook: {\n    Icon: FacebookIcon,\n    variant: 'solid',\n    color: 'primary',\n    sx: {\n      backgroundColor: brand((c) => c.facebook.background),\n      color: brand((c) => c.facebook.text),\n      '&:hover': {\n        backgroundColor: brand((c) => c.facebook.hover),\n      },\n      ...FACEBOOK_LOGO_IN_BUTTON_COLOUR_SX,\n    },\n  },\n  apple: {\n    Icon: AppleIcon,\n    variant: 'solid',\n    color: 'neutral',\n    sx: {\n      backgroundColor: brand((c) => c.apple.background),\n      color: brand((c) => c.apple.text),\n      '&:hover': {\n        backgroundColor: brand((c) => c.apple.hover),\n      },\n    },\n  },\n};\n\nexport interface SocialLoginButtonProps {\n  provider: SocialProvider;\n  onClick?: () => void;\n  loading?: boolean;\n  disabled?: boolean;\n  fullWidth?: boolean;\n  /**\n   * The three provider labels (FUT-1263). `SOCIAL_LOGIN_COPY` ships both\n   * languages, so a host passes `SOCIAL_LOGIN_COPY[\"pt-BR\"]` rather than\n   * authoring a word.\n   *\n   * These used to be English string literals inside `providerConfig`, reachable\n   * by nothing: a pt-BR storefront rendered \"Continue with Google\" on an\n   * otherwise Portuguese sign-in screen and had no way to change it.\n   *\n   * OPTIONAL, unlike every other `copy` in this package, and defaulted to the\n   * en-US pack. That is a deliberate exception so this ships as a MINOR: making\n   * it required would break every existing caller on a routine update. The cost\n   * is the one this package's convention exists to avoid — a host that says\n   * nothing still renders English — so a consumer wanting Portuguese must pass\n   * the pack, and FUT-1263 is not closed until it does.\n   */\n  copy?: SocialLoginCopy;\n  /**\n   * Per-provider test hook. Without one all three buttons render the same\n   * `data-testid`, leaving their visible text as the only selector — which is\n   * exactly the text a host is now expected to translate.\n   */\n  dataTestId?: string;\n  /**\n   * The provider's logo alone, centred (FUT-2393).\n   *\n   * For a row of providers in a narrow block, where \"Continuar com o Google\"\n   * wraps to two lines at 320px and two providers cannot share a line. The\n   * label is not dropped: it stays the button's accessible name, so a screen\n   * reader still announces the provider, and its `title`, so a pointer\n   * hovering the logo reads it too.\n   */\n  iconOnly?: boolean;\n}\n\n/**\n * What an icon-only social button changes: the logo centred, with no gap\n * reserved for a label and no margin MUI keeps beside a start icon.\n */\nconst ICON_ONLY_SX = {\n  justifyContent: 'center',\n  gap: 0,\n  '& .MuiButton-startIcon': { margin: 0 },\n} as const;\n\n/**\n * Social login button using UI package Button component\n */\nexport const SocialLoginButton = React.forwardRef<HTMLButtonElement, SocialLoginButtonProps>(\n  (\n    {\n      provider,\n      onClick,\n      loading = false,\n      disabled = false,\n      fullWidth = true,\n      copy = EN_US_SOCIAL_LOGIN_COPY,\n      dataTestId,\n      iconOnly = false,\n    },\n    ref,\n  ) => {\n    const config = providerConfig[provider];\n    const label = copy[provider];\n\n    return (\n      <Button\n        ref={ref}\n        variant={config.variant}\n        color={config.color}\n        size=\"lg\"\n        loading={loading}\n        disabled={disabled}\n        onClick={onClick}\n        icon={<config.Icon />}\n        dataTestId={dataTestId}\n        fullWidth={fullWidth}\n        {...(iconOnly ? { 'aria-label': label, title: label } : {})}\n        sx={{\n          minHeight: sxRem(48),\n          justifyContent: 'flex-start',\n          gap: 2,\n          ...(iconOnly ? ICON_ONLY_SX : {}),\n          ...config.sx,\n        }}\n      >\n        {iconOnly ? undefined : label}\n      </Button>\n    );\n  }\n);\n\nSocialLoginButton.displayName = 'SocialLoginButton';\n\n/**\n * Container for social login buttons with optional divider\n */\nexport interface SocialLoginContainerProps {\n  children: React.ReactNode;\n  title?: string;\n  subtitle?: string;\n  showDivider?: boolean;\n  dividerText?: string;\n  /**\n   * How wide the card is allowed to get. Defaults to the 400 it has always\n   * intended, so nothing that does not ask for a width moves.\n   *\n   * Worth passing for a card holding a FORM rather than a row of provider\n   * buttons: 400 was chosen for the latter, and an e-mail + password pair reads\n   * cramped in it.\n   */\n  maxWidth?: number | string;\n}\n\n/**\n * The card's cap as CSS. `sx` reads a number of 1 or less as a fraction of the\n * parent, and that stays so; any other number is design px, through the type\n * scale; a string is as given.\n */\nfunction cardMaxWidth(theme: Theme, value: number | string): string {\n  if (typeof value !== 'number') return value;\n  return value <= 1 && value !== 0 ? `${value * 100}%` : rem(theme, value);\n}\n\nexport function SocialLoginContainer({\n  children,\n  title = EN_US_UI_LABELS.socialLogin.title,\n  subtitle,\n  showDivider = false,\n  dividerText = EN_US_UI_LABELS.socialLogin.divider,\n  maxWidth,\n}: SocialLoginContainerProps): React.ReactElement {\n  const theme = useTheme();\n  return (\n    // `width: 100%` is what makes the cap below mean anything. Every caller\n    // centres this card in a flex column (`Container variant=\"centered\"` does),\n    // and a flex item under `align-items: center` sizes to its CONTENT — so the\n    // card sat at whatever the longest label happened to need, ~267px, at every\n    // viewport from 390 to 1280. The 400 was never reached, which is why raising\n    // it would have changed nothing; the card had no width to cap.\n    <Card variant=\"elevated\" borderRadius=\"lg\" sx={{ width: '100%', maxWidth: cardMaxWidth(theme, maxWidth ?? 400) }}>\n      <CardContent>\n        <Stack spacing={3} sx={{ width: '100%' }}>\n          {title && (\n            <Box sx={{ textAlign: 'center' }}>\n              <Heading level=\"h2\">\n                {title}\n              </Heading>\n              {subtitle && (\n                <Text color=\"secondary\" size=\"sm\">\n                  {subtitle}\n                </Text>\n              )}\n            </Box>\n          )}\n\n          <Stack spacing={2}>\n            {children}\n          </Stack>\n\n          {showDivider && (\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n              <Separator />\n              <Text color=\"secondary\" size=\"sm\">\n                {dividerText}\n              </Text>\n              <Separator />\n            </Box>\n          )}\n        </Stack>\n      </CardContent>\n    </Card>\n  );\n}\n\nexport { GoogleIcon, FacebookIcon, AppleIcon };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,YAAY,WAAW;AACvB,OAAO,SAAS;AAChB,OAAO,WAAW;AAClB,SAAS,gBAA4B;AAwBjC,SACE,KADF;AATJ,IAAM,YAAY,CAAC,WAAuC,EAAE,OAAO,IAAI,OAAO,EAAE,GAAG,QAAQ,IAAI,OAAO,EAAE,EAAE;AAK1G,IAAM,aAAa,MAA0B;AAC3C,QAAM,QAAQ,SAAS;AACvB,QAAM,OAAO,MAAM,KAAK,EAAE,YAAY;AACtC,SACE,qBAAC,SAAI,OAAO,UAAU,KAAK,GAAG,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAClE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,KAAK;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,KAAK;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,KAAK;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,KAAK;AAAA;AAAA,IACb;AAAA,KACF;AAEJ;AAEA,IAAM,eAAe,MAA0B;AAC7C,QAAM,QAAQ,SAAS;AACvB,QAAM,EAAE,KAAK,IAAI,MAAM,KAAK,EAAE,YAAY;AAC1C,SACE,oBAAC,SAAI,OAAO,UAAU,KAAK,GAAG,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAClE;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAM;AAAA;AAAA,EACR,GACF;AAEJ;AAEA,IAAM,YAAY,MAChB,oBAAC,SAAI,OAAO,UAAU,SAAS,CAAC,GAAG,SAAQ,aAAY,MAAK,gBAAe,OAAM,8BAC/E,8BAAC,UAAK,GAAE,uUAAsU,GAChV;AAsBF,IAAM,+BAA+B;AAAA,EACnC,uCAAuC;AAAA,IACrC,QAAQ;AAAA,IACR,SAAS,CAAC,UAAiB,MAAM,QAAQ,OAAO;AAAA,EAClD;AACF;AAYA,IAAM,oCAAoC;AAAA,EACxC,+BAA+B,EAAE,MAAM,eAAe;AACxD;AAGA,IAAM,QACJ,CAAC,SACD,CAAC,UACC,KAAK,MAAM,KAAK,EAAE,WAAW;AASjC,IAAM,iBAAyD;AAAA,EAC7D,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,IAAI;AAAA,MACF,iBAAiB,MAAM,CAAC,MAAM,EAAE,OAAO,UAAU;AAAA,MACjD,OAAO,MAAM,CAAC,MAAM,EAAE,OAAO,IAAI;AAAA,MACjC,aAAa,MAAM,CAAC,MAAM,EAAE,OAAO,MAAM;AAAA,MACzC,WAAW;AAAA,QACT,iBAAiB,MAAM,CAAC,MAAM,EAAE,OAAO,KAAK;AAAA,QAC5C,aAAa,MAAM,CAAC,MAAM,EAAE,OAAO,WAAW;AAAA,MAChD;AAAA,MACA,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,IAAI;AAAA,MACF,iBAAiB,MAAM,CAAC,MAAM,EAAE,SAAS,UAAU;AAAA,MACnD,OAAO,MAAM,CAAC,MAAM,EAAE,SAAS,IAAI;AAAA,MACnC,WAAW;AAAA,QACT,iBAAiB,MAAM,CAAC,MAAM,EAAE,SAAS,KAAK;AAAA,MAChD;AAAA,MACA,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,IAAI;AAAA,MACF,iBAAiB,MAAM,CAAC,MAAM,EAAE,MAAM,UAAU;AAAA,MAChD,OAAO,MAAM,CAAC,MAAM,EAAE,MAAM,IAAI;AAAA,MAChC,WAAW;AAAA,QACT,iBAAiB,MAAM,CAAC,MAAM,EAAE,MAAM,KAAK;AAAA,MAC7C;AAAA,IACF;AAAA,EACF;AACF;AA+CA,IAAM,eAAe;AAAA,EACnB,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,0BAA0B,EAAE,QAAQ,EAAE;AACxC;AAKO,IAAM,oBAA0B;AAAA,EACrC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,IACP;AAAA,IACA,WAAW;AAAA,EACb,GACA,QACG;AACH,UAAM,SAAS,eAAe,QAAQ;AACtC,UAAM,QAAQ,KAAK,QAAQ;AAE3B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,OAAO;AAAA,QAChB,OAAO,OAAO;AAAA,QACd,MAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,oBAAC,OAAO,MAAP,EAAY;AAAA,QACnB;AAAA,QACA;AAAA,QACC,GAAI,WAAW,EAAE,cAAc,OAAO,OAAO,MAAM,IAAI,CAAC;AAAA,QACzD,IAAI;AAAA,UACF,WAAW,MAAM,EAAE;AAAA,UACnB,gBAAgB;AAAA,UAChB,KAAK;AAAA,UACL,GAAI,WAAW,eAAe,CAAC;AAAA,UAC/B,GAAG,OAAO;AAAA,QACZ;AAAA,QAEC,qBAAW,SAAY;AAAA;AAAA,IAC1B;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAc;AA2BhC,SAAS,aAAa,OAAc,OAAgC;AAClE,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,SAAO,SAAS,KAAK,UAAU,IAAI,GAAG,QAAQ,GAAG,MAAM,IAAI,OAAO,KAAK;AACzE;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA,QAAQ,gBAAgB,YAAY;AAAA,EACpC;AAAA,EACA,cAAc;AAAA,EACd,cAAc,gBAAgB,YAAY;AAAA,EAC1C;AACF,GAAkD;AAChD,QAAM,QAAQ,SAAS;AACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOE,oBAAC,QAAK,SAAQ,YAAW,cAAa,MAAK,IAAI,EAAE,OAAO,QAAQ,UAAU,aAAa,OAAO,YAAY,GAAG,EAAE,GAC7G,8BAAC,eACC,+BAAC,SAAM,SAAS,GAAG,IAAI,EAAE,OAAO,OAAO,GACpC;AAAA,eACC,qBAAC,OAAI,IAAI,EAAE,WAAW,SAAS,GAC7B;AAAA,4BAAC,WAAQ,OAAM,MACZ,iBACH;AAAA,QACC,YACC,oBAAC,QAAK,OAAM,aAAY,MAAK,MAC1B,oBACH;AAAA,SAEJ;AAAA,MAGF,oBAAC,SAAM,SAAS,GACb,UACH;AAAA,MAEC,eACC,qBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAE,GACvD;AAAA,4BAAC,aAAU;AAAA,QACX,oBAAC,QAAK,OAAM,aAAY,MAAK,MAC1B,uBACH;AAAA,QACA,oBAAC,aAAU;AAAA,SACb;AAAA,OAEJ,GACF,GACF;AAAA;AAEJ;","names":[]}

package/dist/{chunk-2MYSXWZQ.js → chunk-VKTF3GAP.js}

@@ -1,11 +1,3 @@
-import {
-  bounceAnimation,
-  glowAnimation,
-  pulseAnimation,
-  rippleAnimation,
-  shimmerAnimation,
-  spinAnimation
-} from "./chunk-RIEV4VXF.js";
 import {
   DISABLED,
   IOS_BASE_OFFSET,
@@ -33,6 +25,14 @@ import {
   showsTrackLabels,
   trackColor
 } from "./chunk-DCK5ZEIU.js";
+import {
+  bounceAnimation,
+  glowAnimation,
+  pulseAnimation,
+  rippleAnimation,
+  shimmerAnimation,
+  spinAnimation
+} from "./chunk-RIEV4VXF.js";
 import {
   inkOver
 } from "./chunk-44BD7SFH.js";
@@ -291,4 +291,4 @@ export {
   onTrackInk,
   switchSx
 };
-//# sourceMappingURL=chunk-2MYSXWZQ.js.map
+//# sourceMappingURL=chunk-VKTF3GAP.js.map