@12-apps/ui 6.11.1 → 6.12.0

package/dist/chunk-FRYHXCFG.js

@@ -1,172 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Box
-} from "./chunk-34DQAXL2.js";
-import {
-  Button
-} from "./chunk-GD7HXHOT.js";
-import {
-  Text
-} from "./chunk-R52HJAYO.js";
-
-// src/components/data-display/DataViews/data-views-export.tsx
-import DownloadRoundedIcon from "@mui/icons-material/DownloadRounded";
-import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
-import { CircularProgress, Popover } from "@mui/material";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var ALL_FORMATS = ["xlsx", "csv", "json"];
-function scopeLabel(selected, total) {
-  if (selected > 0) {
-    return `${selected} ${selected === 1 ? "item selecionado" : "itens selecionados"}`;
-  }
-  return `${total} ${total === 1 ? "item filtrado" : "itens filtrados"}`;
-}
-function ExportTrigger({
-  busy,
-  onOpen,
-  testIdPrefix,
-  compact
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      color: "neutral",
-      disabled: busy,
-      onClick: (event) => onOpen(event.currentTarget),
-      dataTestId: `${testIdPrefix}-export-trigger`,
-      "aria-label": copy.export.trigger,
-      title: compact ? copy.export.trigger : void 0,
-      children: /* @__PURE__ */ jsxs(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
-        busy ? /* @__PURE__ */ jsx(CircularProgress, { size: 14 }) : /* @__PURE__ */ jsx(DownloadRoundedIcon, { fontSize: "small" }),
-        !compact && /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: { xs: "none", sm: "inline" } }, children: copy.export.triggerLabel }),
-        !compact && /* @__PURE__ */ jsx(KeyboardArrowDownRoundedIcon, { fontSize: "small" })
-      ] })
-    }
-  );
-}
-function FormatRow({
-  format,
-  onPick,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      onClick: onPick,
-      "data-testid": `${testIdPrefix}-export-${format}`,
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "flex-start",
-        width: "100%",
-        px: 1.5,
-        py: 1,
-        border: 0,
-        background: "none",
-        cursor: "pointer",
-        font: "inherit",
-        textAlign: "left",
-        "&:hover": { bgcolor: "action.hover" }
-      },
-      children: [
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontSize: "0.8125rem" }, children: copy.export.formats[format]?.label ?? format }),
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontSize: "0.6875rem", color: "text.disabled" }, children: copy.export.formats[format]?.hint ?? "" })
-      ]
-    }
-  );
-}
-function ExportPanel({
-  formats,
-  selectedCount,
-  totalCount,
-  columnCount,
-  onPick,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(Box, { "data-testid": `${testIdPrefix}-export-panel`, children: [
-    /* @__PURE__ */ jsxs(Box, { sx: { px: 1.5, pt: 1, pb: 1, borderBottom: 1, borderColor: "divider" }, children: [
-      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsxs(Box, { component: "span", "data-testid": `${testIdPrefix}-export-scope`, children: [
-        "Exportando ",
-        scopeLabel(selectedCount, totalCount)
-      ] }) }),
-      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(Box, { component: "span", sx: { color: "text.disabled" }, children: copy.export.visibleColumns(columnCount) }) })
-    ] }),
-    formats.map((format) => /* @__PURE__ */ jsx(
-      FormatRow,
-      {
-        format,
-        onPick: () => onPick(format),
-        testIdPrefix
-      },
-      format
-    ))
-  ] });
-}
-function DataViewsExportMenu({
-  config,
-  query,
-  totalCount,
-  selectedIds,
-  columns,
-  testIdPrefix,
-  compact
-}) {
-  const [anchor, setAnchor] = useState(null);
-  const [busy, setBusy] = useState(false);
-  const run = async (format) => {
-    setAnchor(null);
-    setBusy(true);
-    try {
-      await config.onExport({
-        format,
-        // UNPAGINATED: page 1 of a page as large as the whole result. The host
-        // re-queries with this; nothing here reads the loaded rows.
-        query: { ...query, page: 1, pageSize: Math.max(1, totalCount) },
-        selectedIds: selectedIds.length > 0 ? [...selectedIds] : void 0,
-        columns
-      });
-    } finally {
-      setBusy(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ExportTrigger, { busy, onOpen: setAnchor, testIdPrefix, compact }),
-    /* @__PURE__ */ jsx(
-      Popover,
-      {
-        open: Boolean(anchor),
-        anchorEl: anchor,
-        onClose: () => setAnchor(null),
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        slotProps: { paper: { sx: { width: 260, maxWidth: "calc(100vw - 32px)" } } },
-        children: /* @__PURE__ */ jsx(
-          ExportPanel,
-          {
-            formats: config.formats ?? ALL_FORMATS,
-            selectedCount: selectedIds.length,
-            totalCount,
-            columnCount: columns.length,
-            onPick: (format) => void run(format),
-            testIdPrefix
-          }
-        )
-      }
-    )
-  ] });
-}
-
-export {
-  DataViewsExportMenu
-};
-//# sourceMappingURL=chunk-FRYHXCFG.js.map

package/dist/chunk-FRYHXCFG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-export.tsx"],"sourcesContent":["\"use client\";\n\nimport DownloadRoundedIcon from \"@mui/icons-material/DownloadRounded\";\nimport KeyboardArrowDownRoundedIcon from \"@mui/icons-material/KeyboardArrowDownRounded\";\nimport { CircularProgress, Popover } from \"@mui/material\";\nimport { useState } from \"react\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport type { DataViewQuery } from \"./data-views-types\";\n\n/**\n * EXPORT — the current QUERY, never the rendered page.\n *\n * Exporting what happens to be on screen is the single most common bug in an\n * admin table: the operator filtered 214 records, sees 25, exports, and gets\n * 25 — with nothing anywhere saying so. So this control does not touch the\n * loaded rows at all. It hands the host the same `DataViewQuery` the grid is\n * showing, unpaginated, and the HOST re-queries the backend — the same\n * division as everywhere else here: the component emits, the host fetches.\n *\n * The menu states the number it is about to export before the click, so the\n * two possible answers (the selection, or the whole filtered set) are never a\n * guess.\n */\n\n/** What a host can be asked to produce. */\nexport type DataViewExportFormat = \"xlsx\" | \"csv\" | \"json\";\n\n/** The request handed to the host when the operator picks a format. */\nexport interface DataViewExportRequest {\n  format: DataViewExportFormat;\n  /**\n   * The live query with `page: 1` and `pageSize` set to the whole matched\n   * total — i.e. \"everything this filter selects\", not this page.\n   */\n  query: DataViewQuery;\n  /**\n   * The selected row ids, when the operator has a selection. The host filters\n   * the re-queried rows to these; absent means the whole filtered set.\n   */\n  selectedIds?: Array<string | number>;\n  /** The visible columns, in the operator's current order. */\n  columns: { id: string; label: string }[];\n}\n\n/** Injected export. Absent ⇒ no Exportar control, exactly like `renderCard`. */\nexport interface DataViewExport {\n  /** Runs the export. Awaited, so the trigger can show it is working. */\n  onExport: (request: DataViewExportRequest) => Promise<void> | void;\n  /** Formats to offer, in menu order. Defaults to all three. */\n  formats?: DataViewExportFormat[];\n}\n\n/** One line per format: what it is, and when to reach for it. */\n\nconst ALL_FORMATS: DataViewExportFormat[] = [\"xlsx\", \"csv\", \"json\"];\n\ninterface ExportMenuProps {\n  config: DataViewExport;\n  /** The live query — copied and unpaginated before it reaches the host. */\n  query: DataViewQuery;\n  /** The unpaginated total, so the label can state what \"tudo\" means. */\n  totalCount: number;\n  selectedIds: Array<string | number>;\n  columns: { id: string; label: string }[];\n  testIdPrefix: string;\n  /** Render icon-only (measured upstream). */\n  compact?: boolean;\n}\n\n/** \"Exportando 214 itens filtrados\" / \"3 itens selecionados\" — never a guess. */\nfunction scopeLabel(selected: number, total: number): string {\n  if (selected > 0) {\n    return `${selected} ${selected === 1 ? \"item selecionado\" : \"itens selecionados\"}`;\n  }\n  return `${total} ${total === 1 ? \"item filtrado\" : \"itens filtrados\"}`;\n}\n\n/** The trigger. Shows a spinner while the host's export is still running. */\nfunction ExportTrigger({\n  busy,\n  onOpen,\n  testIdPrefix,\n  compact,\n}: {\n  busy: boolean;\n  onOpen: (anchor: HTMLElement) => void;\n  testIdPrefix: string;\n  /** Icon only — step 2 of the toolbar's degradation ladder. */\n  compact?: boolean;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      color=\"neutral\"\n      disabled={busy}\n      onClick={(event) => onOpen(event.currentTarget as HTMLElement)}\n      dataTestId={`${testIdPrefix}-export-trigger`}\n      aria-label={copy.export.trigger}\n      // The label is gone, so the tooltip is the only thing naming the control.\n      title={compact ? copy.export.trigger : undefined}\n    >\n      <Box component=\"span\" sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\n        {busy ? <CircularProgress size={14} /> : <DownloadRoundedIcon fontSize=\"small\" />}\n        {!compact && (\n          <Box component=\"span\" sx={{ display: { xs: \"none\", sm: \"inline\" } }}>\n            {copy.export.triggerLabel}\n          </Box>\n        )}\n        {/* Dropped with the label — see the note on the Exibir trigger. */}\n        {!compact && <KeyboardArrowDownRoundedIcon fontSize=\"small\" />}\n      </Box>\n    </Button>\n  );\n}\n\n/** One format row: what it produces, and when to reach for it. */\nfunction FormatRow({\n  format,\n  onPick,\n  testIdPrefix,\n}: {\n  format: DataViewExportFormat;\n  onPick: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onPick}\n      data-testid={`${testIdPrefix}-export-${format}`}\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"flex-start\",\n        width: \"100%\",\n        px: 1.5,\n        py: 1,\n        border: 0,\n        background: \"none\",\n        cursor: \"pointer\",\n        font: \"inherit\",\n        textAlign: \"left\",\n        \"&:hover\": { bgcolor: \"action.hover\" },\n      }}\n    >\n      <Box component=\"span\" sx={{ fontSize: \"0.8125rem\" }}>\n        {copy.export.formats[format]?.label ?? format}\n      </Box>\n      <Box component=\"span\" sx={{ fontSize: \"0.6875rem\", color: \"text.disabled\" }}>\n        {copy.export.formats[format]?.hint ?? \"\"}\n      </Box>\n    </Box>\n  );\n}\n\n/** The panel: what is about to be exported, then the formats. */\nfunction ExportPanel({\n  formats,\n  selectedCount,\n  totalCount,\n  columnCount,\n  onPick,\n  testIdPrefix,\n}: {\n  formats: DataViewExportFormat[];\n  selectedCount: number;\n  totalCount: number;\n  columnCount: number;\n  onPick: (format: DataViewExportFormat) => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box data-testid={`${testIdPrefix}-export-panel`}>\n      <Box sx={{ px: 1.5, pt: 1, pb: 1, borderBottom: 1, borderColor: \"divider\" }}>\n        <Text variant=\"caption\" as=\"p\">\n          <Box component=\"span\" data-testid={`${testIdPrefix}-export-scope`}>\n            Exportando {scopeLabel(selectedCount, totalCount)}\n          </Box>\n        </Text>\n        <Text variant=\"caption\" as=\"p\">\n          <Box component=\"span\" sx={{ color: \"text.disabled\" }}>\n            {copy.export.visibleColumns(columnCount)}\n          </Box>\n        </Text>\n      </Box>\n      {formats.map((format) => (\n        <FormatRow\n          key={format}\n          format={format}\n          onPick={() => onPick(format)}\n          testIdPrefix={testIdPrefix}\n        />\n      ))}\n    </Box>\n  );\n}\n\n/** The toolbar's Exportar control. Renders nothing when no host wired it. */\nexport function DataViewsExportMenu({\n  config,\n  query,\n  totalCount,\n  selectedIds,\n  columns,\n  testIdPrefix,\n  compact,\n}: ExportMenuProps): React.JSX.Element {\n  const [anchor, setAnchor] = useState<HTMLElement | null>(null);\n  const [busy, setBusy] = useState(false);\n\n  const run = async (format: DataViewExportFormat): Promise<void> => {\n    setAnchor(null);\n    setBusy(true);\n    try {\n      await config.onExport({\n        format,\n        // UNPAGINATED: page 1 of a page as large as the whole result. The host\n        // re-queries with this; nothing here reads the loaded rows.\n        query: { ...query, page: 1, pageSize: Math.max(1, totalCount) },\n        selectedIds: selectedIds.length > 0 ? [...selectedIds] : undefined,\n        columns,\n      });\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <>\n      <ExportTrigger busy={busy} onOpen={setAnchor} testIdPrefix={testIdPrefix} compact={compact} />\n      <Popover\n        open={Boolean(anchor)}\n        anchorEl={anchor}\n        onClose={() => setAnchor(null)}\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"right\" }}\n        transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n        slotProps={{ paper: { sx: { width: 260, maxWidth: \"calc(100vw - 32px)\" } } }}\n      >\n        <ExportPanel\n          formats={config.formats ?? ALL_FORMATS}\n          selectedCount={selectedIds.length}\n          totalCount={totalCount}\n          columnCount={columns.length}\n          onPick={(format) => void run(format)}\n          testIdPrefix={testIdPrefix}\n        />\n      </Popover>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-FRYIS47S.js

@@ -1,61 +0,0 @@
-import {
-  accentFor
-} from "./chunk-OZCEKQIX.js";
-
-// src/components/form/Command/Command.styles.ts
-import { alpha } from "@mui/material";
-var SIZE_MAP = {
-  xs: { width: 400, fontSize: "0.75rem" },
-  sm: { width: 450, fontSize: "0.875rem" },
-  md: { width: 500, fontSize: "1rem" },
-  lg: { width: 550, fontSize: "1.125rem" },
-  xl: { width: 600, fontSize: "1.25rem" }
-};
-var commandSizeStyles = (size) => SIZE_MAP[size] || SIZE_MAP.md;
-var emphasisStyles = (theme, color, glow, pulse) => ({
-  ...glow && {
-    boxShadow: `0 0 20px ${alpha(accentFor(theme, color).main, 0.4)}`
-  },
-  ...pulse && {
-    animation: "pulse 2s infinite",
-    "@keyframes pulse": {
-      "0%": { boxShadow: `0 0 0 0 ${alpha(accentFor(theme, color).main, 0.4)}` },
-      "70%": { boxShadow: `0 0 0 10px ${alpha(accentFor(theme, color).main, 0)}` },
-      "100%": { boxShadow: `0 0 0 0 ${alpha(accentFor(theme, color).main, 0)}` }
-    }
-  }
-});
-var surfaceStyles = (theme, variant, color) => {
-  switch (variant) {
-    case "glass":
-      return {
-        backgroundColor: alpha(theme.palette.background.paper, 0.1),
-        backdropFilter: "blur(20px)",
-        border: `1px solid ${alpha(accentFor(theme, color).main, 0.2)}`
-      };
-    case "gradient":
-      return {
-        background: `linear-gradient(135deg, ${accentFor(theme, color).main}, ${accentFor(theme, color).dark})`,
-        color: accentFor(theme, color).contrastText
-      };
-    case "elevated":
-      return { boxShadow: theme.shadows[8] };
-    case "minimal":
-      return { border: "none", boxShadow: "none" };
-    default:
-      return {};
-  }
-};
-var commandPaperStyles = (theme, { variant, color, glow, pulse }) => ({
-  transition: theme.transitions.create(["all"], {
-    duration: theme.transitions.duration.standard
-  }),
-  ...emphasisStyles(theme, color, glow, pulse),
-  ...surfaceStyles(theme, variant, color)
-});
-
-export {
-  commandSizeStyles,
-  commandPaperStyles
-};
-//# sourceMappingURL=chunk-FRYIS47S.js.map

package/dist/chunk-FRYIS47S.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Command/Command.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport type { CommandProps } from './Command.types';\nimport { accentFor } from '../../../tokens/scales';\n\ntype CommandVariant = NonNullable<CommandProps['variant']>;\ntype CommandColor = NonNullable<CommandProps['color']>;\ntype CommandSize = NonNullable<CommandProps['size']>;\n\nconst SIZE_MAP: Record<CommandSize, { width: number; fontSize: string }> = {\n  xs: { width: 400, fontSize: '0.75rem' },\n  sm: { width: 450, fontSize: '0.875rem' },\n  md: { width: 500, fontSize: '1rem' },\n  lg: { width: 550, fontSize: '1.125rem' },\n  xl: { width: 600, fontSize: '1.25rem' },\n};\n\nexport const commandSizeStyles = (size: CommandSize) => SIZE_MAP[size] || SIZE_MAP.md;\n\nconst emphasisStyles = (\n  theme: Theme,\n  color: CommandColor,\n  glow: boolean,\n  pulse: boolean,\n): CSSObject => ({\n  ...(glow && {\n    boxShadow: `0 0 20px ${alpha(accentFor(theme, color).main, 0.4)}`,\n  }),\n  ...(pulse && {\n    animation: 'pulse 2s infinite',\n    '@keyframes pulse': {\n      '0%': { boxShadow: `0 0 0 0 ${alpha(accentFor(theme, color).main, 0.4)}` },\n      '70%': { boxShadow: `0 0 0 10px ${alpha(accentFor(theme, color).main, 0)}` },\n      '100%': { boxShadow: `0 0 0 0 ${alpha(accentFor(theme, color).main, 0)}` },\n    },\n  }),\n});\n\nconst surfaceStyles = (\n  theme: Theme,\n  variant: CommandVariant,\n  color: CommandColor,\n): CSSObject => {\n  switch (variant) {\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(accentFor(theme, color).main, 0.2)}`,\n      };\n    case 'gradient':\n      return {\n        background: `linear-gradient(135deg, ${accentFor(theme, color).main}, ${accentFor(theme, color).dark})`,\n        color: accentFor(theme, color).contrastText,\n      };\n    case 'elevated':\n      return { boxShadow: theme.shadows[8] };\n    case 'minimal':\n      return { border: 'none', boxShadow: 'none' };\n    default:\n      return {};\n  }\n};\n\n/**\n * Every variant shares the same transition and the same optional glow/pulse; only\n * the surface — background, border, shadow — differs.\n */\nexport const commandPaperStyles = (\n  theme: Theme,\n  { variant, color, glow, pulse }: {\n    variant: CommandVariant;\n    color: CommandColor;\n    glow: boolean;\n    pulse: boolean;\n  },\n): CSSObject => ({\n  transition: theme.transitions.create(['all'], {\n    duration: theme.transitions.duration.standard,\n  }),\n  ...emphasisStyles(theme, color, glow, pulse),\n  ...surfaceStyles(theme, variant, color),\n});\n"],"mappings":";;;;;AAAA,SAAS,aAAa;AAUtB,IAAM,WAAqE;AAAA,EACzE,IAAI,EAAE,OAAO,KAAK,UAAU,UAAU;AAAA,EACtC,IAAI,EAAE,OAAO,KAAK,UAAU,WAAW;AAAA,EACvC,IAAI,EAAE,OAAO,KAAK,UAAU,OAAO;AAAA,EACnC,IAAI,EAAE,OAAO,KAAK,UAAU,WAAW;AAAA,EACvC,IAAI,EAAE,OAAO,KAAK,UAAU,UAAU;AACxC;AAEO,IAAM,oBAAoB,CAAC,SAAsB,SAAS,IAAI,KAAK,SAAS;AAEnF,IAAM,iBAAiB,CACrB,OACA,OACA,MACA,WACe;AAAA,EACf,GAAI,QAAQ;AAAA,IACV,WAAW,YAAY,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC;AAAA,EACjE;AAAA,EACA,GAAI,SAAS;AAAA,IACX,WAAW;AAAA,IACX,oBAAoB;AAAA,MAClB,MAAM,EAAE,WAAW,WAAW,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC,GAAG;AAAA,MACzE,OAAO,EAAE,WAAW,cAAc,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,GAAG;AAAA,MAC3E,QAAQ,EAAE,WAAW,WAAW,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,GAAG;AAAA,IAC3E;AAAA,EACF;AACF;AAEA,IAAM,gBAAgB,CACpB,OACA,SACA,UACc;AACd,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,QAC1D,gBAAgB;AAAA,QAChB,QAAQ,aAAa,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC;AAAA,MAC/D;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,YAAY,2BAA2B,UAAU,OAAO,KAAK,EAAE,IAAI,KAAK,UAAU,OAAO,KAAK,EAAE,IAAI;AAAA,QACpG,OAAO,UAAU,OAAO,KAAK,EAAE;AAAA,MACjC;AAAA,IACF,KAAK;AACH,aAAO,EAAE,WAAW,MAAM,QAAQ,CAAC,EAAE;AAAA,IACvC,KAAK;AACH,aAAO,EAAE,QAAQ,QAAQ,WAAW,OAAO;AAAA,IAC7C;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAMO,IAAM,qBAAqB,CAChC,OACA,EAAE,SAAS,OAAO,MAAM,MAAM,OAMf;AAAA,EACf,YAAY,MAAM,YAAY,OAAO,CAAC,KAAK,GAAG;AAAA,IAC5C,UAAU,MAAM,YAAY,SAAS;AAAA,EACvC,CAAC;AAAA,EACD,GAAG,eAAe,OAAO,OAAO,MAAM,KAAK;AAAA,EAC3C,GAAG,cAAc,OAAO,SAAS,KAAK;AACxC;","names":[]}

package/dist/chunk-FUBSPSI3.js

@@ -1,63 +0,0 @@
-import {
-  LightboxAutoplayButton,
-  LightboxCloseButton,
-  LightboxNavButtons,
-  LightboxZoomControls
-} from "./chunk-JZMMPFQT.js";
-
-// src/components/data-display/Lightbox/LightboxOverlay.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var LightboxOverlay = ({
-  testId,
-  itemCount,
-  currentIndex,
-  showControls,
-  loop,
-  autoplay,
-  canZoom,
-  isAutoPlaying,
-  onClose,
-  onPrev,
-  onNext,
-  onZoomIn,
-  onZoomOut,
-  onResetZoom,
-  onToggleAutoplay
-}) => {
-  const hasMultiple = itemCount > 1;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(LightboxCloseButton, { testId, onClose }),
-    showControls && hasMultiple && /* @__PURE__ */ jsx(
-      LightboxNavButtons,
-      {
-        testId,
-        atStart: !loop && currentIndex === 0,
-        atEnd: !loop && currentIndex === itemCount - 1,
-        onPrev,
-        onNext
-      }
-    ),
-    canZoom && /* @__PURE__ */ jsx(
-      LightboxZoomControls,
-      {
-        testId,
-        onZoomIn,
-        onZoomOut,
-        onResetZoom
-      }
-    ),
-    autoplay && hasMultiple && /* @__PURE__ */ jsx(
-      LightboxAutoplayButton,
-      {
-        testId,
-        isAutoPlaying,
-        onToggle: onToggleAutoplay
-      }
-    )
-  ] });
-};
-
-export {
-  LightboxOverlay
-};
-//# sourceMappingURL=chunk-FUBSPSI3.js.map

package/dist/chunk-G6T64PRY.js

@@ -1,81 +0,0 @@
-import {
-  StepConnectorComponent,
-  StepContentComponent,
-  StepIndicatorComponent,
-  StepItemRow
-} from "./chunk-3P3LKQLE.js";
-
-// src/components/utility/WorkflowStep/WorkflowStepRow.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var StepRow = ({
-  step,
-  index,
-  isLast,
-  orientation,
-  variant,
-  color,
-  size,
-  showNumbers,
-  showIcons,
-  showProgress,
-  completedIcon,
-  errorIcon,
-  interactive,
-  animated,
-  disabled,
-  onClick,
-  dataTestId
-}) => {
-  const isCompleted = step.status === "completed";
-  return /* @__PURE__ */ jsxs(StepItemRow, { orientation, isLast, children: [
-    /* @__PURE__ */ jsx(
-      StepIndicatorComponent,
-      {
-        step,
-        index,
-        isActive: step.status === "current",
-        isCompleted,
-        isError: step.status === "error",
-        variant,
-        color,
-        size,
-        showNumbers,
-        showIcons,
-        completedIcon,
-        errorIcon,
-        interactive,
-        animated,
-        disabled,
-        onClick,
-        "data-testid": `${dataTestId}-indicator-${index}`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      StepContentComponent,
-      {
-        step,
-        index,
-        orientation,
-        interactive,
-        disabled,
-        onClick,
-        "data-testid": `${dataTestId}-content-${index}`
-      }
-    ),
-    showProgress && !isLast && /* @__PURE__ */ jsx(
-      StepConnectorComponent,
-      {
-        isCompleted,
-        orientation,
-        variant,
-        color,
-        "data-testid": `${dataTestId}-connector-${index}`
-      }
-    )
-  ] });
-};
-
-export {
-  StepRow
-};
-//# sourceMappingURL=chunk-G6T64PRY.js.map

package/dist/chunk-GD7HXHOT.js

@@ -1,107 +0,0 @@
-import {
-  buttonEmphasisStyles,
-  buttonSize,
-  buttonVariantStyles,
-  getColorFromTheme,
-  iconAlignmentStyles
-} from "./chunk-RB4ZAXNU.js";
-import {
-  resolveButtonProps
-} from "./chunk-AUYC5K5K.js";
-
-// src/components/form/Button/Button.tsx
-import { Button as MuiButton, CircularProgress } from "@mui/material";
-import { styled } from "@mui/material";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledButton = styled(MuiButton, {
-  shouldForwardProp: (prop) => ["glow", "pulse", "loading", "customVariant", "customColor", "ripple"].indexOf(
-    prop
-  ) === -1
-})(({ theme, customVariant, customColor = "primary", glow, pulse }) => {
-  const colorPalette = getColorFromTheme(theme, customColor);
-  return {
-    textTransform: "none",
-    fontWeight: 500,
-    borderRadius: theme.spacing(1),
-    transition: "all 0.3s ease",
-    position: "relative",
-    overflow: "hidden",
-    ...iconAlignmentStyles(theme),
-    ...buttonVariantStyles(theme, customVariant, colorPalette, customColor),
-    ...buttonEmphasisStyles(colorPalette, glow, pulse)
-  };
-});
-var muiVariantFor = (variant) => {
-  if (variant === "outline") return "outlined";
-  return variant === "text" ? "text" : "contained";
-};
-var muiColorFor = (color) => {
-  if (color === "danger") return "error";
-  return color === "neutral" ? "inherit" : color;
-};
-function isIconOnly({
-  loading,
-  icon,
-  children
-}) {
-  return !loading && icon != null && children == null;
-}
-var Button = React.forwardRef(
-  (rawProps, ref) => {
-    const {
-      variant,
-      color,
-      size,
-      loading,
-      icon,
-      iconPosition,
-      glow,
-      pulse,
-      ripple,
-      active,
-      children,
-      disabled,
-      onClick,
-      onFocus,
-      onBlur,
-      dataTestId,
-      ...props
-    } = resolveButtonProps(rawProps);
-    const testId = (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `button-${suffix}`;
-    const iconWithTestId = !loading && icon ? /* @__PURE__ */ jsx("span", { "data-testid": testId("icon"), children: icon }) : void 0;
-    const iconOnly = isIconOnly({ loading, icon, children });
-    const mergedClassName = [active ? "active" : "", props.className].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ jsx(
-      StyledButton,
-      {
-        ref,
-        variant: muiVariantFor(variant),
-        color: muiColorFor(color),
-        customVariant: variant,
-        customColor: color,
-        glow,
-        pulse,
-        ripple,
-        disabled: disabled || loading,
-        disableRipple: !ripple,
-        startIcon: iconPosition === "left" ? iconWithTestId : void 0,
-        endIcon: iconPosition === "right" ? iconWithTestId : void 0,
-        onClick,
-        onFocus,
-        onBlur,
-        sx: buttonSize(size, iconOnly),
-        "data-testid": dataTestId || "button",
-        ...props,
-        className: mergedClassName,
-        children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 16, color: "inherit", "data-testid": testId("loading") }) : children
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-
-export {
-  Button
-};
-//# sourceMappingURL=chunk-GD7HXHOT.js.map

package/dist/chunk-GD7HXHOT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton, CircularProgress } from '@mui/material';\nimport { styled } from '@mui/material';\nimport * as React from 'react';\n\nimport { resolveButtonProps } from './Button.helpers';\nimport {\n  buttonEmphasisStyles,\n  buttonVariantStyles,\n  getColorFromTheme,\n  iconAlignmentStyles,\n  buttonSize,\n} from './Button.styles';\nimport type { ButtonProps } from './Button.types';\n\nconst StyledButton = styled(MuiButton, {\n  shouldForwardProp: (prop) =>\n    ['glow', 'pulse', 'loading', 'customVariant', 'customColor', 'ripple'].indexOf(\n      prop as string,\n    ) === -1,\n})<{\n  customVariant?: string;\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  ripple?: boolean;\n}>(({ theme, customVariant, customColor = 'primary', glow, pulse }) => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n\n  return {\n    textTransform: 'none',\n    fontWeight: 500,\n    borderRadius: theme.spacing(1),\n    transition: 'all 0.3s ease',\n    position: 'relative',\n    overflow: 'hidden',\n    ...iconAlignmentStyles(theme),\n    ...buttonVariantStyles(theme, customVariant, colorPalette, customColor),\n    ...buttonEmphasisStyles(colorPalette, glow, pulse),\n  };\n});\n\n/** Our six variants collapse onto MUI's three; only outline and text differ. */\nconst muiVariantFor = (variant?: string): 'outlined' | 'text' | 'contained' => {\n  if (variant === 'outline') return 'outlined';\n  return variant === 'text' ? 'text' : 'contained';\n};\n\ntype MuiButtonColor = 'inherit' | 'primary' | 'secondary' | 'success' | 'warning' | 'info' | 'error';\n\n/** `danger` and `neutral` are ours; the rest are MUI's own names already. */\nconst muiColorFor = (color: NonNullable<ButtonProps['color']>): MuiButtonColor => {\n  if (color === 'danger') return 'error';\n  return color === 'neutral' ? 'inherit' : color;\n};\n\n/**\n * An icon and nothing else — the shape that should render square.\n *\n * A separate predicate rather than three clauses inline: the component function\n * is already at the complexity ceiling, and \"what counts as an icon button\" is\n * a rule worth naming anyway. `loading` disqualifies, because a spinner\n * replaces the children and would otherwise make every loading button square.\n */\nfunction isIconOnly({\n  loading,\n  icon,\n  children,\n}: Pick<ButtonProps, 'loading' | 'icon' | 'children'>): boolean {\n  return !loading && icon != null && children == null;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (rawProps, ref) => {\n    const {\n      variant,\n      color,\n      size,\n      loading,\n      icon,\n      iconPosition,\n      glow,\n      pulse,\n      ripple,\n      active,\n      children,\n      disabled,\n      onClick,\n      onFocus,\n      onBlur,\n      dataTestId,\n      ...props\n    } = resolveButtonProps(rawProps);\n    const testId = (suffix: string) =>\n      dataTestId ? `${dataTestId}-${suffix}` : `button-${suffix}`;\n\n    // Wrap icon with testId if provided\n    const iconWithTestId =\n      !loading && icon ? <span data-testid={testId('icon')}>{icon}</span> : undefined;\n\n    // Only an icon, so the button is a square rather than a 64px slab.\n    const iconOnly = isIconOnly({ loading, icon, children });\n\n    const mergedClassName =\n      [active ? 'active' : '', props.className].filter(Boolean).join(' ') || undefined;\n\n    return (\n      <StyledButton\n        ref={ref}\n        variant={muiVariantFor(variant)}\n        color={muiColorFor(color)}\n        customVariant={variant}\n        customColor={color}\n        glow={glow}\n        pulse={pulse}\n        ripple={ripple}\n        disabled={disabled || loading}\n        disableRipple={!ripple}\n        startIcon={iconPosition === 'left' ? iconWithTestId : undefined}\n        endIcon={iconPosition === 'right' ? iconWithTestId : undefined}\n        onClick={onClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        sx={buttonSize(size, iconOnly)}\n        data-testid={dataTestId || 'button'}\n        {...props}\n        className={mergedClassName}\n      >\n        {loading ? (\n          <CircularProgress size={16} color=\"inherit\" data-testid={testId('loading')} />\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,UAAU,WAAW,wBAAwB;AACtD,SAAS,cAAc;AACvB,YAAY,WAAW;AA+FE;AAnFzB,IAAM,eAAe,OAAO,WAAW;AAAA,EACrC,mBAAmB,CAAC,SAClB,CAAC,QAAQ,SAAS,WAAW,iBAAiB,eAAe,QAAQ,EAAE;AAAA,IACrE;AAAA,EACF,MAAM;AACV,CAAC,EAME,CAAC,EAAE,OAAO,eAAe,cAAc,WAAW,MAAM,MAAM,MAAM;AACrE,QAAM,eAAe,kBAAkB,OAAO,WAAW;AAEzD,SAAO;AAAA,IACL,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,cAAc,MAAM,QAAQ,CAAC;AAAA,IAC7B,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAG,oBAAoB,KAAK;AAAA,IAC5B,GAAG,oBAAoB,OAAO,eAAe,cAAc,WAAW;AAAA,IACtE,GAAG,qBAAqB,cAAc,MAAM,KAAK;AAAA,EACnD;AACF,CAAC;AAGD,IAAM,gBAAgB,CAAC,YAAwD;AAC7E,MAAI,YAAY,UAAW,QAAO;AAClC,SAAO,YAAY,SAAS,SAAS;AACvC;AAKA,IAAM,cAAc,CAAC,UAA6D;AAChF,MAAI,UAAU,SAAU,QAAO;AAC/B,SAAO,UAAU,YAAY,YAAY;AAC3C;AAUA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAAgE;AAC9D,SAAO,CAAC,WAAW,QAAQ,QAAQ,YAAY;AACjD;AAEO,IAAM,SAAe;AAAA,EAC1B,CAAC,UAAU,QAAQ;AACjB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,mBAAmB,QAAQ;AAC/B,UAAM,SAAS,CAAC,WACd,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,UAAU,MAAM;AAG3D,UAAM,iBACJ,CAAC,WAAW,OAAO,oBAAC,UAAK,eAAa,OAAO,MAAM,GAAI,gBAAK,IAAU;AAGxE,UAAM,WAAW,WAAW,EAAE,SAAS,MAAM,SAAS,CAAC;AAEvD,UAAM,kBACJ,CAAC,SAAS,WAAW,IAAI,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAEzE,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,cAAc,OAAO;AAAA,QAC9B,OAAO,YAAY,KAAK;AAAA,QACxB,eAAe;AAAA,QACf,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,YAAY;AAAA,QACtB,eAAe,CAAC;AAAA,QAChB,WAAW,iBAAiB,SAAS,iBAAiB;AAAA,QACtD,SAAS,iBAAiB,UAAU,iBAAiB;AAAA,QACrD;AAAA,QACA;AAAA,QACA;AAAA,QACA,IAAI,WAAW,MAAM,QAAQ;AAAA,QAC7B,eAAa,cAAc;AAAA,QAC1B,GAAG;AAAA,QACJ,WAAW;AAAA,QAEV,oBACC,oBAAC,oBAAiB,MAAM,IAAI,OAAM,WAAU,eAAa,OAAO,SAAS,GAAG,IAE5E;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-GHI5SPTS.js

@@ -1,93 +0,0 @@
-import {
-  captionSx,
-  counterSx
-} from "./chunk-56SJYTIT.js";
-
-// src/components/data-display/Lightbox/LightboxStage.tsx
-import { Box, CircularProgress, DialogContent, Typography } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var LightboxStage = ({
-  items,
-  currentItem,
-  currentIndex,
-  isLoading,
-  showCaptions,
-  thumbnails,
-  testId,
-  media,
-  thumbnailStrip
-}) => /* @__PURE__ */ jsxs(
-  DialogContent,
-  {
-    sx: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      padding: 0,
-      position: "relative",
-      height: "100vh",
-      overflow: "hidden"
-    },
-    "data-testid": testId("content"),
-    children: [
-      isLoading && /* @__PURE__ */ jsx(
-        CircularProgress,
-        {
-          sx: { position: "absolute", color: "white", zIndex: 999 },
-          "data-testid": testId("loading")
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Box,
-        {
-          sx: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            width: "100%",
-            height: "100%"
-          },
-          "data-testid": testId("image-container"),
-          children: media
-        }
-      ),
-      showCaptions && currentItem?.caption && /* @__PURE__ */ jsx(
-        Typography,
-        {
-          id: "lightbox-description",
-          sx: {
-            ...captionSx,
-            position: "absolute",
-            // Sit above the filmstrip when there is one.
-            bottom: thumbnails ? 120 : 16,
-            left: "50%",
-            transform: "translateX(-50%)",
-            maxWidth: "80vw",
-            padding: 2
-          },
-          "data-testid": testId("caption"),
-          children: currentItem.caption
-        }
-      ),
-      items.length > 1 && /* @__PURE__ */ jsxs(
-        Typography,
-        {
-          sx: { ...counterSx, position: "absolute", top: 70, right: 16, padding: "4px 8px" },
-          "aria-live": "polite",
-          "data-testid": testId("counter"),
-          children: [
-            currentIndex + 1,
-            " / ",
-            items.length
-          ]
-        }
-      ),
-      thumbnailStrip
-    ]
-  }
-);
-
-export {
-  LightboxStage
-};
-//# sourceMappingURL=chunk-GHI5SPTS.js.map

package/dist/chunk-GHI5SPTS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Lightbox/LightboxStage.tsx"],"sourcesContent":["import { Box, CircularProgress, DialogContent, Typography } from '@mui/material';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\n\nimport { captionSx, counterSx } from './Lightbox.constants';\nimport type { LightboxItem } from './Lightbox.types';\n\ntype TestId = (suffix: string) => string;\n\nexport interface LightboxStageProps {\n  items: LightboxItem[];\n  currentItem?: LightboxItem;\n  currentIndex: number;\n  isLoading: boolean;\n  showCaptions: boolean;\n  thumbnails: boolean;\n  testId: TestId;\n  media: ReactNode;\n  thumbnailStrip: ReactNode;\n}\n\n// The viewport itself: the media, whatever floats over it, and the filmstrip.\nexport const LightboxStage: FC<LightboxStageProps> = ({\n  items,\n  currentItem,\n  currentIndex,\n  isLoading,\n  showCaptions,\n  thumbnails,\n  testId,\n  media,\n  thumbnailStrip,\n}) => (\n  <DialogContent\n    sx={{\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      padding: 0,\n      position: 'relative',\n      height: '100vh',\n      overflow: 'hidden',\n    }}\n    data-testid={testId('content')}\n  >\n    {isLoading && (\n      <CircularProgress\n        sx={{ position: 'absolute', color: 'white', zIndex: 999 }}\n        data-testid={testId('loading')}\n      />\n    )}\n\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%',\n        height: '100%',\n      }}\n      data-testid={testId('image-container')}\n    >\n      {media}\n    </Box>\n\n    {showCaptions && currentItem?.caption && (\n      <Typography\n        id=\"lightbox-description\"\n        sx={{\n          ...captionSx,\n          position: 'absolute',\n          // Sit above the filmstrip when there is one.\n          bottom: thumbnails ? 120 : 16,\n          left: '50%',\n          transform: 'translateX(-50%)',\n          maxWidth: '80vw',\n          padding: 2,\n        }}\n        data-testid={testId('caption')}\n      >\n        {currentItem.caption}\n      </Typography>\n    )}\n\n    {items.length > 1 && (\n      <Typography\n        sx={{ ...counterSx, position: 'absolute', top: 70, right: 16, padding: '4px 8px' }}\n        aria-live=\"polite\"\n        data-testid={testId('counter')}\n      >\n        {currentIndex + 1} / {items.length}\n      </Typography>\n    )}\n\n    {thumbnailStrip}\n  </DialogContent>\n);\n"],"mappings":";;;;;;AAAA,SAAS,KAAK,kBAAkB,eAAe,kBAAkB;AA8C3D,cAuCA,YAvCA;AAxBC,IAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,IAAI;AAAA,MACF,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,eAAa,OAAO,SAAS;AAAA,IAE5B;AAAA,mBACC;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,EAAE,UAAU,YAAY,OAAO,SAAS,QAAQ,IAAI;AAAA,UACxD,eAAa,OAAO,SAAS;AAAA;AAAA,MAC/B;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,YACF,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,QAAQ;AAAA,UACV;AAAA,UACA,eAAa,OAAO,iBAAiB;AAAA,UAEpC;AAAA;AAAA,MACH;AAAA,MAEC,gBAAgB,aAAa,WAC5B;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,IAAI;AAAA,YACF,GAAG;AAAA,YACH,UAAU;AAAA;AAAA,YAEV,QAAQ,aAAa,MAAM;AAAA,YAC3B,MAAM;AAAA,YACN,WAAW;AAAA,YACX,UAAU;AAAA,YACV,SAAS;AAAA,UACX;AAAA,UACA,eAAa,OAAO,SAAS;AAAA,UAE5B,sBAAY;AAAA;AAAA,MACf;AAAA,MAGD,MAAM,SAAS,KACd;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,EAAE,GAAG,WAAW,UAAU,YAAY,KAAK,IAAI,OAAO,IAAI,SAAS,UAAU;AAAA,UACjF,aAAU;AAAA,UACV,eAAa,OAAO,SAAS;AAAA,UAE5B;AAAA,2BAAe;AAAA,YAAE;AAAA,YAAI,MAAM;AAAA;AAAA;AAAA,MAC9B;AAAA,MAGD;AAAA;AAAA;AACH;","names":[]}