@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-ACDYA5WC.js

@@ -1,79 +0,0 @@
-import {
-  fieldEdge
-} from "./chunk-MLOWPVVW.js";
-
-// src/components/form/InputOTP/InputOTP.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var neutralPalette = (theme) => ({
-  main: theme.palette.grey[700],
-  dark: theme.palette.grey[800],
-  light: theme.palette.grey[500],
-  contrastText: "#fff"
-});
-var namedPalette = (theme, color) => {
-  const colorMap = {
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    info: theme.palette.info,
-    danger: theme.palette.error
-  };
-  return colorMap[color] || theme.palette.primary;
-};
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return neutralPalette(theme);
-  }
-  const palette = namedPalette(theme, color);
-  const { primary } = theme.palette;
-  return {
-    main: palette.main || primary.main,
-    dark: palette.dark || palette.main || primary.dark,
-    light: palette.light || palette.main || primary.light,
-    contrastText: palette.contrastText || "#fff"
-  };
-};
-var SIZES = {
-  xs: { side: "32px", fontSize: "0.75rem" },
-  sm: { side: "40px", fontSize: "0.875rem" },
-  md: { side: "48px", fontSize: "1rem" },
-  lg: { side: "56px", fontSize: "1.125rem" },
-  xl: { side: "64px", fontSize: "1.25rem" }
-};
-var otpSlotSx = (theme, flags) => {
-  const { customColor = "primary", customSize = "md", glass, gradient } = flags;
-  const palette = getColorFromTheme(theme, customColor);
-  const { side, fontSize } = SIZES[customSize] ?? SIZES.md;
-  return {
-    width: side,
-    height: side,
-    "& .MuiOutlinedInput-root": {
-      width: side,
-      height: side,
-      fontSize,
-      fontWeight: 600,
-      textAlign: "center",
-      borderRadius: theme.spacing(1),
-      ...glass && {
-        backgroundColor: alpha(theme.palette.background.paper, 0.1),
-        backdropFilter: "blur(20px)",
-        "& fieldset": { border: `1px solid ${fieldEdge(theme)}` }
-      },
-      ...gradient && {
-        "&.Mui-focused fieldset": {
-          background: `linear-gradient(135deg, ${palette.main}, ${palette.light})`,
-          borderWidth: "2px"
-        }
-      },
-      "& input": { textAlign: "center", padding: 0, fontWeight: "inherit" },
-      "&:hover fieldset": { borderColor: palette.main },
-      "&.Mui-focused fieldset": { borderColor: palette.main, borderWidth: "2px" }
-    }
-  };
-};
-
-export {
-  otpSlotSx
-};
-//# sourceMappingURL=chunk-ACDYA5WC.js.map

package/dist/chunk-AP4FLCLA.js

@@ -1,267 +0,0 @@
-import {
-  DataViewsBoard
-} from "./chunk-THBT56JE.js";
-import {
-  SelectAllStrip
-} from "./chunk-6DXYCXH4.js";
-import {
-  cardGridTracks
-} from "./chunk-YLDS5FOQ.js";
-import {
-  ListCardGroup
-} from "./chunk-LYSSO6WC.js";
-import {
-  DENSITY_BOARD_SCALE,
-  DENSITY_ROW_PADDING,
-  cardScaleForZoom,
-  cardTargetWidthFor,
-  useDataViewsLayout
-} from "./chunk-ZPIMPOHV.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  DataGrid
-} from "./chunk-X5MPHXG5.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.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,
-  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: "0.8125rem" },
-        "& .MuiTableCell-head": { py: 0.5, fontSize: "0.75rem" }
-      },
-      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 },
-          "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],
-      dataTestId,
-      emptyState
-    }
-  );
-}
-
-export {
-  GridMain
-};
-//# sourceMappingURL=chunk-AP4FLCLA.js.map

package/dist/chunk-B443IIQG.js

@@ -1,167 +0,0 @@
-import {
-  SettingsSectionChips
-} from "./chunk-SVSOUC5S.js";
-import {
-  SettingsSectionHeader
-} from "./chunk-4M6CEQVK.js";
-import {
-  TOUCH_TARGET,
-  atLeastRail,
-  displayAcrossRail
-} from "./chunk-LIG7TKIB.js";
-
-// src/components/layout/SettingsLayout/SettingsPanel.tsx
-import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
-import Box from "@mui/material/Box/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function BackLink({
-  href,
-  label,
-  breakpoint,
-  linkComponent,
-  testIdPrefix
-}) {
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: linkComponent,
-      href,
-      "aria-label": label,
-      "data-testid": `${testIdPrefix}-back`,
-      sx: (theme) => ({
-        ...displayAcrossRail(theme, breakpoint, "inline-flex", "none"),
-        alignItems: "center",
-        gap: 0.5,
-        minHeight: TOUCH_TARGET,
-        pr: 1,
-        textDecoration: "none",
-        color: "text.secondary",
-        font: "inherit",
-        fontSize: "0.875rem"
-      }),
-      children: [
-        /* @__PURE__ */ jsx(ChevronLeftIcon, { fontSize: "small" }),
-        label
-      ]
-    }
-  );
-}
-function PanelBack({
-  href,
-  backLabel,
-  sectionTitle,
-  sectionDescription,
-  breakpoint,
-  linkComponent,
-  testIdPrefix
-}) {
-  if (sectionTitle === void 0) {
-    return /* @__PURE__ */ jsx(
-      BackLink,
-      {
-        href,
-        label: backLabel,
-        breakpoint,
-        linkComponent,
-        testIdPrefix
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    SettingsSectionHeader,
-    {
-      href,
-      backLabel,
-      title: sectionTitle,
-      description: sectionDescription,
-      breakpoint,
-      linkComponent,
-      testIdPrefix
-    }
-  );
-}
-function panelSx(breakpoint, hideOnNarrow, fillHeight) {
-  return (theme) => ({
-    display: hideOnNarrow ? "none" : "block",
-    flex: "1 1 auto",
-    minWidth: 0,
-    width: "100%",
-    [atLeastRail(theme, breakpoint)]: {
-      ...hideOnNarrow ? { display: "block" } : {},
-      ...fillHeight ? {
-        height: "100%",
-        minHeight: 0,
-        overflowY: "auto",
-        overscrollBehavior: "contain"
-      } : {}
-    }
-  });
-}
-function SettingsPanel({
-  inSection,
-  hideOnNarrow,
-  breakpoint,
-  indexHref,
-  backLabel,
-  sectionTitle,
-  sectionDescription,
-  ariaLabel,
-  sectionChips,
-  activeItemId,
-  linkComponent,
-  onSelectItem,
-  testIdPrefix,
-  fillHeight = false,
-  children
-}) {
-  const showBack = inSection && indexHref !== void 0 && linkComponent !== void 0;
-  const showChips = inSection && sectionChips !== void 0 && sectionChips.length > 0;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      "data-testid": `${testIdPrefix}-panel`,
-      sx: panelSx(breakpoint, hideOnNarrow, fillHeight),
-      children: [
-        showBack ? /* @__PURE__ */ jsx(
-          PanelBack,
-          {
-            href: indexHref,
-            backLabel,
-            sectionTitle,
-            sectionDescription,
-            breakpoint,
-            linkComponent,
-            testIdPrefix
-          }
-        ) : null,
-        showChips ? /* @__PURE__ */ jsx(
-          Box,
-          {
-            sx: (theme) => ({
-              ...displayAcrossRail(theme, breakpoint, "block", "none"),
-              mb: 1,
-              minWidth: 0
-            }),
-            children: /* @__PURE__ */ jsx(
-              SettingsSectionChips,
-              {
-                items: sectionChips,
-                activeItemId,
-                ariaLabel,
-                linkComponent,
-                onSelectItem,
-                testIdPrefix
-              }
-            )
-          }
-        ) : null,
-        children
-      ]
-    }
-  );
-}
-
-export {
-  SettingsPanel
-};
-//# sourceMappingURL=chunk-B443IIQG.js.map

package/dist/chunk-BJ3J6FTN.js

@@ -1,163 +0,0 @@
-import {
-  makeTestId,
-  resolveCheckboxProps
-} from "./chunk-JD364H3Y.js";
-
-// src/components/form/Checkbox/Checkbox.tsx
-import MuiCheckbox from "@mui/material/Checkbox/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import FormControlLabel from "@mui/material/FormControlLabel/index.js";
-import FormHelperText from "@mui/material/FormHelperText/index.js";
-import { alpha, keyframes, styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var pulse = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.7);
-  }
-  70% {
-    box-shadow: 0 0 0 10px rgba(25, 118, 210, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0);
-  }
-`;
-var glow = keyframes`
-  0%, 100% {
-    box-shadow: 0 0 5px rgba(25, 118, 210, 0.5);
-  }
-  50% {
-    box-shadow: 0 0 20px rgba(25, 118, 210, 0.8);
-  }
-`;
-var StyledCheckbox = styled(MuiCheckbox, {
-  shouldForwardProp: (prop) => !["customVariant", "ripple", "glow", "pulse"].includes(prop)
-})(
-  ({ theme, customVariant, ripple, glow: glowProp, pulse: pulseProp }) => ({
-    ...customVariant === "rounded" && {
-      "& .MuiSvgIcon-root": {
-        borderRadius: "50%"
-      }
-    },
-    ...customVariant === "toggle" && {
-      "& .MuiSvgIcon-root": {
-        borderRadius: "12px",
-        transform: "scale(1.2)"
-      }
-    },
-    "&.MuiCheckbox-root": {
-      transition: "all 0.3s ease",
-      ...ripple === false && {
-        "& .MuiTouchRipple-root": {
-          display: "none"
-        }
-      },
-      ...glowProp && {
-        animation: `${glow} 2s ease-in-out infinite`
-      },
-      ...pulseProp && {
-        animation: `${pulse} 2s infinite`
-      },
-      "&:hover": {
-        backgroundColor: alpha(theme.palette.primary.main, 0.1)
-      }
-    },
-    "&.Mui-checked": {
-      color: theme.palette.primary.main
-    },
-    "&.MuiCheckbox-indeterminate": {
-      color: theme.palette.primary.main
-    }
-  })
-);
-var StyledFormControlLabel = styled(FormControlLabel, {
-  shouldForwardProp: (prop) => prop !== "error"
-})(
-  ({ theme, error }) => ({
-    marginLeft: 0,
-    "& .MuiFormControlLabel-label": {
-      color: error ? theme.palette.error.main : theme.palette.text.primary,
-      fontSize: "0.875rem"
-    }
-  })
-);
-var StyledFormHelperText = styled(FormHelperText)(({ theme }) => ({
-  marginLeft: theme.spacing(4),
-  marginTop: theme.spacing(0.5)
-}));
-var Checkbox = React.forwardRef(
-  (rawProps, ref) => {
-    const {
-      variant,
-      label,
-      error,
-      helperText,
-      loading,
-      ripple,
-      glow: glow2,
-      pulse: pulse2,
-      disabled,
-      "data-testid": dataTestId,
-      ...props
-    } = resolveCheckboxProps(rawProps);
-    const isDisabled = disabled || loading;
-    const testId = makeTestId(dataTestId);
-    const checkbox = /* @__PURE__ */ jsxs("div", { style: { position: "relative", display: "inline-flex" }, children: [
-      /* @__PURE__ */ jsx(
-        StyledCheckbox,
-        {
-          ref,
-          customVariant: variant,
-          ripple,
-          glow: glow2,
-          pulse: pulse2,
-          disabled: isDisabled,
-          "data-testid": dataTestId || "checkbox",
-          ...props
-        }
-      ),
-      loading && /* @__PURE__ */ jsx(
-        CircularProgress,
-        {
-          size: 20,
-          sx: {
-            position: "absolute",
-            top: "50%",
-            left: "50%",
-            marginTop: "-10px",
-            marginLeft: "-10px",
-            color: "primary.main"
-          }
-        }
-      )
-    ] });
-    if (label) {
-      return /* @__PURE__ */ jsxs("div", { "data-testid": testId("container"), children: [
-        /* @__PURE__ */ jsx(
-          StyledFormControlLabel,
-          {
-            control: checkbox,
-            label,
-            error,
-            disabled: isDisabled
-          }
-        ),
-        helperText && /* @__PURE__ */ jsx(
-          StyledFormHelperText,
-          {
-            error,
-            "data-testid": testId("helper"),
-            children: helperText
-          }
-        )
-      ] });
-    }
-    return checkbox;
-  }
-);
-Checkbox.displayName = "Checkbox";
-
-export {
-  Checkbox
-};
-//# sourceMappingURL=chunk-BJ3J6FTN.js.map

package/dist/chunk-BJ3J6FTN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Checkbox/Checkbox.tsx"],"sourcesContent":["import MuiCheckbox from '@mui/material/Checkbox/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport FormControlLabel from '@mui/material/FormControlLabel/index.js';\nimport FormHelperText from '@mui/material/FormHelperText/index.js';\nimport { alpha, keyframes, styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { makeTestId, resolveCheckboxProps } from './Checkbox.helpers';\nimport type { CheckboxProps } from './Checkbox.types';\n\nconst pulse = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.7);\n  }\n  70% {\n    box-shadow: 0 0 0 10px rgba(25, 118, 210, 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0);\n  }\n`;\n\nconst glow = keyframes`\n  0%, 100% {\n    box-shadow: 0 0 5px rgba(25, 118, 210, 0.5);\n  }\n  50% {\n    box-shadow: 0 0 20px rgba(25, 118, 210, 0.8);\n  }\n`;\n\nconst StyledCheckbox = styled(MuiCheckbox, {\n  shouldForwardProp: (prop) => !['customVariant', 'ripple', 'glow', 'pulse'].includes(prop as string),\n})<{ \n  customVariant?: CheckboxProps['variant'];\n  ripple?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n}>(\n  ({ theme, customVariant, ripple, glow: glowProp, pulse: pulseProp }) => ({\n    ...(customVariant === 'rounded' && {\n      '& .MuiSvgIcon-root': {\n        borderRadius: '50%',\n      },\n    }),\n    \n    ...(customVariant === 'toggle' && {\n      '& .MuiSvgIcon-root': {\n        borderRadius: '12px',\n        transform: 'scale(1.2)',\n      },\n    }),\n    \n    '&.MuiCheckbox-root': {\n      transition: 'all 0.3s ease',\n      ...(ripple === false && {\n        '& .MuiTouchRipple-root': {\n          display: 'none',\n        },\n      }),\n      ...(glowProp && {\n        animation: `${glow} 2s ease-in-out infinite`,\n      }),\n      ...(pulseProp && {\n        animation: `${pulse} 2s infinite`,\n      }),\n      '&:hover': {\n        backgroundColor: alpha(theme.palette.primary.main, 0.1),\n      },\n    },\n    \n    '&.Mui-checked': {\n      color: theme.palette.primary.main,\n    },\n    \n    '&.MuiCheckbox-indeterminate': {\n      color: theme.palette.primary.main,\n    },\n  })\n);\n\nconst StyledFormControlLabel = styled(FormControlLabel, {\n  shouldForwardProp: (prop) => prop !== 'error',\n})<{ error?: boolean }>(\n  ({ theme, error }) => ({\n    marginLeft: 0,\n    '& .MuiFormControlLabel-label': {\n      color: error ? theme.palette.error.main : theme.palette.text.primary,\n      fontSize: '0.875rem',\n    },\n  })\n);\n\nconst StyledFormHelperText = styled(FormHelperText)(({ theme }) => ({\n  marginLeft: theme.spacing(4),\n  marginTop: theme.spacing(0.5),\n}));\n\nexport const Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  (rawProps, ref) => {\n    const {\n      variant,\n      label,\n      error,\n      helperText,\n      loading,\n      ripple,\n      glow,\n      pulse,\n      disabled,\n      'data-testid': dataTestId,\n      ...props\n    } = resolveCheckboxProps(rawProps);\n    const isDisabled = disabled || loading;\n    const testId = makeTestId(dataTestId);\n\n    const checkbox = (\n      <div style={{ position: 'relative', display: 'inline-flex' }}>\n        <StyledCheckbox\n          ref={ref}\n          customVariant={variant}\n          ripple={ripple}\n          glow={glow}\n          pulse={pulse}\n          disabled={isDisabled}\n          data-testid={dataTestId || 'checkbox'}\n          {...props}\n        />\n        {loading && (\n          <CircularProgress\n            size={20}\n            sx={{\n              position: 'absolute',\n              top: '50%',\n              left: '50%',\n              marginTop: '-10px',\n              marginLeft: '-10px',\n              color: 'primary.main',\n            }}\n          />\n        )}\n      </div>\n    );\n    \n    if (label) {\n      return (\n        <div data-testid={testId('container')}>\n          <StyledFormControlLabel\n            control={checkbox}\n            label={label}\n            error={error}\n            disabled={isDisabled}\n          />\n          {helperText && (\n            <StyledFormHelperText \n              error={error}\n              data-testid={testId('helper')}\n            >\n              {helperText}\n            </StyledFormHelperText>\n          )}\n        </div>\n      );\n    }\n    \n    return checkbox;\n  }\n);\n\nCheckbox.displayName = 'Checkbox';"],"mappings":"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","names":["glow","pulse"]}