@12-apps/ui 6.78.4 → 6.80.0

package/dist/{chunk-CZV6NVCA.js → chunk-BTDY2NYV.js}

@@ -1,6 +1,3 @@
-import {
-  tableStyles
-} from "./chunk-BVHIKXCN.js";
 import {
   useTableSelection,
   useVirtualScrolling
@@ -12,7 +9,7 @@ import {
 import {
   EnhancedTableBody,
   EnhancedTableHeader
-} from "./chunk-PY3RW5LC.js";
+} from "./chunk-AISCD6W6.js";
 import {
   TABLE_DEFAULTS,
   containerStyle,
@@ -23,7 +20,10 @@ import {
   tableDomProps,
   tableRowHeight,
   virtualHeight
-} from "./chunk-SLSED46V.js";
+} from "./chunk-Y3DV7LGC.js";
+import {
+  tableStyles
+} from "./chunk-BVHIKXCN.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -167,6 +167,7 @@ var AdvancedTable = ({ resolved: p, selection, innerRef, rest }) => {
                   selectable: p.selectable,
                   selectedRows: p.selectedRows,
                   onSelectAll: selection.handleSelectAll,
+                  labels: p.labels,
                   density: p.density,
                   stickyHeader: p.stickyHeader,
                   headRef
@@ -189,7 +190,8 @@ var AdvancedTable = ({ resolved: p, selection, innerRef, rest }) => {
                   renderRow: p.renderRow,
                   renderCell: p.renderCell,
                   virtualWindow: windowHeight ? visibleItems : void 0,
-                  rowHeight: p.rowHeight
+                  rowHeight: p.rowHeight,
+                  labels: p.labels
                 }
               )
             ]
@@ -235,6 +237,7 @@ var buildShell = ({
       selectable: resolved.selectable,
       selectedRows: resolved.selectedRows,
       onSelectAll: selection.handleSelectAll,
+      labels: resolved.labels,
       density: resolved.density,
       stickyHeader: resolved.stickyHeader
     }
@@ -307,4 +310,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-CZV6NVCA.js.map
+//# sourceMappingURL=chunk-BTDY2NYV.js.map

package/dist/chunk-BTDY2NYV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Table/Table.tsx"],"sourcesContent":["import MoreVertIcon from '@mui/icons-material/MoreVert';\nimport Box from '@mui/material/Box/index.js';\nimport FormControlLabel from '@mui/material/FormControlLabel/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Menu from '@mui/material/Menu/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport Skeleton from '@mui/material/Skeleton/index.js';\nimport Switch from '@mui/material/Switch/index.js';\nimport MuiTable from '@mui/material/Table/index.js';\nimport TableBody from '@mui/material/TableBody/index.js';\nimport TableCell from '@mui/material/TableCell/index.js';\nimport TableContainer from '@mui/material/TableContainer/index.js';\nimport TableRow from '@mui/material/TableRow/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { ColumnConfig, TableDensity, TableProps, TableStripeColor } from './Table.types';\nimport {\n  TABLE_DEFAULTS,\n  containerStyle,\n  definedProps,\n  headerRefFor,\n  resolveTableDensity,\n  scrollerRadiusStyle,\n  tableDomProps,\n  tableRowHeight,\n  virtualHeight,\n} from './Table.helpers';\nimport { useTableSelection, useVirtualScrolling } from './Table.hooks';\nimport { EnhancedTableBody, EnhancedTableHeader } from './TableParts';\nimport { EmptyRow, NoDataPlaceholder } from './TableStates';\nimport { tableStyles } from './Table.styles';\nimport { rem } from '../../../tokens/relative';\n\n// Helper function to get stripe color from theme\nconst StyledTable = styled(MuiTable, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'glow', 'pulse', 'hoverable', 'density', 'stickyHeader', 'stripeColor', 'virtualised'].includes(prop as string) })<{\n  customVariant?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  hoverable?: boolean;\n  density?: TableDensity;\n  stickyHeader?: boolean;\n  stripeColor?: TableStripeColor;\n  virtualised?: boolean;\n}>(({ theme, customVariant, glow, pulse, hoverable, density, stickyHeader, stripeColor = 'neutral', virtualised }) => {\n  return tableStyles({\n    theme,\n    customVariant,\n    glow,\n    pulse,\n    hoverable,\n    density,\n    stickyHeader,\n    stripeColor,\n    virtualised });\n});\n\n// Virtual Scrolling Hook\nconst TableShell: React.FC<{\n  innerRef: React.Ref<globalThis.HTMLTableElement>;\n  variant?: string;\n  stripeColor?: TableStripeColor;\n  glow?: boolean;\n  pulse?: boolean;\n  hoverable?: boolean;\n  density?: TableDensity;\n  stickyHeader?: boolean;\n  header: React.ReactNode;\n  rest: Record<string, unknown>;\n  children: React.ReactNode;\n}> = ({\n  innerRef,\n  variant,\n  stripeColor,\n  glow,\n  pulse,\n  hoverable,\n  density,\n  stickyHeader,\n  header,\n  rest,\n  children }) => (\n  // The loading and empty shells are not scrollers (no `containerHeight`), so\n  // they get only the rounded clip `stickyHeader` moves off the `<table>`,\n  // never a height (FUT-2677).\n  <TableContainer style={scrollerRadiusStyle(useTheme(), stickyHeader)}>\n    <StyledTable\n      ref={innerRef}\n      customVariant={variant}\n      stripeColor={stripeColor}\n      glow={glow}\n      pulse={pulse}\n      hoverable={hoverable}\n      density={density}\n      stickyHeader={stickyHeader}\n      {...rest}\n    >\n      {header}\n      {children}\n    </StyledTable>\n  </TableContainer>\n);\n\nconst SKELETON_ROW_COUNT = 5;\n\nconst LoadingSkeletonRows: React.FC<{ columns?: ColumnConfig[] }> = ({ columns }) => {\n  const theme = useTheme();\n  return (\n    <>\n      {Array.from({ length: SKELETON_ROW_COUNT }, (_, index) => (\n        <TableRow key={index}>\n          {columns?.map((column) => (\n            <TableCell key={column.key}>\n              <Skeleton height={rem(theme, 20)} />\n            </TableCell>\n          ))}\n        </TableRow>\n      ))}\n    </>\n  );\n};\n\nexport type TableShellProps = Omit<React.ComponentProps<typeof TableShell>, 'children'>;\n\ntype Selection = ReturnType<typeof useTableSelection>;\n\ninterface RendererProps {\n  resolved: TableProps;\n  selection: Selection;\n  innerRef: React.Ref<globalThis.HTMLTableElement>;\n  rest: Record<string, unknown>;\n}\n\n// The column-visibility control, shown only when responsive mode has actually\n// hidden something on a narrow viewport.\nconst ColumnToggleMenu: React.FC<{\n  columns: ColumnConfig[];\n  hiddenColumns: number[];\n  anchor: HTMLElement | null;\n  setAnchor: (element: HTMLElement | null) => void;\n  setHiddenColumns: (next: number[]) => void;\n}> = ({ columns, hiddenColumns, anchor, setAnchor, setHiddenColumns }) => (\n  <Box position=\"absolute\" top={8} right={8}>\n    <IconButton onClick={(event) => setAnchor(event.currentTarget)} size=\"small\">\n      <MoreVertIcon />\n    </IconButton>\n    <Menu anchorEl={anchor} open={Boolean(anchor)} onClose={() => setAnchor(null)}>\n      {columns.map((column, index) => (\n        <MenuItem key={column.key}>\n          <FormControlLabel\n            control={\n              <Switch\n                checked={!hiddenColumns.includes(index)}\n                onChange={(event) =>\n                  setHiddenColumns(\n                    event.target.checked\n                      ? hiddenColumns.filter((i: number) => i !== index)\n                      : [...hiddenColumns, index],\n                  )\n                }\n                size=\"small\"\n              />\n            }\n            label={column.label}\n          />\n        </MenuItem>\n      ))}\n    </Menu>\n  </Box>\n);\n\n// The populated table. Local because StyledTable cannot cross a module\n// boundary (TS2742).\nconst columnsFor = (resolved: TableProps, selection: Selection): ColumnConfig[] =>\n  (resolved.responsive ? selection.visibleColumns : resolved.columns) ?? [];\n\n// The toggle only earns its place when responsive mode has actually hidden\n// something on a narrow viewport.\nconst showsColumnToggle = (resolved: TableProps, selection: Selection): boolean =>\n  Boolean(\n    resolved.responsive &&\n      selection.isMobile &&\n      resolved.showColumnToggle &&\n      selection.hiddenColumns.length > 0,\n  );\n\n// The virtual window lives here, with the one scroller whose offset drives it;\n// the header's ref lets it subtract the height the `<thead>` pushes the body down.\nconst AdvancedTable: React.FC<RendererProps> = ({ resolved: p, selection, innerRef, rest }) => {\n  const theme = useTheme();\n  const finalColumns = columnsFor(p, selection);\n  const showToggle = showsColumnToggle(p, selection);\n  const headRef = React.useRef<globalThis.HTMLTableSectionElement>(null);\n  const windowHeight = virtualHeight(p);\n  const { visibleItems, handleScroll } = useVirtualScrolling(\n    p.data ?? [],\n    tableRowHeight(p.rowHeight) || 40,\n    windowHeight ?? 400,\n    p.overscan,\n    headerRefFor(windowHeight, headRef),\n  );\n\n  return (\n    <Box position=\"relative\">\n      <TableContainer\n        style={containerStyle(theme, p)}\n        onScroll={windowHeight ? handleScroll : undefined}\n      >\n        <StyledTable\n          ref={innerRef}\n          customVariant={p.variant}\n          stripeColor={p.stripeColor}\n          glow={p.glow}\n          pulse={p.pulse}\n          hoverable={p.hoverable}\n          density={p.density}\n          stickyHeader={p.stickyHeader}\n          virtualised={Boolean(windowHeight)}\n          {...rest}\n        >\n          <EnhancedTableHeader\n            columns={finalColumns}\n            data={p.data ?? []}\n            sortable={p.sortable}\n            sortConfig={p.sortConfig}\n            onSortChange={p.onSortChange}\n            selectable={p.selectable}\n            selectedRows={p.selectedRows}\n            onSelectAll={selection.handleSelectAll}\n            labels={p.labels}\n            density={p.density}\n            stickyHeader={p.stickyHeader}\n            headRef={headRef}\n          />\n          <EnhancedTableBody\n            data={p.data ?? []}\n            columns={finalColumns}\n            selectedRows={p.selectedRows}\n            onRowClick={p.onRowClick}\n            onRowFocus={p.onRowFocus}\n            onRowBlur={p.onRowBlur}\n            onSelectionChange={selection.handleSelectionChange}\n            rowKeyExtractor={p.rowKeyExtractor}\n            density={p.density}\n            selectable={p.selectable}\n            hoverable={p.hoverable}\n            renderRow={p.renderRow}\n            renderCell={p.renderCell}\n            virtualWindow={windowHeight ? visibleItems : undefined}\n            rowHeight={p.rowHeight}\n            labels={p.labels}\n          />\n        </StyledTable>\n      </TableContainer>\n\n      {showToggle && (\n        <ColumnToggleMenu\n          columns={p.columns ?? []}\n          hiddenColumns={selection.hiddenColumns}\n          anchor={selection.columnMenuAnchor}\n          setAnchor={selection.setColumnMenuAnchor}\n          setHiddenColumns={selection.setHiddenColumns}\n        />\n      )}\n    </Box>\n  );\n};\n\n// The loading and empty states render the same shell as the populated table, so\n// they share TableShell rather than repeating it three times.\nconst buildShell = ({\n  resolved,\n  selection,\n  innerRef,\n  rest,\n  finalColumns }: RendererProps & { finalColumns?: ColumnConfig[] }) => ({\n  innerRef,\n  variant: resolved.variant,\n  stripeColor: resolved.stripeColor,\n  glow: resolved.glow,\n  pulse: resolved.pulse,\n  hoverable: resolved.hoverable,\n  density: resolved.density,\n  stickyHeader: resolved.stickyHeader,\n  header: resolved.columns ? (\n    <EnhancedTableHeader\n      columns={finalColumns ?? []}\n      data={[]}\n      sortable={resolved.sortable}\n      sortConfig={resolved.sortConfig}\n      onSortChange={resolved.onSortChange}\n      selectable={resolved.selectable}\n      selectedRows={resolved.selectedRows}\n      onSelectAll={selection.handleSelectAll}\n      labels={resolved.labels}\n      density={resolved.density}\n      stickyHeader={resolved.stickyHeader}\n    />\n  ) : null,\n  rest: rest as Record<string, unknown> });\n\nconst TableLoadingState: React.FC<{\n  shell: TableShellProps;\n  loadingComponent?: React.ReactNode;\n  columns?: ColumnConfig[];\n}> = ({ shell, loadingComponent, columns }) => (\n  <TableShell {...shell}>\n    <TableBody data-testid=\"table-loading\">\n      {loadingComponent || <LoadingSkeletonRows columns={columns} />}\n    </TableBody>\n  </TableShell>\n);\n\nconst TableEmptyState: React.FC<{\n  shell: TableShellProps;\n  emptyStateComponent?: React.ReactNode;\n  emptyText: string;\n  colSpan: number;\n}> = ({ shell, emptyStateComponent, emptyText, colSpan }) => (\n  <TableShell {...shell}>\n    <EmptyRow colSpan={colSpan}>\n      {emptyStateComponent || <NoDataPlaceholder emptyText={emptyText} />}\n    </EmptyRow>\n  </TableShell>\n);\n\nexport const Table = React.forwardRef<globalThis.HTMLTableElement, TableProps>(\n  (tableProps, ref) => {\n    const resolved = { ...TABLE_DEFAULTS, ...definedProps(tableProps) } as TableProps;\n    // Never from the theme (FUT-2886) — see `resolveTableDensity`.\n    resolved.density = resolveTableDensity(resolved.density);\n    const {\n      columns,\n      data,\n      responsive,\n      loading,\n      loadingComponent,\n      emptyStateComponent,\n      emptyText,\n      children,\n    } = resolved;\n\n    const selection = useTableSelection({\n      columns,\n      data,\n      responsive,\n      columnPriorities: resolved.columnPriorities,\n      selectedRows: resolved.selectedRows ?? [],\n      rowKeyExtractor: resolved.rowKeyExtractor,\n      onSelectionChange: resolved.onSelectionChange });\n\n    // Only MUI's and the DOM's own props reach the `<table>` (FUT-2658).\n    const rest = tableDomProps(tableProps);\n    const renderer: RendererProps = { resolved, selection, innerRef: ref, rest };\n    const finalColumns = responsive ? selection.visibleColumns : columns;\n    const shell = buildShell({ ...renderer, finalColumns });\n\n    if (loading) {\n      return (\n        <TableLoadingState shell={shell} loadingComponent={loadingComponent} columns={columns} />\n      );\n    }\n\n    if (data && data.length === 0) {\n      return (\n        <TableEmptyState\n          shell={shell}\n          emptyStateComponent={emptyStateComponent}\n          emptyText={emptyText}\n          colSpan={finalColumns?.length || 1}\n        />\n      );\n    }\n\n    if (columns && data) return <AdvancedTable {...renderer} />;\n\n    // Basic table (backward compatibility)\n    return (\n      <StyledTable\n        ref={ref}\n        customVariant={resolved.variant}\n        stripeColor={resolved.stripeColor}\n        glow={resolved.glow}\n        pulse={resolved.pulse}\n        hoverable={resolved.hoverable}\n        density={resolved.density}\n        stickyHeader={resolved.stickyHeader}\n        {...rest}\n      >\n        {children}\n      </StyledTable>\n    );\n  },\n);\n\nTable.displayName = 'Table';"],"mappings":"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","names":[]}

package/dist/{chunk-E53MMMDA.js → chunk-BX6CF2UG.js}

@@ -22,10 +22,10 @@ import {
 } from "./chunk-CHP3QIS3.js";
 import {
   Progress
-} from "./chunk-3V3Z4EML.js";
+} from "./chunk-L4FWEI2P.js";
 import {
   Alert
-} from "./chunk-NQCTANF3.js";
+} from "./chunk-QVDEGBME.js";
 import {
   Button
 } from "./chunk-5USHYSCO.js";
@@ -206,4 +206,4 @@ export {
   SequenceStepBody,
   SequenceDoneBody
 };
-//# sourceMappingURL=chunk-E53MMMDA.js.map
+//# sourceMappingURL=chunk-BX6CF2UG.js.map

package/dist/{chunk-RUF7TOAZ.js → chunk-C2I7NQC4.js}

@@ -2,7 +2,7 @@ import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
-} from "./chunk-FRGNTTPA.js";
+} from "./chunk-QK3XXPBA.js";
 
 // src/components/data-display/Carousel/Carousel.chrome.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -38,6 +38,7 @@ var CarouselChrome = ({
   showIndicators && /* @__PURE__ */ jsx(
     CarouselIndicators,
     {
+      copy,
       count: items.length,
       activeIndex,
       onSelect,
@@ -59,4 +60,4 @@ var CarouselChrome = ({
 export {
   CarouselChrome
 };
-//# sourceMappingURL=chunk-RUF7TOAZ.js.map
+//# sourceMappingURL=chunk-C2I7NQC4.js.map

package/dist/{chunk-RUF7TOAZ.js.map → chunk-C2I7NQC4.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/Carousel/Carousel.chrome.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CarouselArrows, CarouselIndicators, CarouselThumbnails } from './Carousel.parts';\nimport type { CarouselCopy } from '../../../copy';\nimport type {\n  CarouselArrowsProps,\n  CarouselIndicatorsProps,\n  CarouselItem,\n  CarouselThumbnailsProps,\n} from './Carousel.types';\n\ntype IndicatorPosition = NonNullable<CarouselIndicatorsProps['position']>;\ntype Color = NonNullable<CarouselIndicatorsProps['color']>;\n\nexport interface CarouselChromeProps {\n  /** The two arrows' accessible names, from the mount. */\n  copy: CarouselCopy;\n  items: CarouselItem[];\n  activeIndex: number;\n  loop: boolean;\n  disabled: boolean;\n  showArrows: boolean;\n  showIndicators: boolean;\n  showThumbnails: boolean;\n  arrowPosition: NonNullable<CarouselArrowsProps['position']>;\n  indicatorPosition: IndicatorPosition;\n  color: Color;\n  size: NonNullable<CarouselThumbnailsProps['size']>;\n  onPrev: () => void;\n  onNext: () => void;\n  onSelect: (index: number) => void;\n}\n\n/**\n * Everything drawn over the slides: the arrows, the indicators and the thumbnail\n * strip. Each is independently switchable, so they travel together rather than\n * as three conditional blocks inside the carousel's own render.\n */\nexport const CarouselChrome: React.FC<CarouselChromeProps> = ({\n  copy,\n  items,\n  activeIndex,\n  loop,\n  disabled,\n  showArrows,\n  showIndicators,\n  showThumbnails,\n  arrowPosition,\n  indicatorPosition,\n  color,\n  size,\n  onPrev,\n  onNext,\n  onSelect,\n}) => (\n  <>\n    {showArrows && !disabled && (\n      <CarouselArrows\n        copy={copy}\n        onPrev={onPrev}\n        onNext={onNext}\n        position={arrowPosition}\n        color={color}\n        disablePrev={!loop && activeIndex === 0}\n        disableNext={!loop && activeIndex === items.length - 1}\n      />\n    )}\n\n    {showIndicators && (\n      <CarouselIndicators\n        count={items.length}\n        activeIndex={activeIndex}\n        onSelect={onSelect}\n        position={indicatorPosition}\n        color={color}\n      />\n    )}\n\n    {showThumbnails && (\n      <CarouselThumbnails\n        items={items}\n        activeIndex={activeIndex}\n        onSelect={onSelect}\n        size={size}\n      />\n    )}\n  </>\n);\n"],"mappings":";;;;;;;AAuDE,mBAEI,KAFJ;AAjBK,IAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,iCACG;AAAA,gBAAc,CAAC,YACd;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,aAAa,CAAC,QAAQ,gBAAgB;AAAA,MACtC,aAAa,CAAC,QAAQ,gBAAgB,MAAM,SAAS;AAAA;AAAA,EACvD;AAAA,EAGD,kBACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA;AAAA,EACF;AAAA,EAGD,kBACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAAA,GAEJ;","names":[]}
+{"version":3,"sources":["../src/components/data-display/Carousel/Carousel.chrome.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CarouselArrows, CarouselIndicators, CarouselThumbnails } from './Carousel.parts';\nimport type { CarouselCopy } from '../../../copy';\nimport type {\n  CarouselArrowsProps,\n  CarouselIndicatorsProps,\n  CarouselItem,\n  CarouselThumbnailsProps,\n} from './Carousel.types';\n\ntype IndicatorPosition = NonNullable<CarouselIndicatorsProps['position']>;\ntype Color = NonNullable<CarouselIndicatorsProps['color']>;\n\nexport interface CarouselChromeProps {\n  /** The two arrows' accessible names, from the mount. */\n  copy: CarouselCopy;\n  items: CarouselItem[];\n  activeIndex: number;\n  loop: boolean;\n  disabled: boolean;\n  showArrows: boolean;\n  showIndicators: boolean;\n  showThumbnails: boolean;\n  arrowPosition: NonNullable<CarouselArrowsProps['position']>;\n  indicatorPosition: IndicatorPosition;\n  color: Color;\n  size: NonNullable<CarouselThumbnailsProps['size']>;\n  onPrev: () => void;\n  onNext: () => void;\n  onSelect: (index: number) => void;\n}\n\n/**\n * Everything drawn over the slides: the arrows, the indicators and the thumbnail\n * strip. Each is independently switchable, so they travel together rather than\n * as three conditional blocks inside the carousel's own render.\n */\nexport const CarouselChrome: React.FC<CarouselChromeProps> = ({\n  copy,\n  items,\n  activeIndex,\n  loop,\n  disabled,\n  showArrows,\n  showIndicators,\n  showThumbnails,\n  arrowPosition,\n  indicatorPosition,\n  color,\n  size,\n  onPrev,\n  onNext,\n  onSelect,\n}) => (\n  <>\n    {showArrows && !disabled && (\n      <CarouselArrows\n        copy={copy}\n        onPrev={onPrev}\n        onNext={onNext}\n        position={arrowPosition}\n        color={color}\n        disablePrev={!loop && activeIndex === 0}\n        disableNext={!loop && activeIndex === items.length - 1}\n      />\n    )}\n\n    {showIndicators && (\n      <CarouselIndicators\n        copy={copy}\n        count={items.length}\n        activeIndex={activeIndex}\n        onSelect={onSelect}\n        position={indicatorPosition}\n        color={color}\n      />\n    )}\n\n    {showThumbnails && (\n      <CarouselThumbnails\n        items={items}\n        activeIndex={activeIndex}\n        onSelect={onSelect}\n        size={size}\n      />\n    )}\n  </>\n);\n"],"mappings":";;;;;;;AAuDE,mBAEI,KAFJ;AAjBK,IAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,iCACG;AAAA,gBAAc,CAAC,YACd;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,aAAa,CAAC,QAAQ,gBAAgB;AAAA,MACtC,aAAa,CAAC,QAAQ,gBAAgB,MAAM,SAAS;AAAA;AAAA,EACvD;AAAA,EAGD,kBACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,MAAM;AAAA,MACb;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA;AAAA,EACF;AAAA,EAGD,kBACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAAA,GAEJ;","names":[]}

package/dist/{chunk-WVZBYTIK.js → chunk-C465AAD5.js}

@@ -24,13 +24,13 @@ import React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var GROUPS = [
   [
-    { key: "bold", icon: /* @__PURE__ */ jsx(FormatBold, {}), tooltip: "Bold", command: "bold" },
-    { key: "italic", icon: /* @__PURE__ */ jsx(FormatItalic, {}), tooltip: "Italic", command: "italic" },
-    { key: "underline", icon: /* @__PURE__ */ jsx(FormatUnderlined, {}), tooltip: "Underline", command: "underline" },
+    { key: "bold", icon: /* @__PURE__ */ jsx(FormatBold, {}), label: "bold", command: "bold" },
+    { key: "italic", icon: /* @__PURE__ */ jsx(FormatItalic, {}), label: "italic", command: "italic" },
+    { key: "underline", icon: /* @__PURE__ */ jsx(FormatUnderlined, {}), label: "underline", command: "underline" },
     {
       key: "strikethrough",
       icon: /* @__PURE__ */ jsx(FormatStrikethrough, {}),
-      tooltip: "Strikethrough",
+      label: "strikethrough",
       command: "strikethrough"
     }
   ],
@@ -38,51 +38,51 @@ var GROUPS = [
     {
       key: "orderedList",
       icon: /* @__PURE__ */ jsx(FormatListNumbered, {}),
-      tooltip: "Numbered List",
+      label: "numberedList",
       command: "insertOrderedList"
     },
     {
       key: "unorderedList",
       icon: /* @__PURE__ */ jsx(FormatListBulleted, {}),
-      tooltip: "Bulleted List",
+      label: "bulletedList",
       command: "insertUnorderedList"
     }
   ],
   [
-    { key: "link", icon: /* @__PURE__ */ jsx(Link, {}), tooltip: "Insert Link", command: "createLink" },
-    { key: "image", icon: /* @__PURE__ */ jsx(Image, {}), tooltip: "Insert Image", command: "insertImage" },
+    { key: "link", icon: /* @__PURE__ */ jsx(Link, {}), label: "insertLink", command: "createLink" },
+    { key: "image", icon: /* @__PURE__ */ jsx(Image, {}), label: "insertImage", command: "insertImage" },
     {
       key: "codeBlock",
       icon: /* @__PURE__ */ jsx(Code, {}),
-      tooltip: "Code Block",
+      label: "codeBlock",
       command: "formatBlock",
       commandValue: "pre"
     },
     {
       key: "quote",
       icon: /* @__PURE__ */ jsx(FormatQuote, {}),
-      tooltip: "Quote",
+      label: "quote",
       command: "formatBlock",
       commandValue: "blockquote"
     }
   ]
 ];
 var PROMPTS = {
-  createLink: { message: "Enter URL:", initial: "https://" },
-  insertImage: { message: "Enter image URL:" }
+  createLink: { message: "linkPrompt", initial: "https://" },
+  insertImage: { message: "imagePrompt" }
 };
 var Separator = () => /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 0.5 } });
-var ToolbarGroups = ({ config, disabled, readOnly, onRun }) => {
+var ToolbarGroups = ({ config, disabled, readOnly, onRun, labels }) => {
   const groupIsActive = (group) => group.some((item) => config[item.key]);
   return /* @__PURE__ */ jsx(Fragment, { children: GROUPS.map((group, groupIndex) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
     groupIsActive(group) && GROUPS.slice(0, groupIndex).some(groupIsActive) && /* @__PURE__ */ jsx(Separator, {}),
-    group.filter((item) => config[item.key]).map((item) => /* @__PURE__ */ jsx(Tooltip, { title: item.tooltip, children: /* @__PURE__ */ jsx(
+    group.filter((item) => config[item.key]).map((item) => /* @__PURE__ */ jsx(Tooltip, { title: labels[item.label], children: /* @__PURE__ */ jsx(
       IconButton,
       {
         size: "small",
         onClick: () => onRun(item.command, item.commandValue),
         disabled: disabled || readOnly,
-        "aria-label": item.tooltip,
+        "aria-label": labels[item.label],
         "data-testid": `toolbar-${item.key}`,
         children: item.icon
       }
@@ -96,7 +96,8 @@ var RichTextEditorToolbar = ({
   maxLength,
   characterCount,
   editorRef,
-  onFormat
+  onFormat,
+  labels
 }) => {
   const run = (command, commandValue) => {
     const prompt = PROMPTS[command];
@@ -104,7 +105,7 @@ var RichTextEditorToolbar = ({
       onFormat(command, commandValue);
       return;
     }
-    const answer = window.prompt(prompt.message, prompt.initial);
+    const answer = window.prompt(labels[prompt.message], prompt.initial);
     if (answer) onFormat(command, answer);
   };
   return /* @__PURE__ */ jsxs(
@@ -119,7 +120,16 @@ var RichTextEditorToolbar = ({
         backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.8)
       },
       children: [
-        /* @__PURE__ */ jsx(ToolbarGroups, { config, disabled, readOnly, onRun: run }),
+        /* @__PURE__ */ jsx(
+          ToolbarGroups,
+          {
+            config,
+            disabled,
+            readOnly,
+            onRun: run,
+            labels
+          }
+        ),
         config.customItems && config.customItems.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Separator, {}),
           config.customItems.map((item) => /* @__PURE__ */ jsx(Tooltip, { title: item.label, children: /* @__PURE__ */ jsx(
@@ -157,4 +167,4 @@ var RichTextEditorToolbar = ({
 export {
   RichTextEditorToolbar
 };
-//# sourceMappingURL=chunk-WVZBYTIK.js.map
+//# sourceMappingURL=chunk-C465AAD5.js.map

package/dist/chunk-C465AAD5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/RichTextEditor/RichTextEditorToolbar.tsx"],"sourcesContent":["import type { RichTextEditorLabels } from '../../../copy/labels';\nimport Code from '@mui/icons-material/Code';\nimport FormatBold from '@mui/icons-material/FormatBold';\nimport FormatItalic from '@mui/icons-material/FormatItalic';\nimport FormatListBulleted from '@mui/icons-material/FormatListBulleted';\nimport FormatListNumbered from '@mui/icons-material/FormatListNumbered';\nimport FormatQuote from '@mui/icons-material/FormatQuote';\nimport FormatStrikethrough from '@mui/icons-material/FormatStrikethrough';\nimport FormatUnderlined from '@mui/icons-material/FormatUnderlined';\nimport Image from '@mui/icons-material/Image';\nimport Link from '@mui/icons-material/Link';\nimport Box from '@mui/material/Box/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Toolbar from '@mui/material/Toolbar/index.js';\nimport Tooltip from '@mui/material/Tooltip/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha } from '@mui/material/styles/index.js';\nimport type { FC, ReactElement } from 'react';\nimport React from 'react';\n\nimport type { ToolbarConfig } from './RichTextEditor.types';\n\nimport { sxRem } from '../../../tokens/relative';\n\ntype ResolvedToolbar = Required<Omit<ToolbarConfig, 'customItems'>> &\n  Pick<ToolbarConfig, 'customItems'>;\n\n// The button groups, in render order. A separator is drawn between two groups\n// only when both actually have something switched on.\nconst GROUPS: Array<Array<{ key: keyof ResolvedToolbar; icon: ReactElement; label: keyof RichTextEditorLabels; command: string; commandValue?: string }>> = [\n  [\n    { key: 'bold', icon: <FormatBold />, label: 'bold', command: 'bold' },\n    { key: 'italic', icon: <FormatItalic />, label: 'italic', command: 'italic' },\n    { key: 'underline', icon: <FormatUnderlined />, label: 'underline', command: 'underline' },\n    {\n      key: 'strikethrough',\n      icon: <FormatStrikethrough />,\n      label: 'strikethrough',\n      command: 'strikethrough',\n    },\n  ],\n  [\n    {\n      key: 'orderedList',\n      icon: <FormatListNumbered />,\n      label: 'numberedList',\n      command: 'insertOrderedList',\n    },\n    {\n      key: 'unorderedList',\n      icon: <FormatListBulleted />,\n      label: 'bulletedList',\n      command: 'insertUnorderedList',\n    },\n  ],\n  [\n    { key: 'link', icon: <Link />, label: 'insertLink', command: 'createLink' },\n    { key: 'image', icon: <Image />, label: 'insertImage', command: 'insertImage' },\n    {\n      key: 'codeBlock',\n      icon: <Code />,\n      label: 'codeBlock',\n      command: 'formatBlock',\n      commandValue: 'pre',\n    },\n    {\n      key: 'quote',\n      icon: <FormatQuote />,\n      label: 'quote',\n      command: 'formatBlock',\n      commandValue: 'blockquote',\n    },\n  ],\n];\n\n// Link and image need a target before they can run.\nconst PROMPTS: Record<string, { message: 'linkPrompt' | 'imagePrompt'; initial?: string }> = {\n  createLink: { message: 'linkPrompt', initial: 'https://' },\n  insertImage: { message: 'imagePrompt' },\n};\n\nconst Separator: FC = () => <Divider orientation=\"vertical\" flexItem sx={{ mx: 0.5 }} />;\n\nexport interface RichTextEditorToolbarProps {\n  config: ResolvedToolbar;\n  disabled: boolean;\n  readOnly: boolean;\n  maxLength?: number;\n  characterCount: number;\n  editorRef: React.RefObject<HTMLDivElement | null>;\n  onFormat: (command: string, value?: string) => void;\n  labels: RichTextEditorLabels;\n}\n\nconst ToolbarGroups: FC<{\n  config: ResolvedToolbar;\n  disabled: boolean;\n  readOnly: boolean;\n  onRun: (command: string, commandValue?: string) => void;\n  labels: RichTextEditorLabels;\n}> = ({ config, disabled, readOnly, onRun, labels }) => {\n  const groupIsActive = (group: (typeof GROUPS)[number]) => group.some((item) => config[item.key]);\n\n  return (\n    <>\n      {GROUPS.map((group, groupIndex) => (\n        <React.Fragment key={group[0]?.key ?? groupIndex}>\n          {groupIsActive(group) && GROUPS.slice(0, groupIndex).some(groupIsActive) && <Separator />}\n          {group\n            .filter((item) => config[item.key])\n            .map((item) => (\n              <Tooltip key={item.key} title={labels[item.label]}>\n                <IconButton\n                  size=\"small\"\n                  onClick={() => onRun(item.command, item.commandValue)}\n                  disabled={disabled || readOnly}\n                  aria-label={labels[item.label]}\n                  data-testid={`toolbar-${item.key}`}\n                >\n                  {item.icon}\n                </IconButton>\n              </Tooltip>\n            ))}\n        </React.Fragment>\n      ))}\n    </>\n  );\n};\n\nexport const RichTextEditorToolbar: FC<RichTextEditorToolbarProps> = ({\n  config,\n  disabled,\n  readOnly,\n  maxLength,\n  characterCount,\n  editorRef,\n  onFormat,\n  labels,\n}) => {\n  const run = (command: string, commandValue?: string) => {\n    const prompt = PROMPTS[command];\n    if (!prompt) {\n      onFormat(command, commandValue);\n      return;\n    }\n\n    const answer = window.prompt(labels[prompt.message], prompt.initial);\n    if (answer) onFormat(command, answer);\n  };\n\n  return (\n    <Toolbar\n      variant=\"dense\"\n      data-testid=\"editor-toolbar\"\n      sx={{\n        minHeight: sxRem(48),\n        px: 1,\n        borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n        backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.8),\n      }}\n    >\n      <ToolbarGroups\n        config={config}\n        disabled={disabled}\n        readOnly={readOnly}\n        onRun={run}\n        labels={labels}\n      />\n\n      {config.customItems && config.customItems.length > 0 && (\n        <>\n          <Separator />\n          {config.customItems.map((item) => (\n            <Tooltip key={item.id} title={item.label}>\n              <IconButton\n                size=\"small\"\n                onClick={() => item.action(editorRef.current)}\n                disabled={item.disabled || disabled || readOnly}\n                aria-label={item.label}\n                data-testid={`toolbar-custom-${item.id}`}\n              >\n                {item.icon}\n              </IconButton>\n            </Tooltip>\n          ))}\n        </>\n      )}\n\n      <Box sx={{ flexGrow: 1 }} />\n\n      {maxLength && (\n        <Typography\n          variant=\"caption\"\n          // Turns red in the last fifth of the allowance.\n          color={characterCount > maxLength * 0.8 ? 'error' : 'text.secondary'}\n          sx={{ mr: 1 }}\n          data-testid=\"editor-counter\"\n        >\n          {characterCount}/{maxLength}\n        </Typography>\n      )}\n    </Toolbar>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-XYFBJH6F.js → chunk-C7LHIDVB.js}

@@ -1,9 +1,15 @@
+import {
+  useRichTextEditor
+} from "./chunk-7UDQJOZZ.js";
 import {
   RichTextEditorToolbar
-} from "./chunk-WVZBYTIK.js";
+} from "./chunk-C465AAD5.js";
 import {
-  useRichTextEditor
-} from "./chunk-EUACQR6N.js";
+  resolveLabels
+} from "./chunk-LL2BWQPM.js";
+import {
+  EN_US_UI_LABELS
+} from "./chunk-O2RXSXSF.js";
 import {
   fieldEdge
 } from "./chunk-7ZADLRLP.js";
@@ -35,7 +41,6 @@ var DEFAULT_TOOLBAR = {
 };
 var RICH_TEXT_DEFAULTS = {
   value: "",
-  placeholder: "Start typing...",
   disabled: false,
   readOnly: false,
   toolbar: {}
@@ -97,7 +102,8 @@ var RichTextEditor = forwardRef(
     const {
       value,
       onChange,
-      placeholder,
+      placeholder: placeholderProp,
+      labels: labelOverrides,
       disabled,
       readOnly,
       toolbar,
@@ -112,6 +118,8 @@ var RichTextEditor = forwardRef(
       ...props
     } = { ...RICH_TEXT_DEFAULTS, ...definedProps(editorProps) };
     const theme = useTheme();
+    const labels = resolveLabels(EN_US_UI_LABELS.richTextEditor, labelOverrides);
+    const placeholder = placeholderProp ?? labels.placeholder;
     const toolbarConfig = { ...DEFAULT_TOOLBAR, ...toolbar };
     const editor = useRichTextEditor({
       value,
@@ -120,7 +128,8 @@ var RichTextEditor = forwardRef(
       onBlur,
       disabled,
       readOnly,
-      maxLength
+      maxLength,
+      listItemText: labels.listItem
     });
     return /* @__PURE__ */ jsxs(
       Paper,
@@ -141,7 +150,8 @@ var RichTextEditor = forwardRef(
               maxLength,
               characterCount: editor.characterCount,
               editorRef: editor.editorRef,
-              onFormat: editor.applyFormat
+              onFormat: editor.applyFormat,
+              labels
             }
           ),
           /* @__PURE__ */ jsx(
@@ -153,7 +163,7 @@ var RichTextEditor = forwardRef(
               onFocus: editor.handleFocus,
               onBlur: editor.handleBlur,
               role: "textbox",
-              "aria-label": ariaLabel || "Rich text editor",
+              "aria-label": ariaLabel || labels.ariaLabel,
               "aria-describedby": ariaDescribedBy,
               "aria-multiline": "true",
               tabIndex: disabled ? -1 : 0,
@@ -174,4 +184,4 @@ export {
   RichTextEditor,
   RichTextEditor_default
 };
-//# sourceMappingURL=chunk-XYFBJH6F.js.map
+//# sourceMappingURL=chunk-C7LHIDVB.js.map

package/dist/chunk-C7LHIDVB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import { EN_US_UI_LABELS } from '../../../en-US.labels';\nimport { resolveLabels } from '../../../utils/resolve-labels';\nimport Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport React, { forwardRef } from 'react';\n\nimport type { Theme } from '@mui/material/styles/index.js';\nimport { useRichTextEditor } from './RichTextEditor.hooks';\nimport type { RichTextEditorProps, ToolbarConfig } from './RichTextEditor.types';\nimport { RichTextEditorToolbar } from './RichTextEditorToolbar';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\nimport { rem } from '../../../tokens/relative';\n\nconst DEFAULT_TOOLBAR: Required<Omit<ToolbarConfig, 'customItems'>> & Pick<ToolbarConfig, 'customItems'> = {\n  bold: true,\n  italic: true,\n  underline: true,\n  strikethrough: false,\n  orderedList: true,\n  unorderedList: true,\n  link: true,\n  image: false,\n  codeBlock: false,\n  quote: false,\n  customItems: [] };\n\nconst RICH_TEXT_DEFAULTS: Partial<RichTextEditorProps> = {\n  value: '',\n  disabled: false,\n  readOnly: false,\n  toolbar: {} };\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}`\n// still falls back to the default as a destructuring default would.\nconst definedProps = (props: RichTextEditorProps): Partial<RichTextEditorProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, v]) => v !== undefined),\n  ) as Partial<RichTextEditorProps>;\n\n// Simple inline formats are a tag swap; lists and the value-carrying formats\n// need their own handling. This was one nine-case switch.\nconst editorContentSx = (theme: Theme, disabled: boolean, placeholder?: string, height?: string | number) => ({\n  // A number is design px, converted here where it is read (300 when the\n  // caller gives none); a string is any CSS length, used as-is.\n  minHeight: typeof height === 'string' ? height : rem(theme, height ?? 300),\n  p: 2,\n  outline: 'none',\n  cursor: disabled ? 'not-allowed' : 'text',\n  '&:empty::before': {\n    content: `\"${placeholder}\"`,\n    color: theme.palette.text.disabled,\n    pointerEvents: 'none' },\n  '& p': {\n    margin: `${rem(theme, 8)} 0`,\n    '&:first-of-type': { marginTop: 0 },\n    '&:last-of-type': { marginBottom: 0 } },\n  '& ul, & ol': { marginLeft: theme.spacing(2) },\n  '& blockquote': {\n    borderLeft: `${rem(theme, 4)} solid ${theme.palette.primary.main}`,\n    paddingLeft: theme.spacing(2),\n    margin: `${theme.spacing(1)} 0`,\n    fontStyle: 'italic',\n    backgroundColor: alpha(theme.palette.primary.main, 0.05) },\n  '& pre': {\n    backgroundColor: alpha(theme.palette.text.primary, 0.08),\n    padding: theme.spacing(1),\n    borderRadius: 1,\n    fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", monospace',\n    fontSize: rem(theme, 14),\n    overflow: 'auto' },\n  '& a': { color: theme.palette.primary.main, textDecoration: 'underline' } });\n\nconst shellSx = (theme: Theme, isFocused: boolean, disabled: boolean) => ({\n  border: `1px solid ${fieldEdge(theme)}`,\n  borderRadius: fieldRadiusPx(theme),\n  overflow: 'hidden',\n  transition: 'border-color 0.2s ease-in-out',\n  ...(isFocused && {\n    borderColor: theme.palette.primary.main,\n    boxShadow: `0 0 0 ${rem(theme, 2)} ${alpha(theme.palette.primary.main, 0.2)}` }),\n  ...(disabled && {\n    backgroundColor: theme.palette.action.disabledBackground,\n    color: theme.palette.text.disabled }) });\n\nexport const RichTextEditor = forwardRef<HTMLDivElement, RichTextEditorProps>(\n  (editorProps, ref) => {\n    const {\n      value,\n      onChange,\n      placeholder: placeholderProp,\n      labels: labelOverrides,\n      disabled,\n      readOnly,\n      toolbar,\n      height,\n      maxLength,\n      onFocus,\n      onBlur,\n      className,\n      'data-testid': testId,\n      'aria-label': ariaLabel,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    } = { ...RICH_TEXT_DEFAULTS, ...definedProps(editorProps) } as RichTextEditorProps;\n\n    const theme = useTheme();\n    const labels = resolveLabels(EN_US_UI_LABELS.richTextEditor, labelOverrides);\n    const placeholder = placeholderProp ?? labels.placeholder;\n    const toolbarConfig = { ...DEFAULT_TOOLBAR, ...toolbar };\n    const editor = useRichTextEditor({\n      value,\n      onChange,\n      onFocus,\n      onBlur,\n      disabled,\n      readOnly,\n      maxLength,\n      listItemText: labels.listItem });\n\n    return (\n      <Paper\n        ref={ref}\n        className={className}\n        data-testid={testId || 'rich-text-editor'}\n        elevation={1}\n        sx={shellSx(theme, editor.isFocused, Boolean(disabled))}\n        {...props}\n      >\n        <RichTextEditorToolbar\n          config={toolbarConfig}\n          disabled={Boolean(disabled)}\n          readOnly={Boolean(readOnly)}\n          maxLength={maxLength}\n          characterCount={editor.characterCount}\n          editorRef={editor.editorRef}\n          onFormat={editor.applyFormat}\n          labels={labels}\n        />\n\n        <Box\n          ref={editor.editorRef}\n          contentEditable={!disabled && !readOnly}\n          onInput={editor.handleContentChange}\n          onFocus={editor.handleFocus}\n          onBlur={editor.handleBlur}\n          role=\"textbox\"\n          aria-label={ariaLabel || labels.ariaLabel}\n          aria-describedby={ariaDescribedBy}\n          aria-multiline=\"true\"\n          tabIndex={disabled ? -1 : 0}\n          data-testid=\"editor-content\"\n          suppressContentEditableWarning\n          sx={editorContentSx(theme, Boolean(disabled), placeholder, height)}\n        />\n      </Paper>\n    );\n  },\n);\n\nRichTextEditor.displayName = 'RichTextEditor';\n\nexport default RichTextEditor;"],"mappings":"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","names":[]}

package/dist/{chunk-Z24VOTA7.js → chunk-CCWE6DBC.js}

@@ -8,11 +8,13 @@ var PT_BR_INSTALL_PROMPT_COPY = {
   shareLabel: "Compartilhar"
 };
 var PT_BR_USER_AVATAR_COPY = {
-  signOut: "Sair"
+  signOut: "Sair",
+  avatarAlt: "Foto do usu\xE1rio",
+  unnamedUser: "Usu\xE1rio"
 };
 
 export {
   PT_BR_INSTALL_PROMPT_COPY,
   PT_BR_USER_AVATAR_COPY
 };
-//# sourceMappingURL=chunk-Z24VOTA7.js.map
+//# sourceMappingURL=chunk-CCWE6DBC.js.map

package/dist/{chunk-Z24VOTA7.js.map → chunk-CCWE6DBC.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/pt-BR.utility.ts"],"sourcesContent":["/**\n * The pt-BR pack for the utility family. Split out of `pt-BR.ts`, which is a\n * barrel over this folder — see that file for why.\n */\nimport type {\n  InstallPromptCopy,\n  UserAvatarCopy,\n} from './copy';\n\nexport const PT_BR_INSTALL_PROMPT_COPY: InstallPromptCopy = {\n  title: \"Instalar este aplicativo\",\n  installLabel: \"Instalar\",\n  dismissLabel: \"Dispensar o convite de instalação\",\n  iosTapBefore: \"Toque em\",\n  iosTapAfter: 'e depois em \"Adicionar à Tela de Início\"',\n  shareLabel: \"Compartilhar\",\n};\n\nexport const PT_BR_USER_AVATAR_COPY: UserAvatarCopy = {\n  signOut: \"Sair\",\n};\n"],"mappings":";AASO,IAAM,4BAA+C;AAAA,EAC1D,OAAO;AAAA,EACP,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AACd;AAEO,IAAM,yBAAyC;AAAA,EACpD,SAAS;AACX;","names":[]}
+{"version":3,"sources":["../src/pt-BR.utility.ts"],"sourcesContent":["/**\n * The pt-BR pack for the utility family. Split out of `pt-BR.ts`, which is a\n * barrel over this folder — see that file for why.\n */\nimport type {\n  InstallPromptCopy,\n  UserAvatarCopy,\n} from './copy';\n\nexport const PT_BR_INSTALL_PROMPT_COPY: InstallPromptCopy = {\n  title: \"Instalar este aplicativo\",\n  installLabel: \"Instalar\",\n  dismissLabel: \"Dispensar o convite de instalação\",\n  iosTapBefore: \"Toque em\",\n  iosTapAfter: 'e depois em \"Adicionar à Tela de Início\"',\n  shareLabel: \"Compartilhar\",\n};\n\nexport const PT_BR_USER_AVATAR_COPY: Required<UserAvatarCopy> = {\n  signOut: \"Sair\",\n  avatarAlt: \"Foto do usuário\",\n  unnamedUser: \"Usuário\",\n};\n"],"mappings":";AASO,IAAM,4BAA+C;AAAA,EAC1D,OAAO;AAAA,EACP,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AACd;AAEO,IAAM,yBAAmD;AAAA,EAC9D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AACf;","names":[]}

package/dist/{chunk-7K23NEZO.js → chunk-CFDYQSN6.js}

@@ -1,16 +1,16 @@
-import {
-  SheetBody
-} from "./chunk-5MMAV7XK.js";
 import {
   panelSx
 } from "./chunk-3ROCD7XF.js";
-import {
-  SheetOverlay
-} from "./chunk-JKNKGGOG.js";
 import {
   useSheetDrag,
   useSheetOpen
-} from "./chunk-56JF5PZK.js";
+} from "./chunk-LYVTJLCF.js";
+import {
+  SheetBody
+} from "./chunk-HWKBCLKD.js";
+import {
+  SheetOverlay
+} from "./chunk-DKRMOIX2.js";
 import {
   DEFAULT_DRAG_RESISTANCE,
   DEFAULT_VELOCITY_THRESHOLD,
@@ -143,4 +143,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-7K23NEZO.js.map
+//# sourceMappingURL=chunk-CFDYQSN6.js.map

package/dist/{chunk-YLSDFW5O.js → chunk-CN4JS57H.js}

@@ -2,7 +2,23 @@
 var PT_BR_ADDRESS_AUTOCOMPLETE_COPY = {
   loadingMaps: "Carregando o Google Maps\u2026",
   mapsLoadFailed: "N\xE3o foi poss\xEDvel carregar a API do Google Maps. Verifique a chave da API e a conex\xE3o com a internet.",
-  useCurrentLocation: "Usar a localiza\xE7\xE3o atual"
+  useCurrentLocation: "Usar a localiza\xE7\xE3o atual",
+  label: "Endere\xE7o",
+  placeholder: "Digite um endere\xE7o",
+  typeToSearch: "Digite ao menos 3 caracteres",
+  noAddressesFound: "Nenhum endere\xE7o encontrado",
+  loadingSuggestions: "Carregando\u2026",
+  mapsApiLoadFailed: "N\xE3o foi poss\xEDvel carregar o mapa",
+  mapsServicesInitFailed: "N\xE3o foi poss\xEDvel iniciar o mapa",
+  fetchSuggestionsFailed: "N\xE3o foi poss\xEDvel buscar sugest\xF5es de endere\xE7o",
+  addressDetailsNotFound: "Detalhes do endere\xE7o n\xE3o encontrados",
+  addressDetailsFailed: "N\xE3o foi poss\xEDvel obter os detalhes do endere\xE7o",
+  noMockLocation: "Nenhuma localiza\xE7\xE3o de teste dispon\xEDvel",
+  mockLocationNotFound: "Detalhes da localiza\xE7\xE3o de teste n\xE3o encontrados",
+  locationAddressFailed: "N\xE3o foi poss\xEDvel obter o endere\xE7o da localiza\xE7\xE3o atual",
+  geolocationUnsupported: "Este navegador n\xE3o oferece geolocaliza\xE7\xE3o",
+  geocoderUnavailable: "Servi\xE7o de geocodifica\xE7\xE3o indispon\xEDvel",
+  locationFailed: "N\xE3o foi poss\xEDvel obter a sua localiza\xE7\xE3o"
 };
 var PT_BR_AUTOCOMPLETE_COPY = {
   loading: "Carregando\u2026",
@@ -57,12 +73,24 @@ var PT_BR_RICH_EDITOR_TOOLBAR_COPY = {
   insertLink: "Inserir link",
   textColor: "Cor do texto",
   backgroundColor: "Cor de fundo",
-  linkPrompt: "Informe a URL:"
+  linkPrompt: "Informe a URL:",
+  editorLabel: "Editor de texto"
+};
+var ptBrRegionNames;
+var ptBrCountryName = (code) => {
+  if (ptBrRegionNames === void 0) {
+    ptBrRegionNames = typeof Intl !== "undefined" && typeof Intl.DisplayNames === "function" ? new Intl.DisplayNames(["pt-BR"], { type: "region", fallback: "none" }) : null;
+  }
+  return ptBrRegionNames?.of(code);
 };
 var PT_BR_PHONE_INPUT_COPY = {
   selectCountry: "Selecionar o pa\xEDs",
   invalidNumber: (countryName) => `Telefone inv\xE1lido para ${countryName}`,
-  unknownCountry: "o pa\xEDs selecionado"
+  unknownCountry: "o pa\xEDs selecionado",
+  countryName: (code, englishName) => ptBrCountryName(code) ?? englishName,
+  label: "Telefone",
+  // 92px: the input beside the country picker is 95px wide on a 320 screen.
+  placeholder: "Seu n\xFAmero"
 };
 var PT_BR_UPLOAD_BUTTON_COPY = {
   buttonLabel: "Enviar arquivo",
@@ -72,7 +100,9 @@ var PT_BR_UPLOAD_BUTTON_COPY = {
   dropReady: "Arquivo pronto para soltar",
   percentUploaded: (percent) => `${percent}% enviado`,
   uploadInProgress: (percent) => `Envio em andamento: ${percent}%`,
-  errorAnnouncement: (message) => `Erro: ${message}`
+  errorAnnouncement: (message) => `Erro: ${message}`,
+  fileTooLarge: (maxSizeMB) => `O arquivo deve ter menos de ${maxSizeMB} MB`,
+  uploadFailed: "Falha no envio"
 };
 var PT_BR_SOCIAL_LOGIN_COPY = {
   google: "Continuar com o Google",
@@ -90,4 +120,4 @@ export {
   PT_BR_UPLOAD_BUTTON_COPY,
   PT_BR_SOCIAL_LOGIN_COPY
 };
-//# sourceMappingURL=chunk-YLSDFW5O.js.map
+//# sourceMappingURL=chunk-CN4JS57H.js.map

package/dist/chunk-CN4JS57H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pt-BR.form.ts"],"sourcesContent":["/**\n * The pt-BR pack for the form family. Split out of `pt-BR.ts`, which is a\n * barrel over this folder — see that file for why.\n */\nimport type {\n  AddressAutocompleteCopy,\n  AutocompleteCopy,\n  CodeEditorCopy,\n  PasswordStrengthCopy,\n  PhoneInputCopy,\n  RichEditorToolbarCopy,\n  SocialLoginCopy,\n  UploadButtonCopy,\n} from './copy';\n\nexport const PT_BR_ADDRESS_AUTOCOMPLETE_COPY: Required<AddressAutocompleteCopy> = {\n  loadingMaps: \"Carregando o Google Maps…\",\n  mapsLoadFailed:\n    \"Não foi possível carregar a API do Google Maps. Verifique a chave da API e a conexão com a internet.\",\n  useCurrentLocation: \"Usar a localização atual\",\n  label: \"Endereço\",\n  placeholder: \"Digite um endereço\",\n  typeToSearch: \"Digite ao menos 3 caracteres\",\n  noAddressesFound: \"Nenhum endereço encontrado\",\n  loadingSuggestions: \"Carregando…\",\n  mapsApiLoadFailed: \"Não foi possível carregar o mapa\",\n  mapsServicesInitFailed: \"Não foi possível iniciar o mapa\",\n  fetchSuggestionsFailed: \"Não foi possível buscar sugestões de endereço\",\n  addressDetailsNotFound: \"Detalhes do endereço não encontrados\",\n  addressDetailsFailed: \"Não foi possível obter os detalhes do endereço\",\n  noMockLocation: \"Nenhuma localização de teste disponível\",\n  mockLocationNotFound: \"Detalhes da localização de teste não encontrados\",\n  locationAddressFailed: \"Não foi possível obter o endereço da localização atual\",\n  geolocationUnsupported: \"Este navegador não oferece geolocalização\",\n  geocoderUnavailable: \"Serviço de geocodificação indisponível\",\n  locationFailed: \"Não foi possível obter a sua localização\",\n};\n\nexport const PT_BR_AUTOCOMPLETE_COPY: AutocompleteCopy = {\n  loading: \"Carregando…\",\n  noResults: \"Nenhum resultado encontrado\",\n  placeholder: \"Digite para buscar…\",\n};\n\nexport const PT_BR_CODE_EDITOR_COPY: CodeEditorCopy = {\n  loading: \"Carregando o editor…\",\n  readOnly: \"Somente leitura\",\n  formatCode: \"Formatar o código (Ctrl+Shift+F)\",\n  enableWrap: \"Quebrar as linhas\",\n  disableWrap: \"Não quebrar as linhas\",\n  copyToClipboard: \"Copiar para a área de transferência\",\n  copied: \"Copiado!\",\n  enterFullscreen: \"Tela cheia\",\n  exitFullscreen: \"Sair da tela cheia\",\n};\n\nexport const PT_BR_PASSWORD_STRENGTH_COPY: PasswordStrengthCopy = {\n  strengthHeading: \"Força da senha\",\n  requirementsHeading: \"Requisitos:\",\n  suggestionsHeading: \"Sugestões:\",\n  bands: {\n    veryWeak: \"Muito fraca\",\n    weak: \"Fraca\",\n    fair: \"Razoável\",\n    good: \"Boa\",\n    strong: \"Forte\",\n  },\n  requirements: {\n    minLength: (count) => `Pelo menos ${count} caracteres`,\n    uppercase: \"Uma letra maiúscula\",\n    lowercase: \"Uma letra minúscula\",\n    numbers: \"Um número\",\n    special: \"Um caractere especial\",\n  },\n  suggestions: {\n    minLength: (count) => `Use pelo menos ${count} caracteres`,\n    uppercase: \"Adicione letras maiúsculas\",\n    lowercase: \"Adicione letras minúsculas\",\n    numbers: \"Inclua números\",\n    special: \"Adicione caracteres especiais\",\n  },\n};\n\nexport const PT_BR_RICH_EDITOR_TOOLBAR_COPY: Required<RichEditorToolbarCopy> = {\n  bold: \"Negrito\",\n  italic: \"Itálico\",\n  underline: \"Sublinhado\",\n  bulletList: \"Lista com marcadores\",\n  numberedList: \"Lista numerada\",\n  quote: \"Citação\",\n  code: \"Código\",\n  insertLink: \"Inserir link\",\n  textColor: \"Cor do texto\",\n  backgroundColor: \"Cor de fundo\",\n  linkPrompt: \"Informe a URL:\",\n  editorLabel: \"Editor de texto\",\n};\n\n// Built on first use, not at import: a host that never mounts the phone field\n// pays nothing, and a runtime without `Intl.DisplayNames` keeps the English name.\nlet ptBrRegionNames: Intl.DisplayNames | null | undefined;\nconst ptBrCountryName = (code: string): string | undefined => {\n  if (ptBrRegionNames === undefined) {\n    ptBrRegionNames =\n      typeof Intl !== \"undefined\" && typeof Intl.DisplayNames === \"function\"\n        ? new Intl.DisplayNames([\"pt-BR\"], { type: \"region\", fallback: \"none\" })\n        : null;\n  }\n  return ptBrRegionNames?.of(code);\n};\n\nexport const PT_BR_PHONE_INPUT_COPY: Required<PhoneInputCopy> = {\n  selectCountry: \"Selecionar o país\",\n  invalidNumber: (countryName) => `Telefone inválido para ${countryName}`,\n  unknownCountry: \"o país selecionado\",\n  countryName: (code, englishName) => ptBrCountryName(code) ?? englishName,\n  label: \"Telefone\",\n  // 92px: the input beside the country picker is 95px wide on a 320 screen.\n  placeholder: \"Seu número\",\n};\n\nexport const PT_BR_UPLOAD_BUTTON_COPY: Required<UploadButtonCopy> = {\n  buttonLabel: \"Enviar arquivo\",\n  dropzoneHint: \"Solte o arquivo aqui ou clique para escolher\",\n  dropzoneRole: (label) => `Área de upload de arquivo. ${label}`,\n  uploading: \"Enviando…\",\n  dropReady: \"Arquivo pronto para soltar\",\n  percentUploaded: (percent) => `${percent}% enviado`,\n  uploadInProgress: (percent) => `Envio em andamento: ${percent}%`,\n  errorAnnouncement: (message) => `Erro: ${message}`,\n  fileTooLarge: (maxSizeMB) => `O arquivo deve ter menos de ${maxSizeMB} MB`,\n  uploadFailed: \"Falha no envio\",\n};\n\nexport const PT_BR_SOCIAL_LOGIN_COPY: SocialLoginCopy = {\n  google: \"Continuar com o Google\",\n  facebook: \"Continuar com o Facebook\",\n  apple: \"Continuar com a Apple\",\n};\n"],"mappings":";AAeO,IAAM,kCAAqE;AAAA,EAChF,aAAa;AAAA,EACb,gBACE;AAAA,EACF,oBAAoB;AAAA,EACpB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,qBAAqB;AAAA,EACrB,gBAAgB;AAClB;AAEO,IAAM,0BAA4C;AAAA,EACvD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AACf;AAEO,IAAM,yBAAyC;AAAA,EACpD,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,gBAAgB;AAClB;AAEO,IAAM,+BAAqD;AAAA,EAChE,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAAA,EACA,cAAc;AAAA,IACZ,WAAW,CAAC,UAAU,cAAc,KAAK;AAAA,IACzC,WAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,WAAW,CAAC,UAAU,kBAAkB,KAAK;AAAA,IAC7C,WAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF;AAEO,IAAM,iCAAkE;AAAA,EAC7E,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,OAAO;AAAA,EACP,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,aAAa;AACf;AAIA,IAAI;AACJ,IAAM,kBAAkB,CAAC,SAAqC;AAC5D,MAAI,oBAAoB,QAAW;AACjC,sBACE,OAAO,SAAS,eAAe,OAAO,KAAK,iBAAiB,aACxD,IAAI,KAAK,aAAa,CAAC,OAAO,GAAG,EAAE,MAAM,UAAU,UAAU,OAAO,CAAC,IACrE;AAAA,EACR;AACA,SAAO,iBAAiB,GAAG,IAAI;AACjC;AAEO,IAAM,yBAAmD;AAAA,EAC9D,eAAe;AAAA,EACf,eAAe,CAAC,gBAAgB,6BAA0B,WAAW;AAAA,EACrE,gBAAgB;AAAA,EAChB,aAAa,CAAC,MAAM,gBAAgB,gBAAgB,IAAI,KAAK;AAAA,EAC7D,OAAO;AAAA;AAAA,EAEP,aAAa;AACf;AAEO,IAAM,2BAAuD;AAAA,EAClE,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc,CAAC,UAAU,iCAA8B,KAAK;AAAA,EAC5D,WAAW;AAAA,EACX,WAAW;AAAA,EACX,iBAAiB,CAAC,YAAY,GAAG,OAAO;AAAA,EACxC,kBAAkB,CAAC,YAAY,uBAAuB,OAAO;AAAA,EAC7D,mBAAmB,CAAC,YAAY,SAAS,OAAO;AAAA,EAChD,cAAc,CAAC,cAAc,+BAA+B,SAAS;AAAA,EACrE,cAAc;AAChB;AAEO,IAAM,0BAA2C;AAAA,EACtD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;","names":[]}

package/dist/{chunk-4NQXHPQR.js → chunk-D4LMRSY7.js}

@@ -1,6 +1,9 @@
 import {
   DEFAULT_ZOOM
 } from "./chunk-H2J2MTRE.js";
+import {
+  EN_US_MAP_PREVIEW_COPY
+} from "./chunk-GLAAX5JJ.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -16,12 +19,17 @@ var MAP_PREVIEW_DEFAULTS = {
   variant: "default",
   showControls: true,
   showSearch: false,
-  searchPlaceholder: "Search location...",
   showRoute: false,
   heatmapData: [],
   showHeatmap: false,
   animated: true
 };
+var resolveMapCopy = (copy) => ({
+  ...EN_US_MAP_PREVIEW_COPY,
+  ...Object.fromEntries(
+    Object.entries(copy).filter(([, value]) => value !== void 0)
+  )
+});
 var definedProps = (props) => Object.fromEntries(
   Object.entries(props).filter(([, value]) => value !== void 0)
 );
@@ -34,7 +42,8 @@ var glassStyles = (variant, theme) => variant === "glass" ? {
 } : {};
 
 export {
+  resolveMapCopy,
   resolveMapPreviewProps,
   glassStyles
 };
-//# sourceMappingURL=chunk-4NQXHPQR.js.map
+//# sourceMappingURL=chunk-D4LMRSY7.js.map

package/dist/chunk-D4LMRSY7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapPreview.helpers.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport { alpha } from '@mui/material/styles/index.js';\n\nimport { DEFAULT_ZOOM } from './MapPreview.constants';\nimport type { MapPreviewProps } from './MapPreview.types';\nimport type { MapPreviewCopy } from '../../../copy/data-display';\nimport { EN_US_MAP_PREVIEW_COPY } from '../../../en-US.data-display';\nimport { rem } from '../../../tokens/relative';\n\ntype MapDefaultedKeys =\n  | 'markers'\n  | 'marker'\n  | 'interactive'\n  | 'zoom'\n  | 'mapType'\n  | 'variant'\n  | 'showControls'\n  | 'showSearch'\n  | 'showRoute'\n  | 'heatmapData'\n  | 'showHeatmap'\n  | 'animated';\n\nexport type ResolvedMapPreviewProps = MapPreviewProps &\n  Required<Pick<MapPreviewProps, MapDefaultedKeys>>;\n\nconst MAP_PREVIEW_DEFAULTS: Pick<MapPreviewProps, MapDefaultedKeys> = {\n  markers: [],\n  marker: true,\n  interactive: false,\n  zoom: DEFAULT_ZOOM,\n  mapType: 'roadmap',\n  variant: 'default',\n  showControls: true,\n  showSearch: false,\n  showRoute: false,\n  heatmapData: [],\n  showHeatmap: false,\n  animated: true,\n};\n\n/**\n * The copy the map renders: the host's pack over the English one, key by key,\n * so a pack written before the optional keys existed still renders every word.\n */\nexport const resolveMapCopy = (copy: MapPreviewCopy): Required<MapPreviewCopy> => ({\n  ...EN_US_MAP_PREVIEW_COPY,\n  ...(Object.fromEntries(\n    Object.entries(copy).filter(([, value]) => value !== undefined),\n  ) as MapPreviewCopy),\n});\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: MapPreviewProps): Partial<MapPreviewProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<MapPreviewProps>;\n\n// Applied as a merge rather than destructuring defaults, which would otherwise\n// put fourteen branches into the component's own complexity budget.\nexport const resolveMapPreviewProps = (props: MapPreviewProps): ResolvedMapPreviewProps =>\n  ({ ...MAP_PREVIEW_DEFAULTS, ...definedProps(props) }) as ResolvedMapPreviewProps;\n\nexport const glassStyles = (variant: MapPreviewProps['variant'], theme: Theme) =>\n  variant === 'glass'\n    ? {\n        background: alpha(theme.palette.background.paper, 0.7),\n        backdropFilter: `blur(${rem(theme, 20)})`,\n        WebkitBackdropFilter: `blur(${rem(theme, 20)})`,\n        border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n      }\n    : {};\n"],"mappings":";;;;;;;;;;;AACA,SAAS,aAAa;AAyBtB,IAAM,uBAAgE;AAAA,EACpE,SAAS,CAAC;AAAA,EACV,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa,CAAC;AAAA,EACd,aAAa;AAAA,EACb,UAAU;AACZ;AAMO,IAAM,iBAAiB,CAAC,UAAoD;AAAA,EACjF,GAAG;AAAA,EACH,GAAI,OAAO;AAAA,IACT,OAAO,QAAQ,IAAI,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AAAA,EAChE;AACF;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAIK,IAAM,yBAAyB,CAAC,WACpC,EAAE,GAAG,sBAAsB,GAAG,aAAa,KAAK,EAAE;AAE9C,IAAM,cAAc,CAAC,SAAqC,UAC/D,YAAY,UACR;AAAA,EACE,YAAY,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,EACrD,gBAAgB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,EACtC,sBAAsB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,EAC5C,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AACxD,IACA,CAAC;","names":[]}

package/dist/{chunk-O36MIQIO.js → chunk-DB7OJM6X.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-M3DSPEZ3.js";
+} from "./chunk-7S3NG2AO.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -68,4 +68,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-O36MIQIO.js.map
+//# sourceMappingURL=chunk-DB7OJM6X.js.map