@12-apps/ui 6.11.1 → 6.12.1

package/dist/chunk-GJ2NPAXA.js

@@ -1,110 +0,0 @@
-// src/components/form/Form/Form.tsx
-import { Box, Stack, styled } from "@mui/material";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledForm = styled("form", {
-  shouldForwardProp: (prop) => prop !== "variant"
-})(({ theme, variant }) => ({
-  width: "100%",
-  ...variant === "inline" && {
-    display: "flex",
-    gap: theme.spacing(2),
-    alignItems: "flex-start"
-  }
-}));
-var spacingMap = {
-  xs: 1,
-  sm: 2,
-  md: 3,
-  lg: 4,
-  xl: 5
-};
-var maxWidthMap = {
-  sm: "600px",
-  md: "900px",
-  lg: "1200px",
-  xl: "1536px",
-  full: "100%"
-};
-var Form = React.forwardRef(
-  ({ variant = "vertical", maxWidth = "full", spacing = "md", children, dataTestId, ...props }, ref) => /* @__PURE__ */ jsx(StyledForm, { ref, variant, role: "form", "data-testid": dataTestId, ...props, children: /* @__PURE__ */ jsx(Box, { sx: { maxWidth: maxWidthMap[maxWidth], width: "100%" }, children: variant === "inline" ? children : /* @__PURE__ */ jsx(Stack, { spacing: spacingMap[spacing], children }) }) })
-);
-Form.displayName = "Form";
-var StyledFormField = styled(Box, {
-  shouldForwardProp: (prop) => prop !== "variant"
-})(
-  ({ theme, variant }) => ({
-    display: variant === "horizontal" ? "grid" : "flex",
-    flexDirection: variant === "horizontal" ? void 0 : "column",
-    gridTemplateColumns: variant === "horizontal" ? "200px 1fr" : void 0,
-    gap: theme.spacing(1),
-    alignItems: variant === "horizontal" ? "center" : void 0
-  })
-);
-var FormField = ({
-  name,
-  label,
-  required,
-  error,
-  helperText,
-  children,
-  dataTestId
-}) => /* @__PURE__ */ jsxs(StyledFormField, { "data-testid": dataTestId, children: [
-  label && /* @__PURE__ */ jsx(FormLabel, { required, error: !!error, htmlFor: name, dataTestId: dataTestId ? `${dataTestId}-label` : void 0, children: label }),
-  /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, dataTestId: dataTestId ? `${dataTestId}-control` : void 0, children: [
-    children,
-    (error || helperText) && /* @__PURE__ */ jsx(FormMessage, { error: !!error, dataTestId: dataTestId ? `${dataTestId}-message` : void 0, children: error || helperText })
-  ] })
-] });
-var StyledFormLabel = styled("label", {
-  shouldForwardProp: (prop) => prop !== "error"
-})(({ theme, error }) => ({
-  fontSize: "0.875rem",
-  fontWeight: 500,
-  color: error ? theme.palette.error.main : theme.palette.text.primary,
-  marginBottom: theme.spacing(0.5),
-  display: "block",
-  "&::after": {
-    content: '" *"',
-    color: theme.palette.error.main,
-    display: "var(--required-display, none)"
-  }
-}));
-var FormLabel = ({ required, error, children, htmlFor, dataTestId }) => /* @__PURE__ */ jsx(
-  StyledFormLabel,
-  {
-    error,
-    htmlFor,
-    "data-testid": dataTestId,
-    style: { "--required-display": required ? "inline" : "none" },
-    children
-  }
-);
-var StyledFormControl = styled(Box, {
-  shouldForwardProp: (prop) => prop !== "fullWidth"
-})(({ fullWidth }) => ({
-  width: fullWidth ? "100%" : "auto",
-  position: "relative"
-}));
-var FormControl = ({ fullWidth = true, children, dataTestId }) => (
-  // Don't pass error prop to the DOM element
-  /* @__PURE__ */ jsx(StyledFormControl, { fullWidth, "data-testid": dataTestId, children })
-);
-var StyledFormMessage = styled("span", {
-  shouldForwardProp: (prop) => prop !== "error"
-})(({ theme, error }) => ({
-  fontSize: "0.75rem",
-  marginTop: theme.spacing(0.5),
-  color: error ? theme.palette.error.main : theme.palette.text.secondary,
-  display: "block"
-}));
-var FormMessage = ({ error, children, dataTestId }) => /* @__PURE__ */ jsx(StyledFormMessage, { error, "data-testid": dataTestId, children });
-
-export {
-  Form,
-  FormField,
-  FormLabel,
-  FormControl,
-  FormMessage
-};
-//# sourceMappingURL=chunk-GJ2NPAXA.js.map

package/dist/chunk-GJ2NPAXA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Form/Form.tsx"],"sourcesContent":["import { Box, Stack, styled } from '@mui/material';\nimport React from 'react';\n\nimport type {\n  FormControlProps,\n  FormFieldProps,\n  FormLabelProps,\n  FormMessageProps,\n  FormProps,\n} from './Form.types';\n\nconst StyledForm = styled('form', {\n  shouldForwardProp: (prop) => prop !== 'variant',\n})<{ variant?: FormProps['variant'] }>(({ theme, variant }) => ({\n  width: '100%',\n  ...(variant === 'inline' && {\n    display: 'flex',\n    gap: theme.spacing(2),\n    alignItems: 'flex-start',\n  }),\n}));\n\nconst spacingMap = {\n  xs: 1,\n  sm: 2,\n  md: 3,\n  lg: 4,\n  xl: 5,\n};\n\nconst maxWidthMap = {\n  sm: '600px',\n  md: '900px',\n  lg: '1200px',\n  xl: '1536px',\n  full: '100%',\n};\n\nexport const Form = React.forwardRef<HTMLFormElement, FormProps>(\n  ({ variant = 'vertical', maxWidth = 'full', spacing = 'md', children, dataTestId, ...props }, ref) => (\n      <StyledForm ref={ref} variant={variant} role=\"form\" data-testid={dataTestId} {...props}>\n        <Box sx={{ maxWidth: maxWidthMap[maxWidth], width: '100%' }}>\n          {variant === 'inline' ? (\n            children\n          ) : (\n            <Stack spacing={spacingMap[spacing]}>{children}</Stack>\n          )}\n        </Box>\n      </StyledForm>\n    ),\n);\n\nForm.displayName = 'Form';\n\nconst StyledFormField = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'variant',\n})<{ variant?: 'vertical' | 'horizontal' }>(\n  ({ theme, variant }) => ({\n    display: variant === 'horizontal' ? 'grid' : 'flex',\n    flexDirection: variant === 'horizontal' ? undefined : 'column',\n    gridTemplateColumns: variant === 'horizontal' ? '200px 1fr' : undefined,\n    gap: theme.spacing(1),\n    alignItems: variant === 'horizontal' ? 'center' : undefined,\n  }),\n);\n\nexport const FormField: React.FC<FormFieldProps> = ({\n  name,\n  label,\n  required,\n  error,\n  helperText,\n  children,\n  dataTestId,\n}) => (\n    <StyledFormField data-testid={dataTestId}>\n      {label && (\n        <FormLabel required={required} error={!!error} htmlFor={name} dataTestId={dataTestId ? `${dataTestId}-label` : undefined}>\n          {label}\n        </FormLabel>\n      )}\n      <FormControl fullWidth dataTestId={dataTestId ? `${dataTestId}-control` : undefined}>\n        {children}\n        {(error || helperText) && <FormMessage error={!!error} dataTestId={dataTestId ? `${dataTestId}-message` : undefined}>{error || helperText}</FormMessage>}\n      </FormControl>\n    </StyledFormField>\n  );\n\nconst StyledFormLabel = styled('label', {\n  shouldForwardProp: (prop) => prop !== 'error',\n})<{ error?: boolean }>(({ theme, error }) => ({\n  fontSize: '0.875rem',\n  fontWeight: 500,\n  color: error ? theme.palette.error.main : theme.palette.text.primary,\n  marginBottom: theme.spacing(0.5),\n  display: 'block',\n  '&::after': {\n    content: '\" *\"',\n    color: theme.palette.error.main,\n    display: 'var(--required-display, none)',\n  },\n}));\n\nexport const FormLabel: React.FC<FormLabelProps> = ({ required, error, children, htmlFor, dataTestId }) => (\n    <StyledFormLabel\n      error={error}\n      htmlFor={htmlFor}\n      data-testid={dataTestId}\n      style={{ '--required-display': required ? 'inline' : 'none' } as React.CSSProperties}\n    >\n      {children}\n    </StyledFormLabel>\n  );\n\nconst StyledFormControl = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'fullWidth',\n})<{ fullWidth?: boolean }>(({ fullWidth }) => ({\n  width: fullWidth ? '100%' : 'auto',\n  position: 'relative',\n}));\n\nexport const FormControl: React.FC<FormControlProps> = ({ fullWidth = true, children, dataTestId }) =>\n  // Don't pass error prop to the DOM element\n   <StyledFormControl fullWidth={fullWidth} data-testid={dataTestId}>{children}</StyledFormControl>\n;\n\nconst StyledFormMessage = styled('span', {\n  shouldForwardProp: (prop) => prop !== 'error',\n})<{ error?: boolean }>(({ theme, error }) => ({\n  fontSize: '0.75rem',\n  marginTop: theme.spacing(0.5),\n  color: error ? theme.palette.error.main : theme.palette.text.secondary,\n  display: 'block',\n}));\n\nexport const FormMessage: React.FC<FormMessageProps> = ({ error, children, dataTestId }) => <StyledFormMessage error={error} data-testid={dataTestId}>{children}</StyledFormMessage>;\n"],"mappings":"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","names":[]}

package/dist/chunk-GQ75VOPI.js

@@ -1,210 +0,0 @@
-import {
-  alertEmphasisStyles,
-  alertLayoutStyles,
-  alertVariantStyles,
-  fadeInScale,
-  getColorFromTheme,
-  getVariantIcon
-} from "./chunk-Y5ULB2OY.js";
-
-// src/components/data-display/Alert/Alert.tsx
-import Close from "@mui/icons-material/Close";
-import {
-  Alert as MuiAlert,
-  AlertTitle,
-  alpha,
-  Box,
-  Collapse,
-  IconButton
-} from "@mui/material";
-import { styled } from "@mui/material";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var StyledAlert = styled(MuiAlert, {
-  shouldForwardProp: (prop) => !["customVariant", "customColor", "glow", "pulse", "animate"].includes(prop)
-})(({ theme, customVariant, customColor, glow, pulse, animate }) => {
-  const colorPalette = getColorFromTheme(theme, customColor || customVariant || "info");
-  return {
-    borderRadius: theme.spacing(1.5),
-    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-    position: "relative",
-    overflow: "hidden",
-    animation: animate ? `${fadeInScale} 0.3s ease-out` : "none",
-    willChange: "transform, opacity",
-    ...alertLayoutStyles(theme, colorPalette, animate),
-    // Hover effects
-    "&:hover": {
-      transform: "translateY(-3px) scale(1.01)",
-      boxShadow: `0 8px 20px ${alpha(colorPalette.main, 0.2)}`,
-      transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-      ".MuiAlert-icon": {
-        transform: "scale(1.15) rotate(10deg)"
-      },
-      "&::before": {
-        opacity: 1
-      }
-    },
-    // Active state
-    "&:active": {
-      transform: "translateY(-1px) scale(0.99)",
-      transition: "transform 0.1s ease"
-    },
-    // Focus styles for accessibility
-    "&:focus-within": {
-      outline: `3px solid ${alpha(colorPalette.main, 0.5)}`,
-      outlineOffset: "3px",
-      boxShadow: `0 0 0 6px ${alpha(colorPalette.main, 0.1)}`,
-      transition: "all 0.2s ease"
-    },
-    ...alertVariantStyles(theme, customVariant, colorPalette),
-    ...alertEmphasisStyles(colorPalette, Boolean(glow), Boolean(pulse))
-  };
-});
-var ALERT_DEFAULTS = {
-  variant: "info",
-  glow: false,
-  pulse: false,
-  showIcon: true,
-  closable: false,
-  animate: true,
-  role: "alert",
-  "aria-atomic": "true",
-  "data-testid": "alert"
-};
-var definedProps = (props) => Object.fromEntries(
-  Object.entries(props).filter(([, value]) => value !== void 0)
-);
-var testIdFor = (base, suffix) => base ? `${base}-${suffix}` : `alert-${suffix}`;
-var MUI_SEVERITY = {
-  danger: "error",
-  glass: "info",
-  gradient: "info"
-};
-var toMuiSeverity = (variant) => MUI_SEVERITY[variant] ?? variant;
-var AlertContent = ({ title, description, dataTestId, children }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  title && /* @__PURE__ */ jsx(
-    AlertTitle,
-    {
-      "data-testid": testIdFor(dataTestId, "title"),
-      sx: {
-        fontWeight: 600,
-        fontSize: "1.05rem",
-        marginBottom: description ? 0.5 : 0,
-        wordWrap: "break-word",
-        overflowWrap: "break-word",
-        wordBreak: "break-word"
-      },
-      children: title
-    }
-  ),
-  description && /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "div",
-      "data-testid": testIdFor(dataTestId, "message"),
-      sx: {
-        opacity: 0.9,
-        fontSize: "0.925rem",
-        wordWrap: "break-word",
-        overflowWrap: "break-word",
-        wordBreak: "break-word"
-      },
-      children: description
-    }
-  ),
-  children
-] });
-var AlertCloseButton = ({
-  dataTestId,
-  label,
-  onClose
-}) => /* @__PURE__ */ jsx(
-  IconButton,
-  {
-    "data-testid": testIdFor(dataTestId, "close"),
-    "aria-label": label,
-    color: "inherit",
-    size: "small",
-    onClick: onClose,
-    sx: (theme) => ({
-      transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-      opacity: 0.7,
-      "&:hover": {
-        transform: "rotate(90deg) scale(1.1)",
-        opacity: 1,
-        backgroundColor: alpha(theme.palette.action.hover, 0.1)
-      },
-      "&:focus": {
-        opacity: 1,
-        outline: "none",
-        backgroundColor: alpha(theme.palette.action.focus, 0.1)
-      }
-    }),
-    children: /* @__PURE__ */ jsx(Close, { fontSize: "inherit" })
-  }
-);
-function dismissButton(props, dataTestId, onClose) {
-  if (!props.closable) return null;
-  return /* @__PURE__ */ jsx(AlertCloseButton, { dataTestId, label: props.closeLabel, onClose });
-}
-var Alert = React.forwardRef(
-  (alertProps, ref) => {
-    const {
-      variant,
-      color,
-      glow,
-      pulse,
-      icon,
-      showIcon,
-      onClose,
-      title,
-      description,
-      children,
-      animate,
-      role,
-      "aria-atomic": ariaAtomic,
-      "data-testid": dataTestId,
-      ...props
-    } = { ...ALERT_DEFAULTS, ...definedProps(alertProps) };
-    const ariaLive = alertProps["aria-live"] ?? (variant === "danger" ? "assertive" : "polite");
-    const [open, setOpen] = React.useState(true);
-    const [isClosing, setIsClosing] = React.useState(false);
-    const handleClose = () => {
-      setIsClosing(true);
-      window.setTimeout(() => {
-        setOpen(false);
-        onClose?.();
-      }, 200);
-    };
-    const severity = toMuiSeverity(variant);
-    const displayIcon = showIcon ? /* @__PURE__ */ jsx(Box, { component: "span", "data-testid": testIdFor(dataTestId, "icon"), children: icon || getVariantIcon(variant) }) : false;
-    const content = /* @__PURE__ */ jsx(AlertContent, { title, description, dataTestId, children });
-    return /* @__PURE__ */ jsx(Collapse, { in: open && !isClosing, timeout: 300, children: /* @__PURE__ */ jsx(
-      StyledAlert,
-      {
-        ref,
-        "data-testid": dataTestId || "alert",
-        severity,
-        customVariant: variant,
-        customColor: color,
-        glow,
-        pulse,
-        animate,
-        icon: displayIcon,
-        role,
-        "aria-live": ariaLive,
-        "aria-atomic": ariaAtomic,
-        tabIndex: 0,
-        action: dismissButton(alertProps, dataTestId, handleClose),
-        ...props,
-        children: content
-      }
-    ) });
-  }
-);
-Alert.displayName = "Alert";
-
-export {
-  Alert
-};
-//# sourceMappingURL=chunk-GQ75VOPI.js.map

package/dist/chunk-GQ75VOPI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Alert/Alert.tsx"],"sourcesContent":["import Close from '@mui/icons-material/Close';\nimport {\n  Alert as MuiAlert,\n  AlertTitle,\n  alpha,\n  Box,\n  Collapse,\n  IconButton } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport {\n  alertEmphasisStyles,\n  alertLayoutStyles,\n  alertVariantStyles,\n  fadeInScale,\n  getColorFromTheme,\n  getVariantIcon } from './Alert.styles';\nimport type { AlertColor } from '@mui/material';\nimport type { AlertProps } from './Alert.types';\n\n// Define animations\nconst StyledAlert = styled(MuiAlert, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customColor', 'glow', 'pulse', 'animate'].includes(prop as string) })<{\n  customVariant?: string;\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  animate?: boolean;\n}>(({ theme, customVariant, customColor, glow, pulse, animate }) => {\n  const colorPalette = getColorFromTheme(theme, customColor || customVariant || 'info');\n\n  return {\n    borderRadius: theme.spacing(1.5),\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    position: 'relative',\n    overflow: 'hidden',\n    animation: animate ? `${fadeInScale} 0.3s ease-out` : 'none',\n    willChange: 'transform, opacity',\n\n    ...alertLayoutStyles(theme, colorPalette, animate),\n\n    // Hover effects\n    '&:hover': {\n      transform: 'translateY(-3px) scale(1.01)',\n      boxShadow: `0 8px 20px ${alpha(colorPalette.main, 0.2)}`,\n      transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n\n      '.MuiAlert-icon': {\n        transform: 'scale(1.15) rotate(10deg)' },\n\n      '&::before': {\n        opacity: 1 } },\n\n    // Active state\n    '&:active': {\n      transform: 'translateY(-1px) scale(0.99)',\n      transition: 'transform 0.1s ease' },\n\n    // Focus styles for accessibility\n    '&:focus-within': {\n      outline: `3px solid ${alpha(colorPalette.main, 0.5)}`,\n      outlineOffset: '3px',\n      boxShadow: `0 0 0 6px ${alpha(colorPalette.main, 0.1)}`,\n      transition: 'all 0.2s ease' },\n\n    ...alertVariantStyles(theme, customVariant, colorPalette),\n    ...alertEmphasisStyles(colorPalette, Boolean(glow), Boolean(pulse)) };\n});\n\nconst ALERT_DEFAULTS = {\n  variant: 'info',\n  glow: false,\n  pulse: false,\n  showIcon: true,\n  closable: false,\n  animate: true,\n  role: 'alert',\n  'aria-atomic': 'true',\n  'data-testid': 'alert' } satisfies Partial<AlertProps>;\n\n// Strips explicitly-undefined props before the merge so `prop={undefined}` still\n// falls back to the default, the way a destructuring default would.\nconst definedProps = (props: AlertProps): Partial<AlertProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<AlertProps>;\n\nconst testIdFor = (base: string | undefined, suffix: string) =>\n  base ? `${base}-${suffix}` : `alert-${suffix}`;\n\n// glass and gradient are our own looks with no MUI severity of their own; both\n// borrow info's. danger is MUI's error.\nconst MUI_SEVERITY: Record<string, AlertColor> = {\n  danger: 'error',\n  glass: 'info',\n  gradient: 'info' };\n\nconst toMuiSeverity = (variant: string): AlertColor =>\n  MUI_SEVERITY[variant] ?? (variant as AlertColor);\n\nconst AlertContent: React.FC<{\n  title?: AlertProps['title'];\n  description?: AlertProps['description'];\n  dataTestId?: string;\n  children?: React.ReactNode;\n}> = ({ title, description, dataTestId, children }) => (\n  <>\n    {title && (\n      <AlertTitle\n        data-testid={testIdFor(dataTestId, 'title')}\n        sx={{\n          fontWeight: 600,\n          fontSize: '1.05rem',\n          marginBottom: description ? 0.5 : 0,\n          wordWrap: 'break-word',\n          overflowWrap: 'break-word',\n          wordBreak: 'break-word' }}\n      >\n        {title}\n      </AlertTitle>\n    )}\n    {description && (\n      <Box\n        component=\"div\"\n        data-testid={testIdFor(dataTestId, 'message')}\n        sx={{\n          opacity: 0.9,\n          fontSize: '0.925rem',\n          wordWrap: 'break-word',\n          overflowWrap: 'break-word',\n          wordBreak: 'break-word' }}\n      >\n        {description}\n      </Box>\n    )}\n    {children}\n  </>\n);\n\nconst AlertCloseButton: React.FC<{ dataTestId?: string; label: string; onClose: () => void }> = ({\n  dataTestId,\n  label,\n  onClose }) => (\n  <IconButton\n    data-testid={testIdFor(dataTestId, 'close')}\n    aria-label={label}\n    color=\"inherit\"\n    size=\"small\"\n    onClick={onClose}\n    sx={(theme) => ({\n      transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n      opacity: 0.7,\n      '&:hover': {\n        transform: 'rotate(90deg) scale(1.1)',\n        opacity: 1,\n        backgroundColor: alpha(theme.palette.action.hover, 0.1) },\n      '&:focus': {\n        opacity: 1,\n        outline: 'none',\n        backgroundColor: alpha(theme.palette.action.focus, 0.1) } })}\n  >\n    <Close fontSize=\"inherit\" />\n  </IconButton>\n);\n\n/**\n * The dismiss button, or nothing.\n *\n * Reads `closeLabel` straight off the props rather than through the\n * `definedProps` merge, which would widen it to `string | undefined` and hand\n * the button an empty name. The UNION in `AlertProps` guarantees the label\n * wherever `closable` is true — that narrowing is gone inside the component,\n * which is why the fallback below exists and why it is unreachable.\n */\nfunction dismissButton(\n  props: AlertProps,\n  dataTestId: string | undefined,\n  onClose: () => void,\n): React.JSX.Element | null {\n  if (!props.closable) return null;\n  return <AlertCloseButton dataTestId={dataTestId} label={props.closeLabel} onClose={onClose} />;\n}\n\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  (\n    alertProps,\n    ref,\n  ) => {\n    const {\n      variant,\n      color,\n      glow,\n      pulse,\n      icon,\n      showIcon,\n      onClose,\n      title,\n      description,\n      children,\n      animate,\n      role,\n      'aria-atomic': ariaAtomic,\n      'data-testid': dataTestId,\n      ...props\n    } = { ...ALERT_DEFAULTS, ...definedProps(alertProps) };\n\n    // Depends on `variant`, so it cannot live in the static defaults above.\n    const ariaLive = alertProps['aria-live'] ?? (variant === 'danger' ? 'assertive' : 'polite');\n    const [open, setOpen] = React.useState(true);\n    const [isClosing, setIsClosing] = React.useState(false);\n\n    const handleClose = () => {\n      setIsClosing(true);\n      window.setTimeout(() => {\n        setOpen(false);\n        onClose?.();\n      }, 200);\n    };\n\n    const severity = toMuiSeverity(variant);\n\n    const displayIcon = showIcon ? (\n      <Box component=\"span\" data-testid={testIdFor(dataTestId, 'icon')}>\n        {icon || getVariantIcon(variant)}\n      </Box>\n    ) : false;\n\n    const content = (\n      <AlertContent title={title} description={description} dataTestId={dataTestId}>\n        {children}\n      </AlertContent>\n    );\n\n    return (\n      <Collapse in={open && !isClosing} timeout={300}>\n        <StyledAlert\n          ref={ref}\n          data-testid={dataTestId || 'alert'}\n          severity={severity}\n          customVariant={variant}\n          customColor={color}\n          glow={glow}\n          pulse={pulse}\n          animate={animate}\n          icon={displayIcon}\n          role={role}\n          aria-live={ariaLive}\n          aria-atomic={ariaAtomic}\n          tabIndex={0}\n          action={dismissButton(alertProps, dataTestId, handleClose)}\n          {...props}\n        >\n          {content}\n        </StyledAlert>\n      </Collapse>\n    );\n  },\n);\n\nAlert.displayName = 'Alert';\n"],"mappings":"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","names":[]}

package/dist/chunk-GVBSCGFZ.js

@@ -1,46 +0,0 @@
-// src/components/data-display/Sheet/Sheet.animations.ts
-import { keyframes } from "@mui/material";
-var SPRING_CONFIG = {
-  tension: 200,
-  friction: 25,
-  velocity: 0
-};
-var DEFAULT_VELOCITY_THRESHOLD = 0.5;
-var DEFAULT_DRAG_RESISTANCE = 0.3;
-var pulseAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0.4);
-  }
-  70% {
-    box-shadow: 0 0 0 20px rgba(var(--pulse-color), 0);
-  }
-  100% {
-    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0);
-  }
-`;
-var shimmerAnimation = keyframes`
-  0% {
-    background-position: -1000px 0;
-  }
-  100% {
-    background-position: 1000px 0;
-  }
-`;
-var glowAnimation = keyframes`
-  0%, 100% {
-    box-shadow: 0 0 20px 5px rgba(var(--glow-color), 0.3);
-  }
-  50% {
-    box-shadow: 0 0 35px 10px rgba(var(--glow-color), 0.5);
-  }
-`;
-
-export {
-  SPRING_CONFIG,
-  DEFAULT_VELOCITY_THRESHOLD,
-  DEFAULT_DRAG_RESISTANCE,
-  pulseAnimation,
-  shimmerAnimation,
-  glowAnimation
-};
-//# sourceMappingURL=chunk-GVBSCGFZ.js.map

package/dist/chunk-GVBSCGFZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.animations.ts"],"sourcesContent":["import { keyframes } from '@mui/material';\n\n/** Spring physics used by the draggable variant's snap-point animation. */\nexport const SPRING_CONFIG = {\n  tension: 200,\n  friction: 25,\n  velocity: 0,\n};\n\n/** Velocity threshold for snap detection (pixels per millisecond). */\nexport const DEFAULT_VELOCITY_THRESHOLD = 0.5;\n\n/** Drag resistance factor applied past the first and last snap points. */\nexport const DEFAULT_DRAG_RESISTANCE = 0.3;\n\nexport const pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0.4);\n  }\n  70% {\n    box-shadow: 0 0 0 20px rgba(var(--pulse-color), 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0);\n  }\n`;\n\nexport const shimmerAnimation = keyframes`\n  0% {\n    background-position: -1000px 0;\n  }\n  100% {\n    background-position: 1000px 0;\n  }\n`;\n\nexport const glowAnimation = keyframes`\n  0%, 100% {\n    box-shadow: 0 0 20px 5px rgba(var(--glow-color), 0.3);\n  }\n  50% {\n    box-shadow: 0 0 35px 10px rgba(var(--glow-color), 0.5);\n  }\n`;\n"],"mappings":";AAAA,SAAS,iBAAiB;AAGnB,IAAM,gBAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AACZ;AAGO,IAAM,6BAA6B;AAGnC,IAAM,0BAA0B;AAEhC,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYvB,IAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASzB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-GYLOBDUC.js

@@ -1,268 +0,0 @@
-import {
-  describeViewState
-} from "./chunk-5M4TYFR3.js";
-import {
-  PreviewBox
-} from "./chunk-2XGJO7OO.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Switch
-} from "./chunk-HBQU2LWP.js";
-import {
-  Input
-} from "./chunk-RIPTJNRP.js";
-import {
-  Dialog,
-  DialogContent
-} from "./chunk-ZZVL523U.js";
-import {
-  Box
-} from "./chunk-34DQAXL2.js";
-import {
-  Stack
-} from "./chunk-Q3FAWSH4.js";
-import {
-  Button
-} from "./chunk-GD7HXHOT.js";
-import {
-  Text
-} from "./chunk-R52HJAYO.js";
-
-// src/components/data-display/DataViews/SaveViewModal.tsx
-import GroupOutlinedIcon from "@mui/icons-material/GroupOutlined";
-import PushPinOutlinedIcon from "@mui/icons-material/PushPinOutlined";
-import StarOutlineRoundedIcon from "@mui/icons-material/StarOutlineRounded";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function FlagRow({
-  icon,
-  title,
-  description,
-  checked,
-  onChange,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "label",
-      sx: {
-        display: "flex",
-        alignItems: "flex-start",
-        gap: 1.5,
-        px: 1,
-        py: 1,
-        borderRadius: 1,
-        cursor: "pointer",
-        "&:hover": { bgcolor: "action.hover" }
-      },
-      children: [
-        /* @__PURE__ */ jsx(Box, { sx: { mt: 0.25, color: "text.disabled", display: "flex" }, children: icon }),
-        /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0, flex: 1 }, children: [
-          /* @__PURE__ */ jsx(Text, { variant: "body", as: "span", children: /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "block", fontSize: "0.875rem" }, children: title }) }),
-          /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "block", color: "text.secondary", lineHeight: 1.5 }, children: description }) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Switch,
-          {
-            size: "sm",
-            checked,
-            onChange: (_event, value) => onChange(value),
-            dataTestId: testId
-          }
-        )
-      ]
-    }
-  );
-}
-function FlagsSwitches({
-  pinned,
-  shared,
-  isDefault,
-  setPinned,
-  setShared,
-  setIsDefault,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 0, children: [
-    /* @__PURE__ */ jsx(
-      FlagRow,
-      {
-        icon: /* @__PURE__ */ jsx(PushPinOutlinedIcon, { fontSize: "small" }),
-        title: copy.saveView.pinnedTitle,
-        description: copy.saveView.pinnedDescription,
-        checked: pinned,
-        onChange: setPinned,
-        testId: `${testIdPrefix}-save-pinned`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      FlagRow,
-      {
-        icon: /* @__PURE__ */ jsx(GroupOutlinedIcon, { fontSize: "small" }),
-        title: copy.saveView.sharedTitle,
-        description: copy.saveView.sharedDescription,
-        checked: shared,
-        onChange: setShared,
-        testId: `${testIdPrefix}-save-shared`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      FlagRow,
-      {
-        icon: /* @__PURE__ */ jsx(StarOutlineRoundedIcon, { fontSize: "small" }),
-        title: copy.saveView.setDefaultTitle,
-        description: copy.saveView.setDefaultDescription,
-        checked: isDefault,
-        onChange: setIsDefault,
-        testId: `${testIdPrefix}-save-default`
-      }
-    )
-  ] });
-}
-function seedForm(editing) {
-  if (!editing) {
-    return { name: "", description: "", pinned: false, shared: false, isDefault: false };
-  }
-  return {
-    name: editing.name,
-    description: editing.description ?? "",
-    pinned: editing.pinned,
-    shared: editing.shared,
-    isDefault: editing.isDefault
-  };
-}
-function useSaveViewForm(editing, onSave) {
-  const copy = useDataViewsCopy();
-  const initial = seedForm(editing);
-  const [name, setName] = useState(initial.name);
-  const [description, setDescription] = useState(initial.description);
-  const [pinned, setPinned] = useState(initial.pinned);
-  const [shared, setShared] = useState(initial.shared);
-  const [isDefault, setIsDefault] = useState(initial.isDefault);
-  const [saving, setSaving] = useState(false);
-  const [error, setError] = useState(null);
-  const canSave = name.trim().length > 0 && !saving;
-  async function submit() {
-    setSaving(true);
-    setError(null);
-    try {
-      await onSave({ name: name.trim(), description: description.trim(), shared, pinned, isDefault });
-    } catch (cause) {
-      setError(cause instanceof Error ? cause.message : copy.saveView.saveFailed);
-    } finally {
-      setSaving(false);
-    }
-  }
-  return {
-    name,
-    description,
-    pinned,
-    shared,
-    isDefault,
-    canSave,
-    error,
-    setName,
-    setDescription,
-    setPinned,
-    setShared,
-    setIsDefault,
-    submit
-  };
-}
-function FormFooter({
-  editing,
-  canSave,
-  onSubmit,
-  onClose,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1.5, sx: { justifyContent: "flex-end" }, children: [
-    /* @__PURE__ */ jsx(Button, { variant: "text", color: "neutral", onClick: onClose, dataTestId: `${testIdPrefix}-save-cancel`, children: copy.saveView.cancel }),
-    /* @__PURE__ */ jsx(Button, { onClick: onSubmit, disabled: !canSave, dataTestId: `${testIdPrefix}-save-submit`, children: editing ? copy.saveView.submitEditing : copy.saveView.submitCreating })
-  ] });
-}
-function SaveViewModal({
-  open,
-  onClose,
-  currentState,
-  fields,
-  columns,
-  editing,
-  onSave,
-  testIdPrefix = "view"
-}) {
-  const copy = useDataViewsCopy();
-  const form = useSaveViewForm(editing, onSave);
-  const preview = describeViewState(currentState, fields, columns);
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onClose,
-      title: editing ? copy.saveView.titleEditing : copy.saveView.titleCreating,
-      size: "sm",
-      showCloseButton: true,
-      dataTestId: `${testIdPrefix}-save-modal`,
-      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 2, "data-testid": `${testIdPrefix}-save-form`, children: [
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            size: "sm",
-            fullWidth: true,
-            label: copy.saveView.nameLabel,
-            placeholder: copy.saveView.namePlaceholder,
-            value: form.name,
-            onChange: (event) => form.setName(event.target.value),
-            "data-testid": `${testIdPrefix}-save-name`
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            size: "sm",
-            fullWidth: true,
-            label: copy.saveView.descriptionLabel,
-            placeholder: copy.saveView.descriptionPlaceholder,
-            value: form.description,
-            onChange: (event) => form.setDescription(event.target.value),
-            "data-testid": `${testIdPrefix}-save-description`
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FlagsSwitches,
-          {
-            pinned: form.pinned,
-            shared: form.shared,
-            isDefault: form.isDefault,
-            setPinned: form.setPinned,
-            setShared: form.setShared,
-            setIsDefault: form.setIsDefault,
-            testIdPrefix
-          }
-        ),
-        /* @__PURE__ */ jsx(PreviewBox, { preview, testIdPrefix }),
-        form.error && /* @__PURE__ */ jsx(Text, { variant: "caption", color: "danger", as: "p", "data-testid": `${testIdPrefix}-save-error`, children: form.error }),
-        /* @__PURE__ */ jsx(
-          FormFooter,
-          {
-            editing,
-            canSave: form.canSave,
-            onSubmit: () => void form.submit(),
-            onClose,
-            testIdPrefix
-          }
-        )
-      ] }) })
-    }
-  );
-}
-
-export {
-  SaveViewModal
-};
-//# sourceMappingURL=chunk-GYLOBDUC.js.map