mainstack-design-system 1.9.3 → 1.11.0

package/dist/mainstack-design-system602.js

@@ -1,101 +1,27 @@
-'use client';
-import { jsx as r, Fragment as c, jsxs as p } from "react/jsx-runtime";
-import * as f 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-system495.js";
-import { GenerateWithAiMenu as x } from "./mainstack-design-system484.js";
-import "react-dom";
-import { c as N } from "./index-BtQfgaSF.js";
-import { TextSizesMenu as E } from "./mainstack-design-system492.js";
-import { BoldMenu as O } from "./mainstack-design-system481.js";
-import { ItalicMenu as S } from "./mainstack-design-system486.js";
-import { UnderlineMenu as w } from "./mainstack-design-system493.js";
-import { StrikethroughMenu as P } from "./mainstack-design-system489.js";
-import { CodeMenu as g } from "./mainstack-design-system482.js";
-import { TextAlignMenu as I } from "./mainstack-design-system490.js";
-import { OrderedListMenu as R } from "./mainstack-design-system488.js";
-import { UnorderedListMenu as A } from "./mainstack-design-system494.js";
-import { LinkMenu as b } from "./mainstack-design-system487.js";
-import { ColorPickerMenu as y } from "./mainstack-design-system483.js";
-import { ImageUploadMenu as C } from "./mainstack-design-system485.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 = f.forwardRef((a, n) => {
-    const { asChild: d, ...m } = a, u = d ? 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", s = "horizontal", z = ["horizontal", "vertical"], l = f.forwardRef((t, o) => {
-  const { decorative: e, orientation: i = s, ...a } = t, n = F(i) ? i : s, 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
+const i = (a) => {
+  const e = /* @__PURE__ */ new Map();
+  return a.forEach((r) => {
+    if (!r?.value) {
+      if (r?.isGroupLabel) return;
+      console.error(
+        'Select Options has an option with missing "value" property.'
+      );
     }
-  );
-});
-l.displayName = k;
-function F(t) {
-  return z.includes(t);
-}
-const er = v(
-  ({ defaultContent: t, getEditorRef: o, ...e }, i) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ p(
-    M,
-    {
-      defaultContent: t,
-      getEditorRef: o,
-      ref: i,
-      ...e,
-      children: [
-        /* @__PURE__ */ p(T, { children: [
-          /* @__PURE__ */ r(x, {}),
-          /* @__PURE__ */ r(
-            l,
-            {
-              className: "mds:bg-border-interactive-neutral mds:h-full mds:min-h-30 mds: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, {})
-      ]
-    }
-  ) })
-);
+    e.has(r?.value) && console.warn(
+      `Duplicate option value "${r.value}" found in Select options. Each option value should be unique.`
+    ), e.set(r?.value, r);
+  }), { map: e, array: a };
+}, o = ({
+  isMultiSelect: a,
+  defaultValue: e,
+  options: r
+}) => {
+  if (a && Array.isArray(e))
+    return r.filter((n) => e.includes(n?.value || "")).map((n) => n.value);
+  if (typeof e == "string")
+    return e;
+};
 export {
-  er as TextEditorInput
+  o as mapDefaultValuesToSelectedOption,
+  i as parseSelectOptions
 };

package/dist/mainstack-design-system603.cjs

@@ -1,3 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),f=require("react"),Z=require("./mainstack-design-system436.cjs"),tt=require("./mainstack-design-system437.cjs");require("./mainstack-design-system435.cjs");const u=require("./utils-DLtLUJsL.cjs"),et=require("./mainstack-design-system577.cjs");function T(t,n){return at(t)||ot(t,n)||rt(t,n)||nt()}function nt(){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 rt(t,n){if(t){if(typeof t=="string")return q(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 q(t,n)}}function q(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 ot(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 at(t){if(Array.isArray(t))return t}function ut(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=lt({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),it(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],U=I[1],B=f.useState(a),E=T(B,2),H=E[0],z=E[1],G=f.useState(g()),_=T(G,2),J=_[0],h=_[1],K=f.useState(e),L=T(K,2),A=L[0],N=L[1],Q=f.useState(),x=T(Q,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){U(r);var l,d=g({onCountryMismatch:function(){l=!0}});h(d),l&&N(V(d))}},[r]),f.useEffect(function(){a!==H&&(z(a),h(g()))},[a]),f.useEffect(function(){A!==e&&o(A)},[A]);var X=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:J,setPhoneDigits:X,inputFormat:s}}function it(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 lt(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 st=["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 ct(t,n){if(t==null)return{};var e=ft(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 ft(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=ct(t,st),g=ut({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 pt=["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 yt(t,n){if(t==null)return{};var e=dt(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 dt(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 W(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=yt(e,pt);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}W();function k(t,n){var e=Array.prototype.slice.call(n);return e.push(u.metadata$1),t.apply(this,e)}W(u.metadata$1);function M(){return k(u.getCountryCallingCode$1,arguments)}function Ct(){return k(u.isSupportedCountry$1,arguments)}const Y=f.forwardRef(({placeholder:t="000 - 000 - 000",disabled:n,...e},o)=>{const{activeCountry:r,isDisabled:a,value:c,onValueChange:p}=et.usePhoneNumberContext(),y=i=>{if(!i)return"";let s="";return r&&Ct(r)&&(s=M(r)),i.replace(`+${s}`,"")};return R.jsxs(Z.InputRoot,{"data-slot":"phone-number-digit-field",className:"mds:has-disabled:opacity-50",children:[R.jsxs("p",{className:u.cn("mds:body-extrasmall-book"),children:["(+",M(r||"US"),")"]}),R.jsx(tt.InputField,{...e,disabled:n||a,placeholder:t,value:y(c),onChange:i=>{const s=u.getPhoneNumberDigitMetadataValueObject({value:i.target.value,activeCountry:r});p&&(i.target.value=s.digit,p(s))},ref:o})]})});Y.displayName="PhoneNumberDigitField";exports.PhoneNumberDigitField=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),E=require("react"),q=require("./index-_XxjJPRD.cjs"),v=require("./index-5OKsHRWb.cjs"),F=require("./index-C8aODXfJ.cjs"),H=require("./index-DYxWvftI.cjs"),L=require("./index-bSPhqlcX.cjs"),G=require("./index-Bd0gQB0k.cjs");require("./mainstack-design-system357.cjs");const K=require("./mainstack-design-system104.cjs");require("./player-8drl4TJX.cjs");const U=require("./utils-sX9NhwD-.cjs");function X(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const i=X(E);var _="Checkbox",[J]=v.createContextScope(_),[Q,P]=J(_);function V(e){const{__scopeCheckbox:o,checked:t,children:c,defaultChecked:a,disabled:r,form:m,name:f,onCheckedChange:u,required:h,value:k="on",internal_do_not_use_render:l}=e,[b,g]=F.useControllableState({prop:t,defaultProp:a??!1,onChange:u,caller:_}),[x,C]=i.useState(null),[y,n]=i.useState(null),d=i.useRef(!1),R=x?!!m||!!x.closest("form"):!0,I={checked:b,disabled:r,setChecked:g,control:x,setControl:C,name:f,form:m,value:k,hasConsumerStoppedPropagationRef:d,required:h,defaultChecked:p(a)?!1:a,isFormControl:R,bubbleInput:y,setBubbleInput:n};return s.jsx(Q,{scope:o,...I,children:W(l)?l(I):c})}var S="CheckboxTrigger",N=i.forwardRef(({__scopeCheckbox:e,onKeyDown:o,onClick:t,...c},a)=>{const{control:r,value:m,disabled:f,checked:u,required:h,setControl:k,setChecked:l,hasConsumerStoppedPropagationRef:b,isFormControl:g,bubbleInput:x}=P(S,e),C=q.useComposedRefs(a,k),y=i.useRef(u);return i.useEffect(()=>{const n=r?.form;if(n){const d=()=>l(y.current);return n.addEventListener("reset",d),()=>n.removeEventListener("reset",d)}},[r,l]),s.jsx(v.Primitive.button,{type:"button",role:"checkbox","aria-checked":p(u)?"mixed":u,"aria-required":h,"data-state":T(u),"data-disabled":f?"":void 0,disabled:f,value:m,...c,ref:C,onKeyDown:v.composeEventHandlers(o,n=>{n.key==="Enter"&&n.preventDefault()}),onClick:v.composeEventHandlers(t,n=>{l(d=>p(d)?!0:!d),x&&g&&(b.current=n.isPropagationStopped(),b.current||n.stopPropagation())})})});N.displayName=S;var w=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,name:c,checked:a,defaultChecked:r,required:m,disabled:f,value:u,onCheckedChange:h,form:k,...l}=e;return s.jsx(V,{__scopeCheckbox:t,checked:a,defaultChecked:r,disabled:f,required:m,onCheckedChange:h,name:c,form:k,value:u,internal_do_not_use_render:({isFormControl:b})=>s.jsxs(s.Fragment,{children:[s.jsx(N,{...l,ref:o,__scopeCheckbox:t}),b&&s.jsx(M,{__scopeCheckbox:t})]})})});w.displayName=_;var z="CheckboxIndicator",O=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:c,...a}=e,r=P(z,t);return s.jsx(G.Presence,{present:c||p(r.checked)||r.checked===!0,children:s.jsx(v.Primitive.span,{"data-state":T(r.checked),"data-disabled":r.disabled?"":void 0,...a,ref:o,style:{pointerEvents:"none",...e.style}})})});O.displayName=z;var B="CheckboxBubbleInput",M=i.forwardRef(({__scopeCheckbox:e,...o},t)=>{const{control:c,hasConsumerStoppedPropagationRef:a,checked:r,defaultChecked:m,required:f,disabled:u,name:h,value:k,form:l,bubbleInput:b,setBubbleInput:g}=P(B,e),x=q.useComposedRefs(t,g),C=H.usePrevious(r),y=L.useSize(c);i.useEffect(()=>{const d=b;if(!d)return;const R=window.HTMLInputElement.prototype,j=Object.getOwnPropertyDescriptor(R,"checked").set,$=!a.current;if(C!==r&&j){const A=new Event("click",{bubbles:$});d.indeterminate=p(r),j.call(d,p(r)?!1:r),d.dispatchEvent(A)}},[b,C,r,a]);const n=i.useRef(p(r)?!1:r);return s.jsx(v.Primitive.input,{type:"checkbox","aria-hidden":!0,defaultChecked:m??n.current,required:f,disabled:u,name:h,value:k,form:l,...o,tabIndex:-1,ref:x,style:{...o.style,...y,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});M.displayName=B;function W(e){return typeof e=="function"}function p(e){return e==="indeterminate"}function T(e){return p(e)?"indeterminate":e?"checked":"unchecked"}const D=E.forwardRef(({className:e,...o},t)=>s.jsx(w,{"data-slot":"checkbox-indicator",className:U.cn("mds:peer mds:relative mds:flex mds:justify-center mds:items-center mds:cursor-pointer  mds:gap-12 mds:border mds:rounded-6 mds:border-border-interactive-neutral mds:bg-on-primary mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:focus:ring-border-surface-spread-focus mds:active:ring-border-surface-spread-neutral mds:ring-offset-0 mds:size-24 mds:group-data-[checkbox-shape=full-radius]:rounded-full mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[checkbox-size=large]:size-32 mds:group-data-[checkbox-size=extra-small]:size-18 mds:disabled:cursor-not-allowed mds:disabled:bg-interactive-primary-disabled mds:group-hover:border-border-interactive-neutral-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled ",e),ref:t,...o,children:s.jsx(O,{children:s.jsx(K,{className:"mds:size-24 mds:text-on-primary mds:group-data-[checkbox-size=extra-small]:size-14"})})}));D.displayName="CheckboxIndicator";exports.CheckboxIndicator=D;