@12-apps/ui 6.11.1 → 6.12.1

package/dist/chunk-J3FNTWIG.js

@@ -1,184 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Box
-} from "./chunk-34DQAXL2.js";
-import {
-  Text
-} from "./chunk-R52HJAYO.js";
-
-// src/components/data-display/DataViews/data-views-columns-tab.tsx
-import ArrowDownwardRoundedIcon from "@mui/icons-material/ArrowDownwardRounded";
-import ArrowUpwardRoundedIcon from "@mui/icons-material/ArrowUpwardRounded";
-import DragIndicatorRoundedIcon from "@mui/icons-material/DragIndicatorRounded";
-import { Checkbox } from "@mui/material";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function moved(order, id, delta) {
-  const from = order.indexOf(id);
-  const to = from + delta;
-  if (from < 0 || to < 0 || to >= order.length) return order;
-  const next = [...order];
-  [next[from], next[to]] = [next[to], next[from]];
-  return next;
-}
-function ColumnsTab({
-  columns,
-  order,
-  visibleColumns,
-  onToggle,
-  onReorder,
-  onShowAll,
-  onReset,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const [dragId, setDragId] = useState(null);
-  const byId = new Map(columns.map((column) => [column.id, column]));
-  const ordered = order.map((id) => byId.get(id)).filter((column) => Boolean(column));
-  const visibleHideableCount = visibleColumns.filter((id) => byId.has(id)).length;
-  const dropOn = (id) => {
-    if (!dragId || dragId === id) return;
-    const without = order.filter((key) => key !== dragId);
-    without.splice(without.indexOf(id), 0, dragId);
-    onReorder(without);
-    setDragId(null);
-  };
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", px: 1.5, py: 1 }, children: [
-      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(Box, { component: "span", sx: { color: "text.secondary" }, "data-testid": `${testIdPrefix}-columns-count`, children: copy.columns.visibleCount(visibleHideableCount, columns.length) }) }),
-      /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1 }, children: [
-        /* @__PURE__ */ jsx(LinkButton, { label: copy.columns.showAll, onClick: onShowAll, testId: `${testIdPrefix}-columns-show-all` }),
-        /* @__PURE__ */ jsx(LinkButton, { label: copy.columns.reset, onClick: onReset, testId: `${testIdPrefix}-columns-reset`, muted: true })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(Box, { component: "span", sx: { px: 1.5, pb: 0.5, display: "block", color: "text.disabled" }, children: copy.columns.dragHint }) }),
-    /* @__PURE__ */ jsx(Box, { sx: { px: 0.75, pb: 0.75 }, children: ordered.map((column) => /* @__PURE__ */ jsx(
-      ColumnRow,
-      {
-        column,
-        visible: visibleColumns.includes(column.id),
-        dragging: dragId === column.id,
-        onToggle,
-        onDragStart: () => setDragId(column.id),
-        onDragEnd: () => setDragId(null),
-        onDrop: () => dropOn(column.id),
-        onMove: (delta) => onReorder(moved(order, column.id, delta)),
-        testIdPrefix
-      },
-      column.id
-    )) })
-  ] });
-}
-function LinkButton({
-  label,
-  onClick,
-  testId,
-  muted
-}) {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      onClick,
-      "data-testid": testId,
-      sx: {
-        border: 0,
-        background: "none",
-        cursor: "pointer",
-        font: "inherit",
-        fontSize: "0.75rem",
-        p: 0,
-        color: muted ? "text.secondary" : "primary.main",
-        "&:hover": { textDecoration: "underline" }
-      },
-      children: label
-    }
-  );
-}
-function ColumnRow({
-  column,
-  visible,
-  dragging,
-  onToggle,
-  onDragStart,
-  onDragEnd,
-  onDrop,
-  onMove,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      draggable: true,
-      onDragStart,
-      onDragEnd,
-      onDragOver: (event) => event.preventDefault(),
-      onDrop,
-      "data-testid": `${testIdPrefix}-column-row-${column.id}`,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        gap: 0.5,
-        px: 0.75,
-        py: 0.25,
-        borderRadius: 1,
-        opacity: dragging ? 0.4 : 1,
-        "&:hover": { bgcolor: "action.hover" },
-        "&:hover .dv-col-move": { opacity: 1 }
-      },
-      children: [
-        /* @__PURE__ */ jsx(Box, { component: "span", "aria-hidden": true, sx: { display: "flex", color: "action.disabled", cursor: "grab" }, children: /* @__PURE__ */ jsx(DragIndicatorRoundedIcon, { fontSize: "small" }) }),
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            size: "small",
-            checked: visible,
-            onChange: (event) => onToggle(column.id, event.target.checked),
-            inputProps: { "aria-label": column.label },
-            "data-testid": `${testIdPrefix}-column-toggle-${column.id}`
-          }
-        ),
-        /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(Box, { component: "span", sx: { flex: 1, color: visible ? "text.primary" : "text.disabled" }, children: column.label }) }),
-        /* @__PURE__ */ jsxs(Box, { className: "dv-col-move", sx: { ml: "auto", display: "flex", opacity: 0, transition: "opacity .15s" }, children: [
-          /* @__PURE__ */ jsx(MoveButton, { label: copy.columns.moveUp(column.label), onClick: () => onMove(-1), up: true }),
-          /* @__PURE__ */ jsx(MoveButton, { label: copy.columns.moveDown(column.label), onClick: () => onMove(1) })
-        ] })
-      ]
-    }
-  );
-}
-function MoveButton({
-  label,
-  onClick,
-  up
-}) {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      "aria-label": label,
-      onClick,
-      sx: {
-        display: "flex",
-        border: 0,
-        p: 0.25,
-        background: "none",
-        borderRadius: 0.5,
-        cursor: "pointer",
-        color: "text.secondary",
-        "&:hover": { bgcolor: "action.selected" }
-      },
-      children: up ? /* @__PURE__ */ jsx(ArrowUpwardRoundedIcon, { sx: { fontSize: 14 } }) : /* @__PURE__ */ jsx(ArrowDownwardRoundedIcon, { sx: { fontSize: 14 } })
-    }
-  );
-}
-
-export {
-  ColumnsTab
-};
-//# sourceMappingURL=chunk-J3FNTWIG.js.map

package/dist/chunk-J3FNTWIG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-columns-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport ArrowDownwardRoundedIcon from \"@mui/icons-material/ArrowDownwardRounded\";\nimport ArrowUpwardRoundedIcon from \"@mui/icons-material/ArrowUpwardRounded\";\nimport DragIndicatorRoundedIcon from \"@mui/icons-material/DragIndicatorRounded\";\nimport { Checkbox } from \"@mui/material\";\nimport { useState } from \"react\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport type { HideableColumn } from \"./data-views-columns\";\n\n/* ── Colunas ─────────────────────────────────────────────────────────────── */\n\ninterface ColumnsTabProps {\n  columns: HideableColumn[];\n  /** Every column id in the CURRENT order (including non-hideable ones). */\n  order: string[];\n  visibleColumns: string[];\n  onToggle: (id: string, visible: boolean) => void;\n  onReorder: (order: string[]) => void;\n  onShowAll: () => void;\n  onReset: () => void;\n  testIdPrefix: string;\n}\n\n/** Swap the column at `id` with its neighbour `delta` places away. */\nfunction moved(order: string[], id: string, delta: number): string[] {\n  const from = order.indexOf(id);\n  const to = from + delta;\n  if (from < 0 || to < 0 || to >= order.length) return order;\n  const next = [...order];\n  [next[from], next[to]] = [next[to]!, next[from]!];\n  return next;\n}\n\n/**\n * Visibility AND order in one list, because they are the same decision: an\n * operator reordering columns is deciding what to read first, and hiding one is\n * deciding not to read it at all. Drag the grip, or use the arrows — the arrows\n * exist because drag-and-drop is unusable by keyboard and awkward on a phone.\n */\nexport function ColumnsTab({\n  columns,\n  order,\n  visibleColumns,\n  onToggle,\n  onReorder,\n  onShowAll,\n  onReset,\n  testIdPrefix,\n}: ColumnsTabProps): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const [dragId, setDragId] = useState<string | null>(null);\n  const byId = new Map(columns.map((column) => [column.id, column]));\n  const ordered = order.map((id) => byId.get(id)).filter((column): column is HideableColumn => Boolean(column));\n  // Counted against `columns`, which is the HIDEABLE set — `visibleColumns`\n  // also carries the locked ones (a `hideable: false` id like the row's\n  // identifier), and counting it whole reads \"9 de 8 visíveis\".\n  const visibleHideableCount = visibleColumns.filter((id) => byId.has(id)).length;\n\n  const dropOn = (id: string): void => {\n    if (!dragId || dragId === id) return;\n    const without = order.filter((key) => key !== dragId);\n    without.splice(without.indexOf(id), 0, dragId);\n    onReorder(without);\n    setDragId(null);\n  };\n\n  return (\n    <Box>\n      <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", px: 1.5, py: 1 }}>\n        <Text variant=\"caption\" as=\"span\">\n          <Box component=\"span\" sx={{ color: \"text.secondary\" }} data-testid={`${testIdPrefix}-columns-count`}>\n            {copy.columns.visibleCount(visibleHideableCount, columns.length)}\n          </Box>\n        </Text>\n        <Box sx={{ display: \"flex\", gap: 1 }}>\n          <LinkButton label={copy.columns.showAll} onClick={onShowAll} testId={`${testIdPrefix}-columns-show-all`} />\n          <LinkButton label={copy.columns.reset} onClick={onReset} testId={`${testIdPrefix}-columns-reset`} muted />\n        </Box>\n      </Box>\n      <Text variant=\"caption\" as=\"p\">\n        <Box component=\"span\" sx={{ px: 1.5, pb: 0.5, display: \"block\", color: \"text.disabled\" }}>\n          {copy.columns.dragHint}\n        </Box>\n      </Text>\n      <Box sx={{ px: 0.75, pb: 0.75 }}>\n        {ordered.map((column) => (\n          <ColumnRow\n            key={column.id}\n            column={column}\n            visible={visibleColumns.includes(column.id)}\n            dragging={dragId === column.id}\n            onToggle={onToggle}\n            onDragStart={() => setDragId(column.id)}\n            onDragEnd={() => setDragId(null)}\n            onDrop={() => dropOn(column.id)}\n            onMove={(delta) => onReorder(moved(order, column.id, delta))}\n            testIdPrefix={testIdPrefix}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n}\n\n/** A borderless text action, for the two column resets. */\nfunction LinkButton({\n  label,\n  onClick,\n  testId,\n  muted,\n}: {\n  label: string;\n  onClick: () => void;\n  testId: string;\n  muted?: boolean;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onClick}\n      data-testid={testId}\n      sx={{\n        border: 0,\n        background: \"none\",\n        cursor: \"pointer\",\n        font: \"inherit\",\n        fontSize: \"0.75rem\",\n        p: 0,\n        color: muted ? \"text.secondary\" : \"primary.main\",\n        \"&:hover\": { textDecoration: \"underline\" },\n      }}\n    >\n      {label}\n    </Box>\n  );\n}\n\ninterface ColumnRowProps {\n  column: HideableColumn;\n  visible: boolean;\n  dragging: boolean;\n  onToggle: (id: string, visible: boolean) => void;\n  onDragStart: () => void;\n  onDragEnd: () => void;\n  onDrop: () => void;\n  onMove: (delta: number) => void;\n  testIdPrefix: string;\n}\n\n/** One column: grip, checkbox, label, and the keyboard-reachable move arrows. */\nfunction ColumnRow({\n  column,\n  visible,\n  dragging,\n  onToggle,\n  onDragStart,\n  onDragEnd,\n  onDrop,\n  onMove,\n  testIdPrefix,\n}: ColumnRowProps): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      draggable\n      onDragStart={onDragStart}\n      onDragEnd={onDragEnd}\n      onDragOver={(event: React.DragEvent) => event.preventDefault()}\n      onDrop={onDrop}\n      data-testid={`${testIdPrefix}-column-row-${column.id}`}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 0.5,\n        px: 0.75,\n        py: 0.25,\n        borderRadius: 1,\n        opacity: dragging ? 0.4 : 1,\n        \"&:hover\": { bgcolor: \"action.hover\" },\n        \"&:hover .dv-col-move\": { opacity: 1 },\n      }}\n    >\n      <Box component=\"span\" aria-hidden sx={{ display: \"flex\", color: \"action.disabled\", cursor: \"grab\" }}>\n        <DragIndicatorRoundedIcon fontSize=\"small\" />\n      </Box>\n      <Checkbox\n        size=\"small\"\n        checked={visible}\n        onChange={(event) => onToggle(column.id, event.target.checked)}\n        inputProps={{ \"aria-label\": column.label }}\n        data-testid={`${testIdPrefix}-column-toggle-${column.id}`}\n      />\n      <Text variant=\"caption\" as=\"span\">\n        <Box component=\"span\" sx={{ flex: 1, color: visible ? \"text.primary\" : \"text.disabled\" }}>\n          {column.label}\n        </Box>\n      </Text>\n      <Box className=\"dv-col-move\" sx={{ ml: \"auto\", display: \"flex\", opacity: 0, transition: \"opacity .15s\" }}>\n        <MoveButton label={copy.columns.moveUp(column.label)} onClick={() => onMove(-1)} up />\n        <MoveButton label={copy.columns.moveDown(column.label)} onClick={() => onMove(1)} />\n      </Box>\n    </Box>\n  );\n}\n\n/** One of the two reorder arrows — the keyboard's path through the drag handle. */\nfunction MoveButton({\n  label,\n  onClick,\n  up,\n}: {\n  label: string;\n  onClick: () => void;\n  up?: boolean;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      aria-label={label}\n      onClick={onClick}\n      sx={{\n        display: \"flex\",\n        border: 0,\n        p: 0.25,\n        background: \"none\",\n        borderRadius: 0.5,\n        cursor: \"pointer\",\n        color: \"text.secondary\",\n        \"&:hover\": { bgcolor: \"action.selected\" },\n      }}\n    >\n      {up ? <ArrowUpwardRoundedIcon sx={{ fontSize: 14 }} /> : <ArrowDownwardRoundedIcon sx={{ fontSize: 14 }} />}\n    </Box>\n  );\n}\n\n"],"mappings":"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","names":[]}

package/dist/chunk-J3IGWNGH.js

@@ -1,87 +0,0 @@
-// src/components/layout/Skeleton/Skeleton.styles.ts
-import { alpha } from "@mui/material";
-var muiVariantFor = (variant) => {
-  switch (variant) {
-    case "circular":
-      return "circular";
-    case "rectangular":
-    case "wave":
-      return "rectangular";
-    default:
-      return "text";
-  }
-};
-var muiAnimationFor = (variant, animation) => {
-  if (variant === "wave") return "wave";
-  return animation;
-};
-var defaultDimensions = (variant) => {
-  switch (variant) {
-    case "circular":
-      return { width: 40, height: 40 };
-    case "rectangular":
-    case "wave":
-      return { width: "100%", height: 40 };
-    default:
-      return { width: "100%", height: void 0 };
-  }
-};
-var INTENSITY_OPACITY = {
-  low: 0.11,
-  medium: 0.13,
-  high: 0.15
-};
-var intensityOpacity = (intensity) => INTENSITY_OPACITY[intensity] ?? INTENSITY_OPACITY.medium;
-var glassmorphismStyles = (theme) => ({
-  background: `linear-gradient(135deg,
-        ${alpha(theme.palette.background.paper, 0.8)} 0%,
-        ${alpha(theme.palette.background.paper, 0.4)} 100%)`,
-  backdropFilter: "blur(20px)",
-  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-  boxShadow: `0 8px 32px 0 ${alpha(theme.palette.common.black, 0.1)}`
-});
-var shimmerStyles = (theme) => ({
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    background: `linear-gradient(
-          90deg,
-          transparent,
-          ${alpha(theme.palette.common.white, 0.3)},
-          transparent
-        )`,
-    transform: "translateX(-100%)",
-    animation: "shimmer 2s infinite"
-  },
-  "@keyframes shimmer": {
-    "100%": {
-      transform: "translateX(100%)"
-    }
-  }
-});
-var skeletonStyles = (theme, { intensity, borderRadius, glassmorphism, shimmer, style }) => ({
-  borderRadius,
-  backgroundColor: alpha(
-    theme.palette.mode === "dark" ? theme.palette.common.white : theme.palette.text.primary,
-    intensityOpacity(intensity)
-  ),
-  ...shimmer && {
-    position: "relative",
-    overflow: "hidden"
-  },
-  ...glassmorphism ? glassmorphismStyles(theme) : {},
-  ...shimmer ? shimmerStyles(theme) : {},
-  ...style
-});
-
-export {
-  muiVariantFor,
-  muiAnimationFor,
-  defaultDimensions,
-  skeletonStyles
-};
-//# sourceMappingURL=chunk-J3IGWNGH.js.map

package/dist/chunk-J3IGWNGH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/Skeleton/Skeleton.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport type { SkeletonProps } from './Skeleton.types';\n\ntype SkeletonVariant = NonNullable<SkeletonProps['variant']>;\ntype SkeletonIntensity = NonNullable<SkeletonProps['intensity']>;\n\n/** `wave` is our own name for a rectangle that animates; MUI has no such variant. */\nexport const muiVariantFor = (\n  variant: SkeletonVariant,\n): 'circular' | 'rectangular' | 'text' => {\n  switch (variant) {\n    case 'circular':\n      return 'circular';\n    case 'rectangular':\n    case 'wave':\n      return 'rectangular';\n    default:\n      return 'text';\n  }\n};\n\nexport const muiAnimationFor = (\n  variant: SkeletonVariant,\n  animation: SkeletonProps['animation'],\n) => {\n  if (variant === 'wave') return 'wave';\n  return animation;\n};\n\nexport const defaultDimensions = (\n  variant: SkeletonVariant,\n): { width: number | string; height: number | undefined } => {\n  switch (variant) {\n    case 'circular':\n      return { width: 40, height: 40 };\n    case 'rectangular':\n    case 'wave':\n      return { width: '100%', height: 40 };\n    default:\n      return { width: '100%', height: undefined };\n  }\n};\n\nconst INTENSITY_OPACITY: Record<SkeletonIntensity, number> = {\n  low: 0.11,\n  medium: 0.13,\n  high: 0.15,\n};\n\nconst intensityOpacity = (intensity: SkeletonIntensity): number =>\n  INTENSITY_OPACITY[intensity] ?? INTENSITY_OPACITY.medium;\n\nconst glassmorphismStyles = (theme: Theme): CSSObject => ({\n  background: `linear-gradient(135deg,\n        ${alpha(theme.palette.background.paper, 0.8)} 0%,\n        ${alpha(theme.palette.background.paper, 0.4)} 100%)`,\n  backdropFilter: 'blur(20px)',\n  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  boxShadow: `0 8px 32px 0 ${alpha(theme.palette.common.black, 0.1)}`,\n});\n\n// The sweep is a pseudo-element sliding across the box, so the box has to clip it\n// and establish a positioning context — hence `position`/`overflow` below.\nconst shimmerStyles = (theme: Theme): CSSObject => ({\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    background: `linear-gradient(\n          90deg,\n          transparent,\n          ${alpha(theme.palette.common.white, 0.3)},\n          transparent\n        )`,\n    transform: 'translateX(-100%)',\n    animation: 'shimmer 2s infinite',\n  },\n  '@keyframes shimmer': {\n    '100%': {\n      transform: 'translateX(100%)',\n    },\n  },\n});\n\ninterface SkeletonStyleArgs {\n  intensity: SkeletonIntensity;\n  borderRadius?: number | string;\n  glassmorphism: boolean;\n  shimmer: boolean;\n  style?: React.CSSProperties;\n}\n\nexport const skeletonStyles = (\n  theme: Theme,\n  { intensity, borderRadius, glassmorphism, shimmer, style }: SkeletonStyleArgs,\n): CSSObject => ({\n  borderRadius,\n  backgroundColor: alpha(\n    theme.palette.mode === 'dark' ? theme.palette.common.white : theme.palette.text.primary,\n    intensityOpacity(intensity),\n  ),\n  ...(shimmer && {\n    position: 'relative' as const,\n    overflow: 'hidden' as const,\n  }),\n  ...(glassmorphism ? glassmorphismStyles(theme) : {}),\n  ...(shimmer ? shimmerStyles(theme) : {}),\n  ...style,\n});\n"],"mappings":";AAAA,SAAS,aAAa;AASf,IAAM,gBAAgB,CAC3B,YACwC;AACxC,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,IAAM,kBAAkB,CAC7B,SACA,cACG;AACH,MAAI,YAAY,OAAQ,QAAO;AAC/B,SAAO;AACT;AAEO,IAAM,oBAAoB,CAC/B,YAC2D;AAC3D,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO,EAAE,OAAO,IAAI,QAAQ,GAAG;AAAA,IACjC,KAAK;AAAA,IACL,KAAK;AACH,aAAO,EAAE,OAAO,QAAQ,QAAQ,GAAG;AAAA,IACrC;AACE,aAAO,EAAE,OAAO,QAAQ,QAAQ,OAAU;AAAA,EAC9C;AACF;AAEA,IAAM,oBAAuD;AAAA,EAC3D,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AACR;AAEA,IAAM,mBAAmB,CAAC,cACxB,kBAAkB,SAAS,KAAK,kBAAkB;AAEpD,IAAM,sBAAsB,CAAC,WAA6B;AAAA,EACxD,YAAY;AAAA,UACJ,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,CAAC;AAAA,UAC1C,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,CAAC;AAAA,EAClD,gBAAgB;AAAA,EAChB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,EACtD,WAAW,gBAAgB,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,CAAC;AACnE;AAIA,IAAM,gBAAgB,CAAC,WAA6B;AAAA,EAClD,YAAY;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA;AAAA;AAAA,YAGJ,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,CAAC;AAAA;AAAA;AAAA,IAG9C,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EACA,sBAAsB;AAAA,IACpB,QAAQ;AAAA,MACN,WAAW;AAAA,IACb;AAAA,EACF;AACF;AAUO,IAAM,iBAAiB,CAC5B,OACA,EAAE,WAAW,cAAc,eAAe,SAAS,MAAM,OAC1C;AAAA,EACf;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM,QAAQ,SAAS,SAAS,MAAM,QAAQ,OAAO,QAAQ,MAAM,QAAQ,KAAK;AAAA,IAChF,iBAAiB,SAAS;AAAA,EAC5B;AAAA,EACA,GAAI,WAAW;AAAA,IACb,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AAAA,EACA,GAAI,gBAAgB,oBAAoB,KAAK,IAAI,CAAC;AAAA,EAClD,GAAI,UAAU,cAAc,KAAK,IAAI,CAAC;AAAA,EACtC,GAAG;AACL;","names":[]}

package/dist/chunk-J4CKZ5YB.js

@@ -1,56 +0,0 @@
-import {
-  AddressTextField
-} from "./chunk-WHKR6RJD.js";
-
-// src/components/form/AddressAutocomplete/AddressFallbackField.tsx
-import { Alert, Box, CircularProgress, InputAdornment } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var AddressFallbackField = ({
-  copy,
-  variant,
-  label,
-  placeholder,
-  icon,
-  floating,
-  fullWidth,
-  mapsError
-}) => {
-  const startAdornment = icon ? /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: icon }) : void 0;
-  if (!mapsError) {
-    return /* @__PURE__ */ jsx(
-      AddressTextField,
-      {
-        addressVariant: variant,
-        label: floating ? void 0 : label,
-        placeholder: copy.loadingMaps,
-        disabled: true,
-        fullWidth,
-        InputProps: {
-          startAdornment,
-          endAdornment: /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 })
-        }
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(
-      AddressTextField,
-      {
-        addressVariant: variant,
-        label: floating ? void 0 : label,
-        placeholder,
-        error: true,
-        disabled: true,
-        fullWidth,
-        helperText: mapsError,
-        InputProps: { startAdornment }
-      }
-    ),
-    /* @__PURE__ */ jsx(Alert, { severity: "error", sx: { mt: 1 }, children: copy.mapsLoadFailed })
-  ] });
-};
-
-export {
-  AddressFallbackField
-};
-//# sourceMappingURL=chunk-J4CKZ5YB.js.map

package/dist/chunk-J4CKZ5YB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/AddressAutocomplete/AddressFallbackField.tsx"],"sourcesContent":["import { Alert, Box, CircularProgress, InputAdornment } from '@mui/material';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\n\nimport type { AddressAutocompleteProps } from './AddressAutocomplete.types';\nimport { AddressTextField } from './AddressTextField';\n\nexport interface AddressFallbackFieldProps {\n  copy: AddressAutocompleteProps['copy'];\n  variant: AddressAutocompleteProps['variant'];\n  label?: string;\n  placeholder?: string;\n  icon?: ReactNode;\n  floating: boolean;\n  fullWidth: boolean;\n  mapsError: string | null;\n}\n\n// Stands in for the Autocomplete before Google Maps is usable: a disabled field\n// that either spins or explains why it never loaded.\nexport const AddressFallbackField: FC<AddressFallbackFieldProps> = ({\n  copy,\n  variant,\n  label,\n  placeholder,\n  icon,\n  floating,\n  fullWidth,\n  mapsError,\n}) => {\n  const startAdornment = icon ? <InputAdornment position=\"start\">{icon}</InputAdornment> : undefined;\n\n  if (!mapsError) {\n    return (\n      <AddressTextField\n        addressVariant={variant}\n        label={floating ? undefined : label}\n        placeholder={copy.loadingMaps}\n        disabled\n        fullWidth={fullWidth}\n        InputProps={{\n          startAdornment,\n          endAdornment: <CircularProgress color=\"inherit\" size={20} />,\n        }}\n      />\n    );\n  }\n\n  return (\n    <Box>\n      <AddressTextField\n        addressVariant={variant}\n        label={floating ? undefined : label}\n        placeholder={placeholder}\n        error\n        disabled\n        fullWidth={fullWidth}\n        helperText={mapsError}\n        InputProps={{ startAdornment }}\n      />\n      <Alert severity=\"error\" sx={{ mt: 1 }}>\n        {copy.mapsLoadFailed}\n      </Alert>\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,SAAS,OAAO,KAAK,kBAAkB,sBAAsB;AA8B7B,cAmB5B,YAnB4B;AAVzB,IAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,OAAO,oBAAC,kBAAe,UAAS,SAAS,gBAAK,IAAoB;AAEzF,MAAI,CAAC,WAAW;AACd,WACE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAgB;AAAA,QAChB,OAAO,WAAW,SAAY;AAAA,QAC9B,aAAa,KAAK;AAAA,QAClB,UAAQ;AAAA,QACR;AAAA,QACA,YAAY;AAAA,UACV;AAAA,UACA,cAAc,oBAAC,oBAAiB,OAAM,WAAU,MAAM,IAAI;AAAA,QAC5D;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE,qBAAC,OACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,gBAAgB;AAAA,QAChB,OAAO,WAAW,SAAY;AAAA,QAC9B;AAAA,QACA,OAAK;AAAA,QACL,UAAQ;AAAA,QACR;AAAA,QACA,YAAY;AAAA,QACZ,YAAY,EAAE,eAAe;AAAA;AAAA,IAC/B;AAAA,IACA,oBAAC,SAAM,UAAS,SAAQ,IAAI,EAAE,IAAI,EAAE,GACjC,eAAK,gBACR;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-JBVTKNS2.js

@@ -1,49 +0,0 @@
-import {
-  stackedOverlayZIndex
-} from "./chunk-MQLM43E4.js";
-
-// src/components/form/CategorySelect/CategoryPanelSurface.tsx
-import { Drawer, Popover } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
-var BARE_PAPER = { background: "transparent", boxShadow: "none" };
-var ABOVE_SHEETS = { zIndex: stackedOverlayZIndex };
-function CategoryPanelSurface({
-  open,
-  sheet,
-  anchorEl,
-  onClose,
-  children
-}) {
-  if (sheet) {
-    return /* @__PURE__ */ jsx(
-      Drawer,
-      {
-        anchor: "bottom",
-        open,
-        onClose,
-        sx: ABOVE_SHEETS,
-        slotProps: { paper: { sx: BARE_PAPER } },
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Popover,
-    {
-      open,
-      anchorEl,
-      onClose,
-      anchorOrigin: { vertical: "bottom", horizontal: "left" },
-      transformOrigin: { vertical: "top", horizontal: "left" },
-      marginThreshold: 8,
-      sx: ABOVE_SHEETS,
-      slotProps: { paper: { sx: { ...BARE_PAPER, marginTop: "6px", overflow: "visible" } } },
-      children
-    }
-  );
-}
-
-export {
-  CategoryPanelSurface
-};
-//# sourceMappingURL=chunk-JBVTKNS2.js.map

package/dist/chunk-JBVTKNS2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanelSurface.tsx"],"sourcesContent":["'use client';\n\nimport { Drawer, Popover } from '@mui/material';\n\nimport { stackedOverlayZIndex } from '../../../tokens/layers';\n\n/** Chrome-free surface props: the panel draws its own border and shadow. */\nconst BARE_PAPER = { background: 'transparent', boxShadow: 'none' } as const;\n\n/**\n * Both surfaces clear the sheet ladder rather than taking MUI's default.\n *\n * A `Popover` defaults to `zIndex.modal` and a temporary `Drawer` to\n * `zIndex.drawer`, one step lower still — and `StackedModal` gives its second\n * panel 1310. So this panel opened UNDER the sheet that opened it, and, being a\n * live modal with an unreachable backdrop, took the focus of every field around\n * it with no way to dismiss it (12-57). See `tokens/layers`.\n */\nconst ABOVE_SHEETS = { zIndex: stackedOverlayZIndex } as const;\n\ninterface SurfaceProps {\n  open: boolean;\n  /** True below the sheet breakpoint — anchor to the bottom edge instead. */\n  sheet: boolean;\n  anchorEl: HTMLElement | null;\n  onClose: () => void;\n  children: React.ReactNode;\n}\n\n/**\n * Where the panel lives: anchored under the trigger on a pointer, or a bottom\n * sheet on a phone.\n *\n * Both surfaces are modal, which is what gives the panel its dismiss-on-outside,\n * Esc handling and focus containment for free rather than hand-rolled.\n */\nexport function CategoryPanelSurface({\n  open,\n  sheet,\n  anchorEl,\n  onClose,\n  children,\n}: SurfaceProps): React.JSX.Element {\n  if (sheet) {\n    return (\n      <Drawer\n        anchor=\"bottom\"\n        open={open}\n        onClose={onClose}\n        sx={ABOVE_SHEETS}\n        slotProps={{ paper: { sx: BARE_PAPER } }}\n      >\n        {children}\n      </Drawer>\n    );\n  }\n  return (\n    <Popover\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n      transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n      marginThreshold={8}\n      sx={ABOVE_SHEETS}\n      slotProps={{ paper: { sx: { ...BARE_PAPER, marginTop: '6px', overflow: 'visible' } } }}\n    >\n      {children}\n    </Popover>\n  );\n}\n"],"mappings":";;;;;AAEA,SAAS,QAAQ,eAAe;AA2C1B;AAtCN,IAAM,aAAa,EAAE,YAAY,eAAe,WAAW,OAAO;AAWlE,IAAM,eAAe,EAAE,QAAQ,qBAAqB;AAkB7C,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoC;AAClC,MAAI,OAAO;AACT,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW,EAAE,OAAO,EAAE,IAAI,WAAW,EAAE;AAAA,QAEtC;AAAA;AAAA,IACH;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,EAAE,UAAU,UAAU,YAAY,OAAO;AAAA,MACvD,iBAAiB,EAAE,UAAU,OAAO,YAAY,OAAO;AAAA,MACvD,iBAAiB;AAAA,MACjB,IAAI;AAAA,MACJ,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,YAAY,WAAW,OAAO,UAAU,UAAU,EAAE,EAAE;AAAA,MAEpF;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-JC5DL4JO.js

@@ -1,53 +0,0 @@
-import {
-  useCardActions
-} from "./chunk-MYHQU7WR.js";
-import {
-  ConfirmActionDialog
-} from "./chunk-62FKAPLI.js";
-import {
-  useConfirmAction
-} from "./chunk-EMYESBIT.js";
-
-// src/components/data-display/CardKit/use-remove-confirm.tsx
-import { jsx } from "react/jsx-runtime";
-function useRemoveConfirm({
-  write,
-  title,
-  entityName,
-  description,
-  confirmText,
-  fallbackError,
-  dataTestId,
-  copy
-}) {
-  const { onRefresh, notifyError } = useCardActions();
-  const state = useConfirmAction(async () => {
-    const result = await write();
-    if (!result.ok) {
-      const message = result.error ?? fallbackError;
-      notifyError(message);
-      throw new Error(message);
-    }
-    onRefresh();
-  }, fallbackError);
-  return {
-    request: state.request,
-    dialog: /* @__PURE__ */ jsx(
-      ConfirmActionDialog,
-      {
-        state,
-        copy,
-        title,
-        entityName,
-        description,
-        confirmText,
-        dataTestId
-      }
-    )
-  };
-}
-
-export {
-  useRemoveConfirm
-};
-//# sourceMappingURL=chunk-JC5DL4JO.js.map