@12-apps/ui 6.10.1 → 6.11.1

package/dist/chunk-77U2IMF3.js

@@ -0,0 +1,194 @@
+// src/components/typography/Code/Code.tsx
+import Check from "@mui/icons-material/Check";
+import ContentCopy from "@mui/icons-material/ContentCopy";
+import { alpha, Box, IconButton, Tooltip } from "@mui/material";
+import { styled } from "@mui/material";
+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: "0.75rem", padding: "2px 4px" },
+    sm: { fontSize: "0.8125rem", padding: "3px 6px" },
+    md: { fontSize: "0.875rem", padding: "4px 8px" },
+    lg: { fontSize: "1rem", padding: "6px 12px" }
+  };
+  const blockSizeMap = {
+    xs: { fontSize: "0.75rem", padding: "8px 12px" },
+    sm: { fontSize: "0.8125rem", padding: "12px 16px" },
+    md: { fontSize: "0.875rem", padding: "16px 20px" },
+    lg: { fontSize: "1rem", padding: "20px 24px" }
+  };
+  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(theme.palette.grey[900], 0.95) : alpha(theme.palette.grey[100], 0.95),
+      color: theme.palette.mode === "dark" ? theme.palette.common.white : 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: "60px"
+      }
+    },
+    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: `4px solid ${theme.palette.primary.main}`,
+      overflow: "auto",
+      whiteSpace: "pre",
+      ...blockSizeMap[customSize],
+      ...copyable && {
+        paddingTop: blockSizeMap[customSize].padding.split(" ")[0],
+        paddingRight: "60px"
+      }
+    }
+  };
+  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: 32,
+  height: 32,
+  backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.8) : theme.palette.background.paper,
+  backdropFilter: theme.palette.mode === "dark" ? "blur(8px)" : "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) : theme.palette.grey[100],
+    transform: "scale(1.05)"
+  },
+  "& .MuiSvgIcon-root": {
+    fontSize: 16
+  }
+}));
+var LanguageLabel = styled(Box)(({ theme }) => ({
+  position: "absolute",
+  top: theme.spacing(1),
+  left: theme.spacing(2),
+  fontSize: "0.75rem",
+  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: "2px 8px",
+  borderRadius: theme.shape.borderRadius / 2,
+  backdropFilter: theme.palette.mode === "dark" ? "blur(8px)" : "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-77U2IMF3.js.map

package/dist/chunk-77U2IMF3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/Code/Code.tsx"],"sourcesContent":["import Check from '@mui/icons-material/Check';\nimport ContentCopy from '@mui/icons-material/ContentCopy';\nimport { alpha,Box, IconButton, Tooltip } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { useState } from 'react';\n\nimport type { CodeProps } from './Code.types';\n\nconst StyledCodeContainer = styled(Box, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customSize', 'copyable'].includes(prop as string),\n})<{\n  customVariant?: string;\n  customSize?: string;\n  copyable?: boolean;\n  component?: React.ElementType;\n}>(({ theme, customVariant = 'inline', customSize = 'md', copyable }) => {\n  // Size mapping\n  const sizeMap = {\n    xs: { fontSize: '0.75rem', padding: '2px 4px' },\n    sm: { fontSize: '0.8125rem', padding: '3px 6px' },\n    md: { fontSize: '0.875rem', padding: '4px 8px' },\n    lg: { fontSize: '1rem', padding: '6px 12px' },\n  };\n\n  const blockSizeMap = {\n    xs: { fontSize: '0.75rem', padding: '8px 12px' },\n    sm: { fontSize: '0.8125rem', padding: '12px 16px' },\n    md: { fontSize: '0.875rem', padding: '16px 20px' },\n    lg: { fontSize: '1rem', padding: '20px 24px' },\n  };\n\n  const baseStyles = {\n    fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", \"Courier New\", monospace',\n    lineHeight: 1.5,\n    borderRadius: theme.shape.borderRadius,\n    transition: 'all 0.2s ease',\n    position: 'relative' as const,\n  };\n\n  // Variant-specific styles\n  const variantStyles = {\n    inline: {\n      ...baseStyles,\n      display: 'inline',\n      backgroundColor: alpha(theme.palette.primary.main, 0.08),\n      color: theme.palette.primary.main,\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.12)}`,\n      ...sizeMap[customSize as keyof typeof sizeMap],\n    },\n    block: {\n      ...baseStyles,\n      display: 'block',\n      backgroundColor:\n        theme.palette.mode === 'dark'\n          ? alpha(theme.palette.grey[900], 0.95)\n          : alpha(theme.palette.grey[100], 0.95),\n      color:\n        theme.palette.mode === 'dark' ? theme.palette.common.white : theme.palette.text.primary,\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n      overflow: 'auto',\n      whiteSpace: 'pre' as const,\n      ...blockSizeMap[customSize as keyof typeof blockSizeMap],\n      ...(copyable && {\n        paddingTop: blockSizeMap[customSize as keyof typeof blockSizeMap].padding.split(' ')[0],\n        paddingRight: '60px',\n      }),\n    },\n    highlight: {\n      ...baseStyles,\n      display: 'block',\n      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)} 0%, ${alpha(theme.palette.secondary.main, 0.1)} 100%)`,\n      color: theme.palette.text.primary,\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n      borderLeft: `4px solid ${theme.palette.primary.main}`,\n      overflow: 'auto',\n      whiteSpace: 'pre' as const,\n      ...blockSizeMap[customSize as keyof typeof blockSizeMap],\n      ...(copyable && {\n        paddingTop: blockSizeMap[customSize as keyof typeof blockSizeMap].padding.split(' ')[0],\n        paddingRight: '60px',\n      }),\n    },\n  };\n\n  return variantStyles[customVariant as keyof typeof variantStyles] || variantStyles.inline;\n});\n\nconst StyledCode = styled('code')({\n  margin: 0,\n  padding: 0,\n  backgroundColor: 'transparent',\n  border: 'none',\n  fontFamily: 'inherit',\n  fontSize: 'inherit',\n  lineHeight: 'inherit',\n  color: 'inherit',\n});\n\nconst CopyButton = styled(IconButton)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(1),\n  right: theme.spacing(1),\n  width: 32,\n  height: 32,\n  backgroundColor:\n    theme.palette.mode === 'dark'\n      ? alpha(theme.palette.background.paper, 0.8)\n      : theme.palette.background.paper,\n  backdropFilter: theme.palette.mode === 'dark' ? 'blur(8px)' : 'none',\n  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  boxShadow: theme.palette.mode === 'light' ? theme.shadows[1] : 'none',\n  '&:hover': {\n    backgroundColor:\n      theme.palette.mode === 'dark'\n        ? alpha(theme.palette.background.paper, 0.9)\n        : theme.palette.grey[100],\n    transform: 'scale(1.05)',\n  },\n  '& .MuiSvgIcon-root': {\n    fontSize: 16,\n  },\n}));\n\nconst LanguageLabel = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(1),\n  left: theme.spacing(2),\n  fontSize: '0.75rem',\n  fontWeight: 500,\n  color: alpha(theme.palette.text.primary, 0.6),\n  backgroundColor:\n    theme.palette.mode === 'dark'\n      ? alpha(theme.palette.background.paper, 0.8)\n      : theme.palette.background.paper,\n  padding: '2px 8px',\n  borderRadius: theme.shape.borderRadius / 2,\n  backdropFilter: theme.palette.mode === 'dark' ? 'blur(8px)' : 'none',\n  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  boxShadow: theme.palette.mode === 'light' ? theme.shadows[1] : 'none',\n}));\n\n// Renders each source line beside a gutter number. Keys combine the line number\n// with a slice of the content and its length, so editing one line in place does\n// not reshuffle the keys of the lines around it.\nconst renderNumberedLines = (source: string) =>\n  source.split('\\n').map((line, index) => {\n    const stableKey = `line-${index + 1}-${line.slice(0, 10).replace(/\\s+/g, '')}-${line.length}`;\n\n    return (\n      <div key={stableKey} style={{ display: 'flex' }}>\n        <span\n          style={{\n            display: 'inline-block',\n            minWidth: '3em',\n            opacity: 0.5,\n            userSelect: 'none',\n            marginRight: '1em',\n            textAlign: 'right',\n          }}\n        >\n          {index + 1}\n        </span>\n        <span>{line}</span>\n      </div>\n    );\n  });\n\n// Only block-ish variants get a language label or a copy affordance.\nconst resolveCodeFlags = (\n  variant: CodeProps['variant'],\n  copyable: boolean,\n  language: CodeProps['language'],\n) => {\n  const isBlock = variant === 'block' || variant === 'highlight';\n  return {\n    isBlock,\n    showCopy: copyable && isBlock,\n    showLanguage: Boolean(language) && isBlock,\n  };\n};\n\n// Owns its own \"just copied\" flash. Keeping it here rather than inline in Code\n// means the copied/not-copied branches do not count against the main render, and\n// the flash re-renders only the button. Non-string children are still a no-op on\n// click, exactly as before.\nconst CodeCopyButton: React.FC<{ source: React.ReactNode }> = ({ source }) => {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = async () => {\n    if (typeof source !== 'string') return;\n    try {\n      await navigator.clipboard.writeText(source);\n      setCopied(true);\n      window.setTimeout(() => setCopied(false), 2000);\n    } catch {\n      // Silently fail if clipboard access is denied\n    }\n  };\n\n  return (\n    <Tooltip title={copied ? 'Copied!' : 'Copy code'}>\n      <CopyButton onClick={handleCopy} size=\"small\" color={copied ? 'success' : 'default'}>\n        {copied ? <Check /> : <ContentCopy />}\n      </CopyButton>\n    </Tooltip>\n  );\n};\n\nexport const Code = React.forwardRef<HTMLElement, CodeProps>(\n  (\n    {\n      variant = 'inline',\n      language,\n      copyable = false,\n      lineNumbers = false,\n      size = 'md',\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { isBlock, showCopy, showLanguage } = resolveCodeFlags(variant, copyable, language);\n\n    // Process children for line numbers if needed\n    const processedChildren = React.useMemo(() => {\n      if (!lineNumbers || !isBlock || typeof children !== 'string') {\n        return children;\n      }\n\n      return renderNumberedLines(children);\n    }, [children, lineNumbers, isBlock]);\n\n    return (\n      <StyledCodeContainer\n        ref={ref}\n        component={variant === 'inline' ? 'span' : 'div'}\n        customVariant={variant}\n        customSize={size}\n        copyable={showCopy}\n        {...props}\n      >\n        {showLanguage && <LanguageLabel>{language}</LanguageLabel>}\n\n        <StyledCode>{processedChildren}</StyledCode>\n\n        {showCopy && <CodeCopyButton source={children} />}\n      </StyledCodeContainer>\n    );\n  },\n);\n\nCode.displayName = 'Code';"],"mappings":"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","names":[]}

package/dist/chunk-7A27MGH6.js

@@ -0,0 +1,154 @@
+import {
+  switchSx
+} from "./chunk-LWPAYLL5.js";
+
+// src/components/form/Switch/Switch.parts.tsx
+import { Box, FormHelperText, Switch as MuiSwitch, Typography } from "@mui/material";
+import { styled } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledSwitch = styled(MuiSwitch, {
+  shouldForwardProp: (prop) => ![
+    "customVariant",
+    "customColor",
+    "customSize",
+    "glow",
+    "glass",
+    "gradient",
+    "trackWidth",
+    "trackHeight",
+    "onText",
+    "offText",
+    "loading",
+    "ripple",
+    "pulse"
+  ].includes(prop)
+})(({ theme, ...flags }) => ({ ...switchSx(theme, flags) }));
+var StyledLabelContainer = styled(Box, {
+  shouldForwardProp: (prop) => !["labelPosition", "error"].includes(prop)
+})(({ theme, labelPosition, error }) => {
+  const stacked = labelPosition === "top" || labelPosition === "bottom";
+  return {
+    display: "flex",
+    alignItems: stacked ? "flex-start" : "center",
+    flexDirection: labelPosition === "top" ? "column" : labelPosition === "bottom" ? "column-reverse" : "row",
+    gap: theme.spacing(stacked ? 1 : 2),
+    width: "100%",
+    ...error && { "& .MuiTypography-root": { color: theme.palette.error.main } }
+  };
+});
+var LabelContainer = ({ labelPosition, error, children }) => /* @__PURE__ */ jsx(StyledLabelContainer, { labelPosition, error, children });
+var ICON_SIZES = { xs: 12, sm: 14, md: 16, lg: 18, xl: 20 };
+var SwitchIcon = ({ icon, shown, animated, size, side }) => {
+  const isOn = side === "on";
+  const translate = isOn ? "translate(-50%, -50%)" : "translate(50%, -50%)";
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        position: "absolute",
+        top: "50%",
+        ...isOn ? { left: shown ? 4 : "50%" } : { right: shown ? 4 : "50%" },
+        transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+        opacity: shown ? 1 : 0,
+        transform: `${translate} scale(${shown && animated ? 1 : 0.8})`,
+        pointerEvents: "none",
+        zIndex: 2,
+        color: isOn ? "#fff" : "text.secondary",
+        fontSize: ICON_SIZES[size] ?? ICON_SIZES.md
+      },
+      children: icon
+    }
+  );
+};
+var SwitchControl = ({
+  checked,
+  onChange,
+  onIcon,
+  offIcon,
+  animated,
+  size,
+  dataTestId,
+  switchRef,
+  rest,
+  ...flags
+}) => {
+  const props = rest;
+  return /* @__PURE__ */ jsxs(Box, { sx: { position: "relative", display: "inline-flex" }, children: [
+    /* @__PURE__ */ jsx(
+      StyledSwitch,
+      {
+        ref: switchRef,
+        ...flags,
+        checked,
+        onChange,
+        disabled: Boolean(flags.loading) || props.disabled,
+        inputProps: {
+          "aria-label": props["aria-label"],
+          "aria-describedby": props["aria-describedby"],
+          ...props.inputProps,
+          "data-testid": dataTestId || "switch"
+        },
+        ...props
+      }
+    ),
+    onIcon && /* @__PURE__ */ jsx(
+      SwitchIcon,
+      {
+        icon: onIcon,
+        shown: Boolean(checked),
+        animated,
+        size,
+        side: "on"
+      }
+    ),
+    offIcon && /* @__PURE__ */ jsx(
+      SwitchIcon,
+      {
+        icon: offIcon,
+        shown: !checked,
+        animated,
+        size,
+        side: "off"
+      }
+    )
+  ] });
+};
+var SwitchHelper = ({ helperText, error, dataTestId }) => helperText ? /* @__PURE__ */ jsx(
+  FormHelperText,
+  {
+    error,
+    sx: { mt: 1 },
+    "data-testid": dataTestId ? `${dataTestId}-helper` : "switch-helper",
+    children: helperText
+  }
+) : null;
+var SwitchLabel = ({ label, description, error, dataTestId }) => /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
+  /* @__PURE__ */ jsx(
+    Typography,
+    {
+      variant: "body2",
+      fontWeight: 500,
+      color: error ? "error.main" : "text.primary",
+      "data-testid": dataTestId ? `${dataTestId}-label` : "switch-label",
+      children: label
+    }
+  ),
+  description && /* @__PURE__ */ jsx(
+    Typography,
+    {
+      variant: "caption",
+      color: error ? "error.main" : "text.secondary",
+      sx: { display: "block", mt: 0.5 },
+      children: description
+    }
+  )
+] });
+
+export {
+  LabelContainer,
+  SwitchIcon,
+  SwitchControl,
+  SwitchHelper,
+  SwitchLabel
+};
+//# sourceMappingURL=chunk-7A27MGH6.js.map

package/dist/chunk-7A27MGH6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Switch/Switch.parts.tsx"],"sourcesContent":["import { Box, FormHelperText, Switch as MuiSwitch, Typography } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport { switchSx } from './Switch.styles';\nimport type { SwitchFlags } from './Switch.styles';\nimport type { SwitchProps } from './Switch.types';\n\nconst StyledSwitch = styled(MuiSwitch, {\n  shouldForwardProp: (prop) =>\n    ![\n      'customVariant',\n      'customColor',\n      'customSize',\n      'glow',\n      'glass',\n      'gradient',\n      'trackWidth',\n      'trackHeight',\n      'onText',\n      'offText',\n      'loading',\n      'ripple',\n      'pulse',\n    ].includes(prop as string),\n})<SwitchFlags>(({ theme, ...flags }) => ({ ...switchSx(theme, flags) }));\n\n/**\n * A top or bottom label stacks and aligns to the start; start/end sit the label\n * beside the control and centre it.\n */\nconst StyledLabelContainer = styled(Box, {\n  shouldForwardProp: (prop) => !['labelPosition', 'error'].includes(prop as string),\n})<{ labelPosition?: string; error?: boolean }>(({ theme, labelPosition, error }) => {\n  const stacked = labelPosition === 'top' || labelPosition === 'bottom';\n\n  return {\n    display: 'flex',\n    alignItems: stacked ? 'flex-start' : 'center',\n    flexDirection:\n      labelPosition === 'top' ? 'column' : labelPosition === 'bottom' ? 'column-reverse' : 'row',\n    gap: theme.spacing(stacked ? 1 : 2),\n    width: '100%',\n    ...(error && { '& .MuiTypography-root': { color: theme.palette.error.main } }),\n  };\n});\n\n/**\n * A plain wrapper over the styled row. Exporting the styled component itself\n * needs a @mui/system reference tsc calls unportable (TS2742).\n */\nexport const LabelContainer: React.FC<{\n  labelPosition?: string;\n  error?: boolean;\n  children: React.ReactNode;\n}> = ({ labelPosition, error, children }) => (\n  <StyledLabelContainer labelPosition={labelPosition} error={error}>\n    {children}\n  </StyledLabelContainer>\n);\n\nconst ICON_SIZES: Record<string, number> = { xs: 12, sm: 14, md: 16, lg: 18, xl: 20 };\n\nexport interface SwitchIconProps {\n  icon: React.ReactNode;\n  /** True when this icon is the one the current state should show. */\n  shown: boolean;\n  animated: boolean;\n  size: string;\n  side: 'on' | 'off';\n}\n\n/**\n * One of the two icons overlaid on the track. The on icon slides to the left\n * edge when checked and the off icon to the right when unchecked; they are\n * mirror images, so they share this component rather than being written twice.\n */\nexport const SwitchIcon: React.FC<SwitchIconProps> = ({ icon, shown, animated, size, side }) => {\n  const isOn = side === 'on';\n  const translate = isOn ? 'translate(-50%, -50%)' : 'translate(50%, -50%)';\n\n  return (\n    <Box\n      sx={{\n        position: 'absolute',\n        top: '50%',\n        ...(isOn ? { left: shown ? 4 : '50%' } : { right: shown ? 4 : '50%' }),\n        transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n        opacity: shown ? 1 : 0,\n        transform: `${translate} scale(${shown && animated ? 1 : 0.8})`,\n        pointerEvents: 'none',\n        zIndex: 2,\n        color: isOn ? '#fff' : 'text.secondary',\n        fontSize: ICON_SIZES[size] ?? ICON_SIZES.md,\n      }}\n    >\n      {icon}\n    </Box>\n  );\n};\n\nexport interface SwitchControlProps extends SwitchFlags {\n  checked?: boolean;\n  onChange?: SwitchProps['onChange'];\n  onIcon?: React.ReactNode;\n  offIcon?: React.ReactNode;\n  animated: boolean;\n  size: string;\n  dataTestId?: string;\n  switchRef?: React.Ref<HTMLButtonElement>;\n  rest: Record<string, unknown>;\n}\n\n/** The control itself: the track, and the two icons that may sit over it. */\nexport const SwitchControl: React.FC<SwitchControlProps> = ({\n  checked,\n  onChange,\n  onIcon,\n  offIcon,\n  animated,\n  size,\n  dataTestId,\n  switchRef,\n  rest,\n  ...flags\n}) => {\n  const props = rest as Record<string, unknown> & {\n    disabled?: boolean;\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  };\n\n  return (\n    <Box sx={{ position: 'relative', display: 'inline-flex' }}>\n      <StyledSwitch\n        ref={switchRef}\n        {...flags}\n        checked={checked}\n        onChange={onChange}\n        disabled={Boolean(flags.loading) || props.disabled}\n        inputProps={\n          {\n            'aria-label': props['aria-label'],\n            'aria-describedby': props['aria-describedby'],\n            ...props.inputProps,\n            'data-testid': dataTestId || 'switch',\n          } as React.InputHTMLAttributes<HTMLInputElement>\n        }\n        {...props}\n      />\n\n      {onIcon && (\n        <SwitchIcon\n          icon={onIcon}\n          shown={Boolean(checked)}\n          animated={animated}\n          size={size}\n          side=\"on\"\n        />\n      )}\n      {offIcon && (\n        <SwitchIcon\n          icon={offIcon}\n          shown={!checked}\n          animated={animated}\n          size={size}\n          side=\"off\"\n        />\n      )}\n    </Box>\n  );\n};\n\nexport const SwitchHelper: React.FC<{\n  helperText?: React.ReactNode;\n  error?: boolean;\n  dataTestId?: string;\n}> = ({ helperText, error, dataTestId }) =>\n  helperText ? (\n    <FormHelperText\n      error={error}\n      sx={{ mt: 1 }}\n      data-testid={dataTestId ? `${dataTestId}-helper` : 'switch-helper'}\n    >\n      {helperText}\n    </FormHelperText>\n  ) : null;\n\nexport const SwitchLabel: React.FC<{\n  label: React.ReactNode;\n  description?: React.ReactNode;\n  error?: boolean;\n  dataTestId?: string;\n}> = ({ label, description, error, dataTestId }) => (\n  <Box sx={{ flex: 1 }}>\n    <Typography\n      variant=\"body2\"\n      fontWeight={500}\n      color={error ? 'error.main' : 'text.primary'}\n      data-testid={dataTestId ? `${dataTestId}-label` : 'switch-label'}\n    >\n      {label}\n    </Typography>\n    {description && (\n      <Typography\n        variant=\"caption\"\n        color={error ? 'error.main' : 'text.secondary'}\n        sx={{ display: 'block', mt: 0.5 }}\n      >\n        {description}\n      </Typography>\n    )}\n  </Box>\n);\n"],"mappings":"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","names":[]}

package/dist/chunk-7AIL2F5E.js

@@ -0,0 +1,16 @@
+// src/components/layout/TableFilter/TableFilterContext.tsx
+import { createContext, useContext } from "react";
+var TableFilterContext = createContext(null);
+function useTableFilterContext() {
+  const context = useContext(TableFilterContext);
+  if (!context) {
+    throw new Error("TableFilter compound components must be rendered inside <TableFilter>");
+  }
+  return context;
+}
+
+export {
+  TableFilterContext,
+  useTableFilterContext
+};
+//# sourceMappingURL=chunk-7AIL2F5E.js.map

package/dist/chunk-7AIL2F5E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/TableFilter/TableFilterContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\nimport type { TableFilterCopy } from '../../../copy';\n\n/** Open/close + active state shared by every `TableFilter` compound part. */\nexport interface TableFilterContextValue {\n  /** Whether the filter panel is expanded. */\n  open: boolean;\n  /** Toggle the panel open/closed. */\n  onOpenChange: (open: boolean) => void;\n  /** When true, the trigger shows a filled indicator dot. */\n  hasActiveFilters: boolean;\n  /**\n   * Every word the compound's parts render. Carried on the root's context\n   * rather than on each part's props because the parts are a TREE — a host\n   * composes `Panel`, `Keyword` and the fields under one root, and asking each\n   * one separately for its share of the same table is the shape that makes a\n   * host answer four times and get one of them wrong.\n   */\n  copy: TableFilterCopy;\n}\n\n/** Backing context. `null` outside a `<TableFilter>` root. */\nexport const TableFilterContext = createContext<TableFilterContextValue | null>(null);\n\n/**\n * Reads the nearest {@link TableFilterContext}.\n *\n * @throws If used outside `<TableFilter>`.\n */\nexport function useTableFilterContext(): TableFilterContextValue {\n  const context = useContext(TableFilterContext);\n  if (!context) {\n    throw new Error('TableFilter compound components must be rendered inside <TableFilter>');\n  }\n  return context;\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AAuBnC,IAAM,qBAAqB,cAA8C,IAAI;AAO7E,SAAS,wBAAiD;AAC/D,QAAM,UAAU,WAAW,kBAAkB;AAC7C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uEAAuE;AAAA,EACzF;AACA,SAAO;AACT;","names":[]}

package/dist/chunk-7EFVS4JH.js

@@ -0,0 +1,79 @@
+// src/components/layout/Accordion/Accordion.styles.ts
+import { alpha } from "@mui/material";
+var BASE_TRANSITION = "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)";
+var accordionVariantStyles = (theme, variant) => {
+  switch (variant) {
+    case "glass":
+      return {
+        backgroundColor: alpha(theme.palette.background.paper, 0.08),
+        backdropFilter: "blur(24px) saturate(180%)",
+        border: `1px solid ${alpha(theme.palette.primary.main, 0.15)}`,
+        borderRadius: theme.spacing(1.5),
+        transition: BASE_TRANSITION,
+        "&:before": {
+          display: "none"
+        },
+        "&:hover": {
+          backgroundColor: alpha(theme.palette.background.paper, 0.12),
+          border: `1px solid ${alpha(theme.palette.primary.main, 0.25)}`,
+          transform: "translateY(-1px)",
+          boxShadow: `0 8px 32px ${alpha(theme.palette.primary.main, 0.12)}`
+        },
+        "&.Mui-expanded": {
+          backgroundColor: alpha(theme.palette.background.paper, 0.15),
+          border: `1px solid ${alpha(theme.palette.primary.main, 0.3)}`
+        }
+      };
+    case "bordered":
+      return {
+        border: `1px solid ${theme.palette.divider}`,
+        borderRadius: theme.spacing(1),
+        transition: BASE_TRANSITION,
+        "&:before": {
+          display: "none"
+        },
+        "&:not(:last-child)": {
+          marginBottom: theme.spacing(1)
+        },
+        "&:hover": {
+          borderColor: theme.palette.primary.main,
+          boxShadow: `0 0 0 1px ${alpha(theme.palette.primary.main, 0.1)}`
+        },
+        "&.Mui-expanded": {
+          borderColor: theme.palette.primary.main
+        }
+      };
+    case "separated":
+      return {
+        boxShadow: theme.shadows[2],
+        borderRadius: theme.spacing(1.5),
+        transition: BASE_TRANSITION,
+        "&:before": {
+          display: "none"
+        },
+        "&:not(:last-child)": {
+          marginBottom: theme.spacing(2)
+        },
+        "&:hover": {
+          boxShadow: theme.shadows[4],
+          transform: "translateY(-2px)"
+        },
+        "&.Mui-expanded": {
+          boxShadow: theme.shadows[6],
+          transform: "translateY(-1px)"
+        }
+      };
+    default:
+      return {
+        transition: BASE_TRANSITION,
+        "&:hover": {
+          backgroundColor: alpha(theme.palette.action.hover, 0.04)
+        }
+      };
+  }
+};
+
+export {
+  accordionVariantStyles
+};
+//# sourceMappingURL=chunk-7EFVS4JH.js.map

package/dist/chunk-7EFVS4JH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Accordion/Accordion.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material';\nimport type { Theme } from '@mui/material';\n\nimport type { AccordionVariant } from './Accordion.types';\n\nconst BASE_TRANSITION = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';\n\n// Deliberately unannotated: the inferred union of literals assigns to MUI's\n// `sx`, whereas a `CSSObject` return type does not survive being spread into it.\nexport const accordionVariantStyles = (theme: Theme, variant: AccordionVariant) => {\n  switch (variant) {\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, 0.08),\n        backdropFilter: 'blur(24px) saturate(180%)',\n        border: `1px solid ${alpha(theme.palette.primary.main, 0.15)}`,\n        borderRadius: theme.spacing(1.5),\n        transition: BASE_TRANSITION,\n        '&:before': {\n          display: 'none',\n        },\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.background.paper, 0.12),\n          border: `1px solid ${alpha(theme.palette.primary.main, 0.25)}`,\n          transform: 'translateY(-1px)',\n          boxShadow: `0 8px 32px ${alpha(theme.palette.primary.main, 0.12)}`,\n        },\n        '&.Mui-expanded': {\n          backgroundColor: alpha(theme.palette.background.paper, 0.15),\n          border: `1px solid ${alpha(theme.palette.primary.main, 0.3)}`,\n        },\n      };\n    case 'bordered':\n      return {\n        border: `1px solid ${theme.palette.divider}`,\n        borderRadius: theme.spacing(1),\n        transition: BASE_TRANSITION,\n        '&:before': {\n          display: 'none',\n        },\n        '&:not(:last-child)': {\n          marginBottom: theme.spacing(1),\n        },\n        '&:hover': {\n          borderColor: theme.palette.primary.main,\n          boxShadow: `0 0 0 1px ${alpha(theme.palette.primary.main, 0.1)}`,\n        },\n        '&.Mui-expanded': {\n          borderColor: theme.palette.primary.main,\n        },\n      };\n    case 'separated':\n      return {\n        boxShadow: theme.shadows[2],\n        borderRadius: theme.spacing(1.5),\n        transition: BASE_TRANSITION,\n        '&:before': {\n          display: 'none',\n        },\n        '&:not(:last-child)': {\n          marginBottom: theme.spacing(2),\n        },\n        '&:hover': {\n          boxShadow: theme.shadows[4],\n          transform: 'translateY(-2px)',\n        },\n        '&.Mui-expanded': {\n          boxShadow: theme.shadows[6],\n          transform: 'translateY(-1px)',\n        },\n      };\n    default:\n      return {\n        transition: BASE_TRANSITION,\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.action.hover, 0.04),\n        },\n      };\n  }\n};\n"],"mappings":";AAAA,SAAS,aAAa;AAKtB,IAAM,kBAAkB;AAIjB,IAAM,yBAAyB,CAAC,OAAc,YAA8B;AACjF,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,QAC3D,gBAAgB;AAAA,QAChB,QAAQ,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,IAAI,CAAC;AAAA,QAC5D,cAAc,MAAM,QAAQ,GAAG;AAAA,QAC/B,YAAY;AAAA,QACZ,YAAY;AAAA,UACV,SAAS;AAAA,QACX;AAAA,QACA,WAAW;AAAA,UACT,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,UAC3D,QAAQ,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,IAAI,CAAC;AAAA,UAC5D,WAAW;AAAA,UACX,WAAW,cAAc,MAAM,MAAM,QAAQ,QAAQ,MAAM,IAAI,CAAC;AAAA,QAClE;AAAA,QACA,kBAAkB;AAAA,UAChB,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,UAC3D,QAAQ,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC;AAAA,QAC7D;AAAA,MACF;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,QAAQ,aAAa,MAAM,QAAQ,OAAO;AAAA,QAC1C,cAAc,MAAM,QAAQ,CAAC;AAAA,QAC7B,YAAY;AAAA,QACZ,YAAY;AAAA,UACV,SAAS;AAAA,QACX;AAAA,QACA,sBAAsB;AAAA,UACpB,cAAc,MAAM,QAAQ,CAAC;AAAA,QAC/B;AAAA,QACA,WAAW;AAAA,UACT,aAAa,MAAM,QAAQ,QAAQ;AAAA,UACnC,WAAW,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC;AAAA,QAChE;AAAA,QACA,kBAAkB;AAAA,UAChB,aAAa,MAAM,QAAQ,QAAQ;AAAA,QACrC;AAAA,MACF;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,WAAW,MAAM,QAAQ,CAAC;AAAA,QAC1B,cAAc,MAAM,QAAQ,GAAG;AAAA,QAC/B,YAAY;AAAA,QACZ,YAAY;AAAA,UACV,SAAS;AAAA,QACX;AAAA,QACA,sBAAsB;AAAA,UACpB,cAAc,MAAM,QAAQ,CAAC;AAAA,QAC/B;AAAA,QACA,WAAW;AAAA,UACT,WAAW,MAAM,QAAQ,CAAC;AAAA,UAC1B,WAAW;AAAA,QACb;AAAA,QACA,kBAAkB;AAAA,UAChB,WAAW,MAAM,QAAQ,CAAC;AAAA,UAC1B,WAAW;AAAA,QACb;AAAA,MACF;AAAA,IACF;AACE,aAAO;AAAA,QACL,YAAY;AAAA,QACZ,WAAW;AAAA,UACT,iBAAiB,MAAM,MAAM,QAAQ,OAAO,OAAO,IAAI;AAAA,QACzD;AAAA,MACF;AAAA,EACJ;AACF;","names":[]}

package/dist/chunk-7FPQOFJF.js

@@ -0,0 +1,57 @@
+import {
+  renderMenuItem
+} from "./chunk-6WUP22G7.js";
+import {
+  MegaSection
+} from "./chunk-6AVN3CIZ.js";
+import {
+  slideIn
+} from "./chunk-YLHCICYS.js";
+
+// src/components/navigation/NavigationMenu/NavigationMegaSection.tsx
+import { Box, List, Typography } from "@mui/material";
+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: "40px",
+    height: "3px",
+    background: (theme) => `linear-gradient(90deg, ${theme.palette.primary.main} 0%, transparent 100%)`,
+    borderRadius: "2px"
+  }
+};
+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: `${slideIn} 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-7FPQOFJF.js.map

package/dist/chunk-7FPQOFJF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/NavigationMenu/NavigationMegaSection.tsx"],"sourcesContent":["import { Box, List, Typography } from '@mui/material';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { MegaSection } from './NavigationMenu.shell';\nimport { slideIn } from './NavigationMenu.styles';\nimport type { NavigationMenuItem } from './NavigationMenu.types';\nimport { renderMenuItem } from './NavigationMenuItem';\n\nconst SECTION_TITLE_SX = {\n  mb: 2.5,\n  color: 'primary.main',\n  fontWeight: 600,\n  position: 'relative',\n  paddingBottom: 1,\n  // The short rule under each section heading.\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '40px',\n    height: '3px',\n    background: (theme: { palette: { primary: { main: string } } }) =>\n      `linear-gradient(90deg, ${theme.palette.primary.main} 0%, transparent 100%)`,\n    borderRadius: '2px',\n  },\n} as const;\n\nexport interface NavigationMegaSectionProps {\n  section: NavigationMenuItem;\n  sectionIndex: number;\n  variant?: string;\n  size?: string;\n  minimal?: boolean;\n}\n\n// One column of the mega menu: a heading and its children, each staggered so the\n// grid fills in rather than appearing all at once.\nexport const NavigationMegaSection: FC<NavigationMegaSectionProps> = ({\n  section,\n  sectionIndex,\n  variant,\n  size,\n  minimal,\n}) => (\n  <MegaSection>\n    <Typography variant=\"h6\" sx={SECTION_TITLE_SX}>\n      {section.label}\n    </Typography>\n    <List sx={{ p: 0 }}>\n      {section.children?.map((item, itemIndex) => (\n        <Box\n          key={item.id}\n          sx={{\n            animation: `${slideIn} 0.4s ease-out`,\n            animationDelay: `${sectionIndex * 0.1 + itemIndex * 0.05}s`,\n            animationFillMode: 'both',\n          }}\n        >\n          {renderMenuItem(item, variant, size, false, minimal, 0)}\n        </Box>\n      ))}\n    </List>\n  </MegaSection>\n);\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,kBAAkB;AA8CpC,SACE,KADF;AArCF,IAAM,mBAAmB;AAAA,EACvB,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA;AAAA,EAEf,YAAY;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY,CAAC,UACX,0BAA0B,MAAM,QAAQ,QAAQ,IAAI;AAAA,IACtD,cAAc;AAAA,EAChB;AACF;AAYO,IAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,qBAAC,eACC;AAAA,sBAAC,cAAW,SAAQ,MAAK,IAAI,kBAC1B,kBAAQ,OACX;AAAA,EACA,oBAAC,QAAK,IAAI,EAAE,GAAG,EAAE,GACd,kBAAQ,UAAU,IAAI,CAAC,MAAM,cAC5B;AAAA,IAAC;AAAA;AAAA,MAEC,IAAI;AAAA,QACF,WAAW,GAAG,OAAO;AAAA,QACrB,gBAAgB,GAAG,eAAe,MAAM,YAAY,IAAI;AAAA,QACxD,mBAAmB;AAAA,MACrB;AAAA,MAEC,yBAAe,MAAM,SAAS,MAAM,OAAO,SAAS,CAAC;AAAA;AAAA,IAPjD,KAAK;AAAA,EAQZ,CACD,GACH;AAAA,GACF;","names":[]}