@moving-walls/design-system 1.0.17 → 1.0.19

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import require$$1, { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { forwardRef, createElement, useLayoutEffect, useState, useRef, useEffect, useContext, createContext, useCallback, useMemo, isValidElement, cloneElement } from 'react';
+import React__default, { forwardRef, createElement, useLayoutEffect, useState, useRef, useEffect, createContext, useContext, useCallback, useMemo, isValidElement, cloneElement } from 'react';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { createPortal } from 'react-dom';
 import { ModuleRegistry, AllCommunityModule } from 'ag-grid-community';
@@ -31677,6 +31677,10 @@ const oppositeSideMap = {
     bottom: 'top',
     top: 'bottom'
 };
+const oppositeAlignmentMap = {
+    start: 'end',
+    end: 'start'
+};
 function clamp(start, value, end) {
     return max(start, min(value, end));
 }
@@ -31695,9 +31699,9 @@ function getOppositeAxis(axis) {
 function getAxisLength(axis) {
     return axis === 'y' ? 'height' : 'width';
 }
+const yAxisSides = /*#__PURE__*/ new Set(['top', 'bottom']);
 function getSideAxis(placement) {
-    const firstChar = placement[0];
-    return firstChar === 't' || firstChar === 'b' ? 'y' : 'x';
+    return yAxisSides.has(getSide(placement)) ? 'y' : 'x';
 }
 function getAlignmentAxis(placement) {
     return getOppositeAxis(getSideAxis(placement));
@@ -31720,7 +31724,7 @@ function getExpandedPlacements(placement) {
     return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
 }
 function getOppositeAlignmentPlacement(placement) {
-    return placement.includes('start') ? placement.replace('start', 'end') : placement.replace('end', 'start');
+    return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
 }
 const lrPlacement = ['left', 'right'];
 const rlPlacement = ['right', 'left'];
@@ -31752,8 +31756,7 @@ function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
     return list;
 }
 function getOppositePlacement(placement) {
-    const side = getSide(placement);
-    return oppositeSideMap[side] + placement.slice(side.length);
+    return placement.replace(/left|right|bottom|top/g, side => oppositeSideMap[side]);
 }
 function expandPaddingObject(padding) {
     return Object.assign({ top: 0, right: 0, bottom: 0, left: 0 }, padding);
@@ -31883,8 +31886,6 @@ async function detectOverflow(state, options) {
         right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
     };
 }
-// Maximum number of resets that can occur before bailing to avoid infinite reset loops.
-const MAX_RESET_COUNT = 50;
 /**
  * Computes the `x` and `y` coordinates that will place the floating element
  * next to a given reference element.
@@ -31894,7 +31895,7 @@ const MAX_RESET_COUNT = 50;
  */
 const computePosition$1 = async (reference, floating, config) => {
     const { placement = 'bottom', strategy = 'absolute', middleware = [], platform } = config;
-    const platformWithDetectOverflow = platform.detectOverflow ? platform : Object.assign(Object.assign({}, platform), { detectOverflow });
+    const validMiddleware = middleware.filter(Boolean);
     const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
     let rects = await platform.getElementRects({
         reference,
@@ -31903,14 +31904,11 @@ const computePosition$1 = async (reference, floating, config) => {
     });
     let { x, y } = computeCoordsFromPlacement(rects, placement, rtl);
     let statefulPlacement = placement;
+    let middlewareData = {};
     let resetCount = 0;
-    const middlewareData = {};
-    for (let i = 0; i < middleware.length; i++) {
-        const currentMiddleware = middleware[i];
-        if (!currentMiddleware) {
-            continue;
-        }
-        const { name, fn } = currentMiddleware;
+    for (let i = 0; i < validMiddleware.length; i++) {
+        var _platform$detectOverf;
+        const { name, fn } = validMiddleware[i];
         const { x: nextX, y: nextY, data, reset } = await fn({
             x,
             y,
@@ -31919,7 +31917,7 @@ const computePosition$1 = async (reference, floating, config) => {
             strategy,
             middlewareData,
             rects,
-            platform: platformWithDetectOverflow,
+            platform: Object.assign(Object.assign({}, platform), { detectOverflow: (_platform$detectOverf = platform.detectOverflow) != null ? _platform$detectOverf : detectOverflow }),
             elements: {
                 reference,
                 floating
@@ -31927,8 +31925,8 @@ const computePosition$1 = async (reference, floating, config) => {
         });
         x = nextX != null ? nextX : x;
         y = nextY != null ? nextY : y;
-        middlewareData[name] = Object.assign(Object.assign({}, middlewareData[name]), data);
-        if (reset && resetCount < MAX_RESET_COUNT) {
+        middlewareData = Object.assign(Object.assign({}, middlewareData), { [name]: Object.assign(Object.assign({}, middlewareData[name]), data) });
+        if (reset && resetCount <= 50) {
             resetCount++;
             if (typeof reset === 'object') {
                 if (reset.placement) {
@@ -32482,38 +32480,35 @@ function isShadowRoot(value) {
     }
     return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
 }
+const invalidOverflowDisplayValues = /*#__PURE__*/ new Set(['inline', 'contents']);
 function isOverflowElement(element) {
     const { overflow, overflowX, overflowY, display } = getComputedStyle$1(element);
-    return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== 'inline' && display !== 'contents';
+    return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
 }
+const tableElements = /*#__PURE__*/ new Set(['table', 'td', 'th']);
 function isTableElement(element) {
-    return /^(table|td|th)$/.test(getNodeName(element));
+    return tableElements.has(getNodeName(element));
 }
+const topLayerSelectors = [':popover-open', ':modal'];
 function isTopLayer(element) {
-    try {
-        if (element.matches(':popover-open')) {
-            return true;
+    return topLayerSelectors.some(selector => {
+        try {
+            return element.matches(selector);
         }
-    }
-    catch (_e) {
-        // no-op
-    }
-    try {
-        return element.matches(':modal');
-    }
-    catch (_e) {
-        return false;
-    }
+        catch (_e) {
+            return false;
+        }
+    });
 }
-const willChangeRe = /transform|translate|scale|rotate|perspective|filter/;
-const containRe = /paint|layout|strict|content/;
-const isNotNone = value => !!value && value !== 'none';
-let isWebKitValue;
+const transformProperties = ['transform', 'translate', 'scale', 'rotate', 'perspective'];
+const willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'];
+const containValues = ['paint', 'layout', 'strict', 'content'];
 function isContainingBlock(elementOrCss) {
+    const webkit = isWebKit();
     const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
     // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
     // https://drafts.csswg.org/css-transforms-2/#individual-transforms
-    return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || '') || containRe.test(css.contain || '');
+    return transformProperties.some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || willChangeValues.some(value => (css.willChange || '').includes(value)) || containValues.some(value => (css.contain || '').includes(value));
 }
 function getContainingBlock(element) {
     let currentNode = getParentNode(element);
@@ -32529,13 +32524,13 @@ function getContainingBlock(element) {
     return null;
 }
 function isWebKit() {
-    if (isWebKitValue == null) {
-        isWebKitValue = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('-webkit-backdrop-filter', 'none');
-    }
-    return isWebKitValue;
+    if (typeof CSS === 'undefined' || !CSS.supports)
+        return false;
+    return CSS.supports('-webkit-backdrop-filter', 'none');
 }
+const lastTraversableNodeNames = /*#__PURE__*/ new Set(['html', 'body', '#document']);
 function isLastTraversableNode(node) {
-    return /^(html|body|#document)$/.test(getNodeName(node));
+    return lastTraversableNodeNames.has(getNodeName(node));
 }
 function getComputedStyle$1(element) {
     return getWindow(element).getComputedStyle(element);
@@ -32592,9 +32587,7 @@ function getOverflowAncestors(node, list, traverseIframes) {
         const frameElement = getFrameElement(win);
         return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
     }
-    else {
-        return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
-    }
+    return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
 function getFrameElement(win) {
     return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
@@ -32754,7 +32747,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
         if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
             scroll = getNodeScroll(offsetParent);
         }
-        if (isOffsetParentAnElement) {
+        if (isHTMLElement(offsetParent)) {
             const offsetRect = getBoundingClientRect(offsetParent);
             scale = getScale(offsetParent);
             offsets.x = offsetRect.x + offsetParent.clientLeft;
@@ -32839,6 +32832,7 @@ function getViewportRect(element, strategy) {
         y
     };
 }
+const absoluteOrFixed = /*#__PURE__*/ new Set(['absolute', 'fixed']);
 // Returns the inner client rect, subtracting scrollbars if present.
 function getInnerBoundingClientRect(element, strategy) {
     const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
@@ -32904,7 +32898,7 @@ function getClippingElementAncestors(element, cache) {
         if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
             currentContainingBlockComputedStyle = null;
         }
-        const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && (currentContainingBlockComputedStyle.position === 'absolute' || currentContainingBlockComputedStyle.position === 'fixed') || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+        const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
         if (shouldDropCurrentNode) {
             // Drop non-containing blocks.
             result = result.filter(ancestor => ancestor !== currentNode);
@@ -32924,23 +32918,20 @@ function getClippingRect(_ref) {
     let { element, boundary, rootBoundary, strategy } = _ref;
     const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
     const clippingAncestors = [...elementClippingAncestors, rootBoundary];
-    const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);
-    let top = firstRect.top;
-    let right = firstRect.right;
-    let bottom = firstRect.bottom;
-    let left = firstRect.left;
-    for (let i = 1; i < clippingAncestors.length; i++) {
-        const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);
-        top = max(rect.top, top);
-        right = min(rect.right, right);
-        bottom = min(rect.bottom, bottom);
-        left = max(rect.left, left);
-    }
+    const firstClippingAncestor = clippingAncestors[0];
+    const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
+        const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
+        accRect.top = max(rect.top, accRect.top);
+        accRect.right = min(rect.right, accRect.right);
+        accRect.bottom = min(rect.bottom, accRect.bottom);
+        accRect.left = max(rect.left, accRect.left);
+        return accRect;
+    }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
     return {
-        width: right - left,
-        height: bottom - top,
-        x: left,
-        y: top
+        width: clippingRect.right - clippingRect.left,
+        height: clippingRect.bottom - clippingRect.top,
+        x: clippingRect.left,
+        y: clippingRect.top
     };
 }
 function getDimensions(element) {
@@ -33164,7 +33155,7 @@ function autoUpdate(reference, floating, update, options) {
     }
     const { ancestorScroll = true, ancestorResize = true, elementResize = typeof ResizeObserver === 'function', layoutShift = typeof IntersectionObserver === 'function', animationFrame = false } = options;
     const referenceEl = unwrapElement(reference);
-    const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...(floating ? getOverflowAncestors(floating) : [])] : [];
+    const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...getOverflowAncestors(floating)] : [];
     ancestors.forEach(ancestor => {
         ancestorScroll && ancestor.addEventListener('scroll', update, {
             passive: true
@@ -33177,7 +33168,7 @@ function autoUpdate(reference, floating, update, options) {
     if (elementResize) {
         resizeObserver = new ResizeObserver(_ref => {
             let [firstEntry] = _ref;
-            if (firstEntry && firstEntry.target === referenceEl && resizeObserver && floating) {
+            if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
                 // Prevent update loops when using the `size` middleware.
                 // https://github.com/floating-ui/floating-ui/issues/1740
                 resizeObserver.unobserve(floating);
@@ -33192,9 +33183,7 @@ function autoUpdate(reference, floating, update, options) {
         if (referenceEl && !animationFrame) {
             resizeObserver.observe(referenceEl);
         }
-        if (floating) {
-            resizeObserver.observe(floating);
-        }
+        resizeObserver.observe(floating);
     }
     let frameId;
     let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
@@ -33527,92 +33516,44 @@ const arrow$1 = options => {
  * object may be passed.
  * @see https://floating-ui.com/docs/offset
  */
-const offset = (options, deps) => {
-    const result = offset$1(options);
-    return {
-        name: result.name,
-        fn: result.fn,
-        options: [options, deps]
-    };
-};
+const offset = (options, deps) => (Object.assign(Object.assign({}, offset$1(options)), { options: [options, deps] }));
 /**
  * Optimizes the visibility of the floating element by shifting it in order to
  * keep it in view when it will overflow the clipping boundary.
  * @see https://floating-ui.com/docs/shift
  */
-const shift = (options, deps) => {
-    const result = shift$1(options);
-    return {
-        name: result.name,
-        fn: result.fn,
-        options: [options, deps]
-    };
-};
+const shift = (options, deps) => (Object.assign(Object.assign({}, shift$1(options)), { options: [options, deps] }));
 /**
  * Built-in `limiter` that will stop `shift()` at a certain point.
  */
-const limitShift = (options, deps) => {
-    const result = limitShift$1(options);
-    return {
-        fn: result.fn,
-        options: [options, deps]
-    };
-};
+const limitShift = (options, deps) => (Object.assign(Object.assign({}, limitShift$1(options)), { options: [options, deps] }));
 /**
  * Optimizes the visibility of the floating element by flipping the `placement`
  * in order to keep it in view when the preferred placement(s) will overflow the
  * clipping boundary. Alternative to `autoPlacement`.
  * @see https://floating-ui.com/docs/flip
  */
-const flip = (options, deps) => {
-    const result = flip$1(options);
-    return {
-        name: result.name,
-        fn: result.fn,
-        options: [options, deps]
-    };
-};
+const flip = (options, deps) => (Object.assign(Object.assign({}, flip$1(options)), { options: [options, deps] }));
 /**
  * Provides data that allows you to change the size of the floating element —
  * for instance, prevent it from overflowing the clipping boundary or match the
  * width of the reference element.
  * @see https://floating-ui.com/docs/size
  */
-const size = (options, deps) => {
-    const result = size$1(options);
-    return {
-        name: result.name,
-        fn: result.fn,
-        options: [options, deps]
-    };
-};
+const size = (options, deps) => (Object.assign(Object.assign({}, size$1(options)), { options: [options, deps] }));
 /**
  * Provides data to hide the floating element in applicable situations, such as
  * when it is not in the same clipping context as the reference element.
  * @see https://floating-ui.com/docs/hide
  */
-const hide = (options, deps) => {
-    const result = hide$1(options);
-    return {
-        name: result.name,
-        fn: result.fn,
-        options: [options, deps]
-    };
-};
+const hide = (options, deps) => (Object.assign(Object.assign({}, hide$1(options)), { options: [options, deps] }));
 /**
  * Provides data to position an inner element of the floating element so that it
  * appears centered to the reference element.
  * This wraps the core `arrow` middleware to allow React refs as the element.
  * @see https://floating-ui.com/docs/arrow
  */
-const arrow = (options, deps) => {
-    const result = arrow$1(options);
-    return {
-        name: result.name,
-        fn: result.fn,
-        options: [options, deps]
-    };
-};
+const arrow = (options, deps) => (Object.assign(Object.assign({}, arrow$1(options)), { options: [options, deps] }));
 
 var NAME$1 = "Arrow";
 var Arrow$1 = React.forwardRef((props, forwardedRef) => {
@@ -45941,7 +45882,7 @@ function SheetHeader(_a) {
     className = _a.className,
     props = __rest$1(_a, ["children", "className"]);
   return jsx("div", Object.assign({
-    className: clsx("flex items-center justify-between px-6 py-4 border-b border-mw-neutral-200 dark:border-mw-neutral-700", className)
+    className: clsx("flex flex-col gap-1 px-6 pr-14 py-4 border-b border-mw-neutral-200 dark:border-mw-neutral-700", className)
   }, props, {
     children: children
   }));
@@ -49312,6 +49253,169 @@ function getRowSelectionOption(rowSelection, serverSidePagination) {
   }
   return rowSelection;
 }
+/* ------------------------------------------------------------------ */
+/*  Server-side pagination bar – replaces AG Grid's built-in panel    */
+/*  when serverSidePagination=true to avoid page-reset feedback loops */
+/* ------------------------------------------------------------------ */
+var paginationBtnStyle = function paginationBtnStyle(disabled) {
+  return {
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: 32,
+    height: 32,
+    border: '1px solid #e2e8f0',
+    borderRadius: 6,
+    background: disabled ? 'transparent' : '#fff',
+    color: disabled ? '#cbd5e1' : '#475569',
+    cursor: disabled ? 'default' : 'pointer',
+    fontSize: 16,
+    lineHeight: 1,
+    transition: 'background 0.15s, border-color 0.15s'
+  };
+};
+var ServerSidePaginationBar = /*#__PURE__*/React__default.memo(function ServerSidePaginationBar(_ref) {
+  var totalCount = _ref.totalCount,
+    currentPage = _ref.currentPage,
+    pageSize = _ref.pageSize,
+    onPageChange = _ref.onPageChange,
+    onPageSizeChange = _ref.onPageSizeChange,
+    _ref$pageSizeSelector = _ref.pageSizeSelector,
+    pageSizeSelector = _ref$pageSizeSelector === void 0 ? DEFAULT_PAGE_SIZE_SELECTOR : _ref$pageSizeSelector;
+  var totalPages = Math.max(1, Math.ceil(totalCount / pageSize));
+  var start = totalCount === 0 ? 0 : (currentPage - 1) * pageSize + 1;
+  var end = Math.min(currentPage * pageSize, totalCount);
+  var atFirst = currentPage <= 1;
+  var atLast = currentPage >= totalPages;
+  return jsxs("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'flex-end',
+      gap: 16,
+      padding: '10px 16px',
+      borderTop: '1px solid #e2e8f0',
+      fontSize: 13,
+      color: '#64748b',
+      background: '#fff',
+      flexShrink: 0,
+      minHeight: 48
+    },
+    role: "navigation",
+    "aria-label": "Pagination",
+    children: [jsxs("span", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 6
+      },
+      children: [jsx("span", {
+        children: "Page Size:"
+      }), jsx("select", {
+        value: pageSize,
+        onChange: function onChange(e) {
+          return onPageSizeChange(Number(e.target.value));
+        },
+        style: {
+          border: '1px solid #e2e8f0',
+          borderRadius: 6,
+          padding: '4px 8px',
+          fontSize: 13,
+          background: '#fff',
+          color: '#334155',
+          cursor: 'pointer',
+          outline: 'none'
+        },
+        children: pageSizeSelector.map(function (size) {
+          return jsx("option", {
+            value: size,
+            children: size
+          }, size);
+        })
+      })]
+    }), jsxs("span", {
+      style: {
+        display: 'flex',
+        gap: 4
+      },
+      children: [jsx("strong", {
+        style: {
+          color: '#334155'
+        },
+        children: start
+      }), ' to ', jsx("strong", {
+        style: {
+          color: '#334155'
+        },
+        children: end
+      }), ' of ', jsx("strong", {
+        style: {
+          color: '#334155'
+        },
+        children: totalCount
+      })]
+    }), jsxs("span", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 4
+      },
+      children: [jsx("button", {
+        type: "button",
+        disabled: atFirst,
+        onClick: function onClick() {
+          return onPageChange(1);
+        },
+        style: paginationBtnStyle(atFirst),
+        "aria-label": "First Page",
+        children: "\u226A"
+      }), jsx("button", {
+        type: "button",
+        disabled: atFirst,
+        onClick: function onClick() {
+          return onPageChange(currentPage - 1);
+        },
+        style: paginationBtnStyle(atFirst),
+        "aria-label": "Previous Page",
+        children: "\u2039"
+      }), jsxs("span", {
+        style: {
+          margin: '0 8px',
+          fontSize: 13
+        },
+        children: ["Page ", jsx("strong", {
+          style: {
+            color: '#334155'
+          },
+          children: currentPage
+        }), " of ", jsx("strong", {
+          style: {
+            color: '#334155'
+          },
+          children: totalPages
+        })]
+      }), jsx("button", {
+        type: "button",
+        disabled: atLast,
+        onClick: function onClick() {
+          return onPageChange(currentPage + 1);
+        },
+        style: paginationBtnStyle(atLast),
+        "aria-label": "Next Page",
+        children: "\u203A"
+      }), jsx("button", {
+        type: "button",
+        disabled: atLast,
+        onClick: function onClick() {
+          return onPageChange(totalPages);
+        },
+        style: paginationBtnStyle(atLast),
+        "aria-label": "Last Page",
+        children: "\u226B"
+      })]
+    })]
+  });
+});
 function AgGridTableInner(props) {
   var _a, _b;
   var rowData = props.rowData,
@@ -49356,7 +49460,8 @@ function AgGridTableInner(props) {
         state: sortStateToColumnState(sortState)
       });
     }
-    if (serverSidePagination && serverSideConfig) {
+    // For non-server-side pagination, sync AG Grid's internal page
+    if (!serverSidePagination && serverSideConfig) {
       isPaginationFromExternalRef.current = true;
       event.api.paginationGoToPage(serverSideConfig.currentPage - 1);
       event.api.setGridOption("paginationPageSize", serverSideConfig.pageSize);
@@ -49369,8 +49474,9 @@ function AgGridTableInner(props) {
       state: sortStateToColumnState(sortState)
     });
   }, [sortState]);
+  // Sync AG Grid internal page — only for NON-server-side pagination
   useEffect(function () {
-    if (!serverSidePagination || !serverSideConfig || !apiRef.current) return;
+    if (serverSidePagination || !serverSideConfig || !apiRef.current) return;
     var api = apiRef.current;
     var currentGridPage = api.paginationGetCurrentPage();
     var currentGridSize = api.paginationGetPageSize();
@@ -49383,8 +49489,12 @@ function AgGridTableInner(props) {
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [serverSidePagination, serverSideConfig === null || serverSideConfig === void 0 ? void 0 : serverSideConfig.currentPage, serverSideConfig === null || serverSideConfig === void 0 ? void 0 : serverSideConfig.pageSize]);
+  // onPaginationChanged — only relevant for NON-server-side mode
   var onPaginationChanged = useCallback(function (event) {
-    if (!serverSidePagination || !serverSideConfig || !event.api) return;
+    // When serverSidePagination is true, AG Grid's pagination is disabled;
+    // our custom bar handles page changes directly. Ignore all grid events.
+    if (serverSidePagination) return;
+    if (!serverSideConfig || !event.api) return;
     if (event.newData) return;
     if (isPaginationFromExternalRef.current) {
       isPaginationFromExternalRef.current = false;
@@ -49455,45 +49565,57 @@ function AgGridTableInner(props) {
       width: "100%"
     };
   }, [height]);
-  return jsx("div", {
-    className: "".concat(AG_GRID_THEME_CLASS, " ag-grid-table-wrapper ").concat(className),
-    style: containerStyle !== null && containerStyle !== void 0 ? containerStyle : {
-      height: "100%",
-      width: "100%"
-    },
-    children: jsx(AgGridReact, {
-      ref: gridRef,
-      rowData: rowData,
-      columnDefs: columnDefsWithVisibility,
-      getRowId: function getRowId(params) {
-        return _getRowId(params.data);
+  // When serverSidePagination is true, disable AG Grid's built-in pagination.
+  // We render our own bar below with proper React click handlers.
+  var useGridPagination = !serverSidePagination && pagination;
+  return jsxs(Fragment, {
+    children: [jsx("div", {
+      className: "".concat(AG_GRID_THEME_CLASS, " ag-grid-table-wrapper ").concat(className),
+      style: containerStyle !== null && containerStyle !== void 0 ? containerStyle : {
+        height: "100%",
+        width: "100%"
       },
-      loading: loading,
-      overlayNoRowsTemplate: "<span class=\"ag-overlay-no-rows-center\">".concat(escapeOverlayText(emptyMessage), "</span>"),
-      rowSelection: getRowSelectionOption(rowSelection, serverSidePagination),
-      popupParent: typeof document !== "undefined" ? document.body : null,
-      onGridReady: onGridReady,
-      onSortChanged: onSortChanged,
-      onPaginationChanged: onPaginationChanged,
-      onSelectionChanged: rowSelection !== false ? onSelectionChanged : undefined,
-      defaultColDef: Object.assign({
-        sortable: false,
-        resizable: true
-      }, defaultColDef),
-      domLayout: domLayout,
-      rowHeight: 60,
-      suppressRowTransform: true,
-      headerHeight: 44,
-      pagination: pagination,
-      paginationPageSize: (_a = serverSideConfig === null || serverSideConfig === void 0 ? void 0 : serverSideConfig.pageSize) !== null && _a !== void 0 ? _a : 10,
-      paginationPageSizeSelector: (_b = serverSideConfig === null || serverSideConfig === void 0 ? void 0 : serverSideConfig.pageSizeSelector) !== null && _b !== void 0 ? _b : DEFAULT_PAGE_SIZE_SELECTOR,
-      cacheBlockSize: cacheBlockSize,
-      pinnedBottomRowData: footerData === null || footerData === void 0 ? void 0 : footerData.map(function (row, i) {
-        return _typeof(row) === "object" && row !== null && !("id" in row) ? Object.assign(Object.assign({}, row), {
-          id: "pinned-bottom-".concat(i)
-        }) : row;
+      children: jsx(AgGridReact, {
+        ref: gridRef,
+        rowData: rowData,
+        columnDefs: columnDefsWithVisibility,
+        getRowId: function getRowId(params) {
+          return _getRowId(params.data);
+        },
+        loading: loading,
+        overlayNoRowsTemplate: "<span class=\"ag-overlay-no-rows-center\">".concat(escapeOverlayText(emptyMessage), "</span>"),
+        rowSelection: getRowSelectionOption(rowSelection, serverSidePagination),
+        popupParent: typeof document !== "undefined" ? document.body : null,
+        onGridReady: onGridReady,
+        onSortChanged: onSortChanged,
+        onPaginationChanged: useGridPagination ? onPaginationChanged : undefined,
+        onSelectionChanged: rowSelection !== false ? onSelectionChanged : undefined,
+        defaultColDef: Object.assign({
+          sortable: false,
+          resizable: true
+        }, defaultColDef),
+        domLayout: domLayout,
+        rowHeight: 60,
+        suppressRowTransform: true,
+        headerHeight: 44,
+        pagination: useGridPagination,
+        paginationPageSize: useGridPagination ? (_a = serverSideConfig === null || serverSideConfig === void 0 ? void 0 : serverSideConfig.pageSize) !== null && _a !== void 0 ? _a : 10 : undefined,
+        paginationPageSizeSelector: useGridPagination ? (_b = serverSideConfig === null || serverSideConfig === void 0 ? void 0 : serverSideConfig.pageSizeSelector) !== null && _b !== void 0 ? _b : DEFAULT_PAGE_SIZE_SELECTOR : undefined,
+        cacheBlockSize: cacheBlockSize,
+        pinnedBottomRowData: footerData === null || footerData === void 0 ? void 0 : footerData.map(function (row, i) {
+          return _typeof(row) === "object" && row !== null && !("id" in row) ? Object.assign(Object.assign({}, row), {
+            id: "pinned-bottom-".concat(i)
+          }) : row;
+        })
       })
-    })
+    }), serverSidePagination && serverSideConfig && jsx(ServerSidePaginationBar, {
+      totalCount: serverSideConfig.totalCount,
+      currentPage: serverSideConfig.currentPage,
+      pageSize: serverSideConfig.pageSize,
+      onPageChange: serverSideConfig.onPageChange,
+      onPageSizeChange: serverSideConfig.onPageSizeChange,
+      pageSizeSelector: serverSideConfig.pageSizeSelector
+    })]
   });
 }
 var AgGridTable = AgGridTableInner;
@@ -51040,471 +51162,6 @@ var interpolateAs = {};
 
 var routeMatcher = {};
 
-var routeMatchUtils = {};
-
-var pathToRegexp = {exports: {}};
-
-var hasRequiredPathToRegexp;
-
-function requirePathToRegexp () {
-	if (hasRequiredPathToRegexp) return pathToRegexp.exports;
-	hasRequiredPathToRegexp = 1;
-	(() => {
-	    if (typeof __nccwpck_require__ !== "undefined")
-	        __nccwpck_require__.ab = __dirname + "/";
-	    var e = {};
-	    (() => { var n = e; Object.defineProperty(n, "__esModule", { value: true }); n.pathToRegexp = n.tokensToRegexp = n.regexpToFunction = n.match = n.tokensToFunction = n.compile = n.parse = void 0; function lexer(e) { var n = []; var r = 0; while (r < e.length) {
-	        var t = e[r];
-	        if (t === "*" || t === "+" || t === "?") {
-	            n.push({ type: "MODIFIER", index: r, value: e[r++] });
-	            continue;
-	        }
-	        if (t === "\\") {
-	            n.push({ type: "ESCAPED_CHAR", index: r++, value: e[r++] });
-	            continue;
-	        }
-	        if (t === "{") {
-	            n.push({ type: "OPEN", index: r, value: e[r++] });
-	            continue;
-	        }
-	        if (t === "}") {
-	            n.push({ type: "CLOSE", index: r, value: e[r++] });
-	            continue;
-	        }
-	        if (t === ":") {
-	            var a = "";
-	            var i = r + 1;
-	            while (i < e.length) {
-	                var o = e.charCodeAt(i);
-	                if (o >= 48 && o <= 57 || o >= 65 && o <= 90 || o >= 97 && o <= 122 || o === 95) {
-	                    a += e[i++];
-	                    continue;
-	                }
-	                break;
-	            }
-	            if (!a)
-	                throw new TypeError("Missing parameter name at ".concat(r));
-	            n.push({ type: "NAME", index: r, value: a });
-	            r = i;
-	            continue;
-	        }
-	        if (t === "(") {
-	            var c = 1;
-	            var f = "";
-	            var i = r + 1;
-	            if (e[i] === "?") {
-	                throw new TypeError('Pattern cannot start with "?" at '.concat(i));
-	            }
-	            while (i < e.length) {
-	                if (e[i] === "\\") {
-	                    f += e[i++] + e[i++];
-	                    continue;
-	                }
-	                if (e[i] === ")") {
-	                    c--;
-	                    if (c === 0) {
-	                        i++;
-	                        break;
-	                    }
-	                }
-	                else if (e[i] === "(") {
-	                    c++;
-	                    if (e[i + 1] !== "?") {
-	                        throw new TypeError("Capturing groups are not allowed at ".concat(i));
-	                    }
-	                }
-	                f += e[i++];
-	            }
-	            if (c)
-	                throw new TypeError("Unbalanced pattern at ".concat(r));
-	            if (!f)
-	                throw new TypeError("Missing pattern at ".concat(r));
-	            n.push({ type: "PATTERN", index: r, value: f });
-	            r = i;
-	            continue;
-	        }
-	        n.push({ type: "CHAR", index: r, value: e[r++] });
-	    } n.push({ type: "END", index: r, value: "" }); return n; } function parse(e, n) { if (n === void 0) {
-	        n = {};
-	    } var r = lexer(e); var t = n.prefixes, a = t === void 0 ? "./" : t, i = n.delimiter, o = i === void 0 ? "/#?" : i; var c = []; var f = 0; var u = 0; var p = ""; var tryConsume = function (e) { if (u < r.length && r[u].type === e)
-	        return r[u++].value; }; var mustConsume = function (e) { var n = tryConsume(e); if (n !== undefined)
-	        return n; var t = r[u], a = t.type, i = t.index; throw new TypeError("Unexpected ".concat(a, " at ").concat(i, ", expected ").concat(e)); }; var consumeText = function () { var e = ""; var n; while (n = tryConsume("CHAR") || tryConsume("ESCAPED_CHAR")) {
-	        e += n;
-	    } return e; }; var isSafe = function (e) { for (var n = 0, r = o; n < r.length; n++) {
-	        var t = r[n];
-	        if (e.indexOf(t) > -1)
-	            return true;
-	    } return false; }; var safePattern = function (e) { var n = c[c.length - 1]; var r = e || (n && typeof n === "string" ? n : ""); if (n && !r) {
-	        throw new TypeError('Must have text between two parameters, missing text after "'.concat(n.name, '"'));
-	    } if (!r || isSafe(r))
-	        return "[^".concat(escapeString(o), "]+?"); return "(?:(?!".concat(escapeString(r), ")[^").concat(escapeString(o), "])+?"); }; while (u < r.length) {
-	        var v = tryConsume("CHAR");
-	        var s = tryConsume("NAME");
-	        var d = tryConsume("PATTERN");
-	        if (s || d) {
-	            var g = v || "";
-	            if (a.indexOf(g) === -1) {
-	                p += g;
-	                g = "";
-	            }
-	            if (p) {
-	                c.push(p);
-	                p = "";
-	            }
-	            c.push({ name: s || f++, prefix: g, suffix: "", pattern: d || safePattern(g), modifier: tryConsume("MODIFIER") || "" });
-	            continue;
-	        }
-	        var x = v || tryConsume("ESCAPED_CHAR");
-	        if (x) {
-	            p += x;
-	            continue;
-	        }
-	        if (p) {
-	            c.push(p);
-	            p = "";
-	        }
-	        var h = tryConsume("OPEN");
-	        if (h) {
-	            var g = consumeText();
-	            var l = tryConsume("NAME") || "";
-	            var m = tryConsume("PATTERN") || "";
-	            var T = consumeText();
-	            mustConsume("CLOSE");
-	            c.push({ name: l || (m ? f++ : ""), pattern: l && !m ? safePattern(g) : m, prefix: g, suffix: T, modifier: tryConsume("MODIFIER") || "" });
-	            continue;
-	        }
-	        mustConsume("END");
-	    } return c; } n.parse = parse; function compile(e, n) { return tokensToFunction(parse(e, n), n); } n.compile = compile; function tokensToFunction(e, n) { if (n === void 0) {
-	        n = {};
-	    } var r = flags(n); var t = n.encode, a = t === void 0 ? function (e) { return e; } : t, i = n.validate, o = i === void 0 ? true : i; var c = e.map((function (e) { if (typeof e === "object") {
-	        return new RegExp("^(?:".concat(e.pattern, ")$"), r);
-	    } })); return function (n) { var r = ""; for (var t = 0; t < e.length; t++) {
-	        var i = e[t];
-	        if (typeof i === "string") {
-	            r += i;
-	            continue;
-	        }
-	        var f = n ? n[i.name] : undefined;
-	        var u = i.modifier === "?" || i.modifier === "*";
-	        var p = i.modifier === "*" || i.modifier === "+";
-	        if (Array.isArray(f)) {
-	            if (!p) {
-	                throw new TypeError('Expected "'.concat(i.name, '" to not repeat, but got an array'));
-	            }
-	            if (f.length === 0) {
-	                if (u)
-	                    continue;
-	                throw new TypeError('Expected "'.concat(i.name, '" to not be empty'));
-	            }
-	            for (var v = 0; v < f.length; v++) {
-	                var s = a(f[v], i);
-	                if (o && !c[t].test(s)) {
-	                    throw new TypeError('Expected all "'.concat(i.name, '" to match "').concat(i.pattern, '", but got "').concat(s, '"'));
-	                }
-	                r += i.prefix + s + i.suffix;
-	            }
-	            continue;
-	        }
-	        if (typeof f === "string" || typeof f === "number") {
-	            var s = a(String(f), i);
-	            if (o && !c[t].test(s)) {
-	                throw new TypeError('Expected "'.concat(i.name, '" to match "').concat(i.pattern, '", but got "').concat(s, '"'));
-	            }
-	            r += i.prefix + s + i.suffix;
-	            continue;
-	        }
-	        if (u)
-	            continue;
-	        var d = p ? "an array" : "a string";
-	        throw new TypeError('Expected "'.concat(i.name, '" to be ').concat(d));
-	    } return r; }; } n.tokensToFunction = tokensToFunction; function match(e, n) { var r = []; var t = pathToRegexp(e, r, n); return regexpToFunction(t, r, n); } n.match = match; function regexpToFunction(e, n, r) { if (r === void 0) {
-	        r = {};
-	    } var t = r.decode, a = t === void 0 ? function (e) { return e; } : t; return function (r) { var t = e.exec(r); if (!t)
-	        return false; var i = t[0], o = t.index; var c = Object.create(null); var _loop_1 = function (e) { if (t[e] === undefined)
-	        return "continue"; var r = n[e - 1]; if (r.modifier === "*" || r.modifier === "+") {
-	        c[r.name] = t[e].split(r.prefix + r.suffix).map((function (e) { return a(e, r); }));
-	    }
-	    else {
-	        c[r.name] = a(t[e], r);
-	    } }; for (var f = 1; f < t.length; f++) {
-	        _loop_1(f);
-	    } return { path: i, index: o, params: c }; }; } n.regexpToFunction = regexpToFunction; function escapeString(e) { return e.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1"); } function flags(e) { return e && e.sensitive ? "" : "i"; } function regexpToRegexp(e, n) { if (!n)
-	        return e; var r = /\((?:\?<(.*?)>)?(?!\?)/g; var t = 0; var a = r.exec(e.source); while (a) {
-	        n.push({ name: a[1] || t++, prefix: "", suffix: "", modifier: "", pattern: "" });
-	        a = r.exec(e.source);
-	    } return e; } function arrayToRegexp(e, n, r) { var t = e.map((function (e) { return pathToRegexp(e, n, r).source; })); return new RegExp("(?:".concat(t.join("|"), ")"), flags(r)); } function stringToRegexp(e, n, r) { return tokensToRegexp(parse(e, r), n, r); } function tokensToRegexp(e, n, r) { if (r === void 0) {
-	        r = {};
-	    } var t = r.strict, a = t === void 0 ? false : t, i = r.start, o = i === void 0 ? true : i, c = r.end, f = c === void 0 ? true : c, u = r.encode, p = u === void 0 ? function (e) { return e; } : u, v = r.delimiter, s = v === void 0 ? "/#?" : v, d = r.endsWith, g = d === void 0 ? "" : d; var x = "[".concat(escapeString(g), "]|$"); var h = "[".concat(escapeString(s), "]"); var l = o ? "^" : ""; for (var m = 0, T = e; m < T.length; m++) {
-	        var E = T[m];
-	        if (typeof E === "string") {
-	            l += escapeString(p(E));
-	        }
-	        else {
-	            var w = escapeString(p(E.prefix));
-	            var y = escapeString(p(E.suffix));
-	            if (E.pattern) {
-	                if (n)
-	                    n.push(E);
-	                if (w || y) {
-	                    if (E.modifier === "+" || E.modifier === "*") {
-	                        var R = E.modifier === "*" ? "?" : "";
-	                        l += "(?:".concat(w, "((?:").concat(E.pattern, ")(?:").concat(y).concat(w, "(?:").concat(E.pattern, "))*)").concat(y, ")").concat(R);
-	                    }
-	                    else {
-	                        l += "(?:".concat(w, "(").concat(E.pattern, ")").concat(y, ")").concat(E.modifier);
-	                    }
-	                }
-	                else {
-	                    if (E.modifier === "+" || E.modifier === "*") {
-	                        throw new TypeError('Can not repeat "'.concat(E.name, '" without a prefix and suffix'));
-	                    }
-	                    l += "(".concat(E.pattern, ")").concat(E.modifier);
-	                }
-	            }
-	            else {
-	                l += "(?:".concat(w).concat(y, ")").concat(E.modifier);
-	            }
-	        }
-	    } if (f) {
-	        if (!a)
-	            l += "".concat(h, "?");
-	        l += !r.endsWith ? "$" : "(?=".concat(x, ")");
-	    }
-	    else {
-	        var A = e[e.length - 1];
-	        var _ = typeof A === "string" ? h.indexOf(A[A.length - 1]) > -1 : A === undefined;
-	        if (!a) {
-	            l += "(?:".concat(h, "(?=").concat(x, "))?");
-	        }
-	        if (!_) {
-	            l += "(?=".concat(h, "|").concat(x, ")");
-	        }
-	    } return new RegExp(l, flags(r)); } n.tokensToRegexp = tokensToRegexp; function pathToRegexp(e, n, r) { if (e instanceof RegExp)
-	        return regexpToRegexp(e, n); if (Array.isArray(e))
-	        return arrayToRegexp(e, n, r); return stringToRegexp(e, n, r); } n.pathToRegexp = pathToRegexp; })();
-	    pathToRegexp.exports = e;
-	})();
-	
-	return pathToRegexp.exports;
-}
-
-var routePatternNormalizer = {};
-
-var hasRequiredRoutePatternNormalizer;
-
-function requireRoutePatternNormalizer () {
-	if (hasRequiredRoutePatternNormalizer) return routePatternNormalizer;
-	hasRequiredRoutePatternNormalizer = 1;
-	(function (exports$1) {
-		Object.defineProperty(exports$1, "__esModule", {
-		    value: true
-		});
-		function _export(target, all) {
-		    for (var name in all)
-		        Object.defineProperty(target, name, {
-		            enumerable: true,
-		            get: all[name]
-		        });
-		}
-		_export(exports$1, {
-		    hasAdjacentParameterIssues: function () {
-		        return hasAdjacentParameterIssues;
-		    },
-		    normalizeAdjacentParameters: function () {
-		        return normalizeAdjacentParameters;
-		    },
-		    normalizeTokensForRegexp: function () {
-		        return normalizeTokensForRegexp;
-		    },
-		    stripParameterSeparators: function () {
-		        return stripParameterSeparators;
-		    }
-		});
-		/**
-		 * Route pattern normalization utilities for path-to-regexp compatibility.
-		 *
-		 * path-to-regexp 6.3.0+ introduced stricter validation that rejects certain
-		 * patterns commonly used in Next.js interception routes. This module provides
-		 * normalization functions to make Next.js route patterns compatible with the
-		 * updated library while preserving all functionality.
-		 */ /**
-		* Internal separator used to normalize adjacent parameter patterns.
-		* This unique marker is inserted between adjacent parameters and stripped out
-		* during parameter extraction to avoid conflicts with real URL content.
-		*/ const PARAM_SEPARATOR = '_NEXTSEP_';
-		function hasAdjacentParameterIssues(route) {
-		    if (typeof route !== 'string')
-		        return false;
-		    // Check for interception route markers followed immediately by parameters
-		    // Pattern: /(.):param, /(..):param, /(...):param, /(.)(.):param etc.
-		    // These patterns cause "Must have text between two parameters" errors
-		    if (/\/\(\.{1,3}\):[^/\s]+/.test(route)) {
-		        return true;
-		    }
-		    // Check for basic adjacent parameters without separators
-		    // Pattern: :param1:param2 (but not :param* or other URL patterns)
-		    if (/:[a-zA-Z_][a-zA-Z0-9_]*:[a-zA-Z_][a-zA-Z0-9_]*/.test(route)) {
-		        return true;
-		    }
-		    return false;
-		}
-		function normalizeAdjacentParameters(route) {
-		    let normalized = route;
-		    // Handle interception route patterns: (.):param -> (.)_NEXTSEP_:param
-		    normalized = normalized.replace(/(\([^)]*\)):([^/\s]+)/g, `$1${PARAM_SEPARATOR}:$2`);
-		    // Handle other adjacent parameter patterns: :param1:param2 -> :param1_NEXTSEP_:param2
-		    normalized = normalized.replace(/:([^:/\s)]+)(?=:)/g, `:$1${PARAM_SEPARATOR}`);
-		    return normalized;
-		}
-		function normalizeTokensForRegexp(tokens) {
-		    return tokens.map((token) => {
-		        // Token union type: Token = string | TokenObject
-		        // Literal path segments are strings, parameters/wildcards are objects
-		        if (typeof token === 'object' && token !== null && // Not all token objects have 'modifier' property (e.g., simple text tokens)
-		            'modifier' in token && // Only repeating modifiers (* or +) cause the validation error
-		            // Other modifiers like '?' (optional) are fine
-		            (token.modifier === '*' || token.modifier === '+') && // Token objects can have different shapes depending on route pattern
-		            'prefix' in token && 'suffix' in token && // Both prefix and suffix must be empty strings
-		            // This is what causes the validation error in path-to-regexp
-		            token.prefix === '' && token.suffix === '') {
-		            // Add minimal prefix to satisfy path-to-regexp validation
-		            // We use '/' as it's the most common path delimiter and won't break route matching
-		            // The prefix gets used in regex generation but doesn't affect parameter extraction
-		            return Object.assign(Object.assign({}, token), { prefix: '/' });
-		        }
-		        return token;
-		    });
-		}
-		function stripParameterSeparators(params) {
-		    const cleaned = {};
-		    for (const [key, value] of Object.entries(params)) {
-		        if (typeof value === 'string') {
-		            // Remove the separator if it appears at the start of parameter values
-		            cleaned[key] = value.replace(new RegExp(`^${PARAM_SEPARATOR}`), '');
-		        }
-		        else if (Array.isArray(value)) {
-		            // Handle array parameters (from repeated route segments)
-		            cleaned[key] = value.map((item) => typeof item === 'string' ? item.replace(new RegExp(`^${PARAM_SEPARATOR}`), '') : item);
-		        }
-		        else {
-		            cleaned[key] = value;
-		        }
-		    }
-		    return cleaned;
-		}
-		
-	} (routePatternNormalizer));
-	return routePatternNormalizer;
-}
-
-/**
- * Client-safe utilities for route matching that don't import server-side
- * utilities to avoid bundling issues with Turbopack
- */
-
-var hasRequiredRouteMatchUtils;
-
-function requireRouteMatchUtils () {
-	if (hasRequiredRouteMatchUtils) return routeMatchUtils;
-	hasRequiredRouteMatchUtils = 1;
-	(function (exports$1) {
-		Object.defineProperty(exports$1, "__esModule", {
-		    value: true
-		});
-		function _export(target, all) {
-		    for (var name in all)
-		        Object.defineProperty(target, name, {
-		            enumerable: true,
-		            get: all[name]
-		        });
-		}
-		_export(exports$1, {
-		    safeCompile: function () {
-		        return safeCompile;
-		    },
-		    safePathToRegexp: function () {
-		        return safePathToRegexp;
-		    },
-		    safeRegexpToFunction: function () {
-		        return safeRegexpToFunction;
-		    },
-		    safeRouteMatcher: function () {
-		        return safeRouteMatcher;
-		    }
-		});
-		const _pathtoregexp = requirePathToRegexp();
-		const _routepatternnormalizer = requireRoutePatternNormalizer();
-		function safePathToRegexp(route, keys, options) {
-		    if (typeof route !== 'string') {
-		        return (0, _pathtoregexp.pathToRegexp)(route, keys, options);
-		    }
-		    // Check if normalization is needed and cache the result
-		    const needsNormalization = (0, _routepatternnormalizer.hasAdjacentParameterIssues)(route);
-		    const routeToUse = needsNormalization ? (0, _routepatternnormalizer.normalizeAdjacentParameters)(route) : route;
-		    try {
-		        return (0, _pathtoregexp.pathToRegexp)(routeToUse, keys, options);
-		    }
-		    catch (error) {
-		        // Only try normalization if we haven't already normalized
-		        if (!needsNormalization) {
-		            try {
-		                const normalizedRoute = (0, _routepatternnormalizer.normalizeAdjacentParameters)(route);
-		                return (0, _pathtoregexp.pathToRegexp)(normalizedRoute, keys, options);
-		            }
-		            catch (retryError) {
-		                // If that doesn't work, fall back to original error
-		                throw error;
-		            }
-		        }
-		        throw error;
-		    }
-		}
-		function safeCompile(route, options) {
-		    // Check if normalization is needed and cache the result
-		    const needsNormalization = (0, _routepatternnormalizer.hasAdjacentParameterIssues)(route);
-		    const routeToUse = needsNormalization ? (0, _routepatternnormalizer.normalizeAdjacentParameters)(route) : route;
-		    try {
-		        return (0, _pathtoregexp.compile)(routeToUse, options);
-		    }
-		    catch (error) {
-		        // Only try normalization if we haven't already normalized
-		        if (!needsNormalization) {
-		            try {
-		                const normalizedRoute = (0, _routepatternnormalizer.normalizeAdjacentParameters)(route);
-		                return (0, _pathtoregexp.compile)(normalizedRoute, options);
-		            }
-		            catch (retryError) {
-		                // If that doesn't work, fall back to original error
-		                throw error;
-		            }
-		        }
-		        throw error;
-		    }
-		}
-		function safeRegexpToFunction(regexp, keys) {
-		    const originalMatcher = (0, _pathtoregexp.regexpToFunction)(regexp, keys || []);
-		    return (pathname) => {
-		        const result = originalMatcher(pathname);
-		        if (!result)
-		            return false;
-		        // Clean parameters before returning
-		        return Object.assign(Object.assign({}, result), { params: (0, _routepatternnormalizer.stripParameterSeparators)(result.params) });
-		    };
-		}
-		function safeRouteMatcher(matcherFn) {
-		    return (pathname) => {
-		        const result = matcherFn(pathname);
-		        if (!result)
-		            return false;
-		        // Clean parameters before returning
-		        return (0, _routepatternnormalizer.stripParameterSeparators)(result);
-		    };
-		}
-		
-	} (routeMatchUtils));
-	return routeMatchUtils;
-}
-
 var hasRequiredRouteMatcher;
 
 function requireRouteMatcher () {
@@ -51521,10 +51178,9 @@ function requireRouteMatcher () {
 		    }
 		});
 		const _utils = requireUtils$1();
-		const _routematchutils = requireRouteMatchUtils();
 		function getRouteMatcher(param) {
 		    let { re, groups } = param;
-		    const rawMatcher = (pathname) => {
+		    return (pathname) => {
 		        const routeMatch = re.exec(pathname);
 		        if (!routeMatch)
 		            return false;
@@ -51554,8 +51210,6 @@ function requireRouteMatcher () {
 		        }
 		        return params;
 		    };
-		    // Wrap with safe matcher to handle parameter cleaning
-		    return (0, _routematchutils.safeRouteMatcher)(rawMatcher);
 		}
 		
 	} (routeMatcher));
@@ -51607,18 +51261,12 @@ function requireConstants () {
 		    GSSP_NO_RETURNED_VALUE: function () {
 		        return GSSP_NO_RETURNED_VALUE;
 		    },
-		    HTML_CONTENT_TYPE_HEADER: function () {
-		        return HTML_CONTENT_TYPE_HEADER;
-		    },
 		    INFINITE_CACHE: function () {
 		        return INFINITE_CACHE;
 		    },
 		    INSTRUMENTATION_HOOK_FILENAME: function () {
 		        return INSTRUMENTATION_HOOK_FILENAME;
 		    },
-		    JSON_CONTENT_TYPE_HEADER: function () {
-		        return JSON_CONTENT_TYPE_HEADER;
-		    },
 		    MATCHED_PATH_HEADER: function () {
 		        return MATCHED_PATH_HEADER;
 		    },
@@ -51739,9 +51387,6 @@ function requireConstants () {
 		    STATIC_STATUS_PAGE_GET_INITIAL_PROPS_ERROR: function () {
 		        return STATIC_STATUS_PAGE_GET_INITIAL_PROPS_ERROR;
 		    },
-		    TEXT_PLAIN_CONTENT_TYPE_HEADER: function () {
-		        return TEXT_PLAIN_CONTENT_TYPE_HEADER;
-		    },
 		    UNSTABLE_REVALIDATE_RENAME_ERROR: function () {
 		        return UNSTABLE_REVALIDATE_RENAME_ERROR;
 		    },
@@ -51752,9 +51397,6 @@ function requireConstants () {
 		        return WEBPACK_RESOURCE_QUERIES;
 		    }
 		});
-		const TEXT_PLAIN_CONTENT_TYPE_HEADER = 'text/plain';
-		const HTML_CONTENT_TYPE_HEADER = 'text/html; charset=utf-8';
-		const JSON_CONTENT_TYPE_HEADER = 'application/json; charset=utf-8';
 		const NEXT_QUERY_PARAM_PREFIX = 'nxtP';
 		const NEXT_INTERCEPTION_MARKER_PREFIX = 'nxtI';
 		const MATCHED_PATH_HEADER = 'x-matched-path';
@@ -51940,13 +51582,11 @@ function requireEscapeRegexp () {
 	return escapeRegexp;
 }
 
-var getDynamicParam = {};
-
-var hasRequiredGetDynamicParam;
+var hasRequiredRouteRegex;
 
-function requireGetDynamicParam () {
-	if (hasRequiredGetDynamicParam) return getDynamicParam;
-	hasRequiredGetDynamicParam = 1;
+function requireRouteRegex () {
+	if (hasRequiredRouteRegex) return routeRegex;
+	hasRequiredRouteRegex = 1;
 	(function (exports$1) {
 		Object.defineProperty(exports$1, "__esModule", {
 		    value: true
@@ -51959,86 +51599,32 @@ function requireGetDynamicParam () {
 		        });
 		}
 		_export(exports$1, {
-		    PARAMETER_PATTERN: function () {
-		        return PARAMETER_PATTERN;
+		    getNamedMiddlewareRegex: function () {
+		        return getNamedMiddlewareRegex;
 		    },
-		    getDynamicParam: function () {
-		        return getDynamicParam;
+		    getNamedRouteRegex: function () {
+		        return getNamedRouteRegex;
 		    },
-		    parseMatchedParameter: function () {
-		        return parseMatchedParameter;
+		    getRouteRegex: function () {
+		        return getRouteRegex;
 		    },
 		    parseParameter: function () {
 		        return parseParameter;
 		    }
 		});
-		function getDynamicParam(params, segmentKey, dynamicParamType, pagePath, fallbackRouteParams) {
-		    let value = params[segmentKey];
-		    if (fallbackRouteParams && fallbackRouteParams.has(segmentKey)) {
-		        value = fallbackRouteParams.get(segmentKey);
-		    }
-		    else if (Array.isArray(value)) {
-		        value = value.map((i) => encodeURIComponent(i));
-		    }
-		    else if (typeof value === 'string') {
-		        value = encodeURIComponent(value);
-		    }
-		    if (!value) {
-		        const isCatchall = dynamicParamType === 'c';
-		        const isOptionalCatchall = dynamicParamType === 'oc';
-		        if (isCatchall || isOptionalCatchall) {
-		            // handle the case where an optional catchall does not have a value,
-		            // e.g. `/dashboard/[[...slug]]` when requesting `/dashboard`
-		            if (isOptionalCatchall) {
-		                return {
-		                    param: segmentKey,
-		                    value: null,
-		                    type: dynamicParamType,
-		                    treeSegment: [
-		                        segmentKey,
-		                        '',
-		                        dynamicParamType
-		                    ]
-		                };
-		            }
-		            // handle the case where a catchall or optional catchall does not have a value,
-		            // e.g. `/foo/bar/hello` and `@slot/[...catchall]` or `@slot/[[...catchall]]` is matched
-		            value = pagePath.split('/') // remove the first empty string
-		                .slice(1) // replace any dynamic params with the actual values
-		                .flatMap((pathSegment) => {
-		                const param = parseParameter(pathSegment);
-		                var _params_param_key;
-		                // if the segment matches a param, return the param value
-		                // otherwise, it's a static segment, so just return that
-		                return (_params_param_key = params[param.key]) != null ? _params_param_key : param.key;
-		            });
-		            return {
-		                param: segmentKey,
-		                value,
-		                type: dynamicParamType,
-		                // This value always has to be a string.
-		                treeSegment: [
-		                    segmentKey,
-		                    value.join('/'),
-		                    dynamicParamType
-		                ]
-		            };
-		        }
-		    }
-		    return {
-		        param: segmentKey,
-		        // The value that is passed to user code.
-		        value: value,
-		        // The value that is rendered in the router tree.
-		        treeSegment: [
-		            segmentKey,
-		            Array.isArray(value) ? value.join('/') : value,
-		            dynamicParamType
-		        ],
-		        type: dynamicParamType
-		    };
-		}
-		const PARAMETER_PATTERN = /^([^[]*)\[((?:\[[^\]]*\])|[^\]]+)\](.*)$/;
+		const _constants = requireConstants();
+		const _interceptionroutes = requireInterceptionRoutes();
+		const _escaperegexp = requireEscapeRegexp();
+		const _removetrailingslash = requireRemoveTrailingSlash();
+		/**
+		 * Regular expression pattern used to match route parameters.
+		 * Matches both single parameters and parameter groups.
+		 * Examples:
+		 *   - `[[...slug]]` matches parameter group with key 'slug', repeat: true, optional: true
+		 *   - `[...slug]` matches parameter group with key 'slug', repeat: true, optional: false
+		 *   - `[[foo]]` matches parameter with key 'foo', repeat: false, optional: true
+		 *   - `[bar]` matches parameter with key 'bar', repeat: false, optional: false
+		 */ const PARAMETER_PATTERN = /^([^[]*)\[((?:\[[^\]]*\])|[^\]]+)\](.*)$/;
 		function parseParameter(param) {
 		    const match = param.match(PARAMETER_PATTERN);
 		    if (!match) {
@@ -52046,7 +51632,17 @@ function requireGetDynamicParam () {
 		    }
 		    return parseMatchedParameter(match[2]);
 		}
-		function parseMatchedParameter(param) {
+		/**
+		 * Parses a matched parameter from the PARAMETER_PATTERN regex to a data structure that can be used
+		 * to generate the parametrized route.
+		 * Examples:
+		 *   - `[...slug]` -> `{ key: 'slug', repeat: true, optional: true }`
+		 *   - `...slug` -> `{ key: 'slug', repeat: true, optional: false }`
+		 *   - `[foo]` -> `{ key: 'foo', repeat: false, optional: true }`
+		 *   - `bar` -> `{ key: 'bar', repeat: false, optional: false }`
+		 * @param param - The matched parameter to parse.
+		 * @returns The parsed parameter as a data structure.
+		 */ function parseMatchedParameter(param) {
 		    const optional = param.startsWith('[') && param.endsWith(']');
 		    if (optional) {
 		        param = param.slice(1, -1);
@@ -52061,53 +51657,16 @@ function requireGetDynamicParam () {
 		        optional
 		    };
 		}
-		
-	} (getDynamicParam));
-	return getDynamicParam;
-}
-
-var hasRequiredRouteRegex;
-
-function requireRouteRegex () {
-	if (hasRequiredRouteRegex) return routeRegex;
-	hasRequiredRouteRegex = 1;
-	(function (exports$1) {
-		Object.defineProperty(exports$1, "__esModule", {
-		    value: true
-		});
-		function _export(target, all) {
-		    for (var name in all)
-		        Object.defineProperty(target, name, {
-		            enumerable: true,
-		            get: all[name]
-		        });
-		}
-		_export(exports$1, {
-		    getNamedMiddlewareRegex: function () {
-		        return getNamedMiddlewareRegex;
-		    },
-		    getNamedRouteRegex: function () {
-		        return getNamedRouteRegex;
-		    },
-		    getRouteRegex: function () {
-		        return getRouteRegex;
-		    }
-		});
-		const _constants = requireConstants();
-		const _interceptionroutes = requireInterceptionRoutes();
-		const _escaperegexp = requireEscapeRegexp();
-		const _removetrailingslash = requireRemoveTrailingSlash();
-		const _getdynamicparam = requireGetDynamicParam();
 		function getParametrizedRoute(route, includeSuffix, includePrefix) {
 		    const groups = {};
 		    let groupIndex = 1;
 		    const segments = [];
 		    for (const segment of (0, _removetrailingslash.removeTrailingSlash)(route).slice(1).split('/')) {
 		        const markerMatch = _interceptionroutes.INTERCEPTION_ROUTE_MARKERS.find((m) => segment.startsWith(m));
-		        const paramMatches = segment.match(_getdynamicparam.PARAMETER_PATTERN) // Check for parameters
+		        const paramMatches = segment.match(PARAMETER_PATTERN) // Check for parameters
 		        ;
 		        if (markerMatch && paramMatches && paramMatches[2]) {
-		            const { key, optional, repeat } = (0, _getdynamicparam.parseMatchedParameter)(paramMatches[2]);
+		            const { key, optional, repeat } = parseMatchedParameter(paramMatches[2]);
 		            groups[key] = {
 		                pos: groupIndex++,
 		                repeat,
@@ -52116,7 +51675,7 @@ function requireRouteRegex () {
 		            segments.push("/" + (0, _escaperegexp.escapeStringRegexp)(markerMatch) + "([^/]+?)");
 		        }
 		        else if (paramMatches && paramMatches[2]) {
-		            const { key, repeat, optional } = (0, _getdynamicparam.parseMatchedParameter)(paramMatches[2]);
+		            const { key, repeat, optional } = parseMatchedParameter(paramMatches[2]);
 		            groups[key] = {
 		                pos: groupIndex++,
 		                repeat,
@@ -52174,7 +51733,7 @@ function requireRouteRegex () {
 		}
 		function getSafeKeyFromSegment(param) {
 		    let { interceptionMarker, getSafeRouteKey, segment, routeKeys, keyPrefix, backreferenceDuplicateKeys } = param;
-		    const { key, optional, repeat } = (0, _getdynamicparam.parseMatchedParameter)(segment);
+		    const { key, optional, repeat } = parseMatchedParameter(segment);
 		    // replace any non-word characters since they can break
 		    // the named regex
 		    let cleanedKey = key.replace(/\W/g, '');
@@ -52224,7 +51783,7 @@ function requireRouteRegex () {
 		    const segments = [];
 		    for (const segment of (0, _removetrailingslash.removeTrailingSlash)(route).slice(1).split('/')) {
 		        const hasInterceptionMarker = _interceptionroutes.INTERCEPTION_ROUTE_MARKERS.some((m) => segment.startsWith(m));
-		        const paramMatches = segment.match(_getdynamicparam.PARAMETER_PATTERN) // Check for parameters
+		        const paramMatches = segment.match(PARAMETER_PATTERN) // Check for parameters
 		        ;
 		        if (hasInterceptionMarker && paramMatches && paramMatches[2]) {
 		            // If there's an interception marker, add it to the segments.
@@ -52382,8 +51941,6 @@ function requireResolveHref () {
 		const _islocalurl = requireIsLocalUrl();
 		const _utils1 = requireUtils();
 		const _interpolateas = requireInterpolateAs();
-		const _routeregex = requireRouteRegex();
-		const _routematcher = requireRouteMatcher();
 		function resolveHref(router, href, resolveAs) {
 		    // we use a dummy base url for relative urls
 		    let base;
@@ -52406,31 +51963,7 @@ function requireResolveHref () {
 		        ] : urlAsString;
 		    }
 		    try {
-		        let baseBase = urlAsString.startsWith('#') ? router.asPath : router.pathname;
-		        // If the provided href is only a query string, it is safer to use the asPath
-		        // considering rewrites.
-		        if (urlAsString.startsWith('?')) {
-		            baseBase = router.asPath;
-		            // However, if is a dynamic route, we need to use the pathname to preserve the
-		            // query interpolation and rewrites (router.pathname will look like "/[slug]").
-		            if ((0, _utils1.isDynamicRoute)(router.pathname)) {
-		                baseBase = router.pathname;
-		                const routeRegex = (0, _routeregex.getRouteRegex)(router.pathname);
-		                const match = (0, _routematcher.getRouteMatcher)(routeRegex)(router.asPath);
-		                // For dynamic routes, if asPath doesn't match the pathname regex, it is a rewritten path.
-		                // In this case, should use asPath to preserve the current URL.
-		                if (!match) {
-		                    baseBase = router.asPath;
-		                }
-		                // Note: There is an edge case where the pathname is dynamic, and also a rewrite path to the same segment.
-		                // E.g. in "/[slug]" path, rewrite "/foo" -> "/bar"
-		                // In this case, it will be treated as a non-rewritten path and possibly interpolate the query string.
-		                // E.g., "/any?slug=foo" will become the content of "/foo", not rewritten as "/bar"
-		                // This is currently a trade-off of not resolving rewrite paths on every Router/Link call,
-		                // but using a lighter route regex pattern check.
-		            }
-		        }
-		        base = new URL(baseBase, 'http://n');
+		        base = new URL(urlAsString.startsWith('#') ? router.asPath : router.pathname, 'http://n');
 		    }
 		    catch (_) {
 		        // fallback to / for invalid asPath values e.g. //
@@ -53897,7 +53430,7 @@ function PageHero(_ref) {
         }), jsx("h1", {
           className: "text-4xl sm:text-5xl lg:text-6xl font-bold text-mw-primary-700 dark:text-mw-primary-400 mb-6",
           children: jsx("span", {
-            className: "bg-gradient-to-r from-mw-primary-600 to-mw-primary-800 bg-clip-text \n              supports-[background-clip:text]:text-transparent",
+            className: "bg-gradient-to-r from-mw-primary-600 to-mw-primary-800 bg-clip-text \r\n              supports-[background-clip:text]:text-transparent",
             children: title
           })
         }), jsx("p", {
@@ -55063,7 +54596,7 @@ const fromTheme = key => {
 };
 const arbitraryValueRegex = /^\[(?:(\w[\w-]*):)?(.+)\]$/i;
 const arbitraryVariableRegex = /^\((?:(\w[\w-]*):)?(.+)\)$/i;
-const fractionRegex = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/;
+const fractionRegex = /^\d+\/\d+$/;
 const tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
 const lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
 const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/;
@@ -55089,8 +54622,6 @@ const isArbitrarySize = value => getIsArbitraryValue(value, isLabelSize, isNever
 const isArbitraryValue = value => arbitraryValueRegex.test(value);
 const isArbitraryLength = value => getIsArbitraryValue(value, isLabelLength, isLengthOnly);
 const isArbitraryNumber = value => getIsArbitraryValue(value, isLabelNumber, isNumber);
-const isArbitraryWeight = value => getIsArbitraryValue(value, isLabelWeight, isAny);
-const isArbitraryFamilyName = value => getIsArbitraryValue(value, isLabelFamilyName, isNever);
 const isArbitraryPosition = value => getIsArbitraryValue(value, isLabelPosition, isNever);
 const isArbitraryImage = value => getIsArbitraryValue(value, isLabelImage, isImage);
 const isArbitraryShadow = value => getIsArbitraryValue(value, isLabelShadow, isShadow);
@@ -55101,7 +54632,6 @@ const isArbitraryVariablePosition = value => getIsArbitraryVariable(value, isLab
 const isArbitraryVariableSize = value => getIsArbitraryVariable(value, isLabelSize);
 const isArbitraryVariableImage = value => getIsArbitraryVariable(value, isLabelImage);
 const isArbitraryVariableShadow = value => getIsArbitraryVariable(value, isLabelShadow, true);
-const isArbitraryVariableWeight = value => getIsArbitraryVariable(value, isLabelWeight, true);
 // Helpers
 const getIsArbitraryValue = (value, testLabel, testValue) => {
     const result = arbitraryValueRegex.exec(value);
@@ -55130,7 +54660,6 @@ const isLabelSize = label => label === 'length' || label === 'size' || label ===
 const isLabelLength = label => label === 'length';
 const isLabelNumber = label => label === 'number';
 const isLabelFamilyName = label => label === 'family-name';
-const isLabelWeight = label => label === 'number' || label === 'weight';
 const isLabelShadow = label => label === 'shadow';
 const getDefaultConfig = () => {
     /**
@@ -55189,8 +54718,6 @@ const getDefaultConfig = () => {
     const scaleAlignSecondaryAxis = () => ['start', 'end', 'center', 'stretch', 'center-safe', 'end-safe'];
     const scaleMargin = () => ['auto', ...scaleUnambiguousSpacing()];
     const scaleSizing = () => [isFraction, 'auto', 'full', 'dvw', 'dvh', 'lvw', 'lvh', 'svw', 'svh', 'min', 'max', 'fit', ...scaleUnambiguousSpacing()];
-    const scaleSizingInline = () => [isFraction, 'screen', 'full', 'dvw', 'lvw', 'svw', 'min', 'max', 'fit', ...scaleUnambiguousSpacing()];
-    const scaleSizingBlock = () => [isFraction, 'screen', 'full', 'lh', 'dvh', 'lvh', 'svh', 'min', 'max', 'fit', ...scaleUnambiguousSpacing()];
     const scaleColor = () => [themeColor, isArbitraryVariable, isArbitraryValue];
     const scaleBgPosition = () => [...scalePosition(), isArbitraryVariablePosition, isArbitraryPosition, {
             position: [isArbitraryVariable, isArbitraryValue]
@@ -55391,66 +54918,40 @@ const getDefaultConfig = () => {
              */
             position: ['static', 'fixed', 'absolute', 'relative', 'sticky'],
             /**
-             * Inset
+             * Top / Right / Bottom / Left
              * @see https://tailwindcss.com/docs/top-right-bottom-left
              */
             inset: [{
                     inset: scaleInset()
                 }],
             /**
-             * Inset Inline
+             * Right / Left
              * @see https://tailwindcss.com/docs/top-right-bottom-left
              */
             'inset-x': [{
                     'inset-x': scaleInset()
                 }],
             /**
-             * Inset Block
+             * Top / Bottom
              * @see https://tailwindcss.com/docs/top-right-bottom-left
              */
             'inset-y': [{
                     'inset-y': scaleInset()
                 }],
             /**
-             * Inset Inline Start
+             * Start
              * @see https://tailwindcss.com/docs/top-right-bottom-left
-             * @todo class group will be renamed to `inset-s` in next major release
              */
             start: [{
-                    'inset-s': scaleInset(),
-                    /**
-                     * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
-                     * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
-                     */
                     start: scaleInset()
                 }],
             /**
-             * Inset Inline End
+             * End
              * @see https://tailwindcss.com/docs/top-right-bottom-left
-             * @todo class group will be renamed to `inset-e` in next major release
              */
             end: [{
-                    'inset-e': scaleInset(),
-                    /**
-                     * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
-                     * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
-                     */
                     end: scaleInset()
                 }],
-            /**
-             * Inset Block Start
-             * @see https://tailwindcss.com/docs/top-right-bottom-left
-             */
-            'inset-bs': [{
-                    'inset-bs': scaleInset()
-                }],
-            /**
-             * Inset Block End
-             * @see https://tailwindcss.com/docs/top-right-bottom-left
-             */
-            'inset-be': [{
-                    'inset-be': scaleInset()
-                }],
             /**
              * Top
              * @see https://tailwindcss.com/docs/top-right-bottom-left
@@ -55717,47 +55218,33 @@ const getDefaultConfig = () => {
                     p: scaleUnambiguousSpacing()
                 }],
             /**
-             * Padding Inline
+             * Padding X
              * @see https://tailwindcss.com/docs/padding
              */
             px: [{
                     px: scaleUnambiguousSpacing()
                 }],
             /**
-             * Padding Block
+             * Padding Y
              * @see https://tailwindcss.com/docs/padding
              */
             py: [{
                     py: scaleUnambiguousSpacing()
                 }],
             /**
-             * Padding Inline Start
+             * Padding Start
              * @see https://tailwindcss.com/docs/padding
              */
             ps: [{
                     ps: scaleUnambiguousSpacing()
                 }],
             /**
-             * Padding Inline End
+             * Padding End
              * @see https://tailwindcss.com/docs/padding
              */
             pe: [{
                     pe: scaleUnambiguousSpacing()
                 }],
-            /**
-             * Padding Block Start
-             * @see https://tailwindcss.com/docs/padding
-             */
-            pbs: [{
-                    pbs: scaleUnambiguousSpacing()
-                }],
-            /**
-             * Padding Block End
-             * @see https://tailwindcss.com/docs/padding
-             */
-            pbe: [{
-                    pbe: scaleUnambiguousSpacing()
-                }],
             /**
              * Padding Top
              * @see https://tailwindcss.com/docs/padding
@@ -55794,47 +55281,33 @@ const getDefaultConfig = () => {
                     m: scaleMargin()
                 }],
             /**
-             * Margin Inline
+             * Margin X
              * @see https://tailwindcss.com/docs/margin
              */
             mx: [{
                     mx: scaleMargin()
                 }],
             /**
-             * Margin Block
+             * Margin Y
              * @see https://tailwindcss.com/docs/margin
              */
             my: [{
                     my: scaleMargin()
                 }],
             /**
-             * Margin Inline Start
+             * Margin Start
              * @see https://tailwindcss.com/docs/margin
              */
             ms: [{
                     ms: scaleMargin()
                 }],
             /**
-             * Margin Inline End
+             * Margin End
              * @see https://tailwindcss.com/docs/margin
              */
             me: [{
                     me: scaleMargin()
                 }],
-            /**
-             * Margin Block Start
-             * @see https://tailwindcss.com/docs/margin
-             */
-            mbs: [{
-                    mbs: scaleMargin()
-                }],
-            /**
-             * Margin Block End
-             * @see https://tailwindcss.com/docs/margin
-             */
-            mbe: [{
-                    mbe: scaleMargin()
-                }],
             /**
              * Margin Top
              * @see https://tailwindcss.com/docs/margin
@@ -55897,48 +55370,6 @@ const getDefaultConfig = () => {
             size: [{
                     size: scaleSizing()
                 }],
-            /**
-             * Inline Size
-             * @see https://tailwindcss.com/docs/width
-             */
-            'inline-size': [{
-                    inline: ['auto', ...scaleSizingInline()]
-                }],
-            /**
-             * Min-Inline Size
-             * @see https://tailwindcss.com/docs/min-width
-             */
-            'min-inline-size': [{
-                    'min-inline': ['auto', ...scaleSizingInline()]
-                }],
-            /**
-             * Max-Inline Size
-             * @see https://tailwindcss.com/docs/max-width
-             */
-            'max-inline-size': [{
-                    'max-inline': ['none', ...scaleSizingInline()]
-                }],
-            /**
-             * Block Size
-             * @see https://tailwindcss.com/docs/height
-             */
-            'block-size': [{
-                    block: ['auto', ...scaleSizingBlock()]
-                }],
-            /**
-             * Min-Block Size
-             * @see https://tailwindcss.com/docs/min-height
-             */
-            'min-block-size': [{
-                    'min-block': ['auto', ...scaleSizingBlock()]
-                }],
-            /**
-             * Max-Block Size
-             * @see https://tailwindcss.com/docs/max-height
-             */
-            'max-block-size': [{
-                    'max-block': ['none', ...scaleSizingBlock()]
-                }],
             /**
              * Width
              * @see https://tailwindcss.com/docs/width
@@ -56011,7 +55442,7 @@ const getDefaultConfig = () => {
              * @see https://tailwindcss.com/docs/font-weight
              */
             'font-weight': [{
-                    font: [themeFontWeight, isArbitraryVariableWeight, isArbitraryWeight]
+                    font: [themeFontWeight, isArbitraryVariable, isArbitraryNumber]
                 }],
             /**
              * Font Stretch
@@ -56025,14 +55456,7 @@ const getDefaultConfig = () => {
              * @see https://tailwindcss.com/docs/font-family
              */
             'font-family': [{
-                    font: [isArbitraryVariableFamilyName, isArbitraryFamilyName, themeFont]
-                }],
-            /**
-             * Font Feature Settings
-             * @see https://tailwindcss.com/docs/font-feature-settings
-             */
-            'font-features': [{
-                    'font-features': [isArbitraryValue]
+                    font: [isArbitraryVariableFamilyName, isArbitraryValue, themeFont]
                 }],
             /**
              * Font Variant Numeric
@@ -56452,47 +55876,33 @@ const getDefaultConfig = () => {
                     border: scaleBorderWidth()
                 }],
             /**
-             * Border Width Inline
+             * Border Width X
              * @see https://tailwindcss.com/docs/border-width
              */
             'border-w-x': [{
                     'border-x': scaleBorderWidth()
                 }],
             /**
-             * Border Width Block
+             * Border Width Y
              * @see https://tailwindcss.com/docs/border-width
              */
             'border-w-y': [{
                     'border-y': scaleBorderWidth()
                 }],
             /**
-             * Border Width Inline Start
+             * Border Width Start
              * @see https://tailwindcss.com/docs/border-width
              */
             'border-w-s': [{
                     'border-s': scaleBorderWidth()
                 }],
             /**
-             * Border Width Inline End
+             * Border Width End
              * @see https://tailwindcss.com/docs/border-width
              */
             'border-w-e': [{
                     'border-e': scaleBorderWidth()
                 }],
-            /**
-             * Border Width Block Start
-             * @see https://tailwindcss.com/docs/border-width
-             */
-            'border-w-bs': [{
-                    'border-bs': scaleBorderWidth()
-                }],
-            /**
-             * Border Width Block End
-             * @see https://tailwindcss.com/docs/border-width
-             */
-            'border-w-be': [{
-                    'border-be': scaleBorderWidth()
-                }],
             /**
              * Border Width Top
              * @see https://tailwindcss.com/docs/border-width
@@ -56567,47 +55977,33 @@ const getDefaultConfig = () => {
                     border: scaleColor()
                 }],
             /**
-             * Border Color Inline
+             * Border Color X
              * @see https://tailwindcss.com/docs/border-color
              */
             'border-color-x': [{
                     'border-x': scaleColor()
                 }],
             /**
-             * Border Color Block
+             * Border Color Y
              * @see https://tailwindcss.com/docs/border-color
              */
             'border-color-y': [{
                     'border-y': scaleColor()
                 }],
             /**
-             * Border Color Inline Start
+             * Border Color S
              * @see https://tailwindcss.com/docs/border-color
              */
             'border-color-s': [{
                     'border-s': scaleColor()
                 }],
             /**
-             * Border Color Inline End
+             * Border Color E
              * @see https://tailwindcss.com/docs/border-color
              */
             'border-color-e': [{
                     'border-e': scaleColor()
                 }],
-            /**
-             * Border Color Block Start
-             * @see https://tailwindcss.com/docs/border-color
-             */
-            'border-color-bs': [{
-                    'border-bs': scaleColor()
-                }],
-            /**
-             * Border Color Block End
-             * @see https://tailwindcss.com/docs/border-color
-             */
-            'border-color-be': [{
-                    'border-be': scaleColor()
-                }],
             /**
              * Border Color Top
              * @see https://tailwindcss.com/docs/border-color
@@ -57472,47 +56868,33 @@ const getDefaultConfig = () => {
                     'scroll-m': scaleUnambiguousSpacing()
                 }],
             /**
-             * Scroll Margin Inline
+             * Scroll Margin X
              * @see https://tailwindcss.com/docs/scroll-margin
              */
             'scroll-mx': [{
                     'scroll-mx': scaleUnambiguousSpacing()
                 }],
             /**
-             * Scroll Margin Block
+             * Scroll Margin Y
              * @see https://tailwindcss.com/docs/scroll-margin
              */
             'scroll-my': [{
                     'scroll-my': scaleUnambiguousSpacing()
                 }],
             /**
-             * Scroll Margin Inline Start
+             * Scroll Margin Start
              * @see https://tailwindcss.com/docs/scroll-margin
              */
             'scroll-ms': [{
                     'scroll-ms': scaleUnambiguousSpacing()
                 }],
             /**
-             * Scroll Margin Inline End
+             * Scroll Margin End
              * @see https://tailwindcss.com/docs/scroll-margin
              */
             'scroll-me': [{
                     'scroll-me': scaleUnambiguousSpacing()
                 }],
-            /**
-             * Scroll Margin Block Start
-             * @see https://tailwindcss.com/docs/scroll-margin
-             */
-            'scroll-mbs': [{
-                    'scroll-mbs': scaleUnambiguousSpacing()
-                }],
-            /**
-             * Scroll Margin Block End
-             * @see https://tailwindcss.com/docs/scroll-margin
-             */
-            'scroll-mbe': [{
-                    'scroll-mbe': scaleUnambiguousSpacing()
-                }],
             /**
              * Scroll Margin Top
              * @see https://tailwindcss.com/docs/scroll-margin
@@ -57549,47 +56931,33 @@ const getDefaultConfig = () => {
                     'scroll-p': scaleUnambiguousSpacing()
                 }],
             /**
-             * Scroll Padding Inline
+             * Scroll Padding X
              * @see https://tailwindcss.com/docs/scroll-padding
              */
             'scroll-px': [{
                     'scroll-px': scaleUnambiguousSpacing()
                 }],
             /**
-             * Scroll Padding Block
+             * Scroll Padding Y
              * @see https://tailwindcss.com/docs/scroll-padding
              */
             'scroll-py': [{
                     'scroll-py': scaleUnambiguousSpacing()
                 }],
             /**
-             * Scroll Padding Inline Start
+             * Scroll Padding Start
              * @see https://tailwindcss.com/docs/scroll-padding
              */
             'scroll-ps': [{
                     'scroll-ps': scaleUnambiguousSpacing()
                 }],
             /**
-             * Scroll Padding Inline End
+             * Scroll Padding End
              * @see https://tailwindcss.com/docs/scroll-padding
              */
             'scroll-pe': [{
                     'scroll-pe': scaleUnambiguousSpacing()
                 }],
-            /**
-             * Scroll Padding Block Start
-             * @see https://tailwindcss.com/docs/scroll-padding
-             */
-            'scroll-pbs': [{
-                    'scroll-pbs': scaleUnambiguousSpacing()
-                }],
-            /**
-             * Scroll Padding Block End
-             * @see https://tailwindcss.com/docs/scroll-padding
-             */
-            'scroll-pbe': [{
-                    'scroll-pbe': scaleUnambiguousSpacing()
-                }],
             /**
              * Scroll Padding Top
              * @see https://tailwindcss.com/docs/scroll-padding
@@ -57724,15 +57092,15 @@ const getDefaultConfig = () => {
         conflictingClassGroups: {
             overflow: ['overflow-x', 'overflow-y'],
             overscroll: ['overscroll-x', 'overscroll-y'],
-            inset: ['inset-x', 'inset-y', 'inset-bs', 'inset-be', 'start', 'end', 'top', 'right', 'bottom', 'left'],
+            inset: ['inset-x', 'inset-y', 'start', 'end', 'top', 'right', 'bottom', 'left'],
             'inset-x': ['right', 'left'],
             'inset-y': ['top', 'bottom'],
             flex: ['basis', 'grow', 'shrink'],
             gap: ['gap-x', 'gap-y'],
-            p: ['px', 'py', 'ps', 'pe', 'pbs', 'pbe', 'pt', 'pr', 'pb', 'pl'],
+            p: ['px', 'py', 'ps', 'pe', 'pt', 'pr', 'pb', 'pl'],
             px: ['pr', 'pl'],
             py: ['pt', 'pb'],
-            m: ['mx', 'my', 'ms', 'me', 'mbs', 'mbe', 'mt', 'mr', 'mb', 'ml'],
+            m: ['mx', 'my', 'ms', 'me', 'mt', 'mr', 'mb', 'ml'],
             mx: ['mr', 'ml'],
             my: ['mt', 'mb'],
             size: ['w', 'h'],
@@ -57752,18 +57120,18 @@ const getDefaultConfig = () => {
             'rounded-b': ['rounded-br', 'rounded-bl'],
             'rounded-l': ['rounded-tl', 'rounded-bl'],
             'border-spacing': ['border-spacing-x', 'border-spacing-y'],
-            'border-w': ['border-w-x', 'border-w-y', 'border-w-s', 'border-w-e', 'border-w-bs', 'border-w-be', 'border-w-t', 'border-w-r', 'border-w-b', 'border-w-l'],
+            'border-w': ['border-w-x', 'border-w-y', 'border-w-s', 'border-w-e', 'border-w-t', 'border-w-r', 'border-w-b', 'border-w-l'],
             'border-w-x': ['border-w-r', 'border-w-l'],
             'border-w-y': ['border-w-t', 'border-w-b'],
-            'border-color': ['border-color-x', 'border-color-y', 'border-color-s', 'border-color-e', 'border-color-bs', 'border-color-be', 'border-color-t', 'border-color-r', 'border-color-b', 'border-color-l'],
+            'border-color': ['border-color-x', 'border-color-y', 'border-color-s', 'border-color-e', 'border-color-t', 'border-color-r', 'border-color-b', 'border-color-l'],
             'border-color-x': ['border-color-r', 'border-color-l'],
             'border-color-y': ['border-color-t', 'border-color-b'],
             translate: ['translate-x', 'translate-y', 'translate-none'],
             'translate-none': ['translate', 'translate-x', 'translate-y', 'translate-z'],
-            'scroll-m': ['scroll-mx', 'scroll-my', 'scroll-ms', 'scroll-me', 'scroll-mbs', 'scroll-mbe', 'scroll-mt', 'scroll-mr', 'scroll-mb', 'scroll-ml'],
+            'scroll-m': ['scroll-mx', 'scroll-my', 'scroll-ms', 'scroll-me', 'scroll-mt', 'scroll-mr', 'scroll-mb', 'scroll-ml'],
             'scroll-mx': ['scroll-mr', 'scroll-ml'],
             'scroll-my': ['scroll-mt', 'scroll-mb'],
-            'scroll-p': ['scroll-px', 'scroll-py', 'scroll-ps', 'scroll-pe', 'scroll-pbs', 'scroll-pbe', 'scroll-pt', 'scroll-pr', 'scroll-pb', 'scroll-pl'],
+            'scroll-p': ['scroll-px', 'scroll-py', 'scroll-ps', 'scroll-pe', 'scroll-pt', 'scroll-pr', 'scroll-pb', 'scroll-pl'],
             'scroll-px': ['scroll-pr', 'scroll-pl'],
             'scroll-py': ['scroll-pt', 'scroll-pb'],
             touch: ['touch-x', 'touch-y', 'touch-pz'],