@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-Z7JNCB5Q.js

@@ -1,64 +0,0 @@
-import {
-  headingSx
-} from "./chunk-PWR7K5OP.js";
-import {
-  HEADING_DEFAULT_COLOR,
-  HEADING_DEFAULT_LEVEL,
-  HEADING_DEFAULT_WEIGHT,
-  HEADING_RANK,
-  stepOf
-} from "./chunk-3N6EK6K5.js";
-import {
-  resolveTestId,
-  withoutTestIdProps
-} from "./chunk-QLWBQQW7.js";
-
-// src/components/typography/Heading/Heading.tsx
-import { styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var styledHeading = () => styled("h1", {
-  shouldForwardProp: (prop) => !["customSize", "customColor", "customWeight", "gradient"].includes(prop)
-})(({ theme, ...flags }) => ({ ...headingSx(theme, flags) }));
-var STYLED_BY_TAG = {
-  h1: styledHeading().withComponent("h1"),
-  h2: styledHeading().withComponent("h2"),
-  h3: styledHeading().withComponent("h3"),
-  h4: styledHeading().withComponent("h4"),
-  h5: styledHeading().withComponent("h5"),
-  h6: styledHeading().withComponent("h6")
-};
-var Heading = React.forwardRef(
-  ({
-    level = HEADING_DEFAULT_LEVEL,
-    size,
-    color = HEADING_DEFAULT_COLOR,
-    weight = HEADING_DEFAULT_WEIGHT,
-    gradient = false,
-    children,
-    ...others
-  }, ref) => {
-    const Styled = STYLED_BY_TAG[`h${HEADING_RANK[stepOf(level)]}`];
-    const testId = resolveTestId(others);
-    const props = withoutTestIdProps(others);
-    return /* @__PURE__ */ jsx(
-      Styled,
-      {
-        ref,
-        "data-testid": testId,
-        customSize: size ?? level,
-        customColor: color,
-        customWeight: weight,
-        gradient,
-        ...props,
-        children
-      }
-    );
-  }
-);
-Heading.displayName = "Heading";
-
-export {
-  Heading
-};
-//# sourceMappingURL=chunk-Z7JNCB5Q.js.map

package/dist/chunk-ZBNTFWTG.js

@@ -1,91 +0,0 @@
-import {
-  CaretGlyph
-} from "./chunk-DMNZD3Q7.js";
-import {
-  triggerChevronSx,
-  triggerClearSx,
-  triggerCountSx,
-  triggerSx
-} from "./chunk-FCOEJCUP.js";
-
-// src/components/form/CategorySelect/CategoryTrigger.tsx
-import Box from "@mui/material/Box/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CategoryTrigger({
-  placeholder,
-  selectionLabel,
-  count,
-  open,
-  disabled,
-  fullWidth,
-  onOpen,
-  onClear,
-  triggerRef,
-  dataTestId,
-  copy
-}) {
-  const hasSelection = Boolean(selectionLabel) || (count ?? 0) > 0;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      ref: triggerRef,
-      disabled,
-      "aria-haspopup": "dialog",
-      "aria-expanded": open,
-      "data-testid": `${dataTestId}-trigger`,
-      onClick: onOpen,
-      sx: (theme) => ({
-        ...triggerSx(theme, hasSelection, open),
-        width: fullWidth ? "100%" : "auto"
-      }),
-      children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "span",
-            sx: {
-              whiteSpace: "nowrap",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              maxWidth: 190,
-              flex: fullWidth ? 1 : "0 1 auto",
-              textAlign: "left"
-            },
-            children: selectionLabel ?? placeholder
-          }
-        ),
-        count !== void 0 && count > 0 && /* @__PURE__ */ jsx(Box, { component: "span", sx: triggerCountSx, "data-testid": `${dataTestId}-count`, children: count }),
-        hasSelection && onClear && /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "span",
-            role: "button",
-            tabIndex: 0,
-            "aria-label": copy.clearSelection,
-            "data-testid": `${dataTestId}-clear-trigger`,
-            sx: triggerClearSx,
-            onClick: (event) => {
-              event.stopPropagation();
-              onClear();
-            },
-            onKeyDown: (event) => {
-              if (event.key !== "Enter" && event.key !== " ") return;
-              event.preventDefault();
-              event.stopPropagation();
-              onClear();
-            },
-            children: "\xD7"
-          }
-        ),
-        /* @__PURE__ */ jsx(CaretGlyph, { style: triggerChevronSx(open) })
-      ]
-    }
-  );
-}
-
-export {
-  CategoryTrigger
-};
-//# sourceMappingURL=chunk-ZBNTFWTG.js.map

package/dist/chunk-ZBOFBRZC.js

@@ -1,41 +0,0 @@
-import {
-  useFormContext
-} from "./chunk-4XK6JQ4D.js";
-import {
-  Input
-} from "./chunk-M3RIC6JI.js";
-import {
-  FormControl,
-  FormLabel,
-  FormMessage
-} from "./chunk-IPPTOL53.js";
-
-// src/components/form/total-form/Fields/TextField.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function TextField({ name, label, type = "text", placeholder }) {
-  const { values, errors, setFieldValue } = useFormContext();
-  const error = errors[name];
-  const testId = `total-form-field-${name}`;
-  return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { htmlFor: name, error: Boolean(error), children: label }),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        id: name,
-        name,
-        type,
-        placeholder,
-        value: values[name] ?? "",
-        error: Boolean(error),
-        "data-testid": testId,
-        onChange: (event) => setFieldValue(name, event.target.value)
-      }
-    ),
-    error && /* @__PURE__ */ jsx(FormMessage, { error: true, dataTestId: `${testId}-message`, children: error })
-  ] });
-}
-
-export {
-  TextField
-};
-//# sourceMappingURL=chunk-ZBOFBRZC.js.map

package/dist/chunk-ZGEBIC5X.js

@@ -1,84 +0,0 @@
-import {
-  getSizeStyles
-} from "./chunk-4Q7HWRR2.js";
-
-// src/components/data-display/Badge/BadgeContent.tsx
-import CloseIcon from "@mui/icons-material/Close";
-import IconButton from "@mui/material/IconButton/index.js";
-import { jsx } from "react/jsx-runtime";
-var CLOSE_ICON_SIZES = {
-  xs: "0.5rem",
-  sm: "0.625rem",
-  md: "0.75rem",
-  lg: "0.875rem"
-};
-var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `badge-${suffix}`;
-var BadgeIcon = ({
-  icon,
-  size,
-  testId
-}) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    "data-testid": testId,
-    style: {
-      fontSize: getSizeStyles(size).iconSize,
-      display: "inline-flex",
-      alignItems: "center"
-    },
-    children: icon
-  },
-  "icon"
-);
-var BadgeCloseButton = ({
-  size,
-  testId,
-  onClose
-}) => /* @__PURE__ */ jsx(
-  IconButton,
-  {
-    size: "small",
-    onClick: onClose,
-    "data-testid": testId,
-    sx: {
-      p: 0,
-      ml: 0.5,
-      color: "inherit",
-      "& svg": { fontSize: CLOSE_ICON_SIZES[size] ?? CLOSE_ICON_SIZES.lg },
-      "&:hover": { opacity: 0.8 }
-    },
-    children: /* @__PURE__ */ jsx(CloseIcon, {})
-  },
-  "close"
-);
-var buildBadgeContent = ({
-  variant,
-  size,
-  icon,
-  closable,
-  dataTestId,
-  baseContent,
-  onClose
-}) => {
-  if (variant === "dot") return "";
-  const testId = makeTestId(dataTestId);
-  const parts = [];
-  if (icon) parts.push(/* @__PURE__ */ jsx(BadgeIcon, { icon, size, testId: testId("icon") }, "icon"));
-  if (baseContent !== null && baseContent !== void 0) {
-    parts.push(
-      /* @__PURE__ */ jsx("span", { "data-testid": testId("content"), children: baseContent }, "content")
-    );
-  }
-  if (closable && !variant.includes("dot")) {
-    parts.push(
-      /* @__PURE__ */ jsx(BadgeCloseButton, { size, testId: testId("close"), onClose }, "close")
-    );
-  }
-  if (parts.length === 0) return null;
-  return /* @__PURE__ */ jsx("span", { style: { display: "inline-flex", alignItems: "center", gap: "2px" }, children: parts });
-};
-
-export {
-  buildBadgeContent
-};
-//# sourceMappingURL=chunk-ZGEBIC5X.js.map

package/dist/chunk-ZGEBIC5X.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Badge/BadgeContent.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\n\nimport { getSizeStyles } from './Badge.styles';\nimport type { BadgeSize } from './Badge.types';\n\n// CLOSE_ICON_SIZES already exists in Badge.tsx; the size lookup lives here now.\nconst CLOSE_ICON_SIZES: Record<string, string> = {\n  xs: '0.5rem',\n  sm: '0.625rem',\n  md: '0.75rem',\n  lg: '0.875rem',\n};\n\nconst makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `badge-${suffix}`;\n\nconst BadgeIcon: FC<{ icon: ReactNode; size: BadgeSize; testId: string }> = ({\n  icon,\n  size,\n  testId,\n}) => (\n  <span\n    key=\"icon\"\n    data-testid={testId}\n    style={{\n      fontSize: getSizeStyles(size).iconSize,\n      display: 'inline-flex',\n      alignItems: 'center',\n    }}\n  >\n    {icon}\n  </span>\n);\n\nconst BadgeCloseButton: FC<{ size: BadgeSize; testId: string; onClose: (e: React.MouseEvent) => void }> = ({\n  size,\n  testId,\n  onClose,\n}) => (\n  <IconButton\n    key=\"close\"\n    size=\"small\"\n    onClick={onClose}\n    data-testid={testId}\n    sx={{\n      p: 0,\n      ml: 0.5,\n      color: 'inherit',\n      '& svg': { fontSize: CLOSE_ICON_SIZES[size] ?? CLOSE_ICON_SIZES.lg },\n      '&:hover': { opacity: 0.8 },\n    }}\n  >\n    <CloseIcon />\n  </IconButton>\n);\n\n// The badge's inner run: optional icon, the content itself, optional close\n// button. A dot badge shows none of it.\nexport const buildBadgeContent = ({\n  variant,\n  size,\n  icon,\n  closable,\n  dataTestId,\n  baseContent,\n  onClose,\n}: {\n  variant: string;\n  size: BadgeSize;\n  icon?: ReactNode;\n  closable?: boolean;\n  dataTestId?: string;\n  baseContent: ReactNode;\n  onClose: (e: React.MouseEvent) => void;\n}): ReactNode => {\n  if (variant === 'dot') return '';\n\n  const testId = makeTestId(dataTestId);\n  const parts: ReactNode[] = [];\n\n  if (icon) parts.push(<BadgeIcon key=\"icon\" icon={icon} size={size} testId={testId('icon')} />);\n\n  if (baseContent !== null && baseContent !== undefined) {\n    parts.push(\n      <span key=\"content\" data-testid={testId('content')}>\n        {baseContent}\n      </span>,\n    );\n  }\n\n  if (closable && !variant.includes('dot')) {\n    parts.push(\n      <BadgeCloseButton key=\"close\" size={size} testId={testId('close')} onClose={onClose} />,\n    );\n  }\n\n  if (parts.length === 0) return null;\n\n  return (\n    <span style={{ display: 'inline-flex', alignItems: 'center', gap: '2px' }}>{parts}</span>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,eAAe;AACtB,OAAO,gBAAgB;AAyBrB;AAjBF,IAAM,mBAA2C;AAAA,EAC/C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,aACJ,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,SAAS,MAAM;AAE5D,IAAM,YAAsE,CAAC;AAAA,EAC3E;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IAEC,eAAa;AAAA,IACb,OAAO;AAAA,MACL,UAAU,cAAc,IAAI,EAAE;AAAA,MAC9B,SAAS;AAAA,MACT,YAAY;AAAA,IACd;AAAA,IAEC;AAAA;AAAA,EARG;AASN;AAGF,IAAM,mBAAoG,CAAC;AAAA,EACzG;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IAEC,MAAK;AAAA,IACL,SAAS;AAAA,IACT,eAAa;AAAA,IACb,IAAI;AAAA,MACF,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,SAAS,EAAE,UAAU,iBAAiB,IAAI,KAAK,iBAAiB,GAAG;AAAA,MACnE,WAAW,EAAE,SAAS,IAAI;AAAA,IAC5B;AAAA,IAEA,8BAAC,aAAU;AAAA;AAAA,EAZP;AAaN;AAKK,IAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAQiB;AACf,MAAI,YAAY,MAAO,QAAO;AAE9B,QAAM,SAAS,WAAW,UAAU;AACpC,QAAM,QAAqB,CAAC;AAE5B,MAAI,KAAM,OAAM,KAAK,oBAAC,aAAqB,MAAY,MAAY,QAAQ,OAAO,MAAM,KAApD,MAAuD,CAAE;AAE7F,MAAI,gBAAgB,QAAQ,gBAAgB,QAAW;AACrD,UAAM;AAAA,MACJ,oBAAC,UAAmB,eAAa,OAAO,SAAS,GAC9C,yBADO,SAEV;AAAA,IACF;AAAA,EACF;AAEA,MAAI,YAAY,CAAC,QAAQ,SAAS,KAAK,GAAG;AACxC,UAAM;AAAA,MACJ,oBAAC,oBAA6B,MAAY,QAAQ,OAAO,OAAO,GAAG,WAA7C,OAA+D;AAAA,IACvF;AAAA,EACF;AAEA,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,SACE,oBAAC,UAAK,OAAO,EAAE,SAAS,eAAe,YAAY,UAAU,KAAK,MAAM,GAAI,iBAAM;AAEtF;","names":[]}

package/dist/chunk-ZHEJLUCX.js

@@ -1,87 +0,0 @@
-// src/components/data-display/Progress/Progress.styles.ts
-import { alpha, keyframes } from "@mui/material/styles/index.js";
-var pulseAnimation = keyframes`
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.7;
-  }
-  100% {
-    opacity: 1;
-  }
-`;
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return {
-      light: theme.palette.grey[300],
-      main: theme.palette.grey[500],
-      dark: theme.palette.grey[700],
-      contrastText: theme.palette.getContrastText(theme.palette.grey[500])
-    };
-  }
-  const colorMap = {
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    error: theme.palette.error,
-    info: theme.palette.info,
-    danger: theme.palette.error
-    // Add danger alias
-  };
-  return colorMap[color] || theme.palette.primary;
-};
-var SIZE_MAP = {
-  xs: { height: 2, circularSize: 24, fontSize: "0.625rem" },
-  sm: { height: 4, circularSize: 32, fontSize: "0.75rem" },
-  md: { height: 6, circularSize: 40, fontSize: "0.875rem" },
-  lg: { height: 8, circularSize: 48, fontSize: "1rem" },
-  xl: { height: 10, circularSize: 56, fontSize: "1.125rem" }
-};
-var getSizeStyles = (size) => SIZE_MAP[size] || SIZE_MAP.md;
-var barVariantStyles = (variant, colorPalette) => {
-  switch (variant) {
-    case "linear":
-      return { backgroundColor: colorPalette.main };
-    case "gradient":
-      return {
-        background: `linear-gradient(90deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`
-      };
-    case "glass":
-      return {
-        backgroundColor: alpha(colorPalette.main, 0.8),
-        backdropFilter: "blur(10px)",
-        border: `1px solid ${alpha(colorPalette.main, 0.3)}`
-      };
-    default:
-      return {};
-  }
-};
-var barEmphasisStyles = (colorPalette, glow, pulse) => ({
-  ...glow && {
-    boxShadow: `0 0 10px 2px ${alpha(colorPalette.main, 0.4)}`,
-    filter: "brightness(1.1)"
-  },
-  ...pulse && {
-    animation: `${pulseAnimation} 2s infinite`
-  }
-});
-var circularEmphasisStyles = (colorPalette, glow, pulse) => ({
-  ...glow && {
-    filter: `drop-shadow(0 0 8px ${alpha(colorPalette.main, 0.6)})`
-  },
-  ...pulse && {
-    animation: `${pulseAnimation} 2s infinite`
-  }
-});
-
-export {
-  pulseAnimation,
-  getColorFromTheme,
-  getSizeStyles,
-  barVariantStyles,
-  barEmphasisStyles,
-  circularEmphasisStyles
-};
-//# sourceMappingURL=chunk-ZHEJLUCX.js.map

package/dist/chunk-ZHEJLUCX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Progress/Progress.styles.ts"],"sourcesContent":["import type { PaletteColor, CSSObject, Theme } from '@mui/material/styles/index.js';\nimport { alpha, keyframes } from '@mui/material/styles/index.js';\n\nimport type { ProgressSize, ProgressVariant } from './Progress.types';\n\n// Define pulse animation\nexport const pulseAnimation = keyframes`\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.7;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nexport const getColorFromTheme = (theme: Theme, color: string): PaletteColor => {\n  // Handle special case for neutral (grey) which is a Color, not PaletteColor\n  if (color === 'neutral') {\n    return {\n      light: theme.palette.grey[300],\n      main: theme.palette.grey[500],\n      dark: theme.palette.grey[700],\n      contrastText: theme.palette.getContrastText(theme.palette.grey[500]),\n    };\n  }\n\n  const colorMap: Record<string, PaletteColor> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    error: theme.palette.error,\n    info: theme.palette.info,\n    danger: theme.palette.error, // Add danger alias\n  };\n\n  // Ensure we always return a valid color object with main and dark properties\n  return colorMap[color] || theme.palette.primary;\n};\n\nconst SIZE_MAP: Record<ProgressSize, { height: number; circularSize: number; fontSize: string }> = {\n  xs: { height: 2, circularSize: 24, fontSize: '0.625rem' },\n  sm: { height: 4, circularSize: 32, fontSize: '0.75rem' },\n  md: { height: 6, circularSize: 40, fontSize: '0.875rem' },\n  lg: { height: 8, circularSize: 48, fontSize: '1rem' },\n  xl: { height: 10, circularSize: 56, fontSize: '1.125rem' },\n};\n\nexport const getSizeStyles = (size?: ProgressSize) => SIZE_MAP[size as ProgressSize] || SIZE_MAP.md;\n\nexport const barVariantStyles = (\n  variant: ProgressVariant | undefined,\n  colorPalette: PaletteColor,\n): CSSObject => {\n  switch (variant) {\n    case 'linear':\n      return { backgroundColor: colorPalette.main };\n    case 'gradient':\n      return {\n        background: `linear-gradient(90deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`,\n      };\n    case 'glass':\n      return {\n        backgroundColor: alpha(colorPalette.main, 0.8),\n        backdropFilter: 'blur(10px)',\n        border: `1px solid ${alpha(colorPalette.main, 0.3)}`,\n      };\n    default:\n      return {};\n  }\n};\n\n// glow and pulse are independent flags. The three combinations used to be spelled\n// out one by one, but each is just the union of whichever flags are set.\nexport const barEmphasisStyles = (\n  colorPalette: PaletteColor,\n  glow?: boolean,\n  pulse?: boolean,\n): CSSObject => ({\n  ...(glow && {\n    boxShadow: `0 0 10px 2px ${alpha(colorPalette.main, 0.4)}`,\n    filter: 'brightness(1.1)',\n  }),\n  ...(pulse && {\n    animation: `${pulseAnimation} 2s infinite`,\n  }),\n});\n\nexport const circularEmphasisStyles = (\n  colorPalette: PaletteColor,\n  glow?: boolean,\n  pulse?: boolean,\n): CSSObject => ({\n  ...(glow && {\n    filter: `drop-shadow(0 0 8px ${alpha(colorPalette.main, 0.6)})`,\n  }),\n  ...(pulse && {\n    animation: `${pulseAnimation} 2s infinite`,\n  }),\n});\n"],"mappings":";AACA,SAAS,OAAO,iBAAiB;AAK1B,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYvB,IAAM,oBAAoB,CAAC,OAAc,UAAgC;AAE9E,MAAI,UAAU,WAAW;AACvB,WAAO;AAAA,MACL,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,MAC7B,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,MAC5B,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,MAC5B,cAAc,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,KAAK,GAAG,CAAC;AAAA,IACrE;AAAA,EACF;AAEA,QAAM,WAAyC;AAAA,IAC7C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,OAAO,MAAM,QAAQ;AAAA,IACrB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA;AAAA,EACxB;AAGA,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ;AAC1C;AAEA,IAAM,WAA6F;AAAA,EACjG,IAAI,EAAE,QAAQ,GAAG,cAAc,IAAI,UAAU,WAAW;AAAA,EACxD,IAAI,EAAE,QAAQ,GAAG,cAAc,IAAI,UAAU,UAAU;AAAA,EACvD,IAAI,EAAE,QAAQ,GAAG,cAAc,IAAI,UAAU,WAAW;AAAA,EACxD,IAAI,EAAE,QAAQ,GAAG,cAAc,IAAI,UAAU,OAAO;AAAA,EACpD,IAAI,EAAE,QAAQ,IAAI,cAAc,IAAI,UAAU,WAAW;AAC3D;AAEO,IAAM,gBAAgB,CAAC,SAAwB,SAAS,IAAoB,KAAK,SAAS;AAE1F,IAAM,mBAAmB,CAC9B,SACA,iBACc;AACd,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO,EAAE,iBAAiB,aAAa,KAAK;AAAA,IAC9C,KAAK;AACH,aAAO;AAAA,QACL,YAAY,0BAA0B,aAAa,IAAI,QAAQ,aAAa,QAAQ,aAAa,IAAI;AAAA,MACvG;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,aAAa,MAAM,GAAG;AAAA,QAC7C,gBAAgB;AAAA,QAChB,QAAQ,aAAa,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,MACpD;AAAA,IACF;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAIO,IAAM,oBAAoB,CAC/B,cACA,MACA,WACe;AAAA,EACf,GAAI,QAAQ;AAAA,IACV,WAAW,gBAAgB,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,IACxD,QAAQ;AAAA,EACV;AAAA,EACA,GAAI,SAAS;AAAA,IACX,WAAW,GAAG,cAAc;AAAA,EAC9B;AACF;AAEO,IAAM,yBAAyB,CACpC,cACA,MACA,WACe;AAAA,EACf,GAAI,QAAQ;AAAA,IACV,QAAQ,uBAAuB,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,EAC9D;AAAA,EACA,GAAI,SAAS;AAAA,IACX,WAAW,GAAG,cAAc;AAAA,EAC9B;AACF;","names":[]}

package/dist/chunk-ZIOCRSHU.js

@@ -1,268 +0,0 @@
-import {
-  describeViewState
-} from "./chunk-5M4TYFR3.js";
-import {
-  PreviewBox
-} from "./chunk-D7FJ2GAD.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Switch
-} from "./chunk-FX5DY6VR.js";
-import {
-  Input
-} from "./chunk-M3RIC6JI.js";
-import {
-  Dialog,
-  DialogContent
-} from "./chunk-S5LE2ARG.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  default as default3
-} from "./chunk-WEBEOBN5.js";
-import {
-  Button
-} from "./chunk-SL4NFGOL.js";
-import {
-  Text
-} from "./chunk-2PCOC3PT.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(
-    default2,
-    {
-      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(default2, { sx: { mt: 0.25, color: "text.disabled", display: "flex" }, children: icon }),
-        /* @__PURE__ */ jsxs(default2, { sx: { minWidth: 0, flex: 1 }, children: [
-          /* @__PURE__ */ jsx(Text, { variant: "body", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", fontSize: "0.875rem" }, children: title }) }),
-          /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { 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(default3, { 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(default3, { 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(default3, { 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-ZIOCRSHU.js.map