mainstack-design-system 1.14.2 → 1.15.0

package/dist/mainstack-design-system618.js

@@ -1,409 +1,13 @@
-'use client';
-import { jsxs as q, jsx as it } from "react/jsx-runtime";
-import w, { useRef as lt, useState as v, useCallback as B, useEffect as O, forwardRef as st } from "react";
-import { InputRoot as ft } from "./mainstack-design-system440.js";
-import { InputField as ct } from "./mainstack-design-system441.js";
-import "./mainstack-design-system439.js";
-import { u as S, v as yt, w as F, A as J, x as L, y as pt, z as mt, P as m, I as dt, B as Ct, C as K, D as ht, E as gt, c as Nt, j as bt } from "./utils-D85wpvmd.js";
-import { usePhoneNumberContext as vt } from "./mainstack-design-system591.js";
-function A(t, n) {
-  return Tt(t) || It(t, n) || Ot(t, n) || At();
-}
-function At() {
-  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-function Ot(t, n) {
-  if (t) {
-    if (typeof t == "string") return z(t, n);
-    var e = Object.prototype.toString.call(t).slice(8, -1);
-    if (e === "Object" && t.constructor && (e = t.constructor.name), e === "Map" || e === "Set") return Array.from(t);
-    if (e === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)) return z(t, n);
-  }
-}
-function z(t, n) {
-  (n == null || n > t.length) && (n = t.length);
-  for (var e = 0, a = new Array(n); e < n; e++) a[e] = t[e];
-  return a;
-}
-function It(t, n) {
-  var e = t == null ? null : typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
-  if (e != null) {
-    var a, r, o, s, f = [], c = !0, u = !1;
-    try {
-      if (o = (e = e.call(t)).next, n !== 0) for (; !(c = (a = o.call(e)).done) && (f.push(a.value), f.length !== n); c = !0) ;
-    } catch (l) {
-      u = !0, r = l;
-    } finally {
-      try {
-        if (!c && e.return != null && (s = e.return(), Object(s) !== s)) return;
-      } finally {
-        if (u) throw r;
-      }
-    }
-    return f;
-  }
-}
-function Tt(t) {
-  if (Array.isArray(t)) return t;
-}
-function Pt(t) {
-  var n = this, e = t.value, a = t.onChange, r = t.country, o = t.defaultCountry, s = t.international, f = t.withCountryCallingCode, c = t.useNationalFormatForDefaultCountryValue, u = t.metadata;
-  typeof f == "boolean" && !(r && s) && console.error("[react-phone-number-input] `withCountryCallingCode` property can only be used together with `country` and `international` properties"), r && o && console.error("[react-phone-number-input] When `country` property is passed, `defaultCountry` property has no effect and therefore shouldn't be passed"), typeof s == "boolean" && !r && console.error("[react-phone-number-input] `international` property can only be used together with `country` property");
-  var l = Ft({
-    international: s,
-    country: r,
-    defaultCountry: o,
-    withCountryCallingCode: f
-  }), y = lt(), C = function(p, d, b) {
-    console.error("[react-phone-number-input] Expected phone number ".concat(p, " to correspond to country ").concat(d, " but ").concat(b ? "in reality it corresponds to country " + b : "it doesn't", ".")), y.current = !0;
-  }, h = function(p) {
-    return e && yt(e), wt(e, r, o, l, c, u, function() {
-      p && p.onCountryMismatch && p.onCountryMismatch();
-      for (var d = arguments.length, b = new Array(d), P = 0; P < d; P++)
-        b[P] = arguments[P];
-      C.apply(n, b);
-    });
-  }, j = v(r), I = A(j, 2), E = I[0], X = I[1], Z = v(o), V = A(Z, 2), tt = V[0], et = V[1], nt = v(h()), D = A(nt, 2), rt = D[0], g = D[1], at = v(e), M = A(at, 2), T = M[0], N = M[1], ot = v(), W = A(ot, 2);
-  W[0];
-  var k = W[1], U = B(function() {
-    return k({});
-  }, [k]);
-  function Y(i) {
-    if (i) {
-      l === "NATIONAL_PART_OF_INTERNATIONAL" && (i = "+".concat(F(r, u)).concat(i));
-      var p = new J(r || o, u);
-      return p.input(i), p.getNumberValue();
-    }
-  }
-  O(function() {
-    e !== T && (N(e), g(h()));
-  }, [e]), O(function() {
-    if (r !== E) {
-      X(r);
-      var i, p = h({
-        onCountryMismatch: function() {
-          i = !0;
-        }
-      });
-      g(p), i && N(Y(p));
-    }
-  }, [r]), O(function() {
-    o !== tt && (et(o), g(h()));
-  }, [o]), O(function() {
-    T !== e && a(T);
-  }, [T]);
-  var ut = B(function(i) {
-    var p;
-    if (r)
-      if (l === "INTERNATIONAL") {
-        var d = S(r, u);
-        if (i.indexOf(d) !== 0) {
-          if (i && i[0] !== "+")
-            i = d + i;
-          else if (!y.current) return g(d), N(void 0), U();
-        }
-      } else
-        i && i[0] === "+" && (i = i.slice(1));
-    else o || i && i[0] !== "+" && (i = "+" + i);
-    i && (p = Y(i)), g(i), N(p);
-  }, [r, l, o, u, g, N, U, y]);
-  return {
-    phoneDigits: rt,
-    setPhoneDigits: ut,
-    inputFormat: l
-  };
-}
-function wt(t, n, e, a, r, o, s) {
-  if (n && a === "INTERNATIONAL") {
-    var f = S(n, o);
-    return t ? (t.indexOf(f) !== 0 && s(t, n), t) : f;
-  }
-  if (!t)
-    return "";
-  if (!n && !e)
-    return t;
-  var c = new J(void 0, o);
-  c.input(t);
-  var u = c.getNumber();
-  if (u)
-    if (n)
-      switch (u.country && u.country !== n ? s(t, n, u.country) : u.countryCallingCode !== F(n, o) && s(t, n), a) {
-        case "NATIONAL":
-          return L(u.formatNational());
-        case "NATIONAL_PART_OF_INTERNATIONAL":
-          return L(pt(u.formatInternational(), S(n, o)));
-        case "INTERNATIONAL":
-          throw new Error('`inputFormat: "INTERNATIONAL"` case should\'ve already been handled earlier in the code');
-        case "INTERNATIONAL_OR_NATIONAL":
-          throw new Error('`inputFormat: "INTERNATIONAL_OR_NATIONAL"` is not possible when `country` is fixed');
-        default:
-          throw new Error("Unknown `inputFormat`: ".concat(a));
-      }
-    else
-      return u.countryCallingCode && u.countryCallingCode === F(e, o) && r ? L(u.formatNational()) : t;
-  else
-    return "";
-}
-function Ft(t) {
-  var n = t.international, e = t.country, a = t.defaultCountry, r = t.withCountryCallingCode;
-  return e ? n ? r ? "INTERNATIONAL" : "NATIONAL_PART_OF_INTERNATIONAL" : "NATIONAL" : a ? "INTERNATIONAL_OR_NATIONAL" : "INTERNATIONAL";
-}
-var Rt = ["Component", "country", "defaultCountry", "useNationalFormatForDefaultCountryValue", "value", "onChange", "metadata", "international", "withCountryCallingCode"];
-function _() {
-  return _ = Object.assign ? Object.assign.bind() : function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var e = arguments[n];
-      for (var a in e)
-        Object.prototype.hasOwnProperty.call(e, a) && (t[a] = e[a]);
-    }
-    return t;
-  }, _.apply(this, arguments);
-}
-function jt(t, n) {
-  if (t == null) return {};
-  var e = Et(t, n), a, r;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    for (r = 0; r < o.length; r++)
-      a = o[r], !(n.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(t, a) && (e[a] = t[a]);
-  }
+import { createContext as t, useContext as o } from "react";
+const r = t(
+  void 0
+), n = () => {
+  const e = o(r);
+  if (!e)
+    throw new Error("useTableScroll must be used within TableScrollProvider");
   return e;
-}
-function Et(t, n) {
-  if (t == null) return {};
-  var e = {}, a = Object.keys(t), r, o;
-  for (o = 0; o < a.length; o++)
-    r = a[o], !(n.indexOf(r) >= 0) && (e[r] = t[r]);
-  return e;
-}
-function R(t, n) {
-  var e = t.Component, a = t.country, r = t.defaultCountry, o = t.useNationalFormatForDefaultCountryValue, s = o === void 0 ? !0 : o, f = t.value, c = t.onChange, u = t.metadata, l = t.international, y = t.withCountryCallingCode, C = jt(t, Rt), h = Pt({
-    value: f,
-    onChange: c,
-    country: a,
-    defaultCountry: r,
-    international: l,
-    withCountryCallingCode: y,
-    useNationalFormatForDefaultCountryValue: s,
-    metadata: u
-  }), j = h.phoneDigits, I = h.setPhoneDigits, E = h.inputFormat;
-  return /* @__PURE__ */ w.createElement(e, _({}, C, {
-    ref: n,
-    metadata: u,
-    inputFormat: E,
-    international: l,
-    withCountryCallingCode: y,
-    country: a || r,
-    value: j,
-    onChange: I
-  }));
-}
-R = /* @__PURE__ */ w.forwardRef(R);
-R.propTypes = {
-  /**
-   * The phone number (in E.164 format).
-   * Examples: `"+12"`, `"+12133734253"`.
-   * An "empty" `value` could be represented by any "falsy" value like `undefined`, `null` or an empty string `""`.
-   */
-  value: m.string,
-  /**
-   * A function of `value: string?`.
-   * Updates the `value` property (to `undefined` in case it's empty).
-   */
-  onChange: m.func.isRequired,
-  /**
-   * A two-letter country code for formatting `value`
-   * as a national phone number (example: `(213) 373-4253`),
-   * or as an international phone number without "country calling code"
-   * if `international` property is passed (example: `213 373 4253`).
-   * Example: "US".
-   * If no `country` is passed then `value`
-   * is formatted as an international phone number.
-   * (example: `+1 213 373 4253`)
-   */
-  country: m.string,
-  /**
-   * A two-letter country code for formatting `value`
-   * when a user inputs a national phone number (example: `(213) 373-4253`).
-   * The user can still input a phone number in international format.
-   * Example: "US".
-   * `country` and `defaultCountry` properties are mutually exclusive.
-   */
-  defaultCountry: m.string,
-  /**
-   * If `country` property is passed along with `international={true}` property
-   * then the phone number will be input in "international" format for that `country`
-   * (without "country calling code").
-   * For example, if `country="US"` property is passed to "without country select" input
-   * then the phone number will be input in the "national" format for `US` (`(213) 373-4253`).
-   * But if both `country="US"` and `international={true}` properties are passed then
-   * the phone number will be input in the "international" format for `US` (`213 373 4253`)
-   * (without "country calling code" `+1`).
-   */
-  international: m.bool,
-  /**
-   * If `country` and `international` properties are set,
-   * then by default it won't include "country calling code" in the input field.
-   * To change that, pass `withCountryCallingCode` property,
-   * and it will include "country calling code" in the input field.
-   */
-  withCountryCallingCode: m.bool,
-  /**
-   * A component that renders the `<input/>` itself and also
-   * parses and formats its `value` as the user inputs it.
-   * See `InputBasic.js` and `InputSmart.js` for an example.
-   */
-  Component: m.elementType.isRequired,
-  /**
-   * When `defaultCountry` is defined and the initial `value` corresponds to `defaultCountry`,
-   * then the `value` will be formatted as a national phone number by default.
-   * To format the initial `value` of `defaultCountry` as an international number instead
-   * set `useNationalFormatForDefaultCountryValue` property to `true`.
-   */
-  useNationalFormatForDefaultCountryValue: m.bool,
-  /**
-   * `libphonenumber-js` metadata.
-   */
-  metadata: mt
 };
-var Lt = ["type", "autoComplete", "smartCaret", "metadata"];
-function x() {
-  return x = Object.assign ? Object.assign.bind() : function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var e = arguments[n];
-      for (var a in e)
-        Object.prototype.hasOwnProperty.call(e, a) && (t[a] = e[a]);
-    }
-    return t;
-  }, x.apply(this, arguments);
-}
-function St(t, n) {
-  if (t == null) return {};
-  var e = _t(t, n), a, r;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    for (r = 0; r < o.length; r++)
-      a = o[r], !(n.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(t, a) && (e[a] = t[a]);
-  }
-  return e;
-}
-function _t(t, n) {
-  if (t == null) return {};
-  var e = {}, a = Object.keys(t), r, o;
-  for (o = 0; o < a.length; o++)
-    r = a[o], !(n.indexOf(r) >= 0) && (e[r] = t[r]);
-  return e;
-}
-function Q(t) {
-  function n(e, a) {
-    var r = e.type, o = r === void 0 ? "tel" : r, s = e.autoComplete, f = s === void 0 ? "tel" : s, c = e.smartCaret, u = c === void 0 ? !0 : c, l = e.metadata, y = l === void 0 ? t : l, C = St(e, Lt);
-    return /* @__PURE__ */ w.createElement(R, x({}, C, {
-      type: o,
-      autoComplete: f,
-      metadata: y,
-      ref: a,
-      Component: u ? dt : Ct
-    }));
-  }
-  return n = /* @__PURE__ */ w.forwardRef(n), n.propTypes = {
-    /**
-     * HTML `<input/>` `type` attribute.
-     */
-    type: m.string,
-    /**
-     * HTML `<input/>` `autocomplete` attribute.
-     */
-    autoComplete: m.string,
-    /**
-     * By default, the caret position is being "intelligently" managed
-     * while a user inputs a phone number.
-     * This "smart" caret behavior can be turned off
-     * by passing `smartCaret={false}` property.
-     * This is just an "escape hatch" for any possible caret position issues.
-     */
-    // Is `true` by default.
-    smartCaret: m.bool,
-    /**
-     * `libphonenumber-js` metadata.
-     */
-    metadata: m.object
-  }, n;
-}
-Q();
-function $(t, n) {
-  var e = Array.prototype.slice.call(n);
-  return e.push(K), t.apply(this, e);
-}
-Q(K);
-function H() {
-  return $(gt, arguments);
-}
-function G() {
-  return $(F, arguments);
-}
-function xt() {
-  return $(ht, arguments);
-}
-const $t = st(
-  ({
-    placeholder: t = "000 - 000 - 000",
-    disabled: n,
-    ...e
-  }, a) => {
-    const {
-      activeCountry: r,
-      isDisabled: o,
-      value: s,
-      onValueChange: f,
-      setActiveCountry: c
-    } = vt(), u = (l) => {
-      if (!l) return "";
-      const y = H(l);
-      if (y)
-        return y.nationalNumber;
-      let C = "";
-      return r && xt(r) && (C = G(r)), l.replace(`+${C}`, "");
-    };
-    return O(() => {
-      if (s && !r) {
-        const l = H(s);
-        l && c(l.country);
-      }
-    }, [r, c, s]), /* @__PURE__ */ q(
-      ft,
-      {
-        "data-slot": "phone-number-digit-field",
-        className: "mds:has-disabled:opacity-50",
-        children: [
-          /* @__PURE__ */ q("p", { className: Nt("mds:body-extrasmall-book"), children: [
-            "(+",
-            G(r || "US"),
-            ")"
-          ] }),
-          /* @__PURE__ */ it(
-            ct,
-            {
-              ...e,
-              disabled: n || o,
-              placeholder: t,
-              value: u(s),
-              onChange: (l) => {
-                const y = bt({
-                  value: l.target.value,
-                  activeCountry: r
-                });
-                f && (l.target.value = y.digit, f(y));
-              },
-              ref: a
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-$t.displayName = "PhoneNumberDigitField";
 export {
-  $t as PhoneNumberDigitField
+  r as TableContext,
+  n as useTableScroll
 };

package/dist/mainstack-design-system619.cjs

@@ -1,10 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),T=require("./index-hyBpqx_X.cjs"),I=require("./index-4R9KShCu.cjs"),N=require("./mainstack-design-system604.cjs"),s=require("react"),j=require("./MotionConfigContext-CY9MWLbl.cjs"),M=require("./use-presence-DO2ahDUQ.cjs");function A(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const E=A(s);function _(e,n){if(typeof e=="function")return e(n);e!=null&&(e.current=n)}function W(...e){return n=>{let t=!1;const o=e.map(i=>{const r=_(i,n);return!t&&typeof r=="function"&&(t=!0),r});if(t)return()=>{for(let i=0;i<o.length;i++){const r=o[i];typeof r=="function"?r():_(e[i],null)}}}}function H(...e){return E.useCallback(W(...e),e)}class K extends E.Component{getSnapshotBeforeUpdate(n){const t=this.props.childRef.current;if(t&&n.isPresent&&!this.props.isPresent){const o=t.offsetParent,i=j.isHTMLElement(o)&&o.offsetWidth||0,r=this.props.sizeRef.current;r.height=t.offsetHeight||0,r.width=t.offsetWidth||0,r.top=t.offsetTop,r.left=t.offsetLeft,r.right=i-r.width-r.left}return null}componentDidUpdate(){}render(){return this.props.children}}function U({children:e,isPresent:n,anchorX:t,root:o}){const i=s.useId(),r=s.useRef(null),m=s.useRef({width:0,height:0,top:0,left:0,right:0}),{nonce:x}=s.useContext(j.MotionConfigContext),R=H(r,e?.ref);return s.useInsertionEffect(()=>{const{width:c,height:g,top:l,left:d,right:p}=m.current;if(n||!r.current||!c||!g)return;const C=t==="left"?`left: ${d}`:`right: ${p}`;r.current.dataset.motionPopId=i;const a=document.createElement("style");x&&(a.nonce=x);const w=o??document.head;return w.appendChild(a),a.sheet&&a.sheet.insertRule(`
-          [data-motion-pop-id="${i}"] {
-            position: absolute !important;
-            width: ${c}px !important;
-            height: ${g}px !important;
-            ${C}px !important;
-            top: ${l}px !important;
-          }
-        `),()=>{w.contains(a)&&w.removeChild(a)}},[n]),f.jsx(K,{isPresent:n,childRef:r,sizeRef:m,children:E.cloneElement(e,{ref:R})})}const V=({children:e,initial:n,isPresent:t,onExitComplete:o,custom:i,presenceAffectsLayout:r,mode:m,anchorX:x,root:R})=>{const c=M.useConstant(X),g=s.useId();let l=!0,d=s.useMemo(()=>(l=!1,{id:g,initial:n,isPresent:t,custom:i,onExitComplete:p=>{c.set(p,!0);for(const C of c.values())if(!C)return;o&&o()},register:p=>(c.set(p,!1),()=>c.delete(p))}),[t,c,o]);return r&&l&&(d={...d}),s.useMemo(()=>{c.forEach((p,C)=>c.set(C,!1))},[t]),E.useEffect(()=>{!t&&!c.size&&o&&o()},[t]),m==="popLayout"&&(e=f.jsx(U,{isPresent:t,anchorX:x,root:R,children:e})),f.jsx(M.PresenceContext.Provider,{value:d,children:e})};function X(){return new Map}const y=e=>e.key||"";function $(e){const n=[];return s.Children.forEach(e,t=>{s.isValidElement(t)&&n.push(t)}),n}const k=({children:e,custom:n,initial:t=!0,onExitComplete:o,presenceAffectsLayout:i=!0,mode:r="sync",propagate:m=!1,anchorX:x="left",root:R})=>{const[c,g]=M.usePresence(m),l=s.useMemo(()=>$(e),[e]),d=m&&!c?[]:l.map(y),p=s.useRef(!0),C=s.useRef(l),a=M.useConstant(()=>new Map),[w,q]=s.useState(l),[v,z]=s.useState(l);j.useIsomorphicLayoutEffect(()=>{p.current=!1,C.current=l;for(let h=0;h<v.length;h++){const u=y(v[h]);d.includes(u)?a.delete(u):a.get(u)!==!0&&a.set(u,!1)}},[v,d.length,d.join("-")]);const b=[];if(l!==w){let h=[...l];for(let u=0;u<v.length;u++){const P=v[u],D=y(P);d.includes(D)||(h.splice(u,0,P),b.push(P))}return r==="wait"&&b.length&&(h=b),z($(h)),q(l),null}process.env.NODE_ENV!=="production"&&r==="wait"&&v.length>1&&console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);const{forceRender:S}=s.useContext(j.LayoutGroupContext);return f.jsx(f.Fragment,{children:v.map(h=>{const u=y(h),P=m&&!c?!1:l===v||d.includes(u),D=()=>{if(a.has(u))a.set(u,!0);else return;let O=!0;a.forEach(L=>{L||(O=!1)}),O&&(S?.(),z(C.current),m&&g?.(),o&&o())};return f.jsx(V,{isPresent:P,initial:!p.current||t?void 0:!1,custom:n,presenceAffectsLayout:i,mode:r,root:R,onExitComplete:P?void 0:D,anchorX:x,children:h},u)})})},B=({children:e,...n})=>{const{isDesktop:t,open:o}=N.useResponsivePopoverDrawerContext();return t?f.jsx(I.PopoverPortal,{forceMount:!0,...n,children:f.jsx(k,{children:o?f.jsx("div",{className:"mds:relative mds:z-100","data-slot":"responsive-popover-drawer-portal",children:e}):null})}):f.jsx(T.Drawer.Portal,{forceMount:!0,"data-slot":"responsive-popover-drawer-portal",...n,children:f.jsx(k,{children:o?f.jsx("div",{className:"mds:relative mds:z-100","data-slot":"responsive-popover-drawer-portal",children:e}):null})})};exports.ResponsivePopoverDrawerPortal=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),e=n.createContext(null),o=()=>{const t=n.useContext(e);if(!t)throw new Error("usePagination must be used within PaginationProvider");return t};exports.PaginationContext=e;exports.usePagination=o;

package/dist/mainstack-design-system619.js

@@ -1,178 +1,14 @@
 'use client';
-import { jsx as a, Fragment as S } from "react/jsx-runtime";
-import { D as U } from "./index-eeqUt-Tb.js";
-import { b as V } from "./index-RoCFhqzC.js";
-import { useResponsivePopoverDrawerContext as X } from "./mainstack-design-system604.js";
-import * as E from "react";
-import { useId as T, useRef as x, useContext as A, useInsertionEffect as _, useMemo as z, Children as B, isValidElement as F, useState as b } from "react";
-import { M as G, i as O, u as Y, L as q } from "./MotionConfigContext-SYEZVO_k.js";
-import { u as W, P as J, b as Q } from "./use-presence-Dept-wE7.js";
-function k(e, r) {
-  if (typeof e == "function")
-    return e(r);
-  e != null && (e.current = r);
-}
-function Z(...e) {
-  return (r) => {
-    let t = !1;
-    const o = e.map((s) => {
-      const n = k(s, r);
-      return !t && typeof n == "function" && (t = !0), n;
-    });
-    if (t)
-      return () => {
-        for (let s = 0; s < o.length; s++) {
-          const n = o[s];
-          typeof n == "function" ? n() : k(e[s], null);
-        }
-      };
-  };
-}
-function ee(...e) {
-  return E.useCallback(Z(...e), e);
-}
-class te extends E.Component {
-  getSnapshotBeforeUpdate(r) {
-    const t = this.props.childRef.current;
-    if (t && r.isPresent && !this.props.isPresent) {
-      const o = t.offsetParent, s = O(o) && o.offsetWidth || 0, n = this.props.sizeRef.current;
-      n.height = t.offsetHeight || 0, n.width = t.offsetWidth || 0, n.top = t.offsetTop, n.left = t.offsetLeft, n.right = s - n.width - n.left;
-    }
-    return null;
-  }
-  /**
-   * Required with getSnapshotBeforeUpdate to stop React complaining.
-   */
-  componentDidUpdate() {
-  }
-  render() {
-    return this.props.children;
-  }
-}
-function ne({ children: e, isPresent: r, anchorX: t, root: o }) {
-  const s = T(), n = x(null), h = x({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0,
-    right: 0
-  }), { nonce: v } = A(G), P = ee(n, e?.ref);
-  return _(() => {
-    const { width: i, height: g, top: l, left: u, right: p } = h.current;
-    if (r || !n.current || !i || !g)
-      return;
-    const m = t === "left" ? `left: ${u}` : `right: ${p}`;
-    n.current.dataset.motionPopId = s;
-    const f = document.createElement("style");
-    v && (f.nonce = v);
-    const y = o ?? document.head;
-    return y.appendChild(f), f.sheet && f.sheet.insertRule(`
-          [data-motion-pop-id="${s}"] {
-            position: absolute !important;
-            width: ${i}px !important;
-            height: ${g}px !important;
-            ${m}px !important;
-            top: ${l}px !important;
-          }
-        `), () => {
-      y.contains(f) && y.removeChild(f);
-    };
-  }, [r]), a(te, { isPresent: r, childRef: n, sizeRef: h, children: E.cloneElement(e, { ref: P }) });
-}
-const re = ({ children: e, initial: r, isPresent: t, onExitComplete: o, custom: s, presenceAffectsLayout: n, mode: h, anchorX: v, root: P }) => {
-  const i = W(oe), g = T();
-  let l = !0, u = z(() => (l = !1, {
-    id: g,
-    initial: r,
-    isPresent: t,
-    custom: s,
-    onExitComplete: (p) => {
-      i.set(p, !0);
-      for (const m of i.values())
-        if (!m)
-          return;
-      o && o();
-    },
-    register: (p) => (i.set(p, !1), () => i.delete(p))
-  }), [t, i, o]);
-  return n && l && (u = { ...u }), z(() => {
-    i.forEach((p, m) => i.set(m, !1));
-  }, [t]), E.useEffect(() => {
-    !t && !i.size && o && o();
-  }, [t]), h === "popLayout" && (e = a(ne, { isPresent: t, anchorX: v, root: P, children: e })), a(J.Provider, { value: u, children: e });
-};
-function oe() {
-  return /* @__PURE__ */ new Map();
-}
-const R = (e) => e.key || "";
-function I(e) {
-  const r = [];
-  return B.forEach(e, (t) => {
-    F(t) && r.push(t);
-  }), r;
-}
-const N = ({ children: e, custom: r, initial: t = !0, onExitComplete: o, presenceAffectsLayout: s = !0, mode: n = "sync", propagate: h = !1, anchorX: v = "left", root: P }) => {
-  const [i, g] = Q(h), l = z(() => I(e), [e]), u = h && !i ? [] : l.map(R), p = x(!0), m = x(l), f = W(() => /* @__PURE__ */ new Map()), [y, j] = b(l), [C, L] = b(l);
-  Y(() => {
-    p.current = !1, m.current = l;
-    for (let d = 0; d < C.length; d++) {
-      const c = R(C[d]);
-      u.includes(c) ? f.delete(c) : f.get(c) !== !0 && f.set(c, !1);
-    }
-  }, [C, u.length, u.join("-")]);
-  const M = [];
-  if (l !== y) {
-    let d = [...l];
-    for (let c = 0; c < C.length; c++) {
-      const w = C[c], D = R(w);
-      u.includes(D) || (d.splice(c, 0, w), M.push(w));
-    }
-    return n === "wait" && M.length && (d = M), L(I(d)), j(l), null;
-  }
-  process.env.NODE_ENV !== "production" && n === "wait" && C.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-  const { forceRender: H } = A(q);
-  return a(S, { children: C.map((d) => {
-    const c = R(d), w = h && !i ? !1 : l === C || u.includes(c), D = () => {
-      if (f.has(c))
-        f.set(c, !0);
-      else
-        return;
-      let $ = !0;
-      f.forEach((K) => {
-        K || ($ = !1);
-      }), $ && (H?.(), L(m.current), h && g?.(), o && o());
-    };
-    return a(re, { isPresent: w, initial: !p.current || t ? void 0 : !1, custom: r, presenceAffectsLayout: s, mode: n, root: P, onExitComplete: w ? void 0 : D, anchorX: v, children: d }, c);
-  }) });
-}, pe = ({
-  children: e,
-  ...r
-}) => {
-  const { isDesktop: t, open: o } = X();
-  return t ? /* @__PURE__ */ a(V, { forceMount: !0, ...r, children: /* @__PURE__ */ a(N, { children: o ? /* @__PURE__ */ a(
-    "div",
-    {
-      className: "mds:relative mds:z-100",
-      "data-slot": "responsive-popover-drawer-portal",
-      children: e
-    }
-  ) : null }) }) : /* @__PURE__ */ a(
-    U.Portal,
-    {
-      forceMount: !0,
-      "data-slot": "responsive-popover-drawer-portal",
-      ...r,
-      children: /* @__PURE__ */ a(N, { children: o ? /* @__PURE__ */ a(
-        "div",
-        {
-          className: "mds:relative mds:z-100",
-          "data-slot": "responsive-popover-drawer-portal",
-          children: e
-        }
-      ) : null })
-    }
-  );
+import { createContext as n, useContext as o } from "react";
+const e = n(
+  null
+), r = () => {
+  const t = o(e);
+  if (!t)
+    throw new Error("usePagination must be used within PaginationProvider");
+  return t;
 };
 export {
-  pe as ResponsivePopoverDrawerPortal
+  e as PaginationContext,
+  r as usePagination
 };

package/dist/mainstack-design-system62.cjs

@@ -1 +1 @@
-"use strict";const C=require("react/jsx-runtime"),s=require("./mainstack-design-system357.cjs"),e=({...r})=>C.jsx(s,{...r,children:C.jsx("g",{mask:"url(#mask0_1726_1069)",children:C.jsx("path",{d:"M6.00002 19.6153C5.55585 19.6153 5.1756 19.4571 4.85927 19.1408C4.54293 18.8244 4.38477 18.4442 4.38477 18C4.38477 17.5558 4.54293 17.1756 4.85927 16.8593C5.1756 16.5429 5.55585 16.3848 6.00002 16.3848C6.44418 16.3848 6.82443 16.5429 7.14077 16.8593C7.4571 17.1756 7.61527 17.5558 7.61527 18C7.61527 18.4442 7.4571 18.8244 7.14077 19.1408C6.82443 19.4571 6.44418 19.6153 6.00002 19.6153ZM12 19.6153C11.5558 19.6153 11.1756 19.4571 10.8593 19.1408C10.5429 18.8244 10.3848 18.4442 10.3848 18C10.3848 17.5558 10.5429 17.1756 10.8593 16.8593C11.1756 16.5429 11.5558 16.3848 12 16.3848C12.4442 16.3848 12.8244 16.5429 13.1408 16.8593C13.4571 17.1756 13.6153 17.5558 13.6153 18C13.6153 18.4442 13.4571 18.8244 13.1408 19.1408C12.8244 19.4571 12.4442 19.6153 12 19.6153ZM18 19.6153C17.5558 19.6153 17.1756 19.4571 16.8593 19.1408C16.5429 18.8244 16.3848 18.4442 16.3848 18C16.3848 17.5558 16.5429 17.1756 16.8593 16.8593C17.1756 16.5429 17.5558 16.3848 18 16.3848C18.4442 16.3848 18.8244 16.5429 19.1408 16.8593C19.4571 17.1756 19.6153 17.5558 19.6153 18C19.6153 18.4442 19.4571 18.8244 19.1408 19.1408C18.8244 19.4571 18.4442 19.6153 18 19.6153ZM6.00002 13.6153C5.55585 13.6153 5.1756 13.4571 4.85927 13.1408C4.54293 12.8244 4.38477 12.4442 4.38477 12C4.38477 11.5558 4.54293 11.1756 4.85927 10.8593C5.1756 10.5429 5.55585 10.3848 6.00002 10.3848C6.44418 10.3848 6.82443 10.5429 7.14077 10.8593C7.4571 11.1756 7.61527 11.5558 7.61527 12C7.61527 12.4442 7.4571 12.8244 7.14077 13.1408C6.82443 13.4571 6.44418 13.6153 6.00002 13.6153ZM12 13.6153C11.5558 13.6153 11.1756 13.4571 10.8593 13.1408C10.5429 12.8244 10.3848 12.4442 10.3848 12C10.3848 11.5558 10.5429 11.1756 10.8593 10.8593C11.1756 10.5429 11.5558 10.3848 12 10.3848C12.4442 10.3848 12.8244 10.5429 13.1408 10.8593C13.4571 11.1756 13.6153 11.5558 13.6153 12C13.6153 12.4442 13.4571 12.8244 13.1408 13.1408C12.8244 13.4571 12.4442 13.6153 12 13.6153ZM18 13.6153C17.5558 13.6153 17.1756 13.4571 16.8593 13.1408C16.5429 12.8244 16.3848 12.4442 16.3848 12C16.3848 11.5558 16.5429 11.1756 16.8593 10.8593C17.1756 10.5429 17.5558 10.3848 18 10.3848C18.4442 10.3848 18.8244 10.5429 19.1408 10.8593C19.4571 11.1756 19.6153 11.5558 19.6153 12C19.6153 12.4442 19.4571 12.8244 19.1408 13.1408C18.8244 13.4571 18.4442 13.6153 18 13.6153ZM6.00002 7.61526C5.55585 7.61526 5.1756 7.4571 4.85927 7.14077C4.54293 6.82443 4.38477 6.44418 4.38477 6.00002C4.38477 5.55585 4.54293 5.1756 4.85927 4.85927C5.1756 4.54293 5.55585 4.38477 6.00002 4.38477C6.44418 4.38477 6.82443 4.54293 7.14077 4.85927C7.4571 5.1756 7.61527 5.55585 7.61527 6.00002C7.61527 6.44418 7.4571 6.82443 7.14077 7.14077C6.82443 7.4571 6.44418 7.61526 6.00002 7.61526ZM12 7.61526C11.5558 7.61526 11.1756 7.4571 10.8593 7.14077C10.5429 6.82443 10.3848 6.44418 10.3848 6.00002C10.3848 5.55585 10.5429 5.1756 10.8593 4.85927C11.1756 4.54293 11.5558 4.38477 12 4.38477C12.4442 4.38477 12.8244 4.54293 13.1408 4.85927C13.4571 5.1756 13.6153 5.55585 13.6153 6.00002C13.6153 6.44418 13.4571 6.82443 13.1408 7.14077C12.8244 7.4571 12.4442 7.61526 12 7.61526ZM18 7.61526C17.5558 7.61526 17.1756 7.4571 16.8593 7.14077C16.5429 6.82443 16.3848 6.44418 16.3848 6.00002C16.3848 5.55585 16.5429 5.1756 16.8593 4.85927C17.1756 4.54293 17.5558 4.38477 18 4.38477C18.4442 4.38477 18.8244 4.54293 19.1408 4.85927C19.4571 5.1756 19.6153 5.55585 19.6153 6.00002C19.6153 6.44418 19.4571 6.82443 19.1408 7.14077C18.8244 7.4571 18.4442 7.61526 18 7.61526Z",fill:"currentColor"})})});module.exports=e;
+"use strict";const C=require("react/jsx-runtime"),s=require("./mainstack-design-system366.cjs"),e=({...r})=>C.jsx(s,{...r,children:C.jsx("g",{mask:"url(#mask0_1726_1069)",children:C.jsx("path",{d:"M6.00002 19.6153C5.55585 19.6153 5.1756 19.4571 4.85927 19.1408C4.54293 18.8244 4.38477 18.4442 4.38477 18C4.38477 17.5558 4.54293 17.1756 4.85927 16.8593C5.1756 16.5429 5.55585 16.3848 6.00002 16.3848C6.44418 16.3848 6.82443 16.5429 7.14077 16.8593C7.4571 17.1756 7.61527 17.5558 7.61527 18C7.61527 18.4442 7.4571 18.8244 7.14077 19.1408C6.82443 19.4571 6.44418 19.6153 6.00002 19.6153ZM12 19.6153C11.5558 19.6153 11.1756 19.4571 10.8593 19.1408C10.5429 18.8244 10.3848 18.4442 10.3848 18C10.3848 17.5558 10.5429 17.1756 10.8593 16.8593C11.1756 16.5429 11.5558 16.3848 12 16.3848C12.4442 16.3848 12.8244 16.5429 13.1408 16.8593C13.4571 17.1756 13.6153 17.5558 13.6153 18C13.6153 18.4442 13.4571 18.8244 13.1408 19.1408C12.8244 19.4571 12.4442 19.6153 12 19.6153ZM18 19.6153C17.5558 19.6153 17.1756 19.4571 16.8593 19.1408C16.5429 18.8244 16.3848 18.4442 16.3848 18C16.3848 17.5558 16.5429 17.1756 16.8593 16.8593C17.1756 16.5429 17.5558 16.3848 18 16.3848C18.4442 16.3848 18.8244 16.5429 19.1408 16.8593C19.4571 17.1756 19.6153 17.5558 19.6153 18C19.6153 18.4442 19.4571 18.8244 19.1408 19.1408C18.8244 19.4571 18.4442 19.6153 18 19.6153ZM6.00002 13.6153C5.55585 13.6153 5.1756 13.4571 4.85927 13.1408C4.54293 12.8244 4.38477 12.4442 4.38477 12C4.38477 11.5558 4.54293 11.1756 4.85927 10.8593C5.1756 10.5429 5.55585 10.3848 6.00002 10.3848C6.44418 10.3848 6.82443 10.5429 7.14077 10.8593C7.4571 11.1756 7.61527 11.5558 7.61527 12C7.61527 12.4442 7.4571 12.8244 7.14077 13.1408C6.82443 13.4571 6.44418 13.6153 6.00002 13.6153ZM12 13.6153C11.5558 13.6153 11.1756 13.4571 10.8593 13.1408C10.5429 12.8244 10.3848 12.4442 10.3848 12C10.3848 11.5558 10.5429 11.1756 10.8593 10.8593C11.1756 10.5429 11.5558 10.3848 12 10.3848C12.4442 10.3848 12.8244 10.5429 13.1408 10.8593C13.4571 11.1756 13.6153 11.5558 13.6153 12C13.6153 12.4442 13.4571 12.8244 13.1408 13.1408C12.8244 13.4571 12.4442 13.6153 12 13.6153ZM18 13.6153C17.5558 13.6153 17.1756 13.4571 16.8593 13.1408C16.5429 12.8244 16.3848 12.4442 16.3848 12C16.3848 11.5558 16.5429 11.1756 16.8593 10.8593C17.1756 10.5429 17.5558 10.3848 18 10.3848C18.4442 10.3848 18.8244 10.5429 19.1408 10.8593C19.4571 11.1756 19.6153 11.5558 19.6153 12C19.6153 12.4442 19.4571 12.8244 19.1408 13.1408C18.8244 13.4571 18.4442 13.6153 18 13.6153ZM6.00002 7.61526C5.55585 7.61526 5.1756 7.4571 4.85927 7.14077C4.54293 6.82443 4.38477 6.44418 4.38477 6.00002C4.38477 5.55585 4.54293 5.1756 4.85927 4.85927C5.1756 4.54293 5.55585 4.38477 6.00002 4.38477C6.44418 4.38477 6.82443 4.54293 7.14077 4.85927C7.4571 5.1756 7.61527 5.55585 7.61527 6.00002C7.61527 6.44418 7.4571 6.82443 7.14077 7.14077C6.82443 7.4571 6.44418 7.61526 6.00002 7.61526ZM12 7.61526C11.5558 7.61526 11.1756 7.4571 10.8593 7.14077C10.5429 6.82443 10.3848 6.44418 10.3848 6.00002C10.3848 5.55585 10.5429 5.1756 10.8593 4.85927C11.1756 4.54293 11.5558 4.38477 12 4.38477C12.4442 4.38477 12.8244 4.54293 13.1408 4.85927C13.4571 5.1756 13.6153 5.55585 13.6153 6.00002C13.6153 6.44418 13.4571 6.82443 13.1408 7.14077C12.8244 7.4571 12.4442 7.61526 12 7.61526ZM18 7.61526C17.5558 7.61526 17.1756 7.4571 16.8593 7.14077C16.5429 6.82443 16.3848 6.44418 16.3848 6.00002C16.3848 5.55585 16.5429 5.1756 16.8593 4.85927C17.1756 4.54293 17.5558 4.38477 18 4.38477C18.4442 4.38477 18.8244 4.54293 19.1408 4.85927C19.4571 5.1756 19.6153 5.55585 19.6153 6.00002C19.6153 6.44418 19.4571 6.82443 19.1408 7.14077C18.8244 7.4571 18.4442 7.61526 18 7.61526Z",fill:"currentColor"})})});module.exports=e;

package/dist/mainstack-design-system62.js

@@ -1,5 +1,5 @@
 import { jsx as C } from "react/jsx-runtime";
-import o from "./mainstack-design-system357.js";
+import o from "./mainstack-design-system366.js";
 const p = ({ ...r }) => /* @__PURE__ */ C(o, { ...r, children: /* @__PURE__ */ C("g", { mask: "url(#mask0_1726_1069)", children: /* @__PURE__ */ C(
   "path",
   {