amotify 0.1.34 → 0.1.35

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

@@ -83,7 +83,7 @@ export declare namespace Fonts {
         textAlign?: 'left' | 'center' | 'right';
     };
     type Weight = '0.thin' | '1.light' | '2.normal' | '3.semiBold' | '4.bold' | '5.extraBold' | 'inherit' | 'lighter' | 'bolder';
-    type Color = Others.UniColors | '1.clear' | '2.normal' | '3.blur' | '4.thin' | '5.translucent' | '6.clear' | 'mono' | 'monoSecond' | 'logo' | 'trans';
+    type Color = Others.UniColors | '1.clear' | '2.normal' | '3.blur' | '4.thin' | '5.translucent' | '6.clear' | 'mono.potivite' | 'mono.negative' | 'logo' | 'trans';
     type Size = '0.xs' | '1.mini' | '2.normal' | '3.paragraph' | '4.thirdTitle' | '5.subTitle' | '6.title' | '7.landing' | '8.xl' | 'inherit';
 }
 export declare namespace Sizes {
@@ -114,7 +114,7 @@ export declare namespace Others {
     type overflowUnit = 'auto' | 'hidden' | 'scroll' | 'visible' | 'unset';
     type overflow = overflowUnit | [overflowUnit, overflowUnit];
     type UniColors = 'inherit' | 'theme' | 'posi' | 'nega' | 'warn' | 'white' | 'black' | ThemeColor;
-    type BackgroundColor = UniColors | '1.layer.base' | '2.layer.cloud' | '3.layer.canvas' | '4.layer.darken' | '5.layer.darker' | '6.layer.darkest' | 'cloud' | 'lcOpFew' | 'lcOpLow' | 'lcOpMiddle' | 'lcOpHigh' | 'tcOpFew' | 'tcOpLow' | 'tcOpMiddle' | 'tcOpHigh' | 'tcLighten' | 'tcLighter' | 'tcLightest' | 'tcDarken' | 'tcDarker' | 'tcDarkest' | 'negaOpLow' | 'negaOpMiddle' | 'posiOpLow' | 'posiOpMiddle' | 'trans' | 'dark' | 'monoPrime' | 'monoSecond' | 'none';
+    type BackgroundColor = UniColors | 'layer.1' | 'layer.2' | 'layer.3' | 'layer.4' | 'layer.5' | 'layer.6' | 'layer.1.opa.few' | 'layer.1.opa.low' | 'layer.1.opa.middle' | 'layer.1.opa.high' | 'layer.4.opa.few' | 'layer.4.opa.low' | 'layer.4.opa.middle' | 'layer.4.opa.high' | 'theme.opa.few' | 'theme.opa.low' | 'theme.opa.middle' | 'theme.opa.high' | 'theme.lighten' | 'theme.lighter' | 'theme.lightest' | 'theme.darken' | 'theme.darker' | 'theme.darkest' | 'nega.opa.low' | 'nega.opa.middle' | 'posi.opa.low' | 'posi.opa.middle' | 'mono.positive' | 'mono.negative' | 'cloud' | 'dark' | 'trans' | 'none';
     type TRBL = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 2 | 3 | 4 | '50%' | '100%';
     type EffectsOnActive = 'ripple.white' | 'ripple.cloud' | 'ripple.theme' | 'push' | 'expand' | 'shrink' | 'pudding' | 'fade' | 'none';
 }

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

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

package/dist/@styles/index.css

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

package/dist/@styles/init.css

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

package/dist/@styles/style.css

@@ -1,6 +1,6 @@
 /**
 * @license amotify
-* amotify 0.1.34
+* amotify 0.1.35
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
@@ -536,11 +536,11 @@
     241,
     243,
     248;
-  --color-monoPrime-rgb:
+  --color-mono-positive-rgb:
     0,
     0,
     0;
-  --color-monoSecond-rgb:
+  --color-mono-negative-rgb:
     255,
     255,
     255;
@@ -1039,11 +1039,11 @@
     27,
     28,
     28;
-  --color-monoPrime-rgb:
+  --color-mono-positive-rgb:
     255,
     255,
     255;
-  --color-monoSecond-rgb:
+  --color-mono-negative-rgb:
     0,
     0,
     0;
@@ -1120,11 +1120,11 @@
     27,
     28,
     28;
-  --color-monoPrime-rgb:
+  --color-mono-positive-rgb:
     255,
     255,
     255;
-  --color-monoSecond-rgb:
+  --color-mono-negative-rgb:
     0,
     0,
     0;
@@ -1202,11 +1202,11 @@
       27,
       28,
       28;
-    --color-monoPrime-rgb:
+    --color-mono-positive-rgb:
       255,
       255,
       255;
-    --color-monoSecond-rgb:
+    --color-mono-negative-rgb:
       0,
       0,
       0;
@@ -2950,22 +2950,22 @@ amotify-app {
 .amotf_txalgright {
   text-align: right;
 }
-.amotf_ftcl1 {
+.amotf_ftcl1_clear {
   color: rgb(var(--font-color1-rgb));
 }
-.amotf_ftcl2 {
+.amotf_ftcl2_normal {
   color: rgb(var(--font-color2-rgb));
 }
-.amotf_ftcl3 {
+.amotf_ftcl3_blur {
   color: rgb(var(--font-color3-rgb));
 }
-.amotf_ftcl4 {
+.amotf_ftcl4_thin {
   color: rgb(var(--font-color4-rgb));
 }
-.amotf_ftcl5 {
+.amotf_ftcl5_translucent {
   color: rgb(var(--font-color5-rgb));
 }
-.amotf_ftcl6 {
+.amotf_ftcl6_clear {
   color: rgb(var(--font-color6-rgb));
 }
 .amotf_ftclinherit {
@@ -2992,14 +2992,11 @@ amotify-app {
 .amotf_ftclblack {
   color: #0a0a0a;
 }
-.amotf_ftclmono {
-  color: rgba(var(--color-monoPrime-rgb));
+.amotf_ftclmono_positive {
+  color: rgba(var(--color-mono-positive-rgb));
 }
-.amotf_ftclmonoPrime {
-  color: rgba(var(--color-monoPrime-rgb));
-}
-.amotf_ftclmonoSecond {
-  color: rgba(var(--color-monoSecond-rgb));
+.amotf_ftclmono_negative {
+  color: rgba(var(--color-mono-negative-rgb));
 }
 .amotf_ftcltrans {
   color: transparent;
@@ -3262,88 +3259,100 @@ amotify-app {
 .amotf_ftwtbolder {
   font-weight: bolder;
 }
-.amotf_bgc1 {
+.amotf_bgclayer_1 {
   background-color: hsl(var(--color-layer1-hsl));
 }
-.amotf_bgc2 {
+.amotf_bgclayer_2 {
   background-color: hsl(var(--color-layer2-hsl));
 }
-.amotf_bgc3 {
+.amotf_bgclayer_3 {
   background-color: hsl(var(--color-layer3-hsl));
 }
-.amotf_bgc4 {
+.amotf_bgclayer_4 {
   background-color: hsl(var(--color-layer4-hsl));
 }
-.amotf_bgc5 {
+.amotf_bgclayer_5 {
   background-color: hsl(var(--color-layer5-hsl));
 }
-.amotf_bgc6 {
+.amotf_bgclayer_6 {
   background-color: hsl(var(--color-layer6-hsl));
 }
-.amotf_bgccloud {
-  background-color: rgba(var(--color-cloud-rgb), 1);
+.amotf_bgclayer_1_opa_few {
+  background-color: var(--color-layer1-hsl), 0.15;
+}
+.amotf_bgclayer_1_opa_low {
+  background-color: var(--color-layer1-hsl), 0.3;
+}
+.amotf_bgclayer_1_opa_middle {
+  background-color: var(--color-layer1-hsl), 0.4;
 }
-.amotf_bgclcOpFew {
-  background-color: hsla(var(--color-layer4-hsl), 0.15);
+.amotf_bgclayer_1_opa_high {
+  background-color: var(--color-layer1-hsl), 0.6;
 }
-.amotf_bgclcOpLow {
-  background-color: hsla(var(--color-layer4-hsl), 0.3);
+.amotf_bgclayer_4_opa_few {
+  background-color: var(--color-layer4-hsl), 0.15;
 }
-.amotf_bgclcOpMiddle {
-  background-color: hsla(var(--color-layer4-hsl), 0.4);
+.amotf_bgclayer_4_opa_low {
+  background-color: var(--color-layer4-hsl), 0.3;
 }
-.amotf_bgclcOpHigh {
-  background-color: hsla(var(--color-layer4-hsl), 0.6);
+.amotf_bgclayer_4_opa_middle {
+  background-color: var(--color-layer4-hsl), 0.4;
+}
+.amotf_bgclayer_4_opa_high {
+  background-color: var(--color-layer4-hsl), 0.6;
+}
+.amotf_bgccloud {
+  background-color: rgba(var(--color-cloud-rgb), 1);
 }
 .amotf_bgctheme {
   background-color: hsl(var(--color-theme-hsl));
 }
-.amotf_bgctcOpFew {
+.amotf_bgctheme_opa_few {
   background-color: hsla(var(--color-theme-hsl), var(--color-theme-opacity-few));
 }
-.amotf_bgctcOpLow {
+.amotf_bgctheme_opa_low {
   background-color: hsla(var(--color-theme-hsl), var(--color-theme-opacity-low));
 }
-.amotf_bgctcOpMiddle {
+.amotf_bgctheme_opa_middle {
   background-color: hsla(var(--color-theme-hsl), var(--color-theme-opacity-middle));
 }
-.amotf_bgctcOpHigh {
+.amotf_bgctheme_opa_high {
   background-color: hsla(var(--color-theme-hsl), var(--color-theme-opacity-high));
 }
-.amotf_bgctcLighten {
+.amotf_bgctheme_lighten {
   background-color: hsl(var(--cH), calc(var(--cS) * 1.1), calc(var(--cL) * 1.1));
 }
-.amotf_bgctcLighter {
+.amotf_bgctheme_lighter {
   background-color: hsl(var(--cH), calc(var(--cS) * 1.2), calc(var(--cL) * 1.25));
 }
-.amotf_bgctcLightest {
+.amotf_bgctheme_lightest {
   background-color: hsl(var(--cH), calc(var(--cS) * 1.3), calc(var(--cL) * 1.4));
 }
-.amotf_bgctcDarken {
+.amotf_bgctheme_darken {
   background-color: hsl(var(--cH), calc(var(--cS) * 0.9), calc(var(--cL) * 0.9));
 }
-.amotf_bgctcDarker {
+.amotf_bgctheme_darker {
   background-color: hsl(var(--cH), calc(var(--cS) * 0.8), calc(var(--cL) * 0.75));
 }
-.amotf_bgctcDarkest {
+.amotf_bgctheme_darkest {
   background-color: hsl(var(--cH), calc(var(--cS) * 0.7), calc(var(--cL) * 0.6));
 }
 .amotf_bgcposi {
   background-color: rgba(var(--color-positive-rgb), 1);
 }
-.amotf_bgcposiOpLow {
+.amotf_bgcposi_opa_low {
   background-color: rgba(var(--color-positive-rgb), 0.05);
 }
-.amotf_bgcposiOpMiddle {
+.amotf_bgcposi_opa_middle {
   background-color: rgba(var(--color-positive-rgb), 0.1);
 }
 .amotf_bgcnega {
   background-color: rgba(var(--color-negative-rgb), 1);
 }
-.amotf_bgcnegaOpLow {
+.amotf_bgcnega_opa_low {
   background-color: rgba(var(--color-negative-rgb), 0.05);
 }
-.amotf_bgcnegaOpMiddle {
+.amotf_bgcnega_opa_middle {
   background-color: rgba(var(--color-negative-rgb), 0.1);
 }
 .amotf_bgcwarn {
@@ -3361,14 +3370,11 @@ amotify-app {
 .amotf_bgcnone {
   background-color: none;
 }
-.amotf_bgcmono {
-  background-color: rgba(var(--color-monoPrime-rgb));
-}
-.amotf_bgcmonoPrime {
-  background-color: rgba(var(--color-monoPrime-rgb));
+.amotf_bgcmono_position {
+  background-color: rgba(var(--color-mono-positive-rgb));
 }
-.amotf_bgcmonoSecond {
-  background-color: rgba(var(--color-monoSecond-rgb));
+.amotf_bgcmono_negative {
+  background-color: rgba(var(--color-mono-negative-rgb));
 }
 .amotf_bgcinherit {
   background-color: inherit;
@@ -5190,22 +5196,22 @@ amotify-app {
   .amotf_bptxalgright {
     text-align: right;
   }
-  .amotf_bpftcl1 {
+  .amotf_bpftcl1_clear {
     color: rgb(var(--font-color1-rgb));
   }
-  .amotf_bpftcl2 {
+  .amotf_bpftcl2_normal {
     color: rgb(var(--font-color2-rgb));
   }
-  .amotf_bpftcl3 {
+  .amotf_bpftcl3_blur {
     color: rgb(var(--font-color3-rgb));
   }
-  .amotf_bpftcl4 {
+  .amotf_bpftcl4_thin {
     color: rgb(var(--font-color4-rgb));
   }
-  .amotf_bpftcl5 {
+  .amotf_bpftcl5_translucent {
     color: rgb(var(--font-color5-rgb));
   }
-  .amotf_bpftcl6 {
+  .amotf_bpftcl6_clear {
     color: rgb(var(--font-color6-rgb));
   }
   .amotf_bpftclinherit {
@@ -5232,14 +5238,11 @@ amotify-app {
   .amotf_bpftclblack {
     color: #0a0a0a;
   }
-  .amotf_bpftclmono {
-    color: rgba(var(--color-monoPrime-rgb));
+  .amotf_bpftclmono_positive {
+    color: rgba(var(--color-mono-positive-rgb));
   }
-  .amotf_bpftclmonoPrime {
-    color: rgba(var(--color-monoPrime-rgb));
-  }
-  .amotf_bpftclmonoSecond {
-    color: rgba(var(--color-monoSecond-rgb));
+  .amotf_bpftclmono_negative {
+    color: rgba(var(--color-mono-negative-rgb));
   }
   .amotf_bpftcltrans {
     color: transparent;
@@ -5502,88 +5505,100 @@ amotify-app {
   .amotf_bpftwtbolder {
     font-weight: bolder;
   }
-  .amotf_bpbgc1 {
+  .amotf_bpbgclayer_1 {
     background-color: hsl(var(--color-layer1-hsl));
   }
-  .amotf_bpbgc2 {
+  .amotf_bpbgclayer_2 {
     background-color: hsl(var(--color-layer2-hsl));
   }
-  .amotf_bpbgc3 {
+  .amotf_bpbgclayer_3 {
     background-color: hsl(var(--color-layer3-hsl));
   }
-  .amotf_bpbgc4 {
+  .amotf_bpbgclayer_4 {
     background-color: hsl(var(--color-layer4-hsl));
   }
-  .amotf_bpbgc5 {
+  .amotf_bpbgclayer_5 {
     background-color: hsl(var(--color-layer5-hsl));
   }
-  .amotf_bpbgc6 {
+  .amotf_bpbgclayer_6 {
     background-color: hsl(var(--color-layer6-hsl));
   }
-  .amotf_bpbgccloud {
-    background-color: rgba(var(--color-cloud-rgb), 1);
+  .amotf_bpbgclayer_1_opa_few {
+    background-color: var(--color-layer1-hsl), 0.15;
+  }
+  .amotf_bpbgclayer_1_opa_low {
+    background-color: var(--color-layer1-hsl), 0.3;
+  }
+  .amotf_bpbgclayer_1_opa_middle {
+    background-color: var(--color-layer1-hsl), 0.4;
   }
-  .amotf_bpbgclcOpFew {
-    background-color: hsla(var(--color-layer4-hsl), 0.15);
+  .amotf_bpbgclayer_1_opa_high {
+    background-color: var(--color-layer1-hsl), 0.6;
   }
-  .amotf_bpbgclcOpLow {
-    background-color: hsla(var(--color-layer4-hsl), 0.3);
+  .amotf_bpbgclayer_4_opa_few {
+    background-color: var(--color-layer4-hsl), 0.15;
   }
-  .amotf_bpbgclcOpMiddle {
-    background-color: hsla(var(--color-layer4-hsl), 0.4);
+  .amotf_bpbgclayer_4_opa_low {
+    background-color: var(--color-layer4-hsl), 0.3;
   }
-  .amotf_bpbgclcOpHigh {
-    background-color: hsla(var(--color-layer4-hsl), 0.6);
+  .amotf_bpbgclayer_4_opa_middle {
+    background-color: var(--color-layer4-hsl), 0.4;
+  }
+  .amotf_bpbgclayer_4_opa_high {
+    background-color: var(--color-layer4-hsl), 0.6;
+  }
+  .amotf_bpbgccloud {
+    background-color: rgba(var(--color-cloud-rgb), 1);
   }
   .amotf_bpbgctheme {
     background-color: hsl(var(--color-theme-hsl));
   }
-  .amotf_bpbgctcOpFew {
+  .amotf_bpbgctheme_opa_few {
     background-color: hsla(var(--color-theme-hsl), var(--color-theme-opacity-few));
   }
-  .amotf_bpbgctcOpLow {
+  .amotf_bpbgctheme_opa_low {
     background-color: hsla(var(--color-theme-hsl), var(--color-theme-opacity-low));
   }
-  .amotf_bpbgctcOpMiddle {
+  .amotf_bpbgctheme_opa_middle {
     background-color: hsla(var(--color-theme-hsl), var(--color-theme-opacity-middle));
   }
-  .amotf_bpbgctcOpHigh {
+  .amotf_bpbgctheme_opa_high {
     background-color: hsla(var(--color-theme-hsl), var(--color-theme-opacity-high));
   }
-  .amotf_bpbgctcLighten {
+  .amotf_bpbgctheme_lighten {
     background-color: hsl(var(--cH), calc(var(--cS) * 1.1), calc(var(--cL) * 1.1));
   }
-  .amotf_bpbgctcLighter {
+  .amotf_bpbgctheme_lighter {
     background-color: hsl(var(--cH), calc(var(--cS) * 1.2), calc(var(--cL) * 1.25));
   }
-  .amotf_bpbgctcLightest {
+  .amotf_bpbgctheme_lightest {
     background-color: hsl(var(--cH), calc(var(--cS) * 1.3), calc(var(--cL) * 1.4));
   }
-  .amotf_bpbgctcDarken {
+  .amotf_bpbgctheme_darken {
     background-color: hsl(var(--cH), calc(var(--cS) * 0.9), calc(var(--cL) * 0.9));
   }
-  .amotf_bpbgctcDarker {
+  .amotf_bpbgctheme_darker {
     background-color: hsl(var(--cH), calc(var(--cS) * 0.8), calc(var(--cL) * 0.75));
   }
-  .amotf_bpbgctcDarkest {
+  .amotf_bpbgctheme_darkest {
     background-color: hsl(var(--cH), calc(var(--cS) * 0.7), calc(var(--cL) * 0.6));
   }
   .amotf_bpbgcposi {
     background-color: rgba(var(--color-positive-rgb), 1);
   }
-  .amotf_bpbgcposiOpLow {
+  .amotf_bpbgcposi_opa_low {
     background-color: rgba(var(--color-positive-rgb), 0.05);
   }
-  .amotf_bpbgcposiOpMiddle {
+  .amotf_bpbgcposi_opa_middle {
     background-color: rgba(var(--color-positive-rgb), 0.1);
   }
   .amotf_bpbgcnega {
     background-color: rgba(var(--color-negative-rgb), 1);
   }
-  .amotf_bpbgcnegaOpLow {
+  .amotf_bpbgcnega_opa_low {
     background-color: rgba(var(--color-negative-rgb), 0.05);
   }
-  .amotf_bpbgcnegaOpMiddle {
+  .amotf_bpbgcnega_opa_middle {
     background-color: rgba(var(--color-negative-rgb), 0.1);
   }
   .amotf_bpbgcwarn {
@@ -5601,14 +5616,11 @@ amotify-app {
   .amotf_bpbgcnone {
     background-color: none;
   }
-  .amotf_bpbgcmono {
-    background-color: rgba(var(--color-monoPrime-rgb));
-  }
-  .amotf_bpbgcmonoPrime {
-    background-color: rgba(var(--color-monoPrime-rgb));
+  .amotf_bpbgcmono_position {
+    background-color: rgba(var(--color-mono-positive-rgb));
   }
-  .amotf_bpbgcmonoSecond {
-    background-color: rgba(var(--color-monoSecond-rgb));
+  .amotf_bpbgcmono_negative {
+    background-color: rgba(var(--color-mono-negative-rgb));
   }
   .amotf_bpbgcinherit {
     background-color: inherit;

package/dist/@styles/var.css

@@ -1,6 +1,6 @@
 /**
 * @license amotify
-* amotify 0.1.34
+* amotify 0.1.35
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
@@ -536,11 +536,11 @@
     241,
     243,
     248;
-  --color-monoPrime-rgb:
+  --color-mono-positive-rgb:
     0,
     0,
     0;
-  --color-monoSecond-rgb:
+  --color-mono-negative-rgb:
     255,
     255,
     255;
@@ -1039,11 +1039,11 @@
     27,
     28,
     28;
-  --color-monoPrime-rgb:
+  --color-mono-positive-rgb:
     255,
     255,
     255;
-  --color-monoSecond-rgb:
+  --color-mono-negative-rgb:
     0,
     0,
     0;
@@ -1120,11 +1120,11 @@
     27,
     28,
     28;
-  --color-monoPrime-rgb:
+  --color-mono-positive-rgb:
     255,
     255,
     255;
-  --color-monoSecond-rgb:
+  --color-mono-negative-rgb:
     0,
     0,
     0;
@@ -1202,11 +1202,11 @@
       27,
       28,
       28;
-    --color-monoPrime-rgb:
+    --color-mono-positive-rgb:
       255,
       255,
       255;
-    --color-monoSecond-rgb:
+    --color-mono-negative-rgb:
       0,
       0,
       0;

package/dist/@utils/GenerateClassName.js

@@ -1 +1 @@
-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{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 xe,Be,Te,Re,Pe,we,Ne;let e=[],_e=T,{gap:n,display:_,position:m,overflow:c,fontColor:R,fontSize:x,fontWeight:i,backgroundColor:p,textAlign:P,boxShadow:h,margin:u,marginTop:B,marginRight:s,marginBottom:v,marginLeft:a,padding:g,paddingTop:N,paddingRight:k,paddingBottom:L,paddingLeft:z,top:Q,right:V,bottom:Y,left:Z,border:E,borderTop:b,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:ce,width:ve,height:be,unitHeight:Se,unitWidth:ye,opacity:Ce}=_e,Le=X(_e,["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(_)||e.push("dsp"+_),c){let d=o.flatArray(c);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"+((xe=String(R))==null?void 0:xe.replace(/\..*/,"_"))),r.ev(x)||e.push("ftsz"+((Be=String(x))==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(/\./g,"_"))),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:$,v=v!=null?v:I,a=a!=null?a:G),r.ev(B)||e.push("mrgt"+B),r.ev(s)||e.push("mrgr"+s),r.ev(v)||e.push("mrgb"+v),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)&&(b=b!=null?b:E,S=S!=null?S:E,y=y!=null?y:E,C=C!=null?C:E),o.is.boolean(b)&&(b=["unset","2.normal"][Number(b)]),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(b)||e.push("b_t_ss"+((Re=String(b))==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(be)||e.push("hgt"+be),r.ev(ve)||e.push("wdt"+ve),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(ce)||e.push("minw"+ce)}return{otherParams:Le,className:e.length?l+e.join(" "+l):""}}},ze=l=>{let v=t({},l),{gradients:e,ssCardBox:n,ssSphere:_,ssSquare:m,ssPushable:c,ssAbsoluteCovered:R,ssTextEllipsis:x,flexCenter:i,flexNewLine:p,isLightFont:P,isBoldFont:h,isSemiBoldFont:u,isRounded:B}=v,s=X(v,["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:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.thin",freeCSS:{zIndex:1}};n=="border"?a.border=!0:n=="layer"?a.backgroundColor="layer.1":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 _&&(i=i!=null?i:!0,s=t({padding:0,unitWidth:_,unitHeight:_,borderRadius:"sphere",flexSizing:"none"},s)),m&&(i=i!=null?i:!0,s=t({padding:0,unitWidth:m,unitHeight:m,flexSizing:"none"},s)),!c||(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)),!x||(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:_="",freeCSS:m={},ssEffectsOnActive:c,ssLastChildLossBorder:R}=P,x=X(P,["componentID","UnderBreakPointStyles","className","freeCSS","ssEffectsOnActive","ssLastChildLossBorder"]),i=[_];if(R&&i.push("ssLastChildLossBorder_"+R),c){c=o.flatArray(c);for(let h of c)i.push("eff_"+h,"eff_"+h.split(".")[0])}{let h=r.ClassNames("amotf_",x);i.push(h.className),x=h.otherParams}n&&i.push(r.ClassNames("amotf_bp",n).className);let p=t({},x);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/atoms/Placeholder.js

@@ -1 +1 @@
-import{b as r,c as a,d as t}from"../chunk-VY3566IV.js";import{jsx as d}from"react/jsx-runtime";import c from"./Box";import{PlaceholderClasses as o}from"../@styles/componentClasses/_";const s=e=>{let l=e,{color:n="cloud"}=l,p=t(l,["color"]);return d(c,a(r({className:[o("Placeholder"),e.className].join(" "),flexCenter:!0,position:"relative",ssCardBox:!0,border:"unset",overflow:"hidden",backgroundColor:"3.layer.canvas"},p),{children:d(c,{className:[o("Body"),o("Color_"+n)].join(" ")})}))};export{s as Placeholder,s as default};
+import{b as r,c as a,d as t}from"../chunk-VY3566IV.js";import{jsx as d}from"react/jsx-runtime";import c from"./Box";import{PlaceholderClasses as o}from"../@styles/componentClasses/_";const s=e=>{let l=e,{color:n="cloud"}=l,p=t(l,["color"]);return d(c,a(r({className:[o("Placeholder"),e.className].join(" "),flexCenter:!0,position:"relative",ssCardBox:!0,border:"unset",overflow:"hidden",backgroundColor:"layer.3"},p),{children:d(c,{className:[o("Body"),o("Color_"+n)].join(" ")})}))};export{s as Placeholder,s as default};

package/dist/fn/Button.js

@@ -1 +1 @@
-import{b as o,c as i,d as B,e as P}from"../chunk-VY3566IV.js";import{jsx as d}from"react/jsx-runtime";import{$$ as g,pageTransit as x,ReadStyleSet as N,collectForm as I,GenerateClassName as E}from"../@utils/_";import{ButtonClasses as c}from"../@styles/componentClasses/_";const v={Size:(r,t,n,l)=>{let e={fontSize:"inherit"};return n=n||"R",["Plain","Link"].includes(t)?{}:(n=="XS"?e=i(o({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):n=="S"?e=i(o({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"3.tone.tertiary"}):n=="R"?(e.padding=["3/4",1],t=="Prime"&&(e.padding=["3/4",2])):n=="L"&&(e.padding=[1,3],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e=o({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),e)},Tone:(r,t,n,l)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="Plain"||(t=="Link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="Normal"?e=i(o({},e),{backgroundColor:"trans"}):t=="Border"?e=i(o({},e),{backgroundColor:"1.layer.base",border:"2.normal",borderStyle:"solid",boxShadow:"0.thin"}):t=="Prime"?(e=i(o({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:l,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),l=="white"&&(e=i(o({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="Sub"?e=i(o({},e),{fontColor:l,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="Clear"?e=i(o({},e),{fontColor:l,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="FillToBorder"?e=i(o({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:l,fontColor:l,backgroundColor:l}):t=="BorderToFill"&&(e=i(o({},e),{fontColor:l,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:l,backgroundColor:l})),l=="cloud"&&(e.fontColor="3.blur"),t!="Link"&&(e=o({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},m=r=>{let t=N(o({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme","aria-label":g.uuid.gen()},r)),n=t.seed;{let{isLocked:y=!1,isActive:f=!1,isActiveStyles:S={},isActiveClassName:T="",tone:a="border",color:s="theme",className:u=""}=t;t=o(o(o({},v.Size(r.seed,r.tone,r.size,s)),v.Tone(r.seed,r.tone,r.size,s)),t),t.className=[u,c("Wrap"),c("isNeutral_"+!f),c("isLocked_"+y),c("Tone_"+a),c("Color_"+s),c("Tone_"+a+"_Color_"+s)].join(" "),f&&(t=o(o({className:[t.className,T].join(" ")},t),S)),t=E(t)}if(n=="Button"){let l=t,{isLocked:y,isActive:f,isActiveClassName:S,isActiveStyles:T,submitOption:a,onClick:s}=l,u=B(l,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onClick"]);return a&&(a=o({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},a),u=i(o({},u),{"data-form-submit-button":a.formName,"data-sdfike":g.flatArray(a.submitDelegationKey).join(",")})),d("button",o({onClick:C=>P(void 0,null,function*(){if(s&&s(C),!a)return;let b=yield I(a.formName);!a.acceptInvalidForm&&!b.valid||a.callback(b.data,b.valid)})},u))}else if(n=="Label"){let e=t,{isLocked:y,isActive:f,isActiveClassName:S,isActiveStyles:T}=e,a=B(e,["isLocked","isActive","isActiveClassName","isActiveStyles"]);return d("label",o({},a))}else if(n=="Anchor"){let A=t,{isLocked:y,isActive:f,isActiveClassName:S,isActiveStyles:T,href:a="",newTab:s,sync:u,shiftQueryParams:C}=A,b=B(A,["isLocked","isActive","isActiveClassName","isActiveStyles","href","newTab","sync","shiftQueryParams"]);return d("button",o({onClick:L=>{let z=L.ctrlKey||L.metaKey,R=s||!!z,h=a;C&&(h+=location.search),u?x.pushSync(h):x.push(h,!!R)}},b))}return null},p=(r,t)=>({XS:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),S:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),R:n=>d(m,i(o({},n),{seed:r,tone:t,size:"R"})),L:n=>d(m,i(o({},n),{seed:r,tone:t,size:"L"}))}),k=r=>({Plain:t=>d(m,i(o({},t),{seed:r,tone:"Plain",size:"R"})),Link:t=>d(m,i(o({},t),{seed:r,tone:"Link",size:"R"})),Normal:p(r,"Normal"),Border:p(r,"Border"),Prime:p(r,"Prime"),Sub:p(r,"Sub"),Clear:p(r,"Clear"),FillToBorder:p(r,"FillToBorder"),BorderToFill:p(r,"BorderToFill")}),F={Button:k("Button"),Label:k("Label"),Anchor:k("Anchor")};export{F as Button,F as default};
+import{b as o,c as i,d as B,e as P}from"../chunk-VY3566IV.js";import{jsx as d}from"react/jsx-runtime";import{$$ as g,pageTransit as x,ReadStyleSet as N,collectForm as I,GenerateClassName as E}from"../@utils/_";import{ButtonClasses as c}from"../@styles/componentClasses/_";const v={Size:(r,t,n,l)=>{let e={fontSize:"inherit"};return n=n||"R",["Plain","Link"].includes(t)?{}:(n=="XS"?e=i(o({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):n=="S"?e=i(o({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"3.tone.tertiary"}):n=="R"?(e.padding=["3/4",1],t=="Prime"&&(e.padding=["3/4",2])):n=="L"&&(e.padding=[1,3],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e=o({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),e)},Tone:(r,t,n,l)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="Plain"||(t=="Link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="Normal"?e=i(o({},e),{backgroundColor:"trans"}):t=="Border"?e=i(o({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.thin"}):t=="Prime"?(e=i(o({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:l,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),l=="white"&&(e=i(o({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="Sub"?e=i(o({},e),{fontColor:l,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="Clear"?e=i(o({},e),{fontColor:l,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="FillToBorder"?e=i(o({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:l,fontColor:l,backgroundColor:l}):t=="BorderToFill"&&(e=i(o({},e),{fontColor:l,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:l,backgroundColor:l})),l=="cloud"&&(e.fontColor="3.blur"),t!="Link"&&(e=o({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},m=r=>{let t=N(o({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme","aria-label":g.uuid.gen()},r)),n=t.seed;{let{isLocked:b=!1,isActive:f=!1,isActiveStyles:S={},isActiveClassName:T="",tone:a="border",color:s="theme",className:u=""}=t;t=o(o(o({},v.Size(r.seed,r.tone,r.size,s)),v.Tone(r.seed,r.tone,r.size,s)),t),t.className=[u,c("Wrap"),c("isNeutral_"+!f),c("isLocked_"+b),c("Tone_"+a),c("Color_"+s),c("Tone_"+a+"_Color_"+s)].join(" "),f&&(t=o(o({className:[t.className,T].join(" ")},t),S)),t=E(t)}if(n=="Button"){let l=t,{isLocked:b,isActive:f,isActiveClassName:S,isActiveStyles:T,submitOption:a,onClick:s}=l,u=B(l,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onClick"]);return a&&(a=o({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},a),u=i(o({},u),{"data-form-submit-button":a.formName,"data-sdfike":g.flatArray(a.submitDelegationKey).join(",")})),d("button",o({onClick:C=>P(void 0,null,function*(){if(s&&s(C),!a)return;let y=yield I(a.formName);!a.acceptInvalidForm&&!y.valid||a.callback(y.data,y.valid)})},u))}else if(n=="Label"){let e=t,{isLocked:b,isActive:f,isActiveClassName:S,isActiveStyles:T}=e,a=B(e,["isLocked","isActive","isActiveClassName","isActiveStyles"]);return d("label",o({},a))}else if(n=="Anchor"){let A=t,{isLocked:b,isActive:f,isActiveClassName:S,isActiveStyles:T,href:a="",newTab:s,sync:u,shiftQueryParams:C}=A,y=B(A,["isLocked","isActive","isActiveClassName","isActiveStyles","href","newTab","sync","shiftQueryParams"]);return d("button",o({onClick:L=>{let z=L.ctrlKey||L.metaKey,R=s||!!z,h=a;C&&(h+=location.search),u?x.pushSync(h):x.push(h,!!R)}},y))}return null},p=(r,t)=>({XS:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),S:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),R:n=>d(m,i(o({},n),{seed:r,tone:t,size:"R"})),L:n=>d(m,i(o({},n),{seed:r,tone:t,size:"L"}))}),k=r=>({Plain:t=>d(m,i(o({},t),{seed:r,tone:"Plain",size:"R"})),Link:t=>d(m,i(o({},t),{seed:r,tone:"Link",size:"R"})),Normal:p(r,"Normal"),Border:p(r,"Border"),Prime:p(r,"Prime"),Sub:p(r,"Sub"),Clear:p(r,"Clear"),FillToBorder:p(r,"FillToBorder"),BorderToFill:p(r,"BorderToFill")}),F={Button:k("Button"),Label:k("Label"),Anchor:k("Anchor")};export{F as Button,F as default};