@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-IM76SSXI.js

@@ -1,173 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.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 from "@mui/material/CircularProgress/index.js";
-import Popover from "@mui/material/Popover/index.js";
-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(default2, { 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(default2, { 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(
-    default2,
-    {
-      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(default2, { component: "span", sx: { fontSize: "0.8125rem" }, children: copy.export.formats[format]?.label ?? format }),
-        /* @__PURE__ */ jsx(default2, { 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(default2, { "data-testid": `${testIdPrefix}-export-panel`, children: [
-    /* @__PURE__ */ jsxs(default2, { sx: { px: 1.5, pt: 1, pb: 1, borderBottom: 1, borderColor: "divider" }, children: [
-      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsxs(default2, { component: "span", "data-testid": `${testIdPrefix}-export-scope`, children: [
-        "Exportando ",
-        scopeLabel(selectedCount, totalCount)
-      ] }) }),
-      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { 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-IM76SSXI.js.map

package/dist/chunk-IM76SSXI.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 from \"@mui/material/CircularProgress/index.js\";\nimport Popover from \"@mui/material/Popover/index.js\";\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":["default"]}

package/dist/chunk-IOEF32HX.js

@@ -1,88 +0,0 @@
-import {
-  getSizeStyles
-} from "./chunk-5RHMLOIA.js";
-import {
-  BADGE_CONTENT_GAP,
-  BADGE_SIZES
-} from "./chunk-XV2TDULR.js";
-import {
-  px
-} from "./chunk-PE4ZW3IA.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 = Object.fromEntries(
-  Object.entries(BADGE_SIZES).map(([size, metrics]) => [size, px(metrics.closeIconSize)])
-);
-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: `${BADGE_CONTENT_GAP}px` }, children: parts });
-};
-
-export {
-  buildBadgeContent
-};
-//# sourceMappingURL=chunk-IOEF32HX.js.map

package/dist/chunk-IOEF32HX.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 { BADGE_CONTENT_GAP, BADGE_SIZES } from './Badge.metrics';\nimport { getSizeStyles } from './Badge.styles';\nimport type { BadgeSize } from './Badge.types';\nimport { px } from '../../../tokens/theme';\n\n// Derived from the shared metrics: `xl` takes `lg`'s glyph, which is what the\n// hand-written map did through its `?? CLOSE_ICON_SIZES.lg` fallback.\nconst CLOSE_ICON_SIZES: Record<string, string> = Object.fromEntries(\n  Object.entries(BADGE_SIZES).map(([size, metrics]) => [size, px(metrics.closeIconSize)]),\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: `${BADGE_CONTENT_GAP}px` }}>{parts}</span>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,eAAe;AACtB,OAAO,gBAAgB;AAyBrB;AAdF,IAAM,mBAA2C,OAAO;AAAA,EACtD,OAAO,QAAQ,WAAW,EAAE,IAAI,CAAC,CAAC,MAAM,OAAO,MAAM,CAAC,MAAM,GAAG,QAAQ,aAAa,CAAC,CAAC;AACxF;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,GAAG,iBAAiB,KAAK,GAAI,iBAAM;AAEzG;","names":[]}

package/dist/chunk-IPPTOL53.js

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

package/dist/chunk-IPPTOL53.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Form/Form.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type {\n  FormControlProps,\n  FormFieldProps,\n  FormLabelProps,\n  FormMessageProps,\n  FormProps,\n} from './Form.types';\n\nconst StyledForm = styled('form', {\n  shouldForwardProp: (prop) => prop !== 'variant',\n})<{ variant?: FormProps['variant'] }>(({ theme, variant }) => ({\n  width: '100%',\n  ...(variant === 'inline' && {\n    display: 'flex',\n    gap: theme.spacing(2),\n    alignItems: 'flex-start',\n  }),\n}));\n\nconst spacingMap = {\n  xs: 1,\n  sm: 2,\n  md: 3,\n  lg: 4,\n  xl: 5,\n};\n\nconst maxWidthMap = {\n  sm: '600px',\n  md: '900px',\n  lg: '1200px',\n  xl: '1536px',\n  full: '100%',\n};\n\nexport const Form = React.forwardRef<HTMLFormElement, FormProps>(\n  ({ variant = 'vertical', maxWidth = 'full', spacing = 'md', children, dataTestId, ...props }, ref) => (\n      <StyledForm ref={ref} variant={variant} role=\"form\" data-testid={dataTestId} {...props}>\n        <Box sx={{ maxWidth: maxWidthMap[maxWidth], width: '100%' }}>\n          {variant === 'inline' ? (\n            children\n          ) : (\n            <Stack spacing={spacingMap[spacing]}>{children}</Stack>\n          )}\n        </Box>\n      </StyledForm>\n    ),\n);\n\nForm.displayName = 'Form';\n\n/**\n * NO ROW GAP HERE, and that is the fix rather than an omission.\n *\n * `FormLabel` already carries `marginBottom: theme.spacing(0.5)` — 4px — and it\n * carries it because it has to: every OTHER user of it (`CepField`,\n * `CategorySelect`, `CreatableSelect`, the three `total-form` fields, five of\n * `@12-apps/discounts`' builders and the host's own `currency-field`) puts a\n * bare `FormLabel` straight inside a `FormControl`, which is a plain block box\n * with no gap of its own. There, the label's own margin is the ONLY thing\n * between the label and the control.\n *\n * A `gap: theme.spacing(1)` here was a second mechanism for that one job, and in\n * a column the two ADD: 8px + 4px put `FormField` at 12px where every one of\n * those siblings sits at 4px. Measured in Chromium at 320x568 on a consuming\n * app's six-field delivery address form, the 8px a row it added pushed the\n * submit button from 561px to 609px — 41px below the fold of the smallest\n * supported phone, i.e. a checkout whose primary action is off-screen.\n *\n * That claim is about `FormLabel`'s own callers, not about the whole package:\n * `Textarea` labels its control through MUI's `InputLabel` at\n * `theme.spacing(1)` and still draws 8px. It composes nothing out of\n * `FormLabel`, so it is a separate inconsistency rather than a reason to keep\n * a second spacing here.\n *\n * ## The `columnGap` is scaffolding, and currently unreachable\n *\n * `FormFieldProps` has no `variant` and `FormField` passes none, so `variant`\n * is ALWAYS undefined and every branch below resolves to the vertical shape.\n * `Form` accepts `variant=\"horizontal\"` and `Form.md` documents it as \"labels\n * beside inputs\", but nothing carries that variant down to the field — so a\n * horizontal form draws vertical rows today. That gap is older than this\n * change and fixing it is a feature, not a spacing fix.\n *\n * The branch is kept, scoped to the COLUMN axis, so that whoever does wire it\n * up inherits the right answer: with the label beside the control, a horizontal\n * gap and a vertical margin are orthogonal and nothing double-counts. A `gap`\n * shorthand there would put the 8px back on the row axis the moment a field\n * wrapped.\n */\nconst StyledFormField = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'variant',\n})<{ variant?: 'vertical' | 'horizontal' }>(\n  ({ theme, variant }) => ({\n    display: variant === 'horizontal' ? 'grid' : 'flex',\n    flexDirection: variant === 'horizontal' ? undefined : 'column',\n    gridTemplateColumns: variant === 'horizontal' ? '200px 1fr' : undefined,\n    columnGap: variant === 'horizontal' ? theme.spacing(1) : undefined,\n    alignItems: variant === 'horizontal' ? 'center' : undefined,\n  }),\n);\n\nexport const FormField: React.FC<FormFieldProps> = ({\n  name,\n  label,\n  required,\n  error,\n  helperText,\n  children,\n  dataTestId,\n}) => (\n    <StyledFormField data-testid={dataTestId}>\n      {label && (\n        <FormLabel required={required} error={!!error} htmlFor={name} dataTestId={dataTestId ? `${dataTestId}-label` : undefined}>\n          {label}\n        </FormLabel>\n      )}\n      <FormControl fullWidth dataTestId={dataTestId ? `${dataTestId}-control` : undefined}>\n        {children}\n        {(error || helperText) && <FormMessage error={!!error} dataTestId={dataTestId ? `${dataTestId}-message` : undefined}>{error || helperText}</FormMessage>}\n      </FormControl>\n    </StyledFormField>\n  );\n\nconst StyledFormLabel = styled('label', {\n  shouldForwardProp: (prop) => prop !== 'error',\n})<{ error?: boolean }>(({ theme, error }) => ({\n  fontSize: '0.875rem',\n  fontWeight: 500,\n  color: error ? theme.palette.error.main : theme.palette.text.primary,\n  marginBottom: theme.spacing(0.5),\n  display: 'block',\n  '&::after': {\n    content: '\" *\"',\n    color: theme.palette.error.main,\n    display: 'var(--required-display, none)',\n  },\n}));\n\nexport const FormLabel: React.FC<FormLabelProps> = ({ required, error, children, htmlFor, dataTestId }) => (\n    <StyledFormLabel\n      error={error}\n      htmlFor={htmlFor}\n      data-testid={dataTestId}\n      style={{ '--required-display': required ? 'inline' : 'none' } as React.CSSProperties}\n    >\n      {children}\n    </StyledFormLabel>\n  );\n\nconst StyledFormControl = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'fullWidth',\n})<{ fullWidth?: boolean }>(({ fullWidth }) => ({\n  width: fullWidth ? '100%' : 'auto',\n  position: 'relative',\n}));\n\nexport const FormControl: React.FC<FormControlProps> = ({ fullWidth = true, children, dataTestId }) =>\n  // Don't pass error prop to the DOM element\n   <StyledFormControl fullWidth={fullWidth} data-testid={dataTestId}>{children}</StyledFormControl>\n;\n\nconst StyledFormMessage = styled('span', {\n  shouldForwardProp: (prop) => prop !== 'error',\n})<{ error?: boolean }>(({ theme, error }) => ({\n  fontSize: '0.75rem',\n  marginTop: theme.spacing(0.5),\n  color: error ? theme.palette.error.main : theme.palette.text.secondary,\n  display: 'block',\n}));\n\nexport const FormMessage: React.FC<FormMessageProps> = ({ error, children, dataTestId }) => <StyledFormMessage error={error} data-testid={dataTestId}>{children}</StyledFormMessage>;\n"],"mappings":"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","names":[]}

package/dist/chunk-IRLUM7XB.js

@@ -1,81 +0,0 @@
-import {
-  StepConnectorComponent,
-  StepContentComponent,
-  StepIndicatorComponent,
-  StepItemRow
-} from "./chunk-Y3ER5CJ2.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-IRLUM7XB.js.map