@12-apps/ui 6.54.0 → 6.55.0

package/dist/chunk-FRD7U6QO.js

@@ -1,186 +0,0 @@
-import {
-  CHECKBOX_GLOW,
-  CHECKBOX_HELPER,
-  CHECKBOX_HOVER_ALPHA,
-  CHECKBOX_LABEL,
-  CHECKBOX_PULSE,
-  CHECKBOX_SPINNER,
-  CHECKBOX_TRANSITION_MS,
-  CHECKBOX_VARIANT,
-  effectInk,
-  resolveCheckboxSize
-} from "./chunk-RIJGMRJK.js";
-import {
-  makeTestId,
-  resolveCheckboxProps
-} from "./chunk-TZ633UZA.js";
-import {
-  splitTestId
-} from "./chunk-TYJR4GOF.js";
-import {
-  rem,
-  sxRem
-} from "./chunk-YKCAJ2TN.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, useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var pulse = (theme) => keyframes`
-  0% {
-    box-shadow: 0 0 0 0 ${effectInk(CHECKBOX_PULSE.alpha)};
-  }
-  70% {
-    box-shadow: 0 0 0 ${rem(theme, CHECKBOX_PULSE.spread)} ${effectInk(0)};
-  }
-  100% {
-    box-shadow: 0 0 0 0 ${effectInk(0)};
-  }
-`;
-var glow = (theme) => keyframes`
-  0%, 100% {
-    box-shadow: 0 0 ${rem(theme, CHECKBOX_GLOW.blur.from)} ${effectInk(CHECKBOX_GLOW.alpha.from)};
-  }
-  50% {
-    box-shadow: 0 0 ${rem(theme, CHECKBOX_GLOW.blur.to)} ${effectInk(CHECKBOX_GLOW.alpha.to)};
-  }
-`;
-var cornerOf = (theme, radius) => typeof radius === "number" ? rem(theme, radius) : radius;
-var StyledCheckbox = styled(MuiCheckbox, {
-  shouldForwardProp: (prop) => !["customVariant", "ripple", "glow", "pulse"].includes(prop)
-})(
-  ({ theme, customVariant, ripple, glow: glowProp, pulse: pulseProp }) => ({
-    ...customVariant === "rounded" && {
-      "& .MuiSvgIcon-root": {
-        borderRadius: cornerOf(theme, CHECKBOX_VARIANT.rounded.radius)
-      }
-    },
-    ...customVariant === "toggle" && {
-      "& .MuiSvgIcon-root": {
-        borderRadius: cornerOf(theme, CHECKBOX_VARIANT.toggle.radius),
-        transform: `scale(${CHECKBOX_VARIANT.toggle.scale})`
-      }
-    },
-    "&.MuiCheckbox-root": {
-      transition: `all ${CHECKBOX_TRANSITION_MS / 1e3}s ease`,
-      ...ripple === false && {
-        "& .MuiTouchRipple-root": {
-          display: "none"
-        }
-      },
-      ...glowProp && {
-        animation: `${glow(theme)} ${CHECKBOX_GLOW.ms / 1e3}s ease-in-out infinite`
-      },
-      ...pulseProp && {
-        animation: `${pulse(theme)} ${CHECKBOX_PULSE.ms / 1e3}s infinite`
-      },
-      "&:hover": {
-        backgroundColor: alpha(theme.palette.primary.main, CHECKBOX_HOVER_ALPHA)
-      }
-    },
-    "&.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: rem(theme, CHECKBOX_LABEL.marginLeft),
-    "& .MuiFormControlLabel-label": {
-      color: error ? theme.palette.error.main : theme.palette.text.primary,
-      fontSize: rem(theme, CHECKBOX_LABEL.fontSize)
-    }
-  })
-);
-var StyledFormHelperText = styled(FormHelperText)(({ theme }) => ({
-  marginLeft: theme.spacing(CHECKBOX_HELPER.marginLeftUnits),
-  marginTop: theme.spacing(CHECKBOX_HELPER.marginTopUnits)
-}));
-var Checkbox = React.forwardRef(
-  (rawProps, ref) => {
-    const {
-      variant,
-      label,
-      error,
-      helperText,
-      loading,
-      ripple,
-      glow: glow2,
-      pulse: pulse2,
-      disabled,
-      size,
-      ...others
-    } = resolveCheckboxProps(rawProps);
-    const theme = useTheme();
-    const isDisabled = disabled || loading;
-    const { testId: dataTestId, rest: props } = splitTestId(others);
-    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,
-          size: resolveCheckboxSize(size),
-          "data-testid": dataTestId || "checkbox",
-          ...props
-        }
-      ),
-      loading && /* @__PURE__ */ jsx(
-        CircularProgress,
-        {
-          size: rem(theme, CHECKBOX_SPINNER.size),
-          sx: {
-            position: "absolute",
-            top: "50%",
-            left: "50%",
-            marginTop: sxRem(CHECKBOX_SPINNER.offset),
-            marginLeft: sxRem(CHECKBOX_SPINNER.offset),
-            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-FRD7U6QO.js.map

package/dist/chunk-FRIUYEXD.js

@@ -1,150 +0,0 @@
-import {
-  accentFor
-} from "./chunk-3IPPMWUA.js";
-import {
-  rem,
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/form/Label/Label.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var SIZES = {
-  xs: (theme) => ({ fontSize: rem(theme, 12), lineHeight: 1.2, padding: theme.spacing(0.25, 0.5) }),
-  sm: (theme) => ({ fontSize: rem(theme, 14), lineHeight: 1.3, padding: theme.spacing(0.5, 0.75) }),
-  md: (theme) => ({ fontSize: rem(theme, 16), lineHeight: 1.5, padding: theme.spacing(0.75, 1) }),
-  lg: (theme) => ({ fontSize: rem(theme, 18), lineHeight: 1.6, padding: theme.spacing(1, 1.25) }),
-  xl: (theme) => ({ fontSize: rem(theme, 20), lineHeight: 1.7, padding: theme.spacing(1.25, 1.5) })
-};
-var sizeStyles = (theme, size) => (SIZES[size] ?? SIZES.md)(theme);
-var WEIGHTS = {
-  light: 300,
-  regular: 400,
-  medium: 500,
-  semibold: 600,
-  bold: 700
-};
-var fontWeight = (weight) => WEIGHTS[weight] ?? WEIGHTS.regular;
-var textColor = (theme, flags) => {
-  if (flags.error) return theme.palette.error.main;
-  if (flags.disabled) return theme.palette.text.disabled;
-  if (flags.color === "neutral") return theme.palette.text.primary;
-  return accentFor(theme, flags.color).main;
-};
-var rippleStyles = (theme) => ({
-  overflow: "hidden",
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    width: 0,
-    height: 0,
-    borderRadius: "50%",
-    backgroundColor: alpha(theme.palette.primary.main, 0.3),
-    transform: "translate(-50%, -50%)",
-    transition: "width 0.6s, height 0.6s"
-  },
-  "&:active::after": { width: "300%", height: "300%" }
-});
-var SURFACES = {
-  filled: ({ theme, flags, accent }) => ({
-    backgroundColor: alpha(accent, 0.1),
-    borderRadius: theme.spacing(0.5),
-    "&:hover": flags.clickable ? { backgroundColor: alpha(accent, 0.15) } : {}
-  }),
-  outlined: ({ theme, flags, accent }) => ({
-    border: `1px solid ${alpha(accent, 0.5)}`,
-    borderRadius: theme.spacing(0.5),
-    "&:hover": flags.clickable ? { borderColor: accent, backgroundColor: alpha(accent, 0.05) } : {}
-  }),
-  glass: ({ theme, flags }) => ({
-    backgroundColor: alpha(theme.palette.background.paper, 0.1),
-    backdropFilter: `blur(${rem(theme, 10)})`,
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-    borderRadius: theme.spacing(0.5),
-    "&:hover": flags.clickable ? {
-      backgroundColor: alpha(theme.palette.background.paper, 0.15),
-      borderColor: alpha(theme.palette.primary.main, 0.3)
-    } : {}
-  }),
-  gradient: ({ theme, flags }) => {
-    const accent = accentFor(theme, flags.color === "neutral" ? "primary" : flags.color);
-    const clip = {
-      WebkitBackgroundClip: "text",
-      WebkitTextFillColor: "transparent",
-      backgroundClip: "text"
-    };
-    return {
-      background: `linear-gradient(135deg, ${accent.light}, ${accent.main})`,
-      ...clip,
-      "&:hover": flags.clickable ? {
-        background: `linear-gradient(135deg, ${accent.main}, ${accent.dark})`,
-        ...clip
-      } : {}
-    };
-  },
-  minimal: ({ theme, flags }) => ({
-    padding: 0,
-    "&:hover": flags.clickable ? { color: theme.palette.primary.main } : {}
-  }),
-  default: () => ({})
-};
-var textLayout = (theme, flags) => {
-  const { srOnly, clickable, align, weight, transform, nowrap, truncate } = flags;
-  return {
-    display: srOnly ? "none" : "inline-flex",
-    alignItems: "center",
-    gap: theme.spacing(0.5),
-    transition: theme.transitions.create(["all"], {
-      duration: theme.transitions.duration.standard
-    }),
-    cursor: clickable ? "pointer" : "default",
-    textAlign: align,
-    fontWeight: fontWeight(weight),
-    textTransform: transform,
-    whiteSpace: nowrap ? "nowrap" : "normal",
-    overflow: truncate ? "hidden" : "visible",
-    textOverflow: truncate ? "ellipsis" : "clip",
-    position: "relative"
-  };
-};
-var labelStyles = (theme, flags) => {
-  const { variant, size, clickable } = flags;
-  const color = textColor(theme, flags);
-  const accent = color || theme.palette.primary.main;
-  return {
-    ...textLayout(theme, flags),
-    ...sizeStyles(theme, size),
-    color,
-    ...flags.glow && { textShadow: `0 0 ${rem(theme, 10)} ${alpha(accent, 0.5)}` },
-    ...flags.pulse && {
-      animation: "pulse 2s infinite",
-      "@keyframes pulse": {
-        "0%": { opacity: 1 },
-        "50%": { opacity: 0.6 },
-        "100%": { opacity: 1 }
-      }
-    },
-    ...flags.ripple && clickable && rippleStyles(theme),
-    ...(SURFACES[variant] ?? SURFACES.default)({ theme, flags, accent })
-  };
-};
-var SR_ONLY_SX = {
-  position: "absolute",
-  width: sxRem(1),
-  height: sxRem(1),
-  padding: 0,
-  margin: sxRem(-1),
-  overflow: "hidden",
-  clip: "rect(0, 0, 0, 0)",
-  whiteSpace: "nowrap",
-  border: 0
-};
-
-export {
-  sizeStyles,
-  textColor,
-  labelStyles,
-  SR_ONLY_SX
-};
-//# sourceMappingURL=chunk-FRIUYEXD.js.map

package/dist/chunk-FY6PONLA.js

@@ -1,62 +0,0 @@
-import {
-  MegaSection
-} from "./chunk-L5RQIQIP.js";
-import {
-  renderMenuItem
-} from "./chunk-ZGWEFOW6.js";
-import {
-  slideIn
-} from "./chunk-3AIRFAI3.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/navigation/NavigationMenu/NavigationMegaSection.tsx
-import Box from "@mui/material/Box/index.js";
-import List from "@mui/material/List/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SECTION_TITLE_SX = {
-  mb: 2.5,
-  color: "primary.main",
-  fontWeight: 600,
-  position: "relative",
-  paddingBottom: 1,
-  // The short rule under each section heading.
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    bottom: 0,
-    left: 0,
-    width: sxRem(40),
-    height: sxRem(3),
-    background: (theme) => `linear-gradient(90deg, ${theme.palette.primary.main} 0%, transparent 100%)`,
-    borderRadius: sxRem(2)
-  }
-};
-var NavigationMegaSection = ({
-  section,
-  sectionIndex,
-  variant,
-  size,
-  minimal
-}) => /* @__PURE__ */ jsxs(MegaSection, { children: [
-  /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: SECTION_TITLE_SX, children: section.label }),
-  /* @__PURE__ */ jsx(List, { sx: { p: 0 }, children: section.children?.map((item, itemIndex) => /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        animation: (theme) => `${slideIn(theme)} 0.4s ease-out`,
-        animationDelay: `${sectionIndex * 0.1 + itemIndex * 0.05}s`,
-        animationFillMode: "both"
-      },
-      children: renderMenuItem(item, variant, size, false, minimal, 0)
-    },
-    item.id
-  )) })
-] });
-
-export {
-  NavigationMegaSection
-};
-//# sourceMappingURL=chunk-FY6PONLA.js.map

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