@portnet/ui 5.0.27 → 6.0.0

package/dist/v2/patterns/Tour.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tour.js","names":["React","_interopRequireWildcard","require","_reactDom","_Box","_interopRequireDefault","_IconButton","_Close","_Button","_useFocusTrap","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","name","Array","from","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","apply","_objectSpread","target","arguments","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","PADDING","TOOLTIP_GAP","TOOLTIP_WIDTH","TOOLTIP_MAX_HEIGHT","VIEWPORT_MARGIN","DEFAULT_LABELS","freeze","prev","skip","finish","closeAria","stepCounter","cur","total","concat","getElementRect","selector","document","el","querySelector","r","getBoundingClientRect","top","left","right","bottom","width","height","_unused","computeTooltipPosition","targetRect","placement","vw","vh","p","space","best","entries","sort","a","b","Math","max","min","SPOTLIGHT_BG","SPOTLIGHT_BASE_SX","position","background","zIndex","pointerEvents","BACKDROP_FALLBACK_SX","inset","TOOLTIP_BASE_SX","maxHeight","overflowY","border","borderRadius","boxShadow","padding","TOOLTIP_HEADER_SX","display","alignItems","justifyContent","gap","marginBottom","TOOLTIP_TITLE_SX","fontSize","fontWeight","color","TOOLTIP_CLOSE_SX","marginRight","marginTop","TOOLTIP_CONTENT_SX","lineHeight","TOOLTIP_FOOTER_SX","STEP_COUNTER_SX","fontVariantNumeric","NAV_BUTTONS_SX","Tour","_ref","open","steps","onClose","onComplete","labels","L","useMemo","_React$useState","useState","_React$useState2","stepIdx","setStepIdx","_React$useState3","_React$useState4","setTargetRect","_React$useState5","_React$useState6","tooltipPos","setTooltipPos","_React$useState7","w","h","_React$useState8","viewport","setViewport","tooltipRef","useRef","titleId","useId","contentId","currentStep","useFocusTrap","useEffect","recompute","window","innerWidth","innerHeight","rect","initialEl","_unused2","scrollIntoView","block","behavior","rafId","onViewportChange","requestAnimationFrame","addEventListener","removeEventListener","cancelAnimationFrame","onKey","e","preventDefault","isFirst","isLast","goNext","goPrev","spotlight","jsxs","Fragment","children","jsx","onClick","sx","backdropFallback","tooltip","ref","role","id","title","size","content","variant","createPortal","body","_default","exports"],"sources":["../../../src/lib/v2/patterns/Tour.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport Box from \"@mui/material/Box\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport Button from \"../components/Button\";\r\nimport useFocusTrap from \"../hooks/useFocusTrap\";\r\n\r\n/**\r\n * Tour - Portnet UI v2 (pattern)\r\n *\r\n * Charter §07 · \"First-run tooltips\" / onboarding. Step-by-step guided tour\r\n * anchored to specific DOM elements with spotlight + tooltip nav.\r\n *\r\n *   <Tour\r\n *     open={tourOpen}\r\n *     steps={[\r\n *       { target: \"#nav-dashboard\",    title: \"Accueil\",  content: \"...\" },\r\n *       { target: \"[data-tour='kpi']\", title: \"KPIs\",     content: \"...\", placement: \"bottom\" },\r\n *     ]}\r\n *     onClose={() => setTourOpen(false)}\r\n *     onComplete={() => markTourSeen()}\r\n *   />\r\n *\r\n * Step state is INTERNAL (resets to 0 on every `open` → true transition).\r\n * Host owns `open` and the \"user has seen the tour\" persistence.\r\n *\r\n * A11y: role=\"dialog\" aria-modal=\"true\"; aria-labelledby / aria-describedby;\r\n * step counter in role=\"status\" aria-live=\"polite\"; step title + content are\r\n * polite/atomic live regions so each step change is announced (TOUR-1); Esc\r\n * closes; focus trapped.\r\n *\r\n * Target-not-found fallback: if the CSS selector doesn't match, the spotlight\r\n * falls back to a full-screen dimmed backdrop and the tooltip renders centered.\r\n */\r\n\r\nexport type TourPlacement = \"top\" | \"bottom\" | \"left\" | \"right\" | \"auto\";\r\n\r\nexport interface TourStep {\r\n  /** CSS selector for the element to highlight. */\r\n  target: string;\r\n  title: React.ReactNode;\r\n  content: React.ReactNode;\r\n  /** Preferred side; \"auto\" (default) picks the side with the most space. */\r\n  placement?: TourPlacement;\r\n}\r\n\r\nexport interface TourLabels {\r\n  prev?: React.ReactNode;\r\n  next?: React.ReactNode;\r\n  skip?: React.ReactNode;\r\n  finish?: React.ReactNode;\r\n  closeAria?: string;\r\n  stepCounter?: (cur: number, total: number) => React.ReactNode;\r\n}\r\n\r\nexport interface TourProps {\r\n  open?: boolean;\r\n  steps?: TourStep[];\r\n  onClose?: () => void;\r\n  onComplete?: () => void;\r\n  labels?: TourLabels;\r\n}\r\n\r\n/** Resolved target geometry (plus the element, for potential callers). */\r\ninterface TargetRect {\r\n  top: number;\r\n  left: number;\r\n  right: number;\r\n  bottom: number;\r\n  width: number;\r\n  height: number;\r\n  el: Element;\r\n}\r\n\r\n/** Resolved tooltip position; `placement` is the chosen side (or \"center\"). */\r\ninterface TooltipPosition {\r\n  top: number;\r\n  left: number;\r\n  placement: string;\r\n}\r\n\r\nconst PADDING = 8; // spotlight extra around target bbox\r\nconst TOOLTIP_GAP = 12; // distance from target to tooltip edge\r\nconst TOOLTIP_WIDTH = 320;\r\nconst TOOLTIP_MAX_HEIGHT = 360;\r\nconst VIEWPORT_MARGIN = 8; // min distance from viewport edges\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  prev: \"Précédent\",\r\n  next: \"Suivant\",\r\n  skip: \"Ignorer\",\r\n  finish: \"Terminer\",\r\n  closeAria: \"Fermer la visite guidée\",\r\n  stepCounter: (cur: number, total: number) => `${cur} sur ${total}`,\r\n});\r\n\r\n/**\r\n * Try to resolve a CSS selector to its element's bounding rect. Returns null\r\n * on any failure (selector invalid, element absent). Defensive — host typos\r\n * shouldn't crash the tour.\r\n */\r\nfunction getElementRect(selector: string): TargetRect | null {\r\n  if (!selector || typeof document === \"undefined\") return null;\r\n  try {\r\n    const el = document.querySelector(selector);\r\n    if (!el) return null;\r\n    const r = el.getBoundingClientRect();\r\n    return {\r\n      top: r.top,\r\n      left: r.left,\r\n      right: r.right,\r\n      bottom: r.bottom,\r\n      width: r.width,\r\n      height: r.height,\r\n      el,\r\n    };\r\n  } catch {\r\n    // Invalid selector syntax → catch SyntaxError, return null.\r\n    return null;\r\n  }\r\n}\r\n\r\n/**\r\n * Compute the tooltip's top/left given a target rect, a placement preference,\r\n * and the viewport bounds. Auto picks the side with the most clearance;\r\n * clamps to viewport.\r\n */\r\nfunction computeTooltipPosition(\r\n  targetRect: TargetRect,\r\n  placement: TourPlacement | undefined,\r\n  vw: number,\r\n  vh: number\r\n): TooltipPosition {\r\n  let p: string = placement || \"auto\";\r\n  if (p === \"auto\") {\r\n    const space = {\r\n      top: targetRect.top,\r\n      bottom: vh - targetRect.bottom,\r\n      left: targetRect.left,\r\n      right: vw - targetRect.right,\r\n    };\r\n    // Pick the side with the most clearance. Stable on ties — first entry\r\n    // wins (Object.entries order is insertion order, ES2015+).\r\n    const best = Object.entries(space).sort((a, b) => b[1] - a[1])[0];\r\n    if (best) p = best[0];\r\n  }\r\n\r\n  let top: number;\r\n  let left: number;\r\n  switch (p) {\r\n    case \"top\":\r\n      top = targetRect.top - TOOLTIP_GAP - TOOLTIP_MAX_HEIGHT;\r\n      left = targetRect.left + targetRect.width / 2 - TOOLTIP_WIDTH / 2;\r\n      break;\r\n    case \"bottom\":\r\n      top = targetRect.bottom + TOOLTIP_GAP;\r\n      left = targetRect.left + targetRect.width / 2 - TOOLTIP_WIDTH / 2;\r\n      break;\r\n    case \"left\":\r\n      top = targetRect.top + targetRect.height / 2 - TOOLTIP_MAX_HEIGHT / 2;\r\n      left = targetRect.left - TOOLTIP_GAP - TOOLTIP_WIDTH;\r\n      break;\r\n    case \"right\":\r\n      top = targetRect.top + targetRect.height / 2 - TOOLTIP_MAX_HEIGHT / 2;\r\n      left = targetRect.right + TOOLTIP_GAP;\r\n      break;\r\n    default:\r\n      top = targetRect.bottom + TOOLTIP_GAP;\r\n      left = targetRect.left;\r\n  }\r\n\r\n  // Clamp to viewport with a small margin so the tooltip never touches the edge.\r\n  left = Math.max(\r\n    VIEWPORT_MARGIN,\r\n    Math.min(left, vw - TOOLTIP_WIDTH - VIEWPORT_MARGIN)\r\n  );\r\n  top = Math.max(\r\n    VIEWPORT_MARGIN,\r\n    Math.min(top, vh - TOOLTIP_MAX_HEIGHT - VIEWPORT_MARGIN)\r\n  );\r\n\r\n  return { top, left, placement: p };\r\n}\r\n\r\n/* ── Hoisted sx (Batch 14 D5 pattern) ─────────────────────────────── */\r\n\r\nconst SPOTLIGHT_BG = \"color-mix(in srgb, var(--fg) 60%, transparent)\";\r\n\r\nconst SPOTLIGHT_BASE_SX = Object.freeze({\r\n  position: \"fixed\",\r\n  background: SPOTLIGHT_BG,\r\n  zIndex: \"var(--z-modal)\",\r\n  pointerEvents: \"auto\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst BACKDROP_FALLBACK_SX = Object.freeze({\r\n  position: \"fixed\",\r\n  inset: 0,\r\n  background: SPOTLIGHT_BG,\r\n  zIndex: \"var(--z-modal)\",\r\n  pointerEvents: \"auto\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TOOLTIP_BASE_SX = Object.freeze({\r\n  position: \"fixed\",\r\n  width: TOOLTIP_WIDTH,\r\n  maxHeight: TOOLTIP_MAX_HEIGHT,\r\n  overflowY: \"auto\",\r\n  background: \"var(--surface)\",\r\n  border: \"1px solid var(--border)\",\r\n  borderRadius: \"var(--r-lg)\",\r\n  boxShadow: \"var(--shadow-lg)\",\r\n  padding: \"var(--s-4)\",\r\n  zIndex: \"var(--z-tooltip)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TOOLTIP_HEADER_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"flex-start\",\r\n  justifyContent: \"space-between\",\r\n  gap: \"var(--s-2)\",\r\n  marginBottom: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TOOLTIP_TITLE_SX = Object.freeze({\r\n  fontSize: \"var(--text-h4)\",\r\n  fontWeight: \"var(--fw-bold)\",\r\n  color: \"var(--fg)\",\r\n});\r\n\r\nconst TOOLTIP_CLOSE_SX = Object.freeze({\r\n  color: \"var(--fg-muted)\",\r\n  marginRight: \"calc(-1 * var(--s-1))\",\r\n  marginTop: \"calc(-1 * var(--s-1))\",\r\n});\r\n\r\nconst TOOLTIP_CONTENT_SX = Object.freeze({\r\n  fontSize: \"var(--text-sm)\",\r\n  color: \"var(--fg-muted)\",\r\n  marginBottom: \"var(--s-3)\",\r\n  lineHeight: \"var(--lh-normal)\",\r\n});\r\n\r\nconst TOOLTIP_FOOTER_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"space-between\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst STEP_COUNTER_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  color: \"var(--fg-subtle)\",\r\n  fontVariantNumeric: \"tabular-nums\",\r\n});\r\n\r\nconst NAV_BUTTONS_SX = Object.freeze({\r\n  display: \"flex\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nfunction Tour({ open, steps, onClose, onComplete, labels }: TourProps) {\r\n  const L = React.useMemo(\r\n    () => (labels ? { ...DEFAULT_LABELS, ...labels } : DEFAULT_LABELS),\r\n    [labels]\r\n  );\r\n\r\n  const [stepIdx, setStepIdx] = React.useState(0);\r\n  const [targetRect, setTargetRect] = React.useState<TargetRect | null>(null);\r\n  const [tooltipPos, setTooltipPos] = React.useState<TooltipPosition | null>(\r\n    null\r\n  );\r\n  const [viewport, setViewport] = React.useState({ w: 0, h: 0 });\r\n\r\n  const tooltipRef = React.useRef<HTMLDivElement>(null);\r\n  const titleId = React.useId();\r\n  const contentId = React.useId();\r\n\r\n  const currentStep = steps && steps[stepIdx];\r\n\r\n  // Focus trap activates ONLY after tooltipPos is computed (tooltip actually\r\n  // mounted with a non-null ref). On first open, tooltipPos is null until the\r\n  // position effect runs, so the trap would otherwise activate against a null ref.\r\n  useFocusTrap(tooltipRef, !!open && tooltipPos != null);\r\n\r\n  // Reset to step 0 on each open transition.\r\n  React.useEffect(() => {\r\n    if (open) setStepIdx(0);\r\n  }, [open]);\r\n\r\n  // Compute target rect + tooltip position. Re-runs on step change and on\r\n  // window scroll/resize.\r\n  React.useEffect(() => {\r\n    if (!open || !currentStep) return undefined;\r\n\r\n    const recompute = () => {\r\n      const w = window.innerWidth;\r\n      const h = window.innerHeight;\r\n      setViewport({ w, h });\r\n      const rect = getElementRect(currentStep.target);\r\n      setTargetRect(rect);\r\n      if (rect) {\r\n        setTooltipPos(\r\n          computeTooltipPosition(rect, currentStep.placement, w, h)\r\n        );\r\n      } else {\r\n        // Fallback: center the tooltip when target not found.\r\n        setTooltipPos({\r\n          top: Math.max(VIEWPORT_MARGIN, (h - TOOLTIP_MAX_HEIGHT) / 2),\r\n          left: Math.max(VIEWPORT_MARGIN, (w - TOOLTIP_WIDTH) / 2),\r\n          placement: \"center\",\r\n        });\r\n      }\r\n    };\r\n\r\n    recompute();\r\n\r\n    // Scroll the target into view on each step change; no-ops if not found.\r\n    const initialEl =\r\n      typeof document !== \"undefined\"\r\n        ? (() => {\r\n            try {\r\n              return document.querySelector(currentStep.target);\r\n            } catch {\r\n              return null;\r\n            }\r\n          })()\r\n        : null;\r\n    if (initialEl && typeof initialEl.scrollIntoView === \"function\") {\r\n      initialEl.scrollIntoView({ block: \"center\", behavior: \"smooth\" });\r\n    }\r\n\r\n    // TOUR-2 (perf) — coalesce scroll/resize into ONE recompute per frame.\r\n    // recompute() does a querySelector + getBoundingClientRect + up to 4\r\n    // setState calls, so running it on every raw scroll event is wasteful;\r\n    // rAF-throttle to at most once per animation frame. `true` (capture)\r\n    // catches scroll on any ancestor (default scroll events don't bubble).\r\n    let rafId: number | null = null;\r\n    const onViewportChange = () => {\r\n      if (rafId != null) return; // a frame is already scheduled\r\n      rafId = window.requestAnimationFrame(() => {\r\n        rafId = null;\r\n        recompute();\r\n      });\r\n    };\r\n    window.addEventListener(\"scroll\", onViewportChange, true);\r\n    window.addEventListener(\"resize\", onViewportChange);\r\n    return () => {\r\n      window.removeEventListener(\"scroll\", onViewportChange, true);\r\n      window.removeEventListener(\"resize\", onViewportChange);\r\n      if (rafId != null) window.cancelAnimationFrame(rafId);\r\n    };\r\n  }, [open, currentStep]);\r\n\r\n  // Esc closes the tour. Window-bound — same pattern as Modal / Drawer.\r\n  React.useEffect(() => {\r\n    if (!open) return undefined;\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") {\r\n        e.preventDefault();\r\n        onClose?.();\r\n      }\r\n    };\r\n    window.addEventListener(\"keydown\", onKey);\r\n    return () => window.removeEventListener(\"keydown\", onKey);\r\n  }, [open, onClose]);\r\n\r\n  if (!open || !steps || steps.length === 0 || !currentStep) return null;\r\n\r\n  const total = steps.length;\r\n  const isFirst = stepIdx === 0;\r\n  const isLast = stepIdx === total - 1;\r\n\r\n  const goNext = () => {\r\n    if (isLast) {\r\n      onComplete?.();\r\n      onClose?.();\r\n    } else {\r\n      setStepIdx(stepIdx + 1);\r\n    }\r\n  };\r\n  const goPrev = () => {\r\n    if (!isFirst) setStepIdx(stepIdx - 1);\r\n  };\r\n  const skip = () => {\r\n    onClose?.();\r\n  };\r\n\r\n  // Spotlight: 4 dark overlays around the target bbox. Each is clickable → skip.\r\n  const spotlight = targetRect && (\r\n    <>\r\n      {/* Top */}\r\n      <Box\r\n        onClick={skip}\r\n        sx={{\r\n          ...SPOTLIGHT_BASE_SX,\r\n          left: 0,\r\n          top: 0,\r\n          width: \"100vw\",\r\n          height: Math.max(0, targetRect.top - PADDING),\r\n        }}\r\n      />\r\n      {/* Left */}\r\n      <Box\r\n        onClick={skip}\r\n        sx={{\r\n          ...SPOTLIGHT_BASE_SX,\r\n          left: 0,\r\n          top: Math.max(0, targetRect.top - PADDING),\r\n          width: Math.max(0, targetRect.left - PADDING),\r\n          height: targetRect.height + 2 * PADDING,\r\n        }}\r\n      />\r\n      {/* Right */}\r\n      <Box\r\n        onClick={skip}\r\n        sx={{\r\n          ...SPOTLIGHT_BASE_SX,\r\n          left: targetRect.right + PADDING,\r\n          top: Math.max(0, targetRect.top - PADDING),\r\n          width: Math.max(0, viewport.w - (targetRect.right + PADDING)),\r\n          height: targetRect.height + 2 * PADDING,\r\n        }}\r\n      />\r\n      {/* Bottom */}\r\n      <Box\r\n        onClick={skip}\r\n        sx={{\r\n          ...SPOTLIGHT_BASE_SX,\r\n          left: 0,\r\n          top: targetRect.bottom + PADDING,\r\n          width: \"100vw\",\r\n          height: Math.max(0, viewport.h - (targetRect.bottom + PADDING)),\r\n        }}\r\n      />\r\n    </>\r\n  );\r\n\r\n  // Backdrop fallback when target not found — full-screen dimmed overlay.\r\n  const backdropFallback = !targetRect && (\r\n    <Box onClick={skip} sx={BACKDROP_FALLBACK_SX} />\r\n  );\r\n\r\n  // Tooltip — only renders once tooltipPos is computed.\r\n  const tooltip = tooltipPos && (\r\n    <Box\r\n      ref={tooltipRef}\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      aria-labelledby={titleId}\r\n      aria-describedby={contentId}\r\n      sx={{\r\n        ...TOOLTIP_BASE_SX,\r\n        top: tooltipPos.top,\r\n        left: tooltipPos.left,\r\n      }}\r\n    >\r\n      <Box sx={TOOLTIP_HEADER_SX}>\r\n        {/* TOUR-1 — polite/atomic so a step change announces the new title. */}\r\n        <Box\r\n          id={titleId}\r\n          aria-live=\"polite\"\r\n          aria-atomic=\"true\"\r\n          sx={TOOLTIP_TITLE_SX}\r\n        >\r\n          {currentStep.title}\r\n        </Box>\r\n        <IconButton\r\n          size=\"small\"\r\n          onClick={skip}\r\n          aria-label={L.closeAria}\r\n          sx={TOOLTIP_CLOSE_SX}\r\n        >\r\n          <CloseIcon fontSize=\"small\" />\r\n        </IconButton>\r\n      </Box>\r\n\r\n      {/* TOUR-1 — polite/atomic so a step change announces the new content. */}\r\n      <Box\r\n        id={contentId}\r\n        aria-live=\"polite\"\r\n        aria-atomic=\"true\"\r\n        sx={TOOLTIP_CONTENT_SX}\r\n      >\r\n        {currentStep.content}\r\n      </Box>\r\n\r\n      <Box sx={TOOLTIP_FOOTER_SX}>\r\n        <Box role=\"status\" aria-live=\"polite\" sx={STEP_COUNTER_SX}>\r\n          {L.stepCounter(stepIdx + 1, total)}\r\n        </Box>\r\n        <Box sx={NAV_BUTTONS_SX}>\r\n          {!isFirst && (\r\n            <Button variant=\"ghost\" size=\"sm\" onClick={goPrev}>\r\n              {L.prev}\r\n            </Button>\r\n          )}\r\n          <Button variant=\"ghost\" size=\"sm\" onClick={skip}>\r\n            {L.skip}\r\n          </Button>\r\n          <Button variant=\"primary\" size=\"sm\" onClick={goNext}>\r\n            {isLast ? L.finish : L.next}\r\n          </Button>\r\n        </Box>\r\n      </Box>\r\n    </Box>\r\n  );\r\n\r\n  // Portal to document.body so the tour escapes any host overflow/transform\r\n  // context that would clip absolute positioning.\r\n  if (typeof document === \"undefined\") return null;\r\n  return createPortal(\r\n    <>\r\n      {spotlight}\r\n      {backdropFallback}\r\n      {tooltip}\r\n    </>,\r\n    document.body\r\n  );\r\n}\r\n\r\nexport default Tour;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/patterns/_dataGridShared.d.ts

@@ -0,0 +1,125 @@
+/**
+ * _dataGridShared — Portnet UI v2 (private)
+ */
+import * as React from "react";
+import type { SxProps, Theme } from "@mui/material/styles";
+import type { Density } from "../types/common";
+import type { DataGridLabels, DataGridPaginationLabels } from "../types/datagrid";
+/**
+ * Fully-resolved (all-present) label shapes. The public DataGridLabels /
+ * DataGridPaginationLabels (../types/datagrid) are the OVERRIDE shapes (every
+ * field optional). After mergeLabels every field is guaranteed present, so the
+ * renderers (Pagination, DataGrid) read them without optional access.
+ */
+export type ResolvedDataGridPaginationLabels = Required<DataGridPaginationLabels>;
+export type ResolvedDataGridLabels = Required<Omit<DataGridLabels, "pagination">> & {
+    pagination: ResolvedDataGridPaginationLabels;
+};
+export declare const DEFAULT_PAGE_SIZES: number[];
+export declare const DEFAULT_MAX_BODY_HEIGHT = "70vh";
+export declare const DEFAULT_LABELS: ResolvedDataGridLabels;
+export declare function mergeLabels(labels?: DataGridLabels): ResolvedDataGridLabels;
+export declare function makeNumberFormatter(locale?: string): Intl.NumberFormat;
+export declare function applyColumnOrder<C extends {
+    key: string;
+}>(columns: C[], columnOrder: string[] | null | undefined): C[];
+export declare function useColumnsStabilityWarn(columns: unknown): void;
+export declare const PAGINATION_ICON_SX: Readonly<{
+    transform: "scaleX(var(--pui-rtl-flip, 1))";
+}>;
+export declare const CONTAINER_SX: Readonly<{
+    background: string;
+    overflow: "hidden";
+}>;
+export declare const TABLE_BY_DENSITY: Record<Density, SxProps<Theme>>;
+export declare const ROW_CLICKABLE_SX: Readonly<{
+    cursor: "pointer";
+    "&:focus-visible": {
+        outline: string;
+        outlineOffset: string;
+    };
+    "&:nth-of-type(even)": {
+        backgroundColor: string;
+    };
+    "&:hover": {
+        backgroundColor: string;
+    };
+    "&[data-selected]": {
+        backgroundColor: string;
+    };
+    "&[data-active]": {
+        backgroundColor: string;
+        "& > td:first-of-type": {
+            boxShadow: string;
+        };
+    };
+}>;
+export declare const ROW_STATIC_SX: Readonly<{
+    cursor: "default";
+    "&:nth-of-type(even)": {
+        backgroundColor: string;
+    };
+    "&:hover": {
+        backgroundColor: string;
+    };
+    "&[data-selected]": {
+        backgroundColor: string;
+    };
+    "&[data-active]": {
+        backgroundColor: string;
+        "& > td:first-of-type": {
+            boxShadow: string;
+        };
+    };
+}>;
+export declare const HEADER_CHECKBOX_CELL_SX: Readonly<{
+    width: string;
+    position: "sticky";
+    top: number;
+    zIndex: number;
+}>;
+export declare const BODY_CHECKBOX_CELL_SX: Readonly<{
+    width: "var(--tactile-min)";
+}>;
+export declare const HOVER_ONLY_CELL_SX: Readonly<{
+    opacity: 0;
+    transition: "opacity var(--duration-fast, 120ms) ease";
+    "tr:hover &, tr:focus-within &": {
+        opacity: number;
+    };
+    "@media (pointer: coarse)": {
+        opacity: number;
+    };
+}>;
+export declare const ERROR_CELL_SX: Readonly<{
+    padding: 0;
+    borderBottom: "none";
+}>;
+export declare const ERROR_INNER_SX: Readonly<{
+    padding: "var(--s-4)";
+}>;
+export declare const FILLER_CELL_SX: Readonly<{
+    padding: 0;
+    borderBottom: "1px solid var(--border)";
+}>;
+export declare const FILLER_HEAD_CELL_SX: Readonly<{
+    padding: number;
+    position: "sticky";
+    top: number;
+    zIndex: number;
+    background: string;
+    borderBottom: string;
+}>;
+export interface PaginationProps {
+    page: number;
+    pageSize: number;
+    total: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    pageSizes?: number[];
+    loading?: boolean;
+    locale?: string;
+    labels: ResolvedDataGridPaginationLabels;
+}
+export declare function Pagination({ page, pageSize, total, onPageChange, onPageSizeChange, pageSizes, loading, locale, labels }: PaginationProps): React.JSX.Element;
+//# sourceMappingURL=_dataGridShared.d.ts.map

package/dist/v2/patterns/_dataGridShared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_dataGridShared.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/patterns/_dataGridShared.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAElF;;;;;GAKG;AACH,MAAM,MAAM,gCAAgC,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAC;AAClF,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,GAAG;IAClF,UAAU,EAAE,gCAAgC,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAgB,CAAC;AAChD,eAAO,MAAM,uBAAuB,SAAS,CAAC;AAE9C,eAAO,MAAM,cAAc,EAAE,sBAe3B,CAAC;AAEH,wBAAgB,WAAW,CAAC,MAAM,CAAC,EAAE,cAAc,GAAG,sBAAsB,CAO3E;AAED,wBAAgB,mBAAmB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,YAAY,CAGtE;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,EACxD,OAAO,EAAE,CAAC,EAAE,EACZ,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,GACvC,CAAC,EAAE,CAUL;AASD,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAgB9D;AAED,eAAO,MAAM,kBAAkB;;EAAiE,CAAC;AACjG,eAAO,MAAM,YAAY;;;EAA4F,CAAC;AAwCtH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAM3D,CAAC;AAYH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;EAIF,CAAC;AAE5B,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;EAA0F,CAAC;AAErH,eAAO,MAAM,uBAAuB;;;;;EAAiH,CAAC;AACtJ,eAAO,MAAM,qBAAqB;;EAAmD,CAAC;AAEtF,eAAO,MAAM,kBAAkB;;;;;;;;;EAK7B,CAAC;AAEH,eAAO,MAAM,aAAa;;;EAAuD,CAAC;AAClF,eAAO,MAAM,cAAc;;EAA2C,CAAC;AAEvE,eAAO,MAAM,cAAc;;;EAAyE,CAAC;AACrG,eAAO,MAAM,mBAAmB;;;;;;;EAGL,CAAC;AAuB5B,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,gCAAgC,CAAC;CAC1C;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAA8B,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,eAAe,qBAiC7J"}

package/dist/v2/patterns/_dataGridShared.js

@@ -0,0 +1,406 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PAGINATION_ICON_SX = exports.HOVER_ONLY_CELL_SX = exports.HEADER_CHECKBOX_CELL_SX = exports.FILLER_HEAD_CELL_SX = exports.FILLER_CELL_SX = exports.ERROR_INNER_SX = exports.ERROR_CELL_SX = exports.DEFAULT_PAGE_SIZES = exports.DEFAULT_MAX_BODY_HEIGHT = exports.DEFAULT_LABELS = exports.CONTAINER_SX = exports.BODY_CHECKBOX_CELL_SX = void 0;
+exports.Pagination = Pagination;
+exports.TABLE_BY_DENSITY = exports.ROW_STATIC_SX = exports.ROW_CLICKABLE_SX = void 0;
+exports.applyColumnOrder = applyColumnOrder;
+exports.makeNumberFormatter = makeNumberFormatter;
+exports.mergeLabels = mergeLabels;
+exports.useColumnsStabilityWarn = useColumnsStabilityWarn;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _KeyboardArrowLeft = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowLeft"));
+var _KeyboardArrowRight = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowRight"));
+var _FirstPage = _interopRequireDefault(require("@mui/icons-material/FirstPage"));
+var _LastPage = _interopRequireDefault(require("@mui/icons-material/LastPage"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /**
+ * _dataGridShared — Portnet UI v2 (private)
+ */ /**
+ * Fully-resolved (all-present) label shapes. The public DataGridLabels /
+ * DataGridPaginationLabels (../types/datagrid) are the OVERRIDE shapes (every
+ * field optional). After mergeLabels every field is guaranteed present, so the
+ * renderers (Pagination, DataGrid) read them without optional access.
+ */
+var DEFAULT_PAGE_SIZES = exports.DEFAULT_PAGE_SIZES = [25, 50, 100];
+var DEFAULT_MAX_BODY_HEIGHT = exports.DEFAULT_MAX_BODY_HEIGHT = "70vh";
+var DEFAULT_LABELS = exports.DEFAULT_LABELS = Object.freeze({
+  tableAria: "Tableau",
+  selectAll: "Tout sélectionner",
+  selectRow: function selectRow(id) {
+    return "S\xE9lectionner la ligne ".concat(id);
+  },
+  actionsHeader: "Actions",
+  pagination: Object.freeze({
+    loading: "Chargement…",
+    rowsPerPage: "Lignes par page",
+    firstPage: "Première page",
+    previousPage: "Page précédente",
+    nextPage: "Page suivante",
+    lastPage: "Dernière page",
+    navLabel: "Pagination",
+    rangeOf: function rangeOf(from, to, total, fmt) {
+      return "".concat(from, "\u2013").concat(to, " sur ").concat(fmt(total));
+    }
+  })
+});
+function mergeLabels(labels) {
+  if (!labels) return DEFAULT_LABELS;
+  return _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_LABELS), labels), {}, {
+    pagination: _objectSpread(_objectSpread({}, DEFAULT_LABELS.pagination), labels.pagination || {})
+  });
+}
+function makeNumberFormatter(locale) {
+  try {
+    return new Intl.NumberFormat(locale);
+  } catch (_unused) {
+    return new Intl.NumberFormat("fr-FR");
+  }
+}
+function applyColumnOrder(columns, columnOrder) {
+  if (!columnOrder || columnOrder.length === 0) return columns;
+  var byKey = new Map(columns.map(function (c) {
+    return [c.key, c];
+  }));
+  var ordered = [];
+  var _iterator = _createForOfIteratorHelper(columnOrder),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var key = _step.value;
+      var col = byKey.get(key);
+      if (col !== undefined) {
+        ordered.push(col);
+        byKey["delete"](key);
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  var _iterator2 = _createForOfIteratorHelper(byKey.values()),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _col = _step2.value;
+      ordered.push(_col);
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return ordered;
+}
+function columnsSignature(columns) {
+  if (!Array.isArray(columns)) return "";
+  return columns.map(function (c) {
+    return c && _typeof(c) === "object" ? c.key : c;
+  }).join("|");
+}
+function useColumnsStabilityWarn(columns) {
+  var prevColumnsRef = React.useRef(columns);
+  var warnedRef = React.useRef(false);
+  React.useEffect(function () {
+    if (process.env["NODE_ENV"] === "production") return;
+    if (warnedRef.current) return;
+    if (prevColumnsRef.current === columns) return;
+    var prevSig = columnsSignature(prevColumnsRef.current);
+    var nextSig = columnsSignature(columns);
+    if (prevSig && prevSig === nextSig) {
+      // eslint-disable-next-line no-console
+      console.warn("[@portnet/ui v2] DataGrid received a new `columns` reference with identical column keys. Define columns outside render or wrap in useMemo.");
+      warnedRef.current = true;
+    }
+    prevColumnsRef.current = columns;
+  });
+}
+var PAGINATION_ICON_SX = exports.PAGINATION_ICON_SX = Object.freeze({
+  transform: "scaleX(var(--pui-rtl-flip, 1))"
+});
+var CONTAINER_SX = exports.CONTAINER_SX = Object.freeze({
+  background: "transparent",
+  overflow: "hidden"
+});
+
+/*
+ * TABLE_BASE_SX — applied to the MUI <Table> via the sx prop.
+ *
+ * textTransform: "none" is INTENTIONALLY EXPLICIT here.
+ *
+ * Why not rely on the MUI theme (MuiTableCell.head.textTransform: "none")?
+ *
+ * Emotion injects sx-prop rules AFTER theme styleOverrides. Both rules
+ * target <th> with equal specificity (1 class + 1 element). The last
+ * one injected wins. sx wins over theme → the sx value is the truth.
+ *
+ * The old bug: this object had textTransform:"uppercase" which silently
+ * overrode the theme's "none". The fix: keep explicit "none" here so
+ * the correct value wins unconditionally, regardless of injection order.
+ *
+ * letterSpacing is reset to "normal" because all-caps text uses wider
+ * tracking which looks wrong on title-case column headers.
+ */
+var TABLE_BASE_SX = Object.freeze({
+  borderCollapse: "separate",
+  borderSpacing: 0,
+  "& thead th": {
+    backgroundColor: "var(--bg-subtle)",
+    color: "var(--fg-muted)",
+    fontWeight: "var(--fw-semibold)",
+    fontSize: "var(--text-xs)",
+    textTransform: "none",
+    // EXPLICIT — beats emotion injection order
+    letterSpacing: "normal",
+    // reset all-caps tracking
+    borderBottom: "1px solid var(--border)",
+    padding: "var(--s-3) var(--s-4)",
+    whiteSpace: "nowrap"
+  },
+  "& tbody td": {
+    padding: "var(--s-3) var(--s-4)",
+    borderBottom: "1px solid var(--border)"
+  }
+});
+var TABLE_BY_DENSITY = exports.TABLE_BY_DENSITY = Object.freeze({
+  comfortable: TABLE_BASE_SX,
+  compact: Object.freeze(_objectSpread(_objectSpread({}, TABLE_BASE_SX), {}, {
+    "& tbody td": _objectSpread(_objectSpread({}, TABLE_BASE_SX["& tbody td"]), {}, {
+      padding: "var(--s-2) var(--s-4)"
+    })
+  }))
+});
+var ROW_HOVER_SELECTED_SX = Object.freeze({
+  "&:nth-of-type(even)": {
+    backgroundColor: "var(--bg-subtle)"
+  },
+  "&:hover": {
+    backgroundColor: "var(--bg-hover)"
+  },
+  "&[data-selected]": {
+    backgroundColor: "var(--accent-soft)"
+  },
+  "&[data-active]": {
+    backgroundColor: "var(--accent-soft)",
+    "& > td:first-of-type": {
+      boxShadow: "inset calc(3px * var(--pui-rtl-flip, 1)) 0 0 var(--accent)"
+    }
+  }
+});
+var ROW_CLICKABLE_SX = exports.ROW_CLICKABLE_SX = Object.freeze(_objectSpread(_objectSpread({}, ROW_HOVER_SELECTED_SX), {}, {
+  cursor: "pointer",
+  "&:focus-visible": {
+    outline: "2px solid var(--accent)",
+    outlineOffset: "var(--pui-outline-offset-inset)"
+  }
+}));
+var ROW_STATIC_SX = exports.ROW_STATIC_SX = Object.freeze(_objectSpread(_objectSpread({}, ROW_HOVER_SELECTED_SX), {}, {
+  cursor: "default"
+}));
+var HEADER_CHECKBOX_CELL_SX = exports.HEADER_CHECKBOX_CELL_SX = Object.freeze({
+  width: "var(--tactile-min)",
+  position: "sticky",
+  top: 0,
+  zIndex: 2
+});
+var BODY_CHECKBOX_CELL_SX = exports.BODY_CHECKBOX_CELL_SX = Object.freeze({
+  width: "var(--tactile-min)"
+});
+var HOVER_ONLY_CELL_SX = exports.HOVER_ONLY_CELL_SX = Object.freeze({
+  opacity: 0,
+  transition: "opacity var(--duration-fast, 120ms) ease",
+  "tr:hover &, tr:focus-within &": {
+    opacity: 1
+  },
+  "@media (pointer: coarse)": {
+    opacity: 1
+  }
+});
+var ERROR_CELL_SX = exports.ERROR_CELL_SX = Object.freeze({
+  padding: 0,
+  borderBottom: "none"
+});
+var ERROR_INNER_SX = exports.ERROR_INNER_SX = Object.freeze({
+  padding: "var(--s-4)"
+});
+var FILLER_CELL_SX = exports.FILLER_CELL_SX = Object.freeze({
+  padding: 0,
+  borderBottom: "1px solid var(--border)"
+});
+var FILLER_HEAD_CELL_SX = exports.FILLER_HEAD_CELL_SX = Object.freeze({
+  padding: 0,
+  position: "sticky",
+  top: 0,
+  zIndex: 1,
+  background: "var(--bg-subtle)",
+  borderBottom: "1px solid var(--border)"
+});
+
+/* ── Pagination ─────────────────────────────────────────────────── */
+
+var PAGINATION_CONTAINER_SX = Object.freeze({
+  display: "flex",
+  alignItems: "center",
+  // R-RS / WCAG 1.4.10 — the control groups (range / page-size / nav)
+  // must wrap onto extra lines on narrow viewports. Their combined fixed
+  // width (~400px+) exceeds a 320–375px phone, so without flexWrap the
+  // bar overflowed its container and pushed the nav buttons off-screen.
+  // rowGap (s2) keeps wrapped rows tight; columnGap (s4) is the original
+  // inter-group spacing on a single row.
+  flexWrap: "wrap",
+  gap: "var(--s-2) var(--s-4)",
+  padding: "var(--s-2) var(--s-4)",
+  borderTop: "1px solid var(--border)",
+  background: "var(--surface)",
+  fontSize: "var(--text-xs)",
+  color: "var(--fg-muted)"
+});
+var PAGINATION_RANGE_SX = Object.freeze({
+  flex: 1,
+  fontVariantNumeric: "tabular-nums"
+});
+var PAGINATION_PAGESIZE_GROUP_SX = Object.freeze({
+  display: "flex",
+  alignItems: "center",
+  gap: "var(--s-2)"
+});
+var PAGINATION_NAV_GROUP_SX = Object.freeze({
+  display: "flex",
+  alignItems: "center",
+  gap: "var(--s-1)"
+});
+var PAGINATION_PAGE_OF_SX = Object.freeze({
+  minWidth: 56,
+  textAlign: "center",
+  fontVariantNumeric: "tabular-nums"
+});
+var PAGINATION_SELECT_SX = Object.freeze({
+  fontSize: "var(--text-xs)",
+  height: 28
+});
+function Pagination(_ref) {
+  var page = _ref.page,
+    pageSize = _ref.pageSize,
+    total = _ref.total,
+    onPageChange = _ref.onPageChange,
+    onPageSizeChange = _ref.onPageSizeChange,
+    _ref$pageSizes = _ref.pageSizes,
+    pageSizes = _ref$pageSizes === void 0 ? DEFAULT_PAGE_SIZES : _ref$pageSizes,
+    loading = _ref.loading,
+    locale = _ref.locale,
+    labels = _ref.labels;
+  var pages = Math.max(1, Math.ceil(total / pageSize));
+  var from = total === 0 ? 0 : (page - 1) * pageSize + 1;
+  var to = Math.min(total, page * pageSize);
+  var go = function go(p) {
+    return onPageChange(Math.min(pages, Math.max(1, p)));
+  };
+  var fmt = React.useMemo(function () {
+    var nf = makeNumberFormatter(locale);
+    return function (n) {
+      return nf.format(n);
+    };
+  }, [locale]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    component: "nav",
+    "aria-label": labels.navLabel,
+    sx: PAGINATION_CONTAINER_SX,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      sx: PAGINATION_RANGE_SX,
+      children: loading ? labels.loading : labels.rangeOf(from, to, total, fmt)
+    }), onPageSizeChange && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      sx: PAGINATION_PAGESIZE_GROUP_SX,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: labels.rowsPerPage
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select["default"], {
+        size: "small",
+        value: pageSize,
+        onChange: function onChange(e) {
+          return onPageSizeChange(Number(e.target.value));
+        },
+        inputProps: {
+          "aria-label": String(labels.rowsPerPage)
+        },
+        sx: PAGINATION_SELECT_SX,
+        children: pageSizes.map(function (s) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem["default"], {
+            value: s,
+            children: s
+          }, s);
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      sx: PAGINATION_NAV_GROUP_SX,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+        size: "small",
+        onClick: function onClick() {
+          return go(1);
+        },
+        disabled: page <= 1,
+        "aria-label": labels.firstPage,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FirstPage["default"], {
+          fontSize: "small",
+          sx: PAGINATION_ICON_SX
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+        size: "small",
+        onClick: function onClick() {
+          return go(page - 1);
+        },
+        disabled: page <= 1,
+        "aria-label": labels.previousPage,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowLeft["default"], {
+          fontSize: "small",
+          sx: PAGINATION_ICON_SX
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+        sx: PAGINATION_PAGE_OF_SX,
+        children: [page, " / ", pages]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+        size: "small",
+        onClick: function onClick() {
+          return go(page + 1);
+        },
+        disabled: page >= pages,
+        "aria-label": labels.nextPage,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowRight["default"], {
+          fontSize: "small",
+          sx: PAGINATION_ICON_SX
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+        size: "small",
+        onClick: function onClick() {
+          return go(pages);
+        },
+        disabled: page >= pages,
+        "aria-label": labels.lastPage,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LastPage["default"], {
+          fontSize: "small",
+          sx: PAGINATION_ICON_SX
+        })
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=_dataGridShared.js.map