@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-HC5ZSCRG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport ToggleButton from '@mui/material/ToggleButton/index.js';\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup/index.js';\nimport { alpha, useTheme, styled } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React, { forwardRef } from 'react';\n\nimport type { ToggleGroupProps } from './ToggleGroup.types';\nimport { cssLengthToPx } from '../../../tokens/css-units';\nimport { asFieldSize, fieldHeight } from '../../../tokens/field-height';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { controlNeutral } from '../../../tokens/ink';\nimport { rem } from '../../../tokens/relative';\n\nconst GLASS_PADDING = 4;\nconst GLASS_BORDER = 1;\n\nconst getColorFromTheme = (theme: Theme, color: string) => {\n  if (color === 'neutral') {\n    const neutral = controlNeutral(theme);\n    return { ...neutral, contrastText: theme.palette.getContrastText(neutral.main) };\n  }\n\n  const colorMap = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  const palette = colorMap[color as keyof typeof colorMap] || theme.palette.primary;\n\n  // Ensure palette has required properties\n  return {\n    main: palette.main,\n    dark: palette.dark || palette.main,\n    light: palette.light || palette.main,\n    contrastText: palette.contrastText || theme.palette.getContrastText(palette.main),\n  };\n};\n\nconst StyledToggleGroup = styled(ToggleButtonGroup, {\n  shouldForwardProp: (prop) => !['customColor', 'customSize', 'glass'].includes(prop as string),\n})<{\n  customColor?: string;\n  customSize?: string;\n  glass?: boolean;\n}>(({ theme, glass }) => {\n  // Each button is the field, so it takes the field radius. The glass frame\n  // around them is inset by its padding, the buttons' margin and its border,\n  // and rounds by that much more so the two corners stay concentric.\n  const radius = fieldRadius(theme);\n  const inset = GLASS_PADDING + cssLengthToPx(theme.spacing(0.5), 4) + GLASS_BORDER;\n  return {\n    backgroundColor: glass ? alpha(theme.palette.background.paper, 0.1) : 'transparent',\n    backdropFilter: glass ? 'blur(20px)' : 'none',\n    borderRadius: glass ? radius + inset : radius,\n    padding: glass ? GLASS_PADDING : 0,\n    border: glass ? `${GLASS_BORDER}px solid ${alpha(theme.palette.divider, 0.2)}` : 'none',\n\n    '& .MuiToggleButtonGroup-grouped': {\n      margin: theme.spacing(0.5),\n      border: 0,\n      borderRadius: `${radius}px !important`,\n    },\n  };\n});\n\nexport const ToggleGroup = forwardRef<HTMLDivElement, ToggleGroupProps>(\n  (\n    {\n      variant = 'single',\n      color = 'primary',\n      size = 'md',\n      options,\n      glass = false,\n      gradient = false,\n      value,\n      onChange,\n      dataTestId = 'toggle-group',\n      ...props\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const colorPalette = getColorFromTheme(theme, color);\n\n    const sizeMap = {\n      xs: { padding: '4px 8px', fontSize: rem(theme, 12) },\n      sm: { padding: '6px 12px', fontSize: rem(theme, 14) },\n      md: { padding: '8px 16px', fontSize: rem(theme, 16) },\n      lg: { padding: '10px 20px', fontSize: rem(theme, 18) },\n      xl: { padding: '12px 24px', fontSize: rem(theme, 20) },\n    };\n\n    return (\n      <StyledToggleGroup\n        ref={ref}\n        customColor={color}\n        customSize={size}\n        glass={glass}\n        value={value}\n        onChange={onChange}\n        exclusive={variant === 'exclusive' || variant === 'single'}\n        data-testid={dataTestId}\n        {...props}\n      >\n        {options.map((option) => (\n          <ToggleButton\n            key={option.value}\n            value={option.value}\n            disabled={option.disabled}\n            data-testid={`${dataTestId}-item-${option.value}`}\n            sx={{\n              textTransform: 'none',\n              fontWeight: 500,\n              transition: 'all 0.3s ease',\n              ...sizeMap[size as keyof typeof sizeMap],\n              // The theme's field height for the size; the label centres in it.\n              minHeight: (theme) => fieldHeight(theme, asFieldSize(size)),\n              paddingTop: 0,\n              paddingBottom: 0,\n\n              '&.Mui-selected': {\n                backgroundColor: colorPalette.main,\n                color: colorPalette.contrastText,\n\n                ...(gradient && {\n                  background: `linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.dark})`,\n                }),\n              },\n            }}\n          >\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n              {option.icon}\n              {option.label}\n            </Box>\n          </ToggleButton>\n        ))}\n      </StyledToggleGroup>\n    );\n  },\n);\n\nToggleGroup.displayName = 'ToggleGroup';\n"],"mappings":"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","names":["theme"]}

package/dist/chunk-HJWOB62A.js

@@ -1,276 +0,0 @@
-import {
-  DataViewsBoard
-} from "./chunk-YDPUBGJ7.js";
-import {
-  SelectAllStrip
-} from "./chunk-JFBEZXNL.js";
-import {
-  toGridExpansion
-} from "./chunk-O5UGAL2V.js";
-import {
-  cardGridTracks
-} from "./chunk-LOJK733T.js";
-import {
-  ListCardGroup
-} from "./chunk-JFEEV3XI.js";
-import {
-  DENSITY_BOARD_SCALE,
-  DENSITY_ROW_PADDING,
-  cardScaleForZoom,
-  cardTargetWidthFor,
-  useDataViewsLayout
-} from "./chunk-4LQZH4PU.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  DataGrid
-} from "./chunk-UCTJJYVC.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/DataViews/data-views-grid-bodies.tsx
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function GridBody({
-  rows,
-  columns,
-  getRowId,
-  selectedIds,
-  onChangeSelected,
-  sortBy,
-  onChangeSortBy,
-  sortMode,
-  rowPadding,
-  rowDetail,
-  dataTestId,
-  emptyState
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: {
-        width: "100%",
-        overflowX: "auto",
-        mt: 1.5,
-        // Tabwoah-style dense rows: MUI's default TableCell padding keeps rows
-        // tall regardless of rowHeight, so the DENSITY preference is applied
-        // here rather than through `rowHeight`, which it would fight.
-        "& .MuiTableCell-root": { py: rowPadding, fontSize: sxRem(13) },
-        "& .MuiTableCell-head": { py: 0.5, fontSize: sxRem(12) }
-      },
-      children: /* @__PURE__ */ jsx(
-        DataGrid,
-        {
-          rows,
-          columns,
-          getRowId: (row) => getRowId(row),
-          virtualizeRows: false,
-          density: "compact",
-          rowHeight: 36,
-          headerHeight: 36,
-          selection: { mode: "multi", selectedRowIds: selectedIds, onChangeSelected },
-          sorting: { mode: sortMode, sortBy, onChangeSortBy },
-          expansion: toGridExpansion(rowDetail, copy),
-          "data-testid": dataTestId,
-          emptyState,
-          emptyText: copy.grid.emptyFilteredTitle
-        }
-      )
-    }
-  );
-}
-function CardBody({
-  rows,
-  renderCard,
-  getRowId,
-  selectedIds,
-  onToggleId,
-  targetCardWidth,
-  cardScale,
-  dataTestId,
-  emptyState
-}) {
-  if (rows.length === 0) {
-    return /* @__PURE__ */ jsx(default2, { sx: { mt: 1.5 }, children: emptyState });
-  }
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: {
-        mt: 1.5,
-        display: "grid",
-        // Fixed inter-card gap — deliberately NOT scaled by the zoom slider, so
-        // only the cards grow while the space between them stays constant.
-        gap: 1.5,
-        ...cardGridTracks(targetCardWidth)
-      },
-      "data-testid": dataTestId ? `${dataTestId}-cards` : "data-views-cards",
-      children: rows.map((row) => {
-        const id = getRowId(row);
-        return /* @__PURE__ */ jsx(default2, { children: renderCard(row, {
-          selected: selectedIds.has(id),
-          onToggleSelect: () => onToggleId(id),
-          scale: cardScale
-        }) }, id);
-      })
-    }
-  );
-}
-function ListBody({
-  rows,
-  renderListRow,
-  getRowId,
-  selectedIds,
-  onToggleId,
-  rowGap,
-  group,
-  density,
-  dataTestId,
-  emptyState
-}) {
-  if (rows.length === 0) {
-    return /* @__PURE__ */ jsx(default2, { sx: { mt: 1.5 }, children: emptyState });
-  }
-  const testId = dataTestId ? `${dataTestId}-list` : "data-views-list";
-  const selectionFor = (id) => ({
-    selected: selectedIds.has(id),
-    onToggleSelect: () => onToggleId(id),
-    scale: 1
-  });
-  if (group) {
-    return /* @__PURE__ */ jsx(default2, { sx: { mt: 1.5 }, children: /* @__PURE__ */ jsx(
-      ListCardGroup,
-      {
-        cells: group.cells,
-        metaColumns: group.metaColumns,
-        rails: group.rails,
-        reserveGutters: group.reserveGutters,
-        density,
-        gap: rowGap,
-        dataTestId: testId,
-        children: rows.map((row) => {
-          const id = getRowId(row);
-          return /* @__PURE__ */ jsx(React.Fragment, { children: renderListRow(row, selectionFor(id)) }, id);
-        })
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: { mt: 1.5, display: "flex", flexDirection: "column", gap: rowGap },
-      "data-testid": testId,
-      children: rows.map((row) => {
-        const id = getRowId(row);
-        return /* @__PURE__ */ jsx(default2, { children: renderListRow(row, selectionFor(id)) }, id);
-      })
-    }
-  );
-}
-function Headerless({
-  c,
-  getRowId,
-  testIdPrefix,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      SelectAllStrip,
-      {
-        rows: c.matched,
-        getRowId,
-        selectedIds: c.selectedIds,
-        onChange: (next) => c.setSelectedIds(next),
-        testIdPrefix
-      }
-    ),
-    children
-  ] });
-}
-function headerlessBody({ c, getRowId, renderCard, renderListRow, listGroup, board, dataTestId, emptyState }, { layout, zoom, density }) {
-  if (layout === "list" && renderListRow) {
-    return /* @__PURE__ */ jsx(
-      ListBody,
-      {
-        rows: c.matched,
-        renderListRow,
-        getRowId,
-        selectedIds: c.selectedIds,
-        onToggleId: c.toggleId,
-        rowGap: DENSITY_ROW_PADDING[density],
-        group: listGroup,
-        density,
-        dataTestId,
-        emptyState
-      }
-    );
-  }
-  if (layout === "board" && board && renderCard) {
-    return /* @__PURE__ */ jsx(
-      DataViewsBoard,
-      {
-        rows: c.matched,
-        board,
-        getRowId,
-        renderCard,
-        selectedIds: c.selectedIds,
-        onToggleId: c.toggleId,
-        cardScale: DENSITY_BOARD_SCALE[density],
-        dataTestId
-      }
-    );
-  }
-  if (layout === "cards" && renderCard) {
-    return /* @__PURE__ */ jsx(
-      CardBody,
-      {
-        rows: c.matched,
-        renderCard,
-        getRowId,
-        selectedIds: c.selectedIds,
-        onToggleId: c.toggleId,
-        targetCardWidth: cardTargetWidthFor(zoom, density),
-        cardScale: cardScaleForZoom(zoom),
-        dataTestId,
-        emptyState
-      }
-    );
-  }
-  return null;
-}
-function GridMain(props) {
-  const { c, getRowId, dataTestId, emptyState, testIdPrefix } = props;
-  const layoutState = useDataViewsLayout();
-  const body = headerlessBody(props, layoutState);
-  if (body) {
-    return /* @__PURE__ */ jsx(Headerless, { c, getRowId, testIdPrefix, children: body });
-  }
-  return /* @__PURE__ */ jsx(
-    GridBody,
-    {
-      rows: c.matched,
-      columns: c.gridColumns,
-      getRowId,
-      selectedIds: [...c.selectedIds],
-      onChangeSelected: (ids) => c.setSelectedIds(new Set(ids)),
-      sortBy: c.state.sortBy,
-      onChangeSortBy: (next) => c.patch({ sortBy: next }),
-      sortMode: c.serverMode ? "server" : "client",
-      rowPadding: DENSITY_ROW_PADDING[layoutState.density],
-      rowDetail: props.rowDetail,
-      dataTestId,
-      emptyState
-    }
-  );
-}
-
-export {
-  GridMain
-};
-//# sourceMappingURL=chunk-HJWOB62A.js.map

package/dist/chunk-I2CRLUS7.js

@@ -1,160 +0,0 @@
-import {
-  PillControl
-} from "./chunk-SN2YMCTL.js";
-import {
-  PanelRangeField
-} from "./chunk-Y2E73IG2.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  TableFilter
-} from "./chunk-HXEBKOSM.js";
-import {
-  StackedModal
-} from "./chunk-IL7JZKXY.js";
-import {
-  StackedModalContent
-} from "./chunk-RWTFZ7J5.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/DataViews/data-views-filter-panel.tsx
-import Box from "@mui/material/Box/index.js";
-import Link from "@mui/material/Link/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function PillField({
-  field,
-  selected,
-  testIdPrefix,
-  onTogglePill,
-  onClearField
-}) {
-  const testId = `${testIdPrefix}-filter-${field.id}`;
-  if (field.searchEnabled || field.control === "multiselect" || field.control === "category") {
-    return /* @__PURE__ */ jsx(
-      PillControl,
-      {
-        fieldId: field.id,
-        pill: field,
-        selected,
-        onTogglePill,
-        onClearField,
-        testIdPrefix,
-        layout: "stacked"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    TableFilter.CheckboxField,
-    {
-      label: field.label,
-      options: field.options,
-      selected: new Set(selected),
-      onToggle: (value, checked) => onTogglePill(field.id, value, checked),
-      testId
-    }
-  );
-}
-function FilterControls({
-  testIdPrefix,
-  search,
-  fields,
-  rangeFields,
-  pills,
-  ranges,
-  onSearchChange,
-  onTogglePill,
-  onChangeRange,
-  onClearField
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      TableFilter.Keyword,
-      {
-        value: search,
-        onChange: onSearchChange,
-        label: copy.search.allColumnsLabel,
-        placeholder: copy.search.keywordPlaceholder,
-        testId: `${testIdPrefix}-search-all`
-      }
-    ),
-    (fields.length > 0 || rangeFields.length > 0) && /* @__PURE__ */ jsxs(TableFilter.Section, { title: copy.filters.panelTitle, children: [
-      fields.map((field) => /* @__PURE__ */ jsx(
-        PillField,
-        {
-          field,
-          selected: pills[field.id] ?? [],
-          testIdPrefix,
-          onTogglePill,
-          onClearField
-        },
-        field.id
-      )),
-      rangeFields.map((field) => /* @__PURE__ */ jsx(
-        PanelRangeField,
-        {
-          field,
-          value: ranges[field.id] ?? {},
-          onChange: (range) => onChangeRange(field.id, range),
-          testId: `${testIdPrefix}-range-${field.id}`
-        },
-        field.id
-      ))
-    ] })
-  ] });
-}
-function GridFilterPanel(props) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    TableFilter.Panel,
-    {
-      onClearAll: props.onClearAll,
-      clearTestId: `${props.testIdPrefix}-clear-filters`,
-      ariaLabel: copy.filters.panelTitle,
-      children: /* @__PURE__ */ jsx(FilterControls, { ...props })
-    }
-  );
-}
-function FilterDialog({
-  open,
-  onClose,
-  ...props
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    StackedModal,
-    {
-      open,
-      onClose,
-      navigationTitle: copy.filters.panelTitle,
-      backLabel: copy.nav.goBack,
-      modalId: `${props.testIdPrefix}-filters`,
-      maxWidth: "xs",
-      dataTestId: `${props.testIdPrefix}-filter-dialog`,
-      children: /* @__PURE__ */ jsx(StackedModalContent, { children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2.5 }, children: [
-        /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx(
-          Link,
-          {
-            component: "button",
-            type: "button",
-            underline: "hover",
-            onClick: props.onClearAll,
-            "data-testid": `${props.testIdPrefix}-clear-filters`,
-            sx: { fontSize: sxRem(12), color: "text.secondary" },
-            children: copy.filters.clearAllFilters
-          }
-        ) }),
-        /* @__PURE__ */ jsx(FilterControls, { ...props })
-      ] }) })
-    }
-  );
-}
-
-export {
-  GridFilterPanel,
-  FilterDialog
-};
-//# sourceMappingURL=chunk-I2CRLUS7.js.map

package/dist/chunk-I62ALI7F.js

@@ -1,208 +0,0 @@
-import {
-  EN_US_SOCIAL_LOGIN_COPY
-} from "./chunk-INGPH3YQ.js";
-import {
-  Heading
-} from "./chunk-IJFAF3A7.js";
-import {
-  Separator
-} from "./chunk-Q4CAZ2TP.js";
-import {
-  Card,
-  CardContent
-} from "./chunk-N6CSXHFJ.js";
-import {
-  Button
-} from "./chunk-KH25WUSX.js";
-import {
-  Text
-} from "./chunk-WTOYEWW6.js";
-import {
-  uiInk
-} from "./chunk-FQ6UW7IY.js";
-
-// src/social-login-button/social-login-button.tsx
-import * as React from "react";
-import Box from "@mui/material/Box/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var GoogleIcon = () => {
-  const logo = uiInk(useTheme()).socialBrand.googleLogo;
-  return /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        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",
-        fill: logo.blue
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        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",
-        fill: logo.green
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        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",
-        fill: logo.yellow
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        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",
-        fill: logo.red
-      }
-    )
-  ] });
-};
-var FacebookIcon = () => {
-  const { logo } = uiInk(useTheme()).socialBrand.facebook;
-  return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      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",
-      fill: logo
-    }
-  ) });
-};
-var AppleIcon = () => /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("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" }) });
-var GOOGLE_LOGO_WHEN_DISABLED_SX = {
-  "&.Mui-disabled .MuiButton-startIcon": {
-    filter: "brightness(0)",
-    opacity: (theme) => theme.palette.action.disabledOpacity
-  }
-};
-var FACEBOOK_LOGO_IN_BUTTON_COLOUR_SX = {
-  "& .MuiButton-startIcon path": { fill: "currentColor" }
-};
-var brand = (pick) => (theme) => pick(uiInk(theme).socialBrand);
-var providerConfig = {
-  google: {
-    Icon: GoogleIcon,
-    variant: "outline",
-    color: "neutral",
-    sx: {
-      backgroundColor: brand((c) => c.google.background),
-      color: brand((c) => c.google.text),
-      borderColor: brand((c) => c.google.border),
-      "&:hover": {
-        backgroundColor: brand((c) => c.google.hover),
-        borderColor: brand((c) => c.google.hoverBorder)
-      },
-      ...GOOGLE_LOGO_WHEN_DISABLED_SX
-    }
-  },
-  facebook: {
-    Icon: FacebookIcon,
-    variant: "solid",
-    color: "primary",
-    sx: {
-      backgroundColor: brand((c) => c.facebook.background),
-      color: brand((c) => c.facebook.text),
-      "&:hover": {
-        backgroundColor: brand((c) => c.facebook.hover)
-      },
-      ...FACEBOOK_LOGO_IN_BUTTON_COLOUR_SX
-    }
-  },
-  apple: {
-    Icon: AppleIcon,
-    variant: "solid",
-    color: "neutral",
-    sx: {
-      backgroundColor: brand((c) => c.apple.background),
-      color: brand((c) => c.apple.text),
-      "&:hover": {
-        backgroundColor: brand((c) => c.apple.hover)
-      }
-    }
-  }
-};
-var ICON_ONLY_SX = {
-  justifyContent: "center",
-  gap: 0,
-  "& .MuiButton-startIcon": { margin: 0 }
-};
-var SocialLoginButton = React.forwardRef(
-  ({
-    provider,
-    onClick,
-    loading = false,
-    disabled = false,
-    fullWidth = true,
-    copy = EN_US_SOCIAL_LOGIN_COPY,
-    dataTestId,
-    iconOnly = false
-  }, ref) => {
-    const config = providerConfig[provider];
-    const label = copy[provider];
-    return /* @__PURE__ */ jsx(
-      Button,
-      {
-        ref,
-        variant: config.variant,
-        color: config.color,
-        size: "lg",
-        loading,
-        disabled,
-        onClick,
-        icon: /* @__PURE__ */ jsx(config.Icon, {}),
-        dataTestId,
-        fullWidth,
-        ...iconOnly ? { "aria-label": label, title: label } : {},
-        sx: {
-          minHeight: 48,
-          justifyContent: "flex-start",
-          gap: 2,
-          ...iconOnly ? ICON_ONLY_SX : {},
-          ...config.sx
-        },
-        children: iconOnly ? void 0 : label
-      }
-    );
-  }
-);
-SocialLoginButton.displayName = "SocialLoginButton";
-function SocialLoginContainer({
-  children,
-  title = "Sign in to continue",
-  subtitle,
-  showDivider = false,
-  dividerText = "or",
-  maxWidth = 400
-}) {
-  return (
-    // `width: 100%` is what makes the cap below mean anything. Every caller
-    // centres this card in a flex column (`Container variant="centered"` does),
-    // and a flex item under `align-items: center` sizes to its CONTENT — so the
-    // card sat at whatever the longest label happened to need, ~267px, at every
-    // viewport from 390 to 1280. The 400 was never reached, which is why raising
-    // it would have changed nothing; the card had no width to cap.
-    /* @__PURE__ */ jsx(Card, { variant: "elevated", borderRadius: "lg", sx: { width: "100%", maxWidth }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 3, sx: { width: "100%" }, children: [
-      title && /* @__PURE__ */ jsxs(Box, { sx: { textAlign: "center" }, children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h2", children: title }),
-        subtitle && /* @__PURE__ */ jsx(Text, { color: "secondary", size: "sm", children: subtitle })
-      ] }),
-      /* @__PURE__ */ jsx(Stack, { spacing: 2, children }),
-      showDivider && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
-        /* @__PURE__ */ jsx(Separator, {}),
-        /* @__PURE__ */ jsx(Text, { color: "secondary", size: "sm", children: dividerText }),
-        /* @__PURE__ */ jsx(Separator, {})
-      ] })
-    ] }) }) })
-  );
-}
-
-export {
-  GoogleIcon,
-  FacebookIcon,
-  AppleIcon,
-  SocialLoginButton,
-  SocialLoginContainer
-};
-//# sourceMappingURL=chunk-I62ALI7F.js.map