amotify 0.1.33 → 0.1.34

package/dist/@declaration/_.js

@@ -1 +1 @@
-import "./module";
+import"./module";

package/dist/@declaration/property.d.ts

@@ -45,9 +45,9 @@ export declare namespace Borders {
         borderBottomLeftRadius?: Radius;
         borderBottomRightRadius?: Radius;
     };
-    type Border = boolean | '0.trans' | '1.thin' | '2.normal' | '3.strong' | 'unset';
+    type Border = boolean | '0.trans' | '1.thin' | '2.normal' | 'dark' | 'unset';
     type Width = 0 | 1 | 2 | 3 | 4;
-    type Color = '0.trans' | '1.thin' | '2.normal' | '3.strong' | 'theme' | 'posi' | 'nega' | 'warn' | 'white';
+    type Color = '0.trans' | '1.thin' | '2.normal' | 'dark' | 'theme' | 'posi' | 'nega' | 'warn' | 'white';
     type Style = 'solid' | 'dashed' | 'double' | 'dotted' | 'none';
     type Radius = 0 | '1/3' | '2/3' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 'sphere' | 'inherit' | '1.tone.primary' | '2.tone.secondary' | '3.tone.tertiary';
 }

package/dist/@styles/componentClasses/_.css

@@ -1,6 +1,6 @@
 /**
 * @license amotify
-* amotify 0.1.32
+* amotify 0.1.34
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.

package/dist/@styles/index.css

@@ -1,6 +1,6 @@
 /**
 * @license amotify
-* amotify 0.1.32
+* amotify 0.1.34
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.

package/dist/@styles/init.css

@@ -1,6 +1,6 @@
 /**
 * @license amotify
-* amotify 0.1.32
+* amotify 0.1.34
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.

package/dist/@styles/style.css

@@ -1,6 +1,6 @@
 /**
 * @license amotify
-* amotify 0.1.32
+* amotify 0.1.34
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
@@ -4336,6 +4336,9 @@ amotify-app {
 .amotf_b_t_ss2 {
   border-top: 1px solid var(--border-color-normal);
 }
+.amotf_b_t_ssdark {
+  border-top: 1px solid var(--color-dark);
+}
 .amotf_b_t_ssunset {
   border-top-style: unset !important;
   border-top-width: unset !important;
@@ -4350,6 +4353,9 @@ amotify-app {
 .amotf_b_r_ss2 {
   border-right: 1px solid var(--border-color-normal);
 }
+.amotf_b_r_ssdark {
+  border-right: 1px solid var(--color-dark);
+}
 .amotf_b_r_ssunset {
   border-right-style: unset !important;
   border-right-width: unset !important;
@@ -4364,6 +4370,9 @@ amotify-app {
 .amotf_b_b_ss2 {
   border-bottom: 1px solid var(--border-color-normal);
 }
+.amotf_b_b_ssdark {
+  border-bottom: 1px solid var(--color-dark);
+}
 .amotf_b_b_ssunset {
   border-bottom-style: unset !important;
   border-bottom-width: unset !important;
@@ -4378,6 +4387,9 @@ amotify-app {
 .amotf_b_l_ss2 {
   border-left: 1px solid var(--border-color-normal);
 }
+.amotf_b_l_ssdark {
+  border-left: 1px solid var(--color-dark);
+}
 .amotf_b_l_ssunset {
   border-left-style: unset !important;
   border-left-width: unset !important;
@@ -4407,6 +4419,9 @@ amotify-app {
 .amotf_b_cl2 {
   border-color: var(--border-color-normal);
 }
+.amotf_b_cldark {
+  border-color: var(--color-dark);
+}
 .amotf_b_cltheme {
   border-color: hsl(var(--color-theme-hsl));
 }
@@ -6561,6 +6576,9 @@ amotify-app {
   .amotf_bpb_t_ss2 {
     border-top: 1px solid var(--border-color-normal);
   }
+  .amotf_bpb_t_ssdark {
+    border-top: 1px solid var(--color-dark);
+  }
   .amotf_bpb_t_ssunset {
     border-top-style: unset !important;
     border-top-width: unset !important;
@@ -6575,6 +6593,9 @@ amotify-app {
   .amotf_bpb_r_ss2 {
     border-right: 1px solid var(--border-color-normal);
   }
+  .amotf_bpb_r_ssdark {
+    border-right: 1px solid var(--color-dark);
+  }
   .amotf_bpb_r_ssunset {
     border-right-style: unset !important;
     border-right-width: unset !important;
@@ -6589,6 +6610,9 @@ amotify-app {
   .amotf_bpb_b_ss2 {
     border-bottom: 1px solid var(--border-color-normal);
   }
+  .amotf_bpb_b_ssdark {
+    border-bottom: 1px solid var(--color-dark);
+  }
   .amotf_bpb_b_ssunset {
     border-bottom-style: unset !important;
     border-bottom-width: unset !important;
@@ -6603,6 +6627,9 @@ amotify-app {
   .amotf_bpb_l_ss2 {
     border-left: 1px solid var(--border-color-normal);
   }
+  .amotf_bpb_l_ssdark {
+    border-left: 1px solid var(--color-dark);
+  }
   .amotf_bpb_l_ssunset {
     border-left-style: unset !important;
     border-left-width: unset !important;
@@ -6632,6 +6659,9 @@ amotify-app {
   .amotf_bpb_cl2 {
     border-color: var(--border-color-normal);
   }
+  .amotf_bpb_cldark {
+    border-color: var(--color-dark);
+  }
   .amotf_bpb_cltheme {
     border-color: hsl(var(--color-theme-hsl));
   }

package/dist/@styles/var.css

@@ -1,6 +1,6 @@
 /**
 * @license amotify
-* amotify 0.1.32
+* amotify 0.1.34
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.

package/dist/@utils/GenerateClassName.js

@@ -1,470 +1 @@
-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
-};
+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};

package/dist/@utils/LaunchReactApp.d.ts

@@ -4,7 +4,7 @@ import React from 'react';
 export { React };
 declare namespace LaunchReactApp {
     type Input = {
-        shadowRoot?: ShadowRoot;
+        appRoot?: HTMLElement | ShadowRoot;
         baseElement: $$.Args;
         reactElement: ReactElement;
         inlineCSS?: string;