@12-apps/ui 6.54.1 → 6.56.0

package/dist/chunk-FYKFQPVT.js

@@ -1,205 +0,0 @@
-import {
-  modeInk,
-  neutralTones
-} from "./chunk-FQ6UW7IY.js";
-import {
-  rem,
-  rems
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/typography/Code/Code.tsx
-import Check from "@mui/icons-material/Check";
-import ContentCopy from "@mui/icons-material/ContentCopy";
-import Box from "@mui/material/Box/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import Tooltip from "@mui/material/Tooltip/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import React, { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledCodeContainer = styled(Box, {
-  shouldForwardProp: (prop) => !["customVariant", "customSize", "copyable"].includes(prop)
-})(({ theme, customVariant = "inline", customSize = "md", copyable }) => {
-  const sizeMap = {
-    xs: { fontSize: rem(theme, 12), padding: rems(theme, 2, 4) },
-    sm: { fontSize: rem(theme, 13), padding: rems(theme, 3, 6) },
-    md: { fontSize: rem(theme, 14), padding: rems(theme, 4, 8) },
-    lg: { fontSize: rem(theme, 16), padding: rems(theme, 6, 12) }
-  };
-  const blockSizeMap = {
-    xs: { fontSize: rem(theme, 12), padding: rems(theme, 8, 12) },
-    sm: { fontSize: rem(theme, 13), padding: rems(theme, 12, 16) },
-    md: { fontSize: rem(theme, 14), padding: rems(theme, 16, 20) },
-    lg: { fontSize: rem(theme, 16), padding: rems(theme, 20, 24) }
-  };
-  const baseStyles = {
-    fontFamily: 'Monaco, Menlo, "Ubuntu Mono", "Courier New", monospace',
-    lineHeight: 1.5,
-    borderRadius: theme.shape.borderRadius,
-    transition: "all 0.2s ease",
-    position: "relative"
-  };
-  const variantStyles = {
-    inline: {
-      ...baseStyles,
-      display: "inline",
-      backgroundColor: alpha(theme.palette.primary.main, 0.08),
-      color: theme.palette.primary.main,
-      border: `1px solid ${alpha(theme.palette.primary.main, 0.12)}`,
-      ...sizeMap[customSize]
-    },
-    block: {
-      ...baseStyles,
-      display: "block",
-      backgroundColor: theme.palette.mode === "dark" ? alpha(neutralTones(theme).inverseSurface, 0.95) : alpha(neutralTones(theme).surface, 0.95),
-      color: theme.palette.mode === "dark" ? modeInk(theme) : theme.palette.text.primary,
-      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-      overflow: "auto",
-      whiteSpace: "pre",
-      ...blockSizeMap[customSize],
-      ...copyable && {
-        paddingTop: blockSizeMap[customSize].padding.split(" ")[0],
-        paddingRight: rem(theme, 60)
-      }
-    },
-    highlight: {
-      ...baseStyles,
-      display: "block",
-      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)} 0%, ${alpha(theme.palette.secondary.main, 0.1)} 100%)`,
-      color: theme.palette.text.primary,
-      border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
-      borderLeft: `${rem(theme, 4)} solid ${theme.palette.primary.main}`,
-      overflow: "auto",
-      whiteSpace: "pre",
-      ...blockSizeMap[customSize],
-      ...copyable && {
-        paddingTop: blockSizeMap[customSize].padding.split(" ")[0],
-        paddingRight: rem(theme, 60)
-      }
-    }
-  };
-  return variantStyles[customVariant] || variantStyles.inline;
-});
-var StyledCode = styled("code")({
-  margin: 0,
-  padding: 0,
-  backgroundColor: "transparent",
-  border: "none",
-  fontFamily: "inherit",
-  fontSize: "inherit",
-  lineHeight: "inherit",
-  color: "inherit"
-});
-var CopyButton = styled(IconButton)(({ theme }) => ({
-  position: "absolute",
-  top: theme.spacing(1),
-  right: theme.spacing(1),
-  width: rem(theme, 32),
-  height: rem(theme, 32),
-  backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.8) : theme.palette.background.paper,
-  backdropFilter: theme.palette.mode === "dark" ? `blur(${rem(theme, 8)})` : "none",
-  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-  boxShadow: theme.palette.mode === "light" ? theme.shadows[1] : "none",
-  "&:hover": {
-    backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.9) : neutralTones(theme).surface,
-    transform: "scale(1.05)"
-  },
-  "& .MuiSvgIcon-root": {
-    fontSize: rem(theme, 16)
-  }
-}));
-var LanguageLabel = styled(Box)(({ theme }) => ({
-  position: "absolute",
-  top: theme.spacing(1),
-  left: theme.spacing(2),
-  fontSize: rem(theme, 12),
-  fontWeight: 500,
-  color: alpha(theme.palette.text.primary, 0.6),
-  backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.8) : theme.palette.background.paper,
-  padding: rems(theme, 2, 8),
-  borderRadius: theme.shape.borderRadius / 2,
-  backdropFilter: theme.palette.mode === "dark" ? `blur(${rem(theme, 8)})` : "none",
-  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-  boxShadow: theme.palette.mode === "light" ? theme.shadows[1] : "none"
-}));
-var renderNumberedLines = (source) => source.split("\n").map((line, index) => {
-  const stableKey = `line-${index + 1}-${line.slice(0, 10).replace(/\s+/g, "")}-${line.length}`;
-  return /* @__PURE__ */ jsxs("div", { style: { display: "flex" }, children: [
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        style: {
-          display: "inline-block",
-          minWidth: "3em",
-          opacity: 0.5,
-          userSelect: "none",
-          marginRight: "1em",
-          textAlign: "right"
-        },
-        children: index + 1
-      }
-    ),
-    /* @__PURE__ */ jsx("span", { children: line })
-  ] }, stableKey);
-});
-var resolveCodeFlags = (variant, copyable, language) => {
-  const isBlock = variant === "block" || variant === "highlight";
-  return {
-    isBlock,
-    showCopy: copyable && isBlock,
-    showLanguage: Boolean(language) && isBlock
-  };
-};
-var CodeCopyButton = ({ source }) => {
-  const [copied, setCopied] = useState(false);
-  const handleCopy = async () => {
-    if (typeof source !== "string") return;
-    try {
-      await navigator.clipboard.writeText(source);
-      setCopied(true);
-      window.setTimeout(() => setCopied(false), 2e3);
-    } catch {
-    }
-  };
-  return /* @__PURE__ */ jsx(Tooltip, { title: copied ? "Copied!" : "Copy code", children: /* @__PURE__ */ jsx(CopyButton, { onClick: handleCopy, size: "small", color: copied ? "success" : "default", children: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(ContentCopy, {}) }) });
-};
-var Code = React.forwardRef(
-  ({
-    variant = "inline",
-    language,
-    copyable = false,
-    lineNumbers = false,
-    size = "md",
-    children,
-    ...props
-  }, ref) => {
-    const { isBlock, showCopy, showLanguage } = resolveCodeFlags(variant, copyable, language);
-    const processedChildren = React.useMemo(() => {
-      if (!lineNumbers || !isBlock || typeof children !== "string") {
-        return children;
-      }
-      return renderNumberedLines(children);
-    }, [children, lineNumbers, isBlock]);
-    return /* @__PURE__ */ jsxs(
-      StyledCodeContainer,
-      {
-        ref,
-        component: variant === "inline" ? "span" : "div",
-        customVariant: variant,
-        customSize: size,
-        copyable: showCopy,
-        ...props,
-        children: [
-          showLanguage && /* @__PURE__ */ jsx(LanguageLabel, { children: language }),
-          /* @__PURE__ */ jsx(StyledCode, { children: processedChildren }),
-          showCopy && /* @__PURE__ */ jsx(CodeCopyButton, { source: children })
-        ]
-      }
-    );
-  }
-);
-Code.displayName = "Code";
-
-export {
-  Code
-};
-//# sourceMappingURL=chunk-FYKFQPVT.js.map

package/dist/chunk-G6ZPQHBL.js

@@ -1,69 +0,0 @@
-import {
-  Text
-} from "./chunk-MKLIMY3D.js";
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/DescriptionItem/DescriptionItem.tsx
-import Box from "@mui/material/Box/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var FLEX_ALIGN = { start: "flex-start", center: "center", end: "flex-end" };
-var containerSx = (isHorizontal, align) => ({
-  display: "flex",
-  flexDirection: isHorizontal ? "row" : "column",
-  alignItems: isHorizontal ? "center" : FLEX_ALIGN[align],
-  gap: isHorizontal ? 1 : 0,
-  // `alignItems` places the two boxes; `textAlign` handles a label or value
-  // that WRAPS, whose second line would otherwise fall back to flush-left
-  // inside a box the alignment had already centred.
-  textAlign: align
-});
-var labelStyle = (theme, isHorizontal) => ({
-  textTransform: "uppercase",
-  marginBottom: isHorizontal ? 0 : rem(theme, 4),
-  minWidth: isHorizontal ? "fit-content" : void 0,
-  flexShrink: isHorizontal ? 0 : void 0
-});
-var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `description-item-${suffix}`;
-var DescriptionItem = ({
-  label,
-  value,
-  orientation = "vertical",
-  align = "start",
-  className,
-  "data-testid": dataTestId
-}) => {
-  const theme = useTheme();
-  const isHorizontal = orientation === "horizontal";
-  const testId = makeTestId(dataTestId);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className,
-      sx: containerSx(isHorizontal, align),
-      "data-testid": dataTestId || "description-item",
-      children: [
-        /* @__PURE__ */ jsx(
-          Text,
-          {
-            variant: "caption",
-            size: "xs",
-            color: "secondary",
-            style: labelStyle(theme, isHorizontal),
-            "data-testid": testId("label"),
-            children: label
-          }
-        ),
-        /* @__PURE__ */ jsx(Box, { "data-testid": testId("value"), children: typeof value === "string" || typeof value === "number" ? /* @__PURE__ */ jsx(Text, { variant: "body", size: "sm", weight: "semibold", children: value }) : value })
-      ]
-    }
-  );
-};
-DescriptionItem.displayName = "DescriptionItem";
-
-export {
-  DescriptionItem
-};
-//# sourceMappingURL=chunk-G6ZPQHBL.js.map

package/dist/chunk-GCH7CLM4.js

@@ -1,131 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  createConfirmButton
-} from "./chunk-HV7HIMMY.js";
-import {
-  Dialog,
-  DialogContent
-} from "./chunk-MQ277OLB.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  default as default3
-} from "./chunk-WEBEOBN5.js";
-import {
-  Button
-} from "./chunk-RIZRF5XR.js";
-import {
-  Text
-} from "./chunk-MKLIMY3D.js";
-
-// src/components/data-display/DataViews/ManageViewsDialog.tsx
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function tags(view) {
-  const copy = useDataViewsCopy();
-  const list = [];
-  if (view.isDefault) list.push(copy.manageViews.defaultTag);
-  if (view.pinned) list.push("Fixada");
-  if (view.shared) list.push("Compartilhada");
-  if (!view.isOwner) list.push(copy.manageViews.otherUserTag);
-  return list;
-}
-function ManageViewRow({
-  view,
-  onEdit,
-  onDelete,
-  testIdPrefix,
-  confirmCopy
-}) {
-  const ConfirmButton = useMemo(
-    () => createConfirmButton(confirmCopy, confirmCopy.defaultError),
-    [confirmCopy]
-  );
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(
-    default3,
-    {
-      direction: "row",
-      spacing: 1,
-      sx: { alignItems: "center", justifyContent: "space-between" },
-      "data-testid": `${testIdPrefix}-manage-row-${view.id}`,
-      children: [
-        /* @__PURE__ */ jsxs(default2, { sx: { minWidth: 0 }, children: [
-          /* @__PURE__ */ jsx(Text, { variant: "body", size: "sm", as: "span", weight: "semibold", children: view.name }),
-          view.description && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", color: "secondary", children: view.description }),
-          tags(view).length > 0 && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", color: "secondary", children: tags(view).join(" \xB7 ") })
-        ] }),
-        view.isOwner && /* @__PURE__ */ jsxs(default3, { direction: "row", spacing: 1, sx: { flex: "0 0 auto" }, children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "text",
-              size: "sm",
-              onClick: () => onEdit(view),
-              dataTestId: `${testIdPrefix}-manage-edit-${view.id}`,
-              children: copy.manageViews.edit
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ConfirmButton,
-            {
-              variant: "text",
-              size: "sm",
-              color: "danger",
-              onClick: () => onDelete(view),
-              confirm: {
-                title: copy.manageViews.deleteTitle,
-                entityName: view.name,
-                description: copy.manageViews.deleteBody,
-                confirmText: copy.manageViews.deleteConfirm
-              },
-              dataTestId: `${testIdPrefix}-manage-delete-${view.id}`,
-              children: copy.manageViews.deleteConfirm
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function ManageViewsDialog({
-  open,
-  onClose,
-  views,
-  onEdit,
-  onDelete,
-  testIdPrefix = "views",
-  confirmCopy
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onClose,
-      title: copy.manageViews.title,
-      size: "md",
-      showCloseButton: true,
-      dataTestId: `${testIdPrefix}-manage-dialog`,
-      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(default3, { spacing: 1.5, "data-testid": `${testIdPrefix}-manage-list`, children: views.length === 0 ? /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children: copy.manageViews.empty }) : views.map((view) => /* @__PURE__ */ jsx(
-        ManageViewRow,
-        {
-          confirmCopy,
-          view,
-          onEdit,
-          onDelete,
-          testIdPrefix
-        },
-        view.id
-      )) }) })
-    }
-  );
-}
-
-export {
-  ManageViewsDialog
-};
-//# sourceMappingURL=chunk-GCH7CLM4.js.map

package/dist/chunk-GDYGT2KN.js

@@ -1,109 +0,0 @@
-import {
-  NOTICE_ACTION_GAP_UNITS,
-  NOTICE_STEPS_INDENT_UNITS,
-  NOTICE_STEP_GAP_UNITS
-} from "./chunk-55FFONIV.js";
-import {
-  NOTICE_VARIANT
-} from "./chunk-L7BRU4UF.js";
-import {
-  Alert
-} from "./chunk-AUHYR7ID.js";
-import {
-  Button
-} from "./chunk-RIZRF5XR.js";
-
-// src/components/feedback/NotificationStatusNotice/NotificationStatusNotice.tsx
-import Box from "@mui/material/Box/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_TEST_ID = "notification-status-notice";
-var EnableAction = ({
-  props,
-  testId
-}) => /* @__PURE__ */ jsx(Box, { sx: { mt: NOTICE_ACTION_GAP_UNITS }, children: /* @__PURE__ */ jsx(
-  Button,
-  {
-    variant: "solid",
-    color: "primary",
-    size: "sm",
-    loading: props.pending,
-    onClick: props.onEnable,
-    dataTestId: `${testId}-enable`,
-    children: props.enableLabel
-  }
-) });
-var BlockedSteps = ({
-  props,
-  testId
-}) => {
-  const [open, setOpen] = React.useState(props.defaultStepsOpen ?? false);
-  const listId = React.useId();
-  return /* @__PURE__ */ jsxs(Box, { sx: { mt: NOTICE_ACTION_GAP_UNITS }, children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "text",
-        color: "primary",
-        size: "sm",
-        "aria-expanded": open,
-        "aria-controls": listId,
-        onClick: () => setOpen((was) => !was),
-        dataTestId: `${testId}-steps-toggle`,
-        children: props.stepsToggleLabel
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        component: "ol",
-        id: listId,
-        hidden: !open,
-        "data-testid": `${testId}-steps`,
-        sx: {
-          m: 0,
-          mt: NOTICE_STEP_GAP_UNITS,
-          pl: NOTICE_STEPS_INDENT_UNITS,
-          display: open ? "flex" : "none",
-          flexDirection: "column",
-          gap: NOTICE_STEP_GAP_UNITS
-        },
-        children: props.steps.map((step, index) => /* @__PURE__ */ jsx(Typography, { component: "li", variant: "body2", children: step }, `${index}-${step}`))
-      }
-    )
-  ] });
-};
-var NoticeAction = ({
-  props,
-  testId
-}) => {
-  if (props.status === "disabled") return /* @__PURE__ */ jsx(EnableAction, { props, testId });
-  if (props.status === "blocked") return /* @__PURE__ */ jsx(BlockedSteps, { props, testId });
-  return null;
-};
-var NotificationStatusNotice = React.forwardRef((props, ref) => {
-  const testId = props.dataTestId ?? DEFAULT_TEST_ID;
-  return /* @__PURE__ */ jsx(
-    Alert,
-    {
-      ref,
-      variant: NOTICE_VARIANT[props.status],
-      title: props.title,
-      description: props.description,
-      announce: "polite",
-      showIcon: true,
-      "data-testid": testId,
-      "data-status": props.status,
-      className: props.className,
-      sx: props.sx,
-      children: /* @__PURE__ */ jsx(NoticeAction, { props, testId })
-    }
-  );
-});
-NotificationStatusNotice.displayName = "NotificationStatusNotice";
-
-export {
-  NotificationStatusNotice
-};
-//# sourceMappingURL=chunk-GDYGT2KN.js.map

package/dist/chunk-GFTZLQ2B.js

@@ -1,76 +0,0 @@
-import {
-  scaleFor
-} from "./chunk-Z6TIAVEG.js";
-import {
-  asFieldSize,
-  fieldTextFieldStyles
-} from "./chunk-2TZ6X265.js";
-import {
-  rem,
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/navigation/Pagination/PaginationParts.tsx
-import Box from "@mui/material/Box/index.js";
-import FormControl from "@mui/material/FormControl/index.js";
-import MenuItem from "@mui/material/MenuItem/index.js";
-import Select from "@mui/material/Select/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ItemsPerPageContainer = styled(Box)(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  gap: theme.spacing(1)
-}));
-var PageInfoContainer = styled(Box)(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  gap: theme.spacing(1)
-}));
-var ItemsPerPageSelect = ({
-  pageSizeLabel,
-  value,
-  options,
-  size,
-  disabled,
-  testId,
-  onChange
-}) => /* @__PURE__ */ jsxs(ItemsPerPageContainer, { children: [
-  /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: pageSizeLabel }),
-  /* @__PURE__ */ jsx(FormControl, { size: "small", sx: (theme) => ({ minWidth: rem(theme, 80), ...fieldTextFieldStyles(theme, asFieldSize(size)) }), children: /* @__PURE__ */ jsx(
-    Select,
-    {
-      value,
-      onChange: (event) => onChange(event.target.value),
-      disabled,
-      "data-testid": testId,
-      sx: {
-        "& .MuiSelect-select": {
-          fontSize: sxRem(scaleFor(size, [14, 16, 18]))
-        }
-      },
-      children: options.map((option) => /* @__PURE__ */ jsx(MenuItem, { value: option, children: option }, option))
-    }
-  ) })
-] });
-var PageInfo = ({
-  size,
-  testId,
-  children
-}) => /* @__PURE__ */ jsx(PageInfoContainer, { children: /* @__PURE__ */ jsx(
-  Typography,
-  {
-    variant: "body2",
-    color: "text.secondary",
-    sx: { fontSize: sxRem(scaleFor(size, [12, 14, 16])) },
-    "data-testid": testId,
-    children
-  }
-) });
-
-export {
-  ItemsPerPageSelect,
-  PageInfo
-};
-//# sourceMappingURL=chunk-GFTZLQ2B.js.map

package/dist/chunk-GJRKWDRR.js

@@ -1,89 +0,0 @@
-import {
-  CHIP_SIZES,
-  CHIP_TRANSITION_EASING,
-  CHIP_TRANSITION_MS,
-  HOVER_LIFT_PX,
-  HOVER_SHADOW
-} from "./chunk-KU6VHNRV.js";
-import {
-  chipKeyAction
-} from "./chunk-BF4FYOAR.js";
-import {
-  shadowInk
-} from "./chunk-FQ6UW7IY.js";
-import {
-  rem,
-  rems,
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/Chip/Chip.styles.tsx
-import Avatar from "@mui/material/Avatar/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var makeKeyDownHandler = (args) => (event) => {
-  const action = chipKeyAction(event.key, args);
-  if (action === null) return;
-  event.preventDefault();
-  if (action === "delete") {
-    args.onDelete?.();
-    return;
-  }
-  args.onClick?.();
-};
-var avatarFor = (avatar, avatarSrc) => {
-  if (avatar && React.isValidElement(avatar)) {
-    return avatar;
-  }
-  if (avatarSrc) {
-    const { avatarSize } = CHIP_SIZES.medium;
-    return /* @__PURE__ */ jsx(Avatar, { src: avatarSrc, sx: { width: sxRem(avatarSize), height: sxRem(avatarSize) } });
-  }
-  return void 0;
-};
-var hoverShadow = (theme) => `0 ${rems(theme, HOVER_SHADOW.offsetY, HOVER_SHADOW.blur)} ${shadowInk(
-  theme,
-  theme.palette.mode === "dark" ? HOVER_SHADOW.alphaDark : HOVER_SHADOW.alphaLight
-)}`;
-var chipStyles = ({
-  variant,
-  selected,
-  clickable,
-  disabled
-}) => {
-  const lifts = clickable && !disabled;
-  return {
-    // Enhanced styling for outlined variant
-    ...variant === "outlined" && {
-      borderWidth: "1px",
-      borderStyle: "solid",
-      backgroundColor: "transparent"
-    },
-    ...selected && variant === "outlined" && {
-      backgroundColor: (theme) => theme.palette.action.selected
-    },
-    "&:hover": {
-      ...lifts && {
-        transform: (theme) => `translateY(${rem(theme, -HOVER_LIFT_PX)})`,
-        boxShadow: (theme) => hoverShadow(theme)
-      }
-    },
-    "&:active": {
-      ...lifts && {
-        transform: "translateY(0px)"
-      }
-    },
-    transition: `all ${CHIP_TRANSITION_MS / 1e3}s ${CHIP_TRANSITION_EASING}`
-  };
-};
-var iconWithTestId = (icon, testId) => icon && React.isValidElement(icon) ? React.cloneElement(icon, {
-  "data-testid": testId
-}) : void 0;
-
-export {
-  makeKeyDownHandler,
-  avatarFor,
-  chipStyles,
-  iconWithTestId
-};
-//# sourceMappingURL=chunk-GJRKWDRR.js.map