@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-DSIJEJQ7.js

@@ -1,88 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Button
-} from "./chunk-3EDZU2H7.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/data-views-select-all-strip.tsx
-import Checkbox from "@mui/material/Checkbox/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SelectAllStrip({
-  rows,
-  getRowId,
-  selectedIds,
-  onChange,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  if (rows.length === 0) return null;
-  const pageIds = rows.map(getRowId);
-  const selectedHere = pageIds.filter((id) => selectedIds.has(id)).length;
-  const all = selectedHere === pageIds.length;
-  const some = selectedHere > 0 && !all;
-  const toggle = () => {
-    if (all) {
-      const next = new Set(selectedIds);
-      pageIds.forEach((id) => next.delete(id));
-      onChange(next);
-      return;
-    }
-    onChange(/* @__PURE__ */ new Set([...selectedIds, ...pageIds]));
-  };
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      "data-testid": `${testIdPrefix}-select-all-strip`,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        gap: 1,
-        mt: 1.5,
-        px: 1,
-        py: 0.75,
-        borderBottom: 1,
-        borderColor: "divider",
-        bgcolor: "action.hover",
-        borderRadius: 1
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            size: "small",
-            checked: all,
-            indeterminate: some,
-            onChange: toggle,
-            "data-testid": `${testIdPrefix}-select-all-box`,
-            inputProps: { "aria-label": copy.selection.selectAllOnPage },
-            sx: { p: 0.5 }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "text",
-            size: "sm",
-            color: "secondary",
-            onClick: toggle,
-            dataTestId: `${testIdPrefix}-select-all-toggle`,
-            children: all ? copy.selection.clearSelection : copy.selection.selectAll
-          }
-        ),
-        /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { ml: "auto", color: "text.disabled", whiteSpace: "nowrap" }, children: copy.selection.onThisPage(rows.length) }) })
-      ]
-    }
-  );
-}
-
-export {
-  SelectAllStrip
-};
-//# sourceMappingURL=chunk-DSIJEJQ7.js.map

package/dist/chunk-DY7VTAYO.js

@@ -1,165 +0,0 @@
-import {
-  Sheet
-} from "./chunk-DBCITC4P.js";
-import {
-  Dialog
-} from "./chunk-L4UP5VYS.js";
-import {
-  Button
-} from "./chunk-3EDZU2H7.js";
-import {
-  accentFor
-} from "./chunk-TCAQOUIB.js";
-
-// src/components/navigation/AppHeader/AppHeader.details.tsx
-import Box from "@mui/material/Box/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import useMediaQuery from "@mui/material/useMediaQuery/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DIALOG_WIDTH = 460;
-var XXS_MAX_WIDTH = 360;
-function sheetHeight(xxs) {
-  return { height: "auto", maxHeight: xxs ? "100dvh" : "90dvh" };
-}
-function usesSheet(presentation, compact) {
-  if (presentation === "sheet") return true;
-  if (presentation === "dialog") return false;
-  return compact;
-}
-var DetailRow = ({
-  row,
-  last,
-  dataTestId
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      "data-testid": `${dataTestId}-row`,
-      "data-row": row.id ?? row.label,
-      sx: {
-        display: "flex",
-        alignItems: "flex-start",
-        justifyContent: "space-between",
-        gap: 2,
-        py: 1.5,
-        borderBottom: last ? "none" : `1px solid ${theme.palette.divider}`
-      },
-      children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "text.secondary", component: "span", sx: { flex: "0 0 auto" }, children: row.label }),
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "body1",
-            component: "span",
-            sx: {
-              minWidth: 0,
-              textAlign: "right",
-              fontWeight: row.tone ? 700 : 500,
-              color: row.tone ? accentFor(theme, row.tone).main : "text.primary",
-              // Newlines in a value are meaningful — an address is two lines.
-              whiteSpace: "pre-line"
-            },
-            children: row.value
-          }
-        )
-      ]
-    }
-  );
-};
-var DetailsBody = ({ rows, children, dataTestId }) => /* @__PURE__ */ jsxs(Box, { "data-testid": `${dataTestId}-body`, children: [
-  (rows ?? []).map((row, index) => /* @__PURE__ */ jsx(
-    DetailRow,
-    {
-      row,
-      last: index === (rows?.length ?? 0) - 1 && !children,
-      dataTestId
-    },
-    row.id ?? row.label
-  )),
-  children
-] });
-var DetailsAction = ({ action, dataTestId, padded = false }) => action ? /* @__PURE__ */ jsx(Box, { sx: padded ? { pt: 2 } : void 0, children: /* @__PURE__ */ jsx(
-  Button,
-  {
-    variant: "solid",
-    color: action.color ?? "primary",
-    size: "lg",
-    fullWidth: true,
-    disabled: action.disabled,
-    onClick: action.onClick,
-    dataTestId: action.dataTestId ?? `${dataTestId}-action`,
-    children: action.label
-  }
-) }) : null;
-var AppHeaderDetails = ({
-  open,
-  onClose,
-  title,
-  subtitle,
-  rows,
-  children,
-  action,
-  presentation = "auto",
-  breakpoint = "sm",
-  className,
-  dataTestId = "app-header-details"
-}) => {
-  const theme = useTheme();
-  const asSheet = usesSheet(presentation, useMediaQuery(theme.breakpoints.down(breakpoint)));
-  const xxs = useMediaQuery(`(max-width:${XXS_MAX_WIDTH - 0.05}px)`);
-  const description = typeof subtitle === "string" ? subtitle : void 0;
-  const richSubtitle = description === void 0 ? subtitle : null;
-  const body = /* @__PURE__ */ jsx(DetailsBody, { rows, dataTestId, children });
-  const footer = /* @__PURE__ */ jsx(DetailsAction, { action, dataTestId });
-  if (asSheet) {
-    return /* @__PURE__ */ jsxs(
-      Sheet,
-      {
-        open,
-        onClose,
-        onOpenChange: (next) => !next && onClose(),
-        position: "bottom",
-        size: "md",
-        style: sheetHeight(xxs),
-        className,
-        title,
-        description,
-        showCloseButton: true,
-        rounded: true,
-        footer,
-        dataTestId,
-        children: [
-          richSubtitle,
-          body
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      open,
-      onClose,
-      title,
-      description,
-      showCloseButton: true,
-      fullWidth: true,
-      className,
-      dataTestId,
-      PaperProps: { sx: { maxWidth: DIALOG_WIDTH, borderRadius: 3 } },
-      children: [
-        richSubtitle,
-        body,
-        /* @__PURE__ */ jsx(DetailsAction, { action, dataTestId, padded: true })
-      ]
-    }
-  );
-};
-AppHeaderDetails.displayName = "AppHeaderDetails";
-
-export {
-  AppHeaderDetails
-};
-//# sourceMappingURL=chunk-DY7VTAYO.js.map

package/dist/chunk-DYMVVVSU.js

@@ -1,227 +0,0 @@
-import {
-  getColorFromTheme,
-  textareaEmphasisStyles
-} from "./chunk-AMTFP7QA.js";
-import {
-  fieldBorder
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-import {
-  FIELD_BORDER_WIDTH
-} from "./chunk-PZBK3F52.js";
-
-// src/components/form/Textarea/Textarea.tsx
-import Box from "@mui/material/Box/index.js";
-import FormHelperText from "@mui/material/FormHelperText/index.js";
-import InputLabel from "@mui/material/InputLabel/index.js";
-import TextareaAutosize from "@mui/material/TextareaAutosize/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import { lazy, Suspense, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TextareaRichEditor = lazy(async () => ({
-  default: (await import("./_internal/components/form/Textarea/TextareaRichEditor.js")).TextareaRichEditor
-}));
-var StyledTextarea = styled(TextareaAutosize, {
-  shouldForwardProp: (prop) => !["customVariant", "customColor", "customSize", "glow", "glass", "gradient", "error"].includes(
-    prop
-  )
-})(({
-  theme,
-  customVariant,
-  customColor = "primary",
-  customSize = "md",
-  glow,
-  glass,
-  gradient,
-  error
-}) => {
-  if (!theme) return {};
-  const colorPalette = getColorFromTheme(theme, customColor);
-  const errorColor = theme.palette.error;
-  const sizeMap = {
-    xs: { padding: "6px 8px", fontSize: "0.75rem", minHeight: "60px" },
-    sm: { padding: "8px 10px", fontSize: "0.875rem", minHeight: "80px" },
-    md: { padding: "10px 12px", fontSize: "1rem", minHeight: "100px" },
-    lg: { padding: "12px 14px", fontSize: "1.125rem", minHeight: "120px" },
-    xl: { padding: "14px 16px", fontSize: "1.25rem", minHeight: "140px" }
-  };
-  const baseStyles = {
-    width: "100%",
-    fontFamily: theme.typography.fontFamily,
-    borderRadius: fieldRadius(theme),
-    border: error ? `${FIELD_BORDER_WIDTH}px solid ${errorColor.main}` : fieldBorder(theme),
-    backgroundColor: theme.palette.background.paper,
-    color: theme.palette.text.primary,
-    transition: "all 0.3s ease",
-    resize: customVariant === "resizable" ? "vertical" : "none",
-    outline: "none",
-    ...sizeMap[customSize],
-    "&::placeholder": {
-      color: theme.palette.text.secondary,
-      opacity: 0.7
-    },
-    "&:hover": {
-      borderColor: error ? errorColor.dark : colorPalette.main,
-      backgroundColor: alpha(theme.palette.background.paper, 0.8)
-    },
-    // Focus is two pixels, like every other field's: the second is an inset
-    // shadow, so the 1px resting border can thicken without the box moving.
-    "&:focus": {
-      borderColor: error ? errorColor.main : colorPalette.main,
-      backgroundColor: theme.palette.background.paper,
-      boxShadow: `inset 0 0 0 1px ${error ? errorColor.main : colorPalette.main}, 0 0 0 3px ${alpha(error ? errorColor.main : colorPalette.main, 0.1)}`
-    }
-  };
-  return {
-    ...baseStyles,
-    ...textareaEmphasisStyles({ theme, colorPalette, glass, gradient, glow })
-  };
-});
-var StyledLabel = styled(InputLabel, {
-  shouldForwardProp: (prop) => !["glass", "error"].includes(prop)
-})(({ theme, glass, error }) => ({
-  marginBottom: theme.spacing(1),
-  fontWeight: 500,
-  color: error ? theme.palette.error.main : theme.palette.text.primary,
-  ...glass && {
-    backgroundColor: alpha(theme.palette.background.paper, 0.1),
-    backdropFilter: "blur(10px)",
-    padding: "4px 8px",
-    borderRadius: "4px",
-    border: `1px solid ${fieldEdge(theme)}`,
-    display: "inline-block"
-  }
-}));
-var ICON_GUTTER = "40px";
-var TEXTAREA_DEFAULTS = {
-  variant: "default",
-  color: "primary",
-  size: "md",
-  error: false,
-  glassLabel: false,
-  glow: false,
-  glass: false,
-  gradient: false,
-  iconPosition: "start",
-  minRows: 3
-};
-var definedProps = (props) => Object.fromEntries(
-  Object.entries(props).filter(([, value]) => value !== void 0)
-);
-var TextareaShell = ({ testId, label, glassLabel, error, helperText, children }) => /* @__PURE__ */ jsxs(
-  Box,
-  {
-    sx: { position: "relative", width: "100%" },
-    "data-testid": testId ? `${testId}-wrapper` : void 0,
-    children: [
-      label && /* @__PURE__ */ jsx(StyledLabel, { glass: glassLabel, error, children: label }),
-      children,
-      helperText && /* @__PURE__ */ jsx(FormHelperText, { error, sx: { mt: 1 }, children: helperText })
-    ]
-  }
-);
-var TextareaIcon = ({ icon, iconPosition }) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: {
-      position: "absolute",
-      top: "12px",
-      ...iconPosition === "start" ? { left: "12px" } : { right: "12px" },
-      color: "text.secondary",
-      pointerEvents: "none",
-      zIndex: 1
-    },
-    children: icon
-  }
-);
-function RichVariant({
-  shell,
-  editor
-}) {
-  return /* @__PURE__ */ jsx(TextareaShell, { ...shell, children: /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(TextareaRichEditor, { ...editor }) }) });
-}
-var Textarea = (textareaProps) => {
-  const {
-    variant,
-    color,
-    size,
-    error,
-    helperText,
-    label,
-    glassLabel,
-    glow,
-    glass,
-    gradient,
-    icon,
-    iconPosition,
-    minRows,
-    maxRows,
-    style,
-    "data-testid": dataTestId,
-    dataTestId: dataTestIdCamelCase,
-    ...props
-  } = { ...TEXTAREA_DEFAULTS, ...definedProps(textareaProps) };
-  const { richEditorCopy } = textareaProps;
-  const [richTextValue, setRichTextValue] = useState("");
-  const hasIcon = Boolean(icon);
-  const testId = dataTestId || dataTestIdCamelCase;
-  const textareaStyle = {
-    ...style,
-    // Same gap either side; only which side it applies to changes. The previous
-    // version had `iconPosition === 'start' ? '40px' : '40px'`, a ternary whose
-    // two branches were identical.
-    ...hasIcon && {
-      [iconPosition === "start" ? "paddingLeft" : "paddingRight"]: ICON_GUTTER
-    }
-  };
-  if (variant === "rich" && richEditorCopy) {
-    return /* @__PURE__ */ jsx(
-      RichVariant,
-      {
-        shell: { testId, label, glassLabel, error, helperText },
-        editor: {
-          copy: richEditorCopy,
-          value: richTextValue,
-          onChange: setRichTextValue,
-          placeholder: props.placeholder,
-          error,
-          glass,
-          color,
-          characterLimit: props.maxLength
-        }
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(TextareaShell, { testId, label, glassLabel, error, helperText, children: /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
-    hasIcon && /* @__PURE__ */ jsx(TextareaIcon, { icon, iconPosition }),
-    /* @__PURE__ */ jsx(
-      StyledTextarea,
-      {
-        customVariant: variant,
-        customColor: color,
-        customSize: size,
-        glow,
-        glass,
-        gradient,
-        error,
-        minRows: variant === "autosize" ? minRows : void 0,
-        maxRows: variant === "autosize" ? maxRows : void 0,
-        style: textareaStyle,
-        "aria-label": label || props["aria-label"],
-        "data-testid": testId,
-        ...props
-      }
-    )
-  ] }) });
-};
-Textarea.displayName = "Textarea";
-
-export {
-  Textarea
-};
-//# sourceMappingURL=chunk-DYMVVVSU.js.map

package/dist/chunk-DYMVVVSU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Textarea/Textarea.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport FormHelperText from '@mui/material/FormHelperText/index.js';\nimport InputLabel from '@mui/material/InputLabel/index.js';\nimport TextareaAutosize from '@mui/material/TextareaAutosize/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React, { lazy, Suspense, useState } from 'react';\n\nimport {\n  getColorFromTheme,\n  textareaEmphasisStyles } from './Textarea.styles';\n\n/**\n * The rich editor is LOADED ON DEMAND, not imported (12-51 follow-up).\n *\n * It renders only for `variant === 'rich'`, but a static import made every\n * consumer of a plain `<Textarea>` pay for it — 387 lines of toolbar plus the\n * MUI `Tooltip`, `IconButton` and `Divider` its formatting buttons need. That\n * is not theoretical: an adopting storefront imports this entry for a one-line\n * order note, and `Tooltip` (8.7 KiB) reached its EAGER chunk through here\n * while nothing on that critical path renders a tooltip at all.\n *\n * `variant` is a prop, so the branch cannot be decided at build time and no\n * amount of tree-shaking removes it. A lazy boundary is what expresses \"only\n * the rich variant pays\", and it costs the rich variant one microtask it can\n * afford — it is a text editor a user has already chosen to open, never a\n * first-paint element.\n */\nconst TextareaRichEditor = lazy(async () => ({\n  default: (await import('./TextareaRichEditor')).TextareaRichEditor }));\nimport type { TextareaProps } from './Textarea.types';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { FIELD_BORDER_WIDTH, fieldBorder } from '../../../tokens/field-height';\n\n// Interface for styled component props\ninterface StyledTextareaProps {\n  customVariant?: string;\n  customColor?: string;\n  customSize?: string;\n  glow?: boolean;\n  glass?: boolean;\n  gradient?: boolean;\n  error?: boolean;\n  theme?: Theme;\n}\n\n// Glow animation for enhanced visual effects\nconst StyledTextarea = styled(TextareaAutosize, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customColor', 'customSize', 'glow', 'glass', 'gradient', 'error'].includes(\n      prop as string,\n    ) })<StyledTextareaProps>(({\n  theme,\n  customVariant,\n  customColor = 'primary',\n  customSize = 'md',\n  glow,\n  glass,\n  gradient,\n  error }) => {\n  if (!theme) return {};\n  const colorPalette = getColorFromTheme(theme, customColor);\n  const errorColor = theme.palette.error;\n\n  const sizeMap = {\n    xs: { padding: '6px 8px', fontSize: '0.75rem', minHeight: '60px' },\n    sm: { padding: '8px 10px', fontSize: '0.875rem', minHeight: '80px' },\n    md: { padding: '10px 12px', fontSize: '1rem', minHeight: '100px' },\n    lg: { padding: '12px 14px', fontSize: '1.125rem', minHeight: '120px' },\n    xl: { padding: '14px 16px', fontSize: '1.25rem', minHeight: '140px' } };\n\n  const baseStyles = {\n    width: '100%',\n    fontFamily: theme.typography.fontFamily,\n    borderRadius: fieldRadius(theme),\n    border: error ? `${FIELD_BORDER_WIDTH}px solid ${errorColor.main}` : fieldBorder(theme),\n    backgroundColor: theme.palette.background.paper,\n    color: theme.palette.text.primary,\n    transition: 'all 0.3s ease',\n    resize: customVariant === 'resizable' ? 'vertical' : 'none',\n    outline: 'none',\n    ...sizeMap[customSize as keyof typeof sizeMap],\n\n    '&::placeholder': {\n      color: theme.palette.text.secondary,\n      opacity: 0.7 },\n\n    '&:hover': {\n      borderColor: error ? errorColor.dark : colorPalette.main,\n      backgroundColor: alpha(theme.palette.background.paper, 0.8) },\n\n    // Focus is two pixels, like every other field's: the second is an inset\n    // shadow, so the 1px resting border can thicken without the box moving.\n    '&:focus': {\n      borderColor: error ? errorColor.main : colorPalette.main,\n      backgroundColor: theme.palette.background.paper,\n      boxShadow: `inset 0 0 0 1px ${error ? errorColor.main : colorPalette.main}, 0 0 0 3px ${alpha(error ? errorColor.main : colorPalette.main, 0.1)}` } };\n\n  // Glass morphism effect\n  return {\n    ...baseStyles,\n    ...textareaEmphasisStyles({ theme, colorPalette, glass, gradient, glow }) };\n});\n\nconst StyledLabel = styled(InputLabel, {\n  shouldForwardProp: (prop) => !['glass', 'error'].includes(prop as string) })<{ glass?: boolean; error?: boolean }>(({ theme, glass, error }) => ({\n  marginBottom: theme.spacing(1),\n  fontWeight: 500,\n  color: error ? theme.palette.error.main : theme.palette.text.primary,\n  ...(glass && {\n    backgroundColor: alpha(theme.palette.background.paper, 0.1),\n    backdropFilter: 'blur(10px)',\n    padding: '4px 8px',\n    borderRadius: '4px',\n    border: `1px solid ${fieldEdge(theme)}`,\n    display: 'inline-block' }) }));\n\n// IconWrapper - replaced with inline Box component for better TypeScript compatibility\n// const IconWrapper = styled(Box)<{ position: 'start' | 'end' }>(({ theme, position }) => {\n//   const positionStyles = position === 'start' ? { left: '12px' } : { right: '12px' };\n//   return {\n//     position: 'absolute' as const,\n//     top: '12px',\n//     ...positionStyles,\n//     color: theme.palette.text.secondary,\n//     pointerEvents: 'none' as const,\n//     zIndex: 1,\n//   };\n// });\n\n// Rich text toolbar styling\n\nconst ICON_GUTTER = '40px';\n\nconst TEXTAREA_DEFAULTS = {\n  variant: 'default',\n  color: 'primary',\n  size: 'md',\n  error: false,\n  glassLabel: false,\n  glow: false,\n  glass: false,\n  gradient: false,\n  iconPosition: 'start',\n  minRows: 3 } satisfies Partial<TextareaProps>;\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}`\n// still falls back to the default as a destructuring default would.\nconst definedProps = (props: TextareaProps): Partial<TextareaProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<TextareaProps>;\n\n// Label above, helper text below — identical for the plain and rich variants,\n// which previously duplicated both.\nconst TextareaShell: React.FC<{\n  testId?: string;\n  label?: React.ReactNode;\n  glassLabel: boolean;\n  error: boolean;\n  helperText?: React.ReactNode;\n  children: React.ReactNode;\n}> = ({ testId, label, glassLabel, error, helperText, children }) => (\n  <Box\n    sx={{ position: 'relative', width: '100%' }}\n    data-testid={testId ? `${testId}-wrapper` : undefined}\n  >\n    {label && (\n      <StyledLabel glass={glassLabel} error={error}>\n        {label}\n      </StyledLabel>\n    )}\n\n    {children}\n\n    {helperText && (\n      <FormHelperText error={error} sx={{ mt: 1 }}>\n        {helperText}\n      </FormHelperText>\n    )}\n  </Box>\n);\n\nconst TextareaIcon: React.FC<{\n  icon?: React.ReactNode;\n  iconPosition: 'start' | 'end';\n}> = ({ icon, iconPosition }) => (\n  <Box\n    sx={{\n      position: 'absolute',\n      top: '12px',\n      ...(iconPosition === 'start' ? { left: '12px' } : { right: '12px' }),\n      color: 'text.secondary',\n      pointerEvents: 'none',\n      zIndex: 1 }}\n  >\n    {icon}\n  </Box>\n);\n\n/**\n * The rich variant, kept out of the main component's body.\n *\n * Two reasons rather than one: the `Suspense` boundary and its props belong\n * together with the lazy import above, and the component that renders every\n * OTHER variant stays inside the size the complexity gate allows without\n * anything being suppressed.\n */\nfunction RichVariant({\n  shell,\n  editor }: {\n  shell: Omit<React.ComponentProps<typeof TextareaShell>, 'children'>;\n  editor: React.ComponentProps<typeof TextareaRichEditor>;\n}): React.JSX.Element {\n  return (\n    <TextareaShell {...shell}>\n      {/*\n        `null` rather than a spinner: the editor resolves from the same document\n        the caller is already rendering, so a fallback would flash for a frame\n        and read as a glitch rather than as loading.\n      */}\n      <Suspense fallback={null}>\n        <TextareaRichEditor {...editor} />\n      </Suspense>\n    </TextareaShell>\n  );\n}\n\nexport const Textarea: React.FC<TextareaProps> = (textareaProps) => {\n  const {\n    variant,\n    color,\n    size,\n    error,\n    helperText,\n    label,\n    glassLabel,\n    glow,\n    glass,\n    gradient,\n    icon,\n    iconPosition,\n    minRows,\n    maxRows,\n    style,\n    'data-testid': dataTestId,\n    dataTestId: dataTestIdCamelCase,\n    ...props\n  } = { ...TEXTAREA_DEFAULTS, ...definedProps(textareaProps) };\n\n  // Read off the props rather than the merged object: the spread widens every\n  // key to optional, which would lose what the variant union already proved.\n  const { richEditorCopy } = textareaProps;\n\n  const [richTextValue, setRichTextValue] = useState('');\n  const hasIcon = Boolean(icon);\n  const testId = dataTestId || dataTestIdCamelCase;\n\n  const textareaStyle = {\n    ...style,\n    // Same gap either side; only which side it applies to changes. The previous\n    // version had `iconPosition === 'start' ? '40px' : '40px'`, a ternary whose\n    // two branches were identical.\n    ...(hasIcon && {\n      [iconPosition === 'start' ? 'paddingLeft' : 'paddingRight']: ICON_GUTTER }) };\n\n  // If rich text variant, use the rich text editor\n  if (variant === 'rich' && richEditorCopy) {\n    return (\n      <RichVariant\n        shell={{ testId, label, glassLabel, error, helperText }}\n        editor={{\n          copy: richEditorCopy,\n          value: richTextValue,\n          onChange: setRichTextValue,\n          placeholder: props.placeholder,\n          error,\n          glass,\n          color,\n          characterLimit: props.maxLength }}\n      />\n    );\n  }\n\n  return (\n    <TextareaShell testId={testId} label={label} glassLabel={glassLabel} error={error} helperText={helperText}>\n      <Box sx={{ position: 'relative' }}>\n        {hasIcon && <TextareaIcon icon={icon} iconPosition={iconPosition} />}\n\n        <StyledTextarea\n          customVariant={variant}\n          customColor={color}\n          customSize={size}\n          glow={glow}\n          glass={glass}\n          gradient={gradient}\n          error={error}\n          minRows={variant === 'autosize' ? minRows : undefined}\n          maxRows={variant === 'autosize' ? maxRows : undefined}\n          style={textareaStyle}\n          aria-label={label || props['aria-label']}\n          data-testid={testId}\n          {...props}\n        />\n      </Box>\n    </TextareaShell>\n  );\n};\n\nTextarea.displayName = 'Textarea';\n"],"mappings":"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","names":[]}

package/dist/chunk-E6OILRUU.js

@@ -1,58 +0,0 @@
-import {
-  FormContext
-} from "./chunk-4XK6JQ4D.js";
-import {
-  Form
-} from "./chunk-IPPTOL53.js";
-
-// src/components/form/total-form/FormContainer.tsx
-import { validateFields } from "@12-apps/forms-core";
-import { useCallback, useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function FormContainer({
-  initialValues,
-  schema,
-  onSubmit,
-  children,
-  dataTestId = "total-form"
-}) {
-  const [values, setValues] = useState(initialValues);
-  const [errors, setErrors] = useState({});
-  const [submitting, setSubmitting] = useState(false);
-  const setFieldValue = useCallback((name, value) => {
-    setValues((prev) => ({ ...prev, [name]: value }));
-    setErrors((prev) => {
-      if (!prev[name]) return prev;
-      const next = { ...prev };
-      delete next[name];
-      return next;
-    });
-  }, []);
-  const handleSubmit = useCallback(
-    async (event) => {
-      event.preventDefault();
-      const nextErrors = schema ? validateFields(values, schema) : {};
-      setErrors(nextErrors);
-      if (Object.values(nextErrors).some(Boolean)) return;
-      setSubmitting(true);
-      try {
-        await onSubmit(values, {
-          setFieldErrors: (fieldErrors) => setErrors(fieldErrors)
-        });
-      } finally {
-        setSubmitting(false);
-      }
-    },
-    [onSubmit, schema, values]
-  );
-  const contextValue = useMemo(
-    () => ({ values, errors, submitting, setFieldValue }),
-    [errors, setFieldValue, submitting, values]
-  );
-  return /* @__PURE__ */ jsx(FormContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(Form, { dataTestId, onSubmit: handleSubmit, noValidate: true, children }) });
-}
-
-export {
-  FormContainer
-};
-//# sourceMappingURL=chunk-E6OILRUU.js.map

package/dist/chunk-EAE5Z5HL.js

@@ -1,65 +0,0 @@
-import {
-  dayCount,
-  isAfterDay
-} from "./chunk-FRAVVI4A.js";
-import {
-  isoToMasked
-} from "./chunk-VDZQJBAV.js";
-
-// src/components/form/DateRangePicker/DateRangePicker.range.ts
-function resolveDayRange(draft, maxRangeDays) {
-  const { from, to } = draft;
-  if (!from || !to) return { ok: false, problem: "incomplete", days: 0 };
-  if (isAfterDay(from, to)) return { ok: false, problem: "reversed", days: 0 };
-  const days = dayCount(from, to);
-  if (maxRangeDays !== void 0 && days > maxRangeDays) {
-    return { ok: false, problem: "over-max", days };
-  }
-  return { ok: true, window: { from, to }, days };
-}
-function defaultMessages() {
-  const dayMask = "dd/mm/yyyy";
-  return {
-    from: "Start date",
-    to: "End date",
-    quickRanges: "Quick ranges",
-    incomplete: "Choose both dates.",
-    reversed: "The end date must be on or after the start date.",
-    overMax: ({ maxRangeDays }) => `Choose a range of at most ${maxRangeDays} days.`,
-    summary: ({ from, to }) => `${isoToMasked(from, dayMask)} \u2013 ${isoToMasked(to, dayMask)}`,
-    calendarLabel: "Calendar",
-    dayMask
-  };
-}
-function statusMessage(status, messages, maxRangeDays) {
-  if (status.ok) return messages.summary(status.window);
-  if (status.problem === "incomplete") return messages.incomplete;
-  if (status.problem === "reversed") return messages.reversed;
-  return messages.overMax({ maxRangeDays: maxRangeDays ?? status.days, days: status.days });
-}
-function resolveQuickRanges(quickRanges, context, maxRangeDays) {
-  return quickRanges.map((quickRange) => {
-    const window = quickRange.resolve(context);
-    const days = dayCount(window.from, window.to);
-    return {
-      ...quickRange,
-      window,
-      days,
-      overMax: maxRangeDays !== void 0 && days > maxRangeDays
-    };
-  });
-}
-function activeQuickRangeId(options, draft) {
-  return options.find(
-    (option) => option.window.from === draft.from && option.window.to === draft.to
-  )?.id;
-}
-
-export {
-  resolveDayRange,
-  defaultMessages,
-  statusMessage,
-  resolveQuickRanges,
-  activeQuickRangeId
-};
-//# sourceMappingURL=chunk-EAE5Z5HL.js.map

package/dist/chunk-ECZXTIDR.js

@@ -1,39 +0,0 @@
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/data-views-header-row.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function GridHeaderRow({
-  title,
-  headerActions,
-  testIdPrefix
-}) {
-  if (!title && !headerActions) return null;
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      "data-testid": `${testIdPrefix}-header`,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        gap: 2,
-        flexWrap: "wrap",
-        pb: 1.5
-      },
-      children: [
-        title ? /* @__PURE__ */ jsx(Text, { variant: "heading", size: "lg", as: "h2", children: title }) : /* @__PURE__ */ jsx(default2, {}),
-        headerActions && /* @__PURE__ */ jsx(default2, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: headerActions })
-      ]
-    }
-  );
-}
-
-export {
-  GridHeaderRow
-};
-//# sourceMappingURL=chunk-ECZXTIDR.js.map