@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-FUBSPSI3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Lightbox/LightboxOverlay.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport type { LightboxProps } from './Lightbox.types';\nimport {\n  LightboxAutoplayButton,\n  LightboxCloseButton,\n  LightboxNavButtons,\n  LightboxZoomControls,\n} from './LightboxControls';\n\nexport interface LightboxOverlayProps {\n  testId: (suffix: string) => string;\n  itemCount: number;\n  currentIndex: number;\n  showControls: boolean;\n  loop: boolean;\n  autoplay: LightboxProps['autoplay'];\n  canZoom: boolean;\n  isAutoPlaying: boolean;\n  onClose: () => void;\n  onPrev: () => void;\n  onNext: () => void;\n  onZoomIn: () => void;\n  onZoomOut: () => void;\n  onResetZoom: () => void;\n  onToggleAutoplay: () => void;\n}\n\n// Everything that floats above the media: dismiss, step, zoom and slideshow.\nexport const LightboxOverlay: FC<LightboxOverlayProps> = ({\n  testId,\n  itemCount,\n  currentIndex,\n  showControls,\n  loop,\n  autoplay,\n  canZoom,\n  isAutoPlaying,\n  onClose,\n  onPrev,\n  onNext,\n  onZoomIn,\n  onZoomOut,\n  onResetZoom,\n  onToggleAutoplay,\n}) => {\n  const hasMultiple = itemCount > 1;\n\n  return (\n    <>\n      <LightboxCloseButton testId={testId} onClose={onClose} />\n\n      {showControls && hasMultiple && (\n        <LightboxNavButtons\n          testId={testId}\n          // A non-looping gallery runs out of moves at either end.\n          atStart={!loop && currentIndex === 0}\n          atEnd={!loop && currentIndex === itemCount - 1}\n          onPrev={onPrev}\n          onNext={onNext}\n        />\n      )}\n\n      {canZoom && (\n        <LightboxZoomControls\n          testId={testId}\n          onZoomIn={onZoomIn}\n          onZoomOut={onZoomOut}\n          onResetZoom={onResetZoom}\n        />\n      )}\n\n      {autoplay && hasMultiple && (\n        <LightboxAutoplayButton\n          testId={testId}\n          isAutoPlaying={isAutoPlaying}\n          onToggle={onToggleAutoplay}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;AAkDI,mBACE,KADF;AApBG,IAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAc,YAAY;AAEhC,SACE,iCACE;AAAA,wBAAC,uBAAoB,QAAgB,SAAkB;AAAA,IAEtD,gBAAgB,eACf;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QAEA,SAAS,CAAC,QAAQ,iBAAiB;AAAA,QACnC,OAAO,CAAC,QAAQ,iBAAiB,YAAY;AAAA,QAC7C;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAGD,WACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAGD,YAAY,eACX;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,UAAU;AAAA;AAAA,IACZ;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-FZJ2FTGE.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-FZJ2FTGE.js.map

package/dist/chunk-FZJ2FTGE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-G3E66C6J.js

@@ -0,0 +1,58 @@
+// src/components/data-display/DataGrid/DataGrid.rows.ts
+function cellValue(row, column) {
+  const { accessor } = column;
+  if (typeof accessor === "function") return accessor(row);
+  if (accessor !== void 0) return row[accessor];
+  return row[column.id];
+}
+function compareValues(a, b) {
+  if (a == null && b == null) return 0;
+  if (a == null) return -1;
+  if (b == null) return 1;
+  const left = typeof a === "number" ? a : String(a);
+  const right = typeof b === "number" ? b : String(b);
+  if (left < right) return -1;
+  return left > right ? 1 : 0;
+}
+function makeComparator(sortBy, columnMap) {
+  return (a, b) => {
+    for (const sort of sortBy) {
+      const column = columnMap.get(sort.id);
+      if (!column || !sort.dir) continue;
+      const comparison = compareValues(cellValue(a, column), cellValue(b, column));
+      if (comparison !== 0) return sort.dir === "desc" ? -comparison : comparison;
+    }
+    return 0;
+  };
+}
+function matchesFilter(row, filter, columnMap) {
+  const column = columnMap.get(filter.id);
+  if (!column || !filter.value) return true;
+  const value = cellValue(row, column);
+  if (column.filterPredicate) return column.filterPredicate(value, filter.value, row);
+  return String(value ?? "").toLowerCase().includes(String(filter.value).toLowerCase());
+}
+function processRows(pipeline) {
+  const { rows, columnMap, needsFiltering, needsSorting, needsPagination } = pipeline;
+  if (!needsFiltering && !needsSorting && !needsPagination) return rows;
+  let result = rows;
+  if (needsFiltering) {
+    result = result.filter(
+      (row) => pipeline.filters.every((filter) => matchesFilter(row, filter, columnMap))
+    );
+  }
+  if (needsSorting) {
+    result = [...result].sort(makeComparator(pipeline.sortBy, columnMap));
+  }
+  if (needsPagination) {
+    const start = pipeline.pageIndex * pipeline.pageSize;
+    result = result.slice(start, start + pipeline.pageSize);
+  }
+  return result;
+}
+
+export {
+  cellValue,
+  processRows
+};
+//# sourceMappingURL=chunk-G3E66C6J.js.map

package/dist/chunk-G3E66C6J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataGrid/DataGrid.rows.ts"],"sourcesContent":["/**\n * The DataGrid's CLIENT-MODE row pipeline: filter, sort, paginate.\n *\n * Lifted out of the component so it is a pure function of its inputs — no\n * hooks, no theme, no refs — which is the only way the comparator can be read\n * (and tested) at all. Server modes skip every step here: the rows arrived\n * already filtered, sorted and paged, and re-doing any of it locally would make\n * the grid disagree with the page count the server just sent.\n */\nimport type { GridColumn, GridFilter, GridSort } from './DataGrid.types';\n\n/** The value a column reads out of a row: accessor fn, accessor key, or id. */\nexport function cellValue<T extends Record<string, unknown>>(\n  row: T,\n  column: GridColumn<T>,\n): unknown {\n  const { accessor } = column;\n  if (typeof accessor === 'function') return accessor(row);\n  if (accessor !== undefined) return row[accessor];\n  return row[column.id];\n}\n\n/**\n * Order two cell values, with absent ones sorting first.\n *\n * Numbers compare as numbers and everything else as a string — the grid has no\n * per-column comparator, and stringifying a number would sort 10 before 9.\n */\nfunction compareValues(a: unknown, b: unknown): number {\n  if (a == null && b == null) return 0;\n  if (a == null) return -1;\n  if (b == null) return 1;\n  const left = typeof a === 'number' ? a : String(a);\n  const right = typeof b === 'number' ? b : String(b);\n  if (left < right) return -1;\n  return left > right ? 1 : 0;\n}\n\n/**\n * A comparator over the whole `sortBy` list — earlier entries win, later ones\n * break their ties. A sort entry naming an unknown column, or carrying a `null`\n * direction, is skipped rather than treated as ascending.\n */\nfunction makeComparator<T extends Record<string, unknown>>(\n  sortBy: readonly GridSort[],\n  columnMap: ReadonlyMap<string, GridColumn<T>>,\n): (a: T, b: T) => number {\n  return (a, b) => {\n    for (const sort of sortBy) {\n      const column = columnMap.get(sort.id);\n      if (!column || !sort.dir) continue;\n      const comparison = compareValues(cellValue(a, column), cellValue(b, column));\n      if (comparison !== 0) return sort.dir === 'desc' ? -comparison : comparison;\n    }\n    return 0;\n  };\n}\n\n/** Does `row` satisfy one filter? An unknown column or empty value matches all. */\nfunction matchesFilter<T extends Record<string, unknown>>(\n  row: T,\n  filter: GridFilter,\n  columnMap: ReadonlyMap<string, GridColumn<T>>,\n): boolean {\n  const column = columnMap.get(filter.id);\n  if (!column || !filter.value) return true;\n  const value = cellValue(row, column);\n  if (column.filterPredicate) return column.filterPredicate(value, filter.value, row);\n  return String(value ?? '')\n    .toLowerCase()\n    .includes(String(filter.value).toLowerCase());\n}\n\n/** Which client-mode steps this render actually needs. */\ninterface RowPipeline<T extends Record<string, unknown>> {\n  rows: T[];\n  columnMap: ReadonlyMap<string, GridColumn<T>>;\n  filters: readonly GridFilter[];\n  sortBy: readonly GridSort[];\n  needsFiltering: boolean;\n  needsSorting: boolean;\n  needsPagination: boolean;\n  pageIndex: number;\n  pageSize: number;\n}\n\n/**\n * Run the pipeline, copying the array only when a step actually has to modify\n * it. The identity of the untouched array is load-bearing: the grid's memos and\n * every consumer's `rows === prev` check depend on a no-op pipeline returning\n * exactly what it was given.\n */\nexport function processRows<T extends Record<string, unknown>>(pipeline: RowPipeline<T>): T[] {\n  const { rows, columnMap, needsFiltering, needsSorting, needsPagination } = pipeline;\n  if (!needsFiltering && !needsSorting && !needsPagination) return rows;\n\n  let result = rows;\n  if (needsFiltering) {\n    result = result.filter((row) =>\n      pipeline.filters.every((filter) => matchesFilter(row, filter, columnMap)),\n    );\n  }\n  if (needsSorting) {\n    // Copy only here: `Array#sort` is in-place and the caller owns `rows`.\n    result = [...result].sort(makeComparator(pipeline.sortBy, columnMap));\n  }\n  if (needsPagination) {\n    const start = pipeline.pageIndex * pipeline.pageSize;\n    result = result.slice(start, start + pipeline.pageSize);\n  }\n  return result;\n}\n"],"mappings":";AAYO,SAAS,UACd,KACA,QACS;AACT,QAAM,EAAE,SAAS,IAAI;AACrB,MAAI,OAAO,aAAa,WAAY,QAAO,SAAS,GAAG;AACvD,MAAI,aAAa,OAAW,QAAO,IAAI,QAAQ;AAC/C,SAAO,IAAI,OAAO,EAAE;AACtB;AAQA,SAAS,cAAc,GAAY,GAAoB;AACrD,MAAI,KAAK,QAAQ,KAAK,KAAM,QAAO;AACnC,MAAI,KAAK,KAAM,QAAO;AACtB,MAAI,KAAK,KAAM,QAAO;AACtB,QAAM,OAAO,OAAO,MAAM,WAAW,IAAI,OAAO,CAAC;AACjD,QAAM,QAAQ,OAAO,MAAM,WAAW,IAAI,OAAO,CAAC;AAClD,MAAI,OAAO,MAAO,QAAO;AACzB,SAAO,OAAO,QAAQ,IAAI;AAC5B;AAOA,SAAS,eACP,QACA,WACwB;AACxB,SAAO,CAAC,GAAG,MAAM;AACf,eAAW,QAAQ,QAAQ;AACzB,YAAM,SAAS,UAAU,IAAI,KAAK,EAAE;AACpC,UAAI,CAAC,UAAU,CAAC,KAAK,IAAK;AAC1B,YAAM,aAAa,cAAc,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;AAC3E,UAAI,eAAe,EAAG,QAAO,KAAK,QAAQ,SAAS,CAAC,aAAa;AAAA,IACnE;AACA,WAAO;AAAA,EACT;AACF;AAGA,SAAS,cACP,KACA,QACA,WACS;AACT,QAAM,SAAS,UAAU,IAAI,OAAO,EAAE;AACtC,MAAI,CAAC,UAAU,CAAC,OAAO,MAAO,QAAO;AACrC,QAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,MAAI,OAAO,gBAAiB,QAAO,OAAO,gBAAgB,OAAO,OAAO,OAAO,GAAG;AAClF,SAAO,OAAO,SAAS,EAAE,EACtB,YAAY,EACZ,SAAS,OAAO,OAAO,KAAK,EAAE,YAAY,CAAC;AAChD;AAqBO,SAAS,YAA+C,UAA+B;AAC5F,QAAM,EAAE,MAAM,WAAW,gBAAgB,cAAc,gBAAgB,IAAI;AAC3E,MAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,gBAAiB,QAAO;AAEjE,MAAI,SAAS;AACb,MAAI,gBAAgB;AAClB,aAAS,OAAO;AAAA,MAAO,CAAC,QACtB,SAAS,QAAQ,MAAM,CAAC,WAAW,cAAc,KAAK,QAAQ,SAAS,CAAC;AAAA,IAC1E;AAAA,EACF;AACA,MAAI,cAAc;AAEhB,aAAS,CAAC,GAAG,MAAM,EAAE,KAAK,eAAe,SAAS,QAAQ,SAAS,CAAC;AAAA,EACtE;AACA,MAAI,iBAAiB;AACnB,UAAM,QAAQ,SAAS,YAAY,SAAS;AAC5C,aAAS,OAAO,MAAM,OAAO,QAAQ,SAAS,QAAQ;AAAA,EACxD;AACA,SAAO;AACT;","names":[]}

package/dist/chunk-G6T64PRY.js

@@ -0,0 +1,81 @@
+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-G6T64PRY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/WorkflowStep/WorkflowStepRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  StepConnectorComponent,\n  StepContentComponent,\n  StepIndicatorComponent,\n  StepItemRow,\n} from './WorkflowStep.parts';\nimport type { WorkflowStepItem, WorkflowStepProps } from './WorkflowStep.types';\n\ninterface StepRowProps {\n  step: WorkflowStepItem;\n  index: number;\n  isLast: boolean;\n  orientation: NonNullable<WorkflowStepProps['orientation']>;\n  variant: NonNullable<WorkflowStepProps['variant']>;\n  color: NonNullable<WorkflowStepProps['color']>;\n  size: NonNullable<WorkflowStepProps['size']>;\n  showNumbers: boolean;\n  showIcons: boolean;\n  showProgress: boolean;\n  completedIcon?: React.ReactNode;\n  errorIcon?: React.ReactNode;\n  interactive: boolean;\n  animated: boolean;\n  disabled: boolean;\n  onClick: (index: number, step: WorkflowStepItem) => void;\n  dataTestId?: string;\n}\n\n/** One row of the workflow: its indicator, its text, and the rule leading to the next. */\nexport const StepRow: React.FC<StepRowProps> = ({\n  step,\n  index,\n  isLast,\n  orientation,\n  variant,\n  color,\n  size,\n  showNumbers,\n  showIcons,\n  showProgress,\n  completedIcon,\n  errorIcon,\n  interactive,\n  animated,\n  disabled,\n  onClick,\n  dataTestId,\n}) => {\n  const isCompleted = step.status === 'completed';\n\n  return (\n    <StepItemRow orientation={orientation} isLast={isLast}>\n      <StepIndicatorComponent\n        step={step}\n        index={index}\n        isActive={step.status === 'current'}\n        isCompleted={isCompleted}\n        isError={step.status === 'error'}\n        variant={variant}\n        color={color}\n        size={size}\n        showNumbers={showNumbers}\n        showIcons={showIcons}\n        completedIcon={completedIcon}\n        errorIcon={errorIcon}\n        interactive={interactive}\n        animated={animated}\n        disabled={disabled}\n        onClick={onClick}\n        data-testid={`${dataTestId}-indicator-${index}`}\n      />\n\n      <StepContentComponent\n        step={step}\n        index={index}\n        orientation={orientation}\n        interactive={interactive}\n        disabled={disabled}\n        onClick={onClick}\n        data-testid={`${dataTestId}-content-${index}`}\n      />\n\n      {showProgress && !isLast && (\n        <StepConnectorComponent\n          isCompleted={isCompleted}\n          orientation={orientation}\n          variant={variant}\n          color={color}\n          data-testid={`${dataTestId}-connector-${index}`}\n        />\n      )}\n    </StepItemRow>\n  );\n};\n"],"mappings":";;;;;;;;AAqDI,SACE,KADF;AAtBG,IAAM,UAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAc,KAAK,WAAW;AAEpC,SACE,qBAAC,eAAY,aAA0B,QACrC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,UAAU,KAAK,WAAW;AAAA,QAC1B;AAAA,QACA,SAAS,KAAK,WAAW;AAAA,QACzB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa,GAAG,UAAU,cAAc,KAAK;AAAA;AAAA,IAC/C;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa,GAAG,UAAU,YAAY,KAAK;AAAA;AAAA,IAC7C;AAAA,IAEC,gBAAgB,CAAC,UAChB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa,GAAG,UAAU,cAAc,KAAK;AAAA;AAAA,IAC/C;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-GCC66ZSD.js

@@ -0,0 +1,77 @@
+// src/components/form/CategorySelect/category-keyboard.ts
+function activeRow(context) {
+  return context.activeIndex >= 0 ? context.rows[context.activeIndex] : void 0;
+}
+function groupOf(context, id) {
+  return context.groups.find((group) => group.category.id === id);
+}
+function moveCursor(context, delta) {
+  const { rows, activeIndex } = context;
+  if (rows.length === 0) return;
+  const next = delta > 0 ? Math.min(rows.length - 1, activeIndex + 1) : Math.max(0, activeIndex - 1);
+  context.setActiveIndex(next);
+}
+function handleRight(context) {
+  const row = activeRow(context);
+  if (row?.kind === "category") context.expand(row.id);
+}
+function handleLeft(context) {
+  const row = activeRow(context);
+  if (!row) return;
+  if (row.kind === "category") {
+    context.collapse(row.id);
+    return;
+  }
+  if (!row.parentId) return;
+  context.collapse(row.parentId);
+  const parentIndex = context.rows.findIndex(
+    (candidate) => candidate.kind === "category" && candidate.id === row.parentId
+  );
+  if (parentIndex >= 0) context.setActiveIndex(parentIndex);
+}
+function handleSpace(context) {
+  const row = activeRow(context);
+  if (!row) return;
+  if (context.single) {
+    context.pick(row.id);
+    return;
+  }
+  if (row.kind === "subcategory") {
+    context.toggleSubcategory(row.id);
+    return;
+  }
+  const group = groupOf(context, row.id);
+  if (!group) return;
+  if (context.allowParentSelection) context.toggleCategory(group);
+  else context.toggleExpanded(row.id);
+}
+function handleEnter(context) {
+  const row = activeRow(context);
+  if (context.single) {
+    if (row) context.pick(row.id);
+    return;
+  }
+  context.commit();
+}
+var HANDLERS = {
+  ArrowDown: (context) => moveCursor(context, 1),
+  ArrowUp: (context) => moveCursor(context, -1),
+  ArrowRight: handleRight,
+  ArrowLeft: handleLeft,
+  " ": handleSpace,
+  Enter: handleEnter,
+  Escape: (context) => context.cancel()
+};
+var TEXT_ENTRY_KEYS = /* @__PURE__ */ new Set([" ", "ArrowLeft", "ArrowRight"]);
+function handleCategoryKeyDown(key, editingSearchText, context) {
+  if (editingSearchText && TEXT_ENTRY_KEYS.has(key)) return false;
+  const handler = HANDLERS[key];
+  if (!handler) return false;
+  handler(context);
+  return true;
+}
+
+export {
+  handleCategoryKeyDown
+};
+//# sourceMappingURL=chunk-GCC66ZSD.js.map

package/dist/chunk-GCC66ZSD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/category-keyboard.ts"],"sourcesContent":["import type { CategoryRowRef } from './category-tree';\nimport type { CategoryGroup } from './CategorySelect.types';\n\n/** What a key handler is allowed to do to the panel. */\nexport interface CategoryKeyContext {\n  rows: CategoryRowRef[];\n  activeIndex: number;\n  groups: CategoryGroup[];\n  /** Single-select mode picks on Enter/Space instead of toggling a draft. */\n  single: boolean;\n  /** Categories are headings, not checkboxes, unless parents are selectable. */\n  allowParentSelection: boolean;\n  setActiveIndex: (next: number) => void;\n  toggleExpanded: (categoryId: string) => void;\n  expand: (categoryId: string) => void;\n  collapse: (categoryId: string) => void;\n  toggleCategory: (group: CategoryGroup) => void;\n  toggleSubcategory: (id: string) => void;\n  commit: () => void;\n  cancel: () => void;\n  pick: (id: string) => void;\n}\n\n/** The row under the keyboard cursor, if the cursor is on one. */\nfunction activeRow(context: CategoryKeyContext): CategoryRowRef | undefined {\n  return context.activeIndex >= 0 ? context.rows[context.activeIndex] : undefined;\n}\n\nfunction groupOf(context: CategoryKeyContext, id: string): CategoryGroup | undefined {\n  return context.groups.find((group) => group.category.id === id);\n}\n\nfunction moveCursor(context: CategoryKeyContext, delta: number): void {\n  const { rows, activeIndex } = context;\n  if (rows.length === 0) return;\n  const next =\n    delta > 0\n      ? Math.min(rows.length - 1, activeIndex + 1)\n      : Math.max(0, activeIndex - 1);\n  context.setActiveIndex(next);\n}\n\n/** → opens a category. On a subcategory it is a no-op: there is nothing deeper. */\nfunction handleRight(context: CategoryKeyContext): void {\n  const row = activeRow(context);\n  if (row?.kind === 'category') context.expand(row.id);\n}\n\n/** ← collapses a category, or walks a subcategory back up to its parent. */\nfunction handleLeft(context: CategoryKeyContext): void {\n  const row = activeRow(context);\n  if (!row) return;\n  if (row.kind === 'category') {\n    context.collapse(row.id);\n    return;\n  }\n  if (!row.parentId) return;\n  context.collapse(row.parentId);\n  const parentIndex = context.rows.findIndex(\n    (candidate) => candidate.kind === 'category' && candidate.id === row.parentId,\n  );\n  if (parentIndex >= 0) context.setActiveIndex(parentIndex);\n}\n\n/**\n * Space marks. On a category that is only a HEADING it expands instead — the\n * row has no checkbox, so \"mark\" has nothing to mean there.\n */\nfunction handleSpace(context: CategoryKeyContext): void {\n  const row = activeRow(context);\n  if (!row) return;\n  if (context.single) {\n    context.pick(row.id);\n    return;\n  }\n  if (row.kind === 'subcategory') {\n    context.toggleSubcategory(row.id);\n    return;\n  }\n  const group = groupOf(context, row.id);\n  if (!group) return;\n  if (context.allowParentSelection) context.toggleCategory(group);\n  else context.toggleExpanded(row.id);\n}\n\nfunction handleEnter(context: CategoryKeyContext): void {\n  const row = activeRow(context);\n  if (context.single) {\n    if (row) context.pick(row.id);\n    return;\n  }\n  context.commit();\n}\n\n/** Key → behaviour. A map keeps this dispatch flat instead of a long if-chain. */\nconst HANDLERS: Record<string, (context: CategoryKeyContext) => void> = {\n  ArrowDown: (context) => moveCursor(context, 1),\n  ArrowUp: (context) => moveCursor(context, -1),\n  ArrowRight: handleRight,\n  ArrowLeft: handleLeft,\n  ' ': handleSpace,\n  Enter: handleEnter,\n  Escape: (context) => context.cancel(),\n};\n\n/**\n * Keys the SEARCH BOX has a claim on: Space types a space, and the horizontal\n * arrows move the caret.\n *\n * They are only yielded while the field actually holds text. The panel opens\n * with focus in an EMPTY search box, so yielding unconditionally — as the\n * prototype does — would make Space and ←/→ dead on arrival for anyone driving\n * the tree from the keyboard, which is most of the point of having it. With no\n * text there is no caret to move and no word to space, so the tree takes them;\n * type one character and they revert to the field.\n */\nconst TEXT_ENTRY_KEYS = new Set([' ', 'ArrowLeft', 'ArrowRight']);\n\n/**\n * Drive the tree from the keyboard.\n *\n * Returns `true` when the key was consumed, so the caller can `preventDefault`\n * only for keys this actually handled — an unhandled key must still reach the\n * search input untouched.\n */\nexport function handleCategoryKeyDown(\n  key: string,\n  editingSearchText: boolean,\n  context: CategoryKeyContext,\n): boolean {\n  if (editingSearchText && TEXT_ENTRY_KEYS.has(key)) return false;\n  const handler = HANDLERS[key];\n  if (!handler) return false;\n  handler(context);\n  return true;\n}\n"],"mappings":";AAwBA,SAAS,UAAU,SAAyD;AAC1E,SAAO,QAAQ,eAAe,IAAI,QAAQ,KAAK,QAAQ,WAAW,IAAI;AACxE;AAEA,SAAS,QAAQ,SAA6B,IAAuC;AACnF,SAAO,QAAQ,OAAO,KAAK,CAAC,UAAU,MAAM,SAAS,OAAO,EAAE;AAChE;AAEA,SAAS,WAAW,SAA6B,OAAqB;AACpE,QAAM,EAAE,MAAM,YAAY,IAAI;AAC9B,MAAI,KAAK,WAAW,EAAG;AACvB,QAAM,OACJ,QAAQ,IACJ,KAAK,IAAI,KAAK,SAAS,GAAG,cAAc,CAAC,IACzC,KAAK,IAAI,GAAG,cAAc,CAAC;AACjC,UAAQ,eAAe,IAAI;AAC7B;AAGA,SAAS,YAAY,SAAmC;AACtD,QAAM,MAAM,UAAU,OAAO;AAC7B,MAAI,KAAK,SAAS,WAAY,SAAQ,OAAO,IAAI,EAAE;AACrD;AAGA,SAAS,WAAW,SAAmC;AACrD,QAAM,MAAM,UAAU,OAAO;AAC7B,MAAI,CAAC,IAAK;AACV,MAAI,IAAI,SAAS,YAAY;AAC3B,YAAQ,SAAS,IAAI,EAAE;AACvB;AAAA,EACF;AACA,MAAI,CAAC,IAAI,SAAU;AACnB,UAAQ,SAAS,IAAI,QAAQ;AAC7B,QAAM,cAAc,QAAQ,KAAK;AAAA,IAC/B,CAAC,cAAc,UAAU,SAAS,cAAc,UAAU,OAAO,IAAI;AAAA,EACvE;AACA,MAAI,eAAe,EAAG,SAAQ,eAAe,WAAW;AAC1D;AAMA,SAAS,YAAY,SAAmC;AACtD,QAAM,MAAM,UAAU,OAAO;AAC7B,MAAI,CAAC,IAAK;AACV,MAAI,QAAQ,QAAQ;AAClB,YAAQ,KAAK,IAAI,EAAE;AACnB;AAAA,EACF;AACA,MAAI,IAAI,SAAS,eAAe;AAC9B,YAAQ,kBAAkB,IAAI,EAAE;AAChC;AAAA,EACF;AACA,QAAM,QAAQ,QAAQ,SAAS,IAAI,EAAE;AACrC,MAAI,CAAC,MAAO;AACZ,MAAI,QAAQ,qBAAsB,SAAQ,eAAe,KAAK;AAAA,MACzD,SAAQ,eAAe,IAAI,EAAE;AACpC;AAEA,SAAS,YAAY,SAAmC;AACtD,QAAM,MAAM,UAAU,OAAO;AAC7B,MAAI,QAAQ,QAAQ;AAClB,QAAI,IAAK,SAAQ,KAAK,IAAI,EAAE;AAC5B;AAAA,EACF;AACA,UAAQ,OAAO;AACjB;AAGA,IAAM,WAAkE;AAAA,EACtE,WAAW,CAAC,YAAY,WAAW,SAAS,CAAC;AAAA,EAC7C,SAAS,CAAC,YAAY,WAAW,SAAS,EAAE;AAAA,EAC5C,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ,CAAC,YAAY,QAAQ,OAAO;AACtC;AAaA,IAAM,kBAAkB,oBAAI,IAAI,CAAC,KAAK,aAAa,YAAY,CAAC;AASzD,SAAS,sBACd,KACA,mBACA,SACS;AACT,MAAI,qBAAqB,gBAAgB,IAAI,GAAG,EAAG,QAAO;AAC1D,QAAM,UAAU,SAAS,GAAG;AAC5B,MAAI,CAAC,QAAS,QAAO;AACrB,UAAQ,OAAO;AACf,SAAO;AACT;","names":[]}

package/dist/chunk-GCZJH4XL.js

@@ -0,0 +1,55 @@
+// src/components/data-display/DataViews/data-views-range-values.ts
+function isRangeSet(range) {
+  return Boolean(range && (range.min != null || range.max != null));
+}
+function shortDay(day) {
+  const [, month, date] = day.split("-");
+  return month && date ? `${date}/${month}` : day;
+}
+function decimalsFor(step) {
+  if (!step || Number.isInteger(step)) return 0;
+  return String(step).split(".")[1]?.length ?? 0;
+}
+function formatBoundNumber(amount, step) {
+  const decimals = decimalsFor(step);
+  return new Intl.NumberFormat("pt-BR", {
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: Math.max(decimals, 2)
+  }).format(amount);
+}
+function boundLabel(field, bound) {
+  if (field.kind === "day") return shortDay(String(bound));
+  const amount = typeof bound === "number" ? bound : Number(bound);
+  const text = Number.isFinite(amount) ? formatBoundNumber(amount, field.step) : String(bound);
+  return field.unit ? `${field.unit} ${text}` : text;
+}
+function rangeChipLabel(field, range) {
+  const { min, max } = range;
+  if (min != null && max != null) {
+    return `${field.label}: ${boundLabel(field, min)}\u2013${boundLabel(field, max)}`;
+  }
+  if (min != null) return `${field.label}: \u2265 ${boundLabel(field, min)}`;
+  return `${field.label}: \u2264 ${boundLabel(field, max)}`;
+}
+function isRangeInverted(value) {
+  return value.min != null && value.max != null && value.min > value.max;
+}
+function numericRange(range) {
+  const parse = (bound) => {
+    if (bound == null || bound === "") return void 0;
+    const value = Number(bound);
+    return Number.isNaN(value) ? void 0 : value;
+  };
+  const min = parse(range.min);
+  const max = parse(range.max);
+  return { ...min !== void 0 ? { min } : {}, ...max !== void 0 ? { max } : {} };
+}
+
+export {
+  isRangeSet,
+  formatBoundNumber,
+  rangeChipLabel,
+  isRangeInverted,
+  numericRange
+};
+//# sourceMappingURL=chunk-GCZJH4XL.js.map

package/dist/chunk-GCZJH4XL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-range-values.ts"],"sourcesContent":["import type { RangeFieldConfig, RangeValue } from \"./data-views-types\";\n\n/**\n * What a range VALUE means, separate from the controls that edit one.\n *\n * Pure and component-free: whether a window is set, whether it is inverted, how\n * it reads as a label, and its numeric form. The pill, the overflow panel and\n * the filter panel all ask these questions, and none of them should have to\n * import a component to do it.\n */\n\n/** Is either bound set? Drives the pill's active styling and the chip. */\nexport function isRangeSet(range: RangeValue | undefined): boolean {\n  return Boolean(range && (range.min != null || range.max != null));\n}\n/** `AAAA-MM-DD` → `DD/MM` — the compact form a chip shows. */\nfunction shortDay(day: string): string {\n  const [, month, date] = day.split('-');\n  return month && date ? `${date}/${month}` : day;\n}\n/**\n * How many decimals a bound is WRITTEN with, taken from the field's own `step`.\n *\n * `step` is already the field's statement about its precision — money declares\n * `0.01` — so nothing new has to be configured for a chip to know that R$ 17,50\n * has two decimals and a quantity has none.\n */\nfunction decimalsFor(step: number | undefined): number {\n  if (!step || Number.isInteger(step)) return 0;\n  return String(step).split('.')[1]?.length ?? 0;\n}\n\n/**\n * A numeric bound as the merchant writes it: decimal COMMA, thousands grouped.\n *\n * `String(17.5)` reads `17.5` — a decimal point in a currency that has none —\n * and padding it to the field's own precision is what makes `R$ 17,50` instead\n * of `R$ 17,5`. Shared with the input's blur so the chip and the field it was\n * typed into can never disagree, which matters because the chip is the ONLY\n * place the applied window is stated once the popover closes.\n */\nexport function formatBoundNumber(amount: number, step?: number): string {\n  const decimals = decimalsFor(step);\n  return new Intl.NumberFormat('pt-BR', {\n    minimumFractionDigits: decimals,\n    maximumFractionDigits: Math.max(decimals, 2),\n  }).format(amount);\n}\n\n/** One bound, rendered for the chip: money in reais, a day as `DD/MM`. */\nfunction boundLabel<T extends Record<string, unknown>>(\n  field: RangeFieldConfig<T>,\n  bound: number | string,\n): string {\n  if (field.kind === 'day') return shortDay(String(bound));\n  const amount = typeof bound === 'number' ? bound : Number(bound);\n  const text = Number.isFinite(amount) ? formatBoundNumber(amount, field.step) : String(bound);\n  return field.unit ? `${field.unit} ${text}` : text;\n}\n/**\n * The chip text for an applied range: \"Data: 01/07–31/07\" when both ends are\n * set, and a one-sided window as the inequality it actually is (\"Valor: ≥ R$ 20\")\n * rather than an en-dash with a blank side.\n */\nexport function rangeChipLabel<T extends Record<string, unknown>>(\n  field: RangeFieldConfig<T>,\n  range: RangeValue,\n): string {\n  const { min, max } = range;\n  if (min != null && max != null) {\n    return `${field.label}: ${boundLabel(field, min)}–${boundLabel(field, max)}`;\n  }\n  if (min != null) return `${field.label}: ≥ ${boundLabel(field, min)}`;\n  return `${field.label}: ≤ ${boundLabel(field, max as number | string)}`;\n}\n/**\n * Is the window INVERTED — a `de` after its `até`?\n *\n * Not an error the merchant must clear before the list responds: it simply\n * matches nothing. But an empty grid with no explanation reads as \"there is no\n * data\", so the control says which of the two it is.\n */\nexport function isRangeInverted(value: RangeValue): boolean {\n  return value.min != null && value.max != null && value.min > value.max;\n}\n/**\n * A stored range narrowed to NUMBERS, for the slide-in panel's numeric control.\n * A bound that doesn't parse is dropped rather than passed on as `NaN`, which\n * the control would render as an empty box that still filtered.\n */\nexport function numericRange(range: RangeValue): { min?: number; max?: number } {\n  const parse = (bound: number | string | undefined): number | undefined => {\n    if (bound == null || bound === \"\") return undefined;\n    const value = Number(bound);\n    return Number.isNaN(value) ? undefined : value;\n  };\n  const min = parse(range.min);\n  const max = parse(range.max);\n  return { ...(min !== undefined ? { min } : {}), ...(max !== undefined ? { max } : {}) };\n}\n"],"mappings":";AAYO,SAAS,WAAW,OAAwC;AACjE,SAAO,QAAQ,UAAU,MAAM,OAAO,QAAQ,MAAM,OAAO,KAAK;AAClE;AAEA,SAAS,SAAS,KAAqB;AACrC,QAAM,CAAC,EAAE,OAAO,IAAI,IAAI,IAAI,MAAM,GAAG;AACrC,SAAO,SAAS,OAAO,GAAG,IAAI,IAAI,KAAK,KAAK;AAC9C;AAQA,SAAS,YAAY,MAAkC;AACrD,MAAI,CAAC,QAAQ,OAAO,UAAU,IAAI,EAAG,QAAO;AAC5C,SAAO,OAAO,IAAI,EAAE,MAAM,GAAG,EAAE,CAAC,GAAG,UAAU;AAC/C;AAWO,SAAS,kBAAkB,QAAgB,MAAuB;AACvE,QAAM,WAAW,YAAY,IAAI;AACjC,SAAO,IAAI,KAAK,aAAa,SAAS;AAAA,IACpC,uBAAuB;AAAA,IACvB,uBAAuB,KAAK,IAAI,UAAU,CAAC;AAAA,EAC7C,CAAC,EAAE,OAAO,MAAM;AAClB;AAGA,SAAS,WACP,OACA,OACQ;AACR,MAAI,MAAM,SAAS,MAAO,QAAO,SAAS,OAAO,KAAK,CAAC;AACvD,QAAM,SAAS,OAAO,UAAU,WAAW,QAAQ,OAAO,KAAK;AAC/D,QAAM,OAAO,OAAO,SAAS,MAAM,IAAI,kBAAkB,QAAQ,MAAM,IAAI,IAAI,OAAO,KAAK;AAC3F,SAAO,MAAM,OAAO,GAAG,MAAM,IAAI,IAAI,IAAI,KAAK;AAChD;AAMO,SAAS,eACd,OACA,OACQ;AACR,QAAM,EAAE,KAAK,IAAI,IAAI;AACrB,MAAI,OAAO,QAAQ,OAAO,MAAM;AAC9B,WAAO,GAAG,MAAM,KAAK,KAAK,WAAW,OAAO,GAAG,CAAC,SAAI,WAAW,OAAO,GAAG,CAAC;AAAA,EAC5E;AACA,MAAI,OAAO,KAAM,QAAO,GAAG,MAAM,KAAK,YAAO,WAAW,OAAO,GAAG,CAAC;AACnE,SAAO,GAAG,MAAM,KAAK,YAAO,WAAW,OAAO,GAAsB,CAAC;AACvE;AAQO,SAAS,gBAAgB,OAA4B;AAC1D,SAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,QAAQ,MAAM,MAAM,MAAM;AACrE;AAMO,SAAS,aAAa,OAAmD;AAC9E,QAAM,QAAQ,CAAC,UAA2D;AACxE,QAAI,SAAS,QAAQ,UAAU,GAAI,QAAO;AAC1C,UAAM,QAAQ,OAAO,KAAK;AAC1B,WAAO,OAAO,MAAM,KAAK,IAAI,SAAY;AAAA,EAC3C;AACA,QAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,QAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,SAAO,EAAE,GAAI,QAAQ,SAAY,EAAE,IAAI,IAAI,CAAC,GAAI,GAAI,QAAQ,SAAY,EAAE,IAAI,IAAI,CAAC,EAAG;AACxF;","names":[]}

package/dist/chunk-GD7HXHOT.js

@@ -0,0 +1,107 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,93 @@
+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

@@ -0,0 +1 @@
+{"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":[]}