@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-4IVOHL32.js

@@ -1,203 +0,0 @@
-import {
-  Skeleton
-} from "./chunk-7VN7LFBA.js";
-
-// src/components/data-display/StatCard/StatCard.tsx
-import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
-import ArrowUpwardIcon from "@mui/icons-material/ArrowUpward";
-import RemoveIcon from "@mui/icons-material/Remove";
-import Box from "@mui/material/Box/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DIRECTION_ICON = {
-  up: ArrowUpwardIcon,
-  down: ArrowDownwardIcon,
-  neutral: RemoveIcon
-};
-var DIRECTION_WORD = {
-  up: "Increase of",
-  down: "Decrease of",
-  neutral: "Change of"
-};
-var IMPLIED_TONE = {
-  up: "positive",
-  down: "negative",
-  neutral: "neutral"
-};
-function toneColor(tone, theme) {
-  if (tone === "positive") return theme.palette.success.main;
-  if (tone === "negative") return theme.palette.error.main;
-  return theme.palette.text.secondary;
-}
-function deltaAriaLabel(delta) {
-  if (delta.ariaLabel) return delta.ariaLabel;
-  const suffix = delta.label ? ` ${delta.label}` : "";
-  return `${DIRECTION_WORD[delta.direction]} ${delta.value}${suffix}`;
-}
-function DeltaRow({ delta, testId }) {
-  const theme = useTheme();
-  const tone = delta.tone ?? IMPLIED_TONE[delta.direction];
-  const Icon = DIRECTION_ICON[delta.direction];
-  const color = toneColor(tone, theme);
-  return /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      direction: "row",
-      spacing: 0.5,
-      sx: { alignItems: "center", flexWrap: "wrap" },
-      "data-testid": testId,
-      "data-direction": delta.direction,
-      "data-tone": tone,
-      children: [
-        /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", sx: { fontSize: "1rem", color } }),
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "body2",
-            component: "span",
-            "aria-label": deltaAriaLabel(delta),
-            sx: { color, fontWeight: theme.typography.fontWeightMedium },
-            children: delta.value
-          }
-        ),
-        delta.label && /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "span", sx: { color: theme.palette.text.secondary }, children: delta.label })
-      ]
-    }
-  );
-}
-function LabelRow({
-  label,
-  icon,
-  labelId,
-  testId
-}) {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, children: [
-    icon && /* @__PURE__ */ jsx(
-      Box,
-      {
-        "aria-hidden": "true",
-        "data-testid": `${testId}-icon`,
-        sx: { display: "flex", color: theme.palette.text.secondary },
-        children: icon
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Typography,
-      {
-        id: labelId,
-        variant: "caption",
-        component: "p",
-        "data-testid": `${testId}-label`,
-        sx: { color: theme.palette.text.secondary },
-        children: label
-      }
-    )
-  ] });
-}
-function ValueRow({
-  value,
-  loading,
-  testId
-}) {
-  const theme = useTheme();
-  if (loading) {
-    return /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        variant: "rectangular",
-        height: 28,
-        width: "60%",
-        borderRadius: 4,
-        "data-testid": `${testId}-value-skeleton`
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Typography,
-    {
-      variant: "h6",
-      component: "p",
-      "data-testid": `${testId}-value`,
-      sx: {
-        fontWeight: theme.typography.fontWeightMedium,
-        color: theme.palette.text.primary,
-        overflowWrap: "anywhere"
-      },
-      children: value
-    }
-  );
-}
-function DeltaSlot({
-  delta,
-  loading,
-  testId
-}) {
-  if (!delta) return null;
-  if (loading) {
-    return /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        variant: "rectangular",
-        height: 16,
-        width: "40%",
-        borderRadius: 4,
-        "data-testid": `${testId}-delta-skeleton`
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(DeltaRow, { delta, testId: `${testId}-delta` });
-}
-var StatCard = React.memo(
-  ({ label, value, delta, icon, hint, loading = false, className, dataTestId }) => {
-    const theme = useTheme();
-    const labelId = React.useId();
-    const testId = dataTestId || "stat-card";
-    return /* @__PURE__ */ jsxs(
-      Box,
-      {
-        role: "group",
-        "aria-labelledby": labelId,
-        "aria-busy": loading || void 0,
-        className,
-        "data-testid": testId,
-        sx: {
-          display: "flex",
-          flexDirection: "column",
-          gap: theme.spacing(0.5),
-          padding: theme.spacing(2),
-          borderRadius: theme.shape.borderRadius / 4,
-          border: `1px solid ${theme.palette.divider}`,
-          backgroundColor: theme.palette.background.paper,
-          minWidth: 0
-        },
-        children: [
-          /* @__PURE__ */ jsx(LabelRow, { label, icon, labelId, testId }),
-          /* @__PURE__ */ jsx(ValueRow, { value, loading, testId }),
-          /* @__PURE__ */ jsx(DeltaSlot, { delta, loading, testId }),
-          hint && /* @__PURE__ */ jsx(
-            Typography,
-            {
-              variant: "caption",
-              component: "p",
-              "data-testid": `${testId}-hint`,
-              sx: { color: theme.palette.text.secondary },
-              children: hint
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-StatCard.displayName = "StatCard";
-var StatCard_default = StatCard;
-
-export {
-  StatCard,
-  StatCard_default
-};
-//# sourceMappingURL=chunk-4IVOHL32.js.map

package/dist/chunk-4LMY5I5E.js

@@ -1,85 +0,0 @@
-import {
-  MenubarSeparator
-} from "./chunk-YMGHTZA6.js";
-import {
-  MenubarItemView
-} from "./chunk-RJXRZW66.js";
-
-// src/components/form/Menubar/Menubar.toolbar.tsx
-import Box from "@mui/material/Box/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import Toolbar from "@mui/material/Toolbar/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var MenubarToolbar = ({
-  ariaLabel,
-  barSx,
-  items,
-  size,
-  orientation,
-  disabled,
-  loading,
-  logo,
-  endContent,
-  fullWidth,
-  activeMenu,
-  menuRefs,
-  onOpen,
-  onActivate,
-  onClose,
-  onFocus,
-  onBlur
-}) => {
-  const isVertical = orientation === "vertical";
-  return /* @__PURE__ */ jsxs(
-    Toolbar,
-    {
-      role: "toolbar",
-      "aria-label": ariaLabel,
-      sx: {
-        ...barSx,
-        width: fullWidth ? "100%" : "auto",
-        flexDirection: isVertical ? "column" : "row",
-        alignItems: isVertical ? "flex-start" : "center",
-        gap: 1
-      },
-      children: [
-        logo && /* @__PURE__ */ jsx(Box, { sx: { mr: 2, display: "flex", alignItems: "center" }, children: logo }),
-        loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 20, color: "inherit" }) : /* @__PURE__ */ jsx(
-          Box,
-          {
-            sx: {
-              display: "flex",
-              flexDirection: isVertical ? "column" : "row",
-              gap: isVertical ? 0.5 : 1,
-              flex: 1
-            },
-            children: items.map(
-              (item) => item.divider ? /* @__PURE__ */ jsx(MenubarSeparator, { orientation }, item.id) : /* @__PURE__ */ jsx(
-                MenubarItemView,
-                {
-                  item,
-                  size,
-                  disabled,
-                  isOpen: activeMenu === item.id,
-                  anchorEl: menuRefs.current[item.id] ?? null,
-                  onOpen,
-                  onActivate,
-                  onClose,
-                  onFocus,
-                  onBlur
-                },
-                item.id
-              )
-            )
-          }
-        ),
-        endContent && /* @__PURE__ */ jsx(Box, { sx: { ml: "auto" }, children: endContent })
-      ]
-    }
-  );
-};
-
-export {
-  MenubarToolbar
-};
-//# sourceMappingURL=chunk-4LMY5I5E.js.map

package/dist/chunk-4MGFUPQT.js

@@ -1,73 +0,0 @@
-import {
-  useAddressPredictions
-} from "./chunk-HEBZ7Q7O.js";
-import {
-  useGoogleMapsAPI
-} from "./chunk-7VRCGWQL.js";
-import {
-  useCurrentLocation
-} from "./chunk-AYP6ICAY.js";
-import {
-  useAddressSelection
-} from "./chunk-VRPCZ3IE.js";
-
-// src/components/form/AddressAutocomplete/AddressAutocomplete.hooks.ts
-import { useCallback, useState } from "react";
-var useAddressAutocomplete = ({
-  defaultValue,
-  googleMapsApiKey,
-  restrictions,
-  onSelect
-}) => {
-  const [inputValue, setInputValue] = useState(defaultValue);
-  const [loading, setLoading] = useState(false);
-  const [apiError, setApiError] = useState(null);
-  const { isLoaded, error: mapsError, services, useMockData } = useGoogleMapsAPI(googleMapsApiKey);
-  const applyAddress = useCallback(
-    (address) => {
-      onSelect(address);
-      setInputValue(address.formatted);
-    },
-    [onSelect]
-  );
-  const { options, handleInputChange } = useAddressPredictions({
-    isLoaded,
-    services,
-    restrictions,
-    useMockData,
-    setInputValue,
-    setLoading,
-    setApiError
-  });
-  const handleSelect = useAddressSelection({
-    services,
-    useMockData,
-    setLoading,
-    setApiError,
-    onSelect,
-    applyAddress
-  });
-  const handleGetCurrentLocation = useCurrentLocation({
-    services,
-    useMockData,
-    setLoading,
-    setApiError,
-    applyAddress
-  });
-  return {
-    inputValue,
-    options,
-    loading,
-    apiError,
-    mapsError,
-    isLoaded,
-    handleInputChange,
-    handleSelect,
-    handleGetCurrentLocation
-  };
-};
-
-export {
-  useAddressAutocomplete
-};
-//# sourceMappingURL=chunk-4MGFUPQT.js.map

package/dist/chunk-4PIKOJZ4.js

@@ -1,295 +0,0 @@
-import {
-  DISABLED,
-  IOS_BASE_OFFSET,
-  IOS_THUMB_SHADOW,
-  IOS_TRAVEL_INSET,
-  NEUTRAL_CONTRAST,
-  NEUTRAL_FALLBACK,
-  NEUTRAL_GREY,
-  RESTING_THUMB,
-  SWITCH_FOCUS_RING,
-  SWITCH_GLASS,
-  SWITCH_GLOW,
-  SWITCH_GRADIENT,
-  SWITCH_HOVER,
-  SWITCH_PULSE,
-  SWITCH_RIPPLE,
-  SWITCH_SPINNER,
-  SWITCH_TRANSITION,
-  THUMB_ELEVATION,
-  THUMB_RADIUS,
-  TRACK_LABEL,
-  TRACK_RADIUS,
-  geometryOf,
-  iosTrackShadow,
-  lookOf,
-  seconds,
-  showsTrackLabels,
-  trackColor
-} from "./chunk-3W2IS5RH.js";
-import {
-  bounceAnimation,
-  glowAnimation,
-  pulseAnimation,
-  rippleAnimation,
-  shimmerAnimation,
-  spinAnimation
-} from "./chunk-35ETD7ML.js";
-import {
-  px
-} from "./chunk-PE4ZW3IA.js";
-import {
-  inkOver
-} from "./chunk-2BYKTBDL.js";
-
-// src/components/form/Switch/Switch.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var neutralPalette = (theme) => ({
-  main: theme.palette.grey?.[NEUTRAL_GREY.main] || NEUTRAL_FALLBACK.main,
-  dark: theme.palette.grey?.[NEUTRAL_GREY.dark] || NEUTRAL_FALLBACK.dark,
-  light: theme.palette.grey?.[NEUTRAL_GREY.light] || NEUTRAL_FALLBACK.light,
-  contrastText: NEUTRAL_CONTRAST
-});
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return neutralPalette(theme);
-  }
-  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
-  };
-  const palette = colorMap[color] ?? theme.palette.primary;
-  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 || NEUTRAL_CONTRAST
-  };
-};
-var thumbShadow = (theme, look) => look === "ios" ? IOS_THUMB_SHADOW : theme.shadows[THUMB_ELEVATION[look]] ?? "none";
-var rippleOverlay = (palette) => ({
-  content: '""',
-  position: "absolute",
-  top: "50%",
-  left: "50%",
-  width: "100%",
-  height: "100%",
-  borderRadius: "50%",
-  background: alpha(palette.main, SWITCH_RIPPLE.alpha),
-  animation: `${rippleAnimation} ${seconds(SWITCH_RIPPLE.ms)} ease-out`,
-  transform: "translate(-50%, -50%)",
-  pointerEvents: "none"
-});
-var checkedInk = (flags, palette) => {
-  const fills = flags.gradient ? [palette.light || palette.main, palette.main, palette.dark || palette.main] : [palette.main];
-  return inkOver(fills, palette.contrastText || NEUTRAL_CONTRAST);
-};
-var checkedTrack = (flags, palette) => ({
-  backgroundColor: palette.main,
-  opacity: 1,
-  border: 0,
-  position: "relative",
-  overflow: "hidden",
-  ...flags.glow && {
-    animation: `${glowAnimation} ${seconds(SWITCH_GLOW.ms)} ease-in-out infinite`,
-    boxShadow: `0 0 ${SWITCH_GLOW.blur}px ${alpha(palette.main, SWITCH_GLOW.alpha)}, inset 0 0 ${SWITCH_GLOW.insetBlur}px ${alpha(palette.main, SWITCH_GLOW.insetAlpha)}`
-  },
-  ...flags.gradient && {
-    background: `linear-gradient(${SWITCH_GRADIENT.checked.angleDeg}deg, ${palette.light || palette.main} ${SWITCH_GRADIENT.checked.stops[0]}%, ${palette.main} ${SWITCH_GRADIENT.checked.stops[1]}%, ${palette.dark || palette.main} ${SWITCH_GRADIENT.checked.stops[2]}%)`,
-    backgroundSize: "200% 100%",
-    animation: `${shimmerAnimation} ${seconds(SWITCH_GRADIENT.shimmerMs)} ease infinite`
-  }
-});
-var switchBaseSx = (theme, flags, palette, geometry, look) => {
-  const { width, thumbSize, padding } = geometry;
-  const isIos = look === "ios";
-  return {
-    padding,
-    margin: 0,
-    transitionDuration: `${SWITCH_TRANSITION.ms}ms`,
-    transitionTimingFunction: SWITCH_TRANSITION.easing,
-    ...isIos && { transform: `translateX(${IOS_BASE_OFFSET}px)` },
-    "&:hover": {
-      "& .MuiSwitch-thumb": {
-        transform: flags.loading ? "none" : `scale(${SWITCH_HOVER.thumbScale})`,
-        boxShadow: `${theme.shadows[SWITCH_HOVER.elevation]}, 0 0 ${SWITCH_HOVER.blur}px ${alpha(palette.main, SWITCH_HOVER.alpha)}`
-      },
-      ...flags.ripple && { "&::after": rippleOverlay(palette) }
-    },
-    "&.Mui-checked": {
-      // The thumb travels the track minus its own width and both paddings; the
-      // iOS look insets differently, so it gets its own distance.
-      transform: `translateX(${width - thumbSize - padding * 2}px)`,
-      color: checkedInk(flags, palette),
-      "& .MuiSwitch-thumb": {
-        animation: flags.loading ? "none" : `${bounceAnimation} ${seconds(SWITCH_TRANSITION.ms)} ease-out`,
-        /*
-                  GLASS KEEPS ITS WASH AND GAINS AN OUTLINE (FUT-2067).
-        
-                  It used to keep the wash and nothing else, on the argument that a
-                  translucent thumb MEANS to show the track through itself, so painting
-                  it opaque would be repainting the variant rather than fixing it. The
-                  first half of that is still true and this still does not touch the
-                  fill. The second half was doing more work than the number supports:
-                  `SWITCH_GLASS.thumbAlpha` is **0.9**, so nine parts in ten of the knob
-                  are `background.paper` and one part is the track. On a pale brand that
-                  composites to within about 1.1:1 of the bar it is sitting on — the
-                  same "reads as OFF while it is on" state FUT-1924 exists for, in the
-                  one variant whose own argument points AT the tenant-controlled
-                  surface.
-        
-                  So the separation moves to the EDGE, which is the thing a glass
-                  surface is allowed to have. The colour is {@link checkedInk} — the
-                  same derivation the opaque thumb gets, so there is one rule for "what
-                  reads on this track" rather than two — at full strength rather than
-                  the `divider` hairline at `borderAlpha` 0.2 the resting thumb wears,
-                  which on a pale track is not an outline at all.
-        
-                  Checked only. The resting track is `action.disabled` washed over the
-                  page, which no tenant chooses, so the quiet hairline stays right
-                  there — the same split {@link checkedInk}'s own docblock makes.
-                */
-        ...flags.glass ? { borderColor: checkedInk(flags, palette) } : { backgroundColor: checkedInk(flags, palette) }
-      },
-      "& + .MuiSwitch-track": checkedTrack(flags, palette),
-      "&.Mui-disabled + .MuiSwitch-track": { opacity: DISABLED.checkedTrackOpacity },
-      ...isIos && { transform: `translateX(${width - thumbSize - IOS_TRAVEL_INSET}px)` }
-    },
-    "&.Mui-focusVisible .MuiSwitch-thumb": {
-      color: palette.main,
-      border: `${SWITCH_FOCUS_RING.width}px solid ${alpha(palette.main, SWITCH_FOCUS_RING.alpha)}`
-    },
-    "&.Mui-disabled .MuiSwitch-thumb": { color: theme.palette.grey[DISABLED.thumbGrey] },
-    "&.Mui-disabled + .MuiSwitch-track": { opacity: DISABLED.trackOpacity }
-  };
-};
-var thumbSx = (theme, flags, palette, thumbSize, look) => ({
-  width: thumbSize,
-  height: thumbSize,
-  borderRadius: THUMB_RADIUS[look](thumbSize),
-  // `.Mui-checked` above replaces this for the brand-filled track; see
-  // {@link RESTING_THUMB} for why the resting one stays white.
-  backgroundColor: RESTING_THUMB,
-  boxShadow: thumbShadow(theme, look),
-  transition: `all ${seconds(SWITCH_TRANSITION.ms)} ${SWITCH_TRANSITION.easing}`,
-  position: "relative",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  ...flags.glass && {
-    backgroundColor: alpha(theme.palette.background.paper, SWITCH_GLASS.thumbAlpha),
-    backdropFilter: `blur(${SWITCH_GLASS.thumbBlur}px)`,
-    border: `1px solid ${alpha(theme.palette.divider, SWITCH_GLASS.borderAlpha)}`
-  },
-  ...flags.pulse && { animation: `${pulseAnimation} ${seconds(SWITCH_PULSE.ms)} ease-in-out infinite` },
-  ...flags.loading && {
-    // A spinner drawn inside the thumb rather than over the whole control.
-    "&::after": {
-      content: '""',
-      position: "absolute",
-      width: thumbSize * SWITCH_SPINNER.sizeRatio,
-      height: thumbSize * SWITCH_SPINNER.sizeRatio,
-      border: `${SWITCH_SPINNER.borderWidth}px solid ${palette.main}`,
-      borderTop: `${SWITCH_SPINNER.borderWidth}px solid transparent`,
-      borderRadius: "50%",
-      animation: `${spinAnimation} ${seconds(SWITCH_SPINNER.ms)} linear infinite`
-    }
-  },
-  ...look === "material" && {
-    "&::before": {
-      content: '""',
-      position: "absolute",
-      width: "100%",
-      height: "100%",
-      borderRadius: "inherit",
-      backgroundColor: palette.main,
-      opacity: 0,
-      transform: "scale(0)",
-      transition: "all 0.3s ease"
-    }
-  }
-});
-var trackLabels = (theme, flags, palette, onText, offText) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  paddingLeft: theme.spacing(TRACK_LABEL.insetUnits),
-  paddingRight: theme.spacing(TRACK_LABEL.insetUnits),
-  fontSize: px(TRACK_LABEL.fontSize),
-  fontWeight: TRACK_LABEL.fontWeight,
-  color: theme.palette.text.secondary,
-  "&::before, &::after": {
-    content: '""',
-    position: "absolute",
-    fontSize: px(TRACK_LABEL.fontSize),
-    fontWeight: TRACK_LABEL.fontWeight,
-    top: "50%",
-    transform: "translateY(-50%)",
-    zIndex: 1
-  },
-  ...onText && {
-    "&::before": {
-      content: `"${onText}"`,
-      left: theme.spacing(TRACK_LABEL.insetUnits),
-      // The `on` word sits at the end the thumb travels TO, which is the
-      // filled half of the track once checked.
-      color: checkedInk(flags, palette)
-    }
-  },
-  ...offText && {
-    "&::after": {
-      content: `"${offText}"`,
-      right: theme.spacing(TRACK_LABEL.insetUnits),
-      color: theme.palette.text.secondary
-    }
-  }
-});
-var trackSx = (theme, flags, palette, height, look) => {
-  const { glass, gradient, onText, offText, customVariant } = flags;
-  return {
-    borderRadius: TRACK_RADIUS[look](height),
-    backgroundColor: trackColor(
-      { black: theme.palette.common.black, disabled: theme.palette.action.disabled },
-      look
-    ),
-    opacity: 1,
-    transition: `all ${seconds(SWITCH_TRANSITION.ms)} ${SWITCH_TRANSITION.easing}`,
-    position: "relative",
-    boxShadow: look === "ios" ? iosTrackShadow() : "none",
-    ...glass && {
-      backgroundColor: alpha(theme.palette.background.paper, SWITCH_GLASS.trackAlpha),
-      backdropFilter: `blur(${SWITCH_GLASS.trackBlur}px)`,
-      border: `1px solid ${alpha(theme.palette.divider, SWITCH_GLASS.borderAlpha)}`
-    },
-    ...gradient && !glass && {
-      background: `linear-gradient(${SWITCH_GRADIENT.resting.angleDeg}deg, ${alpha(palette.light || palette.main, SWITCH_GRADIENT.resting.lightAlpha)}, ${alpha(palette.main, SWITCH_GRADIENT.resting.mainAlpha)})`
-    },
-    ...showsTrackLabels(customVariant, onText, offText) && trackLabels(theme, flags, palette, onText, offText)
-  };
-};
-var onTrackInk = (theme, flags) => checkedInk(flags, getColorFromTheme(theme, flags.customColor ?? "primary"));
-var switchSx = (theme, flags) => {
-  const palette = getColorFromTheme(theme, flags.customColor ?? "primary");
-  const geometry = geometryOf(flags.customSize, flags.trackWidth, flags.trackHeight);
-  const look = lookOf(flags.customVariant);
-  return {
-    width: geometry.width,
-    height: geometry.height,
-    padding: 0,
-    overflow: "visible",
-    "& .MuiSwitch-switchBase": switchBaseSx(theme, flags, palette, geometry, look),
-    "& .MuiSwitch-thumb": thumbSx(theme, flags, palette, geometry.thumbSize, look),
-    "& .MuiSwitch-track": trackSx(theme, flags, palette, geometry.height, look)
-  };
-};
-
-export {
-  onTrackInk,
-  switchSx
-};
-//# sourceMappingURL=chunk-4PIKOJZ4.js.map