mainstack-design-system 1.9.3 → 1.11.0

package/dist/mainstack-design-system606.cjs

@@ -1,10 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),q=require("./index-hyBpqx_X.cjs"),T=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system590.cjs"),o=require("react"),w=require("./use-presence-DO2ahDUQ.cjs");function N(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const E=N(o),A=o.createContext({}),H=w.isBrowser?o.useLayoutEffect:o.useEffect;function W(e){return w.isObject(e)&&"offsetHeight"in e}const B=o.createContext({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"});function z(e,n){if(typeof e=="function")return e(n);e!=null&&(e.current=n)}function K(...e){return n=>{let t=!1;const r=e.map(i=>{const s=z(i,n);return!t&&typeof s=="function"&&(t=!0),s});if(t)return()=>{for(let i=0;i<r.length;i++){const s=r[i];typeof s=="function"?s():z(e[i],null)}}}}function U(...e){return E.useCallback(K(...e),e)}class V extends E.Component{getSnapshotBeforeUpdate(n){const t=this.props.childRef.current;if(t&&n.isPresent&&!this.props.isPresent){const r=t.offsetParent,i=W(r)&&r.offsetWidth||0,s=this.props.sizeRef.current;s.height=t.offsetHeight||0,s.width=t.offsetWidth||0,s.top=t.offsetTop,s.left=t.offsetLeft,s.right=i-s.width-s.left}return null}componentDidUpdate(){}render(){return this.props.children}}function X({children:e,isPresent:n,anchorX:t,root:r}){const i=o.useId(),s=o.useRef(null),m=o.useRef({width:0,height:0,top:0,left:0,right:0}),{nonce:x}=o.useContext(B),y=U(s,e?.ref);return o.useInsertionEffect(()=>{const{width:c,height:g,top:u,left:d,right:p}=m.current;if(n||!s.current||!c||!g)return;const C=t==="left"?`left: ${d}`:`right: ${p}`;s.current.dataset.motionPopId=i;const a=document.createElement("style");x&&(a.nonce=x);const R=r??document.head;return R.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: ${u}px !important;
-          }
-        `),()=>{R.contains(a)&&R.removeChild(a)}},[n]),f.jsx(V,{isPresent:n,childRef:s,sizeRef:m,children:E.cloneElement(e,{ref:y})})}const F=({children:e,initial:n,isPresent:t,onExitComplete:r,custom:i,presenceAffectsLayout:s,mode:m,anchorX:x,root:y})=>{const c=w.useConstant(G),g=o.useId();let u=!0,d=o.useMemo(()=>(u=!1,{id:g,initial:n,isPresent:t,custom:i,onExitComplete:p=>{c.set(p,!0);for(const C of c.values())if(!C)return;r&&r()},register:p=>(c.set(p,!1),()=>c.delete(p))}),[t,c,r]);return s&&u&&(d={...d}),o.useMemo(()=>{c.forEach((p,C)=>c.set(C,!1))},[t]),E.useEffect(()=>{!t&&!c.size&&r&&r()},[t]),m==="popLayout"&&(e=f.jsx(X,{isPresent:t,anchorX:x,root:y,children:e})),f.jsx(w.PresenceContext.Provider,{value:d,children:e})};function G(){return new Map}const j=e=>e.key||"";function S(e){const n=[];return o.Children.forEach(e,t=>{o.isValidElement(t)&&n.push(t)}),n}const _=({children:e,custom:n,initial:t=!0,onExitComplete:r,presenceAffectsLayout:i=!0,mode:s="sync",propagate:m=!1,anchorX:x="left",root:y})=>{const[c,g]=w.usePresence(m),u=o.useMemo(()=>S(e),[e]),d=m&&!c?[]:u.map(j),p=o.useRef(!0),C=o.useRef(u),a=w.useConstant(()=>new Map),[R,$]=o.useState(u),[v,D]=o.useState(u);H(()=>{p.current=!1,C.current=u;for(let h=0;h<v.length;h++){const l=j(v[h]);d.includes(l)?a.delete(l):a.get(l)!==!0&&a.set(l,!1)}},[v,d.length,d.join("-")]);const M=[];if(u!==R){let h=[...u];for(let l=0;l<v.length;l++){const P=v[l],b=j(P);d.includes(b)||(h.splice(l,0,P),M.push(P))}return s==="wait"&&M.length&&(h=M),D(S(h)),$(u),null}process.env.NODE_ENV!=="production"&&s==="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:k}=o.useContext(A);return f.jsx(f.Fragment,{children:v.map(h=>{const l=j(h),P=m&&!c?!1:u===v||d.includes(l),b=()=>{if(a.has(l))a.set(l,!0);else return;let O=!0;a.forEach(L=>{L||(O=!1)}),O&&(k?.(),D(C.current),m&&g?.(),r&&r())};return f.jsx(F,{isPresent:P,initial:!p.current||t?void 0:!1,custom:n,presenceAffectsLayout:i,mode:s,root:y,onExitComplete:P?void 0:b,anchorX:x,children:h},l)})})},Y=({children:e,...n})=>{const{isDesktop:t,open:r}=I.useResponsivePopoverDrawerContext();return t?f.jsx(T.PopoverPortal,{forceMount:!0,...n,children:f.jsx(_,{children:r?f.jsx("div",{className:"mds:relative mds:z-100","data-slot":"responsive-popover-drawer-portal",children:e}):null})}):f.jsx(q.Drawer.Portal,{forceMount:!0,"data-slot":"responsive-popover-drawer-portal",...n,children:f.jsx(_,{children:r?f.jsx("div",{className:"mds:relative mds:z-100","data-slot":"responsive-popover-drawer-portal",children:e}):null})})};exports.ResponsivePopoverDrawerPortal=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),G=require("./utils-sX9NhwD-.cjs");require("./mainstack-design-system357.cjs");const B=require("./mainstack-design-system248.cjs");require("react");require("./player-8drl4TJX.cjs");const T=["AC","AD","AE","AF","AG","AI","AL","AM","AO","AQ","AR","AS","AT","AU","AW","AX","AZ","BA","BB","BD","BE","BF","BG","BH","BI","BJ","BL","BM","BN","BO","BQ-BO","BQ-SA","BQ-SE","BQ","BR","BS","BT","BV","BW","BY","BZ","CA","CC","CD","CF","CG","CH","CI","CK","CL","CM","CN","CO","CR","CU","CV","CW","CX","CY","CZ","DE","DJ","DK","DM","DO","DZ","EC","EE","EG","EH","ER","ES-CT","ES","ET","EU","FI","FJ","FK","FM","FO","FR","GA","GB-ENG","GB-NIR","GB-SCT","GB-WLS","GB","GD","GE","GF","GG","GH","GI","GL","GM","GN","GP","GQ","GR","GS","GT","GU","GW","GY","HK","HM","HN","HR","HT","HU","IC","ID","IE","IL","IM","IN","IO","IQ","IR","IS","IT","JE","JM","JO","JP","KE","KG","KH","KI","KM","KN","KP","KR","KW","KY","KZ","LA","LB","LC","LI","LK","LR","LS","LT","LU","LV","LY","MA","MC","MD","ME","MF","MG","MH","MK","ML","MM","MN","MO","MP","MQ","MR","MS","MT","MU","MV","MW","MX","MY","MZ","NA","NC","NE","NF","NG","NI","NL","NO","NP","NR","NU","NZ","OM","PA","PE","PF","PG","PH","PK","PL","PM","PN","PR","PS","PT","PW","PY","QA","RE","RO","RS","RU","RW","SA","SB","SC","SD","SE","SG","SH","SI","SJ","SK","SL","SM","SN","SO","SR","SS","ST","SV","SX","SY","SZ","TA","TC","TD","TF","TG","TH","TJ","TK","TL","TM","TN","TO","TR","TT","TV","TW","TZ","UA","UG","UM","US","UY","UZ","VA","VC","VE","VG","VI","VN","VU","WF","WS","XA","XC","XK","XO","YE","YT","ZA","ZM","ZW"];function A(M){return T.indexOf(M)>=0}const E=(M,S)=>{const e=C.jsx(B,{className:G.cn("mds:size-20",S)});return!M||!A(M)?e:C.jsx("span",{className:G.cn(`flag:${M}`,"mds:size-20! mds:min-w-20 mds:overflow-hidden mds:rounded-full",S)})};exports.getCountryFlagComp=E;

package/dist/mainstack-design-system606.js

@@ -1,186 +1,26 @@
-'use client';
-import { jsx as a, Fragment as K } from "react/jsx-runtime";
-import { D as O } from "./index-eeqUt-Tb.js";
-import { b as U } from "./index-RoCFhqzC.js";
-import { useResponsivePopoverDrawerContext as V } from "./mainstack-design-system590.js";
-import * as E from "react";
-import { createContext as T, useLayoutEffect as X, useEffect as _, useId as j, useRef as R, useContext as A, useInsertionEffect as F, useMemo as b, Children as G, isValidElement as Y, useState as $ } from "react";
-import { i as q, a as J, u as H, P as Q, b as Z } from "./use-presence-Dept-wE7.js";
-const ee = T({}), te = q ? X : _;
-function ne(e) {
-  return J(e) && "offsetHeight" in e;
-}
-const oe = T({
-  transformPagePoint: (e) => e,
-  isStatic: !1,
-  reducedMotion: "never"
-});
-function k(e, o) {
-  if (typeof e == "function")
-    return e(o);
-  e != null && (e.current = o);
-}
-function re(...e) {
-  return (o) => {
-    let t = !1;
-    const r = e.map((s) => {
-      const n = k(s, o);
-      return !t && typeof n == "function" && (t = !0), n;
-    });
-    if (t)
-      return () => {
-        for (let s = 0; s < r.length; s++) {
-          const n = r[s];
-          typeof n == "function" ? n() : k(e[s], null);
-        }
-      };
-  };
-}
-function se(...e) {
-  return E.useCallback(re(...e), e);
-}
-class ie extends E.Component {
-  getSnapshotBeforeUpdate(o) {
-    const t = this.props.childRef.current;
-    if (t && o.isPresent && !this.props.isPresent) {
-      const r = t.offsetParent, s = ne(r) && r.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 ce({ children: e, isPresent: o, anchorX: t, root: r }) {
-  const s = j(), n = R(null), h = R({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0,
-    right: 0
-  }), { nonce: v } = A(oe), P = se(n, e?.ref);
-  return F(() => {
-    const { width: i, height: g, top: c, left: u, right: d } = h.current;
-    if (o || !n.current || !i || !g)
-      return;
-    const m = t === "left" ? `left: ${u}` : `right: ${d}`;
-    n.current.dataset.motionPopId = s;
-    const f = document.createElement("style");
-    v && (f.nonce = v);
-    const y = r ?? 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: ${c}px !important;
-          }
-        `), () => {
-      y.contains(f) && y.removeChild(f);
-    };
-  }, [o]), a(ie, { isPresent: o, childRef: n, sizeRef: h, children: E.cloneElement(e, { ref: P }) });
-}
-const le = ({ children: e, initial: o, isPresent: t, onExitComplete: r, custom: s, presenceAffectsLayout: n, mode: h, anchorX: v, root: P }) => {
-  const i = H(fe), g = j();
-  let c = !0, u = b(() => (c = !1, {
-    id: g,
-    initial: o,
-    isPresent: t,
-    custom: s,
-    onExitComplete: (d) => {
-      i.set(d, !0);
-      for (const m of i.values())
-        if (!m)
-          return;
-      r && r();
-    },
-    register: (d) => (i.set(d, !1), () => i.delete(d))
-  }), [t, i, r]);
-  return n && c && (u = { ...u }), b(() => {
-    i.forEach((d, m) => i.set(m, !1));
-  }, [t]), E.useEffect(() => {
-    !t && !i.size && r && r();
-  }, [t]), h === "popLayout" && (e = a(ce, { isPresent: t, anchorX: v, root: P, children: e })), a(Q.Provider, { value: u, children: e });
-};
-function fe() {
-  return /* @__PURE__ */ new Map();
-}
-const x = (e) => e.key || "";
-function I(e) {
-  const o = [];
-  return G.forEach(e, (t) => {
-    Y(t) && o.push(t);
-  }), o;
-}
-const N = ({ children: e, custom: o, initial: t = !0, onExitComplete: r, presenceAffectsLayout: s = !0, mode: n = "sync", propagate: h = !1, anchorX: v = "left", root: P }) => {
-  const [i, g] = Z(h), c = b(() => I(e), [e]), u = h && !i ? [] : c.map(x), d = R(!0), m = R(c), f = H(() => /* @__PURE__ */ new Map()), [y, S] = $(c), [C, z] = $(c);
-  te(() => {
-    d.current = !1, m.current = c;
-    for (let p = 0; p < C.length; p++) {
-      const l = x(C[p]);
-      u.includes(l) ? f.delete(l) : f.get(l) !== !0 && f.set(l, !1);
-    }
-  }, [C, u.length, u.join("-")]);
-  const M = [];
-  if (c !== y) {
-    let p = [...c];
-    for (let l = 0; l < C.length; l++) {
-      const w = C[l], D = x(w);
-      u.includes(D) || (p.splice(l, 0, w), M.push(w));
-    }
-    return n === "wait" && M.length && (p = M), z(I(p)), S(c), 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: W } = A(ee);
-  return a(K, { children: C.map((p) => {
-    const l = x(p), w = h && !i ? !1 : c === C || u.includes(l), D = () => {
-      if (f.has(l))
-        f.set(l, !0);
-      else
-        return;
-      let L = !0;
-      f.forEach((B) => {
-        B || (L = !1);
-      }), L && (W?.(), z(m.current), h && g?.(), r && r());
-    };
-    return a(le, { isPresent: w, initial: !d.current || t ? void 0 : !1, custom: o, presenceAffectsLayout: s, mode: n, root: P, onExitComplete: w ? void 0 : D, anchorX: v, children: p }, l);
-  }) });
-}, Ce = ({
-  children: e,
-  ...o
-}) => {
-  const { isDesktop: t, open: r } = V();
-  return t ? /* @__PURE__ */ a(U, { forceMount: !0, ...o, children: /* @__PURE__ */ a(N, { children: r ? /* @__PURE__ */ a(
-    "div",
-    {
-      className: "mds:relative mds:z-100",
-      "data-slot": "responsive-popover-drawer-portal",
-      children: e
-    }
-  ) : null }) }) : /* @__PURE__ */ a(
-    O.Portal,
+import { jsx as G } from "react/jsx-runtime";
+import { c as C } from "./utils-BuJ7DVbu.js";
+import "./mainstack-design-system357.js";
+import A from "./mainstack-design-system248.js";
+import "react";
+import "./player-C7Vjl1Lb.js";
+const T = ["AC", "AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AQ", "AR", "AS", "AT", "AU", "AW", "AX", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ-BO", "BQ-SA", "BQ-SE", "BQ", "BR", "BS", "BT", "BV", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CX", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "EH", "ER", "ES-CT", "ES", "ET", "EU", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB-ENG", "GB-NIR", "GB-SCT", "GB-WLS", "GB", "GD", "GE", "GF", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GS", "GT", "GU", "GW", "GY", "HK", "HM", "HN", "HR", "HT", "HU", "IC", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MF", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NC", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PM", "PN", "PR", "PS", "PT", "PW", "PY", "QA", "RE", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SH", "SI", "SJ", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TA", "TC", "TD", "TF", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "UM", "US", "UY", "UZ", "VA", "VC", "VE", "VG", "VI", "VN", "VU", "WF", "WS", "XA", "XC", "XK", "XO", "YE", "YT", "ZA", "ZM", "ZW"];
+function E(M) {
+  return T.indexOf(M) >= 0;
+}
+const o = (M, S) => {
+  const B = /* @__PURE__ */ G(A, { className: C("mds:size-20", S) });
+  return !M || !E(M) ? B : /* @__PURE__ */ G(
+    "span",
     {
-      forceMount: !0,
-      "data-slot": "responsive-popover-drawer-portal",
-      ...o,
-      children: /* @__PURE__ */ a(N, { children: r ? /* @__PURE__ */ a(
-        "div",
-        {
-          className: "mds:relative mds:z-100",
-          "data-slot": "responsive-popover-drawer-portal",
-          children: e
-        }
-      ) : null })
+      className: C(
+        `flag:${M}`,
+        "mds:size-20! mds:min-w-20 mds:overflow-hidden mds:rounded-full",
+        S
+      )
     }
   );
 };
 export {
-  Ce as ResponsivePopoverDrawerPortal
+  o as getCountryFlagComp
 };