amotify 0.1.31 → 0.1.32

package/dist/@utils/GenerateClassName.js

@@ -1 +1,470 @@
-import{b as t,c as f,d as X}from"../chunk-VY3566IV.js";import{$$ as o,Config as ke}from"./_";const r={toConcreteBorderRadius:l=>{let T=ke.get().roundness|0;return l=="1.tone.primary"?l=[0,2,3,4,5,5][T]:l=="2.tone.secondary"?l=[0,1,2,3,4,5][T]:l=="3.tone.tertiary"&&(l=[0,"1/3","2/3",1,2,3][T]),l},ev:l=>o.is.nullish(l),ClassNames:(l,T)=>{var _e,Be,Te,Re,Pe,we,Ne;let e=[],xe=T,{gap:n,display:x,position:m,overflow:b,fontColor:R,fontSize:_,fontWeight:i,backgroundColor:p,textAlign:P,boxShadow:h,margin:u,marginTop:B,marginRight:s,marginBottom:c,marginLeft:a,padding:g,paddingTop:N,paddingRight:k,paddingBottom:L,paddingLeft:z,top:Q,right:V,bottom:Y,left:Z,border:E,borderTop:v,borderRight:S,borderBottom:y,borderLeft:C,borderWidth:ee,borderColor:re,borderStyle:se,borderRadius:F,borderTopLeftRadius:W,borderTopRightRadius:A,borderBottomLeftRadius:H,borderBottomRightRadius:j,flexSizing:te,flexWrap:ie,flexType:oe,flexChilds:ae,flexGrid:le,horizontalAlign:ne,verticalAlign:pe,transition:de,gridCenter:he,gridCols:ue,maxHeight:ge,minHeight:fe,maxWidth:me,minWidth:be,width:ce,height:ve,unitHeight:Se,unitWidth:ye,opacity:Ce}=xe,Le=X(xe,["gap","display","position","overflow","fontColor","fontSize","fontWeight","backgroundColor","textAlign","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity"]);{if(r.ev(x)||e.push("dsp"+x),b){let d=o.flatArray(b);e.push("ovfl-x-"+d[0]),e.push("ovfl-y-"+(d[1]||d[0]))}r.ev(m)||e.push("ps"+m),r.ev(P)||e.push("txalg"+P),r.ev(R)||e.push("ftcl"+((_e=String(R))==null?void 0:_e.replace(/\..*/,""))),r.ev(_)||e.push("ftsz"+((Be=String(_))==null?void 0:Be.replace(/\..*/,""))),r.ev(i)||e.push("ftwt"+(i==null?void 0:i.replace(/\..*/,""))),r.ev(p)||e.push("bgc"+((Te=String(p))==null?void 0:Te.replace(/\..*/,""))),r.ev(h)||e.push("bs"+h);let U,$,I,G;o.is.exist(u)&&(o.is.array(u)?u.length==2?[U,$,I,G]=[...u,...u]:u.length==4&&([U,$,I,G]=u):U=$=I=G=u,B=B!=null?B:U,s=s!=null?s:$,c=c!=null?c:I,a=a!=null?a:G),r.ev(B)||e.push("mrgt"+B),r.ev(s)||e.push("mrgr"+s),r.ev(c)||e.push("mrgb"+c),r.ev(a)||e.push("mrgl"+a);let O,q,D,M;o.is.exist(g)&&(o.is.array(g)?g.length==2?[O,q,D,M]=[...g,...g]:g.length==4&&([O,q,D,M]=g):O=q=D=M=g,N=N!=null?N:O,k=k!=null?k:q,L=L!=null?L:D,z=z!=null?z:M),r.ev(N)||e.push("pdt"+N),r.ev(k)||e.push("pdr"+k),r.ev(L)||e.push("pdb"+L),r.ev(z)||e.push("pdl"+z),r.ev(Q)||e.push("pstt"+Q),r.ev(V)||e.push("pstr"+V),r.ev(Y)||e.push("pstb"+Y),r.ev(Z)||e.push("pstl"+Z);{o.is.exist(E)&&(v=v!=null?v:E,S=S!=null?S:E,y=y!=null?y:E,C=C!=null?C:E),o.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),o.is.boolean(S)&&(S=["unset","2.normal"][Number(S)]),o.is.boolean(y)&&(y=["unset","2.normal"][Number(y)]),o.is.boolean(C)&&(C=["unset","2.normal"][Number(C)]),r.ev(v)||e.push("b_t_ss"+((Re=String(v))==null?void 0:Re.replace(/\..*/,""))),r.ev(S)||e.push("b_r_ss"+((Pe=String(S))==null?void 0:Pe.replace(/\..*/,""))),r.ev(y)||e.push("b_b_ss"+((we=String(y))==null?void 0:we.replace(/\..*/,""))),r.ev(C)||e.push("b_l_ss"+((Ne=String(C))==null?void 0:Ne.replace(/\..*/,""))),o.is.exist(ee)&&e.push("b_wth"+String(ee)),o.is.exist(re)&&e.push("b_cl"+String(re)),o.is.exist(se)&&e.push("b_st"+String(se));{let d,w,J,K;o.is.exist(F)&&(o.is.array(F)?F.length==4&&([d,w,K,J]=F):d=w=J=K=F,W=W!=null?W:d,A=A!=null?A:w,H=H!=null?H:J,j=j!=null?j:K)}r.ev(W)||e.push("br_tl"+r.toConcreteBorderRadius(W)),r.ev(A)||e.push("br_tr"+r.toConcreteBorderRadius(A)),r.ev(H)||e.push("br_bl"+r.toConcreteBorderRadius(H)),r.ev(j)||e.push("br_br"+r.toConcreteBorderRadius(j))}if(r.ev(Ce)||e.push("op"+Ce),o.is.exist(n)){let d,w;o.is.array(n)?(d=n[0],w=n[1]):d=w=n,e.push("gapRow"+d,"gapCol"+w)}r.ev(te)||e.push("flsz"+te),r.ev(ie)||e.push("flwrp"+ie),r.ev(oe)||e.push("fltyp"+oe),r.ev(ae)||e.push("flchld"+ae),r.ev(le)||e.push("flgrid"+le),r.ev(pe)||e.push("flvrt"+pe),r.ev(ne)||e.push("flhrz"+ne),r.ev(he)||e.push("grcnt"+he),r.ev(ue)||e.push("grcol"+ue),r.ev(ve)||e.push("hgt"+ve),r.ev(ce)||e.push("wdt"+ce),r.ev(Se)||e.push("unthgt"+Se),r.ev(ye)||e.push("untwdt"+ye),r.ev(de)||e.push("trnst"+de),r.ev(ge)||e.push("maxh"+ge),r.ev(fe)||e.push("minh"+fe),r.ev(me)||e.push("maxw"+me),r.ev(be)||e.push("minw"+be)}return{otherParams:Le,className:e.length?l+e.join(" "+l):""}}},ze=l=>{let c=t({},l),{gradients:e,ssCardBox:n,ssSphere:x,ssSquare:m,ssPushable:b,ssAbsoluteCovered:R,ssTextEllipsis:_,flexCenter:i,flexNewLine:p,isLightFont:P,isBoldFont:h,isSemiBoldFont:u,isRounded:B}=c,s=X(c,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded"]);if(e){let{deg:a,colors:g}=e;s=f(t({},s),{freeCSS:f(t({},s.freeCSS),{background:`linear-gradient(${a}deg,${g.join(",")})`})})}if(n){n===!0&&(n="border");let a={backgroundColor:"1.layer.base",borderRadius:"1.tone.primary",boxShadow:"0.thin",freeCSS:{zIndex:1}};n=="border"?a.border=!0:n=="layer"?a.backgroundColor="1.layer.base":n=="cloud"?a.backgroundColor="cloud":n=="shadow"&&(a.boxShadow="0.normal"),["dim","dark"].includes(ke.get().darkMode)&&(a.boxShadow="1.remark"),s=f(t(t({},a),s),{freeCSS:t(t({},a.freeCSS),s.freeCSS),UnderBreakPointStyles:t(t({},a.UnderBreakPointStyles),s.UnderBreakPointStyles)})}return x&&(i=i!=null?i:!0,s=t({padding:0,unitWidth:x,unitHeight:x,borderRadius:"sphere",flexSizing:"none"},s)),m&&(i=i!=null?i:!0,s=t({padding:0,unitWidth:m,unitHeight:m,flexSizing:"none"},s)),!b||(s=f(t({transition:"middle"},s),{className:[s.className,"ssPushable"].join(" ")})),!R||(s=t({position:"absolute",top:0,left:0,right:0,bottom:0},s)),!_||(s=f(t({overflow:"hidden"},s),{freeCSS:t({whiteSpace:"nowrap",textOverflow:"ellipsis"},s.freeCSS)})),!p||(s=t({width:1,flexSizing:"none"},s)),!i||(s=t({display:"flex",horizontalAlign:"center",verticalAlign:"center"},s)),!P||(s=f(t({},s),{fontWeight:"1.light"})),!u||(s=f(t({},s),{fontWeight:"3.semiBold"})),!h||(s=f(t({},s),{fontWeight:"4.bold"})),!B||(s=f(t({},s),{borderRadius:"sphere"})),s},je=l=>{let P=ze(l),{componentID:e,UnderBreakPointStyles:n={},className:x="",freeCSS:m={},ssEffectsOnActive:b,ssLastChildLossBorder:R}=P,_=X(P,["componentID","UnderBreakPointStyles","className","freeCSS","ssEffectsOnActive","ssLastChildLossBorder"]),i=[x];if(R&&i.push("ssLastChildLossBorder_"+R),b){b=o.flatArray(b);for(let h of b)i.push("eff_"+h,"eff_"+h.split(".")[0])}{let h=r.ClassNames("amotf_",_);i.push(h.className),_=h.otherParams}n&&i.push(r.ClassNames("amotf_bp",n).className);let p=t({},_);return m&&(p.style=t(t({},m),p.style)),(e||p["data-component-id"])&&(p["data-component-id"]=p["data-component-id"]||e),i.length&&(p.className=i.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),p};export{je as GenerateClassName,ze as ReadStyleSet};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import {
+  $$,
+  Config
+} from "./_";
+const FNs = {
+  toConcreteBorderRadius: (br) => {
+    let roundness = Config.get().roundness | 0;
+    if (br == "1.tone.primary") {
+      br = [0, 2, 3, 4, 5, 5][roundness];
+    } else if (br == "2.tone.secondary") {
+      br = [0, 1, 2, 3, 4, 5][roundness];
+    } else if (br == "3.tone.tertiary") {
+      br = [0, "1/3", "2/3", 1, 2, 3][roundness];
+    }
+    return br;
+  },
+  ev: (v) => $$.is.nullish(v),
+  ClassNames: (type, params) => {
+    var _b, _c, _d, _e, _f, _g, _h;
+    let CLS = [];
+    let _a = params, {
+      gap,
+      display: disp,
+      position,
+      overflow,
+      fontColor,
+      fontSize,
+      fontWeight,
+      backgroundColor: bgc,
+      textAlign,
+      boxShadow,
+      margin: mrg,
+      marginTop: mrgT,
+      marginRight: mrgR,
+      marginBottom: mrgB,
+      marginLeft: mrgL,
+      padding: pd,
+      paddingTop: pdT,
+      paddingRight: pdR,
+      paddingBottom: pdB,
+      paddingLeft: pdL,
+      top: T,
+      right: R,
+      bottom: B,
+      left: L,
+      border: b,
+      borderTop: bT,
+      borderRight: bR,
+      borderBottom: bB,
+      borderLeft: bL,
+      borderWidth: bWidth,
+      borderColor: bColor,
+      borderStyle: bStyle,
+      borderRadius: br,
+      borderTopLeftRadius: brTL,
+      borderTopRightRadius: brTR,
+      borderBottomLeftRadius: brBL,
+      borderBottomRightRadius: brBR,
+      flexSizing,
+      flexWrap,
+      flexType,
+      flexChilds,
+      flexGrid,
+      horizontalAlign,
+      verticalAlign,
+      transition,
+      gridCenter,
+      gridCols,
+      maxHeight,
+      minHeight,
+      maxWidth,
+      minWidth,
+      width,
+      height,
+      unitHeight,
+      unitWidth,
+      opacity
+    } = _a, others = __objRest(_a, [
+      "gap",
+      "display",
+      "position",
+      "overflow",
+      "fontColor",
+      "fontSize",
+      "fontWeight",
+      "backgroundColor",
+      "textAlign",
+      "boxShadow",
+      "margin",
+      "marginTop",
+      "marginRight",
+      "marginBottom",
+      "marginLeft",
+      "padding",
+      "paddingTop",
+      "paddingRight",
+      "paddingBottom",
+      "paddingLeft",
+      "top",
+      "right",
+      "bottom",
+      "left",
+      "border",
+      "borderTop",
+      "borderRight",
+      "borderBottom",
+      "borderLeft",
+      "borderWidth",
+      // borderTopWidth: bTWidth,
+      // borderRightWidth: bRWidth,
+      // borderBottomWidth: bBWidth,
+      // borderLeftWidth: bLWidth,
+      "borderColor",
+      // borderTopColor: bTColor,
+      // borderRightColor: bRColor,
+      // borderBottomColor: bBColor,
+      // borderLeftColor: bLColor,
+      "borderStyle",
+      // borderTopStyle: bTStyle,
+      // borderRightStyle: bRStyle,
+      // borderBottomStyle: bBStyle,
+      // borderLeftStyle: bLStyle,
+      "borderRadius",
+      "borderTopLeftRadius",
+      "borderTopRightRadius",
+      "borderBottomLeftRadius",
+      "borderBottomRightRadius",
+      "flexSizing",
+      "flexWrap",
+      "flexType",
+      "flexChilds",
+      "flexGrid",
+      "horizontalAlign",
+      "verticalAlign",
+      "transition",
+      "gridCenter",
+      "gridCols",
+      "maxHeight",
+      "minHeight",
+      "maxWidth",
+      "minWidth",
+      "width",
+      "height",
+      "unitHeight",
+      "unitWidth",
+      "opacity"
+    ]);
+    {
+      FNs.ev(disp) || CLS.push("dsp" + disp);
+      if (overflow) {
+        let arr = $$.flatArray(overflow);
+        CLS.push("ovfl-x-" + arr[0]);
+        CLS.push("ovfl-y-" + (arr[1] || arr[0]));
+      }
+      FNs.ev(position) || CLS.push("ps" + position);
+      FNs.ev(textAlign) || CLS.push("txalg" + textAlign);
+      FNs.ev(fontColor) || CLS.push("ftcl" + ((_b = String(fontColor)) == null ? void 0 : _b.replace(/\..*/, "")));
+      FNs.ev(fontSize) || CLS.push("ftsz" + ((_c = String(fontSize)) == null ? void 0 : _c.replace(/\..*/, "")));
+      FNs.ev(fontWeight) || CLS.push("ftwt" + (fontWeight == null ? void 0 : fontWeight.replace(/\..*/, "")));
+      FNs.ev(bgc) || CLS.push("bgc" + ((_d = String(bgc)) == null ? void 0 : _d.replace(/\..*/, "")));
+      FNs.ev(boxShadow) || CLS.push("bs" + boxShadow);
+      let _mrgT, _mrgR, _mrgB, _mrgL;
+      if ($$.is.exist(mrg)) {
+        if ($$.is.array(mrg)) {
+          if (mrg.length == 2)
+            [_mrgT, _mrgR, _mrgB, _mrgL] = [...mrg, ...mrg];
+          else if (mrg.length == 4)
+            [_mrgT, _mrgR, _mrgB, _mrgL] = mrg;
+        } else
+          _mrgT = _mrgR = _mrgB = _mrgL = mrg;
+        mrgT = mrgT != null ? mrgT : _mrgT;
+        mrgR = mrgR != null ? mrgR : _mrgR;
+        mrgB = mrgB != null ? mrgB : _mrgB;
+        mrgL = mrgL != null ? mrgL : _mrgL;
+      }
+      FNs.ev(mrgT) || CLS.push("mrgt" + mrgT);
+      FNs.ev(mrgR) || CLS.push("mrgr" + mrgR);
+      FNs.ev(mrgB) || CLS.push("mrgb" + mrgB);
+      FNs.ev(mrgL) || CLS.push("mrgl" + mrgL);
+      let _pdT, _pdR, _pdB, _pdL;
+      if ($$.is.exist(pd)) {
+        if ($$.is.array(pd)) {
+          if (pd.length == 2)
+            [_pdT, _pdR, _pdB, _pdL] = [...pd, ...pd];
+          else if (pd.length == 4)
+            [_pdT, _pdR, _pdB, _pdL] = pd;
+        } else
+          _pdT = _pdR = _pdB = _pdL = pd;
+        pdT = pdT != null ? pdT : _pdT;
+        pdR = pdR != null ? pdR : _pdR;
+        pdB = pdB != null ? pdB : _pdB;
+        pdL = pdL != null ? pdL : _pdL;
+      }
+      FNs.ev(pdT) || CLS.push("pdt" + pdT);
+      FNs.ev(pdR) || CLS.push("pdr" + pdR);
+      FNs.ev(pdB) || CLS.push("pdb" + pdB);
+      FNs.ev(pdL) || CLS.push("pdl" + pdL);
+      FNs.ev(T) || CLS.push("pstt" + T);
+      FNs.ev(R) || CLS.push("pstr" + R);
+      FNs.ev(B) || CLS.push("pstb" + B);
+      FNs.ev(L) || CLS.push("pstl" + L);
+      {
+        {
+          if ($$.is.exist(b)) {
+            bT = bT != null ? bT : b;
+            bR = bR != null ? bR : b;
+            bB = bB != null ? bB : b;
+            bL = bL != null ? bL : b;
+          }
+          if ($$.is.boolean(bT))
+            bT = ["unset", "2.normal"][Number(bT)];
+          if ($$.is.boolean(bR))
+            bR = ["unset", "2.normal"][Number(bR)];
+          if ($$.is.boolean(bB))
+            bB = ["unset", "2.normal"][Number(bB)];
+          if ($$.is.boolean(bL))
+            bL = ["unset", "2.normal"][Number(bL)];
+          FNs.ev(bT) || CLS.push("b_t_ss" + ((_e = String(bT)) == null ? void 0 : _e.replace(/\..*/, "")));
+          FNs.ev(bR) || CLS.push("b_r_ss" + ((_f = String(bR)) == null ? void 0 : _f.replace(/\..*/, "")));
+          FNs.ev(bB) || CLS.push("b_b_ss" + ((_g = String(bB)) == null ? void 0 : _g.replace(/\..*/, "")));
+          FNs.ev(bL) || CLS.push("b_l_ss" + ((_h = String(bL)) == null ? void 0 : _h.replace(/\..*/, "")));
+        }
+        if ($$.is.exist(bWidth))
+          CLS.push("b_wth" + String(bWidth));
+        if ($$.is.exist(bColor))
+          CLS.push("b_cl" + String(bColor));
+        if ($$.is.exist(bStyle))
+          CLS.push("b_st" + String(bStyle));
+        {
+          let _brTL, _brTR, _brBL, _brBR;
+          if ($$.is.exist(br)) {
+            if ($$.is.array(br)) {
+              if (br.length == 4)
+                [_brTL, _brTR, _brBR, _brBL] = br;
+            } else {
+              _brTL = _brTR = _brBL = _brBR = br;
+            }
+            brTL = brTL != null ? brTL : _brTL;
+            brTR = brTR != null ? brTR : _brTR;
+            brBL = brBL != null ? brBL : _brBL;
+            brBR = brBR != null ? brBR : _brBR;
+          }
+        }
+        FNs.ev(brTL) || CLS.push("br_tl" + FNs.toConcreteBorderRadius(brTL));
+        FNs.ev(brTR) || CLS.push("br_tr" + FNs.toConcreteBorderRadius(brTR));
+        FNs.ev(brBL) || CLS.push("br_bl" + FNs.toConcreteBorderRadius(brBL));
+        FNs.ev(brBR) || CLS.push("br_br" + FNs.toConcreteBorderRadius(brBR));
+      }
+      FNs.ev(opacity) || CLS.push("op" + opacity);
+      if ($$.is.exist(gap)) {
+        let gapRow, gapCol;
+        if ($$.is.array(gap))
+          gapRow = gap[0], gapCol = gap[1];
+        else
+          gapRow = gapCol = gap;
+        CLS.push(...["gapRow" + gapRow, "gapCol" + gapCol]);
+      }
+      FNs.ev(flexSizing) || CLS.push("flsz" + flexSizing);
+      FNs.ev(flexWrap) || CLS.push("flwrp" + flexWrap);
+      FNs.ev(flexType) || CLS.push("fltyp" + flexType);
+      FNs.ev(flexChilds) || CLS.push("flchld" + flexChilds);
+      FNs.ev(flexGrid) || CLS.push("flgrid" + flexGrid);
+      FNs.ev(verticalAlign) || CLS.push("flvrt" + verticalAlign);
+      FNs.ev(horizontalAlign) || CLS.push("flhrz" + horizontalAlign);
+      FNs.ev(gridCenter) || CLS.push("grcnt" + gridCenter);
+      FNs.ev(gridCols) || CLS.push("grcol" + gridCols);
+      FNs.ev(height) || CLS.push("hgt" + height);
+      FNs.ev(width) || CLS.push("wdt" + width);
+      FNs.ev(unitHeight) || CLS.push("unthgt" + unitHeight);
+      FNs.ev(unitWidth) || CLS.push("untwdt" + unitWidth);
+      FNs.ev(transition) || CLS.push("trnst" + transition);
+      FNs.ev(maxHeight) || CLS.push("maxh" + maxHeight);
+      FNs.ev(minHeight) || CLS.push("minh" + minHeight);
+      FNs.ev(maxWidth) || CLS.push("maxw" + maxWidth);
+      FNs.ev(minWidth) || CLS.push("minw" + minWidth);
+    }
+    return {
+      otherParams: others,
+      className: CLS.length ? type + CLS.join(" " + type) : ""
+    };
+  }
+};
+const ReadStyleSet = (rawParams) => {
+  let params = __spreadValues({}, rawParams);
+  let _a = params, {
+    gradients,
+    ssCardBox,
+    ssSphere,
+    ssSquare,
+    ssPushable,
+    ssAbsoluteCovered,
+    ssTextEllipsis,
+    flexCenter,
+    flexNewLine,
+    isLightFont,
+    isBoldFont,
+    isSemiBoldFont,
+    isRounded
+  } = _a, ReturnParams = __objRest(_a, [
+    "gradients",
+    "ssCardBox",
+    "ssSphere",
+    "ssSquare",
+    "ssPushable",
+    "ssAbsoluteCovered",
+    "ssTextEllipsis",
+    "flexCenter",
+    "flexNewLine",
+    "isLightFont",
+    "isBoldFont",
+    "isSemiBoldFont",
+    "isRounded"
+  ]);
+  if (gradients) {
+    let {
+      deg,
+      colors
+    } = gradients;
+    ReturnParams = __spreadProps(__spreadValues({}, ReturnParams), {
+      freeCSS: __spreadProps(__spreadValues({}, ReturnParams.freeCSS), {
+        background: `linear-gradient(${deg}deg,${colors.join(",")})`
+      })
+    });
+  }
+  if (ssCardBox) {
+    if (ssCardBox === true) {
+      ssCardBox = "border";
+    }
+    let exStyles = {
+      backgroundColor: "1.layer.base",
+      borderRadius: "1.tone.primary",
+      boxShadow: "0.thin",
+      freeCSS: {
+        zIndex: 1
+      }
+    };
+    if (ssCardBox == "border") {
+      exStyles.border = true;
+    } else if (ssCardBox == "layer") {
+      exStyles.backgroundColor = "1.layer.base";
+    } else if (ssCardBox == "cloud") {
+      exStyles.backgroundColor = "cloud";
+    } else if (ssCardBox == "shadow") {
+      exStyles.boxShadow = "0.normal";
+    }
+    if (["dim", "dark"].includes(Config.get().darkMode))
+      exStyles.boxShadow = "1.remark";
+    ReturnParams = __spreadProps(__spreadValues(__spreadValues({}, exStyles), ReturnParams), {
+      freeCSS: __spreadValues(__spreadValues({}, exStyles.freeCSS), ReturnParams.freeCSS),
+      UnderBreakPointStyles: __spreadValues(__spreadValues({}, exStyles.UnderBreakPointStyles), ReturnParams.UnderBreakPointStyles)
+    });
+  }
+  if (ssSphere) {
+    flexCenter = flexCenter != null ? flexCenter : true;
+    ReturnParams = __spreadValues({
+      padding: 0,
+      unitWidth: ssSphere,
+      unitHeight: ssSphere,
+      borderRadius: "sphere",
+      flexSizing: "none"
+    }, ReturnParams);
+  }
+  if (ssSquare) {
+    flexCenter = flexCenter != null ? flexCenter : true;
+    ReturnParams = __spreadValues({
+      padding: 0,
+      unitWidth: ssSquare,
+      unitHeight: ssSquare,
+      flexSizing: "none"
+    }, ReturnParams);
+  }
+  !ssPushable || (ReturnParams = __spreadProps(__spreadValues({
+    transition: "middle"
+  }, ReturnParams), {
+    className: [
+      ReturnParams.className,
+      "ssPushable"
+    ].join(" ")
+  }));
+  !ssAbsoluteCovered || (ReturnParams = __spreadValues({
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  }, ReturnParams));
+  !ssTextEllipsis || (ReturnParams = __spreadProps(__spreadValues({
+    overflow: "hidden"
+  }, ReturnParams), {
+    freeCSS: __spreadValues({
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
+    }, ReturnParams.freeCSS)
+  }));
+  !flexNewLine || (ReturnParams = __spreadValues({
+    width: 1,
+    flexSizing: "none"
+  }, ReturnParams));
+  !flexCenter || (ReturnParams = __spreadValues({
+    display: "flex",
+    horizontalAlign: "center",
+    verticalAlign: "center"
+  }, ReturnParams));
+  !isLightFont || (ReturnParams = __spreadProps(__spreadValues({}, ReturnParams), {
+    fontWeight: "1.light"
+  }));
+  !isSemiBoldFont || (ReturnParams = __spreadProps(__spreadValues({}, ReturnParams), {
+    fontWeight: "3.semiBold"
+  }));
+  !isBoldFont || (ReturnParams = __spreadProps(__spreadValues({}, ReturnParams), {
+    fontWeight: "4.bold"
+  }));
+  !isRounded || (ReturnParams = __spreadProps(__spreadValues({}, ReturnParams), {
+    borderRadius: "sphere"
+  }));
+  return ReturnParams;
+};
+const GenerateClassName = (rawParams) => {
+  let params = ReadStyleSet(rawParams);
+  let _a = params, {
+    componentID,
+    UnderBreakPointStyles = {},
+    className = "",
+    freeCSS = {},
+    ssEffectsOnActive,
+    ssLastChildLossBorder
+  } = _a, others = __objRest(_a, [
+    "componentID",
+    "UnderBreakPointStyles",
+    "className",
+    "freeCSS",
+    "ssEffectsOnActive",
+    "ssLastChildLossBorder"
+  ]);
+  let ClassNames = [className];
+  if (ssLastChildLossBorder) {
+    ClassNames.push("ssLastChildLossBorder_" + ssLastChildLossBorder);
+  }
+  if (ssEffectsOnActive) {
+    ssEffectsOnActive = $$.flatArray(ssEffectsOnActive);
+    for (let effect of ssEffectsOnActive)
+      ClassNames.push(...["eff_" + effect, "eff_" + effect.split(".")[0]]);
+  }
+  {
+    let result = FNs.ClassNames("amotf_", others);
+    ClassNames.push(result.className);
+    others = result.otherParams;
+  }
+  if (UnderBreakPointStyles)
+    ClassNames.push(FNs.ClassNames("amotf_bp", UnderBreakPointStyles).className);
+  let states = __spreadValues({}, others);
+  if (freeCSS)
+    states.style = __spreadValues(__spreadValues({}, freeCSS), states.style);
+  if (componentID || states["data-component-id"]) {
+    states["data-component-id"] = states["data-component-id"] || componentID;
+  }
+  if (ClassNames.length) {
+    states.className = ClassNames.join(" ").trim().replace(/%/ig, "P").replace(/\d+px/ig, "PIX").replace(/\s+/ig, " ").replace(/\//ig, "_").replace(/\./ig, "-");
+  }
+  return states;
+};
+export {
+  GenerateClassName,
+  ReadStyleSet
+};

package/dist/@utils/LaunchReactApp.js

@@ -1 +1,78 @@
-import"../chunk-VY3566IV.js";import{Fragment as R,jsx as e,jsxs as f}from"react/jsx-runtime";import{$$ as a,Config as o}from"./_";import l from"react";import M from"react-dom/client";import*as y from"react-router-dom";import A from"./useRecycle";import E from"../atoms/Box";import b from"../fn/Sheet";import k from"../fn/Snackbar";import x from"../fn/Loader/_";import d from"../fn/Effect/_";const I=t=>{let r=A.set("RootViewController_"+o.get().sessionUID);return l.createElement("amotify-app",{id:"appRoot_"+o.get().sessionUID},f(R,{children:[e(d.Pudding.Wrapper,{}),e(d.Ripple.Wrapper,{}),e(x.Wrapper,{}),e(k.Wrapper,{}),e(b.Wrapper,{}),e(E,{className:`AMOTIFY_be AMOTIFY_be_root ${t.originClassName}`,children:e(y.BrowserRouter,{children:t.children},r)})]}))},c=t=>{let{shadowRoot:r,baseElement:u,reactElement:n,inlineCSS:h,originClassName:C="AMOTIFY_be_origin",appearances:g}=t,s=a(u);if(!s[0]||!n)return;r&&o.update.appRoot(r);let{roundness:i,themeColor:p,darkMode:m}=g||{};a.is.exist(i)&&o.update.roundness(i),a.is.exist(p)&&o.update.themeColor(p),a.is.exist(m)&&o.update.darkMode(m),M.createRoot(s[0]).render(f(R,{children:[e("style",{children:h}),e(I,{originClassName:C,children:n})]}))};export{c as LaunchReactApp,l as React,c as default};
+import "../chunk-JJ3PEWPN.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  $$,
+  Config
+} from "./_";
+import React from "react";
+import defaultReactDOMClient from "react-dom/client";
+import * as ReactRouterDOM from "react-router-dom";
+import useRecycle from "./useRecycle";
+import Box from "../atoms/Box";
+import Sheet from "../fn/Sheet";
+import Snackbar from "../fn/Snackbar";
+import Loader from "../fn/Loader/_";
+import Effect from "../fn/Effect/_";
+const AmotifyRoot = (params) => {
+  let Key = useRecycle.set("RootViewController_" + Config.get().sessionUID);
+  return React.createElement(
+    "amotify-app",
+    {
+      id: "appRoot_" + Config.get().sessionUID
+    },
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Effect.Pudding.Wrapper, {}),
+      /* @__PURE__ */ jsx(Effect.Ripple.Wrapper, {}),
+      /* @__PURE__ */ jsx(Loader.Wrapper, {}),
+      /* @__PURE__ */ jsx(Snackbar.Wrapper, {}),
+      /* @__PURE__ */ jsx(Sheet.Wrapper, {}),
+      /* @__PURE__ */ jsx(Box, { className: `AMOTIFY_be AMOTIFY_be_root ${params.originClassName}`, children: /* @__PURE__ */ jsx(
+        ReactRouterDOM.BrowserRouter,
+        {
+          children: params.children
+        },
+        Key
+      ) })
+    ] })
+  );
+};
+const LaunchReactApp = (params) => {
+  let {
+    shadowRoot,
+    baseElement,
+    reactElement,
+    inlineCSS,
+    originClassName = "AMOTIFY_be_origin",
+    appearances
+  } = params;
+  let base = $$(baseElement);
+  if (!base[0])
+    return;
+  if (!reactElement)
+    return;
+  if (shadowRoot)
+    Config.update.appRoot(shadowRoot);
+  let {
+    roundness,
+    themeColor,
+    darkMode
+  } = appearances || {};
+  $$.is.exist(roundness) && Config.update.roundness(roundness);
+  $$.is.exist(themeColor) && Config.update.themeColor(themeColor);
+  $$.is.exist(darkMode) && Config.update.darkMode(darkMode);
+  defaultReactDOMClient.createRoot(base[0]).render(/* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { children: inlineCSS }),
+    /* @__PURE__ */ jsx(
+      AmotifyRoot,
+      {
+        originClassName,
+        children: reactElement
+      }
+    )
+  ] }));
+};
+export {
+  LaunchReactApp,
+  React,
+  LaunchReactApp as default
+};

package/dist/@utils/_.js

@@ -1 +1,12 @@
-export*from"../@declaration/_";export*from"./jsminEx";export*from"./config";export*from"./useStore";export*from"./useRecycle";export*from"./collectForm";export*from"./pageTransit";export*from"./color";export*from"./GenerateClassName";export*from"./LaunchReactApp";export*from"./getElement";export*from"./fin";
+export * from "../@declaration/_";
+export * from "./jsminEx";
+export * from "./config";
+export * from "./useStore";
+export * from "./useRecycle";
+export * from "./collectForm";
+export * from "./pageTransit";
+export * from "./color";
+export * from "./GenerateClassName";
+export * from "./LaunchReactApp";
+export * from "./getElement";
+export * from "./fin";

package/dist/@utils/collectForm.js

@@ -1 +1,96 @@
-import{e as m}from"../chunk-VY3566IV.js";import u from"@mingoo/jsmin";import b from"./useStore";let f=!1;const d=h=>m(void 0,null,function*(){if(f)return{valid:!1,data:{}};let c=document.activeElement;c&&c.blur(),f=!0;let s=u(`[data-form="${h}"]`),o=1,n={};for(let i=0;i<s.length;i++){let N=s[i],{componentId:O=""}=N.dataset,a=b.get(O);a&&a.Refresh&&(yield a.Refresh());let{value:F,name:r,checked:S,dataset:{value:y,name:J="",inputType:t="",validation:l}}=s[i],e=y;r=r||J,l=+((l!=null?l:"true")=="true"),t=="hidden"?e&&(e=JSON.parse(e)):["radio","checkbox","checker"].includes(t)?e&&(e=JSON.parse(e),u.is.array(e)?e=e.map(p=>JSON.parse(p)):e=JSON.parse(e),t=="radio"&&(e=e[0]),t=="checker"&&(e=!!e[0])):["chips-single","chips-multi"].includes(t)?(e=JSON.parse(e),e.length&&t=="chips-single"&&(e=e[0])):t=="time"||t=="select"||t=="richSelect"?e&&(e=JSON.parse(e)):t=="file"?a&&(e=a.Files):t=="slider"?e&&(e=JSON.parse(e)):t=="switch"&&(e=S|0);let g=(l!=null?l:1)|0;o&=g,l&&(n[r]=e)}return f=!1,{valid:!!o,data:n}});export{d as collectForm,d as default};
+import {
+  __async
+} from "../chunk-JJ3PEWPN.js";
+import $$ from "@mingoo/jsmin";
+import useStore from "./useStore";
+let formProcess = false;
+const collectForm = (form) => __async(void 0, null, function* () {
+  if (formProcess)
+    return {
+      valid: false,
+      data: {}
+    };
+  let focusElement = document.activeElement;
+  if (focusElement)
+    focusElement.blur();
+  formProcess = true;
+  let Inputs = $$(`[data-form="${form}"]`), totalValid = 1, Values = {};
+  for (let index = 0; index < Inputs.length; index++) {
+    let Input = Inputs[index];
+    let { componentId = "" } = Input.dataset;
+    let componentData = useStore.get(componentId);
+    if (componentData && componentData.Refresh)
+      yield componentData.Refresh();
+    let {
+      value: displayValue,
+      name,
+      checked,
+      dataset: {
+        value,
+        name: dataName = "",
+        inputType = "",
+        validation
+      }
+    } = Inputs[index];
+    let Value = value;
+    name = name || dataName;
+    validation = Number((validation != null ? validation : "true") == "true");
+    if (inputType == "hidden") {
+      if (Value)
+        Value = JSON.parse(Value);
+    } else if (["radio", "checkbox", "checker"].includes(inputType)) {
+      if (Value) {
+        Value = JSON.parse(Value);
+        if ($$.is.array(Value)) {
+          Value = Value.map((v) => JSON.parse(v));
+        } else {
+          Value = JSON.parse(Value);
+        }
+        if (inputType == "radio") {
+          Value = Value[0];
+        }
+        if (inputType == "checker") {
+          Value = Boolean(Value[0]);
+        }
+      }
+    } else if (["chips-single", "chips-multi"].includes(inputType)) {
+      Value = JSON.parse(Value);
+      if (Value.length) {
+        if (inputType == "chips-single")
+          Value = Value[0];
+      }
+    } else if (inputType == "time") {
+      if (Value)
+        Value = JSON.parse(Value);
+    } else if (inputType == "select") {
+      if (Value)
+        Value = JSON.parse(Value);
+    } else if (inputType == "richSelect") {
+      if (Value)
+        Value = JSON.parse(Value);
+    } else if (inputType == "file") {
+      if (componentData) {
+        let files = componentData.Files;
+        Value = files;
+      }
+    } else if (inputType == "slider") {
+      if (Value)
+        Value = JSON.parse(Value);
+    } else if (inputType == "switch") {
+      Value = checked | 0;
+    }
+    let valid = (validation != null ? validation : 1) | 0;
+    totalValid &= valid;
+    if (validation)
+      Values[name] = Value;
+  }
+  formProcess = false;
+  return {
+    valid: Boolean(totalValid),
+    data: Values
+  };
+});
+export {
+  collectForm,
+  collectForm as default
+};