mainstack-design-system 1.3.9 → 1.4.1

package/dist/mainstack-design-system599.cjs

@@ -1 +1,2 @@
-"use strict";
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),y=require("react"),b=require("./index-5OKsHRWb.cjs"),P=require("./index-_XxjJPRD.cjs"),O=require("./index-C8aODXfJ.cjs"),B=require("./index-DYxWvftI.cjs"),I=require("./index-bSPhqlcX.cjs"),C=require("./utils-FBJ8OQ9f.cjs");function M(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=M(y);var m="Switch",[H]=b.createContextScope(m),[$,z]=H(m),R=c.forwardRef((t,r)=>{const{__scopeSwitch:e,name:o,checked:n,defaultChecked:g,required:u,disabled:a,value:l="on",onCheckedChange:w,form:i,...v}=t,[d,f]=c.useState(null),S=P.useComposedRefs(r,h=>f(h)),x=c.useRef(!1),k=d?i||!!d.closest("form"):!0,[p,E]=O.useControllableState({prop:n,defaultProp:g??!1,onChange:w,caller:m});return s.jsxs($,{scope:e,checked:p,disabled:a,children:[s.jsx(b.Primitive.button,{type:"button",role:"switch","aria-checked":p,"aria-required":u,"data-state":q(p),"data-disabled":a?"":void 0,disabled:a,value:l,...v,ref:S,onClick:b.composeEventHandlers(t.onClick,h=>{E(N=>!N),k&&(x.current=h.isPropagationStopped(),x.current||h.stopPropagation())})}),k&&s.jsx(T,{control:d,bubbles:!x.current,name:o,value:l,checked:p,required:u,disabled:a,form:i,style:{transform:"translateX(-100%)"}})]})});R.displayName=m;var j="SwitchThumb",_=c.forwardRef((t,r)=>{const{__scopeSwitch:e,...o}=t,n=z(j,e);return s.jsx(b.Primitive.span,{"data-state":q(n.checked),"data-disabled":n.disabled?"":void 0,...o,ref:r})});_.displayName=j;var A="SwitchBubbleInput",T=c.forwardRef(({__scopeSwitch:t,control:r,checked:e,bubbles:o=!0,...n},g)=>{const u=c.useRef(null),a=P.useComposedRefs(u,g),l=B.usePrevious(e),w=I.useSize(r);return c.useEffect(()=>{const i=u.current;if(!i)return;const v=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(v,"checked").set;if(l!==e&&f){const S=new Event("click",{bubbles:o});f.call(i,e),i.dispatchEvent(S)}},[l,e,o]),s.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:e,...n,tabIndex:-1,ref:a,style:{...n.style,...w,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});T.displayName=A;function q(t){return t?"checked":"unchecked"}var D=R,U=_;const L=y.forwardRef(({className:t,...r},e)=>s.jsx(D,{"data-slot":"toggle-switch",tabIndex:0,className:C.cn("inline-flex items-center shrink-0 relative bg-surface-neutral-l4 rounded-full hover:bg-surface-neutral-l5 focus:outline-2  focus:outline-border-surface-spread-focus aria-checked:bg-interactive-primary checked:disabled:bg-surface-neutral-l5 disabled:cursor-not-allowed ",t),ref:e,...r,children:s.jsx(U,{"data-slot":"toggle-thumb",className:C.cn("block rounded-full bg-surface-neutral-l1 shrink-0 transition-transform shadow-50")})}));exports.ToggleSwitch=L;

package/dist/mainstack-design-system599.js

@@ -1 +1,154 @@
-
+'use client';
+import { jsxs as I, jsx as i } from "react/jsx-runtime";
+import * as a from "react";
+import { forwardRef as M } from "react";
+import { c as H, P, a as j } from "./index-DMumqyNN.js";
+import { u as y } from "./index-DLcqcWxM.js";
+import { u as A } from "./index-437EL2iq.js";
+import { u as U } from "./index-BZPx6jYI.js";
+import { u as q } from "./index-BGQepRFJ.js";
+import { c as C } from "./utils-DnnzGb1L.js";
+var m = "Switch", [z] = H(m), [L, O] = z(m), R = a.forwardRef(
+  (t, r) => {
+    const {
+      __scopeSwitch: e,
+      name: s,
+      checked: o,
+      defaultChecked: b,
+      required: u,
+      disabled: c,
+      value: l = "on",
+      onCheckedChange: w,
+      form: n,
+      ...v
+    } = t, [d, f] = a.useState(null), S = y(r, (h) => f(h)), g = a.useRef(!1), k = d ? n || !!d.closest("form") : !0, [p, T] = A({
+      prop: o,
+      defaultProp: b ?? !1,
+      onChange: w,
+      caller: m
+    });
+    return /* @__PURE__ */ I(L, { scope: e, checked: p, disabled: c, children: [
+      /* @__PURE__ */ i(
+        P.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": p,
+          "aria-required": u,
+          "data-state": N(p),
+          "data-disabled": c ? "" : void 0,
+          disabled: c,
+          value: l,
+          ...v,
+          ref: S,
+          onClick: j(t.onClick, (h) => {
+            T((B) => !B), k && (g.current = h.isPropagationStopped(), g.current || h.stopPropagation());
+          })
+        }
+      ),
+      k && /* @__PURE__ */ i(
+        _,
+        {
+          control: d,
+          bubbles: !g.current,
+          name: s,
+          value: l,
+          checked: p,
+          required: u,
+          disabled: c,
+          form: n,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+R.displayName = m;
+var x = "SwitchThumb", E = a.forwardRef(
+  (t, r) => {
+    const { __scopeSwitch: e, ...s } = t, o = O(x, e);
+    return /* @__PURE__ */ i(
+      P.span,
+      {
+        "data-state": N(o.checked),
+        "data-disabled": o.disabled ? "" : void 0,
+        ...s,
+        ref: r
+      }
+    );
+  }
+);
+E.displayName = x;
+var D = "SwitchBubbleInput", _ = a.forwardRef(
+  ({
+    __scopeSwitch: t,
+    control: r,
+    checked: e,
+    bubbles: s = !0,
+    ...o
+  }, b) => {
+    const u = a.useRef(null), c = y(u, b), l = U(e), w = q(r);
+    return a.useEffect(() => {
+      const n = u.current;
+      if (!n) return;
+      const v = window.HTMLInputElement.prototype, f = Object.getOwnPropertyDescriptor(
+        v,
+        "checked"
+      ).set;
+      if (l !== e && f) {
+        const S = new Event("click", { bubbles: s });
+        f.call(n, e), n.dispatchEvent(S);
+      }
+    }, [l, e, s]), /* @__PURE__ */ i(
+      "input",
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: e,
+        ...o,
+        tabIndex: -1,
+        ref: c,
+        style: {
+          ...o.style,
+          ...w,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+_.displayName = D;
+function N(t) {
+  return t ? "checked" : "unchecked";
+}
+var F = R, W = E;
+const $ = M(
+  ({ className: t, ...r }, e) => /* @__PURE__ */ i(
+    F,
+    {
+      "data-slot": "toggle-switch",
+      tabIndex: 0,
+      className: C(
+        "inline-flex items-center shrink-0 relative bg-surface-neutral-l4 rounded-full hover:bg-surface-neutral-l5 focus:outline-2  focus:outline-border-surface-spread-focus aria-checked:bg-interactive-primary checked:disabled:bg-surface-neutral-l5 disabled:cursor-not-allowed ",
+        t
+      ),
+      ref: e,
+      ...r,
+      children: /* @__PURE__ */ i(
+        W,
+        {
+          "data-slot": "toggle-thumb",
+          className: C(
+            "block rounded-full bg-surface-neutral-l1 shrink-0 transition-transform shadow-50"
+          )
+        }
+      )
+    }
+  )
+);
+export {
+  $ as ToggleSwitch
+};

package/dist/mainstack-design-system6.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system363.cjs");exports.SearchField=e.SearchField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system364.cjs");exports.SearchField=e.SearchField;

package/dist/mainstack-design-system6.js

@@ -1,4 +1,4 @@
-import { SearchField as o } from "./mainstack-design-system363.js";
+import { SearchField as o } from "./mainstack-design-system364.js";
 export {
   o as SearchField
 };

package/dist/mainstack-design-system600.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./clsx-C11secjj.cjs");const e=require("./utils-DRUMSl4z.cjs");require("./index-C7rXc8w3.cjs");require("./mainstack-design-system560.cjs");exports.cn=e.cn;exports.formatFileSize=e.formatFileSize;exports.formatPriceDigit=e.formatPriceDigit;exports.generateImageFilePreview=e.generateImageFilePreview;exports.getClosestAncestorExcludingSelf=e.getClosestAncestorExcludingSelf;exports.getColorsToken=e.getColorsToken;exports.getDefaultDateRangeMenuAction=e.getDefaultDateRangeMenuAction;exports.getFileMetadata=e.getFileMetadata;exports.getPhoneNumberDigitMetadataValueObject=e.getPhoneNumberDigitMetadataValueObject;exports.getPriceDigitMetadataValueObject=e.getPriceDigitMetadataValueObject;exports.getThemeTokens=e.getThemeTokens;exports.sanitizeNumberInputValue=e.sanitizeNumberInputValue;exports.sanitizePriceInputValue=e.sanitizePriceInputValue;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),M=require("react"),p=require("./utils-FBJ8OQ9f.cjs"),R=require("./mainstack-design-system588.cjs"),y=require("./mainstack-design-system589.cjs"),x=require("./mainstack-design-system385.cjs"),c=require("./DayPickerExtended-DNqwrYF1.cjs");function C(a,r,e){return c.addMonths(a,-1,e)}const u=M.forwardRef(({className:a,...r},e)=>{const[d]=y("(min-width: 900px)"),{ref:l,matches:m}=x.useContainerMatchMedia({query:{minWidth:660}}),{value:n,closeOnRangeSelect:f,setActiveMenu:h,onValueChange:o,onOpenChange:i}=R.useDateRangeContext();return s.jsx("div",{"data-slot":"date-range-calendar",ref:t=>{l.current=t,typeof e=="function"?e(t):typeof e=="object"&&e!==null&&(e.current=t)},className:p.cn("@container min-w-auto min-[900px]:min-w-670",a),children:s.jsx(c.DayPickerExtended,{...r,animate:!0,mode:"range",captionLayout:"dropdown",numberOfMonths:d||m?2:1,navLayout:"around",className:"ms-date-range",selected:n,defaultMonth:n?.from||C(new Date),onSelect:((t,g)=>{o&&(n?.from&&n.to||!n?.from?o({from:g}):(o(t),f&&i&&i(!1))),h(null)})})})});u.displayName="DateRangeCalendar";exports.DateRangeCalendar=u;

package/dist/mainstack-design-system600.js

@@ -1,19 +1,56 @@
-import "./clsx-OuTLNxxd.js";
-import { c as r, q as g, f as o, g as n, p as l, r as u, h as c, a as m, d as p, e as f, u as b, s as d, b as D } from "./utils-CFdAYIby.js";
-import "./index-BQdKkfuK.js";
-import "./mainstack-design-system560.js";
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { c as h } from "./utils-DnnzGb1L.js";
+import { useDateRangeContext as M } from "./mainstack-design-system588.js";
+import g from "./mainstack-design-system589.js";
+import { useContainerMatchMedia as y } from "./mainstack-design-system385.js";
+import { a as D, D as w } from "./DayPickerExtended-C1hsWVH0.js";
+function x(n, r, e) {
+  return D(n, -1, e);
+}
+const C = p(
+  ({ className: n, ...r }, e) => {
+    const [s] = g("(min-width: 900px)"), { ref: c, matches: d } = y({
+      query: { minWidth: 660 }
+    }), {
+      value: t,
+      closeOnRangeSelect: f,
+      setActiveMenu: u,
+      onValueChange: o,
+      onOpenChange: i
+    } = M();
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        "data-slot": "date-range-calendar",
+        ref: (a) => {
+          c.current = a, typeof e == "function" ? e(a) : typeof e == "object" && e !== null && (e.current = a);
+        },
+        className: h("@container min-w-auto min-[900px]:min-w-670", n),
+        children: /* @__PURE__ */ m(
+          w,
+          {
+            ...r,
+            animate: !0,
+            mode: "range",
+            captionLayout: "dropdown",
+            numberOfMonths: s || d ? 2 : 1,
+            navLayout: "around",
+            className: "ms-date-range",
+            selected: t,
+            defaultMonth: t?.from || x(/* @__PURE__ */ new Date()),
+            onSelect: ((a, l) => {
+              o && (t?.from && t.to || !t?.from ? o({
+                from: l
+              }) : (o(a), f && i && i(!1))), u(null);
+            })
+          }
+        )
+      }
+    );
+  }
+);
+C.displayName = "DateRangeCalendar";
 export {
-  r as cn,
-  g as formatFileSize,
-  o as formatPriceDigit,
-  n as generateImageFilePreview,
-  l as getClosestAncestorExcludingSelf,
-  u as getColorsToken,
-  c as getDefaultDateRangeMenuAction,
-  m as getFileMetadata,
-  p as getPhoneNumberDigitMetadataValueObject,
-  f as getPriceDigitMetadataValueObject,
-  b as getThemeTokens,
-  d as sanitizeNumberInputValue,
-  D as sanitizePriceInputValue
+  C as DateRangeCalendar
 };

package/dist/mainstack-design-system601.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("./mainstack-design-system355.cjs");require("./mainstack-design-system66.cjs");require("./mainstack-design-system69.cjs");require("./mainstack-design-system103.cjs");require("./mainstack-design-system104.cjs");require("./utils-DRUMSl4z.cjs");const e=require("./DayPickerExtended-BDQnuXA_.cjs");exports.DayPickerExtended=e.DayPickerExtended;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("./mainstack-design-system607.cjs"),M=require("./mainstack-design-system608.cjs"),E=require("./mainstack-design-system492.cjs"),p=require("./mainstack-design-system481.cjs");require("react-dom");const m=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system489.cjs"),f=require("./mainstack-design-system478.cjs"),v=require("./mainstack-design-system483.cjs"),q=require("./mainstack-design-system490.cjs"),B=require("./mainstack-design-system486.cjs"),g=require("./mainstack-design-system479.cjs"),h=require("./mainstack-design-system487.cjs"),O=require("./mainstack-design-system485.cjs"),S=require("./mainstack-design-system491.cjs"),b=require("./mainstack-design-system484.cjs"),P=require("./mainstack-design-system480.cjs"),N=require("./mainstack-design-system482.cjs");function I(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const x=I(c);var R=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],w=R.reduce((t,r)=>{const n=m.createSlot(`Primitive.${r}`),o=x.forwardRef((s,i)=>{const{asChild:a,...u}=s,_=a?n:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(_,{...u,ref:i})});return o.displayName=`Primitive.${r}`,{...t,[r]:o}},{}),y="Separator",d="horizontal",A=["horizontal","vertical"],l=x.forwardRef((t,r)=>{const{decorative:n,orientation:o=d,...s}=t,i=k(o)?o:d,u=n?{role:"none"}:{"aria-orientation":i==="vertical"?i:void 0,role:"separator"};return e.jsx(w.div,{"data-orientation":i,...u,...s,ref:r})});l.displayName=y;function k(t){return A.includes(t)}const L=c.forwardRef(({defaultContent:t,getEditorRef:r,...n},o)=>e.jsx(e.Fragment,{children:e.jsxs(T.TextEditorRoot,{defaultContent:t,getEditorRef:r,ref:o,...n,children:[e.jsxs(E.TextEditorMenuBar,{children:[e.jsx(p.GenerateWithAiMenu,{}),e.jsx(l,{className:"bg-border-interactive-neutral h-full min-h-30 w-1",orientation:"vertical"}),e.jsx(j.TextSizesMenu,{}),e.jsx(f.BoldMenu,{}),e.jsx(v.ItalicMenu,{}),e.jsx(q.UnderlineMenu,{}),e.jsx(B.StrikethroughMenu,{}),e.jsx(g.CodeMenu,{}),e.jsx(h.TextAlignMenu,{}),e.jsx(O.OrderedListMenu,{}),e.jsx(S.UnorderedListMenu,{}),e.jsx(b.LinkMenu,{}),e.jsx(N.ImageUploadMenu,{}),e.jsx(P.ColorPickerMenu,{})]}),e.jsx(M.TextEditorField,{})]})}));exports.TextEditorInput=L;

package/dist/mainstack-design-system601.js

@@ -1,11 +1,101 @@
-import "react/jsx-runtime";
-import "./mainstack-design-system355.js";
-import "./mainstack-design-system66.js";
-import "./mainstack-design-system69.js";
-import "./mainstack-design-system103.js";
-import "./mainstack-design-system104.js";
-import "./utils-CFdAYIby.js";
-import { D as x } from "./DayPickerExtended-AFjcOFRS.js";
+'use client';
+import { jsx as r, Fragment as c, jsxs as d } from "react/jsx-runtime";
+import * as l from "react";
+import { forwardRef as v } from "react";
+import { TextEditorRoot as M } from "./mainstack-design-system607.js";
+import { TextEditorField as h } from "./mainstack-design-system608.js";
+import { TextEditorMenuBar as T } from "./mainstack-design-system492.js";
+import { GenerateWithAiMenu as x } from "./mainstack-design-system481.js";
+import "react-dom";
+import { c as N } from "./index-BtQfgaSF.js";
+import { TextSizesMenu as E } from "./mainstack-design-system489.js";
+import { BoldMenu as O } from "./mainstack-design-system478.js";
+import { ItalicMenu as S } from "./mainstack-design-system483.js";
+import { UnderlineMenu as w } from "./mainstack-design-system490.js";
+import { StrikethroughMenu as P } from "./mainstack-design-system486.js";
+import { CodeMenu as g } from "./mainstack-design-system479.js";
+import { TextAlignMenu as I } from "./mainstack-design-system487.js";
+import { OrderedListMenu as R } from "./mainstack-design-system485.js";
+import { UnorderedListMenu as A } from "./mainstack-design-system491.js";
+import { LinkMenu as b } from "./mainstack-design-system484.js";
+import { ColorPickerMenu as y } from "./mainstack-design-system480.js";
+import { ImageUploadMenu as C } from "./mainstack-design-system482.js";
+var L = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], U = L.reduce((t, o) => {
+  const e = N(`Primitive.${o}`), i = l.forwardRef((a, n) => {
+    const { asChild: p, ...m } = a, u = p ? e : o;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ r(u, { ...m, ref: n });
+  });
+  return i.displayName = `Primitive.${o}`, { ...t, [o]: i };
+}, {}), k = "Separator", f = "horizontal", z = ["horizontal", "vertical"], s = l.forwardRef((t, o) => {
+  const { decorative: e, orientation: i = f, ...a } = t, n = F(i) ? i : f, m = e ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
+  return /* @__PURE__ */ r(
+    U.div,
+    {
+      "data-orientation": n,
+      ...m,
+      ...a,
+      ref: o
+    }
+  );
+});
+s.displayName = k;
+function F(t) {
+  return z.includes(t);
+}
+const er = v(
+  ({ defaultContent: t, getEditorRef: o, ...e }, i) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ d(
+    M,
+    {
+      defaultContent: t,
+      getEditorRef: o,
+      ref: i,
+      ...e,
+      children: [
+        /* @__PURE__ */ d(T, { children: [
+          /* @__PURE__ */ r(x, {}),
+          /* @__PURE__ */ r(
+            s,
+            {
+              className: "bg-border-interactive-neutral h-full min-h-30 w-1",
+              orientation: "vertical"
+            }
+          ),
+          /* @__PURE__ */ r(E, {}),
+          /* @__PURE__ */ r(O, {}),
+          /* @__PURE__ */ r(S, {}),
+          /* @__PURE__ */ r(w, {}),
+          /* @__PURE__ */ r(P, {}),
+          /* @__PURE__ */ r(g, {}),
+          /* @__PURE__ */ r(I, {}),
+          /* @__PURE__ */ r(R, {}),
+          /* @__PURE__ */ r(A, {}),
+          /* @__PURE__ */ r(b, {}),
+          /* @__PURE__ */ r(C, {}),
+          /* @__PURE__ */ r(y, {})
+        ] }),
+        /* @__PURE__ */ r(h, {})
+      ]
+    }
+  ) })
+);
 export {
-  x as DayPickerExtended
+  er as TextEditorInput
 };

package/dist/mainstack-design-system602.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),G=require("./utils-FBJ8OQ9f.cjs");require("./mainstack-design-system355.cjs");const e=require("./mainstack-design-system246.cjs");require("react");require("./player-BKifgSJo.cjs");const B=["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 T(M){return B.indexOf(M)>=0}const A=M=>{const C=S.jsx(e,{className:"size-20"});return!M||!T(M)?C:S.jsx("span",{className:G.cn(`flag:${M}`,"size-20! min-w-20  overflow-hidden rounded-full")})};exports.getCountryFlagComp=A;

package/dist/mainstack-design-system602.js

@@ -0,0 +1,25 @@
+import { jsx as S } from "react/jsx-runtime";
+import { c as C } from "./utils-DnnzGb1L.js";
+import "./mainstack-design-system355.js";
+import B from "./mainstack-design-system246.js";
+import "react";
+import "./player-DSenNqFV.js";
+const A = ["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 T(M) {
+  return A.indexOf(M) >= 0;
+}
+const P = (M) => {
+  const G = /* @__PURE__ */ S(B, { className: "size-20" });
+  return !M || !T(M) ? G : /* @__PURE__ */ S(
+    "span",
+    {
+      className: C(
+        `flag:${M}`,
+        "size-20! min-w-20  overflow-hidden rounded-full"
+      )
+    }
+  );
+};
+export {
+  P as getCountryFlagComp
+};

package/dist/mainstack-design-system603.cjs

@@ -0,0 +1,3 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),f=require("react"),tt=require("./mainstack-design-system433.cjs"),et=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");const u=require("./index-C7rXc8w3.cjs"),q=require("./utils-FBJ8OQ9f.cjs"),nt=require("./mainstack-design-system577.cjs");function T(t,n){return ut(t)||at(t,n)||ot(t,n)||rt()}function rt(){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 M(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 M(t,n)}}function M(t,n){(n==null||n>t.length)&&(n=t.length);for(var e=0,o=new Array(n);e<n;e++)o[e]=t[e];return o}function at(t,n){var e=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(e!=null){var o,r,a,c,p=[],y=!0,i=!1;try{if(a=(e=e.call(t)).next,n!==0)for(;!(y=(o=a.call(e)).done)&&(p.push(o.value),p.length!==n);y=!0);}catch(s){i=!0,r=s}finally{try{if(!y&&e.return!=null&&(c=e.return(),Object(c)!==c))return}finally{if(i)throw r}}return p}}function ut(t){if(Array.isArray(t))return t}function it(t){var n=this,e=t.value,o=t.onChange,r=t.country,a=t.defaultCountry,c=t.international,p=t.withCountryCallingCode,y=t.useNationalFormatForDefaultCountryValue,i=t.metadata;typeof p=="boolean"&&!(r&&c)&&console.error("[react-phone-number-input] `withCountryCallingCode` property can only be used together with `country` and `international` properties"),r&&a&&console.error("[react-phone-number-input] When `country` property is passed, `defaultCountry` property has no effect and therefore shouldn't be passed"),typeof c=="boolean"&&!r&&console.error("[react-phone-number-input] `international` property can only be used together with `country` property");var s=st({international:c,country:r,defaultCountry:a,withCountryCallingCode:p}),m=f.useRef(),b=function(d,C,v){console.error("[react-phone-number-input] Expected phone number ".concat(d," to correspond to country ").concat(C," but ").concat(v?"in reality it corresponds to country "+v:"it doesn't",".")),m.current=!0},g=function(d){return e&&u.validateE164Number(e),lt(e,r,a,s,y,i,function(){d&&d.onCountryMismatch&&d.onCountryMismatch();for(var C=arguments.length,v=new Array(C),O=0;O<C;O++)v[O]=arguments[O];b.apply(n,v)})},w=f.useState(r),I=T(w,2),F=I[0],B=I[1],H=f.useState(a),E=T(H,2),z=E[0],G=E[1],J=f.useState(g()),_=T(J,2),K=_[0],h=_[1],Q=f.useState(e),L=T(Q,2),A=L[0],N=L[1],X=f.useState(),x=T(X,2);x[0];var $=x[1],D=f.useCallback(function(){return $({})},[$]);function V(l){if(l){s==="NATIONAL_PART_OF_INTERNATIONAL"&&(l="+".concat(u.getCountryCallingCode$1(r,i)).concat(l));var d=new u.AsYouType(r||a,i);return d.input(l),d.getNumberValue()}}f.useEffect(function(){e!==A&&(N(e),h(g()))},[e]),f.useEffect(function(){if(r!==F){B(r);var l,d=g({onCountryMismatch:function(){l=!0}});h(d),l&&N(V(d))}},[r]),f.useEffect(function(){a!==z&&(G(a),h(g()))},[a]),f.useEffect(function(){A!==e&&o(A)},[A]);var Z=f.useCallback(function(l){var d;if(r)if(s==="INTERNATIONAL"){var C=u.getInternationalPhoneNumberPrefix(r,i);if(l.indexOf(C)!==0){if(l&&l[0]!=="+")l=C+l;else if(!m.current)return h(C),N(void 0),D()}}else l&&l[0]==="+"&&(l=l.slice(1));else a||l&&l[0]!=="+"&&(l="+"+l);l&&(d=V(l)),h(l),N(d)},[r,s,a,i,h,N,D,m]);return{phoneDigits:K,setPhoneDigits:Z,inputFormat:s}}function lt(t,n,e,o,r,a,c){if(n&&o==="INTERNATIONAL"){var p=u.getInternationalPhoneNumberPrefix(n,a);return t?(t.indexOf(p)!==0&&c(t,n),t):p}if(!t)return"";if(!n&&!e)return t;var y=new u.AsYouType(void 0,a);y.input(t);var i=y.getNumber();if(i)if(n)switch(i.country&&i.country!==n?c(t,n,i.country):i.countryCallingCode!==u.getCountryCallingCode$1(n,a)&&c(t,n),o){case"NATIONAL":return u.parseDigits(i.formatNational());case"NATIONAL_PART_OF_INTERNATIONAL":return u.parseDigits(u.removePrefixFromFormattedPhoneNumber(i.formatInternational(),u.getInternationalPhoneNumberPrefix(n,a)));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(o))}else return i.countryCallingCode&&i.countryCallingCode===u.getCountryCallingCode$1(e,a)&&r?u.parseDigits(i.formatNational()):t;else return""}function st(t){var n=t.international,e=t.country,o=t.defaultCountry,r=t.withCountryCallingCode;return e?n?r?"INTERNATIONAL":"NATIONAL_PART_OF_INTERNATIONAL":"NATIONAL":o?"INTERNATIONAL_OR_NATIONAL":"INTERNATIONAL"}var ct=["Component","country","defaultCountry","useNationalFormatForDefaultCountryValue","value","onChange","metadata","international","withCountryCallingCode"];function j(){return j=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},j.apply(this,arguments)}function ft(t,n){if(t==null)return{};var e=pt(t,n),o,r;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++)o=a[r],!(n.indexOf(o)>=0)&&Object.prototype.propertyIsEnumerable.call(t,o)&&(e[o]=t[o])}return e}function pt(t,n){if(t==null)return{};var e={},o=Object.keys(t),r,a;for(a=0;a<o.length;a++)r=o[a],!(n.indexOf(r)>=0)&&(e[r]=t[r]);return e}function P(t,n){var e=t.Component,o=t.country,r=t.defaultCountry,a=t.useNationalFormatForDefaultCountryValue,c=a===void 0?!0:a,p=t.value,y=t.onChange,i=t.metadata,s=t.international,m=t.withCountryCallingCode,b=ft(t,ct),g=it({value:p,onChange:y,country:o,defaultCountry:r,international:s,withCountryCallingCode:m,useNationalFormatForDefaultCountryValue:c,metadata:i}),w=g.phoneDigits,I=g.setPhoneDigits,F=g.inputFormat;return f.createElement(e,j({},b,{ref:n,metadata:i,inputFormat:F,international:s,withCountryCallingCode:m,country:o||r,value:w,onChange:I}))}P=f.forwardRef(P);P.propTypes={value:u.PropTypes.string,onChange:u.PropTypes.func.isRequired,country:u.PropTypes.string,defaultCountry:u.PropTypes.string,international:u.PropTypes.bool,withCountryCallingCode:u.PropTypes.bool,Component:u.PropTypes.elementType.isRequired,useNationalFormatForDefaultCountryValue:u.PropTypes.bool,metadata:u.metadata};var yt=["type","autoComplete","smartCaret","metadata"];function S(){return S=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},S.apply(this,arguments)}function dt(t,n){if(t==null)return{};var e=Ct(t,n),o,r;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++)o=a[r],!(n.indexOf(o)>=0)&&Object.prototype.propertyIsEnumerable.call(t,o)&&(e[o]=t[o])}return e}function Ct(t,n){if(t==null)return{};var e={},o=Object.keys(t),r,a;for(a=0;a<o.length;a++)r=o[a],!(n.indexOf(r)>=0)&&(e[r]=t[r]);return e}function k(t){function n(e,o){var r=e.type,a=r===void 0?"tel":r,c=e.autoComplete,p=c===void 0?"tel":c,y=e.smartCaret,i=y===void 0?!0:y,s=e.metadata,m=s===void 0?t:s,b=dt(e,yt);return f.createElement(P,S({},b,{type:a,autoComplete:p,metadata:m,ref:o,Component:i?u.InputSmart:u.InputBasic}))}return n=f.forwardRef(n),n.propTypes={type:u.PropTypes.string,autoComplete:u.PropTypes.string,smartCaret:u.PropTypes.bool,metadata:u.PropTypes.object},n}k();function Y(t,n){var e=Array.prototype.slice.call(n);return e.push(u.metadata$1),t.apply(this,e)}k(u.metadata$1);function W(){return Y(u.getCountryCallingCode$1,arguments)}function mt(){return Y(u.isSupportedCountry$1,arguments)}const U=f.forwardRef(({placeholder:t="000 - 000 - 000",disabled:n,...e},o)=>{const{activeCountry:r,isDisabled:a,value:c,onValueChange:p}=nt.usePhoneNumberContext(),y=i=>{if(!i)return"";let s="";return r&&mt(r)&&(s=W(r)),i.replace(`+${s}`,"")};return R.jsxs(tt.InputRoot,{"data-slot":"phone-number-digit-field",className:" has-disabled:opacity-50",children:[R.jsxs("p",{className:q.cn("body-extrasmall-book"),children:["(+",W(r||"US"),")"]}),R.jsx(et.InputField,{...e,disabled:n||a,placeholder:t,value:y(c),onChange:i=>{const s=q.getPhoneNumberDigitMetadataValueObject({value:i.target.value,activeCountry:r});p&&(i.target.value=s.digit,p(s))},ref:o})]})});U.displayName="PhoneNumberDigitField";exports.PhoneNumberDigitField=U;